@import url(font/stylesheet.css);

html{width: 100%;overflow-x: hidden;}
body {background: white;font-size: 12px;font-family: latoregular;overflow-x: hidden;}
a {text-decoration: none;}
a:hover{text-decoration: none;}

.clear { clear: both; }
.dn{display: none;}
.msg{color: #000;font-size: 1.6em;text-align: center;}
.help-block{color: red !important;font-family: latobold}

.btn-bars{display: none;}
header{overflow: hidden;padding: 5px 0;background-color: #fff;}
header .logo img{width: 110px;}
header .navegation{margin: auto auto;}
header .menu ul{list-style: none;padding: 0;margin: 0px;float: right;}
header .menu ul li{font-size: 1.4em;font-family: latobold;text-align: center;display: inline-block;margin: 0px 30px;border-bottom: 4px solid transparent;}
header .menu ul li:hover{border-bottom: 4px solid #0256b8;}
header .menu ul li a{color: #0056b4;}
header .menu ul li a:hover{color: #0056b4;}
header .menu ul li a span{background-color: #0026a2;padding: 10px 30px;border-radius: 10px;color: #FFFFFF;text-transform: uppercase;}
header .menu ul li.social a{background-color: #0056b4;font-size: 1.0em;color: #fff;padding: 10px 15px;border-radius: 30px;margin: 0 5px;transition: all 0.5s ease-out;}
header .menu ul li.social a:nth-child(2){padding: 10px 10px;}
header .menu ul li.social a:hover{background: #0056b4;color: #fff;}
header .menu ul li.social:hover{border-bottom: 4px solid transparent;}

header .logo {margin: auto auto;text-align: center;}

.bloq-social{position: fixed;top: 30%;right: 0;background-color: transparent;z-index: 99;font-size: 2.4em;text-align: center;border-radius: 10px;}
.bloq-social img{margin-bottom: 10px;}
.bloq-social a{color: #fff;}
.bloq-social a:hover i{background-color: #2b2b2b;}

.h-bloq1{}

.h-bloq1 #slideBaners .carousel-item{position: relative;}
.h-bloq1 #slideBaners .carousel-item .content{position: absolute;top: 35%;left: 0;width: 100%;}
.h-bloq1 #slideBaners .carousel-item .content p{text-align: center;font-size: 5.2em;color: #FFFFFF;line-height: 1;margin-bottom: 0;font-family: robotobold;}
.h-bloq1 #slideBaners .carousel-item .content p strong{color: #68ba45;font-size: 0.8em;font-family: robotoblack;}
.h-bloq1 #slideBaners .carousel-item .content p a.btn-more{background-color: #ffffff;color: #054d7f;padding: 10px 12px;font-size: 0.3em;border-radius: 3px;text-transform: uppercase;}
/*.h-bloq1 #slideBaners .btns-slide{position: absolute;top: 40%;right: 20%;z-index: 9;}
.h-bloq1 #slideBaners .btns-slide p{line-height: 3;}
.h-bloq1 #slideBaners .btns-slide p span{background-color: transparent;color: #68ba45;padding: 10px 15px;font-size: 1.6em;border: 2px solid #68ba45;cursor: pointer;}
.h-bloq1 #slideBaners .btns-slide p span:hover{background-color: #054d7f;color: #FFFFFF;border: 2px solid #054d7f;}*/

.h-bloq2{background-color: #ffffff;padding: 160px 0;}
.h-bloq2 h3{font-family: latoregular;color: #0256b8;margin-bottom: 20px;font-size: 3.4em;text-align: center;text-transform: uppercase;letter-spacing: 2px;}
.h-bloq2 p{font-family: latoregular;color: #333333;font-size: 2.2em;margin-bottom: 60px;line-height: 1.4;text-align: center;}
.h-bloq2 p.btn-more{font-size: 1.8em;margin: 0;}
.h-bloq2 p.btn-more span{background-color: #f91c3b;color: #fff;padding: 10px 20px;cursor: pointer;border-radius: 5px;transition: all 0.3s ease-out;}
.h-bloq2 p.btn-more span i{color: #0055b4;margin-left: 10px;}
.h-bloq2 p.btn-more span:hover{background-color: #0055b4;}
.h-bloq2 p.btn-more span:hover i{color: #fff;}
#aboutModal .modal-content{background-color: #0256b8;}
#aboutModal .modal-body{padding: 30px;}
#aboutModal .modal-body .image img{width: 100%;}
#aboutModal .modal-body .text{margin: auto auto;}
#aboutModal .modal-body .text h4{font-family: latobold;color: #fff;margin-bottom: 20px;font-size: 2.2em;text-align: left;text-transform: uppercase;}
#aboutModal .modal-body .text p{font-family: latoregular;color: #fff;font-size: 1.4em;margin-bottom: 30px;line-height: 1.4;text-align: justify;}
#aboutModal .modal-body .mtop{margin-top: 60px;}
#aboutModal .modal-header{border: 0;}
.close{color: #fff;opacity: 1;}
.close:hover{color: #fff;opacity: 1;}

.h-bloq3{background-color: #0351ab;padding: 90px 0;}
.h-bloq3.class-1{background-color: #0351ab;}
.h-bloq3.class-2{background-color: #c90823;}
.h-bloq3.class-3{background-color: #960315;}
.h-bloq3.class-4{background-color: #024a9e;}
.h-bloq3 h3{font-family: latobold;color: #FFF;margin-bottom: 0px;font-size: 3.2em;text-align: center;text-transform: uppercase;}
.h-bloq3 p{font-family: latoregular;color: #FFF;font-size: 1.8em;margin-bottom: 0px;text-align: center;}
.h-bloq3 .bloqs{margin-top: 60px;}
.h-bloq3 .bloqs .bloq{text-align: center;cursor: pointer;opacity: 0.6}
.h-bloq3 .bloqs .bloq.active{opacity: 1;}
.h-bloq3 .bloqs .bloq img{width: 50px;float: left;margin-right: 10px;}
.h-bloq3 .bloqs .bloq  p{font-family: latoregular;color: #FFF;font-size: 1.8em;margin-bottom: 30px;text-align: left;line-height: 1.1;padding: 10px;}

.h-bloq3 .prods{margin-top: 60px;}
.h-bloq3 .prods .text{margin: auto auto;}
.h-bloq3 .prods .text p{font-family: latoregular;color: #FFF;font-size: 4.8em;text-transform: uppercase;text-align: left;line-height: 1;}
.h-bloq3 .prods .text p span{font-size: 0.5em;}
.h-bloq3 .prods .image{text-align: center;}
.h-bloq3 .prods .image img{width: 100%;}
.h-bloq3 .prods .info{margin: auto auto;}
.h-bloq3 .prods .info table tr td p{font-family: latobold;color: #FFF;font-size: 2.8em;text-align: left;line-height: 1;margin-bottom: 10px;}
.h-bloq3 .prods .info table tr td p span{font-family: latoregular;background-color: #022f63;padding: 4px 10px;text-transform: uppercase;font-size: 12px;border-radius: 10px;letter-spacing: 2px;}
.h-bloq3 .prods .info table tr td:first-child{text-align: right;vertical-align: middle;}
.btns-slide span{margin: 0 20px;}
.btns-slide span:hover{color: #f91c3b;}

.h-bloq3.class-4 .prods .text p{font-size: 3.4em;}

.h-bloq3.class-1 .prods{background: url(../img/bg_prod1.png) center left no-repeat;background-size: auto 100%;}
.h-bloq3.class-2 .prods{background: url(../img/bg_prod1.png) center left no-repeat;background-size: auto 100%;}
.h-bloq3.class-3 .prods{background: url(../img/bg_prod1.png) center left no-repeat;background-size: auto 100%;}
.h-bloq3.class-4 .prods{background: url(../img/bg_prod1.png) center left no-repeat;background-size: auto 100%;}

.h-bloq3.class-1 .carousel-inner{min-height: 550px;}
.h-bloq3.class-2 .carousel-inner{min-height: 550px;}
.h-bloq3.class-3 .carousel-inner{min-height: 550px;}
.h-bloq3.class-4 .carousel-inner{min-height: 550px;}

.h-bloq3.class-1 .carousel-inner .row{min-height: 550px;}
.h-bloq3.class-2 .carousel-inner .row{min-height: 550px;}
.h-bloq3.class-3 .carousel-inner .row{min-height: 550px;}
.h-bloq3.class-4 .carousel-inner .row{min-height: 550px;}

.h-bloq3.class-1 .btns-slide span:hover{color: #f91c3b;}
.h-bloq3.class-2 .btns-slide span:hover{color: #022f63;}
.h-bloq3.class-3 .btns-slide span:hover{color: #f91c3b;}
.h-bloq3.class-4 .btns-slide span:hover{color: #f91c3b;}

.h-bloq3.class-1 .prods .info table tr td p span{background-color: #022f63;}
.h-bloq3.class-2 .prods .info table tr td p span{background-color: #022f63;}
.h-bloq3.class-3 .prods .info table tr td p span{background-color: #f91c3b;}
.h-bloq3.class-4 .prods .info table tr td p span{background-color: #f91c3b;}

#num-slide-1{font-family: latobold;font-size: 1.8em;color: #f91c3b;}
#num-slide-2{font-family: latobold;font-size: 1.8em;color: #022f63;}
#num-slide-3{font-family: latobold;font-size: 1.8em;color: #f91c3b;}
#num-slide-4{font-family: latobold;font-size: 1.8em;color: #f91c3b;}

.bloq-products{display: none;}
#slideProducts1{display: block;}

.h-bloq5{padding: 60px 0;background: url(../img/bg_contacto.jpg) center top no-repeat;background-size: cover;}
.h-bloq5 .text{display: flex;align-items: center;justify-content: center;}
.h-bloq5 .text .content{width: 400px;}
.h-bloq5 .text .content h3{text-align: left;font-size: 3.4em;color: #fff;font-family: latobold;margin-bottom: 30px;text-transform: uppercase;}
.h-bloq5 .text .content h3 strong{color: #f91c3b;}
.h-bloq5 .text .content p{font-family: latoregular;color: #fff;font-size: 2.0em;margin-bottom: 30px;line-height: 1.4;text-align: left;}
.h-bloq5 .text .content p strong{font-family: latobold;}
#frm-contact{padding: 60px 30px;}
#frm-contact input{border:0;border-bottom: 3px solid #fff;background-color: transparent;color: #fff;}
#frm-contact select{border:0;border-bottom: 3px solid #fff;background-color: transparent;}
#frm-contact textarea{border:0;border-bottom: 3px solid #fff;resize: none;background-color: transparent;color: #fff;}
#frm-contact button{background-color: #f91c3b;color: #FFFFFF;font-family: latobold;text-transform: uppercase;text-align: center;border: 0;padding: 8px 30px 8px;font-size: 1.8em;border-radius: 5px;transition: all 0.3s ease-out;}
#frm-contact button:hover{background-color: #093868;}
#frm-contact button i{color: #093868;margin-left: 20px;}
#frm-contact button:hover i{color: #fff;}
#frm-contact .form-group {margin-bottom: 2.5rem;}
.actions{margin-top: 30px;text-align: center;}
.help-block{color: #FFFFFF;font-size: 0.9em;}
#map{width: 100%;height: 500px;}

#frm-contact input::placeholder {
  color: white;
  opacity: 0.7;
}
#frm-contact textarea::placeholder {
  color: white;
  opacity: 0.7;
}

footer{background-color: #2a2d34;padding: 60px 0 30px;}
footer .top{margin-bottom: 60px;}
footer .top .image{text-align: center;}
footer .top .image img{width: 100%;}
footer .top .menu{margin-top: 30px;text-align: right;}
footer .top .menu ul{list-style: none;margin: 0;padding: 0;}
footer .top .menu li{font-size: 1.2em;font-family: latoregular;color: #838488;display: inline-block;border: 1px solid #838488;margin: 0 5px;padding: 2px 10px;}
footer .top .menu li a{color: #838488;}
footer .top .menu li:hover{border: 1px solid #d62c39;}
footer .top .menu li:hover a{color: #fff;}
footer .top .menu p{font-size: 1.4em;font-family: latobold;text-align: right;color: #c8c8c8;margin-bottom: 20px;margin-top: 20px;}
footer .top .menu p a{background-color: #fff;font-size: 1.2em;color: #2b2d34;padding: 10px 15px;border-radius: 30px;margin: 0 5px;transition: all 0.5s ease-out;}
footer .top .menu p a:nth-child(2){padding: 10px 10px;}
footer .top .menu p a:hover{background: #2b2d34;color: #fff;}
footer .top .text{margin-top: 0px;}
footer .top .text i{color: #0054b4;font-size: 1.8em;}
footer .top .text table tr td{font-size: 1.3em;font-family: latoregular;text-align: left;color: #c8c8c8;vertical-align: middle;}
footer .top .text table tr td:first-child{text-align: center;}
footer .top .text table tr td {padding: .75rem .45rem;}
footer .bottom p{text-align: center;color: #fff;font-size: 1.1em;margin-bottom: 10px;font-family: latolight;}
footer .bottom p a{color: #fff;font-weight: bold;}

:root {
  --animate-delay: 0.5s;
}

@media only screen and (min-width: 2560px){

}

@media only screen and (max-width: 1600px){

}

@media only screen and (max-width: 1440px){
	
}

@media only screen and (max-width: 1366px){
	
}

@media only screen and (max-width: 1024px){

}

@media (min-width: 768px) and (max-width: 991px) {
	header{padding: 20px 0;border-bottom: 3px solid #0256b8;}
	header .logo{margin-bottom: 10px;}
	header .menu{display: none;}
	header .menu ul {float: initial;margin-top: 0px;}
	header .menu ul li {text-align: center;margin: 20px 0px;display: block;padding: 0;}
	.btn-bars{display: block;text-align: center;color: #FFFFFF;font-size: 2.4em;padding-top: 10px;}
	.btn-bars i{background-color: #0256b8;padding: 10px;border-radius: 5px;}

	.h-bloq2{padding: 30px 0;}
	.h-bloq2 .image img{margin-bottom: 30px;}
	.h-bloq2 .mtop {margin-top: 30px;}
	.h-bloq3{padding: 60px 0;}
	#map{width: 100%;height: 400px;}

	.h-bloq3 .prods .text p{text-align: center;margin-bottom: 30px;}
	.h-bloq3 .prods .image img {width: 200px;}
	.h-bloq3 .prods .info table{width: 300px;margin: 0 auto;}
	.btns-slide{padding: 10px 0;}
	.h-bloq5 .text .content {width: 100%;}
	#aboutModal .modal-body {padding: 10px;}
	#aboutModal .modal-body .mtop {margin-top: 0px;}
	#aboutModal .modal-body .image img {margin-bottom: 20px;}

	.controls{margin-top: 30px;}

	footer .top .text table {width: 400px;margin: 30px auto;}
	footer .top .image img {width: 150px;}
	footer .top .menu {text-align: center;}
	footer .top .menu p {text-align: center;}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	header{padding: 20px 0;border-bottom: 3px solid #0256b8:}
	header .logo{margin-bottom: 10px;}
	header .menu{display: none;}
	header .menu ul {float: initial;margin-top: 0px;}
	header .menu ul li {text-align: center;margin: 20px 0px;display: block;padding: 0;}
	.btn-bars{display: block;text-align: center;color: #FFFFFF;font-size: 2.4em;padding-top: 10px;}
	.btn-bars i{background-color: #0256b8;padding: 10px;border-radius: 5px;}

	.h-bloq2{padding: 30px 0;}
	.h-bloq2 .image img{margin-bottom: 30px;}
	.h-bloq2 .mtop {margin-top: 30px;}
	.h-bloq3{padding: 60px 0;}
	#map{width: 100%;height: 400px;}

	.h-bloq3 .prods .text p{text-align: center;margin-bottom: 30px;}
	.h-bloq3 .prods .image img {width: 200px;}
	.h-bloq3 .prods .info table{width: 300px;margin: 0 auto;}
	.btns-slide{padding: 10px 0;}
	.h-bloq5 .text .content {width: 100%;}
	#aboutModal .modal-body {padding: 10px;}
	#aboutModal .modal-body .mtop {margin-top: 0px;}
	#aboutModal .modal-body .image img {margin-bottom: 20px;}

	.controls{margin-top: 30px;}

	footer .top .text table {width: 400px;margin: 30px auto;}
	footer .top .image img {width: 150px;}
	footer .top .menu {text-align: center;}
	footer .top .menu p {text-align: center;}
}

@media only screen and (max-width: 479px){
	.h-bloq2 .text p {font-size: 1.3em;}
	.h-bloq3 h3 {font-size: 2.4em;}
	.h-bloq3 p {font-size: 1.6em;}

	.h-bloq3 .bloqs .bloq img {margin-right: 20px;}
	.h-bloq3 .bloqs .bloq p {margin-top: 20px;}
	.h-bloq3 .bloqs .bloq p br{display: none;}
	.h-bloq3 .bloqs .bloq {margin-bottom: 20px;}
	
	#aboutModal .modal-body {padding: 0px;}
	#frm-contact {padding: 60px 0px;}

	.controls{margin-top: 30px;}

	footer .top .menu ul li {text-align: center;margin: 20px 0px;display: block;padding: 5px;display: block;font-size: 1.3em;}
	footer .top .image img {width: 150px;}
	footer .top .text p {font-size: 1.1em;}
}