@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&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}
:root{--kirmizi:#ffbe00;--mavi:#0086f8;--yesil:#05aa4b;--sari:#ffbe00;--p-color:#696969}
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!important}
:focus{outline:0}
.clear{clear:both}
img{max-width:100%;height:auto}
.container{max-width:1300px}
.logo{width:85%}
.header{width:100%;float:left;padding:15px 0;position:relative;z-index:2;background-color:#00458b;transition:all ease-in-out .3s}
.header-menu{width:100%;text-align:center}
.header-menu ul{display:flex;justify-content:center}
.header-menu ul li ul{position:absolute;width:320px;background:#fff;border:1px solid #ddd;border-radius:15px;border-top:2px solid var(--kirmizi);overflow:hidden;display:none}
.header-menu ul li{margin:0 15px;position:relative}
.header-menu ul li a{text-transform:uppercase;color:#fff;padding:20px 0;display:block;font-size:15px;font-weight:600}
.header-menu ul li ul li{margin:0}
.header-menu ul li ul li a{padding:10px 20px;text-transform:capitalize;text-align:left;font-size:14px;color: #424242;}
.header-menu ul li ul li a:hover{color: var(--kirmizi);background: rgb(255 190 6 / 15%);}
.header-menu ul li:hover ul{display:block}
.teklif-al{float:right;margin-top:4px}
.teklif-al a{border:1px solid #fff;color:#fff;padding:12px 35px;display:block;font-weight:500;border-radius:40px;transition:all ease-in-out .4s}
.teklif-al a:hover{background:rgb(5 170 76 / 20%)}
.main{width:100%;float:left;position:relative;height:calc(100vh - 87px);background:#00458b;display:flex;align-items:center}
.main-img{position:absolute;width:62%;right:0;top:-50px;height:100vh}
.main-content{width:85%}
.main-content h1{font-size:18px;color:#fff;margin-bottom:10px}
.main-content h2{font-size:48px;font-weight:800;margin-bottom:15px;color:#fff}
.main-content p{font-weight:300;color:#ffffff;margin-bottom:30px;width:90%}
.about-content a,.main-content a{background:var(--mavi);color:#fff;padding:15px 30px;display:inline-block;border-radius:30px;box-shadow:0 10px 20px rgba(0,0,0,.2);transition:all ease-in-out .3s}
.about-content a i,.main-content a i{margin-left:6px;transition:all ease-in-out .3s}
.about-content a:hover i,.main-content a:hover i{margin-left:15px}
.header-menu ul li a:hover{color:var(--kirmizi)}
.header-menu ul li a:before{content:"";position:absolute;width:0;height:3px;background:var(--kirmizi);top:-15px;border-radius:3px;transition:all ease-in-out .3s;display: none;}
.header-menu ul li.current-menu-item a:before{width:100%}
.header-menu ul li.current-menu-item a{color:var(--kirmizi)}
.header-menu ul li.current-menu-item ul li a:before{display:none}
.header-menu ul li.current-menu-item ul li a{color:#000}
.header-menu ul li ul li.current-menu-item a{color:var(--kirmizi)}
.main-content a:hover{box-shadow:0 0 20px rgb(0 0 0 / 20%)}
.main-content h2 span{font-weight:300}
.main-img img{max-height:100%;max-width:100%}
.index-about{width:100%;float:left;margin:150px 0 200px}
.about-imgs{width:100%;float:left;position:relative}
.about-big{width:70%;height:480px;background-size:cover;background-position:center;float:left;position:relative;margin-left:5%;margin-top:5%;transition:all ease-in-out 2s}
.about-small{width:250px;height:250px;float:left;background-size:cover;background-position:center;border:10px solid #fff;box-sizing:border-box;margin-left:-17%;position:relative;bottom:-380px;transition:all ease-in-out 2s}
.deneyim-box{position:absolute;z-index:2;width:220px;height:250px;background:rgb(255 190 0 / 80%);left:-40px;top:-30px;display:flex;align-items:center;justify-content:center;color:#071334;text-align:center}
.deneyim-box strong{font-size:80px;font-weight:800;line-height:100px;margin-top:-10px;position:relative;width:100%;float:left}
.deneyim-box p{width:100%;float:left;font-size:24px}
.shape-1{position:absolute;bottom:-30px;left:0;border-bottom:177px solid var(--kirmizi);border-right:197px solid transparent;z-index:-1}
.shape-2{position:absolute;width:30px;height:30px;background:var(--yesil);right:100px;top:0}
.shape-2:before{width:15px;height:15px;content:"";position:absolute;background:var(--yesil);right:-20px;top:-20px}
.about-content{width:100%;float:right;box-sizing:border-box;padding-left:10%}
.about-content h2{font-size:40px;font-weight:800;margin-bottom:25px;color:#071334}
.about-content p{margin-bottom:20px;font-weight:300;opacity:.7}
.about-content h2 span{font-weight:300}
.about-content a{margin-top:20px}
.index-yorumlar{width:100%;float:left;background:#f6f8fa;margin-bottom:80px;padding:50px 0}
.yorum-info{width:350px;float:left;display:flex;align-items:center;box-sizing:border-box;padding-right:15px}
.yorum-img{width:60px;height:60px;background-size:cover;background-position:center;float:left;margin-right:15px}
.yorum-info-content{width:calc(100% - 75px)}
.yorum-name,.yorum-title{width:100%;float:left;color:#071334}
.yorum-title{font-size:12px}
.yorum-content{width:calc(100% - 500px);float:left}
.yorum-content p{font-size:14px;opacity:.8}
.owl-nav{position:absolute;display:flex;right:0;top:50%;margin-top:-20px}
.owl-next,.owl-prev{width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:15px;color:#979ba5;transition:all ease-in-out .3s}
.owl-next:hover,.owl-prev:hover{color:#071334}
.green-btn{background:var(--yesil);color:#fff!important;padding:15px 30px;border-radius:40px;font-size:14px;display:inline-flex;transition:all ease-in-out .3s}
.green-btn:hover{background:var(--kirmizi)}
.hizmet-box{width:100%;float:left;border:1px solid #ddd;border-radius:10px;box-sizing:border-box;padding:20px;margin-bottom:30px;text-align:center;transition:all ease-in-out .3s}
.hizmet-box-img{width:220px;height:220px;background:#f6f8fa;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid #eee;margin-bottom:20px;overflow:hidden}
.hizmet-box-content{width:100%;float:left}
.hizmet-box-content h3{font-size:24px;font-weight:600;color:#071334;margin-bottom:15px}
.hizmet-box-content h3 span{font-weight:300}
.hizmet-box-content p{font-size:14px;font-weight:300;color:#000;opacity:.6;margin-bottom:10px}
.hizmet-content-box{width:100%;float:left}
.title{width:100%;float:left;margin-bottom:35px;position:relative}
.title strong{font-size:13px;opacity:.7;font-weight:500}
.title h2{font-weight:600}
.icindekiler-sidebar>strong:before,.title:before{content:"";position:absolute;width:70px;height:2px;background:var(--sari);bottom:-10px}
.hizmet-content-box p{font-size:14px;font-weight:300;opacity:.7}
.hizmet-box:hover img{transform:scale(1.1)}
.hizmet-box img{transition:all ease-in-out .3s}
.hizmet-box:hover{box-shadow:0 10px 30px rgba(0,0,0,.15)}
.index-markalar{width:100%;float:left;margin:80px 0;background:#f6f8fa;padding:80px 0}
.index-markalar .title{text-align:center}
.index-markalar .title img{width:100px;margin-bottom:10px}
.index-markalar .title h2{margin-bottom:10px}
.index-markalar .title:before{display:none}
.markalar{width:calc(100% + 30px);margin-left:-15px;margin-right:-15px;position:relative}
.marka-box{width:calc(25% - 30px);float:left;height:150px;box-sizing:border-box;padding:15px 20px;display:flex;align-items:center;justify-content:center;border-radius:15px;transition:all ease-in-out .3s;margin:15px}
.marka-box img{max-width:100%;max-height:100%}
.marka-box:hover{background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.15)}
.marka-button{width:100%;float:left;margin-top:30px;display:flex;align-items:center;justify-content:center}
.marka-button a{background:var(--mavi);color:#fff;padding:15px 30px;border-radius:30px;transition:all ease-in-out .3s;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.marka-button a i{margin-left:5px;transition:all ease-in-out .3s}
.marka-button a:hover i{margin-left:13px}
.index-kategoriler{width:100%;float:left;margin-bottom:0px;margin-top:20px;background-color: #f6f8fa;padding: 60px 0px}
.kategori-box{width:100%;background:#fff;border-radius:15px;height:500px;box-shadow:0 10px 30px rgba(0,0,0,.15);box-sizing:border-box;padding:40px 50px;position:relative;transition:all ease-in-out .3s;margin-top:0;margin-right:0;right:0;overflow:hidden}
.kategori-box h3{font-size:28px;margin-bottom:15px}
.kategori-box p{width:80%;font-size:16px;font-weight:300;opacity:.7;line-height:26px}
.kategori-box a{position:absolute;bottom:40px;color:#000;transition:all ease-in-out .3s}
.kategori-box a i{margin-left:5px;color:var(--kirmizi);transition:all ease-in-out .3s}
.kategori-box a:hover i{margin-left:15px}
.kategori-box:hover{margin-top:-30px;margin-right:-20px;right:-10px}
.kategori-col:before{width:calc(100% - 30px);height:100%;background:var(--kirmizi);display:block;position:absolute;content:"";left:15px;top:0;border-radius:15px;z-index:-1;opacity:0;transition:all ease-in-out .5s}
.kategori-col{position:relative;margin-top:70px}
.kategori-col:hover:before{opacity:1;left:0}
.index-kategoriler p a{color:#000;font-weight:600;text-decoration:underline!important}
.kategori-box a:hover{color:var(--kirmizi)}
.kategori-box img{position:absolute;right:-80px;bottom:-20px;width:85%}
.index-bottom-form{width:100%;float:left;padding:50px 0;background:#f6f8fa}
.index-bottom-form .title{text-align:center;margin-bottom:60px}
.form-text{width:calc(100% + 15px);height:50px;border-radius:30px;font-size:14px;padding:0 25px;border:1px solid #eee;float:left;margin:0}
.form-submit{width:100%;height:50px;background:var(--yesil);border-radius:30px;font-weight:600;transition:all ease-in-out .3s;border:1px solid var(--yesil);color:#fff;transition:all ease-in-out .3s}
.form-submit:hover{background:0 0;color:var(--yesil)}
.index-bottom-form .title h2{font-size:24px}
.index-bottom-form .title:before{left:50%;margin-left:-35px;bottom:-20px}
.footer{width:100%;float:left;background:#2e3033;padding:50px 0}
.footer-title{height:45px;display:flex;align-items:center;color:#fff;margin-bottom:10px}
.footer-title img{max-height:80px}
.footer-description{width:85%;float:left;color:#fff;font-weight:300;opacity:.5;font-size:14px;line-height:24px}
.footer-menu{width:100%;float:left}
.footer-menu ul li{font-size:14px;line-height:24px;margin-bottom:3px}
.footer-menu ul li a{color:#fff;font-weight:300;opacity:.5}
.footer-description p{margin-bottom:5px}
.footer-description p a{color:#fff}
.footer-social{width:100%;float:left;margin-top:20px;display:flex;align-items:center}
.footer-social a{font-size:18px;color:#fff;margin-right:25px;opacity:.5;transition:all ease-in-out .3s}
.footer-social a:hover{opacity:1}
.mt-20{margin-top:20px}
.about-big:hover{transform:scale(1.06)}
.about-small:hover{transform:scale(1.06)}
.black-shadow,.menu-btn{display:none}
.overflow{overflow:hidden}
.mobil-action{position:fixed;background:#071333;width:100%;bottom:0;padding:10px 0;box-shadow:0 -5px 20px rgb(0 0 0 / 20%);z-index:999;display:none}
.mobil-ara{position:absolute;width:80px;height:80px;background:var(--kirmizi);border-radius:100%;display:flex;align-items:center;justify-content:center;font-size:40px;left:50%;margin-left:-40px;color:#fff!important;top:-40px;animation:pulse-ani 2s infinite 3s cubic-bezier(.25,0,0,1);box-shadow:0 0 0 0 var(--kirmizi)}
@keyframes pulse-ani{
100%{box-shadow:0 0 0 18px rgb(255 255 255 / 0%)}
}
.mobil-btns{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-sizing:border-box}
.mobil-btns a{color:#fff;font-size:14px;padding:10px 0;display:flex;align-items:center;justify-content:center}
.mobil-btns a i{font-size:18px;margin-right:8px}
.breadcrumb-head{width:100%;float:left;padding:50px 0;background:#f6f8fa;position:relative}
.breadcrumb{background:0 0!important;padding:0}
.breadcrumb a,.breadcrumb span{font-size:14px;color:#525252;margin-right:10px}
.breadcrumb a:hover{color:var(--kirmizi)}
.search-form{float:right;position:relative}
.search-form input[type=search]{width:300px;height:50px;border:1px solid #ccc;border-radius:10px;box-sizing:border-box;padding:0 20px;font-size:14px;float:left}
.search-form button{width:50px;height:50px;border:none;position:relative;float:left;margin-left:-50px;background:0 0;color:var(--kirmizi);outline:0!important;transition:all ease-in-out .3s}
.search-form button:hover{color:var(--mavi)}
.title h1{font-size:60px;font-weight:700;color:#071333}
.blog-first-content{width:50%;float:left;border-radius:10px;position:relative;box-sizing:border-box;padding:0 80px}
.blog-first-title{width:100%;float:left;margin-bottom:20px}
.blog-first-image{width:50%;height:400px;float:left;background-size:cover;background-position:center}
.blog-first{width:100%;float:left;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.15);border-radius:15px;overflow:hidden;display:flex;align-items:center;margin:30px 0}
.blog-first-title span{font-size:18px;width:100%;float:left;margin-bottom:10px;opacity:.7}
.blog-first-title h2{font-size:34px;font-weight:700}
.blog-first-title h2 a{color:#071333}
.blog-first-description{width:100%;float:left}
.blog-first-description p{font-weight:300;line-height:28px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.blog-first-description a{display:inline-block;padding:15px 30px;background:rgb(0 25 167);color:#fff;font-weight:500;border-radius:10px;transition:all ease-in-out .3s;margin-top:25px}
.blog-first-description a:hover{background:var(--kirmizi);color:#fff}
.blog-content{width:100%;float:left;margin:100px 0}
.teklif-al-box{width:100%;float:left;height:380px;background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.15);display:flex;align-items:center}
.teklif-al-box img{position:absolute;width:40%;right:30px}
.teklif-al-box .ortala{width:60%;box-sizing:border-box;padding:0 50px}
.teklif-al-box h3{font-size:34px;font-weight:600;margin-bottom:15px;line-height:44px;color:#071333}
.teklif-al-box p{font-weight:300;opacity:.7;margin-bottom:20px}
.teklif-al-box a{background:var(--kirmizi);color:#fff;padding:12px 30px;display:inline-block;border-radius:10px;transition:all ease-in-out .3s}
.teklif-al-box a:hover{color:var(--kirmizi);background:rgb(255 65 50 / 15%)}
.blog-list-box{width:100%;height:380px;float:left;background:#fff;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.15);margin-bottom:30px;overflow:hidden}
.blog-list-box-image{width:100%;height:180px;background-size:cover;background-position:center;margin-bottom:15px}
.blog-list-box-content{width:100%;float:left;box-sizing:border-box;padding:0 20px}
.blog-list-box-content h3{font-size:20px;margin-bottom:10px;font-weight:600}
.blog-list-box-content h3 a{color:#061332;font-size:18px;line-height:26px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:all ease-in-out .3s}
.blog-list-box-content p{font-size:14px;font-weight:300;opacity:.7;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.blog-list-box-content a{color:var(--kirmizi);font-size:14px;font-weight:500}
.blog-list-box-content a i{margin-left:5px;transition:all ease-in-out .3s}
.blog-list-box-content a:hover i{margin-left:10px}
.blog-list-box-content h3 a:hover{color:var(--kirmizi)}
.blog-list-box-image a{width:100%;height:100%;display:block}
.load-more-row{width:100%;float:left;margin-top:50px;display:flex;align-items:center;justify-content:center}
.load-more-row span{display:inline-block;padding:18px 50px;background:rgb(255 65 48 / 15%);color:var(--kirmizi);font-weight:500;border-radius:10px;transition:all ease-in-out .3s;cursor:pointer}
.load-more-row span:hover{background:var(--kirmizi);color:#fff}
.yazar-img{width:35px;float:left;margin-right:10px}
.yazar-img img{border-radius:50%;float:left}
.yazar-name{float:left;line-height:35px;margin-right:28px}
.yazar-name p{color:#525252}
.tags{float:left;margin-right:28px;position:relative}
.tags a{color:#525252;line-height:35px}
.blog-date{float:left;line-height:35px}
.yazar-box{position:relative;float:left}
.tags:before,.yazar-box:before{content:"";position:absolute;width:4px;height:4px;background:#525252;border-radius:50%;right:12px;top:50%;margin-top:-1px}
.tags:before{right:-16px;margin-top:-1px}
.blog-image{width:100%;float:left;box-shadow:0 10px 30px rgba(0,0,0,.15);border-radius:15px;overflow:hidden;margin-top:30px}
.blog-image img{width:100%}
.blog-detail-title{display:flex;align-items:center}
.blog-detail-title h1{font-size:36px;width:90%;line-height:48px}
.blog-top-right{display:flex;align-items:center;justify-content:end;font-size:14px}
.blog-detail-content{width:100%;float:left}
.blog-detail-content p, .blog-detail-content ul li, .blog-detail-content ol li{margin-bottom:20px;font-weight:300;opacity:.9}
.blog-detail-content img{margin:15px 0}
.blog-detail-content p a{color:var(--kirmizi)}
.blog-detail-content h2{font-size:34px;font-weight:300;margin:10px 0 15px;color:#071333}
.blog-detail-content h3{font-size:26px;font-weight:300;margin:10px 0 15px;color:#071333}
.blog-detail-content ul{list-style:disc;margin-left:15px}
.blog-detail-content ul li{margin-bottom:5px}
.teklif-al-box.detail-teklif-al{margin:15px 0 50px;background:#f6f8fa;height:250px}
.teklif-al-box.detail-teklif-al img{max-height:240px;width:30%}
.teklif-al-box.detail-teklif-al .ortala{width:70%}
.teklif-al-box.detail-teklif-al .ortala h3{font-weight:500;margin-bottom:10px;margin-top:0}
.teklif-al-box.detail-teklif-al .ortala p{margin-bottom:30px;color:#000}
.teklif-al-box.detail-teklif-al .ortala p strong{font-weight:500}
.icindekiler-sidebar{width:100%;float:left;position:sticky;top:110px;box-sizing:border-box;padding-right:20px}
.icindekiler-sidebar>strong{font-size:20px;position:relative;margin-bottom:30px;float:left;width:100%}
.icindekiler-sidebar ul{margin-left:15px}
.icindekiler-sidebar ul li{width:100%;float:left;position:relative;font-size:14px;line-height:22px;margin-bottom:8px}
.icindekiler-sidebar ul li:before{content:"";position:absolute;width:6px;height:6px;border:1px solid var(--kirmizi);border-radius:50%;left:-15px;top:7px;box-sizing:border-box;background:var(--kirmizi)}
.icindekiler-sidebar ul li ul li:before{background:#fff}
.icindekiler-sidebar ul li ul{margin-top:10px}
.icindekiler-sidebar ul li a{color:#071333;transition:all ease-in-out .3s}
.icindekiler-sidebar ul li a:hover{color:var(--kirmizi)}
.ilgili-icerikler{width:100%;float:left;margin:30px 0 80px;overflow:hidden}
.ilgili-icerikler .title{text-align:center}
.ilgili-icerikler .title h2{font-size:36px;font-weight:400}
.ilgili-icerikler .title:before{margin-left:-35px}
.yazilar-slider{width:100%;float:left;margin-top:30px;position:relative}
.yazilar-slider .blog-list-box{margin-bottom:40px;height:430px}
.owl-dots{width:100%;display:flex;align-items:center;margin-top:20px;justify-content:center}
.owl-dot{width:10px;height:10px;border:1px solid #061332;border-radius:50%;margin:3px;transition:all ease-in-out .3s}
.owl-dot.active{background:#061332}
.yazilar-slider .blog-list-box-image{height:220px}
.yazilar-slider .blog-list-box-content{padding:0 30px}
.hizmet-image{width:100%;height:400px;display:flex;align-items:center;justify-content:center}
.hizmet-image img{max-height:400px}
.hizmet-content{width:100%;float:left}
.hizmet-content h2{font-size:30px;font-weight:400;margin-bottom:20px}
.hizmet-content li,.hizmet-content p{font-weight:300;margin-bottom:15px;line-height:26px}
.blog-detail-title p{line-height:26px;font-weight:300;margin-bottom:15px}
.hizmet-row{margin:50px 0}
.hizmet-img img{max-height:100%;margin:auto}
.hizmet-detay-slider{width:100%;float:left;margin-bottom:10px}
.icons-row{width:100%;float:left;display:flex;align-items:center;justify-content:space-between;margin-top:20px}
.icon-box{width:calc(25% - 15px);box-shadow:0 5px 15px rgba(0,0,0,.15);box-sizing:border-box;padding:15px;border-radius:10px;text-align:center}
.icon-box img{max-height:40px;margin:auto;margin-bottom:10px}
.icon-box span{width:100%;float:left;font-size:14px;min-height:42px;font-weight:500;display:flex;align-items:center;justify-content:center;color:#071434}
.hizmet-referanslar{width:100%;float:left;margin:50px 0;background:#f6f8fa;padding:40px 0}
.ref-logo{width:100%;float:left;height:100px;display:flex;align-items:center;box-sizing:border-box;padding:5px;position:relative}
.ref-logo img{max-height:100%;transition:all ease-in-out .3s}
.ref-logo:hover img{opacity:1;filter:grayscale(0)}
.hizmet-referanslar .owl-next{margin-right:-50px}
.hizmet-referanslar .owl-prev{margin-right:auto;margin-left:-50px}
.hizmet-referanslar .owl-nav{width:100%}
.hizmet-sss{width:100%;float:left;margin-bottom:100px;margin-top:50px}
.accordionButton{width:100%;float:left;height:60px;border-bottom:1px solid #ccc;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;position:relative;cursor:pointer}
.accordionContent{width:100%;float:left}
.accordionContent p, .accordionContent ol li, .accordionContent ul li{font-weight:300;line-height:24px;margin-bottom:15px;font-size:14px}
.accordionButton:before{content:"";position:absolute;width:0;height:2px;background:var(--yesil);bottom:-1px;left:0;transition:all ease-in-out .5s}
.accordionButton.on:before{width:100%}
.accordionButton strong{width:90%;color:#071333}
.accordionButton.on:after{content:"\f068"}
.accordionButton.on strong{color:var(--yesil)}
.accordionButton:after{content:"\f067";position:absolute;font-family:"Font Awesome 5 Pro";right:0;font-size:20px;color:#071333;transition:all ease-in-out .3s}
.hello{width:100%;float:left;display:flex;align-items:center}
.hello strong{font-size:60px;margin-right:20px;color:var(--mavi)}
.big-title{width:100%;float:left;margin-bottom:50px}
.big-title h1{font-size:60px;font-weight:300;color:#071333}
.contact-form{width:100%;box-shadow:0 10px 30px rgba(0,0,0,.15);background:#fff;border-radius:15px;box-sizing:border-box;padding:30px 50px;float:left;margin:30px 0 50px}
.contact-form h2{margin-bottom:10px;text-align:center;width:100%;float:left}
.contact-form p{text-align:center;margin-bottom:30px;font-weight:300;opacity:.7;width:100%;float:left}
.contact-form ul{width:100%;float:left}
.contact-form ul li{width:calc(50% - 20px);float:left;margin:10px}
.contact-form .form-text{width:100%}
.contact-form ul li:nth-child(7),.contact-form ul li:nth-child(8){width:calc(100% - 20px)}
.form-textarea{width:100%;float:left;height:150px;border-radius:20px;font-size:14px;padding:0 25px;border:1px solid #eee;padding-top:15px}
.contact-information{width:100%;float:left;padding:30px 0 0 50px;margin-top:30px}
.contact-information h2{margin-bottom:20px}
.adres,.mail,.telefon{width:100%;float:left;margin-bottom:20px;display:flex;align-items:center}
.contact-icon{width:40px;font-size:40px;float:left;margin-right:20px}
.contact-content{width:calc(100% - 60px);float:left}
.contact-content p{font-weight:300;opacity:.7}
.contact-content p a{color:#000}
.social{width:100%;float:left;margin-top:20px}
.social a{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;background:#071334;border-radius:50%;color:#fff;margin-right:10px;transition:all ease-in-out .3s}
.social a.facebook:hover{background:#3b5998}
.social a.instagram:hover{background:#cb3d7a}
.social a.linkedin:hover{background:#0e76a8}
.adres .contact-icon{color:var(--kirmizi)}
.mail .contact-icon{color:var(--mavi)}
.telefon .contact-icon{color:var(--yesil)}
.big-title-2 h1{position:relative;margin-bottom:35px}
.big-title-2 h1:before{content:"";position:absolute;width:115px;height:2px;background:var(--kirmizi);bottom:-10px}
.big-title-2 p{width:70%;font-weight:300}
.hizmet-list{width:100%;float:left;margin:80px 0}
.big-title-2{margin-bottom:30px}
.mb-80{margin-bottom:80px}
.about-2{width:100%;float:left;margin-bottom:80px;margin-top:30px}
.about-content-2{padding-left:0;padding-right:50px}
.about-content-2 ul{list-style:disc!important;margin-left:15px}
.about-content-2 ul li{font-weight:300;opacity:.7;margin-bottom:7px}
.about-img{width:90%}
.header.fixed{position:fixed;top:0;left:0;box-shadow:0 10px 30px rgba(0,0,0,.1);z-index:9}
.referanslar-row{width:100%;float:left;margin:80px 0}
.referans-logo{width:100%;height:120px;display:flex;align-items:center;justify-content:center;margin-bottom:30px;border:1px solid #eee;box-sizing:border-box;padding:5px;position:relative;border-radius:15px;transition:all ease-in-out .3s}
.referans-logo img{max-height:100%;max-width:100%;opacity:.8;transition:all ease-in-out .3s}
.referans-logo a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;float:left}
.referans-logo:hover img{filter:grayscale(0);opacity:1}
.referans-logo:hover{box-shadow:0 10px 20px rgba(0,0,0,.15)}
#icindekiler{width:100%;float:left}
#icindekiler a{width:100%;float:left;position:relative;font-size:14px;margin-bottom:5px;padding-left:15px;color:#071333;transition:all ease-in-out .3s}
#icindekiler a:before{content:"";position:absolute;width:5px;height:5px;background:var(--kirmizi);left:0;top:8px;border:1px solid var(--kirmizi);border-radius:50%}
#icindekiler a:hover{color:var(--kirmizi)}
#icindekiler a.sub-link{margin-left:15px;width:calc(100% - 15px)}
#icindekiler a.sub-link:before{background:#fff}
.wpcf7-spinner{position:absolute!important;right:30px!important;top:15px!important}
.hata-icerik{width:100%;float:left;background:#f6f8fa}
.hata-content{width:100%;float:left}
.hata-content h1{font-size:46px;margin-bottom:10px}
.hata-content p{margin-bottom:30px}
.hata-content a{display:inline-block;padding:15px 30px;background:rgb(255 65 48 / 15%);color:#ff4132;font-weight:500;border-radius:10px;transition:all ease-in-out .3s}
.hata-content a:hover{background:var(--kirmizi);color:#fff}
.hizmet-content li{margin-bottom:3px}
.hizmet-content ul{list-style:disc;margin-left:15px;margin-bottom:15px}
.hizmet-content ol{list-style:decimal;margin-left:20px;margin-bottom:20px}
.blog-detail-content ol {
    list-style: decimal;
    margin-left: 20px;
    width: calc(100% - 20px);
    margin-bottom:15px;
}
.blog-detail-content ul li, .blog-detail-content ol li {
    margin-bottom: 10px;
}
.accordionContent ol {
    list-style: decimal;
    margin-left: 20px;
    margin-bottom: 15px;
}

.accordionContent ol li, .accordionContent ul li {
    margin-bottom: 10px;
}

.accordionContent strong {
    font-weight: bold;
}

.accordionContent ul {
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 15px;
}
blockquote {
    background: #00458b;
    padding: 20px 30px 10px;
    color: #fff;
    border-radius: 15px;
    box-sizing: border-box;
    padding-left: 60px;
    position: relative; margin-bottom:30px; margin-top:10px;
}

blockquote:before {
    content: "\f10d";
    position: absolute;
    color: #fff;
    font-size: 30px;
    font-family: 'Font Awesome 5 Free';
    left: 10px;
    opacity: .7;
    top: 15px;
}

blockquote p {
    opacity: 1 !important;
}
.logo img {
    width: 100%;
	margin-top:10px;
}
.harita {
    width: 100%;
    float: left;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 10px 10px rgba(0,0,0,0.2);
    margin-bottom: 50px;
}

.harita p, .harita p iframe {
    width: 100%;
    float: left;
}
.ti-widget.ti-goog {
    bottom: 70px;
    margin-left: 0px !important;
    z-index: 99 !important;
}
.blog-detail-content table {
    border: 1px solid #ccc;
}

.blog-detail-content table td {
    border: 1px solid #ccc;
    padding: 10px 15px;
    box-sizing: border-box;
}