:root {
  --pri: #f7312e;
  --sec: #f08a43;
}

@font-face {
    font-family: 'Diavlo';
    src: url('font/diavlo/DiavloBold-Regular.woff2') format('woff2'),
        url('font/diavlo/DiavloBold-Regular.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}


a, .svg-inline--fa, button, input[type=submit], input[type=button] {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  outline: none; }

/*.h1, .h2, h1, h2 {
    line-height: 1.2;
}*/
h1, h2, h3, h4, h5, h6 {
  line-height: 1.4; }

a {
  color: #165bb1;
  text-decoration: none; }

a:hover, a:focus {
  text-decoration: none; }

a:hover, a:focus {
  text-decoration: none; }

button:focus,a:focus,.btn:focus{outline: 0;}  

.nopadding {
  padding: 0 !important;
  margin: 0 !important; }

  .nopadding {
  padding: 0 !important;
  margin: 0 !important; }



body {
  font-family: 'Lato', sans-serif;
  font-size: 15px;
  color: #000;
  background: #fff; }

h1 { font-size: 36px; }

h2 { font-size: 30px; }

h3 {  font-size: 24px; }

h4 {  font-size: 20px; }

h5 { font-size: 18px; }
p{font-size: 16px; line-height: 24px;}


.btn_big{font-size: 24px; }
.btn-white {
  background: transparent; border: 2px solid #fff !important;
  border: 0; 
  color: #fff; 
  font-size: 18px;
  font-weight: 600; 
  border-radius: 10px;
  padding: 10px 20px;
}

.btn-white:hover {
  background: #fff;
  border:0; 
  color: #000;
}
.btn-white:focus {
  background: #fff;
  border: 0 ;
  color: #000; 
}

.btn-blue, .btn-pink {
  background: #fff; border: 1px solid var(--pri) !important;
  color: var(--pri); 
    padding: 7px 18px;
}

.btn-blue:hover, .btn-blue:focus, .btn-pink:hover, .btn-pink:focus  {
  background: var(--sec);
  color: #fff;
}



.btn-black {
  background: #000; font-size: 18px;
  border: none;
  color: #fff; 
  border-radius: 30px; }

.btn-black:hover {
  background: #000;
  border: none;
  color: #fff; }

.btn-black:focus {
  background: #000;
  border: none;
  color: #fff; }




.read_more_yellow{font-size: 15px; color: #ffff00;}
.read_more_yellow:hover{color: #fff;}
.read_more_yellow:after{ font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f30b"; margin: 0 0 0 6px;}


.color-yellow {
  color: #ffd244; }

.color-grey {
  color: #838383; }

.font_bold {
  font-weight: 800; }

.font_mdbold {
  font-weight: 600; }

.font_smbold {
  font-weight: 500; }

.font_normal {
  font-weight: 400; }

.text_white {
  color: #ffffff; }

.text_black {
  color: #000000; }

.text_blue {
  color: #0188ff; }

.text_red {
  color: #ed1c24; }




.bg_grey{background: #d7d7d7}
.bg_white{background: #fff}
.bg_red{background: #ff0000}
.bg_black{background: #000000}


header{position: relative; width: 100%; z-index: 9; background: #fff;}
.header_top{padding: 10px 0; z-index: 9; position: relative; background: #f08a43}


.fixed-header {
  position: fixed !important;
  top: 0;
  z-index: 99;
  background: #fff !important;
  width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  box-shadow: 0px 0px 7px 0px #000; 
}
.fixed-header .custom_nav{margin: 0;}
.logo{width: 150px;}

ul.header_link{margin: 0; padding: 0; list-style-type: none;}
ul.header_link li{display: inline-block; padding: 0 10px; border-right: 1px solid #ccc; line-height: 16px;}
ul.header_link li:first-child{padding-left: 0;}
ul.header_link li:last-child{padding-right: 0; border-right: 0;}
ul.header_link li a{color: #000;}


footer tr td {color:#fff;}


.custom_nav{background: #fff !important; border-radius: 30px;}

.navbar-light .navbar-nav .nav-link {
  color: #000;  
  font-size: 16px;  
  font-weight: 600;
  text-transform: uppercase;
 padding: 0 15px;
  }

.navbar-light .navbar-nav .nav-item:last-child .nav-link {
  border-right: 0; }

.navbar-light .navbar-nav .nav-link:hover {
  color: #f5312e; }

.navbar-light .navbar-nav .active > .nav-link {
  color: #f5312e; font-weight: 600;}

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.8) !important;
}


.navbar-light .navbar-nav .show>.nav-link {
    color: #fff; border-bottom: 3px solid #078a04;
}
.dropdown-item.active{background: #14ab2f;}
.dropdown-item:hover{background: #14ab2f; color: #fff;}



ul.lang{margin: 0; padding: 0; list-style-type: none;}
ul.lang li{display: inline-block; margin: 0 5px; text-align: center; border-radius: 50%; color: #fff;}

.header_info{margin: 0px 0; color: #000; padding: 0px 10px; color: #000; text-align: right; font-size: 18px;}
.header_info ul{margin: 0; padding: 0; list-style-type: none;}
.header_info ul li{display: inline-block; margin: 0 5px;}
.header_info ul li a{color: #fff;}
.header_info ul li a i{color: #fff; font-size: 20px;}


.header_info .text_holder{line-height: 24px;}
.header_info .text_holder span{font-size: 24px; font-weight: 600; color: #ff0000;}


ul.social_media{margin: 0; padding: 0; list-style-type: none;}
ul.social_media li{display: inline-block; margin: 0 2px; text-align: center; font-size: 15px; line-height: 36px; width: 36px; height: 36px; border-radius: 50%; background: #e40110;}
ul.social_media li.facebook{background: #0a50c4;}
ul.social_media li.twitter{background: #02a6c4; }
ul.social_media li.gplus{background: #eb0505;}
ul.social_media li.instagram{background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  }
ul.social_media li a{color: #fff; display: block;}


.banner{position: relative; min-height: 400px;}
.banner img{margin: 0 auto; height: 100%; object-fit:cover;}
.banner_slider .owl-dots{position: absolute; top: 50%; left: 50%; transform: translate(-50% -50%);}
.banner_slider.owl-theme .owl-dots .owl-dot.active span, .banner_slider.owl-theme .owl-dots .owl-dot:hover span{background: #f9ce43;}
.owl-theme .owl-nav{margin-top: 0 !important;}

.banner_cont{position: absolute; top:50%; transform: translateY(-50%); text-align: left;}
.banner_cont h1{font-size: 44px; color:#fff;}
.banner_cont h1 span{color: #ff003c}
.banner_cont p{color: #fff; font-size: 20px; font-style: italic;}


.appointment_sec{background: var(--pri); font-size: 36px; font-weight: 300; padding: 15px 0 20px; margin-top: -93px; position: relative;z-index: 9;}
.appointment_sec span{font-weight: 600;}

.about_sec{background: #ccc;}
.about_sec_pic{border: 2px solid #064fb1; padding: 10px; display: inline-block;}
.about_sec_pic img{width: 100%}

.inner_banner{width: 100%; position: relative; text-align: right;}
.inner_banner img{width: 100%; height: 300px; object-fit: cover;}
.inner_banner_heading{position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; font-size: 36px;}
.inner_banner_heading span{font-weight: 900;}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { font-size: 24px !important;
    background: rgba(255,255,255,.7) !important;
    width: 50px; height: 50px;
    border-radius: 50%;
    color: #f5312e !important;
}
.owl-carousel .owl-nav .owl-prev{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 30px !important; margin-top: -5px !important; }
.owl-carousel .owl-nav .owl-next{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);   font-size: 30px !important;  margin-top: -5px !important;}

.dentistry_slider .owl-carousel .owl-nav .owl-prev{margin-top: -50px !important; }
.dentistry_slider .owl-carousel .owl-nav .owl-next{margin-top: -50px !important;}

.main_heading{position: relative;}
.main_heading h2{font-weight: 700; font-size: 30px; text-transform: uppercase; padding: 0 0 7px 0; color: #f08a43;}

.keep_in_touch{background: #000;}
.keep_in_touch label{color: #fff; margin: 0; font-size: 18px;}
.keep_in_touch .form-control{ border-radius: 0; background: transparent; color: #fff;}

.dentistry_sec{width: 100%; border: 1px solid #ccc;}
.dentistry_pic{ width: 100%; height: 300px; background: #000; overflow: hidden;}
.dentistry_pic img{width: 100%; height: 100%; object-fit: cover; -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: -webkit-transform .4s ease, opacity .4s ease;
    transition: transform .4s ease, opacity .4s ease;
  }
  .dentistry_pic img:hover{-webkit-transform: scale(1.02);
    -ms-transform: scale(21.5);
    transform: scale(1.5);
    opacity: .5;
  }
.dentistry_cont{color: #000; padding: 0 20px;}
.dentistry_cont h4{font-weight: 600; color: #f7312e;}
.dentistry_cont p{display: -webkit-box;   
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height:150px;
    
}

.color-primary{color: #f7312e!important;}
ul.footer_list li a:hover{color: #f7312e}
.maxillofacial_sec{border: 1px solid #ccc; padding: 20px;}
.maxillofacial_pic{width: 150px; height: 150px; overflow: hidden; border-radius: 50%; margin: 0 auto; border: 4px solid #0682a3; overflow: hidden;}
.maxillofacial_pic img{width: 100%; height: 100%; object-fit: cover;}
.maxillofacial_cont{color: #000;}
.maxillofacial_cont h4{font-weight: 600;}
.maxillofacial_cont p{height: 115px;}
.testimonial_slider{padding: 0 60px;}

.doctor_sec{width: 100%; background: #f5f5f5;}
.doctor_pic{border: 3px solid #000; width:200px; height: 200px; object-fit: cover; border-radius: 50%;}
.doctor_pic img{width: 100%; height: 100%;  border-radius: 50%;}
.doctor_sec a{color: #000;}

.testimonial_sec{background: url(../images/bg_1.jpg) no-repeat fixed top  center; text-align: center; position:relative; }
.testimonial_sec:before{position: absolute; content: ''; top:0; right:0; bottom:0; left:0; background: rgba(0,0,0,0.5); z-index:1;}
.testimonial_sec .container{position: relative; z-index:10;}
.inverted{font-size: 60px; color: var(--sec);}
.testimonial_sec h2{font-weight: 300; color: #fff}
.testimonial_sec p{font-weight: 400; color: #fff;font-size: 18px;}
.client_name{border-top: 1px solid #fff; display: inline-block;}



footer { background:#101010;}
footer .footer_top_blog{color: #fff;}
footer .footer_top_blog h3{color: #f08a43; font-weight: 600;}
footer .footer_top_blog a{color: #fff;}
  
  
  

ul.footer_list{margin: 0; padding: 0; list-style-type: none;}
ul.footer_list li{padding-left: 20px; position: relative; margin-bottom: 10px;}
ul.footer_list li a{color: #fff} 
ul.footer_list li:before{  font-family: "Font Awesome 5 Free"; position: absolute;; left: 0;
  font-weight: 900;
  content: "\f105";}



.sign_up { 
  width: 100%; 
}
  .sign_up input {
    background: #dbdbdb;
    outline: none;
    border: none;
    height: 42px;
    padding-left: 20px; 
    width: 100%;
    border-radius: 20px;
    margin: 0 0 10px 0;
  }
  .sign_up button {
    background: #3ecce0;
    border: transparent;
    height: 42px;
    width: 100%;    
    border-radius: 20px;
    cursor: pointer; 
    font-weight: 600;
  }

    footer .copyright {
    background: #000;
    color: #aaa;
}
footer .copyright p{margin:0;}


.inner_page_banner{position: relative; height: 500px;}
.inner_page_banner img{width: 100%; height: 100%; object-fit: cover;}
.inner_page_banner:before{content: ""; display: block; top: 0; left: 0 ; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute;}
.inner_page_banner_heading{position: absolute;  top: 50%; left:50%; transform: translate(-50%, -50%); color: #fff; font-size: 20px; text-transform: uppercase;}


ul.address-list{margin: 0; padding: 0; list-style-type: none;}
ul.address-list > li {
  /*margin-bottom: 20px;*/
 
  padding: 0 0 20px 0;
}
ul.address-list > li > h5 {
  margin-bottom: 3px;   
    font-size: 18px;
    color: var(--pri); 
    font-weight: 600;
    
}
ul.address-list > li > h5 i{margin: 0 5px 0 0; font-size: 18px; color: #18c0d8; }
ul.address-list > li a{color:#000}

.main_body{min-height: 600px;}

.gallery_blog{width: 100%}
.gallery_pic{width: 100%; height: 300px; overflow: hidden;}
.gallery_pic img{width: 100%; height: 100%; object-fit: cover; -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: -webkit-transform .4s ease, opacity .4s ease;
    transition: transform .4s ease, opacity .4s ease;
  }
  .gallery_pic img:hover{-webkit-transform: scale(1.02);
    -ms-transform: scale(21.5);
    transform: scale(1.5);
    opacity: .5;
  }

  .pp_social{display: none !important;}
  .view_details{    font-weight: 800;
    font-size: 30px;
    text-transform: uppercase;
    padding: 0 0 7px 0;
    color: #f5312e;}
  
  .sec-clients-logo {
    background: #f5f5f5;
}
  
 .owl_clients .item {
    position: relative;
    height: 100px;
background:#fff
}
.owl_clients .item img {
    display: block;
    height: 100%;
    /*width: auto!important;*/
    max-width: initial;
margin: 0 auto
} 
/********************* Team ********************/

.news-list {
    background: #fff;
    padding: 10px 0px 40px;
}

#filterOptions {
    justify-content: center;
    border-bottom: 1px solid #242933;
    margin-bottom: 35px;
}

#filterOptions li a {
    display: block;
    padding: 15px 25px 25px;
    font-size: 18px;
    font-weight: 400;
    color: #242933;
}

#filterOptions li.active a {
    color: #1ab6f1;
}

.our-holder {
    margin: 0px -10px;
}

.our-holder .Media-item {
    padding: 0 10px;
    margin: 15px 0px;
    display: block;
}

.news-img-box {
    overflow: hidden;
    position: relative;
    border-radius: 15px;
    height: 422px;
    margin-bottom: 15px;
}

.news-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-content {
    padding-right: 15px;
}

.news-content h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--sec);
    margin-bottom: 20px;
    font-family: 'alibaba-puhuiti', sans-serif;
   
    overflow: hidden;
}

.news-content p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: #7d7d7d;
    margin-bottom: 20px;
    font-family: 'alibaba-puhuiti', sans-serif;
   display: -webkit-box;   
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news-content span {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    color: var(--pri);
    font-family: 'alibaba-puhuiti', sans-serif;
    display: block;
    margin-bottom: 10px;
}

.datenews {
    display: block;
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: 15px;
    left: 20px;
    background: url(../images/News/time.png)no-repeat left center;
    padding-left: 25px;
    background-size: 18px;
}

.border-black {
    border-top: 1px solid #242933 !important;
    margin: 20px 0px;
    display: block;
    width: 100%;
}

.pagination-wrap ul {
    justify-content: center;
    /* background: #ebeef4; */
    border-radius: 35px;
}

.pagination-wrap ul li {
    margin: 0 5px;
}

.pagination-wrap ul li a {
    display: block;
    padding: 6px 15px;
    color: #7d7d7d;
    font-size: 20px;
    text-align: center;
}

.page-numbers.current {
    display: block;
    padding: 6px 15px;
    color: #000;
    font-size: 20px;
    text-align: center;
}

.pagination-wrap ul li.active a {
    color: #000;
}

.pli {
    margin: 0 15px;
}

.pli a,
.page-numbers {
    display: block;
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    background: #ddd;
}

span.page-numbers.dots {
    text-align: center;
    line-height: 28px;
    font-size: 26px;
}
.page-prev.pli.inactive a {
    background: url(../images/News/inactive-prev.png) no-repeat center;
    background-size: 40px;
}

.page-prev.pli.active a,
.prev.page-numbers {
    background: url(../images/News/active-prev.png) no-repeat center;
    background-size: 40px;
}

.page-next.pli.inactive a {
    background: url(../images/News/inactive-next.png) no-repeat center;
    background-size: 40px;
}

.page-next.pli.active a,
.next.page-numbers {
    background: url(../images/News/active-next.png) no-repeat center;
    background-size: 40px;
}

.recomended-news-web {
    padding: 55px 0px;
    background: url(../images/News/linebg.png) repeat-x left top #fff;
}

.news-details-wrap {
    background: #fff;
    padding: 44px 0px 60px;
}
.news-details-wrap .news-content p {
    height: auto;
}
.list-inline {
    display: flex;
    flex-direction: row;
}

.list-inline li {
    display: block;
}
.team-content p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: #7d7d7d;
    margin-bottom: 20px;
    font-family: 'alibaba-puhuiti', sans-serif;
    height: 133px;
    overflow: hidden;
}
.read_more{font-weight: bold;}

.borderless td, .borderless th {
    border: none;
}

.maxillofacial_pic {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 0 auto;
    border: 4px solid #0682a3;
    overflow: hidden;
    background: #0682a3;
    padding: 35px;
}
.lb-number{display: none!important;}