@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;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}
body{font-family:Poppins,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}
.header{width:100%;float:left;position:fixed;top:0;left:0;border-bottom:1px solid #ccc}
.top-header{width:100%;height:35px;background:#18181a;float:left}
.container{width:1300px;margin:auto}
.top-line-left{height:35px;display:flex;align-items:center}
.top-line-left a{font-size:14px;color:#fff;margin-right:30px}
.top-line-left a span{margin-left:10px}
.top-line-right{height:35px;display:flex;align-items:center}
.top-line-right a{color:#fff;margin-left:10px;font-size:14px}
.header{width:100%;float:left;position:fixed;top:0;left:0;z-index:7}
.top-header{width:100%;height:35px;background:#18181a;float:left}
.top-line-left{height:35px;display:flex;align-items:center;width:50%;float:left}
.top-line-left a{font-size:14px;color:#fff;margin-right:30px}
.top-line-left a span{margin-left:10px}
.top-line-right{height:35px;display:flex;align-items:center;width:50%;float:left;justify-content:flex-end}
.top-line-right a{color:#fff;margin-left:10px;font-size:14px}
.main-header{width:100%;float:left;position:relative;padding:15px 0;background:#fff}
.main-header .container{display:flex;align-items:center;justify-content:space-between}
.main-menu{margin-right:30px;float:left}
.search-btn{float:left;font-size:20px;transition:all ease-in-out .3s;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#18181a;position:relative;background:#fff;cursor:pointer}
.header-right{display:flex;align-items:center;position:relative;z-index:1}
.main-menu ul li{float:left;margin-left:10px;margin-right:10px}
.main-menu ul li a{color:#18181a;position:relative;padding:7px 15px;transition:all ease-in-out .3s}
.search-btn:before{content:"";position:absolute;background:#4a48b9;background:-moz-linear-gradient(259deg,rgba(74,72,185,1) 0,rgba(8,195,212,1) 100%);background:-webkit-linear-gradient(259deg,rgba(74,72,185,1) 0,rgba(8,195,212,1) 100%);background:linear-gradient(259deg,rgba(74,72,185,1) 0,rgba(8,195,212,1) 100%);width:44px;height:44px;z-index:-1}
.search-btn i{background:#04c9d5;background:-webkit-linear-gradient(to right,#04c9d5 0,#4a48b9 100%);background:-moz-linear-gradient(to right,#04c9d5 0,#4a48b9 100%);background:linear-gradient(to right,#04c9d5 0,#4a48b9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.search-btn:hover{background:0 0}
.search-btn:hover i{background:0 0;color:#fff;-webkit-background-clip:inherit;-webkit-text-fill-color:#fff}
.main-menu ul li a:before{content:"";position:absolute;width:0;height:100%;left:0;top:0;background:#4a48b9;background:-moz-linear-gradient(259deg,rgba(74,72,185,1) 0,rgba(8,195,212,1) 100%);background:-webkit-linear-gradient(259deg,rgba(74,72,185,1) 0,rgba(8,195,212,1) 100%);background:linear-gradient(259deg,rgba(74,72,185,1) 0,rgba(8,195,212,1) 100%);z-index:-1;transition:all ease-in-out .3s}
.main-menu ul li.active a:before,.main-menu ul li:hover a:before{width:100%}
.main-menu ul li.active a,.main-menu ul li:hover a{color:#fff}
.content{width:100%;float:left;position:relative;margin-top:134px}
.main-page{width:100%;float:left;margin-top:75px;margin-bottom:50px}
.main-page-row{width:100%;float:left;position:relative;background:#f7f7f7}
.main-text{width:45%;float:left;position:relative}
.main-text h2{color:#454545;font-size:62px;line-height:86px;margin-bottom:10px}
.main-text h2 span{font-weight:300}
.main-text h3{background:#04c9d5;background:-webkit-linear-gradient(to right,#04c9d5 0,#4a48b9 100%);background:-moz-linear-gradient(to right,#04c9d5 0,#4a48b9 100%);background:linear-gradient(to right,#04c9d5 0,#4a48b9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;float:left;font-size:36px;font-weight:600;margin-bottom:15px}
.main-text p{width:100%;float:left;color:#555;line-height:30px}
.index-search-bar{width:100%;float:left;margin-top:30px}
.search-field{width:calc(100% - 70px);height:70px;border:1px solid #ccc;box-sizing:border-box;padding:0 20px;float:left;font-size:16px}
.search-submit{width:70px;height:70px;background-color:#ccc;background-image:url(../images/search-icn-white.png);background-size:27px 28px;background-position:center;background-repeat:no-repeat;position:relative;cursor:pointer}
.search-submit:hover{background-color:#454545}
.masted-slider{width:55%;float:left;box-sizing:border-box;padding-left:50px}
.masted-slider-card{width:100%;float:left;height:445px;background-size:cover;background-position:center;position:relative}
.masted-slider-card a{width:100%;float:left;height:100%;position:relative;display:block}
.masted-name{position:absolute;bottom:25px;left:30px;font-size:26px;color:#fff;width:60%}
.masted-name strong{font-weight:600}
.masted-price{position:absolute;right:20px;top:20px;padding:5px 20px;background:#4a48b9;background:-moz-linear-gradient(259deg,rgba(74,72,185,1) 0,rgba(8,195,212,1) 100%);background:-webkit-linear-gradient(259deg,rgba(74,72,185,1) 0,rgba(8,195,212,1) 100%);background:linear-gradient(259deg,rgba(74,72,185,1) 0,rgba(8,195,212,1) 100%);color:#fff}
.masted-locations{position:absolute;right:30px;bottom:30px;color:#fff}
.masted-slider-card:before{content:"";position:absolute;width:100%;height:40%;bottom:0;left:0;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%)}
.owl-nav{position:absolute;top:50%;width:100%;margin-top:-30px}
.owl-next,.owl-prev{width:30px;height:30px;background:0 0;color:transparent;position:absolute;transition:all ease-in-out .3s;border:1px solid #454545}
.owl-next{right:15px}
.owl-prev{left:15px}
.locations-category .owl-next:before, .locations-category .owl-prev:before{content:"\f054";font-family:'Font Awesome 5 Pro';position:absolute;color:#454545;font-size:16px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;}
.owl-next:hover,.owl-prev:hover{background:rgb(24 24 26 / 70%)}
.locations-category .owl-prev:before{content:"\f053"}
.masted-slider .owl-nav{position:absolute;top:50%;width:100%;margin-top:-30px}
.masted-slider .owl-next,.masted-slider .owl-prev{width:50px;height:50px;background:rgb(24 24 26 / 44%);color:transparent;position:absolute;transition:all ease-in-out .3s}
.masted-slider .owl-next{right:15px}
.masted-slider .owl-prev{left:15px}
.masted-slider .owl-next:before,.masted-slider .owl-prev:before{content:"\f054";font-family:'Font Awesome 5 Pro';position:absolute;color:#fff;font-size:30px;width:50px;height:50px;display:flex;align-items:center;justify-content:center}
.masted-slider .owl-next:hover,.masted-slider .owl-prev:hover{background:rgb(24 24 26 / 70%)}
.masted-slider .owl-prev:before{content:"\f053"}
.tab-contents{width:100%;float:left;margin-top:20px}
.locations-category{width:100%;float:left;margin:50px 0 75px}
.tab-menu{width:100%;float:left;position:relative;margin-bottom:30px}
.tab-menu ul li{float:left;margin-right:45px}
.tab-menu ul li a{position:relative;font-size:22px;color:#454545;font-weight:600}
.tab-menu ul li a.active{background:#04c9d5;background:-webkit-linear-gradient(to right,#04c9d5 0,#4a48b9 100%);background:-moz-linear-gradient(to right,#04c9d5 0,#4a48b9 100%);background:linear-gradient(to right,#04c9d5 0,#4a48b9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.tab-menu ul li a:before{content:"";position:absolute;width:0;height:4px;background:#4a48b9;background:-moz-linear-gradient(259deg,rgba(74,72,185,1) 0,rgba(8,195,212,1) 100%);background:-webkit-linear-gradient(259deg,rgba(74,72,185,1) 0,rgba(8,195,212,1) 100%);background:linear-gradient(259deg,rgba(74,72,185,1) 0,rgba(8,195,212,1) 100%);bottom:-10px;transition:all ease-in-out .3s}
.tab-menu ul li a.active:before,.tab-menu ul li a:hover:before{width:100%}
.tab-content{width:100%;float:left;position:relative;display:none}
.tab-content.open{display:block}
.locations-card{width:100%;height:300px;background-size:cover;background-position:center;position:relative;overflow:hidden}
.locations-card:before{content:"";position:absolute;width:100%;height:100%;background:rgb(0 0 0 / 30%);transition:all ease-in-out .3s}
.locations-card a{width:100%;float:left;height:100%;display:flex;align-items:flex-end;justify-content:center;box-sizing:border-box;padding-bottom:20px;color:#fff;position:relative}
.locations-card strong{width:100%;float:left;text-align:center;font-size:18px}
.locations-card span{width:100%;float:left;text-align:center;font-size:12px}
.locations-card .row{position:relative;transition:all ease-in-out .5s}
.locations-card:hover .row{margin-bottom:-100px}
.locations-card:hover:before{opacity:0}
.locations-category .owl-nav{top:0!important;margin-top:-80px}
.locations-category .owl-next{right:0}
.locations-category .owl-prev{left:auto;right:40px}
.en-cok-satanlar{width:100%;float:left;position:relative;padding:80px 0;background-size:100% auto;background-position:center;background-repeat:no-repeat}
.favori-projeler{width:calc(100% + 30px);float:left;margin-top:30px;margin-left:-15px}
.proje-card{width:calc(25% - 30px);margin:15px;background:#fff;border:1px solid #ccc;float:left;background:#fff;box-sizing:border-box}
.proje-card-img{width:calc(100% - 20px);height:180px;margin:10px 10px 0 10px;background-size:cover;background-position:center;position:relative;float:left}
.proje-card-tag{font-size:12px;background:#4a48b9;background:-moz-linear-gradient(259deg,rgba(74,72,185,1) 0,rgba(8,195,212,1) 100%);background:-webkit-linear-gradient(259deg,rgba(74,72,185,1) 0,rgba(8,195,212,1) 100%);background:linear-gradient(259deg,rgba(74,72,185,1) 0,rgba(8,195,212,1) 100%);position:absolute;right:0;color:#fff;padding:5px 10px;top:10px;font-weight:600}
.proje-card-info{width:100%;float:left;box-sizing:border-box;border-bottom:1px solid #ccd}
.proje-card-logo{width:40%;float:left;height:50px;border-right:1px solid #ccc;box-sizing:border-box;padding:10px;display:flex;align-items:center;justify-content:center}
.proje-card-logo img{width:auto;max-height:100%}
.proje-card-name-loc{width:60%;float:left;height:50px;display:flex;align-items:center}
.proje-card-name{width:100%;float:left;text-align:center}
.proje-card-name h3{font-size:14px;color:#18181a}
.proje-card-loc{width:100%;float:left;text-align:center;font-size:12px;color:#454545}
.proje-card-text{width:100%;float:left;box-sizing:border-box;padding:10px;height:127px}
.proje-card-text strong{font-size:14px;color:#454545;margin-bottom:5px;width:100%;float:left;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.proje-card-text p{font-size:12px;line-height:20px;color:#454545;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;width:100%;float:left}
.proje-card-footer{width:100%;float:left}
.proje-card-footer-col{height:35px;font-size:11px;display:flex;align-items:center;justify-content:center;text-align:center;border-left:1px solid #ccc;box-sizing:border-box;width:calc(100% / 3);float:left;border-top:1px solid #ccc;background:#18181a;color:#fff}
.proje-card-footer-col:nth-child(1){border-left:0}
.proje-card-footer-col i{margin-right:7px}
.icon-title{width:100%;float:left;display:flex;align-items:center}
.icon-title img{float:left;margin-right:15px}
.icon-title h2{font-size:36px;color:#18181a}
.icon-title h2 span{font-weight:300}
.kategoriler-row{width:100%;float:left;background-color:#f7f7f7;padding:80px 0}
.kategoriler-widget{width:100%;float:left}
.kategori-content{width:45%;float:left;box-sizing:border-box;padding-right:50px}
.kategori-content h2{background:#04c9d5;background:-webkit-linear-gradient(to right,#04c9d5 0,#4a48b9 100%);background:-moz-linear-gradient(to right,#04c9d5 0,#4a48b9 100%);background:linear-gradient(to right,#04c9d5 0,#4a48b9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;float:left;font-size:44px;font-weight:300;margin-bottom:15px}
.kategori-content p{width:100%;float:left;font-size:16px;line-height:30px;color:#454545;font-weight:300}
.kategori-menu{width:55%;float:left}
.kategori-menu-box{width:calc(50% - 30px);margin:15px;box-sizing:border-box;background:#fff;display:flex;align-items:center;height:120px;float:left;border:1px solid #ccc;justify-content:center;text-align:center}
.kategori-menu-box strong{width:100%;float:left;text-align:center;margin-top:10px;color:#454545;transition:all ease-in-out .3s}
.kategori-menu-box img{transition:all ease-in-out .3s;transform:scale(1)}
.kategori-menu-box:hover img{transform:scale(.9)}
.kategori-menu-box:hover strong{letter-spacing:1px}
.new-project-slider{width:75%;float:left}
.yeni-projeler{width:100%;float:left;position:relative;margin:100px 0}
.newProject .proje-card{width:100%;margin:0}
.newProject .owl-nav{right:-33%;top:30px}
.newProject .owl-prev{left:auto;right:40px}
.newProject .owl-next{right:0}
.new-project-icerik{width:25%;float:left;text-align:right;box-sizing:border-box;padding-top:60px;padding-left:50px}
.new-project-icerik h2{font-size:30px;color:#18181a}
.new-project-icerik h2 span{font-weight:300}
.new-project-icerik p{font-size:15px;line-height:30px;font-weight:300;width:100%;float:left;margin-top:5px;margin-bottom:20px}
.new-project-icerik a{background:#04c9d5;background:-webkit-linear-gradient(to right,#04c9d5 0,#4a48b9 100%);background:-moz-linear-gradient(to right,#04c9d5 0,#4a48b9 100%);background:linear-gradient(to right,#04c9d5 0,#4a48b9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;float:right;font-weight:700;font-size:16px}
.new-project-icerik a i{margin-left:7px;display:inline-block}
.new-project-icerik a:hover{text-decoration:underline}
.app-row{width:100%;float:left;position:relative;background-size:cover;background-position:center}
.app-content{width:65%;float:left;box-sizing:border-box;padding-right:100px;padding-top:50px;position:relative}
.app-img{width:35%;float:left;position:relative;margin-top:-100px}
.app-row:before{content:"";position:absolute;left:0;top:0;background:#4750bb;width:100%;opacity:.8;height:100%}
.app-content h2{color:#fff;font-size:36px;font-weight:300;width:100%;float:left;margin-bottom:15px}
.app-content p{width:100%;float:left;color:#fff;font-weight:300;line-height:27px;font-size:15px}
.app-content a{float:left;width:calc(33.3% - 30px);border:1px solid #fff;margin-right:30px;box-sizing:border-box;margin-top:30px;color:#fff;display:flex;align-items:center;padding:8px 0;transition:all ease-in-out .3s}
.app-content a i{font-size:36px;width:70px;float:left;height:50px;text-align:center;display:flex;align-items:center;justify-content:center}
.indir-content{width:calc(100% - 70px);float:left;box-sizing:border-box;padding:0 10px}
.indir-content strong{width:100%;float:left;font-size:16px;line-height:18px}
.indir-content span{font-size:14px;font-weight:300}
.app-content a:hover{background:#fff;color:#4750bb}
.firmalar-row{width:100%;float:left;background-color:#f7f7f7;background-image:url(../images/building.png);background-repeat:no-repeat;background-size:55%;background-position:left bottom;padding-top:100px}
.firma-img{width:45%;float:left}
.firma-slider{width:50%;float:right}
.firma-slider h2{font-size:36px;color:#18181a;width:100%;float:left;text-align:center;margin-bottom:30px}
.firmaSlider{float:left;width:100%}
.firma-slider-content{width:100%;float:left;text-align:center;margin-top:50px}
.firma-slider-logo{width:100%;float:left;height:75px;display:flex;justify-content:center;margin-bottom:30px}
.firma-slider-logo img{max-width:250px!important;max-height:100%}
.firma-slider-text{width:100%;float:left;text-align:center;font-weight:300;line-height:30px}
.firma-slider-logo a{display:flex;align-items:center;justify-content:center}
.owl-dots{width:100%;float:left;text-align:center;margin-top:30px}
.owl-dot{width:13px;height:13px;background:#ccc;display:inline-block;border-radius:50%;margin:5px;transition:all ease-in-out .3s}
.owl-dot.active{width:50px;border-radius:10px;background:#05c7d4;background:-moz-linear-gradient(90deg,rgba(5,199,212,1) 0,rgba(72,77,186,1) 100%);background:-webkit-linear-gradient(90deg,rgba(5,199,212,1) 0,rgba(72,77,186,1) 100%);background:linear-gradient(90deg,rgba(5,199,212,1) 0,rgba(72,77,186,1) 100%)}
.firma-slider-text p{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6}
.blog-row{width:100%;float:left;padding:80px 0}
.blog-row h2{width:100%;float:left;text-align:center;font-size:36px;margin-bottom:50px}
.bloglar{width:calc(100% + 30px);float:left;margin-left:-15px;position:relative}
.blog-col{width:calc(33.3% - 30px);background:#fff;float:left;border:1px solid #ccc;box-sizing:border-box;margin:15px}
.blog-img{width:100%;height:230px;background-size:cover;background-position:center}
.blog-content{width:100%;float:left;box-sizing:border-box;padding:15px 20px;min-height:195px;padding-bottom:30px}
.blog-content h3{color:#454545;font-size:18px;width:100%;float:left;margin-bottom:10px}
.blog-content p{color:#454545;font-weight:300;font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;width:100%;float:left;box-sizing:border-box}
.blog-footer{width:100%;float:left;border-top:1px solid #ccc;padding:10px 20px;box-sizing:border-box}
.blog-date{float:left;color:#454545;font-size:14px}
.blog-date i{margin-right:8px}
.blog-btn{float:right;font-size:16px;font-weight:500;background:#04c9d5;background:-webkit-linear-gradient(to right,#04c9d5 0,#4a48b9 100%);background:-moz-linear-gradient(to right,#04c9d5 0,#4a48b9 100%);background:linear-gradient(to right,#04c9d5 0,#4a48b9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer}
.blog-btn i{margin-left:8px}
.piks-icon{width:100px;height:30px;position:relative;margin:0 auto;letter-spacing:0;text-align:left}
.piks-icon *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.piks-icon>a.piks-icon-link{text-indent:-99999px;display:block;width:100%;height:100%;position:absolute;z-index:1}
.tooltipPiks-piks-icon{display:block;position:relative;z-index:999}
.tooltipPiks-piks-icon-content{position:absolute;z-index:9999;width:120px;left:50%;bottom:100%;font-size:13px;line-height:1.4;text-align:center;font-weight:400;color:#fff;background:0 0;opacity:0;margin:0 0 10px -60px;cursor:default;pointer-events:none;font-family:Arial;-webkit-font-smoothing:antialiased;-webkit-transition:opacity .3s .3s;transition:opacity .3s .3s}
.piks-icon:hover .tooltipPiks-piks-icon .tooltipPiks-piks-icon-content{opacity:1;pointer-events:auto;-webkit-transition-delay:0s;transition-delay:0s}
.tooltipPiks-piks-icon-text{border-bottom:2px solid #48549f;overflow:hidden;-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1);-webkit-transition:-webkit-transform .3s .3s;transition:transform .3s .3s}
.tooltipPiks-piks-icon-content span{display:block}
.piks-icon:hover .tooltipPiks-piks-icon .tooltipPiks-piks-icon-text{-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
.tooltipPiks-piks-icon-inner{background:#4753bb;padding:7px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);webkit-transition:-webkit-transform .3s;transition:transform .3s}
.tooltipPiks-piks-icon-content span{display:block}
.piks-icon:hover .tooltipPiks-piks-icon .tooltipPiks-piks-icon-inner{-webkit-transition-delay:.3s;transition-delay:.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.tooltipPiks-piks-icon-content::after{content:'';bottom:-14px;left:50%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-color:transparent;border-top-color:#fffaf0;border-width:7px;margin-left:-7px}
.tooltipPiks-piks-icon-content::after{content:'';bottom:-14px;left:50%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-color:transparent;border-top-color:#4655bc;border-width:7px;margin-left:-7px}
.piks-icon:hover .tooltipPiks-piks-icon::after{pointer-events:auto}
.piks-icon .piks-icon-card-container{width:100%;height:100%;position:relative;-webkit-perspective:100px;-moz-perspective:100px;-o-perspective:100px;perspective:100px}
.piks-icon .piks-icon-card-container figure{display:block;height:100%;width:100%;position:absolute;padding:0 8px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;-o-transition:-o-transform .4s;transition:transform .4s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d}
.piks-icon .piks-icon-card-container .piks-icon-back,.piks-icon:hover .piks-icon-card-container .piks-icon-front{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}
.piks-icon .piks-icon-card-container figure>div{width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:center}
.piks-icon.piks-front-white .piks-icon-card-container .piks-icon-front>div{background-image:url(../images/pikajans.png)}
.piks-icon:hover .piks-icon-card-container .piks-icon-back{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}
.piks-icon .piks-icon-card-container .piks-icon-back>div{background-image:url(../images/pikajanscom.png)}
.footer{background:#262725;float:left;width:100%;padding-top:70px}
.foot-contact{width:25%;float:left;box-sizing:border-box;padding-right:50px}
.foot-logo{width:90px;float:left}
.foot-contact ul{width:100%;float:left;margin-top:30px}
.foot-contact ul li{color:#fff;font-size:14px;margin-bottom:15px;font-weight:300}
.foot-contact ul li a{color:#fff;margin-left:5px;font-weight:300}
.social{width:100%;float:left;margin-top:20px}
.social a{width:30px;height:30px;display:flex;align-items:center;justify-content:center;float:left;border:1px solid #fff;box-sizing:border-box;margin-right:10px;color:#fff;font-size:14px;transition:all ease-in-out .3s}
.social a:hover{background:#fff;color:#262725}
.foot-menu{width:25%;float:left;box-sizing:border-box;padding:0 30px}
.foot-blog>strong,.foot-menu strong,.foot-projeler>strong{width:100%;float:left;color:#fff;border-bottom:2px solid #fff;text-align:center;padding-bottom:10px;font-size:16px;margin-bottom:20px}
.foot-menu ul li{width:100%;float:left;margin-bottom:5px;position:relative;padding-left:50px}
.foot-menu ul li a{color:#fff;font-size:14px;font-weight:300}
.foot-menu ul li:before{content:"\f324";font-family:'Font Awesome 5 Pro';left:0;position:absolute;color:#fff;font-size:14px;left:20px;top:5px}
.foot-blog,.foot-projeler{width:25%;float:left;box-sizing:border-box;padding:0 30px}
.copyright-row{width:100%;float:left;border-top:1px solid #fff;margin-top:50px;padding:15px 0;display:flex;align-items:center;justify-content:space-between}
.copyright-text{color:#fff;font-size:14px;font-weight:300}
.copyright-menu ul li{float:left;margin:0 15px;position:relative}
.copyright-menu ul li a{font-weight:300;color:#fff;font-size:14px}
.copyright-menu ul li:before{content:"/";color:#fff;position:absolute;left:-18px}
.copyright-menu ul li:nth-child(1):before{display:none}
.copyright-menu ul{float:left}
.desginer{float:left}
.foot-projeler ul{width:100%;float:left;position:relative}
.foot-projeler ul li{width:100%;float:left;margin-bottom:20px}
.foot-proje-img{width:80px;height:60px;float:left;background-size:cover;background-position:center;margin-right:15px}
.foot-proje-content{width:calc(100% - 95px);float:left;color:#fff}
.foot-proje-content strong{font-size:14px}
.foot-proje-konum{font-size:12px}
.foot-projeler ul li a{display:flex;align-items:center}
.foot-blog ul li{width:100%;float:left;margin-bottom:20px}
.foot-blog ul li a{display:flex;align-items:center}
.foot-blog-img{width:80px;height:60px;background-size:cover;background-position:center;float:left;margin-right:15px}
.foot-blog-content{width:calc(100% - 95px);float: left;}
.foot-blog-content strong{color:#fff;font-size:14px;font-weight:500;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.black-shadow{display:none}
.black-shadow2{display:none}
.desktop-fix-buttons{position:fixed;z-index:5;width:100px;height:100px;border-radius:100%;display:flex;bottom:50px;right:50px;align-items:center;justify-content:center;font-size:40px;color:#fff;background:#05c7d4;background:-moz-linear-gradient(90deg,rgba(5,199,212,1) 0,rgba(72,77,186,1) 100%);background:-webkit-linear-gradient(90deg,rgba(5,199,212,1) 0,rgba(72,77,186,1) 100%);background:linear-gradient(90deg,rgba(5,199,212,1) 0,rgba(72,77,186,1) 100%);animation:pulse-ani 2s infinite 2s cubic-bezier(.25,0,0,1);box-shadow:0 0 0 0 rgba(72,77,186,1);cursor:pointer;transition:all ease-in-out .3s}
.desktop-fix-buttons:hover{transform:scale(1.1)}
@keyframes pulse-ani{
to{box-shadow:0 0 0 18px rgba(255,255,255,0)}
}
.fix-form{width:300px;position:fixed;background:#fff;right:50px;z-index:9;bottom:-800px;box-shadow:0 0 20px rgba(0,0,0,.1);transition:all ease-in-out .5s}
.fix-form.active{bottom:0}
.fix-form-head{width:100%;height:50px;background:#18181a;color:#fff;display:flex;align-items:center;justify-content:center}
.fix-form-content{width:100%;float:left;box-sizing:border-box;padding:30px}
.fix-form-content ul li{width:100%;float:left;margin-bottom:10px}
.fix-form-content input[type=text],.fix-form-content textarea{width:100%;float:left;height:40px;border:1px solid #ccc;box-sizing:border-box;padding:0 15px;font-family:Poppins;font-size:12px}
.fix-form-content textarea{height:80px;padding-top:10px}
.fix-form-content label{font-size:11px;margin-left:10px;line-height:14px;color:#454545}
.mobil-action{display:none}
.mobil-action{position:fixed;z-index:7;bottom:0;background:#18181a;width:100%;padding:10px 0;box-shadow:0 0 10px rgb(0 0 0 / 30%)}
.mobil-form-btn{position:absolute;width:80px;height:80px;background:#1aa299;border-radius:100%;display:flex;align-items:center;justify-content:center;font-size:40px;left:50%;margin-left:-40px;color:#fff;top:-40px;background:#05c7d4;background:-moz-linear-gradient(90deg,rgba(5,199,212,1) 0,rgba(72,77,186,1) 100%);background:-webkit-linear-gradient(90deg,rgba(5,199,212,1) 0,rgba(72,77,186,1) 100%);background:linear-gradient(90deg,rgba(5,199,212,1) 0,rgba(72,77,186,1) 100%);animation:pulse-ani 2s infinite 3s cubic-bezier(.25,0,0,1);box-shadow:0 0 0 0 #fff;box-sizing:border-box;padding:21px}
.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}
.mobil-btns a i{font-size:18px;margin-right:10px;position:relative;top:2px}
.fix-form-content label a{color:#000;text-decoration:underline}
.fix-form-content input[type=checkbox]{position:relative;top:3px}
.fix-form-content input[type=submit]{width:200px;height:50px;margin:auto;background:#05c7d4;background:-moz-linear-gradient(90deg,rgba(5,199,212,1) 0,rgba(72,77,186,1) 100%);background:-webkit-linear-gradient(90deg,rgba(5,199,212,1) 0,rgba(72,77,186,1) 100%);background:linear-gradient(90deg,rgba(5,199,212,1) 0,rgba(72,77,186,1) 100%);color:#fff;font-weight:600;cursor:pointer;transition:all ease-in-out .3s}
.fix-form-content ul li:last-child{text-align:center;margin-top:10px}
.fix-form-content ul li:nth-child(5){margin-bottom:0}
.form-close-btn{width:25px;height:25px;position:absolute;right:-11px;top:-11px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all ease-in-out .3s}
.form-close-btn:hover{background:#f7f7f7;color:#18181a}
.fix-form-content input[type=submit]:hover{background:#05c7d4;background:-moz-linear-gradient(267deg,rgba(5,199,212,1) 0,rgba(72,77,186,1) 100%);background:-webkit-linear-gradient(267deg,rgba(5,199,212,1) 0,rgba(72,77,186,1) 100%);background:linear-gradient(267deg,rgba(5,199,212,1) 0,rgba(72,77,186,1) 100%)}
.fix-search-bar{z-index:8;position:fixed;width:100%;height:100vh;background:rgb(0 0 0 / 80%);top:0;left:0;padding-top:200px;display:none}
.fix-search-bar .container{width:1000px}
.filter-search button,.fix-search-bar button{width:200px;height:70px;border:none;background:#05c7d4;background:-moz-linear-gradient(90deg,rgba(5,199,212,1) 0,rgba(72,77,186,1) 100%);background:-webkit-linear-gradient(90deg,rgba(5,199,212,1) 0,rgba(72,77,186,1) 100%);background:linear-gradient(90deg,rgba(5,199,212,1) 0,rgba(72,77,186,1) 100%);color:#fff;font-size:18px;font-weight:600}
.filter-search button i,.fix-search-bar button i{margin-right:10px}
.fix-search-bar input[type=search]{width:calc(100% - 200px)!important;float:left}
.fix-search-bar strong{font-size:30px;color:#fff;margin-bottom:20px;width:50%;float:left;font-weight:600}
.search-close{width:50%;float:left;height:46px;margin-bottom:20px;text-align:right;display:flex;align-items:center;justify-content:flex-end;color:#fff;font-size:40px;cursor:pointer}
.breadcrumb{width:50%;float:left;text-align:right;margin:60px 0 20px}
.breadcrumb a,.breadcrumb i,.breadcrumb span{font-size:14px;color:#454545;margin-left:10px}
.breadcrumb a:hover{color:#474dba}
.filter-search{width:100%;float:left;background:#f0f0f0;box-sizing:border-box;padding:25px;margin-top:20px}
.filter-search ul li{width:calc(20% - 20px);float:left;margin:10px}
.filter-search input[type=text],.filter-search select{border:1px solid #ccc;height:60px;width:100%;box-sizing:border-box;padding:0 20px}
.filter-search button{height:60px;width:100%}
.projeler-list-row{padding-top:30px}
.main-title{width:50%;float:left;margin:50px 0 20px;display:flex;align-items:center}
.main-title img{float:left;margin-right:15px}
.main-title h2{font-size:36px;color:#18181a}
.breadcrumb.full-breadcrumb{width:100%;float:left;text-align:left;margin:50px 0 20px}
.proje-detay-index{width:100%;float:left;position:relative;margin-bottom:50px}
.proje-detay-slider{width:65%;float:left;position:relative}
.galeri-big-bg{width:100%;height:450px;background-size:cover;background-position:center}
.galeri-small-bg{height:120px;background-size:cover;background-position:center;position:relative}
div#galeri-small{margin-top:10px}
.full-breadcrumb a,.full-breadcrumb i,.full-breadcrumb span{margin-left:0;margin-right:10px}
.galeri-small-bg:before{content:"";position:absolute;width:100%;float:left;background:#000;height:100%;opacity:0;transition:all ease-in-out .5s}
.current .galeri-small-bg:before{opacity:.5}
.proje-detay-title{display:flex;align-items:center;justify-content:center}
.proje-detay-title h1{font-size:28px;background:#04c9d5;background:-webkit-linear-gradient(to right,#04c9d5 0,#4a48b9 100%);background:-moz-linear-gradient(to right,#04c9d5 0,#4a48b9 100%);background:linear-gradient(to right,#04c9d5 0,#4a48b9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;float:left}
.proje-detay-price{width:100%;text-align:center;color:#454545;font-size:18px;float:left;margin-bottom:15px}
.proje-detay-info{width:35%;float:left;box-sizing:border-box;padding-left:50px;position:relative;height:580px}
.proje-detay-info ul li{width:100%;float:left;display:flex;align-items:center;justify-content:space-between;height:30px;font-size:13px;box-sizing:border-box;padding:0 20px;color:#454545}
.proje-detay-info ul li:nth-child(odd){background:#e8e8e8}
.form-ac-btn{width:calc(100% - 50px);float:left;height:60px;background:#05c7d4;background:-moz-linear-gradient(90deg,rgba(5,199,212,1) 0,rgba(72,77,186,1) 100%);background:-webkit-linear-gradient(90deg,rgba(5,199,212,1) 0,rgba(72,77,186,1) 100%);background:linear-gradient(90deg,rgba(5,199,212,1) 0,rgba(72,77,186,1) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;cursor:pointer;transition:all ease-in-out .3s;position:absolute;bottom:0}
.form-ac-btn:hover{background:#05c7d4;background:-moz-linear-gradient(266deg,rgba(5,199,212,1) 0,rgba(72,77,186,1) 100%);background:-webkit-linear-gradient(266deg,rgba(5,199,212,1) 0,rgba(72,77,186,1) 100%);background:linear-gradient(266deg,rgba(5,199,212,1) 0,rgba(72,77,186,1) 100%)}
.full-width-card{width:100%;float:left;background:#fff;box-sizing:border-box;border:1px solid #ccc;position:relative;margin-bottom:50px}
.card-title{width:100%;float:left;border-bottom:1px solid #ccc;display:flex;align-items:center;box-sizing:border-box;padding:10px 30px}
.card-title h2{margin-left:15px;font-size:18px;color:#18181a}
.card-content{width:100%;float:left;position:relative;box-sizing:border-box;padding:20px 30px}
.card-content p{font-size:14px;line-height:24px;margin-bottom:15px;color:#6a6a6a}
.card-content h3{font-size:16px;margin-bottom:10px;color:#6a6a6a;font-weight:600}
.proje-ozellikleri ul{columns:4;-webkit-columns:4;-moz-columns:4}
.proje-ozellikleri ul li{font-size:14px;line-height:24px;color:#6a6a6a;margin-bottom:5px;position:relative;box-sizing:border-box;padding-left:25px}
.proje-ozellikleri ul li:before{content:"\f00c";position:absolute;font-family:'Font Awesome 5 Pro';left:0;top:1px}
.half-width-card{width:calc(50% - 25px);background:#fff;float:left;border:1px solid #ccc;box-sizing:border-box;margin-bottom:50px}
.kat-planlari .card-content,.tanitim-videosu .card-content{height:350px;overflow-y:scroll}
.tanitim-videosu{margin-right:25px}
.tanitim-videosu .card-content{box-sizing:border-box;padding:15px 30px}
.tanitim-videosu a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;background-size:cover;background-position:center}
.tanitim-videosu a i{color:#fff;font-size:60px;position:relative;transition:all ease-in-out .3s}
.tanitim-videosu a:before{content:"";position:absolute;width:100%;height:100%;background:rgb(0 0 0 / 32%)}
.tanitim-videosu a:hover i{font-size:70px}
.accordionButton{width:100%;float:left;background:#f8f8f8;padding:15px 20px;box-sizing:border-box;text-align:center;font-weight:600;font-size:14px;color:#6a6a6a;position:relative;margin-bottom:10px;cursor:pointer}
.accordionButton:before{content:"\f078";position:absolute;font-family:'Font Awesome 5 Pro';right:20px;top:19px;transition:all ease-in-out .3s}
.accordionButton.on:before{transform:rotate(180deg)}
.accordionContent{width:100%;float:left;position:relative;margin-bottom:10px}
.kat-planlari{margin-left:25px}
.kat-planlari .card-content::-webkit-scrollbar-track{background-color:#f5f5f5}
.kat-planlari .card-content::-webkit-scrollbar{width:5px;background-color:#f5f5f5}
.kat-planlari .card-content::-webkit-scrollbar-thumb{background-color:#181818}
.firma-info{width:250px;float:left;margin-right:50px}
.firma-widget-logo{width:100%;float:left;padding:30px;box-sizing:border-box;border:1px solid #ccc;margin-bottom:15px;max-height:135px}
.firma-info ul li{width:100%;float:left;background:#e8e8e8;color:#181818;font-size:14px;margin-bottom:10px;padding:10px 20px;box-sizing:border-box}
.firma-info ul li strong{margin-right:5px}
.proje-detay-firma-bilgi{width:calc(100% - 300px);float:left}
.proje-detay-firma-bilgi h3{font-size:20px;margin-bottom:0;background:#04c9d5;background:-webkit-linear-gradient(to right,#04c9d5 0,#4a48b9 100%);background:-moz-linear-gradient(to right,#04c9d5 0,#4a48b9 100%);background:linear-gradient(to right,#04c9d5 0,#4a48b9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;float:left}
.firma-lokasyon{width:100%;float:left;font-size:14px;color:#6a6a6a;margin:5px 0 20px}
.proje-detay-firma-bilgi p{width:100%;float:left}
.firma-widget-logo img{max-width:auto;max-height:100%!important;height:auto}
.odeme-secenekleri{margin-right:25px}
.harita .card-content,.odeme-secenekleri .card-content{height:300px}
.harita iframe{width:100%;height:100%}
.yorum-left{width:50%;float:left;box-sizing:border-box;padding-right:80px;padding-top:30px}
.yorum-left ul li{width:100%;float:left;margin-bottom:15px}
.form-text{width:100%;height:60px;border:1px solid #ccc;box-sizing:border-box;padding-left:25px;font-family:Poppins}
.form-textarea{width:100%;height:120px;border:1px solid #ccc;box-sizing:border-box;padding:15px 25px;font-family:Poppins}
.yorum-left input[type=submit]{width:200px;height:50px;background:#000;color:#fff;font-weight:600}
.yorum-left ul li:last-child{text-align:center}
.yorum-right{width:50%;float:left;height:445px;overflow-y:scroll;margin-bottom:20px;box-sizing:border-box;padding-right:15px}
.yorum-right::-webkit-scrollbar-track{background-color:#f5f5f5}
.yorum-right::-webkit-scrollbar{width:5px;background-color:#f5f5f5}
.yorum-right::-webkit-scrollbar-thumb{background-color:#181818}
.yorum-right ul li{width:100%;float:left;margin-bottom:20px;box-sizing:border-box}
.yorum-right ul li ul{width:calc(100% - 50px);margin-left:50px;float:left}
.yorum-img{width:80px;margin-right:20px;float:left}
.yorum-content{width:calc(100% - 100px);float:left}
.yorum-head{width:100%;float:left;margin-bottom:10px}
.yorum-title{width:calc(100% - 150px);float:left}
.yorum-title strong{font-size:16px;color:#6a6a6a;width:100%;float:left;margin-top:10px}
.yorum-title span{font-size:14px;color:#6a6a6a}
.cevapla{width:150px;float:right;text-align:right;font-size:14px;color:#494cba;margin-top:15px}
.yorum-content p{font-size:14px;line-height:24px}
.yorum-right ul li ul li:last-child{margin-bottom:0}
.owl-next svg,.owl-prev svg{width:12px;margin-left:10px}
.harita{margin-left:25px}
.hakkimizda{margin-bottom:0}
.hakkimizda .card-content img{float:right;margin-left:50px;position:relative;margin-top:-50px;margin-bottom:-20px}
.blog-liste,.firmalar-list-row{width:calc(100% + 30px);float:left;margin-left:-15px;margin-bottom:80px}
.blog-card,.firma-card{width:calc(33.3% - 30px);float:left;background:#fff;border:1px solid #ccc;margin:15px;box-sizing:border-box}
.blog-card-img,.firma-card-img{width:100%;height:220px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center}
.firma-card-img:before{content:"";position:absolute;width:100%;height:100%;background:rgb(255 255 255 / 75%)}
.firma-card-img img{position:relative;max-width:50%}
.blog-card-content,.firma-card-content{width:100%;float:left;position:relative;box-sizing:border-box;padding:15px 25px}
.blog-card-content h2,.firma-card-content h2,.firma-card-content h3{color:#454545}
.loc{width:100%;float:left;font-size:14px;color:#6a6a6a;margin-bottom:15px}
.loc i{margin-right:7px}
.blog-card-content p,.firma-card-content p{font-size:14px;color:#6a6a6a;line-height:24px;font-weight:300;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;width:100%;float:left}
.blog-card-footer,.firma-card-button{width:100%;float:left;text-align:right;padding:15px 25px;box-sizing:border-box}
.firma-card-button span{font-weight:600;float:right;cursor:pointer;background:#04c9d5;background:-webkit-linear-gradient(to right,#04c9d5 0,#4a48b9 100%);background:-moz-linear-gradient(to right,#04c9d5 0,#4a48b9 100%);background:linear-gradient(to right,#04c9d5 0,#4a48b9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.firma-card-button span i{margin-left:5px;transition:all ease-in-out .3s}
.firma-card-button span:hover i{margin-left:10px}
.firma-detay-bilgiler{width:calc(100% - 330px);min-height:500px;float:left;margin-top:10px;margin-bottom:50px}
.firma-projeler{width:300px;float:left;margin-left:30px}
.firmaProject .proje-card{width:100%;margin:0}
.sidebar-title{width:100%;float:left;text-align:center;margin-bottom:15px;text-transform:uppercase}
.firmaProject{width:100%;float:left}
.sidebar-title span{font-weight:300;line-height:24px}
.sidebar-title h2{color:#454545;margin-top:15px}
.firmaProject .owl-dots{margin-top:15px}
.blog-card-content h2{font-size:18px;margin-bottom:15px}
.blog-card-content{min-height:195px}
.iletisim-bilgileri {
    width: calc(70% - 50px);
    float: left;
    background: #fff;
    box-sizing: border-box;
    padding: 50px;
    border: 1px solid #ccc;
    margin-bottom: 50px;
    margin-right: 50px;
}

.iletisim-bilgileri > p {
    width: 100%;
    float: left;
    margin-bottom: 40px;
    color: #6a6a6a;
}

.iletisim-bilgileri ul li {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.info-btn {
    width: 50px;
    float: left;
    display: flex;
    justify-content: center;
    font-size: 40px;
    margin-right: 15px;
}
.info-btn i{background:#04c9d5;background:-webkit-linear-gradient(to right,#04c9d5 0,#4a48b9 100%);background:-moz-linear-gradient(to right,#04c9d5 0,#4a48b9 100%);background:linear-gradient(to right,#04c9d5 0,#4a48b9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}

.contact-info {
    width: 50%;
    float: left;
}

.contact-info strong {
    color: #454545;
    width: 100%;
    float: left;
}

.contact-info p, .contact-info a {
    color: #6a6a6a;
}
.iletisim-form {
    width: 30%;
    float: left;
    background: #262725;
    height: 560px;
    box-sizing: border-box;
    padding: 30px 50px;
}

.iletisim-form strong {
    width: 100%;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 28px;
    margin-bottom: 30px;
}

.iletisim-form ul li {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.iletisim-form input[type="text"] {
    width: 100%;
    float: left;
    height: 45px;
    box-sizing: border-box;
    padding: 0px 20px;
    font-family: 'Poppins';
}

.iletisim-form textarea {
    width: 100%;
    height: 100px;
    box-sizing: border-box;
    padding: 15px 20px;
    font-family: 'Poppins';
}

.iletisim-form label {
    color: #fff;
    font-size: 11px;
    margin-left: 10px;
    position: relative;
    top: -3px;
}

.iletisim-form label a {
    color: #fff;
    text-decoration: underline;
}

.iletisim-form input[type="submit"] {
    width: 180px;
    height: 50px;
    float: left;
    margin-left: 50%;
    left: -90px;
    position: relative;
    background: rgb(5,199,212);
    background: -moz-linear-gradient(266deg, rgba(5,199,212,1) 0%, rgba(72,77,186,1) 100%);
    background: -webkit-linear-gradient(266deg, rgba(5,199,212,1) 0%, rgba(72,77,186,1) 100%);
    background: linear-gradient(266deg, rgba(5,199,212,1) 0%, rgba(72,77,186,1) 100%);
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
}
.map {
    width: 100%;
    float: left;
    height: 500px;
    margin-bottom: 80px;
    filter: grayscale(1);
    box-sizing: border-box;
    border: 1px solid #ccc;
}
.blog-detay-content {
    width: calc(100% - 350px);
    float: left;
    background: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 30px;
    margin-right: 50px;
    margin-bottom: 50px;
}

.blog-detay-content h1 {
    font-size: 30px;
    margin-bottom: 20px;
}

.blog-detay-content p {
    color: #6a6a6a;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 20px;
}

.blog-detay-content p a {
    color: #2a99ca;
    text-decoration: underline;
}

.blog-detay-content h2 {
    font-size: 24px;
    color: #454545;
    margin-bottom: 15px;
}

.blog-detay-content h3 {
    font-size: 18px;
    margin-bottom: 15px;
    color: #454545;
}

.sidebar {
    width: 300px;
    float: left;
}
.widget-box {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    background: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 15px 20px;
}

.widget-box > strong {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    text-align: center;
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-size: 18px;
    color: #18181a;
}

.arama #search {
    height: 50px;
    width: calc(100% - 50px);
    margin-bottom: 10px;
}

.arama button {
    width: 50px;
    height: 50px;
    border: none;
    appearance: none;
    background: rgb(5,199,212);
    background: -moz-linear-gradient(266deg, rgba(5,199,212,1) 0%, rgba(72,77,186,1) 100%);
    background: -webkit-linear-gradient(266deg, rgba(5,199,212,1) 0%, rgba(72,77,186,1) 100%);
    background: linear-gradient(266deg, rgba(5,199,212,1) 0%, rgba(72,77,186,1) 100%);
    color: #fff;
    font-size: 18px;
}

.one-cikan-yazilar ul li {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.one-cikan-yazilar ul li a {
    display: flex;
    align-items: center;
}
.one-cikan-yazilar .foot-blog-content strong {
    color: #6a6a6a;
    font-size: 12px;
}

.one-cikan-img {
    width: 100%;
    float: left;
    margin-bottom: 25px;
}
.paylas-icn {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.paylas-icn a {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    color: #000;
    border: 1px solid #ccc;
    box-sizing: border-box;
    justify-content: center;
    margin: 0px 5px;
    font-size: 14px; transition: all ease-in-out .3s;
}
.paylas-icn a:hover{ background-color: #181818; color: #fff;}

.firsat-projeleri-widget {
    background: transparent;
    border: none;
    padding: 0px;
}
.blog-detay-yorum {
    border: none;
    margin-top: 30px;
}

.blog-detay-yorum .card-title {
    padding: 0px;
    border-bottom: 0px;
}

.blog-detay-yorum .card-content {
    padding: 0px;
}

.blog-detay-yorum .yorum-left {
    width: 100%;
    padding-right: 0;
    margin-bottom: 50px;
}

.blog-detay-yorum .yorum-right {
    width: 100%;
    margin-bottom: 0;
}
.row {
    width: 100%;
    float: left;
}

.sidebar-ilceler {
    width: 300px;
    float: left;
    background-color: #18181a;
    max-height: 500px;
    overflow-y: scroll;
    margin-right: 30px;
}

.sidebar-ilceler ul li {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    height: 50px;
    border-bottom: 1px solid rgb(255 255 255 / 15%);
    box-sizing: border-box;
    justify-content: space-between;
    position: relative;
}

.sidebar-ilceler ul li a {
    color: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px 10px 30px;
}

.sidebar-ilceler ul li a span {
    text-transform: uppercase;
}

.sidebar-ilceler ul li a strong {
    background: rgb(5,199,212);
    background: -moz-linear-gradient(266deg, rgba(5,199,212,1) 0%, rgba(72,77,186,1) 100%);
    background: -webkit-linear-gradient(266deg, rgba(5,199,212,1) 0%, rgba(72,77,186,1) 100%);
    background: linear-gradient(266deg, rgba(5,199,212,1) 0%, rgba(72,77,186,1) 100%);
    padding: 1px 12px;
    font-size: 14px;
    min-width: 45px;
    box-sizing: border-box;
    text-align: center;
    transition: all ease-in-out .3s;
}

.sidebar-ilceler ul li a:before {
    content: "";
    position: absolute;
    width: 0px;
    height: 1px;
    left: 0;
    bottom: 0px;
    background: rgb(5,199,212);
    background: -moz-linear-gradient(266deg, rgba(5,199,212,1) 0%, rgba(72,77,186,1) 100%);
    background: -webkit-linear-gradient(266deg, rgba(5,199,212,1) 0%, rgba(72,77,186,1) 100%);
    background: linear-gradient(266deg, rgba(5,199,212,1) 0%, rgba(72,77,186,1) 100%);
    transition: all ease-in-out .3s;
}

.sidebar-ilceler ul li a:hover:before {
    width: 100%;
}

.sidebar-ilceler ul li a:hover span {
    background: #04c9d5;
    background:-webkit-linear-gradient(to right,#04c9d5 0,#4a48b9 100%);
    background:-moz-linear-gradient(to right,#04c9d5 0,#4a48b9 100%);
    background:linear-gradient(to right,#04c9d5 0,#4a48b9 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    float: left;
}

.ilce-proje-list {
    width: calc(100% - 330px);
    float: left;
}

.ilce-projeler {
    width: calc(100% + 30px);
    margin-left: -15px;
    float: left;
    margin-top: -15px;
}

.ilce-projeler .proje-card {
    width: calc(33.3% - 30px);
    margin: 15px;
}

.sidebar-ilceler::-webkit-scrollbar-track{background-color:#000}
.sidebar-ilceler::-webkit-scrollbar{width:5px;background-color:#000}
.sidebar-ilceler::-webkit-scrollbar-thumb{background-color:#6a6a6a}