@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@font-face {
  font-family: "Myriad Pro";
  src: url('../fonts/myriadpro-regular.otf');
}

:root {
	--size: 50vmin;
	--white: #fff;
	--blue: #3051f1;
	--purple: #c92bb7;
	--red: #f73344;
	--orange: #fa8e37;
	--yellow: #fcdf8f;
	--yellow_to: #fbd377;
}
.prelative{
	position: relative;
}
body{
	font-family: "Open Sans", serif;
	background: #fff;
}
#header{
	background: #fff;
	height: 132px;
	z-index: 4;
}
.wrap{
	overflow: hidden;
}
.dFlex{
	display: flex;
	flex-wrap: wrap;
}
.container{
	width: 100%;
	max-width: 1350px;
	margin: 0 auto;
	padding: 0 15px;
}

#topOptions{
	padding-top: 15px;
}
#topOptions .dFlex{
	min-height: 51px;
	justify-content: right;
	align-items: center;
}
#topOptions ul,
#topOptions li{
	list-style: none;
	margin: 0;
	padding: 0;
}
#topOptions li{
	float: left;
	margin-right: 1px;
	position: relative;
	color: #053d88;
	font-size: 16px;
}
#topOptions li.phoneTop{
	margin-right: 50px;
	font-size: 18px;
}
#topOptions li.phoneTop a{
	font-size: inherit;
	align-items: center;
}
#topOptions li.phoneTop .fa{
	font-size: 120%;
	margin-right: 5px;
}
#topOptions a{
	display: inline-flex;
	color: inherit;
	font-size: 17px;
	font-family: "Open Sans", serif;	
	padding: 0 5px;
	font-weight: 700;
	-webkit-transition: linear all .3s;
  	-o-transition: linear all .3s;
  	transition: linear all .3s;
}
#topOptions a:hover,
#topOptions li.active a{
	color: #053d88;
	text-decoration: none;
}

/*Menu*/
#menuTop .container{
	max-width: 1350px;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
}
#menuTop #logoTop{
	display: inline-block;
	position: relative;
  	top: -40px;
}
#menuTop #logoTop img{
	max-width: 100%;
	max-height: 85px;
}
#menuTop ul,
#menuTop li{
	list-style: none;
	margin: 0;
	padding: 0
}
#menuTop #menu{
	position: absolute;
	right: 15px;
  	top: 10px;
}
#menuTop li{
	padding: 0 23px;
	position: relative;
}
#menuTop ul li:last-child{
	padding-right: 0;
}
#menuTop #menu a{
	display: flex;
	height: 34px;
	align-items: center;
	position: relative;
	padding: 0;
	color: #053d88;
	font-size: 15px;
	font-family: "Montserrat", serif;
	text-decoration: none;
	font-weight: 600;
	text-transform: uppercase;
	justify-content: center;
	position: relative;
}
#menuTop #menu a:before{
	display: none;
	content: "";
	background: #ff7e00;
	height: 2px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;

}
#menuTop #menu .active a:before,
#menuTop #menu a:hover:before{
	display: block;	
}


#datFooter{
	background: #234287;
}
#datFooter .container{
	width: 1380px;
	margin: 0 auto;
	padding: 0 15px;
}
#datFooter .cnt{
	position: relative;
	padding-left: 250px;
}

#datFooter .row1{
	padding-top: 42px;
}
#datFooter .row1 .col{
	padding: 0 15px;
	font-family: "Montserrat", serif;
	color: #fff;
	position: relative;
	font-size: 19px;
}

#datFooter .row1 .col1{
	background: #234287;
	display: flex;
	align-items: center;
}
#datFooter .row1 .col1:before{
	display: block;
	content: "";
	background: inherit;
	width: 500px;
	left: -500px;
	height: 100%;
	position: absolute;
}

#logoFooter{
	padding: 5px 10px;
}

#datFooter .row2{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0;
	padding: 0 0 0 72px;
}
#datFooter .row2 .item{
	min-width: 330px;
	max-width: 510px;
}
#datFooter .row2 .title{
	font-weight: 600;
}
#datFooter .item3,
#datFooter .item4{
	padding-top: 35px;
}
#datFooter .social{
	display: flex;
}
#datFooter .social li{
	margin-right: 16px;
}
#datFooter .social a{
	display: flex;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: #FFF;
	color: #232323;
	justify-content: center;
	align-items: center;
	font-size: 26px;
}
#datFooter .social a:hover{
	text-decoration: none;
	background: #D2D2D2;
}

/*Footer*/
#footer .contentFooter{
  	display: flex;
  	align-items: center;
  	color: white;
	font-family: "Montserrat", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	padding: 35px 250px 25px 0;
	justify-content: center;
}
#footer .contentFooter .row{
	margin-bottom: 25px;
}

#footer .tfooter {
  	line-height: 16px;
  	text-align: center;
  	min-height: 22px;
  	display: flex;
	justify-content: center;
}
#footer .tfooter a{
	color: inherit;
}
#footer #powered {  	
  	line-height: 16px;
  	margin: 0 auto 0;
  	width: auto;
  	text-align: center;
}
#footer #powered a {
  	color: inherit;
  	align-items: center;
}
#footer #powered a:hover{
	text-decoration: none;
}




a#toTop {
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 37px;
  color: #fff;
  border-radius: 50%;
  position: fixed;
  background: #01bbb8;
  -moz-box-shadow: 0 0 3px 2px #FFF;
  -ms-box-shadow: 0 0 3px 2px #FFF;
  -o-box-shadow: 0 0 3px 2px #FFF;
  -webkit-box-shadow: 0 0 3px 2px #FFF;
  box-shadow: 0 0 3px 2px #FFF;
  left: 40px;
  bottom: 90px;
  display: none;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  z-index: 20;
  padding: 30px 0 0 30px;
}
a#toTop::before {
  display: block;
  content: "‹";
  transform: rotate(90deg);
  font-size: 50px;
  text-align: center;
  position: absolute;
  left: 6px;
  top: 0;
  width: 100%;
}

.wow{

	visibility: hidden;

}

#divVideo{
	position: relative;
}
#home-video {
	position: relative;
}
#home-video video {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
}
#home-video .container{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
}



/*Inicio*/
#home-1{
	background: url('../images/home/Tu-marca-Parallax.jpg') center top no-repeat;
	background-attachment: fixed;
}
#home-1 .container{
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 15px;
	height: 720px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-family: "Montserrat", serif;
}
#home-1 .title{
	text-align: left;
	margin-bottom: 30px;
}
#home-1 .title>div{
	display: flex;
	font-weight: 600;
	font-size: 50px;
	color: #fff;
	max-width: 500px;
  	flex-direction: column;
  	width: 560px;
  	justify-content: left;
	line-height: 1;
}
#home-1 .title b{
	display: block;
	font-weight: 900;
	font-size: 56px;
	text-align: right;
}
#home-1 .text1{
	font-size: 30px;
	color: #fff;
	margin-bottom: 30px;
	line-height: 1.3;
	text-align: justify;
}
#home-1 .text2{
	font-size: 19px;
	color: #fff;
	margin-bottom: 30px;
	line-height: 1.3;
	font-weight: 400;
	text-align: justify;
}

#carrucelLogos .owl-carousel .owl-item img {
  display: block;
  width: initial;
  max-width: 100%;
}
.owl-carousel .owl-stage{
	display: flex;
	height: 248px;
	background: #fcfcfc;
}
#carrucelLogos .owl-carousel .owl-item{
	display: flex;
	justify-content: center;
	align-items: center;
}

#certificaciones{
	padding: 100px 0;
}
#certificaciones .title{
	font-size: 49px;
	color: #ff9600;
	text-align: center;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 10px;
	font-weight: 900;
	margin-bottom: 55px;
	font-family: "Montserrat", serif;
}
#certificaciones .text{
	font-size: 29px;
	color: #0a1535;
	text-align: center;
	line-height: 1.2;
	font-weight: 400;
	margin-bottom: 40px;
	font-family: "Montserrat", serif;
}
#certificaciones .row{
	margin: 0 -30px;
}
#certificaciones .row.mt50{
	margin-top: 50px;
}
#certificaciones .col{
	padding: 0 30px;
	font-size: 21px;
	font-family: "Montserrat", serif;
	margin-bottom: 50px;
}
#certificaciones .col2{
	border-left: solid 5px #ff9600;
	border-right: solid 5px #ff9600;
}
#certificaciones .tit{
	font-size: 23px;
	text-align: center;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 25px;
}

#certificaciones .certificaciones{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 50px 0;
}
#certificaciones .separador{
	background: url('../images/home/separador.png') center top no-repeat;
	height: 16px;
	border-radius: 5px 5px 0 0;
}


/*Productos*/
#productos-1{
	background: #fafafa;
	padding: 154px 0 0;
}
#productos-1 .container{
	max-width: 1590px;
	padding: 0 15px;
	margin: 0 auto;
}
#productos-1 .row{
	flex-wrap: wrap;
	margin: 0 -78px;
}
#productos-1 .col{
	width: 50%;
	flex-basis: 50%;
	padding: 0 78px 156px;
	flex-grow: initial;
}
#productos-1 .col video{
	display: block;
	width: 100%;
}
#productos-1 .titProd{
	font-size: 36px;
	color: #253f85;
	font-weight: 800;
	line-height: 1.3;
	margin-top: 10px;
	font-family: "Montserrat", serif;
	position: relative;
}
#productos-1 .titProd b{
	font-weight: 800;
}
#productos-1 a .titProd span{
	position: relative;
}
/*#productos-1 a .titProd span:before{
	display: none;
  	content: "";
  	background: #ff7e00;
  	height: 2px;
  	width: 100%;
  	position: absolute;
  	bottom: 0;
  	left: 0;;
}*/
#productos-1 a:hover{
	text-decoration: none;
}
#productos-1 a:hover .titProd{
	color: #ff7e00;
}
/*#productos-1 a:hover .titProd span:before{
	display: block;
}*/


#sliderTop,
#sliderTop2,
#sliderTop3{
	position: relative;
}
#sliderTop .flex-control-paging li a,
#sliderTop2 .flex-control-paging li a,
#sliderTop3 .flex-control-paging li a{
	border: solid 1px #7e8eb7;
	height: 21px;
	width: 21px;
	background: #FFF;
	border-radius: 50%;
}
#sliderTop .flex-control-paging li a.flex-active,
#sliderTop2 .flex-control-paging li a.flex-active,
#sliderTop3 .flex-control-paging li a.flex-active{
	background: #0a1535;
}
#sliderTop .flex-control-nav,
#sliderTop2 .flex-control-nav,
#sliderTop3 .flex-control-nav {
  bottom: -55px;
}


.producto-1{
	padding: 100px 0;
}
.producto-1 .container{
	font-family: "Montserrat", serif;
	font-size: 23px;
	color: #0a1535;
}
.producto-1 .title{
	font-size: 84px;
	color: #ff6600;
	font-weight: 300;
	line-height: 1;
	text-transform: uppercase;
	
}
.producto-1 .title b{
	display: block;
	padding-left: 206px;
	font-weight: 800;
}

.producto-1 .row{
	margin: 0 -15px;
}
.producto-1 .col{
	padding: 0 15px;
}
.producto-1 .desc1{
	font-size: 45px;
	color: #ff6600;
	font-weight: 200;
	line-height: 1;
	padding: 20px 0 75px;
}
.producto-1 .titDesc{
	font-size: 40px;
	color: #0a1535;
	font-weight: 500;
	margin-bottom: 10px;
}
.producto-1 .col1 article{
	border-left: solid 38px #ff6600;
	padding-left: 30px;
}
.producto-1 .dDesc2 li,
.producto-1 .dDesc3 li{
	margin-bottom: 10px;
}
.sepProd{
	height: 100px;
}

/*Contacto*/
.bannerContacto{
	position: relative;
}
.bannerContacto .container{
	height: 100%;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
}
.bannerContacto .title{
	font-family: "Barlow Semi Condensed", serif;
	font-size: 100px;
	color: #FFF;
	font-weight: 700;
	background: url('../images/contacto/bgTitle.png') center bottom no-repeat;
	background-size: 100% 100%;
	padding: 40px 170px;
	line-height: 110px;
}
.bannerProductos.sombraTexto .title{
	text-shadow: 0 0 30px rgba(0,0,0,5);
}

#areaForm{
	position: relative;
	background: #e4e4e5;
	padding: 0 110px;
}
#areaForm:before{
	display: block;
	content: "";
	background: #234287;
	width: 112px;
	position: absolute;
	top: 19px;
	bottom: 19px;
	left: 0;
}
#frmContact{
	background: #d8d8d8;
	padding: 81px 26px;
}
#areaForm .row{
	margin: 0
}
#areaForm .col{
	padding: 0;
	width: 50%;
	flex-basis: 50%;
}
.formContact .form-group{
	padding: 0 15px 20px;
}
.formContact .form-group.col2{
	width: 50%;
	flex-basis: 50%;
}
.formContact .form-group.col1{
	width: 100%;
}
.formContact .form-control{
	display: block;
	border: none;
	border-radius: 9px;
	background: #fff;
	width: 100%;
	height: 67px;
	padding: 0 15px;
	font-family: "Montserrat", serif;
  	font-size: 22px;
	color: #a8a8a8;
	font-weight: 500;
}
.formContact .btn{
	display: block;
	width: 100%;
	height: 74px;
	text-align: center;
	color: #fff;
	background: #234287;
	border: none;
	text-align: center;
	font-family: "Montserrat", serif;
  	font-size: 28px;
	text-transform: uppercase;
	border: none;
	border-radius: 8px;
	margin: 0 auto;
	font-weight: 800;
	cursor: pointer;
}
.formContact .btn:hover{
	opacity: 0.8;
}
.align-center{
	display: flex;
	align-items: center;
	justify-content: center;
}
.formContact textarea.form-control {
	height: 154px;
	padding-top: 8px;
	padding-bottom: 8px;
}
#areaForm iframe{
	display: block;
	width: 100%;
}
.formContact .tels{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-size: 25px;
	color: #313131;
	font-family: "Montserrat", serif;
	letter-spacing: 5px;
	font-weight: 600;
	height: 74px;
	align-items: center;
}
.formContact .tels .fa{
	display: inline-flex;
	height: 29px;
	width: 29px;
	justify-content: center;
	align-items: center;
	background: #234287;
	color: #FFF;
	border-radius: 50%;
	font-size: 20px;
	letter-spacing: initial;
}
.whatsapp {
	position: fixed;
	width: 60px;
	height: 60px;
	bottom: 50px;
	right: 10px;
	background-color: #25d366;
	color: #FFF !important;
	border-radius: 50px;
	text-align: center;
	font-size: 38px;
	z-index: 100;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 5px;
}
.whatsapp:hover{
	text-decoration: none;
}
#ubicaciones{
	background: #e4e4e5;
}
#ubicaciones .title{
	font-size: 74px;
	color: #178fbc;
	font-family: "Montserrat", serif;
	font-weight: 300;
	text-transform: uppercase;
	line-height: 1.3;
	padding: 85px 0 50px;
}
#ubicaciones .title strong{
	color: #424242;
	font-weight: 800;
}
#ubicaciones .col{
	padding-bottom: 57px;
}
#ubicaciones article{
	max-width: 615px;
	margin: 0 auto;
}
#ubicaciones .mapa{
	border-radius: 30px;
	overflow: hidden;
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);
}
#ubicaciones .mapa iframe{
	width: 100%;
}
#ubicaciones .infoDir{
	border-radius: 0 70px 0 70px;
	background: #666667;
	padding: 45px 44px;
	margin-top: 75px;
	height: 290px;
	display: flex;
	flex-direction: column;
	color: #FFF;
	font-family: "Montserrat", serif;
}
#ubicaciones .titleLocation{
	background: url('../images/contacto/ico1.png') 0 0 no-repeat;
	padding-left: 82px;
	font-size: 46px;
	line-height: 1;
	font-weight: 300;
	text-transform: uppercase;
	min-height: 77px;
}
#ubicaciones .titleLocation b{
	display: block;
	font-weight: 800;
	line-height: 1;
}
#ubicaciones .text{
	padding-left: 82px;
	padding-top: 25px;
	font-size: 22px;
}
.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#nosotros-1{
	padding: 150px 0 70px;
}
#nosotros-1 .title{
	color: #ff6600;
	font-family: "Montserrat", serif;
	font-size: 82px;
	line-height: 1;
}
#nosotros-1 .title strong{
	font-weight: 800;
	display: block;
}
#nosotros-1 .title div{
	text-align: right;
	display: inline-block;
}
#nosotros-1 .text{
	color: #2e4a8b;
	font-family: "Montserrat", serif;
	font-size: 29px;
	line-height: 1;
	font-weight: 300;
	margin: 30px 0 80px;
	text-align: justify;
}
#nosotros-1 .row2{
	margin: 0 -33px;
}
#nosotros-1 .row2 .col{
	padding: 0 32px;
}
#nosotros-1 article{
	position: relative;
	border: solid 1px #2e4a8b;
	border-radius: 0 35px 35px 35px;
	padding: 40px 27px;
	font-size: 12px;
	font-family: "Montserrat", serif;
	color: #2e4a8b;
	font-weight: 600;
	line-height: 1;
	height: 100%;
}
#nosotros-1 article:before{
	display: block;
	content: "";
	width: 68px;
	height: 68px;
	position: absolute;
	left: 19px;
	top: -35px;
	background: url('../images/nosotros/icon.png') 0 0 no-repeat;
}
#nosotros-1 article .title2{
	font-size: 21px;
	margin-bottom: 15px;
	text-align: center;
	font-weight: 800;
}

#nosotros-2 .text1{
	font-size: 33px;
	color: #262626;
	text-align: center;
	line-height: 1.3;
	font-style: italic;
	margin-bottom: 70px;
}
#nosotros-2 .row{
	margin: 0 -39px;
}
#nosotros-2 .row .col{
	padding: 0 39px 40px;
}
#nosotros-2 .title{
	font-size: 39px;
	color: #262626;
	font-weight: 600;
	margin-bottom: 20px;
}
#nosotros-2 .text{
	font-size: 25px;
	color: #262626;
	font-weight: 400;
	border-left: solid 35px #ff6600;
	padding-left: 32px;
}

#nosotros-3{
	padding: 150px 0 70px;
}
#nosotros-3 .title{
	color: #ff6600;
	font-family: "Montserrat", serif;
	font-size: 82px;
	line-height: 1;
	text-transform: uppercase;
}
#nosotros-3 .title strong{
	font-weight: 800;
	display: block;
	text-align: right;
}
#nosotros-3 .title div{
	text-align: left;
  	display: block;
  	margin: 0 auto;
  	max-width: 1070px;
}
#nosotros-3 .text {
  color: #ff6600;
  font-family: "Montserrat", serif;
  font-size: 29px;
  line-height: 1;
  font-weight: 300;
  margin: 30px 0 80px;
  text-align: justify;
}
#nosotros-3 .mapa img{
	margin: 0 auto;
}