/*****************************************/
/************ Template styles ************/
/*****************************************/
*[placeholder] {
	color: #666;
	opacity: 1;
	text-overflow: ellipsis;
}
*::-webkit-input-placeholder {
	color: #666;
	opacity: 1;
	text-overflow: ellipsis;
}
*:-moz-placeholder {
	color: #666;
	opacity: 1;
	text-overflow: ellipsis;
}
*::-moz-placeholder {
	color: #666;
	opacity: 1;
	text-overflow: ellipsis;
}
*:-ms-input-placeholder {
	color: #666;
	opacity: 1;
	text-overflow: ellipsis;
}  
*:focus::-webkit-input-placeholder {
	opacity: 0;
}
*:focus:-moz-placeholder {
	opacity: 0;
}
*:focus::-moz-placeholder {
	opacity: 0;
}
*:focus:-ms-input-placeholder {
	opacity: 0;
}
*[placeholder]:focus               { color: transparent; }
*:focus::-webkit-input-placeholder { color: transparent; }
*:focus::-moz-placeholder          { color: transparent; }
*:focus:-moz-placeholder           { color: transparent; }
*:focus:-ms-input-placeholder      { color: transparent; }
body input:focus:required:invalid,
body textarea:focus:required:invalid {}
body input:required:valid,
body textarea:required:valid {}
::selection {
	color: #fff;
	background: #000;
}
.no-select-elem,
.no-select-elem * {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}
a{
	text-decoration: none;
}
*:focus,
*:active {
	outline: none !important;
}
body input,
body textarea,
body select,
body button{
	-webkit-appearance: none !important;
}
body {
	font-family: "Assistant-Regular", sans-serif;
	font-size: 24px;
	color: #292744;
}
html {
	position: relative;
	min-height: 100vh;
}
ul{
	list-style-type: none;
	padding: 0;
}
h2{
	text-align: center;
	font-size: 52px;
}

/***************************/
/****** Common styles ******/
/***************************/
.rtl header,
.rtl footer,
.rtl section.fw-main-row > div > div > div:not([dir="ltr"]){
	direction: rtl !important;
}
.ltr header,
.ltr footer,
.ltr section.fw-main-row > div > div > div:not([dir="rtl"]){
	direction: ltr !important;
}

/**************************/
/****** Footer block ******/
/**************************/
footer#colophon {
	bottom: 0;
	left: 0;
	width: 100%;
	height: 35px;
	line-height: 2em;
	position: absolute;
	background-color: #dadada;
}

/**************************/
/****** Modal window ******/
/**************************/
#modal_container {
	width: 300px; 
	height: 300px;
	background: #fff;
	position: fixed;
	top: 45%;
	left: 50%;
	margin-top: -150px;
	margin-left: -150px;
	display: none;
	opacity: 0;
	z-index: 15;
	padding: 20px 10px;
}
#modal_container #modal_close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}
#modal_overlay,
#mobile-overlay {
	z-index: 10;
	position: fixed;
	background-color: #000;
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
	width: 100%; 
	height: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
	display: none;
}

/**********************/
/****** 404 page ******/
/**********************/
body.error404 footer#colophon{
	display: none;
}
.error-404-col {
	text-align: center;
}
h1.error-404-page-title {
	font-size: 30px;
}
.error-back-to-main a{
	font-size: 32px;
	color: #fff;
	border-radius: 36px;
	width: 300px;
	display: inline-block;
	padding: 5px 0 10px;
	font-family: "Assistant-Bold", sans-serif;
	background-color: #00c9a7;
}

/**************************************/
/************ Theme styles ************/
/**************************************/


/***********************/
/****** 1. Banner ******/
/***********************/
section#dm-banner{
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 90vh;
	display: flex;
	align-items: center;
}
.banner-row{
	padding: 55px 45px;
	background-color: #ffffffb3;
	border-radius: 5px;
}
.banner-row .banner-head{
	padding: 15px 0 3px;
	text-align: center;
}
.banner-row .banner-head img{
	max-height: 93px;
	max-width: 100%;
}
.banner-row .banner-content{
	display: flex;
	justify-content: space-between;
}
.banner-row .banner-content-links{
	text-align: center;
}
.banner-row .banner-content-links img{
	max-width: 165px;
}
.banner-row .banner-content-info{
	width: 75%;
}
.banner-row .banner-content-info h3{
	font-size: 74px;
	color: #292744;
	font-family: "Assistant-Bold", sans-serif;
	margin: 0;
}
.banner-row .banner-content-info span{
	font-size: 36px;
}
.banner-row .banner-content-info span strong{
	font-family: "Assistant-Bold", sans-serif;
}
.banner-row .banner-content-info-descr h1,
.banner-row .banner-content-info-descr h2,
.banner-row .banner-content-info-descr h3,
.banner-row .banner-content-info-descr h4,
.banner-row .banner-content-info-descr h5,
.banner-row .banner-content-info-descr h6,
.banner-row .banner-content-info p{
	color: #000;
	margin: 0;
}
.banner-row .banner-content-info-descr h1,
.banner-row .banner-content-info-descr h2,
.banner-row .banner-content-info-descr h3,
.banner-row .banner-content-info-descr h4,
.banner-row .banner-content-info-descr h5,
.banner-row .banner-content-info-descr h6{
	font-weight: 100;
	font-size: 36px;
}
.banner-row .banner-content-info-descr strong{
	font-family: "Assistant-Bold", sans-serif;
}
.banner-row .banner-content-links span{
	color: #292744;
	font-family: "Assistant-Bold", sans-serif;
}
.banner-row .banner-content-info-descr{
	width: 55%;
}
.banner-row .banner-content-link-1{
	margin-bottom: 15px;
}
.banner-row .banner-content-link-1 span::before{
	content: '';
	background-image: url(/a/wp-content/themes/drmedili/assets/img/icon-heart.svg);
	background-size: 25px;
	height: 25px;
	width: 25px;
	position: relative;
	top: 7px;
	display: inline-block;
	background-repeat: no-repeat;
	margin-left: 5px;
}
.banner-row .banner-content-link-2 span,
.business-details-row .business-details-head-status span{
	background-color: #16d1b5;
	border-radius: 5px;
	display: inline-block;
	align-items: center;
	padding: 5px 25px;
	font-size: 24px !important;
}
.banner-row .banner-content-link-2 span::before,
.business-details-row .business-details-head-status span::before{
	content: '';
	background-color: #bfff37;
	width: 16px;
	height: 16px;
	display: inline-block;
	border-radius: 50%;
	margin-left: 5px;
}

/*********************/
/**** 2. Benefits ****/
/*********************/
.benefits-row{
	display: flex;
}
body.rtl .benefits-row > div:nth-of-type(1){
	margin: auto;
}
body.rtl .benefits-row > div:nth-of-type(2){
	margin: auto;
}
.benefits-row .benefit-block{
	text-align: center;
	padding: 30px 0;
}
.benefits-row .benefit-block img{
	height: 70px;
	display: block;
	margin: auto;
}
.benefits-row .benefit-block p{
	margin-bottom: 0;
	font-size: 36px;
}
#dm-faq{
	padding-top: 55px;
}

/***********************/
/*** 3. Doctors list ***/
/***********************/
.doctor-list-item{
	text-align: center;
	width: 100%;
}
.doctor-list-item .doctors-list-image{
	height: 235px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.doctor-list-item .doctors-list-content{
	margin: 15px 0 20px;
	color: #000;
}
.doctor-list-item .doctors-list-content span,
.doctor-list-item .doctors-list-content p{
	display: block;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.doctor-list-item .doctors-list-content span{
	font-family: "Assistant-Bold",sans-serif;
}
.doctor-list-item .doctors-list-content p{
	margin: 0;
}
section#dm-doctor-list{
	margin-bottom: 35px;
	overflow: hidden;
}
div#doctors-carousel{
	display: none;
}
div#doctors-carousel figcaption{
	width: 100%;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
div#doctors-carousel figcaption:nth-of-type(1){
	font-family: "Assistant-Bold",sans-serif;
	font-size: 25px;
	font-weight: 600;
	margin-top: 15px;
}
div#doctors-carousel figcaption:nth-last-of-type(1){
	margin-bottom: 15px;
}

/***********************/
/*** 4. Feature list ***/
/***********************/
.feature-list-block{
	padding: 50px 0;
}
.feature-list-block .feature-item{
	display: flex;
	align-items: center;
	padding: 30px;
	font-size: 28px;
}
.feature-list-block .feature-item:nth-of-type(odd){
	background-color: #e3edf5;
}
.feature-list-block .feature-item:nth-of-type(even){
	background-color: #eff7fa;
}
.feature-list-block .feature-item span:nth-of-type(1){
	width: 30%;
}
.feature-list-block .feature-item span:nth-of-type(2){
	width: 45%;
}

/**************/
/*** 5. FAQ ***/
/**************/
.faq-list-block .faq-item{
	background: #fff;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	cursor: pointer;
	position: relative;
	margin-bottom: 30px;
	transition: background-color .3s;
}
.faq-list-block .faq-item[expanded],
.faq-list-block .faq-item:hover{
	background-color: #f0f1f4;
}
.faq-list-block .faq-item h6{
	display: block;
	font-size: 32px;
	color: #000;
	padding: 25px;
	font-family: "Assistant-Bold", sans-serif;
	background-color: transparent;
	border: none;
}
.ltr .faq-list-block .faq-item h6::before{
	right: 45px;
}
.rtl .faq-list-block .faq-item h6::before{
left: 45px;
}
.faq-list-block .faq-item h6::before{
	content: '';
	background-image: url(/a/wp-content/themes/drmedili/assets/img/arrow-faq.svg);
	display: block;
	background-size: 18px;
	width: 18px;
	height: 18px;
	position: absolute;
	top: calc( 50% - 9px );
	background-repeat: no-repeat;
	transition: all .3s;
}
.faq-list-block .faq-item:hover h6::before,
.faq-list-block .faq-item[expanded] h6::before{
	transform: rotate(180deg);
}
.faq-list-block .faq-item[expanded]:hover h6::before{
	transform: rotate(360deg);
}
.faq-list-block .faq-item h6::after{
	content: '';
	display: block;
	width: 40px;
	height: 3px;
	background-color: #1185e0;
}
.faq-item .faq-item-content{
	padding: 0 25px;
}
.faq-item .faq-item-content > *:nth-of-type(1){
	margin-top: 0;
}
.faq-item .faq-item-content > *:nth-last-of-type(1) {
	margin-bottom: 25px;
}

/******************/
/*** 6. Reviews ***/
/******************/
.reviews-analitic{
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
}
.reviews-rating-wrap img{
	display: block;
}
.reviews-rating-wrap span{
	display: block;
	text-align: center;
}
.reviews-row{
	width: 60%;
	margin: auto !important;
}
.reviews-row .review-block .review-block-title span{
	color: #000;
	font-family: "Assistant-Bold", sans-serif;
}
.review-block-content{
	max-height: 110px;
	overflow: hidden;
	transition: max-height .5s cubic-bezier(0, 1, 0, 1);
}
.review-block-content.review-block-content-open{
	max-height: 1000vh;
	transition: max-height 1s ease-in-out;
}
.reviews-row .review-block p{
	margin: 0;
}
.reviews-row .review-block-link{
	text-align: left;
}
.reviews-row .review-block-link span{
	font-size: 16px;
	color: #003f70;
	border-bottom: 1px solid transparent;
	cursor: pointer;
	transition: all .3s;
}
.reviews-row .review-block-link span:hover{
	border-bottom: 1px solid;
}
.reviews-row .review-block{
	border-bottom: 2px solid #c4c4c4;
	padding-bottom: 15px;
	margin-bottom: 40px;
}

/************************/
/*** 7. Feedback form ***/
/************************/
section#dm-feedback-form{
	position: relative;
	margin: 25px 0 35px;
}
section#dm-feedback-form .feedback-form-title-row{
	width: 60%;
	margin: auto;
}
.feedback-form-row h3{
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 50px;
	color: #fff;
	text-align: center;
}
.feedback-form-row{
	padding: 50px 0;
}
.feedback-form-row .wpcf7 .wpcf7-form{
	direction: rtl;
	text-align: center;
}
.feedback-form-row .wpcf7 .wpcf7-form p{
	display: inline-flex;
	align-items: center;
	margin: 0;
}
.feedback-form-row .wpcf7 .wpcf7-form p span{
	margin-left: 80px;
}
.feedback-form-row .wpcf7 .wpcf7-form p input.wpcf7-submit{
	background-color: #1884DD;
	border: 1px solid #1884DD;
	box-sizing: border-box;
	border-radius: 10px;
	font-size: 18px;
	color: #fff;
	width: 280px;
	padding: 10px;
}
.feedback-form-row .wpcf7 .wpcf7-form p span input{
	border: 1px solid #E1E1E1;
	border-radius: 5px;
	padding: 10px;
	line-height: 0;
	width: 280px;
	transition: all .3s;
}
.ltr .feedback-form-row .wpcf7 .wpcf7-form p span input{
	direction: ltr;
}
.rtl .feedback-form-row .wpcf7 .wpcf7-form p span input{
	direction: rtl;
}

form#feedback-form .form-body input.user-invalid,
form#feedback-form .form-body input.patternMismatch{
	border-color: rgba(213, 0, 0, 1);
}
div#dm-overlay{
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(255, 255, 255, .85);
}
div#dm-overlay > div{
	display: flex;
	width: 100%;
	height: 100%;
}
div#dm-overlay > div > p{
	display: none;
	margin: auto;
	font-size: 39px;
	font-weight: 600;
}
div#dm-overlay > div.dm-overlay-wrap::before{
	content: '';
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
	margin: auto;
	background-image: url(/a/wp-content/themes/drmedili/assets/img/loader.svg);
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-animation: spin 1s ease-in-out infinite;
	animation: spin 1s ease-in-out infinite;
}
@-webkit-keyframes spin{
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
@keyframes spin{
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
.form-response{
	color: #fff;
	text-align: center;
	padding-top: 15px;
}

/****************/
/*** 8. Notes ***/
/****************/
section#dm-notes{
	margin-bottom: 35px;
}
section#dm-notes > div > div{
	background-color: #f8f8f8;
	padding: 25px 0;
}
.notes-block-head,
.notes-block-row{
	width: 60%;
	margin: auto !important;
}
.notes-block-head h3{
	font-size: 30px;
	margin: 0;
	font-family: "Assistant-Bold", sans-serif;
}
.notes-block-row .notes-block ul{
	margin: 0;
}
.notes-block-row .notes-block ul li{
	list-style-type: disc;
}

/***************************/
/*** 9. Business details ***/
/***************************/
section#dm-business-details{
	padding: 50px 0; 
	margin-bottom: 100px;
}
.business-details-row .business-details-block{
	background: #fff;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	padding: 30px 65px;
}
.business-details-row .business-details-head span{
	font-size: 36px;
}
.business-details-row .business-details-head-status{
	display: flex;
	align-items: center;
}
.business-details-row .business-details-head-status h3{
	margin: 0;
	width: 30%;
	font-size: 52px;
	color: #003f70;
}
.business-details-row .business-details-head-status span{
	color: #000;
	position: relative;
}
.business-details-row .business-details-descr{
	margin: 15px 0;
}
.business-details-row .business-details-descr p{
	color: #000;
	font-size: 25px;
	margin: 0;
}
.business-details-row .business-details-review{
	display: flex;
}
.business-details-row .business-details-review .business-details-benefits{
	width: 70%;
}
.ltr .business-details-row .business-details-review .business-details-benefits{
	margin-right: 30px;
}
.business-details-row .business-details-benefits ul{
	margin: 0;
}
.business-details-row .business-details-benefits ul li{
	margin-bottom: 15px;
	font-size: 32px;
	color: #000;
	position: relative;
}
.rtl .business-details-row .business-details-benefits ul li{
	padding-right: 75px;
}
.ltr .business-details-row .business-details-benefits ul li{
	padding-left: 75px;
}
.business-details-row .business-details-benefits ul li::before{
	content: '';
	background-image: url(/a/wp-content/themes/drmedili/assets/img/vector-business-list.svg);
	background-size: 40px;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 10px;
}
.rtl .business-details-row .business-details-benefits ul li::before{
	right: 0;
}
.ltr .business-details-row .business-details-benefits ul li::before{
	left: 0;
}
.business-details-row .business-details-time{
	background-color: #f9fbfc;
	border-radius: 10px;
	padding: 20px;
	text-align: center;
	width: 30%;
}
.business-details-row .business-details-time h4{
	font-size: 36px;
	color: #000;
	margin: 0;
}
.business-details-row .business-details-time h4::before{
	content: "";
	background-image: url(/a/wp-content/themes/drmedili/assets/img/clock-icon.svg);
	background-size: 42px;
	background-repeat: no-repeat;
	width: 42px;
	height: 42px;
	display: block;
	margin: auto;
}
.business-details-row .business-details-time ul{
	margin: 0;
}
.business-details-row .business-details-time ul li{
	font-size: 32px;
	color: #000;
}
.business-details-row .business-details-time ul li span{
	font-weight: 600;
	font-size: 64px;
	color: #1185e0;
}

/***************************/
/*** 10. Contact buttons ***/
/***************************/
section#dm-contact-buttons{
	padding-bottom: 10px;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
}
.contact-buttons-head h3{
	text-align: center;
	font-size: 28px;
	font-family: "Assistant-Bold", sans-serif;
	margin-top: 0;
	margin-bottom: 10px;
}
.contact-buttons-row{
	text-align: center;
}
.contact-buttons-row a{
	font-size: 21px;
	color: #fff;
	border-radius: 36px;
	width: 170px;
	display: inline-block;
	padding: 5px 0 10px;
}
.contact-buttons-row .contact-button-whatsup{
	display: flex;
	justify-content: flex-end;
}
.contact-buttons-row .contact-button-whatsup a{
	background-color: #00c9a7;
}
.contact-buttons-row .contact-button-block a::before{
	content: '';
	display: inline-block;
	position: relative;
	top: 4px;
	background-position: center;
	background-repeat: no-repeat;
}
.rtl .contact-buttons-row .contact-button-block a::before{
	margin-left: 8px;
}
.ltr .contact-buttons-row .contact-button-block a::before{
	margin-right: 8px;
}
.contact-buttons-row .contact-button-whatsup a::before{
	background-image: url(/a/wp-content/themes/drmedili/assets/img/whatsup-icon.svg);
	background-size: 24px;
	width: 24px;
	height: 24px;
}
.contact-buttons-row .contact-button-chat a{
	background-color: #9f0dd2;
}
.contact-buttons-row .contact-button-chat a::before{
	background-image: url(/a/wp-content/themes/drmedili/assets/img/chat-icon.svg);
	background-size: 25px;
	width: 25px;
	height: 25px;
}
.contact-buttons-row .contact-button-phone a{
	background-color: #1884dd;
}
.contact-buttons-row .contact-button-phone a::before{
	background-image: url(/a/wp-content/themes/drmedili/assets/img/phone-icon.svg);
	background-size: 20px;
	width: 20px;
	height: 20px;
}
.contact-buttons-row .contact-button-phone{
	display: flex;
}
section#dm-contact-buttons{
	background-color: #fff;
	opacity: 0.9;
}
footer#colophon{
	background-color: unset;
}
.contact-buttons-row{
	width: 75%;
	margin: auto !important;
}
.doctors-button{
	text-align: center;
	margin-bottom: 20px;
}
.doctors-button a{
	background-color: #1884dd;
	border: 1px solid #1884dd;
	box-sizing: border-box;
	border-radius: 20px;
	display: inline-block;
	padding: 10px 40px;
	color: #fff;
	font-size: 36px;
	line-height: 1;
}