@font-face {
    font-family: 'roboto_condensedbold';
    src: url('fonts/robotocondensed-bold_0-webfont.woff2') format('woff2'),
         url('fonts/robotocondensed-bold_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedlight';
    src: url('fonts/robotocondensed-light_0-webfont.woff2') format('woff2'),
         url('fonts/robotocondensed-light_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedregular';
    src: url('fonts/robotocondensed-regular_0-webfont.woff2') format('woff2'),
         url('fonts/robotocondensed-regular_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'miller_displayregular';
    src: url('fonts/miller-display-webfont.woff2') format('woff2'),
         url('fonts/miller-display-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

video { min-height: 100%;min-width: 100%;height: auto;width: auto; position: absolute;top: -9999px;bottom: -9999px;left: -9999px;right: -9999px;margin: auto;}
video source { width: 100%; height: auto; }

html,body{height: auto;overflow-x:hidden;}
body.menu-open,html.menu-open{overflow: hidden;}
h1,h2, h3, h4, h6{font-family: miller_displayregular;color:#545454;line-height: 1;}
.clear{clear: both;}
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}


p{font-family: roboto_condensedlight;color:#333333;font-weight: 100;}
[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea{border:0;font-family: roboto_condensedregular}
.row{max-width: 60rem;}
.row.max-width{max-width: 60rem !important;}
.row.center{margin:0 auto !important;}
#content h1{text-align: center;margin: 0;line-height: 2.6rem;font-size: 3.5rem;}
#content h1+h6{margin:0 auto;font-size: 1.2rem;font-weight: 100; text-align: center;}
#content.center{text-align: center;}
#content.right{text-align: right;}
#content.left, #service.left{text-align: left;}
#content .columns{padding-left: 2rem;padding-right: 2rem}
#content.services .columns{padding-left: .8rem;padding-right: .8rem}
#content.edge{margin: 30px;}
#header.edge{margin: 0 30px 30px 30px;}
#content.grey{background-color: #F0F0F0}

.js-animates img{opacity: 0;transition:all  1s ease-out 0.2s;-webkit-transition:all 1s ease-out 0.2s;margin-top:50px;}
.js-animates.in img{opacity: 1;margin-top: 0;}
.js-animates span{opacity: 0;transition:all  2s ease-out 0.2s;-webkit-transition:all 2s ease-out 0.2s;margin-top:150px;}
.js-animates.in span{opacity: 1;margin-top: 50px;}

.parallax{position: absolute;z-index: 1}
.parallax.center{}
.parallax.right{right: 0}
.parallax.left{left: 0}
.parallax img{z-index: 2}
.parallax span{content: "";position: absolute;right: -50px;-bottom: 0px;height: 100%;z-index: -1}
.parallax span.small{width: 30%}
.parallax span.medium{width: 50%}
.parallax span.large{width: 70%}

.parallax span.center{right: 0;left: 0;}
.parallax span.right{right: -50px}
.parallax span.left{left: -50px}
.parallax span.blue{background-color: #092F6B;}
.parallax span.yellow{background-color: #ca7b2c;}


.no-maxwidth{max-width: unset;}
.no-padding{padding: 0 !important;}
.no-margin{margin: 0 !important;}
.no-float{margin: 0 auto;float:unset;}

#header{padding:0;}

.yellow{background-color: rgba(202,123,44,1);}
.blue{background-color: #22447a}

.background{background-size: cover;background-position: center;position: relative;overflow: hidden;}
.background.img1{background-image:url("../img/header.jpg");}
.background.img2{background-image:url("../img/services.jpg");}
.background.blue::after{background-color: rgba(9,47,107,.7);}
.background.yellow::after{background-color: rgba(202,123,44,.7);}
.background::after {bottom: 30px;content: "";left: 30px;position: absolute;right: 30px;top: 30px;}
.background.slider-container,.background.map-container{margin-top: 90px}
.background.slider-container.small,.background.map-container.small{height: 350px;}
.background.slider-container.medium,.background.map-container.medium{height: 450px;}
.background.slider-container.large,.background.map-container.large{height: 830px;}
.background.slider-container .slider,.background.map-container .map{width: 100%;height: 100%;margin:0;}

#slideshow > div { 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
}
#slideshow > div img{ 
    object-fit:cover;
    width: 100%;
    height: 100%;
}
#slideshow .flag{position: absolute;top: 50%;left: 50%;opacity:.7;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.top img{object-position: 50% top}
.bottom img{object-position: 50% top}
.logo{background: url("../img/redlines-logowhite.png") no-repeat;background-size:contain;background-position: center top;width: 400px;position: absolute;top:50%;left: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transition:opacity .4s ease 0s;-webkit-transition:opacity .4s ease 0s;}
.logo .tagline{color: #fff;text-align: center;font-size: 1.3rem;padding-top: 70%;line-height: 1.5rem}

nav{-webkit-overflow-scrolling:touch;z-index: 99;color: #fff;height: 90px;margin-top: 0px;bottom: 30px;left: 30px;right: 30px;position: absolute;z-index: 2;transition:background-color,height .4s ease 0s;-webkit-transition:background-color,height .4s ease 0s;}
.sub-page nav{top:145px;transform:unset;-webkit-transform:unset;}

nav.initial{background-color: transparent;background-image: none;}
nav.active{top:0;margin:0;position: fixed;z-index: 9999;background-color: #fff;left: 0;right: 0;}
nav.active .menu-header .logo-menu{display: table-cell}

nav.active-nosticky{position: fixed; top:0 !important;margin-top: 0 !important;}
nav.open{margin:0;transform:translate(0%,0%);-webkit-transform:translate(0%,0%);top:0;right: 0;left:0;bottom:0;width: 100%;height: 140px;}
nav .menu, .menu-header > .menu{text-align: center;margin: 0 auto;display: table;height: 100%;}
nav .menu li{color: #666668;padding: 0 10px;font-family: roboto_condensedregular;position: relative;font-size: .9rem;list-style: none}
.menu-header .menu > li{color: #fff;padding: 0 10px;font-family: roboto_condensedregular;font-size: .9rem;position: relative;height:90px;}
nav .menu li.logo-menu img, .menu-header .menu li.logo-menu img{height: 70px;object-fit:contain;-webkit-object-fit:contain;}
nav .menu li .menu-lang, .menu-header .menu li .menu-lang{margin: 0}
nav .menu li .menu-lang li{display: inline-block;filter:grayscale(100%);-webkit-filter:grayscale(100%);opacity: .5}
.menu-header .menu li .menu-lang li{display: inline-block;opacity: .5;float: left;width: 50%}
nav .menu li .menu-lang li a {display: block;height: 100%;width: 25px;margin: 0 auto}
nav .menu li .menu-lang li.active{filter:grayscale(0%);-webkit-filter:grayscale(0%);opacity: 1;}
.menu-header .menu li .menu-lang li.active{opacity: 1;}
nav .menu li .menu-lang li:hover, .menu-header .menu li .menu-lang li:hover{filter:grayscale(0%);-webkit-filter:grayscale(0%);opacity: .9;}
nav .menu li .menu-lang li img, .menu-header .menu li .menu-lang li img {height: 100%;object-fit: contain;width: 100%;}

.menu-lang{margin: 0;text-align: center;}
.menu-lang li{display: inline-block;opacity: 1;margin: 0px 20px 20px 20px}
.menu-lang li a {display: block;height: 100%;width: 40px;margin: 0 auto}
.menu-lang li img {height: 100%;object-fit: contain;width: 100%;}

/*Hamburger Menu icon*/
.c-hamburger {z-index:9999;display: block;position: fixed;overflow: hidden;margin: 0;padding: 0;width: 50px;height: 50px;left:55px;top:30px;transform:translate(-50%,0%);-webkit-transform:translate(-50%,0%);font-size: 0;text-indent: -9999px;appearance: none;box-shadow: none;border-radius: none;border: none;cursor: pointer;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.c-hamburger:focus {outline: none;}
.c-hamburger span {display: block;position: absolute;top: 24px;left: 12px;right: 12px;height: 2px;background: #fff;}
.c-hamburger span::before,
.c-hamburger span::after {position: absolute;display: block;left: 0;width: 100%;height: 2px;background-color: #fff;content: "";}
.c-hamburger span::before {top: -10px;}
.c-hamburger span::after {bottom: -10px;}

/*Sans age Hamburger Menu to X transformation*/
.c-hamburger--htx {background-color: transparent;}
/*.c-hamburger--htx span {transition: background 0s 0.3s;-webkit-transition: background 0s 0.3s;}*/
.c-hamburger--htx span::before,
.c-hamburger--htx span::after {transition-duration: 0.3s, 0.3s;transition-delay: 0.3s, 0s;-webkit-transition-duration: 0.3s, 0.3s;-webkit-transition-delay: 0.3s, 0s;}
.c-hamburger--htx span::before {transition-property: top, transform;-webkit-transition-property: top, transform;}
.c-hamburger--htx span::after {transition-property: bottom, transform;-webkit-transition-property: bottom, transform;}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {background-color: rgba(9, 47, 107, 1);}
.c-hamburger--htx.is-active span {background: none;}
.c-hamburger--htx.is-active span::before {top: 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);}
.c-hamburger--htx.is-active span::after {bottom: 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);}
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {background-color: #fff;transition-delay: 0s, 0.3s;-webkittransition-delay: 0s, 0.3s;}


.c-hamburger-back {background-color: #007a87;z-index:9999;display: block;position: relative;overflow: hidden;margin: 0;padding: 0;width: 60px;height: 60px;font-size: 0;text-indent: -9999px;appearance: none;box-shadow: none;border-radius: none;border: none;cursor: pointer;transition: background 0.3s;-webkit-transition: background 0.3s;}
.c-hamburger-back:focus {outline: none;}
.c-hamburger-back span {display: block;position: absolute;top: 29px;left: 15px;right: 15px;background: white;}
.c-hamburger-back span::after{bottom: -9px;position: absolute;display: block;left: 0;width: 100%;height: 3px;background-color: #fff;content: "";transform:rotate(-150deg);-webkit-transform:rotate(-150deg);}
.c-hamburger-back span::before{top: -8px;position: absolute;display: block;left: 0;width: 100%;height: 3px;background-color: #fff;content: "";transform:rotate(150deg);-webkit-transform:rotate(150deg);}
.c-hamburger-back, .c-hamburger-back span::before,.c-hamburger-back span::after {transition-delay: .5s;-webkittransition-delay: .5s;}


nav.open .c-hamburger-back{background-color: #fff}
nav.open .c-hamburger-back span::before, nav.open .c-hamburger-back span::after{background-color: #007a87}


.back{width: 60px;height: 60px;display: block;float: right;position: absolute;right: 0;top:0;}
.back a{width: 100%;height: 100%;display: block;}
.menu-container{width: 0;transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;font-family: Bauer Bodoni D;}

nav .menu-header{color: #fff;width: 100%;height: 90px;}

nav .menu-header h2, .menu-header h2{font-size: 2em;font-family: Bauer Bodoni D;margin:2rem 0;}
nav .menu-header h3, .menu-header h3{font-size: 1.8em;font-family: Bauer Bodoni D;margin:1.5rem 0;}
nav .menu-header a{color: #fff;font-weight: lighter;padding: 20px 0 !important;background-color: transparent !important;}
nav.active .menu-header a{color: #666;}
nav.active .menu-header .logo-menu a{padding:0 !important;}
nav .menu-header .active a,nav .menu-header a:hover{color: #cc9900;}


nav .menu-header > #top-menu{margin: 0 auto !important}
nav .menu-header > #top-menu .logo-white{width: 100%;height: 150px;background: rgba(0, 0, 0, 0) url("../img/logo-white.png") no-repeat scroll center center / contain;margin: 0; }
nav .menu-header > #top-menu .logo-white a{display: block;width: 100%;height: 100%;}
nav .menu-header > #treatment-menu{margin:0 auto 50px auto !important;transition:opacity .5s ease 0s;-webkit-transition:opacity .5s ease 0s;padding-bottom: 50px;}
nav .menu-header > #contact-menu{height: 150px;text-align: center;width: 100%;}
nav .menu-header > #contact-menu a{display: table;width: 100%;height: 100%;background-color: #fff;}
nav .menu-header > #contact-menu a h2{display: table-cell;vertical-align: middle;color:#999;}
nav .menu-header > #contact-menu a:hover{background-color: #cc9900;}
nav .menu-header > #contact-menu a:hover h2{color: #fff;}
nav .menu-header .logo-menu{display: none}
nav.open .menu-container{margin-top:0;}

/***********SUBMENU**************/
nav.active .menu-header .dropdown.menu .submenu{position: absolute;left: 50%;top: auto;margin:0;min-width: 100px;top: 80%;bottom:unset;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);border:1px solid #f2f2f2;}
nav .menu-header .dropdown.menu .submenu{position: absolute;left: 50%;top: auto;margin:0;min-width: 100px;bottom: 80%;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);border:none;background-color: #fff}

nav.active .menu-header .dropdown.menu .submenu::after{width: 14px;height: 14px;position: absolute;left: 50%;top:-7px;margin-left:-7px;content:"";background-color: #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-top: 1px solid #f2f2f2;border-left: 1px solid #f2f2f2}
nav .menu-header .dropdown.menu .submenu::after{width: 14px;height: 14px;position: absolute;left: 50%;bottom:-7px;margin-left:-7px;content:"";background-color: #fff;transform:rotate(45deg);-webkit-transform:rotate(45deg);}

nav .menu-header a:hover +.submenu{display: block;opacity: 1;-webkit-animation: display-transition 1s both;animation: display-transition .4s both;}
@-webkit-keyframes display-transition {0% {opacity: 0;}}
@keyframes display-transition {0% {opacity: 0;}}
nav .menu-header .dropdown.menu .submenu:hover{display: block}
nav .menu-header .submenu{padding:5px 0px;}
nav .menu-header .submenu li{padding: 0 !important;}
nav .menu-header .submenu a{color: #666;font-weight: lighter;padding: 0 30px !important;text-transform: uppercase;width: 100%;}
nav .menu-header .submenu a:hover{color:#cc9900;}
nav .menu-header .submenu a.active{color:#cc9900;}
/*********SUBMENU END************/


.hide{opacity: 0;}

.row.title{padding: 0 16px;margin: 0 auto;}
.row.title h4{text-align: left;}
.row.title h3{text-align: left;margin-bottom: 30px}

.row.body{margin: 0 auto;padding:1rem 0;}
.row{margin: 0 auto;padding: 2rem 0;}
.row.title.white{padding: 35px 0;}
.row p{line-height: 1.25rem;padding: 1rem;margin:0;font-size: 1.05rem;}
.row ul.list, .caption ul.list{margin-top: 2rem;}
.row ul.list li, .caption ul.list li{color: #333333;font-size: .8rem}
.row ul.list li p, .caption ul.list li p{padding: 3px 0}


body.single .row.grey .medium-12 p, body.single .row.white .medium-12 p{column-count:1;-webkit-column-count:1;-moz-column-count:1;column-rule: 1px solid #b3b3b3;-moz-column-rule: 1px solid #b3b3b3;-webkit-column-rule: 1px solid #b3b3b3;}
.row.white{background-color: #fff;}
.logo-grey{background: rgba(0, 0, 0, 0) url("../img/logo-grey.png") no-repeat scroll 100% center / cover ;margin:0 auto;width: 124px;height: 219px;}


#content.offices{position: relative;z-index: 0;padding-bottom: 0;margin:0 30px 80px 30px;}
#content.offices::before {background-color: rgba(9,47,107,.9);bottom: 0;content: "";display: block;left: 0px;position: absolute;right: 0px;top: 270px;z-index: -1}
#content .columns#country{padding-left:1rem;padding-right: 1rem;z-index: 2}
#country .country-image{height: 270px;position: relative;margin-bottom: 80px;}
#country .country-image img{filter:grayscale(100%);-webkit-filter:grayscale(100%);object-fit:cover;-webkit-object-fit:cover;height: 100%;width: 100%}
#country a:hover .country-image img{filter:grayscale(0%);-webkit-filter:grayscale(0%);}
#country .country-image .flag{width: 121px;height: 90px;display: block;position: absolute;bottom: -45px;left: 50%;transform:translate(-50%,0%);-webkit-transform:translate(-50%,0%);}
#country .country-image .flag.bol{background: rgba(0, 0, 0, 0) url("../img/flag-bol.png") no-repeat scroll center 100% / 100% auto}
#country .country-image .flag.cl{background: rgba(0, 0, 0, 0) url("../img/flag-cl.png") no-repeat scroll center 100% / 100% auto}
#country .caption h3,#country .caption p{color: #fff}
#country .caption p{padding: 40px 40px 20px 40px}
#country .caption h3, #country .caption p.dir{text-align: center;}
#country .caption span.compass{border:1px solid white;border-radius: 100%;width: 18px;height: 18px;display: block;margin: 30px auto;position: relative;}
#country .caption span.compass::before,#country .caption span.compass::after{position:absolute;content: ""; border-bottom:1px solid white;width: 30px;height: 1px;top: 7px;left: -7px}
#country .caption span.compass::before{transform:rotate(90deg);-webkit-transform:rotate(90deg);}

:not([class$='Selected']) #country{display: block}
.bolSelected #country.chile{display: none}
.chSelected #country.bolivia{display: none}
.bolSelected #country.bolivia, .bolSelected #country.bolivia .country-image img{width: 100%}
.chSelected #country.chile,.chSelected #country.chile .country-image img{width: 100%}

#header.services .medium-12{position: relative;}

.slider .section-title{width: 100%;}
.slider .section-title p{width: 50%;padding-top: 0;}

.section-title{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);text-align: center;}
.section-title span.flag-white{width: 51px;height: 40px;margin: 0 auto; display: block;background: rgba(0, 0, 0, 0) url("../img/flag-white.png") no-repeat scroll center 100% / 100% auto}
.world-white{max-width: 650px;max-height: 420px;width:100%;height:420px;margin: 0 auto; display: block;margin-bottom:20px;background: rgba(0, 0, 0, 0) url("../img/world-map-min.svg") no-repeat scroll center 100% / 100% auto}
.section-title h1{color:#fff; font-size: 6rem;margin: 50px 0 20px}
.section-title p{color:#fff;font-family: miller_displayregular;width: 80%;margin: 0 auto}

.services .service-image{height: 270px;position: relative;}
.services .service-image img{height: 100%;object-fit:cover;-webkit-object-fit:cover;width: 100%;}
.services #service .caption h3,.services #service .caption h4{text-align: center;margin: 20px auto}
.services #service .caption h4{text-align: left;padding:0 1rem;margin-bottom: 0;}

.grey .section-title{position: relative;left: 0;top: 0;transform:none;-webkit-transform:none;text-align: center;}
.grey .section-title h1{color:#666;font-size: 6rem !important}
.grey .section-title p{color:#666;}
.grey .section-title span.flag-white{background-image: url("../img/flag-grey.png");width: 40px;opacity: .7;margin-bottom: 50px;}
.grey .services{padding-top: 0}
.grey .services::before{position: absolute;top: 130px;left: -50px;right:-50px;height: 120px;background-color: #c46c14;content: "";display: block;}

.news .service-image{height: 270px;position: relative;border-radius: 100%;overflow: hidden;}
.news #service{position: relative;}
.news .caption{height: 250px;padding-bottom: 60px;}
.news a {background-color: rgba(9, 47, 107, 0);bottom: 0;color: #092f6b;display: block;height: 60px;left: 1rem;line-height: 60px;padding-right: 10px;position: absolute;right: 1rem;text-align: right;transition: all 0.6s ease 0s, all 0.5s ease 0s;-webkit-transition: all 0.6s ease 0s, all 0.5s ease 0s;z-index: 2;}
.news .service-image::after{border-radius:100%;position: absolute;left: 10px;right: 10px;bottom: 10px;top:10px;content:"+";color:#fff;line-height:250px;font-size: 6rem;text-align: center; background-color: rgba(9,47,107,.9);opacity: 0;transition:opacity .6s, .5s;-webkit-transition:opacity .6s, .5s;}
.news a:hover{background-color: rgba(9,47,107,.9); color:#fff}
.news a:hover + .service-image::after{opacity: 1}
.news p{text-align: left;padding: 1rem !important;}

#map-container{height: 500px;position: relative;}
#map-container .map{width: 100%;height: 100%;background-color: #007a87;}
#map-container .address, .contactpage .address{width: 100%;background-color:#fafafa;padding: 20px 0;position: absolute;bottom: 0;left: 0;text-align: center;font-size: 1.2rem;}
.contactpage .address{position: relative;}

.map-location{border: solid;border-color:#d3d3d3;border-width: thin;width: 85px;text-align: center;position: relative;float: right;margin: 0;cursor: pointer;padding: 5px;}
.map-location:hover{background-color:#d3d3d3;color: #cc9900;}
p.map-address{padding: 5px 0 30px !important;}

.coverage-map-container{position: relative;margin-bottom:40px;}
.coverage-map-container #coverage-map{position: absolute;left: 0;top: 0;}
.coverage-map-container #coverage-map, .coverage-map-container #coverage-routes{width: 100%}

a.contact-anchor{display: block;transition:background-color .4s ease 0s;-webkit-transition:background-color .4s ease 0s;}
a.contact-anchor h1{transition:color .5s ease 0s;-webkit-transition:color .5s ease 0s;}
a.contact-anchor:hover{background-color: #eb927a}
a.contact-anchor:hover h1{color: #fff}
body.has-map:not(.single) .contact-button > a{margin-right: -0.9375rem;margin-left: -0.9375rem;}
.contact-button > a{background-color: #fff;display: block;transition:background-color .5s;-webkit-transition: background-color .5s;}
.contact-button > a h1{transition:color .5s;-webkit-transition:color .5s;}
.contact-button > a:hover{background-color: #eb927a;}
.contact-button > a:hover h1{color:#fff;}

#contact-form .is-hidden{display:none;}
#contact-form input,#contact-form textarea{box-shadow: none;resize:none;}
#contact-form .submit{width: 100%;border:none;background-color: #FCC304;border: medium none;color: #fff;height: 2.8rem;width: 100%;color: #fff;text-transform: uppercase;}
#contact-form .hidden-message span{background-color: #007a87;height: 0px;width:100%;display:block;overflow: hidden;color: #fff;text-align: center;line-height:50px;transition:height .8s ease;-webkit-transition:height .8s ease;}
#contact-form .hidden-message span.show{background-color: #007a87;height: 50px;}
.nameForm{padding-right:0.9375rem !important}

#footer{background-color: rgba(9,47,107,.9);color: #fff;}
#footer footer{padding-bottom:10px; }
#footer ul{display: inline-block;width: 100%;text-align: center;padding-top: 80px;}
#footer ul li{height: 35px;display: inline-block;margin: 40px 20px;transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;}
#footer ul li a{width: 100%;height: 100%;display: block;}
#footer ul li.fb{width: 15px;background: url("../img/fb.png") no-repeat 100% center / contain;}
#footer ul li.fb:hover{background-image: url("../img/fb-on.png");}
#footer ul li.tw{width: 47px;background: url("../img/tw.png") no-repeat 100% center / contain;}
#footer ul li.tw:hover{background-image: url("../img/tw-on.png");}
#footer ul li.logo-white{width: 145px;height: 75px;background: url("../img/redlines-logowhite.png") no-repeat 100% center / contain;margin: 0 20px; }
#footer ul li.email{width: 50px;background: url("../img/email.png") no-repeat 100% center / contain;}
#footer ul li.email:hover{background-image: url("../img/email-on.png");}
#footer ul li.insta{width: 35px;background: url("../img/insta.png") no-repeat 100% center / contain;}
#footer ul li.insta:hover{background-image: url("../img/insta-on.png");}

#footer .title{margin-bottom: 20px;}
#footer .left{text-align: left;}
#footer .right{text-align: right}
#footer h6{color: #fff;font-family: roboto_condensedbold}
#footer p{width: 100%;text-align: center;color: #fff;margin: 1rem 0;padding: 0;text-align: inherit;}
#footer p.breakstudio{margin:0;font-size: .8rem;}
#footer p.breakstudio a{font-style: italic;color: #fff;}
#footer p.breakstudio a:hover{color: yellow;}

#footer .social{margin-bottom: 40px !important}
#footer .social a{color: #fff;display: inline-block;}
#footer .social span,#footer .social p{display: inline-block;line-height: 40px;font-size: .8rem;margin:0 auto;width: auto;float: left;}
#footer .social p{padding-right: .2rem;}
#footer .social span{width: 40px;height: 40px;background-size: cover;background-repeat: no-repeat;background-position: center;}
#footer .social span.facebook{background-image: url("../img/facebook.svg");}
#footer .social span.twitter{background-image: url("../img/twitter.svg");}
#footer .social span.linkedin{background-image: url("../img/linkedin.svg");}

.segment{height: 350px;}
.segment.facial{background-image: url("../img/facial-bg.jpg");}
.segment.facial-a{background-image: url("../img/face-a.jpg");}
.segment.facial-b{background-image: url("../img/face-b.jpg");}
.segment.facial-c{background-image: url("../img/face-c.jpg");}
.segment.facial-d{background-image: url("../img/face-d.jpg");}
.segment.facial-e{background-image: url("../img/face-e.jpg");}
.segment.facial-f{background-image: url("../img/face-f.jpg");}
.segment.facial-g{background-image: url("../img/face-g.jpg");}
.segment.facial-h{background-image: url("../img/face-h.jpg");}

.segment.corporal{background-image: url("../img/corporal-bg.jpg");}
.segment.corporal-a{background-image: url("../img/body-a.jpg");}
.segment.corporal-b{background-image: url("../img/body-b.jpg");}
.segment.corporal-c{background-image: url("../img/body-c.jpg");}
.segment.corporal-d{background-image: url("../img/body-d.jpg");}
.segment.corporal-e{background-image: url("../img/body-e.jpg");}
.segment.corporal-f{background-image: url("../img/body-f.jpg");}
.segment.corporal-g{background-image: url("../img/body-g.jpg");}

.segment-title{height: 95px;background-color: #f2f2f2;text-align: center;position: relative;}
.segment-title #caption{min-height: 100px;display:inline-block;text-align: center;background-color:#fff;position: absolute;left: 50%;top: -50px;transform:translate(-50%, 0%);-webkit-transform:translate(-50%, 0%);}
.segment-title #caption p{text-transform: uppercase;font-size: 3.5rem;line-height:2.8rem;font-family: Bauer Bodoni D;font-style: italic;color: #999;margin: -10px 0 0;padding: 0 20px;}
.contact .segment-title #caption p{line-height: 100px;margin: 0;}
.segment-title #caption.small p{font-size: 1.8rem;line-height: 2rem;margin: 0;}
.segment-title #caption.medium p{font-size: 2.5rem;line-height: 2.2rem;margin: 0;}
.segment-title #caption p span{font-family: Avenir;font-size: 1.2rem;font-style: normal; display: inline-block;width: 100%;line-height: 1.5rem;}


#header.timeline .resize{position: relative;overflow: hidden;}
#header.timeline .row.title h3{text-align: center;color: #fff;margin-top:40px;}

#sansage-map {
height:420px;
width:100%px;
}
.gm-style-iw * {
display: block;
width: 100%;
}
.gm-style-iw h4, .gm-style-iw p {
margin: 0;
padding: 0;
}
.gm-style-iw a {
color: #4272db;
}
.control{position: absolute;bottom: 0;left: 0;right: 0;text-align: center;}
.control ul{display: inline-block;padding: 0;margin: 0 auto;position: relative;}
.control ul::before{height: 1px;position: absolute;bottom: 0.6rem;left: 2.2rem;right: 2.2rem;background-color: #fff;content: ""}
.control ul li{display: inline-block;margin: 0 1.5rem;}
.control ul li a{opacity:0;color: #fff;text-decoration: none;font-family: sans-serif;font-size: .8rem;line-height: 1.8rem;}
.control ul li span{width: 20px;height: 20px;border: 1px solid #fff;border-radius: 100%;display: block;transition: background-color .2s ease-in;cursor: pointer;}
.control ul li.active span{background-color: #fff;}
.timelineContainer {
    clear: both;
    display: block;
    text-align: center;
    width: 100%;
}
#world, .process{
    height: 70%;
    left: 50%;
    max-height: 550px;
    object-fit: contain;
    -webkit-object-fit: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.process{width: 100%;}
.process .slide{height: 100%;position: absolute;width: 100%;}
.process .slide.inactive{opacity: 0}
.process .slide.active{opacity: 1}
.process .slide .legend{position: absolute;top: -10px;left: 0;right: 0;z-index: -1}
.process .slide .legend p{color: #fff;font-size: 1.2rem;background-color: rgba(34, 68, 122, 0.8)}
#world{max-width: 90%}
/*#bolivia,#chile{opacity: .5}*/
#animOne, #animTwo, #animFour{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translate(0px,-50%);
    -ms-transform: translate(0px,-50%);
    -o-transform: translate(0px,-50%);
    transform: translate(0px,-50%);
}
#animSeven{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}       
#animSeven #boat{
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
}
#animSeven #anchor1,#animSeven #anchor2,#animSeven #pin,#mask{
    opacity: 0;
}
#animSeven #boat{
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
}
#animSeven #route{
    stroke-dashoffset:-900px;
}
#animSix [id^='anchor']{
    opacity: 0;
}
#animSix [id^='route']{
    opacity: 0;
    stroke-dashoffset:-900px;
}
#animFive{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-200%);
    -ms-transform: translate(-50%,-200%);
    -o-transform: translate(-50%,-200%);
    transform: translate(-50%,-200%);
}
#animFive #stamp{opacity: 0}
#animFive > g:nth-child(1){
    opacity: .6;
    transform: translateX(10px) translateY(-10px);
}       
#animFive > g:nth-child(2){
    opacity: .8;
    transform: translateX(20px) translateY(-20px);
}
#animFive > g:nth-child(3){
    opacity: 1;
}
#animOne #paper, #animTwo #paper, #animThree,#animThree #icon1, #animThree2,#world #china path{
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
}
#animOne > *, #animTwo > *,#animThree, #animThree2, #animThree #phonenumer path, #world #china path{
    opacity: 0;
}
#animThree #icon1{
    opacity: 0;
}
#animOne > *{transform: translate(-200px,0%);}
#animTwo > *{transform: translate(100%,0%);}
#animTwo #text [class^="sign"]{
    opacity: 0;
}
#movement{
    -webkit-transform: translateX(-200px) skewX(-10deg);
    -ms-transform: translateX(-200px) skewX(-10deg);
    -o-transform: translateX(-200px) skewX(-10deg);
    transform: translateX(-200px) skewX(-10deg);
    transform-origin: center center;
    opacity: 1;
}
#movement path{
    -webkit-animation-name: animOneMovementOcilate;
    -o-animation-name: animOneMovementOcilate;
    animation-name: animOneMovementOcilate;
    -webkit-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-direction: alternate;
    -o-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in; 
    -webkit-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
#animFour #boat, #animSeven #boat{
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-name: boatOcilate;
    -o-animation-name: boatOcilate;
    animation-name: boatOcilate;
    -webkit-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-direction: alternate;
    -o-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
#animSeven #pin{
    -webkit-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-name: pinAnim;
    -o-animation-name: pinAnim;
    animation-name: pinAnim;
    -webkit-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-direction: alternate;
    -o-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
#movement path:nth-child(1){animation-delay: .0s}
#movement path:nth-child(2){animation-delay: .3s}
#movement path:nth-child(3){animation-delay: .2s}
#movement path:nth-child(4){animation-delay: .1s}
#movement path:nth-child(5){animation-delay: .2s}
@keyframes animOneMovementOcilate{
    0%{
        -webkit-transform: translateX(-5%);
        -ms-transform: translateX(-5%);
        -o-transform: translateX(-5%);
        transform: translateX(-5%);
    }
    100%{
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}
@keyframes boatOcilate{
    0%{
        -webkit-transform: rotateZ(-1deg);
        -ms-transform: rotateZ(-1deg);
        -o-transform: rotateZ(-1deg);
        transform: rotateZ(-1deg);
    }
    100%{
        -webkit-transform: rotateZ(1deg);
        -ms-transform: rotateZ(1deg);
        -o-transform: rotateZ(1deg);
        transform: rotateZ(1deg);
    }
}
@keyframes pinAnim{
    0%{
        -webkit-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
        -o-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }
    100%{
        -webkit-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}
@media screen and (min-width: 40em) {

    nav.open{overflow: auto;}
    nav.open .menu-container{bottom: 20px;}

    nav.open:not(.active):not(.active-nosticky){height:140px;}
    .sub-page nav:not(.active){top:185px;transform:unset;-webkit-transform:unset;}
    .menu-open nav.active .menu-container{bottom: 0;}
    .row.grey p, .row.white p{padding: 2rem 3rem;}

    #content.right p{padding-right: 0;}
    #content.left p{padding-left: 0;}
    body.single .row.grey .medium-12 p, body.single .row.white .medium-12 p{column-count:2;-webkit-column-count:2;-moz-column-count:2;}
}
@media screen and (max-width: 40em) {
    .row{padding: 2.8rem 0;}
    #content.row {padding: 0;}
    #content.edge {margin: 30px 0;}
    .nameForm{padding-right:0 !important}

    .background.slider-container.large, .background.map-container.large{height: 400px}
    .background.slider-container.medium, .background.map-container.medium{height: 350px}
    
    .slider .section-title p{width: 60%}
    h2{font-size: 2.2rem;}
    h3{font-size: 2rem;}
    .row.title h4{font-size: 2rem;text-align: center;}
    .grey .services::before{background-color: transparent;}
    #content.offices{margin: 0 0 30px 0;}
    #content.offices::before{top:200px;}
    #country .country-image{height: 200px;}
    #country .caption p,.row p{padding-left: 0px;padding-right: 0px;}

    #content.edge h3{font-size: 1.7rem;}

    nav{left: 0;right: 0;bottom: unset}
    nav .menu-header{background-color: #f2f2f2;height: 0%;top: -100%;transition:top .6s ease-in-out;-webkit-transition:top .6s ease-in-out;overflow-y: scroll;display: block !important}
    nav .menu-header a{color: #666;display: block;}
    nav .menu-header .submenu a{padding: 15px 0px !important}
    nav .menu-header > .menu{width: 100%;display: block;padding: 50px 0;background: transparent url('../img/redlines-logogrey.png') no-repeat center 5px / auto 40px;}
    nav .menu-header .menu > li{display: block;height: auto;background-color: #fff}
    nav .menu-header .logo-menu{display: none !important;}
    nav .menu-header .dropdown.menu .submenu{position: relative !important;display: inline-block;width: 100%;background-color: #f2f2f2}

    nav.open:not(.active) .c-hamburger{left: 25px;top:0;}

    nav.active{height: 50px;background-color: #f2f2f2}
    nav.active .c-hamburger{left: 25px;top:0;}
    nav.active:not(.open) .c-hamburger span, nav.active:not(.open) .c-hamburger span::before, nav.active:not(.open) .c-hamburger span::after{background-color: #888;}
    nav.active{background: rgba(242,242,242,1) url('../img/redlines-logo.png')no-repeat center 5px/ auto 40px}
    nav.open{height: 100%;background-color: rgba(0,0,0,0.7);}
    nav.open .menu-header{display: block !important;top: 0;height: 80%;background-color: #f2f2f2}

    .logo{width: 200px;}
    .section-title h1{font-size: 3rem !important;margin:20px 0 20px;}
    .section-title span.world-white{max-height: 250px}
    .world-white{height: 200px}
    nav .menu-container > #contact-menu a{background-color: #eb927a;}
    nav .menu-container > #contact-menu a h2{color:#fff;}

    #content.services #service.columns:not(:last-child){margin-bottom: 50px;}

    #content h1{font-size: 2.5rem !important;}
    .segment-title #caption p{font-size: 2.5rem;line-height:2.5rem;margin:0;}
    .segment-title #caption.small p,.segment-title #caption.medium p{font-size: 1.8rem;line-height: 2rem;}


    #contact-form .submit{min-height: 50px;background-size: auto 200%}
    .background.slider-container{margin-top:50px;}
    .background.map-container{margin-top:80px;}

    /*.single #treatments a.nohover .treatment-image img{filter:grayscale(100%);-webkit-filter:grayscale(100%);}
    .single #treatments:nth-child(odd) a.nohover .treatment-image #caption{background-color:rgba(235,146,122,0.8);}*/
    .control{padding:1.5rem 0;}
    .control ul li{margin:0 .5rem !important;}
    .control ul::before{left: 1.2rem;right: 1.2rem;}
    #header.timeline .row.title h3{margin:30px 0;font-size:1.6rem}

    #footer ul li.logo-white{height: 90px;margin: 0 12px;}
    #footer ul li{height: 22px;margin: 30px 4px;}
    #footer .title{text-align: center;}
    #footer .small-6:first-child{text-align: left;padding-right: 0.625rem !important}

    #animOne, #animTwo, #animFour{
        -webkit-transform: translate(0px,-50%) scale(.8);
        -ms-transform: translate(0px,-50%) scale(.8);
        -o-transform: translate(0px,-50%) scale(.8);
        transform: translate(0px,-50%) scale(.8);
    }
}