/* --------------------------------------------------------------- ESTILOS GENERALES --------------------------------------------------------------- */

html, body {
  font-family: 'Open Sans', Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #333333;
}

.mobile-only{
  display: none;
}
.mobile-hide{
  display: block;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', Helvetica, sans-serif;
  font-weight: bold;
  margin-bottom: 0;
}


h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.75em;
}

h3 {
  font-size: 1.5em;
}

h4 {
  font-size: 1.1em;
}

p {
  font-family: 'Open Sans', Helvetica, sans-serif;
  margin-bottom: 0;
  line-height: 1.5;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

.servicios-list{
  list-style: disc;
}
:focus {
  outline: 0;
}

main {
  font-family: 'Open Sans', Helvetica, sans-serif;
  position: relative;
  min-height: 100vh;
}

.font-open-sans {
  font-family: 'Open Sans', Helvetica, sans-serif;
}

.font-raleway {
  font-family: 'Raleway', Helvetica, sans-serif;
}

.font-segoe{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.background-size-cover {
  background-size: cover;
  background-repeat: no-repeat;
}

.text-white{
  color: #fff!important;
}

.text-blue{
  color: #134888!important;
}

.text-green{
  color: #058847!important;
}
.text-lblue{
  color: #13BFFF!important;
}

.text-gray{
  color:#636262!important;
}

.text-dgray{
  color:#464646!important;
}
.text-small{
  font-size: 0.75rem;
}
.btn-primary{
  width: 150px;
  height: 40px;
  font-size: 16px;
  text-align: center;
  font-family: 'Open Sans', Helvetica, sans-serif;
  font-weight: bold;
  border-radius: 8px;
  padding: 10px 10px;
}



.btn-transparent{
  background-color: transparent!important;
  border: none!important;
}

.btn-check:active+.btn-transparent, .btn-check:checked+.btn-transparent, .btn-transparent:hover, .btn-transparent.active, .btn-transparent:active, .show>.btn-transparent.dropdown-toggle {
  background-color: #13488875!important;
  border: none!important;
}
.btn-blue{
  background-color: #134888!important;
  border: none!important;
}
.btn-check:active+.btn-blue, .btn-check:checked+.btn-blue, .btn-blue.active, .btn-blue:active, .show>.btn-blue.dropdown-toggle {
  background-color: #134888!important;
  border: none!important;
}

.btn-blue:hover{
  background-color: transparent!important;
  border: 1px solid #134888!important;
  color: #134888!important;
}

.btn-white{
  background-color: #fff!important;
  border: none!important;
}
.btn-check:active+.btn-white, .btn-check:checked+.btn-white, .btn-white.active, .btn-white:active, .show>.btn-white.dropdown-toggle {
  background-color: #fff!important;
  border: none!important;
}


.bg-gray{
  background-color: #f9f9f9;
}

.bg-lgreen{
  background-color: #0588463a;
}

.bg-lblue{
  background-color: #1348883a;
}
.btn-green{
  background-color: #058847!important;
  border: none!important;
}
.btn-check:active+.btn-green, .btn-check:checked+.btn-green, .btn-green.active, .btn-green:active, .show>.btn-green.dropdown-toggle {
  background-color: #058847!important;
  border: none!important;
}

.btn-green:hover{
  background-color: transparent!important;
  border: 1px solid #058847!important;
  color: #058847!important;
}
.title {
  
}

.sub-title{

}

.margin-top-gray{
  border-top: 1px solid #464646;
}

.dropdown-menu li, .dropdown-menu a{
  min-width: 260px;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------- header-slider ----------------------------------------------------------------- */

.header-slider {
  position: relative;
  z-index: 0;
  top:0;
  transform: none!important;
}

.section-header {
  min-height: 630px;
}

.btn-slider{
    width: 100%;
}


.header-cont{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  width:100%;
}

.header-wrapper{
  display: inline-block;
  position: relative;
  width:100%;
}

.header-img{
  width:100%;
  object-fit: cover;
  object-position: center center;
  min-height:230px;
  max-height:630px
}

.left-border{
  border-left: 2px solid #13BFFF;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------- Section Productos ------------------------------------------------------------- */

.section-productos{
  padding-top: 60px;
  width: 100%;
}
.logo-productos{
  height: 50px;
}

.productos-img{
  height: 350px;
  padding-top: 15px;
}

.bg-blues{
  background-image: linear-gradient(to right, #134888, #0c2b51);
}

.bg-greens{
  background-image: linear-gradient(to right, #034726 ,#058847);
}
.border-blue{
  border: 1px solid #134888;
}
.border-green{
  border: 1px solid #058847;
}

.product-cont{
  display: flex;
  flex-direction: column;
  padding-bottom: 30px;
}

.product-square-blue{
  border: 4px solid #134888;
  border-radius: 8px;
  height: 70px;
  width: 70px;
  display: flex;
  flex-direction: column;
}

.product-square-blue p{
  font-size: 10px;
}

.product-square-green{
  border: 4px solid #058847;
  border-radius: 8px;
  height: 70px;
  width: 70px;
  display: flex;
  flex-direction: column;
}

.product-square-green p{
  font-size: 10px;
}

.complejo-logo{
  height: 67px;
  width: 50px;
}

.complejo-row{
  background-color: #fff;
  border-radius: 1rem;
}

.section-complejo {
	position: relative;
	width: 100%;
  z-index: 100;

}

/* ------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------- Section caracteristicas ------------------------------------------------------------- */
.section-caracteristicas {
	position: relative;
	width: 100%;
	padding: 80px 0;
	background-image: url(../images/complejo-bg.png);
	background-position: top center;
	background-size: cover;
	background-attachment: fixed;
  margin-top: -70px;
  z-index: 0;
}

.section-caracteristicas .card{
  background-color: #fff;
  border-radius: 1rem;
}


.section-caracteristicas .product-square-blue {
  margin-top: -45px;
  background-color: #fff;
}

.modal-caracteristicas .product-square-blue {
  margin-top: -35px;
  margin-bottom: -35px;
  background-color: #fff;
}

.modal-caracteristicas .modal-content{
  border-radius: 1rem;
}
.modal-caracteristicas .modal-header{
  padding: 7.5px;
  background-color: rgba(0,0,0,.03);
  border-bottom: 1px solid rgba(0,0,0,.125);
}

.modal-caracteristicas .btn-close {
  background-size: 10px;
}


.section-complejo {
  background: rgb(255,255,255); /* Old browsers */
/*	background: -moz-linear-gradient(bottom, transparent 0%, transparent 40%, #f9f9f9 41%, #f9f9f9 85%, transparent 85%); /* FF3.6-15 */
/*	background: -webkit-linear-gradient(bottom, transparent 0%, transparent 40%, #f9f9f9 41%, #f9f9f9 85%, transparent 85%); /* Chrome10-25,Safari5.1-6 */
/*  background: linear-gradient(to bottom, transparent 0%, transparent 40%, #f9f9f9 41%, #f9f9f9 85%, transparent 85%);*/
background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 40%, rgba(249,249,249,1) 75%, rgba(249,249,249,0) 85%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 40%, rgba(249,249,249,1) 75%, rgba(249,249,249,0) 85%);
background: linear-gradient(180deg, rgba(255,255,255,1) 40%, rgba(249,249,249,1) 75%, rgba(249,249,249,0) 85%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f9f9f9",GradientType=1);
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------- Section Contacto ------------------------------------------------------------- */

section.contacto {
	position: relative;
	width: 100%;
	padding: 80px 0;
	background-image: url(../images/bk-contacto.jpg);
	background-position: top center;
	background-size: cover;
	background-attachment: fixed;
}
section.contacto > .container > h2 {
	font-family: 'Open Sans', sans-serif;
	color: #494949;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
	padding: 5px 0;
	max-width: 37%;
	margin: auto;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,e0e0e0+51,e0e0e0+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(224,224,224,1) 51%, rgba(224,224,224,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(224,224,224,1) 51%, rgba(224,224,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(224,224,224,1) 51%, rgba(224,224,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0 ); /* IE6-9 */
}
.content-form {
	background-color: #fff;
	padding: 50px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 11px 1px rgba(196,196,196,1);
	-moz-box-shadow: 0px 0px 11px 1px rgba(196,196,196,1);
	box-shadow: 0px 0px 11px 1px rgba(196,196,196,1);
	margin-top: 45px;
}
.content-form input[type=text], .content-form input[type=email], .content-form input[type=number] {
	font-family: 'Open Sans', sans-serif;
	width: 100%;
	padding: 10px 0;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
	margin: 0 0 30px 0;
	color: #878787;
}
.content-form select {
	height: 40px;
	font-family: 'Open Sans', sans-serif;
	width: 100%;
	padding: 10px 0;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
	color: #00b7e0;
	margin: 0 0 20px 0;
	margin: 0 0 30px 0;
	-webkit-appearance: none;
	background-color: #FFF;
	border-radius: 0;
	font-weight: bold;
}
/*
.landing-page .content-form select {
	margin: 0 0 10px 0;
	z-index: 500;
		position: relative;
}
*/
.content-form option {
	padding: 0;
}
.content-form textarea {
	font-family: 'Open Sans', sans-serif;
	width: 100%;
	padding: 10px 0;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
	margin: 0 0 30px 0;
	color: #878787;
	height: 200px;
}

.text-med {
	height: 130px!important;
}


.content-form input[type=submit] {
	font-family: 'Open Sans', sans-serif;
	width: 140px;
	margin: 0 0 10px 0;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	background-color: #00b7e0;
	padding: 15px 30px;
	font-size: 14px;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	float: right;
	-webkit-box-shadow: 0px 0px 11px 1px rgba(196,196,196,1);
	-moz-box-shadow: 0px 0px 11px 1px rgba(196,196,196,1);
	box-shadow: 0px 0px 11px 1px rgba(196,196,196,1);
}
.content-form input[type=submit]:hover {
	text-decoration: none;
	opacity: .75;
}
.content-form label {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	color: #969696;
	cursor: pointer;
}
.content-form label input[type=checkbox] {
	float: right;
	margin: 5px 0 0 10px;
}
div.wpcf7-validation-errors {
	border: 0;
	clear: both;
	margin: 20px 0 0 0;
	width: 100%;
	float: left;
	text-align: center;
}


/* AGE OF THE CAPI */
.navbar-dark .navbar-nav .nav-link:hover {color:#13BFFF!important}
.navbar-dark .navbar-nav .dropdown-menu .nav-link:hover {color: #464646!important;}
.complejo-row {box-shadow: 2px 3px 20px 0px rgb(4 4 4 / 25%); padding-top:3rem!important}
.divisiongray {position:relative; /*padding-left:15px*/}
/*.divisiongray:before {content:' '; position:absolute; left:0; top:0; height:100%; background:#f9f9f9; width:15px}*/
.divisiongray {border-left:15px solid #f9f9f9}
.txtch {font-size:13px!important; line-height:1.4!important}

.bg-lblue {background-color: rgba(201,213,228,0.7)!important}
.bg-lgreen {background: rgba(193,223,208,0.7)!important}
.header-img {max-height:560px!important}

.complejo-row b, .complejo-row strong {font-weight: 700!important}

.owl-dots {position:absolute; margin-top:0!important; bottom:5px; width:100%}
.owl-theme .owl-dots .owl-dot span {background:none!important; border:1px solid #fff!important; width:12px!important; height:12px!important; margin:5px 3px!important}
.owl-theme .owl-dots .owl-dot.active span {background:#fff!important; }


.languagesmenu.dropdown-menu li, .languagesmenu.dropdown-menu a {min-width: 0!important}

.btn-volver {height: 44px!important; display: inline-block!important; width: auto!important; text-align:center!important}

@media (max-width: 991px) {
	.navbar-dark .navbar-nav .dropdown-menu .nav-link:hover {color: #13BFFF!important;}
	.txtch br{ display:none!important}

}