/*!
 * Carbotainer Responsive Template
 */
/*1----- GENERAL ------*/
/*2----- NAVEGACIÓN: MENUS, ETC ------*/
/*3----- SECCIONES PRINCIPALES ------*/
/*4----- LANDING PAGE -----*/

body {
    width: 100%;
    height: 100%;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #fff;
    background-color: #000;
}
html {
    width: 100%;
    height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 35px;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    /*letter-spacing: 1px;*/
	
}
h1, h2, h3 {text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.6);}
h1 { letter-spacing: -3px}
h2 { letter-spacing: -1px}
p {
    margin: 0 0 25px;
    font-size: 18px;
    line-height: 1.5;
}
@media(min-width:768px) {
    p {
        margin: 0 0 35px;
        font-size: 20px;
        line-height: 1.6;
    }
}
a {
    color: #cc071e;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a:hover,
a:focus {
    text-decoration: none;
    color: #aaa;
}
.light {
    font-weight: 400;
}
/*======== NAVEGACIÓN: MENUS, ETC ===========*/
.selectLang {display: block; clear: both; float:right;}
/*.selectLang::after {display: block; clear: both;}*/
.selectLang.nav.navbar-nav > li > a { color: #ccc !important; font-size: 11px !important; line-height: 16px !important; padding: 5px 30px 10px 15px!important;}
.selectLang.nav.navbar-nav > li > a:hover, .selectLang.nav.navbar-nav > li > a.active.hover { color: #fff !important;}
.selectLang.nav.navbar-nav > li > a.active { color: #cc071e !important;}
.selectLang.nav.navbar-nav > li:first-child > a{padding-right: 0px !important;}
.selectLang.nav.navbar-nav > li:first-child > a:after {content: "|"; color: #ccc; display: inline-block; padding-left: 15px;}
.navbar-custom {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #000;
}
.navbar-interior {background-color: #000 !important; }
.navbar-custom .navbar-brand {
    font-weight: 700;
}
.navbar-brand  {background-image: url(../img/logo-Carbotainer-color2.png); background-repeat: no-repeat; background-position: top left; display: block; height: 60px; padding: 0px !important; position: relative; margin-top: -30px; /*left: 0; top: 0;*/overflow: hidden; width: 310px;     margin: -10px 0 10px 0;
    width: 220px;
    background-size: contain; }
.navbar-brand  h2{position: absolute; top: -656px; left:-350px;}
.navbar-custom .navbar-brand:focus {
    outline: 0;
}
.navbar-custom .navbar-brand .navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}
.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
    outline: 0;
}
.navbar-custom a {
    color: #fff;
}
.navbar-custom .nav li a {
    -webkit-transition: background .2s ease-in-out,  color .2s ease-in-out;
    -moz-transition: background .2s ease-in-out,  color .2s ease-in-out;;
    transition: background .2s ease-in-out,  color .2s ease-in-out;;
}
.navbar-custom .nav li a:hover {
    outline: 0;
    color: rgba(255,255,255,.5);
    background-color: transparent;
}
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
    outline: 0;
    background-color: transparent;
}
.navbar-custom .nav li.active {
    outline: 0;
}
.navbar-custom .dropdown-menu {background-color: rgba(255, 255, 255, .7) !important; border-top: 5px solid #cc071e; min-width: 200px !important;}
.navbar-custom .dropdown-menu li a{padding: 6px 12px !important;}
.navbar-custom .dropdown-menu li a:hover{background-color: /*#cc071e*/rgba(0, 0, 0, .6) !important; color: #fff !important;}
.navbar-custom .nav li.active a {
    /*background-color: rgba(255,255,255,.3);*/
	background-color: #cc071e;
}
.navbar-custom .nav li.active a:hover {
    color: #fff;
	background-color: #c70142 !important;
}
.nav .open > a, .nav .open > a:focus,.nav .open > a:hover {background-color: transparent !important; color: rgba(255,255,255,.5) !important; outline: none !important;} 
@media (min-width: 992px) and (max-width: 1199px) {
	.textoSeccion {padding-right: 50px !important;padding-top: 5vh !important;}
	.textoSeccion h2 {padding-left: 22% !important; font-size: 2.7rem !important;}
	.textoSeccion h2 .h1 {font-size: 4.5rem !important;}
	.textoSeccion p {padding-left: 7% !important;}
}
@media (min-width: 816px) and (max-width: 1003px) {
	#mostrarPUR {left: -70px !important; top: 285px !important;}
}
@media (max-width: 815px) {
	#mostrarPUR {display: none !important;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.navbar-custom {background-color: rgba(0, 0, 0, 1) !important;}
	.navbar-header {float: none !important;}
	.navbar-brand {left: 31%; width: 45%;}
	.navbar-right {float: none !important; margin: 0 auto !important;}
	.navbar-right ul.navbar-nav {display: block; float: none !important; margin: 0 auto !important; text-align: center !important; width: 100%;}
	.intro {background-position:center 60px !important;}
	.textoSeccion {padding-right: 30px !important;padding-top: 5vh !important;}
	.textoSeccion h2 {margin-left: 45% !important; font-size: 2.7rem !important;}
	.textoSeccion h2 .h1 {font-size: 4.7rem !important;}
	.textoSeccion p {margin-left: 60% !important;}
	#botellaFull{left: -85px !important;}
	#mostrarFibra, #mostrarAlu {left: -70px !important;}
    
}
@media(min-width:768px) {
	.selectLang {}
    .navbar-custom {
        /*padding: 20px 0;*/
		padding: 5px 0;
        border-bottom: 0;
        /*letter-spacing: 1px;*/
        background: 0 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }
	/*.navbar-custom .container {width: 100% !important;}*/
    .navbar-custom.top-nav-collapse {
        /*padding: 0;*/
		padding: 5px 0;
        border-bottom: 1px solid rgba(255,255,255,.3);
        background: #000;
    }
}
@media (max-width: 767px) {
	.selectLang {width: auto !important; margin-right: 5px !important;}
	.selectLang li {display: inline-block !important;}
	.selectLang.nav.navbar-nav > li:first-child > a::after {padding-left: 7px !important;}
	.selectLang.nav.navbar-nav > li > a {font-size: 10px !important; padding: 5px 15px 10px 7px !important;}
	.navbar-brand {background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; margin-left: 15px !important; margin-top: -20px !important;width: 280px !important;}
	.intro {background-position: 92% 50px !important; background-size: auto 100% !important; -webkit-background-size:  auto 100% !important; -moz-background-size:  auto 100% !important; -o-background-size:  auto 100% !important; padding: 260px 0 150px !important;}
	.intro .intro-body .brand-heading {font-size: 60px !important;}
	.introproject-section h2 {font-size: 27px !important;}
	.introproject-section h2 span {font-size: 36px !important;}
	.content-section.bg-blanco {padding: 20px 0 30px !important;}
	.textoSeccion {padding-right: 30px !important;padding-top: 5vh !important;}
	.textoSeccion h2 {margin-left: 37% !important; font-size: 2.7rem !important;}
	.textoSeccion h2 .h1 {font-size: 4.7rem !important;}
	.textoSeccion p {margin-left: 55% !important;}
	#botellaFull{left: -120px !important;}
	#mostrarFibra, #mostrarAlu {left: -90px !important; width:90%; top: 7vh !important;}
    body.products #HeadPagina .intropage-section{padding-top: 120px!important;}
}
@media (min-width: 480px) {
	.no_parallax.content-section.bgDefecto{display: none !important;}
}
@media (max-width: 480px) {
	.navbar-brand {margin-top: -10px !important; width: 240px !important;}
	.intro {background-position: 85% 50px !important; background-size: auto 100% !important; -webkit-background-size:  auto 100% !important; -moz-background-size:  auto 100% !important; -o-background-size:  auto 100% !important; padding: 260px 0 150px !important;}
	.intro .intro-body .brand-heading {font-size: 50px !important;}
	#marcoParallax {display: none !important;}
	.scrollmagic-pin-spacer {display: none !important;}
	.content-section.bgDefecto {height: auto !important; overflow: visible !important;}
	.textoSeccion h2 .h1 {font-size: 4rem !important;}
	/*.content-section #fondoScenes1, .content-section #fondoScenes2, .content-section #fondoScenes3, .content-section #fondoScenes4, .content-section #fondoScenes5, .content-section #fondoScenes6 {height: auto !important;}*/
	#botellaFull, #mostrarFibra, #mostrarAlu {display: none !important;}
	/*.bgTextura + .container {}*/
	.bgTextura .container.featIntro {background: url(../img/botella-full-3.png) no-repeat 140% 20px scroll transparent; background-size: auto 95%; width: 100% !important;position: relative !important; height: auto !important; padding-right: 50px !important;}
	.textoSeccion {display: block !important; position: static !important;padding: 30px 15px!important;}
	.textoSeccion h2 {margin-left: 0 !important; margin-top:0 !important; padding: 0px !important; opacity: 1 !important;}
	.textoSeccion p {margin-left: 0 !important; padding: 0px !important; opacity: 1 !important;}
	.featDraw {background: url(../img/bg-Secciones-movil.jpg) no-repeat top center scroll transparent; background-size: auto 100% !important; -webkit-background-size:  auto 100% !important; -moz-background-size:  auto 100% !important; -o-background-size:  auto 100% !important; display: block; width: 100%; height: auto;}
	/*.featDraw .container{background: url(../img/botella-full-3.png) no-repeat -90% top scroll transparent; background-size: auto 100%; }*/
	.featDraw.textoSeccion{display: block;}
	.featDraw .textoSeccion p strong{text-shadow: 0px 0px 80px rgba(94, 198, 255, 1), 0px 0px 50px rgba(94, 198, 255, 1), 0px 0px 50px rgba(94, 198, 255, 1), 0px 0px 30px rgba(94, 198, 255, 1), 0px 0px 10px rgba(94, 198, 255, 1);}
	#Inteligente {background: url(../img/chips_TxtScene1.png) right 12vh  scroll no-repeat transparent; background-size: 60% auto !important;}
	.textoSeccion.Ligera h2 .h1{letter-spacing: -4px; !important;}
	.btn {white-space:normal !important;}
	
}
	
/*===================== 3- SECCIONES PRINCIPALES ===================*/
/*----------- ELEMENTOS COMUNES -----------------*/
.btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 15px;
    padding: 7px 16px;
    border: 2px solid #fff;
    border-radius: 100%!important;
    font-size: 40px;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}
.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #fff;
    background: rgba(255,255,255,.1);
}
.btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}
.btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}
@-webkit-keyframes pulse {    
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-moz-keyframes pulse {    
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}
.content-section {
    padding-top: 100px;
}
/*-------------- SECCION INTRO ---------------*/
.intro {
    display: table;
    width: 100%;
    height: auto;
    padding: 100px 0;
    text-align: center;
    color: #fff;
    background: url(../img/imagen-cabecera-1600-L3.jpg) no-repeat center -55px fixed;/*scroll*/
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	/*overflow: hidden;*/
}
.intro.clsMovil {background-attachment: scroll !important;}
.intro .intro-body {
    display: table-cell;
    vertical-align: middle;
/*	position: relative;*/
	
}
/*.bgSim{position: fixed; top: 0; left: 0; height: 85vh !important; overflow: hidden !important;}*/
.intro .intro-body .brand-heading {
    font-size: 40px;
}
.intro .intro-body .intro-text {
    font-size: 18px;
	text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.9);
}
@media(min-width:768px) {
    .intro {
        height: 100%;
        padding: 0;
    }
    .intro .intro-body .brand-heading {
        font-size: 90px;
		margin-top: 100px;
    }
    .intro .intro-body .intro-text {
        font-size: 26px;
    }
}
/*-------------- SECCION INTRO PROYECTO ----------------------*/
.content-section.bg-blanco {background-color: #fff !important; color: #888 !important; padding: 50px 0px 35px/* !important*/;}
.introproject-section h2, intropage-section h2 {font-size: 36px; text-shadow: none !important;}
.introproject-section h2 span, intropage-section h2 span {font-size: 50px; color: #000;}
.introproject-section a:hover, intropage-section a:hover {color: #fff !important;}
/*-------------- SECCION INTRO PÁGINAS INTERIOR ----------------------*/
#HeadPagina {
    display: table;
    width: 100%;
    height: auto;
    /*padding: 100px 0 75px;*/
    text-align: left;
    background-color: #FFF;
	background: rgba(99,99,99,1);
	background: -moz-linear-gradient(left, rgba(99,99,99,1) 0%, rgba(42,42,42,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(99,99,99,1)), color-stop(100%, rgba(42,42,42,1)));
	background: -webkit-linear-gradient(left, rgba(99,99,99,1) 0%, rgba(42,42,42,1) 100%);
	background: -o-linear-gradient(left, rgba(99,99,99,1) 0%, rgba(42,42,42,1) 100%);
	background: -ms-linear-gradient(left, rgba(99,99,99,1) 0%, rgba(42,42,42,1) 100%); 
	background: linear-gradient(to right, rgba(99,99,99,1) 0%, rgba(42,42,42,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#2a2a2a', GradientType=1 );
	padding-top: 0px !important;	
}
#HeadPagina h2.h1, #HeadPagina p {color: #fff;/*text-shadow: 0px 0px 80px rgba(255, 255, 255, 1), 0px 0px 50px rgba(255, 255, 255, 1), 0px 0px 50px rgba(255, 255, 255, 1), 0px 0px 30px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1);*/}
#HeadPagina.proyecto h2.h1, #HeadPagina.proyecto p {color: #000 !important;}
#HeadPagina.proyecto {background: url(../img/bg-PageProyecto.jpg) no-repeat right 55px scroll;}
#HeadPagina .intropage-section{padding-top: 120px !important;}
#HeadPagina .imgPage img.responsive{position: relative !important; bottom: 0px !important; vertical-align: bottom;}
#HeadPagina .imgPage{/*display: table !important;*/}
/*#HeadPagina .intropage-section.inteligente .container{
	background: url(../img/chips_TxtScene1.png) no-repeat right top scroll;
	-webkit-background-size: auto 80% !important;
    -moz-background-size:auto 80%  !important;
    background-size: auto 80%  !important;
    -o-background-size: auto 80%  !important;
	}*/
	
/*#HeadPagina .intropage-section.seguridad .container{
	background: url(../img/ico_Q.png) no-repeat 85% center scroll;
	-webkit-background-size: auto 70% !important;
    -moz-background-size:auto 70%  !important;
    background-size: auto 70%  !important;
    -o-background-size: auto 70%  !important;
	}*/
	
/*#HeadPagina .intropage-section.material .container{
	background: url(../img/botella-material.png) no-repeat 80% bottom scroll;
	-webkit-background-size: auto 100% !important;
    -moz-background-size:auto 100%  !important;
    background-size: auto 100%  !important;
    -o
	-background-size: auto 100%  !important;
	}*/
	
	/*#HeadPagina .intropage-section.proyecto .container{
	background: url(../img/botellaPageProyecto.png) no-repeat 80% bottom scroll;
	-webkit-background-size: auto 100% !important;
    -moz-background-size:auto 100%  !important;
    background-size: auto 100%  !important;
    -o-background-size: auto 100%  !important;
	}*/
#bodyPagina {     background-color: #fff;
    padding-top: 0px !important;
    background: #fff url(../img/lines.png) no-repeat -730px 50%;
    background-size: 1540px; 
    background-attachment: fixed;}
h3.contact {color: #000; text-align:center;margin:60px;text-transform: inherit;}
h2.contact{text-align:center;}
h2.contact::after{margin:0 auto !important; padding-top:20px !important;}
#bodyPagina h3 {color: #000;}

#bodyPagina .bg-primary{padding: 20px 50px;}
.intropage-section.proyecto, .intropage-section.noticias{
	background: url(../img/bg-PageProyecto.jpg) no-repeat left top scroll;
	background: url(../img/carbotainer-2018.jpg) no-repeat center;
	-webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    background-size: cover !important;
    -o-background-size: cover !important;
    background-attachment: fixed;
	/*padding-top: 60px !important;*/
	
	    text-shadow: 2px 2px 2px rgb(0, 0, 0);
		
		
}
.intropage-section.ligera, .intropage-section.economica, .intropage-section.inteligente{
	background: url(../img/bg-PagesVentajas.jpg) no-repeat left top scroll;
	-webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    background-size: cover !important;
    -o-background-size: cover !important;
	/*padding-top: 60px !important;*/
}
.intropage-section.seguridad, .intropage-section.material, .intropage-section.aplicaciones{
	background: url(../img/bg-PagesEspecs.jpg) no-repeat left top scroll;
	-webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    background-size: cover !important;
    -o-background-size: cover !important;
	/*padding-top: 60px !important;*/
}
body.products .txtPage {padding: 0 50px 0 0}
.txtPage {padding: 50px 50px 0 0;}
.subTitular{padding: 50px 50px 0 !important;}
.subTitular h3{margin: 0 !important;padding: 0 !important;}
#HeadPagina .txtPage {padding: 40px 50px 0 !important;}
 .txtPage p {font-size: 16px;}
 
 /*#bodyPagina .txtPage ul {margin: 0 0 35px;}*/
 #bodyPagina .txtPage li {color: #666; font-size: 16px; margin-top: 15px;}
 #bodyPagina .txtPage p { color: #666 !important;}
 #bodyPagina .txtPage dt {color: #cc071e !important; text-transform:uppercase;}
 #bodyPagina .txtPage dd {color: #666 !important;font-size: 12px; margin-bottom: 15px;}
 #bodyPagina .txtPage p.simCita {font-size: 2.5rem; font-weight: 700 !important; color: #000 !important; padding: 10px; text-align: center;}
 #bodyPagina .txtPage p.simCita:before,  #bodyPagina .txtPage p.simCita:after{
	border-bottom: 2px solid #cc071e !important;
	content:"";
	display: block;
	clear: both;
	line-height: 1px;
	text-align: center !important;
	margin: 20px auto;
	width: 70%;
  }
  #bodyPagina .txtPage dl {margin-bottom: 50px;}
  #bodyPagina .txtPage dl:before {
	border-bottom: 2px solid #cc071e !important;
	content:"";
	display: block;
	clear: both;
	line-height: 1px;
	text-align: left !important;
	margin: 15px 0px 30px !important;
	width: 70%;
  }
 
.intropage-section h2, .intropage-section h3 {text-shadow: none !important;}
.intropage-section h2 {color: #000; font-weight: 800; margin-bottom: 20px;margin-top: 50px;}
.intropage-section h2:after{
	border-bottom: 2px solid #cc071e !important;
	content:"";
	display: block;
	clear: both;
	line-height: 1px;
	text-align: center;
	margin: 50px  0 35px;
	width: 85px;
}
.intropage-section.noticias h2 {margin-top: 0px !important;}
.intropage-section.noticias .txtPage {margin-top: 40px !important;}
.intropage-section.noticias .imgPage  {margin-top: 50px !important;}
/*.txtPage .primero:before{
	border-bottom: 2px solid #cc071e !important;
	content:"";
	display: block;
	clear: both;
	line-height: 1px;
	text-align: center;
	margin: 35px  0;
	width: 85px;
}*/
/*#HeadPagina.ligera .imgPage, */#HeadPagina.seguridad .imgPage{padding-top: 60px;}
.resumeNews {margin-top: 35px; padding-bottom: 35px; border-bottom: 1px solid #cc071e;}
.no-border {border: none;}
a.linkNoticia {color: #000;}
a.linkNoticia:hover {color: #999;}
/*================= BASE PARALLAX  ====================*/
.content-section.bgDefecto {
	
	background: rgba(99,99,99,1);
	/*background: -moz-linear-gradient(left, rgba(99,99,99,1) 0%, rgba(42,42,42,1) 71%, rgba(42,42,42,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(99,99,99,1)), color-stop(71%, rgba(42,42,42,1)), color-stop(100%, rgba(42,42,42,1)));
	background: -webkit-linear-gradient(left, rgba(99,99,99,1) 0%, rgba(42,42,42,1) 71%, rgba(42,42,42,1) 100%);
	background: -o-linear-gradient(left, rgba(99,99,99,1) 0%, rgba(42,42,42,1) 71%, rgba(42,42,42,1) 100%);
	background: -ms-linear-gradient(left, rgba(99,99,99,1) 0%, rgba(42,42,42,1) 71%, rgba(42,42,42,1) 100%); 
	background: linear-gradient(to right, rgba(99,99,99,1) 0%, rgba(42,42,42,1) 71%, rgba(42,42,42,1) 100%);*/
	background: -moz-linear-gradient(left, rgba(99,99,99,1) 0%, rgba(42,42,42,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(99,99,99,1)), color-stop(100%, rgba(42,42,42,1)));
	background: -webkit-linear-gradient(left, rgba(99,99,99,1) 0%, rgba(42,42,42,1) 100%);
	background: -o-linear-gradient(left, rgba(99,99,99,1) 0%, rgba(42,42,42,1) 100%);
	background: -ms-linear-gradient(left, rgba(99,99,99,1) 0%, rgba(42,42,42,1) 100%); 
	background: linear-gradient(to right, rgba(99,99,99,1) 0%, rgba(42,42,42,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#2a2a2a', GradientType=1 );
	padding-top: 0px !important;
	display: block !important;
	overflow: hidden;
	height: /*675px*//*85vh*/ 100%;
	
	}
.scrollmagic-pin-spacer {height: 100% !important; /*padding-top: 0px!important;*/}
	
.content-section #bgTextura, .content-section .bgTextura {background: url(../img/bgTextura.png) repeat top left fixed transparent; /*overflow: hidden !important;*/ height: 100%; position: relative; /*padding-top: 50px !important;*/}
.content-section #fondoScenes1, .content-section #fondoScenes2, .content-section #fondoScenes3, .content-section #fondoScenes4, .content-section #fondoScenes5, .content-section #fondoScenes6 { /*background-size: cover *//*auto 100%*/ background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; position: absolute; top: 0/*675px*/; left: 0; /*z-index: 20; */width: 100% !important; height: 100% !important; opacity: 0;}
.content-section #fondoScenes1 {background: url(../img/bg_Scene1.png) no-repeat center center /*fixed*/ scroll transparent; z-index: 20;}
.content-section #fondoScenes2 {background: url(../img/bg_Scene2.jpg) no-repeat center center /*fixed*/ scroll transparent; z-index: 21;}
.content-section #fondoScenes3 {background: url(../img/bg_Scene3.jpg) no-repeat center center /*fixed*/ scroll transparent; z-index: 22;}
.content-section #fondoScenes4 {background: url(../img/bg_Scene4.png) no-repeat center center /*fixed*/ scroll transparent; z-index: 23;}
.content-section #fondoScenes5 {background: url(../img/bg_Scene5.jpg) no-repeat center center /*fixed*/ scroll transparent; z-index: 24;}
.content-section #fondoScenes6 {background: url(../img/bg_Scene6.jpg) no-repeat center center /*fixed*/ scroll transparent; z-index: 25;}
/*.content-section #fondoScenes1 {background: url(../img/spacer.gif) no-repeat center center fixed transparent; z-index: 20;}
.content-section #fondoScenes2 {background: url(../img/spacer.gif) no-repeat center center fixed transparent; z-index: 21;}
.content-section #fondoScenes3 {background: url(../img/spacer.gif) no-repeat center center fixed transparent; z-index: 22;}
.content-section #fondoScenes4 {background: url(../img/spacer.gif) no-repeat center center fixed transparent; z-index: 23;}
.content-section #fondoScenes5 {background: url(../img/spacer.gif) no-repeat center center fixed transparent; z-index: 24;}
.content-section #fondoScenes6 {background: url(../img/spacer.gif) no-repeat center center fixed transparent; z-index: 25;}*/
#marcoScenes{position: relative !important; height: 100% !important;}
/*#botellaFull{background:url(../img/botella-full.png) no-repeat 50px 30px scroll transparent; position: relative; top: 0; left: 0; height: 2718px;*/ /*height: 85vh !important;*/ /*height: 200%; *//*width: 100%; z-index: 20;}*/
#botellaSmall {display: none; position:relative; top: 55px; left: 0; width: 34%; z-index: 26;}
#botellaFull {/*background:url(../img/botella-full-2.png) no-repeat 50px 30px scroll transparent; */position:relative; top: 35px; left: 0; height: auto/*height: 2718px*/; width: 100%; z-index: 26;}
/*.imageSeccion{position: relative; top: 30px; left: 0; height: 2718px; width: 100%; z-index: 20;}*/
/*#sixFaces {opacity: 0; transition: transform 0.3s ease-out;}*/
/*.scrollblock {
	position: relative !important;
	margin: 0;
	width: 100%;
	height: 700px;
}*/
.textoSeccion {color: #bbb; position: absolute; width: 100%; height: 100%; padding-top:10vh; z-index: 35;}
.textoSeccion p{/*font-size: 16px !important; */line-height: 1.3 !important; margin-left: 50%; margin-bottom: 20px; opacity: 0;}
.textoSeccion .primero:before{
	border-bottom: 2px solid #bbb !important;
	content:"";
	display: block;
	clear: both;
	line-height: 1px;
	text-align: center;
	margin: 35px  0;
	width: 85px;
}
.textoSeccion p strong {color: #fff;}
.textoSeccion h2{padding-left: 15%; /*border-bottom: 1px solid #fff; */font-size: 6rem /*!important*/; margin-left: 35%; margin-top: 100px; opacity: 0;}
.textoSeccion h2 span {color: #fff !important; }
.textoSeccion h2 .h1{font-size: 8rem /*!important*/; font-weight: 700; letter-spacing: -2px;}
/*.textoSeccion h2::before{ content: url(../img/ico-1.png);}*/
.textoSeccion h2::after {}
.textoSeccion a.btn {border-color: #bbb !important; color: #bbb !important; font-size: 14px; margin-top: 35px;}
.textoSeccion a.btn:hover {border-color: #cc071e !important; color: #fff !important;}
.mostrar {opacity: 1.0;}
.fijar {background-position: left -100px !important; }
.textoSeccion p.arriba {z-index: 50;}
.resplandor {text-shadow: 0px 0px 80px rgba(94, 198, 255, 1), 0px 0px 50px rgba(94, 198, 255, 1), 0px 0px 50px rgba(94, 198, 255, 1), 0px 0px 30px rgba(94, 198, 255, 1), 0px 0px 10px rgba(94, 198, 255, 1);}
.resplandor2 {color: #fff !important; text-shadow: 0px 0px 80px rgba(204, 7, 30, 1), 0px 0px 50px rgba(204, 7, 30, 1), 0px 0px 50px rgba(204, 7, 30, 1), 0px 0px 30px rgba(204, 7, 30, 1), 0px 0px 10px rgba(204, 7, 30, 1);}
/*================= CAPAS TEXTO PARALLAX  ====================*/
/*-------------- SECCION 6 CARAS / PROYECTO ----------------------*/
#sixFaces {top: 0px; right: 0;/* opacity: 0;*/}
/*-------------- SECCION INTELIGENTE ----------------------*/
#Inteligente { background: url(../img/chips_TxtScene1.png) right 12vh  scroll no-repeat transparent; top: 0/*85vh*/; right: -200%; opacity: 0;}
#Inteligente h2::before, .Inteligente h2::before{ content:url(../img/ico_Scene_1.png); display: block; margin: 0 0 10px -10px;}
#Inteligente h2{right: 200%;}
/*-------------- SECCION SEGURA ----------------------*/
#Segura {top: 0/*85vh*/; right: -200%; /*opacity: 0;*/}
#Segura h2::before, .Segura h2::before{ content:url(../img/ico_Scene_2.png); display: block; margin: 0 0 10px -10px;}
#mostrarPUR  { position: absolute; z-index: 34; top: 285px; left: 12px; opacity: 0;}
/*-------------- SECCION TECNOLÓGICA ----------------------*/
#Tecnologica {top: 0/*85vh*/; right: -200%; /*opacity: 0;*/}
#Tecnologica h2::before, .Tecnologica h2::before{ content:url(../img/ico_Scene_3.png); display: block; margin: 0 0 10px -10px;}
#Tecnologica p{color: #ccc !important; text-shadow: 0px 0px 26px rgba(0, 0, 8, 1);}
#Tecnologica a.btn {border-color: #ccc !important; color: #ccc !important;}
#Tecnologica a.btn:hover {border-color: #cc071e !important;}
#mostrarFibra { position: absolute; z-index: 31; top: 12vh; left: 12px; opacity: 0;}
/*-------------- SECCION POLIVALENTE ----------------------*/
#Polivalente {top: 0/*85vh*/; right: -200%;/* opacity: 0;*/}
#Polivalente h2::before, .Polivalente h2::before{ content:url(../img/ico_Scene_4.png); display: block; margin: 0 0 10px -10px;}
#Polivalente p{color: #ccc !important; text-shadow: 0px 0px 26px rgba(0, 0, 0, .55);}
#Polivalente a.btn {border-color: #ccc !important; color: #ccc !important;}
#Polivalente a.btn:hover {border-color: #cc071e !important;}
#mostrarAlu { position: absolute; z-index: 33; top: 13vh; left: 15px; opacity: 0;}
/*-------------- SECCION ECONÓMICA ----------------------*/
#Economica {top: 0/*85vh*/; right: -200%;/* opacity: 0;*/}
#Economica h2 span {color: #cc071e !important;}
#Economica h2::before, .Economica h2::before{ content:url(../img/ico_Scene_5.png); display: block; margin: 0 0 10px -10px;}
#Economica p{color: #777 !important;}
#Economica p strong {color: #cc071e;}
#Economica a.btn {border-color: #cc071e !important; color: #cc071e !important;}
#Economica a.btn:hover {color: #fff !important;}
/*-------------- SECCION LIGERA ----------------------*/
#Ligera {top: 0/*85vh*/; right: -200%;/* opacity: 0;*/}
#Ligera h2::before, .Ligera h2::before{ content:url(../img/ico_Scene_6.png); display: block; margin: 0 0 0px -10px;}
#Ligera h2::after {margin: 20px 0;}
#Ligera h2 {margin-top: 35px !important;}
#Ligera p {color: #ccc !important; text-shadow: 0px 0px 26px rgba(0, 0, 0, .55);}
#Ligera a.btn {border-color: #fff !important; color: #fff !important; margin: 20px 0 !important;}
#Ligera a.btn:hover {border-color: #cc071e !important;}
@media(min-width:991px) and (max-width:1200px) {
	#marcoScenes.container {width: 100% !important;}
	.textoSeccion{padding-right: 50px;}
	.textoSeccion h2{margin-left: 32% !important; margin-top: 80px !important;}
	.textoSeccion p{margin-left: 47% !important;}
	#Inteligente { background: url(../img/chips_TxtScene1.png) 90% 12vh  scroll no-repeat transparent !important;}
}
/*================= ./ FIN CAPAS TEXTO PARALLAX  ====================*/
/*================== SECCIÓN NOTICIAS ===================*/
.content-section.Noticias-section{color: #888; padding: 35px 0px !important; background: url(../img/bgNews.png) no-repeat fixed top left #fff !important;}
.content-section.Noticias-section h2{color: #888; font-size: 4rem !important; text-align: center; text-shadow:none !important;}
.content-section.Noticias-section h3 {text-shadow: none !important;}
.content-section.Noticias-section h2 .h1{ color: #000; font-size: 6rem !important; font-weight: 700; letter-spacing: -2px;}
.content-section.Noticias-section p{font-size: 1.6rem !important; line-height: 1.4;}
/*.content-section.Noticias-section h2{color: #888; font-size: 36px !important; text-shadow:none !important;}
.content-section.Noticias-section h2 .h1{ color: #000; font-size: 50px !important; font-weight: 700; letter-spacing: -2px;}*/
.newsPanel .media-body {padding-left: 20px;}
.media-heading {color: #000 !important; margin-bottom: 10px;}
.newsPanel h3{background-color: #cc071e; color: #fff; font-size: 1.6rem !important; padding: 10px 20px;}
.newsPanel h3 span {display: inlne-block; float: right;}
.newsPanel .newsPic a {outline: none !important;}
.newsPanel .newsPic a img{width: 100% !important;}
/*-------------- MODAL LIGHTBOX --------------*/
#profile-grid { overflow: auto; white-space: normal; }
#profile-grid .profile { padding-bottom: 40px; }
#profile-grid .panel { padding: 0 }
#profile-grid .panel-body { padding: 15px }
#profile-grid .profile-name { font-weight: bold; }
#profile-grid .thumbnail {margin-bottom:6px;}
#profile-grid .panel-thumbnail { overflow: hidden; }
#profile-grid .img-rounded { border-radius: 4px 4px 0 0;}
.modal-title {color: #cc071e !important; text-shadow:none !important;}
.modal-body p, .modal-body li {color: #666; font-size: 14px; font-weight: 300; margin-bottom: 25px;}
.modal-body img {width: 100%; height: auto;}
.modal-footer .btn:hover {color: #fff;}
.modal-header .fa {font-size: 3rem;}
/*-------------- ./ FIN MODAL LIGHTBOX --------------*/
.newsletterPanel{padding: 0 30px 30px !important;}
.newsletterPanel h3 {color: #000; font-size: 2rem !important;}
.newsletterPanel h3::after {
	border-bottom: 2px solid #cc071e;
	content:"";
	display: block;
	clear: both;
	line-height: 1px;
	text-align: center;
	margin: 35px  0;
	width: 85px;
}
.content-section.Noticias-section input[type="text"], .content-section.Noticias-section input[type="email"] {
	width: 100% !important;
	margin-bottom: 10px;
}
/*.newsletterPanel a.btn {background-color: #cc071e !important; border-color: #cc071e !important; color: #fff !important; font-size: 1.6rem !important;}
.newsletterPanel a.btn:hover {background-color: transparent !important; color: #cc071e !important;}*/
.newsletterPanel a.btn {background-color: transparent !important; border-color: #cc071e !important; color: #cc071e !important;}
.newsletterPanel a.btn:hover {background-color: #cc071e !important; color: #fff !important;}
.content-section.Noticias-section #name placeholder, .content-section.Noticias-section #email placeholder  {
	color: #666 !important;
}
.content-section.Noticias-section #name::-webkit-input-placeholder, .content-section.Noticias-section #email::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    color: #666 !important;
}
.content-section.Noticias-section #name:-moz-placeholder, .content-section.Noticias-section #email:-moz-placeholder {
    /* Firefox anterior a 19 */
    color: #666 !important;
}
.content-section.Noticias-section #name::-moz-placeholder, .content-section.Noticias-section #email::-moz-placeholder {
    /* Firefox 19 y superior */
    color: #666 !important;
}
.content-section.Noticias-section #name:-ms-input-placeholder, .content-section.Noticias-section #email:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    color: #666 !important;
}
@media(max-width: 479px) {
	.content-section.Noticias-section h2 .h1 {font-size: 4rem !important;}
	.content-section.Noticias-section h2{font-size: 3.3rem !important;}
	.intro {padding-top: 170px !important; padding-bottom: 100px !important;}
	/*.newsPanel .newsPic{margin-bottom: 35px !important;}*/
	
	
}
@media(max-width: 767px) {
	.newsPanel .newsPic a img{width: 50% !important;}
	.newsPanel .newsPic a {margin: 0 auto 20px !important; text-align: center;}
}
/*==================./FIN SECCIÓN NOTICIAS ===================*/
/*================== SECCIÓN CONTACTO ===================*/
.content-section.Contacto-section input[type="text"], .content-section.Contacto-section input[type="email"], .content-section.Contacto-section textarea {
	background-color: #555 !important;
	border: none;
	color: #fff !important;
	font-size: 16px;
	padding: 10px 10px !important;
	width: 100% !important;
}
.content-section.Contacto-section input[type="text"], .content-section.Contacto-section input[type="email"], .content-section.Contacto-section textarea{ margin-bottom: 35px !important;}
.content-section.Contacto-section p {margin-bottom: 0px !important;}
.content-section.Contacto-section input[type="submit"]{background-color: transparent !important; border-color: #cc071e !important; color: #cc071e !important; margin: 0 auto !important; padding: 10px 35px; width: auto;}
.content-section.Contacto-section input[type="submit"]:hover {background-color: #cc071e !important; color: #fff !important;}
/*.has-error .help-block*/ 
/*#msgSubmit.text-danger h4, #suscripSubmit.text-danger h4 {background-color: #cc071e !important; border-color: #fff !important; color: #fff !important; padding: 7px;}
#msgSubmit.text-success h4, #suscripSubmit.text-success h4 {background-color: #ccc !important; border-color: #fff !important; color: #cc071e !important; padding: 7px;}*/
.text-danger {
	background-color: #cc071e !important;
	border-color: #fff !important;
	color: #fff !important;
	font-size: 14px !important;
	padding: 7px !important;
	}
.text-success {
	background-color: #389160 !important;
    border: 1px solid #bbb !important;
    color: #FFF !important;
    font-size: 14px !important;
    padding: 7px !important;
	}
.content-section.Contacto-section #form-submit {display: block; margin-bottom: 20px;}
	
/*.solid-section.contacto input placeholder, .solid-section.contacto textarea placeholder {
	color: #888 !important;
}*/
.content-section.Contacto-section::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    color: #9b9b9b;
}
.content-section.Contacto-section:-moz-placeholder {
    /* Firefox anterior a 19 */
    color: #9b9b9b;
}
.content-section.Contacto-section::-moz-placeholder {
    /* Firefox 19 y superior */
    color: #9b9b9b;
}
.content-section.Contacto-section:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    color: #9b9b9b;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
  color: #999 !important;
}
/*------ DATOS CONTACTO FOOTER CON DASHICONS --------*/
/*.solid-section.contacto .datosContacto p.emailContacto, .solid-section.contacto .datosContacto p.dirWeb {
	height: 22px;
}*/
.content-section.Contacto-section {padding: 85px 0px !important; background-color: #333 !important;}
.content-section.Contacto-section p{font-size: 1.35rem !important; line-height: 1.4;}
.content-section.Contacto-section .datosContacto  > h4 + p {margin-bottom: 25px !important;}
.content-section.Contacto-section .datosContacto p.dirPostal, .content-section.Contacto-section .datosContacto p.emailContacto, .content-section.Contacto-section .datosContacto p.telContacto, .content-section.Contacto-section .datosContacto p.dirWeb {
    display: block;
    height: 30px;
    margin-bottom: 27px !important;
    padding-top: 10px;
    vertical-align: middle;
}
.content-section.Contacto-section .datosContacto p.dirPostal::before, .content-section.Contacto-section .datosContacto p.emailContacto::before, .content-section.Contacto-section .datosContacto p.telContacto::before, .content-section.Contacto-section .datosContacto p.dirWeb::before {
    background-color: #cc071e;
	
	
	    background: linear-gradient(to right, rgb(0, 0, 0), rgb(67, 67, 67));
		
		
		
    border: medium none;
    border-radius: 3px;
    display: inline-block;
    float: left;
    font: 14px/1 "fontawesome";
    height: 30px;
    margin-right: 15px;
    margin-top: -5px;
    padding-top: 10px;
    text-align: center;
    width: 30px;
}
.content-section.Contacto-section .datosContacto p.dirPostal {/*margin-bottom: 20px !important;*/ padding-top: 0px !important;}
.content-section.Contacto-section .datosContacto p.dirPostal::before{margin-top: 5px !important;}
.content-section.Contacto-section .datosContacto p.dirPostal::before {content: "\f041";}
.content-section.Contacto-section .datosContacto p.emailContacto::before {content: "\f0e0";}
.content-section.Contacto-section .datosContacto p.telContacto::before {content: "\f095";}
.content-section.Contacto-section .datosContacto p.dirWeb::before {content: "\f0c1";}
.emailContacto a { color:#fff!important;}
/*------ /. FIN DATOS CONTACTO FOOTER CON DASHICONS --------*/
/*==================./FIN SECCIÓN CONTACTO ===================*/
/*================== FOOTER ===================*/
footer { width: 100%; padding: 25px 0 !important; color: #ccc !important;}
footer p {font-size: 12px !important; text-transform: uppercase !important; }
/*============================================================*/
#map {
    width: 100%;
    height: 200px;
    margin-top: 100px;
}
@media(min-width:767px) {
    .content-section {
        padding-top: 250px;
    }
    .download-section {
        padding: 100px 0;
    }
    #map {
        height: 400px;
        margin-top: 250px;
    }
}
.btn {
    border-radius: 0;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.btn-default {
    border: 1px solid #cc071e;
    color: #cc071e;
    background-color: transparent;
}
.btn-default:hover,
.btn-default:focus {
    border: 1px solid #cc071e;
    outline: 0;
    color: #fff;
    background-color: #cc071e;
}
ul.banner-social-buttons {
    margin-top: 0;
}
@media(max-width:1199px) {
    ul.banner-social-buttons {
        margin-top: 15px;
    }
}
@media(max-width:767px) {
    ul.banner-social-buttons li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }
    ul.banner-social-buttons li:last-child {
        margin-bottom: 0;
    }
}
footer {
    padding: 50px 0;
}
footer p {
    margin: 0;
}
::-moz-selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
}
::selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
}
img::selection {
    background: 0 0;
}
img::-moz-selection {
    background: 0 0;
}
body {
    webkit-tap-highlight-color: rgba(255,255,255,.2);
}
.small {font-size: 10px !important;}
/*==================== COOKIES =====================*/
#cookieChoiceInfo div span {color: #666;}
#cookieChoiceDismiss {display: block !important; margin: 25px auto 5px !important; padding: 10px !important; border: 1px solid #cc071e !important; background: transparent !important; width: 200px !important; text-align: center !important; text-transform: uppercase !important;}
#cookieChoiceDismiss:hover{color: #FFF !important; background-color: #cc071e !important;}
.cookielawinfo-classic {color: #666;}
.cookielawinfo-classic thead {color: #cc071e; white-space:nowrap;}
@media (max-width: 480px) {
#ventanaDialog{margin-top: 0px !important; font-size: 11px !important; width: 90% !important;}
}
/* Fin del CSS para cookies */
/*4 =========================== LANDING PAGE ===============================*/
body.landing {
	background-image: -moz-linear-gradient( 0deg, rgb(103,137,158) 0%, rgb(80,109,144) 12%, rgb(56,81,130) 28%, rgb(48,74,124) 58%, rgb(63,99,103) 80%, rgb(77,124,82) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(103,137,158) 0%, rgb(80,109,144) 12%, rgb(56,81,130) 28%, rgb(48,74,124) 58%, rgb(63,99,103) 80%, rgb(77,124,82) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(103,137,158) 0%, rgb(80,109,144) 12%, rgb(56,81,130) 28%, rgb(48,74,124) 58%, rgb(63,99,103) 80%, rgb(77,124,82) 100%);
  font-size: 21px !important;
  height: 100%;
}
.landing p {font-size: 21px; font-weight: 300; line-height: 1.25; margin-bottom: 25px !important;}
.landing .bgTextura {background: url(../img/bgTextura.png) repeat top left fixed transparent; /*overflow: hidden !important; height: 100%;*/ position: relative; /*padding-top: 50px !important;*/}
.landing .bgLogo {background: url(../img/logo_bgPage.png) no-repeat top left fixed transparent; background-size: 25%; padding-top: 15px; position: relative;}
.landingHeader h1 {background: url(../img/logo_landing.png) no-repeat top left scroll transparent; background-size: 92% auto; margin-bottom: 0; padding-top: 145px;}
.landingHeader h2 {font-size: 36px; font-weight:300;}
.landingh2Strong {color: #00c6ff; font-weight: 700;}
.landingHeader h3 {border-bottom: 5px dotted #fff; color: #00c6ff; font-size: 22px; letter-spacing: -1px; padding-bottom: 7px;}
.landingContactForm {background-color: rgba(0, 0, 0, 0.4); border-radius: 15px; margin: 35px auto; padding: 45px;}
.landingContactForm p.introForm {font-size: 24px; font-weight: 700; letter-spacing: -1px;}
.landingContactForm #landingForm p span, .landingContactForm #landingForm p span input, .landingContactForm #landingForm p span textarea, .landingContactForm #landingForm button {width: 100%;}
.landingContactForm #landingForm input, .landingContactForm #landingForm textarea {border-radius: 5px; color: #000; padding: 5px 10px;}
.landingContactForm #landingForm placeholder {color: #aaa;}
.landingContactForm #landingForm .btn.btn-default {background-color: #cd1719; border: none; border-radius: 5px; color: #fff; font-size: 24px; font-weight: 700;}
.landingContactForm #landingForm .btn.btn-default:hover {background-color: #fff; border: none; color: #cd1719; padding: 10px 0 !important; text-transform: uppercase !important;}
.contactoAlt div {font-size: 1.5rem; text-align: center;}
.contactoAlt i {color: #00c6ff; display: block; clear:both; margin-bottom: 5px;}
.contactoAlt a {color: #fff; font-weight: 400;}
.contactoAlt a:hover {color: #fff; font-weight: 400;}
.landingFeaturesList {padding-top: 140px;}
.landingFeaturesList .h1 {border-bottom: 5px dotted #fff; font-size: 48px; padding-bottom: 7px;}
.landingFeaturesList dt {background: url("") no-repeat top left scroll transparent; border-bottom: 1px solid #fff; font-weight: 700; font-size: 30px; height: 85px; padding-top: 37px; padding-bottom: 5px; margin-bottom: 12px; margin-top: 40px; text-transform:uppercase;}
.landingFeaturesList dt.landingIcoUno {background-image: url("../img/ico-1-landing.png");}
.landingFeaturesList dt.landingIcoDos {background-image: url("../img/ico-2-landing.png");}
.landingFeaturesList dt.landingIcoTres {background-image: url("../img/ico-3-landing.png");}
.landingFeaturesList dd p {font-size: 18px;}
.bottom-p h3 {    
	border-bottom: 5px dotted #fff;
    color: #00c6ff;
    font-size: 22px;
    letter-spacing: -1px;
    padding-bottom: 7px;}
.bottom-p { margin-bottom:50px;}
.bottom-p p, .bottom-p ul li { font-size:18px;}
.bottom-p ul { padding-left: 19px;}
.footer-p { background-color:#000;  text-align:center; padding-top:20px;padding-bottom:20px;}
.footer-p h3 {color: #00c6ff; font-size:22px; margin-bottom:16px;}
.footer-p a { color:#fff!important; text-transform: initial;}
.footer-p .row { font-size:18px;}
.footer-p .contactoAlt i { display: inline;}
.footer-p .fa-3x { font-size: 2em; margin-right: 5px;}
.footer-p .col-md-3 { padding-right: 0; padding-left: 0;}
#footer-p .row { margin-left:0; margin-right:0;}
@media (max-width: 550px) {
	.landingFeaturesList .h1 { font-size:40px;}
	.landingFeaturesList dt { font-size:23px;}
	
}
@media (max-width: 500px) {
	.landingFeaturesList .h1 { font-size:33px;}
	
}
@media (max-width: 480px) {
	.landingFeaturesList dt { font-size:19px;}
	
}
@media (max-width: 400px) {
.landingFeaturesList .h1 { font-size: 27px;}
.landingFeaturesList dt { font-size:13px;}
}
/* ******************************************************************************************************************************************************************************** */
/* ******************************************************************************************************************************************************************************** */
/* ******************************************************************************************************************************************************************************** */
/* EXTENDING CARBOTAINER - 2018 */
.activities { padding-top: 0; padding-bottom: 60px; overflow: auto;  }
.activities .h3 { font-weight: 700; min-height: 52px; margin-bottom: 21px; }
.activities .col-md-6 { padding: 30px 31px 0 50px;  }
.2coltxt { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2;  }
.2coltxt p { margin: 0;  }
.row.lasttwo { padding-bottom: 70px; }
.services .txtPage { padding-bottom: 50px; }
img.newyear { max-width: 230px !important; }
body.carbotainer #bodyPagina { padding-top: 50px !important; padding-bottom: 30px; }
body.carbotainer #bodyPagina ul { padding-left: 0; }
body.carbotainer #bodyPagina .txtPage { padding-top: 30px; } 
/*body.products .introd .txtPage { padding: 0 50px 0 0; } */
body.products .introd { padding: 0 15px 0 15px; } 
body.products-page .introd{padding-left: 0!important;padding-right: 0!important;}
body.products .introd .two img{ /* -webkit-box-shadow: 0px 0px 60px -25px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 60px -25px rgba(0,0,0,0.75); box-shadow: 0px 0px 60px -25px rgba(0,0,0,0.75); */ /* border: 21px solid #ffffff; */  } 
body.products .exlpan {padding: 0 15px 80px 15px}
@media screen and ( min-width:992px ){
	
	body.carbotainer .lasttwo .one { padding-top: 0; } 
	body.carbotainer .lasttwo .two { padding-top: 0; }
	body.products .three { padding-left: 0; padding-bottom: 50px; padding-top: 0; }
	body.products .four { padding-top: 140px; }
	
}
body.products .initial img { max-width: 250px;}
body.products #HeadPagina .txtPage { padding: 40px 50px 50px !important; }
.services img.newyear { max-width: 210px !important; }
:lang(es) .navbar-nav>li>a {
    font-size: 12.5px;
    letter-spacing: 0.5px;
	padding: 14px 11px;
}
/*Actualizacion Septiembre-2019
Incluida página de productos, botella ultralight y bloque ultralight*/
        
        .self-align-bottom{ align-self: flex-end;}
        .overflow-hidden{overflow: hidden;}
        .intropage-section.product{
            padding-bottom:100px;
         }
        .maxwidth-m{
            max-width: 400px;
        }
        .maxwidth-m-500{
            max-width: 80%;
        }
        .maxwidth-20percen{
            max-width: 20%;
        }
        .maxwidth-s{
            max-width: 230px;
        }
        .maxwidth-xs{
                max-width: 180px;
            }
         .show-section{display: none}
         .d-flex-intro{display: flex;
            align-self: center;}
            body.products .product .pad-col-xs-6:nth-of-type(odd){
                padding: 30px 20px 30px 50px;
            }
            body.products .product .pad-col-xs-6:nth-of-type(even){
                padding: 30px 50px 30px 20px;
            }
    
         h2.product-title{
            color: #999;
            text-align: center;
            padding-top: 20px;
            clear: both;
         } 
         h2.product-title:nth-of-type(1){
            margin-bottom: 10px;
            margin-top: 20px;
         }
         h2.product-title:nth-of-type(2){
            margin-bottom: 10px;
            margin-top: 80px;
         }
         p.product-text{min-height: 75px;}
         h2.product-title:after{
            text-align: center;
            margin: 20px auto 35px;
         }
         h2.new{
            text-align: center;
            background: rgba(255, 255, 255, 0.29);
            padding: 31px;
            margin-top: -20px;
            color: #fff;
            font-weight: 400;
        }
         h2.new:after{
            border-bottom: 0!important;
            margin: 0;
        }
         h3.product-title{
            font-size: 20px;
            text-transform: none;
            color: #666!important;
            margin-top: 30px;
            clear: both;
            margin-bottom: 15px;
         }
         .product .row{
            margin-right: 0!important; 
            margin-left: 0!important;
        }
         .float-md-right{
            float: right;
         }
         .product p{
            color: #666;
            font-size: 16px;
         }
         h3.model-title{
            color: #666!important;
            text-transform: none;
            clear: both;
            margin: 0 auto 10px;
            text-align: center;
         }
         h3.model-title span{
            color: #999;
         }
         a.product-link{
            position: relative;
         }
         a.product-link:after{
            content:">";
            display: block;
            position: absolute;
            top: 0;
            right: -12px;
         }
         .d-flex{display: flex;}
         .mt-5{margin-top: 5em!important;}
         .flex-end{align-self: flex-end;}
         .p-30{padding:30px;}
         .align-right{text-align: right;}
        .mt-40{margin-top: 55px;max-width: 380px;}
        .mt-20{margin-top: 20%}
        .mt--80{margin-top:-40px; max-width: 80%;}
        .mt--25{margin-top: -15px;}
        .mt--50{margin-top: -50px;}
        .newrelease{padding:2px 5px; background-color: #cc071e; color: #fff;}
        @media(max-width:1200px){
            h2.new{
            margin-top: 20px;
        }
        }
        @media(max-width: 1199px){
            body.products #HeadPagina .intropage-section{padding-top: 150px!important;}
        }
         @media(max-width: 991px){
            .product .row.col-xs-12-2{width:80%; 
                margin: 0 auto!important; 
                float: none;margin-right: auto!important;
                margin-left: auto!important}
            h2.new{
                margin-top: 75px;
            }
            body.products #HeadPagina .intropage-section{padding-top: 220px!important;}
            .hide-section{display: none}
            .show-section{display: block;}
            .mt-3{
                margin-top: 3em!important;
            }
         }
         @media(max-width: 910px){
            .no-float-xs{float: none;}
            
            .mt--80{margin-top:0}
            .mt--25{margin-top: 0}
        	.mt--50{margin-top: 0;}
        }
        @media(max-width: 767px){
            .intropage-section.product{
                margin-top:0;
            }
            body.products #HeadPagina .intropage-section{padding-top: 120px!important;}
            h2.new{
            margin-top: -20px;
        }
            .mt-40{margin-top: 10px}
            .mt-20{margin-top: 10px;}
            /*body.products .introd{
                padding: 50px 50px 0;
            }*/
            .d-flex-intro{display: block;}
            img.d-flex-intro{margin-top: -70px;}
        }
        @media(max-width: 728px){
            .d-block-xs{
                display:block;
            }
        }
        @media(max-width: 672px){
            .product .row.col-xs-12-2{
                width:100%; 
                float: none;
                margin-right: 0!important;
                margin-left: 0!important}
               .col-xs-12{padding-right:15px;padding-left: 15px;}
               body.products-page .col-xs-12{padding-right:0;padding-left:0;}
               body.products .txtPage{
                padding-right: 15px;
                padding-left: 15px;
                }
        }
        @media(max-width: 484px){
            body.products .product .pad-col-xs-6:nth-of-type(odd){
                padding: 30px 30px 30px 10px;
            }
            body.products .product .pad-col-xs-6:nth-of-type(even){
                padding: 30px 10px 30px 30px;
            }
            body.products .product .product-title{margin-bottom: 15px }
            .maxwidth-m{
                max-width: 100%!important;
            }
            .maxwidth-s{
                max-width: 100%!important;
            }
            .maxwidth-xs{
                max-width: 100%!important;
            }
        }
        @media(max-width: 390px){
            body.products .product .pad-col-xs-6:nth-of-type(odd){
                padding: 20px 20px 20px 0;
            }
            body.products .product .pad-col-xs-6:nth-of-type(even){
                padding: 20px 0 20px 20px;
            }
        }
        @media(max-width: 415px){
            p.product-text{
                min-height: 97px;
            }
        }
        @media(max-width: 400px){
            .mt-5.mt-2{margin-top: 2em;}
        }
        @media(max-width: 370px){
            a.product-link{
                font-size: 12px;
            }
        }
        @media(max-width: 332px){
            a.product-link:after {
                top: 20px;
            }
        }

        html[lang="es"] .intro  {
            width: 100%;
            display: block;
        }

        html[lang="es"] .intro .intro-body {
            display: block;
        }
        html[lang="es"] .intro .intro-body .container {
            width: 100%;
            max-width: 1200px;
        }
        
        html[lang="es"] .intro .intro-body .container .row {
            margin: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        html[lang="es"] .intro .intro-body .container .row .col-md-8.col-md-offset-2{
            margin: 0 auto;
            width: 100%;
            max-width: 100%;
            padding: 0;
        }

        html[lang="es"] .intro .intro-body .container .row .col-md-8.col-md-offset-2 .swiper .swiper-wrapper .swiper-slide {
            flex-direction: column;
        }
       
        html[lang="es"] .intro .intro-body .brand-heading {
            font-size: 80px;
            letter-spacing: -2px;
            max-width: 900px;
            margin-top: 200px;
        }
        html[lang="es"] .intro .intro-body  .swiper-button-next, 
        html[lang="es"] .intro .intro-body .swiper-button-prev {
            background-color: rgba(0, 0, 0, 1);
            border-radius: 50px;
            height: 50px;
            width: 50px;
            color: #fff;
        }
        html[lang="es"] .intro .intro-body  .swiper-button-next:after, 
        html[lang="es"] .intro .intro-body .swiper-button-prev:after {
            font-size: 24px;
        }
        html[lang="es"] .boxinfoh2{
            padding: 50px 0;
        }
        html[lang="es"] .boxinfoh2 .txtPage{
            padding: 0;
            margin-bottom: 40px;
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
        }
        html[lang="es"] .boxinfoh2 .txtPage.two{
            flex-direction: row-reverse;
        }
        html[lang="es"] .boxinfoh2 .txtPage:last-child{
            margin: 0;
        }
        html[lang="es"] .boxinfoh2 .txtPage .box-img{
            width: 48.5%;
        }
        html[lang="es"] .boxinfoh2 .txtPage .box-img img{
            width: 100%;
            max-width: 100%;
        }
        html[lang="es"] .boxinfoh2 .txtPage .box-text{
            width: 48.5%;
        }
        html[lang="es"] .boxinfoh2 .txtPage .box-text .h2{
            margin: 5px 0 0;
        }
        html[lang="es"] .boxinfoh2 .txtPage .box-text .h2:after{
            margin: 15px 0;
        }
        html[lang="es"] .boxinfoh2 .txtPage .box-text p{
            margin: 0 0 15px;
        }
        
        
        @media(max-width: 1200px){
            html[lang="es"] .intro .intro-body .brand-heading {
                font-size: 62px !important;
                max-width: 700px;
            }
        }
        @media(max-width: 1024px){
            html[lang="es"] .intro .intro-body .brand-heading {
                font-size: 54px !important;
                margin-top: 250px;
            }
            html[lang="es"] .boxinfoh2{
                padding: 50px 5%;
            }
            html[lang="es"] .boxinfoh2 .txtPage, html[lang="es"] .boxinfoh2 .txtPage.two{
                flex-direction: column;
            }
            html[lang="es"] .boxinfoh2 .txtPage .box-text,
            html[lang="es"] .boxinfoh2 .txtPage .box-img{
                width: 100%;
            }
            html[lang="es"] .boxinfoh2 .txtPage .box-img{
                max-width: 550px;
                margin: 10px auto;
            }
        }
        @media(max-width: 960px){
            html[lang="es"] .intro .intro-body .brand-heading {
                max-width: 80%;
            }
        }
        @media(max-width: 768px){
            html[lang="es"] .intro .intro-body .brand-heading {
                margin-top: 0;
            }
        }
        @media(max-width: 480px){
            html[lang="es"] .intro .intro-body .brand-heading {
                font-size: 28px !important;
            }
            html[lang="es"] .intro .intro-body .intro-text{
                max-width: 80%;
            }
        }

        @media (min-width: 1200px) {
            .container {
                width:1200px;
            }
        }