/*
Theme Name: Nombre del Tema
Theme URI: http://www.miagencia.cl
Author: Mi Agencia
Author URI: http://www.miagencia.cl
Description: Tema desarrollado para NOMBRE DEL CLIENTE
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive layout,
Text Domain: miagencia
*/ 

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;1,600&family=Quicksand:wght@300;400;500;600;700&display=swap');

/*
font-family: 'Open Sans', sans-serif;
font-family: 'PT Sans', sans-serif;
font-family: 'Quicksand', sans-serif;
*/

::-webkit-input-placeholder { /* WebKit browsers */
	color: #ddd !important;
	opacity: 1;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #ddd !important;
	opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #ddd !important;
	opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #ddd !important;
	opacity: 1;
}

/*MENU MOVIL*/
.menu-movil .barramenu {
  display: flex;
  padding: 10px 15px;
}

.menu-movil .sidenav a {
  font-size: 20px;
  padding: 5px 0px;
  font-weight: 700;
}

.menu-movil .sidenav .int-top {
  padding: 30px 25px 30px 25px;
  background-color: #138B89;
}

.menu-movil .sidenav .int-bottom {
  padding: 30px 25px 30px 25px;
  background-color: #138B89;
}

.menu-movil .sidenav .btn {
  color: #138B89;
  margin-top: 30px;
  background-color: #fff;
  border-radius: 500px;
  padding: 8px 25px;
}


.menu-movil .barritaa {
	background-color: #fff;
	    padding-top: 5px;
    padding-bottom: 5px;
}

.menu-movil .contenidodelmenu {
    /* background-color: red; */
    height: calc(100vh - 80px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.menu-movil hr {
	border: none;
	background-color: #fff;
	height: 1px;
}

.sidenav a.closebtn {
    font-size: 45px !important;
    line-height: 31px;
    color: #138B89;
}

/*MENU*/
.sidenav {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #138B89;
  overflow-x: hidden;
  transition: opacity 0.5s ease;
  transition-delay: 1s;
  padding-top: 0px;
  display: none;
  animation-name: esconder;
  animation-duration: 0.2s;
}

.sidenav.showw {
  display: block;
  transition-delay: 1s;
  animation-name: mostrar;
  animation-duration: 0.2s;
}

@keyframes mostrar {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes esconder {
  0% {display: block; opacity: 1;}
  99% {opacity: 0;}
  100%{display: none;}
}

.sidenav a {
  padding: 0px;
  text-decoration: none;
  font-size: 20px;
  color: #fff;
  display: block;
  transition: 0.3s;

}

.sidenav a:hover{
  color: #f1f1f1;
}

.sidenav .closebtn {
  /*position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;*/
}

.sidenav a.closebtn  {
  font-size: 45px !important;
  line-height: 31px;
}

/*FIN MENU MOVIL*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Quicksand', sans-serif;
}

h2 {
	font-size: 26px;
	font-weight: 500;
}

.contacto .btn-solido {
	border-radius: 20px;
	padding: 10px 45px;
	font-size: 14px;
	color: #fff;
	box-shadow: none;
	background-color: #138B89;
	text-decoration: none;
	font-family: 'Quicksand', sans-serif;
	font-weight: 600;
	border: none;
	margin-top: 20px;
}

a.btn-solido {
	border-radius: 20px;
	padding: 10px 25px;
	font-size: 14px;
	color: #fff;
	background-color: red;
	text-decoration: none;
	font-family: 'Quicksand', sans-serif;
	font-weight: 600;
}

.menu {
	padding: 10px 0px;
}

.menu a.btn-solido {
	background-color: #138B89;
}

.menu a.btn-solido img {
	margin-right: 10px;
}

.menu ul li {
	padding-right: 30px;

}

.menu ul li a {
	font-size: 15px;
	font-weight: 600;
	color: #2C2C2C;
}

.menu ul li a:hover {
	color: #138B89;
}

p {
	color: #2C2C2C;
}

/*MENU*/
.menu {
    width: 100%;
}

.top-home {
	min-height: 650px;
	padding-top: 140px;
	background-repeat: no-repeat;
	background-size: cover;
}

.top-home h1 {
	font-size: 2.2em;
	font-weight:bold;
}

.conceptos-home {
	margin-top: -200px;
}

.conceptos-home .block {
	text-align: center;
	min-height: 200px;
	background-color: #ffffffa6;
    backdrop-filter: blur(15px);
    

}

.conceptos-home .block p {
	font-size: 18px;
	font-family: 'Quicksand', sans-serif;
	font-weight: 600;
	padding-top: 10px;
}

.mas-sobre-home {
	background-color: #fff;
}

.mas-sobre-home h3 {
	font-size: 26px;
	color: #2C2C2C;
	font-family: 'Open Sans', sans-serif;
}

.mas-sobre-home img {
	/*filter: grayscale(100%);*/
}

.mas-sobre-home h3 strong {
	font-size: 30px;
	color: #138B89;
	font-style: italic;
}

.mas-sobre-home p {
	color: #4B4B4B;
}

.mas-sobre-home a {
	font-size: 16px;
	color: #138B89;
	font-family: 'Quicksand', sans-serif;
	font-weight: 700;
	text-decoration: none;
}

.mas-sobre-home a img {
	filter: none;
}

.mas-sobre-home .bloque {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 475px;
	padding-left: 100px;
	border-radius: 10px;
}

.mas-sobre-home .bloque  h3 {
	color: #fff;
	font-size: 38px;
	font-family: 'Quicksand', sans-serif;
}

.nuestros-sitios {
	padding: 80px 0px;
}

.nuestros-sitios .block {
	color: #4B4B4B;
	text-decoration: none;
}

.nuestros-sitios .block img {
	border-radius: 5px;
}

.nuestros-sitios .block h3 {
	margin-bottom: 0px;
	font-weight: 600;
	font-size: 22px;
}

.nuestros-sitios .block span.toptitle {
	font-size: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.nuestros-sitios .block hr {
	width: 25px;
	min-height: 5px;
	opacity: 1;
	border: none;
	box-shadow: none;
	margin: 10px 0px;
}

.nuestros-sitios .block p {
	padding: 10px 0px;
	margin-bottom: 0px;
	padding-bottom: 20px;
	min-height: 130px;
}

.nuestros-sitios .block span.btnblock {
	font-size: 16px;
	color: #138B89;
	font-family: 'Quicksand', sans-serif;
	font-weight: 700;
	text-decoration: none;
	display: flex;
}

.folletos {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 80px 0px;
	padding-top: 90px;
}

.folletos h2 {
	padding-bottom: 15px;
}

.folletos p {
	color: #4B4B4B;
	padding-right: 50px;
}

.folletos span {
	color: #4B4B4B;
	font-size: 13px;
	letter-spacing: 1px;
}

.folletos .bloque h3 {
	font-size: 18px;
	padding-right: 50px;
	font-weight: 500;
}

.folletos .bloque img {
	height: 150px;
	width: 100%;
}

.folletos a {
	font-size: 16px;
	color: #138B89;
	font-family: 'Quicksand', sans-serif;
	font-weight: 700;
	text-decoration: none;
}

.folletos .bloque {
	background-color: #FFFFFF;
	border-radius: 5px;
	overflow: hidden;
}




.top-sobre-dgmed {
	min-height: 560px;
	display: flex;
	align-items: center;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-bottom: 80px;
}

.top-sobre-dgmed h2 {
	font-size: 40px;
	color: #2C2C2C;
	padding-bottom: 15px;
}

.top-sobre-dgmed p {
	color: #4B4B4B;
	font-size: 16px;
}

.nuestras-marcas h2 {
	padding-bottom: 20px;
}

.nuestros-productos {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 80px 0px;
	padding-bottom: 100px;
}

.nuestros-productos h2 {
	color: #2C2C2C;
}

.nuestros-productos .block {
	background-color: #fff;
	min-height: 275px;
	text-align: center;
}

.nuestros-productos .block p {
	font-family: 'Quicksand', sans-serif;
	font-size: 18px;
	font-weight: 600;
	padding: 10px 0px;
}

.catalogos {
	padding: 50px 0px;
	padding-bottom: 100px;
}

.catalogos .block {
	background-color: #FAFAFA;
	border-radius: 5px;
	padding: 30px;
	display: block;
	text-decoration: none;
	color: #2C2C2C;
	min-height: 400px;
}

.catalogos .block h3 {
	margin-bottom: 0px;
	font-weight: 600;
	font-size: 22px;
}

.catalogos .block span.catagoria {
	font-size: 13px;
	letter-spacing: 1px;
}

.catalogos .block hr {
	width: 25px;
	min-height: 5px;
	opacity: 1;
	border: none;
	box-shadow: none;
	margin: 10px 0px;
}

.catalogos .block p {
	padding: 10px 0px;
	margin-bottom: 0px;
	padding-bottom: 20px;
	min-height: 130px;
}

.catalogos .block span.btnbtn {
	font-size: 16px;
	color: #138B89;
	font-family: 'Quicksand', sans-serif;
	font-weight: 700;
	text-decoration: none;
	display: flex;
	margin-top: 15px;
}

.catalogos h4 {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	padding-bottom: 20px;
}

.catalogos ul {
	padding-left: 0px;
}

.catalogos ul li {
	list-style-type: none;
	padding-bottom: 15px;
}

.catalogos ul li a {
	color: #2C2C2C;
	font-size: 14px;
	text-decoration: none;
}

.catalogos ul li a.active {
	color: #138B89;
	font-weight: 600;
}

.contacto {
	background-color: #E7F3F3;
	padding: 50px 0px;
}

.contacto h2 {
	font-size: 40px;
	padding-bottom: 15px;
}

.contacto h3 {
	font-size: 18px;
	color: #2C2C2C;
	font-weight: 600;
}

.contacto a {
	color: #2C2C2C;
	font-size: 16px;
	text-decoration: none;
}

.contacto .bloque {
	background-color: #fff;
	border-radius: 5px;
	padding: 60px 40px;
}

.contacto .bloque h4 {
	color: #2C2C2C;
	font-size: 22px;
	padding-bottom: 20px;
}

.contacto .bloque label {
	color: #2C2C2C;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.contacto .bloque .w-100 {
	padding-bottom: 20px;
}

.contacto .bloque .form-control {
	border: 1px solid #B7B7B7;
	border-radius: 4px;
	background-color: #fff;
	font-size: 15px;
	color: #B7B7B7;
}

.contacto .bloque .wpcf7-spinner {
	display: none;
}




.pre-footer {
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 0px;
	background-position: center;
}

.pre-footer h2 {
	color: #fff;
	font-size: 26px;
	font-weight: 600;
}

.pre-footer h3 {
	font-size: 20px;
	color: #fff;
	font-weight: 400;
}

.pre-footer .block {
	background-color: #F2F6FA;
	border-radius: 40px;
	padding: 5px 0px;
}

.pre-footer .wpcf7-spinner {
	display: none;
}

.pre-footer .form-control {
	background-color: transparent;
	border: none;
	font-size: 14px;
	padding-left: 20px;
}

.pre-footer .form-control:focus {
	box-shadow: none;
}

.pre-footer .link-suscribirse {
	background-color: #F2F6FA!important;
	border: none;
	padding-top: 6px;
    padding-left: 25px;
	color: #138B89;
	font-size: 14px;
	font-family: 'Quicksand', sans-serif;
	font-weight: 600;
}

footer {
	background-color: #fff;
	padding: 50px 0px;
}

footer a {
	font-size: 15px;
	color: #2C2C2C;
	text-decoration: none;
}

footer a:hover {
	color: #5c5c5c;
}

footer p {
	font-size: 15px;
	color: #2C2C2C;
	padding-right: 50px;
	margin-bottom: 5px;
}

footer h3 {
	color: #828282;
	font-size: 13px;
	text-transform: uppercase;
	padding-bottom: 5px;
}

footer ul {
	padding-left: 0px;
	margin-bottom: 0px;
}

footer ul li {
	padding-bottom: 10px;
	list-style-type: none;
}

footer ul li a {
	text-decoration: none;
	color: #2C2C2C;
	font-size: 15px;

}

.linea-baja {
	background-color: #EFEFEF;
	padding: 10px 0px;
}

.linea-baja span {
	color: #2C2C2C;
	font-size: 12px;
}

.linea-baja a {
	color: #138B89;
	font-size: 12px;
	text-decoration: none;
	font-family: 'Quicksand', sans-serif;
	font-weight: 600;
}

a.nav-link.active {
    color: #138b89 !important;
}

@media (min-width: 768px) {
	.conceptos-home .block {
	border: none!important;
	border-right: 1px solid #BCC3C7!important;
 }
}

/* lg */

	@media(max-width: 1199.98px) {}



/* TABLET (md) */	

	@media (max-width: 991px) {}



/* MOVIL (sm) */

	@media (max-width: 767px) {
		.conceptos-home a {
			text-decoration: none;
		}

		.top-home {
			background-position: center;
			height: 900px;
			background-attachment: fixed;
		}
		.top-home h1 {
			padding-top: 50px;
		}
		.conceptos-home {
			/*background: rgb(250,250,250);
			background: linear-gradient(0deg, rgba(250,250,250,1) 33%, rgba(255,255,255,0) 67%);*/
			margin-top: -460px;
		}

		.conceptos-home .block {
	text-align: center;
	min-height: 200px;
	background-color: #ffffffa6;
    backdrop-filter: blur(15px);
    border-right: 1px solid #BCC3C7;

}




		.conceptos-home .block {
			border-radius: 5px;
			margin-bottom: 20px;
			min-height: auto;
			padding: 20px 20px;
			text-decoration: none;
		}

		.mas-sobre-home .bloque {
			background-position: bottom;
			background-size: 130%;
			    background-position-x: -130px;
			background-color: #138B89;
			padding-left: 50px;
			padding-top: 40px;
			align-items: initial!important;
		}

		/*.nuestros-sitios .block img {
			width: auto!important;
		}*/

		.nuestros-sitios .block {
			margin-bottom: 40px;
		}


		.nuestros-sitios .block p {
			min-height: auto;
		}

		.pre-footer .link-suscribirse {
			padding-left: 0px;
			margin-left: -28px;
		}

		.top-sobre-dgmed {
			align-items: initial;
			padding-top: 40px;
			padding-bottom: 0px;
		}

		.catalogos {
			padding-top: 0px;
			margin-top: -20px;
		}

		.top-catalogo {
			background-position: left;
			background-position-y: -40px;
		}

		.contacto iframe {
			width: 100%!important;
			height: 250px!important;
		}

		.conceptos-home .block .int-concepto a {
			display: none;
		}

		.conceptos-home .block .int-concepto {
			display: flex;
		}

		.conceptos-home .block .int-concepto img {
			padding-right: 30px;
		}
		.slide-sitios-home .slick-dots li button:before {
			font-size: 13px;
		}

		.slide-sitios-home .slick-dots li.slick-active button:before {
			color: #138B89;
		}

		.catalogos .block {
			min-height: auto;
		}
	}



/* xs */

	@media (max-width: 575.98px) {}