@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto-regular-webfont.eot');
    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-regular-webfont.woff') format('woff'),
         url('fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoLight';
    src: url('fonts/roboto-light.eot');
    src: url('fonts/roboto-light.eot') format('embedded-opentype'),
         url('fonts/roboto-light.woff') format('woff'),
         url('fonts/roboto-light.ttf') format('truetype'),
         url('fonts/roboto-light.svg#RobotoLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url('fonts/roboto-medium-webfont.eot');
    src: url('fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-medium-webfont.woff') format('woff'),
         url('fonts/roboto-medium-webfont.ttf') format('truetype'),
         url('fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotobold';
    src: url('fonts/roboto-bold-webfont.eot');
    src: url('fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-bold-webfont.woff') format('woff'),
         url('fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotothin';
    src: url('fonts/roboto-thin-webfont.eot');
    src: url('fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-thin-webfont.woff') format('woff'),
         url('fonts/roboto-thin-webfont.ttf') format('truetype'),
         url('fonts/roboto-thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotothin_italic';
    src: url('fonts/roboto-thinitalic-webfont.eot');
    src: url('fonts/roboto-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-thinitalic-webfont.woff2') format('woff2'),
         url('fonts/roboto-thinitalic-webfont.woff') format('woff'),
         url('fonts/roboto-thinitalic-webfont.ttf') format('truetype'),
         url('fonts/roboto-thinitalic-webfont.svg#robotothin_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotolight_italic';
    src: url('fonts/roboto-lightitalic-webfont.eot');
    src: url('fonts/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-lightitalic-webfont.woff') format('woff'),
         url('fonts/roboto-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/roboto-lightitalic-webfont.svg#robotolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium_italic';
    src: url('fonts/roboto-mediumitalic.eot');
    src: url('fonts/roboto-mediumitalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-mediumitalic.woff') format('woff'),
         url('fonts/roboto-mediumitalic.ttf') format('truetype'),
         url('fonts/roboto-mediumitalic.svg#robotomedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotobold_italic';
    src: url('fonts/roboto-bolditalic.eot');
    src: url('fonts/roboto-bolditalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-bolditalic.woff') format('woff'),
         url('fonts/roboto-bolditalic.ttf') format('truetype'),
         url('fonts/roboto-bolditalic.svg#robotobold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
body { padding:0px; margin:0px; background:#fff; font-size:16px; color:#1a171b; line-height:20px; font-family: 'robotoregular';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #192432; text-decoration: none;  }
div { margin: 0; padding: 0; }
p { font-size:16px; line-height:24px; padding:0px; margin:0px; color:#000000;} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px;  line-height: 30px; }
a{ color: #192432; outline:none; }
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row{ width:1094px; margin:auto; padding:0px;}

header{float:left; width:100%;position:absolute; top:0px; z-index:99999;}
header .main-menu{position:relative; top:0px; float:left; width:100%; padding:23px 0; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.is-sticky .main-menu{ background: #fff; padding: 12px 0 12px 0px; box-shadow: 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2); -o-box-shadow: 0 0 3px rgba(0,0,0,0.2);}
.is-sticky header { box-shadow: 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2); -o-box-shadow: 0 0 3px rgba(0,0,0,0.2);}

header .logo{float:left; margin-right:40px;}
header .logo img{float:left; width:auto;}
header .menu{float:left; margin-top:35px;}
.banner-home { float:left; width:100%; position:relative; min-height: 592px;}
.banner-home:after{ position:absolute; content:""; right:0; bottom:0; background:url(../img/header-illustration.svg) no-repeat; width:177px; height:461px;}

.lang {width: auto;float: right; margin-top: 19px;}
.lang ul li {float: left; margin-right:5px; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
.lang ul li a.active,.lang ul li a:hover{ border:1px solid #161615;}
.lang ul li:last-child{ margin-right:0;}
.lang ul li a { font-size:14px;  font-family: 'robotoregular'; color:#161615; padding: 10px;border-radius: 50%;width: 44px;height: 44px; border: 1px solid transparent; display: block; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}


.mobile-menu .logo img{width: 220px;}
.m-menu { position: absolute;  right:15px; top: 35px; display: none; z-index:999999;} 
.m-menu img { width: 20px;}
.mobile-menu .logo { padding:12px 15px;}
.mobile-menu{ position:fixed; top:0px; bottom: 0; width:100%; z-index: 999; overflow-y:auto;   overflow-x:hidden;  padding:0px; opacity: 0; visibility: hidden; transition: all 0.4s ease; background: #fff; border-top: 1px solid #eaeaec; }
.mobile-menu.slow { opacity: 1; visibility: visible; }
.mobile-menu .nav { width: 100%;  background: #fff; float: left;  padding: 20px 0 75px 0; height:100%;}
.m-menu { width: 25px; height: 22px;  margin: 0px 0 0 0;  -webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: right;  }
.m-menu a { display: block;}
.m-menu span { display: block; position: absolute; height: 2px; width: 100%; background: #161615; border-radius: 0px; opacity: 1;
left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }  
.m-menu:hover span {  }
/* Icon 4 */
.m-menu span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(2) { top: 8px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(3) { top: 16px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -4px; left: 4px;  background: #000;}
.m-menu.open span:nth-child(2) { width: 0%; opacity: 0;}
.m-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 14px; left: 4px; background: #000; }
.hght{overflow:hidden;}
.hght header .logo.m-rht, .hght header .logo{display:none;}
.hght header .main-menu{width:auto; right:0; box-shadow:none; background:none; float:right;}
.nav ul { float: left; width: 100%; margin:0px; text-align: center; border-top: 1px solid #f0f7fd;}
.nav ul li a { color: #333; font-size: 16px;  padding-left: 0px; line-height:22px; font-family: 'robotobold'; letter-spacing:0.5px; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
.nav ul li a.active, .nav ul li a:hover{ color:#55a6dd;}
.nav ul li { padding:15px 0; border-bottom: 1px solid #f0f7fd;}
.lang.mbl { display:none; width:100%; text-align:center; margin-top:30px;}
.mobile-menu .nav .lang.mbl ul { border-top: none;}
.mobile-menu .nav .lang.mbl ul li { border-bottom:none; float:none; display:inline-block; text-align:center; margin-right:10px; padding:0;}
.mobile-menu .nav .lang.mbl ul li a{font-family: 'robotoregular'; padding:0px; text-align:center; display:flex; align-items: center;justify-content: center;}
.mobile-menu .nav .lang.mbl ul li a:hover, .mobile-menu .nav .lang.mbl ul li a.active{color: #161615;}


.lang-mob { margin: 0%; border-top:1px solid #333333; border-bottom:1px solid #333333; padding: 35px 0; float: left; width: 100%; }
.lang-mob ul { margin: 0; text-align:center;}
.lang-mob ul li { float: none; margin-right: 20px; margin-bottom: 0; display:inline-block;}
.lang-mob ul li a { padding: 0; position: relative; z-index: 1; }
.lang-mob ul li a:hover { color: #676767; }
.lang-mob ul li a.select { position: relative; z-index: 1;  font-family: 'FoundersGrotesk-Medium';}
.lang-mob ul li a.select::after { position: absolute; display: block; content: ""; left:0 ; bottom: -3px; height: 1px; background: #000; width: 100%; z-index:-1; }
.lang-mob ul li a::after { position: absolute; display: block; content: ""; left:0 ; bottom: -3px; height: 1px; background: #000; width: 0%; z-index:-1; transition: all 0.3s ease; }
.lang-mob ul li a:hover::after { width: 100%; }
.is-sticky .m-menu span, .inner-header .m-menu span{background:#000;}
.mob-icon { display:none;}
/*lop*/
.lop{ width:100%; float:left; padding:70px 0; background:#fff;}
.lop-lft{ width:36%; float:left; margin-right:2%;}
.lop-rht{ width:62%; float:right;}
.lop h2{ width:100%; float:left; font-size:26px; line-height:36px; font-family: 'robotobold'; text-align:left; color: #161615;}
.lop p{width:100%; float:left; font-size:16px; line-height:27px;  font-family: 'RobotoLight'; color:#494949;}
/*sectores*/
.sectores{width:100%; float:left; background:#fff; padding:70px 0; position:relative;}
.sectores:after{ position:absolute; content:""; left:-50px; top:145px; background:url(../img/sectores-illustration.svg) no-repeat; width:283px; height:267px; z-index:9;}
.sectores h2{width:100%; float:left; font-size:26px;color: #161615;line-height:36px; font-family: 'robotobold'; text-align:center; margin-bottom:30px;}
.sectores p{width:100%; float:left; font-size:16px; line-height:27px;  font-family: 'RobotoLight'; color:#494949; text-align:center;}
.sector-lst { width:100%; float:left; margin:50px 0 0 0; z-index:99; position:relative;}
.sector-lst ul { display: flex; justify-content : space-around; flex-direction : row; flex-wrap: wrap; }
.sector-lst ul li{ width: 23%; margin-bottom: 17px; position: relative; display: inline-block; }
.sector-lst ul li img{ width:100%; float:left;}
.sector-lst ul li:nth-child(4n+4){ margin-right:0;}
.sector-lst ul li .cont{ position:absolute; display: flex; left:0; right: 0;height: 100%; justify-content: center;align-items: center;text-align: center;}
.sector-lst ul li .cont h3{ font-size:28px; font-family: 'robotobold'; color:#fff; }

.nuestros{ width:100%; float:left; background:#f2f9ff;}
.nuestros-lft{width:50%; float:left; padding:50px 0; padding-right:130px;}
.nuestros-lft h3{width:100%; float:left; font-size:28px; line-height:36px;  font-family: 'robotobold'; text-align:left; color:#161615; padding-bottom:25px; margin-bottom:25px; position:relative;}
.nuestros-lft h3:after{ position:absolute; content:""; left:0; bottom:0; width:36px; height:1px; background:#55A6DB;}
.nuestros-lft h2{width:100%; float:left; font-size:42px; line-height:56px;  font-family: 'RobotoLight'; text-align:left; color:#55A6DB; margin-bottom:35px;}
.nuestros-lft p{width:100%; float:left;  font-family: 'RobotoLight'; text-align:left; color:#484848; font-size:16px; line-height:27px; }
.nuestros-rgt{width:50%; float:right;font-family: 'RobotoLight'; font-size:16px; color:#161615;}
.nuestros-rgt img{ width:100%; float:left;}

.flexslider .slides img {
  filter: brightness(0.8);
}


/*contacta*/
.contacta{width:100%; float:left; background:#fff; padding:70px 0 120px 0;}
.contacta h2{ width:100%; float:left; font-size:26px; color: #161615; line-height:36px; font-family: 'robotobold'; text-align: center; margin-bottom:30px;}
.contacta p{width:100%; float:left; font-size:16px; line-height:27px;  font-family: 'RobotoLight'; color:#494949; text-align:center;}
.contacta-sec{width:100%; float:left; margin-top:50px;}
.contact-form{ width:41%; float:left; margin-right:6%;}
.contacta-rgt{width:53%; float:right;}
.contacta-rgt iframe{ width:100%; min-height:480px; border:none;}
.contact-form ul li{ float:left; width:100%; margin-bottom:10px; position:relative;}
.contact-form ul li:last-child{ margin-bottom:0;}
.contact-form input[type="text"], .contact-form textarea, .contact-form input[type="email"] { width:100%; padding:0px 15px; border: solid 1px #f2f9ff; color: #161615; height:45px; line-height:50px;  font-family: 'robotoregular';font-size:14px; transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;background:#f2f9ff; letter-spacing:0.5px;}
.contact-form input[type="text"]:focus, .contact-form textarea:focus, .contact-form input[type="email"]:focus { border: solid 1px #55a6db; background:#fff;}
.contact-form textarea{height:90px;}
.contact-form input[type="submit"]{display: inline-block;color: #55a6db;font-size: 14px;height:45px;line-height:40px;padding: 0px 50px;text-transform: uppercase;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;border: 1px solid #55a6db; font-family: 'robotoregular'; cursor:pointer; margin-top:20px; letter-spacing: 1px;}
.contact-form input[type="submit"]:hover{ background:#55a6db; color:#fff; border: 1px solid #55a6db; }
.contact-form input[type=checkbox]:not(old){position:absolute;width:13px;height:13px;margin: 0;padding: 0;font-size : 1em;pacity: 0; cursor:pointer; display:none; left:3px; top:22px;}
.contact-form input[type=checkbox]:not(old) + label{ display: inline-block;line-height: 1.5em;float:left; width:100%;color:#b7b7b7; font-size:14px;margin-top:8px;  font-family: 'RobotoLight';}
.contact-form input[type=checkbox]:not(old) + label > span{display: inline-block;width: 14px;height: 14px;margin: -3px 10px 0 0; vertical-align   : middle;border:1px solid #55a6db; position:relative; background:#fff;}
.contact-form input[type=checkbox]:not(old):checked + label > span:before{content: '';display: inline-block; text-align: center; font-weight: bold; cursor:pointer;background:#55a6db; height:8px; width:8px;  position:absolute;top:2px; left:2px;}
.captcha {width: 100%;float: left;text-align: center;margin-top: 20px;}
.sub-butt{ width: 100%;float: left;text-align: center;}

/* services section */
.services-sec { float: left; width: 100%; padding: 55px 0px 65px; background: #f2f9ff;}
.services-sec h2 {width: 100%;float: left;font-size: 26px;line-height: 36px;font-family: 'robotobold';text-align: center;margin-bottom:55px;}
.services-tab { float: left; width: 100%; background: #fff;}
ul.tabs{margin: 0px;padding: 0px 70px;list-style: none; border-bottom: 1px solid #f2f9ff;}
ul.tabs li{ position: relative; background: none;color: #161616;display: inline-block;padding: 45px 0px;cursor: pointer; text-align: center; margin-right: 38px; font-size:18px;font-family: 'robotoregular';}
ul.tabs li::after{ content: ""; position: absolute; bottom: -1px; width: 0px; height: 1px; background:#55a6db; left: 0px; }
ul.tabs li:last-child{ margin-right: 0px;}
ul.tabs li.ui-tabs-active{color: #55a6db;}
ul.tabs li.ui-tabs-active::after, ul.tabs li:hover::after{ width: 100%;}
.tab-content{display: none;background: #fff;padding:40px 75px 30px;}
.tab-content.current{display: inherit;}
.tab-content h3{ font-size: 18px;color: #161616; line-height: 20px; margin-bottom: 30px;font-family: 'robotomedium';}
.tab-content p{width:100%; float:left; font-size:16px; line-height:27px;  font-family: 'RobotoLight'; color:#494949; margin-bottom: 30px;}

.tab-content a.pop-btn { display: inline-block;color: #55a6db; font-size: 15px; border: 1px solid #55a6db; padding: 10px 47px 10px 20px; border-radius:50px; 
background:url(../img/arrow-icon.svg) no-repeat right 20px center;transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.tab-content a.pop-btn:hover { background: #55a6db url(../img/arrow-icon-hover.svg) no-repeat right 20px center; color: #fff; }
ul.tabs li .icon { display: flex; width: 107px; height:100px; margin:0px auto 15px;}
ul.tabs li.tabb1 .icon{background:url(../img/consultoria-inactive.svg) no-repeat center center;}
ul.tabs li.tabb1:hover .icon{background:url(../img/consultoria-rollover.svg) no-repeat center center;}
ul.tabs li.tabb1.ui-tabs-active .icon{background:url(../img/consultoria-active.svg) no-repeat center center;}

ul.tabs li.tabb2 .icon{background:url(../img/desenvolupament-destinacio-inactive.svg) no-repeat center center;}
ul.tabs li.tabb2:hover .icon{background:url(../img/desenvolupament-destinacio-rollover.svg) no-repeat center center;}
ul.tabs li.tabb2.ui-tabs-active .icon{background:url(../img/desenvolupament-destinacio-active.svg) no-repeat center center;}

ul.tabs li.tabb3 .icon{background:url(../img/comercializacion-inactive.svg) no-repeat center center;}
ul.tabs li.tabb3:hover .icon{background:url(../img/comercializacion-rollover.svg) no-repeat center center;}
ul.tabs li.tabb3.ui-tabs-active .icon{background:url(../img/comercializacion-active.svg) no-repeat center center;}

ul.tabs li.tabb4 .icon{background:url(../img/comunicacion-inactive.svg) no-repeat center center;}
ul.tabs li.tabb4:hover .icon{background:url(../img/comunicacion-rollover.svg) no-repeat center center;}
ul.tabs li.tabb4.ui-tabs-active .icon{background:url(../img/comunicacion-active.svg) no-repeat center center;}

ul.tabs li.tabb5 .icon{background:url(../img/tecnologia-inactive.svg) no-repeat center center;}
ul.tabs li.tabb5:hover .icon{background:url(../img/tecnologia-rollover.svg) no-repeat center center;}
ul.tabs li.tabb5.ui-tabs-active .icon{background:url(../img/tecnologia-active.svg) no-repeat center center;}

ul.tabs li.tabb6 .icon{background:url(../img/relaciones-publicas-inactive.svg) no-repeat center center;}
ul.tabs li.tabb6:hover .icon{background:url(../img/relaciones-publicas-rollover.svg) no-repeat center center;}
ul.tabs li.tabb6.ui-tabs-active .icon{background:url(../img/relaciones-publicas-active.svg) no-repeat center center;}

.tab-arrow{ float: left; width: 100%; text-align: center; margin-bottom: 45px;}
.tab-arrow button{ display: inline-block; margin: 0px 8px; width: 40px; height: 40px; padding: 0px; border: none; cursor: pointer;}
.tab-arrow button.prev{background:url(../img/slider-left-aero.svg) no-repeat center center;}
.tab-arrow button.next{background:url(../img/slider-right-aero.svg) no-repeat center center;}

/* popup2 */
#popup2			{ background:#fff; float: left;}
#popup2	h2		{ font-size: 18px;color: #55a6db; line-height: 20px;font-family: 'robotomedium'; position: relative; padding-bottom: 22px; }
#popup2	h2::after{ content: ""; position:absolute; left: 0px; bottom: 0px; width: 50px; height: 1px; background:#55a6db;  } 
.popup-div		{ background:#fff; float:left; width:94.8%; padding:0px 0px; position: relative;}
.fancybox-skin	{ padding:0 !important;}
.popup { float:left; display:none; background:#fff;width:1085px; padding:42px 42px;}
.fancybox-outer, .fancybox-inner { border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
.pop-title{float: left; width: 100%; margin-bottom: 50px; padding: 0px 0px; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
 align-items: center; -webkit-align-items:center; justify-content: left; -webkit-justify-content: left;}
 .pop-title img { float: left; margin-right: 32px;}
 .popup-div ul { float: left; width: 100%; display: flex; flex-wrap: wrap;}
 .popup-div ul li{ float: left; width: 50%; background:url(../img/arrow-icon.svg) no-repeat left 0px top 8px; padding-left: 35px; padding-right: 10px; line-height:24px; margin-bottom:13px; font-size: 16px; color: #161616;font-family: 'RobotoLight';}
 .btn-div{ float: left; width: 100%; margin-top: 30px; text-align: center;}
 .btn-div a.pop-btn1 { display: inline-block;color: #55a6db; font-size: 15px; border: 1px solid #55a6db; padding: 10px 20px 10px 40px; border-radius:50px; 
background:url(../img/pop-btn-arrow.svg) no-repeat left 20px center;transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.btn-div a.pop-btn1:hover { background: #55a6db url(../img/pop-btn-arrow-hover.svg) no-repeat left 20px center; color: #fff; }

footer{float:left; width:100%; background:#fff; padding:23px 0 17px 0; position: relative; border-top:2px solid #aad4ed;}
.foot-rgt{ float: right; width: 50%; text-align: right;}
.foot-rgt img{transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
.foot-rgt img:hover{ opacity: 0.7;}
.foot-lft{ float: left; width: 50%;}
.foot-lft ul li{ width:auto;}
.foot-lft ul li:last-child { margin-right: 0px;}
.foot-lft ul li p{font-size: 14px; line-height: 27px;color:#161615; font-family: 'robotoregular';}
.foot-lft ul li p a{color:#161615; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
.foot-lft ul li p a:hover{color: #55a6db;}
.foot-btm {float: left; width: 100%; margin-top: 20px;}
.foot-btm ul{float: left; width: 100%; text-align: right;}
.foot-btm ul li{ display: inline-block; margin-left: 37px;}
.foot-btm ul li:first-child {margin-left: 0;}
.foot-btm ul li a { font-size: 14px; color: #55a6db;font-family: 'robotoregular'; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; letter-spacing:1px;}
.foot-btm ul li a:hover{ color:#161615;}

.number {width: auto;float: left;color: #55A6DB;position: absolute;bottom:52px;}

/*sector-responsive*/
#sector-slide{width: 100%;float: left;}
.sector-mob-lst { width: 100%;float: left; margin: 35px 0 0 0;z-index: 99;position: relative; display:none;}
#sector-slide .item{  width: 100%;float: left;}
#sector-slide .item ul li{ width:49%; float:left; margin-right:2%; margin-bottom:12px; position:relative;}
#sector-slide .item ul li img{ width:100%; float:left;}
#sector-slide .item ul li:nth-child(2n+2){ margin-right:0;}
#sector-slide .item ul li .cont{ position:absolute; display: flex; left:0; right: 0;height: 100%; justify-content: center;align-items: center;text-align: center;}
#sector-slide .item ul li .cont h3{ font-size:18px; line-height:27px; font-family: 'robotobold'; color:#fff;}
#sector-slide .owl-dot{ width:10px; height:10px; background:#f2f9ff; margin:0 7px 0; bottom: -6px;}
#sector-slide .owl-dot:after{ display:none;}
#sector-slide .owl-dot.active, #sector-slide .owl-dot:hover{ background:#54a5dc;}
#nuestros-slide .flex-control-nav { display: none;}
h3.mbl{ display:none;}


@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,102%,0);
    transform: translate3d(0,102%,0); 
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0px, 0%, 0px);
    transform: translate3d(0px, 0%, 0px);  margin: 0;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform:  translate3d(0,102%,0);
    transform:  translate3d(0,102%,0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0px, 0%, 0px);
    transform: translate3d(0px, 0%, 0px); 
  }
}
.con-mob-lst{ width:100%; float:left; display:none;}
#cslide { width:100%; float:left;}
#cslide .item {width:100%; float:left;position: relative;background: #fff;color: #161616;display: inline-block;padding: 30px 15px;cursor: pointer;
text-align: center; font-size: 18px;font-family: 'robotoregular';}
#cslide .item .icon {display: flex;width: 107px;height: 100px;}
#cslide .item a span {float: left;display: flex;width: auto; color:#5ca9dd; height:100px; justify-content:center; align-items:center; font-size:18px; font-family: 'robotobold';}

#cslide .item .icon { display: flex; width: 107px; height:100px; float: left; margin-right: 10px; z-index:99999999; position:relative;}
#cslide .item .tabb1 .icon{background:url(../img/consultoria-active.svg) no-repeat center center;}
#cslide .item .tabb2 .icon{background:url(../img/comercializacion-active.svg) no-repeat center center;}
#cslide .item .tabb3 .icon{background:url(../img/comunicacion-active.svg) no-repeat center center;}
#cslide .item .tabb4 .icon{background:url(../img/relaciones-publicas-active.svg) no-repeat center center;}
#cslide .item .tabb5 .icon{background:url(../img/diseno-active.svg) no-repeat center center;}
#cslide .item .tabb6 .icon{background:url(../img/publicidad-active.svg) no-repeat center center;}
#cslide .owl-dot {bottom: -20px; margin: 0 7px 0;}
#cslide .owl-dot.active{ background:#55a6db;}
#cslide .owl-dot.active:after { display:none;}
#cslide .item .res-content{ width:100%; float:left; margin:20px 0 0 0; text-align:left;}
#cslide .item .res-content h3 {font-size: 18px;color: #161616;line-height: 20px;margin-bottom: 25px;font-family: 'robotomedium'; text-align:left; width:100%; float:left;}
#cslide .item .res-content p { width: 100%;float: left;font-size: 16px;line-height: 27px;font-family: 'RobotoLight';color: #494949;margin-bottom: 25px; text-align:left; width:100%; float:left;}
#cslide .item .res-content a.pop-btn:hover {background: #55a6db url(../img/arrow-icon-hover.svg) no-repeat right 20px center;
color:#fff;}
#cslide .item .res-content a.pop-btn { display: inline-block;color: #55a6db;font-size: 15px;border: 1px solid #55a6db; padding: 10px 47px 10px 20px;border-radius: 50px;background: url(../img/arrow-icon.svg) no-repeat right 20px center;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease; margin-top:20px;}
#cslide .item .tab-link { width:100%; float:left; position:relative;}
#cslide .item .tab-link:after {position: absolute;content: "";left: 0;bottom: 30px;width: 100%; height: 1px; background:#5ca9dd;}


.sectores h2, .sectores p, .sectores .sector-lst,.contacta h2,.contacta p, .contacta .contact-form, .contacta .contacta-rgt, .lop .lop-lft, .lop .lop-rht, .services-sec h2, .services-sec .services-tab, .nuestros .nuestros-lft, .nuestros .nuestros-rgt{opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px);  -webkit-transition: opacity .6s cubic-bezier(.215,.61,.355,1), -webkit-transform .6s cubic-bezier(.215,.61,.355,1); transition: opacity .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1);transition: transform .6s cubic-bezier(.215,.61,.355,1),opacity .6s cubic-bezier(.215,.61,.355,1);transition: transform .6s cubic-bezier(.215,.61,.355,1),opacity .6s cubic-bezier(.215,.61,.355,1),
-webkit-transform .6s cubic-bezier(.215,.61,.355,1); }

.sectores.animation.start-animation h2, .sectores.animation.start-animation p, .sectores.animation.start-animation .sector-lst,.contacta.animation.start-animation, .contacta.animation.start-animation h2, .contacta.animation.start-animation p, .contacta.animation.start-animation .contact-form, .contacta.animation.start-animation .contacta-rgt, .lop.animation.start-animation .lop-lft, .lop.animation.start-animation .lop-rht, .services-sec.animation.start-animation h2, .services-sec.animation.start-animation .services-tab, .nuestros.animation.start-animation .nuestros-lft, .nuestros.animation.start-animation .nuestros-rgt { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; transition-delay: 0.4s; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; }

.sectores.animation.start-animation .sector-lst, .contacta.animation.start-animation .contacta-sec, .contacta.animation.start-animation .contact-form, .contacta.animation.start-animation .contacta-rgt,  .lop.animation.start-animation .lop-rht, .lop.animation.start-animation .lop-lft, .services-sec.animation.start-animation, .nuestros.animation.start-animation .nuestros-lft, .nuestros.animation.start-animation .nuestros-rgt {transition-delay: 0.6s; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s;}

.btn-load-more{float: left; padding: 0px 22px 0px 0px; position: absolute;left: 0px;bottom:75px;right: 0px;margin: auto; background: none; border: none; font-family: 'robotomedium'; color: #55a7d9; font-size:16px; cursor: pointer;
background:url(../img/arrow-down.svg) no-repeat right 0px top 8px;}

.sml-map { width: 100%;float: left; min-height:480px;}


/* CUSTOM */
.FORMOK { background: rgb(185, 234, 185); color: green; padding: 7px; border: 2px solid green; font-weight: bold; position: fixed; top: 0; right: 0; left: 0; margin-bottom: 10px; z-index: 999999; }
.FORMKO { background: rgb(247, 222, 222);color: red;padding: 7px;border: 2px solid red;font-weight: bold; position: fixed; top: 0; right: 0; left: 0; margin-bottom: 10px; z-index: 999999;}
section.legal, section.cookies { margin-top : 150px; margin-bottom : 20px; padding : 0 20px; }
.cookies h1, .cookies h2, .legal h1, .legal h2 { font-family : 'robotobold'; }
.cookies p, .legal p { font-family : 'RobotoLight'; margin-bottom: 20px; }
/* /CUSTOM */