/* .dropdown-backdrop{display:none;}

 or in mobile in class= .dropdown-menu... dont make the "ul" static... instead make it position relative and increase z-index

*/

 /*for ie8{

	background:rgba(255, 255, 255, 0.56);

	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff'); 

}also use rgba to hex conertor*/

 body {

	font-family:Poppins;

	font-size: 17px;

	

}

img {

	max-width:100%;

}

figure {

	margin:0;

	padding:0;

}



*, input, button {outline:none !important;}



a {

	color: #000;

	text-decoration: none;

}

a:hover, a:focus {

	color: #fff;

	text-decoration: none;

}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

	font-weight: bold;

	line-height: 1.1;

	color: inherit;

	font-family: Vollkorn;

}

 @media (max-width: 1199px) {

 .container {

 width:auto;

}

}

 @media (min-width: 1200px) {

 .container {

 width: 1200px;

}

}

.main_heading {

	font-size:39px;

	font-weight:400;

	color:#000;

	margin: 0 0 15px;

	padding: 0 0 13px;

	position: relative;

	text-transform: capitalize;

	text-align: center;

}



.main_heading span{

	font-size: 30px;

	color: #8b8b8b;

	font-weight: 400;

	display: block;

}



.main_heading:before{

	content: "";

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	width: 90px;

	height: 3px;

	background-color: #c2231e;

	margin: 0 auto;

}



 @media (max-width: 767px) {

 .main_heading {

 font-size: 25px;

 line-height: 29px;

}



.main_heading span{

font-size: 20px;

}



}



.list1 li {

	

	list-style: disc outside url("../images/bullet1.png");

	padding: 4px 0;

	

}

.list1 li a {

	color:#333;

}

.list2 li {

	list-style:url(../images/bullet1.png);

	padding:0 0 6px 0px;

}

.header_right {

	float:right;

	width: 78%;

}

.top_link {

	text-align: right;

	margin: 18px 0 0;

}


 @media (max-width: 896px) {

 .header_right {

 float:none;

 background:transparent;

 display:block;

 width:auto;

 height:auto;

 margin-left: -15px;

 margin-right: -15px;

}

 .top_link {

 margin-right:10px;

 float:right;

}

.top_link .links_head:first-child{
	display: none;
}

.top_link .links_head dl dt{
	display: none;
}

.top_link .links_head dl dd h4{
display: none;
	}

.top_link .links_head dl dd a{
	color: #fff;
	position: relative;
	padding-left: 20px;
}	

.top_link .links_head dl dd a:before{
    content: "\f10b";
    position: absolute;
    left: 0;
    top: -4px;
    font-family: "FontAwesome";
    color: #fff;
    font-size: 25px;
	}

header:before,
header:after{
	display: none;
}	

}

.header_left {

padding: 28px 0 25px 0;
float: left;
width: 22%;
text-align: left;
background-color: #51bba1;
}

.site_logo img{
max-width: 210px;	
}

@media (max-width: 896px) {

.header_left {

display: block;
padding: 18px 0 18px 0;
float: none;

margin: 0px auto 0;

text-align:center;

position: absolute;

left: 0;

right: 0;

top: 0;

width: auto;

z-index: 10;

}



header{
height: 130px;
}



.site_logo img{

max-width: 220px;

}



}



.banner {

	position:relative;

}



footer {

	background:#efefef;

	color:#000;

	position: relative;

}



footer:after{

content: "";

position: absolute;

left: 0;

right: 0;

top: 0;

background-image: url(../images/multicolor-line.png);

width: 100%;

height: 3px;

}



footer a, footer a:focus {

	color:#000;

}

footer a:hover {

	color:#000;

}

.footer_left {

	width:100%;

	 text-align:center;

	 font-size: 16px;

}



 @media (max-width: 767px) {

footer {

 padding:10px 0 10px;

}

 .footer_left, .footer_right {

 text-align:center;

 width: 100%;

}

}

 @media (max-width: 599px) {

.footer_left span {

 display:block;

}

}

/*inner css*/


header{
background-color: #fff;
position: relative;
z-index: 1;
}

header:before{
content: "";
position: absolute;
left: 0;
top: 0;
width: 20%;
background-color:
#51bba1;
height: 130px;
z-index: -1;
}

header:after{
	width: 100%;
	height: 1px;
 background-color:#e3e3e3;
 content: "";
 position: absolute;
 left: 0;
 right: 0;
top: 80px;
 z-index: -2;
 }

.top_link p{

display: inline-block;
padding: 0;
font-size: 16px;
margin: 0;
border-radius: 2px;
border: 1px solid
#fff;
overflow: hidden;
transition:0.3s;
}

.top_link img{
margin: 0;
vertical-align: top;
background-color:
#fff;
padding: 5px;
}



.top_link a i{

	color: #fff;

	padding-right:4px; 

} 


.links_head{
	display: inline-block;
	margin-left: 70px;
	text-align: left;
}

.links_head dl{
display: table;
margin: 0;
padding: 0;
	}

.Emergency_service i,
.call_top i{
	font-style: normal;
}

.links_head dl dt{
display: table-cell;
margin:0;
padding: 0;
width: auto;
vertical-align: middle;
}	

.links_head dl dt img{
vertical-align:initial;
}

.links_head dl dd{
display: table-cell;
margin:0;
padding: 0;
width: auto;
padding-left: 12px;
vertical-align: middle;
	}

.links_head dl dd h4{
font-family: Poppins;
font-size: 15px;
margin: 0;
color:#000;
font-weight: 500;
}	

.links_head dl dd p{
color:#000;
font-size: 16px;
	}

.links_head dl dd a{
color:#000;
transition: 0.3s;
font-size: 20px;
}	

.links_head dl dd a:hover{
color: #222;
transition: 0.3s;
	}


@media(max-width: 896px){

header {
background-color: #51bba1;
}

.links_head{
	margin: 0;
}

.top_link {

    padding:0;

    margin-right: 0;

    position: absolute;

    right: 15px;

    z-index: 11;

}



.top_link p{

	background-color: transparent;

}



.top_link p span,

.top_link p img{

display: none;

	}



.top_link p a{

color: #fff;

	}



.top_link p i{

display: inline-block;

}	



}



@media(max-width: 560px){

	.site_logo img {

    max-width: 160px;

}



.top_link p a {

    font-size: 18px;

}



.top_link p i{

font-size: 18px;

}



.top_link{

bottom: 5px;

left: 0;

right: 0;

text-align: center;

margin: 0;
    padding-top: 7px;
    border-top:1px solid #fff;
}



header{

	height: 145px;

}



}



.banner .item{

position: relative;

background-color: #000;

overflow: hidden;

height: 590px;

}



.banner .item img{

min-height: 100%;

max-width: none;

transition: 0.3s;

position: absolute;

left: 50%;

top: 50%;

transform: translate(-50%,-50%);

-ms-transform: translateX(-50%) translateY(-50%);

-webkit-transform: translate(-50%, -50%);

margin: auto;

width: auto !important;

min-width: 100%;

	}



.banner .container{

position: absolute;

top: 0;

left: 15px;

right: 15px;

}



.appointment_form{

background-color: rgba(0, 0, 0, 0.4);

padding: 26px 25px 0 25px;

display: inline-block;

position: absolute;

left: 0;

z-index: 11;

top: 75px;

text-align: center;

max-width: 380px;

width: 380px;

}



.appointment_form h3{

font-family: Poppins;

font-size: 24px;

font-weight: 400;

margin: 0 0 20px;

text-transform: uppercase;
color: #fff;
}	



form input[type="text"],

form input[type="email"],

form input[type="password"],

form input[type="tel"],

form select,

form textarea{

border: 1px solid #f0f0f0;

font-size: 16px;

color: #595959;

padding: 10px;

margin: 0 0 12px;

display: block;

width: 100%;

	}

	

form textarea{

height: 100px;

}	



form input[type="submit"]{

display: block;

border: none;

padding: 10px 30px;

margin: 15px 0 0;

background-color:#cb0f0a;

color: #fff;

transition: 0.3s;

}



form input[type="submit"]:hover{

background-color: #b30d09;

transition: 0.3s;

	}



@media(max-width:896px){



.banner .container{

position: initial;

}



.appointment_form{

position: initial;

margin: 15px 0 0;

width: 100%;

max-width: none;

background-color: rgba(211, 238, 232, 1);

padding: 26px 18px 5px;

}



.banner .item {

    height: 220px;

}



.banner .item img {

 position: absolute;
    height: 100%;
    max-width: none;
    transition: 0.3s;
    left: 50%;
    top: 50%;
margin: auto;
    min-width: auto;
    width: auto !important;

}	



.appointment_form h3 {

    font-size: 21px;
    color: #000;
    }



}



.block{

	padding: 40px 0;

}



@media(max-width: 896px){

.block{

padding: 25px 0;

	}

}



.dental_care h3{

font-size: 27px;

margin: 0 0 8px;

font-weight: 400;

}



.dental_care h4{

font-family: Poppins;

font-size: 20px;

margin: 0 0 18px;

font-weight: 400;

}



.clinic_time{

	position: relative;

	max-width: 400px;

float: none;

 margin: 20px auto;

}



.clinic_time:before{

    content: "";

    position: absolute;

    left: -10px;

    top: 15px;

    width: 100%;

    height: 100%;

    border: 3px solid #e3e3e3;

    z-index: -1;

	}



.clinic_time ul{

	list-style-type: none;

	margin: 0;

	padding: 0;

	position: absolute;

	right: 0;

	bottom: 20px;

	border-radius: 5px 0 0 5px;

	background-color: rgba(0,0,0,0.7);

}



.clinic_time ul li{

padding: 10px;

color: #fff;

font-size: 16px;

border-bottom: 1px solid rgba(255,255,255,0.5);

	}



.clinic_time ul li span{

	padding-left: 35px;

}



@media(min-width: 768px){



.dental_care h3{

font-size: 35px;

}



.clinic_time{	

	    float: left;

    margin: 0;

}



.clinic_time:before{

left: -18px;

top: 20px;

border: 5px solid #e3e3e3;

}



}



@media(min-width: 897px){

.clinic_time ul li{

font-size: 19px;

}

}



@media(min-width: 1025px){

.dental_care h3{

font-size: 39px;

}



.dental_care h4{

font-size: 23px;

}



}



.treatment_section{

	background-image: url(../images/services-bg.jpg);

	background-repeat: no-repeat;

	background-position: center;

	background-attachment: fixed;

	position: relative;

	background-size:cover;

	text-align: center;

	z-index: 1;

}



.treatment_section:before{

content: "";

position: absolute;

left: 0;

top: 0;

right: 0;

bottom: 0;

width: 100%;

background-color: rgba(215, 235, 230, 0.9);

z-index:-1;

	}



.treatment_section h2{

	position: relative;

	font-size: 30px;

	color: #000;

	margin: 0 0 15px;

	padding: 0 0 10px;

	font-weight: 400;

}	



.treatment_section h2:before{

content: "";

position: absolute;

left: 0;

right: 0;

bottom: 0;

background-image: url(../images/underline.png);

background-repeat: no-repeat;

width: 152px;

height: 2px;

margin: 0 auto;

	}



.treatment_section span{

	font-size: 17px;

	color: #000;

	display: block;

	margin: 0 0 20px;

}



.treatments_card{

	text-align: center;

	margin: 20px 0;

	    min-height: initial;

}



.treatments_card figure{

box-shadow: 0 0 4px
rgba(0,0,0,0.4);
display: inline-block;
padding: 0;
overflow: hidden;
max-width: 350px;
border-radius: 15px;

}

.gallery_body_n .thumbnail{
	border: none;
	border-radius: 25px;
overflow: hidden;
}

@media(max-width:767px){

.gallery_body_n .thumbnail {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
}

}


.treatments_card h3{

font-size: 23px;

color: #b9140f;

margin: 12px 0 8px;

font-family: Poppins;

font-weight: 400;

}	



.treatments_card h3 a{

color: #b9140f;

}



.view_btn{

background-color: #cb0f0a;

color: #fff;

padding: 11px 20px;

border-radius: 3px;

border-bottom: 3px solid #880501;

text-transform: uppercase;

display: inline-block;

margin: 15px 0 0;

transition: 0.3s;

}



.view_btn img{

padding-left: 10px;

	}



.view_btn:hover{

	transition: 0.3s;

	background-color: #b40c08;

}	



.view_btn:hover img{

position: relative;

right: -2px;

transition: 0.3s;

	}



@media(min-width: 768px){

	.treatments_card{

	    min-height: 235px;

	}



.treatment_section h2{

	font-size: 39px;

}



.treatment_section span{

	font-size: 20px;

	}



}



@media(min-width: 1025px){

.treatments_card h3{

font-size: 25px;

}



}	



.testimonial_card{

	position: relative;

	padding-left: 0;

	margin: 20px 0;

	padding-right: 0;

}



.testimonial_card img{

position: absolute;

left: 0;

top: -12px;

width: auto !important;

	}



.testimonial_card p{

	background-color: #f7f7f7;

	padding: 18px 16px;

	font-style: italic;

	font-size: 15px;

	margin: 0 0 10px;

}



.testimonial_card span{

	text-transform: capitalize;

	font-size: 17px;

}



@media(min-width: 701px){



.testimonial_card{

	padding-right: 40px;

		padding-left: 50px;

}



.testimonial_card p{

	font-size: 17px;

	margin: 0 0 20px;

	}



.testimonial_card img{

top: 5px;

}



.testimonial_card span{

	font-size: 20px;

	}



}



.about_clinic dl{

width: 100%;

background-color:#e5f7f3;

margin: 0;

}



.about_clinic dl dt{

width: 100%;

position: relative;

overflow: hidden;

	}



.about_clinic dl dd{

width: 100%;

vertical-align: middle;

        padding: 18px 15px;

	}	



.about_clinic dl dd a{

	color: #c2231e;

	font-size: 18px;

	font-weight: 500;

	padding-left: 28px;

}	



.about_clinic dl dd a:hover{

color: #920f0b;

	}



.about_clinic h3{

font-size: 26px;

font-weight: 400;

position: relative;

padding: 0 0 8px;

margin-top:0; 

margin-bottom: 20px;

}



.about_clinic h3:before{

content: "";

position: absolute;

left: 0;

bottom: 0;

width: 70px;

height: 3px;

background-color: #cb0f0a;

	}



.about_clinic ul{

	list-style-type: none;

	padding:0;

	margin: 0;

}	



.about_clinic ul li{

padding: 0 0 18px 28px;

position: relative;

	}



.about_clinic ul li:before{

content: "\f058";

position: absolute;

left: 0;

top: 0;

font-family: "FontAwesome";

font-size: 18px;

color: #cb0f0a;

}	



@media(min-width: 897px){



.about_clinic dl{

display: table;

width: 100%;

}



.about_clinic dl dt{

display: table-cell;

width: 50%;

	}



.about_clinic dl dd{

display: table-cell;

width: 50%;

    padding: 25px 35px;

	}		



.about_clinic dl dt img{

    position: absolute;

    min-height: 100%;

    max-width: 170%;

        transform: translate(-50%,-50%);

    -ms-transform: translateX(-50%) translateY(-50%);

    -webkit-transform: translate(-50%, -50%);

    left: 50%;

    top: 50%;

}		



.about_clinic h3{

font-size: 39px;

}



}



@media(min-width: 1025px){



.about_clinic dl dt img{

    max-width: 140%;

}





.about_clinic dl dd{

padding: 35px 45px;

}



}



.news_card{

margin: 32px 0 20px;

}



.news_card dl{

	padding: 0;

	width: 100%;

	margin: 0;

}



.news_card dl dt{

	width: 100%;

position: relative;

overflow: hidden;

	}



.news_card dl dd{

width: 100%;

padding: 30px 5px 15px 16px;

vertical-align: top;

border: 3px solid #cdd9e1;

position: relative;

border-top: none;

}



.news_card dl dt img{

width:100%;

}



.news_date{

	position: absolute;

	left: 0;

	right:0;

	top: -35px;

	text-align: center;

}



.news_date p{

background-color: #fff;

display: inline-block;

margin: 0;

padding: 0 20px;

    border-radius: 4px;

	}



.news_date i{

font-style: normal;

color: #cdd9e1;

font-size: 45px;

font-weight: 700;

	}



.news_date span{

color: #294558;

font-size: 14px;

font-weight: 500;

position: relative;

top: -10px;

margin-left: -25px;

}	



.news_data h3{

font-size: 19px;

font-family: Poppins;

font-weight: 400;

margin-top: 0;

line-height: 1.4;

}	



.comment_news{

	color: #748d9d;

	font-size: 13px;

}



.comment_news i{

color: #c5221d;

font-size: 18px;

padding-right: 6px;

position: relative;

top: 2px;

	}



.comment_news a{

color: #748d9d;

font-size: 13px;

}



.comment_news a:hover{

color: #000;

}



.news_data p{

	font-size: 15px;

	line-height: 1.7;

}



.news_card:last-child{

	margin-bottom: 0; 

}



@media(min-width: 768px){



.news_date p{

border-radius: 0;

}



.news_card dl{

	display: table;

	padding: 0;

	width: 100%;

	margin: 0;

}



.news_card dl dt{

display: table-cell;

width: 40%;

position: relative;

overflow: hidden;

	}



.news_card dl dd{

display: table-cell;

width: 60%;

border-left: 0;

border-top: 3px solid #cdd9e1;

}	



.news_card dl dt img{

max-width: 160%;

position: absolute;

left: 50%;

top: 50%;

transform: translate(-50%,-50%);

-ms-transform: translateX(-50%) translateY(-50%);

-webkit-transform: translate(-50%, -50%);

width: auto;

height: 100%;

margin: auto;

min-width: 100%;

}	



}



.footer_top{

	padding:25px 0;

}



.footer_top h3{

	font-size: 23px;

	font-weight: 500;

	font-family: Poppins;

	position: relative;

	margin: 0 0 20px;

	padding:0 0 15px;

	text-transform: uppercase;

	border-bottom: 1px solid #fff;

}



.footer_top h3:before{

content: "";

position: absolute;

left: 0;

bottom: -1px;

width: 140px;

height: 1px;

background-color: #cb0f0a;

	}



.footer_top ul{

	list-style-type: none;

	margin: 0;

	padding:0;

}	



.footer_top ul li{

padding:0 0 10px 20px;

position: relative;

float: left;

width: 100%;

	}



.footer_top ul li:before{

content: "";

position: absolute;

left: 0;

top:8px;

background-image: url(../images/footer-arrow.png);

background-repeat: no-repeat;

width: 11px;

height: 9px;

}	



.footer_top ul li a{

	font-size: 15px;

	text-transform:uppercase;

}



.footer_top ul li a:hover{

color: #cb0f0a;

position: relative;

right: -2px;

	}



.newsletter_form{

	margin: 15px 0 0;

}	



.newsletter_form input[type="text"],

.newsletter_form input[type="email"]{

max-width: 100%;

width: 380px;

}



.newsletter_form input[type="submit"]{

border-radius: 5px;

	}



.footer_top .address_ul li{

	float: none;

	width: 100%;

	font-size: 15px;

	padding-bottom: 25px;

	padding-left: 28px;

}	



.footer_top .address_ul li:last-child{

padding-bottom: 0;

}



.footer_top .address_ul li a{

	text-transform: lowercase;

	word-break: break-all;

}



.footer_top .address_ul li a:hover{

right: 0;

	}



.footer_top .address_ul li:before{

	content: "\f0ac";

font-family: "FontAwesome";

background-image: none;

font-size: 20px;

color: #c5221d;

top: -2px;

}	



.address_ul .phone_icon:before{

content: "\f10b" !important;

font-size: 28px !important;

top: -8px !important;

left: 4px !important;

}



.no_icon:before{

	display: none !important;

}



.media_icon a{

display: inline-block;

font-size: 20px !important;

color: #cb0f0a;

text-align: center;

background-color: #fff;

border-radius: 4px;

width: 35px;

height: 35px;

padding: 4px;

margin: 0 3px;

transition: 0.3s;

}



.media_icon a:hover{

box-shadow: 0 0 4px rgba(0,0,0,0.2);

transition: 0.3s;

	}



.footer_bottom{

	border-top: 1px solid #c7c7c7;

	padding:15px 0;

}	



.footer_top article{

	margin: 0 0 20px;

}



.no-margin{

	margin: 0 !important;

}



@media(min-width: 992px){

.footer_top article{

	margin: 0;

}

}



.appointment_form .form_body{

overflow-y: auto;

   /*  height: 360px;*/

    }

    

@media(max-width:896px){



.appointment_form .form_body{

     height: auto;

    }    

    

}    





.news_data a:hover {

    color: #000;

}

.gallery_body_n{
	margin: 40px 0 15px;
}


.treatments figure{
	margin: 0 0 15px;
border: 1px solid
#51bba1;
padding: 5px;
}

.treatments figure img{
width:100%;
}

.footer_left {
	float:left;
	width:70%;
}
.footer_right {
	text-align:right;
}
 @media (max-width: 767px) {
footer {
 padding:10px 0 10px;
}
 .footer_left, .footer_right {
 text-align:center;
 width: 100%;
}
}
 @media (max-width: 599px) {
.footer_left span {
 display:block;
}
}