@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic|Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic);
/*==========================================================================
 Base styles:opinionated defaults
 ==========================================================================*/
html,
button,
input,
select,
textarea{color:#222}
html{font-family:'Josefin Slab',Georgia,Times New Roman,Times,serif;font-size:20px;font-weight:600;color:#000000}
/*Remove text-shadow in selection highlight:h5bp.com/i - These selection rule sets have to be separate. - Customize the background color to match your design.*/
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
/*A better looking default horizontal rule*/
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:25px 0;padding:0}
/*Remove the gap between images, videos, audio and canvas and the bottom of their containers:h5bp.com/i/440*/
audio,
canvas,
img,
video{vertical-align:middle}
/*Remove default fieldset styles.*/
fieldset{border:0;margin:0;padding:0}
/*Allow only vertical resizing of textareas.*/
textarea{resize:vertical}


/*==========================================================================
 Browse Happy prompt
 ==========================================================================*/
.browsehappy{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}


/*==========================================================================
 Author's custom styles
 ==========================================================================*/
i{font-style:normal}
.wrapper{position:relative;max-width:980px;height:100%;padding-left:10px;padding-right:10px}
.center{margin-left:auto;margin-right:auto}
.left{float:left}
.right{float:right}
.border-box{-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.josefin-sans{font-family:'Josefin Sans',Arial,Helvetica,sans-serif}
.josefin-slab{font-family:'Josefin Slab',Georgia,Times New Roman,Times,serif}
.thin{font-weight:100}
.light{font-weight:300}
.semibold{font-weight:600}
.bold{font-weight:700 !important}
.italic{font-style:italic}
.fs14{font-size:14px}
.fs16{font-size:16px}
.fs18{font-size:18px}
.fs25{font-size:25px}
.fs35{font-size:35px}
.fs45{font-size:45px;line-height:120%}
.fs86{font-size:86px}
.fs156{font-size:156px;line-height:83%}
.t-center{text-align:center}
.red{color:#FF222C}
.white{color:#FFFFFF}
.blue-light{color:#1CAEA1}
.gray{color:#858585}
.bg-red{background-color:#FF222C !important}
.bg-blue-light{background-color:#1CAEA1 !important}
.bg-gray{background-color:#F4F3F2 !important}
.shadow-inset{-khtml-box-shadow:inset 0 2px 30px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:inset 0 2px 30px 0 rgba(0, 0, 0, 0.2);-ms-box-shadow:inset 0 2px 30px 0 rgba(0, 0, 0, 0.2);-o-box-shadow:inset 0 2px 30px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow:inset 0 2px 30px 0 rgba(0, 0, 0, 0.2);box-shadow:inset 0 2px 30px 0 rgba(0, 0, 0, 0.2)}
.circle{-khtml-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
.arrow-down{position:absolute;left:50%;margin-left:-14px;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-khtml-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;width:28px;height:28px;background-color:#1CAEA1}
.arrow-down:after{content:'';position:absolute;top:50%;left:50%;margin-top:-2px;margin-left:-5px;border-top:6px solid #FFFFFF;border-left:5px solid transparent;border-right:5px solid transparent;width:0;height:0;font-size:0;line-height:0}
.vr{position:absolute;width:1px;font-size:0;line-height:0;background:url(../img/vr-bg.gif) repeat-y center top;-khtml-transition:all 0.1s;-moz-transition:all 0.1s;-ms-transition:all 0.1s;-o-transition:all 0.1s;-webkit-transition:all 0.1s;transition:all 0.1s}
.hr{position:absolute;height:1px;font-size:0;line-height:0;background:url(../img/hr-bg.gif) repeat-x right center;-khtml-transition:all 0.1s;-moz-transition:all 0.1s;-ms-transition:all 0.1s;-o-transition:all 0.1s;-webkit-transition:all 0.1s;transition:all 0.1s}
.arc{position:absolute;-khtml-border-radius:50% 50% 0 0;-moz-border-radius:50% 50% 0 0;-ms-border-radius:50% 50% 0 0;-o-border-radius:50% 50% 0 0;-webkit-border-radius:50% 50% 0 0;border-radius:50% 50% 0 0;border-top:1px dashed #FF222C;-khtml-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-khtml-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s}
.dot{position:absolute;-khtml-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background-color:#FF222C}
[class*='text']{position:absolute;width:100%}
a{text-decoration:none}
p{margin:0;line-height:150%}
h2{height:20px;font-family:'Josefin Sans',Arial,Helvetica,sans-serif;font-size:20px;line-height:14px;font-weight:700;letter-spacing:2px}

/*header - funcionamientos*/
header{position:fixed;top:0;left:0;z-index:24;width:100%;background:#D8D8D8;-khtml-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);-webkit-transform:translateY(0%);transform:translateY(0%);-khtml-transition:all 1s;-moz-transition:all 1.3s;-ms-transition:all 1.3s;-o-transition:all 1.3s;-webkit-transition:all 1.3s;transition:all 1.3s}
header:after{content:'';display:block;position:absolute;left:0;bottom:-41px;z-index:1;width:100%;height:41px;background:url(../img/header-shadow.png) repeat-x center center}
.header-big{height:150px}
.header-small{height:65px}
header .perspective{width:100%;height:100%;position:relative;z-index:2;-khtml-perspective:1100px;-moz-perspective:1100px;-ms-perspective:1100px;-o-perspective:1100px;-webkit-perspective:1100px;perspective:1100px;-khtml-perspective-origin:50% 0;-moz-perspective-origin:50% 0;-ms-perspective-origin:50% 0;-o-perspective-origin:50% 0;-webkit-perspective-origin:50% 0;perspective-origin:50% 0}
header .perspective > div{width:100%;background:#FFFFFF;-khtml-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-khtml-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;transition:all 1s}
header .big{position:relative;z-index:2;height:150px;-khtml-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}
.header-big .big{-khtml-transform:translateY(0%) rotateX(0deg);-moz-transform:translateY(0%) rotateX(0deg);-ms-transform:translateY(0%) rotateX(0deg);-o-transform:translateY(0%) rotateX(0deg);-webkit-transform:translateY(0%) rotateX(0deg);transform:translateY(0%) rotateX(0deg)}
.header-small .big{-khtml-transform:translateY(-100%) rotateX(90deg);-moz-transform:translateY(-100%) rotateX(90deg);-ms-transform:translateY(-100%) rotateX(90deg);-o-transform:translateY(-100%) rotateX(90deg);-webkit-transform:translateY(-100%) rotateX(90deg);transform:translateY(-100%) rotateX(90deg)}
header .small{position:absolute;z-index:1;height:65px;-khtml-transform-origin:50% 0%;-moz-transform-origin:50% 0%;-ms-transform-origin:50% 0%;-o-transform-origin:50% 0%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-khtml-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-khtml-transition:top 1s;-moz-transition:top 1s;-ms-transition:top 1s;-o-transition:top 1s;-webkit-transition:top 1s;transition:top 1s;-khtml-transition:-khtml-transform 1s;-moz-transition:-moz-transform 1s;-ms-transition:-ms-transform 1s;-o-transition:-o-transform 1s;-webkit-transition:-webkit-transform 1s;transition:transform 1s}
.header-big .small{top:149px;-khtml-transform:rotateX(-82deg);-moz-transform:rotateX(-82deg);-ms-transform:rotateX(-82deg);-o-transform:rotateX(-82deg);-webkit-transform:rotateX(-82deg);transform:rotateX(-82deg)}
.header-small .small{top:65px;-khtml-transform:rotateX(0deg) translateY(-100%);-moz-transform:rotateX(0deg) translateY(-100%);-ms-transform:rotateX(0deg) translateY(-100%);-o-transform:rotateX(0deg) translateY(-100%);-webkit-transform:rotateX(0deg) translateY(-100%);transform:rotateX(0deg) translateY(-100%)}

/*header - estilos*/
header .contacto{min-width:32px;height:32px;background:url(../img/icon-contacto.png) no-repeat left top}
header .big .logo{display:block;margin:12px auto 0 auto;max-width:425px;max-height:123px}
header .big .onoffswitch{position:absolute;top:20px;right:10px;width:55px;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;-webkit-user-select:none;user-select:none}
header .big .onoffswitch-checkbox{display:none}
header .big .onoffswitch-label{display:block;overflow:hidden;cursor:pointer;-khtml-border-radius:19px;-moz-border-radius:19px;-ms-border-radius:19px;-o-border-radius:19px;-webkit-border-radius:19px;border-radius:19px;border:1px solid #E7E7E7}
header .big .onoffswitch-inner{width:200%;margin-left:-100%;-khtml-transition:margin 0.3s ease-in 0s;-moz-transition:margin 0.3s ease-in 0s;-ms-transition:margin 0.3s ease-in 0s;-o-transition:margin 0.3s ease-in 0s;-webkit-transition:margin 0.3s ease-in 0s;transition:margin 0.3s ease-in 0s}
header .big .onoffswitch-inner:before, .onoffswitch-inner:after{float:left;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-khtml-box-shadow:0 4px 4px 0 rgba(0,0,0,0.13) inset;-moz-box-shadow:0 4px 4px 0 rgba(0,0,0,0.13) inset;-ms-box-shadow:0 4px 4px 0 rgba(0,0,0,0.13) inset;-o-box-shadow:0 4px 4px 0 rgba(0,0,0,0.13) inset;-webkit-box-shadow:0 4px 4px 0 rgba(0,0,0,0.13) inset;box-shadow:0 4px 4px 0 rgba(0,0,0,0.13) inset;width:50%;height:19px;padding:0;background:#e1e1e1;background:-moz-linear-gradient(top, #e1e1e1 0%, #fdfdfd 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(100%,#fdfdfd));background:-webkit-linear-gradient(top, #e1e1e1 0%,#fdfdfd 100%);background:-o-linear-gradient(top, #e1e1e1 0%,#fdfdfd 100%);background:-ms-linear-gradient(top, #e1e1e1 0%,#fdfdfd 100%);background:linear-gradient(to bottom, #e1e1e1 0%,#fdfdfd 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#fdfdfd',GradientType=0);font-family:'Josefin Sans',Arial,Helvetica,sans-serif;font-weight:700;font-size:11px;line-height:17px; -khtml-text-shadow:0 0 1px #3f3f3f;-moz-text-shadow:0 0 1px #3f3f3f;-ms-text-shadow:0 0 1px #3f3f3f;-o-text-shadow:0 0 1px #3f3f3f;-webkit-text-shadow:0 0 1px #3f3f3f;text-shadow:0 0 1px #3f3f3f;filter:dropshadow(color=#3f3f3f, offx=0, offy=0);color:#3F3F3F}
header .big .onoffswitch-inner:before{content:'ENG';-khtml-border-radius:19px 0 0 19px;-moz-border-radius:19px 0 0 19px;-ms-border-radius:19px 0 0 19px;-o-border-radius:19px 0 0 19px;-webkit-border-radius:19px 0 0 19px;border-radius:19px 0 0 19px;padding-left:6px}
header .big .onoffswitch-inner:after{content:'ESP';-khtml-border-radius:0 19px 19px 0;-moz-border-radius:0 19px 19px 0;-ms-border-radius:0 19px 19px 0;-o-border-radius:0 19px 19px 0;-webkit-border-radius:0 19px 19px 0;border-radius:0 19px 19px 0;padding-right:8px;text-align:right}
header .big .onoffswitch-switch{position:absolute;top:0;bottom:0;right:32px;margin:0px;-khtml-box-shadow:0 2px 4px 0 rgba(0,0,0,0.12), 0 1px 1px 0 white inset;-moz-box-shadow:0 2px 4px 0 rgba(0,0,0,0.12), 0 1px 1px 0 white inset;-ms-box-shadow:0 2px 4px 0 rgba(0,0,0,0.12), 0 1px 1px 0 white inset;-o-box-shadow:0 2px 4px 0 rgba(0,0,0,0.12), 0 1px 1px 0 white inset;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.12), 0 1px 1px 0 white inset;box-shadow:0 2px 4px 0 rgba(0,0,0,0.12), 0 1px 1px 0 white inset;-khtml-border-radius:19px;-moz-border-radius:19px;-ms-border-radius:19px;-o-border-radius:19px;-webkit-border-radius:19px;border-radius:19px;border:1px solid #b8b7b7;width:19px;background:#ededed;background:-moz-linear-gradient(top, #ededed 0%, #d1d1d1 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#d1d1d1));background:-webkit-linear-gradient(top, #ededed 0%,#d1d1d1 100%);background:-o-linear-gradient(top, #ededed 0%,#d1d1d1 100%);background:-ms-linear-gradient(top, #ededed 0%,#d1d1d1 100%);background:linear-gradient(to bottom, #ededed 0%,#d1d1d1 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#d1d1d1',GradientType=0);-khtml-transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;-webkit-transition:all 0.3s ease-in 0s;transition:all 0.3s ease-in 0s}
header .big .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner{margin-left:0}
header .big .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch{right:0}
header .big .contacto{position:absolute;top:88px;right:10px;;padding-left:40px;font-size:21px;line-height:26px;letter-spacing:1px;color:#000000}
header .small .logo{-khtml-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.3);-ms-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.3);-o-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.3);-webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.3);box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.3);height:144px}
header .small nav{margin:17px 0 0 32px;line-height:13px;letter-spacing:1px}
header .small nav a{display:inline-block;margin:0 6px;border-bottom:1px solid transparent;height:18px;padding:6px 0;color:#000000;-khtml-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;-webkit-transition:all 0.2s;transition:all 0.2s}
header .small nav a:hover,
header .small nav a.current{color:#FF222C;border-bottom:1px solid #FF222C}
header .small .contacto{margin-top:16px}

/*navegación lateral*/
.side-nav{position:fixed;top:50%;right:25px;z-index:25;margin-top:-87px;width:12px}
.side-nav a{display:block;margin-bottom:15px;-khtml-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;border:1px solid transparent;width:10px;height:10px;background-color:#B2B2B2;text-indent:-9999px;overflow:hidden}
.side-nav a:last-of-type{margin-bottom:0}
.side-nav a:hover,
.side-nav a.current{border-color:#FFFFFF;background-color:#FF222C}

/*secciones - estilos*/
body{padding-top:150px;overflow-x:hidden}
body,
#container,
#container>div{max-width:100%}
#container>div{position:relative;z-index:2;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}

#inicio{z-index:3 !important;height:975px}
#inicio .text{top:157px}
#inicio .text h1{max-width:536px}
.espanol #inicio .text h1{max-width:674px}
#inicio .arrow-down{top:458px;margin-left:-55px;width:110px;height:110px;padding-top:42px;line-height:16px;letter-spacing:1px}
#inicio .arrow-down:after{margin-top:22px}
#inicio .vr.line1{left:50%;top:571px;margin-left:-1px/*;height:586px*/}

#intro{height:884px;padding-top:182px;background:url(../img/intro-bg.jpg) no-repeat center -50px}
#intro .text{position:static;padding-top:7%}
#intro .text p{max-width:738px}
#intro .arrow-down{top:419px}
#intro .vr.line2{left:50%;top:484px;margin-left:-1px/*;height:105px*/}
#intro .hr.line3{right:50%;top:587px/*;width:364px*/}
#intro .vr.line4{left:50%;top:587px;margin-left:-364px/*;height:308px*/}
#intro .vr.line5{left:50%;top:895px;margin-left:-364px/*;height:194px*/}
#intro .vr.line5.pendular{-khtml-transform-origin:50% 0%;-moz-transform-origin:50% 0%;-ms-transform-origin:50% 0%;-o-transform-origin:50% 0%;-webkit-transform-origin:50% 0%;transform-origin:50% 0%;-khtml-transform:rotate(-34deg);-moz-transform:rotate(-34deg);-ms-transform:rotate(-34deg);-o-transform:rotate(-34deg);-webkit-transform:rotate(-34deg);transform:rotate(-34deg);-khtml-transition:-khtml-transform 2s ease-in-out;-moz-transition:-moz-transform 2s ease-in-out;-ms-transition:-ms-transform 2s ease-in-out;-o-transition:-o-transform 2s ease-in-out;-webkit-transition:-webkit-transform 2s ease-in-out;transition:transform 2s ease-in-out}
.twice #intro .vr.line5.pendular{-khtml-transform:rotate(34deg);-moz-transform:rotate(34deg);-ms-transform:rotate(34deg);-o-transform:rotate(34deg);-webkit-transform:rotate(34deg);transform:rotate(34deg)}
#intro .dot{bottom:0;left:50%/*;width:21px;height:21px*/}

#our-approach{height:1410px}
#our-approach .wrapper{padding-top:169px}
#our-approach .wrapper>h2{display:none;margin-bottom:100px}
#our-approach [class*='text']{position:relative}
#our-approach [class*='text'] .right{max-width:675px}
#our-approach [class*='text'] .left{max-width:587px}
#our-approach .text1{padding-bottom:110px}
#our-approach .text2{padding-bottom:78px}
#our-approach .text3{}
#our-approach [class*='text'] h3{margin-bottom:20px;line-height:35px}
#our-approach [class*='text'] p{margin-bottom:12px}
#our-approach [class*='text'] p:last-of-type{margin-bottom:0}
#our-approach [class*='text'] p span{margin-right:13px}
#our-approach .arrow-down{top:1025px}
#our-approach .text1 .animation{position:absolute;top:50px;left:-2px;width:260px;height:187px;background:url(../img/our-approach-1a.png) no-repeat center bottom}
#our-approach .text1 .animation .compass{position:absolute;bottom:60px;left:85px;width:90px;height:126px;background:url(../img/our-approach-1b.png) no-repeat center center;-khtml-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;transition:all 1s}
.play #our-approach .text1 .animation .compass{bottom:63px}
#our-approach .text1 .animation .compass .pointer{position:absolute;bottom:60px;left:23px;width:43px;height:43px;background:url(../img/our-approach-1c.png) no-repeat center center;-khtml-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-khtml-transition:all 2s cubic-bezier(.1,.1,1,1);-moz-transition:all 2s cubic-bezier(.1,.1,1,1);-ms-transition:all 2s cubic-bezier(.1,.1,1,1);-o-transition:all 2s cubic-bezier(.1,.1,1,1);-webkit-transition:all 2s cubic-bezier(.1,.1,1,1);transition:all 2s cubic-bezier(.1,.1,1,1)}
.twice #our-approach .text1 .animation .compass .pointer{-khtml-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
#our-approach .text2 .animation{position:absolute;top:-30px;right:57px;z-index:1;width:273px;height:203px;background:url(../img/our-approach-3e.png) no-repeat right bottom}
#our-approach .text2 .animation .shelf{position:absolute;bottom:54px;left:20px;width:100%}
#our-approach .text2 .animation [class*="book"]{display:inline-block;position:relative;margin:0 12px;-khtml-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-ms-transition:all 2s ease-out;-o-transition:all 2s ease-out;-webkit-transition:all 2s ease-out;transition:all 2s ease-out}
.twice #our-approach .text2 .animation [class*="book"]{margin:0;-khtml-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;-ms-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;transition:all 0.5s ease-in}
#our-approach .text2 .animation [class*="book"] img{position:absolute;left:0;bottom:0}
#our-approach .text2 .animation .book1{width:21px}
#our-approach .text2 .animation .book2{width:17px}
#our-approach .text2 .animation .book3{width:28px}
#our-approach .text2 .animation .book4{width:14px}
#our-approach .text2+.hr{position:absolute;top:571px;left:50%;z-index:2;margin-left:423px;width:100%;background-position:left center !important;-khtml-transition:all 2s ease-out;-moz-transition:all 2s ease-out;-ms-transition:all 2s ease-out;-o-transition:all 2s ease-out;-webkit-transition:all 2s ease-out;transition:all 2s ease-out}
.twice #our-approach .text2+.hr{margin-left:386px;background-position:37px center !important;-khtml-transition:all 0.5s ease-in;-moz-transition:all 0.5s ease-in;-ms-transition:all 0.5s ease-in;-o-transition:all 0.5s ease-in;-webkit-transition:all 0.5s ease-in;transition:all 0.5s ease-in}
#our-approach .text3 .animation{position:absolute;top:33px;left:2px;width:244px;height:178px;background:url(../img/our-approach-2a.png) no-repeat center center}
#our-approach .text3 .animation .mask{position:absolute;top:0;left:0;width:244px;height:72px;background:url(../img/our-approach-2b.png) no-repeat center center}
#our-approach .text3 .animation .dot{position:absolute;top:96px;left:-8px;width:23px;height:23px;-khtml-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;transition:all 1s}
.play:not(.twice) #our-approach .text3 .animation .dot{top:26px;left:112px}
.twice:not(.play) #our-approach .text3 .animation .dot{top:96px;left:232px}
.twice.play #our-approach .text3 .animation .dot{top:166px;left:112px}
#our-approach .text3 .hr.line6{top:-44px;left:-100%;width:100%}
#our-approach .text3 .hr.line7{top:-44px;left:0/*;width:125px;*/;background-position:left center}
#our-approach .text3 .vr.line8{top:-44px;left:124px/*;height:116px;*/}
#our-approach .text3 .vr.line9{top:211px;left:124px/*;height:707px;*/}
#our-approach .text3 .hr.line10{top:917px;left:124px/*;width:186px;*/;background-position:left center}

#our-values{height:945px}
#our-values ul{position:relative;top:111px;margin:0;max-width:100%;padding:0}
#our-values ul li{position:absolute;left:50%;height:26px;-khtml-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;-o-transform-origin:0% 0%;-webkit-transform-origin:0% 0%;transform-origin:0% 0%}
.half #our-values ul li{height:0}
#our-values ul li:nth-of-type(1),
#our-values ul li:nth-of-type(7){top:102px}
#our-values ul li:nth-of-type(2),
#our-values ul li:nth-of-type(6){top:62px}
#our-values ul li:nth-of-type(3),
#our-values ul li:nth-of-type(5){top:34px}
#our-values ul li:nth-of-type(4){top:25px}
#our-values ul li:nth-of-type(1){margin-left:-199px;-khtml-transform:rotate(-247deg);-moz-transform:rotate(-247deg);-ms-transform:rotate(-247deg);-o-transform:rotate(-247deg);-webkit-transform:rotate(-247deg);transform:rotate(-247deg)}
#our-values ul li:nth-of-type(2){margin-left:-148px;-khtml-transform:rotate(-215deg);-moz-transform:rotate(-215deg);-ms-transform:rotate(-215deg);-o-transform:rotate(-215deg);-webkit-transform:rotate(-215deg);transform:rotate(-215deg)}
#our-values ul li:nth-of-type(3){margin-left:-77px;-khtml-transform:rotate(-190deg);-moz-transform:rotate(-190deg);-ms-transform:rotate(-190deg);-o-transform:rotate(-190deg);-webkit-transform:rotate(-190deg);transform:rotate(-190deg)}
#our-values ul li:nth-of-type(4){margin-left:3px;-khtml-transform:rotate(-18deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
#our-values ul li:nth-of-type(5){margin-left:81px;-khtml-transform:rotate(190deg);-moz-transform:rotate(190deg);-ms-transform:rotate(190deg);-o-transform:rotate(190deg);-webkit-transform:rotate(190deg);transform:rotate(190deg)}
#our-values ul li:nth-of-type(6){margin-left:152px;-khtml-transform:rotate(215deg);-moz-transform:rotate(215deg);-ms-transform:rotate(215deg);-o-transform:rotate(215deg);-webkit-transform:rotate(215deg);transform:rotate(215deg)}
#our-values ul li:nth-of-type(7){margin-left:201px;-khtml-transform:rotate(247deg);-moz-transform:rotate(247deg);-ms-transform:rotate(247deg);-o-transform:rotate(247deg);-webkit-transform:rotate(247deg);transform:rotate(247deg)}
#our-values .text{top:172px}
#our-values .text>*{margin-left:auto;margin-right:auto;max-width:555px;text-align:center}
#our-values .text h2{margin-bottom:21px}
#our-values .text .fs86{margin-bottom:20px;height:86px;line-height:60px}
#our-values .text .gray{margin-bottom:27px;height:20px;line-height:14px}
#our-values .text p{margin-bottom:19px;font-weight:600}
#our-values .text p:last-of-type{margin-bottom:0}
#our-values .text p span{display:inline-block;position:relative;height:37px;font-weight:700;text-align:justify;text-justify:kashida;white-space:nowrap;color:transparent;-khtml-transition:margin 1s, width 1s, color 0.1s;-moz-transition:margin 1s, width 1s, color 0.1s;-ms-transition:margin 1s, width 1s, color 0.1s;-o-transition:margin 1s, width 1s, color 0.1s;-webkit-transition:margin 1s, width 1s, color 0.1s;transition:margin 1s, width 1s, color 0.1s}
#our-values .text p span:before{content:'';display:block;position:absolute;top:0;left:50%;height:37px;opacity:1;-khtml-transition:opacity 1.5s;-moz-transition:opacity 1.5s;-ms-transition:opacity 1.5s;-o-transition:opacity 1.5s;-webkit-transition:opacity 1.5s;transition:opacity 1.5s}
#our-values .text p:nth-of-type(1) span{margin-right:6px;width:38px}
#our-values .text p:nth-of-type(1) span:before{margin-left:-19px;width:38px;background:url(../img/our-values-icon1.png) no-repeat center center}
#our-values .text p:nth-of-type(2) span{margin-right:6px;margin-left:6px;width:34px}
#our-values .text p:nth-of-type(2) span:before{margin-left:-17px;width:34px;background:url(../img/our-values-icon2.png) no-repeat center center}
#our-values .text p:nth-of-type(3) span{margin-left:6px;width:35px}
#our-values .text p:nth-of-type(3) span:before{margin-left:-17.5px;width:35px;background:url(../img/our-values-icon3.png) no-repeat center center}
#our-values .text p:nth-of-type(4) span{margin-right:6px;width:44px}
#our-values .text p:nth-of-type(4) span:before{margin-left:-22px;width:44px;background:url(../img/our-values-icon4.png) no-repeat center center}
#our-values .text p:nth-of-type(5) span{margin-right:6px;margin-left:6px;width:46px}
#our-values .text p:nth-of-type(5) span:before{margin-left:-23px;width:46px;background:url(../img/our-values-icon5.png) no-repeat center center}
#our-values .text p:nth-of-type(6) span{margin-left:6px;width:40px}
#our-values .text p:nth-of-type(6) span:before{margin-left:-20px;width:40px;background:url(../img/our-values-icon6.png) no-repeat center center}
#our-values .text p span:hover{cursor:pointer;margin:0;color:#FF222C;-khtml-transition:margin 1s, width 0.3s, color 1.5s;-moz-transition:margin 1s, width 0.3s, color 1.5s;-ms-transition:margin 2s, width 0.3s, color 1.5s;-o-transition:margin 2s, width 0.3s, color 1.5s;-webkit-transition:margin 1s, width 0.3s, color 1.5s;transition:margin 1s, width 0.3s, color 1.5s}
#our-values .text p:nth-of-type(1) span:hover{width:62px}
.espanol #our-values .text p:nth-of-type(1) span:hover{width:55px}
#our-values .text p:nth-of-type(2) span:hover{width:109px}
.espanol #our-values .text p:nth-of-type(2) span:hover{width:104px}
#our-values .text p:nth-of-type(3) span:hover{width:32px}
.espanol #our-values .text p:nth-of-type(3) span:hover{width:46px}
#our-values .text p:nth-of-type(4) span:hover{width:67px}
.espanol #our-values .text p:nth-of-type(4) span:hover{width:62px}
#our-values .text p:nth-of-type(5) span:hover{width:74px}
.espanol #our-values .text p:nth-of-type(5) span:hover{width:100px}
#our-values .text p:nth-of-type(6) span:hover{width:42px}
.espanol #our-values .text p:nth-of-type(6) span:hover{width:58px}
#our-values .text p span:hover:before{opacity:0;-khtml-transition:opacity 0.1s;-moz-transition:opacity 0.1s;-ms-transition:opacity 0.1s;-o-transition:opacity 0.1s;-webkit-transition:opacity 0.1s;transition:opacity 0.1s}
#our-values .arrow-down{top:731px}

#our-scope{height:1245px}
#our-scope>.wrapper{height:313px;padding:0 !important}
#our-scope .hr.line11{top:1px;left:-100%;width:100%}
#our-scope .wrapper .viewport{position:relative;width:100%;height:100%;overflow:hidden;background-image:url(../img/our-scope-golf.png);background-repeat:no-repeat;background-position:right bottom}
#our-scope .arc.line12{top:-3px;left:-444px;width:776px;height:776px}
#our-scope .arc.line13{bottom:-183px;left:316px;width:274px;height:274px}
#our-scope .arc.line14{bottom:-78px;left:578px;width:117px;height:117px}
#our-scope .arc.line15{bottom:-35px;left:691px;width:53px;height:53px}
#our-scope .arc.line16{bottom:-27px;left:742px;width:38px;height:38px}
#our-scope .flag{position:absolute;bottom:0;right:115px;width:3px;height:28px;font-size:0;line-height:0}
#our-scope .flag:after{content:'';position:absolute;top:3px;right:-14px;border-left:14px solid #FF222C;border-top:6px solid transparent;border-bottom:6px solid transparent}
#our-scope>.bg-red{position:relative;height:202px}
#our-scope>.bg-red .text{top:57px}
#our-scope>.bg-red ul{margin:0 auto;max-width:812px;padding:115px 0 0}
#our-scope>.bg-red ul li{float:left;margin:0 2.5%;width:20%;height:35px;padding-top:23%;font-family:'Josefin Sans',Arial,Helvetica,sans-serif;font-size:35px;line-height:25px;color:#FF222C;list-style:none;-khtml-background-size:contain;-moz-background-size:contain;-ms-background-size:contain;-o-background-size:contain;-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;background-position:center top}
#our-scope>.bg-red ul li:nth-of-type(1){background-image:url(../img/our-scope-argentina.png)}
#our-scope>.bg-red ul li:nth-of-type(2){background-image:url(../img/our-scope-brazil.png)}
#our-scope>.bg-red ul li:nth-of-type(3){background-image:url(../img/our-scope-mexico.png)}
#our-scope>.bg-red ul li:nth-of-type(4){background-image:url(../img/our-scope-uruguay.png)}
#our-scope>.bg-gray{position:absolute;top:716px;width:100%;height:122px}
#our-scope>.bg-gray .text{position:absolute;top:21px}
#our-scope>.bg-gray .fs25{margin-bottom:20px;height:25px;line-height:28px}
#our-scope>.bg-gray .semibold{line-height:23px}
#our-scope .vr.line17{left:50%;top:838px;margin-left:-1px}

#what-we-do{height:3240px}
#what-we-do [class*='text'].with-dots:before{content:'•••';display:block;position:absolute;top:0;left:50%;margin-left:-15px;color:#1CAEA1;text-align:center}
#what-we-do .text1{top:24px;height:248px;background:#FFFFFF}
#what-we-do .text1 .rotater{height:100%;-khtml-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-khtml-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear;-webkit-transition:all 0.5s linear;transition:all 0.5s linear}
.half #what-we-do .text1 .rotater{-khtml-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-o-transform:rotateY(-90deg);-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}
#what-we-do .text1 .square{position:absolute;top:36px;left:50%;z-index:1;margin-left:-88px;border:1px dashed #FF222C;width:174px;height:174px;background:#FFFFFF;-khtml-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-khtml-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
#what-we-do .text1 h2{position:relative;z-index:2;padding-top:118px;letter-spacing:3px}
.espanol #what-we-do .text1 h2{font-size:18px;letter-spacing:0}
#what-we-do .text2{top:367px}
#what-we-do .text2 .hanger{position:relative;z-index:2;width:100%;height:48px;background:url(../img/what-we-do-strategy.png) no-repeat center top}
#what-we-do .text2 .red,
#what-we-do .text2 .blue-light{position:absolute;top:43px;width:1px;-khtml-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s}
#what-we-do .text2.oscilate .red,
#what-we-do .text2.oscilate .blue-light{-khtml-transition:all 1s linear;-moz-transition:all 1s linear;-ms-transition:all 1s linear;-o-transition:all 1s linear;-webkit-transition:all 1s linear;transition:all 1s linear}
#what-we-do .text2 .red{background:url(../img/vr-bg.gif) repeat-y center top}
#what-we-do .text2 .blue-light{background:url(../img/vr-bg2.gif) repeat-y center top}
#what-we-do .text2 .red span,
#what-we-do .text2 .blue-light span{position:absolute;bottom:-109px;height:109px;font-family:'Josefin Sans',Arial,Helvetica,sans-serif;font-size:156px;line-height:112px;font-weight:100;font-style:italic}
#what-we-do .text2 .s{left:192px/*;height:320px*/}
.play #what-we-do .text2.oscilate .s{height:310px !important}
#what-we-do .text2 .s span{left:-47px}
#what-we-do .text2 .t1{left:265px/*;height:235px*/}
.play #what-we-do .text2.oscilate .t1{height:240px !important}
#what-we-do .text2 .t1 span{left:-49px}
#what-we-do .text2 .r{left:343px/*;height:277px*/}
.play #what-we-do .text2.oscilate .r{height:280px !important}
#what-we-do .text2 .r span{left:-35px}
#what-we-do .text2 .a{left:444px/*;height:349px*/}
.play #what-we-do .text2.oscilate .a{height:340px !important}
#what-we-do .text2 .a span{left:-65px}
#what-we-do .text2 .t2{left:521px/*;height:262px*/}
.play #what-we-do .text2.oscilate .t2{height:258px !important}
#what-we-do .text2 .t2 span{left:-50px}
#what-we-do .text2 .e{left:596px/*;height:319px*/}
.play #what-we-do .text2.oscilate .e{height:322px !important}
#what-we-do .text2 .e span{left:-52px}
#what-we-do .text2 .g{left:693px/*;height:363px*/}
.play #what-we-do .text2.oscilate .g{height:355px !important}
#what-we-do .text2 .g span{left:-55px}
#what-we-do .text2 .y{left:780px/*;height:327px*/}
.play #what-we-do .text2.oscilate .y{height:320px !important}
#what-we-do .text2 .y span{left:-48px;bottom:-48px}
#what-we-do .text3{top:937px}
#what-we-do .text3 p{margin:0 auto 30px auto;max-width:600px;font-weight:600}
#what-we-do .text3 p:last-of-type{margin-bottom:0}
#what-we-do .text3 p.indent{padding-left:30px;max-width:570px;letter-spacing:-0.2px}
#what-we-do .text4{top:1407px;height:350px;background:url(../img/what-we-do-gradient.png) no-repeat center 210px}
#what-we-do .text4 .field{position:absolute;top:126px;left:50%;margin-left:-222px;width:445px;height:57px;background-image:url(../img/what-we-do-field.png);background-repeat:no-repeat;background-position:center center;-khtml-background-size:contain;-moz-background-size:contain;-ms-background-size:contain;-o-background-size:contain;-webkit-background-size:contain;background-size:contain;-khtml-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
.play #what-we-do .text4 .field{top:110px}
#what-we-do .text4 .work1{position:absolute;top:235px;left:50%;margin-left:-244px;width:489px;height:71px;background-image:url(../img/what-we-do-work.png);background-repeat:no-repeat;background-position:center center;-khtml-background-size:contain;-moz-background-size:contain;-ms-background-size:contain;-o-background-size:contain;-webkit-background-size:contain;background-size:contain;-khtml-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
.play #what-we-do .text4 .work1{opacity:0.3}
#what-we-do .text5{top:1772px}
#what-we-do .text5 p{margin:0 auto 30px auto;max-width:600px;font-weight:600}
#what-we-do .text5 p.list span{display:block;margin-top:2px;padding-left:45px}
#what-we-do .text5 p.list span:first-of-type{margin-top:8px}
#what-we-do .text6{top:2306px;padding-top:80px}
#what-we-do .text6 p{position:relative;z-index:2;margin:0 auto 30px auto;max-width:600px;font-weight:600}
#what-we-do .text6 p.red{margin-bottom:0}
#what-we-do .text6 .desk{position:absolute;top:52px;left:50%;z-index:1;margin-left:320px}
#what-we-do .text6 .work{position:absolute;top:439px;left:50%;z-index:1;margin-left:-320px;letter-spacing:88px}
#what-we-do .arrow-down{top:3204px}
#what-we-do img{display:none}

#our-experience{z-index:1 !important;height:1133px}
#our-experience .text1{top:243px;z-index:2;border-bottom:10px solid #1caea1;height:111px;overflow:hidden}
#our-experience .text1 h2{position:relative;z-index:3;margin-top:46px}
#our-experience .shot{position:absolute;left:0;top:-857px;z-index:1;-khtml-border-radius:0 0 58% 0;-moz-border-radius:0 0 58% 0;-ms-border-radius:0 0 58% 0;-o-border-radius:0 0 58% 0;-webkit-border-radius:0 0 58% 0;border-radius:0 0 58% 0;border-bottom:1px dashed #FF222C;width:100%;height:1200px}
#our-experience .shot .mask{width:100%;height:1200px;background:#FFFFFF;-khtml-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s}
#our-experience .text1 .shot{top:-1100px;border-bottom:1px dashed #FFFFFF}
#our-experience .text1 .shot .mask{background:#FF222C}
#our-experience .text2{top:417px}
#our-experience .text2 ul{-khtml-column-count:3;-moz-column-count:3;-ms-column-count:3;-o-column-count:3;-webkit-column-count:3;column-count:3;-khtml-column-gap:35px;-moz-column-gap:35px;-ms-column-gap:35px;-o-column-gap:35px;-webkit-column-gap:35px;column-gap:35px;margin-top:0;margin-bottom:0;max-width:850px;padding:0 0 0 90px;list-style:none}
#our-experience .text2 ul li{margin-bottom:6px}
#our-experience .text3{bottom:0;height:91px}
#our-experience .arrow-down{bottom:35px;margin-left:-55px;width:110px;height:110px;padding-top:47px;line-height:16px;letter-spacing:1px}
#our-experience .arrow-down:after{border-top:none;border-bottom:6px solid #FFFFFF;margin-top:-27px}
#our-experience .contacto{margin:29px 0 0;min-width:32px;height:32px;padding-left:40px;background:url(../img/icon-contacto.png) no-repeat left bottom;font-size:21px;line-height:26px;letter-spacing:1px;color:#FFFFFF}

#contacto{width:438px;height:458px;padding:0}
#contacto form,
#contacto form *{display:block;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:'Josefin Sans',Arial,Helvetica,sans-serif}
#contacto form{width:100%;padding:23px 20px}
#contacto form input[type=text],
#contacto form input[type=email],
#contacto form textarea{-khtml-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #dfdede;width:100%;-khtml-box-shadow:0 2px 6px 0 rgba(0,0,0,0.08) inset;-moz-box-shadow:0 2px 6px 0 rgba(0,0,0,0.08) inset;-ms-box-shadow:0 2px 6px 0 rgba(0,0,0,0.08) inset;-o-box-shadow:0 2px 6px 0 rgba(0,0,0,0.08) inset;-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,0.08) inset;box-shadow:0 2px 6px 0 rgba(0,0,0,0.08) inset;font-weight:600;font-style:italic}
#contacto form input[type=text],
#contacto form input[type=email]{margin-bottom:9px;height:36px;padding:9px}
#contacto form textarea{margin-bottom:16px;height:224px;padding:5px 9px;resize:none}
#contacto form input[type="text"]:focus,
#contacto form input[type="email"]:focus,
#contacto form textarea:focus{outline-color:#FF222C}
#contacto form *:-moz-ui-invalid:not(output){-khtml-box-shadow:none !important;-moz-box-shadow:none !important;-ms-box-shadow:none !important;-o-box-shadow:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}
#contacto form input[type="submit"]{-khtml-box-shadow:0 2px 4px 0 rgba(0,0,0,0.12), 0 1px 1px 0 white inset;-moz-box-shadow:0 2px 4px 0 rgba(0,0,0,0.12), 0 1px 1px 0 white inset;-ms-box-shadow:0 2px 4px 0 rgba(0,0,0,0.12), 0 1px 1px 0 white inset;-o-box-shadow:0 2px 4px 0 rgba(0,0,0,0.12), 0 1px 1px 0 white inset;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.12), 0 1px 1px 0 white inset;box-shadow:0 2px 4px 0 rgba(0,0,0,0.12), 0 1px 1px 0 white inset;-khtml-border-radius:19px;-moz-border-radius:19px;-ms-border-radius:19px;-o-border-radius:19px;-webkit-border-radius:19px;border-radius:19px;border:1px solid #b8b7b7;width:102px;height:35px;padding-bottom:7px;background:#ededed;background:-moz-linear-gradient(top, #ededed 0%, #d1d1d1 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#d1d1d1));background:-webkit-linear-gradient(top, #ededed 0%,#d1d1d1 100%);background:-o-linear-gradient(top, #ededed 0%,#d1d1d1 100%);background:-ms-linear-gradient(top, #ededed 0%,#d1d1d1 100%);background:linear-gradient(to bottom, #ededed 0%,#d1d1d1 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#d1d1d1',GradientType=0);font-size:16px;font-weight:700;-khtml-transition:all 0.3s ease-in 0s;-moz-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;-webkit-transition:all 0.3s ease-in 0s;transition:all 0.3s ease-in 0s}
#contacto form input[type="submit"]:hover{letter-spacing:2px}
#contacto form span{margin-top:10px;width:285px;height:18px;padding-left:22px;background-image:url(../img/contacto-icon.png);background-repeat:no-repeat;line-height:14px}
#contacto form span.red{background-position:left top}
#contacto form span.blue-light{background-position:left bottom}
#contacto:not(.sent):not(.failed) form span.success,
#contacto:not(.sent):not(.failed) form span.error{display:none}
#contacto:not(.sent):not(.failed) form span.validate{display:block}
#contacto.sent form span.validate,
#contacto.sent form span.error{display:none}
#contacto.sent form span.success{display:block}
#contacto.failed form span.validate,
#contacto.failed form span.success{display:none}
#contacto.failed form span.error{display:block}


/*==========================================================================
 Helper classes
 ==========================================================================*/
/*Image replacement*/
.ir{background-color:transparent;border:0;overflow:hidden;/*IE 6/7 fallback*/
 *text-indent:-9999px}
.ir:before{content:'';display:block;width:0;height:150%}
/*Hide from both screenreaders and browsers:h5bp.com/u*/
.hidden{display:none !important;visibility:hidden}
/*Hide only visually, but have it available for screenreaders:h5bp.com/v*/
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
/*Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard:h5bp.com/p*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
/*Hide visually and from screenreaders, but maintain layout*/
.invisible{visibility:hidden}
/*Clearfix:contain floats*/
.clearfix:before,
.clearfix:after{content:'';/*1*/display:table;/*2*/}
.clearfix:after{clear:both}
.clearfix{*zoom:1}


/*==========================================================================
 EXAMPLE Media Queries for Responsive Design.
 These examples override the primary ('mobile inicio') styles.
 Modify as content requires.
 ==========================================================================*/
@media only screen and (min-width:961px){
}
@media only screen and (max-width:960px){
.wrapper{padding-left:10px;padding-right:10px}	
header .small nav:before{content:'';display:block;width:32px;height:32px;background:url(../img/icon-menu.png) no-repeat center top}
header .small nav span{display:none}
header .small nav a{display:none;margin:0 0 0 -6px;border-left:1px solid #7b2727;border-right:1px solid #7b2727;border-top:none;border-bottom:none;padding:10px;background:#FFFFFF}
header .small nav.opened a{display:block}
header .small nav a.current,
header .small nav a:hover{border-bottom:none}
header .small nav :first-of-type{position:relative;margin-top:20px;border-top:1px solid #7b2727;padding-top:15px}
header .small nav :first-of-type:before{content:'';position:absolute;top:0;margin-top:-10px;border-bottom:10px solid #7b2727;border-left:10px solid transparent;border-right:10px solid transparent;width:0;height:0;font-size:0;line-height:0}
header .small nav :last-of-type,
header .small nav :last-of-type:hover{border-bottom:1px solid #7b2727 !important;padding-bottom:15px}
#our-approach{height:auto;padding-bottom:150px}
#our-approach .wrapper{padding-top:0}
#our-approach .wrapper>h2{display:block}
#our-approach [class*='text'] h3{text-align:center}
#our-approach .text1 .animation{position:relative;top:auto;right:auto;bottom:auto;left:auto;margin:0 auto 5%}
#our-approach .text1 .right{float:none;margin-left:auto;margin-right:auto;max-width:none;padding:0 10%}
#our-approach .text2 .animation{position:relative;top:auto;right:auto;bottom:auto;left:auto;margin:90px auto 5%;width:203px;height:90px}
#our-approach .text2 .animation .shelf{margin-left:-35px}
#our-approach .text2 .left{float:none;margin-left:auto;margin-right:auto;max-width:none;padding:0 10%}
#our-approach .text2+.hr{display:none}
#our-approach .text3 .animation{position:relative;top:auto;right:auto;bottom:auto;left:auto;margin:0 auto 5%}
#our-approach .text3 .right{float:none;margin-left:auto;margin-right:auto;max-width:none;padding:0 10%}
#our-approach .arrow-down{position:relative;top:auto;left:auto;display:block;margin:50px auto 0}
.line2,.line3,.line4,.line5,.line6,.line7,.line8,.line9,.line10,.line18{display:none}
#our-values{height:860px}
#our-values .text .gray{opacity:0}
#our-values .text p span{margin:0 !important;width:auto !important;height:auto;color:#FF222C;-khtml-transition:margin 1s, width 0.3s, color 1.5s;-moz-transition:margin 1s, width 0.3s, color 1.5s;-ms-transition:margin 2s, width 0.3s, color 1.5s;-o-transition:margin 2s, width 0.3s, color 1.5s;-webkit-transition:margin 1s, width 0.3s, color 1.5s;transition:margin 1s, width 0.3s, color 1.5s}
#our-values .text p:nth-of-type(1) span{width:62px}
.espanol #our-values .text p:nth-of-type(1) span{width:55px}
#our-values .text p:nth-of-type(2) span{width:109px}
.espanol #our-values .text p:nth-of-type(2) span{width:104px}
#our-values .text p:nth-of-type(3) span{width:32px}
.espanol #our-values .text p:nth-of-type(3) span{width:46px}
#our-values .text p:nth-of-type(4) span{width:67px}
.espanol #our-values .text p:nth-of-type(4) span{width:62px}
#our-values .text p:nth-of-type(5) span{width:74px}
.espanol #our-values .text p:nth-of-type(5) span{width:100px}
#our-values .text p:nth-of-type(6) span{width:42px}
.espanol #our-values .text p:nth-of-type(6) span{width:58px}
#our-values .text p span:before{opacity:0;-khtml-transition:opacity 0.1s;-moz-transition:opacity 0.1s;-ms-transition:opacity 0.1s;-o-transition:opacity 0.1s;-webkit-transition:opacity 0.1s;transition:opacity 0.1s}
#our-scope .vr.line17{max-height:654px !important}
#what-we-do{height:auto}
#what-we-do>div{position:relative;top:auto !important;margin-bottom:50px;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:5%;padding-right:5%}
#what-we-do .text1,
#what-we-do .text2 *,
#what-we-do .text6 .desk,
#what-we-do .text6 .work{display:none}
#what-we-do .arrow-down{position:relative;top:auto;left:auto;display:block;margin:50px auto 0}
#what-we-do .text2 img{display:block;width:100%;height:auto}
#our-experience .text2 ul{padding:0 5%}
#our-experience .text2 ul li{font-size:16px}
.line1{height:586px !important}
.line17{height:603px !important}
#our-approach .text3 .animation .dot{top:154px !important;left:132px !important}
}
@media only screen and (max-width:768px){
.side-nav,
.item2.arrow-down{display:none !important}
header .big .wrapper{max-width:340px}
header .big .logo{margin-top:5px;margin-bottom:10px}
header .big .onoffswitch{position:relative;top:5px;right:auto;float:right}
header .big .contacto{position:relative;top:auto;right:auto;float:left}
header .small .logo{height:130%}
#inicio .text h1{padding:0 5%}
#intro .text p{padding:0 15%}
#intro .text p br{display:none}
#our-values{height:860px}
#our-scope>.wrapper{height:222px}
#our-scope>.bg-red ul{max-width:400px}
#our-scope>.bg-red ul li{margin:0 10% 6%;width:30%;padding-top:32%;font-size:28px}
#our-scope>.bg-gray .text{padding:0 5%}
#our-experience .shot{display:none}
#our-experience .text2{top:390px}
#our-experience .text2 ul li{margin-bottom:10px;line-height:18px}
}
@media only screen and (max-width:445px){
html{font-size:18px}
h1{font-size:35px !important}
p{line-height:140%}
#what-we-do .text4 .field,
#what-we-do .text4 .work1{left:8%;margin-left:0;max-width:84%}
#our-experience .arrow-down{bottom:75px;margin-left:-16px;width:32px;height:32px;padding:0;text-indent:-9999px}
#our-experience .arrow-down:after{margin-top:-3px}
#our-values .text .fs86{margin:0;height:auto;font-size:70px;line-height:50px}
}
@media only screen and (max-width:350px){
}

@media print, (-o-min-device-pixel-ratio:5/4),
(-webkit-min-device-pixel-ratio:1.25),
(min-resolution:120dpi){
/*Style adjustments for high resolution devices*/
}

/*==========================================================================
 Print styles.
 Inlined to avoid required HTTP connection:h5bp.com/r
 ==========================================================================*/
@media print{
*{background:transparent !important;color:#000 !important;/*Black prints faster:h5bp.com/s*/box-shadow:none !important;text-shadow:none !important}
a,
a:visited{text-decoration:underline}
a[href]:after{content:'('attr(href)')'}
abbr[title]:after{content:'('attr(title)')'}
/*Don't show links for images, or javascript/internal links*/
.ir a:after,
a[href^='javascript:']:after,
a[href^='#']:after{content:''}
pre,
blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group;/*h5bp.com/t*/}
tr,
img{page-break-inside:avoid}
img{max-width:100% !important}
@page{margin:0.5cm}
p,
h2,
h3{orphans:3;widows:3}
h2,
h3{page-break-after:avoid}
}