html{ width:100%;}
body{width:100%;margin:0;overflow-x: hidden;background-color:#000000 !important;padding-top: 0; font-family: 'GilroyLight'; font-size:16px;}
a, a img{text-decoration:none;outline:none;border:none;}
a:hover{ text-decoration: none !important;}
.clr{ clear:both; height:0;}
.fancybox-button svg path{color: #fff !important;}
*,*:after,*::before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;text-decoration: none;list-style-type: none;outline: none;color: #fff;font-family: 'GilroyLight';}
a:focus {outline: 0;}
a{ text-decoration: none !important;}
.right0{ right:0 !important;}
p{ font-size:16px;}
ul.rounded{ margin:0;margin-top: -20px;}
ul.rounded li{ list-style:disc;}
.online-btn img{ margin-left:6px;}
.text-popup{width: 40%;}
.online-btn{ color: #fff; font-size:16px; position: relative; width: max-content; }
.online-btn:hover{ color:#fff;}
.online-btn:hover::after{ width:100%;}
.online-btn::after {
position: absolute;
bottom: -2px;
left: 0;
width: 0%;
content: '';
background: #fff;
height: 1px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
a{ cursor: pointer;}
body {overflow-x: hidden;}
@font-face {
font-family: 'GilroyExtraBold';
src: url('font/Gilroy-ExtraBold.eot');
src: url('font/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'),
url('font/Gilroy-ExtraBold.woff2') format('woff2'),
url('font/Gilroy-ExtraBold.woff') format('woff'),
url('font/Gilroy-ExtraBold.ttf') format('truetype'),
url('font/Gilroy-ExtraBold.svg#Gilroy-ExtraBold') format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;}
@font-face {
font-family: 'GilroyLight';
src: url('font/Gilroy-Light.eot');
src: url('font/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
url('font/Gilroy-Light.woff2') format('woff2'),
url('font/Gilroy-Light.woff') format('woff'),
url('font/Gilroy-Light.ttf') format('truetype'),
url('font/Gilroy-Light.svg#Gilroy-Light') format('svg');
font-weight: 300;
font-style: normal;
font-display: swap;}
.content-area{ margin:auto;display: flex;max-width: 740px;flex-direction: column;margin-bottom: 60px;}
.content-area .title-top{font-style: normal;margin-bottom: 10px;font-weight: 600;font-size: 42px;text-transform: uppercase;color: #58595B;line-height: 1;position: relative;}
/* header */
header{position: fixed; top:0; left:0; width:100%;padding: 40px 0;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;z-index: 999 !important;}
header.fixed{background: rgba(0, 0, 0, 0.5);z-index:99;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);padding: 16px 0;}
.menu-btn img{ height:30px;}
header .container{ max-width: 96% !important;}
/* header */

/* menu */
.menu-graphic {
width: 150%;
}
.menu-graphic {position: absolute;right: auto;z-index: 0;width: 220%;height: 200vh;margin-top: -10vw;margin-left: 10vw;-webkit-box-flex: 0;-webkit-flex: 0 auto;-ms-flex: 0 auto;flex: 0 auto;color: #071d61;transform: translate3d(100vw, 100vh, 0px) scale3d(0.3, 0.3, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);transform-style: preserve-3d;transition: 0.5s ease-in 0s;opacity: 0;transform: translate3d(150vw, 100vh, 100vh) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);transform-style: preserve-3d;opacity: 1;}
.active.menu-graphic{transform: translate3d(-60vw, -120vh, 50vh) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);transform-style: preserve-3d;opacity: 1;z-index:999;}
.active2.menu-graphic{transform: translate3d(-60vw, -120vh, 50vh) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);transform-style: preserve-3d;opacity: 1; z-index: 2; }

/* home slide */
.home-slider{margin-top: 0;padding-bottom: 0;}
.home-slider .owl-dots{ text-align: center; width:100%; bottom:0px !important; margin-top:0 !important;}
img.slide-bg{display: block;width: 22% !important;margin: auto;}
/* home slide */

/* meeting */
.meeting-btn{margin-top: 20px;position: relative;z-index: 2;}
.meeting-btn span{ display: block; margin:auto; width:1px; height:148px; background: #fff; }
.meeting-btn a{ display:flex; flex-direction: column; margin: auto; margin-top: 30px; }
.meeting-btn a small{text-align: center; font-style: normal;font-weight: 300;font-size: 32px;line-height: 38px;text-transform: capitalize;color: #FFFFFF;}
.meeting-btn a img{height: 19px;margin-top: 14px;}
/* meeting */

/* about */
.about-home{margin-bottom: 100px;}
.about-home .right-img img{ width:100%; display: block; }
.titleSub{font-weight: 600;font-size: 18px;line-height: 22px;position: relative;display: flex;width: max-content !important;margin-bottom: 0px;} 
.titleSub::after{width: 74px;position: absolute;right: -84px;content: '';height: 1px;background: #fff;top: 50%;}
.about-home .left-content h3{font-weight: 600;font-size: 42px;position: relative;/* display: flex; */margin-bottom: 0;color: #58595B;text-transform: uppercase;line-height: 1.2;margin-top: 40px;} 
.about-home .left-content h4{font-weight: 600;font-size: 42px;position: relative;margin-bottom: 20px;color: #fff;text-transform: uppercase;line-height: 1.2;/* width: 100%; */} 
.about-home .left-content h4 span{ color:#fff;}
.about-home .left-content a{font-weight: 500;font-size: 18px;line-height: 22px;color: #FFFFFF; display: flex; align-items: center;  }
.about-home .left-content a img{ margin-left:10px;}
.bottom-about-text{max-width: 740px; margin:auto !important;margin-top: -150px !important;}
.bottom-about-text ul li{ list-style: circle; margin-bottom: 10px;}
.bottom-about-text h5{font-weight: 600;font-size: 41px;margin-bottom: 30px;color: #fff;}
.bottom-about-text h5 span{ color:#fff;}
.bottom-about-text p{ font-size:16px}
.about-home .line{display: flex; justify-content: end;   }
.about-home .line span{ width:50%; height:2px;background: #fff;margin-top: 90px;}
/* about */

/* treatments */
.treatments .content-area{ margin:auto;display: flex;max-width: 850px;flex-direction: column;margin-bottom: 60px;}
.treatments .content-area .title-top{font-style: normal;margin-bottom: 10px;font-weight: 600;font-size: 42px;text-transform: uppercase;color: #58595B;position: relative;}
.treatments .treatments-links a img{display: block; width:100%;transition: all 0.8s ease-in-out;}
.treatments .treatments-links .col-lg-6, .treatments .treatments-links .col-lg-12{padding: 0;overflow: hidden;}
.treatments .treatments-links .col-lg-6 a:hover img{ transform:scale(1.2)}
.treatments1 img{ display: block; height:100%; object-fit: cover; }
.treatments-box a{position: relative;display: flex;width: 100%;overflow: hidden;}
.treatments-box a::after{background: linear-gradient(180deg, #000000 0%, rgba(217, 217, 217, 0) 100%);mix-blend-mode: multiply;transform: rotate(-180deg);width: 111%; height:100%;position: absolute;bottom: -2px;left: -2px;content: '';}
.treatments-box a span{position: absolute; right:70px;bottom: 6%;z-index: 2;font-size: 18px;text-transform: uppercase;z-index: 99;}
.left-position .treatments-box a span{ left:40px; right:auto; }
.treatments.left-position{ margin-top:60px; padding-left: 16%;}
/* treatments */

/* comments */
.comments{ margin-top: 150px; position: relative;}
.comments::after{position: absolute; left:0;top: -6%; width:100%;height: 150%;background: url(../img/comment-bg.svg) no-repeat;content: '';pointer-events: none;}
.comments-slider .item{ padding:63px 30px;background: #D9D9D9;padding-bottom: 20px;border-radius: 0px 194px 0px 0px;height: 440px;}
.comments-slider .owl-item:nth-child(2n+0) .item{ background: #58595B !important;}
.comments-slider .owl-item:nth-child(2n+0) .item *{ color: #fff;}
.comments-slider .owl-item:nth-child(2n+0) .item p{ border-bottom: 1px solid #fff;}
.comments-slider .item img.star-img{ height:18px; width:auto; margin-bottom: 30px; }
.comments-slider .item .name{font-style: normal; font-family: 'GilroyExtraBold';font-size: 18px; margin-bottom: 20px;line-height: 22px;color: #58595B; }
.comments-slider .item p{color: #58595B;border-bottom: 1px solid #000000;padding-bottom: 20px;margin-bottom: 0;min-height: 220px;font-size: 15px;}
.comments .owl-prev{position: absolute; left:-5%;top: 50%;width: 22px;height: 32px;background: url(../img/slide-left.svg) no-repeat !important;font-size: 0 !important;background-size: 100% !important;}
.comments .owl-next{position: absolute; right:-5%;top: 50%;width: 22px;height: 32px;background: url(../img/slide-left.svg) no-repeat !important;font-size: 0 !important;background-size: 100% !important; transform: rotate(-180deg);}
.btns-comment{ width:100%; max-width:850px; display: flex; justify-content: space-between; margin:auto; height:60px; margin-bottom: 40px;}
.btns-comment a{ border:1px solid #fff; transition: all 0.4s ease-in-out; width:45%; align-items: center; justify-content: center; display: flex; font-size: 18px; }
.btns-comment a:hover{ border-radius:40px;}
.btns-comment a img{ margin-right: 5px;}
.btns-comment a .arrow-btn{ margin-left:10px;}
/* comments */

/* img-full */
.img-content-full{display: flex;position: relative; width:100%;margin-top: 40px;}
.img-content-full svg * {
fill: none;
}

.img-content-full .bg{ display: block; width:100%; }
.img-content-full img{ display: block; width:100%;}
.img-content-full .text-area{position: absolute;right: 4%; top:50%;display: flex;flex-direction: column;line-height: 1.2;transform: translate(-50%,-50%);z-index: 2;}
.img-content-full .text-area span{color: #fff; font-size:50px;margin-bottom: 0;font-weight: 600;text-transform: uppercase;line-height: 1.3;opacity:0.3;}
.img-content-full .text-area small{color: #58595B; font-size:50px;margin-bottom: 0;font-weight: 300;text-transform: uppercase;}
.img-content-full::after{background: linear-gradient(180deg, #000000 0%, rgba(217, 217, 217, 0) 50%);mix-blend-mode: multiply;transform: rotate(-180deg); width:100%; height:100%;position: absolute;bottom: -2px; left:0;content: '';}
.img-content-full.beforeImg svg{position: absolute; right:0;top: 50%; content:'';width: 8%;height: 150%;z-index: 2;}
/* img-full */

/* blog */
.blog-home{ margin-top: 100px; margin-bottom: 150px; position: relative; }
.blog-home .content-area .title-top span{ color: #fff; margin-top:5px; display: flex;}
.blog-home .right-blog{display: flex;justify-content: space-between;padding-left: 20px;flex-wrap:wrap;}
.blog-home .right-blog .title-area a img{ height:10px !important;width: auto;margin-left: 12px;}
.blog-home .right-blog .title-area a small{ font-size:100% !important; color: #747474 !important;}
.blog-home .right-blog .title-area .title-sub{font-weight: 300;font-size: 32px;line-height: 1.2;text-transform: uppercase;color: #58595B;} 
.blog-home .right-blog .title-area a{ font-size:18px;display: flex;width: 100%;align-items: center;margin-top: 13px;}
.blog-home .right-blog .text-right a{ font-size:18px;display: flex;width: 100%;align-items: center;margin-top: 13px;}
.blog-home .right-blog .text-right a img{ height:10px !important;width: auto;margin-left: 12px;}
.blog-home .right-blog .text-right a small{ font-size:100% !important; color: #747474 !important;}
.blog-home .right-blog .title-area .title-sub{
    max-width:200px;
}

.blog-home .text-right p{
    max-width:500px;
}

.ui-datepicker .ui-datepicker-header{
    background:#000;
}

.ui-datepicker table{
    background:#000;
}

.ui-datepicker{
    background:#000;
}

.ui-datepicker-year, .ui-datepicker-month{
    color:#fff !important;
}

.blog-home .right-blog .title-area{width: 100%;}
.blog-home .text-right{width: 100%;align-self: flex-start;}
.blog-home .text-right .date{font-weight: 500;font-size: 17px;color: #FFFFFF;margin-bottom: 12px;}
.blog-home .text-right .blog-title{font-weight: 500;font-size: 18px;line-height: 22px;color: #FFFFFF;margin-bottom: 14px;font-family: 'GilroyExtraBold';}
.blog-home .text-right p{font-size: 16px;padding-bottom: 20px;}
.blog-img-box::after {background: linear-gradient(180deg, #000000 0%, rgba(217, 217, 217, 0) 100%);mix-blend-mode: multiply;transform: rotate(-180deg);width: 100%;height: 100%;position: absolute;bottom: -8px;left: 0;content: '';}
.blog-img-box img{width:100%; display: block;}
.blog-home .owl-prev{position: absolute; left:-5%;top: 50%;width: 22px;height: 32px;background: url(../img/slide-left.svg) no-repeat !important;font-size: 0 !important;background-size: 100% !important;}
.blog-home .owl-next{position: absolute; right:-5%;top: 50%;width: 22px;height: 32px;background: url(../img/slide-left.svg) no-repeat !important;font-size: 0 !important;background-size: 100% !important; transform: rotate(-180deg);}
.blog-page-boxs .row.mb-5{ margin-bottom:80px !important; }
.blog-page-boxs{ margin-bottom:250px;}
.blog-home.blog-page-boxs::after{ top:-35%; }
.blog-home.blog-page-boxs .right-blog{ position: relative;}
.blog-home.blog-page-boxs .right-blog::after{ position: absolute; right:0; bottom:0; background: #fff; height:1px; width:97%; content:''; }
.date-right{ display: flex; justify-content: end;}
/* blog */

/* footer */
footer{ position: relative;}
footer::after{position: absolute; left:0;top: -14%; width:150%;height: 110%;background: url(../img/contact-bg.svg) no-repeat;background-size: 14%; content:''; pointer-events: none;}
footer .title-sub-bottom{font-style: normal;font-weight: 600;font-size: 44px;line-height: 1.2;text-transform: capitalize; margin:40px 0 20px 0;color: #58595B;}
footer .left-contact p{font-size: 16px;padding-right: 20%;}
footer .right-contact h5{ font-size:18px; color: #58595B; font-family: 'GilroyExtraBold';  }
footer .right-contact p{font-size: 18px;height: 20px;}
.right-contact .col-lg-6{margin-bottom: 34px;position: relative;}
.right-contact .col-lg-6 p{ color:#58595B; margin-bottom: 10px; }
.right-contact .col-lg-12 p{ color:#58595B; margin-bottom: 10px; }
.right-contact .col-lg-6 input{ width:100%;background: none; border:0;border-bottom: 1px solid #fff;padding: 6px; font-size:16px;height: 40px;color: #fff;}
.right-contact .col-lg-6 select{ width:100%;background: none; border:0;border-bottom: 1px solid #fff;padding: 7px; font-size:16px;margin-top: 4px;text-align: left;padding-left: 0;}
.right-contact .col-lg-6 select option{ color: #000000;}
.right-contact textarea{ width:100%;background: none; border:0;border-bottom: 1px solid #fff;padding: 6px;font-size: 18px; resize:none; padding-top:0;height: 90px;margin-bottom: 24px;}
.right-contact button{background: none; font-size:18px; display:flex;position: relative;align-items: center;border: 0;width: max-content;}
.right-contact button::after{position: absolute;bottom: -2px; left:0; width:0%;content: '';background: #fff;height: 1px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.right-contact button:hover::after{ width:100%;}
.right-contact button img{ margin-left: 10px; height:14px; }
.footer-bottom{ border-top:1px solid #fff;padding: 50px 0;margin-top: 100px !important;}
.logo-footer-1{ margin-bottom: 82px !important; display: block; }
.logo-area-footer p{ display: flex; align-items: center; }
.logo-area-footer p span{ font-size:12px; display: flex; margin-left: 15px;margin-top:3px;margin-right:5px;}
.logo-area-footer p a{ position: relative; top:-4px;}
.logo-area-footer p a img{ height:20px;}
.footer-right-content .titleSub-area{font-size: 18px;font-family: 'GilroyExtraBold';letter-spacing: 0.17em; margin-bottom: 15px;color: #58595B; }
.footer-right-content p{font-size: 17px;color: #fff;}
.footer-right-content .btn-footer{display: flex;color: #58595B;font-family: 'GilroyExtraBold';font-size: 16px;}
.footer-right-content .btn-footer img{ margin-left: 10px;}
.footer-right-content .col-lg-3{ display:flex; flex-direction: column;}
.footer-right-content  a.link{ color: #fff; font-size:16px;}
.footer-right-content .col-lg-3 .line{ width:60px; height:1px;background: #fff;display: inline-block;position: relative;top: -3px;margin-right: 5px;}
.social{ display: flex;}
.social a{margin: 0 15px 0 0; position: relative; transform: scale(1); transition:all 0.3s ease-in-out; top:0; }
.social a:hover{ transform: scale(1.25); top:-3px}
/* footer */

/* kurumsal */
.slide-bg-img{display: block;width: 33% !important;margin: auto;position: relative;left: 4%;} 
.one-slide{margin-bottom: 0;padding-bottom: 0;}
.name-area{margin-top: 0px;margin-bottom: 30px;display: flex;margin: auto;flex-direction: column;}
.name-area span{display: block; margin:auto; width:1px;height: 61px;background: #fff;}
.name-area a{ display:flex;flex-direction: column;margin: auto;margin-top: 10px;}
.name-area a small{text-align: center;font-style: normal;font-weight: 300;font-size: 32px;line-height: 38px;text-transform: uppercase;color: #FFFFFF;}
.name-area a small h1{text-align: center;font-style: normal;font-weight: 300;font-size: 32px;line-height: 38px;text-transform: uppercase;color: #FFFFFF;}
.name-area a img{height: 10px;margin-top: 4px;}
.content-text-area{margin-bottom: 140px;}
.content-text-area p{ font-size:16px; }
.content-text-area b, .content-text-area strong{ font-size:18px; color: #58595B; font-family: 'GilroyExtraBold';}
.top-title-row{ margin-top:180px}
.one-slide{margin-top: -100px !important;}
.certificates-boxs .col-lg-3 img{ display: block; width:100%;}
.certificates-boxs .col-lg-3{ margin-bottom: 30px;}
.certificates-boxs{ max-width:80%; display: flex; margin-bottom: 150px;}
.klinic-box{ max-width:80%; display: flex; margin-bottom: 150px;}
.klinic-box img{ width:100%;}
.top-title-row .titleSub{ text-transform: uppercase;}
/* kurumsal */

/* comments-page */
.comments-page::after{ position: absolute;right: 0;top: 48%;content: '';width: 8%;height: 100%;background: url(../img/shape-blog-right.svg) no-repeat; background-size:100%;}
.comments-page .item{ padding:63px 30px;background: #D9D9D9;padding-bottom: 20px;border-radius: 0px 194px 0px 0px;width: 32%;margin-right: 2%; margin-bottom:35px;}
.comments-page .item:nth-child(3n+0){ margin-right:0;}
.comments-page .item:nth-child(2n+0){ background: #58595B !important;}
.comments-page .item:nth-child(2n+0) *{ color: #fff !important;}
.comments-page .item:nth-child(2n+0) p{ border-bottom: 1px solid #fff;}
.comments-page .item img.star-img{ height:18px; width:auto; margin-bottom: 30px; }
.comments-page .item .name{font-style: normal; font-family: 'GilroyExtraBold';font-size: 18px; margin-bottom: 20px;line-height: 22px;color: #58595B; }
.comments-page .item p{ color: #58595B; border-bottom: 1px solid #000000; padding-bottom:30px;}
.comments .owl-prev{position: absolute; left:-5%;top: 50%;width: 22px;height: 32px;background: url(../img/slide-left.svg) no-repeat !important;font-size: 0 !important;background-size: 100% !important;}
.comments .owl-next{position: absolute; right:-5%;top: 50%;width: 22px;height: 32px;background: url(../img/slide-left.svg) no-repeat !important;font-size: 0 !important;background-size: 100% !important; transform: rotate(-180deg);}
.btns-comment{ width:100%; max-width:850px; display: flex; justify-content: space-between; margin:auto; height:60px; margin-bottom: 40px;}
.btns-comment a{ border:1px solid #fff; width:45%; align-items: center; justify-content: center; display: flex; font-size: 18px; }
.btns-comment a img{ margin-right: 5px;}
.btns-comment a .arrow-btn{ margin-left:10px;}
/* comments-page */

/* tedaviler */
.shape-hide::after{ opacity: 0;}
.slide-bg-img.big-banner-img{ width:40% !important;}
.text-center-colm{position: absolute;left: 50%;top: 68%;transform: translate(-50%,-50%);width: 100%;max-width: 1300px;display: flex;justify-content: space-between;}
.text-center-colm h2{font-style: normal;font-weight: 600;font-size: 50px;line-height: 61px;text-transform: uppercase;color: #FFFFFF;}
.text-center-colm .right-text-area{ width:50%; display: flex; flex-direction: column;}
.text-center-colm .right-text-area b{ color: #58595B; font-size:22px; font-family: 'GilroyExtraBold'; font-weight: bold; margin-bottom: 10px; }
.text-center-colm .right-text-area p{font-size: 18px;color: #fff;line-height: 1.3;}
.mt-n.container{ margin-top:-50px; }
.tedavi-slide::after {position: absolute;right: 0;top:72%;content: '';width: 8%;height: 100%;background: url(../img/shape-blog-right.svg) no-repeat;}
.invisalign-container h2{ font-style: normal;font-weight: 600;font-size: 50px;line-height: 61px;text-transform: uppercase;color: #FFFFFF; margin-bottom: 20px; }
.invisalign-container h3{ color:#58595B; font-family: 'GilroyExtraBold'; margin-bottom: 20px;  }
.invisalign-container .img img{ display:block; width:100%;}
.invisalign-container{ margin-bottom: 140px;}
.invisalign-container .left-box{ padding-right:5%; padding-left: 16%; }
.invisalign-container svg{position: absolute; right:0;top: 12%; content:'';width: 8%;height: 150%;z-index: 2;}
.invisalign-container svg * {fill: none;}
.text-col-2 h3{ font-style: normal;font-weight: 600;font-size: 50px;line-height: 61px;text-transform: uppercase;color: #FFFFFF;}
.what-invisalign h4{ font-style: normal;font-weight: 600;font-size: 50px;line-height: 61px;text-transform: uppercase;color: #FFFFFF; text-align: center; margin-bottom: 120px; margin-top:100px; position: relative; }
.what-invisalign h4::after{ position: absolute; left:50%; transform: translate(-50%,0); top:120%; width:1px; content: ''; height:70px; background: #fff;}
.what-invisalign .in{ max-width: 750px; margin:auto; display: flex; flex-direction: column;}
.what-invisalign .in .col-lg-3{ display: flex; justify-content: center; align-items: center; flex-direction: column;}
.what-invisalign .in .col-lg-3 p{ margin-top:20px;padding-top: 20px;position: relative;height: 50px;}
.what-invisalign .in .col-lg-3 p::after{ top:0; content:''; width:75px; height:2px; background: #fff; position: absolute; left:50%; transform: translate(-50%,0);  }
.img-invisalign-full{ margin-top:80px; margin-bottom: 70px;}
.img-invisalign-full img{ display: block; width:100%;}
.what-invisalign .in .col-lg-3 img{display: block; margin:auto;}
.invisalign-box-content-2 h4{ font-style: normal;font-weight: 600;font-size: 50px;line-height: 61px;text-transform: uppercase;color: #FFFFFF; }
.invisalign-left{width: 90%;display: block;}
.invisalign-right .col-lg-6 img{margin-bottom: 20px;height: 50px;}
.invisalign-right .col-lg-6{ margin-bottom: 30px;}
.col-2-box-invisalign h3{font-style: normal;font-weight: 600;font-size: 50px;line-height:1.2; text-transform:uppercase;color: #FFFFFF;margin-bottom: 60px;}
.full-content-invisalign .right-content{background: #D9D9D9;display: flex;flex-direction: column;justify-content: center;padding: 80px 100px !important;width: 59%;padding-right: 11% !important;}
.full-content-invisalign .right-content *{ color: #000;}
.full-content-invisalign .right-content h5{ color: #58595B; font-weight: bold; }
.full-content-invisalign .left img{display: block;padding: 0 !important;width: 69%;object-fit: contain;position: relative;right: -8%;}
.full-content-invisalign .left{display: flex;justify-content: flex-end;width: 41%;}
.full-content-invisalign{ margin-top:-80px;}
/* tedaviler */

/* menu */
.menu-wrapper{position: fixed; left:0; top:0; width:100%;height: 100%;background: #000000;z-index: 999;-webkit-transform: translateY(0) translateX(0) scale(1);-moz-transform: translateY(0) translateX(0) scale(1);transform: translateY(0) translateX(0) scale(1);opacity: 0;transition: 0.4s ease-in 0s;visibility: hidden;}
.menu-wrapper.active{-webkit-transform: translateY(0) translateX(0) scale(1); opacity:1; -moz-transform: translateY(0) translateX(0) scale(1);transform: translateY(0) translateX(0) scale(1);  visibility:visible;}
.menu-bg{position: absolute; right:10%; top:0;width: 50%;pointer-events: none;}
nav{ position: absolute; left:27%; top:50%; transform: translate(-50%,-50%); display: flex; flex-direction: column; }
nav .item-link{font-style: normal;font-size: 50px; margin-bottom:5px;text-transform: uppercase;color: #FFFFFF;position: relative;line-height: 1.4;font-weight: bold;}
nav .item-link:nth-child(1){transition: 0.3s ease-in-out 0s;}
nav .item-link:nth-child(2){transition: 0.3s ease-in-out 0.1s;}
nav .item-link:nth-child(3){transition: 0.3s ease-in-out 0.2s;}
nav .item-link:nth-child(4){transition: 0.3s ease-in-out 0.3s;}
nav .item-link:nth-child(5){transition: 0.3s ease-in-out 0.4s;}
nav .item-link:nth-child(6){transition: 0.3s ease-in-out 0.5s;}
nav .item-link:nth-child(7){transition: 0.3s ease-in-out 0.6s;}
nav .item-link:nth-child(8){transition: 0.3s ease-in-out 0.7s;}
nav .item-link{ opacity: 0; left:-80px; position: relative;}
.menu-wrapper.active nav .item-link{ opacity: 1; left:0;}

nav a{font-size: 47px; margin-bottom:5px;text-transform: uppercase;color: #FFFFFF;position: relative; -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
nav .item-link a.arrow{ position: relative; padding-left:15px; margin-left: 10px;}
nav .item-link a.arrow img{margin-bottom: 12px;}
nav .item-link a.arrow::after{position: absolute; left:0;top: 11px; height:36px; width:1px; background:#fff; content:'';}
.accor-content{ display:none; flex-direction: column; }
.accor-content .in{ display: flex; flex-direction: column;}
.accor-content a{ font-size:16px;}
.accor.active img{ transform: rotate(-180deg); }
.accor a{-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.accor img{ -webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s; }
.accor.active a{color: #58595B;}
.accor-content .in a:hover, nav .item-link a:hover{ color: #58595B; }
.menu-logo{position: absolute;left: 3%; top:40px;}
.overFlowHidden{ overflow: hidden;}
.overFlowHidden header .logo{ opacity: 0;}
.menu-btn{position: absolute;right: 0;width: 70px;height: 60px;}
/* menu */

/* comment */
.commentAddForm{display: flex;flex-direction: column;background: rgba(255, 255, 255, 0.93);box-shadow: 0px 8px 12px 4px rgba(0, 0, 0, 0.16);border-radius: 0;padding: 50px;margin-bottom: 120px;margin-top: 0;display: none;background: #D9D9D9;box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.16);}
.cont{width: 100%;margin-top: 0;text-align: center;overflow: hidden;}
.titleAreaSub{ text-align: center;}
.titleAreaSub h4{font-weight: bold;font-size: 24px;line-height: 120%;letter-spacing: -0.01em;text-transform: capitalize;margin-bottom: 15px;color: #000;}
.titleAreaSub p{font-size: 16px;line-height: 120%;letter-spacing: -0.01em;text-transform: capitalize;color: #000;}
div.stars{display: inline-block;}
input.star{display: none;}
label.star {float: right;padding: 10px;font-size: 36px;color: #B99410;transition: all .2s;opacity: 1;cursor: pointer;}
input.star:checked ~ label.star:before {content:'\f005';color: #B99410;transition: all .25s;opacity: 1;}
input.star-5:checked ~ label.star:before {color: #B99410;text-shadow: 0 0 0px #000000;}
input.star-1:checked ~ label.star:before {color: #f00;}
label.star:before{content:'\f006';font-family: FontAwesome;}
.rev-box{overflow: hidden;height: 0;width: 100%;transition: all .25s;}
textarea.review{background: #000;border: none;width: 100%;max-width: 100%;height: 100px;padding: 10px;box-sizing: border-box;color: #EEE;}
label.review{display: block;transition:opacity .25s;}
input.star:checked ~ .rev-box{height: 125px;overflow: visible;}
.star-container {display: flex;width: 350px;flex-direction: row-reverse;}
.star:before {content: "\f005";font-family: fontAwesome;/* font-size: 60px; */position: relative;display: block;color: #000000;opacity: 1 !important;}
.star:after {content: "\f005";font-family: fontAwesome;position: absolute;top: 7px;font-size: 0;color: gold;opacity: 0;opacity: 1 !important;}
.star:hover:after,
.star:hover ~ .star:after,
.star.star__checked:after,
.star.star__checked ~ .star:after{opacity: 1;}

.formItems{ max-width:822px; width:100%; display: flex; flex-direction: column; margin:auto;}
.formItems textarea, .formItems input{ width:100%; height:65px;background: none;color: #000;padding: 0; border:0;border-radius: 20px;border-bottom: 1px solid #000;border-radius: 0;}
.formItems textarea{height: 120px; resize:none;padding-top: 20px;}
.formItems input::placeholder, .formItems textarea::placeholder{ color:#58595B}
.formItems .row{margin-bottom: 20px;}
.formItems .row button{ width:max-content; border:0;cursor: pointer;color: #000;display: flex;align-items: center;justify-content: center; background:none; position: relative;}
.formItems .row button::after {
position: absolute;
bottom: -2px;
left: 0;
width: 0%;
content: '';
background: #000;
height: 1px;
-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.formItems .row button:hover::after{ width:100%;}

.formItems .row button *{ color:#000;}
.formItems .row button img{ margin-left:10px;}

/* comment */




/* menu icon */
.menu-icon{position:absolute;margin-left: 0;padding: 0;cursor:pointer;z-index: 22;right: 5px;top: 20px;width: 60px;height: 40px;}
.menu-icon::before{content:"";position:absolute;left:0;top:10%;width:1px;height:80%;background: #fff;opacity: 0;}
.menu-icon a{position:relative;margin-top: 0;display: block;}
.menu-icon a::before, .menu-icon a i, .menu-icon a::after{content:"";display:block;position:absolute;right: 0;top:0;width: 52px;height:1px;background: #fff;transition: all 0.3s ease-in-out;}
.menu-icon a::before{top:0;width: 61px;right: 0;left: auto;}
.menu-icon a i{width: 41px;top: 17px;/* display: none; */background: #fff;}
.menu-icon.active i{width: 0;opacity: 0;}
.menu-icon a::after{top: 8px;}
.menu-icon.active::before{ display:none;}
.menu-icon.active a:before {-webkit-transform: translateY(3px) rotate(130deg);-moz-transform: translateY(3px) rotate(130deg);-o-transform: translateY(3px) rotate(130deg);-ms-transform: translateY(3px) rotate(130deg);transform: translateY(3px) rotate(130deg); display:block;/* left: 0; */width: 41px;}
.menu-icon.active a:after {-webkit-transform:  translateY(-5px) rotate(-130deg);-moz-transform:  translateY(-5px) rotate(-130deg);-o-transform:  translateY(-5px) rotate(-130deg);-ms-transform:  translateY(-5px) rotate(-130deg);transform: translateY(-5px) rotate(-130deg);width: 41px;}
/* menu icon */


/* iletisim */
.map{ position: relative;}
.map::after {background: linear-gradient(180deg, #000000 0%, rgba(217, 217, 217, 0) 100%);mix-blend-mode: multiply;transform: rotate(-180deg);width: 100%;height: 100%;position: absolute;bottom: 0;left: 0; pointer-events: none;content: '';}
.map iframe{ width:100%; margin-top:60px; height:600px;filter: grayscale(100%);}
/* iletisim */

/* anim */
.effect-img{position: absolute;left: 0;background-color:#000;width: 100%;height: 100%;z-index: 99;top: 0;}
.effect-img2{position: absolute;left: 0;background-color:#000;width: 100%;height: 100%;z-index: 99;top: 0;}
.effect-img-wrp,.effect-img-wrp2 {position: relative;overflow: hidden;}
/* anim */


/* yasal metin */
.legal-popup {position: fixed;max-width: 603px;right: 30px;bottom: 30px;z-index: 999;left: 30px;color: #fff;font-size: 12px;font-weight: 400;border-radius: 5px;border-width: initial;border-style: none;border-color: initial;border-image: initial;outline: 0;padding: 20px 45px 20px 20px;background: rgba(0, 0, 0, 0.5);z-index: 99;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 1px solid #444; display: none;}
.legal-popup h6{ font-size:16px;}
.legal-popup p{ font-size:11px;margin: 0;}
.cookie_confirm-btn {
position: absolute;
right: -10px;
top: -10px;
color: #fff;
font-size: 12px;
border: 1px solid #787878;
width: 35px;
height: 35px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
border-radius: 50%;
text-decoration: none;
cursor: pointer;
background: #000;
}
.cookie_confirm-btn img{width: 17px;}

/* yasal metin */

.whatsapp-icon{
	position:fixed;bottom:80px;right:80px;z-index:99;background:#25D366;
	border-radius: 100px;
	animation: pulse 2000ms linear infinite;
  -webkit-animation: pulse 2000ms linear infinite;
  -moz-animation: pulse 2000ms linear infinite;
}

.whatsapp-icon:after,
.whatsapp-icon:before {
  display: inline-block;
  margin: auto;
  position: absolute;
  content: "";
  width: 60px;
  height: 60px;
  border-radius: 100px;
  background-color: #25D366;
}

.whatsapp-icon:after {
	inset:0;
  z-index: -100;
  -webkit-animation: outer-ripple 2000ms linear infinite;
  -moz-animation: outer-ripple 2000ms linear infinite;
  animation: outer-ripple 2000ms linear infinite;
}


.whatsapp-icon:before {
	inset:0;
	z-index: -200;
	-webkit-animation: inner-ripple 2000ms linear infinite;
	-moz-animation: inner-ripple 2000ms linear infinite;
	animation: inner-ripple 2000ms linear infinite;
  }

  @keyframes pulse{
	0% {
	  transform: scale(0.8);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	10% {
	  transform: scale(1.1);
	  filter: alpha(opacity=1);
	  opacity: 1;
	}
	20% {
	  transform: scale(0.9);
	  filter: alpha(opacity=1);
	  opacity: 1;
	}
	100% {
	  transform: scale(0.8);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
  }
  
  @-moz-keyframes pulse{
	0% {
	  transform: scale(0.8);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	10% {
	  transform: scale(1.1);
	  filter: alpha(opacity=1);
	  opacity: 1;
	}
	20% {
	  transform: scale(0.9);
	  filter: alpha(opacity=1);
	  opacity: 1;
	}
	100% {
	  transform: scale(0.8);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
  }
  
  @-webkit-keyframes pulse{
	0% {
	  transform: scale(0.8);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	10% {
	  transform: scale(1.1);
	  filter: alpha(opacity=1);
	  opacity: 1;
	}
	20% {
	  transform: scale(0.9);
	  filter: alpha(opacity=1);
	  opacity: 1;
	}
	100% {
	  transform: scale(0.8);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
  }
  
  
  @keyframes outer-ripple {
	0% {
	  transform: scale(1);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	80% {
	  transform: scale(3.5);
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
	100% {
	  transform: scale(3.5);
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
  }
  
  @-webkit-keyframes outer-ripple {
	0% {
	  transform: scale(1);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	80% {
	  transform: scale(3.5);
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
	100% {
	  transform: scale(3.5);
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
  }
  
  @-moz-keyframes outer-ripple {
	0% {
	  transform: scale(1);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	80% {
	  transform: scale(3.5);
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
	100% {
	  transform: scale(3.5);
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
  }
  /* inner ripple */
  
  @keyframes inner-ripple {
	0% {
	  transform: scale(1);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	30% {
	  transform: scale(1);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	100% {
	  transform: scale(2.5);
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
  }
  
  @-webkit-keyframes inner-ripple {
	0% {
	  transform: scale(1);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	30% {
	  transform: scale(1);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	100% {
	  transform: scale(2.5);
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
  }
  
  @-moz-keyframes inner-ripple {
	0% {
	  transform: scale(1);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	30% {
	  transform: scale(1);
	  filter: alpha(opacity=50);
	  opacity: 0.5;
	}
	100% {
	  transform: scale(2.5);
	  filter: alpha(opacity=0);
	  opacity: 0;
	}
  }

.whatsapp-icon img{
	padding:5px;width:65px;
}


/* online form popup */
.online-form-popup{position: fixed; left:0; top:0; width:100%;height: 100%;background: #000000;z-index: 99;-webkit-transform: translateY(0) translateX(0) scale(.7);-moz-transform: translateY(0) translateX(0) scale(.7);transform: translateY(0) translateX(0) scale(.7);opacity: 0;transition: 0.4s ease-in 0s;visibility: hidden;padding: 13%;}
.online-form-popup.active{-webkit-transform: translateY(0) translateX(0) scale(1); opacity:1; -moz-transform: translateY(0) translateX(0) scale(1);transform: translateY(0) translateX(0) scale(1);  visibility:visible;}
.formArea{width:100%;display: flex;padding: 140px 0;padding-bottom: 40px; position: relative; flex-direction: column;}
.formArea::after{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);content: '';width:100%;height:100%;background: url(../img/iletisimBg.png) no-repeat center center;background-size: 66%;pointer-events: none;}
.formArea .center{display: flex;width:100%;justify-content: space-between;position: relative;z-index: 2;}
.formArea .center .left{width:40%;padding-left: 80px;display: flex;flex-direction: column;}
.formArea .center .left h3{font-size:32px;font-weight: bold;color:#335073;position: relative;margin-bottom: 50px;font-family: 'Sofia SansBold';}
.formArea .center .left h3::after{position: absolute; left:-85px; content: ''; top:20px; height:1px; width:70px; background: #335073;}
.formArea .center .left p{ font-size:18px; color:#335073;}
.formArea .center .left p a{color:#335073;/* font-weight: bold; */}
.formArea .center .left p b{color: #335073;font-family: 'Sofia SansBold';}
.formArea .center .right{width: 70%;}
.formArea .center .right h3{font-size: 26px;color: #AE9497;margin-bottom: 10px;text-transform: uppercase;padding-left: 14px;font-family: 'Sofia SansBold';}
.formArea .center .right .formArea{display: flex;width:100%;flex-wrap: wrap;padding-top: 50px;}
.formArea .center .right .formArea .row{margin-bottom: 30px;}
.formArea .center .right .formArea input{ border:0;border-bottom: 1px solid #fff;background: none; width:100%; margin-top:10px;padding-bottom: 10px;}
.formArea .center .right .formArea textarea{ border:0;border-bottom: 1px solid #fff;background: none; width:100%;resize:none; margin-top:10px;padding-bottom: 10px;border-radius: 0;}
.formArea .center .right .formArea .name{opacity: 1;font-style: normal;font-weight: 400;font-size: 15px;line-height: 150%;color: #adadad;}
.formArea .center .right .formArea .col-6{margin-bottom:50px;}
.formArea .center .right .btnArea{margin-top: -20px;}
.formArea .center .right .btnArea{ display: flex; width:100%;}
.formArea .center .right .btnArea  button{ position:relative; border:0;cursor: pointer; margin-right:40px;background: none;display: flex;align-items: center;}
.formArea .center .right .btnArea  button::after{ }
.formArea .center .right .btnArea button img{ margin-left:10px;}
.formArea .center .right .btnArea  button:last-child{ margin-right:0;}
.online-form-popup .close{position: absolute;right: 4%;top: 7%;}
.btnArea{ background: none !important;}
.checkbox-area{position: relative;margin-bottom: 0;z-index: 1;margin-top: -20px;}
.checkbox-area ul{ margin:0 0 20px 0 !important;}
.checkbox-area label{display: block;position: relative;font-size: 15px;padding: 0px;margin: 0;height: auto;z-index: 9;cursor: pointer;-webkit-transition: all 0.25s linear;padding-left: 0;padding-top: 17px;font-style: normal;font-weight: normal;font-size: 16px;line-height: 150%;letter-spacing: -0.02em;color: #FFFFFF;}
.checkbox-area .check{display: block;position: absolute;border: 1px solid rgba(0, 0, 0, 0.2);/* border-radius: 100%; */height: 18px;width: 18px;top: 18px;left: 0;z-index: 5;transition: border .25s linear;-webkit-transition: border .25s linear;border: 1px solid #ffffff;}
.checkbox-area .check::before {display: block;position: absolute;content: '';/* border-radius: 100%; */height: 16px;width: 16px;top: 0px;left: 0;margin: auto;transition: background 0.25s linear;-webkit-transition: background 0.25s linear;transform: scale(0.7);}
.checkbox-area input[type=checkbox]:checked ~ .check {border: 1px solid #fff;}
.checkbox-area input[type=checkbox]:checked ~ .check::before{background: #ffffff;}
.checkbox-area input[type=checkbox]{position: absolute;visibility: hidden;}
.checkbox-area label b{ color: #fff;}

/* online form popup */



/* nice select */
.nice-select {-webkit-tap-highlight-color: transparent;/* background-color: #fff; */border-radius: 0;border: 0;box-sizing: border-box;clear: both;cursor: pointer;display: block;float: left;font-family: inherit;font-size: 15px;font-weight: normal;/* height: 42px; */line-height: 40px;outline: none;padding-left: 0;padding-right: 30px;position: relative;text-align: left !important;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;white-space: nowrap;width: 100%;border-bottom: 1px solid #ffffff !important;margin-bottom: 20px;/* overflow: hidden; */min-height: 48px;}
.nice-select:hover {
border-color: #d0dae5; }
.nice-select:active, .nice-select.open, .nice-select:focus {
border-color: #88bfff;
}
.nice-select:after {border-bottom: 2px solid #ffffff;border-right: 2px solid #ffffff;content: '';display: block;height: 10px;margin-top: -8px;pointer-events: none;position: absolute;right: 22px;top: 50%;-webkit-transform-origin: 66% 66%;-ms-transform-origin: 66% 66%;transform-origin: 66% 66%;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;width: 10px;}
.nice-select.open:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);


}
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
box-shadow: 0px 5px 35px 0px rgba(80, 80, 80, 0.21);
max-height: 335px;
}
.nice-select.disabled {
border-color: #e7ecf2;
color: #90a1b5;
pointer-events: none; }
.nice-select.disabled:after {
border-color: #cdd5de; }
.nice-select.wide {
width: 100%; }
.nice-select.wide .list {
left: 0 !important;
right: 0 !important; }
.nice-select.right {
float: right; }
.nice-select.right .list {
left: auto;
right: 0; }
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px; }
.nice-select.small:after {
height: 4px;
width: 4px; }
.nice-select.small .option {
line-height: 34px;
min-height: 34px; }
.nice-select.open .list{box-shadow: 0 0 0 1px rgb(0 0 0 / 41%);border: 1px solid #646464;overflow: hidden;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}

.nice-select .list {background-color: #000000 !important;border-radius: 0;box-sizing: border-box;margin-top: 3px;opacity: 0;overflow: hidden;padding: 0;pointer-events: none;position: absolute;top: 97%;left: 0;-webkit-transform-origin: 50% 0;-ms-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transform: scale(1) translateY(0px);-ms-transform: scale(1) translateY(0px);transform: scale(1) translateY(0px);-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 0.80), opacity 0.15s ease-out;transition: all 0.2s cubic-bezier(0.5, 0, 0, 0.80), opacity 0.15s ease-out;z-index: 9;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;max-height: 0;width: 100%;text-align: center;}
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important; }
.nice-select .option {cursor: pointer;font-weight: 400;line-height: 40px;list-style: none;min-height: 40px;outline: none;padding-left: 18px;padding-right: 29px;text-align: left;-webkit-transition: all 0.2s;transition: all 0.2s;background: #000000;border-bottom: 1px solid #626262;text-align: center;}
.nice-select li:nth-child(1) {/* display: none; */}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {/* background-color: #f6f7f9; */}
.nice-select .option.selected {font-weight: 500;}
.nice-select .option.disabled {background-color: transparent;color: #90a1b5;cursor: default; }
.nice-select .option{ padding-left:20px;}
.nice-select .option:hover{font-weight: 500;}
.nice-select .option:hover:after{opacity:1;width: 4px;height: 53%;}
.nice-select .option.selected:after{height:53%;opacity: 1;}
.nice-select .option{position:relative;color: #ffffff;}
.nice-select .option:after{width: 0;height: 0;/* border-radius:20px; */background: #36557b;position:absolute;left: 0;top: 23%;content:'';opacity:0;-moz-transition: all .3s ease-in 0s;-webkit-transition: all .3s ease-in 0s;-o-transition: all .3s ease-in 0s;-ms-transition: all .3s ease-in 0s;transition: all .3s ease-in 0s;width: 0;opacity: 0 !important;}
.no-csspointerevents .nice-select .list {display: none; }
.nice-select .option:last-child{ border-bottom:0;}
.no-csspointerevents .nice-select.open .list {display: block; }
/* nice select */

#ui-datepicker-div{ z-index: 999999 !important;}
.ui-datepicker-year, .ui-datepicker-month{ color: #fff !important;}

.ui-state-active, .ui-widget-content .ui-state-active{
    background:gray !important;
    border:1px solid gray !important;
}


/* beforeAfterImages */
.beforeAfterImages h5{font-style: normal;position: relative;font-weight: 600;font-size: 50px;line-height: 61px;text-transform: uppercase;color: #FFFFFF;justify-content: center;text-align: center; margin-top:150px;margin-bottom: 130px;}
.beforeAfterImages h5::after {position: absolute;left: 50%;transform: translate(-50%,0);top: 120%;width: 1px;content: '';height: 70px;background: #fff;}

.cdImage.in{  flex-wrap: wrap;   width: 100%;
    justify-content: space-between;
    display: grid;
    grid-template-columns: repeat(auto-fill, 31%);
    grid-gap: 2%;}
    .cdImage.in figure{  margin-bottom: 20px;}

    
.cdContainer{ display: flex; justify-content: space-between;}

.cd-image-container {position: relative;margin-bottom: 80px !important;}
.cd-image-container img {display: block;/* width: auto !important; */width: 100%;}
.cd-image-container .info{position: absolute;bottom: -40px; left:0; width:100%;display: flex;}
.cd-image-container .info .item{ width:100%; justify-content: center; align-items: center; display: flex; height:33px; } 
.cd-image-container .info .item:nth-child(1){ background: #58595B; }
.cd-image-container .info .item:nth-child(2){ background: #D9D9D9; color: #000000; }
.cd-image-label {
position: absolute;
bottom: 0;
right: 0;
color: #ffffff;
padding: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
opacity: 0;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
-moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}
.cd-image-label.is-hidden {
visibility: hidden;
}
.is-visible .cd-image-label {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}

.cd-resize-img {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
overflow: hidden;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cd-resize-img img {position: absolute;left: 0;top: 0;display: block;height: 100%;width: auto !important;max-width: none;object-fit: cover;}
.cd-resize-img .cd-image-label {
right: auto;
left: 0;
}
.is-visible .cd-resize-img {width: 50%;
/* bounce in animation of the modified image */-webkit-animation: cd-bounce-in 0.7s;-moz-animation: cd-bounce-in 0.7s;border-right: 3px solid #fff;}

@-webkit-keyframes cd-bounce-in {
0% {
width: 0;
}
60% {
width: 55%;
}
100% {
width: 50%;
}
}
@-moz-keyframes cd-bounce-in {
0% {
width: 0;
}
60% {
width: 55%;
}
100% {
width: 50%;
}
}
@keyframes cd-bounce-in {
0% {
width: 0;
}
60% {
width: 55%;
}
100% {
width: 50%;
}
}
.cd-handle {position: absolute;height: 30px;width: 30px;
/* center the element */left: 50%;top: 50%;margin-left: -16px;margin-top: -15px;border-radius: 50%;background: url("../img/cd-arrows.svg") no-repeat center center;cursor: move;/* box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3); */opacity: 0;-webkit-transform: translate3d(0, 0, 0) scale(0);-moz-transform: translate3d(0, 0, 0) scale(0);-ms-transform: translate3d(0, 0, 0) scale(0);-o-transform: translate3d(0, 0, 0) scale(0);transform: translate3d(0, 0, 0) scale(0);background-size: contain;}
.cd-handle.draggable {
/* change background color when element is active */
background-color: #445b7c;
}
.is-visible .cd-handle {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
-moz-transform: translate3d(0, 0, 0) scale(1);
-ms-transform: translate3d(0, 0, 0) scale(1);
-o-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
-webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
-moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}

/* beforeAfterImages */

small{position: relative;/* font-weight: normal; */font-size: 42px !important;color: #74747480;}
.textAnim{ position: relative;}
.textAnim{width: 0;height: 100%;color: #7c7d7e;left: 0px;overflow:hidden;position: absolute;}

.textAnim2{ position: relative;}
.textAnim2{width: 0;height: 100%;color: #7c7d7e;left: 0px;overflow:hidden;position: absolute;}


.textAnim3{ position: relative;}
.textAnim3{width: 0;height: 100%;color: #7c7d7e;left: 0px;overflow:hidden;position: absolute;font-size: 42px;top: 0px;}


.error{color: #fff; margin-top:5px;height: 20px;width: 100%;}
.item-valid{height: 40px;position: absolute; left:0;top: 30px;width: 100%;pointer-events: none;}
.item-valid:after {
content: "";
display: block;
height: 1px;
position: relative;
z-index: 1;
background-color: red;
}

.item-valid::before {
    transition: transform .35s cubic-bezier(.3,.1,.3,1) .7s;
    top: 1px;
    transform-origin: left center;
    transform: scaleX(0);
    margin-left: 0;
    width: 97%;
    position: absolute !important;
    right: 0;
    bottom: 0;
    top: auto;
}

.item-valid:after {
    transition: transform .35s cubic-bezier(.3,.1,.3,1) .7s;
    top: 1px;
    transform-origin: left center;
    transform: scaleX(0);
    margin-left: 0;
    width: 97%;
    position: absolute !important;
    right: 0; top:0;
}
.err .item-valid:after, .err .item-valid:before{transform: none;}
.err .item-valid .line{transform: none;}
.item-valid:after, .item-valid:before {
    content: "";
    display: block;
    height: 1px;
    position: relative;
    z-index: 1;
    background-color: red;
}

.item-valid .line {
    position: absolute;
    width: 1px;
    top: 0;
    bottom: 0;
    right: 0;
    background-color:red;
    transform: scaleY(0);
    transform-origin: bottom center;
    transition: transform .35s cubic-bezier(.3,.1,.3,1) .35s;
}

.content-text-area ul {
    padding-left:20px;
}

.content-text-area ul li{
    list-style:disc;
}




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

.invisalign-container .left-box{padding-right: 5%;padding-left: 4%;}
.blog-home .owl-next{ right:-1%;}
.full-content-invisalign .left{ width:30%;}
.full-content-invisalign .right-content{ width:70%;padding: 50px 100px !important;}
.blog-home .owl-prev{ left:-1%;}
.invisalign-left{ width:80%;}
.full-content-invisalign .left img{width: 100%;right: -17%;}
.treatments.left-position{ margin-top:60px; padding-left: 0%;}
.left-position .treatments-box a span {left:60px;right: auto;}
.blog-img-box{ padding-left: 60px !important;}
.blog-home .text-right{ padding-right: 20px;}
.img-content-full .text-area span{font-size: 32px;margin-bottom: 6px;}
.img-content-full .text-area small{font-size: 32px;}
}

@media screen and (max-width: 1024px){
.top-title-row {
margin-top: 130px;
}
.tedavi-slide::after{opacity: 0;}
.one-slide {
margin-top:20px !important;
}
.text-popup {
width: 100%;
}
.online-form-popup{ padding: 100px 6%;}
.about-home .left-content h4, .about-home .left-content h3{ font-size: 32px; }
.bottom-about-text {max-width: 100%;margin: auto !important;margin-top: -70px !important;}
.treatments .content-area {margin: auto;display: flex;max-width: 100%;flex-direction: column;margin-bottom: 60px;margin-top: 40px;}
.row.bottom-about-text .col-lg-12.effect-img-wrp{ padding: 50px 0 0 0; }
.content-area .title-top{font-size: 31px;line-height: 1.2;}
.content-area{max-width: 100%;padding-left: 0;margin-top: 30px;margin-bottom: 20px;}
.blog-home .right-blog .title-area .title-sub{font-size:24px;}
.blog-home .text-right {padding-right: 30px;padding-left: 20px;}
.blog-home .text-right p{ font-size:14px;}
.treatments .content-area .title-top, footer .title-sub-bottom{ font-size:34px;}
.footer-right-content p{ font-size:12px;}
.comments-slider.owl-theme .owl-nav{ display: none;}
.img-content-full .text-area span {font-size: 22px;}
.img-content-full .text-area small {font-size: 22px;}
.content-area .title-top br{ display: none;}
.blog-home .content-area .title-top span{ margin-top:0;margin-left: 0;}
.content-area .title-top{}
.img-content-full.beforeImg::before{ display: none;}
.text-center-colm{flex-direction: column;}
.text-center-colm .right-text-area{ width: 100%; }
.text-center-colm{padding: 4%;padding-top: 0;width: 100%;/* position: static; *//* transform: translate(0%, 0%); */}
.slide-bg-img.big-banner-img {width: 48% !important;opacity: .7;margin-bottom: 60px;}
.text-center-colm h2{ font-size:40px;}
.online-form-popup.active{ overflow: auto;}
}


@media screen and (max-width:820px){
.about-home{margin-bottom:30px;}
footer .right-contact h5{ margin-top:30px;}
.about-home .line span{ margin-top:20px; margin-bottom:0px;}
.formArea .center .right{ width:100%;}
.formArea .center .right .formArea {display: flex;width: 100%;flex-wrap: wrap;padding-top: 50px;padding: 0 !important;margin-top: 20px;}
.formArea .center .right .col-lg-4{ margin-bottom: 20px;}
.left-position .treatments-box a span {left: 0;right: auto;text-align: center;display: flex;justify-content: center;align-items: center;width: 100%;}
.img-content-full{ margin-bottom: 0 !important ;}
.treatments.left-position{ padding: 0;}
.slide-bg-img.big-banner-img {width: 90% !important;opacity: 1;margin-bottom: 60px;left: 0;margin-top: 0;}
.tedavi-slide .item{ display: flex; flex-direction: column-reverse;}
.right-contact button{ width:100%;}
.right-contact button::after{ display: none;}
.text-center-colm {
position: static; 
transform: translate(0%, 0%);
}

.about-home .left-content h4 br{ display: none;}
.about-home .right-img img {
width: 80%;
display: block;
margin: auto;
position: relative;
left: 6%;
margin-bottom: 90px;
}
.meeting-btn{ margin-bottom: 30px;}
.img-content-full .bg {
display: block;
width: 100%;
height: 300px;
object-fit: cover;
}
.img-content-full{ display: flex; flex-direction: column;}
.img-content-full .text-area {
position: static;
right: 4%;
top: 50%;
display: flex;
flex-direction: column;
line-height: 1;
transform: translate(0%,0%);
z-index: 2;
width: 100%;
text-align: center;
margin-top: 20px;
}
.img-content-full .text-area span br, .img-content-full .text-area small br{ display: none;}
.blog-img-box {
padding-left: 0px !important;
}
.blog-slider.owl-theme .owl-nav{ display:none;}
.right-contact .col-lg-6 p {
color: #9d9d9d;
}
.footer-right-content .titleSub-area{margin-bottom: 5px !important;}
.footer-right-content .row div{margin-bottom: 17px;}
.menu-bg {position: absolute;right: -37%;top: 13%;width: 160%;pointer-events: none;opacity: .8;}
.bottom-about-text h5{ font-size:24px; margin-bottom: 10px;}
.menu-logo{ left:10px; top:20px;}
.menu-logo img{ height:40px;}
nav a{font-size: 24px;}
.slide-bg-img {display: block;width: 83% !important;margin: auto;position: relative;left: 10%;}
.top-title-row {margin-top: 100px;margin-bottom: 10px;}
nav .item-link{ font-size:40px;}
nav .item-link a.arrow::after{ height:100%; top:0;}
footer::after{ display: none;}
.logo{ position: relative; z-index: 6;}
.logo img{ height:40px;}
nav {position: absolute;left: 0%;top: 50%;transform: translate(0%,-50%);display: flex;flex-direction: column;width: 100%;padding: 8%;text-align: center;}
.invisalign-container h2{font-size: 32px;margin-bottom: 0;}
.row.mt-5.invisalign-container{ margin-top:0 !important;padding: 0 15px;margin-bottom: 60px;}
.row.mt-5.invisalign-container .left-box{ margin-top: 0 !important;}
.comments-page .item{ width:100%;}
.comments-page::after{ display: none;}
.content-text-area.mb-5{ margin-bottom:0 !important;}
.blog-detail .col-lg-6 img{ width:100%; display: block;}
.date-right{ margin-top:25px;}
.blog-home {margin-top: 40px;margin-bottom: 30px;position: relative;}
.map iframe {width: 100%;margin-top: 40px;height: 300px;filter: grayscale(100%);margin-bottom: 30px;}
.blog-home .right-blog .title-area .title-sub{margin-top: 30px;color: #a5a5a5;}
.beforeAfterImages h5, .text-col-2 h3, .what-invisalign h4, .col-2-box-invisalign h3, .invisalign-box-content-2 h4{ font-size:24px;line-height: 1.4;}
.what-invisalign .in .row{ margin-top:0 !important}
.full-content-invisalign .left{ width:100%;margin-top: 30px;}
.full-content-invisalign .right-content{ width:100%;}
.full-content-invisalign .left img{ right:0;}
.invisalign-container svg{ display: none;}
.full-content-invisalign .right-content {
padding: 20px 40px !important;
}

.treatments-box a span{ width:100%; left:0;right: auto;bottom: 8%;text-align: center;}
}

.mobile-fixed-menu{
    display:none;
}

@media screen and (max-width: 640px){

    .mobile-fixed-menu{
        display:block;
        position:fixed;
        bottom:0;
        z-index:99;
        width:100%;
    }

    .mobile-fixed-menu .left{
        width:50%;
        background:#58595B;
        color:#fff;
        float:left;
    }

    .mobile-fixed-menu .right{
        width:50%;
        background:#25d366;
        color:#fff;
        float:left;
    }

    .mobile-fixed-menu .right a,.mobile-fixed-menu .left a{
        color:#fff;
        text-align:center;
        padding:15px 0;
        display:block;
        font-weight:bold;
    }

    .whatsapp-icon{
        display:none;
    }

    .blog-home .right-blog .text-right a{
        margin-bottom:20px;
    }
.img-invisalign-full img{ display: block; width:100%; height:200px; object-fit: cover;}
.klinic-box{ margin-bottom:20px;}
.cdImage.in {
margin-bottom: 50px;
}
.cdImage.in {
grid-template-columns: repeat(auto-fill, 48%);
grid-gap: 1%;
}
.container.mt-5{ margin-top:20px !important;}
footer .title-sub-bottom{ margin-top:15px !important}
.treatments .content-area .title-top, footer .title-sub-bottom {font-size: 28px;}
.corporate-page.container{ margin-top:0 !important}
.blog-home .right-blog{ flex-direction: column;}
.blog-home .right-blog .title-area {width: 100%;margin-bottom: 30px;}
.blog-home .text-right{width:100%; padding-left: 0;}
.container{ padding: 15px !important;}
.img-content-full .bg{ height:210px;}
.btns-comment{ flex-direction: column; height:auto; }
.btns-comment a{ height:auto; padding: 10px 0; width:100%; margin-bottom:20px; }
footer{ padding: 10px;}
img.slide-bg {width: 72% !important;}
.meeting-btn span{ height:50px;}
.meeting-btn {margin-top: 20px;}
.comments, .treatments,.about-home{ padding: 10px;}
.about-home .left-content h4, .about-home .left-content h3{ width:100%;}
.menu-icon {position: absolute;margin-left: 0;padding: 0;cursor: pointer;z-index: 22;right: 25px;top: 10px;width: 60px;height: 40px;}
.menu-icon.active{top: 22px;}
header{padding: 0 !important;}
.meeting-btn a small{ font-size:26px;}
.about-home .left-content h4, .about-home .left-content h3 {font-size: 22px;}
.klinic-box, .certificates-boxs{ max-width:100%;}
.certificates .titleSub{ margin-bottom:-30px !important;}
.klinic-box .row.mt-5{ margin-top:-20px !important}
.certificates-boxs{ margin-bottom: 20px;}
.img-content-full img {height: 260px;object-fit: cover;}
.content-text-area {margin-bottom: 70px;}
.col-lg-6.img{padding: 0 !important;margin: 10px 0 0 0 !important;display: flex;align-items: center;justify-content: center;padding-left: 10px !important;}
.col-lg-6.img img{ display: block;}
.content-text-area{ margin-bottom: 0;}
.footer-bottom{ padding-bottom: 0;}
.logo-footer-1 img{ height:40px;}
.commentAddForm{ padding: 20px;}
.formItems .col-6{ width:100%; margin-top:20px;}
#yorum-ekle{ padding-top:0 !important;}
.comments-page .col-lg-12{ padding: 0 !important;}
small{ font-size:24px !important;}
.comments-slider .item p{font-size:13px;}
.formArea .center .right .formArea input{ border-radius: 0 !important;}
.comments::after{ opacity: .6;}
.online-form-popup .menu-bg{ display: none !important;}
.textAnim3{ font-size: 24px; top: -2px;}
.img-content-full .text-area span, .img-content-full .text-area small{ font-size:18px !important;}
}