@import url(font/stylesheet.css);
@import url(font2/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: #fff;font-size: 1.6em;text-align: center;}
.help-block{color: red !important;font-family: latobold;letter-spacing: 2px;}

.btn-whatsapp{position: fixed;bottom: 30px;right: 30px;z-index: 99;}
.open-whatsapp{cursor: pointer;}

#videoModal .modal-content{background-color: transparent;border: 0;}
#videoModal .modal-header{border: 0;}
#videoModal .modal-body{padding: 0;}
#videoModal .close {color: #fff;opacity: 1;}
#videoModal .close:hover {color: #fff;opacity: 1;}

.btn-bars{display: none;}
header{overflow: hidden;padding: 20px 0;background-color: transparent;position: absolute;top: 0;left: 0;width: 100%;z-index: 9;}
header .logo {margin: auto auto;text-align: center;}
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-transform: uppercase;text-align: center;display: inline-block;margin: 0px 20px;padding-bottom: 10px;border-bottom: 4px solid transparent;}
header .menu ul li:hover{border-bottom: 4px solid #8598cb;}
header .menu ul li a{color: #fff;}
header .menu ul li a:hover{color: #fff;}
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: transparent;font-size: 1.0em;color: #fff;padding: 10px 12px;border-radius: 30px;border: 1px solid #fff;margin: 0 10px;transition: all 0.3s ease-out;}
header .menu ul li.social a:nth-child(2){padding: 10px 10px;}
header .menu ul li.social a:hover{color: #8598cb;}
header .menu ul li.social:hover{border-bottom: 4px solid transparent;}

.h-bloq1{position: relative;}
.h-bloq1 .bloq-video {display: flex;justify-content: center;overflow-x: hidden;}
.h-bloq1 .bloq-video video {width: 100%;object-fit: cover;}
.h-bloq1 .bloq-video .text{position: absolute;bottom: 40%;left: 100px;z-index: 3;}
.h-bloq1 .bloq-video .text h3{color: #fff;font-family: latolight;font-size: 4.8em;}
.h-bloq1 .bloq-video .text h3 span{background-color: #000;padding: 10px 20px;}
.h-bloq1 .bloq-video .text h3 strong{color: #ffed00;font-family: latobold;}
.h-bloq1 .bloq-video .image{position: absolute;bottom: 30%;right: 100px;z-index: 3;cursor: pointer;}

.h-bloq2{background-color: #ffffff;padding: 160px 0 80px;background: url(../img/a_h_bg1.jpg) center top no-repeat;background-size: 100% 100%;}
.h-bloq2 .info h4{font-family: latobold;color: #000;margin-bottom: 20px;font-size: 1.4em;text-align: center;letter-spacing: 2px;}
.h-bloq2 .info h4 span{background-color: #8598cb;padding: 3px 10px;}
.h-bloq2 .info h3{font-family: latolight;color: #8598cb;margin-bottom: 20px;font-size: 3.6em;text-align: center;}
.h-bloq2 .info h3 strong{color: #000;font-family: latoblack;}
.h-bloq2 .info p{font-family: latolight;color: #333333;font-size: 2.2em;margin-bottom: 60px;line-height: 1.4;text-align: center;}
.h-bloq2 .info p.btn-more{color: #000;font-family: latobold;font-size: 1.4em;text-align: center;margin-bottom: 0;text-transform: none;}
.h-bloq2 .info p.btn-more a{color: #000;}
.h-bloq2 .info p.btn-more i{background-color: #fff;color: #8598cb;padding: 8px;border-radius: 20px;margin-left: 10px;border: 1px solid #8598cb;transition: all 0.3s ease-out;}
.h-bloq2 .info p.btn-more a:hover i {padding: 8px 20px;}
.h-bloq2 .services{margin-top: 60px;}

#homeCarousel .bloq{position: relative;overflow: hidden;}
#homeCarousel .bloq img{width: 100%;display: block;transition: transform .4s;}
#homeCarousel .bloq:hover img {transform: scale(1.3);transform-origin: 50% 50%;}
#homeCarousel .bloq .text{position: absolute;bottom: 0;left: 0;width: 100%;padding: 30px;}
#homeCarousel .bloq .text p{color: #fff;font-family: latoblack;font-size: 2.4em;text-transform: uppercase;text-align: left;margin-bottom: 10px;}
#homeCarousel .bloq .text p.btn-more{color: #fff;font-family: latobold;font-size: 1.4em;text-align: left;margin-bottom: 0;text-transform: none;}
#homeCarousel .bloq .text p.btn-more a{color: #fff;}
#homeCarousel .bloq .text p.btn-more i{background-color: #fff;color: #8598cb;padding: 8px;border-radius: 20px;margin-left: 10px;border: 1px solid #8598cb;transition: all 0.3s ease-out;}
#homeCarousel .bloq:hover p.btn-more i {padding: 8px 20px;}

.h-bloq3{background-color: #000;padding: 60px 0;}
.h-bloq3 .info h4{font-family: latobold;color: #fff;margin-bottom: 20px;font-size: 1.4em;text-align: center;letter-spacing: 2px;}
.h-bloq3 .info h4 span{background-color: #009de0;padding: 3px 10px;}
.h-bloq3 .info p{font-family: ralewaymedium;color: #fff;font-size: 2.6em;margin-bottom: 60px;line-height: 1.4;text-align: center;}
.h-bloq3 .info p strong{font-family: ralewayblack;color: #009de0;letter-spacing: 2px;}

.h-bloq3 .services ul{padding: 0;margin: 0;list-style: none;}
.h-bloq3 .services li{font-size: 6.2em;font-family: ralewayextrabold;color: #fff;border-bottom: 2px solid #fff;padding: 30px 0 30px;}
.h-bloq3 .services li i{font-size: 0.9em;}
.h-bloq3 .services li img {transition: all .8s ease-out;opacity: 0;visibility: hidden;margin-right: 20px;width: 0;-moz-animation: scale 1.5s;-webkit-animation: scale 1.5s;-o-animation: scale 1.5s;}
.h-bloq3 .services li a:hover img{display: inline-block;opacity: 1;visibility: visible;width: 100%;transition: all 1s ease-out;animation: scale 1s;-moz-animation: scale 1s;-webkit-animation: scale 1s;}
.h-bloq3 .services li a {color: #fff;text-decoration: none;display: flex;align-items: center;justify-content: space-between;}
.h-bloq3 .services li span.title {display: inline-flex;align-items: center;left: 0;position: relative;transition: all .8s ease-out;}
.h-bloq3 .services li span.arrow {position: relative;transition: all .8s ease-out;left: 0;}
.h-bloq3 .services li a:hover span.arrow {left: -30px;color: #009de0;}

.h-bloq4{background-color: #000;padding: 60px 0;}
.h-bloq4 .bloq{margin-bottom: 90px;}
.h-bloq4 .text h4{font-family: latobold;color: #fff;margin-bottom: 40px;font-size: 1.4em;text-align: left;letter-spacing: 2px;}
.h-bloq4 .text h4 span{background-color: #c20e1a;padding: 3px 10px;}
.h-bloq4 .text h3{font-family: ralewaybold;color: #fff;margin-bottom: 20px;font-size: 2.8em;text-align: left;}
.h-bloq4 .text p{font-family: latolight;color: #959595;font-size: 2.0em;margin-bottom: 60px;line-height: 1.4;text-align: left;}
.h-bloq4 .text p.btn-more{color: #fff;font-family: latobold;font-size: 1.4em;text-align: left;margin-bottom: 0;text-transform: none;}
.h-bloq4 .text p.btn-more a{color: #fff;}
.h-bloq4 .text p.btn-more i{background-color: #fff;color: #8598cb;padding: 8px;border-radius: 20px;margin-left: 10px;border: 1px solid #8598cb;transition: all 0.3s ease-out;}
.h-bloq4 .text p.btn-more a:hover i {padding: 8px 20px;}
.h-bloq4 .image img{width: 100%;}

.h-bloq5{background-color: #ffffff;padding: 60px 0;}
.h-bloq5 .info h4{font-family: latobold;color: #000;margin-bottom: 20px;font-size: 1.4em;text-align: center;letter-spacing: 2px;}
.h-bloq5 .info h4 span{background-color: #ffed00;padding: 3px 10px;}
.h-bloq5 .info h3{font-family: latoblack;color: #000;margin-bottom: 20px;font-size: 3.6em;text-align: center;text-transform: uppercase;}
.h-bloq5 .info p{font-family: latoregular;color: #555555;font-size: 1.4em;margin-bottom: 0px;line-height: 1.4;text-align: center;}
.h-bloq5 .logos{display: flex;flex-direction: row; flex-wrap: wrap;align-items: center;justify-content: space-around;margin-top: 60px;}
.h-bloq5 .logos .image{width: 200px;height: 200px;}
.h-bloq5 .logos img{object-fit: contain;width: 200px;height: 200px;padding: 20px;}

/* PRODUCTOS */
/*.p-bloq1{background: url(../img/a_p_bg.jpg) top center no-repeat;background-size: cover;background-attachment: fixed;width: 100%;height: 300px;}*/
.p-bloq1 img{width: 100%;}

.p-bloq2{background-color: #000;padding: 80px 0px 0;}
.p-bloq2 .info h4{font-family: latobold;color: #000;margin-bottom: 20px;font-size: 1.4em;text-align: center;letter-spacing: 2px;}
.p-bloq2 .info h4 span{background-color: #ffed00;padding: 3px 10px;}
.p-bloq2 .info p{font-family: ralewaymedium;color: #fff;font-size: 2.2em;margin-bottom: 60px;line-height: 1.4;text-align: center;}
.p-bloq2 .info p strong{font-family: ralewaymedium;color: #ffed00;}

.p-bloq3{background-color: #000;padding: 60px 0px;}
.p-bloq3 .bloq{margin-bottom: 30px;}
.p-bloq3 .bloq .image{position: relative;overflow: hidden;}
.p-bloq3 .bloq .image img{width: 100%;display: block;transition: transform .4s;}
.p-bloq3 .bloq:hover img {transform: scale(1.3);transform-origin: 50% 50%;}
.p-bloq3 .bloq .text{padding: 30px 10px;}
.p-bloq3 .bloq .text p{color: #fff;font-family: latoblack;font-size: 2.4em;text-transform: uppercase;text-align: left;margin-bottom: 10px;}
.p-bloq3 .bloq .text p.btn-more{color: #fff;font-family: latobold;font-size: 1.4em;text-align: left;margin-bottom: 0;text-transform: none;}
.p-bloq3 .bloq .text p.btn-more a{color: #fff;}
.p-bloq3 .bloq .text p.btn-more i{background-color: #fff;color: #8598cb;padding: 8px;border-radius: 20px;margin-left: 10px;border: 1px solid #8598cb;transition: all 0.3s ease-out;}
.p-bloq3 .bloq:hover p.btn-more i {padding: 8px 20px;}

.p-bloq4{background-color: #000;padding: 60px 0px;border-bottom: 1px solid #fff;}
.p-bloq4 .bloq{background: url(../img/a_p_bg2.jpg) top center no-repeat;background-size: cover;padding: 40px 60px;position: relative;}
.p-bloq4 .bloq .text{width: 50%;}
.p-bloq4 .bloq .text p{font-family: ralewaybold;color: #000;font-size: 2.8em;margin-bottom: 20px;line-height: 1;text-align: left;text-transform: uppercase;}
.p-bloq4 .bloq .text p strong{font-family: ralewayblack;}
.p-bloq4 .bloq .text2 p{font-family: ralewaybold;color: #000;font-size: 2.4em;margin-top: 30px;margin-bottom: 0; line-height: 1;text-align: left;text-transform: uppercase;}
.p-bloq4 .bloq .text2 p a{color: #fff;background-color: #000;padding: 5px 20px;}
.p-bloq4 .bloq .text2 p a i{margin: 0 30px;}
.p-bloq4 .bloq .text2 p img{margin-right: -30px;}
.p-bloq4 .bloq img.img-box{position: absolute;top: -60px;right: -80px;width: 400px;}

/* CLIENTES */
.cl-bloq1 img{width: 100%;}

.cl-bloq2{background-color: #000;padding: 80px 0px 0;}
.cl-bloq2 .info h4{font-family: latobold;color: #000;margin-bottom: 20px;font-size: 1.4em;text-align: center;letter-spacing: 2px;}
.cl-bloq2 .info h4 span{background-color: #ffed00;padding: 3px 10px;}
.cl-bloq2 .info p{font-family: ralewaymedium;color: #fff;font-size: 2.2em;margin-bottom: 0px;line-height: 1.4;text-align: center;}
.cl-bloq2 .info p strong{font-family: ralewaymedium;color: #ffed00;}

.cl-bloq3{background-color: #000;padding: 60px 0px;}
.cl-bloq3 .bloq{margin-bottom: 30px;}
.cl-bloq3 .bloq .image{position: relative;overflow: hidden;}
.cl-bloq3 .bloq .image img{width: 100%;display: block;transition: transform .4s;}
.cl-bloq3 .bloq:hover img {transform: scale(1.3);transform-origin: 50% 50%;}
.cl-bloq3 .bloq .text{padding: 10px 10px;}
.cl-bloq3 .bloq .text p{color: #fff;font-family: latoblack;font-size: 2.4em;text-transform: uppercase;text-align: left;margin-bottom: 10px;}
.cl-bloq3 .bloq .text p.btn-more{color: #fff;font-family: latobold;font-size: 1.4em;text-align: center;margin-bottom: 0;text-transform: none;}
.cl-bloq3 .bloq .text p.btn-more a{color: #fff;}
.cl-bloq3 .bloq .text p.btn-more i{background-color: #fff;color: #8598cb;padding: 8px;border-radius: 20px;margin-left: 10px;border: 1px solid #8598cb;transition: all 0.3s ease-out;}
.cl-bloq3 .bloq:hover p.btn-more i {padding: 8px 20px;}

.cl-bloq3 .bloq.test .image{width: 100%;height: 338px;overflow: hidden;background-color: #fff;display: flex;align-items: center;justify-content: center;}
.cl-bloq3 .bloq.test .image img{object-fit: contain;height: 200px;width: 200px;}

.cld-bloq2{background-color: #000;padding: 80px 0px;}
.cld-bloq2 .info img{margin-bottom: 30px;}
.cld-bloq2 .info h4{font-family: latobold;color: #fff;margin-bottom: 20px;font-size: 1.4em;text-align: center;letter-spacing: 2px;}
.cld-bloq2 .info p.photo{text-align: center;}
.cld-bloq2 .info h4 span{background-color: #c20e1a;padding: 3px 10px;}
.cld-bloq2 .info .desc p{font-family: ralewaymedium;color: #fff;font-size: 2.2em;margin-bottom: 30px;line-height: 1.4;text-align: justify;}
.cld-bloq2 .info .desc li{font-family: ralewaymedium;color: #fff;font-size: 2.2em;margin-bottom: 0px;line-height: 1.4;text-align: justify;}
.cld-bloq2 .info p.btn-back{text-align: right;margin-bottom: 30px;font-size: 1.6em;}
.cld-bloq2 .info p.btn-back a{color: #fff;}
.cld-bloq2 .info p.btn-back i{color: #ffed00;}
.cld-bloq2 .info .image{overflow: hidden;display: flex;align-items: center;justify-content: center;}
.cld-bloq2 .info .image img{object-fit: contain;width: 338px;height: 338px;background-color: #fff;padding: 30px;}

.cld-bloq2 .info p.icon{text-align: center;}
.cld-bloq2 .info p.icon img{width: auto;}

.cld-bloq2 .gallery {margin-top: 60px;}
.cld-bloq2 .gallery .bloq{position: relative;padding: 5px 10px;}
.cld-bloq2 .gallery .bloq img{width: 200px;height: 200px;object-fit: cover;margin-bottom: 0;}

/* NOSOTROS */
.ab-bloq1 img{width: 100%;}

.ab-bloq2{background-color: #000;padding: 80px 0px 0;}
.ab-bloq2 .info h4{font-family: latobold;color: #000;margin-bottom: 20px;font-size: 1.4em;text-align: center;letter-spacing: 2px;}
.ab-bloq2 .info h4 span{background-color: #8598cb;padding: 3px 10px;}
.ab-bloq2 .info h3{font-family: ralewaylight;color: #8598cb;margin-bottom: 20px;font-size: 3.4em;text-align: center;letter-spacing: 2px;}
.ab-bloq2 .info h3 strong{color: #fff;font-family: ralewayblack;}
.ab-bloq2 .info p{font-family: ralewaymedium;color: #fff;font-size: 1.8em;margin-bottom: 60px;line-height: 1.4;text-align: center;}
.ab-bloq2 .info p strong{font-family: ralewaymedium;color: #ffed00;}
.ab-bloq2 img{width: 100%;}

.ab-bloq3{background-color: #000;padding: 60px 0;}
.ab-bloq3 .bloq{margin-bottom: 60px;}
.ab-bloq3 .text h3{font-family: ralewaybold;color: #8598cb;margin-bottom: 20px;font-size: 2.8em;text-align: left;}
.ab-bloq3 .text p{font-family: latolight;color: #959595;font-size: 2.0em;margin-bottom: 30px;line-height: 1.4;text-align: left;}
.ab-bloq3 .image img{width: 100%;}

.ab-bloq4{background-color: #fff;padding: 60px 0;}
.ab-bloq4 .info p{font-family: ralewaymedium;color: #000;font-size: 2.3em;margin-bottom: 0px;line-height: 1.4;text-align: center;}
.ab-bloq4 .info p strong{font-family: ralewaybold;}
.ab-bloq4 .info p span{font-family: ralewaybold;color: #8598cb;}

.ab-bloq5{background-color: #8598cb;padding: 60px 0px;}
.ab-bloq5 h4{font-family: latobold;color: #fff;margin-bottom: 60px;font-size: 1.4em;text-align: center;letter-spacing: 2px;}
.ab-bloq5 h4 span{background-color: #000;padding: 3px 10px;}
.ab-bloq5 .bloq{margin-bottom: 20px;}
.ab-bloq5 .bloq .image img{width: 100%;}
.ab-bloq5 .bloq .text{padding: 20px 10px;}
.ab-bloq5 .bloq .text p{color: #fff;font-family: latoblack;font-size: 2.4em;text-transform: uppercase;text-align: left;margin-bottom: 5px;}
.ab-bloq5 .bloq .text p.position{color: #000;font-family: latobold;font-size: 1.4em;text-align: left;margin-bottom: 0;text-transform: none;}

/* CONTACTO */
.c-bloq1 img{width: 100%;}

.c-bloq2{background-color: #000;padding: 80px 0px 0;}
.c-bloq2 .info h4{font-family: latobold;color: #fff;margin-bottom: 20px;font-size: 1.4em;text-align: center;letter-spacing: 2px;}
.c-bloq2 .info h4 span{background-color: #009de0;padding: 3px 10px;}
.c-bloq2 .info p{font-family: ralewaymedium;color: #fff;font-size: 2.2em;margin-bottom: 60px;line-height: 1.4;text-align: center;}

.c-bloq3{background-color: #000;padding: 30px 0px;}
.c-bloq3 .info tr{border-bottom: 30px solid transparent;}
.c-bloq3 .info td{font-family: ralewaymedium;color: #fff;font-size: 1.4em;margin-bottom: 60px;line-height: 1.4;text-align: center;}
.c-bloq3 .info td:first-child{text-align: right;}
.c-bloq3 .info img.line{margin: 0 10px;}

#frm-contact input{background-color: transparent;border: 0;border-bottom: 1px solid #76777a;color: #fff;}
#frm-contact textarea{background-color: transparent;border: 0;border-bottom: 1px solid #76777a;color: #fff;}
#frm-contact button{background-color: #000;color: #c5c7cb;text-transform: uppercase;font-family: ralewaybold;text-transform: uppercase;font-size: 1.4em;border: 1px solid #c5c7cb;padding: 5px 90px;margin-top: 20px;}
#frm-contact .actions{text-align: right;}
#map{height: 400px;}

.c-bloq4{background-color: #000;padding: 30px 0px;}

footer{background-color: #000;padding: 60px 0;}
footer table{margin-top: 60px;}
footer table tr td{font-size: 1.2em;font-family: latolight;text-align: left;margin: 0;color: #cccccc;padding: 5px !important;}
footer table tr td:first-child{text-align: center;vertical-align: middle;color: #ffed00;}
footer .menu{margin-top: 60px;text-align: left;}
footer .menu h4{font-size: 1.8em;font-family: latolight;text-transform: uppercase;color: #fff;border-bottom: 1px solid #212121;margin-bottom: 30px;padding-bottom: 20px;}
footer .menu ul{padding: 0;margin: 0;list-style: none;}
footer .menu ul li{font-size: 1.4em;font-family: latobold;text-transform: uppercase;text-align: left;display: inline-block;width: 48%;padding-bottom: 15px;}
footer .menu ul li a{color: #fff;}
footer .menu ul li a:hover{color: #8598cb;}
footer .menu ul li i{color: #ffed00;margin-right: 10px;}
footer .links{color: #ffed00;font-family: latoblack;font-size: 1.6em;display: flex;align-items: center;justify-content: space-around;}
footer .links a{color: #ffed00;}
footer .links a i{background-color: transparent;font-size: 1.0em;color: #ffed00;padding: 10px 12px;border-radius: 30px;border: 1px solid #fff;margin: 0 10px;transition: all 0.3s ease-out;}
footer .links a i:nth-child(2){padding: 10px 10px;}
footer .terms{color: #cccccc;font-family: latoregular;font-size: 1.2em;display: flex;align-items: center;justify-content: space-around;}
footer .terms a{color: #cccccc;}
footer .social{font-size: 1.4em;font-family: latobold;text-transform: uppercase;text-align: left;color: #ffed00;text-align: center;margin: 20px 0;}
footer .social a{background-color: transparent;font-size: 1.0em;color: #fff;padding: 10px 13px;border-radius: 30px;border: 1px solid #fff;margin: 0 10px;transition: all 0.3s ease-out;}
footer .social a:nth-child(2){padding: 10px 10px;}
footer .social a:hover{color: #ffed00;}

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

}

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

}

@media only screen and (max-width: 1440px){
	
	.h-bloq3 .services li {font-size: 4.2em;}
}

@media only screen and (max-width: 1366px){
	
	.h-bloq3 .services li {font-size: 4.2em;}
	
}

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

}

@media (min-width: 768px) and (max-width: 991px) {
	header{padding: 10px 0;}
	header .logo{margin-bottom: 10px;}
	header .menu{display: none;background-color: #000;padding: 30px;}
	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: #ffed00;font-size: 2.4em;padding-top: 10px;}
	.btn-bars i{background-color: #000;padding: 10px;}

	.h-bloq1 .bloq-video .text {left: 50px;}
	.h-bloq1 .bloq-video .text h3 {font-size: 2.8em;}
	.h-bloq1 .bloq-video .image {bottom: 20%;right: 50px;}

	.h-bloq2 {padding: 80px 0 80px;}

	.h-bloq3 .services li {font-size: 4.2em;}

	.h-bloq4 .bloq {margin-bottom: 30px;}
	.h-bloq4 .image img{margin-bottom: 30px;}

	.h-bloq5 .logos{gap: 30px;}

	.ab-bloq3 .bloq {margin-bottom: 30px;}
	.ab-bloq3 .image img{margin-bottom: 30px;}

	.cld-bloq2 .gallery .bloq img{width: 210px;height: 210px;}

	footer{text-align: center;}
	footer table{width: 300px !important;margin: 30px auto;}
	footer .links{margin-top: 30px;}
	footer .terms{margin-top: 30px;}


}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

	header{padding: 10px 0;}
	header .logo{margin-bottom: 10px;}
	header .menu{display: none;background-color: #000;padding: 30px;}
	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: #ffed00;font-size: 2.4em;padding-top: 10px;}
	.btn-bars i{background-color: #000;padding: 10px;}

	.h-bloq1 .bloq-video .text {left: 50px;}
	.h-bloq1 .bloq-video .text h3 {font-size: 2.8em;}
	.h-bloq1 .bloq-video .image {bottom: 20%;right: 50px;}

	.h-bloq2 {padding: 80px 0 80px;}

	.h-bloq3 .services li {font-size: 4.2em;}

	.h-bloq4 .bloq {margin-bottom: 30px;}
	.h-bloq4 .image img{margin-bottom: 30px;}

	.h-bloq5 .logos{gap: 30px;}

	.ab-bloq2 .image{height: 200px;overflow: hidden;}
	.ab-bloq2 .image img{object-fit: cover;width: auto;}

	.ab-bloq3 .bloq {margin-bottom: 30px;}
	.ab-bloq3 .image img{margin-bottom: 30px;}

	.cld-bloq2 .gallery .bloq img{width: 210px;height: 210px;}

	footer{text-align: center;}
	footer table{width: 300px !important;margin: 30px auto;}
	footer .links{margin-top: 30px;}
	footer .terms{margin-top: 30px;}
}

@media only screen and (max-width: 479px){
	header{padding: 10px 0;}
	header .logo{margin-bottom: 10px;}
	header .logo img{width: auto;}
	header .menu{display: none;background-color: #000;padding: 30px;}
	header .menu ul {float: initial;margin-top: 0px;}
	header .menu ul li {text-align: center;margin: 20px 0px;display: block;padding: 0;}
	header .menu ul li:hover{border-bottom: 4px solid transparent;}
	.btn-bars{display: block;text-align: center;color: #ffed00;font-size: 2.4em;padding-top: 10px;}
	.btn-bars i{background-color: #000;padding: 10px;}

	.h-bloq1 .bloq-video .text h3 {font-size: 2.2em;line-height: 2;}

	.h-bloq1 .bloq-video {height: 600px;}
	.h-bloq1 .bloq-video .image {bottom: 10px;right: 10px;}

	.h-bloq3 .services li {font-size: 2.4em;}
	.h-bloq3 .services li a:hover img {width: 100px;}

	.h-bloq5 .info h3 {font-size: 3.0em;}
	.h-bloq5 .logos {gap: 10px;}
	.h-bloq5 .logos .image{width: 45%;}
	.h-bloq5 .logos .image img{width: 100%;}

	.p-bloq2 .info p { margin-bottom: 20px;}

	.p-bloq4 .bloq .text {width: 100%;}
	.p-bloq4 .bloq {padding: 20px;}
	.p-bloq4 .bloq img.img-box {position: relative; top: 0px;right: 0px;}

	.ab-bloq3 .bloq .text {width: 100%;}
	.ab-bloq3 .bloq {padding: 20px;}
	.ab-bloq3 .bloq img.img-box {position: relative; top: 0px;right: 0px;}

	.cl-bloq2 .info p { margin-bottom: 20px;}

	.cl-bloq4 .bloq .text {width: 100%;}
	.cl-bloq4 .bloq {padding: 20px;}
	.cl-bloq4 .bloq img.img-box {position: relative; top: 0px;right: 0px;}

	.cld-bloq2 .info img{width: 100%;}

	.cld-bloq2 .gallery .bloq img{width: 180px;height: 180px;}

	.cld-bloq2 .info .desc p {font-size: 1.8em;}
	.cld-bloq2 .info .desc li {font-size: 1.8em;text-align: left;}

	footer .links {flex-direction: column;gap: 20px;}
	footer .terms {flex-direction: column;gap: 20px;}

}