@font-face {
    font-family: 'Baskerville';
    src: url('./fonts/Baskerville-Bold.woff2') format('woff2'),
        url('./fonts/Baskerville-Bold.woff') format('woff'),
        url('./fonts/Baskerville-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Baskerville';
    src: url('./fonts/Baskerville.woff2') format('woff2'),
        url('./fonts/Baskerville.woff') format('woff'),
        url('./fonts/Baskerville.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FuturaBT';
    src: url('./fonts/FuturaBT-Medium.woff2') format('woff2'),
        url('./fonts/FuturaBT-Medium.woff') format('woff'),
        url('./fonts/FuturaBT-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura';
    src: url('./fonts/FuturaBT-Book.woff2') format('woff2'),
        url('./fonts/FuturaBT-Book.woff') format('woff'),
        url('./fonts/FuturaBT-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
html,body{
	font-family: 'Futura', serif;
	width: 100%;
	position: relative;
	display: block;
	float: left;
}
.container{
	width: 100%;
	position: relative;
	display: block;
	float: left;
}
.menucontainer{
	position: absolute;
	width: 100%;
	height: 85px;
	z-index: 10;
	top: 15px;
	
}
.menu_logo{
	position: relative;
	width: 75px;
	height: 75px;
	margin-left: 20px;
}
.menu_logo img{
	width: 100%;
}
.menuitems{
	position: absolute;
	width: auto;		
	right: 15px;
	height: 25px;
	display: flex;
	justify-content: space-between;
	top: 0;
}
.menuitem{
	color: #fff;	
	position: relative;
	text-decoration: none;	
	padding-top: 14px;
	height: 25px;
	width: 25px;
	margin-left: 15px;
}
.menuitem svg{
	fill: #fff;
}
.menu_burger{
	width: 19px;
	height: 12px;
	position: relative;
	display: block;
	top: 15px;    
}
.menu_burger_item{
	overflow: visible;
	position: absolute;
	width: 21px;
	height: 2px;
	left: 0px;
	background-color: #e5e5d7;
	top: 0;   
}
.menu_burger2{
	top: 6px;
}
.menu_burger3{
	top: 12px;
}

.header{
	width: 100%;
	height: 100vh;
	min-height: 550px;
	position: relative;
	display: block;
	background-color: #dca890;
	overflow: hidden;
}

.header_bg{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100vh;
	min-height: 550px;
	max-height: 846px;
	background-image: url('../assets/header/ginecologo_saltillo_1.jpg');
	background-size: cover;
	background-position: center;
}
.header_info{
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}
.button_agendacita{
	position: relative;
	display: block;
	background-color: #839690;
	position: relative;
	text-align: center;
	width: 210px;
	padding: 20px;
	margin: 114px auto 0;
	filter: drop-shadow(5px 5px 9px rgba(46, 70, 55, 0.161));
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	text-decoration: none;
}
.button_agendacita span{
	display: inline-block;
	text-align: left;
    font-family: Baskerville;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
	color: #fff;
}
.button_agendacita_logo{
	display: inline-block;
	margin-left: 10px;
	transform: translateY(3px);
}
.button_agendacita svg{
	width: 22px;
	height: 22px;
	fill: #fff;
	display: inline-block;
}
.header_title{
	text-align: center;
    font-family: Baskerville;
    font-style: normal;
    font-weight: normal;
    font-size: 79px;
	color: #fff;
}
.header_slider{
	width: 100vw;
	height: 660px;
	position: relative;
	display: block;
	overflow: hidden;
	background-color: chocolate;
	z-index: 1;
}
.header_slidermove{
	width: 300vw;
	height: 660px;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
}
.header_item{
	width: 100vw;
	height: 660px;
	position: relative;
	display: inline-block;
}
.header_item_bg{
	width: 100%;
	height: 660px;
	position: absolute;
	left: 50%;
	transform: translateX( -50%);
	background-size: cover;
	background-position: center;
}
.header_item_img{
	width: 100%;
	height: 660px;
}
.item_xs{
	display: block;
}
.item_sm{
	display: none;
}
.item_md{
	display: none;
}
@media screen and (min-width: 768px) {
	.item_xs{
		display: none;
	}
	.item_sm{
		display: block;
	}
	
}
.header_item_text{
	width: 184px;
	height: auto;
	position: absolute;
	right: 7%;
	top: 177px;
	color: #E5E5D7;
}
.bio{
	position: relative;
	display: block;
	float: left;
	width: 100%;
	
}
.bio_container{
	position: relative;
	width: 235px;
	margin: 0 auto;
}
.bio_left{
	width: 208px;
	margin: 35px auto 0;
	z-index: 2;
}
.bio_name_container{
	border-color: rgba(233,206,172,1);
	margin-top: 15px;
}
.bio_logo{
	margin: 0 auto;
    width: 130px;
}
.bio_logo img{
	width: 100%;
}
.bio_name
{
	font-family: FuturaBT;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    color: rgba(153,119,109,1);
	
	border-top: 2px solid rgba(233,206,172,1);
	border-bottom: 2px solid rgba(233,206,172,1);
	padding: 5px 0;
}

.bio_description_container{
	margin-top: 25px;
}

.bio_description{
	text-align: left;
    font-family: Futura;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: rgba(112,112,112,1);
	line-height: 17px;
}
.bio_description_footer{
	width: 100%;
	height: 2px;
	position: relative;
	background-color: rgba(233,206,172,1);
	margin-top: 25px;	
}

.button_pink.button_agendacita{
	width: 170px;
	padding: 9px;
	margin: 20px auto 0;
	background-color: rgba(225,175,161,1);;
}
.button_pink.button_agendacita span{
	font-size: 22px;
}

.bio_right{
	margin: 35px auto 0; 
	z-index: 2;
}
.bio_pic{
	width: 213px;
	
	display: inline-block;
}
.bio_pic img{
	width: 100%;
}

	
.bio_fullname_container{
	display: inline-block;
	writing-mode: vertical-lr;
	width: 17px;
	vertical-align: top;	
}
.bio_fullname{
	font-family: Futura;
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    color: rgba(131,150,144,1);	
}
.bg_icon{
	position: absolute;
	z-index: 1;	
}
.bio_bg{
	position: absolute;
	width: 100%;
	z-index: 0;
	left: 50%;
	transform: translateX(-50%);
	top: 150px;
	overflow: hidden;	
}
.bio_bg img{
	width: 768px;
	position: relative;
}
.bg_icon img{
	width: 100%;
	position: relative;
}
.bio_icon1{
	width: 48px;
    right: 0;
    top: 45px;
}


.bio_icon2{
	width: 75px;
    left: 0;
    top: 560px;
}
.services{
	position: relative;
	display: block;
	float: left;
	width: 100%;
	background-image: url('../assets/services/fondo.png');
	background-position: center;
	background-repeat: repeat-y;
}

.services_icon1{
	width: 75px;
    top: 810px;
    left: 0;
}

.services_icon2{
	width: 60px;
    top: 1560px;
    right: 0;
}
.services_icon7{
	width: 40px;
    top: 1682px;
    left: 0;
}
.services_icon8{
	width: 60px;
    top: 2343px;
    right: 0;
}
.services_icon9{
	width: 71px;
    top: 4403px;
    right: 0;
}
.services_icon10{
	width: 83px;
    top: 3626px;
    left: 0;
}
.services_icon11{
	width: 89px;
    top: 2922px;
    right: 0;
}


.services_icon12{
	width: 68px;
    top: 5012px;
    left: 0;
}

.services_icon13{
	width: 113px;
    top: 5352px;
    right: 0;
}

.services_icon14{
	width: 68px;
    bottom: 24px;
    left: 0;
}

.services_content{
	width: 300px;
	position: relative;
	margin: 0 auto 90px;
}
.services_info{
	margin-top: 50px;
}
.services_title{
	position: relative;
	text-align: center;
	font-family: Baskerville;
    font-style: normal;
    font-weight: normal;
    font-size: 48px;
    color: rgba(131,150,144,1);
}
.services_subtitle{
	text-align: center;
	font-family: Futura;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    color: rgba(131,150,144,1);
	margin-top: 6px;
}
.services_menu{
	width: 268px;
	position: relative;
	margin: 35px auto;
	text-align: center;
}
.services_menu_item{
	width: 115px;
	position: relative;
	display: inline-block;
	cursor: pointer;
	margin: 6px 5px;
    vertical-align: top;
	text-decoration: none;
}
.services_menu_item:hover{
	text-decoration: underline;
}
.service_menu_bg{
	width: 115px;	
	position: relative;
	margin: 0 auto;
}
.service_menu_figure{
	width: 115px;
	text-align: center;
}
.service_menu_figure img{
	width: 100%;
}
.services_cardcontainer{
	position: relative;
	margin-top: 26px;
}
.services_card{
	margin-top: 84px;
	position: relative;
}
.services_card_photo{
	width: 157px;
	margin: 0 auto;
}
.services_card_photo img{
	width: 100%;
	position: relative;
}
.service_menu_title{
	position: relative;
	text-align: center;
	font-family: Futura;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    color: rgba(131,150,144,1);

}
.services_card_title{
	font-family: Baskerville;
    font-style: normal;
    font-weight: bold;
    font-size: 38px;
    color: rgba(225,175,161,1);
	margin-top: 13px;
	text-align: center;
}
.services_card_subtitle{
	font-family: Futura;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    color: rgba(131,150,144,1);
	padding: 20px;
	line-height: 18px;
}
.services_card_subtitle span{
	clear: both;
	display: block;
}
.services_card_subtitle strong{
	font-weight: bold;
}

.facilities{
	position: relative;
	background-color: rgba(131,150,144,1);
	display: block;
	float: left;
	width: 100%;
}
.facilities_container{
	width: 260px;
	margin: 50px auto;
	position: relative;
	z-index: 2;
}
.facilities_title{
	text-align: center;
	font-family: Baskerville;
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
    color: rgba(255,255,255,1);
	margin-top: 50px;
}
.facilities_spacer{
	width: 100%;
	height: 5px;
	background-color: rgba(225,175,161,1);
	margin-top: 19px;
}
.facilities_items_container{
	margin-top: 20px;
}
.facilities_item{
	position: relative;
	margin-top: 25px;
}
.facilities_item_photo{
	width: 100%;
	height: 170px;	
}
.facilities_item_photo img{
	width: 100%;
	height: 170px;
	position: relative;
}
.facilities_item_info{
	background-color:  rgba(225,175,161,1);
	
    text-align: center;
    font-family: Futura;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    color: rgba(112,112,112,1);
	padding: 10px 25px;
}
.facilities_icon{
	position: absolute;
	z-index: 1;
	width: 50px;
	top: 220px;
	left: 0;
}
.facilities_icon img{
	width: 100%;
	position: relative;
}
.visit{
	position: relative;
	display: block;
	background-color:  rgba(234,206,170,1);
	position: relative;
	display: block;
	float: left;
	width: 100%;
	overflow: hidden;
}
.visit_container{
	width: 260px;
	position: relative;
	margin: 0 auto 90px;
	z-index: 2;
}
.visit_title{
	position: relative;
	margin-top: 35px;
	text-align: center;
    font-family: Baskerville;
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
    color: rgba(112,112,112,1);
}
.visit_spacer{
	width: 100%;
	height: 5px;
	background-color: rgba(225,175,161,1);
	margin-top: 19px;
}
.visit_address{
	width: 236px;
	margin: 45px auto 0;
	text-align: center;
    font-family: Futura;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    color: rgba(112,112,112,1);
	
	line-height: 18px;
}
.visit_photo{
	width: 260px;
	position: relative;
	margin-top: 40px;
}
.visit_photo img{
	width: 100%;
}
.visit_map{
	width: 100%;
	height: 182px;
	margin-top: 64px;
}
.visit_icon_1{
	top: 171px;
    right: 0px;
    width: 35px;
}
.visit_icon_2{
	top: 50px;
    left: -50px;
    width: 50px;
}
.visit_icon_3{
	top: 46px;
    right: -70px;
    width: 70px;
}
.visit_icon_4{
	top: 771px;
    left: 0px;
    width: 45px;
}
.reviews{
	width: 100%;
	position: relative;
	display: block;
	float: left;
	overflow: hidden;
}
.reviews_container{
	width: 100%;
	height: 320px;
	position: relative;
}
.reviews_bg{
	position: absolute;
	z-index: 1;
}
.reviews_mask{
	position: relative;
	z-index: 2;
}
.reviews_bg{
	position: absolute;
	width: 100%;
	height: 320px;
	background-size: cover;
	background-image: url('../assets/slider/ginecologo_saltillo_opinion.jpg');
	background-position: center;
	z-index: 1;
}
.review_slider{
	position: relative;
	width: 100%;
	height: 320px;
	z-index: 2;
}
.review_item_info{
	position: absolute;
	top: 50%;
	transform: translateY( -50%);
	width: 70%;
	left: 15%;
}
.review_item{
	position: relative;
	width: 100%;
	display: block;
}
.review_item_title{
	text-align: center;
    font-family: Baskerville;
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    color: rgba(234,206,170,1);
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
}
.review_item_name{
	text-align: center;
    font-family: Baskerville;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    color: rgba(234,206,170,1);
	margin-top: 50px;
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.161));
}
.slick-slider .slick-track, .slick-slider .slick-list{
	height: 320px;
	
}
.slick-slider .slick-list{
	background-color: rgba(0,0,0,0.3);
}
.reviews .slick-prev{
	left: 15px;
	z-index: 5;
}
.reviews .slick-next {
	right: 15px;
	z-index: 5;
}

.reviews .slick-dots {	
	bottom: 10px;
	z-index: 5;
}
.reviews .slick-dots li button:before{
	color:  white;
}
.reviews .slick-dots li.slick-active button:before{
	opacity: .75;
    color: white;
}
.reviews .slick-prev:before, .reviews .slick-next:before{
	color: rgba(234,206,170,1)
}
.footer{
	position: relative;
	display: block;
	float: left;
	width: 100%;
	background-color: rgba(239,215,208,1);
	padding-bottom: 50px;
}
.footer_container{
	width: 250px;
	margin: 0 auto;
}
.footer_logo{
	position: relative;
	margin: 35px 0 45px;
	width: 130px;
}
.footer_logo img{
	width: 100%;
	position: relative;
}
.footer_title{
	font-family: 'Futura';
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    color: rgba(112,112,112,1);
	margin-bottom: 26px;
}
.footer_text{
	font-family: 'FuturaBT';
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    color: rgba(112,112,112,1);
	margin-bottom: 18px;
}
.footer_section{	
	position: relative;
}
.footer_middle .footer_title{
	margin-top: 30px;
	position: relative;
	display: block;
}
.footer_middle .footer_text{
	color: rgba(153,119,109,1);
	
}
.footer_middle_citas a ,.footer_middle_urgencias a
{
	color: rgba(153,119,109,1);
	text-decoration-color: rgba(153,119,109,1);
}
.footer_social_item{
	width: 50px;
	height: 50px;
	margin-right: 30px;
	text-decoration: none;

}
.footer_social_item svg{
	width: 50px;
	fill: rgba(153,119,109,1);
}
.footer_right{
	margin-right: 30px;
	position: relative;
	display: block;
}
.footer_right .footer_title{
	margin-top: 30px;
}
.footer_visitanos_address{
	font-family: Futura;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    color: rgba(112,112,112,1);
	line-height: 19px;
}
.muguerza{
	position: relative;
	width: 100%;
	display: block;
	float: left;
}
.muguerza_container{
	width: 280px;
	position: relative;
	margin: 28px auto;
}
.muguerza_container img{
	width: 100%;
}
@media screen and (min-width: 768px) {
	.header_bg{
		max-height: initial;
	}
	.header_title{
		text-align: left;
	}
	.header_info{
		width: 500px;
		text-align: left;
		margin-left: 70px;
	}
	.menu_logo{
		width: 115px;
		margin-left: 70px;
		margin-top: 24px;
	}
	.button_agendacita{
		margin: 38px 0 0;
		float: left;
		width: auto;
	}
	.menuitems{
		right: 70px;
	}
	.menuitem{
		width: 35px;
		padding-top: 28px;
		margin-left: 22px;
	}
	.bio_container{
		width: 664px;
		text-align: center;
	}
	.bio_left, .bio_right{
		display: inline-block;
		vertical-align: top;
	}
	
	.bio_logo{
		margin: 0;
	}
	.bio_left{
		width: 281px;
	}
	.bio_name{
		font-size: 15px;
	}
	.bio_description{
		font-size: 15px;
	}
	.bio_right{
		margin-left: 44px;
	}
	.bio_pic{
		width: 211px;
	}
	.bio_right_container{
		margin-top: 145px;
	}
	.services_content{
		width: 664px;
	}
	.services_menu{
		width: 100%;
	}
	.services_menu_item{
		margin: 13px 9px;
	}
	.services_cardcontainer .services_card:nth-child(even) {
		display: flex;
		flex-direction: row-reverse;
	}
	.services_card_title{
		text-align: left;
		margin-left: 20px;
	}
	.services_card_left,.services_card_right{
		width: 49%;
		display: inline-block;
		vertical-align: top;
	}
	.services_card_photo{
		width: 276px;
		margin-top: 18px;
	}
	.services_content .button_agendacita{
		float: none;
		margin: 90px auto 0;
	}
	.services_card_subtitle{
		padding: 20px 0 20px 20px;
	}
	.facilities_container{
		width: 750px;		
	}
	.facilities_title{
		width: 450px;
		margin: 80px auto 0;
	}
	.facilities_spacer{
		width: 447px;
		margin: 19px auto;
	}
	.facilities_items_container{
		text-align: center;
	}
	.facilities_item{
		width: 260px;
		display: inline-block;
		margin: 25px 31px;
	}
	.visit_container{
		width: 660px;
		text-align: center;
	}
	.visit_title{
		margin-top: 65px;
	}
	.visit_address{
		font-size: 22px;
		line-height: 26px;
		width: 625px;
		
	}
	.visit_photo{
		display: inline-block;
		margin-right: 40px;
		vertical-align: top;
	}
	.visit_map{
		width: 260px;
		display: inline-block;
		margin-left: 10px;
		vertical-align: top;
		z-index: 3;
		margin-top: 41px;
		position: relative;
	}
	.visit_map iframe{
		height: 207px;
		z-index: 3;
	}
	.reviews_container{
		height: 400px;
	}
	.review_slider{
		height: 400px;
	}
	.slick-slider .slick-track, .slick-slider .slick-list{
		height: 400px;
	}
	.reviews_bg{
		height: 400px;
	}
	.review_item_title{
		font-size: 30px;
	}
	.review_item_name{
		font-size: 25px;
	}
	.reviews .slick-dots{
		bottom: 20px;
	}
	.footer{
		padding: 20px 0;
	}
	.footer_container{
		width: 700px;
		
		display: flex;
		justify-content: space-between;
	}
	
	.footer_left{
		width: 183px;		
	}
	.footer_middle{
		width: 215px;		
	}
	.footer_right{
		width: 183px;
	}
	.footer_logo{
		width: 101px;
		margin: 35px 0 25px;
	}
	.footer_title {
		font-size: 25px;
	}
	.footer_social_item{
		margin-right: 15px;
	}
	.footer_social_item svg{
		width: 30px;
	}
	.muguerza_container{
		width: 212px;
		margin: 16px auto;
	}
	
}
@media screen and (min-width: 1024px) {
	.menuitem:hover svg{
		fill: rgba(239,215,208,1);
	}
	.button_agendacita:hover span{
		color: rgba(239,215,208,1);
	}
	.button_agendacita:hover svg{
		fill: rgba(239,215,208,1);
	}
	.footer_social_item:hover svg{
		fill: rgba(112,112,112,1);
	}
	.facilities_container{
		width: 1000px;
	}
	.services{
		background-size: cover;
	}
	.services_content{
		width: 800px;
	}
	.services_menu_item {
		margin: 13px 30px;
	}
	.footer_middle .footer_text:hover a{
		color: rgba(112,112,112,1);
		text-decoration-color: rgba(112,112,112,1);
	}
	.bio_container{
		width: 800px;
	}
	.bio_left{
		width: 404px;
	}
}