@charset "utf-8";
.slick-loading .slick-list {
    background:center center no-repeat #fff
}
@font-face {
    font-family:slick;
    font-weight:400;
    font-style:normal;
    src:format('embedded-opentype'),
    format('woff'),
    format('truetype'),
    format('svg')
}
[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-next,
.slick-prev {
    width:12.5px;
    font-size:0;
    color:transparent;
    line-height:0;
    border:none;
    cursor:pointer;
    outline:0;
    transition:.25s ease-out;
    transform:translateY(-50%);
    display:block;
    margin:0;
    padding:0 0 25px;
    position:absolute;
    top:80%;
    z-index:99
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity:.25
}
.slick-next:before,
.slick-prev:before {
    font-family:slick;
    font-size:20px;
    line-height:1;
    opacity:.75;
    color:#fff;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.slick-prev {
    left:-8%;
    background:url(../images/left-black-plain-arrow.svg) center/100% no-repeat
}
.slick-prev:hover {
    background:url(../images/left-gray-plain-arrow.svg) center/100% no-repeat
}
.slick-next {
    right:-8%;
    background:url(../images/right-black-plain-arrow.svg) center/100% no-repeat
}
.slick-next:hover {
    background:url(../images/right-gray-plain-arrow.svg) center/100% no-repeat
}
.canvas-col1 .slick-next,
.canvas-col1 .slick-prev {
    transform:none;
    top:-19%
}
.canvas-col1 .slick-prev {
    left:inherit;
    right:4.4%
}
.canvas-col1 .slick-next {
    right:0
}
.slick-slider {
    padding-left:0
}
.slick-dots {
    width:100%;
    text-align:center;
    list-style:none;
    display:block;
    margin:0;
    position:absolute;
    right:0;
    bottom:-42px;
    left:0
}
.slick-dots li {
    width:28px;
    height:4px;
    cursor:pointer;
    vertical-align:middle;
    display:inline-block;
    margin:0 2px;
    position:relative
}
.slick-dots li button {
    width:28px;
    height:4px;
    font-size:0;
    line-height:0;
    display:block;
    padding:0 14.5px 1px;
    cursor:pointer;
    color:transparent;
    border:0;
    outline:0;
    background:0 0
}
.slick-dots li button:focus,
.slick-dots li button:hover {
    outline:0
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    background:#87937b;
    border-radius:10px
}
.slick-dots li button:before {
    content:'•';
    width:28px;
    height:4px;
    color:#000;
    text-align:center;
    background:#faf6f4;
    border-radius:10px;
    transition:.25s ease-out;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    position:absolute;
    top:0;
    left:0
}
.slick-dots li.slick-active button:before {
    color:#000;
    background:#87937b;
    border-radius:10px
}
.canvas-wrapp2 .slick-dots {
    bottom:-55px
}
.treatin4-wrapp .slick-dots {
    bottom:-66px
}
.abouts-wrapp .slick-dots {
    text-align:left
}
.treatin3-wrapp.process-denntal-implants .process-flow button.slick-prev.slick-arrow {
    width:50px;
    height:56px;
    top:inherit;
    bottom:50%;
    transform:translateX(-50%);
    background:url(../images/arrow-left-icon.svg) center/100% no-repeat;
    left:-4%
}
.treatin3-wrapp.process-denntal-implants .process-flow button.slick-next.slick-arrow {
    width:50px;
    height:56px;
    top:inherit;
    bottom:50%;
    transform:translateX(-50%);
    background:url(../images/arrow-right-icon.svg) center/100% no-repeat;
    right:-8%
}
.treatin3-wrapp.process-denntal-implants .process-flow button.slick-prev.slick-arrow:hover {
    background:url(../images/arrow-left-icon-black.svg) center/100% no-repeat
}
.treatin3-wrapp.process-denntal-implants .process-flow button.slick-next.slick-arrow:hover {
    background:url(../images/arrow-right-icon-black.svg) center/100% no-repeat
}
@media screen and (max-width:480px) {
    .treatin3-wrapp.process-denntal-implants .process-flow.common-style ul li:before {
        display:none
    }
}
@media screen and (min-width:481px) and (max-width:600px) {
    .treatin3-wrapp.process-denntal-implants .process-flow.common-style ul li:before {
        display:none
    }
}
@media screen and (min-width:601px) and (max-width:767px) {
    .treatin3-wrapp.process-denntal-implants .process-flow.common-style ul li:before {
        display:none
    }
}
@media screen and (min-width:768px) and (max-width:900px) {
    .treatin3-wrapp.process-denntal-implants .process-flow button.slick-prev.slick-arrow {
        left:calc(58% - 70px);
        bottom:-75px;
        transform:translateX(-50%);
        width:40px
    }
    .treatin3-wrapp.process-denntal-implants .process-flow button.slick-next.slick-arrow {
        right:calc(48% - 70px);
        transform:translateX(-50%);
        bottom:-75px;
        width:40px
    }

     .mac-os .treatin3-wrapp.process-denntal-implants .process-flow button.slick-next{
    transform: rotate(-180deg) !important;
    transform-origin: center;
            right:calc(48% - 50px);


}
 
.mac-os .treatin3-wrapp.process-denntal-implants .process-flow button.slick-prev{
    transform: rotate(0deg) !important;
      transform-origin: center;
              left:calc(54% - 65px);

}
}
@media screen and (min-width:901px) and (max-width:1024px) {
    .treatin3-wrapp.process-denntal-implants .process-flow button.slick-prev.slick-arrow {
        left:calc(58% - 80px);
        bottom:-75px;
        transform:translateX(-50%);
        width:40px
    }
    .treatin3-wrapp.process-denntal-implants .process-flow button.slick-next.slick-arrow {
        right:calc(48% - 70px);
        transform:translateX(-50%);
        bottom:-75px;
        width:40px
    }
        .mac-os .treatin3-wrapp.process-denntal-implants .process-flow button.slick-next{
    transform: rotate(-180deg) !important;
    transform-origin: center;
            right:calc(48% - 50px);


}
 
.mac-os .treatin3-wrapp.process-denntal-implants .process-flow button.slick-prev{
    transform: rotate(0deg) !important;
      transform-origin: center;
              left:calc(54% - 65px);

}
}
@media screen and (min-width:1025px) and (max-width:1240px) {
    .treatin3-wrapp.process-denntal-implants .process-flow button.slick-prev.slick-arrow {
        left:calc(54% - 70px);
        bottom:-75px;
        transform:translateX(-50%);
        width:45px
    }
    .treatin3-wrapp.process-denntal-implants .process-flow button.slick-next.slick-arrow {
        right:calc(48% - 70px);
        transform:translateX(-50%);
        bottom:-75px;
        width:45px
    }
    .mac-os .treatin3-wrapp.process-denntal-implants .process-flow button.slick-next{
    transform: rotate(-180deg) !important;
    transform-origin: center;
            right:calc(48% - 50px);


}
 
.mac-os .treatin3-wrapp.process-denntal-implants .process-flow button.slick-prev{
    transform: rotate(0deg) !important;
      transform-origin: center;
              left:calc(52% - 65px);

}
}
@media screen and (min-width:1241px) and (max-width:1340px) {
    .treatin3-wrapp.process-denntal-implants .process-flow button.slick-prev.slick-arrow {
        width:34px;
        left:-1.5%
    }
    .treatin3-wrapp.process-denntal-implants .process-flow button.slick-next.slick-arrow {
        width:34px;
        right:-4.5%
    }
}
@media screen and (min-width:1341px) and (max-width:1440px) {
    .treatin3-wrapp.process-denntal-implants .process-flow button.slick-prev.slick-arrow {
        width:34px;
        left:-1%
    }
    .treatin3-wrapp.process-denntal-implants .process-flow button.slick-next.slick-arrow {
        width:34px;
        right:-3.5%
    }
}