body {font-family: "Roboto", sans-serif;}
a { color: #006341;}

.fz-09{font-size: 0.9rem;}
.fz-12{font-size: 1.2rem;}
.fz-19{font-size: 1.9rem;}
.fz-15{font-size: 1.5rem;}

@media (min-width: 992px){
.col-lg-1,.col-lg-4,.col-lg-8,.col-lg-2,.col-lg-6,.col-md-6,.col-lg-3 { float: left;}
.col-lg-9 { float: left;}
	}

/*Colores*/

.text-primary-casa { color: #b31942 !important;}
.text-white { color: #ffffff !important;}
.text-y {color: #0a3161 !important}
.text-green {color: #006341!important;}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active {color: #b31942 !important;}

.btn-primary {
    background-color: #0a3161 !important;
    border-color: #0a3161 !important;
}

.btn-primary:hover {
    background-color: #006341 !important;
    border-color: #006341 !important;
}

.btn-secondary {
    color: #b31942!important;
    background-color: #ffffff;
    border-color: #ffffff;
}
.btn-secondary:hover {
    color: #FFFFFF!important;
    background-color: #b31942;
    border-color: #b31942;
}

.navbar-light .navbar-nav .nav-link {
    color: #FFFFFF;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: #006341!important;
}

.p-prop { padding: 3% 5%; font-size: 16px;}

.icowa {width: 3%;}

/*BG*/

.background-b07 { background-color: rgba(10,49,97,0.7)}
.bg-verde {    background: #006341;}
.bg-lgy {background: #DEE6F8;}
.bg-wa {}
.bg-alice {background: aliceblue;}
.bg-green {background: #edfce9;}
.bg-azul {background: #0a3161 !important}

/*Paddings*/

.pc6{padding: 6%;}

.pl-15px {padding-left: 15px;}
.pl-50px {padding-left: 50px;}

.btn-wa {padding: 0 10px; border-radius: 20px;}
.btn-wa img {width: 8%}

.ico-int{ width: 10%; margin:1% auto}

@media (max-width: 767px){
	.row>* {padding: 0px; margin-top: 3px;}
	.row { --bs-gutter-x: 0rem;	}
	.pl-50px {padding-left: 0px;}
	.h3-mail{font-size: 1.3rem;}
	.ico-int{ width: 15%;}
}

/*margin*/

.mb-50px {margin-bottom:50px;}
.mb-80px {margin-bottom:80px;}


.mt-0px {margin-top:0px;}
.mt-5px {margin-top:5px;}
.mt-30px {margin-top:30px;}
.mt-50px {margin-top:50px;}
.mt-80px {margin-top:80px;}
.mt-100px {margin-top:100px;}


/*Borders*/
.br-w { border-right: white solid 1px; padding-right: 15px;}


/*Alineación*/
.text-left{text-align: left;}

.navbar-light .navbar-toggler {  color: rgba(255, 255, 255, 0.55); border-color: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.2);}
.navbar-brand img { height: 60px;}

/*Carousel*/

.carousel {
    margin-top: -75px;
}

.carousel-caption { background: rgba(0, 0, 0, .0)!important; font-family: "Merriweather", serif;}
.carousel-caption h2 { font-family: "Merriweather", serif;}

.tres-banners{
	background-position: top center!important;
	background-size: cover!important;
	border: solid #ffffff 1px;
}

.tres-banners h5 { font-size: 2.25rem; color: #ffffff; font-family: "Merriweather", serif;}
.tres-banners p {font-size: 1.3rem; color: #ffffff; width: 60%;}

.section.image {
    padding-top: 127px;
    padding-bottom: 127px;
    background-image: url('../img/bg-par.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
}

.section.image h3 { width: 50%; margin:auto;  color: #ffffff;  font-weight: normal; text-align: justify;}
.section.image h3 small {font-size: 1rem}
@media (max-width: 767px){
	.section.image h3{ width: 75%; text-align: left;}
}

.testimonial-carousel .owl-item.center .testimonial-text {background:#0a3161!important;}

.testimonial-carousel .owl-dot.active {
	background: #006341 !important;
    border-color: #006341 !important;
}

.section.testimonios {
    padding-top: 127px;
    padding-bottom: 127px;
    background-image: url('../img/bg-test.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
}


.web {display: block}
.mov {display: none}

@media (max-width: 767px){
	.web {display: none!important}
	.mov {display: block!important}
	
	.col-lg-8{width: 100%;}
}


/*FAQS*/

.accordion-button:focus {
    z-index: 3;
    border-color: #0a3161;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(252,185,0,0.25);
}

.accordion-button:not(.collapsed) {
    color: #FFFFFF;
    background-color: #0a3161;
    box-shadow: inset 0 -1px 0 rgba(252,185,0,0.125);
}

/*Links*/

.links-int { margin-top: 0px;    font-size: 1.3rem;}
.links-int:hover {color:#006341}

@media (max-width: 767px){
.link-logo {width: 32%; float: left; overflow: overlay;}
.link-txt {width: 66%; float: left; overflow: visible;}
.link-txt h2 {font-size: 1.2rem;}
.links-int { font-size: 0.9rem;}
.servicios-bloque { padding: 3%!important;}
.servicios-bloque2 { padding: 1%!important;}
	
}


.servicios-bloque {padding: 3% 0% 3% 4%;}


/* Galeria*/

.cerrar {    float: right; color: #fff; font-size: 20px;}
.port {
	padding: 5%;
}
.gallery-item {
	position: relative;
	box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.5);
	cursor: pointer;
	    padding: 2%;
    margin: 5%;
}
/* overlay */

.gallery-item img {
	width: 100%;
}
.gallery-item .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 20px;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.5s ease;
}
.gallery-item:hover .overlay {
	opacity: 1;
}
.gallery-item .overlay h3 {
	font-size: 24px;
	margin-bottom: 10px;
}
.gallery-item .overlay p {
	font-size: 16px;
	margin-bottom: 20px;
}
.gallery-item .overlay .btn {
	font-size: 16px;
}
.modal {
	background: rgba(0, 0, 0, 0.8);
}
@media (max-width: 991px) {
	.gallery-item {
		margin-bottom: 30px;
	}
}