@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;600&display=swap);
a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{font-family:Inter,sans-serif}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none}
:focus{outline:0}
.clear{clear:both}
img{max-width:100%;height:auto}
.ty-wrapper{width:100%;height:100vh;display:table;background-color:#333}
.ty-vertical{display:table-cell;vertical-align:middle;text-align:center;font-size:25px;color:#fff}
.header{width:100%;float:left;background:#fff}
.container{max-width:1400px}
.header-top{width:100%;float:left;position:relative;padding:5px 0;border-bottom:1px solid #eee}
.header-top .container{display:flex;align-items:center;justify-content:space-between}
.top-phone{color:#a7a7a7;font-size:14px}
.top-phone strong{margin-right:10px}
.top-phone a{color:#01A5EA}
.top-phone a i{margin-right:5px;color:#01A5EA}
.top-social a{color:#a7a7a7;margin-left:10px;transition:all ease-in-out .3s;text-decoration:none!important;font-size:14px}
.header-main{width:100%;float:left;padding:20px 0;transition:all ease-in-out .3s}
.logo{width:270px;float:left}
.header-main .container{display:flex;align-items:center;justify-content:space-between}
.main-menu ul li{float:left;margin:0 15px}
.main-menu ul{display:inline-block}
.main-menu ul li a{padding:10px 0!important;float:left;color:#454545;text-decoration:none!important}
.main-menu .dropdown-menu a{padding:6px 20px!important;font-size:14px;font-weight:400;opacity:.8}
.main-slider{width:100%;float:left;position:relative}
.search{width:200px;position:relative;transition:all ease-in-out .3s}
.search input{width:100%;height:45px;background:#f5f5f5;border-radius:30px;font-size:14px;box-sizing:border-box;padding-left:15px;border:1px solid #eee;float:left;transition:all ease-in-out .3s;padding-right:50px}
.search button{width:35px;height:45px;margin-left:-45px;position:relative;float:left;border:none;background:0 0;cursor:pointer}
.slider-bg{width:100%;height:calc(100vh - 132px);background-size:cover;background-position:center;position:relative}
.main{width:100%;float:left;position:relative;overflow:hidden}
.slide-col-bg{width:100%;height:calc(52vh - 100px);margin-bottom:30px;background-size:cover;float:left;background-position:center;position:relative;display:flex;align-items:center;list-style:ce;justify-content:center;text-align:center}
.social-links{float:left}
.kurlar{float:left;margin-left:30px}
.kurlar button{font-size:12px;border:none;background:#fff;color:#a7a7a7;padding:0;border:1px solid #ccc;padding:2px 10px;border-radius:20px;outline:0;margin-left:4px}
.slide-col-bg:before{content:"";position:absolute;width:100%;height:100%;background:rgba(0,0,0,.5);left:0;top:0}
.slide-col-bg .ortala{width:100%;float:left;position:relative;color:#fff;box-sizing:border-box;padding:0 50px}
.slide-col-bg i{font-size:50px;margin-bottom:15px}
.slide-col-bg h2{width:100%;float:left;margin-bottom:10px;font-family:Montserrat,sans-serif;font-size:22px}
.slide-col-bg p{font-size:14px;font-weight:400;margin-bottom:15px}
.slide-col-bg a{font-size:12px;color:#fff;border:1px solid #fff;padding:7px 20px;display:inline-block;border-radius:20px;text-decoration:none!important;background:rgba(255,255,255,.2);transition:all ease-in-out .3s}
.slide-col-bg a:hover{background:#01A5EA;background:-moz-linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);background:-webkit-linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);background:linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);border:1px solid #01A5EA}
.owl-nav{position:absolute;top:40%;z-index:2;width:100%}
.slider-bg:before{content:"";position:absolute;width:100%;height:100%;background:rgba(0,0,0,.3);left:0;top:0}
.main-slider .owl-next,.main-slider .owl-prev{width:80px;height:80px;position:absolute;border:1px solid #fff;display:flex;align-items:center;justify-content:center;color:transparent;transform:rotate(45deg);background:rgba(255,255,255,.2);transition:all ease-in-out .3s;border-radius:10px}
.main-slider .owl-next,.urun-slider .owl-next{right:30px}
.main-slider .owl-prev,.urun-slider .owl-prev{left:30px}
.main-slider .owl-next:hover,.main-slider .owl-prev:hover{background:rgba(255,255,255,.7)}
.main-slider .owl-next:before,.main-slider .owl-prev:before{content:"\f178";font-family:'Font Awesome 5 Pro';color:#fff;font-size:35px;transform:rotate(-45deg);left:23px;position:absolute;transition:all ease-in-out .3s}
.main-slider .owl-next:hover:before,.main-slider .owl-prev:hover:before{color:#115c6a}
.main-slider .owl-prev:before{content:"\f177"}
.hizmet-box{width:100%;float:left;overflow:hidden;margin-bottom:30px}
.hizmet-col{width:100%;height:250px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center}
.hizmet-col:before{content:"";position:absolute;width:100%;height:100%;background:rgba(0,0,0,.5)}
.hizmet-col a{position:relative;color:#fff;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all ease-in-out .3s}
.hizmet-col a:hover{letter-spacing:2px}
.hizmet-col h2{font-size:28px;font-family:Montserrat,sans-serif}
.index-hakkimizda{width:100%;float:left;margin:50px 0 150px}
.hakkimizda-icerik{width:100%;float:left;box-sizing:border-box;padding-right:50px}
.title{width:100%;float:left;margin-bottom:30px}
.title strong{color:#01A5EA;font-size:20px;font-weight:400;font-family:Montserrat}
.title h3{font-size:38px;margin-top:10px;font-weight:700;color:#01A5EA}
.title h3 span{font-weight:400}
.about-sub-content p,.hakkimizda-icerik p{color:#454545;font-weight:300;margin-bottom:20px}
.about-sub-content p strong,.hakkimizda-icerik p strong{font-weight:500}
.about-1{width:70%;float:right;position:relative;box-shadow:-5px 5px 15px rgb(0 0 0 / 20%);border-radius:10px;overflow:hidden}
.about-11{width:90%;float:right;position:relative;box-shadow:-5px 5px 15px rgb(0 0 0 / 20%);border-radius:10px;overflow:hidden}
.about-2{position:absolute;width:55%;bottom:-60px;box-shadow:-5px 5px 15px rgb(0 0 0 / 20%);border-radius:10px;overflow:hidden}
.about-buttons{width:100%;float:left;margin-top:20px}
.line-btn{color:#115c6a;text-decoration:none!important;font-family:Montserrat;padding:15px 30px;border:1px solid #115c6a;display:inline-block;border-radius:30px;font-size:14px;transition:all ease-in-out .3s}
.line-btn:hover{background:#01A5EA;background:-moz-linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);background:-webkit-linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);background:linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);color:#fff}
.yellow-btn{background:#01A5EA;background:-moz-linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);background:-webkit-linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);background:linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);padding:15px 30px;color:#fff;font-family:Montserrat;font-size:14px;border-radius:30px;border:1px solid #115c6a;transition:all ease-in-out .3s;text-decoration:none!important}
.about-buttons a{margin-right:10px}
.yellow-btn:hover{background:#fff;color:#115c6f}
.baglantilar{width:100%;float:left;position:relative;overflow:hidden;margin-bottom:50px}
.links-row{background:#f4f8fc;padding:15px 0}
.links-row .container{display:flex;align-items:center;justify-content:space-between}
.links-row strong{font-size:18px;color:#01A5EA;font-family:Montserrat;text-transform:uppercase}
.links-col a{padding:10px 20px;font-size:12px;margin-left:5px;border-radius:20px;color:#64707c;box-sizing:border-box;font-weight:500;text-decoration:none!important;display:inline-block;transition:all ease-in-out .3s;background:#fff;border:1px solid #fff}
.links-col a:hover{color:#0f477a;border:1px solid #01A5EA}
.box-url{width:100%;height:110px;display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;-webkit-align-items:center;-moz-box-align:center;align-items:center;-moz-border-radius:4px;border-radius:10px;-moz-box-shadow:0 2px 4px 0 rgba(0,0,0,.2);box-shadow:0 2px 4px 0 rgb(0 0 0 / 20%);border:1px solid #e8eaec;background-color:#fff;color:#263238;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:19px 5px 19px 15px;text-decoration:none!important}
.box-url img{width:75px}
.box-url-row{width:100%;float:left;padding:0 0 50px}
.box-url-content{width:calc(100% - 110px);font-size:14px;color:#263238;margin-left:20px}
.box-url-content strong{font-weight:600;margin-bottom:5px;width:100%;float:left}
.box-url-content p{font-size:12px;line-height:16px;font-weight:300}
.populer-sayfalar{width:100%;float:left;margin-bottom:50px;margin-top:30px}
.title-full{width:100%;float:left;margin-bottom:30px}
.title-full h2{font-size:24px;font-weight:600;color:#0f4f70}
.sayfalar-slider{width:100%;float:left;position:relative}
.sayfa-box{position:relative;cursor:pointer;width:100%;height:auto;-moz-border-radius:3px;border-radius:10px;background-color:#fff;border:1px solid rgba(34,52,69,.1);float:left;margin-bottom:5px}
.sayfa-box-image{width:100%;height:200px;background-size:cover;border-radius:10px;float:left;margin-bottom:15px;background-position: center center}
.sayfa-box a{width:100%;float:left;padding:15px;box-sizing:border-box}
.sayfa-box-content{width:100%;float:left}
.sayfa-box-content h3{font-size:16px;color:#263238;margin-bottom:10px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.sayfa-box-content p{font-size:13px;color:#263238;margin-bottom:10px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-weight:300}
.sayfa-box-footer{width:calc(100% + 30px);float:left;border-top:1px solid rgba(0,0,0,.1);margin-top:10px;margin-left:-15px;box-sizing:border-box;padding:10px 15px 0}
.sayfa-box-footer span{font-size:14px;color:#0f4f70;letter-spacing:-.5px;transition:all ease-in-out .3s;display:flex;align-items:center}
.sayfa-box-footer span i{margin-left:10px;top:2px;position:relative;transition:all ease-in-out .3s}
.sayfa-box-footer span:hover i{margin-left:15px}
.sayfalar-slider .owl-nav{position:absolute;top:-70px;right:0;width:auto}
.sayfalar-slider .owl-next,.sayfalar-slider .owl-prev{float:left;margin-left:15px;color:transparent;width:30px}
.sayfalar-slider .owl-next:before,.sayfalar-slider .owl-prev:before{content:"\f32b";font-family:'Font Awesome 5 Pro';color:#e8eaec;font-size:34px;right:0;transition:all ease-in-out .3s}
.sayfalar-slider .owl-next:hover:before,.sayfalar-slider .owl-prev:hover:before{color:#0f4f70}
.urun-slider .owl-next,.urun-slider .owl-prev{width:50px;height:50px;float:left;position:absolute;color:transparent}
.urun-slider .owl-next:before,.urun-slider .owl-prev:before{content:"\f32b";font-family:'Font Awesome 5 Pro';color:#e8eaec;font-size:46px;right:0;top:0;transition:all ease-in-out .3s}
.sayfalar-slider .owl-prev:before,.urun-slider .owl-prev:before{content:"\f32a"}
.youtube-widget{width:100%;float:left;margin:20px 0 50px}
.youtube-row{width:100%;float:left;box-sizing:border-box;padding:20px 30px;background:#f4f8fc;overflow:hidden}
.youtube-img{text-align:center}
.youtube-img img{width:150px}
.youtube-content strong{font-size:30px;font-family:Montserrat;float:left;font-weight:300;color:#0f4654}
.youtube-row .row{align-items:center}
.youtube-btn{text-align:right}
.youtube-btn a{background:#ff1a1a;color:#fff;padding:15px 30px;border-radius:10px;margin-right:50px;text-decoration:none}
.parallax-row{width:100%;float:left;position:relative;padding:150px 0;margin-bottom:100px;background-attachment:fixed;background-position:center;background-position:50% 0;background-size:cover}
.parallax-row:before{content:"";position:absolute;width:100%;float:left;height:100%;background:rgba(0,0,0,.6);top:0}
.parallax-row .row{position:relative;color:#fff;text-align:center}
.parallax-row h3{font-size:46px;font-family:Montserrat;width:100%;margin-bottom:25px}
.parallax-row p{width:60%;margin:0 20% 50px;float:left;font-size:18px;font-weight:300;line-height:30px}
.parallax-row a{width:auto;display:inline-block;padding:15px 30px;border:1px solid #fff;border-radius:30px;font-size:14px;color:#fff;position:relative;margin-left:50%;left:-90px;transition:all ease-in-out .3s;text-decoration:none!important;font-weight:600}
.parallax-row a:hover{background:#fff;color:#01A5EA}
.fiyatlar-widget{width:100%;float:left;margin-bottom:100px;overflow:hidden}
.fiyat-widget-content{width:100%;float:left;box-sizing:border-box;padding-right:50px;padding-top:50px}
.fiyat-widget-content>img{position:absolute;width:98%;opacity:.6;left:0;z-index:-1;top:0}
.sub-title{width:100%;float:left;margin-top:50px;margin-bottom:50px}
.sub-title span{font-size:24px;margin-bottom:10px;width:100%;float:left;font-weight:500;color:#105f6e}
.sub-title h2{font-size:52px;font-family:Montserrat;font-weight:300}
.fiyat-widget-img img{width:100%}
.sub-title h2 strong{background:#01A5EA;background:-webkit-linear-gradient(to left,#01A5EA 0,#0f4553 100%);background:-moz-linear-gradient(to left,#01A5EA 0,#0f4553 100%);background:linear-gradient(to left,#01A5EA 0,#0f4553 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.video-widget{width:100%;float:left;position:relative;margin-bottom:100px}
.video-bg{width:55%;float:left;height:600px;background-size:cover;background-position:center}
.video-widget-color{width:70%;float:left;height:600px;margin-left:-25%;position:relative;overflow:hidden}
.video-widget-color:before{content:"";position:absolute;width:100%;height:100%;float:left;background:#f1f4f4;transform:skewX(-35deg);right:-16%}
.video-widget-content{position:relative;width:600px;float:right;margin-right:calc((100vw - 1400px)/ 2)}
.video-widget-content .sub-title{margin-bottom:30px;margin-top:100px}
.video-widget-content p{font-weight:300;line-height:28px;margin-bottom:20px}
@keyframes pulse-ani{
to{box-shadow:0 0 0 18px rgba(255,255,255,.3)}
}
.video-btn{width:100px;height:100px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#a6b4b5;font-size:40px;float:left;margin:20% 30%;transition:all ease-in-out .3s;position:relative;animation:pulse-ani 2s infinite 3s cubic-bezier(.25,0,0,1);box-shadow:0 0 0 0 #fff;text-decoration:none!important}
.video-btn:hover{transform:scale(1.1);color:#01A5EA}
.duyurular-widget{width:100%;float:left;position:relative;margin-bottom:100px}
.instagram-widget{width:100%;float:left;position:relative;margin-bottom:100px}
.center-title{width:100%;float:left;margin-bottom:50px;margin-top:50px;text-align:center}
.center-title h3{font-family:Montserrat;font-size:36px;margin-bottom:10px;color:#01A5EA}
.center-title p{font-size:18px;font-weight:300}
.instagram-row{width:100%;float:left;box-sizing:border-box;padding:20px;display:flex;align-items:center;justify-content:center}
.instagram-row a{width:calc(20% - 30px);margin:15px;display:inline-block;box-shadow:0 5px 10px rgba(0,0,0,.2)}
.w100{width:100%;float:left}
.mt-30{margin-top:30px}
.yellow-btn i{font-size:18px;margin-right:10px}
.ebulten-widget{background:#01A5EA;background:-moz-linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);background:-webkit-linear-gradient(270deg,#01A5EA 0,rgba(15,69,83,1) 100%);background:linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);width:100%;float:left;padding:30px 0}
.ebulten-form button img{width:35px}
.ebulten-form button{background:0 0;display:flex;align-items:center;float:right;border:1px solid #fff;padding:10px 20px;border-radius:30px;width:180px;height:60px;justify-content:center;background:#fff;color:#0f515f;font-weight:600}
.ebulten-form button span{font-size:14px}
.ebulten-form input{width:calc(100% - 200px);height:60px;color:#fff;background:0 0;border:1px solid #fff;border-radius:30px;box-sizing:border-box;padding:0 45px;float:left}
.ebulten-content strong{color:#fff;font-family:Montserrat;font-size:28px;font-weight:400;margin-bottom:7px;width:100%;float:left}
.ebulten-content p{color:#fff;font-size:16px;font-weight:300}
.ebulten-widget .row{align-items:center}
.sms-widget input::-webkit-input-placeholder{color:rgba(255,255,255,.7)}
.sms-widget input:-ms-input-placeholder{color:rgba(255,255,255,.7)}
.sms-widget input::placeholder{color:rgba(255,255,255,.7)}
footer{width:100%;float:left;background: #026796;padding-top:70px}
.footer-title{width:100%;float:left;color:#fff;font-family:Montserrat;margin-bottom:40px;padding-bottom:10px;position:relative;font-size:16px}
.footer-title:before{content:"";position:absolute;width:50px;height:1px;background:#fff;bottom:0}
.footer-contact ul{display:inline-block;margin-bottom:30px;width:90%}
.footer-contact ul li{color:#fff;font-size:14px;margin-bottom:15px;line-height:22px;width:100%;float:left}
.footer-contact ul li i{font-size:18px;margin-right:10px;width:20px;float:left;position:relative;top:2px}
.footer-contact ul li a,.footer-contact ul li span{color:#fff;font-weight:300;opacity:.8;width:calc(100% - 30px);float:left}
.app-btns{width:97%;float:left}
.app-btns a{background:#000;float:left;width:calc(50% - 15px);margin-right:15px;box-sizing:border-box;padding:10px 15px;border-radius:10px;color:#fff}
.app-btns a i{font-size:24px;width:25px;float:left;margin-right:10px;position:relative;top:2px}
.app-btns a span{font-size:9px;width:calc(100% - 35px);float:left}
.app-btns a strong{width:calc(100% - 35px);float:left;font-size:12px}
.footer-menu{box-sizing:border-box;padding-left:30px}
.footer-menu ul li{width:100%;float:left;margin-bottom:5px}
.footer-menu ul li a{font-size:14px;color:#fff;font-weight:300;opacity:.8}
.footer-menu ul li a:hover{opacity:1}
.copyright{width:100%;float:left;border-top:1px solid rgb(255 255 255 / 20%);margin-top:50px;padding:25px 0;text-align:center;color:#fff;font-size:13px;font-family:Montserrat;font-weight:300;letter-spacing:.5px}
.search-close{display:none;font-size:30px;cursor:pointer}
.search-row{display:none;width:100%;max-height:300px;background-color:#fff;position:absolute;z-index:4;top:120px;padding:0 0 30px}
.search-list{width:435px;margin:auto}
.search-list strong{font-size:12px;color:#939393;width:100%;margin-bottom:15px;float:left;font-weight:300}
.search-list ul li{margin-bottom:5px}
.search-list ul li a{color:#424242;font-size:14px}
.search-list ul li a:hover{color:#000}
.dropdown-shadow,.search-shadow{position:fixed;width:100%;height:calc(100vh - 140px);background:rgba(0,0,0,.5);z-index:3;left:0;bottom:0;display:none}
.menu{position:relative}
.search.active{width:700px}
.facebook:hover{color:#3b5998}
.twitter:hover{color:#00acee}
.instagram:hover{color:#dd2a7b}
.youtube:hover{color:#e62117}
#head.fixed_header{position:fixed;top:0;left:0;background-color:#fff;z-index:9;box-shadow:0 10px 10px rgb(0 0 0 / 20%)}
.active .search-row{position:fixed;top:85px;z-index:10}
.black-shadow,.menu-btn{display:none}
.hizmet-box .row{margin-left:0!important;margin-right:0!important}
.fancybox-content{height:80vh!important}
.tanitim-filmi{width:100%;float:left;margin-bottom:100px;margin-top:50px;overflow:hidden}
.tanitim-filmi-bg{width:400px;height:400px;background-size:cover;background-position:center;margin:auto;border-radius:50%;box-shadow:0 0 20px rgba(0,0,0,.1)}
.tanitim-filmi-bg a{width:100%;float:left;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.2);border-radius:50%;text-decoration:none!important}
.film-content p{float:left;margin-bottom:30px;font-size:18px;font-weight:300;width:90%;line-height:32px}
.film-content .sub-title{margin-bottom:25px}
.film-content{width:100%;float:left;position:relative;box-sizing:border-box;padding-left:50px}
.banner{width:100%;float:left;position:relative;background-size:cover;background-position:center;padding:70px 0;margin-bottom:50px}
.banner:before{width:100%;height:100%;content:"";position:absolute;background:rgba(0,0,0,.5);top:0;left:0}
.banner .ortala{position:relative}
.banner h1{color:#fff;font-family:Montserrat;font-size:30px;margin-bottom:20px}
.breadcrumb{padding:0;background:0 0;color:#fff;display:flex;align-items:center}
.breadcrumb a{color:#fff;font-size:14px;margin-right:10px;font-weight:300}
.breadcrumb span{font-size:14px;margin-right:10px}
.breadcrumb a i{margin-right:5px}
.content{width:100%;float:left;position:relative;margin-bottom:50px}
.icerik{width:100%;float:left;box-sizing:border-box;padding:25px 30px;border:1px solid #eee;border-radius:10px;overflow: hidden}
blockquote{width:100%;float:left;background:#f7f7f7;box-sizing:border-box;padding:30px 30px 30px 100px;margin-bottom:30px;border-left:5px solid #105f6d;font-family:Montserrat;font-size:20px;font-weight:300;color:#525252;line-height:34px;letter-spacing:-.5px;position:relative}
blockquote:before{content:"\f10d";font-size:50px;font-family:'Font Awesome 5 Pro';position:absolute;left:25px;color:#105f6d}
.icerik p{color:#424242;margin-bottom:20px;font-weight:300}
.icerik a{color:#105f6d;font-weight:500;text-decoration:underline}
blockquote p{margin-bottom:0!important}
.icerik h2,.icerik h3{margin-bottom:20px;font-family:Montserrat;font-size:30px;margin-top:10px;width:100%;float:left;color:#105f6d}
.icerik h3{font-size:26px}
.icerik table{margin-bottom:20px;border:1px solid #387985!important;margin-top:15px!important;width:100%;float:left;border-radius:7px;overflow:hidden}
thead{background:#387985}
table.dataTable thead td,table.dataTable thead th{border-bottom:1px solid #fff!important;border-left:1px solid #fff!important;text-align:center;vertical-align:middle;color:#fff;font-size:14px}
table.dataTable tbody tr:nth-child(even){background:#fff}
table.dataTable tbody tr td{font-size:14px;color:#525252;padding:15px 10px}
thead tr td:nth-child(1),thead tr th:nth-child(1){border-left:0!important}
tbody tr:hover td{background:#eaebeb}
.dataTables_filter input{border-radius:20px!important;padding-left:20px!important;box-sizing:border-box!important}
.fiyat-widget-img{text-align:center;padding:20px;box-sizing:border-box}
.fiyat-widget-img img{border-radius:50%;width:75%;box-shadow:0 0 20px rgb(0 0 0 / 10%)}
.sms-widget{width:100%;float:left;position:relative;box-sizing:border-box;padding-right:30px}
.kayit-icn{width:100px;height:100px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;float:left;margin-right:30px;box-sizing:border-box;border:5px solid #e5fff7}
.kayit-icn img{width:65%}
.kayit-content{width:calc(100% - 130px);float:left;color:#fff}
.kayit-content p{font-weight:300;margin-bottom:10px;font-size:15px}
.kayit-content p strong{font-weight:700}
.kayit-content input{width:calc(100% - 120px);float:left;height:50px;box-sizing:border-box;padding-left:20px;border-radius:10px;font-size:14px;margin-bottom:10px;background:0 0;border:1px solid rgb(255 255 255 / 50%);color:#fff}
.checkbox input{width:17px;height:17px}
.kayit-content button{width:100px;height:50px;margin-left:10px;border-radius:10px;border:none;font-size:14px;cursor:pointer;outline:0;box-shadow:none;background:#e5fff7;float:left;margin-bottom:10px;transition:all ease-in-out .3s}
.kayit-content button:hover{background:#fff}
.kayit-content .checkbox{line-height: 12px}
.checkbox{width:100%;float:left}
.checkbox label{font-size:11px;margin-left:8px;font-weight:300;opacity:.7}
.checkbox label a{color:#fff;font-weight:400;text-decoration:underline}
.br-white{border-right:1px solid rgb(255 255 255 / 50%)}
.mail-widget{padding-left:30px;padding-right:0}
.download-btn{padding:10px 20px;border:1px solid #ccc;display:inline-block;margin-bottom:15px;border-radius:10px;color:#525252!important;text-decoration:none!important}
.download-btn i{font-size:20px;margin-right:13px}
.accordion>.card>.card-header{cursor:pointer;padding:1rem 1.25rem;position:relative}
.accordion>.card>.card-header h4{font-size:16px;margin-bottom:0}
.accordion>.card>.card-header:before{content:"\f078";position:absolute;font-family:'Font Awesome 5 Pro';right:1.25rem}
.accordion{margin-bottom:20px}
.accordion ul{list-style:disc;margin-left:20px;width:calc(100% - 20px)}
.accordion ul li{margin-bottom:5px}
.accordion ul li a{font-weight:300;color:#424242;text-decoration:none;font-size:15px}
.accordion ul li a:hover{text-decoration:underline;color:#01A5EA}
.sidebar-tab-menu{width:100%;float:left}
.sidebar-tab-content{width:100%;float:left}
.sidebar-tab-menu a{color:#495057;padding:15px 20px;display:inline-block;width:100%;float:left;box-sizing:border-box;border:1px solid #fff;border-radius:7px 7px 0 0!important;position:relative;z-index:2}
.sidebar-tab-menu a.active{border:1px solid #eee!important;border-bottom:1px solid #fff!important;bottom:-1px;font-weight:500;color:#105f6d!important}
.sidebar-tab-content .list-group-item{font-size:14px;color:#424242;border:1px solid #eee}
.sidebar-menu a:before,.sidebar-tab-content .list-group-item:before{content:"";position:absolute;width:5px;height:0;background:#105f6d;left:0;top:0;transition:all ease-in-out .3s}
.sidebar-menu a:hover:before,.sidebar-tab-content .list-group-item.active:before,.sidebar-tab-content .list-group-item:hover:before{height:100%}
.sidebar-menu a:hover,.sidebar-tab-content .list-group-item:hover{text-decoration:none;background:#f4f8fc}
#footer-bar{position:fixed;bottom:15px;left:0;right:0;z-index:98;backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);background:rgba(255,255,255,.55);box-shadow:0 -5px 5px 0 rgb(0 0 0 / 4%);height:65px;display:none;text-align:center;border-radius:30px}
#footer-bar a:not(.btn){padding-top:12px;position:relative;flex:1 1 auto;color:#1f1f1f;max-width:20%;text-decoration:none!important}
#footer-bar a:not(.btn) i{margin-top:1px;display:block;font-size:20px;position:relative;z-index:2;height:25px;margin-bottom:5px}
#footer-bar a:not(.btn) span{position:relative;z-index:2;display:block;font-size:11px;line-height:15px;font-weight:500;margin-top:-3px;opacity:.8;font-family:roboto,sans-serif!important}
#footer-bar .circle-nav-2::before{content:"";position:absolute;top:50%;left:50%;width:50px;height:50px;margin-top:-25px;margin-left:-5px;border-radius:20px;background:inherit;z-index:-1;transform:scale(.75) translate(-55%,-45%);filter:blur(8px);background:#01A5EA;background:-moz-linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);background:-webkit-linear-gradient(270deg,#01A5EA 0,rgba(15,69,83,1) 100%);background:linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%)}
#footer-bar .circle-nav-2 i{color:#fff!important;transform:translateY(-18px);font-size:20px!important}
#footer-bar .circle-nav-2::after{position:absolute;content:"";width:50px;height:50px;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:-25px;border-radius:20px;z-index:-1;background:#01A5EA;background:-moz-linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);background:-webkit-linear-gradient(270deg,#01A5EA 0,rgba(15,69,83,1) 100%);background:linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%)}
#adres-toggle{backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);background:rgba(255,255,255,.55);box-shadow:0 -5px 5px 0 rgb(0 0 0 / 10%);border-radius:20px;width:100px!important;min-width:100px}
#adres-toggle a.dropdown-item{width:100px;padding:5px;max-width:100%!important;margin:0!important;text-align:center}
.sidebar-buttons{width:100%;float:left;margin:30px 0}
.sidebar-buttons a i{font-size:18px;margin-right:15px}
.sidebar-buttons a{width:100%;text-align:center}
.sidebar-contact{width:100%;float:left;border:1px solid #eee;box-sizing:border-box;border-radius:7px}
.sidebar-contact-head{width:100%;float:left;text-align:center;padding:20px;background:#f4f8fc;border-bottom:1px solid #eee;color:#10616f;font-family:Montserrat;font-weight:700}
.sidebar-contact-content{width:100%;float:left;box-sizing:border-box;padding:15px;text-align:center}
.sidebar-contact-content p{font-size:14px;margin-bottom:20px}
.sidebar-tel{width:100%;float:left;margin-bottom:30px;text-align:center;font-size:28px;font-family:Inter;color:#106270!important;text-decoration:none!important}
.sidebar-tel i{margin-right:15px}
.sidebar-contact-content .yellow-btn{display:inline-block;margin-bottom:10px}
.hesap-icn{width:50px;background:#01A5EA;background:-moz-linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);background:-webkit-linear-gradient(270deg,#01A5EA 0,rgba(15,69,83,1) 100%);background:linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);height:50px;box-sizing:border-box;padding:15px;border-radius:50%;margin:auto;margin-bottom:5px}
.agirlik-hesaplama{width:100%;float:left;background:#f4f8fc;padding:70px 0}
.agirlik-hesaplama h2{font-family:Montserrat;margin-bottom:50px;color:#106270}
.agirlik-hesaplama .tab-content{background:#fff;padding:50px 30px 30px;border:1px solid #dee2e6;border-top:0;border-radius:10px;border-top-left-radius:0}
.agirlik-hesaplama .nav-tabs .nav-link{text-align:center;color:#0f4a58;font-weight:600;padding:10px 35px;border-top-left-radius:10px;border-top-right-radius:10px}
.hesaplama-input{width:100%;float:left;margin-bottom:20px;position:relative;display:flex;align-items:center}
.hesaplama-input label{width:100px;float:left;text-align:right;box-sizing:border-box;padding-right:10px}
.hesaplama-input input{width:calc(100% - 200px);float:left;margin-right:5px;height:50px;outline:0!important;box-shadow:none!important;border-radius:10px}
.hesaplama-input select{width:95px;float:left;outline:0!important;box-shadow:none!important;height:50px;border-radius:10px}
.hesaplama-submit{width:100%;float:left;text-align:right}
.sidebar-close{position:absolute;top:20px;right:20px;font-size:36px;color:#424242}
.icerik h4{margin-bottom:15px;border-left:5px solid #116977;padding:5px 20px;color:#116977}
.icindekiler{background:#f4f8fc;margin-bottom:30px;display:inline-block;padding:20px 30px;border-radius:7px;border:1px solid #eee;position:relative;transition:all ease-in-out .3s}
.icindekiler strong{font-family:Montserrat;text-transform:uppercase;color:#105f6d;cursor:pointer}
.icindekiler i{font-size:18px;float:right;top:-2px;position:relative;color:#105f6d;cursor:pointer;margin-left:10px;transition:all ease-in-out .3s}
.icindekiler.active i{transform:rotate(180deg);top:6px}
.icindekiler ul{margin-top:20px;list-style:revert;margin-left:20px}
.icindekiler ul li{margin-bottom:5px}
.icindekiler ul li a{font-size:14px;color:#424242;text-decoration:none;font-weight:400}
.icindekiler ul li ul{margin-top:5px;margin-left:20px}
.icindekiler ul li a:hover{text-decoration:underline}
table.dataTable tbody tr td i{margin-left:4px}
table.dataTable tbody tr td i.fa-caret-down{color:red}
table.dataTable tbody tr td i.fa-caret-up{color:green}
.hesaplama-page{margin-bottom:70px}
.alignright{float:right;margin-left:30px;margin-bottom:20px}
.mt-30{margin-top:30px}
.mt-70{margin-top:70px}
.mt-50{margin-top:50px}
.mb-120{margin-bottom:120px}
.about-sub-content h3{margin-bottom:25px;color:#106270;border-left:5px solid #10616f;padding-left:15px}
.about-page-image .about-2{bottom:50px}
.misyonumuz-row,.vizyonumuz-row{width:100%;float:left;position:relative;overflow:hidden}
.vizyon-content{background:#f4f8fc;box-sizing:border-box;padding:60px;padding-right:calc((100vw - 1350px)/ 2)}
.misyon-content{background:#f4f8fc;box-sizing:border-box;padding:80px;padding-left:calc((100vw - 1350px)/ 2)}
.misyon-content h3,.vizyon-content h3{background:#01A5EA;background:-webkit-linear-gradient(to left,#01A5EA 0,#0f4553 100%);background:-moz-linear-gradient(to left,#01A5EA 0,#0f4553 100%);background:linear-gradient(to left,#01A5EA 0,#0f4553 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:30px;font-family:Montserrat;text-transform:uppercase}
.misyon-content p,.misyon-content ul li,.vizyon-content p,.vizyon-content ul li{color:#454545;font-weight:300;margin-bottom:20px}
.misyon-content strong,.vizyon-content strong{font-weight:600}
.misyon-content ul,.vizyon-content ul{list-style:disc;margin-left:20px;margin-bottom:20px}
.misyon-content ul li,.vizyon-content ul li{margin-bottom:10px}
.misyon-bg,.vizyon-bg{background-attachment:fixed;background-position:50% 0;background-size:cover!important;background-position:center right!important}
.kurucumuz-row{width:100%;float:left;padding:70px 0}
.kurucu-content{width:100%;float:left;position:relative}
.kurucu-content img{float:left;margin-right:50px}
.kurucu-content p{color:#454545;font-weight:300;margin-bottom:20px}
.musteri-yorumlari{width:100%;float:left;background:#f4f8fc;padding:80px 0;position:relative;margin-bottom:-50px}
.title-center{width:100%;float:left;text-align:center;margin-bottom:50px}
.title-center strong{font-size:20px;font-weight:600;color:#525252;margin-bottom:10px}
.title-center h2{font-size:36px;font-family:Montserrat;text-transform:uppercase;margin-top:10px;font-weight:700;background:#01A5EA;background:-webkit-linear-gradient(to left,#01A5EA 0,#0f4553 100%);background:-moz-linear-gradient(to left,#01A5EA 0,#0f4553 100%);background:linear-gradient(to left,#01A5EA 0,#0f4553 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.yorumlarSlider{width:100%;float:left}
.yorumlar-col{width:100%;float:left;text-align:center;position:relative;padding:15px;box-sizing:border-box}
.yorum-logo{width:150px;height:150px;background:#fff;display:inline-block;border-radius:50%;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.2);position:relative;margin-bottom:-60px}
.yorum-icerik{width:100%;float:left;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.1);border-radius:15px;box-sizing:border-box;padding:80px 45px 25px}
.yorum-title{width:100%;float:left;margin-bottom:30px}
.yorum-title strong{width:100%;float:left}
.yorum-title strong{font-family:Montserrat;font-weight:700;background:#01A5EA;background:-webkit-linear-gradient(to left,#01A5EA 0,#0f4553 100%);background:-moz-linear-gradient(to left,#01A5EA 0,#0f4553 100%);background:linear-gradient(to left,#01A5EA 0,#0f4553 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.yorum-title span{font-size:14px}
.yorum-icerik p{font-weight:300;line-height:26px;color:#424242;min-height:250px;font-size:15px}
.owl-dots{width:100%;float:left;display:flex;align-items:center;justify-content:center;margin-top:40px}
.owl-dot{width:20px;height:20px;border:1px solid #106270;position:relative;margin:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all ease-in-out .3s}
.owl-dot:before{content:"";position:absolute;width:10px;height:10px;background:#106270;border-radius:50%;opacity:0}
.owl-dot.active:before{opacity:1}
.filterDiv{float:left;display:none}
.show{display:block}
#myBtnContainer{margin-bottom:30px;width:100%;float:left;display:flex;align-items:center;justify-content:center}
#myBtnContainer button{border:1px solid #106270;font-size:16px;color:#106270;border-radius:30px;padding:9px 30px;margin-right:5px;margin-left:5px;outline:0!important;box-shadow:none!important}
#myBtnContainer button.active{background:#01A5EA;background:-moz-linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);background:-webkit-linear-gradient(270deg,#01A5EA 0,rgba(15,69,83,1) 100%);background:linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);color:#fff}
.galeri-list{width:calc(100% + 30px);margin-left:-15px;margin-bottom:30px;float:left}
.galeri-list .filterDiv{width:calc(33.3% - 30px);height:280px;margin:15px;float:left;background-size:cover;background-position:center;border-radius:20px;box-shadow:0 5px 15px rgba(0,0,0,.2);overflow:hidden}
.galeri-list .filterDiv a{width:100%;height:100%;display:block;float:left;position:relative;display:flex;align-items:center;justify-content:center}
.galeri-list .filterDiv a:before{content:"";position:absolute;width:100%;height:100%;background:#000;opacity:0;transition:all ease-in-out .5s}
.galeri-list .filterDiv a:after{content:"\f00e";position:absolute;font-family:'Font Awesome 5 Pro';color:#fff;font-size:40px;transition:all ease-in-out .5s;transform:scale(0)}
.galeri-list .filterDiv a:hover:before{opacity:.5}
.galeri-list .filterDiv a:hover:after{transform:scale(1)}
.video-list{width:calc(100% + 30px);float:left;margin-left:-15px;margin-bottom:30px}
.video-list .filterDiv{width:calc(33.3% - 30px);background:#f4f8fc;float:left;margin:15px;border-radius:20px;box-shadow:0 10px 15px rgb(0 0 0 / 10%);overflow:hidden;margin-bottom:30px}
.video-list .filterDiv a{width:100%;float:left;height:100%;display:block;text-decoration:none!important}
.video-col-bg{width:100%;height:250px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center}
.video-col-bg:before{content:"";position:absolute;width:100%;height:100%;background:rgba(0,0,0,.2);transition:all ease-in-out .3s}
.video-col-bg span{position:relative;width:60px;height:60px;background:rgba(255,255,255,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none!important}
.video-col-bg span i{background:#01A5EA;background:-webkit-linear-gradient(to left,#01A5EA 0,#0f4553 100%);background:-moz-linear-gradient(to left,#01A5EA 0,#0f4553 100%);background:linear-gradient(to left,#01A5EA 0,#0f4553 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none!important}
.video-col-bg:hover span{animation:pulse-ani 2s infinite 0s cubic-bezier(.25,0,0,1);box-shadow:0 0 0 0 #fff}
.video-title{width:100%;height:80px;box-sizing:border-box;padding:20px 30px;font-family:Montserrat;text-align:center;color:#424242;display:flex;align-items:center;justify-content:center}
.teklif-al-formu{width:100%;float:left;margin-top:15px;margin-bottom:30px}
.teklif-al-formu .form-control{height:60px;border-radius:30px;padding-left:25px}
.mb-20{margin-bottom:20px}
.form-textarea{display:block;width:100%;height:200px;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:20px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;padding-top:20px;padding-left:25px}
.odeme-cart{width:100%;height:100px;border:1px solid #ced4da;border-radius:20px;position:relative;box-sizing:border-box;padding:30px;display:flex;align-items:center;color:#424242;cursor:pointer}
.odeme-cart input{opacity:0}
.cards-icn{position:absolute;right:25px;bottom:15px}
.cards-icn img{margin-left:5px}
.odeme-icn{font-size:26px;float:left}
.odeme-title{float:left;margin-left:15px;font-size:18px}
.odeme-cart:before{content:"";position:absolute;width:25px;height:25px;border:1px solid #ced4da;right:15px;top:38%;border-radius:50%}
.odeme-cart:after{content:"\f058";font-family:'Font Awesome 6 Free';position:absolute;font-weight:700;right:15px;top:32%;font-size:25px;color:green;opacity:0;transition:all ease-in-out .3s}
.odeme-cart.active:after{opacity:1}
.odeme-cart.active{background:#f4f8fc}
.odeme-cart label{line-height: 39px;}
.form-control:focus,.form-textarea:focus{border-color:#126e7c;box-shadow:0 0 0 .2rem rgb(16 106 120 / 25%)}
.contact-form{width:100%;float:left;border:1px solid #ccc;border-radius:20px;box-sizing:border-box;padding:30px 50px;margin-top:50px}
.contact-form h2,.iletisim-bilgileri h2{border-left:5px solid #106270;padding-left:20px;color:#1e1e1e;font-family:Montserrat;text-transform:uppercase;padding:10px 20px;margin-bottom:30px}
.contact-form .form-control{height:55px;margin-bottom:20px;border-radius:30px;padding:0 25px}
.iletisim-bilgileri{width:100%;float:left;box-sizing:border-box;padding:30px 50px;margin-top:50px}
.contact-row{width:100%;float:left;margin-bottom:20px;display:flex;align-items:center}
.contact-icn{width:70px;height:70px;border:1px solid #106270;display:flex;align-items:center;justify-content:center;font-size:30px;color:#106270;border-radius:50%;margin-right:30px}
.contact-text{width:calc(100% - 100px);float:left}
.contact-text strong{width:100%;float:left;font-family:Montserrat;font-weight:700;font-size:18px}
.contact-text a,.contact-text p{color:#424242}
.subeler-row{width:100%;float:left;background:#f4f8fc;padding:100px 0}
.contact-form .form-submit{margin-top:20px}
.sube-col{width:100%;float:left;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.1);border-radius:20px;overflow:hidden;box-sizing:border-box;padding:25px 40px;text-align:center}
.sube-col strong{font-family:Montserrat;margin-bottom:15px;width:100%;float:left;font-size:18px;color:#105f6d}
.sube-col a,.sube-col p{color:#424242;margin-bottom:10px}
.sube-col a i{margin-right:10px}
a.sube-icn{border:1px solid #10606e;display:inline-flex;padding:10px 20px;color:#10606e;margin-top:20px;border-radius:30px;font-size:14px;transition:all ease-in-out .3s;text-decoration:none!important}
a.sube-icn i{font-size:22px}
a.sube-icn:hover{background:#01A5EA;background:-moz-linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);background:-webkit-linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);background:linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);color:#fff}
.harita-popup{display:none;max-width:90vw;max-height:90vh;width:800px;height:600px}
.harita-popup iframe{width:100%;height:100%}
select{appearance:none;-webkit-appearance:none;-moz-appearance:none}
.sidebar-two-button li{width:50%}
.sidebar-menu{width:100%;float:left}
.sidebar-menu a{border:1px solid #eee;border-left:0;border-right:0;font-size:14px;color:#424242}
.sidebar-menu a:first-child{border-top:0}
.sidebar-menu a:last-child{border-bottom:0}
.sidebar-hizli-menu{width:100%;float:left;margin-top:30px;border:1px solid #eee;border-radius:7px;overflow:hidden}
.teknik-bilgiler-card{width:100%;float:left;margin-bottom:30px;box-shadow:0 10px 15px rgba(0,0,0,.1);background:#f4f8fc;border:1px solid #eee;box-sizing:border-box;border-radius:15px;overflow:hidden}
.teknik-bilgiler-card a{width:100%;float:left;display:inline-block}
.teknik-bilgiler-img{width:100%;height:250px;background-size:cover;background-position:center}
.teknik-bilgiler-noimg{width:100%;height:250px;background-size:auto;background-position:center;background-repeat:no-repeat}
.teknik-bilgiler-content{width:100%;float:left;box-sizing:border-box;padding:25px 30px;text-align:center}
.teknik-bilgiler-content h2{font-size:18px;color:#424242;font-family:Montserrat,sans-serif;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.teknik-bilgiler-card a:hover h2{color:#126e7c}
.pagination{align-items:center;justify-content:center;margin:30px 0}
.pagination ul li{display:inline-block}
.pagination ul li a{padding:10px 15px;color:#424242;text-decoration:none!important}
.pagination ul li a.active{background:#f4f8fc;border:1px solid #eee;border-radius:5px;box-sizing:border-box;color:#106270;font-weight:700}
.pagination ul li a:hover{color:#106270}
.aciklama{width:100%;float:left;border-top:1px solid #eee;padding-top:30px;margin-top:30px}
.aciklama p{margin-bottom:15px;color:#424242}
.dataTables_wrapper{overflow-x:scroll;padding-bottom:15px;margin-bottom:15px}
.dataTables_wrapper{overflow-x:scroll;padding-bottom:15px}
a.paginate_button.current{background:#f4f8fc!important;border:1px solid #eee!important;border-radius:5px!important}
a.paginate_button{font-size:14px!important;color:#424242!important}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background:#f4f8fc!important;border:1px solid #eee!important;border-radius:5px!important;color:#424242!important}
.dataTables_wrapper::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#f5f5f5}
.dataTables_wrapper::-webkit-scrollbar{width:5px;height:5px;background-color:#f5f5f5}
.dataTables_wrapper::-webkit-scrollbar-thumb{background-color:#ccc;border:none}
.dataTables_info{font-size:14px}
.icerik>img{margin-bottom:15px}
.urun-kategori-card{width:100%;height:400px;margin-bottom:30px;border-radius:20px;background-size:cover;background-position:center;overflow:hidden;position:relative;box-shadow:0 5px 15px rgba(0,0,0,.2)}
.urun-kategori-card a{width:100%;height:100%;display:block;float:left;position:relative}
.urun-kategori-card a:before{content:"";position:absolute;width:100%;height:70%;background:#000;background:-moz-linear-gradient(0deg,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(0deg,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);background:linear-gradient(0deg,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);bottom:0;left:0;transition:all ease-in-out .3s}
.urun-kategori-card h2{color:#fff;font-family:Montserrat;text-transform:uppercase;font-size:24px;font-weight:700;width:100%;float:left;position:absolute;padding:30px;bottom:10px;transition:all ease-in-out .5s}
.urun-kategori-card p{color:#fff;padding:10px 30px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;font-size:14px;line-height:24px;height:130px;position:absolute;bottom:-150px;transition:all ease-in-out .5s}
.urun-kategori-card span{color:#fff;padding:10px 30px;position:absolute;font-family:Montserrat;bottom:-150px;transition:all ease-in-out .7s}
.urun-kategori-card span i{margin-left:10px;transition:all ease-in-out .5s;position:relative;top:1px}
.urun-kategori-card a:hover:before{background:rgba(0,0,0,.7);height:100%}
.urun-kategori-card a:hover h2{bottom:300px}
.urun-kategori-card a:hover p{bottom:190px}
.urun-kategori-card a:hover span{bottom:30px}
.urun-kategori-card a span:hover i{margin-left:20px}
.aligncenter{text-align:center;margin:auto;float:none;display:block;border-radius:10px}
.icerik ul{list-style:disc;margin-left:20px;margin-bottom:15px;display:block}
.icerik ul li{color:#424242;font-weight:300}
.title-border{width:100%;float:left;margin-bottom:40px}
.title-border h3{font-family:Montserrat;font-weight:700;font-size:24px;border-left:6px solid #10616f;padding:10px 20px;color:#10616f}
.urun-card{width:100%;float:left;background:#fff;box-shadow:0 5px 15px rgb(0 0 0 / 15%);margin-bottom:30px;border-radius:20px;overflow:hidden}
.urun-img{width:100%;height:240px;background-size:cover;background-position:center}
.urun-content{width:100%;float:left;padding:20px 30px;text-align:center}
.urun-content h4{color:#10616f;font-size:22px;font-family:Montserrat;font-weight:700;margin-bottom:15px;text-transform:uppercase}
.urun-content p{color:#424242;font-weight:300}
.urun-footer{width:100%;float:left;border-top:1px solid #eee;padding:20px 30px;text-align:center}
.urun-footer span{font-size:12px;text-transform:uppercase;border:1px solid #10616f;color:#10616f;padding:12px 25px;border-radius:30px;display:inline-block;text-decoration:none!important;transition:all ease-in-out .3s}
.urun-footer span i{margin-left:5px;transition:all ease-in-out .3s}
.urun-footer span:hover i{margin-left:10px}
.urun-slider{width:100%;float:left;position:relative}
.urun-bg{width:100%;float:left;position:relative;height:500px;background-size:cover;background-position:center;border-radius:20px;overflow:hidden}
.urun-bg:before{content:"";position:absolute;width:100%;height:50%;background:#000;background:-moz-linear-gradient(0deg,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(0deg,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);background:linear-gradient(0deg,rgba(0,0,0,1) 0,rgba(0,0,0,0) 100%);bottom:0;left:0}
.urunSlider .owl-dots{margin-top:-60px}
.urunSlider .owl-dots .owl-dot{border:1px solid #fff}
.urunSlider .owl-dots .owl-dot:before{background:#fff}
.urun-detay-info{width:95%;height:500px;float:right;background:#f4f8fc;border-radius:20px;box-shadow:0 5px 15px rgb(16 98 112 / 15%);box-sizing:border-box;padding:30px 50px;position:relative}
.urun-detay-info h2{font-size:24px;font-family:Montserrat;text-transform:uppercase;font-weight:700;color:#106270;margin-bottom:5px}
.urun-detay-info h3{font-size:18px;text-transform:uppercase;letter-spacing:1px;color:#424242;margin-bottom:30px;border-bottom:1px solid #ccc;padding-bottom:30px;font-weight:100}
.urun-detay-info ul{margin-bottom:30px}
.urun-detay-info ul li{color:#424242;position:relative;line-height:28px;box-sizing:border-box;padding-left:32px;margin-bottom:5px}
.urun-detay-info ul li:before{content:"\f00c";font-family:'Font Awesome 6 Free';left:0;position:absolute;color:#106270}
.urun-detay-info a{position:absolute;width:calc(100% - 100px);box-sizing:border-box;float:left;text-transform:uppercase;text-align:center;bottom:30px}
.urun-detay-tabs{width:100%;float:left;margin-top:80px}
.urun-detay-tabs .nav-tabs li a{text-transform:uppercase;padding:15px 30px;color:#424242;border-top-left-radius:15px;border-top-right-radius:15px}
.urun-detay-tabs .nav-tabs li a.active{color:#105f6d;font-weight:600}
.urun-detay-tabs .icerik{border:1px solid #dee2e6;border-top:0;border-top-left-radius:0;border-top-right-radius:0}
.bank-col{width:100%;float:left;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.1);border-radius:15px;box-sizing:border-box;border:1px solid #eee;margin-bottom:30px}
.bank-col-head{width:100%;float:left;box-sizing:border-box;padding:15px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;background:#f4f8fc}
.bank-logo{width:40%}
.bank-logo img{max-height:50px}
.dbs-tooltip{width:165px;background:#01A5EA;background:-moz-linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);background:-webkit-linear-gradient(270deg,#01A5EA 0,rgba(15,69,83,1) 100%);background:linear-gradient(270deg,rgba(16,99,113,1) 0,rgba(15,69,83,1) 100%);color:#fff;padding:9px 0;border-radius:10px}
.dbs-tooltip strong{width:100%;float:left;text-align:center;font-size:14px}
.dbs-tooltip span{width:100%;float:left;font-size:10px;text-align:center}
.bank-col-content{width:100%;float:left;position:relative;box-sizing:border-box;padding:20px 30px 10px}
.bank-col-content ul{list-style:none;margin-left:0}
.bank-col-content ul li{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;padding:10px 0}
.bank-col-content ul li p{margin-bottom:0;font-size:14px}
.bank-col-content ul li strong{font-weight:600;margin-right:10px;width:82px;float:left;color:#10616f}
.bank-col-content ul li i{color:#767676;cursor:pointer}
.bank-col-content ul li i:hover{color:#10606e}
.bank-col-content ul li:last-child{border-bottom:0}
.copy-btn{background:0 0;border:none;padding:0;outline:0!important;box-shadow:none}
.icerik p strong{font-weight:600}
.accordion>.card>.card-header:before{transform:rotate(0);transition:all ease-in-out .3s}
.accordion>.card>.card-header.active:before{transform:rotate(180deg)}
.banka-bilgileri{margin:50px 0 30px}
.banka-bilgileri .title-border{margin-bottom:20px}
.overflow{overflow:hidden}
.collapse-btn{display:none}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    padding-right: 18px!important;
}
/* Genel Ayarlar */
.index-hakkimizda {
    padding: 50px 0;
}

.promo-box {
    display: flex;
    flex-direction: column;
    background-color: #f8f9fa;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}

/* Görsel Alanı */
.promo-box-image {
    width: 100%;
}

.promo-box-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* İçerik Alanı */
.promo-box-content {
    padding: 30px;
    text-align: center;
}

.promo-box-content h2 {
    font-size: 24px;
    color: #003F5C;
    margin-top: 10px;
}

.promo-box-content p {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
}

.line-btn {
    display: inline-block;
    padding: 12px 25px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    margin-top: 15px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Sadece Mobil İçin */
@media (max-width: 991px) {
    .promo-box {
        flex-direction: column;
    }

    .promo-box-content {
        order: 2;
    }

    .promo-box-image {
        order: 1;
    }
}

/* Desktop ve Daha Geniş Ekranlar İçin */
@media (min-width: 992px) {
    .promo-box {
        flex-direction: row;
        align-items: center;
    }

    .promo-box-image {
        width: 50%;
    }

    .promo-box-content {
        width: 50%;
        padding: 40px;
        text-align: left;
    }

    .promo-box-content h2 {
        font-size: 32px;
    }
}

/* Genel Liste Ayarları */
.rapor-icerik-ozet ul {
    list-style: none; /* Varsayılan madde işaretini kaldırır */
    padding: 0;
    margin: 20px 0;
}

.rapor-icerik-ozet li {
    position: relative;
    padding-left: 30px; /* Madde işareti için soldan boşluk bırakır */
    margin-bottom: 15px; /* Madde işaretleri arasına boşluk ekler */
    line-height: 1.6;
    color: #333;
    font-size: 16px;
}

/* Özel Madde İşareti Tasarımı */
.rapor-icerik-ozet li::before {
    content: '\f00c'; /* Font Awesome "check" ikonunu kullanır */
    font-family: 'Font Awesome 5 Free'; /* İkon fontunu belirtir */
    font-weight: 900; /* İkonun dolu (solid) versiyonunu kullanır */
    position: absolute;
    left: 0;
    top: 0;
    color: #28a745; /* İkon rengini ayarlar */
    font-size: 18px;
}

/* Mobil Cihazlar İçin (Örn: 576px'den küçük) */
@media (max-width: 576px) {
    .rapor-icerik-ozet li {
        font-size: 14px;
        padding-left: 25px;
        margin-bottom: 10px;
    }

    .rapor-icerik-ozet li::before {
        font-size: 16px;
    }
}

/* Kategori Açıklama Metni Genel Stili */
.category-description {
    font-size: 16px;
    line-height: 1.75;
    color: #495057; /* Koyu gri, okumayı kolaylaştırır */
    margin-bottom: 15px;
}

/* Anahtar Kelimeler (strong) İçin İyileştirilmiş Stil */
.category-description strong {
    font-weight: 700; /* Kalınlığı artırır */
    color: #003F5C; /* HB42'nin kurumsal rengi (koyu mavi) */
    /* İsteğe bağlı: Hafif bir arka plan veya alt çizgi eklenebilir. */
    /* border-bottom: 1px dashed #003F5C; */
}

/* Başlıklar (H2, H3, H4) İçin Ek Stiller */
.content h2, .content h3, .content h4 {
    color: #003F5C;
    margin-top: 30px;
    margin-bottom: 15px;
}

.content h2 {
    font-size: 28px;
    border-bottom: 2px solid #ffc107; /* Sarı renkte alt çizgi */
    padding-bottom: 5px;
}

.content h3 {
    font-size: 24px;
}

.content h4 {
    font-size: 20px;
    font-weight: 600;
}

/* Liste Stili (ul) - Daha iyi hiyerarşi için */
.category-description ul {
    list-style: none;
    padding-left: 0;
    margin-top: 10px;
}

.category-description ul li {
    padding-left: 20px;
    position: relative;
    margin-bottom: 8px;
    color: #333;
}

.category-description ul li::before {
    content: '\f00c'; /* Check işareti (Font Awesome gerektirir) */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #28a745; /* Yeşil check rengi */
    position: absolute;
    left: 0;
    top: 0;
}

/* Alt Hizmet Listesi İçin Özel Stil */
.content ul {
    list-style: none; /* Varsayılan madde işaretini kaldırır */
    padding-left: 20px; /* Soldan biraz boşluk bırakır */
    margin-top: 15px;
    margin-bottom: 15px;
}

.content ul li {
    position: relative;
    padding-left: 30px; /* İkon için yer açar */
    margin-bottom: 12px; /* Maddeler arasına boşluk ekler */
    line-height: 1.6;
    font-size: 16px;
    color: #333;
}


/* Mobil Cihazlar İçin Ayarlama */
@media (max-width: 767px) {
    .content ul {
        padding-left: 15px;
    }
    .content ul li {
        font-size: 15px;
        margin-bottom: 10px;
    }
}

/* Strong (Vurgulu Kelimeler) İçin Renk Kontrolü */
.content ul li strong {
    color: #003F5C; /* Kurumsal mavi rengi */
    font-weight: 700;
}