@import url(font/stylesheet.css);
@import url(font2/stylesheet.css);

html{width: 100%;overflow-x: hidden;}
body {background: white;font-size: 12px;font-family: Montserrat-Regular;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: Montserrat-SemiBold}
.h100{height: 100%;}

.btn-bars{display: none;}
header{overflow: hidden;position: absolute;top: 0;left: 0;z-index: 99;width: 100%;padding-top: 10px;}
header .logo {margin: auto auto;text-align: center;}
header .menu{padding-top: 5px;}
header .menu ul{list-style: none;padding: 0;margin: 0px;float: right;}
header .menu ul li{font-size: 1.2em;font-family: Montserrat-SemiBold;text-align: center;display: inline-block;margin: 0px 15px;padding: 20px 0;text-transform: uppercase;}
header .menu ul li a{color: #fff;}
header .menu ul li a:hover{color: #d3d654;}
header .menu ul li.social a{background-color: #00b189;font-size: 1.4em;color: #fff;padding: 7px 12px;border-radius: 30px;margin: 0 5px;transition: all 0.3s ease-out;}
header .menu ul li.social a:nth-child(1){padding: 7px 15px;}
header .menu ul li.social a:hover{background: #d3d654;color: #fff;}


.bloq-social{position: fixed;bottom: 5%;right: 0;background-color: transparent;padding: 5px 5px;z-index: 99;font-size: 2.8em;text-align: center;border-radius: 10px;}
.bloq-social i{margin: 0;background-color: #24c45c;padding: 8px 8px;border-radius: 25px;transition: all 0.3s ease-out;border: 2px solid #fff;}
.bloq-social a{color: #fff;}
.bloq-social a:hover i{background-color: #00b189;}

.h-bloq1{background: url(../img/co_banner.jpg) center no-repeat;background-size: cover;background-attachment: fixed;}
.h-bloq1 h1{color: #fff;font-family: Montserrat-Black;font-size: 6.2em;margin-bottom:40px;}
.h-bloq1 h3{color: #fff;font-family: gothambook;font-size: 2.6em;margin-bottom: 0px;}
.h-bloq1 p{color: #fff;font-family: gothambook;font-size: 1.6em;text-transform: uppercase;}
.h-bloq1 p a{color: #fff;}


.h-bloq2{background-color: #fff;}
.h-bloq2 .image img{width: 100%;}
.h-bloq2 .text{padding: 0px 300px 0 100px;margin: auto auto;}
.h-bloq2 .text h3{font-family: gothambold;color: #000;margin-bottom: 10px;font-size: 3.6em;text-align: left;}
.h-bloq2 .text p{font-family: gothambook;color: #000;font-size: 1.6em;margin-bottom: 60px;text-align: justify;}
.h-bloq2 .text .counts p{font-family: gothambook;color: #000;font-size: 1.4em;margin-bottom: 0px;text-align: center;}
.h-bloq2 .text .counts p strong{font-size: 2.0em;font-family: gothambold;}

.h-bloq3{padding: 90px 0;background: url(../img/co_bg2.jpg)center no-repeat;background-size: cover;background-attachment: fixed;}
.h-bloq3 h3{font-family: Montserrat-Bold;color: #fff;margin-bottom: 60px;font-size: 3.2em;text-align: center;}
.h-bloq3 p.image{text-align: center;}
.h-bloq3 div.title{font-family: Montserrat-SemiBold;color: #fff;font-size: 1.6em;margin-bottom: 30px;text-align: center;height: 95px;display: flex;align-items: center;}
.h-bloq3 div.text{display: table-cell;vertical-align: middle;width: 100%;}
.h-bloq3 p.description{font-family: gothambook;color: #fff;font-size: 1.4em;margin-bottom: 0px;text-align: justify;}
.h-bloq3 .bloqs{padding: 0 60px;}

.h-bloq4{background: url(../img/co_bg3.jpg) center top no-repeat;background-size: cover;padding: 60px 0;}
.h-bloq4 h3{font-family: gothambold;color: #d3d654;margin-bottom: 10px;font-size: 3.6em;text-align: center;}
.h-bloq4 p{font-family: Montserrat-Regular;color: #fff;font-size: 1.8em;margin-bottom: 60px;text-align: center;}
.h-bloq4 img{width: 100%;margin-bottom: 30px;}

.h-bloq5{background-color: #0d1f1f;}
.h-bloq5 .image img{width: 100%;}
.h-bloq5 h3{text-align: center;font-size: 2.6em;color: #00af87;font-family: gothambold;margin-bottom: 30px;}
.h-bloq5 p{font-family: Montserrat-Medium;color: #fff;font-size: 1.4em;margin-bottom: 30px;line-height: 1.4;text-align: center;}
.h-bloq5 .form{background-color: #0d1f1f;padding: 60px 30px;border-radius: 5px;}
#frm-contact input{border:0;border-bottom: 3px solid #00af87;background-color: #0d1f1f;color: #fff;}
#frm-contact select{border:0;border-bottom: 3px solid #00af87;background-color: #0d1f1f;color: #fff;}
#frm-contact textarea{border:0;border-bottom: 3px solid #00af87;resize: none;background-color: #0d1f1f;color: #fff;}
#frm-contact button{background-color: #d3d654;color: #005744;font-family: gothambold;text-transform: uppercase;text-align: center;border: 0;padding: 8px 60px;font-size: 1.8em;border-radius: 5px;transition: all 0.3s ease-out;}
#frm-contact button:hover{background-color: #000;}
#frm-contact .form-group {margin-bottom: 2.5rem;}
.actions{margin-top: 30px;}
.help-block{color: #FFFFFF;font-size: 0.9em;}

.h-bloq6{background-color: #fff;padding: 60px 0;}
.h-bloq6 p{font-family: gothambook;color: #0d1f20;font-size: 1.4em;margin-bottom: 0px;text-align: center;}
.h-bloq6 p a{color: #0d1f20;}
.h-bloq6 span{text-transform: uppercase;font-family: gothambook;letter-spacing: 4px;font-size: 0.8em;}
.h-bloq6 .social{text-align: center;padding-top: 20px;}
.h-bloq6 .social a{background-color: #000;font-size: 1.4em;color: #fff;padding: 7px 10px;border-radius: 30px;margin: 0 5px;transition: all 0.3s ease-out;}
.h-bloq6 .social a:nth-child(1){padding: 7px 13px;}
.h-bloq6 .social a:hover{background: #00b189;color: #fff;}
.h-bloq6 .bloq{margin: auto auto;}

.h-bloq7{background-color: #fff;padding: 90px 0;background: url(../img/co_bg4.jpg) center top no-repeat;background-size: 100% 100%;}
.h-bloq7 .text{margin: auto auto;}
.h-bloq7 .text h3{font-family: gothambook;color: #00af7d;font-size: 3.4em;margin-bottom: 30px;line-height: 1;}
.h-bloq7 .text h3 strong{font-family: gothambold;}
.h-bloq7 .text p{font-family: gothambook;color: #575756;font-size: 1.6em;margin-bottom: 30px;}
.h-bloq7 .text p strong{font-family: gothambold;}
.h-bloq7 .image img{width: 100%;}
.btn-cotiza{background-color: #d3d654;color: #005744;font-family: gothambold;padding: 5px 10px;border-radius: 5px;transition: all 0.3s ease-out;}
.btn-cotiza:hover{background-color: #005744;color: #d3d654;}

footer{background-color: #0d1f20;padding: 60px 0 30px;}
footer .top{margin-bottom: 60px;}
footer .top .image{text-align: center;}
footer .top .text{margin: auto auto;}
footer .top .text ul{list-style: none;padding: 40px 0;margin: 0px;display: inline-block;border-top: 1px solid #495630;border-bottom: 1px solid #495630;width: 100%;text-align: center;}
footer .top .text ul li{font-size: 1.2em;font-family: Montserrat-SemiBold;text-align: center;display: inline-block;margin: 0px 15px;text-transform: uppercase;}
footer .top .text ul li a{color: #00af87;}
footer .top .text ul li a:hover{color: #d3d654;}
footer .bottom p{text-align: center;color: #fff;font-size: 1.1em;margin-bottom: 10px;font-family: Montserrat-Thin;}
footer .bottom p a{color: #fff;font-weight: bold;}




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

}

@media only screen and (max-width: 1600px){
	.h-bloq2 .text {padding: 0px 200px 0 100px;}
}

@media only screen and (max-width: 1440px){
	.h-bloq2 .text {padding: 0px 80px;}
	.h-bloq2 .text h3 {font-size: 2.6em;}
	.h-bloq2 .text p {font-size: 1.4em;}
	.h-bloq3 div.title {font-size: 1.4em;}
	.h-bloq3 p.description {font-size: 1.2em;}
}

@media only screen and (max-width: 1366px){
	.h-bloq2 .text {padding: 0px 60px;}
	.h-bloq2 .text h3 {font-size: 2.6em;}
	.h-bloq2 .text p {font-size: 1.4em;}
	.h-bloq3 div.title {font-size: 1.4em;}
	.h-bloq3 p.description {font-size: 1.2em;}
	.h-bloq3 .bloqs{padding: 0 40px;}
}

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

}

@media (min-width: 768px) and (max-width: 991px) {
	header{padding: 20px 0;position: relative;background-color: #0d1f20;}
	header .logo{margin-bottom: 10px;display: none;}
	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: #2b2b2b;padding: 10px;border-radius: 5px;}
	.logo-mv img{margin-bottom: 10px;}

	.h-bloq1 {padding: 120px 0;}
	.h-bloq1 h1 {font-size: 4.2em;}
	.h-bloq1 h3 {font-size: 2.6em;}
	.h-bloq2 .text {padding: 60px 60px 40px;}
	.h-bloq3 p.description {margin-bottom: 30px;}
	.h-bloq6 .bloq {padding-bottom: 30px;}

	.h-bloq7 .image{margin-top: 30px;}

	footer .top .image{margin-bottom: 30px;}

}

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

	header{padding: 20px 0;position: relative;background-color: #0d1f20;}
	header .logo{margin-bottom: 10px;display: none;}
	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: #2b2b2b;padding: 10px;border-radius: 5px;}
	.logo-mv img{margin-bottom: 30px;}

	.h-bloq1 {padding: 120px 0;}
	.h-bloq1 h1 {font-size: 4.2em;}
	.h-bloq1 h3 {font-size: 2.6em;}
	.h-bloq2 .text {padding: 60px 60px 40px;}
	.h-bloq3 p.description {margin-bottom: 30px;}
	.h-bloq6 .bloq {padding-bottom: 10px;}

	.h-bloq7 .image{margin-top: 30px;}

	footer .top .image{margin-bottom: 30px;}
}

@media only screen and (max-width: 479px){
	header{padding: 20px 0;position: relative;background-color: #0d1f20;}
	header .logo{margin-bottom: 10px;display: none;}
	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;}
	header .menu ul li:hover{border-bottom: 0px solid #a206cf;}
	.btn-bars{display: flex;text-align: center;color: #FFFFFF;font-size: 2.4em;padding-top: 10px;}
	.btn-bars i{background-color: #2b2b2b;padding: 10px;border-radius: 5px;}
	.logo-mv img{margin-bottom: 0px;width: 100%;}

	.h-bloq1 {background: url(../img/co_banner_mb.jpg) center no-repeat;background-size: cover;background-attachment: none;height: 500px;}
	.h-bloq1 h1 {font-size: 4.0em;}
	.h-bloq2 .text {padding: 30px 30px 10px;}
	.h-bloq2 .text .counts{margin-bottom: 30px;}
	.h-bloq2 .text .counts p {font-size: 1.2em;}
	.h-bloq3 div.title {height: auto;font-size: 1.6em;}
	.h-bloq3 .bloqs{padding: 0 20px;}

	.h-bloq3 h3 {font-size: 2.2em;}
	.h-bloq4 {padding: 60px 0 0;}
	.h-bloq4 h3 {font-size: 2.6em;}
	.h-bloq4 p {font-size: 1.6em;}
	.h-bloq6 {padding: 30px 0;}
	.h-bloq6 .bloq {padding-bottom: 20px;}

	.h-bloq7 {padding: 60px 0;}
	.h-bloq7 .text h3 {font-size: 2.8em;}
	.h-bloq7 .text p {font-size: 1.4em;}

	footer {padding: 30px 0 30px;}
	footer .top .text ul {display: block;padding: 20px 0;}
	footer .top .text ul li{width: 100%;margin: 15px 0;}
    

}