:root{
	--gold:#D5B973;
	--navy:#002259;
	--beige:#FDFAF2;
}

body{
	font-family: 'Poppins',Lato, Helvetica, sans-serif;
	text-align: center;
	margin:0 0 0 0;
	cursor:default;
	font-size: 1vw;
}
input[type="button"],input[type="submit"],button{
	border:none;
	background:none;
	font-size:1em;
	cursor:pointer;
}
img{
	border:none;
}
a{
	color: inherit;
	text-decoration: none;
}
*[onclick],*[href]{
	cursor: pointer;
}
textarea{
	resize:none;
}
.clr{
	clear:both;
}
.columnas2{
	-webkit-column-count:2;
	-moz-column-count:2;
	column-count:2;
}
.columnas3{
	-webkit-column-count:3;
	-moz-column-count:3;
	column-count:3;
}
.columnas4{
	-webkit-column-count:4;
	-moz-column-count:4;
	column-count:4;
}
.columnas5{
	-webkit-column-count:5;
	-moz-column-count:5;
	column-count:5;
}
.grid2{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0;
	grid-auto-rows: minmax(50%, auto);
}
.grid3{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 0;
	grid-auto-rows: minmax(33%, auto);
}
.grid4{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 0;
	grid-auto-rows: minmax(25%, auto);
}
.grid5{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 0;
	grid-auto-rows: minmax(20%, auto);
}
.flex{
	display: flex;
	flex-flow: row wrap;
	align-content: space-between;
	justify-content: space-between;
}
.flex>*{
	flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    text-align: center;
}

.site_error>div{
	margin: 0 auto;
	padding: 0.5em;
	color: #C44;
	border:#C44 solid 1px;
	background: #EDD;
	text-align: center;
	width: 50%;
	min-width: 280px;
	border-radius: 0.15em;
	font-weight:600;
}
.site_error{
	position: fixed;
	top:-20em;
	opacity: 0;
	z-index: 10;
	width: 100%;
	
	-webkit-animation: siteError 5s 1;
	-moz-animation: siteError 5s 1;
	animation: siteError 5s 1;
}

.site_success>div{
	margin: 0 auto;
	padding: 0.5em;
	color: #494;
	border:#494 solid 1px;
	background: #DED;
	text-align: center;
	width: 50%;
	min-width: 280px;
	border-radius: 0.15em;
	font-weight:600;
}
.site_success{
	position: fixed;
	top:-20em;
	opacity: 0;
	z-index: 10;
	width: 100%;
	
	-webkit-animation: siteError 5s 1;
	-moz-animation: siteError 5s 1;
	animation: siteError 5s 1;
}

@keyframes siteError{
	0%{opacity:1;top:5em;}
	90%{opacity:1}
	99%{opacity:0;top:5em;}
	100%{opacity:0;top:-20em;}
}

.hide_me{
	height: 0;
	width: 0;
	overflow: hidden;
	opacity: 0;
	font-size: 1px;
}

a,input,button,*[onclick],*[href],a *,*[onclick] *{
	transition: all .25s ease-in-out;
	cursor: pointer;
}

/* GENERALES */

header{
	position: sticky;
	top:0;
	left:0;
	right: 0;
	z-index: 10;
	background: var(--navy);
	color: white;
}
#top{
	background: white;
	padding: 0.5em;
	display: flex;
        flex-wrap: wrap;
        column-gap: 20px;
        justify-content: center;
	color: var(--navy);
	font-weight: 300;
	font-size: 0.85em;
}

#top p{
	margin: 0;
}
#header_content{
	padding: 2em 5%;
	text-align: left;
}
#logo img{
	height: 3.3em;
}
menu{
	float: right;
	text-transform: uppercase;
	font-size: 0.85em;
	letter-spacing: 0.2em;
}
menu>div{
	padding: 0 0 0 4em;
	line-height: 2em;
}
menu>div:last-child>a{
	display: inline-block;
	padding: 0 2em;
	background: var(--gold);
}
menu>div>div{
	width: 0;
	height: 0;
	overflow: hidden;
}
menu>div:hover>div{
	overflow: visible;
}
menu>div>div>div{
	background: var(--navy);
	width: 20em;
	text-align: left;
	padding: 1em 2em;
	position: relative;
	left: -2em;
	font-size: 0.9em;
}
menu>div>div>div a{
	display: none;
	animation: submenuappear 1s 1;
	animation-duration: calc(var(--i)*0.5s);
	animation-timing-function: ease-in-out;
}
@keyframes submenuappear{
	from{ opacity: 0; }
	to{ opacity: 1; }
}
menu>div:hover>div>div a{
	display: block;
}

menu a:hover{
	opacity: 0.8;
}
menu>div:last-child>a:hover{
	opacity: 1;
	background: white;
	color: var(--gold);
}

footer{
	padding: 5%;
	text-align: left;
}
footer>div.grid3{
	grid-gap:5em;
}
footer img{
	max-width: 90%;
	max-height: 4em;
	margin: 0 auto;
	display: block;
}
footer h4{
	font-size: 1.6em;
	margin: 0;
	font-weight: 300;
}
footer a>img{
	width: auto;
	height: 3em;
}
footer a{
	display: inline-block;
	margin-right: 2em;
	margin-top: 2em;
}
#subfooter{
	color: #069;
	background: var(--beige);
	padding: 1em;
	font-size: 0.8em;
	letter-spacing: 0.1em;
}
#subfooter a:hover{
	text-decoration: underline;
}

nav{
	position: fixed;
	top: 35vh;
	left: 0;
}
nav a{
	display: block;
	background: var(--navy);
	color: white;
	padding: 1em;
	border-top-right-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
	margin-bottom: 2em;
	font-weight: 100;
	font-size: 0.7em;
	text-transform: uppercase;
	width: 7em;
	line-height: 1em;
	position: relative;
	left: -0.5em;
}
nav a img{
	display: block;
	margin: 0 auto 0.5em auto;
}
nav a:hover{
	background: #048;
	left: 0;
}

/* HOME */
#home{
	background: url(imagenes/slider2.webp) left top no-repeat;
	background-size: cover;
	text-align: left;
	padding: 20% 50.5% 20% 5%;
	border-bottom: var(--navy) solid 0.5em;
	transition: background-image 1s ease-in-out;
	
}
#home h1{
	color: var(--gold);
	mix-blend-mode:multiply;
	font-weight: 500;
	font-size: 3em;
	line-height: 1em;
}
#home h2{
	font-weight: 300;
	font-size: 1.8em;
}
#home p{
	line-height: 2em;
	font-weight: 300;
}
#home a{
	font-weight: 600;
	font-size: 1.2em;
}
#home a:hover{
	color: #048;
}
#home:after{
	content:'';
	background: url(imagenes/Elipses.svg) center center no-repeat;
	background-size: contain;
	display: block;
	position: absolute;
	width: 15em;
	height: 15em;
	top: 57.5em;
	right: 5%;
}

#home_services{
	background: url(imagenes/home_services.jpg) right bottom no-repeat;
	background-size: 100% auto;
	padding-bottom: 40vw;
}
#services{
	background: url(imagenes/services3.jpg) right bottom no-repeat;
	background-size: 100% auto;
	padding-bottom: 40vw;
}
#services_list{
	text-align: left;
	padding: 5% 10%;
}
#services_list h4{
	margin: 0;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 0.2em;
}
#services_list h2{
	font-weight: 300;
	font-size: 2.5em;
	margin: 0;
}
#services_list>div{
	margin-top: 5%;
	color: var(--navy);
	justify-content: center;
	align-items: center;
	width: 85%;
}
#services_list img{
	height: 7em;
	display: block;
	margin: 0 auto;
}
#services_list h3{
	font-weight: 500;
	font-size: 3em;
	margin: 0;
}
#services_list>span{
	display: block;
	text-align: center;
	margin-top: 5%;
}
#services_list a{
	display: inline-block;
	padding: 0.5em 3em;
	background: var(--gold);
	color: white;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 0.85em;
}
#services_list a:hover{
	background: white;
	color: var(--gold);
}

#home_services_testimonial,#services_testimonial{
	padding: 0 15%;
}
#testimonials_reel{
	color: var(--navy);
	text-align: left;
	padding: 10% 10% 0 10%;
}
#testimonials_reel h2{
	font-weight: 300;
	font-size: 2em;
	margin: 0 0 1em 15%;
}
#testimonials_reel_content{
	min-height: 10em;
	background: url(imagenes/quote.svg?cache=2) left 0.5em no-repeat;
	background-size: 13% auto;
}
#testimonials_reel_content>div{
	padding-left: 15%;
	display: none;
	height: 0;
	overflow: visible;
}
#testimonials_reel_content>div:first-child{
	display: block;
}
#testimonials_reel_content p{
	line-height: 2em;
	font-weight: 300;
}
#testimonials_reel_control{
	padding: 2.5% 15%;
}
#testimonials_reel_control>div{
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	line-height: 0em;
	border: var(--navy) solid 1px;
	border-radius: 1em;
	margin-right: 0.5em;
}
#testimonials_reel_control>div:hover,#testimonials_reel_control>div.active{
	background: var(--navy);
}

#testimonials_reel>a{
	display: inline-block;
	padding: 1em 3em;
	background:var(--navy);
	color: white;
	margin: 5% 15%;
	box-shadow: var(--beige) 7px 7px 0 0,var(--navy) 7px 7px 0 1px;
}
#testimonials_reel>a:hover{
	box-shadow: var(--beige) 0 0 0 0,var(--navy) 0 0 0 1px;
	background: white;
	color: var(--navy);
}

/* ABOUT */

#about{
	background: var(--navy) url(imagenes/about.jpg) left center no-repeat;
	background-size: 80% auto;
	box-shadow: var(--navy) 0 -0.5em 0 0 inset;
}
#about>div{
	background: white;
	margin: 0 0 0 65%;
	padding: 5% 7.5% 5% 2.5%;
}
#about p{
	font-weight: 300;
	text-align: left;
}
#about p b{
	font-weight: 600;
}
#about>div>div{
	margin: 2em 5% 2em 10%;
}
#about a{
	display: block;
	padding: 1em 3em;
	box-shadow: var(--navy) 0 0 0 1px;
}
#about a:hover{
	background:var(--navy);
	color: white;
}
#about>div>div:last-child>a{
	padding: 1em 3em;
	background:var(--navy);
	color: white;
	box-shadow: var(--beige) 7px 7px 0 0,var(--navy) 7px 7px 0 1px;
}
#about>div>div:last-child>a:hover{
	box-shadow: var(--beige) 0 0 0 0,var(--navy) 0 0 0 1px;
	background: white;
	color: var(--navy);
}

/* OUR DOCTORS */

#doctros_header{
	height: 37.5vw;
	background: url(imagenes/doctors.jpg) center center fixed;
	background-size: cover;
	border-bottom: var(--navy) solid 0.5em;
}
#doctros_content{
	padding: 0 10%;
	text-align: left;
	color: var(--navy);
	background: url(imagenes/Light-circle.svg) right bottom no-repeat;
	background-size: 80% auto;
	border-bottom: var(--navy) solid 0.5em;
}
.doctor img{
	float: left;
	width: 40%;
	position: relative;
	top: -5em !important;
}
.doctor:nth-child(2n) img{
	float: right;
}
.doctor>div{
	float: left;
	padding: 5%;
	width: 50%;
}
.doctor h2{
	margin: 0;
	font-weight: 300;
	font-size: 2em;
}
.doctor p{
	line-height: 1.6em;
	font-weight: 300;
}

.doctor a{
	display: inline-block;
	padding: 1em 3em;
	background:var(--navy);
	color: white;
	margin: 5% 15%;
	box-shadow: var(--beige) 7px 7px 0 0,var(--navy) 7px 7px 0 1px;
}

.btns a{
	display: inline-block;
	padding: 0.7em 3em;
	background:var(--navy);
	color: white;
	margin: 3% 3% 3% 0%;
	box-shadow: var(--beige) 7px 7px 0 0,var(--navy) 7px 7px 0 1px;
}
.doctor a:hover,
.btns a:hover{
	box-shadow: var(--beige) 0 0 0 0,var(--navy) 0 0 0 1px;
	background: white;
	color: var(--navy);
}

/* TESTIMONIALS */

#testimonials{
	padding: 0 10% 5% 10%;
}
#testimonials_bottom{
	height: 40vw;
	background: #CCC url(imagenes/testimonials2.jpg) center center;
	background-size: cover;
	border-bottom: var(--navy) solid 0.5em;
}

/* BEFORE & AFTER */

#beforeafter{
	padding: 5%;
}
#beforeafter_header{
	width: 40%;
	margin: 0 auto;
	text-align: left;
}
#beforeafter_header h4{
	margin: 0;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 0.2em;
}
#beforeafter_header h2{
	font-weight: 300;
	font-size: 2.5em;
	margin: 0;
}


#beforeafter_bottom{
	padding: 20% 15%;
	background: #CCC url(imagenes/beforeafter.jpg) center center;
	background-size: cover;
	border-bottom: var(--navy) solid 0.5em;
	text-align: right;
}
#beforeafter_bottom a{
	display: inline-block;
	padding: 1em 3em;
	background:var(--navy);
	color: white;
	z-index: 1;
	position: relative;
}
#beforeafter_bottom a:hover{
	box-shadow: var(--navy) 0 0 0 1px;
	background: white;
	color: var(--navy);
}
#beforeafter_bottom a:after{
	content: '';
	display: block;
	height: 3em;
	width: 18.75em;
	border: var(--navy) solid 1px;
	transition: all 0.15s ease-in-out;
	position: absolute;
	transform: translate(-2em,-1.5em);
	z-index: -1;
}
#beforeafter_bottom a:hover:after{
	transform: translate(-2.5em,-2em);
	opacity: 0;
}



#beforeafter_content{
	padding: 5% 0;
}
#beforeafter_content>div{
	display: none;
}
#beforeafter_content div{
	grid-gap:1em;
}
#beforeafter_content>div:first-child{
	display: block;
}

.sliding{
	height: 12em;
	border:#CCC solid 1px;
	background-position: -2.5em 10%;
	background-size: auto 230%;
	transition: all 1s ease-in-out;
}
.sliding:hover>div{
	width: 10%;
}
.sliding>div{
	transition: all 1s ease-in-out;
	width: 45%;
	border-right: white solid 1px;
	height: 12em;
	background-position: -2.5em 90%;
	background-size: auto 230%;
}
.sliding>div:hover{
	width: 90%;
}

.sliding>div:after{
	content:'';
	width: 3em;
	height: 3em;
	position: absolute;
	float: right;
	background: url(imagenes/bacursor.png) center center no-repeat;
	background-size: cover;
	display: block;
	transform: translate(0,4.5em);
	margin-left: 8.25%;
	transition: all 1s ease-in-out;
}
.sliding:hover>div:after{
	margin-left: 0.75%;
}
.sliding>div:hover:after{
	margin-left: 18%;
}



#sliding1{ background-image:url(imagenes/beforeafter/IMG-6070.JPG); }
#sliding2{ background-image:url(imagenes/beforeafter/IMG-6071.JPG); }
#sliding3{ background-image:url(imagenes/beforeafter/IMG-6072_corregida.jpg); }
#sliding4{ background-image:url(imagenes/beforeafter/IMG-6073.JPG); }
#sliding5{ background-image:url(imagenes/beforeafter/IMG-6074.JPG); }
#sliding6{ background-image:url(imagenes/beforeafter/IMG-6075.JPG); }
#sliding7{ background-image:url(imagenes/beforeafter/IMG-6076.JPG); }
#sliding8{ background-image:url(imagenes/beforeafter/IMG-6078.JPG); }
#sliding9{ background-image:url(imagenes/beforeafter/IMG-6079.JPG); }
#sliding10{ background-image:url(imagenes/beforeafter/IMG-6080.JPG); }
#sliding11{ background-image:url(imagenes/beforeafter/IMG-6081.JPG); }
#sliding12{ background-image:url(imagenes/beforeafter/IMG-6082.JPG); }
#sliding13{ background-image:url(imagenes/beforeafter/IMG-6083.JPG); }
#sliding14{ background-image:url(imagenes/beforeafter/IMG-6084.JPG); }
#sliding15{ background-image:url(imagenes/beforeafter/IMG-6085.JPG); }
#sliding16{ background-image:url(imagenes/beforeafter/IMG-6086.JPG); }
#sliding17{ background-image:url(imagenes/beforeafter/IMG-6087.JPG); }
#sliding18{ background-image:url(imagenes/beforeafter/IMG-6088.JPG); }
#sliding19{ background-image:url(imagenes/beforeafter/IMG-6089.JPG); }
#sliding20{ background-image:url(imagenes/beforeafter/IMG-6092.JPG); }
#sliding21{ background-image:url(imagenes/beforeafter/IMG-6093.JPG); }
#sliding22{ background-image:url(imagenes/beforeafter/IMG-6094.JPG); }
#sliding23{ background-image:url(imagenes/beforeafter/IMG-6095.JPG); }
#sliding24{ background-image:url(imagenes/beforeafter/IMG-6096.JPG); }
#sliding25{ background-image:url(imagenes/beforeafter/IMG-6097.JPG); }
#sliding26{ background-image:url(imagenes/beforeafter/IMG-6098.JPG); }
#sliding27{ background-image:url(imagenes/beforeafter/IMG-6099.JPG); }
#sliding28{ background-image:url(imagenes/beforeafter/IMG-6100.JPG); }
#sliding29{ background-image:url(imagenes/beforeafter/IMG-6101_corregida.jpg); }
#sliding30{ background-image:url(imagenes/beforeafter/IMG-6114.JPG); }
#sliding31{ background-image:url(imagenes/beforeafter/IMG-6115.JPG); }
#sliding32{ background-image:url(imagenes/beforeafter/IMG-6116.JPG); }
#sliding33{ background-image:url(imagenes/beforeafter/IMG-6117.JPG); }
#sliding34{ background-image:url(imagenes/beforeafter/IMG-6118.JPG); }
#sliding35{ background-image:url(imagenes/beforeafter/IMG-6119.JPG); }
#sliding36{ background-image:url(imagenes/beforeafter/IMG-6120.JPG); }

#sliding1>div{ background-image:url(imagenes/beforeafter/IMG-6070.JPG); }
#sliding2>div{ background-image:url(imagenes/beforeafter/IMG-6071.JPG); }
#sliding3>div{ background-image:url(imagenes/beforeafter/IMG-6072_corregida.jpg); }
#sliding4>div{ background-image:url(imagenes/beforeafter/IMG-6073.JPG); }
#sliding5>div{ background-image:url(imagenes/beforeafter/IMG-6074.JPG); }
#sliding6>div{ background-image:url(imagenes/beforeafter/IMG-6075.JPG); }
#sliding7>div{ background-image:url(imagenes/beforeafter/IMG-6076.JPG); }
#sliding8>div{ background-image:url(imagenes/beforeafter/IMG-6078.JPG); }
#sliding9>div{ background-image:url(imagenes/beforeafter/IMG-6079.JPG); }
#sliding10>div{ background-image:url(imagenes/beforeafter/IMG-6080.JPG); }
#sliding11>div{ background-image:url(imagenes/beforeafter/IMG-6081.JPG); }
#sliding12>div{ background-image:url(imagenes/beforeafter/IMG-6082.JPG); }
#sliding13>div{ background-image:url(imagenes/beforeafter/IMG-6083.JPG); }
#sliding14>div{ background-image:url(imagenes/beforeafter/IMG-6084.JPG); }
#sliding15>div{ background-image:url(imagenes/beforeafter/IMG-6085.JPG); }
#sliding16>div{ background-image:url(imagenes/beforeafter/IMG-6086.JPG); }
#sliding17>div{ background-image:url(imagenes/beforeafter/IMG-6087.JPG); }
#sliding18>div{ background-image:url(imagenes/beforeafter/IMG-6088.JPG); }
#sliding19>div{ background-image:url(imagenes/beforeafter/IMG-6089.JPG); }
#sliding20>div{ background-image:url(imagenes/beforeafter/IMG-6092.JPG); }
#sliding21>div{ background-image:url(imagenes/beforeafter/IMG-6093.JPG); }
#sliding22>div{ background-image:url(imagenes/beforeafter/IMG-6094.JPG); }
#sliding23>div{ background-image:url(imagenes/beforeafter/IMG-6095.JPG); }
#sliding24>div{ background-image:url(imagenes/beforeafter/IMG-6096.JPG); }
#sliding25>div{ background-image:url(imagenes/beforeafter/IMG-6097.JPG); }
#sliding26>div{ background-image:url(imagenes/beforeafter/IMG-6098.JPG); }
#sliding27>div{ background-image:url(imagenes/beforeafter/IMG-6099.JPG); }
#sliding28>div{ background-image:url(imagenes/beforeafter/IMG-6100.JPG); }
#sliding29>div{ background-image:url(imagenes/beforeafter/IMG-6101_corregida.jpg); }
#sliding30>div{ background-image:url(imagenes/beforeafter/IMG-6114.JPG); }
#sliding31>div{ background-image:url(imagenes/beforeafter/IMG-6115.JPG); }
#sliding32>div{ background-image:url(imagenes/beforeafter/IMG-6116.JPG); }
#sliding33>div{ background-image:url(imagenes/beforeafter/IMG-6117.JPG); }
#sliding34>div{ background-image:url(imagenes/beforeafter/IMG-6118.JPG); }
#sliding35>div{ background-image:url(imagenes/beforeafter/IMG-6119.JPG); }
#sliding36>div{ background-image:url(imagenes/beforeafter/IMG-6120.JPG); }

#beforeafter_control>div{
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	line-height: 0em;
	border: var(--navy) solid 1px;
	border-radius: 1em;
	margin-right: 0.5em;
}
#beforeafter_control>div:hover,#beforeafter_control>div.active{
	background: var(--navy);
}



/* SERVICES */

#services_other{
	padding: 2.5% 5%;
}
#services_other h2{
	font-size: 2em;
	margin-top: 0;
	font-weight: 300;
}
#services_other span{
	display: block;
	padding: 1em 3em;
	text-align: left;
	/* background: url(imagenes/Checkmark.svg) left center no-repeat;
	background-size: auto 1.5em; */
}


/* CONSULT */

#schedule{
	padding: 5% 10% 0 10%;
	text-align: left;
}
#schedule h4{
	margin: 0;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 0.2em;
}
#schedule h2{
	font-weight: 300;
	font-size: 2.5em;
	margin: 0;
}
#schedule p{
	line-height: 1.6em;
	font-weight: 300;
}
#schedule>div{
	grid-gap:10%;
}
form input[type="text"],form input[type="tel"],form input[type="email"],form input[type="number"]{
	display: block;
	padding: 0.5em 2%;
	width: 96%;
	border: none;
	border-bottom: var(--navy) solid 1px;
	margin-bottom: 1em;
}
form #captcha input[type="number"]{
	display: inline-block;
	width: 5em;
	text-align: center;
}
#captcha{
	display: inline-block;
	min-width: 45%;
}
form input[type="button"],form input[type="submit"]{
	font: inherit;
	text-transform: uppercase;
	color: white;
	background: var(--gold);
	padding: 0.5em 3em;
	font-size: 0.85em;
	letter-spacing: 0.2em;
	margin-top: 1em;
}
form input[type="button"]:hover,form input[type="submit"]:hover{
	box-shadow: var(--gold) 0 0 0 1px;
	background: white;
	color: var(--gold);
}

#location{
	margin: 0 20%;
	padding: 2.5% 5%;
	text-align: left;
	background: var(--beige);
	position: relative;
	top: 5em;
}

#location_bottom{
	height: 40vw;
	background: #CCC url(imagenes/consult.jpg) center center no-repeat;
	background-size: cover;
	border-bottom: var(--navy) solid 0.5em;
	box-shadow: rgba(0,0,0,0.1) 0 0 100vw 100vw inset;
}

#location h4{
	font-size: 1.6em;
	margin: 0;
	font-weight: 300;
}
#location a>img{
	width: auto;
	height: 3em;
}
#location a{
	display: inline-block;
	margin-right: 2em;
	margin-top: 2em;
}



/* EFFECTS */

#content h1,#content h2,#content h3,#content h4,#content h5,#content p,#content img{
	transition: all .25s ease-in-out;
	opacity: 0;
	position: relative;
	top: 2em;
}



/* MODAL */

#modal{
	background:rgba(0,0,0,0.8);
	position:fixed;
	display:none;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:10;
	text-align:center;
}


/* RESPONSIVO */

.mobile_only{
	display:none !important;
}

@media all and (max-width:960px){
	body{
		font-size:12px;
	}
	.mobile_only{
		display:block !important;
	}
	.desktop_only{
		display:none !important;
	}
	.columnas2,.columnas3,.columnas4{
		-webkit-column-count:1;
		-moz-column-count:1;
		column-count:1;
	}
	.columnas5{
		-webkit-column-count:3;
		-moz-column-count:3;
		column-count:3;
	}
	.grid2,.grid3,.grid4,.grid5,.flex{
		display: block;
	}
	
	header{
		
	}
	#menu_opener{
		float:right;
		margin: 5px 0 0 5px;
		width:40px;
		height:40px;
	}
	#menu_opener>div{
		height:5px;
		margin: 2px auto 0 auto;
		background: white;
		width: 30px;
		border-radius: 1em;
	}
	#menu_opener>div:first-child{
		margin-top: 12px;
	}
	#top{
		position: fixed;
		display: flex;
        	flex-wrap: wrap;
        	column-gap: 20px;
        	justify-content: center;
		bottom: 0;
		left: 0;
		right: 0;
	}
	#header_content{
		padding: 25px 25px 25px 25px;
		text-align: center;
	}
	menu.flex{
		position: fixed;
		top: 100px;
		left: 0;
		right: 0;
		background: rgba(0,20,60,0.9);
		padding: 2em;
		text-align: left;
		display: none;
		margin: 0;
		overflow-y: auto;
        	max-height: 600px;
        	overscroll-behavior: contain;
	}
	menu.flex>div{
		width: auto;
		text-align: left;
		padding: 0;
	}
	menu>div>div{
		width: auto;
		height: auto;
                padding: 0 0 0 30px;
	}
	menu>div>div>div{
		background: none;
		padding: 0;
		left: 0;
		position: static;
		width: 100%;
	}
	menu>div>div>div a{
		display: block;
		animation: none;
	}
	menu a{
		line-height: 3.5em;
		font-size: 1.25em;
	}
	nav a{
		font-size: 0.6em;
		padding: 1em 0.25em;
	}
	
	#home{
		padding: 15% 35% 15% 5%;
		background-position: 0%;
		box-shadow: rgba(255,255,255,0.65) 0 0 100vw 100vw inset,white 100vw 0 50vw -50vw inset;
	}
	#home p{
		line-height: 1.6em;
	}
	#home h1{
		width: 130%;
	}
	#home:after{
		top: 38em;
		width: 20%;
	}
	#home_services{
		background: white;
		padding-bottom: 0;
	}
	#services_list{
		margin: 2em auto;
		padding: 0 5%;
	}
	#services_list>div{
		text-align: center;
		margin: 10%;
		width: auto;
	}
	#home_services_testimonial,#services_testimonial{
		background: var(--beige);
		padding: 5% 0;
	}
	footer{
		text-align: center;
	}
	footer>div>div{
		margin-bottom: 3em;
		font-size: 0.85em;
	}
	#subfooter{
		padding-bottom: 3.5em;
		font-size: 1.2em;
	}
	
	#about{
		padding: 5%;
		background-size: cover;
	}
	#about>div{
		margin: 2.5%;
		padding: 5%;
		background: rgba(255,255,255,0.9);
		box-shadow: rgba(0,0,0,0.4) 0 0.1em 0.5em;
	}
	
	#doctros_header{
		background-position: center top;
		background-size: cover;
		min-height: 400px;
	}
	.doctor>img{
		top: 0 !important;
		margin: 0 auto;
		float: none !important;
		display: block;
		width: 100%;
		border-radius: 0.5em;
	}
	.doctor>div{
		margin: 0 auto;
		float: none;
		width: auto;
	}
	.doctor h2{
		text-align: center;
	}
	#doctros_content{
		padding: 10% 5%;
	}
	#testimonials{
		padding: 5% 0;
	}
	#beforeafter_bottom{
		text-align: center;
	}
	#services_other>div{
		padding: 0 10%;
	}
	#services_other span{
		text-align: center;
		background-color: #EEE;
		margin-bottom: 1em;
		background-position: 5% center;
	}
	#services{
		background: white;
		padding-bottom: 0;
	}
	
	#testimonials_reel_content{
		min-height: 35vh;
	}
	#testimonials_reel_control>div{
		font-size: 1.5em;
		margin-right: 1.5em;
	}
	
	.sliding{
		background-position: -12vw 10%;
		background-size: auto 300%;
		height: 40vw;
		margin: 0 5% 2em 5%;
	}
	.sliding>div{
		background-position: -12vw 80%;
		background-size: auto 300%;
		height: 40vw;
	}
	
	.sliding.iossafafter>div:after,.sliding.iossafbefore>div:after{
		display: none;
	}
	
	.sliding.iossafafter>div{
		width: 10%;
	}
	.sliding.iossafbefore>div{
		width: 90%;
	}
	
	
	.sliding>div:after{
		margin-left: 31.5%;
		width: 10vw;
		height: 10vw;
		transform: translate(0,15vw);
	}
	.sliding:hover>div:after{
		margin-left: 3%;
	}
	.sliding>div:hover:after{
		margin-left: 68%;
	}
	#beforeafter_header{
		width: 80%;
		text-align: center;
	}
}




.mobile_buttons {
  display: none;
}

@media (max-width: 450px) {
  .mobile_buttons {
  	width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .contain_mb {
    text-decoration: none;
    height: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    width: 33%;
    background: #002259;
    color: white;
    border: solid 1px;
  }
}