@font-face {
    font-family: 'gothammediumregular';
    src: url('../fonts/gothammedium-webfont.eot');
    src: url('../fonts/gothammedium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothammedium-webfont.woff2') format('woff2'),
         url('../fonts/gothammedium-webfont.woff') format('woff'),
         url('../fonts/gothammedium-webfont.ttf') format('truetype'),
         url('../fonts/gothammedium-webfont.svg#gothammediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'Gotham-Light';
  src: url('../fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),  
      url('../fonts/Gotham-Light.otf')  format('opentype'),
      url('../fonts/Gotham-Light.woff') format('woff'), 
      url('../fonts/Gotham-Light.ttf')  format('truetype'), 
      url('../fonts/Gotham-Light.svg#Gotham-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");
@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,500,700");

body, html {
  font-family: 'Gotham-Light';
  line-height: 1.5;
  font-size: 13px;
  letter-spacing: 1px; 
}
h3,h4,h5{
  font-family: 'gothammediumregular';
}
p { line-height: 1.4; letter-spacing: 0.5px; }
p.f1-6 { line-height: 1.6; letter-spacing: 1px; }
.col_d4a869 {
  color:#d4a869;
}
.col_e09121 { color: #e09121; }
.b { font-weight: bold; }
.font_Gotham-Light { font-family: 'Gotham-Light'; }
.ht40 { height: 40px; }
.ht20 { height: 20px; }
.ht10 { height: 10px; }
.bg_black { background: #000000; }
.form-control {
  border: 1px solid #d4a869;
  background-color: transparent;
}
.container-full { padding: 0; }
#implant_dentistry_carousel .carousel-item { padding-top: 15px; }

form#enquiry {
    max-width: 342px;
}


.col-12.carousel{
  max-width: 1440px;
}
/*.container-fluid {
  max-width: 1440px;
}*/
.cstm_center{
    max-width: 1010px;
    margin: auto;
}
.imagereferral{
    background-color: #69bd9c;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    height: 38px;
    text-align: left;
    justify-content: left !important;
}
.imagereferral2{
    background-color: #69bd9c;
    height: 38px;
}
.input{
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.container{
  max-width: 1440px;
}
.container.card-imgs{
  padding-top: 160px;
}
.container.card-img{
  padding-top: 20px;
}
.container-fluid.carousel-card{
  max-width: 1440px;
}
.custom{
  background-color: #69bd9c;
  max-width: inherit;
  padding:60px;
}
.wrapper {
  padding-top: 0px;
}
.card-box.landing-page{
  padding-top: 30px;
  padding-bottom: 30px;
}
.topbar{
  margin: 20px;
}
.card-box {
  padding: 20px;
  border-radius: 3px;
  margin-bottom: 30px;
  background-color: #ffffff;
}
.card-box, body {
  border: none;
  padding: 0;
  margin-bottom: 0;
}
.text-muted{
  font-size: 10px;
}
.logo {
  width: 210px; 
  height: 85px;
}
.navbar{
  background-color: #000000;
  height: 20%;
}

.nav_bar{
  background-color: #000000;
}
.myVideo {
  position: relative;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}
.navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

.navbar-light .navbar-nav .nav-link, .dropdown-item { color: #b39a47; position: relative; font-size: 11px; }
.navbar-light .navbar-nav .nav-link:after, .dropdown-item:after {
  content: '';
  display: block;
  border: none;
  border-bottom: 3px solid #b39a47;
  width: 0;
  position: absolute;
  right: 0.5rem;
  -webkit-transition: 1s ease;
  transition: 1s ease;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .active>.nav-link { color: #b39a47; }
.navbar-light .navbar-nav .nav-link:focus:after, .navbar-light .navbar-nav .nav-link:hover:after, .navbar-light .navbar-nav .nav-link.active:after, .navbar-light .navbar-nav .active>.nav-link:after { 
  width: 100%; width: calc(100% - 1rem); 
}
.dropdown-menu{
  background-color: #000000;
  height: 80%;
}
.dropdown-menu>li{
  position: relative;
  background-color: #000000;
  top: -12px;
  width: auto;
  padding: 5px;
  font-size: 16px;
  text-align: left;
  list-style: none;
}
.dropdown-item { padding: 2px 7px;width: fit-content; }
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active { color: #b39a47; background-color: transparent; }
.dropdown-item:focus:after, .dropdown-item:hover:after, .dropdown-item.active:after { width: 100%; width: calc(100% - 1rem);  }
.dropdown-toggle::after{
  display: none;
}
.navbar-brand{
    
    margin-right: 0;
}

.form-group.col-md-3{
  padding-right: 15px;
}

.secondnav{
    left: 0px;
    width: 100%;
    position: absolute;
    min-width: 960px;
    height: auto;
}
.navbar-light .navbar-toggler { position: relative; }
.navbar-toggler:focus,
.navbar-toggler:active {
    outline: 0;
}

.navbar-toggler span {
   display: block;
   background-color: #fff;
   height: 2px;
   width: 20px;
   margin-top: 4px;
   margin-bottom: 4px;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   position: relative;
   left: 0;
   opacity: 1;
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
   -webkit-transition: transform .35s ease-in-out;
   -moz-transition: transform .35s ease-in-out;
   -o-transition: transform .35s ease-in-out;
   transition: transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9;
}
.has-submenu{
  padding-left: 15px;
}
.footer{
    position: fixed;
    bottom: 0;
    top: auto;
    width: 100%;
    color: #fff;
    font-size: 10px;
    padding: 5px;
    text-align: right;
    background-color: #000000;
    z-index: 11;
    left: 0px;
}
.page-footer{
  background-color: #e6e7e8;
  width: 100%;
}


.form-row{
  margin: auto;
  margin-left: 5px;
  margin-right: 5px;
  padding-bottom: 15px;
}
.header{
  margin-top: 50px;
}
.sideheader{
 color: #000000;
 font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
 letter-spacing:0.1em;
 text-transform: lowercase;
 line-height: 145%;
 font-size: 14pt;
 font-variant: small-caps;
}

.sidebar{
  border-bottom: 3px solid #3e85f7;
}
.btn-primary{
    color: #000;
    background-color: #ffffff;
    border-color: #d4a869;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #69bd9c;
    border-color: #d4a869;
}
.referral_style{
  width:100%;
  padding-left: 25px;
  padding-bottom: 20px;
  padding-top: 40px;
}
.referral_style_header{
  width:100%;
  padding-left: 25px;
  padding-bottom: 20px;
  padding-top: 80px;
}
.referral_style_cbct{
  width:100%;
  padding-left: 40px;
  padding-top: 25px;
  padding-bottom: 25px;
}
.referral_style_2dimaging{
  width:100%;
  padding-left: 40px;
  padding-top: 10px;
  padding-top: 25px;
  padding-bottom: 25px;
}
.referral_style_justification{
  width:100%;
  padding-left: 25px;
  padding-top: 30px;
}
.referral_style_extra{
  width:100%;
  padding-left: 35px;
  padding-top: 30px;
}
.referral_style_signature{
  width:100%;
  padding-left: 33px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.indicatortext{
    position: absolute;
    bottom: 48%;
    left: 7%;
}
.indicatortext2{
    position: relative;
    left: -100px;
    top: 2px;
}
.scan_item{
  width:100%;
  padding-left: 10px;
}
.lightgold{
  background-color: #d4a869;
  padding: 100px 0;
}
.advance_dentist_headstyle{
  color: #ffffff;
}
.form-check.pat{
  padding-left: 50px;
}
.card{
  padding-left: 5px;
  padding-bottom: 20px;
  padding-top: 20px;
      border: none
}
.area{
  padding-left: 36px;
}
.cbtoutput{
  padding-left: 28px;
}
.imaging{
  padding-left: 20px;
}
.form-check.imaging{
  padding-left: 30px;
}
.referral_style_2doutput{
    padding-bottom: 20px;
    padding-top: 10px;
    padding-left: 10px;
}
.referral_style_payment{
  width:100%;
  padding-left: 45px;
  padding-bottom: 10px;
  padding-top: 30px;
}
.referral_style_indications{
  width:100%;
  padding-left: 37px;
  padding-bottom: 10px;
  padding-top: 30px;
}
.form-group.textbox{
  padding-left: 33px;
}
.logo_mark{
    bottom: -10%;
    position: absolute;
    width: 56%;
    left: -25%;
}
.clinic_icon{
    position: absolute;
    width: 20%;
    bottom: -35px;
    left: 160%;
}
.check-input.height{
  height:25px;
}
.selectradiographic{
  margin-left: 72px;
}
.payment{
  padding-bottom: 30px;
    padding-left: 44px;
}
.logo_bottom{
    position: absolute;
    width: 8%;
    bottom: -3%;
    right: 5%;
}
.logo_bottom_implant{
    position: relative;
    width: 10%;
    top: 22px;
    left: 85%;
}
.slide_teeth{
  position: relative;
    margin-top: -70px;  
}
.advance_dentist_style {
  color: #ffffff;
}
.sub_txt1 {
  position: absolute;
  margin: auto;
  left: 12%;
  top: 50px;
  bottom: 0;
  width: 76%;
}
iframe {
  border: 1px solid #666;
}
.opening_hours {
  line-height: 1.4;
  padding: 0px 0;
  font-size: 13px;
}
.logo_behind{
    position: absolute;
    width: 30%;
    left: 32%;
    top: 21%;
    
}
.img_text{
  color: #222;
  line-height: 1.5;
  font-size: 12px;
  /*position: absolute;
  left: 10px;
  top: -75px;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 70%;
  height: max-content;*/
}
.img_head{
/*position: absolute;
  left: 10px;
  top: 27px;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 70%;*/
}
.img_sub{
  color: #808285;
  line-height: 1.5;
/*position: absolute;
  left: 10px;
  top: 85px;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 70%;*/
}
.card-img.flex-img{
  position: relative;
  left: 10px;
  top: -75px;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
}
.card-img {
  border-radius: 5px;
}

.casestudy_style{
  padding-top: 20px;
}
.separator {
    display: flex;
    align-items: center;
    text-align: center;
}
.separator::before, .separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #b39a47;
}
.separator::before {
    margin-right: .25em;
}
.separator::after {
    margin-left: .25em;
}
.form-check.select{
    padding-left: 35px;
}
.form-check.selectcbct{
    padding-left: 35px;
}
.form-check.justification{
  padding-left: 25px;
}
.btn-primary{
  width: 15%;
  border-radius: 20px;
}
.sigPad{
  width:590px
}
.pad{
  width: 570px;
  height: 150px;
}
/*.form-check.style{
    padding-left: 0px;
}

.form-check-label.style-bottom{
    position: relative;
    left: -4px;
    margin-top: 5px;
}


.form-check-label.style-bottom-right{
    position: relative;
    left: -55px;
    margin-top: 25px;
    top: -12px;
}

.form-check.style-left{
    padding-left: 0px;
    position: relative;
    left: -53px;
}
   

.form-row-check{
    position: relative;
    top: -18px;
    left: 14px;
}

.form-row-check-bottom{
    position: relative;
    top: -36px;
    left: 14px;
    padding-top: 30px;
}

.form-row-check-bottom-right{
    position: relative;
    top: -36px;
    left: -37px;
    padding-top: 30px;
}
*/
.teeth{
  position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: auto;
    margin-left: 0;
    width: 100%;
}
.table_line_vertical{
    height: 140px;
    border-right: 1px solid #000000;
    position: relative;
    bottom: -16px;
}
.table_line_vertical1 {
  bottom: auto;
  top: -16px;
}
.vertical-down{
  height:15px;
  border-left: 1px solid #000000;
  position: relative;
  top: -13px;
  left: -22px; 
}
.selectcustom{
  margin-left:211px;
}
.button.read_btn{
  background-color: #d4a869;
  padding: 10px;
  color: #ffffff;
  text-decoration: none;
}
.image_advance_props{
  padding-top: 45px;
}
.container-full.advance-tech{
  background-color: #e6e7e8;
  padding: 20px;
  position: relative;
}
.card.carousel-style {
  background-color: #000000;
  height: 450px;
  width:100%;
  /*padding-bottom: 40px;*/
}

.card-body.style-text{
  text-align: center;
  /*padding-top: 110px;
  padding-bottom: 50px;*/
}
.card-flip.is-flipped .card-body.style-text {
  display: none;
}
.card-body.style-text-back{
  /*position:absolute;*/
  top: 0px;
  left: 0px;
  display: none;
}
.card-flip.is-flipped .card-body.style-text-back { display: block; }
.card_flip_text{
  font-size: 10px;
  text-align: left;
  line-height: 1.4;
  letter-spacing: 0.5px;
  max-width: 90%; 
  margin: auto auto 15px;
}
.card_flip_text.text-small { font-style: italic; font-size: 9px; text-align: center;}
.footer_info, .footer_info_mb{
  font-size: 12px;
  line-height: 1.4;
}
.card-flip{
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transform-style: preserve-3d;
  transform-origin: center right;
  transition: transform 1s;
}
.card-flip2{
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transform-style: preserve-3d;
  transform-origin: center right;
  transition: transform 1s;
}
.card-flip3{
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transform-style: preserve-3d;
  transform-origin: center right;
  transition: transform 1s;
}
.card-flip4{
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transform-style: preserve-3d;
  transform-origin: center right;
  transition: transform 1s;
}
.card-flip5{
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transform-style: preserve-3d;
  transform-origin: center right;
  transition: transform 1s;
}
.card-flip.is-flipped {
  transform: translateX(-100%) rotateY(-180deg);
}
.card-flip2.is-flipped2 {
  transform: translateX(-100%) rotateY(-180deg);
}
.card-flip3.is-flipped3 {
  transform: translateX(-100%) rotateY(-180deg);
}
.card-flip4.is-flipped4 {
  transform: translateX(-100%) rotateY(-180deg);
}
.card-flip5.is-flipped5 {
  transform: translateX(-100%) rotateY(-180deg);
}
.card__face {
  width: 100%;
  height: 100%;
  text-align: center;
  font-weight: bold;
}
.card_link_style{
  text-decoration: none !important;
  /*padding-top: 40px;
  padding-bottom: 40px;*/
  color:#ffffff;
}
.card-title{
  color: #d4a869;
}
.card-title > div { width: 100%; text-align: center; }
.card-title-back{
  color: #ffffff;
  transform: rotateY(180deg);
}
.textstyle{
  padding-bottom: 30px;
}
.card-img.bottomstyle{
  padding-bottom: 60px;
}
.logo_style_bottom{
    position: relative;
    top: 81px;
    width: 8%;
    left: 86%;
}
.righticon1{
    position: absolute;
    bottom: 48%;
    right: -16%;
}
.righticon2{
    position: absolute;
    bottom: 49%;
    left: -18%;
}
.righticon3{
      position: absolute;
    bottom: 60%;
    left: -2%;
}
.righticon4{
  position: absolute;
    left: 98%;
    bottom: 60%;
}

#implant_dentistry_carousel.carousle-style{
  padding-bottom: 30px;
  padding-top: 50px;
}
.number-style{
  position: absolute;
  left: calc(50% - 5px);
  top: -0;
  color: #000;
  background: #d4a869;
  width: 35px;
  height: 35px;
  z-index: 12;
  text-align: center;
  border-radius: 50%;
  padding: 5px;
  font-size: 16px;
}
.clearButton{
    bottom: -10px;
    display: none;
    position: absolute;
    left: 120px;
    font-size: 0.75em;
    line-height: 1.375;

}
.sigNav.clearButton{
  bottom: 17px 
}
.clear{
  position: absolute;
  display: block;
  width: 115px;
  height: 35px;
  background: #4E9CAF;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  margin-top: -15px;
}
.carousel-control-next, .carousel-control-prev { width: 50px;height: 100%; }
.row.d-table > div {
  display: inline-block;
  vertical-align: bottom;
  padding: 0 5px;
}
.row.d-table1 > div {
  display: inline-block;
  vertical-align: top;
  padding: 0 5px;
}
.copy_footer {
  background-color: #000000;
  color: #ffffff;
  font-size: 0.6em;
  padding: 10px 5%;
  text-align: center;
}

.implant_caption {
  position: absolute;
  color: #d4a869;
  bottom: 43%;
  left: 10%;
  font-size: 2.5em;
  font-family: 'gothammediumregular';
}

.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
iframe#map-canvas {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.orthodontics_caption{
  position: absolute;
    color: #d4a869;
    bottom: 11%;
    font-size: 2.9em;
    right: 100px;
    font-family: 'gothammediumregular';
}

a.parent_style { color: inherit;  }

@media(min-width: 320px) and (max-width: 760px){
  .clinic_icon{
    position: absolute;
    width: 40%;
    bottom: -76px;
    left: 25%;
}
}

@media(min-width: 320px) and (max-width: 480px){
  .btn-primary{
    width: 40%;
    border-radius: 20px;
  }
}
@media (min-width: 1030px) and (max-width: 1175px){
  .footer_info_mb{
    margin-top: -23px;
  }
}
@media(max-width: 575px){
  .righticon2_xs{
    position: absolute;
    bottom: -13%;
    left: 45%;
}
  .righticon1_xs{
    position: absolute;
    bottom: 91%;
    left: 43%;
}
.stylemob{
  margin-top: 25px;
}
  .header{
  margin-top: 0px;
}
  .selectcustom{
    margin-left: 4px !important;
  }
  .selectradiographic{
    margin-left: 4px !important;
  }
  .referral_style{
    padding-left: 10px;
  }
  .payment{
    padding-left: 0px !important;
  }
  .referral_style_indications{
    padding-left: 0px !important;
  }
  .referral_style_signature{
    padding-left: 0px !important;
  }
  .form-check.photostyle{
    margin-left: 20px;
  }
  .form-check.select{
    margin-left: 20px !important;
    padding-left: 0px;
  }
  .form-check.selectcbct{
    padding-left: 20px;
  }
  .referral_style_cbct{
    padding-left: 0px;
  }
  .check-input.height{
    height: 15px 
  }
  .form-check.imaging{
    padding-left: 0px;
  }
  .area {
    padding-left: 0px;
  }
  .referral_style_extra{
    padding-left: 15px;
  }
.clear{
  margin-top: 0px;
 }
  .logo_bottom{
    position: absolute;
    width: 15%;
    bottom: -2%;
    right: 5%;
  }
  .logo_bottom_implant{
    position: relative;
    width: 15%;
    top: 8px;
    left: 70%;
}
 .referral_style_payment {
  padding-left: 22px;
 }
 .referral_style_2doutput{
  padding-left: 26px;
 }
 .referral_style_2dimaging{
  padding-left: 10px;
 }
 .referral_style_justification {
  padding-left: 10px;
 }
 .form-check.justification{
  padding-left: 25px;
 }
 .container.card-imgs{
  padding-top: 10px;
 }
 .implant_caption {
  position: absolute;
  color: #d4a869;
  bottom: 0%;
  left: 10%;
  font-size: 1.4em;
  font-family: 'gothammediumregular';
}
.orthodontics_caption{
  position: absolute;
    color: #d4a869;
    bottom: 4%;
    right: 50px;
    font-size: 1.5em;
    font-family: 'gothammediumregular';
}
}
@media(min-width: 320px) and (max-width:400px){
  .text-muted{
    font-size: 6px;
  }
}
@media (min-width: 320px) and (max-width: 1000px){
  .logo_behind{
    position: absolute;
    width: 50%;
    left: 21%;
    top: 13%;
  }
}
@media (min-width: 320px) and (max-width: 700px){
  .sigPad{
    width:250px;
  }
  .pad{
    width:240px;
    height:150px;
  }
}
@media (min-width: 770px) {
  .advance-underline{
    background-color: #d4a869;
    height: 10px;
    width: 60%;
    border-bottom: 5px;
    display: block;
    margin-bottom: 15px;
  }
}
@media (min-width: 1150px){
    .mleft{
      margin-left: 80px;
    }
}
@media (min-width: 320px) and (max-width: 770px) {
  .advance-underline_xs{
    background-color: #d4a869;
    height: 10px;
    width: 60%;
    border-bottom: 5px;
    display: block;
  }
}
@media (min-width: 320px) and (max-width: 700px){
  .form-group.textbox{
  padding-left: 0px;
}
}
@media (min-width: 995px) and (max-width: 1100px){
  .img_text{
    top:0px;
  }
}
@media (min-width: 320px) and (max-width: 370px){
  .img_text{
    top:15px;
  }
}
@media (min-width: 320px) and (max-width: 900px){
  .advance_dentist_style{
    width: 100%;
    color: #ffffff;
  }
}
@media (min-width: 320px) and (max-width: 1000px){
  .logo_mark{
    bottom: 0%;
    position: absolute;
    width: 30%;
    left: 0%;
  }
}
@media (min-width: 320px) and (max-width: 790px){
  .input{
    border-radius: 25px;
    margin-top: 10px;
  }
  .imagereferral{
    border-radius: 25px;
    height: 46px;
  }
  .input2 {
    border-radius: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .imagereferral2 {
    border-radius: 25px;
  }
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
}
@media only screen and (max-width: 767px) {
  .page-footer { font-size: 0.9em; }
  .copy_footer { padding: 5px; }
  .no-gutters>[class*=col-] { padding: 2px; }
  p { line-height: 1.6; letter-spacing: 1.5px; font-size: 0.9rem; font-size: 12px;}
  .slide_teeth { margin-top: -10px; }
  .navbar_line { position: absolute; bottom: 0; right: 0;top: 75px; }
  .row.d-table > div, .row.d-table1 > div {padding: 0px;}
  .row.no-gutters.pt-4.teeth_form_row {
    max-width: 100%;
    overflow-x: auto;
  }
  .teeth_form_row > .col-12.form-row {
    min-width: 600px;
    overflow-x: auto;
  }
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 1600px){
  .ss_top_space_big{margin-top: 8%;}
}


#implant_dentistry_carousel p {-webkit-animation: none; animation: none; }
@media (min-width: 576px) {
  #implant_dentistry_carousel .carousel-item {
     margin-right: 0;
  }
  /* show 2 items */
  #implant_dentistry_carousel .carousel-inner .active + .carousel-item {
      display: block;
  }
  #implant_dentistry_carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  #implant_dentistry_carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
      transition: none;
  }
  #implant_dentistry_carousel .carousel-inner .carousel-item-next {
      position: relative;
      transform: translate3d(0, 0, 0);
  }
  /* left or forward direction */
  #implant_dentistry_carousel .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  #implant_dentistry_carousel .carousel-item-next.carousel-item-left + .carousel-item,
  #implant_dentistry_carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
      position: relative;
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
  }
  /* farthest right hidden item must be also positioned for animations */
  #implant_dentistry_carousel .carousel-inner .carousel-item-prev.carousel-item-right {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      display: block;
      visibility: visible;
  }
  /* right or prev direction */
  #implant_dentistry_carousel .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  #implant_dentistry_carousel .carousel-item-prev.carousel-item-right + .carousel-item,
  #implant_dentistry_carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
      position: relative;
      transform: translate3d(100%, 0, 0);
      visibility: visible;
      display: block;
      visibility: visible;
  }
}


/* MD */
@media (min-width: 768px) {
  /* show 3rd of 3 item slide */
  #implant_dentistry_carousel .carousel-inner .active + .carousel-item + .carousel-item {
      display: block;
  }
  #implant_dentistry_carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
      transition: none;
  }
  #implant_dentistry_carousel .carousel-inner .carousel-item-next {
      position: relative;
      transform: translate3d(0, 0, 0);
  }
  /* left or forward direction */
  #implant_dentistry_carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
      position: relative;
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
  }
  /* right or prev direction */
  #implant_dentistry_carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
      position: relative;
      transform: translate3d(100%, 0, 0);
      visibility: visible;
      display: block;
      visibility: visible;
  }
 
}


@media (min-width: 1200px) {
    /* show 4th item */
    #implant_dentistry_carousel .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
      display: block;
    }
    #implant_dentistry_carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
      transition: none;
    }
    /* Show 5th slide on lg if col-lg-3 */
    #implant_dentistry_carousel .carousel-inner .active.col-md-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
      position: absolute;
      top: 0;
      right: -25%; 
      z-index: -1;
      display: block;
      visibility: visible;
    }
    /* left or forward direction */
    #implant_dentistry_carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
      position: relative;
      transform: translate3d(-100%, 0, 0);
      visibility: visible;
    }
    /* right or prev direction //t - previous slide direction last item animation fix */
    #implant_dentistry_carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
      position: relative;
      transform: translate3d(100%, 0, 0);
      visibility: visible;
      display: block;
      visibility: visible;
    }
}
/* ===========
   Menu
 =============*/