@charset "UTF-8";
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
} audio,
canvas,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  a {
background: transparent;
} a:focus {
outline: thin dotted;
} a:active,
a:hover {
outline: 0;
}  h1 {
font-size: 2em;
margin: 0.67em 0;
} abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} mark {
background: #ff0;
color: #000;
} code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
} pre {
white-space: pre-wrap;
} q {
quotes: "\201C" "\201D" "\2018" "\2019";
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 0;
}  fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } button,
input,
select,
textarea {
font-family: inherit; font-size: 100%; margin: 0; } button,
input {
line-height: normal;
} button,
select {
text-transform: none;
} button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} textarea {
overflow: auto; vertical-align: top; }  table {
border-collapse: collapse;
border-spacing: 0;
}
 @-webkit-keyframes slidecontent {
from {
-webkit-transform: translateY(-65px);
transform: translateY(-65px);
opacity: 0; }
to {
-webkit-transform: translateY(-45px);
transform: translateY(-45px);
opacity: 1; } }
@keyframes slidecontent {
from {
-webkit-transform: translateY(-65px);
transform: translateY(-65px);
opacity: 0; }
to {
-webkit-transform: translateY(-45px);
transform: translateY(-45px);
opacity: 1; } }
@media print, screen and (min-width: 40em) {
@-webkit-keyframes slidecontent {
from {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0; }
to {
-webkit-transform: translateY(-75px);
transform: translateY(-75px);
opacity: 1; } }
@keyframes slidecontent {
from {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 0; }
to {
-webkit-transform: translateY(-75px);
transform: translateY(-75px);
opacity: 1; } } }
@media print, screen and (min-width: 64em) {
@-webkit-keyframes slidecontent {
from {
-webkit-transform: translateY(-150px);
transform: translateY(-150px);
opacity: 0; }
to {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 1; } }
@keyframes slidecontent {
from {
-webkit-transform: translateY(-150px);
transform: translateY(-150px);
opacity: 0; }
to {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
opacity: 1; } } }  @font-face {
font-family: 'brown';
src: url(//summa.es/wp-content/themes/summa/fonts/brown/hinted-Brown-Light.eot);
src: local("Brown-Light"), url(//summa.es/wp-content/themes/summa/fonts/brown/hinted-Brown-Light.eot?#iefix) format("embedded-opentype"), url(//summa.es/wp-content/themes/summa/fonts/brown/hinted-Brown-Light.woff2) format("woff2"), url(//summa.es/wp-content/themes/summa/fonts/brown/hinted-Brown-Light.woff) format("woff"), url(//summa.es/wp-content/themes/summa/fonts/brown/hinted-Brown-Light.ttf) format("truetype"), url(//summa.es/wp-content/themes/summa/fonts/brown/hinted-Brown-Light.svg#Brown-Light) format("svg");
font-weight: 300;
font-style: normal; }
@font-face {
font-family: 'brown';
src: url(//summa.es/wp-content/themes/summa/fonts/brown/hinted-Brown-Regular.eot);
src: local("Brown-Regular"), url(//summa.es/wp-content/themes/summa/fonts/brown/hinted-Brown-Regular.eot?#iefix) format("embedded-opentype"), url(//summa.es/wp-content/themes/summa/fonts/brown/hinted-Brown-Regular.woff2) format("woff2"), url(//summa.es/wp-content/themes/summa/fonts/brown/hinted-Brown-Regular.woff) format("woff"), url(//summa.es/wp-content/themes/summa/fonts/brown/hinted-Brown-Regular.ttf) format("truetype"), url(//summa.es/wp-content/themes/summa/fonts/brown/hinted-Brown-Regular.svg#Brown-Regular) format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'brown';
src: url(//summa.es/wp-content/themes/summa/fonts/brown/hinted-Brown-Bold.eot);
src: local("Brown-Bold"), url(//summa.es/wp-content/themes/summa/fonts/brown/hinted-Brown-Bold.eot?#iefix) format("embedded-opentype"), url(//summa.es/wp-content/themes/summa/fonts/brown/hinted-Brown-Bold.woff2) format("woff2"), url(//summa.es/wp-content/themes/summa/fonts/brown/hinted-Brown-Bold.woff) format("woff"), url(//summa.es/wp-content/themes/summa/fonts/brown/hinted-Brown-Bold.ttf) format("truetype"), url(//summa.es/wp-content/themes/summa/fonts/brown/hinted-Brown-Bold.svg#Brown-Bold) format("svg");
font-weight: 700;
font-style: normal; } @font-face {
font-family: 'fa_social';
src: url(//summa.es/wp-content/themes/summa/fonts/fontello2/font/fa_social.eot?59299716);
src: url(//summa.es/wp-content/themes/summa/fonts/fontello2/font/fa_social.eot?59299716#iefix) format("embedded-opentype"), url(//summa.es/wp-content/themes/summa/fonts/fontello2/font/fa_social.woff2?59299716) format("woff2"), url(//summa.es/wp-content/themes/summa/fonts/fontello2/font/fa_social.woff?59299716) format("woff"), url(//summa.es/wp-content/themes/summa/fonts/fontello2/font/fa_social.ttf?59299716) format("truetype"), url(//summa.es/wp-content/themes/summa/fonts/fontello2/font/fa_social.svg?59299716#fa_social) format("svg");
font-weight: normal;
font-style: normal; }   [class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fa_social";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.icon-play:before {
content: '\e800'; } .icon-download:before {
content: '\e808'; } .icon-twitter:before {
content: '\f099'; } .icon-facebook:before {
content: '\f09a'; } .icon-youtube:before {
content: '\f167'; } .icon-instagram:before {
content: '\f16d'; } .icon-pinterest:before {
content: '\f231'; } .icon-vimeo:before {
content: '\f27d'; } .icon-linkedin-squared:before {
content: '\f30c'; }  .input {
position: relative;
z-index: 1;
display: inline-block;
margin: 1em;
max-width: 100%;
width: calc(100% - 2em);
vertical-align: top; }
.input__field {
position: relative;
display: block;
float: right;
padding: 0.8em;
width: 60%;
border: none;
border-radius: 0;
background: #f0f0f0;
color: #aaa;
font-weight: bold;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-appearance: none; }
.input__field:focus {
outline: none; }
.input__label {
display: inline-block;
float: right;
padding: 0 1em;
width: 40%;
color: #6a7989;
font-weight: bold;
font-size: 70.25%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.input__label-content {
position: relative;
display: block;
padding: 1.6em 0;
width: 100%; }
.graphic {
position: absolute;
top: 0;
left: 0;
fill: none; }
.icon {
color: #ddd;
font-size: 150%; }  .input--haruki {
margin: 4em 1em 1em; }
.input__field--haruki {
padding: 0.4em 0.25em;
width: 100%;
background: transparent;
color: #AFB5BB;
font-size: 1.55em; }
.input__label--haruki {
position: absolute;
width: 100%;
text-align: left;
pointer-events: none; }
.input__label-content--haruki {
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
.input__label--haruki::before,
.input__label--haruki::after {
content: '';
position: absolute;
left: 0;
z-index: -1;
width: 100%;
height: 4px;
background: #6a7989;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
.input__label--haruki::before {
top: 0; }
.input__label--haruki::after {
bottom: 0; }
.input__field--haruki:focus + .input__label--haruki .input__label-content--haruki,
.input--filled .input__label-content--haruki {
-webkit-transform: translate3d(0, -90%, 0);
transform: translate3d(0, -90%, 0); }
.input__field--haruki:focus + .input__label--haruki::before,
.input--filled .input__label--haruki::before {
-webkit-transform: translate3d(0, -0.5em, 0);
transform: translate3d(0, -0.5em, 0); }
.input__field--haruki:focus + .input__label--haruki::after,
.input--filled .input__label--haruki::after {
-webkit-transform: translate3d(0, 0.5em, 0);
transform: translate3d(0, 0.5em, 0); } .input--hoshi {
overflow: hidden; }
.input__field--hoshi {
margin-top: 1em;
padding: 0.85em 0.15em;
width: 100%;
background: transparent;
color: #595F6E; }
.input__label--hoshi {
position: absolute;
bottom: 0;
left: 0;
padding: 0 0.25em;
width: 100%;
height: calc(100% - 1em);
text-align: left;
pointer-events: none; }
.input__label-content--hoshi {
position: absolute; }
.input__label--hoshi::before,
.input__label--hoshi::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% - 10px);
border-bottom: 1px solid #B9C1CA; }
.input__label--hoshi::after {
margin-top: 2px;
border-bottom: 4px solid red;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
.input__label--hoshi-color-1::after {
border-color: #00aaff; }
.input__label--hoshi-color-2::after {
border-color: #00ffaa; }
.input__label--hoshi-color-3::after {
border-color: #ff5500; }
.input__field--hoshi:focus + .input__label--hoshi::after,
.input--filled .input__label--hoshi::after {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
.input--filled .input__label-content--hoshi {
-webkit-animation: anim-1 0.3s forwards;
animation: anim-1 0.3s forwards; }
@-webkit-keyframes anim-1 {
50% {
opacity: 0;
-webkit-transform: translate3d(1em, 0, 0);
transform: translate3d(1em, 0, 0); }
51% {
opacity: 0;
-webkit-transform: translate3d(-1em, -40%, 0);
transform: translate3d(-1em, -40%, 0); }
100% {
opacity: 1;
-webkit-transform: translate3d(0, -40%, 0);
transform: translate3d(0, -40%, 0); } }
@keyframes anim-1 {
50% {
opacity: 0;
-webkit-transform: translate3d(1em, 0, 0);
transform: translate3d(1em, 0, 0); }
51% {
opacity: 0;
-webkit-transform: translate3d(-1em, -40%, 0);
transform: translate3d(-1em, -40%, 0); }
100% {
opacity: 1;
-webkit-transform: translate3d(0, -40%, 0);
transform: translate3d(0, -40%, 0); } } .input--kuro {
max-width: 320px;
margin-bottom: 3em; }
.input__field--kuro {
width: 100%;
background: transparent;
color: #9196A1;
opacity: 0;
text-align: center;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.input__label--kuro {
position: absolute;
left: 0;
width: 100%;
color: #df6589;
pointer-events: none; }
.input__label--kuro::before,
.input__label--kuro::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
border: 4px solid #747981;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
.input__label--kuro::before {
border-right: none; }
.input__label--kuro::after {
left: 50%;
border-left: none; }
.input__field--kuro:focus,
.input--filled .input__field--kuro {
opacity: 1;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s; }
.input__field--kuro:focus + .input__label--kuro::before,
.input--filled .input__label--kuro::before {
-webkit-transform: translate3d(-10%, 0, 0);
transform: translate3d(-10%, 0, 0); }
.input__field--kuro:focus + .input__label--kuro::after,
.input--filled .input__label--kuro::after {
-webkit-transform: translate3d(10%, 0, 0);
transform: translate3d(10%, 0, 0); }
.input__field--kuro:focus + .input__label--kuro .input__label-content--kuro,
.input--filled .input__label-content--kuro {
-webkit-animation: anim-2 0.3s forwards;
animation: anim-2 0.3s forwards; }
@-webkit-keyframes anim-2 {
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 1);
transform: scale3d(0.3, 0.3, 1); }
51% {
opacity: 0;
-webkit-transform: translate3d(0, 3.7em, 0) scale3d(0.3, 0.3, 1);
transform: translate3d(0, 3.7em, 0) scale3d(0.3, 0.3, 1); }
100% {
opacity: 1;
-webkit-transform: translate3d(0, 3.7em, 0);
transform: translate3d(0, 3.7em, 0); } }
@keyframes anim-2 {
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 1);
transform: scale3d(0.3, 0.3, 1); }
51% {
opacity: 0;
-webkit-transform: translate3d(0, 3.7em, 0) scale3d(0.3, 0.3, 1);
transform: translate3d(0, 3.7em, 0) scale3d(0.3, 0.3, 1); }
100% {
opacity: 1;
-webkit-transform: translate3d(0, 3.7em, 0);
transform: translate3d(0, 3.7em, 0); } } .input--jiro {
margin-top: 2em; }
.input__field--jiro {
padding: 0.85em 0.5em;
width: 100%;
background: transparent;
color: #DDE2E2;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.input__label--jiro {
position: absolute;
left: 0;
padding: 0 0.85em;
width: 100%;
height: 100%;
text-align: left;
pointer-events: none; }
.input__label-content--jiro {
-webkit-transition: -webkit-transform 0.3s 0.3s;
transition: -webkit-transform 0.3s 0.3s;
transition: transform 0.3s 0.3s;
transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s; }
.input__label--jiro::before,
.input__label--jiro::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
.input__label--jiro::before {
border-top: 2px solid #6a7989;
-webkit-transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s; }
.input__label--jiro::after {
z-index: -1;
background: #6a7989;
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%; }
.input__field--jiro:focus,
.input--filled .input__field--jiro {
opacity: 1;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s; }
.input__field--jiro:focus + .input__label--jiro .input__label-content--jiro,
.input--filled .input__label-content--jiro {
-webkit-transform: translate3d(0, -80%, 0);
transform: translate3d(0, -80%, 0);
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.input__field--jiro:focus + .input__label--jiro::before,
.input--filled .input__label--jiro::before {
-webkit-transition-delay: 0s;
transition-delay: 0s; }
.input__field--jiro:focus + .input__label--jiro::before,
.input--filled .input__label--jiro::before {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.input__field--jiro:focus + .input__label--jiro::after,
.input--filled .input__label--jiro::after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .input__field--minoru {
width: 100%;
background: #fff;
-webkit-box-shadow: 0px 0px 0px 2px transparent;
box-shadow: 0px 0px 0px 2px transparent;
color: #eca29b;
-webkit-transition: box-shadow 0.3s;
-webkit-transition: -webkit-box-shadow 0.3s;
transition: -webkit-box-shadow 0.3s;
transition: box-shadow 0.3s;
transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; }
.input__label--minoru {
padding: 0;
width: 100%;
text-align: left; }
.input__label--minoru::after {
content: '';
position: absolute;
top: 0;
z-index: -1;
width: 100%;
height: 4em;
-webkit-box-shadow: 0px 0px 0px 0px;
box-shadow: 0px 0px 0px 0px;
color: rgba(199, 152, 157, 0.6); }
.input__field--minoru:focus {
-webkit-box-shadow: 0px 0px 0px 2px #eca29b;
box-shadow: 0px 0px 0px 2px #eca29b; }
.input__field--minoru:focus + .input__label--minoru {
pointer-events: none; }
.input__field--minoru:focus + .input__label--minoru::after {
-webkit-animation: anim-shadow 0.3s forwards;
animation: anim-shadow 0.3s forwards; }
@-webkit-keyframes anim-shadow {
to {
-webkit-box-shadow: 0px 0px 100px 50px;
box-shadow: 0px 0px 100px 50px;
opacity: 0; } }
@keyframes anim-shadow {
to {
-webkit-box-shadow: 0px 0px 100px 50px;
box-shadow: 0px 0px 100px 50px;
opacity: 0; } }
.input__label-content--minoru {
padding: 0.75em 0.15em; } .input__field--yoko {
z-index: 10;
width: 100%;
background: transparent;
color: #f5f5f5;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.input__label--yoko {
position: relative;
width: 100%;
color: #b04b40;
text-align: left; }
.input__label--yoko::before {
content: '';
position: absolute;
bottom: 100%;
left: 0;
width: 100%;
height: 4em;
background: #c5564a;
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
.input__label--yoko::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0.25em;
background: #ad473c;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
.input__label-content--yoko {
padding: 0.75em 0; }
.input__field--yoko:focus,
.input--filled .input__field--yoko {
opacity: 1;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s; }
.input__field--yoko:focus + .input__label--yoko::before,
.input--filled .input__label--yoko::before {
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); }
.input__field--yoko:focus + .input__label--yoko,
.input--filled .input__label--yoko {
pointer-events: none; }
.input__field--yoko:focus + .input__label--yoko::after,
.input--filled .input__label--yoko::after {
-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, -90deg);
transform: perspective(1000px) rotate3d(1, 0, 0, -90deg); } .input--kyo {
z-index: auto; }
.input__field--kyo {
padding: 0.85em 1.5em;
width: 100%;
border-radius: 2em;
background: #fff;
color: #535d92; }
.input__label--kyo {
z-index: 0;
padding: 0 0 0 2em;
width: 100%;
text-align: left; }
.input__label--kyo::after {
content: '';
position: fixed;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
height: 100%;
background: rgba(11, 43, 205, 0.6);
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
pointer-events: none; }
.input__label-content--kyo {
padding: 0.5em 0; }
.input__field--kyo:focus,
.input__field--kyo:focus + .input__label--kyo .input__label-content--kyo {
z-index: 10000; }
.input__field--kyo:focus + .input__label--kyo {
color: #fff; }
.input__field--kyo:focus + .input__label--kyo::after {
opacity: 1; } .input--akira {
margin-top: 2em; }
.input__field--akira {
position: absolute;
top: 0;
left: 0;
z-index: 10;
display: block;
padding: 0 1em;
width: 100%;
height: 100%;
background: transparent;
text-align: center; }
.input__label--akira {
padding: 0;
width: 100%;
background: #696a6e;
color: #cc6055;
cursor: text; }
.input__label--akira::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #2f3238;
-webkit-transform: scale3d(0.97, 0.85, 1);
transform: scale3d(0.97, 0.85, 1);
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
.input__label-content--akira {
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
.input__field--akira:focus + .input__label--akira::before,
.input--filled .input__label--akira::before {
-webkit-transform: scale3d(0.99, 0.95, 1);
transform: scale3d(0.99, 0.95, 1); }
.input__field--akira:focus + .input__label--akira,
.input--filled .input__label--akira {
cursor: default;
pointer-events: none; }
.input__field--akira:focus + .input__label--akira .input__label-content--akira,
.input--filled .input__label-content--akira {
-webkit-transform: translate3d(0, -3.5em, 0);
transform: translate3d(0, -3.5em, 0); } .input--ichiro {
margin-top: 2em; }
.input__field--ichiro {
position: absolute;
top: 4px;
left: 4px;
z-index: 100;
display: block;
padding: 0 0.55em;
width: calc(100% - 8px);
height: calc(100% - 8px);
background: #f0f0f0;
color: #7F8994;
opacity: 0;
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; }
.input__label--ichiro {
width: 100%;
text-align: left;
cursor: text; }
.input__label--ichiro::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
.input__label-content--ichiro {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
.input__field--ichiro:focus,
.input--filled .input__field--ichiro {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
.input__field--ichiro:focus + .input__label--ichiro,
.input--filled .input__label--ichiro {
cursor: default;
pointer-events: none; }
.input__field--ichiro:focus + .input__label--ichiro::before,
.input--filled .input__label--ichiro::before {
-webkit-transform: scale3d(1, 1.5, 1);
transform: scale3d(1, 1.5, 1); }
.input__field--ichiro:focus + .input__label--ichiro .input__label-content--ichiro,
.input--filled .input__label-content--ichiro {
-webkit-transform: translate3d(0, -3.15em, 0) scale3d(0.8, 0.8, 1);
transform: translate3d(0, -3.15em, 0) scale3d(0.8, 0.8, 1) translateZ(1px); } .input--juro {
overflow: hidden; }
.input__field--juro {
position: absolute;
z-index: 100;
padding: 2.15em 0.75em 0;
width: 100%;
background: transparent;
color: #1784cd;
font-size: 0.85em; }
.input__label--juro {
padding: 0;
width: 100%;
height: 100%;
background: #fff;
text-align: left; }
.input__label-content--juro {
padding: 2em 1em;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.3s, color 0.3s;
-webkit-transition: color 0.3s, -webkit-transform 0.3s;
transition: color 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, color 0.3s;
transition: transform 0.3s, color 0.3s, -webkit-transform 0.3s;
text-rendering: geometricPrecision; }
.input__label--juro::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0px solid transparent;
-webkit-transition: border-width 0.3s, border-color 0.3s;
transition: border-width 0.3s, border-color 0.3s; }
.input__field--juro:focus + .input__label--juro::before,
.input--filled .input__label--juro::before {
border-width: 8px;
border-color: #1784cd;
border-top-width: 2em; }
.input__field--juro:focus + .input__label--juro .input__label-content--juro,
.input--filled .input__label--juro .input__label-content--juro {
color: #fff;
-webkit-transform: translate3d(0, -1.5em, 0) scale3d(0.75, 0.75, 1);
transform: translate3d(0, -1.5em, 0) scale3d(0.75, 0.75, 1) translateZ(1px); } .input--hideo {
overflow: hidden;
background: #fff; }
.input__field--hideo {
padding: 0.85em 0.85em 0.85em 3em;
width: 100%;
background: transparent;
-webkit-transform: translate3d(1em, 0, 0);
transform: translate3d(1em, 0, 0);
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
.input__label--hideo {
position: absolute;
padding: 1.25em 0 0;
width: 4em;
height: 100%; }
.input__label--hideo::before {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 4em;
height: 100%;
background: #899dda;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
.icon--hideo {
color: #fff;
-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
.input__label-content--hideo {
position: absolute;
top: 100%; }
.input__field--hideo:focus {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.input__field--hideo:focus + .input__label--hideo::before {
-webkit-transform: scale3d(0.8, 1, 1);
transform: scale3d(0.8, 1, 1); }
.input__field--hideo:focus + .input__label--hideo .icon--hideo {
-webkit-transform: scale3d(0.6, 0.6, 1);
transform: scale3d(0.6, 0.6, 1); } .input--madoka {
margin: 1.1em; }
.input__field--madoka {
width: 100%;
background: transparent;
color: #7A7593; }
.input__label--madoka {
position: absolute;
width: 100%;
height: 100%;
color: #7A7593;
text-align: left;
cursor: text; }
.input__label-content--madoka {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
.graphic--madoka {
-webkit-transform: scale3d(1, -1, 1);
transform: scale3d(1, -1, 1);
-webkit-transition: stroke-dashoffset 0.3s;
transition: stroke-dashoffset 0.3s;
pointer-events: none;
stroke: #7A7593;
stroke-width: 4px;
stroke-dasharray: 962;
stroke-dashoffset: 558; }
.input__field--madoka:focus + .input__label--madoka,
.input--filled .input__label--madoka {
cursor: default;
pointer-events: none; }
.input__field--madoka:focus + .input__label--madoka .graphic--madoka,
.input--filled .graphic--madoka {
stroke-dashoffset: 0; }
.input__field--madoka:focus + .input__label--madoka .input__label-content--madoka,
.input--filled .input__label-content--madoka {
-webkit-transform: scale3d(0.81, 0.81, 1) translate3d(0, 4em, 0);
transform: scale3d(0.81, 0.81, 1) translate3d(0, 4em, 0); } .input--kaede {
display: block;
overflow: hidden;
margin: 1em auto 2em;
background: #EFEEEE; }
.input__field--kaede {
position: absolute;
top: 0;
right: 100%;
width: 60%;
height: 100%;
background: #fff;
color: #9DABBA;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.input__label--kaede {
z-index: 10;
display: block;
width: 100%;
height: 100%;
text-align: left;
cursor: text;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.input__label-content--kaede {
padding: 1.5em 0; }
.input__field--kaede:focus,
.input--filled .input__field--kaede {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition-delay: 0.06s;
transition-delay: 0.06s; }
.input__field--kaede:focus + .input__label--kaede,
.input--filled .input__label--kaede {
-webkit-transform: translate3d(60%, 0, 0);
transform: translate3d(60%, 0, 0);
pointer-events: none; }
@media screen and (max-width: 34em) {
.input__field--kaede:focus + .input__label--kaede,
.input--filled .input__label--kaede {
-webkit-transform: translate3d(65%, 0, 0) scale3d(0.65, 0.65, 1);
transform: translate3d(65%, 0, 0) scale3d(0.65, 0.65, 1);
pointer-events: none; } } .input__field--isao {
z-index: 10;
padding: 0.75em 0.1em 0.25em;
width: 100%;
background: transparent;
color: #afb3b8; }
.input__label--isao {
position: relative;
overflow: hidden;
padding: 0;
width: 100%;
color: #dadada;
text-align: left; }
.input__label--isao::before {
content: '';
position: absolute;
top: 0;
width: 100%;
height: 7px;
background: #dadada;
-webkit-transform: scale3d(1, 0.4, 1);
transform: scale3d(1, 0.4, 1);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
-webkit-transition: background-color 0.3s, -webkit-transform 0.3s;
transition: background-color 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, background-color 0.3s;
transition: transform 0.3s, background-color 0.3s, -webkit-transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.input__label--isao::after {
content: attr(data-content);
position: absolute;
top: 0;
left: 0;
padding: 0.75em 0.15em;
color: #da7071;
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
pointer-events: none; }
.input__field--isao:focus + .input__label--isao::before {
background-color: #da7071;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
.input__field--isao:focus + .input__label--isao {
pointer-events: none; }
.input__field--isao:focus + .input__label--isao::after {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.input__label-content--isao {
padding: 0.75em 0.15em;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.input__field--isao:focus + .input__label--isao .input__label-content--isao {
opacity: 0;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0); } .input {
position: relative;
z-index: 1;
display: inline-block;
margin: 1em;
max-width: 100%;
width: calc(100% - 2em);
vertical-align: top; }
.input__field {
position: relative;
display: block;
float: right;
padding: 0.8em;
width: 60%;
border: none;
border-radius: 0;
background: #f0f0f0;
color: #aaa;
font-weight: 400;
font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-appearance: none; }
.input__field:focus {
outline: none; }
.input__label {
display: inline-block;
float: right;
padding: 0 1em;
width: 40%;
color: #6a7989;
font-weight: bold;
font-size: 70.25%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.input__label-content {
position: relative;
display: block;
padding: 1.6em 0;
width: 100%; }
.graphic {
position: absolute;
top: 0;
left: 0;
fill: none; }
.icon {
color: #ddd;
font-size: 150%; }  .input--nao {
overflow: hidden;
padding-top: 1em; }
.input__field--nao {
padding: 0.5em 0em 0.25em;
width: 100%;
background: transparent;
color: #9da8b2;
font-size: 1.25em; }
.input__label--nao {
position: absolute;
top: 0.95em;
font-size: 0.85em;
left: 0;
display: block;
width: 100%;
text-align: left;
padding: 0em;
pointer-events: none;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: -webkit-transform 0.3s 0.1s, color 1s;
-webkit-transition: color 1s, -webkit-transform 0.3s 0.1s;
transition: color 1s, -webkit-transform 0.3s 0.1s;
transition: transform 0.3s 0.1s, color 1s;
transition: transform 0.3s 0.1s, color 1s, -webkit-transform 0.3s 0.1s;
-webkit-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1); }
.graphic--nao {
stroke: #92989e;
pointer-events: none;
-webkit-transition: -webkit-transform 0.7s, stroke 0.7s;
-webkit-transition: stroke 0.7s, -webkit-transform 0.7s;
transition: stroke 0.7s, -webkit-transform 0.7s;
transition: transform 0.7s, stroke 0.7s;
transition: transform 0.7s, stroke 0.7s, -webkit-transform 0.7s;
-webkit-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1); }
.input__field--nao:focus + .input__label--nao,
.input--filled .input__label--nao {
color: #333;
-webkit-transform: translate3d(0, -1.25em, 0) scale3d(0.75, 0.75, 1);
transform: translate3d(0, -1.25em, 0) scale3d(0.75, 0.75, 1); }
.input__field--nao:focus ~ .graphic--nao,
.input--filled .graphic--nao {
stroke: #333;
-webkit-transform: translate3d(-66.6%, 0, 0);
transform: translate3d(-66.6%, 0, 0); } .input--shoko {
overflow: hidden;
padding-bottom: 2.5em; }
.input__field--shoko {
padding: 0;
margin-top: 1.2em;
width: 100%;
background: transparent;
color: #fff;
font-size: 1.55em; }
.input__label--shoko {
position: absolute;
top: 2em;
left: 0;
display: block;
width: 100%;
text-align: left;
padding: 0em;
text-transform: uppercase;
letter-spacing: 1px;
color: #1586C7;
pointer-events: none;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: -webkit-transform 0.3s 0.1s, color 1s;
-webkit-transition: color 1s, -webkit-transform 0.3s 0.1s;
transition: color 1s, -webkit-transform 0.3s 0.1s;
transition: transform 0.3s 0.1s, color 1s;
transition: transform 0.3s 0.1s, color 1s, -webkit-transform 0.3s 0.1s;
-webkit-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1); }
.graphic--shoko {
stroke: #1586C7;
pointer-events: none;
stroke-width: 1px;
top: 1.25em;
bottom: 0px;
height: 3.275em;
-webkit-transition: -webkit-transform 0.7s, stroke 0.7s;
-webkit-transition: stroke 0.7s, -webkit-transform 0.7s;
transition: stroke 0.7s, -webkit-transform 0.7s;
transition: transform 0.7s, stroke 0.7s;
transition: transform 0.7s, stroke 0.7s, -webkit-transform 0.7s;
-webkit-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1); }
.input__field--shoko:focus + .input__label--shoko,
.input--filled .input__label--shoko {
color: #0d689c;
-webkit-transform: translate3d(0, 3.5em, 0) scale3d(0.85, 0.85, 1);
transform: translate3d(0, 3.5em, 0) scale3d(0.85, 0.85, 1); }
.input__field--shoko:focus ~ .graphic--shoko,
.input--filled .graphic--shoko {
stroke: #fff;
-webkit-transform: translate3d(-66.6%, 0, 0);
transform: translate3d(-66.6%, 0, 0); } .input__field--yoshiko {
width: 100%;
background-color: #d0d1d0;
border: 2px solid transparent;
-webkit-transition: background-color 0.3s, border-color 0.3s;
transition: background-color 0.3s, border-color 0.3s; }
.input__label--yoshiko {
width: 100%;
text-align: left;
position: absolute;
bottom: 100%;
pointer-events: none;
overflow: hidden;
padding: 0 1.25em;
-webkit-transform: translate3d(0, 3em, 0);
transform: translate3d(0, 3em, 0);
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
.input__label-content--yoshiko {
color: #8B8C8B;
padding: 0.25em 0;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
.input__label-content--yoshiko::after {
content: attr(data-content);
position: absolute;
font-weight: 800;
bottom: 100%;
left: 0;
height: 100%;
width: 100%;
color: #a3d39c;
padding: 0.25em 0;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.85em; }
.input__field--yoshiko:focus + .input__label--yoshiko,
.input--filled .input__label--yoshiko {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.input__field--yoshiko:focus + .input__label--yoshiko .input__label-content--yoshiko,
.input--filled .input__label-content--yoshiko {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
.input__field--yoshiko:focus + .input__field--yoshiko,
.input--filled .input__field--yoshiko {
background-color: transparent;
border-color: #a3d39c; } .input--chisato {
padding-top: 1em; }
.input__field--chisato {
width: 100%;
padding: 0.8em 0.5em;
background: transparent;
border: 2px solid;
color: #b5b5b5;
-webkit-transition: border-color 0.3s;
transition: border-color 0.3s; }
.input__label--chisato {
width: 100%;
position: absolute;
top: 0;
text-align: left;
overflow: hidden;
padding: 0;
pointer-events: none;
-webkit-transform: translate3d(0, 3em, 0);
transform: translate3d(0, 3em, 0); }
.input__label-content--chisato {
padding: 0 1em;
font-weight: 400;
color: #b5b5b5; }
.input__label-content--chisato::after {
content: attr(data-content);
position: absolute;
top: -200%;
left: 0;
color: #da6484;
font-weight: 800; }
.input__field--chisato:focus,
.input--filled .input__field--chisato {
border-color: #da6484; }
.input__field--chisato:focus + .input__label--chisato,
.input--filled .input__label--chisato {
-webkit-animation: anim-chisato-1 0.3s forwards;
animation: anim-chisato-1 0.3s forwards; }
.input__field--chisato:focus + .input__label--chisato .input__label-content--chisato,
.input--filled .input__label-content--chisato {
-webkit-animation: anim-chisato-2 0.3s forwards;
animation: anim-chisato-2 0.3s forwards; }
@-webkit-keyframes anim-chisato-1 {
0%, 50% {
-webkit-transform: translate3d(0, 3em, 0);
transform: translate3d(0, 3em, 0); }
51%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@-webkit-keyframes anim-chisato-2 {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
50%, 51% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
100% {
color: transparent;
-webkit-transform: translate3d(0, 200%, 0);
transform: translate3d(0, 200%, 0); } } .input--kozakura {
overflow: hidden;
padding-bottom: 1em; }
.input__field--kozakura {
padding: 0.25em 0.5em;
margin-top: 1.25em;
width: 100%;
background: transparent;
color: #1586C7;
font-size: 1.55em;
opacity: 0; }
.input__label--kozakura {
width: 100%;
text-align: left;
position: absolute;
top: 1em;
pointer-events: none;
overflow: hidden;
padding: 0 0.25em;
-webkit-transform: translate3d(1em, 2.75em, 0);
transform: translate3d(1em, 2.75em, 0);
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
.input__label-content--kozakura {
color: #055f92;
padding: 0.25em 0;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
.input__label-content--kozakura::after {
content: attr(data-content);
position: absolute;
font-weight: 800;
top: 100%;
left: 0;
height: 100%;
width: 100%;
color: #fff;
padding: 0.25em 0;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.85em; }
.graphic--kozakura {
fill: #1586C7;
pointer-events: none;
top: 1em;
bottom: 0px;
height: 4.5em;
z-index: -1;
-webkit-transition: -webkit-transform 0.7s, fill 0.7s;
-webkit-transition: fill 0.7s, -webkit-transform 0.7s;
transition: fill 0.7s, -webkit-transform 0.7s;
transition: transform 0.7s, fill 0.7s;
transition: transform 0.7s, fill 0.7s, -webkit-transform 0.7s;
-webkit-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1); }
.input__field--kozakura:focus,
.input--filled .input__field--kozakura {
-webkit-transition: opacity 0s 0.35s;
transition: opacity 0s 0.35s;
opacity: 1; }
.input__field--kozakura:focus + .input__label--kozakura,
.input--filled .input__label--kozakura {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.input__field--kozakura:focus + .input__label--kozakura .input__label-content--kozakura,
.input--filled .input__label-content--kozakura {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
.input__field--kozakura:focus ~ .graphic--kozakura,
.input--filled .graphic--kozakura {
fill: #fff;
-webkit-transform: translate3d(-66.6%, 0, 0);
transform: translate3d(-66.6%, 0, 0); } .input--makiko {
overflow: hidden;
background: #8781BD; }
.input__field--makiko {
width: 100%;
background: transparent;
color: #797693;
z-index: 10;
font-weight: 500; }
.input__label--makiko {
position: absolute;
width: 100%;
text-align: left;
pointer-events: none;
color: #fff; }
.input__label--makiko::before {
content: '';
position: absolute;
width: 30px;
height: 30px;
top: 45%;
left: 20px;
background: url(//summa.es/wp-content/themes/img/search.svg) no-repeat center center;
background-size: 100%;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
.input__label-content--makiko {
display: block;
padding: 1.5em 0 0 2.75em;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
.input__field--makiko:focus + .input__label--makiko::before,
.input--filled .input__label--makiko::before {
-webkit-transform: scale3d(38, 38, 1);
transform: scale3d(38, 38, 1); } .input--sae {
overflow: hidden;
width: 200px;
margin: 0 2em 2em; }
.input__field--sae {
background: transparent;
width: 100%;
color: #fff;
padding: 1em 0 0.25em;
font-weight: 500; }
.input__label--sae {
position: absolute;
width: 100%;
text-align: left;
color: #7771ab;
padding: 0;
height: 100%;
pointer-events: none; }
.input__label--sae::after {
content: '';
position: absolute;
width: 100%;
height: 2px;
background: #fff;
bottom: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
.icon--sae {
position: absolute;
bottom: 0;
font-size: 1em;
opacity: 0.5;
left: -30px;
color: #fff;
pointer-events: none;
-webkit-transform: translate3d(205px, 0, 0);
transform: translate3d(205px, 0, 0);
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
.input__label-content--sae {
padding: 0;
font-size: 1.3em;
display: block;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: translate3d(0, 1.85em, 0);
transform: translate3d(0, 1.85em, 0);
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
.input__field--sae:focus + .input__label--sae .input__label-content--sae,
.input--filled .input__label-content--sae {
-webkit-transform: translate3d(0, 0, 0) scale3d(0.7, 0.7, 1);
transform: translate3d(0, 0, 0) scale3d(0.7, 0.7, 1); }
.input__field--sae:focus + .input__label--sae::after,
.input--filled .input__label--sae::after {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.input__field--sae:focus + .input__label--sae .icon--sae,
.input--filled .icon--sae {
-webkit-transition-delay: 0.01s;
transition-delay: 0.01s;
-webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, -90deg);
transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, -90deg); } .input--nariko {
overflow: hidden;
padding-top: 2em; }
.input__field--nariko {
width: 100%;
background: transparent;
opacity: 0;
padding: 0.35em;
z-index: 100;
color: #f18292; }
.input__label--nariko {
width: 100%;
bottom: 0;
position: absolute;
pointer-events: none;
text-align: left;
color: #8E9191;
padding: 0 0.5em; }
.input__label--nariko::before {
content: '';
position: absolute;
width: 100%;
height: 4em;
top: 100%;
left: 0;
background: #fff;
border-top: 4px solid #6B6E6E;
-webkit-transform: translate3d(0, -3px, 0);
transform: translate3d(0, -3px, 0);
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
.input__label-content--nariko {
padding: 0.5em 0;
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transition: -webkit-transform 0.3s, color 0.3s;
-webkit-transition: color 0.3s, -webkit-transform 0.3s;
transition: color 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, color 0.3s;
transition: transform 0.3s, color 0.3s, -webkit-transform 0.3s; }
.input__field--nariko:focus,
.input--filled .input__field--nariko {
cursor: text;
opacity: 1;
-webkit-transition: opacity 0s 0.3s;
transition: opacity 0s 0.3s; }
.input__field--nariko:focus + .input__label--nariko::before,
.input--filled .input__label--nariko::before {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-transform: translate3d(0, -3.3em, 0);
transform: translate3d(0, -3.3em, 0); }
.input__field--nariko:focus + .input__label--nariko .input__label-content--nariko,
.input--filled .input__label-content--nariko {
color: #6B6E6E;
-webkit-transform: translate3d(0, -3.3em, 0) scale3d(0.81, 0.81, 1);
transform: translate3d(0, -3.3em, 0) scale3d(0.81, 0.81, 1); } .input--fumi {
background: #fff;
overflow: hidden;
padding: 0.25em 0; }
.input--fumi::after {
content: '';
width: 1px;
position: absolute;
top: 0.5em;
bottom: 0.5em;
left: 2.5em;
background: #f0f0f0;
z-index: 100; }
.input__field--fumi {
background: transparent;
padding: 1.5em 1em 0.25em 3.15em;
width: 100%;
color: #00aeef; }
.input__label--fumi {
position: absolute;
width: 100%;
text-align: left;
padding-left: 4.5em;
pointer-events: none; }
.icon--fumi {
width: 2em;
position: absolute;
top: 0;
left: 0;
padding: 1em 0 0 0.5em; }
.input__label-content--fumi {
padding: 1.7em 0;
display: inline-block;
-webkit-transform-origin: 0 0;
transform-origin: 0 0; }
.input__label-content--fumi span {
display: inline-block; }
.input__field--fumi:focus + .input__label--fumi .input__label-content--fumi,
.input--filled .input__label-content--fumi {
-webkit-animation: anim-fumi-1 0.3s forwards;
animation: anim-fumi-1 0.3s forwards; }
@-webkit-keyframes anim-fumi-1 {
50% {
-webkit-transform: translate3d(0, 3em, 0);
transform: translate3d(0, 3em, 0); }
51% {
-webkit-transform: translate3d(0, -3em, 0) scale3d(0.85, 0.85, 1);
transform: translate3d(0, -3em, 0) scale3d(0.85, 0.85, 1); }
100% {
color: #a3a3a3;
-webkit-transform: translate3d(0, -1.1em, 0) scale3d(0.85, 0.85, 1);
transform: translate3d(0, -1.1em, 0) scale3d(0.85, 0.85, 1); } }
@keyframes anim-fumi-1 {
50% {
-webkit-transform: translate3d(0, 3em, 0);
transform: translate3d(0, 3em, 0); }
51% {
-webkit-transform: translate3d(0, -3em, 0) scale3d(0.85, 0.85, 1);
transform: translate3d(0, -3em, 0) scale3d(0.85, 0.85, 1); }
100% {
color: #a3a3a3;
-webkit-transform: translate3d(0, -1.1em, 0) scale3d(0.85, 0.85, 1);
transform: translate3d(0, -1.1em, 0) scale3d(0.85, 0.85, 1); } }
.input__field--fumi:focus + .input__label--fumi .icon--fumi,
.input--filled .icon--fumi {
-webkit-animation: anim-fumi-2 0.3s forwards;
animation: anim-fumi-2 0.3s forwards; }
@-webkit-keyframes anim-fumi-2 {
50% {
opacity: 1;
-webkit-transform: translate3d(0, -3em, 0);
transform: translate3d(0, -3em, 0); }
50.25% {
opacity: 0;
-webkit-transform: translate3d(0, -3em, 0);
transform: translate3d(0, -3em, 0); }
50.75% {
opacity: 0;
-webkit-transform: translate3d(0, 3em, 0);
transform: translate3d(0, 3em, 0); }
51% {
opacity: 1;
-webkit-transform: translate3d(0, 3em, 0);
transform: translate3d(0, 3em, 0); }
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
color: #00aeef; } }
@keyframes anim-fumi-2 {
50% {
opacity: 1;
-webkit-transform: translate3d(0, -3em, 0);
transform: translate3d(0, -3em, 0); }
50.25% {
opacity: 0;
-webkit-transform: translate3d(0, -3em, 0);
transform: translate3d(0, -3em, 0); }
50.75% {
opacity: 0;
-webkit-transform: translate3d(0, 3em, 0);
transform: translate3d(0, 3em, 0); }
51% {
opacity: 1;
-webkit-transform: translate3d(0, 3em, 0);
transform: translate3d(0, 3em, 0); }
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
color: #00aeef; } } .input__field--ruri {
width: 100%;
background: transparent;
padding: 0.5em 0;
margin-bottom: 2em;
color: #fff; }
.input__label--ruri {
width: 100%;
position: absolute;
text-align: left;
font-size: 1em;
padding: 10px 0 5px;
pointer-events: none; }
.input__label--ruri::after {
content: '';
position: absolute;
width: 100%;
height: 7px;
background: #6a7989;
left: 0;
top: 100%;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
-webkit-transition: background-color 0.3s, -webkit-transform 0.3s;
transition: background-color 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, background-color 0.3s;
transition: transform 0.3s, background-color 0.3s, -webkit-transform 0.3s; }
.input__label-content--ruri {
padding: 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: -webkit-transform 0.3s, color 0.3s;
-webkit-transition: color 0.3s, -webkit-transform 0.3s;
transition: color 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, color 0.3s;
transition: transform 0.3s, color 0.3s, -webkit-transform 0.3s; }
.input__field--ruri:focus + .input__label--ruri::after,
.input--filled .input__label--ruri::after {
background: #a3d39c;
-webkit-transform: scale3d(1, 0.25, 1);
transform: scale3d(1, 0.25, 1); }
.input__field--ruri:focus + .input__label--ruri .input__label-content--ruri,
.input--filled .input__label--ruri .input__label-content--ruri {
color: #a3d39c;
-webkit-transform: translate3d(0, 2em, 0) scale3d(0.655, 0.655, 1);
transform: translate3d(0, 2em, 0) scale3d(0.655, 0.655, 1); } .input--kohana {
overflow: hidden;
background: #fff; }
.input__field--kohana {
width: 100%;
background: transparent;
padding-left: 2.75em;
color: #6a7989; }
.input__label--kohana {
position: absolute;
width: 100%;
text-align: left;
pointer-events: none; }
.input__label-content--kohana {
display: inline-block;
width: auto;
-webkit-transform: translate3d(-1.75em, 0, 0);
transform: translate3d(-1.75em, 0, 0);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; }
.icon--kohana {
display: inline-block;
margin-top: 0.9em;
-webkit-transform: translate3d(-2em, 0, 0);
transform: translate3d(-2em, 0, 0);
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
.input__field--kohana:focus + .input__label--kohana .input__label-content--kohana,
.input--filled .input__label-content--kohana {
opacity: 0;
-webkit-transform: translate3d(200px, 0, 0);
transform: translate3d(200px, 0, 0); }
.input__field--kohana:focus + .input__label--kohana .icon--kohana,
.input--filled .icon--kohana {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } .input--manami {
overflow: hidden; }
.input__field--manami {
width: 100%;
background: transparent;
padding: 0.5em;
margin-bottom: 2em;
color: #f48fb1;
z-index: 100;
opacity: 0; }
.input__label--manami {
width: 100%;
position: absolute;
text-align: left;
padding: 0.5em 0;
pointer-events: none;
font-size: 1em; }
.input__label--manami::before,
.input__label--manami::after {
content: '';
position: absolute;
width: 100%;
left: 0; }
.input__label--manami::before {
height: 100%;
background: #fff;
top: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s; }
.input__label--manami::after {
height: 2px;
background: #6a7989;
top: 100%;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.input__label-content--manami {
padding: 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: -webkit-transform 0.3s, color 0.3s;
-webkit-transition: color 0.3s, -webkit-transform 0.3s;
transition: color 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, color 0.3s;
transition: transform 0.3s, color 0.3s, -webkit-transform 0.3s; }
.input__field--manami:focus,
.input--filled .input__field--manami {
opacity: 1;
-webkit-transition: opacity 0s 0.3s;
transition: opacity 0s 0.3s; }
.input__field--manami:focus + .input__label--manami::before,
.input--filled .input__label--manami::before {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.input__field--manami:focus + .input__label--manami::after,
.input--filled .input__label--manami::after {
opacity: 0; }
.input__field--manami:focus + .input__label--manami .input__label-content--manami,
.input--filled .input__label--manami .input__label-content--manami {
color: #cbc4c6;
-webkit-transform: translate3d(0, 2.1em, 0) scale3d(0.65, 0.65, 1);
transform: translate3d(0, 2.1em, 0) scale3d(0.65, 0.65, 1); }
a, a:active, a:focus {
outline: none; }
body {
-webkit-transition: border 0.5s; transition: border 0.5s; }
a:link {
color: #fff; }
a:visited {
color: #fff; }
a:active {
color: #fff; }
a:hover {
color: #fff; }
.contacta a {
color: #e4101c; }
.contacta a:hover {
color: #e4101c;
text-decoration: none; }
.contacta a:visited {
color: #e4101c; }
.contacta a:active {
color: #e4101c; }
.contacta a:link {
color: #e4101c; }
.twocolumns {
-webkit-column-count: 2;  column-count: 2; }
.heroShot {
width: 100%;
height: 515px;
background: url(//summa.es/wp-content/themes/img/hero-shot.jpg) no-repeat center center;
background-size: cover; }
.navAncho {
top: 0;
width: 99.4% !important; }
.thinkinNavTematica {
list-style: none;
list-style-position: inside; }
.thinkinNavTematica li {
position: relative;
float: left;
display: inline-block; }
.thinkinNavTematica li:nth-child(2) {
margin-left: 30px; }
#thinkinNav {
list-style: none;
list-style-position: inside; }
#thinkinNav2 {
list-style: none;
list-style-position: inside; }
#thinkinNav li {
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
position: relative;
display: inline-block;
margin-left: 2px;
cursor: pointer;
font-size: 24px; }
#thinkinNav2 li {
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
position: relative;
display: inline-block;
margin-left: 2px;
cursor: pointer;
font-size: 24px; }
.containerlastabout {
margin-top: 60px !important; }
.navcategoriasabout {
padding: 0 !important;
list-style-position: inside; }
.navcategoriasabout li {
color: #ff0000 !important;
font-size: 20px !important;
margin-left: 10px; }
.navcategoriasabout li span {
color: #000;
font-family: "brown", Helvetica, Arial, Verdana;
font-size: 16px;
position: relative;
bottom: 2px;
white-space: nowrap; }
#thinkinNav li:nth-child(2) {
margin-left: 10px; }
#thinkinNav li:nth-child(3) {
margin-left: 10px; }
#thinkinNav2 li:nth-child(2) {
margin-left: 10px; }
#thinkinNav2 li:nth-child(3) {
margin-left: 10px; }
li.selected {
color: #000; }
.thumbsHow {
background: red; }
.section {
cursor: pointer; }
.nomargin {
margin: 0px !important; }
.nopadding {
padding: 0px !important; }
.naranja {
color: #e51f2b;
line-height: 0;
margin-bottom: 25px; }
.secondBox {
margin-top: 25px; }
.padreRedes {
padding: 0; }
.redesFooter:nth-child(4) {
margin-left: 15px; }
.redesFooter {
position: relative;
float: left;
width: 48px;
height: 48px;
border-radius: 100%;
margin-left: 15px;
margin-top: 15px;
background: no-repeat center center;
background-size: cover;
cursor: pointer; }
#albrandDiv {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
min-height: 600px; }
.redesFooter:hover {
opacity: 0.5; }
.footer {
padding-top: 65px;
height: 420px; }
.altoBox {
height: 234px;
min-height: 234px;
-webkit-transition: opacity 0.1s; }
.altoBlog {
min-height: 234px;
-webkit-transition: opacity 0.1s;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out; }
.downloapdf {
cursor: pointer; }
.efectoWork {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
background-size: cover;
background-repeat: no-repeat;
background-position: center center; }
.efectoWork:hover {
opacity: 0;
-webkit-transform: scale(2, 2);
transform: scale(2, 2); }
.altoBoxFooter {
height: auto;
padding: 20px; }
.ultimoFooter {
padding: 20px; }
.nopadding {
padding: 0 !important; }
.imagenPeople {
height: 100px;
width: 100%;
position: relative;
float: left; }
.relativefLeft {
position: relative;
float: left; }
.boxPersona {
height: 452px; }
.negrita {
color: #000; }
.twocolumns {
-webkit-column-count: 2;  column-count: 2; }
.nav-categorias-case {
list-style: none; }
.nav-categorias-case li {
display: block;
width: 100%;
cursor: pointer;
text-decoration: none;
Font-family: "brown", Helvetica, Arial, Verdana;
font-size: 15px;
-webkit-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
color: #FF0000;
opacity: 1;
letter-spacing: 0.5px;
margin-top: 8px; }
.nav-categorias-case li:hover {
color: #ccc; }
.selectedCategory {
text-decoration: none;
display: inline-block;
float: left;
font-size: 15px;
-webkit-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
color: #000;
opacity: 1;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700; }
.nav-categorias-case li a:hover {
opacity: 0.8;
color: #FF0000; }
.slimScrollBar {
opacity: 0 !important; }
.naranja {
color: #e51f2b; }
.secondBox {
margin-top: 25px; }
.padreRedes {
padding: 0; }
.redesFooter:first-child {
margin-left: 0px; }
.containerthumbnails {
margin-top: 180px; }
.albrand-caja {
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: cover !important; }
.imagen-thumbnail-caja {
left: 0;
bottom: 40px;
z-index: 1;
width: 100%;
height: auto;
position: absolute;
padding-left: 15px;
padding-right: 90px; }
.imagen-thumbnail-caja h3 {
text-align: left; }
.imagen {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -100000; }
.albrand-filtro {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
background: rgba(49, 49, 49, 0.5); }
.case-filtro {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background: rgba(0, 0, 0, 0.3); }
.noticiaCorporativa-filtro {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
background: red; }
.blog-filtro {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: rgba(255, 0, 0, 0.7); }
.altoBox p {
position: absolute;
font-family: "brown", Helvetica, Arial, Verdana;
color: #ffffff;
font-size: 17px; }
.altoBox h3 {
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
color: #ffffff;
position: relative;
font-size: 35px;
-webkit-transition: all 0.5s ease-out;
letter-spacing: 1px;
transition: all 0.5s ease-out; }
.altoBlog p {
position: absolute;
font-family: "brown", Helvetica, Arial, Verdana;
color: #ffffff;
font-size: 17px; }
.altoBlog h3 {
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
color: #ffffff;
position: relative;
font-size: 35px;
-webkit-transition: all 0.5s ease-out;
letter-spacing: 1px;
transition: all 0.5s ease-out; }
.twocolumns {
-webkit-column-count: 2;  column-count: 2; }
.heroShot {
width: 100%;
height: 515px;
background: url(//summa.es/wp-content/themes/img/hero-shot.jpg); }
.contentAllbran {
margin-top: 98px; }
.contentAllbran h1, .contentAllbran h2, .contentAllbran h3, .contentAllbran h4 .contentAllbran h5 .contentAllbran h6 {
color: #ff0000;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700; }
.titulo-entrevista {
font-size: 48px !important;
text-align: center;
margin-top: 0; }
.imagen-entrevistado {
width: 199px;
height: 199px;
border-radius: 100%;
margin: 0 auto;
margin-top: 60px; }
.entrevista-p {
text-align: center;
margin-top: 20px !important;
color: #ff0000;
font-weight: bold; }
.informacion-entrevistado {
width: 100%;
height: auto;
display: none; }
.boton-mas {
display: inline-block;
width: 15px;
height: 15px;
border-radius: 100%;
position: relative;
color: #FF0000;
border: 1px solid #FF0000;
line-height: 9px;
text-align: center;
font-size: 13px;
cursor: pointer; }
.mas-info {
position: relative;
display: block;
width: 50%;
margin: 10px auto;
height: auto;
cursor: pointer;
text-align: center; }
.mas-info p {
display: inline; }
.preguntas-respuestas-div {
width: 100%;
height: auto;
padding-bottom: 100px;
border-bottom: 1px solid #ff0000; }
.pregunta {
margin-top: 50px;
color: #ff0000;
font-family: "brown", Helvetica, Arial, Verdana;
font-size: 18px;
line-height: 26px; }
.respuesta {
position: relative !important;
left: 20px !important;
padding-right: 10px;
color: #4e4e4e; }
.allbrand-imagen {
position: relative;
width: 100%;
height: 672px;
background: red;
padding: 0;
margin-top: 80px;
display: block;
background-size: cover; }
#albrand-nav {
list-style: none;
list-style-position: inside; }
#albrand-nav li:first-child {
margin-top: 0px; }
#albrand-nav li {
margin-top: 30px;
cursor: pointer; }
#albrand-nav li p {
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
font-size: 18px;
color: #626262;
z-index: 1000;
padding-right: 10px; }
.selectedNav {
color: #000 !important;
font-weight: bold !important;
border-bottom: 2px solid #ff0000 !important; }
.fixContainer {
top: 100px;
position: fixed; }
.fixSocial {
position: fixed !important;
top: 100px;
right: 7.8%; }
.fixSocial2 {
position: fixed !important;
top: 85px !important;
right: 7.8%; }
.fixSocial3 {
position: fixed !important;
top: 85px !important;
right: 9%; }
.bxslider li {
cursor: pointer; }
.escrito-div {
color: #ff0000;
width: 200px;
height: auto;
margin: 30px auto !important; }
.escrito-div p {
display: inline-block;
float: left; }
.escrito-por {
font-family: "brown", Helvetica, Arial, Verdana;
font-style: italic; }
.caja {
position: relative;
float: left;
margin-bottom: 60px;
width: 100%; }
.caja img {
max-width: 100%; }
.destacado {
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700; }
.content-articulo {
margin-top: 15px;
width: 100%;
height: auto;
position: relative;
float: left; }
.content-articulo p {
margin: 20px 0; }
.suscribe-div {
margin: 100px 0; }
.suscribe {
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
color: #000;
text-align: center;
font-size: 50px;
margin-bottom: 40px; }
.send {
top: -12px;
position: relative;
display: inline-block;
width: 232px;
height: 44px;
background: #ff0000;
margin-left: 20px; }
.send p {
color: #fff;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
font-size: 18px;
text-align: center; }
.input-suscribe {
width: 100%;
height: 44px !important;
border: 1px solid #ff0000 !important;
color: #000 !important; }
.input-suscribe {
border: 1px solid #ff0000; }
.migas {
position: relative;
top: 30px;
color: #fff;
font-family: "brown", Helvetica, Arial, Verdana;
font-size: 14px;
letter-spacing: 1px;
font-weight: 100; }
.containerMigas {
position: relative;
top: 0;
left: 0; }
.imagenCienAllbrand {
position: absolute;
left: 0;
top: 0; }
.descripcion-allbrand {
position: relative;
width: 600px;
height: auto;
margin-top: 151px; }
.descripcion-allbrand h2 {
color: #fff; }
.descripcion-allbrand h1 {
color: #fff; }
.titulo-allbrand {
margin-top: 30px;
font-size: 95px;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700; }
.fecha-allbrand {
margin-right: 20px;
font-size: 18px;
font-family: "brown", Helvetica, Arial, Verdana; }
.numero-allbrand {
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
font-size: 30px; }
.ancho-nav {
width: 220px !important; }
#boton-thinking {
position: relative;
width: 235px !important;
height: 43px !important;
background: #ff0000 !important;
color: #ffffff;
border: none !important;
border-radius: 2px !important;
bottom: 2px !important;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out; }
#boton-thinking:hover {
background: #db0202 !important; }
.boton-thinking {
font-size: 20px !important; }
.opinion {
position: relative;
margin-top: 100px; }
.imagen-thumb {
position: absolute;
top: 0;
left: 0;
z-index: -1; }
.filtro-rojo {
width: 100%;
height: 100%;
z-index: 1;
background: rgba(255, 0, 0, 0.7);
padding: 20px; }
.corporativa-box {
padding: 20px; }
.articulo-blog {
position: relative;
float: left;
display: block;
height: 666px;
margin: 80px 0 0 0;
width: 100% !important; }
.flitro-articulo {
background: rgba(255, 0, 0, 0.7);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; }
.imagen-superior {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: cover !important; }
.centro-post {
position: relative;
width: 70%;
height: auto;
margin: 0 auto;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700; }
.centro-post h1 {
color: #fff;
text-align: center;
font-size: 82px; }
.centro-post h1 {
color: #fff;
text-align: center;
font-size: 82px; }
.centro-post p {
text-align: center;
margin-top: 37px;
color: #fff;
font-style: italic;
font-weight: normal; }
.flecha-normal {
position: absolute;
width: 43px;
height: 13px;
background: url(//summa.es/wp-content/themes/img/flecha-normal.png);
color: #fff;
margin-bottom: 30px; }
.contentBlog {
position: relative;
float: left;
margin-top: 50px !important;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700; }
.contentBlog p {
font-size: 14px;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 400; }
.contentBlog h1, .contentBlog h2, .contentBlog h3, .contentBlog h4, .contentBlog h5, .contentBlog h6 {
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
line-height: 30px; }
.contentCorporativa {
position: relative;
float: left;
margin-top: 50px !important;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700; }
.contentCorporativa p {
font-size: 16px;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: normal; }
.contentCase {
font-family: "brown", Helvetica, Arial, Verdana;
margin-bottom: 106px !important;
margin-top: 15px !important; }
.contentCase p {
font-family: "brown", Helvetica, Arial, Verdana;
font-size: 15px; }
.share {
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
text-align: center;
color: #000; }
.share h2 {
font-size: 50px; }
.shareRow {
margin-top: 62px; }
.noticia-div {
position: relative;
width: 100%;
float: left;
height: 457px;
background: #ff0000; }
.noticia-div .texto-top-div {
width: 100%; }
.noticia-div .texto-top-div h1 {
width: 100%; }
.texto-top-div {
width: 864px;
height: auto;
margin: 0 auto; }
.texto-top-div h1 {
font-size: 59px;
color: #fff;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
text-align: center;
margin: 0;
padding: 0;
position: absolute; }
.descarga {
position: relative;
margin-top: 10px;
margin-bottom: 100px;
cursor: pointer; }
.img-descarga {
position: relative;
float: left;
display: inline-block; }
.text-download {
position: relative;
float: left;
display: inline-block;
color: #ff0000;
font-size: 16px;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
margin-left: 10px; }
.text-download:hover {
color: #db0202 !important; }
.teamDiv {
position: relative;
float: left;
min-height: 406px; }
.teamDiv .content_col {
padding-right: 10px; }
.teamDiv .content_col .content {
padding-left: 15px;
padding-right: 15px;
position: relative; }
.teamDiv .content_col .content .btnCerrar {
position: static; }
.imagen-contacto {
width: 100%;
height: 543px; }
.imagen-contacto-background {
width: 100%;
height: 460px; }
.related_wrapper {
position: absolute;
bottom: 0;
left: 0;
padding-right: 10px;
width: 100%; }
.related_wrapper .contenido-relacional {
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
width: 100%;
height: auto;
list-style-position: outside;
padding: 0;
margin: 0;
line-height: 15px; }
.related_wrapper .contenido-relacional div {
position: relative;
padding: 15px 50px 25px 15px;
float: left;
display: inline-block;
width: 33.333%;
height: 94px;
background: #d6d6d6;
opacity: 1;
cursor: pointer; }
.contenido-relacional div:hover {
position: relative;
padding: 15px 50px 25px 15px;
float: left;
display: inline-block;
height: 94px;
background: #d6d6d6;
opacity: 0.8;
text-decoration: none; }
.contenido-relacional div a, .contenido-relacional div p {
text-decoration: none;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
font-size: 13px;
color: #666666; }
.categoria-team {
position: absolute;
bottom: 10px;
color: #fff !important; }
.cerrardetalle {
width: 15px;
height: 15px;
position: absolute;
color: #787878;
top: 39px;
right: 30px;
margin: 0;
padding: 0;
font-size: 18px;
cursor: pointer; }
.input--matchheight {
max-width: 100% !important; }
.cerrardetalle:hover {
color: #E51F2B;
text-decoration: none; }
.teamCarousel {
height: 500px !important; }
select {
font-family: "brown", Helvetica, Arial, Verdana !important;
font-weight: 700;
-webkit-appearance: none;
-moz-appearance: none;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-padding-end: 20px;
-moz-padding-end: 20px;
-webkit-padding-start: 2px;
-moz-padding-start: 2px;
background-image: url(//summa.es/wp-content/themes/img/down-arrow.png);
background-position: center right;
background-repeat: no-repeat;
border-radius: 2px;
color: #000 !important;
font-size: inherit;
margin: 0;
overflow: hidden;
padding-top: 2px;
padding-bottom: 2px;
text-overflow: ellipsis;
white-space: nowrap;
border: none !important; }
#autorItem {
display: none;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
font-size: 18px; }
.nombre {
color: #363636; }
.titulos-allbrand {
padding: 0 90px 10px 30px;
position: absolute;
bottom: 0;
width: 100%;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
text-align: left;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out; }
.allbrand {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out !important; }
.titulos-allbrand p {
position: relative;
display: block;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out; }
.titulos-allbrand p:first-child {
font-size: 35px;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
line-height: 1.2em;
margin: 0; }
.rrss-position {
position: relative;
top: 75px; }
.albran-contador {
padding: 0 !important; }
.nav-categorias-case li a {
font-size: 14px; }
.carouselHow .carousel-indicators {
margin-left: 11% !important; }
.content-slider-allbrand {
position: absolute;
width: 50%;
bottom: 0;
color: #fff;
margin-left: 30px;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out; }
.content-slider-allbrand h3, .content-slider-allbrand h2 {
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out; }
.content-slider-allbrand h2 {
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
font-size: 65px; }
.content-slider-allbrand h3 {
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
font-size: 30px; }
.content-slider-allbrand p {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
font-size: 24px;
font-family: 'prelo_slabbook'; }
.margen-final {
width: 100%;
height: 50px; }
.marcas {
margin-top: 40px;
width: 100%;
height: 100px; }
.marcas-nav {
font-family: "brown", Helvetica, Arial, Verdana;
font-style: italic;
color: #626262;
position: relative;
float: left;
margin: 0;
padding: 0;
list-style-position: inside; }
.marcas-nav li {
display: inline-block; }
.marcas-nav li a {
color: #626262 !important; }
.how-we-work > .container {
width: 90% !important; }
.imagen-autor {
width: 82px;
height: 82px;
border-radius: 100%; }
.nombre-autor {
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
color: #ff0000; }
#contenidoTotal a {
color: #ff0000; }
.descripcion-autor {
width: 100%;
font-size: 12px;
text-overflow: ellipsis; }
.separadorborder {
position: relative;
background: red;
float: left;
width: 100%;
height: 10px !important; }
.contentPeople h1, .contentPeople h2, .contentPeople h3, .contentPeople h4, .contentPeople h5, .contentPeople h6 {
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700; }
.contentPeople h2 {
font-size: 2em; }
.contentPeople p {
font-family: "brown", Helvetica, Arial, Verdana;
font-size: 0.9375em; }
.puestoDesarrollador {
font-family: "brown", Helvetica, Arial, Verdana;
font-size: 16px;
line-height: 1.2; }
.migalink:visited {
text-decoration: none;
color: #fff; }
.migalink:hover {
text-decoration: none; }
.flechaAlbrand {
cursor: pointer;
webkit-animation: infinite-spinning 1s infinite;   -webkit-animation: infinite-spinning 1s infinite;
animation: infinite-spinning 1s infinite; }
.flechaBlog {
cursor: pointer;
webkit-animation: infinite-spinning 1s infinite;   -webkit-animation: infinite-spinning 1s infinite;
animation: infinite-spinning 1s infinite; }
.linkBlog {
text-decoration: none;
color: #fff; }
.linkBlog:visited {
color: #fff; }
.linkBlog:hover {
cursor: pointer;
text-decoration: none;
color: #fff; }
.heroShot {
margin-top: 80px;
width: 100%;
height: 515px; }
.video-responsive {
width: 100%;
max-width: 100%;
padding: 0;
margin: 0; }
@-webkit-keyframes infinite-spinning {
0% {
bottom: 10px; }
25% {
bottom: 12px; }
50% {
bottom: 15px; }
75% {
bottom: 12px; }
100% {
bottom: 10px; } }
@keyframes infinite-spinning {
0% {
bottom: 10px; }
25% {
bottom: 12px; }
50% {
bottom: 15px; }
75% {
bottom: 12px; }
100% {
bottom: 10px; } }
#selectPersona {
padding: 0 !important;
list-style: none;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
font-size: 18px;
list-style-position: inside;
height: auto;
margin-bottom: 20px !important; }
#selectPersona li {
color: #ff0000;
cursor: pointer;
width: 100%;
text-decoration: none;
display: inline-block;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 400;
font-size: 15px;
-webkit-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
opacity: 1;
letter-spacing: 0.5px;
margin-top: 8px; }
#selectPersona li:hover {
color: #ccc; }
#selectCategory {
padding: 0 !important;
width: 100%;
list-style: none;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
font-size: 18px;
list-style-position: inside; }
#selectCategory li:first-child {
color: #000; }
#selectCategory li {
cursor: pointer;
width: 100%;
text-decoration: none;
display: inline-block;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 400;
font-size: 15px;
-webkit-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
color: #FF0000;
opacity: 1;
letter-spacing: 0.5px;
margin-top: 8px; }
#selectCategory li:hover {
color: #ccc; }
.selectPersonaDiv {
height: 30px;
overflow: hidden;
margin-bottom: 20px !important; }
.selectCategoryDiv {
height: 30px;
margin-bottom: 20px !important;
overflow: hidden; }
#allbrandButton {
cursor: pointer;
color: #535353; }
#personasButton {
cursor: pointer;
color: #535353; }
#categoryButton {
cursor: pointer;
color: #535353; }
.blogcategories {
display: none; }
.selectCategoryAllbrandDiv {
height: 30px;
margin-bottom: 20px !important;
overflow: hidden; }
#postsDiv {
min-height: 705px; }
#selectCategoryAllbrand {
padding: 0 !important;
list-style: none;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
font-size: 18px;
list-style-position: inside;
height: auto;
overflow: hidden;
-webkit-transition: all 1s ease-out;
transition: all 1s ease-out; }
#selectCategoryAllbrand li {
color: #ff0000;
cursor: pointer;
width: 100%;
text-decoration: none;
display: inline-block;
float: left;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 400;
font-size: 15px;
-webkit-transition: all ease-out 0.3s;
transition: all ease-out 0.3s;
opacity: 1;
letter-spacing: 0.5px;
margin-top: 8px; }
#selectCategoryAllbrand li:hover {
color: #ccc; }
#selectCategoryAllbrand li:first-child {
color: #000; }
.todos_sectores {
font-size: 18px;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
color: #535353 !important;
cursor: pointer; }
.nav-categorias-case li a:hover {
color: #ccc; }
#sectores {
margin-bottom: 50px; }
.autor {
font-family: "brown", Helvetica, Arial, Verdana;
font-size: 20px !important;
text-align: center;
color: #000; }
.fp-section {
height: auto !important; }
@media only screen and (max-width: 1024px) {
.fp-section {
height: auto !important; } }
.cita {
font-family: "brown", Helvetica, Arial, Verdana !important;
font-weight: 700;
color: #000;
text-align: center;
font-size: 40px !important; }
.cita:before {
content: '"'; }
.cita:after {
content: '"'; }
blockquote {
border-left: none !important; }
blockquote p:before, blockquote p:after {
content: '"' !important; }
blockquote p {
font-family: "brown", Helvetica, Arial, Verdana !important;
font-weight: 700;
color: #000;
text-align: center;
font-size: 30px !important; }
#articulos-mobile {
width: 182px;
margin: 0 auto;
position: relative;
margin-top: 30px; } @media only screen and (min-width: 767px) and (max-width: 1200px) {
.input-suscribe {
margin: 0 auto; }
.redesSociales {
right: 0 !important; }
.bx-wrapper {
width: 100% !important; }
.bxslider li {
width: 100% !important; }
.navcategoriasabout li span {
font-size: 16px; }
#fixedContainer {
display: none; }
.frase-testimoniales {
font-size: 22px !important;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out; }
.nav-categorias-case li a {
font-size: 15px; }
.altoBox h3 {
font-size: 22px; }
.altoBlog h3 {
font-size: 22px; }
.allbrand p:first-child {
font-size: 22px;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out; }
.titulos-allbrand p:first-child {
font-size: 22px;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out; }
.datos-noticia-coorporativa {
padding-right: 60px !important; }
.texto-noticia {
width: 100% !important;
font-size: 22px !important;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out; } }
#categorias-mobile {
margin-left: 20px; }
#sectores {
display: none; }
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
.wrapper-allbrand {
width: 182px;
position: relative;
margin: 0 auto; }
.suscribe {
font-size: 38px; }
.noticia-div {
height: 350px; }
.migas {
display: none;
font-size: 10px !important;
margin-left: 20px; }
.centro-post img {
width: 40px; }
.centro-post {
margin-top: 20px; }
.centro-post h1 {
font-size: 23px; }
.content-slider-allbrand p {
font-size: 16px !important; }
.content-slider-allbrand h3 {
font-size: 23px; }
.content-slider-allbrand h2 {
font-size: 35px; }
.descripcion-allbrand {
width: 100%; }
.bx-viewport {
height: 300px; }
.bx-wrapper {
width: 100% !important; }
.bxslider li {
width: 100% !important; }
#boton-thinking {
margin-top: 20px;
width: 100% !important; }
#fixedContainer {
display: none; }
.containerWork {
width: 100% !important;
margin: 0;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out; }
.descripcion-autor {
text-align: center; }
.nombre-autor {
margin-top: 10px;
text-align: center; }
.imagen-autor {
margin: 0 auto; }
.contenido-relacional {
position: relative; }
.contenido-relacional div {
position: relative;
padding: 15px 50px 25px 15px;
float: left;
display: block;
width: 100%;
height: 94px;
background: #d6d6d6; }
.contenido-relacional div:hover {
opacity: 1 !important; }
.twocolumns {
-webkit-column-count: 1 !important;  column-count: 1 !important;
padding: 10px; }
.footer {
width: 85%;
margin: 0 auto; } } .contentBlog img {
max-width: 100% !important;
height: 100%; }
@media (max-width: 425px) {
.titulos-allbrand p:first-child {
font-size: 31px;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
line-height: 1.2em;
margin: 0; } }
@media (max-width: 768px) {
.descarga {
position: relative;
margin-top: 55px;
cursor: pointer;
padding-bottom: 40px;
text-align: center;
padding-left: 20px !important; } }
@media (max-width: 321px) {
.texto-noticia {
font-size: 30px !important; } }
.modal-mobile {
-webkit-box-shadow: none !important;
box-shadow: none !important; }
@media (max-width: 767px) {
.efectoWork {
background-size: cover !important; }
button.navbar-toggle.navbar-toggle2 {
background: transparent !important;
border-color: transparent !important;
margin-top: 8px !important; }
button.navbar-toggle.boss {
padding: 0;
background: transparent;
border-color: transparent;
margin-top: 20px !important; }
button.navbar-toggle.boss:hover {
background: transparent !important;
border-color: transparent !important; } }
@media (max-width: 992px) {
p.nombre {
font-size: 17px; }
.datos-persona .puestoDesarrollador p {
font-size: 13px; }
.contentPeople h2 {
font-size: 24px; } }
.navbar-toggle.active .icon-bar.ab1 {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin-top: 16px; }
.navbar-toggle.active .icon-bar.ab2 {
background-color: transparent !important; }
.navbar-toggle.active .icon-bar.ab3 {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-top: -15px; }
.ab1, .ab2, .ab3 {
-webkit-transition: all 200ms linear;
transition: all 200ms linear; }
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 5px; }
button.navbar-toggle.navbar-toggle2.active {
top: -4px; }
@media (max-width: 348px) {
button.navbar-toggle.boss.active {
top: 0 !important; } }
button.navbar-toggle.boss.active {
top: -16px; }
html {
font-family: "brown", Helvetica, Arial, Verdana;
font-size: 16px;
line-height: 1.5;
color: #5a5a5a; }
body {
font-family: "brown", Helvetica, Arial, Verdana;
font-size: 16px;
line-height: 1.5;
color: #5a5a5a;
padding-bottom: 0 !important; }
.page-template-aviso-legal a {
color: #ff0000; }
.page-template-aviso-legal a:hover {
color: #ff0000; }
.section:hover .bxhome {
opacity: 1; }
.bxhome {
position: absolute;
left: 0;
bottom: 0;
width: 94vw;
min-height: 100%;
background: rgba(255, 0, 0, 0.5);
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.titulo-case {
margin-bottom: 0;
font-size: 18px;
letter-spacing: 1px;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
color: #ff0000; }
.carousel {
margin-left: 15px;
margin-right: 15px; }
img.aligncenter {
display: block;
margin: 0 auto; }
.contentBlog a {
color: #ff0000; }
#CarrouselTestimoniales .indicadores-testimoniales {
bottom: 0; }
.testimoniales-div {
background: #FFF; }
.efectoWork {
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.textos {
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.texto-hover {
display: none;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
.padre {
overflow: hidden; }
.categoria-team {
font-size: 12px !important;
font-family: "brown", Helvetica, Arial, Verdana !important; }
.containerCase {
margin-top: 56px !important; }
.contentCase h2 {
font-family: "brown", Helvetica, Arial, Verdana !important;
font-weight: 700; }
.containerCase .panel-first-child .siteorigin-widget-tinymce {
margin-top: -30px !important; }
@media (max-width: 767px) {
.row_image_wrapper .panel-grid-cell {
margin-bottom: 0 !important; } }
.efecto-0 {
margin-top: 0; }
a, a:active, a:focus {
outline: none; }
.odd {
background-color: #d6d6d6 !important; }
.even {
background-color: #dadada !important; }
.rrss {
-webkit-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
cursor: pointer;
margin-bottom: 7px; }
.summamargen {
margin-top: 113px; }
.input__label--manami::after {
background: #fff;
font-family: "brown", Helvetica, Arial, Verdana; }
.input__label-content--manami {
font-family: "brown", Helvetica, Arial, Verdana !important;
font-weight: 100 !important;
color: #fff !important; }
label {
font-family: "brown", Helvetica, Arial, Verdana !important;
color: #fff !important;
font-weight: 100; }
.input__label {
color: #fff !important; }
.input__field--manami {
border-bottom: none !important; }
#mensaje {
border-top: 2px solid #fff;
margin-left: 10px;
margin-right: 10px; }
.mensaje-correcto {
font-family: "brown", Helvetica, Arial, Verdana;
text-align: left;
position: relative;
font-size: 20px;
top: 20px; }
#btn-Enviar:hover {
background: #db0202 !important;
color: #fff; }
#btn-Enviar {
position: relative;
width: 165px;
height: 58px;
top: 40px;
font-size: 19px;
background: #F8F8F8;
border: none !important;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out; }
.email-contact {
margin-top: 10px;
font-size: 26px; }
video {
position: relative;
width: 100% !important;
height: 100% !important;
background-position: 0 0;
background-repeat: no-repeat;
background-color: transparent;
background-size: cover; }
.texthomeout {
webkit-animation: texthomeout forwards;
-webkit-animation: texthomeout forwards;
animation: texthomeout forwards;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-duration: 3s;
animation-duration: 3s; }
.textAnimation {
webkit-animation: texthome forwards;
-webkit-animation: texthome forwards;
animation: texthome forwards;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s; }
.texto-slider {
font-family: "brown", Helvetica, Arial, Verdana;
position: absolute;
width: 50%;
height: 0;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
text-align: center;
font-weight: 700; }
.texto-slider h2 {
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
font-size: 65px;
line-height: 1em; }
.texto-slider h3 {
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 400;
font-size: 30px;
line-height: 1em; }
.opacidad:hover {
opacity: 0.9; }
.sow-slider-images li {
height: 100% !important; }
.so-widget-sow-slider img {
display: block !important; }
.sow-slider-image .sow-slider-image-cover .cycle-slide .cycle-sentinel {
height: 100% !important; }
.cover {
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important; }
.about-us p {
font-family: "brown", Helvetica, Arial, Verdana; }
.about-us h1, .about-us h2, .about-us h3, .about-us h4, .about-us h5, .about-us h6 {
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700; }
.about-us p {
font-size: 15px; }
.about-us h2 {
font-size: 31px; }
.wedodiv {
margin-top: 60px;
height: auto; }
.imagenWeDo {
padding: 0 !important;
margin: 80px 80px 0 80px !important;
height: 600px; }
.imagen-central {
width: 100%;
margin: 105px auto;
height: 450px; }
#fp-nav {
z-index: 4; }
#fp-nav ul li a span:hover {
background: red !important; }
#fp-nav.right {
right: 0.5%; }
.sliderWeOffer {
margin-top: 80px !important; }
.sliderWeOffer .item {
height: 555px !important; }
#myCarouselabout .item {
height: 600px !important; }
.rrss:hover {
opacity: 0.6; }
.navbar-toggle {
margin-top: 17px;
margin-right: 30px; }
.padding-superior {
padding-top: 80px; }
.imagen-central-we-do {
width: 100%;
height: 250px; }
.hover-image {
display: none; }
.navbar-nav li a {
font-family: "brown", Helvetica, Arial, Verdana;
color: #A5A5A5;
font-size: 14px;
letter-spacing: 1px;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
padding-left: 10px;
padding-right: 10px; }
.navbar-nav li a:hover {
color: #FF0000; }
#current-menu-item a {
color: #000 !important; } .dd {
font-family: "brown", Helvetica, Arial, Verdana;
color: #000;
font-size: 14px;
line-height: 9px; }
.titulo-ciudad {
font-size: 25px;
margin-bottom: 5px;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
line-height: inherit; }
.datos {
margin-left: 20px; }
.datos p {
color: #000;
margin: 0; }
.datos p:first-child {
margin-top: 20px; }
.contenedor-formulario {
height: auto;
background-color: #ff0000;
padding: 20px 0 40px 0;
-webkit-transition: height 1s ease-out;
transition: height 1s ease-out; }
.datos-contacto {
color: white; }
.contacto-titulo {
font-size: 60px;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
margin-top: 40px;
margin-bottom: 5px; }
.contacto-descripcion {
font-family: "brown", Helvetica, Arial, Verdana;
font-size: 16px;
width: 71%;
font-weight: 100; }
.navbar-nav {
margin-top: 14px;
background-color: #F8F8F8;
margin-right: 0; }
.carousel-control.right {
background-image: none !important; }
.carousel-control.left {
background-image: none !important; }
.carousel .item {
background-color: #fff !important; }
.first-slide {
width: 100%; }
.intro-us {
font-size: 25px;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
color: #000;
margin-bottom: 35px; }
.titulo-us {
font-size: 25px;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
color: #FF0000;
margin-top: 0; }
.us {
font-family: "brown", Helvetica, Arial, Verdana;
color: #000; }
.testimoniales-div {
height: auto;
min-height: 400px;
padding: 20px !important; }
.frase-testimoniales {
margin-top: 20px;
color: #000;
font-family: "brown", Helvetica, Arial, Verdana;
font-size: 25px; }
.nombre-testimoniales {
margin-top: 5px;
color: #000;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700; }
.bx-viewport li {
min-height: 1px;
min-width: 1px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: block;
margin-top: 10px; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
width: 20px;
z-index: 4 !important; }
.bxslider {
padding: 0 !important; }
.bx-wrapper .bx-viewport {
left: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
margin: 0;
padding: 0;
margin-top: 80px; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
position: absolute;
right: 13px;
top: 85%; }
.bx-viewport ul {
margin: 0 !important;
padding: 0 !important; }
.tematicas-thinking {
height: 50px;
margin-top: 50px; }
.bx-wrapper {
padding: 0 !important;
margin-bottom: 0 !important;
overflow: hidden; }
.datos-noticia-coorporativa {
position: relative;
bottom: 20px;
padding-right: 90px; }
.persona {
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
cursor: pointer; }
.navbar {
margin-bottom: 0;
border-bottom: 0; }
.indicadores-videos {
top: 116%; }
.texto-noticia {
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
color: white;
font-size: 30px;
line-height: 1.2em;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out; }
.texto-noticia-2 {
color: white;
font-family: "brown", Helvetica, Arial, Verdana;
font-size: 17px; }
.datos-noticia-coorporativa {
position: absolute;
bottom: 20px; }
.nombre-people {
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
font-size: 23px;
line-height: 24px;
color: #E51F2B;
margin-top: 40px;
margin-bottom: 0; }
.contenido-people {
font-family: "brown", Helvetica, Arial, Verdana !important;
font-size: 14px;
line-height: 1.4;
margin-top: 20px; }
.oficio-people {
font-family: "brown", Helvetica, Arial, Verdana;
font-size: 18px;
color: #5a5a5a;
margin-top: 10px; }
.videos-carrousel {
height: auto !important; }
.secondBox {
padding-top: 0;
top: 87px; }
.dos-columnas-slider {
margin-top: 100px; }
.borde-blanco input {
background-color: transparent;
border-top: none !important;
border-left: 0;
border-right: 0;
border-bottom: none !important;
width: 100%;
border-top: 1px solid #fff !important; }
.borde-blanco {
color: white;
font-family: "brown", Helvetica, Arial, Verdana; }
.formulario-summa {
margin-top: 10px; }
.footer {
padding-top: 0; }
#mensaje {
color: red !important;
padding: 5px; }
.input__field--manami {
color: #ff0000; }
#mensaje:focus {
border: none !important; }
.your-name input {
font-family: "brown", Helvetica, Arial, Verdana;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
cursor: pointer; }
.your-city input {
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
cursor: pointer; }
.your-empresa input {
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
cursor: pointer; }
.your-mail input {
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
cursor: pointer; }
.nombre-form {
color: #000;
padding: 5px;
position: relative;
top: 20px;
z-index: 10; }
.bxslider, .bxslider li {
height: 100% !important;
background: no-repeat center center;
background-size: cover; }
.msj-true {
color: white;
font-family: "brown", Helvetica, Arial, Verdana;
font-size: 16px; }
.page-template-template-contacto input {
color: #FF0000;
padding: 5px; }
.formulario-summa {
margin-top: 100px; }
.wpcf7-submit {
padding: 10px;
color: #FF0000;
font-family: "brown", Helvetica, Arial, Verdana;
font-size: 16px; }
.enviar-form input {
background-color: white;
border: medium none;
height: 40px;
padding: 10px;
width: 130px; }
.datos-persona {
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
font-size: 23px;
left: 0;
padding-left: 25px;
padding-top: 15px;
bottom: 0;
position: absolute;
z-index: 1;
line-height: 18px;
background-color: #f8f8f8;
width: 100%;
min-height: 81px; }
.vertical .carousel-inner {
height: 100%; }
.carousel.vertical .item {
-webkit-transition: 0.6s ease-in-out top;
transition: 0.6s ease-in-out top; }
.carousel.vertical .active {
top: 0; }
.carousel.vertical .next {
top: 400px; }
.carousel.vertical .prev {
top: -400px; }
.carousel.vertical .next.left,
.carousel.vertical .prev.right {
top: 0; }
.carousel.vertical .active.left {
top: -400px; }
.carousel.vertical .active.right {
top: 400px; }
.so-widget-sow-slider-default-abf3e628296a .sow-slider-base .sow-slider-pagination li a {
background: #FFFFFF; }
.so-widget-sow-slider-default-abf3e628296a .sow-slider-base .sow-slide-nav {
font-size: 25px; }
.so-widget-sow-slider-default-abf3e628296a .sow-slider-base .sow-slide-nav a {
color: #FFFFFF; }
.carousel.vertical .item {
left: 0 !important; }
.case-study {
-webkit-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out; }
.case-study:hover {
opacity: 0; }
.bx-wrapper .bx-viewport {
margin-bottom: 0 !important;
background: none !important;
border: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important; }
.menu-fixed {
padding-bottom: 10px;
padding-top: 10px;
position: fixed;
width: 100%; }
.navbar-nav {
float: none; }
.carousel-indicators .active {
background-color: #ff0000;
border: none; }
.carousel-indicators li {
background-color: #666666;
border: none; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
background: #ff0000; }
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
background: #FF0000; }
.current_page_item a {
color: #000000 !important; }
.hover {
display: none; }
.your-message textarea {
background-color: transparent;
border-color: white -moz-use-text-color -moz-use-text-color;
border-style: solid none none;
border-width: 1px medium medium;
color: #ff0000;
width: 100%; }
.mensaje-texto-user {
margin-top: -18px;
width: 100%; }
.intro {
font-family: "brown", Helvetica, Arial, Verdana;
font-size: 20px;
color: #000; }
#mensaje {
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
cursor: pointer; }
textarea input {
height: auto !important; }
#mensaje input {
height: auto !important; }
.container-slider-home {
width: 100%;
position: relative;
margin: 0 auto; }
.redesSociales {
position: absolute;
right: 8%; }
.redesSocialesCorporativa {
position: absolute;
right: 8%; }
.bx-wrapper {
width: 89.5%; }
.contentBlog img {
max-width: 100%; }
.allbrand {
overflow: hidden; }
.allbrand img {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
.allbrand:hover img {
-webkit-transform: scale(1.08, 1.08);
transform: scale(1.08, 1.08);
overflow: hidden;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
.postBlog {
overflow: hidden; }
.postBlog img {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
.postBlog:hover img {
-webkit-transform: scale(1.08, 1.08);
transform: scale(1.08, 1.08);
overflow: hidden;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }  .imagen-effect {
margin-left: -52px;
top: -100px;
position: relative; }
.textoanimation {
background-color: transparent;
float: right;
overflow: hidden;
position: relative;
text-align: center;
width: 50%; }
#splash-nav {
position: relative;
top: 30px;
opacity: 0;
margin-top: 0;
padding: 0; }
.mask-effect {
left: -226px;
position: relative;
text-align: center;
width: 100%;
z-index: 4;
font-size: 60px; }
.summaanimatiomitem {
float: left; }
.summanimation {
width: 0; }
.summa-title {
color: white;
font-size: 60px;
left: 0;
margin: -30px auto 0;
overflow: hidden;
position: relative;
text-align: center;
width: 100%; }
.content-splash {
position: absolute;
height: 200px !important;
min-width: 551px !important; }
.item-animation {
font-family: "brown", Helvetica, Arial, Verdana;
display: inline-block;
width: auto;
margin: 0 20px 0;
color: white;
font-size: 16px; }
.dospuntos {
top: 0;
position: relative; }
.divideranimation {
height: 2px;
width: 88%;
background-color: white;
margin-top: 10px;
margin-left: 10px; }
.animaciondivideranimation {
width: 0;
overflow: hidden; }
#splash {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: red;
z-index: 10000000000000;
display: block;
-webkit-animation: splash forwards;
animation: splash forwards;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-duration: 10s;
animation-duration: 10s; }
@-webkit-keyframes texthome {
0% {
height: 40px; }
25% {
height: 60px; }
50% {
height: 80px; }
75% {
height: 100px; }
100% {
height: 130px; } }
@keyframes texthome {
0% {
height: 40px; }
25% {
height: 60px; }
50% {
height: 80px; }
75% {
height: 100px; }
100% {
height: 130px; } }
@-webkit-keyframes texthomeout {
5% {
height: 130px; }
100% {
height: 0; } }
@keyframes texthomeout {
5% {
height: 130px; }
100% {
height: 0; } }
@-webkit-keyframes splash {
5% {
background: rgba(255, 0, 0, 0.9); }
10% {
background: rgba(255, 0, 0, 0.9); }
25% {
background: rgba(255, 0, 0, 0.9); }
50% {
background: rgba(255, 0, 0, 0.9); }
75% {
background: rgba(255, 0, 0, 0.9); }
100% {
background: rgba(255, 0, 0, 0); } }
@keyframes splash {
5% {
background: rgba(255, 0, 0, 0.9); }
10% {
background: rgba(255, 0, 0, 0.9); }
25% {
background: rgba(255, 0, 0, 0.9); }
50% {
background: rgba(255, 0, 0, 0.9); }
75% {
background: rgba(255, 0, 0, 0.9); }
100% {
background: rgba(255, 0, 0, 0); } }
.premios {
height: auto;
margin-top: 130px;
margin-bottom: 30px; }
.marginfinal {
margin-top: 50px; }
.imagen-premios {
height: 430px; }
.vcenter {
display: inline-block;
vertical-align: middle;
float: none; }
.personasPadre {
display: block; }
.thirdcolum {
margin-top: 126px; }
.thirdcolum p:nth-child(2) {
margin-top: -2px !important; }
.a4bpadtop {
padding-left: 60px; }
.altura-row-contacto {
height: 543px;
margin-bottom: 25px; }
.testimoniales-div {
padding: 0 !important; }
.paddingmap {
padding-left: 20px !important; }
.g-recaptcha {
position: relative;
top: 35px; }
.contentPeople {
margin-top: 60px !important;
margin-bottom: 60px !important; }
.contentCorporativa h1, .contentCorporativa h2, .contentCorporativa h3, .contentCorporativa h4, .contentCorporativa h5, .contentCorporativa h6 {
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
line-height: 30px; }
.siteorigin-widget-tinymce .textwidget p {
width: 100% !important; }
.es_textbox_class {
border: 1px solid #ff0000 !important;
height: 45px !important;
width: 100% !important;
margin-bottom: 20px; }
label > input { visibility: hidden; position: absolute; }
label > input + img { width: 20px;
cursor: pointer;
border: 2px solid transparent;
background-image: url(//summa.es/wp-content/themes/summa/img/radionotchecked.png);
background-size: cover;
background-repeat: no-repeat; }
label > input:checked + img { width: 20px;
background-repeat: no-repeat;
border-radius: 50%;
background-image: url(//summa.es/wp-content/themes/summa/img/radiochecked.png);
background-size: cover; }
.spanRadio {
color: #000;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700; }
.errorEnvio {
display: none;
color: #ff0000; }
.es_button {
width: 260px;
margin: 0 auto; }
.es_textbox_button {
margin: 0 auto;
background: #ff0000;
border: none;
width: 260px;
height: 44px;
color: #fff; }
.es_textbox_button:hover {
background: #db0202 !important;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
.form-control::-webkit-input-placeholder {
color: black !important;
font-family: "brown", Helvetica, Arial, Verdana; }
.form-control:-moz-placeholder {
color: black !important;
font-family: "brown", Helvetica, Arial, Verdana; }
.form-control::-moz-placeholder {
color: black !important;
font-family: "brown", Helvetica, Arial, Verdana; }
.form-control:-ms-input-placeholder {
color: black !important;
font-family: "brown", Helvetica, Arial, Verdana; }
.a4bbl {
background: #ff0000;
width: 100%;
height: 54px; }
.wrapper-a4b {
width: 250px;
margin: 0 auto;
height: 100%;
text-align: center; }
.wrapper-a4b-footer {
width: 335px;
margin: 0 auto;
height: 100%;
text-align: center; }
.page-id-9281 a {
color: #ff0000; }
.wrapper-a4b p {
cursor: pointer;
margin-top: 20px;
text-align: center;
color: #fff;
display: inline-block;
font-family: "brown", Helvetica, Arial, Verdana;
font-size: 14px;
float: left; }
.wrapper-a4b p:nth-child(2), .wrapper-a4b p:nth-child(3) {
margin-left: 18px; }
.bx-viewport {
min-height: 350px !important;
max-height: 600px !important; }
.ab4tittle {
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
font-size: 30px;
color: #ff0000;
margin-top: 173px; }
.contentCookies h2 {
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
font-size: 24px;
margin-top: 50px;
margin-bottom: 20px; }
.contentCookies p {
font-family: "brown", Helvetica, Arial, Verdana;
font-size: 15px; }
.margin {
padding: 0 !important; }
.cookies {
width: 100%;
min-height: 101px;
height: auto;
position: fixed;
bottom: 0;
background: #fff;
z-index: 1000000000;
line-height: 101px;
display: none; }
.cookies p {
display: inline-block;
float: left;
line-height: 20px;
margin-top: 40px; }
.text-cookies {
font-family: "brown", Helvetica, Arial, Verdana;
font-size: 14px !important;
color: #727272;
margin-left: 84px; }
.info {
cursor: pointer;
color: #ff0000; }
.button-cookies {
width: 182px;
height: 56px;
background: #ff0000;
color: #fff;
float: right;
margin-top: 21px;
margin-right: 80px;
text-align: center;
line-height: 56px;
cursor: pointer;
margin-bottom: 20px; }
.button-cookies:hover {
background: #db0202;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
.container404 {
margin-top: 160px !important; }
.row404 {
margin-top: 100px !important; }
.imagen404 {
height: 100% !important;
width: 500px !important;
position: relative;
margin: 0 auto; }
.btnirhome {
width: 100%;
height: 49px;
background: #ff0000;
margin-top: 10px;
color: #fff;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
max-width: 135px;
border-radius: 5px;
outline: none !important;
border: none !important; }
.btncontacta {
width: 100%;
height: 50px;
border: 3px solid #ff0000;
background: #fff;
margin-top: 10px;
margin-left: 10px;
color: #ff0000;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
max-width: 206px;
border-radius: 5px;
outline: none !important; }
.btnirhome:hover {
background: #db0202 !important;
color: #fff;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
.btncontacta:hover {
background: #db0202 !important;
color: #fff;
border: 3px solid #db0202;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
.align404 {
text-align: left; }
.text404 {
color: #000;
line-height: 51px;
font-size: 40px;
font-family: "brown", Helvetica, Arial, Verdana;
font-weight: 700;
letter-spacing: 1px;
text-align: left; }
.colimagen {
height: 376px !important; }
.contentright404 {
text-align: center; }
.div404 {
width: 100%;
height: 100%;
text-align: center; }
.a4bfooter {
display: none; }
.containerPoliticas {
display: none; }
.nopadding-left {
padding-left: 0; }
.nopadding-right {
padding-right: 0; } @media (max-width: 1000px) {
.btnirhome {
max-width: 206px; }
.btncontacta {
margin-left: 0;
max-width: 206px; }
.text404 {
text-align: center; }
.align404 {
text-align: center; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.bxhome {
opacity: 1; }
.btnirhome {
max-width: 206px; }
.btncontacta {
margin-left: 0;
max-width: 206px; }
.text404 {
text-align: center; }
.align404 {
text-align: center; }
.cookies p {
margin-left: 15px; }
.button-cookies {
margin-right: 15px; }
.margin {
padding: 0 15px !important; }
iframe {
width: 100% !important; }
#cargo {
margin-bottom: 30px; }
.thirdcolum {
margin-top: 148px !important; }
.contentCorporativa img {
max-width: 100% !important;
height: 100% !important; }
.contacto-descripcion {
width: 90%; }
.input__label--manami {
font-size: 15px !important; }
.contentBlog {
padding-left: 15px !important;
padding-right: 15px !important; }
.wrapper-allbrand {
width: 182px;
position: relative;
margin: 30px auto; }
.titulos-allbrand {
padding: 0 60px 10px 30px; }
.fecha-allbrand {
font-size: 22px !important; }
.numero-allbrand {
font-size: 35px !important; }
.titulo-allbrand {
font-size: 65px !important; }
.content-slider-allbrand h3 {
font-size: 28px; }
.content-slider-allbrand p {
font-size: 20px; }
.content-slider-allbrand h2 {
font-size: 45px; }
.datos-persona {
line-height: 10px; }
.contentCorporativa a {
color: #ff0000 !important; }
.imagen-central {
margin-top: 30px;
margin-bottom: 30px; }
.containerlastabout {
margin-top: 30px !important; }
.navDos {
margin-top: -10px !important; }
.navTres {
margin-top: -10px !important; }
.paddingmap {
padding-top: 0 !important; }
.summamargen {
margin-top: 33px !important; }
.nopaddingipad {
padding: 0 !important; }
.padding-ipad {
padding-left: 15px !important;
padding-right: 15px !important; }
.nomarginipad {
margin: 0 !important; }
.blogcategories {
padding-left: 37px !important; }
#selectCategoryAllbrand {
margin-left: 20px !important; }
#thinkinNav {
margin-left: 20px !important; }
#thinkinNav2 {
margin-left: 20px !important; }
.migas {
margin-left: 20px; }
.container {
width: 100% !important; }
.contentPeople {
margin-top: 20px !important; }
.contentPeople #pg-11-1 {
margin-top: -15px;
margin-bottom: 20px; }
.sectoresRow {
margin-left: 10px; }
.navbar {
padding-left: 18px; }
.contenido-relacional {
width: 100% !important; }
.datos-persona {
max-height: 81px !important; }
.contenido-relacional div {
padding: 10px 20px 20px 10px !important;
width: 33.33%; }
.oficio-people {
font-size: 16px !important; }
.nombre-people {
margin-top: 20px; }
.page-template-people .cerrardetalle {
top: 20px; }
.contenido-people {
font-size: 12px !important;
line-height: 18.2px;
margin-top: 10px; }
.titulos-allbrand p {
font-size: 13px !important; }
.titulos-allbrand p:first-child {
font-size: 22px !important;
margin-bottom: 5px; }
.texto-noticia-2 {
font-size: 13px !important; }
.texto-noticia {
font-size: 17px !important; }
.contacto-titulo {
font-size: 40px;
margin: 0 !important; }
.datos p:first-child {
margin-top: 8px; }
.container-slider-home {
padding: 0 !important; }
.redesSociales {
position: relative !important;
top: 0 !important;
display: block;
margin: 0 auto; }
.redesSociales div {
display: inline-block; } }
@media (max-width: 1024px) {
.bxhome {
position: absolute;
left: 0;
bottom: 0;
width: 94vw;
min-height: 200px;
background: rgba(255, 0, 0, 0.5);
opacity: 1; }
.bxhome {
opacity: 1; }
.texto-slider {
opacity: 1;
position: relative;
bottom: 0;
top: 10px;
text-align: left;
width: 100%;
margin-left: 30px; }
.texto-slider h3 {
font-size: 30px;
line-height: 1.5em;
margin-top: 10px; }
.texto-slider h2 {
font-size: 50px;
margin-top: 10px;
margin-bottom: 0; }
.imagenWeDo {
margin: 0 !important; }
.bx-viewport {
height: 350px; } }
@media (max-width: 767px) {
#section5 {
margin-top: 100px; }
.wpml-ls-sub-menu {
margin-left: 10px !important; }
.bxhome {
position: absolute;
left: 0;
bottom: 0;
width: 94vw;
min-height: 170px;
background: rgba(255, 0, 0, 0.5);
opacity: 1; }
.texto-slider {
opacity: 1;
margin-left: 20px; }
.navbar-nav {
background: #ff0000; }
.text404 {
text-align: center; }
.align404 {
text-align: center; }
.btnirhome {
width: 100%;
max-width: 206px; }
.btncontacta {
width: 100%;
margin-left: 0;
max-width: 206px; }
.colimagen {
height: auto !important; }
.row404 {
margin-top: 0 !important; }
.imagen404 {
height: auto !important;
width: 100% !important;
margin-right: 0 !important; }
.single-case .panel-grid .panel-grid-cell .widget_sow-editor {
width: 100% !important; }
.contentPeople h2 {
margin-bottom: 20px !important; }
.people .panel-grid-cell {
width: 100% !important; }
.content-splash {
position: absolute;
height: 200px !important;
min-width: 100%;
left: 0; }
.item-animation {
display: block !important;
margin-bottom: 10px !important; }
.imagen-effect {
margin-left: 0 !important; }
#splash {
width: 100%;
height: 480px;
opacity: 1; }
#splash-nav {
width: 150px !important;
margin: 0 auto !important;
margin-left: 100px; }
.cookies p {
margin-left: 15px;
margin-right: 15px; }
.margin {
padding: 0 15px !important; }
.a4bds2 {
margin-bottom: 20px !important; }
iframe {
width: 100% !important; }
#cargo {
margin-bottom: 30px; }
.contentBlog {
padding-left: 15px !important;
padding-right: 15px !important; }
.contentCorporativa span {
line-height: 0.5 !important; }
.paddingmap {
padding-left: 0 !important; }
#CarrouselTestimoniales {
margin-bottom: 200px; }
.adatos {
margin-bottom: 30px; }
#map {
margin-left: 0 !important; }
#map2 {
margin-left: 0 !important; }
#map3 {
margin-left: 0 !important; }
#panel-11-1-0-0 {
margin-top: -60px !important; }
.titulos-allbrand p:first-child {
font-size: 26px; }
.contentCorporativa img {
max-width: 100% !important;
height: 100% !important; }
.flecha-normal {
margin-bottom: 10px; }
.opiniondiv {
margin-top: -60px; }
.heroShot {
height: 350px !important; }
.a4bpadtop {
padding-left: 20px; }
.titulo-footer {
font-size: 45px; }
.page-template-work {
overflow-x: hidden; }
.frase-testimoniales {
font-size: 22px; }
#CarrouselTestimoniales .indicadores-testimoniales {
top: 110% !important; }
.testimoniales-div {
min-height: 250px; }
.indicadores-videos {
top: 100% !important; }
.texto-noticia {
font-size: 22px !important; }
.navbar-toggle {
margin-top: 7px !important; }
.navbar-toggle2 {
margin-top: 3px !important;
margin-right: 35px !important; }
.ourlatest {
margin: -65px 0px 30px 0px !important; }
.texto-slider {
position: relative;
bottom: 0;
top: 10px;
text-align: left; }
.texto-slider h3 {
font-size: 16px !important;
line-height: 1.5em;
margin-top: 10px; }
.texto-slider h2 {
font-size: 25px !important;
margin-top: 10px;
margin-bottom: 0; }
.btnCerrar {
display: -webkit-inline-box;
z-index: 9999; }
.premios {
margin-top: 30px;
margin-bottom: 0 !important; }
.dos-columnas-slider {
margin-top: 30px !important; }
.sliderWeOffer {
margin-top: 30px !important; }
#myCarouselabout .item {
height: 350px !important; }
.imagen-central {
margin: 0 auto;
height: 200px; }
.navcategoriasabout {
margin-bottom: 0 !important; }
.containerlastabout {
margin-top: 30px !important;
margin-bottom: 30px !important; }
.wedodiv {
margin-top: 30px; }
.a4bcomoLoHacemos {
margin-top: 50px; }
.redesSocialesCorporativa { position: static !important;
top: 0 !important;
margin: 0 auto;
display: table; }
.redesSocialesCorporativa div {
display: inline-block !important;
float: left !important; }
.single-post .redesSociales {
margin-top: 30px; }
.a4blike {
font-size: 30px !important; }
.redesSociales {
position: relative !important;
top: 0 !important;
display: block;
margin: 0 auto;
right: 0 !important; }
.redesSociales div {
display: inline-block; }
.marginfinal {
margin-top: 0; }
.caja {
margin-bottom: 20px !important; }
#categorias-mobile {
width: 100px;
margin-left: 20px; }
#thinkinNav {
margin-left: 20px !important; }
#thinkinNav2 {
margin-left: 20px !important; }
#personas-mobile {
width: 100px;
margin-left: 20px; }
#categoriasAllbrandMobile {
width: 100px;
margin-left: 20px !important; }
#selectCategoryAllbrand {
display: none !important;
margin-left: 20px !important; }
#selectPersona {
display: none !important; }
#selectCategory {
display: none !important; }
.detallemobile {
width: 96.1% !important; }
.cerrardetalle {
right: 5px;
top: 34px; }
.todos_sectores {
display: none; }
.bx-default-pager {
display: none; }
.testimoniales-div {
height: auto; }
.testimoniales-div:nth-child(2) {
padding: 0 !important;
margin-top: 20px; }
.indicadores-videos {
top: 105%; }
.texto-noticia-2 {
font-size: 15px; }
.padding-mobile {
padding: 0 15px !important; }
.altoBox p {
font-size: 15px; }
.altoBox h3 {
font-size: 27px; }
.navbar-collapse2 {
position: relative;
top: 20px; }
.navbar-toggle2 {
margin-right: 44px; }
.container-slider-home {
padding: 0 !important; }
.bx-viewport {
height: 300px; }
.navbar-nav {
position: relative;
margin: 0 !important; }
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
border: none !important; }
.modal-mobile {
margin: 0;
position: fixed;
left: 0 !important;
width: 100% !important;
background-color: white;
height: 100% !important;
top: 0 !important;
overflow-y: scroll;
z-index: 100000000000;
-webkit-box-shadow: inset 10px 10px 5px -8px rgba(0, 0, 0, 0.75);
box-shadow: inset 10px 10px 5px -8px rgba(0, 0, 0, 0.75); }
.imagen-hover-team {
display: none; }
.navbar-collapse {
width: 100%; }
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
margin-left: 0 !important; }
.imagenWeDo {
margin: 0 !important;
height: 350px; }
.contacto-map {
height: 200px; }
#fp-nav {
display: none; } } .imagen-contacto {
display: table; }
.adatos {
display: block; }
p.direccion-ciudad {
font-size: 14px; }
p.direccion {
font-size: 14px; }
p.telefono {
font-size: 14px; }
p.mail {
color: #ff0000;
font-size: 14px; }
.imagen-contacto-background {
height: 543px; }
@media (max-width: 991px) {
.summamargen {
margin-top: 37px; } }
span.input.input--manami {
margin-left: 0; }
@media (max-width: 425px) {
.email-contact {
font-size: 22px; } }
@media (max-width: 767px) {
.col-sm-6.a4bpadtop {
padding-top: 26px; }
.bosson button.navbar-toggle.boss {
top: -13px;
margin-right: 0; }
.navbar-collapse.navbar-ex1-collapse.bossin.nopadding.collapse.in { top: 40px;
position: absolute; }
.navbar-header.bosson {
margin-top: 17px; } }
@media (max-width: 347px) {
button.navbar-toggle.boss {
top: 6px; }
.navbar-header.bosson {
margin-top: 17px;
height: 0; }
button.navbar-toggle.boss.active {
top: -15px !important; } }
@media (max-width: 992px) {
h2.titulo {
font-size: 45px;
padding-top: 30px; } }
@media (max-width: 768px) {
.a4bpadtop {
margin: 0 0 0 -5px !important; }
.thirdcolum {
margin-top: 0; }
.formulario-contacto {
padding-left: 16px; }
h2.titulo {
font-size: 35px;
padding-top: 46px;
padding-left: 20px;
padding-right: 20px; }
h1.titulo-allbrand {
font-size: 41px;
padding: 0 20px; }
h2.numero-allbrand {
padding: 0 20px;
font-size: 22px; }
p.fecha-allbrand {
padding: 0 20px; }
h3.titulo-entrevista {
font-size: 34px !important; }
.contentAllbran {
margin-top: 30px; }
.share h2 {
font-size: 35px !important;
padding-top: 46px !important;
margin-bottom: -8px; } }
.share h2 {
padding-top: 46px !important; }
@media (max-width: 467px) {
h1.titulo {
font-size: 27px;
padding-top: 55px;
padding-left: 20px;
padding-right: 20px; } }
@media (max-width: 340px) {
h1.titulo {
font-size: 25px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px; } }
.last-text {
margin-top: 50px;
font-size: 10px;
font-style: italic;
color: #fff; } html {
width: 100%;
height: 100%; }
body {
background-color: #e6e6e4;
width: 100%;
height: 100%;
-webkit-font-smoothing: antialiased; } .big_title {
font-size: 60px;
font-weight: 700;
color: #FF0000;
text-align: center;
max-width: 800px;
margin: 0 auto 70px;
font-family: "brown", Helvetica, Arial, Verdana; }
.big_subtitle {
font-size: 24px;
font-weight: 700;
color: #303030;
font-family: "brown", Helvetica, Arial, Verdana;
text-align: center;
max-width: 470px;
margin: 0 auto 70px;
line-height: 1.1; }
.videoWrapper {
position: relative;
padding-bottom: 56.25%; height: 0; }
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.socialLinks_wrapper {
padding: 0;
margin: 0;
list-style: none; }
.socialLinks_wrapper li {
cursor: pointer;
color: #303030;
font-size: 1.125em;
font-weight: normal;
line-height: 2.72;
letter-spacing: 0.4px;
text-align: left; }
.socialLinks_wrapper li:hover, .socialLinks_wrapper li:focus {
position: relative;
-webkit-transition: all 0.15s ease;
transition: all 0.15s ease; }
.socialLinks_wrapper li i {
font-size: 1.25em;
display: inline-block; } .video_wrapper {
position: relative; }
.video_wrapper .cover_video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.containerCase.no_margin {
margin-top: 0 !important; }
.containerCase.no_margin .contentCase {
margin-top: 0 !important; } .navbar-toggle {
border-radius: 0; }
.home .navbar-default .navbar-toggle {
margin-right: 62px; }
.navbar-default .navbar-toggle {
background-color: transparent;
border: none;
margin-right: 0;
margin-top: 19.5px;
padding: 0; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: transparent !important; }
.navbar-default .navbar-toggle .icon-bar {
background-color: #FF0000;
width: 24px; }
.navbar-default .navbar-toggle .icon-bar + .icon-bar {
margin-top: 8px; }
.navbar-default .navbar-toggle.active .icon-bar.ab1 {
margin-top: 12px; }
.navbar-default .navbar-toggle.active .icon-bar.ab3 {
margin-top: -12px; }
@media (min-width: 768px) {
.navbar-header {
float: none; }
.navbar-left,
.navbar-right {
float: none !important; }
.navbar-toggle {
display: block; }
.navbar-collapse {
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
overflow: hidden; }
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px; } }
#main_header {
padding: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 5;
background-color: #e6e6e4; }
#main_header .logo {
position: absolute;
top: 28px;
left: 76px;
display: block;
z-index: 1; }
#main_header .logo img {
max-width: 125px; }
#main_header .container {
position: relative; }
#main_header .container .logo {
left: 15px; }
#main_header .container #main_menu_wrapper {
padding-left: 140px;
padding-right: 15px; }
#main_header #main_menu_wrapper {
padding: 25px 75px 25px 200px;
position: relative;
border: none;
background: transparent; }
#main_header #main_menu_wrapper .navbar-header {
display: none;
margin: 0; }
#main_header #main_menu_wrapper .navbar-collapse {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
text-align: right; }
#main_header #main_menu_wrapper .navbar-collapse .navbar-nav {
background: none;
margin: 0;
text-align: right;
display: inline-block; }
#main_header #main_menu_wrapper .navbar-collapse .navbar-nav + #lang_sel {
padding-left: 22px;
margin-left: 22px; }
#main_header #main_menu_wrapper .navbar-collapse .navbar-nav + #lang_sel:before {
content: '';
position: absolute;
width: 1px;
height: 15px;
left: 0;
top: 50%;
background-color: #979797;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
#main_header #main_menu_wrapper .navbar-collapse .navbar-nav > li {
text-align: center;
display: inline-block;
float: none; }
#main_header #main_menu_wrapper .navbar-collapse .navbar-nav > li > a {
font-family: "brown", Helvetica, Arial, Verdana;
font-size: 1em;
font-weight: bold;
letter-spacing: 0.9px;
text-align: center;
color: #979797;
padding: 0; }
#main_header #main_menu_wrapper .navbar-collapse .navbar-nav > li > a:hover, #main_header #main_menu_wrapper .navbar-collapse .navbar-nav > li > a:active, #main_header #main_menu_wrapper .navbar-collapse .navbar-nav > li > a:focus {
font-weight: bold;
color: #3c3c3a;
background-color: transparent; }
#main_header #main_menu_wrapper .navbar-collapse .navbar-nav > li + li {
padding-left: 35px; }
#main_header #main_menu_wrapper #lang_sel {
position: relative;
display: inline-block;
width: auto;
background: none;
text-align: left;
font-size: 0.75em; }
#main_header #main_menu_wrapper #lang_sel li {
background-color: transparent;
border: none;
line-height: 1; }
#main_header #main_menu_wrapper #lang_sel li > a {
padding: 0;
display: inline-block;
color: #000; }
#main_header #main_menu_wrapper #lang_sel li > a:after {
display: none; }
#main_header #main_menu_wrapper #lang_sel li a {
background-color: transparent;
border: none;
line-height: 1;
text-transform: uppercase;
font-weight: bold; }
#main_header #main_menu_wrapper #lang_sel li a.wpml-ls-item-toggle {
padding-top: 0;
padding-bottom: 0; }
#main_header #main_menu_wrapper #lang_sel .wpml-ls-sub-menu {
border: none;
padding-top: 0;
margin: 0 !important;
padding-left: 15px;
display: inline-block;
position: static;
visibility: visible;
background: none; }
#main_header #main_menu_wrapper #lang_sel .wpml-ls-sub-menu li {
display: inline-block; }
#main_header #main_menu_wrapper #lang_sel .wpml-ls-sub-menu li + li {
padding-left: 15px; }
#main_header #main_menu_wrapper #lang_sel .wpml-ls-sub-menu a {
color: #979797 !important; }
#main_header #main_menu_wrapper #lang_sel .wpml-ls-sub-menu a:hover, #main_header #main_menu_wrapper #lang_sel .wpml-ls-sub-menu a:focus, #main_header #main_menu_wrapper #lang_sel .wpml-ls-sub-menu a:active {
color: #3c3c3a !important; }
#main_header #main_menu_wrapper #lang_sel .lang_sel_sel {
color: #3c3c3a !important;
cursor: default; }
#main_header #main_menu_wrapper #lang_sel .wpml-ls-link:hover, #main_header #main_menu_wrapper #lang_sel .wpml-ls-link:active {
color: #3c3c3a; } .flexbox_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 20px -10px 0; }
.flexbox_wrapper .flexbox_item {
padding: 0 10px;
margin-bottom: 20px; }
.flexbox_wrapper .flexbox_item_x1 {
width: 100%; }
.flexbox_wrapper .flexbox_item_x2 {
width: 50%; }
.flexbox_wrapper .flexbox_item_x3 {
width: 33.3333%; }
.flexbox_wrapper .flexbox_item_x4 {
width: 25%; }
.flexbox_wrapper .flexbox_item_x6 {
width: 16.6666%; }
.twocolsblock .big_title {
margin-bottom: 20px; }
.twocolsblock figure {
text-align: center;
padding-bottom: 80px; }
.twocolsblock figure img {
margin: 0 auto; }
.twocolsblock .text {
-webkit-column-count: 2;
column-count: 2;
-webkit-column-gap: 50px;
column-gap: 50px;
font-size: 16px;
font-family: "brown", Helvetica, Arial, Verdana;
color: #4D4D4D; } .page-template-index .a4bfooter {
padding-bottom: 220px; }
.a4bfooter {
margin-top: 20px;
padding-top: 80px;
padding-bottom: 140px;
font-family: "brown", Helvetica, Arial, Verdana;
background-color: #F6F6F6;
color: #575756; }
.a4bfooter a {
color: #575756; }
.a4bfooter .titulo-footer {
color: #575756;
font-family: "brown", Helvetica, Arial, Verdana;
font-size: 2.25em;
font-weight: normal;
line-height: 1.11;
letter-spacing: 0.8px;
padding-bottom: 30px;
margin: 0;
min-height: 110px; }
.a4bfooter .menu {
list-style: none;
padding: 0;
margin: 0 -5px; }
.a4bfooter .menu li {
padding: 0 5px;
font-size: 1.125em;
font-weight: normal;
line-height: 2.72;
letter-spacing: 0.4px; }
.a4bfooter .bottom_menu {
border-top: 2px solid #8e8e8e;
padding-top: 75px;
margin-top: 75px; }
.a4bfooter .bottom_menu .menu a {
color: #8e8e8e;
font-size: 1em;
line-height: 2.5;
letter-spacing: 0.4px; } #icon_list_block {
padding-top: 105px;
overflow: hidden; }
#icon_list_block .icon_list {
list-style: none;
padding: 0 0 70px;
margin: 0 -50px; }
#icon_list_block .icon_list.show .item {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); }
#icon_list_block .icon_list .item {
opacity: 0;
-webkit-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition: opacity 0.4s ease-out,-webkit-transform 0.4s ease-out;
transition: opacity 0.4s ease-out,-webkit-transform 0.4s ease-out;
transition: opacity 0.4s ease-out,transform 0.4s ease-out;
transition: opacity 0.4s ease-out,transform 0.4s ease-out,-webkit-transform 0.4s ease-out;
padding: 0 50px;
margin: 20px 0;
text-align: center; }
#icon_list_block .icon_list .item:nth-of-type(1) {
-webkit-transition-delay: 0s;
transition-delay: 0s; }
#icon_list_block .icon_list .item:nth-of-type(2) {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s; }
#icon_list_block .icon_list .item:nth-of-type(3) {
-webkit-transition-delay: 0.30s;
transition-delay: 0.30s; }
#icon_list_block .icon_list .item figure {
text-align: center; }
#icon_list_block .icon_list .item figure img {
margin: 0 auto; }
#icon_list_block .icon_list .item .title {
font-size: 24px;
text-transform: uppercase;
color: #303030;
font-weight: bold;
font-family: "brown", Helvetica, Arial, Verdana; }
#icon_list_block .icon_list .item .text {
font-size: 16px;
color: #4D4D4D; }
.widget_siteorigin-panels-video .wp-video {
margin: 0 auto; } #video_block {
position: relative; }
#video_block .play_button {
background-color: rgba(255, 0, 0, 0.79);
width: 88px;
height: 88px;
text-align: center;
line-height: 88px;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
margin-top: -44px;
margin-left: -44px;
cursor: pointer;
display: block; }
#video_block .play_button:hover {
width: 125px;
height: 125px;
line-height: 125px;
margin-top: -62.5px;
margin-left: -62.5px; }
#video_block .play_button i {
color: #FFF;
font-size: 35px; } #video_player_modal.modal {
text-align: center;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.8); }
#video_player_modal .modal-dialog {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
max-width: 1140px;
margin: 0; }
#video_player_modal .modal-content {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
border: none; }
@media screen and (min-width: 768px) {
#video_player.modal:before {
display: inline-block;
vertical-align: middle;
content: " ";
height: 100%; } }
.modal-open .navbar {
z-index: 999; }
.widescreen_image {
position: relative;
max-height: 550px; }
.widescreen_image .image_contents {
padding-bottom: 30%; }
.widescreen_image .image_contents .image {
background-position: center center;
background-size: auto;
background-repeat: no-repeat;
height: 100%;
width: 100%;
position: absolute; }
.page-template-template-brands_we_work_for nav .navbar {
display: block;
border-radius: 0; }
.page-template-template-brands_we_work_for nav .navbar .navbar-brand {
margin-left: 2.5vw;
padding-left: 0; }
.page-template-template-brands_we_work_for nav .navbar .navbar-toggle {
margin-right: 2.5vw; } #brands_we_work_for {
width: 94vw;
margin: 0 auto;
padding-top: 110px;
padding-bottom: 50px; }
#brands_we_work_for .main_title {
font-size: 1.875em;
font-family: "brown", Helvetica, Arial, Verdana;
word-spacing: 1px;
line-height: 1.2;
margin: 0 0 32px; }
#brands_we_work_for .main_title.title_single {
margin: 0 0 50px; }
#brands_we_work_for .desc {
margin: 0 0 32px; }
#brands_we_work_for .brands_list {
list-style: none;
margin: 0;
padding: 0; }
#brands_we_work_for .brands_list li {
position: relative;
color: #FFF;
font-family: "brown", Helvetica, Arial, Verdana;
overflow: hidden;
padding: 0;
background-repeat: no-repeat;
background-size: cover; }
#brands_we_work_for .brands_list li figure {
padding-bottom: 72.307%; }
#brands_we_work_for .brands_list li figure img.bg {
display: none; }
#brands_we_work_for .brands_list li .title {
position: absolute;
bottom: 50%;
left: 0;
width: 100%;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
font-size: 1.250em;
margin: 0;
-webkit-transition: color 0.3s, -webkit-transform 0.3s;
transition: color 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, color 0.3s;
transition: transform 0.3s, color 0.3s, -webkit-transform 0.3s; }
#brands_we_work_for .brands_list li .title img {
margin: 0 auto;
-webkit-transition: max-height 0.3s, height 0.3s, -webkit-transform 0.3s;
transition: max-height 0.3s, height 0.3s, -webkit-transform 0.3s;
transition: max-height 0.3s, height 0.3s, transform 0.3s;
transition: max-height 0.3s, height 0.3s, transform 0.3s, -webkit-transform 0.3s;
max-height: 100px; }
#brands_we_work_for .brands_list li figcaption {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%; }
#brands_we_work_for .brands_list li figcaption .content {
position: absolute;
top: 45%;
left: 0;
width: 100%;
opacity: 0;
-webkit-transform: translate3d(0, 350px, 0);
transform: translate3d(0, 350px, 0);
padding: 0 12%;
font-size: 0.938em;
line-height: 1.15;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; }
#brands_we_work_for .brands_list li figcaption .content p {
margin-bottom: 18px; }
#brands_we_work_for .brands_list li figcaption:before {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 101%;
content: '';
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0); }
#brands_we_work_for .brands_list li:hover .title {
-webkit-transform: translate3d(0, -60px, 0);
transform: translate3d(0, -60px, 0); }
#brands_we_work_for .brands_list li:hover .title img {
max-height: 90px;
-webkit-transform: scale(0.75, 0.75);
transform: scale(0.75, 0.75); }
#brands_we_work_for .brands_list li:hover figcaption .content {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
#brands_we_work_for .brands_list li:hover figcaption:before {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } @media (min-width: 1801px) {
#brands_we_work_for .brands_list li figcaption .content {
font-size: 1.250em; } }
@media (min-width: 1651px) and (max-width: 1800px) {
#brands_we_work_for .brands_list li figcaption .content {
font-size: 1.188em; } }
@media (min-width: 1501px) and (max-width: 1650px) {
#brands_we_work_for .brands_list li figcaption .content {
font-size: 1.125em; } }
@media (min-width: 1351px) and (max-width: 1500px) {
#brands_we_work_for .brands_list li figcaption .content {
font-size: 1em; } } @media (min-width: 992px) and (max-width: 1199px) {
#brands_we_work_for .brands_list li figcaption .content {
padding: 0 7%;
font-size: 0.875em; }
#brands_we_work_for .brands_list li:hover .title img {
max-height: 70px; } } @media (min-width: 768px) and (max-width: 992px) {
#brands_we_work_for .brands_list li figcaption .content {
top: 45%;
font-size: 1.250em;
padding: 0 7%; }
#brands_we_work_for .brands_list li:hover .title img {
max-height: 100px;
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9); } }  @media (max-width: 767px) {
#brands_we_work_for {
padding-bottom: 0; }
#brands_we_work_for .main_title {
margin-bottom: 35px;
padding: 0 15px; }
#brands_we_work_for .main_title.title_single {
margin-bottom: 35px; }
#brands_we_work_for .desc {
padding: 0 15px; }
#brands_we_work_for .brands_list {
margin: 0 -15px; }
#brands_we_work_for .brands_list li {
background-image: none !important; }
#brands_we_work_for .brands_list li figure {
padding-bottom: 0; }
#brands_we_work_for .brands_list li figure img.bg {
width: 100%;
display: block; }
#brands_we_work_for .brands_list li figcaption {
position: static;
padding: 45px 30px 25px; }
#brands_we_work_for .brands_list li figcaption .title {
position: static;
-webkit-transform: none;
transform: none; }
#brands_we_work_for .brands_list li figcaption .title img {
max-height: none; }
#brands_we_work_for .brands_list li figcaption .content {
position: static;
opacity: 1;
-webkit-transform: none;
transform: none;
padding: 30px 0 0; }
#brands_we_work_for .brands_list li:hover .title {
-webkit-transform: none;
transform: none; }
#brands_we_work_for .brands_list li:hover .title img {
max-height: none;
-webkit-transform: none;
transform: none; }
#brands_we_work_for .brands_list li:hover figcaption .content {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
#brands_we_work_for .brands_list li:hover figcaption:before {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.page-template-template-brands_we_work_for .a4bfooter {
margin-top: 0; } }
.page-template-template-home {
background-color: #e6e6e4;
-webkit-transition: background-color 0.3s linear;
transition: background-color 0.3s linear; }
.page-template-template-home .section {
cursor: default; }
.page-template-template-home .video_bg {
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
margin: 0 auto;
overflow: hidden; }
.page-template-template-home .video_bg video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.page-template-template-home .a4bfooter {
background-color: #e6e6e4; }
.page-template-template-home #main_header {
background-color: transparent !important; }
.slide_box {
color: #fb0006 !important;
font-size: 1.25em;
font-weight: normal;
line-height: 2.6;
letter-spacing: 0.4px;
position: relative;
display: inline-block;
padding: 0 10px; }
.slide_box:after {
content: '';
height: 100%;
width: 45%;
border: 1px solid #fb0006;
position: absolute;
left: 0;
top: 0;
-webkit-transition: width 0.25s;
transition: width 0.25s; }
.slide_box:hover:after {
width: 100%; }
.desc {
margin: 0;
font-size: 1.125em;
font-weight: normal;
line-height: 1.5;
letter-spacing: 0.8px;
color: #3c3c3a; }
.section_title {
font-family: "brown", Helvetica, Arial, Verdana;
font-size: 0.8125em;
font-weight: normal;
line-height: 1.54;
letter-spacing: 1.4px;
color: #3c3c3a;
margin: 0 0 64px; }
.section_title.fixed_title {
position: fixed;
top: 150px;
min-height: 1px;
left: 0;
width: 27%;
padding-left: 79px;
padding-right: 30px; }
#fullpage {
z-index: 2;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s; }
.header_title_wrapper {
z-index: 2;
width: 100%;
margin: 0;
padding: 0 69px;
left: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
position: fixed;
-webkit-transition: width 0.5s linear, margin 0.5s linear, left 0.5s linear, top 0.25s linear, -webkit-transform 0.5s linear;
transition: width 0.5s linear, margin 0.5s linear, left 0.5s linear, top 0.25s linear, -webkit-transform 0.5s linear;
transition: width 0.5s linear, margin 0.5s linear, left 0.5s linear, top 0.25s linear, transform 0.5s linear;
transition: width 0.5s linear, margin 0.5s linear, left 0.5s linear, top 0.25s linear, transform 0.5s linear, -webkit-transform 0.5s linear; }
.header_title_wrapper .header_title {
font-size: 7.5em;
font-weight: normal;
line-height: 1.01;
letter-spacing: 3.2px;
color: #e6e6e4;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
margin: 0 0 0 -4px; }
.header_title_wrapper.fixed {
z-index: 1;
width: 1140px;
margin: 40px 0 0 0;
padding: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.header_title_wrapper.fixed .header_title {
margin: 0 0 0 -4px;
font-size: 3em;
font-weight: normal;
line-height: 1.04;
letter-spacing: 1.1px;
color: #3c3c3a; }
.temp_media_item {
background-color: #3c3c3a; }
.temp_media_item img {
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;';
height: 100%;
width: 100%; }
.temp_media_item_up {
height: 80px;
position: fixed;
top: 0;
right: 0;
z-index: 3;
background-color: #e6e6e4; }
#home_intro {
background-position: center center;
background-size: cover; }
#home_intro .title {
z-index: 1;
font-size: 7.5em;
font-weight: normal;
line-height: 1.01;
letter-spacing: 3.2px;
color: #e6e6e4;
padding: 0 34px;
margin: -80px 0 0 0;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
left: 0;
-webkit-transform: translateX(0);
transform: translateX(0);
position: fixed;
width: 100%; }
#home_intro .title.fixed {
max-width: 1140px;
margin: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
padding: 0 15px;
font-size: 3em;
font-weight: normal;
line-height: 1.04;
letter-spacing: 1.1px;
color: #3c3c3a; }
#home_intro .next {
position: absolute;
left: 50%;
bottom: 31px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
color: #e6e6e4; }
.icon_list .head_col .pre_title {
font-family: "brown", Helvetica, Arial, Verdana;
font-size: 0.8125em;
font-weight: normal;
line-height: 1.5;
letter-spacing: 1.2px;
color: #8e8e8e;
margin: 0; }
.icon_list .head_col .pre_title + .desc {
margin-top: 10px; }
.icon_list .head_col .section_title {
margin: 0 0 0 -4px;
font-family: "brown", Helvetica, Arial, Verdana;
font-size: 3em;
font-weight: normal;
line-height: 1.04;
letter-spacing: 1.1px;
color: #3c3c3a; }
.icon_list .head_col .section_title + .pre_title {
margin-top: 25px; }
.icon_list .head_col .desc {
max-width: 350px; }
.icon_list .head_col .desc + .btn {
margin-top: 22px; }
.icon_list .icon_col .flexbox_wrapper {
margin: -35px -15px; }
.icon_list .icon_col .flexbox_wrapper .flexbox_item {
padding: 35px 15px; }
.icon_list .icon_col img {
max-width: 65px; }
.icon_list .icon_col img + .title {
margin-top: 9px; }
.icon_list .icon_col .title {
font-family: "brown", Helvetica, Arial, Verdana;
font-size: 1.25em;
font-weight: normal;
line-height: 2;
letter-spacing: 0.7px;
color: #fb0006;
margin: 0;
padding: 0; }
.icon_list .icon_col .title + .desc {
margin-top: 6px; }
.horizontal_slider {
color: #e6e6e4;
padding-top: 0 !important; }
.horizontal_slider .section_title {
color: #e6e6e4; }
.horizontal_slider .video_bg {
padding-bottom: 60.13%; }
.horizontal_slider .horizontal_slide {
position: relative; }
.horizontal_slider .horizontal_slide .item .flexbox_wrapper {
margin: 0; }
.horizontal_slider .horizontal_slide .item .flexbox_wrapper .flexbox_item {
padding: 0;
margin: 0; }
.horizontal_slider .horizontal_slide .item .flexbox_wrapper .flexbox_item.content_wrapper {
padding: 25px 0; }
.horizontal_slider .content {
padding: 42px 28px;
border-top: 1px solid #fb0006;
border-right: 1px solid #fb0006;
border-bottom: 1px solid #fb0006;
text-align: left;
height: 100%;
position: relative; }
.horizontal_slider .content .pretitle {
font-family: "brown", Helvetica, Arial, Verdana;
font-size: 1em;
font-weight: normal;
line-height: 1.54;
letter-spacing: 1.4px;
color: #e6e6e4; }
.horizontal_slider .content .title {
font-family: "brown", Helvetica, Arial, Verdana;
font-size: 1.875em;
font-weight: normal;
line-height: 1.27;
letter-spacing: 0.5px;
color: #e6e6e4;
position: absolute;
bottom: 48px;
left: 28px;
margin: 0; }
.horizontal_slider .content .title_link .title {
-webkit-transition: color 0.15s;
transition: color 0.15s; }
.horizontal_slider .content .title_link:hover .title, .horizontal_slider .content .title_link:active .title {
color: #fb0006;
text-decoration: none; }
.horizontal_slider .owl-dots {
padding-top: 55px;
line-height: 3px;
font-size: 3px; }
.horizontal_slider .owl-dots .owl-dot {
display: inline-block;
line-height: 3px;
background-color: #e6e6e4;
width: 22px;
height: 3px;
border-radius: 1px; }
.horizontal_slider .owl-dots .owl-dot.active {
background-color: #fb0006; }
.horizontal_slider .owl-dots .owl-dot + .owl-dot {
margin-left: 10px; }
.linked_slides .content_wrapper {
width: 100%;
height: 100%; }
.linked_slides .section_title {
position: absolute;
min-height: 1px;
left: 0;
top: 150px;
width: 27%;
padding-left: 79px; }
.linked_slides .media {
position: absolute;
min-height: 1px;
width: 73%;
left: 27%;
bottom: 0;
height: calc(100% - 80px);
overflow: hidden; }
.linked_slides .media figure {
height: 100%; }
.linked_slides .media figure img {
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;';
height: 100%;
width: 100%; }
.linked_slides .content {
position: absolute;
min-height: 1px;
right: 73%;
width: 27%;
padding-left: 79px;
bottom: 75px;
padding-right: 30px; }
.linked_slides .content .title {
font-family: "brown", Helvetica, Arial, Verdana;
font-size: 3em;
font-weight: normal;
line-height: 1.04;
letter-spacing: 0.5px;
color: #fb0006;
max-width: 315px;
-webkit-transition: color 0.15s;
transition: color 0.15s; }
.linked_slides .content .title_link .title {
-webkit-transition: color 0.15s;
transition: color 0.15s; }
.linked_slides .content .title_link:hover, .linked_slides .content .title_link:active {
color: #C00018;
text-decoration: none; }
.linked_slides .content .title_link:hover .title, .linked_slides .content .title_link:active .title {
color: #C00018;
text-decoration: none; }
.linked_slides .content .title_link + .subtitle {
margin-top: 25px; }
.linked_slides .content .subtitle {
font-size: 1em;
font-weight: normal;
line-height: 1.25;
letter-spacing: 1.5px;
color: #3c3c3a;
max-width: 315px; }
.linked_slides .content .subtitle + .desc {
margin-top: 25px; }
.linked_slides .content .desc {
max-width: 315px;
font-size: 1em;
color: #8e8e8e; }
#home_highlighted {
background-image: url(//summa.es/wp-content/themes/summa/img/fusi-n-fondo.png);
background-repeat: no-repeat;
background-position: left 80px; }
#home_highlighted .section_title {
padding-top: 75px; }
#home_highlighted_items {
margin: -40px -12px; }
#home_highlighted_items .highlighted_item {
padding: 40px 12px; }
#home_highlighted_items .highlighted_item.clear {
clear: left; }
#home_highlighted_items .highlighted_item figure {
overflow: hidden;
position: relative;
margin-bottom: 15px; }
#home_highlighted_items .highlighted_item figure:hover img, #home_highlighted_items .highlighted_item figure:active img {
-webkit-transform: scale(1.1);
transform: scale(1.1); }
#home_highlighted_items .highlighted_item figure img {
width: 100%;
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s; }
#home_highlighted_items .highlighted_item figure figcaption {
font-size: 2.25em;
font-weight: bold;
line-height: 1.17;
letter-spacing: 1.9px;
color: #FFF;
position: absolute;
top: 31px;
left: 27px; }
#home_highlighted_items .highlighted_item .meta {
max-width: 415px;
font-size: 0.875em;
font-weight: normal;
line-height: 1.93;
letter-spacing: 1.6px;
color: #8e8e8e;
margin: 0; }
#home_highlighted_items .highlighted_item .meta span + span:before {
content: ' | '; }
#home_highlighted_items .highlighted_item .meta + .title {
margin-top: 7px; }
#home_highlighted_items .highlighted_item .title {
max-width: 415px;
margin: 0;
font-size: 1.5em;
font-weight: normal;
line-height: 1.17;
letter-spacing: 0.5px;
color: #3c3c3a; }
#home_highlighted_items .highlighted_item .title + .btn {
margin-top: 20px; }
#home_highlighted_items .highlighted_item .title_link .title {
-webkit-transition: color 0.15s;
transition: color 0.15s; }
#home_highlighted_items .highlighted_item .title_link:hover, #home_highlighted_items .highlighted_item .title_link:active {
color: #fb0006;
text-decoration: none; }
#home_highlighted_items .highlighted_item .title_link:hover .title, #home_highlighted_items .highlighted_item .title_link:active .title {
color: #fb0006;
text-decoration: none; } #home_banner {
background-color: #fb0006;
color: #e6e6e4;
padding: 100px 0;
margin-top: 50px; }
#home_banner .pre_title {
font-size: 1.5em;
font-weight: normal;
line-height: 1.5;
letter-spacing: 0.8px;
margin: 0;
padding: 0; }
#home_banner .pre_title + .title {
margin-top: 30px; }
#home_banner .title {
font-size: 3em;
font-weight: normal;
line-height: 1.08;
letter-spacing: 1.1px;
margin: 0;
padding: 0; }
#home_banner .title + .btn {
margin-top: 35px; }
#home_banner .btn {
color: #e6e6e4 !important;
font-size: 1.5em;
line-height: 2.167;
padding-bottom: 4px; }
#home_banner .btn:after {
border-color: #e6e6e4 !important;
border-width: 2px;
width: 67%; }
#home_banner .btn:hover:after {
width: 100%; } .page-template-template-home .a4bfooter {
margin: 0; }
.page-template-template-home .a4bfooter.section .container {
margin: 0 auto; } .navbar-default-v2 .navbar-brand {
margin: 25px 0 0 34px;
padding: 0; }
.section {
width: 0; }
.highlight_slide {
background-color: #FFF;
background-image: url(//summa.es/wp-content/themes/summa/img/ajax-loader.gif);
background-repeat: no-repeat;
background-position: center center;
background-size: auto !important; }
.highlight_slide .fp-tableCell {
vertical-align: bottom;
padding-bottom: 132px; }
.highlight_slide:after {
content: '';
width: 100%;
height: 100%;
background-color: rgba(48, 48, 48, 0.5);
position: absolute;
left: 0;
top: 0;
opacity: 0;
z-index: 1; }
.highlight_slide:hover:after {
opacity: 1; }
.highlight_slide .title {
text-decoration: none !important; }
.slide_contents {
opacity: 0; }
.slide_contents .title {
font-size: 27px;
font-weight: bold;
text-align: left;
font-family: "brown", Helvetica, Arial, Verdana;
line-height: 30px;
color: #FFF; }
.slide_contents .title .big {
display: block;
font-size: 4.000em;
line-height: 1; }
.slide_contents .title .big u {
text-decoration: none;
position: relative;
z-index: 2; }
.slide_contents .title .big u:after {
height: 5px;
background-color: red;
content: '';
position: absolute;
bottom: 15px;
left: 0;
z-index: -1;
margin: 0 5px;
width: calc(100% - 5px); }
.fullscreen .slide_contents {
-webkit-animation: slidecontent .8s .7s forwards;
animation: slidecontent .8s .7s forwards; }
.fullscreen .highlight_slide {
background-size: cover !important; }
.slide_thumbnails {
display: table;
table-layout: fixed;
width: 100%; }
#purpose {
padding-top: 80px;
padding-bottom: 50px; }
#purpose .ourlatest {
margin: 10px 0 40px 0 !important; }
#purpose .ourlatest h2 {
font-family: "brown", Helvetica, Arial, Verdana;
color: #303030;
font-size: 25px; }
#purpose .slider_block {
border-top: 1px solid #e6e6e6;
padding-top: 30px; }
#purpose .twocolsblock {
border-top: 2px solid #e6e6e6;
padding-top: 70px;
padding-bottom: 135px; }
#purpose .dos-columnas-slider {
margin-bottom: 100px; }
#purpose .titulo-us {
color: #303030; } #top_empathic_brands_archive .big_subtitle {
margin: 70px 0 40px;
text-align: left; } .single-sm_teb .a4bfooter {
margin-top: 0; }
.top_empathic_brands_single {
background-color: #303030;
color: #303030;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
padding-top: 110px;
padding-bottom: 50px; }
.top_empathic_brands_single h1 {
font-size: 1.429em;
font-weight: normal;
margin-bottom: 30px;
color: #ff0000; }
.top_empathic_brands_single h1.text_title {
padding-top: 30px; }
.top_empathic_brands_single h1.text_title small {
color: #ff0000;
font-size: 1.200em;
font-weight: bold;
display: block;
line-height: 1;
margin-bottom: 10px; }
.top_empathic_brands_single h1 img {
margin: 0 auto; }
.top_empathic_brands_single .text_intro {
font-size: 1.125em;
margin-bottom: 28px;
line-height: 1.25; }
.top_empathic_brands_single .post_content {
font-size: 0.875em;
line-height: 1.357; }
.top_empathic_brands_single .post_content p {
margin-bottom: 18px; }
.top_empathic_brands_single .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.top_empathic_brands_single .content .content_col, .top_empathic_brands_single .content .form_col {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 50px;
padding-right: 50px; }
.top_empathic_brands_single .content .content_col, .top_empathic_brands_single .content .full_width {
background-color: #f2f2f2;
padding-top: 28px;
padding-bottom: 80px; }
.top_empathic_brands_single .content .content_col {
width: 55.5%; }
.top_empathic_brands_single .content .full_width {
width: 100%; }
.top_empathic_brands_single .content .form_col {
background-color: #FFFFFF;
padding-top: 125px;
padding-bottom: 40px;
width: 44.5%; }
.top_empathic_brands_single .content .form_col .inner {
max-width: 400px;
margin: 0 auto;
height: 100%; }
.top_empathic_brands_single .content .form_col .inner h2 {
font-size: 1.500em;
font-weight: normal;
margin-bottom: 26px;
margin-top: 0; }
.top_empathic_brands_single .files_available .file_selector {
list-style: none;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.top_empathic_brands_single .files_available .file_selector li {
width: 45%; }
.top_empathic_brands_single .files_available .file_selector li a {
height: 100%;
padding: 15px 20px;
background-color: #e6e6e6;
color: #5a5a5a;
display: block;
font-size: 14px;
line-height: 17px;
font-weight: 300; }
.top_empathic_brands_single .files_available .file_selector li a:hover, .top_empathic_brands_single .files_available .file_selector li a:focus, .top_empathic_brands_single .files_available .file_selector li a:active {
text-decoration: none; }
.top_empathic_brands_single .files_available .file_selector li.active a {
background-color: #5a5a5a;
color: #FFF; }
.top_empathic_brands_single .files_available .error {
padding-right: 0;
padding-top: 5px;
font-size: 0.750em !important;
color: #ff0000;
font-weight: bold; } .top_empathic_brands_single { }
.top_empathic_brands_single .gform_wrapper { }
.top_empathic_brands_single .gform_wrapper ul li.gfield {
margin-top: 13px;
margin-right: 0 !important;
padding-right: 0 !important; }
.top_empathic_brands_single .gform_wrapper ul li.gfield.gf_left_half {
padding-right: 20px !important;
width: 45% !important; }
.top_empathic_brands_single .gform_wrapper ul li.gfield.gf_right_half {
width: 55% !important; }
.top_empathic_brands_single .gform_wrapper label.gfield_label {
color: #303030 !important;
font-size: 0.875em;
cursor: pointer;
margin-bottom: 2px;
font-family: "brown", Helvetica, Arial, Verdana !important; }
.top_empathic_brands_single .gform_wrapper .top_label div.ginput_container {
margin-top: 0; }
.top_empathic_brands_single .gform_wrapper .gfield_required {
color: #ff0000; }
.top_empathic_brands_single .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
border: 2px solid #cbcbcb;
border-radius: 2px;
padding: 5px 12px;
font-size: 0.875em;
line-height: 2; }
.top_empathic_brands_single .gform_wrapper select, .top_empathic_brands_single .gform_wrapper textarea {
border: 2px solid #cbcbcb !important;
border-radius: 2px;
padding: 5px 12px !important;
font-size: 0.875em; }
.top_empathic_brands_single .gform_wrapper select {
height: 38px;
color: #303030 !important;
font-weight: normal;
background-position: right center;
background-image: url(//summa.es/wp-content/themes/summa/img/form_select.png);
font-family: "brown", Helvetica, Arial, Verdana !important; }
.top_empathic_brands_single .gform_wrapper input[type="checkbox"], .top_empathic_brands_single .gform_wrapper input[type="radio"] {
margin-top: 0;
margin-right: 5px; }
.top_empathic_brands_single .gform_wrapper .gfield_checkbox li label {
color: #303030 !important;
font-size: 0.750em;
font-family: "brown", Helvetica, Arial, Verdana !important; }
.top_empathic_brands_single .gform_wrapper .gfield_checkbox li label a {
color: #303030 !important;
text-decoration: underline; }
.top_empathic_brands_single .gform_wrapper .no_label .gfield_label {
display: none; }
.top_empathic_brands_single .gform_wrapper .chosen-container .chosen-results li.no-results {
font-size: 0.750em !important; }
.top_empathic_brands_single .gform_wrapper .chosen-container-single .chosen-single {
border: 2px solid #cbcbcb;
border-radius: 2px;
padding: 5px 12px;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
height: 38px;
font-size: 0.875em;
color: #808080; }
.top_empathic_brands_single .gform_wrapper .chosen-container-single .chosen-single div {
top: 7px; }
.top_empathic_brands_single .gform_wrapper .chosen-container-single .chosen-drop {
border: 2px solid #cbcbcb;
border-top: none;
-webkit-box-shadow: none;
box-shadow: none; }
.top_empathic_brands_single .gform_wrapper .chosen-container-single .chosen-search input[type="text"] {
padding: 4px 20px 4px 5px !important;
font-size: 0.750em !important; }
.top_empathic_brands_single .gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single {
border: 2px solid #cbcbcb;
border-radius: 2px;
background: none;
-webkit-box-shadow: none;
box-shadow: none; }
.top_empathic_brands_single .gform_wrapper .gform_button {
background-color: #ff0000;
border: none;
border-radius: 2px;
color: #FFF;
font-size: 1.250em;
padding: 15px;
width: 100% !important;
-webkit-transition: background 0.5s ease-out;
transition: background 0.5s ease-out;
font-weight: bold;
font-family: "brown", Helvetica, Arial, Verdana; }
.top_empathic_brands_single .gform_wrapper .gform_button i {
margin-right: 18px; }
.top_empathic_brands_single .gform_wrapper .gform_button i:before {
font-size: 25px;
vertical-align: top; }
.top_empathic_brands_single .gform_wrapper .gform_button:hover {
background-color: #db0202;
color: #FFF; }
.top_empathic_brands_single .gform_wrapper li.gfield.gfield_error, .top_empathic_brands_single .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
border: none;
background: none;
margin: 10px 0 0 0 !important;
padding: 0; }
.top_empathic_brands_single .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .top_empathic_brands_single .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
margin-top: 0; }
.top_empathic_brands_single .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
padding-right: 0;
padding-top: 5px;
font-size: 0.750em !important;
color: #ff0000; }
.top_empathic_brands_single .gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .top_empathic_brands_single .gform_wrapper li.gfield_error textarea {
border: 1px solid #ff0000; }
.top_empathic_brands_single .gform_wrapper div.validation_error {
display: none; }
.top_empathic_brands_single .gform_confirmation_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.top_empathic_brands_single .gform_confirmation_wrapper .gform_confirmation_message {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 1.500em;
font-weight: normal;
margin-bottom: 26px;
margin-top: 0;
line-height: 1.167; }
.top_empathic_brands_single .gform_confirmation_wrapper .gform_confirmation_message .back_button {
margin-top: 30px;
background-color: #ff0000;
border: none;
border-radius: 2px;
color: #FFF;
font-size: 0.833em;
padding: 15px;
width: 100% !important;
display: inline-block;
text-align: center;
text-decoration: none;
-webkit-transition: background 0.5s ease-out;
transition: background 0.5s ease-out;
font-weight: bold;
font-family: "brown", Helvetica, Arial, Verdana; }
.top_empathic_brands_single .gform_confirmation_wrapper .gform_confirmation_message .back_button:hover {
background-color: #db0202;
color: #FFF; }  @media (min-width: 992px) and (max-width: 1199px) {
.top_empathic_brands_single .content .form_col {
padding-top: 175px; }
.top_empathic_brands_single .file_selector li a {
padding: 15px; } } @media (min-width: 768px) and (max-width: 991px) {
.top_empathic_brands_single .content {
display: block; }
.top_empathic_brands_single .content .content_col, .top_empathic_brands_single .content .form_col {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none; }
.top_empathic_brands_single .content .form_col {
padding-top: 75px; }
.top_empathic_brands_single .content .form_col .inner {
max-width: 100%;
margin: 0 auto; } }  @media (max-width: 767px) {
.top_empathic_brands_single .file_selector {
display: block !important; }
.top_empathic_brands_single .file_selector li {
width: 100% !important; }
.top_empathic_brands_single .file_selector li + li {
margin-top: 10px; }
.top_empathic_brands_single .gform_wrapper ul li.gfield.gf_left_half, .top_empathic_brands_single .gform_wrapper ul li.gfield.gf_right_half {
width: 100% !important;
padding: 0 !important; }
.top_empathic_brands_single .content {
display: block; }
.top_empathic_brands_single .content .content_col, .top_empathic_brands_single .content .form_col {
width: 100%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
padding-left: 15px;
padding-right: 15px; }
.top_empathic_brands_single .content .content_col {
padding-bottom: 20px; }
.top_empathic_brands_single .content .form_col {
padding-top: 35px;
padding-bottom: 15px; }
.top_empathic_brands_single .content .form_col .inner {
max-width: 100%;
margin: 0 auto; } }   @media (min-width: 992px) and (max-width: 1199px) {
.datos-persona {
min-height: 91px;
padding-top: 12px;
padding-left: 10px;
padding-right: 10px; } .page-template-people .contenido-relacional div {
padding: 10px 20px 20px 10px !important;
width: 33.33%; }
.page-template-people .oficio-people {
font-size: 16px !important; }
.page-template-people .nombre-people {
margin-top: 20px; }
.page-template-people .cerrardetalle {
top: 20px; }
.page-template-people .contenido-people {
font-size: 14px !important;
line-height: 1.4;
margin-top: 10px; }
.page-template-people .contenido-relacional {
width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .carousel-indicators {
margin-left: 0;
left: 0;
width: 100%; }
.carousel-indicators li + li {
margin-left: 5px; }
.carousel-control {
position: absolute !important;
top: auto !important;
bottom: 83px;
display: block;
left: auto;
width: 30px;
height: 30px;
font-size: 50px;
color: #666666 !important;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
background: transparent;
filter: alpha(opacity=100);
opacity: 1;
z-index: 20; } .premios-div {
margin-bottom: 40px; }
#CarrouselTestimoniales, #Carouselcarrusel {
margin-bottom: 0;
padding-bottom: 120px; }
#CarrouselTestimoniales .indicadores-testimoniales, #CarrouselTestimoniales .indicadores-videos, #Carouselcarrusel .indicadores-testimoniales, #Carouselcarrusel .indicadores-videos {
top: auto !important;
bottom: 50px; } .page-template-template-brands_we_work_for nav {
width: 100%;
margin: 0 auto; }
.page-template-template-brands_we_work_for nav .navbar {
width: 100%;
display: block;
padding-left: 15px;
padding-right: 15px; }
.page-template-template-brands_we_work_for nav .navbar .navbar-brand {
padding-left: 0; }
#brands_we_work_for {
width: 100%;
padding: 100px 15px 0 15px; }
#brands_we_work_for .main_title {
padding-left: 0;
padding-right: 0; } .page-template-people .contentPeople {
margin-bottom: 10px !important; } }  @media (max-width: 767px) { .padding-superior {
padding-top: 75px;
display: none; }
.big_title {
font-size: 36px;
margin-bottom: 30px; }
.big_subtitle {
margin-bottom: 50px; }
.carousel-indicators {
margin-left: 0;
left: 0;
width: 100%; }
.carousel-indicators li + li {
margin-left: 5px; }
.carousel-control {
position: absolute !important;
top: auto !important;
bottom: 83px;
display: block;
left: auto;
width: 30px;
height: 30px;
font-size: 50px;
color: #666666 !important;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
background: transparent;
filter: alpha(opacity=100);
opacity: 1;
z-index: 20; }  #fullpage {
padding-top: 60px; }
.home {
padding-top: 75px; }
.fp-section {
padding: 0 15px !important; }
.fp-section .texto-slider {
margin: 0;
padding: 0 15px; }
.highlight_slide {
padding: 0 15px !important; }
.highlight_slide .fp-tableCell {
vertical-align: middle;
padding-bottom: 0; }
.highlight_slide .slide_contents {
margin-top: 60%; }
.highlight_slide .title {
font-size: 19px;
margin: 0; }
.highlight_slide .title .big {
font-size: 2.895em;
font-weight: normal; }
.highlight_slide .title .big u:after {
bottom: 5px; }
.highlight_slide:after {
display: none; } #purpose {
padding-bottom: 0; }
#purpose .slider_block {
padding-top: 20px; }
#purpose .ourlatest {
margin-bottom: 20px !important; }
#CarrouselTestimoniales, #Carouselcarrusel {
margin-bottom: 0;
padding-bottom: 120px; }
#CarrouselTestimoniales .indicadores-testimoniales, #CarrouselTestimoniales .indicadores-videos, #Carouselcarrusel .indicadores-testimoniales, #Carouselcarrusel .indicadores-videos {
top: auto !important;
bottom: 50px; }
#video_block .video_bg .container {
padding: 0; }
#video_block .video_bg #video_block_bg {
min-height: 300px; }
#video_block .video_bg #video_block_bg video {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
#video_block .video_bg .play_button {
width: 72px;
height: 72px;
margin-top: -36px;
margin-left: -36px;
line-height: 72px; }
#video_block .video_bg .play_button i {
font-size: 23px; }
#icon_list_block {
padding-top: 50px; }
#icon_list_block .icon_list {
padding: 0 0 30px; }
.twocolsblock {
padding-bottom: 50px !important;
padding-top: 50px !important; }
.twocolsblock figure {
padding-bottom: 50px; }
.twocolsblock .text {
-webkit-column-count: 1;
column-count: 1; }
.widescreen_image {
margin-bottom: 20px; }
.widescreen_image .image_contents {
padding-bottom: 50%; }
.widescreen_image .image_contents .image {
background-size: 280px; }
.premios-div {
margin-bottom: 40px; }
.dos-columnas-slider {
margin-bottom: 50px !important; } .page-template-template-brands_we_work_for nav {
width: 100%;
margin: 0 auto; }
.page-template-template-brands_we_work_for nav .navbar {
width: 100%;
display: block;
padding-left: 15px;
padding-right: 15px; }
.page-template-template-brands_we_work_for nav .navbar .navbar-brand {
margin-left: 0; }
.page-template-template-brands_we_work_for nav .navbar .navbar-toggle {
margin-right: 0; }
#brands_we_work_for {
width: 100%;
padding-top: 80px; }
#brands_we_work_for .main_title {
padding-left: 15px;
padding-right: 15px; } .contentPeople {
margin-bottom: 0; }
.page-template-people #pgc-11-0-0, .page-template-people #pgc-11-0-1, .page-template-people #pgc-11-1-0, .page-template-people #pgc-11-1-1 {
width: 100%; }
.page-template-people .cerrardetalle {
z-index: 5;
right: 15px; }
.page-template-people .persona {
height: 480px !important; }
.page-template-people .detallemobile {
width: 100% !important;
padding-right: 15px !important; }
.contenido-people {
font-size: 12px !important;
line-height: 18.2px;
margin-top: 10px; }
.related_wrapper {
position: static;
padding-right: 0; }
.related_wrapper .contenido-relacional {
margin-top: 25px;
margin-bottom: 25px; }
.related_wrapper .contenido-relacional div {
width: 100%;
float: none; }
.teamDiv {
padding-left: 15px; }
.teamDiv .content_col {
padding-right: 0; }
.teamDiv .content_col .content {
padding: 0; } .page-template-index .a4bfooter {
padding-top: 0;
padding-bottom: 50px; } }
@media (min-width: 1200px) and (max-width: 1400px) {
.linked_slides .media {
width: 70%;
left: 30%; }
.linked_slides .content {
right: 70%;
width: 30%; } } @media (min-width: 992px) and (max-width: 1199px) {
.page-template-template-home .header_title_wrapper.fixed {
width: 940px; }
.page-template-template-home .section_title.fixed_title {
width: 37%; }
#main_header #main_menu_wrapper .navbar-collapse .navbar-nav > li + li {
padding-left: 20px; }
.linked_slides .media {
width: 63%;
left: 37%; }
.linked_slides .content {
right: 63%;
width: 37%; } } @media (min-width: 768px) and (max-width: 991px) {
.page-template-template-home .container {
padding: 0 30px; }
.page-template-template-home .header_title_wrapper {
padding: 0 30px;
max-width: 100%;
margin: 0 auto;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.page-template-template-home .header_title_wrapper.fixed {
width: 100%;
padding: 40px 30px 0; }
.page-template-template-home .header_title_wrapper.fixed .header_title {
padding: 0;
font-size: 2.5em;
line-height: 1.04;
letter-spacing: 1.1px; }
.page-template-template-home .header_title_wrapper .header_title {
font-size: 5em;
line-height: 1.11;
letter-spacing: 2.1px; }
.page-template-template-home .slide_box:after {
width: 100%; }
.page-template-template-home #fp-nav.fp-right {
right: 0; }
.page-template-template-home .section_title {
margin-bottom: 50px; }
.page-template-template-home .section_title.fixed_title {
width: 100%;
padding-left: 30px;
padding-right: 30px;
top: 100px; }
#main_header:before {
content: '';
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #3c3c3a;
opacity: 0;
-webkit-transition: all 1s;
transition: all 1s;
visibility: hidden; }
#main_header.overlay:before {
opacity: 0.8;
visibility: visible; }
.icon_list .head_col .section_title {
font-size: 2.5em;
line-height: 1.04;
letter-spacing: 1.1px; }
.icon_list .icon_col {
margin-top: 40px; }
.icon_list .icon_col .flexbox_wrapper {
margin: -25px -15px; }
.icon_list .icon_col .flexbox_wrapper .flexbox_item {
padding: 25px 15px; }
.horizontal_slider {
padding-top: 80px !important; }
.horizontal_slider .section_title {
max-width: 700px;
margin-left: auto;
margin-right: auto; }
.horizontal_slider .video_bg {
padding-bottom: 50%; }
.horizontal_slider .content {
padding: 32px 25px; }
.horizontal_slider .content .title {
bottom: 32px; }
.horizontal_slider .horizontal_slide .item {
max-width: 700px;
margin: 0 auto;
border: 1px solid #fb0006; }
.horizontal_slider .horizontal_slide .item .flexbox_wrapper {
display: block;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin: 0; }
.horizontal_slider .horizontal_slide .item .flexbox_wrapper .flexbox_item {
width: 100%;
padding: 0; }
.horizontal_slider .horizontal_slide .item .flexbox_wrapper .flexbox_item.content_wrapper {
padding: 0; }
.horizontal_slider .horizontal_slide .item .flexbox_wrapper .flexbox_item .content {
border: none;
min-height: 250px; }
.horizontal_slider .horizontal_slide .item .flexbox_wrapper .flexbox_item .title {
max-width: 400px; }
.horizontal_slider .owl-dots {
padding-top: 0;
max-width: 700px;
margin: 0 auto; }
#home_bottom {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.linked_slides {
padding: 80px 30px 0 !important; }
.linked_slides .section_title {
top: 100px; }
.linked_slides .content_wrapper {
padding-top: 95px; }
.linked_slides .media, .linked_slides .content, .linked_slides .section_title {
position: static;
width: 100%;
padding: 0; }
.linked_slides .media {
height: auto; }
.linked_slides .media .video_bg {
height: 52vh; }
.linked_slides .media figure {
height: auto; }
.linked_slides .media figure img {
height: auto;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
font-family: 'object-fit: cover;';
max-height: 52vh; }
.linked_slides .content {
margin-top: 35px; }
.linked_slides .content .title {
font-size: 2.25em;
line-height: 1.08;
max-width: 75%;
margin: 0; }
.linked_slides .content .subtitle {
max-width: 75%; }
.linked_slides .content .desc {
max-width: 75%; }
#home_highlighted {
background-position: left 110px;
background-size: 20%;
padding: 80px 0 0; }
#home_highlighted .section_title {
padding-top: 20px; }
#home_highlighted_items {
margin: -30px -15px; }
#home_highlighted_items .highlighted_item {
padding: 30px 15px; }
#home_highlighted_items .highlighted_item .meta + .title, #home_highlighted_items .highlighted_item .meta + .title_link {
margin-top: 12px; }
#home_highlighted_items .highlighted_item .title {
font-size: 1.3125em;
line-height: 1.33;
letter-spacing: normal; }
#home_highlighted_items .highlighted_item .slide_box {
font-size: 1em;
padding-left: 30px;
padding-right: 30px; }
#home_banner {
padding-left: 0;
padding-right: 0;
margin-top: 50px; }
#home_banner .title {
font-size: 2.5em;
line-height: 1.3;
letter-spacing: 0.9px; }
#home_banner .btn:after {
width: 100%; } }
@media (min-width: 992px) {
.page-template-template-home.dark #main_header #main_menu_wrapper .navbar-collapse .navbar-nav > li > a {
color: #8e8e8e; }
.page-template-template-home.dark #main_header #main_menu_wrapper .navbar-collapse .navbar-nav > li > a:hover, .page-template-template-home.dark #main_header #main_menu_wrapper .navbar-collapse .navbar-nav > li > a:active, .page-template-template-home.dark #main_header #main_menu_wrapper .navbar-collapse .navbar-nav > li > a:focus {
color: #FFF; }
.page-template-template-home.dark #main_header #main_menu_wrapper #lang_sel .wpml-ls-sub-menu {
background: none;
border: none; }
.page-template-template-home.dark #main_header #main_menu_wrapper #lang_sel .wpml-ls-sub-menu a {
color: #8e8e8e !important; }
.page-template-template-home.dark #main_header #main_menu_wrapper #lang_sel .wpml-ls-sub-menu a:hover, .page-template-template-home.dark #main_header #main_menu_wrapper #lang_sel .wpml-ls-sub-menu a:focus, .page-template-template-home.dark #main_header #main_menu_wrapper #lang_sel .wpml-ls-sub-menu a:active {
color: #FFF !important; }
.page-template-template-home.dark #main_header #main_menu_wrapper #lang_sel .lang_sel_sel {
color: #FFF !important; } }
@media (max-width: 991px) {
.page-template-template-home #main_header {
padding: 21px 15px; }
.page-template-template-home #main_header .logo {
left: 28px; }
.page-template-template-home #main_menu_wrapper .navbar-header .navbar-toggle {
right: 32px; }
#main_header {
padding: 21px 0 9px;
-webkit-transition: background-color 0.15s ease;
transition: background-color 0.15s ease; }
#main_header .logo {
left: 15px;
z-index: 5; }
#main_header .container {
position: static; }
#main_header #main_menu_wrapper {
position: static;
height: 100%;
width: 100%;
background: transparent !important;
min-height: 33px; }
#main_header #main_menu_wrapper .navbar-header {
display: block; }
#main_header #main_menu_wrapper .navbar-header .navbar-toggle {
position: absolute;
right: 15px;
top: 27px;
margin: 0;
z-index: 5; }
#main_header #main_menu_wrapper .navbar-collapse {
position: fixed;
height: 100%;
width: 100%;
max-width: 50%;
background: #e6e6e4;
left: 0;
top: 0;
padding-top: 60px;
-webkit-transition: all 0.5s;
transition: all 0.5s; }
#main_header #main_menu_wrapper .navbar-collapse.collapse {
display: block !important;
height: 100% !important;
visibility: hidden !important;
-webkit-transform: translateX(200%);
transform: translateX(200%); }
#main_header #main_menu_wrapper .navbar-collapse.collapse.in {
display: block !important;
height: 100% !important;
visibility: visible !important;
-webkit-transform: translateX(100%);
transform: translateX(100%); }
#main_header #main_menu_wrapper .navbar-collapse.collapsing {
display: block !important;
height: 100% !important;
overflow: visible !important;
-webkit-transform: translateX(100%);
transform: translateX(100%); }
#main_header #main_menu_wrapper .navbar-collapse .menu_contents {
position: absolute;
top: 50%;
width: 100%;
left: 0;
padding: 0 28px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
#main_header #main_menu_wrapper .navbar-collapse .navbar-nav {
border-bottom: 1px solid #8e8e8e;
padding-bottom: 20px;
display: block;
text-align: left; }
#main_header #main_menu_wrapper .navbar-collapse .navbar-nav li {
display: block; }
#main_header #main_menu_wrapper .navbar-collapse .navbar-nav li a {
font-size: 2.25em;
font-weight: normal;
line-height: 2;
letter-spacing: 1px;
color: #8e8e8e;
text-align: left; }
#main_header #main_menu_wrapper .navbar-collapse .navbar-nav li a:hover, #main_header #main_menu_wrapper .navbar-collapse .navbar-nav li a:active, #main_header #main_menu_wrapper .navbar-collapse .navbar-nav li a:focus {
color: #3c3c3a; }
#main_header #main_menu_wrapper .navbar-collapse .navbar-nav li + li {
padding: 0; }
#main_header #main_menu_wrapper .navbar-collapse #lang_sel {
display: block;
padding-left: 0 !important;
margin-left: 0 !important;
position: static;
right: auto;
top: auto;
text-align: left;
padding-top: 45px;
font-size: 1.25em;
text-transform: capitalize; }
#main_header #main_menu_wrapper .navbar-collapse #lang_sel li > a {
padding: 0; }
#main_header #main_menu_wrapper .navbar-collapse #lang_sel li > a:after {
display: none; }
#main_header #main_menu_wrapper .navbar-collapse #lang_sel li a {
color: #8e8e8e;
display: inline-block; }
#main_header #main_menu_wrapper .navbar-collapse #lang_sel li a:hover, #main_header #main_menu_wrapper .navbar-collapse #lang_sel li a:active {
color: #3c3c3a; }
#main_header #main_menu_wrapper .navbar-collapse #lang_sel li .wpml-ls-sub-menu {
margin: 0 !important;
padding-left: 15px;
display: inline-block;
position: static;
visibility: visible; }
#main_header #main_menu_wrapper .navbar-collapse #lang_sel li .wpml-ls-sub-menu li {
display: inline-block; }
#main_header #main_menu_wrapper .navbar-collapse #lang_sel li .wpml-ls-sub-menu li + li {
padding-left: 15px; }
#main_header #main_menu_wrapper .navbar-collapse #lang_sel .lang_sel_sel {
color: #3c3c3a !important;
border-bottom: 2px solid #3c3c3a;
padding-bottom: 4px; }
#main_header #main_menu_wrapper .navbar-collapse #lang_sel .wpml-ls-link:hover, #main_header #main_menu_wrapper .navbar-collapse #lang_sel .wpml-ls-link:active {
color: #3c3c3a; } }  @media (max-width: 767px) {
.page-template-template-home {
background-color: #e6e6e4 !important; }
.page-template-template-home .fp-section {
padding-top: 45px !important;
padding-bottom: 45px !important;
padding-left: 0 !important;
padding-right: 0 !important; }
.page-template-template-home .fp-section.linked_slides {
padding-top: 24px !important;
padding-bottom: 24px !important; }
.page-template-template-home .fp-section.linked_slides.first {
padding-top: 45px !important; }
.page-template-template-home .fp-section.linked_slides.last {
padding-bottom: 45px !important; }
.page-template-template-home .fp-section .fp-tableCell {
height: auto !important; }
.page-template-template-home .slide_box:after {
width: 100%; }
.page-template-template-home #fullpage {
padding-top: 0; }
.page-template-template-home .dark_bg {
background-color: #3c3c3a; }
.page-template-template-home .section_title {
margin-bottom: 45px; }
.page-template-template-home .header_title_wrapper.fixed {
display: none; }
#main_header.bg {
background-color: #e6e6e4 !important; }
#main_header .logo {
left: 15px; }
#main_header #main_menu_wrapper {
padding: 0; }
#main_header #main_menu_wrapper .navbar-header .navbar-toggle {
right: 15px;
top: 22px; }
#main_header #main_menu_wrapper .navbar-collapse {
max-width: 100%; }
#main_header #main_menu_wrapper .navbar-collapse.collapse {
-webkit-transform: translateX(100%);
transform: translateX(100%); }
#main_header #main_menu_wrapper .navbar-collapse.collapse.in {
-webkit-transform: translateX(0);
transform: translateX(0); }
#main_header #main_menu_wrapper .navbar-collapse.collapsing {
-webkit-transform: translateX(0);
transform: translateX(0); }
#main_header #main_menu_wrapper .navbar-collapse .navbar-nav li a {
font-size: 4.433497vh; }
#main_header #main_menu_wrapper .navbar-collapse .menu_contents {
padding-top: 60px; }
#main_header #main_menu_wrapper .navbar-collapse #lang_sel li a {
font-size: calc( 10px + 0.738916vh); }
.a4bfooter {
padding-top: 0;
padding-bottom: 50px; }
.a4bfooter .col-sm-4.col-sm-4 {
margin-top: 40px; }
.a4bfooter .titulo-footer {
font-size: 1.5em;
line-height: 1.29;
letter-spacing: 0.5px;
text-align: left;
min-height: 0;
padding-bottom: 15px; }
.a4bfooter .menu li {
text-align: left;
padding: 0 5px;
font-size: 1em;
line-height: 2.5;
letter-spacing: 0.4px; }
.a4bfooter .bottom_menu {
padding-top: 45px;
margin-top: 45px; }
.home {
padding-top: 0; }
#home_intro {
padding: 0 !important; }
#home_intro .fp-tableCell {
height: calc(100vh) !important;
position: relative; }
#home_intro .fp-tableCell .video_bg video {
display: block !important; }
#home_intro .title {
font-size: 14vw;
margin: 0;
padding: 0 15px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%); }
.icon_list .icon_col {
margin-top: 40px; }
.icon_list .icon_col .head_col .desc {
font-size: 1.625em; }
.icon_list .icon_col .icon_list_wrapper {
display: block;
margin: 0; }
.icon_list .icon_col .icon_list_wrapper .icon_item {
width: 100%;
padding: 0 0 0 68px;
position: relative; }
.icon_list .icon_col .icon_list_wrapper .icon_item img {
position: absolute;
top: 0;
left: 0;
max-width: 50px; }
.icon_list .icon_col .icon_list_wrapper .icon_item .title {
font-size: 1.125em;
line-height: 1;
letter-spacing: 0.6px; }
.icon_list .icon_col .icon_list_wrapper .icon_item .title + .desc {
margin-top: 4px; }
.icon_list .icon_col .icon_list_wrapper .icon_item .desc {
font-size: 1em;
line-height: 1.44;
letter-spacing: 0.7px; }
.icon_list .btn {
width: 100%;
margin-top: 20px;
font-size: 1em; }
.horizontal_slider .horizontal_slide .item {
border: 1px solid #fb0006; }
.horizontal_slider .horizontal_slide .item .flexbox_wrapper {
display: block;
margin: 0; }
.horizontal_slider .horizontal_slide .item .flexbox_wrapper .flexbox_item {
width: 100%;
padding: 0; }
.horizontal_slider .horizontal_slide .item .flexbox_wrapper .flexbox_item.content_wrapper {
padding: 0; }
.horizontal_slider .horizontal_slide .item .flexbox_wrapper .flexbox_item .video_bg {
padding-bottom: 84.98%; }
.horizontal_slider .horizontal_slide .item .flexbox_wrapper .flexbox_item .content {
border: none;
padding: 20px 15px; }
.horizontal_slider .horizontal_slide .item .flexbox_wrapper .flexbox_item .title {
font-size: 1.375em;
position: static; }
.horizontal_slider .owl-dots {
padding-top: 35px; }
#home_bottom {
padding-top: 0 !important;
padding-bottom: 0 !important; }
.linked_slides .content_wrapper {
padding: 0 15px; }
.linked_slides .media, .linked_slides .content, .linked_slides .section_title {
position: static;
width: 100%;
padding: 0; }
.linked_slides .media {
height: auto;
overflow: visible; }
.linked_slides .media .video_bg {
padding-bottom: 92.99%; }
.linked_slides .media figure {
height: auto; }
.linked_slides .media figure img {
height: auto;
-o-object-fit: contain;
object-fit: contain;
width: 100%;
font-family: 'object-fit: contain;'; }
.linked_slides .content .title {
font-size: 1.75em;
line-height: 1.14;
margin: 15px 0 0 0; }
.linked_slides .content .title + .subtitle, .linked_slides .content .title_link + .subtitle {
margin: 18px 0 0 0; }
.linked_slides .content .subtitle + .desc {
margin-top: 13px; }
.linked_slides .content .desc {
font-size: 1em;
line-height: 1.25;
letter-spacing: 1.5px; }
#home_highlighted {
background: none; }
#home_highlighted .section_title {
padding-top: 0; }
#home_highlighted_items {
margin: 0; }
#home_highlighted_items .highlighted_item {
padding: 0 0 0 125px;
position: relative;
min-height: 110px; }
#home_highlighted_items .highlighted_item figure {
position: absolute;
left: 0;
top: 0;
max-width: 110px; }
#home_highlighted_items .highlighted_item figure figcaption {
display: none; }
#home_highlighted_items .highlighted_item .title {
font-size: 1.25em;
line-height: 1.4;
letter-spacing: 1.1px; }
#home_highlighted_items .highlighted_item .meta {
font-size: 0.875em;
line-height: 1;
letter-spacing: 1.6px; }
#home_highlighted_items .highlighted_item .meta + .title {
margin-top: 15px; }
#home_highlighted_items .highlighted_item .meta .time {
display: none; }
#home_highlighted_items .highlighted_item + .highlighted_item {
margin-top: 73px; }
#home_highlighted_items .highlighted_item + .highlighted_item:before {
content: '';
height: 1px;
width: 100%;
background-color: #979797;
position: absolute;
top: 0;
left: 0;
margin-top: -36px; }
#home_highlighted_items .highlighted_item.highlighted_default {
min-height: 180px;
padding-bottom: 38px;
position: relative; }
#home_highlighted_items .highlighted_item.highlighted_default .btn {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
font-size: 1em;
line-height: 2;
padding-bottom: 4px; }
#home_banner {
margin-top: 64px; }
#home_banner .pre_title {
font-size: 1.125em;
line-height: 2;
letter-spacing: 0.6px; }
#home_banner .pre_title + .title {
margin-top: 25px; }
#home_banner .title {
font-size: 2.25em;
line-height: 1.08;
letter-spacing: 0.8px; }
#home_banner .btn {
width: 100%; }
#home_banner .btn:after {
width: 100%;
font-size: 1em; } }.so-widget-sow-image-default-d9fa1d607b92 .sow-image-container {
text-align: center;
}
.so-widget-sow-image-default-d9fa1d607b92 .sow-image-container .so-widget-image {
display: inline-block;
max-width: 100%;
width: 100%;
height: auto;
}