@charset "utf-8";
/* CSS Document */

/* Slider */
.slick-loading .slick-list { background: #fff url() center center no-repeat; }

/* Icons */
@font-face {
 font-family: 'slick';
 font-weight: normal;
 font-style: normal;
 /* src: url('./fonts/slick.eot'); */
 /* src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); */
}
/* Arrows */
[dir='rtl'] .slick-prev { right: -25px; left: auto; }
[dir='rtl'] .slick-prev:before { content: '→'; }
[dir='rtl'] .slick-next { right: auto; left: -25px; }
[dir='rtl'] .slick-next:before { content: '←'; }
.slick-prev, .slick-next { width: 32px; height: 32px; font-size: 0; line-height: 0; display: block; transform: translateY(-50%); transition: all 0.25s ease-out 0s; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; padding: 0; position: absolute; top: 50%; z-index:99;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; }
.slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -70px; background: url(../images/left-yellow-circle-arrow.svg) no-repeat top center / 100%;}
.slick-prev:hover { background: url(../images/left-black-circle-arrow.svg) no-repeat top center / 100%;}
.slick-next { right: -70px; background: url(../images/right-yellow-circle-arrow.svg) no-repeat top center / 100%;}
.slick-next:hover { background: url(../images/right-black-circle-arrow.svg) no-repeat top center / 100%;}

/* Dots */
.slick-slider { padding-left: 0;}
.slick-dots { width: 100%; display: block; list-style: none; margin: 0 0 0; position: absolute; right: 0; bottom: -46px; left: 0;}
.slick-dots li { width: 8px; height: 8px; cursor: pointer; vertical-align: middle; display: inline-block; margin: 0 7px 0 0; position: relative; z-index: 9;}
.slick-dots li button { width: 8px; height: 8px; font-size: 0; color: transparent; line-height: 0; border: 0; outline: none; background: transparent; cursor: pointer; display: block; padding: 4px 4px 4px;}
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { background: #c7a72c;}
.slick-dots li button:before { content: '•'; width: 8px; height: 8px; text-align: center; color: black; background: #cbc5b6; border-radius: 50%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: all 0.25s ease-out 0s; position: absolute; top: 0; left: 0;}
.slick-dots li.slick-active button:before { color: black; background: #c7a72c;}

.invisalign-wrapp .slick-prev { left: 70px;}
.invisalign-wrapp .slick-next { right: 70px;}

.practiceg-col1 .slick-prev { left: 70px;}
.practiceg-col1 .slick-next { right: 70px;}

.reviews-col1 .slick-prev { left: -70px; bottom:25px; transform:none; top:inherit; background: url(../images/down-yellow-circle-arrow.svg) no-repeat top center / 100%;}
.reviews-col1 .slick-prev:hover { background:url(../images/down-black-circle-arrow.svg) no-repeat top center / 100%;}
.reviews-col1 .slick-next { left: -70px; bottom:70px; transform:none; top:inherit; background: url(../images/up-yellow-circle-arrow.svg) no-repeat top center / 100%;}
.reviews-col1 .slick-next:hover { background: url(../images/up-black-circle-arrow.svg) no-repeat top center / 100%;}


.gallerin-wrapp .gallerin-col1 .innersmile .owl-prev
{line-height: 0;
    position: absolute;
    display: block;
    width: 22px;
    height: 22px;
    transition: all 0.25s ease-out 0s;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 99;}


    .gallerin-wrapp .gallerin-col1 .innersmile .owl-next
    {line-height: 0;
        position: absolute;
        display: block;
        width: 22px;
        height: 22px;
        transition: all 0.25s ease-out 0s;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: transparent;
        z-index: 99;
    top:inherit}


.gallerin-wrapp .gallerin-col1 .innersmile .owl-prev{background: url(../images/left-yellow-circle-arrow2.svg);background-repeat: no-repeat;bottom: -6%;background-size: 100%;}



.gallerin-wrapp .gallerin-col1 .innersmile .owl-next {
    background: url(../images/right-yellow-circle-arrow.svg);
    background-repeat: no-repeat;
    left: 5%;
    bottom: -6%;
    background-size: 100%;

}

.reviews-wrapp .reviews-col1 .reviews-row1 .slick-list.draggable {
    height: 100% !important;
}

.reviews-wrapp .reviews-col1 .reviews-row1  .slick-track

{
    height: 100% !important;
}
.gallerin-wrapp .gallerin-col1 .innersmile .owl-nav {
    width: 100%;
    display: block;
    float: left;
    padding: 0 0 16px 0;
}


.invisalign-wrapp .owl-carousel.invisalignslider .owl-prev, .owl-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    display: block;
    width: 32px;
    height: 32px;
    transition: all 0.25s ease-out 0s;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 99;
    transform: translateY(-50%);
    top: 50%;
}
.invisalign-wrapp .owl-carousel.invisalignslider .owl-prev

{
    background: url(../images/left-yellow-circle-arrow.svg) no-repeat top center / 100%;
    left: 70px;
}


.invisalign-wrapp .owl-carousel.invisalignslider .owl-next

{
    background: url(../images/right-yellow-circle-arrow.svg) no-repeat top center / 100%;
    right: 70px;
}



.invisalign-wrapp .owl-carousel.invisalignslider .owl-prev:hover {
    background: url(../images/left-black-circle-arrow.svg) no-repeat top center / 100%;
}



.invisalign-wrapp .owl-carousel.invisalignslider .owl-next:hover
{
    background: url(../images/right-black-circle-arrow.svg) no-repeat top center / 100%;
}

.invisalign-wrapp .owl-carousel.invisalignslider .owl-dots {
    width: 100%;
    /* text-align: center; */
    margin: 0 0 0;
    position: absolute;
    right: 0;
    bottom: -40px;
    left: 3%;
}
.invisalign-wrapp .owl-carousel.invisalignslider .owl-dot {
    width: 8px;
    background: none;
    margin: 0 4px 0;
    height: 8px;
    background: none;
    border-radius: 50%;
    vertical-align: bottom;
    display: inline-block;
    margin: 0 0 0 5px;
    /* position: relative; */
    z-index: 9;
    color: black;
    background: #cbc5b6;
}

.invisalign-wrapp .owl-carousel.invisalignslider .owl-dot.active {
    background: #c7a72c;
}



/*Smartphone css*/
@media screen and (max-width: 480px) {
.slick-dots { width: 100%; margin: 0 0 0; position: absolute; bottom: -43px;}
.treatments-col1 .slick-dots { bottom: -15px;}
.practiceg-col1 .slick-prev { left: 5%;}
.practiceg-col1 .slick-next { right: 5%;}
.gallerin-wrapp .gallerin-col1 .owl-dots {width: 100%;text-align: center;    margin: 0 0 0;position: absolute;right: 0;    bottom: 15px;left: 0;}

.gallerin-wrapp .gallerin-col1 .owl-dot {width: 8px;background: none;margin: 0 4px 0;height: 8px;background: none;border-radius: 50%;    vertical-align: bottom;display: inline-block;margin: 0 0 0 5px;position: relative;z-index: 9;    color: black;background: #cbc5b6;}

.gallerin-wrapp .gallerin-col1 .owl-dot.active {background: #c7a72c;}
}

@media screen and (min-width:481px) and (max-width:600px) {
.slick-dots { width: 100%; margin: 0 0 0; position: absolute; bottom: -43px;}
.treatments-col1 .slick-dots { bottom: -15px;display: none;}
.practiceg-col1 .slick-prev { left: 5%;}
.practiceg-col1 .slick-next { right: 5%;}
.gallerin-wrapp .gallerin-col1 .owl-dots {width: 100%;text-align: center;    margin: 0 0 0;position: absolute;right: 0;    bottom: 12px;left: 0;}

.gallerin-wrapp .gallerin-col1 .owl-dot {width: 8px;background: none;margin: 0 4px 0;height: 8px;background: none;border-radius: 50%;    vertical-align: bottom;display: inline-block;margin: 0 0 0 5px;position: relative;z-index: 9;    color: black;background: #cbc5b6;}

.gallerin-wrapp .gallerin-col1 .owl-dot.active {background: #c7a72c;}
.reviews-wrapp .reviews-col1 .reviews-row1 .slick-dots {
    display: none;
}
}

@media screen and (min-width:601px) and (max-width:767px) {
.slick-dots { width: 100%; margin: 0 0 0; position: absolute; bottom: -43px;}
.treatments-col1 .slick-dots { bottom: -15px; display: none;}
.practiceg-col1 .slick-prev { left: 5%;}
.practiceg-col1 .slick-next { right: 5%;}
.gallerin-wrapp .gallerin-col1 .owl-dots {width: 100%;text-align: center;    margin: 0 0 0;position: absolute;right: 0;    bottom: 12px;left: 0;}

.gallerin-wrapp .gallerin-col1 .owl-dot {width: 8px;background: none;margin: 0 4px 0;height: 8px;background: none;border-radius: 50%;    vertical-align: bottom;display: inline-block;margin: 0 0 0 5px;position: relative;z-index: 9;    color: black;background: #cbc5b6;}

.gallerin-wrapp .gallerin-col1 .owl-dot.active {background: #c7a72c;}

.reviews-wrapp .reviews-col1 .reviews-row1 .slick-dots {
    display: none;
}
}

@media screen and (min-width:768px) and (max-width:900px) {
.invisalign-wrapp .slick-dots { left:3%;}
.gallerin-wrapp .gallerin-col1 .innersmile .owl-next {left: 7%;}
.gallerin-wrapp .gallerin-col1 .innersmile .owl-prev{bottom: -10%;}

.gallerin-wrapp .gallerin-col1 .innersmile .owl-next {bottom: -10%;}
/* 
.invisalign-wrapp .owl-stage-outer {
    width: 100% !important;
}

.invisalign-wrapp .owl-stage-outer .owl-stage {
    width: 100% !important;
} */


}

@media screen and (min-width:901px) and (max-width:1024px) {
.slick-prev { left: 3%;}
.slick-next { right: 3%;}
.invisalign-wrapp .slick-prev { left: 3%;}
.invisalign-wrapp .slick-next { right: 3%;}

.gallerin-wrapp .gallerin-col1 .innersmile .owl-next {left: 7%;}

.gallerin-wrapp .gallerin-col1 .innersmile .owl-prev{bottom: -9%;}

.gallerin-wrapp .gallerin-col1 .innersmile .owl-next {bottom: -9%;}

.invisalign-wrapp .owl-carousel.invisalignslider .owl-prev {left: 30px;}

.invisalign-wrapp .owl-carousel.invisalignslider .owl-next {right: 30px;}


/* .invisalign-wrapp .owl-stage-outer {
    width: 100% !important;
}

.invisalign-wrapp .owl-stage-outer .owl-stage {
    width: 100% !important;
}
 */



}

@media screen and (min-width:1025px) and (max-width:1240px) {
.slick-prev { left: 4%;}
.slick-next { right: 4%;}
.invisalign-wrapp .slick-prev { left: 3%;}
.invisalign-wrapp .slick-next { right: 3%;}


.gallerin-wrapp .gallerin-col1 .innersmile .owl-prev{bottom: -8%;}

.gallerin-wrapp .gallerin-col1 .innersmile .owl-next {bottom: -8%;}
}

@media screen and (min-width:1241px) and (max-width:1340px) {
.slick-prev { left: -3%;}
.slick-next { right: -3%;}
.invisalign-wrapp .slick-prev { left: 3%;}
.invisalign-wrapp .slick-next { right: 3%;}

.reviews-col1 .slick-prev { left: -5%;}
.reviews-col1 .slick-next { left: -5%;}
}

@media screen and (min-width:1341px) and (max-width:1440px) {

}


@media  (max-width:767px)
{

.gallerin-wrapp .gallerin-col1 .innersmile  .owl-next {
    display: none;
  }
  
  
  .gallerin-wrapp .gallerin-col1 .innersmile .owl-prev {
    display: none;
  }
  
}