/*
Theme Name: Orthodontics Theme
Author: Development Team
Version: 1.0
*/

.title_sec {
  text-align:center;
  text-transform: uppercase;
  position: relative;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 27px;
  color: #6d6e71;
  letter-spacing: 2px;
  line-height: 1.2;
  margin: 0px 0 60px;
}

.title_sec span {
  display: block;
}

.title_sec:after {
    content: "";
    width: 68px;
    height: 2px;
    float: none;
    background: #81c341;
    margin: 0 auto 0;
    position: absolute;
    right: 0;
    bottom: -20px;
    left: 0;
}

.space_botm{
  margin-bottom: 100px;
}

@media (max-width: 767px){
  .space_botm{
    margin-bottom: 50px;
  }
}

/* Hero Video */
.home_hero_video {
  /*margin-top: 69px;*/
  background-color: #8d68b0;
}

.home_hero_video .flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: flex;
    display: -webkit-flex;
}

.home_hero_video .txt {
    padding: 132px 50px;
    width: 40%;
    position: relative;
    z-index: 2;
    text-align: left;
}

.home_hero_video .txt h2, .home_hero_video .txt p{
    color:#fff;
}

.home_hero_video .hero_video {
    overflow: hidden;
    width: 60%;
    position: relative;
}

.home_hero_video .hero_video video {
    width: 115%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.home_hero_video .play_icon {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80px;
    height: 60px;
    background-color: #ea71ac;
    padding: 16px;
    text-align: center;
}

.home_hero_video .play_icon em {
    color: #fff;
    font-size: 28px;
}

.home_hero_video .play_icon:hover {
    background-color: #8d68b0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

@media (max-width:991px) {
    .home_hero_video {
        text-align: center;
    }

    .home_hero_video .flex{
        display: block;
    }

    .home_hero_video .txt {
        padding: 50px;
        width: 100%;
    }

    .home_hero_video h2 br {
        display: none;
    }

    .home_hero_video .hero_video {
        width: 100%;
    }

    .home_hero_video .hero_video video {
        position: static;
        width: 100%;
        -webkit-transform: none;
        transform: none;
    }
}

@media (max-width:767px) {
    .home_hero_video  {
        margin-top: 0;
    }
    .home_hero_video .txt {
        padding: 30px 20px;
    }
}
/* Hero Video End */

/* Why Us */
.why_us {padding: 100px 20px;text-align: center;position: relative;clear: both;}
.why_us .cnt {max-width: 1240px;margin: auto;}
.why_us .flex{display: flex;display: -webkit-flex;}
.why_us .col {padding: 15px 10px;width: 100%;display: inline-block;}
.why_us .col .img{margin-bottom: 10px;}
.why_us .col p{font-size: 14px;line-height: 22px;font-weight: 500;}
@media (max-width: 1240px) {
  .why_us .flex {display: block;}
  .why_us .col {width: 22%;}
}
@media (max-width: 767px) {
   .why_us {padding: 30px 15px;}
   .why_us .col {width: 48%;}
}
/* Why Us End */


/* Gallery */
.gallery_section{
  padding:100px 20px;
  text-align:center;
  background-color: #f5f5f5;
}

.gallery_section .title_sec:after {
    background: #fad51b;
}

.gallery_section .btn{
    padding: 14px 26px 13px 26px;
    color: #ffffff;
    font-weight: bold;
    display: inline-block;
    margin-top: 40px;
}
.gallery_section .txt{
  padding:25px 10px 0;
}
.gallery_section .txt h3{
    text-transform: uppercase;
    position: relative;
    font-weight: 600;
    margin-bottom: 15px;
}
.gallery_section .txt p{
    margin-bottom: 15px;
    line-height: 24px;
}
.slick_slider .item{
  padding: 10px;
}
.slick_slider .btn_item{
  padding: 14px 26px 13px 26px;
  color: #ffffff;
  font-weight: bold;
  display: inline-block;
  width: 100%;
  border-radius: 0;
}
@media (max-width: 767px){
  .gallery_section{
  padding:50px 20px;    
  }
}
/* Gallery End */

/* Team */
.home_team {
  padding-top: 50px;
}
.home_team .title_sec{
  margin:0 0 30px;
}
.home_team .team-wrapp .team-row2 .team-col1{
  width: 25%;
  padding:0 10px;
  margin:0 0 10px;
}
@media (max-width: 767px){
 .home_team .team-wrapp .team-row2 .team-col1{
    width: 50%;
    padding:0 5px;
  } 
}
/* Team End */


/* SBS */
.sbs {
  position: relative;
  clear: both;
}  
.sbs .cnt{
  max-width: 1280px;
  margin: 0 auto;
  padding:0 20px;
} 
.sbs .flex{
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}
.sbs .txt {
  width: 50%;
  padding:100px 50px 100px 0;
}
.sbs .txt h2 {
  font-size: 32px;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 20px;
}
.sbs .txt p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 20px;
}
.sbs .txt .btn {
    padding: 13px 30px;
    background-color: #6eb12e;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    transition: all ease 0.5s;
}
.sbs .txt .btn:hover {
    background-color: #7053ba;
}
.sbs .img{
  width: 50%;
  text-align: center;
}
.sbs.flip .flex{
  flex-direction: row-reverse;
}
.sbs.flip .txt{
  padding:100px 0 100px 50px;
}
@media (max-width: 991px){
  .sbs .flex{
    display: block;
  }
  .sbs .txt{
    width: 100%;
    padding:30px 0;
  }
  .sbs .txt h2{
    font-size: 26px;
  }
  .sbs .img{
    width: 100%;
  }
  .sbs.flip .txt{
    padding:30px 0;
  }
}
/* SBS End */

 
.ortho_vs_den {
   background-color: #f3fcfb;
   padding: 100px 50px;
   display: inline-block;
   width: 100%;
}
 .ortho_vs_den .title_section {
   margin-bottom: 30px;
}
 .ortho_vs_den .title_section h2{
   	font-size: 27px;
    color: #6d6e71;
    letter-spacing: 2px;
    line-height: 29px;
    margin: 0 0 26px;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}
.ortho_vs_den .flex{
	display: flex;
	display: -webkit-flex;
}
 .ortho_vs_den .content {
   width: 40%;
   max-width: 530px;
   padding-right: 50px;
}
 .ortho_vs_den .content p {
	font-size: 14px;
	color: #6d6e71;
	letter-spacing: 0;
	line-height: 26px;
	margin: 0 0 26px;
	text-align: left;
}
 .ortho_vs_den .table_tabs{
   width: 60%;
}

 .ortho_vs_den .nav-tabs {
   border: none;
   display: flex;
   display: -webkit-flex;
}
 .ortho_vs_den .nav-tabs li {
   display: inline-block;
}
 .ortho_vs_den .nav-tabs li a {
   padding: 10px 30px;
   color: #333;
   background-color: #d0dff0;
   font-weight: bold;
   display: block;
   font-size: 16px;
   line-height: 1.2;
   text-align: center;
}
 .ortho_vs_den .nav-tabs li a:hover, .ortho_vs_den .nav-tabs li a:focus {
   text-decoration: none;
   background-color: #0474b9;
   color: #fff;
}
 .ortho_vs_den .nav-tabs li a.active {
   background-color: #0474b9;
   color: #fff;
}
 .ortho_vs_den .nav-tabs li:first-child a {
   border-radius: 5px 0 0 0;
}
 .ortho_vs_den .nav-tabs li:last-child a {
   border-radius: 0 5px 0 0;
}
 .ortho_vs_den .tab-content {
   background-color: #0474b9;
   color: #fff;
   padding: 10px 20px;
   border-radius: 0 0 5px 5px;
}
.ortho_vs_den .tab-content .tab-pane{
	display: none;
}
.ortho_vs_den .tab-content .tab-pane.active{
	display: block;
}
 .ortho_vs_den .tab-content .table thead tr th {
   text-align: center;
   font-size: 20px;
       border-bottom: 1px solid #e4e4e4;
    padding: 19px 25px;
}
 .ortho_vs_den .tab-content .table tbody tr td {
   border-left: none;
   border-color: rgba(255, 255, 255, 0.4);
   font-size: 14px;
   font-weight: normal;
   text-align: center;
   width: 30%;
   background: transparent;
   color: #fff;
   border-right: none;
       border-bottom: 1px solid #e4e4e4;
    padding: 19px 0;
}
 .ortho_vs_den .tab-content .table tbody tr td em {
   font-size: 20px;
}
 .ortho_vs_den .tab-content .table tbody tr td:first-child {
   text-align: left;
   width: 40%;
}
 .ortho_vs_den .tab-content .table tbody tr:last-child td {
   border: none;
}
 @media (max-width: 767px) {
   .ortho_vs_den {
     padding: 50px 20px;
  }
   .ortho_vs_den .flex{display: block;}
   .ortho_vs_den .content{width: 100%;max-width: 100%;padding-right: 0;}
   .ortho_vs_den .table_tabs{width: 100%;}
   .ortho_vs_den .nav-tabs {
     display: block;
  } 
  .ortho_vs_den .nav-tabs li {
     width: 100%;
  }
   .ortho_vs_den .nav-tabs li a {
     font-size: 14px;
     padding: 10px 15px;
  }
   .ortho_vs_den .nav-tabs li a br {
     display: none;
  }
   .ortho_vs_den .nav-tabs li:first-child a {
     border-radius: 5px 5px 0 0;
  }
   .ortho_vs_den .nav-tabs li:last-child a {
     border-radius: 0;
  }
   .ortho_vs_den .tab-content .table thead tr th {
     font-size: 16px;
  }
}

.listing{margin-bottom: 20px;padding-left: 20px;
  li{
    font-size: 14px;
    line-height: 24px;
    color: #6d6e71;
    margin-bottom: 6px;
    position: relative;
    &:before{
      content: "";
      position: absolute;
      left: -20px;
      top: 10px;
      width: 5px;
      height: 5px;
      background-color: #0474b9;
    }
  }
}