html{ scroll-behavior: smooth;}
.btn-whats{position: fixed; bottom: 90px; right: 30px; z-index: 11; height: 80px; width: 198px;}
.btn-whats img{width: 100%; height: auto; position: absolute; transition: all 300ms ease-in-out;}
.btn-whats > img:first-child{opacity: 1;}
.btn-whats > img:last-child{opacity:.0;}
.btn-whats:hover > img:first-child{opacity: .75;}
.btn-whats:hover > img:last-child{opacity: 1;}
.visible-xs, .visible-sm{display: none;}
.hidden-xs, .hidden-sm {display: block;}

.hamburger i:hover {color: #DB1D1D;}
.menu{background: rgba(0,170,180,0.95);}

/* ---------------------------------------- HEADER ---------------------------------------- */
.logo img{display: block; width: 200px;}
.header_top_phone i{/*color:#00A7B7;*/ color: #DB1D1D;}
.header_nav_container{background: #DB1D1D;}
.separador-tel{color: #DB1D1D !important; margin-top: -3px; display: inline-block;}
/* ---------------------------------------- HEADER ---------------------------------------- */

/* ---------------------------------------- BANNER ---------------------------------------- */
/*		<div class="background_image c" style="background-image:url(images/index_hero.jpg)"></div>*/
.bk-banner{background-image:url(../images/index_hero.jpg);}
.home_title, .home_text{text-shadow: 1px 1px rgba(0,0,0,0.45);}
.home_title span{background: rgba(0,170,180, 0.94);text-shadow: 1px 1px rgba(0,0,0,0.45);}
.home_button{background: rgba(0,170,180, 0.94);}
/* ---------------------------------------- BANNER ---------------------------------------- */


/* --------------------------------------- NOSOTROS --------------------------------------- */
#nosotros{position: absolute; bottom: 70px;}
.about {width: 100%;background: #FFFFFF;padding-top: 100px;padding-bottom: 113px;}
.section_title {font-size: 36px;font-weight: 600;color: #404040;line-height: 0.75;}
.section_subtitle {font-size: 11px;font-weight: 600;color: #838383;line-height: 0.75;letter-spacing: 0.2em;text-transform: uppercase;margin-top: 23px;}
.about_row {margin-top: 89px;}
.about_text_highlight {font-size: 16px;font-weight: 700;color: #404040;margin-top: 28px;}
.about_text {margin-top: 13px;}
.img-about{width: 94%;margin-top: -46px;}
/* --------------------------------------- NOSOTROS --------------------------------------- */



/* ----------------------------------------- CTA ----------------------------------------- */
.cta_button{background: rgba(0,170,180, 0.94);}
/* ----------------------------------------- CTA ----------------------------------------- */



/* -------------------------------------- SERVICIOS -------------------------------------- */
#servicios{position: absolute; bottom: 70px;}
.services{padding-bottom: 46px;}
.icon_box_title{width: calc(100% - 50px);}
/* -------------------------------------- SERVICIOS -------------------------------------- */


/* -------------------------------------- CONTACTO -------------------------------------- */
#contacto{position: absolute; bottom: 70px;}
.footer_about_text a{color:#fff; display:block;}
.mapa{position: relative; height: 450px; overflow: hidden;}
.mapa iframe{width: 100%; height: 450px; margin: 0; border:0;}
.mapa::before{content: ''; width: 100%; height: 40px; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0) 20%, rgba(0,0,0,1) 100%); position: absolute; opacity: .75; z-index: 1;}
.footer_contact_button{background: rgba(0,170,180, 0.94);}
.direccion{color:#fff; line-height: 1.5; padding-top: 2px;}

.error {background: rgba(220,30,30,0.5);}
.gracias_contacto i{font-size: 60px; color: #fff;}
.gracias_contacto h2{font-size: 22px; color: #fff;}
/* -------------------------------------- CONTACTO -------------------------------------- */


/* ---------------------------------------------------------- MEDIA QUERY  ---------------------------------------------------------- */
@media (max-width: 1399px){
}

@media (max-width: 1199px){
	.img-about{margin-top: 0;}
}

@media (max-width: 991px){
	.header_top_content {height: 72px;}
	.logo img {width: 150px;}
	.header{background: #f7f7f7; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);}
	.btn-whats {width: 66px; height: 68px; bottom: 22px; right: 26px;}
	.visible-xs, .visible-sm{display: block;}
	.hidden-xs, .hidden-sm {display: none;}
	.background_image{background-position: 62% center;}	
	.img-about {margin: 40px auto 0;max-width: 400px;display: block;}
	.about{padding-bottom: 0;}

}

@media (max-width: 767px){
	.bk-banner{background-image:url(../images/index_hero-xs.jpg);}
	.home{height: 680px;}
	.home_container{top:20%;}
	.background_image{background-position:center bottom;}	
	.section_title{line-height: 0.96;}
	.section_subtitle{line-height: 1.4; margin-top:16px;}

	.about {padding-top: 60px;}
	.about_row {margin-top: 30px;}
	.cta {padding-top: 60px;padding-bottom: 60px;}
	.services {padding-bottom: 20px;padding-top: 70px;}
	.icon_boxes_row {margin-top: 70px;}
	.icon_box {margin-bottom: 60px;}
	.departments{padding-top: 70px; padding-bottom: 30px;}
	.dept_row {margin-top: 70px;}
	.footer_content {padding-bottom: 80px;}
	.footer_about_text{margin-top: 0;}
	.footer_about {padding-top: 0px;}
	.footer_col:not(:last-child) {margin-bottom: 46px;}
	.footer_links {margin-top: 4px;}
	.footer_phone{margin-top: 0;}
	.footer_bar_content {padding-top: 16px;padding-bottom: 16px;}
}

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