/*
Theme Name: Perfect Smile 
Author: Mokshasolutions
Description: Perfect Smile Dental Clinic
Version: 0.0.7
Tags: Dental Clinic
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
body{
	padding: 0;
	overflow-x: hidden !important;
	font-family: 'Roboto', sans-serif;
    line-height: 180%;
    letter-spacing: .02em;    
    font-size: 14px;
}
.mbc{margin-bottom: -56px;}
.fa, .fas{ font-family: "FontAwesome"!important;}
.cliniclogo{height: 100px;
    padding: 5px;
    margin-left: 0%;}
.clinic-stripe {
    background-color: #eef1f9;
    padding: 2px 0px;
    position: relative;
    z-index: 99;
    border-bottom: 1px solid #ec2c0d;
}
.clinic-contact{line-height: 0px !important;}
.clinic-contact ul{margin: 0;line-height: 0px !important;
    padding-left: 45px;
    font-size: 14px;}
.clinic-contact ul li{ 
	font-weight:normal!important;
    font-size: 13px;
	padding-top: 4px;
	color: #fff;
    list-style: none;
    display: inline-block;
    margin-right: 40px;
    }
ul li{font-size:15px;}
.pdtop{padding-top: 20px;}
.font18{font-size: 18px;}
.textwhite{padding-top:30px;color:white!important;}	
label {
display: inline;}	
.alert-warning {
    color: #856404;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}
.clinic-after {
    transform-origin: bottom right;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(30deg, 0deg);
    
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 141px;
	background: #e2403a;
    position: absolute;
    bottom: 0;
    left: 25%;
    z-index: -9;
}	
.clinic-contact ul li .fa {
    color: #fff;
    font-size: 15px;
    margin-right: 8px;
}
.book-appointment{
	margin-top: -10%;
	float: right;
    text-align: right;}
.btn-primary{background: #1ebef0;
    font-size: 13px;
    color: #fff;
    padding: 0px 20px;
    border-radius: 2px;
    margin-top: 22px;
    display: inline-block;
    height: 29px;
    line-height: 2.3;}	
.navbar-dark .navbar-nav .nav-link {
	font-size: 17px;
    padding: 5px 14px;
    color: rgb(0 0 0);
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgb(236 43 1);
}
.navbar{border-top: 1px solid #ccc;
    padding: 5px!important;}
.bg-dark {
    background-color: #ffffff!important;
}	
.carousel-item img{width:100%;}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #e2403a;
}
.bread img {
    width: 100%;
}
.titelen{padding-top: 20px;
    padding-bottom: 20px;}
.f24{font-size: 24px;}
.f24:after {
    position: absolute;
    content: "";
   
    bottom: 0;
    width: 42px;
    height: 3px;
    display: block;
    background-color: #0272b3;
    -webkit-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    -o-transform: skewX(-45deg);
    -moz-transform: skewX(-45deg);
    transform: skewX(-45deg);
}
/****/
.about-dental{padding:40px;}
.bestclinic{text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 500;
    line-height: 50px;}
.bestclinic span{color: #3882ba;}
.clinic-hr{
    margin: 0px;
    border: 1px solid #eb3e34;
    width: 20%;
    text-align: center;
    margin: 0 auto 40px;
}
.custom-text{font-size: 15px;
    line-height: 30px;
    color: #171717;
	text-align:justify;
	}
.clinic-services{padding:40px;}	
.clinic-services{ background-image: url("content/services.jpg");
	background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding: 30px 0px;
}
.navbar-dark .navbar-toggler {
    color: rgb(0 0 0)!important;
    border-color: rgb(0 0 0)!important;
}
.clinic-inner{padding: 40px;background:#4979b9e6;
        margin: -30px;}
.clinic-inner h2{font-size: 24px;color: #fff;}		
.clinic-media a img {
    width: 29px;
    margin-top: 3px;
    margin-right: 2px;
    margin-left: 3px;
}
.paddingbottom{padding-bottom: 20px;}
.clinic-services p{color:#fff;}
.mtb{margin-top: 20px;
    margin-bottom: 20px;}
.ourdentalser{content: "";
    position: absolute;
    border: 1px solid #eb3e34;
    width: 35%;
    left: 20px;
    top: 22px;}
.profile{border-radius:10px;background-color: #fff;
-webkit-box-shadow: 0 20px 40px 0 transparent;
box-shadow: 0 5px 40px 0 rgba(0,0,0,.11);}
.mrg31{margin-top: 31px;}
.clinic-media img{    width: 30px;}
.clinic-media{margin-right: 60px;
    text-align: right;}
.mr14{margin-top: -14px;}
ul{list-style:none;padding-left:0px;}
.clinicintro{font-size: 20px;
color: #3e89c0;}	
.our-dental-services{padding:40px;}
.our-dental-services h2{font-size: 26px;text-align: center;text-transform:uppercase;}
.make-appoinment{background: #f5f5f5;padding:40px;}
.make-appoinment h2{font-size: 24px;text-align: center;text-transform:uppercase;}
.borderred{border: 3px solid #eb3e34;}
.whatsay{padding: 40px;}
.whatsay h2{text-align:center;font-size:24px;}
.pbc{padding-bottom: 80px;}
a:hover {text-decoration: none!important;}
.contsec{
    padding: 20px;
    background: #fff;
    box-shadow: 0px 14px 13px #efefef;
}
.enquiry
    {   
       border-left: 3px solid #54abed;    
       background-color: #e2403a;
        padding-left: 23px;
         position: fixed;
         bottom: 90px;
         right: 0px;
         z-index: 99999;
   }
.enlabel
    {
     font-size: 18px; 
     color: #fff;
     line-height: 50px;                   
    }
.icon i
    {
    font-size: 18px; 
    color: #fff;
    padding: 16px 20px;
    background-color: rgb(218 87 82 / 79%);
}

/**footer**/
.dentalfooter{
border-top: 1px solid #cacaca;	
background-image: url("content/footerbag.png")!important;
background-size: cover;
background-repeat: no-repeat;
width: 100%;  
}
.inner-footer{padding: 40px;height: 300px;background: linear-gradient(to right,#d2eef745,#ffffff7d);}
.inner-footer h3{
	border-bottom: dashed 1px #e6e6e6;
    padding-bottom: 6px;
    margin-bottom: 20px;
    text-transform: uppercase;
	font-size: 16px;
    font-weight: 600;}
.footer-bottom{
	color:#fff;
	background-color: #404040;
    position: relative;
   }
.footer-bottom p{    padding-top: 10px;}
/**mobile screen css**/
@media only screen and (max-width: 600px) {
  .clinic-after {
    transform-origin: bottom right;
    -ms-transform: skew(-0deg, 0deg);
    -webkit-transform: skew(-0deg, 0deg);
    transform: skew(0deg, 0deg);
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 141px;
    background: #e2403a;
    position: absolute;
    bottom: 0;
    left: 0%;
    z-index: -9;
}
.clinic-contact{margin-top: -32px;
	margin-bottom: 13px;}
	.clinic-media{margin-right:0px;}	
}