.error:after{
	content:'Campo Obligatorio';
	padding:3px;
	background:#ff3900;
	color:#fff;
	font-size:10px;
	position:absolute;
	top:0;
	right:15px;
}
.error input[type="text"], .error textarea{border: 1px solid #ff3900;}

.img-header{background:url(../img/banner.jpg) no-repeat center center; height:calc(100vh); background-attachment:fixed; background-size:cover; color:#fff; position:relative; padding:0;}
.img-header img{width:100%;}
.img-header .frase{position:relative; padding:40px 0;  font-size:3vw; line-height:3vw; width:calc(50vw); font-weight:bold; top:calc(35vh);}
.img-header .frase .ms-slide{padding-left:5%; padding:0 5%; padding-right:50%; vertical-align: middle; margin:auto;}
.ms-view, .ms-view .ms-slide-container {
    z-index: 9 !important;
}
.img-header .imagen{position:absolute; width:50%; height:100%; right:0; top:0;}
.img-header .imagen img{max-width:100%; max-height:90%; width:auto; height:auto; mix-blend-mode: multiply; margin:auto;}
.img-header .frase span{z-index:1; position:relative; margin:auto 0;}
.img-header .frase:after{
	content:'';
	position:absolute;
	background:#1191C4;
	z-index:0;
	left:0;
	top:0;
	width:100%;
	height:100%;
	mix-blend-mode: multiply;
}
.img-header .caption h1{font-size:72px;}
.img-header .caption span{background:rgba(0,0,0,.5); font-size:20px; padding:3px 14px; border-radius:20px; font-family:Arial, Helvetica, sans-serif;}
.img-header .btns{position:relative; top:calc(45vh); padding-left:5%;}
.img-header .btns .btn{
	border-radius:0; background:#14B7E9 !important; color:#fff !important; font-size:1.5vw !important; line-height:1.5vw !important; padding:15px 30px; margin-right:15px;
	-moz-transition: 0.6s;
    -o-transition: 0.6s;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.img-header .btns .btn:hover{
	transform: scale(1.1);
	-moz-transition: 0.6s;
    -o-transition: 0.6s;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.img-header .btns .btn.dark{background:#1191C4 !important;}
.img-header .btns .btn i{margin-right:10px;}

.logo{position:absolute; left:5%; top:calc(10vh); z-index:9;}
.logo img{max-width:100%; height:calc(15vh);}
.socials {
    position: absolute;
    top: 21px;
    right: 0;
    font-size: 22px;
    color: #fff;
    width: 25%;
    text-align: center;
}
.header-info {
    position: absolute;
    top: 21px;
    left: 0;
    font-size: 14px;
    color: #fff;
    width: 25%;
	text-align: center;
	font-family:Arial;
	vertical-align: middle;
	display:table-cell;
	height:40px;
}
.header-info span{opacity:0.5;}
.header-info i{font-size:30px; vertical-align: middle;} 
.socials i{margin:0 6px;}
.socials a{color:#fff;}

.section1{background:url(../img/section1_bg.png) no-repeat right bottom #FAFAFA;  background-size:contain; color:#000; position:relative; padding:80px 5% 100px 5%; text-align:left;}
.section1 h2{font-size:2.8vw; font-weight:bold; color:#222;}
.section1 .desc{position:relative; margin-top:40px; padding-left:50px; padding-right:25%; border-left:1px solid #14B7E9;}
.section1 .desc:before{
	opacity:0;
	content:'';
	position:absolute;
	left:-6px;
	top:0;
	width:12px;
	height:40px;
	background:#14B7E9;
}
.section1 .desc.go:before{
	opacity:0;
	-webkit-animation: toTop 1s forwards;
	-moz-animation: toTop 1s forwards;
	-o-animation: toTop 1s forwards;
	animation: toTop 1s forwards;
	-moz-animation-delay: .5s;
	animation-delay: .5s;
}

.fixed-header.active .nav-item{padding:9px 0;}
.fixed-header.active .logo{height:44px;}
@-webkit-keyframes toTop {
	0%   { top: 0px; opacity:0;}
	100% { top: 20px; opacity:1;}
}

.section2{
	color:#000; position:relative; padding:0; text-align:left; padding:0;
}
.section2 h2{position:absolute; top:-25px; left:8%; font-weight:bold; background:#000; color:#fff; width:auto; padding:14px 28px 10px 28px; z-index:2; }
.section2 h3{font-weight:bold;}
.section2 .col-md-6{
	padding:90px 5% 60px 5%;
	line-height:18px;
}
.section2 .col1{
	background:#14B7E9;
	color:#fff;
}
.section3{
	position:relative; background:url(../img/video_bg.jpg) no-repeat center center; background-size:cover; height:calc(100vh); cursor:pointer;
}
.section3 .video-play{
	position:absolute;
	width:100px;
	height:100px;
	left:50%;
	top:50%;
	margin-top:-50px;
	margin-left:-50px;
	z-index:2;
	-moz-transition: 0.6s;
    -o-transition: 0.6s;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.section3:hover .video-play{
	transform:scale(1.1);
	opacity:0.6;
	-moz-transition: 0.6s;
    -o-transition: 0.6s;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.section4 .col-4{padding:0;}
.section4 img{width:100%;}

.section5{
	padding:60px 5%;
	column-count: 2;
	column-gap: 10%;
	color:#4F4F4F;
}

.contact-content{background:#14B7E9; color:#fff;  padding:80px 10%; position:relative;}
.contact-content h3{color:#fff; font-weight:bold; font-size:20px; margin-bottom:0;}
.contact-content h4{color:#ccc; font-size:24px; font-weight:100; font-family: Arial, Helvetica, sans-serif; margin-top:15px;}
.contact-content .desc{font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.contact-content .mensaje{color:#fff !important; margin-top:25px; font-size:12px; font-family:Arial; vertical-align: middle;}
.contact-content  .mensaje i{font-size:32px; vertical-align: middle; color:#fff; background:#8fbb1c; border-radius:50%; width:25px; height:25px; padding-top:0; line-height:26px;} 
.contact-content  .mensaje span{display:inline-block; padding-left:10px; line-height:11px; text-decoration: none !important; vertical-align: middle; text-align:left;}


.contact-content .form{
	margin:0;
	text-align:left;
	color:#fff;
}
.contact-content .form input,.contact-content .form textarea{width:100%; padding:8px 20px; border:1px solid #ccc; border-radius:0; resize:none;}

.contact-content .btn{background:#1191C4; color:#fff; border:0; width:max-content !important; padding:10px 40px !important;}
.contact-content label{font-size:12px;}
	
.footer{padding:20px 15%; text-align:center; background:#f5f5f5;}	
.footer img{max-height:20px;}
	
@media screen and (min-width: 1200px) {
	.header{padding:15px 30px;}
	.header .logo img {height:70px;}
}
@media screen and (max-width: 980px) {
	.img-header .frase{ padding:15px 0;}
	.header-info{display:none;}
	.socials {font-size: 24px;}
	.socials i {margin: 0 2px;}
	.section1 {font-size:16px; padding: 60px 5% 150px 5%; text-align:center; background-size:50%;}
	.section1 img{ display:none;}
	.section1 .col-8{max-width:100%;}
	.section1 h2{font-size:22px; line-height:22px;}
	.section1 .desc {
		position: relative;
		margin-top: 40px;
		text-align:left;
		padding-left: 50px;
		padding-right: 5%;
		border-left: 1px solid #14B7E9;
	}
	.section2 .col-md-6 {
		padding: 90px 10% 60px 10%;
		line-height: 18px;
	}
	.section5 {
		column-count: 1;
		column-gap: 0;
	}
	.bg-content .frase h2, .bg-content .form h2 {font-size:22px; line-height:26px;}
	.elegir{padding: 60px 5%; text-align: center;}
	.elegir h2{font-size:60px; line-height:58px; margin-bottom:20px;}
	.elegir .step{text-align:left;}
	.bg-content .frase {padding: 25px 10%;}
	.bg-content .frase img{height:80px;}
	.logos-mall{padding:30px 0 60px 0;}
	.logos-mall img{max-width:98%; height:auto !important;}
	.gallery {padding: 6px;}
	.bg-content .form {padding: 25px 0;}
	#home_form, .bg-content .form .fila{padding:0;}
	.bg-content .form .fila .col-md-5 {text-align:center;}
	.gallery .col-md-2.nm{display:none !important;}
	.steps{margin-top:40px;}
}
@media screen and (max-width: 600px) {
	
	.img-header .frase{ font-size: 5vw; line-height: 6vw; padding:40px 0;}
	.img-header .imagen {
		position: absolute;
		width: 50%;
		height: 100%;
		right: -15%;
		top: 0%;
	}
	.img-header .frase span{max-width:calc(60vw); display:block;}
	.img-header .btns .btn {
		font-size: 4vw !important;
		line-height: 4vw !important;
	}

	.contact-content .form{margin-top:50px; padding:0;}
	.header {
		position: relative;
		background: #8fbb1c;
		padding: 15px 30px;
		text-align: center;
	}
	
	.img-header .caption {
		position: absolute;
		top: 0px;
		left: 10%;
		width: 80%;
		text-align: center;
		font-size: 18px;
	}
	.img-header .caption h1{font-size:38px;}
	.img-header .btn{font-size:18px;}
	
	.section1 h1{font-size:32px; line-height:36px;}

	.gallery{text-align:center;}
	.gallery .logo-black, .gallery .productos-title{max-width:50%; width:auto; display:inline-block; margin-right:0; margin-top:30px;}

	.bg-content .frase h2 {font-size:18px; line-height:20px;}
	.bg-content .form .fila{margin-bottom:10px;}
	.bg-content .form .fila .col-md-5 {text-align:center;}
	.bg-content .form{font-size:12px;}
	.bg-content .btn {margin-right:15px; width:100%; float:none; margin-top:25px;}
	.logos-mall .col-md-6{width:100%;}
	.gallery .col-md-12{height:40px;}
}

.modal-transparent {
	background: transparent;
}
.modal-content {
	background: transparent;
}
.modal-content video{
	width:80%;
	margin:0 10%;
}
.modal-backdrop .modal-backdrop-transparent {
		background: #ffffff;
}
.modal-backdrop .modal-backdrop-transparent.in {
	opacity: .9;
	filter: alpha(opacity=90);
}
.modal-backdrop-fullscreen {
	background: #ffffff;
}
.modal-backdrop-fullscreen.in {
	opacity: .97;
	filter: alpha(opacity=97);
}
.modal-fullscreen {
	background: transparent;
	
}
.modal-content {
	background: transparent;
	border: 0;
	box-shadow: none;
}
.modal-dialog {
	margin: 0;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
.close{color:#fff; opacity:0.9;}
@media(min-width: 768px) {
	.modal-fullscreen .modal-dialog {
		width: 750px;
	}
}
@media(min-width: 992px) {
	.modal-fullscreen .modal-dialog {
		width: 970px;
	}
}
@media(min-width: 1200px) {
	.modal-fullscreen .modal-dialog {
		width: 100%;
	}
}
@media (min-width: 576px){
	.modal-dialog {
		max-width: 100%;
		margin:0;
	}
  }
  @media (max-width: 576px){
	.modal-content video{
		width:100%;
		margin:0;
	}
  }