@font-face { font-family: 'latoregular'; src: url("../fonts/lato-regular-webfont.eot"); src: url("../fonts/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-regular-webfont.woff2") format("woff2"), url("../fonts/lato-regular-webfont.woff") format("woff"), url("../fonts/lato-regular-webfont.ttf") format("truetype"), url("../fonts/lato-regular-webfont.svg#latoregular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'latoitalic'; src: url("../fonts/lato-italic-webfont.eot"); src: url("../fonts/lato-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-italic-webfont.woff2") format("woff2"), url("../fonts/lato-italic-webfont.woff") format("woff"), url("../fonts/lato-italic-webfont.ttf") format("truetype"), url("../fonts/lato-italic-webfont.svg#latoitalic") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'latolight'; src: url("../fonts/lato-light-webfont.eot"); src: url("../fonts/lato-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-light-webfont.woff2") format("woff2"), url("../fonts/lato-light-webfont.woff") format("woff"), url("../fonts/lato-light-webfont.ttf") format("truetype"), url("../fonts/lato-light-webfont.svg#latolight") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: "Lato Black"; src: url("../fonts/Lato-Black.eot?") format("eot"), url("../fonts/Lato-Black.woff") format("woff"), url("../fonts/Lato-Black.ttf") format("truetype"), url("../fonts/Lato-Black.svg#Lato-Black") format("svg"); font-weight: normal; font-style: normal; }
body { font-family: 'latolight'; font-size: 16px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 20px; color: #ffffff; background-color: #fff; }
img { max-width: 100%; height: auto; }
p { font-family: 'latolight'; }
a:hover{text-decoration:none;}
.container { max-width: 820px; width: 100%; margin: 0 auto; }
.hm_logo { display: inline-block; max-width: 270px}
.first_screen { text-align: center; }
.first_screen .hm_logo { margin: 0 0 20px 0; }
.first_screen h5 { font-family: "Lato Black"; font-size: 14px; line-height: 14px; text-transform: uppercase; color: #505153; margin: 0 0 25px 0; letter-spacing: 3px; }
.first_screen h3 { font-family: 'latolight'; font-size: 29px; line-height: 34px; color: #505153; margin: 0 0 50px 0; }
.first_screen p{ color: #333 }
.dot_dn { display: inline-block; position: absolute; left: 0; right: 0; bottom: 0; }
#menu { position: fixed; /*top: 50%;*/ top: 125px; z-index: 100; right: 63px; margin: 0; padding: 0; }
#menu li { display: block; position: relative; margin: 0 0 12px 0; text-align: right; }
#menu li a { font-family: "Lato Black"; font-size: 10px; line-height: 11px; color: #3d3e3f; text-transform: uppercase; letter-spacing:1px;}
#menu li.active a { text-decoration: none; padding-bottom: 3px; border-bottom: 2px solid #ffffff}
.fp-viewing-que #menu li.active a{text-decoration: none; padding-bottom: 3px; border-bottom: 2px solid #000}

#header { position: fixed; left: 0; right: 0; top: 0; z-index: 999; }
#header .top_logo { margin: 45px 0 0 60px; display: inline-block; }
#header .hamburger_ic { float: right; width: 47px; height: 48px; background: url(../svg/img/2-menu-hamburguesa-black.svg) no-repeat left top; margin: 45px 60px 0 0; cursor: pointer; }
.side_menu { position: absolute; right: -281px; top: 0; bottom: 0; z-index: 9999; width: 281px; background-color: #3d3e3f; padding: 46px 60px 0 60px; text-align: right; transition: all 0.5s ease-out; display: none;}
.nav-icons { position: absolute; right: 62px; bottom: 20px; width: 50px; height: 50px; display: block;z-index: 9999;opacity: .5;transition:all .3s; }
.nav-icons:hover{opacity: 1}
.cl_ic { width: 47px; height: 48px; background: url(../images/hamburger_cl.png) no-repeat left top; display: inline-block; cursor: pointer; margin: 0 0 80px 0; }
.main_menu { margin: 0 0 100px 0; padding: 0; }
.main_menu li { list-style: none; margin: 0 0 28px 0; }
.main_menu li a { font-family: "Lato Black"; font-size: 10px; line-height: 11px; color: #fff; text-transform: uppercase; letter-spacing: 2px; }
.btm_side_menu { border-top: 1px solid #9e9e9f; padding: 0; }
.btm_side_menu ul { margin: 0; padding: 20px 0; }
.btm_side_menu ul li { list-style: none; margin: 0 0 12px 0; }
.btm_side_menu ul li a { font-family: 'latolight'; font-size: 12px; line-height: 13px; color: #fff; }
.social_ic { display: inline-block; margin: 0 0 0 12px; }
.side_menu.openmenu { right: 0; display: block;}
/*#section1 { background-color: #7dcc24; }*/
.cir_img { max-width: 425px; margin: 0 auto; position: relative; height: 425px; background-color: #7dcc24; z-index: 9; }
.cir_img span { height: 85px; position: absolute; width: 85px; z-index: 99; }
.cir_img .cirsml1 { top: -45px; left: 0; right: 0; margin: 0 auto; }
.cir_img .cirsml2 { top: 105px; right: -29px; }
.cir_img .cirsml3 { bottom: -15px; right: 59px; }
.cir_img .cirsml4 { bottom: -15px; left: 59px; }
.cir_img .cirsml5 { top: 105px; left: -29px; }
.main_img { display: inline-block; width: 100%!important; height: auto!important; z-index: 0!important; }
.cir_cont { position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; top: 0; bottom: 0; padding: 125px 0 0 0; }
.cir_cont h4 { font-family: "Lato Black"; font-size: 28px; line-height: 29px; color: #ffffff; text-transform: uppercase; letter-spacing: 2px; padding: 0 0 16px 0; margin: 0 0 10px 0; position: relative; }
.cir_cont h4:after { position: absolute; width: 20px; height: 2px; position: absolute; left: 0; right: 0; bottom: 0; content: ''; background-color: #fff; margin: 0 auto; }
.cir_cont p { font-family: 'latolight'; font-size: 18px; line-height: 22px; color: #fff; margin: 0 auto 34px auto; max-width: 284px; }
.cir_cont a { width: 25px; height: 25px; display: block; margin: 0 auto; }
/*#section1::before,#section2::before,#section3::before { content: ""; height: 100%; left: 0; margin: 0 auto; position: absolute; right: 0; top: 0; width: 1px; z-index: 0; bottom: 0; border-right: 3px dotted rgba(255,255,255,0.5); }*/

.fl_screen { height: 100%; width: 100%; position: relative; }
.fl_screen .cir_img { margin: 150px auto; }
.es_main { margin: 0 auto; max-width: 818px; position: relative; z-index: 9; }
/*#section2 { background-color: #46a2d1; }*/
.mn_img { float: left; width:60%; }
.mn_cont { float: left; color:#fff; width:35%; padding: 0 0 0 40px;}
.mn_cont h2 { font-family: 'Amiri', serif; font-size: 60px; line-height: 61px; margin: 0 0 12px 0; text-transform:uppercase; }
.mn_cont h5 {font-family: "Lato Black"; font-size: 15px; line-height: 16px; margin: 0 0 8px 0; text-transform:uppercase; }
.mn_cont h3 {font-family: "Lato Black"; font-size: 45px; line-height: 48px; margin: 0 0 13px 0; padding:0 0 13px 0; text-transform:uppercase; position:relative;}
.mn_cont h3:after{width:19px; height:3px; background-color:#fff; content:''; position:absolute; bottom:0; left:5px;}
#es2 .mn_img.mn_fr,#es3 .mn_img.mn_fr{width:35%; text-align:right; padding-top:0px;}
#es2 .mn_img,#es3 .mn_img{width:30%; padding-top:30px;}
.es_main{margin:150px auto;}
#es1{position:relative;}

#es1:after {  bottom: -3px;
    content: "";
    height: 3px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 770px;
    z-index: 9;
background:url(../images/hor_btm.png) no-repeat left top;}
/*#section3{background-color:#f88860;}*/
.tu_main{margin: 100px auto; max-width: 818px; position: relative; z-index: 9; text-align:center; background-color:#f88860;}
.tu_main h2 { font-family: 'Amiri', serif; font-size: 60px; line-height: 61px; margin: 0 0 12px 0; text-transform:uppercase; }
.tu_main h5 {font-family: "Lato Black"; font-size: 15px; line-height: 16px; margin: 0 0 8px 0; text-transform:uppercase; }
.tu_main h3 {font-family: "Lato Black"; font-size: 45px; line-height: 48px; margin: 0 0 13px 0; padding:0 0 13px 0; text-transform:uppercase; position:relative;}


#tu1{position:relative;}

#tu1:after {  bottom: -3px;
    content: "";
    height: 3px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 770px;
    z-index: 9;
background:url(../images/hor_btm.png) no-repeat left top;}

/*#section4{background-color:#1bacb5;}*/


.fl_main{margin: 100px auto;  /*max-width: 1134px;*/ max-width: 1780px;  position: relative; z-index: 9; text-align:left; }
.fl_main .fl_main_lt{float:left; width:40%; padding:0 58px; text-align:right;}
.fl_main .fl_main_rt{float:left; width:60%;}
.fl_main h2 { font-family: 'Amiri', serif; font-size: 60px; line-height: 61px; margin: 0 0 12px 0; text-transform:uppercase; }
.fl_main h5 {font-family: "Lato Black"; font-size: 15px; line-height: 16px; margin: 0 0 8px 0; text-transform:uppercase; letter-spacing:4px; }
.fl_main h3 {font-family: "Lato Black"; font-size: 45px; line-height: 48px; margin: 0 0 13px 0; padding:0 0 13px 0; text-transform:uppercase; position:relative; letter-spacing:4px;}


/*#section5{background-color:#98c1d9;}
#section5 .gs_main{max-width:804px; margin:100px auto; background-color:#98c1d9;  position: relative;}
#section5 .gs_main .gs_main_lt{float:left; width:100%; padding-left: 276px;}
#section5 .gs_main .gs_main_rt{float:left; width:100%; max-width:334px; padding-left:102px; position:absolute; right:0; top:0;}

#section5 .gs_main .gs_main_rt h2 { font-family: 'Amiri', serif; font-size: 60px; line-height: 61px; margin: 0 0 12px 0; text-transform:uppercase; }
#section5 .gs_main .gs_main_rt h5 {font-family: "Lato Black"; font-size: 15px; line-height: 16px; margin: 0 0 8px 0; text-transform:uppercase; letter-spacing:3px;}
#section5 .gs_main .gs_main_rt h3 {font-family: "Lato Black"; font-size: 45px; line-height: 48px; margin: 0 0 13px 0; padding:0 0 13px 0; text-transform:uppercase; position:relative; letter-spacing:3px;}

#section6{background-color:#46a2d1; text-align:center;}
#section6 p{color: #fff; font-family: "latolight"; font-size: 24px; line-height:30px;}
#section6 .slide_main_cont{max-width:580px; float:right; padding:20px 47px; }*/

/*#section6 .slide_main_cont .slide_main_cont_img {
    border: 2px solid #ffffff;
    border-radius: 100%;
    display: block;
    float: left;
    height: 225px;
    max-width: 225px;
    text-align: center;
    width: 100%;
	position:relative;
	overflow:hidden;
}*/
/*#section6 .slide_main_cont .slide_main_cont_img img{position:absolute; bottom:0; left:0; right:0; margin:auto;}
#section6 .slide_main_cont .bl_cont{float:left; width: 45%; background-color:#ffffff; padding:20px; border-radius:10px; text-align:left; margin:0 0 0 33px;}
#section6 .slide_main_cont .bl_cont p{color: #333; font-family: "latolight"; font-size: 14px; line-height:20px; margin:0 0 12px 0;}
#section6 .slide_main_cont .bl_cont h6{font-family: "Lato Black"; color: #333; font-size: 10px; line-height:11px; text-transform:uppercase;}*/
.prd_slider{margin:0 0 60px 0;}
.prd_slider .slick-prev::before,.prd_slider .slick-next::before{content:'';}
.prd_slider .slick-prev{width:30px; height:26px; background:url(../images/ar_lt.png) no-repeat left top; z-index: 99}
.prd_slider .slick-next{width:30px; height:26px; background:url(../images/ar_rt.png) no-repeat left top; z-index: 99}
.prd_slider .slick-dots li button::before{font-size: 10px;}

.client_logo{border-top:1px dashed #ffffff; padding:50px 0 24px 0; text-align:center; margin:0;}
.client_logo ul{margin:0; padding:0; list-style:none;}
.client_logo ul li{display:inline-block; list-style:none; margin:0 16px;}

/*#section7{background-color:#3d3e3f;}*/
/*#section7 h4{color: #fff; font-family: "latolight"; font-size: 29px; line-height:30px; margin:0 0 30px 0; text-align:center;}*/
/*#section7 .conocue{font-family: "Lato Black"; color: #7dcc24; font-size: 15px; line-height:15px; text-transform:uppercase; max-width:297px; width:100%; margin:37px auto; border:2px solid #7dcc24; display:block; padding:27px 0; text-align:center; }*/
.btm_lt_img{text-align:center;  position:relative;}
.btm_lt_img img{position:relative; z-index:99;}
.btm_lt_img:after{height:50px; background-color:#808285; content:''; left:0; right:0; bottom:-19px; position: absolute; z-index:0;}
.footer_copy{padding:25px 0 18px 0; text-align:center;  margin:15px 0 0 0;}
/*#section6  .footer_copy p{color: #fff; font-family: "latolight"; font-size: 10px; line-height:10px; text-align:center; text-transform:uppercase;}*/




/****************************Added CSS***************************/
/*#section1b, #section1c, #section1d, #section1e { background-color: #7dcc24; }
#section1b::before, #section1c::before, #section1d::before, #section1e::before{ content: ""; height: 100%; left: 0; margin: 0 auto; position: absolute; right: 0; top: 0; width: 1px; z-index: 0; bottom: 0; border-right: 3px dotted rgba(255,255,255,0.5);}

#section2b, #section2c { background-color: #46a2d1; }
#section2b::before, #section2c::before{ content: ""; height: 100%; left: 0; margin: 0 auto; position: absolute; right: 0; top: 0; width: 1px; z-index: 0; bottom: 0; border-right: 3px dotted rgba(255,255,255,0.5);}

#section3b{background-color:#f88860;}
#section3b::before { content: ""; height: 100%; left: 0; margin: 0 auto; position: absolute; right: 0; top: 0; width: 1px; z-index: 0; bottom: 0; border-right: 3px dotted rgba(255,255,255,0.5);}

#section4b{background-color:#1bacb5;}
#section4::before, #section4b::before{ content: ""; height: 100%; left: 0; margin: 0 auto; position: absolute; right: 0; top: 0; width: 1px; z-index: 0; bottom: 0; border-right: 3px dotted rgba(255,255,255,0.5);}

#section5b{background-color:#98c1d9;}
#section5b .gs_main{max-width:804px; margin:100px auto; background-color:#98c1d9;  position: relative;}
#section5b .gs_main .gs_main_lt{float:left; width:100%; padding-left: 276px;}
#section5b .gs_main .gs_main_rt{float:left; width:100%; max-width:334px; padding-left:102px; position:absolute; right:0; top:0;}

#section5b .gs_main .gs_main_rt h2 { font-family: 'Amiri', serif; font-size: 60px; line-height: 61px; margin: 0 0 12px 0; text-transform:uppercase; }
#section5b .gs_main .gs_main_rt h5 {font-family: "Lato Black"; font-size: 15px; line-height: 16px; margin: 0 0 8px 0; text-transform:uppercase; letter-spacing:3px;}
#section5b .gs_main .gs_main_rt h3 {font-family: "Lato Black"; font-size: 45px; line-height: 48px; margin: 0 0 13px 0; padding:0 0 13px 0; text-transform:uppercase; position:relative; letter-spacing:3px;}

#section5::before{ content: ""; height: 50%; left: 0; margin: 0 auto; position: absolute; right: 0; top: 0; width: 1px; z-index: 0; bottom: 0; border-right: 3px dotted rgba(255,255,255,0.5);}
#section5b::before{ content: ""; height: 100%; left: 0; margin: 0 auto; position: absolute; right: 0; top: 0; width: 1px; z-index: 0; bottom: 0; border-right: 3px dotted rgba(255,255,255,0.5);}

#section6::before { content: ""; height: 30%; left: 0; margin: 0 auto; position: absolute; right: 0; top: 0; width: 1px; z-index: 0; bottom: 0; border-right: 3px dotted rgba(255,255,255,0.5);}
#section6 .container {background:#46A2D1; position:relative;}*/

.dot_dn_mob { display:none; position: absolute; left: 0; right: 0; bottom: 50px; }

#header .hamburger_ic.white {background-image:url(../svg/img/2-menu-hamburguesa.svg);}
#menu li {clear:both;}
#menu li a {transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
#menu li.submenu1 { display: none; }
#menu.white li a {color:#fff;}
#menu.white li.submenu1 {display:block; width:14px; height:3px; background:#fff; margin-bottom:5px; font-size:0px !important; text-indent:-9999px; float:right; overflow:hidden;transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
#menu.white li.submenu1 a {display:block; }
#menu.white li.submenu1.active { width: 22px; }
#menu.white li.submenu1:hover a, #menu.white li.submenu1.active a {background:#fff; text-decoration:none !important;}

.fp-viewing-que #header .hamburger_ic.white {background-image:url(../images/hamburger_bl.png);}
.fp-viewing-que #menu.white li a {color:#3d3e3f;}
.fp-viewing-que #menu.white li.submenu1 {display:none;}


.backgroundGeneral{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
/*
#section5 .container-fluid {position:relative; padding-left:0px; padding-right:0px;}
#section5 .container-fluid:first-child:after {content:''; display:block; width:100%; border-bottom:1px dashed rgba(255, 255, 255, 0.2);}
#section5 #gs1.gs_main {margin-bottom:0px;}
#section5 #gs2.gs_main {margin-top:200px; margin-bottom:0px;}
*/

/* MOUSE ANIMATION */

@-webkit-keyframes ani-mouse {
    0% {
    opacity: 1;
    top: 29%;
    }
    15% {
    opacity: 1;
    top: 50%;
    }
    50% {
    opacity: 0;
    top: 50%;
    }
    100% {
    opacity: 0;
    top: 29%;
    }
}
@-moz-keyframes ani-mouse {
    0% {
    opacity: 1;
    top: 29%;
    }
    15% {
    opacity: 1;
    top: 50%;
    }
    50% {
    opacity: 0;
    top: 50%;
    }
    100% {
    opacity: 0;
    top: 29%;
    }
}
@keyframes ani-mouse {
    0% {
    opacity: 1;
    top: 29%;
    }
    15% {
    opacity: 1;
    top: 50%;
    }
    50% {
    opacity: 0;
    top: 50%;
    }
    100% {
    opacity: 0;
    top: 29%;
    }
}
.scroll-btn {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 28px;
    text-align: center;
}
.scroll-btn > * {
    display: inline-block;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.scroll-btn .mouse {
    position: relative;
    display: block;
    width: 35px;
    height: 55px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #7d7e80;
    border-radius: 23px;
}
.scroll-btn .mouse > * {
    position: absolute;
    display: block;
    top: 29%;
    left: 50%;
    width: 6px;
    height: 6px;
    margin: -3px 0 0 -3px;
    background: #7d7e80;
    border-radius: 50%;
    -webkit-animation: ani-mouse 2.5s linear infinite;
    -moz-animation: ani-mouse 2.5s linear infinite;
    animation: ani-mouse 2.5s linear infinite;
}
/* /////////////////////////////// */
/* //////////// FIXES //////////// */
/* /////////////////////////////// */

.paragraphSmall{ padding: 0 }
.positionCenter .paragraphSmall{ max-width: 350px; }
.svgObjects{  }
.avatar{
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    width: 80px;
    height: 80px;
    padding: 10px;
    white-space: nowrap;
    margin-right: 4%;
    margin-top: 20px;
    transition: all .6s;
}
.avatar img{max-width: 100%;vertical-align: middle;}


.speech{
    background: #fff;
    max-width: 260px;
    padding: 12px 20px;
    border-radius: 20px;
}
.speech h4{ color:#3b4862; text-transform: uppercase; font-size: 12px; font-weight: bold; letter-spacing: 1px; line-height: 1.4em; font-family: "Lato", sans-serif; position: relative;}
.speech h4:after{ content:""; width:20px;height:2px;display:block;position:absolute;left:0; bottom:-6px;background:#3b4862;}
.speech p{ color:#505153; font-size: 12px;}
.speech p strong {font-family: "Lato", sans-serif;}