:root{--mavi:#25599d;--mavi1: #4285dd;--mavi2:#194886;--mavi3:#001c40;--mavi4:#00285d;--yesil:#50b748;--yesil2:#298e21;--kirmizi:#c30000;--kirmizi2:#880000;}
body{background:#f1f1f1;font-family:'Roboto', sans-serif;color: #4f4f4f;font-size: 16px;overflow-x: hidden;}
article:after,.clearfix:after{content:'';display:table;clear:both}
ul{list-style-type:none;padding:0;margin:0}
a:hover,a,a:focus{text-decoration:none}
img{max-width:100%}
.actualboxs__item .weatherbox .icon img,
.yuvarla_YYYY3{border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px}
.yuvarla_YYYY1{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
.yuvarla_00YY{border-radius:0 0 20px 20px;-moz-border-radius:0 0 20px 20px;-webkit-border-radius:0 0 20px 20px}
.yuvarla_000Y{border-radius:0 0 0 20px;-moz-border-radius:0 0 0 20px;-webkit-border-radius:0 0 0 20px}
.yuvarla_YY00{border-radius:20px 20px 0 0;-moz-border-radius:20px 20px 0 0;-webkit-border-radius:20px 20px 0 0}
.yuvarla_Y000{border-radius:20px 0 0 0;-moz-border-radius:20px 0 0;-webkit-border-radius:20px 0 0 0}
.yuvarla_0YYY{border-radius:0 20px 20px 20px;-moz-border-radius:0 20px 20px;-webkit-border-radius:0 20px 20px 20px}
.yuvarla_Y00Y{border-radius:20px 0 0 20px;-moz-border-radius:20px 0 0 20px;-webkit-border-radius:20px 0 0 20px}
.yuvarla_0YY0{border-radius:0 20px 20px 0;-moz-border-radius:0 20px 20px 0;-webkit-border-radius:0 20px 20px 0}
.yuvarla_YYY0{border-radius:20px 20px 20px 0;-moz-border-radius:20px 20px 20px 0;-webkit-border-radius:20px 20px 20px 0}
.yuvarla_00Y0{border-radius:0 0 20px 0;-moz-border-radius:0 0 20px;-webkit-border-radius:0 0 20px 0}
.yuvarla_YYYY3{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}
nav#mainmenu>ul>li ul,nav#mainmenu>ul>li ul li a,.tabs .tab__inner a.all i,.tabs .tab__inner a.all,.topbox .livebox a,.colorCards .widget ul li a,.colorCards .widget a.more,#footer .footerMenu a,.widget ul li a,.tmcbutton:after,.projectFeatured a.tumu,
.project_box .project_images figure img,
.efect_geciktirici{transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out}
header#header .header__inner,.search-popup,nav#mainmenu>ul>li>a,header .topbox,header .topbox .onlinebox,header#header .logo:after,header#header .logo a img,header#header .logo:before,nav#mainmenu>ul li a:after,.topbox .onlinebox:before,nav#mainmenu>ul>li>a:before,.megamenu,.topbox .livebox,.tabs .tab__button,.mainBannersArea .tabs:before,.blackbg,main#main,.slideGalleryBox .titleBox,.project_box .other_images img,.project_box .other_images img,.widget figure img,article figure img,
.efect_geciktirici2{transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out}
nav#mainmenu>ul>li ul,.tabs .banner__item a .titles,.onlineservice__items li:hover a,.tabs .banner__item,.onlineservices,.widget,.widget .tabs .tab__button.tns-nav-active,.slideGalleryBox,.widget .tns-controls button,.projectExcerpts span,.featuredLogos figure,.copyrightBar,.footer-logo,.tmcbutton,.page__inner,article figure img,.page_big_gallery .tns-ovhs,.gallery_item_thumb,
.project_box .project_images figure img,.widget .gallery_min .gallery_item figure,article .info-birim figure,ul.teskilat-semasi .resim,
.golge_1{box-shadow: 0 0 10px rgb(0 0 0 / 25%);}
.onlineservices,
.tabs .tab__button:hover, .tabs .tab__button.tns-nav-active,
.slideGalleryBox .titleBox:before,.projectFeatured .project__buttons,
.gecisli_mavi{background: linear-gradient(to bottom, var(--mavi) 0%, var(--mavi2) 100%);}
.topbox .onlinebox,
.gecisli_yesil{background: linear-gradient(to bottom, var(--yesil) 0%, var(--yesil2) 100%);}
.topbox .livebox,
.gecisli_kirmizi{background: linear-gradient(to bottom, var(--kirmizi) 0%, var(--kirmizi2) 100%);}
header#header{position: fixed;width: 100%;z-index:3;/* top: 0; */}
header#header .header__inner{background:var(--mavi) url(../img/ust-dalga.png) no-repeat 0 center;height:150px;z-index:2}
header#header .container,header#header .row{height:100%;position:relative;z-index:2;}
header#header .logo{height:100%;display:flex;flex-direction:column;padding:10px 10px 10px 0;position:relative;align-items:stretch;justify-content: center;align-content:center;flex-wrap:nowrap;}
header#header .logo:before{content:'';background:var(--yesil);width: 10000px;height:100%;position:absolute;right:100px;top:0;z-index:0;}
header#header .logo:after{content:'';background:#fff;width: 10000px;height:100%;position:absolute;right:-10px;top:-10px;z-index:0;}
header#header .logo:hover:before{right:-10px}
header#header .logo a img{position:relative;z-index:1;height: 64px;}
header#header.active .header__inner{height:80px}
header#header.active .logo a img{height:50px}
header#header.active .logo:after{top:-4px;right:30px}
header#header.active .logo:hover:before{right:30px}
.progress-container{width:100%;height: 5px;background: rgb(0 0 0 / 10%);position: absolute;bottom: 0;overflow: hidden;opacity:0;}
.progress-bar{height: 100%;background:var(--yesil);width:0;}
header#header.active .progress-container{opacity:1;}
.search-popup{background:#fff;position:absolute;top:-100%;z-index:-1;width:100%;padding:20px;border-bottom:5px solid var(--mavi);text-align:center}
.search-popup .title{margin-bottom:10px;font-size:20px;font-weight:700;color:var(--mavi2)}
.search-popup.active{top:100%;opacity:1!important;visibility:visible!important}
.search-popup .form-div{width:50%;margin:0 auto}
.search-popup .close-search-popup{display:inline-block;padding:5px 15px;border:1px solid #ccc;cursor:pointer;color:var(--mavi)}
.search-popup .close-search-popup:hover{border-color:var(--mavi)}
.search-popup form{position:relative;margin-bottom:20px}
.search-popup form input{width:100%;border:1px solid #ccc;height:50px;font-size:24px;padding:10px;outline:0}
.search-popup form input:focus{border-color:var(--mavi)}
.search-popup form button{position:absolute;top:0;right:0;height:100%;border:0;outline:0;width:50px;background:none;font-size:24px}
.search-popup form button i{}
.mobile-menu-outer{display:none;color: #fff;}
.mobile-menu-outer .search-opener{width: 42px!important;font-size: 28px;}
.mobile-menu-outer .mobile-menu-opener{width: 42px!important;display: inline-flex;position: relative;top: auto;min-height: auto;font-size: 34px;line-height: 42px;margin-left: 10px;}
.active nav#mainmenu>ul>li>a{padding:15px;font-size:14px}
nav#mainmenu{height:100%;text-transform:uppercase}
nav#mainmenu>ul{display:flex;height:100%;align-content:center;flex-wrap:nowrap;align-items:flex-end;justify-content:center}
nav#mainmenu>ul>li{white-space:nowrap;position:relative}
nav#mainmenu>ul>li>a{position:relative;color:#fff;padding:15px 15px 45px;text-align:center;display:block;overflow:hidden}
nav#mainmenu>ul>li>a:after{content:'';width:22px;height:22px;background:#fff;position:absolute;bottom:-28px;margin-left: -11px;left:50%;transform:rotate(45deg);}
nav#mainmenu>ul>li>a:before{content:'';width:100%;height:0;left:0;bottom:0;right:0;background:#50b748;position:absolute;z-index:-1}
nav#mainmenu>ul>li:hover>a:before{height:100%}
nav#mainmenu>ul>li:hover>a:after{bottom:-14px}
nav#mainmenu>ul>li>a>i{display:block}
nav#mainmenu>ul>li>a>b{display:block;white-space:nowrap}
nav#mainmenu>ul>li ul{position:absolute;background:#fff;padding:5px 0;min-width:200px;z-index:-1;opacity:0;visibility:hidden;}
nav#mainmenu>ul>li:hover ul{top:100%;opacity:1;visibility:visible}
nav#mainmenu>ul>li.ikili>ul{column-count:2;-webkit-column-count:2;-moz-column-count:2;column-gap:5px;-webkit-column-gap:5px;-moz-column-gap:5px}
nav#mainmenu>ul>li.uclu>ul{column-count:3;-webkit-column-count:3;-moz-column-count:3;column-gap:5px;-webkit-column-gap:5px;-moz-column-gap:5px}
nav#mainmenu>ul>li ul li{position:relative;}
nav#mainmenu>ul>li ul li a{padding:5px 15px;display:block;color:var(--mavi);font-size:14px;white-space:nowrap;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid}
nav#mainmenu>ul>li ul li a b{font-weight:normal;}
nav#mainmenu>ul>li ul li:hover a{background:var(--yesil);color:#fff;padding: 5px 10px 5px 20px;}
nav#mainmenu>ul>li:hover ul li ul{top:0px;left:100%;opacity:0;z-index:-2;padding:0}
nav#mainmenu>ul>li:hover ul li:hover ul{opacity:1}
nav#mainmenu>ul>li ul li ul{top:0;}
nav#mainmenu>ul>li ul li ul ul{display:none;}
.topbox-div{position:relative}
.topbox{position:absolute;top:0;right:10px;left:10px;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;text-align:center;align-content:stretch;justify-content:flex-start}
.topbox ul.topicons{display:flex;flex-wrap:nowrap;align-content:center;justify-content:space-evenly;align-items:center;background:var(--mavi2);height:40px;flex-direction:row;position:relative;z-index:3}
.topbox ul.topicons li a{display:block;color:#fff;font-size:14px;padding:10px 5px}
.topbox .onlinebox{height:110px;display:flex;flex-direction: column;flex-wrap:nowrap;justify-content: center;align-items:stretch;position:relative;align-content:stretch;z-index:2;}
.topbox .onlinebox:before{content:'';position:absolute;left:0;right:0;bottom:0;height:6px;width:100%;background:#000;opacity:.2;z-index:0}
.topbox .onlinebox:hover:before{opacity:.1;height:100%}
.topbox .onlinebox a{color:#fff;font-size:18px;line-height:18px;display:block;padding:15px;position:relative;z-index:1}
.topbox .onlinebox a i{display:block;margin-bottom:15px}
.topbox .onlinebox a b{display:block}
.topbox .onlinebox a b small{display:block;font-size:12px;font-weight:400}
.topbox .livebox{opacity:1;visibility:visible;position:relative;top:0;z-index:1;}
.topbox .livebox a{color:#fff;padding:10px;display:block;font-size:18px}
.topbox .livebox:hover a{padding:15px 10px;}
.topbox .livebox a .liveicon{display:inline-block;position:relative;top:3px;margin-right:5px;}
.topbox .livebox a .liveicon i{position:absolute;z-index:2;font-size:20px;line-height:20px;left: 0px;top: 0px;}
.topbox.active .livebox{opacity:0;visibility:hidden;top:-48px}
.blob{border-radius:50%;box-shadow:0 0 0 0 rgba(0,0,0,1);height:20px;width:20px;transform:scale(1);animation:pulse-black 2s infinite;top:0;left:0;z-index:0}
@keyframes pulse-black {
0%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,0,0,0.7)}
70%{transform:scale(1.5);box-shadow:0 0 0 10px rgba(0,0,0,0)}
100%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,0,0,0)}
}
header.active .topbox{margin-top:-40px}
header.active .topbox .onlinebox a{padding:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;}
header.active .topbox .onlinebox{height:80px}
header.active .topbox .onlinebox a i{margin-bottom:0;margin-right:10px}
.megamenu{background:#fff;position:absolute;top: -150%;z-index: -1;width:100%;padding:20px 0;border-bottom:5px solid var(--mavi);}
.megamenu.active{top:100%;opacity:1!important;visibility:visible!important}
.megamenu:before{content:'';width:40%;height:5px;right:0;background:var(--yesil);position:absolute;bottom:-5px;z-index:1}
.megamenu figure{margin:0}
.megamenu nav{display:flex;height:100%;flex-direction: row;justify-content:center;align-items:center;align-content:center;flex-wrap: nowrap;}
.megamenu nav ul{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content: space-between;align-content:space-between;display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 10px;}
.megamenu nav ul li{/* width:19%; */text-align:center;/* margin-bottom:15px; */}
.megamenu nav ul li a{padding:15px 10px;display:block;height:92px;border:1px solid var(--mavi);color:var(--mavi);font-size:14px;line-height:16px;}
.megamenu nav ul li a i{display:block;font-size:24px;margin-bottom:7px}
.megamenu nav ul li a b{display:-webkit-box;max-width:100%;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.megamenu nav ul li a small{display:block;}
.megamenu nav ul li:hover a{background:var(--mavi);color:#fff}
.megamenu .close-megamenu{position:absolute;top:0;right:0;font-size:25px;padding:10px;line-height:25px;cursor:pointer}
main#main{padding: 200px 0 20px 0;background: url(../img/bg.jpg)no-repeat top center;background-size: 100%;z-index: 2;position: relative;}
.mainBannersArea{margin-bottom: 30px;padding-top: 40px;}
.mainBannersArea .container .row{display: flex;align-items: flex-end;}
.tabs .tabs__buttons{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-end;align-content:flex-end;border-bottom: 5px solid var(--mavi2);justify-content: flex-start;}
.tabs .tab__button{cursor:pointer;background: rgb(255 255 255 / 50%);padding:10px 20px;font-size:14px;color:var(--mavi);}
.tabs .tab__button:hover,.tabs .tab__button.tns-nav-active{/* background:var(--mavi); */color:#fff;padding:15px 20px 10px;}
.tabs .tab__inner a.all{position:absolute;bottom:0;right:0;z-index:1;margin:15px;background:var(--mavi);padding:3px 10px;color:#fff;font-size:14px;}
.tabs .tab__inner a.all:hover{background:var(--yesil)}
.tabs .tab__inner a.all:hover i{margin-left:5px}
.tabs .tab__inner{position:relative}
.tabs .tab__inners:before{content:'';width:5px;height:70px;position:absolute;background:var(--mavi);left:0;top:0;z-index:1}
.tabs .banner__item{position:relative}
.tabs .banner__item a .titles{position:absolute;bottom:50px;left:20px;right: 20px;background: rgb(255 255 255 / 85%);padding:12px 20px;border-left:5px solid var(--mavi);color:var(--mavi);}
.tabs .banner__item a .info{font-size:12px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start}
.tabs .banner__item a .info span{margin-right:15px}
.tabs .banner__item a .title{font-size:22px;font-weight:700}
.tabs .banner__item a figure{margin:0}
.mainBannersArea .tabs .banner__item a figure img{width:100%;}
.tabs .tns-controls button{background:none;border:none;outline:none;position:absolute;top:50%;z-index:1;font-size:30px;padding:10px;margin-top:-33px;color:#fff}
.tabs .tns-controls button:hover{background:var(--mavi);opacity:.8}
.tabs .tns-controls button:nth-child(1){left:0}
.tabs .tns-controls button:nth-child(2){right:0}
.tabs .tns-nav{position:absolute;bottom:0;left:0;z-index:1;margin:20px 20px 10px}
.tabs .tns-nav button{border:none;outline:none;height:15px;width:15px;display:inline-block;background:var(--mavi);margin-right:8px}
.tabs .tns-nav button:hover,.tabs .tns-nav button.tns-nav-active{background:var(--yesil)}
.actualboxs{width: 340px;margin: 0 0 20px 60px;color:var(--mavi2);position: relative;z-index: 1;/* padding-bottom: 30px; */}
.actualboxs__item{padding-bottom:15px}
.actualboxs__item>div{display:flex;align-items:flex-start;justify-content:flex-start;align-content:flex-start}
.actualboxs__item .weatherbox{align-items:center}
.actualboxs__item .weatherbox .icon{width:140px;height:120px;text-align: center;}
.actualboxs__item .weatherbox .icon img{height: 100%;background: #ffffff69;}
.actualboxs__item .weatherbox .info{padding:5px;width:120px}
.actualboxs__item .weatherbox .info b{font-size:26px;line-height:26px;margin-bottom:5px;font-weight:700;display:block}
.actualboxs__item .weatherbox .info p{margin-bottom:0;font-size:14px;line-height:16px;text-transform: capitalize;}
.actualboxs__item .chemistbox{display:block}
.actualboxs__item .chemistbox .chemist{display:flex;flex-direction:row;margin-bottom:5px}
.actualboxs__item .chemistbox .icon{width:24px;height:auto}
.actualboxs__item .chemistbox .info{margin-left:10px}
.actualboxs__item .chemistbox .info a{color:var(--mavi2);}
.actualboxs__item .chemistbox .info:hover a{color:var(--mavi1);}
.actualboxs__item .chemistbox .info b{margin-bottom:0}
.actualboxs__item .chemistbox .info p{font-size:12px;margin:0}
.actualboxs__item .hazelnutbox .icon{width:24px}
.actualboxs__item .hazelnutbox .info{margin-left:10px}
.actualboxs__item .hazelnutbox .info p{margin:0;font-size:14px}
.actualboxs__buttons{border-top:1px solid var(--mavi);text-align:center;display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-start;flex-direction:row;position: absolute;bottom: 0;width: 100%;opacity: 0;}
.actualboxs:hover .actualboxs__buttons{opacity:1;}
.actualboxs__buttons .actualboxs__button{border-top: 5px solid transparent;margin-top:-3px;width:30px;height:30px;cursor:pointer;color:var(--mavi);}
.actualboxs__buttons .actualboxs__button.tns-nav-active{border-top-color:var(--mavi)}
.mayorboxs{padding: 40px 340px 40px 60px;background-color: rgb(255 255 255 / 50%);position:relative;text-align: center;color: var(--mavi2);}
.mayorboxs:before{content:'';width:286px;height:348px;background:url(../img/huseyin-tavli-baskan.png);position:absolute;background-size: cover;right:0;bottom:0;}
.mayorboxs .majorname{margin-bottom:20px}
.mayorboxs .majorname b{font-family:'Praise',cursive;font-size:42px;display:block;line-height:32px;font-weight:400}
.mayorboxs .majorname span{font-size:12px;line-height: 14px;display: inline-block;}
.mayorboxs .majorlinks{display: grid;grid-template-columns: 1fr 1fr;}
.mayorboxs .majorlinks .mlink{height:40px;/* max-width: 140px; */border:1px solid var(--mavi2);margin:2px;padding:5px 5px 5px 40px;font-size:13px;line-height:14px;text-align:left;position:relative;display:inline-flex;align-content:center;align-items:center;color:var(--mavi2);background: #f3fbffc7;}
.mayorboxs .majorlinks .mlink i{position:absolute;left:10px;font-size:20px}
.mayorboxs .majorlinks .mlink:hover{background:var(--mavi2);color:#fff}
.font-praise{font-family: 'Praise',cursive;}
.mainTabsAreas{margin-bottom: 30px;}
.mainBannersArea .tabs{border-bottom:10px solid var(--mavi2);position:relative}
.mainBannersArea .tabs:before{content:'';background:var(--yesil);width:50%;height:10px;position:absolute;left:0;bottom:-10px;z-index:1}
.mainBannersArea .tabs:hover:before{width:100%}
.mainBannersArea .tabs .tns-outer{background: var(--mavi2);}
.onlineservices{padding:10px 40px;position:relative}
.onlineservice__items li a{display:block;text-align:center;height:94px;padding: 10px 5px;font-size:14px;line-height: 20px;color:#fff;border:1px solid #fff;margin:5px;overflow:hidden;text-transform: uppercase;}
.onlineservice__items li:hover a{background:#fff;color:var(--mavi)}
.onlineservice__items li a i{font-size:26px;display:block;margin-bottom: 8px;}
.onlineservice__items li a b span{display:block;font-weight:400;font-size: 11px;line-height: 12px;}
.onlineservices .tns-controls button{background:none;border:none;outline:none;position:absolute;top:50%;z-index:1;font-size:30px;padding:10px 0;margin-top:-33px;color:#fff}
.onlineservices .tns-controls button:hover{opacity:.8}
.onlineservices .tns-controls button:nth-child(1){left:5px}
.onlineservices .tns-controls button:nth-child(2){right:5px}
main#main .blackbg{background:#000;position:absolute;z-index:-1;opacity:0;visibility:hidden;width:100%;height:100%;top: 0;}
main#main.active .blackbg{z-index:999;opacity:.8;visibility:visible}
main#main.active{-webkit-filter:blur(4px);-moz-filter:blur(4px);-ms-filter:blur(4px);-o-filter:blur(4px);filter:blur(4px)}
.mainBannerBottom{margin-bottom:30px}
.slideGalleryBox{position:relative;overflow:hidden}
.slideGalleryBox .titleBox{height:60px;position:absolute;bottom:0;left:0;right:0;width:100%;z-index:1;color:#fff;padding:10px 25px}
.slideGalleryBox .titleBox:before{content:'';position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;opacity:.8}
.slideGalleryBox:hover .titleBox{height:100%}
.slideGalleryBox .title{font-size:16px;font-weight:700;margin-bottom:10px;height:44px;display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;text-transform: uppercase;}
.slideGalleryBox .inner{font-size:14px;height:100%}
.slideGalleryBox a{color:#fff}
.slideGalleryBox figure{margin:0}
.slideGalleryBox img{width:100%}
.widget{background:#fff;margin-bottom:30px;position:relative}
.widget .tabs .tabs__buttons{background:var(--mavi2);border-bottom:0;padding:20px 15px 0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-end;overflow:hidden}
.widget .tabs .tab__button{background:#e7e7e7;text-align:center;margin:0 5px;padding: 5px 15px;font-size:14px;line-height:16px;}
.widget .tabs .tab__button:hover,.widget .tabs .tab__button.tns-nav-active{color:var(--mavi2);background:#fff;padding: 10px 15px;}
a.all-link{position:absolute;bottom:-20px;margin-left:-70px;left:50%;padding:10px 15px;display:block;width:140px;text-align:center;background:#d3dbe6;color:var(--mavi2)}
a.all-link:hover{background:var(--mavi2);color:#fff}
.widget .tabs .tns-nav{position:relative;text-align:center;display:none}
.widget .tabs .list__items{padding: 20px 20px 52px;}
.widget .list__item{padding-bottom: 11px;margin-bottom: 11px;border-bottom:1px solid #e7e7e7;}
.widget .list__item:last-child{margin-bottom:0}
.widget .list__item .article_inner{display:flex;color:#4f4f4f;border-left:5px solid #e7e7e7;align-items: center;height: 62px;}
.widget .list__item .article_inner.active,
.widget .list__item .article_inner:hover{border-left-color:var(--mavi2);color:var(--mavi2)}
.widget .list__item figure{width: 100px;max-width: 100px;margin: 0 0 0 10px!important;position: relative;}
.widget .list__item figure .other_images{display: none;}
.widget .list__item figure.figure-yonetim{height: 65px;width: 80px;}
.widget .list__item .titles{padding-left:10px;margin: 0;}
.widget .list__item .titles .title{font-size:14px;line-height: 20px;display:-webkit-box;max-width:100%;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom: 5px;text-transform: uppercase;width: 100%;}
.widget .list__item.post_type_ihale .titles .title {height: 20px;-webkit-line-clamp: 1;}
.widget .list__item .titles .excerpt{display:none;}
.widget .list__item .titles .info{font-size:12px;padding: 0;background: none;border: 0;margin: 0;}
.widget .list__item .titles .info.info_type_1 .info-cats{display:none;}
.widget .list__item .titles .info>*{display: block;margin-right: 0;}
.widget .list__item .titles .info .info-proje-tarih,
.widget .list__item .titles .info .info-proje-adres,
.widget .list__item .titles .info .info-proje-baslama,
.widget .list__item .titles .info .info-telefon,
.widget .list__item .titles .info .info-ihale-sure,
.widget .list__item .titles .info .info-ihale-cats,
.widget .list__item .titles .info .info-proje-cats,
.widget .list__item .titles .info .info-proje-isbirligi,
.widget .list__item .titles .info .info-proje-bitis,
.widget .list__item .titles .info .info-etkinlik-cats,
.widget .list__item .titles .info .info-etkinlik-yeri,
.widget .list__item .titles .info .info-etkinlik-baslama,
.widget .list__item .titles .info .info-etkinlik-bitis,
.widget .list__item .titles .info .info-etkinlik-adres,
.widget .list__item .titles .info .info-ihale-yeri,
.articles article span.info-tarif,
.articles article span.info-adres,
.articles article span.info-konum,
.articles article span.info-ihale-yeri,
.widget .list__item .titles .info .info-cats{display:none;}
.widget .widget_title{display:flex;padding:20px 20px 0;justify-content:space-between;flex-direction:row;align-items:center}
.widget .widget_title b{color:var(--mavi2);font-size:18px}
.widget .widget_title b span{font-weight:normal;}
.widget .widget_title a{color:var(--mavi2);font-size:14px}
.widget .widget_inner{position:relative;padding: 20px 20px 20px;}
.widget .gallery_min .tns-ovh{padding: 6px 6px 4px 6px;}
figure .tag{position:absolute;left:0;top:0;font-size:12px;background:var(--kirmizi);color:#fff;margin:10px;padding:3px 5px;z-index: 1;}
.widget .gallery_min .gallery_item figure{margin-bottom:10px;position:relative;/* background:#000; */overflow: hidden;border: 5px solid #fff;}
.widget .gallery_min .gallery_item figure i{position:absolute;font-size:30px;color:#fff;line-height:27px;width:32px;height:32px;top:50%;left:50%;margin:-16px;text-shadow:0 0 #000;opacity:0;z-index: 1;}
.widget .gallery_min .gallery_item:hover figure i{opacity:1}
.widget .gallery_min .gallery_item .titles{text-align:center}
.widget .gallery_min .gallery_item .title{color:var(--mavi2);height:36px;font-size:14px;line-height:18px;display:-webkit-box;max-width:100%;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.widget .gallery_min .gallery_items_single{margin-bottom: 20px;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-around;}
.widget .gallery_min .gallery_items_single .gallery_item{width: 23%;}
.attachment_items{display: flex;flex-wrap: wrap;}
.attachment_item{width: 200px;height: 140px;text-align: center;margin: 0 10px 10px 0;}
.attachment_item:hover a{border-color: var(--mavi);background: #f1f1f1;}
.attachment_item a{display: flex;flex-direction: column;padding: 20px;border: 1px solid #ccc;color: var(--mavi2);}
.attachment_item .icon{font-size: 36px;margin-bottom: 5px;}
.attachment_item .titles{}
.attachment_item .title{font-size: 14px;line-height: 18px;display: -webkit-box;max-width: 100%;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.widget .tns-controls{text-align:center;position:absolute;bottom:-20px;width:100%;left:0}
.widget .tns-controls button{background:#fff;border:none;outline:none;z-index:1;font-size:20px;line-height:20px;font-weight:700;padding:10px;color:var(--mavi);width:60px;height:44px;margin:0 5px}
.widget .tns-controls button:hover{background:var(--mavi);color:#ffff}
.widget .tns-controls button:nth-child(1){left:0}
.widget .tns-controls button:nth-child(2){right:0}
.events_widget{color:var(--mavi2)}
.event_box{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content: flex-start;align-items:stretch;}
.event_box .event_img{height:240px;max-width:160px;margin-right:20px;margin-left: 1px;flex: 0 1 100%;}
.event_box figure{margin:0;height:100%;width:100%;background:var(--mavi) url(../img/logo-dikey-beyaz.png);background-position:center center;background-size:contain;overflow: hidden;}
.event_box img{object-fit:cover;height:100%;width:100%;opacity:.4}
.event_box .event_info{display:flex;flex-direction:column;justify-content:space-between;flex-wrap:nowrap;flex: 0 1 100%;}
.event_box .title{font-size:16px;font-weight:700;line-height:18px;margin-bottom:15px;height:36px}
.event_box .more{display:block;margin-bottom:15px;font-size:14px;color:var(--mavi2);text-decoration:underline}
.event_box .dates_row{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:nowrap}
.event_box .dates_row .icon{flex:1 1 100%;max-width:35px;background:#dce4eb;margin:0 3px 3px 0;text-align:center;height:35px;padding:6px}
.event_box .dates_row .dates{background:#dce4eb;flex:1 1 100%;padding: 0 9px;font-size:14px;line-height: 35px;margin-bottom:3px;height:35px;display:-webkit-box;max-width:100%;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.event_box .dates_row:last-child > div{margin-bottom:0}
.event_box .dates_row:hover a,.event_box .dates_row.active a,.event_box .dates_row.active > div,.event_box .dates_row:hover > div{background:var(--mavi2);color:#fff}
.event_box .dates_row a{color:var(--mavi2)}
.events__buttons{margin-top:30px;margin-bottom: 22px;}
.events__buttons .event__button{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:nowrap;cursor:pointer}
.events__buttons .event__button.tns-nav-active>div{background:var(--mavi2);color:#fff}
.events__buttons .date{display:inline-flex;flex:1 1 100%;max-width:80px;background:#dce4eb;margin:0 3px 3px 0;text-align:center;height:35px;padding:7px;align-items:center;flex-direction:row;justify-content:center;flex-wrap:nowrap;font-size:22px}
.events__buttons .date small{font-size:10px;width:40px;line-height:12px}
.events__buttons .info{background:#dce4eb;flex:1 1 100%;padding: 0 8px;font-size:14px;line-height: 35px;margin-bottom:3px;height:35px;display:-webkit-box;max-width:100%;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-transform: uppercase;}
article figure img,
.widget figure img{-webkit-transform: scale(1);transform: scale(1);z-index: 0;position: relative;width: 100%;height: 100%;object-fit: cover;background-color: #fff;}
article figure:hover img,
.widget figure:hover img{-webkit-transform: scale(1.05); transform: scale(1.05); }
.widget figure .tag{margin: 0;}
.projectFeatured{text-align:center;}
.projectFeatured .project__buttons + .tns-outer{position: relative;z-index: 1;}
.projectFeatured .project__buttons + .tns-outer:before{content:'';position:absolute;width:40px;height:40px;background:var(--mavi2);top: -20px;left:50%;z-index:1;transform:rotate(45deg);margin-left:-27px;}
.projectFeatured .project__buttons{padding: 40px 20px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;position: relative;z-index: 2;}
.projectFeatured .project__button{cursor:pointer;color:#fff;padding:10px 20px;border:1px solid transparent;margin:0 5px}
.projectFeatured .project__button:hover,.projectFeatured .project__button.tns-nav-active{border-color:#fff}
.projectFeatured .project__button b{display:block;font-size:22px}
.projectFeatured .project__inners{padding:80px 0;background:#c9e1ea}
.projectFeatured .project__inner{position:relative}
.projectFeatured .project__title{color:var(--mavi2);font-weight:400;text-shadow:0 2px 0 #fff;margin-bottom:40px}
.projectFeatured .project__title small{display:block;font-size:16px;letter-spacing:5px}
.projectFeatured .project__title strong{font-family:'Praise',cursive;font-size:52px;line-height:56px;font-weight:400}
.projectFeatured a.tumu{display: inline-block;padding: 5px 10px;border: 1px solid var(--mavi2);color: var(--mavi2);font-size: 14px;font-weight: bold;transform: scale(1);margin-top: 20px;}
.projectFeatured a.tumu:hover{background:#fff; transform: scale(1.1);}
.project_box{padding-bottom:50px}
.project_box a{color:var(--mavi2);text-shadow:0 2px 0 #fff}
.project_box .project_titles{text-align:left;display:flex;justify-content:space-between;flex-direction:row;align-items:flex-end;padding-bottom:5px}
.project_box .project_titles h3{font-size:25px;line-height:26px;font-weight:700;margin:0;flex:1 1 100%;max-width:50%;height: 52px;display:inline-flex;align-items:flex-end;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-transform: uppercase;}
.project_box .project_titles .loc{text-align:right;font-size:14px}
.project_box .project_images{position:relative}
.project_box .project_images figure{position:relative;z-index:1;margin:0;background-color: #fff;background-position: center center;background-size: auto;background-image: url(../img/logo.png);background-repeat: no-repeat;}
.project_box .project_images:before{content:'';width:40%;height:50px;position:absolute;background:var(--mavi);z-index:-1;top:-3px;right:-3px;opacity: 1;}
.project_box .project_images:after{content:'';height:50%;width:50px;position:absolute;background:var(--mavi);z-index:-1;bottom:-3px;right:-3px;opacity: 1;}
.project_box .project_images figure img{border:10px solid #fff;object-fit: cover;height: 100%;width: 100%;}
.project_box:hover .project_images figure img{opacity:0.2}
.project_box .other_images{position:absolute;bottom:-40px;z-index:2;width:100%;display: flex;justify-content: space-evenly;}
.project_box .other_images img{width:125px;height:75px;display:inline-block;border:5px solid #fff;margin:0 5px}
.project_box .other_images img:hover{transform:rotate(0deg)!important}
.project_box .other_images img:nth-child(3),
.project_box:hover .other_images img:nth-child(2),
.project_box .other_images img:nth-child(1){transform:rotate(8deg)}
.project_box .other_images img:nth-child(2),
.project_box:hover .other_images img:nth-child(1),
.project_box:hover .other_images img:nth-child(3){transform:rotate(-8deg)}
.project_box .project_cat{font-size:14px;position:absolute;right:-5px;bottom:0;transform:rotate(90deg);transform-origin:100% 100%;height:20px}
.project__inner .tns-outer{position:relative}
.project__inner .tns-controls button{background:none;border:none;outline:none;position:absolute;top:50%;z-index:1;font-size:40px;padding:10px;margin-top:-33px;color:#fff;color:var(--mavi2);font-weight:400;text-shadow:0 2px 0 #fff}
.project__inner .tns-controls button:nth-child(1){left:33%}
.project__inner .tns-controls button:nth-child(2){right:33%}
.project__inner .tns-nav{display:none}
.projectExcerpts{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly;align-content:center;align-items:center;padding:40px;/* background:#90b4c6; */overflow:hidden;position:relative;z-index: 6;}
.projectExcerpts:before{content:'';position:absolute;width:40px;height:40px;background:#c9e1ea;top:-20px;left:50%;z-index:1;transform:rotate(45deg);margin-left:-27px}
.projectExcerpts .excerpt{position:relative;padding:20px;margin:20px 30px}
.projectExcerpts .excerpt:before{content:'';position:absolute;width:200px;height:60px;background:transparent;border:none;border-top: dashed 2px #194886;border-radius:50%;top:10px;right:-175px;}
.projectExcerpts .excerpt:nth-child(odd):before{border-top:0;border-bottom: dashed 2px #194886;}
.projectExcerpts .excerpt:last-child:before{display:none}
.projectExcerpts a{color:var(--mavi2);display:block}
.projectExcerpts a:hover{color:var(--yesil2)}
.projectExcerpts b{font-size:46px;line-height:46px;text-shadow:0 2px 0 #fff;z-index:1;position:absolute;left:-20px;bottom:-15px;font-family:fantasy,sans-serif;}
.projectExcerpts .excerpt:nth-child(1) b{bottom:auto;top:-15px}
.projectExcerpts .excerpt:nth-child(4) b{bottom:auto;top:-10px}
.projectExcerpts b small{font-size:50%}
.projectExcerpts span{padding:5px 10px;background:#fff;position:relative;z-index:0;display:block}
.socialBar{margin-bottom:-60px;padding:80px 0 0;background:#f3f6fb}
.featuredLogos{background:var(--mavi2);padding:80px 0 40px}
.featuredLogos figure{margin:0;background:#f3f6fb;height:100px;width:100%;text-align:center;display: flex;align-items: center;justify-content: center;}
.featuredLogos .tns-nav{order:2}
.featuredLogos .tns-nav button{width:30px;border:0;height:5px;margin:0 5px}
.featuredLogos .tns-nav button:hover,.featuredLogos .tns-nav button.tns-nav-active{background:var(--yesil)}
.featuredLogos .tns-controls{display:none;order:0}
.featuredLogos .tns-outer{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;align-content:center}
.featuredLogos .tns-outer .tns-liveregion{order:0}
.featuredLogos .tns-outer .tns-ovh{order:1;margin-bottom:20px;border-top:1px solid #39659e;padding-top:50px}
.colorCards{margin-bottom:-140px;}
.colorCards .titles{display:flex;color:var(--mavi2);flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:80px 0 40px;border-bottom:1px solid #d7d7d7;margin-bottom:40px}
.colorCards .titles .title{font-size:32px}
.colorCards .titles .shorts{display:flex}
.colorCards .titles .short{display:inline-flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:flex-start;padding:0 30px}
.colorCards .titles .short b{font-size:22px;line-height:24px}
.colorCards .titles .short small{font-size:12px}
.colorCards .widget{background-repeat:no-repeat;background-position:100px 140%;padding:10px;color:#fff;font-size:14px;line-height:20px}
.colorCards .widget .widget_title{color:#fff}
.colorCards .widget .widget_title b{color:#fff}
.colorCards .widget .widget_inner{min-height: 360px;}
.colorCards .widget ul li a{color:#fff;display:inline-block;padding: 0;text-transform: uppercase;}
.colorCards .widget ul li a b{font-weight:normal;}
.colorCards .widget ul li:hover a{padding-left:3px;border:0;background: none;}
.colorCards .widget ul li a:before{display:none;}
.colorCards .widget a.more{color:#fff;position:absolute;right:0;bottom:0;font-size:14px}
.colorCards .widget a.more i{font-size:12px}
.colorCards .widget a.more:hover{right:3px}
#footer{color:#fff;font-size:14px}
#footer a{color:#fff}
#footer .footerMenus{background-color: #011d42;background-repeat:no-repeat;background-position:top left;background-size: contain;padding:150px 0 20px;}
#footer .footerMenus__inner{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;align-content:stretch;flex-wrap:nowrap}
#footer .footerMenu_left{color:#fff;text-shadow:1px 2px 3px #000;padding: 0 20px 0 0;}
#footer .footerMenu_left h4{font-size:52px;font-family:'Praise',cursive}
#footer .footerMenu_left p{max-width:350px}
#footer .footerMenu_right{width:40%}
#footer .appStore{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:space-around;align-items:center;padding:10px;border:1px solid var(--mavi2);background:#002a62;margin-bottom:30px;position:relative}
#footer .appStore:before{content:attr(data-div-title);position:absolute;top:-25px;font-size:14px}
#footer .appStore .app{border:1px solid transparent}
#footer .appStore .app:hover{border-color:#194886}
#footer .appStore .app img{position:absolute;left:15px;top:50%;margin-top:-20px}
#footer .appStore .app a{display:block;padding:15px 15px 15px 65px;position:relative}
#footer .appStore .app b{display:block;font-size:24px;line-height:26px}
#footer .socialLinks{margin-bottom:30px}
#footer .socialLinks ul{display:flex;justify-content:flex-end;flex-wrap: wrap;}
#footer .socialLinks ul li{margin: 0 3px 3px 3px;}
#footer .socialLinks ul li a{display:block;padding:8px 20px;border:1px solid #fff}
#footer .socialLinks ul li:hover a{background:var(--mavi)}
#footer .phoneLinks{display:flex;justify-content:flex-end;margin-bottom:30px}
#footer .phoneLinks a{position:relative;padding:5px 10px 5px 55px;display:block}
#footer .phoneLinks a:hover{color: var(--mavi1);}
#footer .phoneLinks i{position:absolute;left:10px;font-size:32px;line-height:32px;top:50%;margin-top:-16px}
#footer .phoneLinks b{display:block;font-size:22px;line-height:22px}
#footer .phoneLinks small{font-size:14px;opacity:.7}
#footer .footerMenuDiv{display:flex;justify-content:space-between;padding:30px 0;border:1px solid var(--mavi4);border-left:0;border-right:0;margin-bottom:30px}
#footer .footerMenu a{display:inline-block;padding:5px 0}
#footer .footerMenu a b{font-weight:normal;text-transform:uppercase;}
#footer .footerMenu li:hover a{padding-left:5px}
#footer .addressDiv{text-align:right}
#footer .addressDiv li{position:relative;padding:0 40px 0 0;margin-bottom:10px}
#footer .addressDiv i{position:absolute;right:0;font-size:25px;top:21px}
#footer .addressDiv b{display:block;font-weight:lighter;opacity:.8;font-style:italic}
#footer .policyMenu ul{display:flex;justify-content:flex-end}
#footer .policyMenu li{margin:0 4px}
#footer .policyMenu li:hover a{background:var(--mavi)}
#footer .policyMenu a{display:block;padding:8px 20px;border:1px solid #fff;text-align:center;font-size:12px}
.copyrightBar{background:var(--mavi4);border-bottom:7px solid var(--mavi3)}
.copyrightDiv{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;align-content:center}
.copyright{margin-top:-30px;display:flex;align-items:flex-end;flex-direction:row}
.footer-logo{display:inline-block;background:#fff;margin:0 20px 0 0;position:relative}
.footer-logo:before{content:'';background:var(--yesil);width:10000px;height:6px;position:absolute;right:0;bottom:-6px;z-index:0}
.footer-logo a{display:block;padding:10px}
.footer-logo a img{width:155px;height:70px}
.copyrightBar p{margin-bottom:20px;font-size:12px}
.designer{text-align:right;font-size:12px}
.designer a{display:inline-block;padding:3px 0}
.designer img{width:80px}
.sm-pr-0{padding-right:0}
.sm-pl-0{padding-left:0}
.modal-boxes .modal:before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:#000;opacity:0.5;}
.modal-backdrop{display:none;}
.modal-content{border: 0;padding: 15px;}
.mfp-content img.mfp-img{border: 10px solid #fff;padding: 0;}
.mfp-content figcaption{position: absolute;bottom: 0;margin: 15px;padding: 5px 10px;background: rgb(0 0 0 / 40%);}
.mfp-content figcaption .mfp-bottom-bar{position: relative;top: unset;margin-top: unset;width: auto;}
.mfp-content figcaption .mfp-bottom-bar .mfp-title{padding-right:0;}
.mfp-counter{display:none;}
.mfp-image-holder .mfp-content .mfp-close,
.modal-boxes .btn-close-modal{position:absolute;outline:0;background:#000;color:#fff;padding:0;border:0;font-size:32px;line-height:32px;right: -15px;top: -15px;border-radius:50%;width: 32px;text-align: center;height: 32px;opacity: 1;}
.modal-body{padding: 0;}
.modal-body img{height: auto;}
.modal-body figure.featured-img{margin: 0;}
.modal-body .content-inner{margin-top: 10px;font-size: 16px;line-height: 20px;}
.modal-body .modal-footer{padding: 10px 0;margin-top: 10px;}
.modal-body .tmcbutton{margin: 0;}
.modal-body .tmcbutton i{margin: 0 0 0 10px;}
.modal-header{justify-content: center;margin-bottom: 20px;}
.modal-header h5{font-weight: bold;color: var(--mavi3);}
main aside{position:-webkit-sticky;position:sticky;top: 120px;}
.page__inner form input[type="submit"],
.tmcbutton{padding:14px 20px;display:inline-block;margin:0 10px 10px 0;background:var(--mavi2);color:#fff;font-size:14px;font-weight:700;height:46px;position:relative;border:0;outline:0;}
.tmcbutton:after{content:'';width:0;height:100%;background:var(--yesil);position:absolute;left:0;top:0;z-index:0;}
.tmcbutton:hover:after{width:100%}
.tmcbutton span{position:relative;z-index:1;color:#fff;display: -webkit-box;max-width: 100%;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.tmcbutton i{margin-right:5px}
aside .widget a.all-link{position:relative;bottom:auto;left:auto;margin:20px 0 0}
.page__top{display:flex;justify-content:space-between;align-items:flex-end;position: relative;z-index: 1;}
.page__top .page-titles h2{font-size:26px;line-height:28px;font-weight:700;color:var(--mavi3);margin-bottom:5px}
.breadcrumb{font-size:12px;color:var(--mavi2);margin-bottom:4px;text-transform: uppercase;display: -webkit-box;max-width: 100%;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.breadcrumb a{color:var(--mavi2)}
.breadcrumb a,.breadcrumb span{margin-right: 5px;}
.page__top .page-buttons{display:flex;margin-bottom:6px}
.page__top .page-buttons>div{display:block;padding:5px;border:1px solid var(--mavi3);margin:0 0 0 6px;width:32px;text-align:center;color:var(--mavi3);background:#fff;cursor: pointer;position: relative;}
.page__top .page-buttons>div:hover{background:var(--mavi2);color:#fff}
.page__top .page-buttons .page-buttons-dropdown{position: absolute;left: -1px;right: -1px;top: 100%;background: var(--mavi2);display:none;}
.page__top .page-buttons .page-buttons-dropdown a{display: block;padding: 8px;color: #fff;border-bottom: 1px solid #ccc;font-size: 16px;line-height: 16px;}
.page__top .page-buttons .page-buttons-dropdown{}
.page__top .page-buttons .page-buttons-dropdown a:hover{background:var(--mavi1);}
.page__inner{padding:30px;background:#fff;position:relative;margin-bottom:20px}
.page__inner .filters{margin-bottom:25px;border-bottom:1px solid #ddd;padding-bottom:15px;display: flex;align-items: center;}
.page__inner .filter{border:1px solid var(--mavi2);padding:5px 8px;font-size:14px;margin:0 5px 5px 0;outline: 0;height: 35px;width: auto;}
.page__inner button.filter:hover{background:var(--mavi2);color:#fff;}
.page__inner p{}
.page__inner ol,
.page__inner ul{margin: 0 0 15px 17px;}
.page__inner ol li,
.page__inner ul li{margin-bottom: 10px;}
.page__inner ol li ul,
.page__inner ul li ul{margin-top: 5px;}
.page__inner ol li ul li,
.page__inner ul li ul li{margin-bottom: 3px;}
.page__inner ul{list-style-type: square;}
.articles article{margin-bottom:20px;border-bottom:1px solid #ddd}
.articles article .article_inner{display:flex;position:relative;padding-right:60px;color:#4f4f4f;}
.articles article .article_inner:before{content:'';position:absolute;right:0;top:50%;margin-top:-6px;width:20px;height:20px;border:3px solid #e7e7e7;border-left:0;border-bottom:0;transform:rotate(45deg)}
.articles article:hover>a:before{border-color:var(--mavi2)}
.articles article figure{width:350px;height:230px;flex:0 0 350px;margin:0 25px 20px 0;background-color: #ffffff;background-position:center center;background-size: auto;background-image: url(../img/logo.png);background-repeat:no-repeat;position: relative;}
.articles article figure img{object-fit:cover;height:100%;width:100%;}
.articles article:hover figure img{opacity: .2;transform: scale(1);}
.articles article figure.figure-yonetim{width:250px;flex:0 0 250px;height:300px}
.articles article a.morelink{position:absolute;width:60px;height:100%;top:0;right:0}
.articles article figure .other_images{position:absolute;display:flex;justify-content:center;bottom:-20px;z-index:2;width: 100%;}
.articles article figure .other_images img{width:20%;opacity:1;margin:0 5px;}
.articles.box-style-grid-2 article .article_inner,.articles.box-style-grid-3 article .article_inner{flex-direction:column}
.articles.box-style-grid-2,.articles.box-style-grid-3{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between}
.articles.box-style-grid-2 article{flex:0 0 48%}
.articles.box-style-grid-3 article{flex:0 0 32%;}
.articles.box-style-grid-2 article .article_inner,.articles.box-style-grid-3 article>a{padding:0;display:block}
.articles.box-style-grid-2 article figure{width:100%;height:320px;flex:0 0 100%;margin-right:0}
.articles.box-style-grid-3 article figure{width:100%;height:320px;flex:0 0 100%;margin-right:0}
.articles.box-style-grid-2 article .titles{padding:10px}
.articles.box-style-grid-3 article .titles{padding:10px}
.articles.box-style-grid-2 article a.morelink,.articles.box-style-grid-3 article a.morelink,.articles.box-style-grid-2 article .article_inner:before,.articles.box-style-grid-3 article .article_inner:before{display:none}
.articles.box-style-grid-2 article .article_inner,.articles.box-style-grid-3 article .article_inner{padding:0}
.articles.box-style-min article {}
.articles.box-style-min article.post_order_0{flex: 0 1 100%;display: flex;justify-content: center;}
.articles.box-style-min article .article_inner{flex-direction: row;display: flex;}
.articles.box-style-min article figure{flex: 0 0 105px;height: 140px;width: 105px;background-size: 60px;}
.articles.box-style-min article .title{font-size:18px}
.articles.box-style-min article .info-mevki{font-size:14px;}
.articles.box-style-min article .info-telefon{display:none;}
.page__inner a.all-link{width:auto;margin-left:-80px}
article{color:#4f4f4f}
article .titles{margin-bottom:20px;flex:0 1 100%;}
article .info{margin-bottom:5px;font-size:12px}
article .info .post-views{display:none;}
.single .page__area article .info.article-inner-hidden{display:none;}
article .info>*{margin-right:15px}
article .info.info_type_1{padding:5px 10px;background:#f1f1f1;border-left:3px solid var(--mavi2);margin:10px 0 15px}
article .info.info_type_1>*{display:block;color:var(--mavi3);margin-right: 0;}
.page__inner article .info.info_type_1{font-size:16px;padding: unset;}
.page__inner article .info.info_type_1>*{padding: 5px 8px 5px 10px;}
.page__inner article .info.info_type_1>span:first-child{padding-top: 12px;}
.page__inner article .info.info_type_1>span:last-child{padding-bottom: 12px;}
article .info-birim{padding:20px 20px 20px 155px;margin:40px 0 20px;background:#f1f1f1;position:relative;min-height:130px}
article .info-birim figure{width:120px;height:144px;margin:0;position:absolute;left:20px;bottom:20px;border:5px solid #fff;background:#fff}
article .info-birim figure img{border:0;transform:scale(1);object-fit:cover;height:100%;width:100%}
article .info-birim .info{flex:0 1 100%;margin:0}
article h3 a{color:var(--mavi2);}
article h3 {color:var(--mavi2);font-size:22px;font-weight:700;margin-bottom:10px}
article .titles p{display:-webkit-box;max-width:100%;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
article a{color:var(--mavi3)}
article a:hover{color:var(--mavi2)}
.widget ul li{margin-bottom:5px}
.widget ul li a{display:block;padding: 3px 15px 3px 0;color:#000;position:relative;border-left:0 solid var(--mavi2);font-size: 14px;display: -webkit-box;max-width: 100%;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.widget ul li a:before{content:'';position:absolute;right: 8px;top:50%;margin-top:-6px;width:10px;height:10px;border:2px solid #e7e7e7;border-left:0;border-bottom:0;transform:rotate(45deg);}
.widget ul li a:hover:before{border-color: var(--yesil)!important;}
.widget ul li.current a,.widget ul li:hover a{padding-left: 15px;border-width:3px;padding-right: 25px;background: #f3f3f3;}
.widget ul li.current a:before,.widget ul li:hover a:before{border-color:var(--mavi2)}
.widget ul li ul{margin: 5px 0px 0 17px;list-style-type: square;}
.widget ul li:hover ul{}
.widget ul li ul li{}
.widget ul li ul li a{font-size: 14px;border-left: 0;}
.widget ul li:hover ul li:hover a{border-left: 0;background: #efefef;/* padding-left: 3px; */}
article .featured-img{float:left;position:relative;width:300px;margin:0 30px 30px 0;text-align:center}
article .featured-img a{display:block}
article .featured-img a i{position:absolute;right:5px;top:5px;background:var(--mavi2);width:30px;height:30px;color:#fff;padding:3px;z-index: 1;}
article .featured-img img{margin-bottom:20px;height: auto;}
article figure img{border:5px solid #fff;}
article figure figcaption{font-size:12px;color:#888;text-align: center;}
article .page_big_video{
background: #000;
display: flex;
align-content: center;
justify-content: center;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
padding: 20px;
margin-bottom: 30px;
}
article iframe{
width: 100%;
height: 500px;
}
.page__inner form{}
.page__inner form label{display: block;font-size: 14px;font-weight: bold;}
.page__inner form p{}
.page__inner form select,
.page__inner form textarea,
.page__inner form input{width:100%;border: 1px solid #ccc;min-height: 35px;padding: 10px;font-size: 16px;outline: 0;}
.page__inner form .wpcf7-not-valid{border-color:#F44336;}
.page__inner form input[type="submit"]{border: 0;width: auto;}
.page__inner form input[type="submit"]:hover{background:var(--yesil);}
.page__inner .wpcf7 form .wpcf7-response-output{margin: 0 0 20px 0;}
.page__inner .wpcf7 form .wpcf7-checkbox{
    display: inline-block;
    padding: 10px;
    margin-top: 5px;
    border: 1px solid #ccc;
}
.page__inner .wpcf7 form .wpcf7-checkbox .wpcf7-list-item{
    margin: 0;
}
.page__inner form input[type="checkbox"]{
    width: 20px;
    height: 20px;
    min-height: unset;
    padding: 0;
    font-size: unset;
    vertical-align: middle;
    margin: 0px 4px 0 0;
}
.page__inner table{}
.page__inner table thead{}
.page__inner table thead th{padding: 5px 10px;background: var(--mavi);color: #fff;font-weight: normal;}
.page__inner table tbody{}
.page__inner table tbody td{padding: 5px 10px;}
.page__inner table tbody tr:nth-child(even) td{background:#f1f1f1;}
.bottom-links{display:flex;justify-content:space-between}
.bottom-links a{margin:0;max-width: 50%;}
.moove-gdpr-branding-cnt{display:none;}
.pagination{justify-content: center;text-align: center;}
.pagination .nav-links{}
.pagination .nav-links .page-numbers{display: inline-block;padding: 5px 10px;min-width: 30px;text-align: center;background: #d3dbe6;color: var(--mavi2);margin: 5px 0px 0 0;}
.pagination .nav-links .page-numbers:hover,
.pagination .nav-links .page-numbers.current{background: var(--mavi2);color: #fff;}
.page_big_gallery{margin-bottom: 30px;}
.page_big_gallery .tns-outer{position:relative;/* margin-bottom: 10px; */}
.page_big_gallery .tns-ovh{padding: 10px 0;/* background: #fff; */}
.gallery_items_big{}
.gallery_items_big .gallery_item{}
.gallery_items_big .gallery_item a{}
.gallery_items_big .gallery_item figure{position: relative;margin: 0;}
.gallery_items_big .gallery_item figure i{position:absolute;right:5px;top:5px;background:var(--mavi2);width:30px;height:30px;color:#fff;padding:3px;z-index: 1;text-align: center;}
.gallery_items_big .gallery_item figure img{width: 100%;height: auto;/* border: 0; *//* box-shadow: none; */}
.gallery_items_big .gallery_item figure:hover img{transform: scale(1);}
.gallery_items_big .gallery_item .titles{position: absolute;bottom: 0;z-index: 1;margin: 10px;background: #000;padding: 5px 10px;color: #fff;font-size: 12px;opacity: 0.8;}
.gallery_items_big .gallery_item .title{}
.gallery_items_big_thumb{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;}
.gallery_item_thumb{padding: 5px;background: #fff;margin-bottom: 10px;width: 19%;cursor: pointer;}
.gallery_item_thumb.tns-nav-active,
.gallery_item_thumb:hover{background: var(--mavi);}
.page_big_gallery .tns-controls button{background:none;border:none;outline:none;position:absolute;top:50%;z-index:1;font-size:30px;padding:10px;margin-top:-33px;color:#fff}
.page_big_gallery .tns-controls button:hover{background:var(--mavi);opacity:.8}
.page_big_gallery .tns-controls button:nth-child(1){left: 5px;}
.page_big_gallery .tns-controls button:nth-child(2){right: 5px;}
.page_big_gallery .tns-nav{position:absolute;bottom:0;left:0;z-index:1;margin:20px 20px 10px}
.page_big_gallery .tns-nav button{border:none;outline:none;height:15px;width:15px;display:inline-block;background:var(--mavi);margin-right:8px}
.page_big_gallery .tns-nav button:hover,
.page_big_gallery .tns-nav button.tns-nav-active{background:var(--yesil)}
.googlehiyerarsi{}
.googlehiyerarsi td{background:none!important;}
.googlehiyerarsi #chart_div{overflow-y: auto;}
.googlehiyerarsi .yan_mevkiler .yan_mevki .yankisi,
.googlehiyerarsi .kisi{vertical-align: top;background: #f5f5f5!important;color: #3a3a3a;border: none;box-shadow: none;font-family: "Play",Helvetica,Arial,sans-serif;border: 1px solid #e6e6e6;width: 75px;position: relative;}
.googlehiyerarsi .kisi.secili,
.googlehiyerarsi .kisi:hover{background: #000!important;color:#fff;border-color: #000;}
.googlehiyerarsi .google-visualization-orgchart-linebottom,
.googlehiyerarsi .google-visualization-orgchart-lineleft,
.googlehiyerarsi .google-visualization-orgchart-lineright,
.googlehiyerarsi .google-visualization-orgchart-linetop{border-color: #707070;border-width: 2px;}
.googlehiyerarsi .isim{font-size: 13px;font-weight: bold;}
.googlehiyerarsi .isim:hover{}
.googlehiyerarsi .isim a{color: #1f1f1f!important;display: block;}
.googlehiyerarsi .isim figure{}
.googlehiyerarsi .isim figure img{width:50px}
.googlehiyerarsi .kisi.secili a,
.googlehiyerarsi .kisi:hover a,
.googlehiyerarsi .isim:hover a{color: #e2e2e2!important;}
.googlehiyerarsi .isim b{display:block;font-size: 12px;line-height: 16px;font-weight: normal;}
.googlehiyerarsi .kisi:hover b,
.googlehiyerarsi .isim:hover b{color:#8ac642}
.googlehiyerarsi .yan_mevkiler{}
.googlehiyerarsi .yan_mevkiler .yan_mevki{position: absolute;width: 80px;top: 0;padding: 0;}
.googlehiyerarsi .yan_mevkiler .yan_mevki:nth-child(1){left:-120px;}
.googlehiyerarsi .yan_mevkiler .yan_mevki:nth-child(1):before{content:'';width: 39px;height:2px;background:#707070;position:absolute;top:50%;right: -39px;}
.googlehiyerarsi .yan_mevkiler .yan_mevki:nth-child(2){right:-120px;left: initial;}
.googlehiyerarsi .yan_mevkiler .yan_mevki:nth-child(2):before{content:'';width: 39px;height:2px;background:#707070;position:absolute;top:50%;left: -39px;}
.googlehiyerarsi .yan_mevkiler .yan_mevki:nth-child(3){right: -238px;left: initial;}
.googlehiyerarsi .yan_mevkiler .yan_mevki:nth-child(3):before{content:'';width: 39px;height:2px;background:#707070;position:absolute;top:50%;left: -39px;}
.googlehiyerarsi .yan_mevkiler .yan_mevki .yankisi{width: auto;}
.googlehiyerarsi .yan_mevkiler .yan_mevki .yankisi .isim{}
.googlehiyerarsi .yan_mevkiler .yan_mevki .yankisi .isim b{}
ul.teskilat-semasi{list-style-type:none;margin:0;display:flex;flex-direction:column;text-align:center;align-items:center;align-content:space-between;overflow-x: auto;}
ul.teskilat-semasi .resim{width:67px;height:80px;border:5px solid #fff;background:var(--mavi) url(../img/logo-dikey-beyaz.png);background-position:center center;background-size:contain;margin: 0 auto 10px;}
ul.teskilat-semasi .resim img{object-fit:cover;width:100%;height:100%}
ul.teskilat-semasi .ad{font-weight:700;font-size:12px}
ul.teskilat-semasi .mevki{font-size:12px;line-height:14px;margin-bottom:5px}
ul.teskilat-semasi ul{list-style-type:none;margin:0}
ul.teskilat-semasi ul li{position:relative}
ul.teskilat-semasi>li>a:before{display:none}
ul.teskilat-semasi li a:before{content:'';width:1px;height:20px;background:var(--mavi3);position:absolute;top:-21px;left:50%;z-index:-1}
ul.teskilat-semasi>li>a:after{display:block!important;}
ul.teskilat-semasi>li>a:after{content:'';width:1px;height:20px;background:var(--mavi3);position:absolute;bottom:-21px;left:50%;z-index:-1;}
ul.teskilat-semasi li a{width:150px;height:170px;display:block;border:1px solid var(--mavi3);padding:10px;margin: 20px auto;font-size:14px;color:#000;background:#fff;position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;align-content:center;justify-content:flex-start;text-align: center;}
ul.teskilat-semasi li.aktif>a,ul.teskilat-semasi li a:hover{background:var(--mavi2);color:#fff;border-color:var(--mavi3)}
ul.teskilat-semasi>li{display:flex;align-items:center;justify-content:flex-start;align-content:space-between;flex-direction:column;width:100%}
ul.teskilat-semasi>li>ul{display:flex;border-top:1px solid var(--mavi3)}
ul.teskilat-semasi>li>ul>li{margin: 0 10px;position:relative;}
ul.teskilat-semasi>li>ul li:first-child{margin-left:0;}
ul.teskilat-semasi>li>ul li:last-child{margin-right:0;}
ul.teskilat-semasi>li>ul li:first-child:before{content:'';width: 50%;height: 1px;background: #ffffff;position: absolute;top: -1px;left: 0px;}
ul.teskilat-semasi>li>ul li:last-child:before{content:'';width: 50%;height: 1px;background: #ffffff;position: absolute;top: -1px;right: -1px;}
ul.teskilat-semasi>li>ul>li>ul{display: flex;border-top: 1px solid var(--mavi3);}
ul.teskilat-semasi>li>ul>li>ul>li{margin: 0 10px;position: relative;}
ul.teskilat-semasi li:last-child a:after{display:none;}
ul.teskilat-semasi>li>ul>li>ul>li>ul>li>a{
display: block;
height: 82px;
padding: 10px 10px 10px 60px;
}
ul.teskilat-semasi>li>ul>li>ul>li>ul>li>a .resim{
position: absolute;
margin: 0;
width: 50px;
height: 70px;
left: 5px;
top: 5px;
}
ul.teskilat-semasi>li>ul>li>ul>li>ul>li>a .mevki{font-size:10px;line-height:11px;}
ul.teskilat-semasi>li>ul>li>ul>li>ul>li>a .ad{font-size:12px;line-height:12px;}
ul.teskilat-semasi li.gecis-mevkisi>a{border: 0;background: none;}
ul.teskilat-semasi li.gecis-mevkisi>a:hover{background:none;}
ul.teskilat-semasi li.gecis-mevkisi>a:before{height: 100px;}
ul.teskilat-semasi li.gecis-mevkisi>a .resim,
ul.teskilat-semasi li.gecis-mevkisi>a .ad,
ul.teskilat-semasi li.gecis-mevkisi>a .mevki{display:none;}
ul.teskilat-semasi li.gecis-mevkisi>ul{margin-top: -111px;}
html #wpadminbar{top:0;position:fixed;}
.hc-offcanvas-nav a i{margin-right: 10px;}
.admin-bar .hc-offcanvas-nav .nav-container{margin-top: 45px;}
.hidden{display:none!important;}
.pisanimasyon{position: relative;background: #def5ff;/* padding: 120px 0 0 0; */}
.pisanimasyon .cerceve{position:relative;z-index:5;}
.pisanimasyon .baslik{border-left: 3px solid #28568e;padding-left: 10px;display: inline-block;margin-bottom: 20px;}
.pisanimasyon .baslik h3{font-size: 24px;color: #28568e;}
.pisanimasyon .baslik span{font-size: 18px;color: #28568e;}
.pisanimasyon p{font-size: 16px;margin-bottom: 20px;}
.pisanimasyon a.devami{padding: 10px 15px;display: inline-block;background: #28568e;color: #fff;font-size: 18px;margin-bottom: 20px;}
.pisanimasyon .tgaleri{}
.pisanimasyon .tgaleri .resim{border: 1px solid #ccc;}
.pisanimasyon .tgaleri .resim img{border: 8px solid #fff;}
.pisanimasyon .kar{position:absolute;top: 0;left: 0;z-index:4;width:100%;height:100%;background:url(../img/animasyon/kar.png)}
.pisanimasyon .animasyon{position: relative;height: 200px;width: 100%;overflow: hidden;}
.pisanimasyon .animasyon .sehirsilueti{background: url(../img/animasyon/sehirsilueti.png);height: 120px;width: 100%;position: absolute;top: 0;z-index: 0;}
.pisanimasyon .animasyon .trafiktabelalari{background: url(../img/animasyon/trafiktabelalari.png);height: 72px;width: 100%;position: absolute;top: 50px;z-index: 0;}
.pisanimasyon .animasyon .asfalt{background: #3e3e3e;height: 42px;position: absolute;top: 120px;width: 100%;z-index: 0;}
.pisanimasyon .animasyon .aracvekar{background: url(../img/animasyon/aracvekar.png);height: 97px;width: 100%;position: absolute;top: 44px;left: 0;z-index: 1;}
.pisanimasyon .animasyon .asfalt-karli-bariyerler{background: url(../img/animasyon/asfalt-karli-bariyerler.png);height: 92px;width: 100%;position: absolute;top: 108px;left: 0;z-index: 1;}
.pisanimasyon .kar{
/* Safari 4.0 - 8.0 */
-webkit-animation-name: karyagisi;
-webkit-animation-duration: 4s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
/* Standard syntax */
animation-name: karyagisi;
animation-duration: 4s;
animation-timing-function: linear;
animation-delay: 0s;
animation-iteration-count: infinite;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes karyagisi {
0%   {background-position:10px 10px;}
50% {background-position:600px 600px;}
51% {background-position:10px 10px;}
100% {background-position:600px 200px;}
}
/* Standard syntax */
@keyframes karyagisi {
0%   {background-position:10px 10px;}
50% {background-position:600px 600px;}
51% {background-position:10px 10px;}
100% {background-position:600px 200px;}
}
.pisanimasyon .aracvekar{
/* Safari 4.0 - 8.0 */
-webkit-animation-name: arac;
-webkit-animation-duration: 24s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
/* Standard syntax */
animation-name: arac;
animation-duration: 24s;
animation-timing-function: linear;
animation-delay: 0s;
animation-iteration-count: infinite;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes arac {
0%   {background-position:0px 0;}
100% {background-position:2000px 0;}
}
/* Standard syntax */
@keyframes arac {
0%   {background-position:0px 0;}
100% {background-position:2000px 0;}
}
@media (min-width: 1400px) {
.container{max-width:1400px;padding:0}
}
@media (max-width: 1399px) {
.container{width:93%!important;max-width:none}
main#main{padding: 180px 0 20px 0;}
body.home main#main{padding: 130px 0 20px 0;}
header#header .header__inner{height:130px}
nav#mainmenu>ul>li>a>b{font-weight: normal;font-size: 14px;}
.topbox .onlinebox{height: 90px;}
.topbox .livebox a{font-size:14px;}
.mayorboxs{padding: 40px 250px 40px 40px;}
.mayorboxs:before{width:250px;height:320px}
.events__buttons{margin: 30px 0 30px;}
.event_box .event_img{height: 190px;max-width: 140px;}
.events__buttons .date{height: 30px;font-size:20px;padding: 5px;}
.events__buttons .info{height: 30px;padding: 0px 8px;font-size: 12px;line-height: 30px;}
.event_box .dates_row .dates{font-size:12px;}
.projectFeatured .project__buttons{padding:20px}
.projectFeatured .project__button b{display:inline-block;font-size:inherit;margin-right:5px;}
.project_box .other_images{bottom:-20px}
.project_box .other_images img{width:80px;height:50px}
.projectFeatured .project__inners{padding:40px 0}
.project__inner .tns-controls button:nth-child(1){left:31%}
.project__inner .tns-controls button:nth-child(2){right:30%}
.project_box .project_titles h3{font-size:18px;line-height:20px;height: 40px;}
.project_box .project_cat{font-size:12px;right:0}
.widget .widget_inner{padding: 20px 20px 30px;}
.widget .list__item .titles .title{margin-bottom: 3px;font-size: 12px;line-height: 17px;}
.widget .list__item .titles .info{font-size:10px;}
#footer .footerMenus{background-position: -170px top;}
article h3{font-size:18px;}
	.menu-teskilat-semasi-container {zoom: 0.9;}
}
@media (max-width: 1070px) {
.container{width:100%!important;max-width:none}
main#main{padding:100px 0 20px}
nav#mainmenu{display:none;}
body .hc-offcanvas-nav .nav-content>.nav-close a.has-label{height:80px;padding:30px 20px}
body .hc-offcanvas-nav .nav-content>h2{color:#fff;height:71px;padding:30px 20px}
.mobile-menu-outer{display:flex!important;flex-direction:row;flex-wrap:nowrap;align-items:center;text-align:center;justify-content:flex-end;align-content:center;padding:19px 0}
header#header .row{display:flex;justify-content:space-between;flex-direction:row;}
header#header .order-xs-1{order:1;width:25%;max-width:150px}
header#header .order-xs-2{order:2;width:50%}
header#header .order-xs-3{order:3;width:25%}
header#header.active .header__inner,header#header .header__inner{height:80px;background-position:0 bottom}
header#header .logo{padding:7px 0 0;justify-content:flex-start}
header#header .logo:before{right:-10px}
header#header.active .logo:after,header#header .logo:after{top:-5px;right:-10px}
header#header.active .logo a img,header#header .logo a img{height:60px}
header.active .topbox,.topbox{display:flex;flex-direction:row;align-content:center;justify-content:center;flex-wrap:nowrap;left:0;right:0;margin-top:0;padding:16px 0;align-items:stretch}
.search-popup .form-div{width: 100%;}
.topbox .livebox a{font-size:14px}
.topbox .livebox a b{font-weight:400}
.topbox .livebox:hover a{padding:10px}
.topbox ul.topicons{display:none}
header.active .topbox .onlinebox,.topbox .onlinebox{height:auto;display:flex;flex-direction:row;flex-wrap:nowrap;z-index:0}
header.active .topbox .onlinebox a,.topbox .onlinebox a{font-size:14px;padding:15px 10px;display:block}
.topbox .onlinebox a b{display:inline-block;font-weight:400}
header.active .topbox .onlinebox a i,.topbox .onlinebox a i{display:inline-block;margin:0 5px 0 0}
.topbox .onlinebox a b small{display:none}
.mainBannersArea .container .row{display:flex;align-items:stretch;flex-direction:column;align-content:stretch;flex-wrap:nowrap;justify-content:flex-start}
.mainBannersArea .container .row>div{width:100%;padding:0 13px}
.actualboxs{margin-top:40px}
.project__inner .tns-controls button:nth-child(1){left:-1%}
.project__inner .tns-controls button:nth-child(2){right:-1%}
.projectExcerpts{align-items:flex-start;align-content:flex-start}
.projectExcerpts .excerpt:before{display:none}
.projectExcerpts .excerpt{margin:0 10px;padding:10px}
.projectExcerpts span{font-size:12px;display:inline-block}
.projectExcerpts .excerpt b{position:relative;left:auto;font-size:30px}
.projectExcerpts .excerpt:nth-child(1) b{bottom:auto;top:0}
.projectExcerpts .excerpt:nth-child(4) b{bottom:auto;top:0}
.event_box .event_img{height:240px;max-width:100%;flex:0 0 40%}
.event_box .event_info{flex:0 0 60%}
.tabs .tab__button{font-size:12px;line-height:14px;padding:10px}
.tabs .tab__button:hover,.tabs .tab__button.tns-nav-active{padding:10px}
#footer .footerMenu_right{width:60%}
.articles article figure{flex: 0 0 200px;height: 130px;}
.articles.box-style-grid-2 article,
.articles.box-style-grid-3 article{flex:0 0 48%;}
.menu-teskilat-semasi-container {zoom: 0.5;}
}
@media (max-width: 767px) {
body.home main#main{padding: 50px 0 20px;}
header.active .topbox .onlinebox a i,.topbox .onlinebox a i{margin:0}
.topbox .onlinebox a b{font-size:10px}
header.active .topbox .onlinebox a,.topbox .onlinebox a{padding:5px 10px}
header.active .topbox,.topbox{padding:5px 0;align-items:center;height:100%}
.megamenu figure{display:none;}
.megamenu{padding: 40px 10px 10px 10px;}
.megamenu nav ul {grid-template-columns: repeat(3, 1fr);}
.megamenu nav ul li{/* width: 24%; */}
.topbox .livebox a{font-size:10px;padding:5px 10px}
.topbox .onlinebox:before{display:none}
.topbox .livebox a .liveicon i{font-size:12px;line-height:16px}
.blob{width:12px;height:14px}
.topbox .livebox,header.active .topbox .onlinebox,.topbox .onlinebox{height:30px}
.projectExcerpts{flex-direction:column;align-items:center;display:block}
.projectFeatured .project__title strong{font-size:32px;}
.projectFeatured .project__title{margin-bottom:10px;}
.projectExcerpts .excerpt{display:inline-block}
.projectFeatured .project__button{font-size:10px;line-height:12px;padding:10px}
.projectFeatured .project__button b{display:block;margin:0 0 5px;font-size:18px}
.tabs .tab__button{height: 48px;display: flex;flex-direction: column;justify-content: flex-end;}
.tabs .banner__item a .title{font-size:16px}
.tabs .tab__button i{display:none;}
.actualboxs{margin:30px 0 0;width: 100%;}
.mayorboxs{padding:40px 230px 40px 20px}
.mayorboxs:before{width: 190px;height: 230px;x}
.mayorboxs .majorname b{font-size:32px;}
.slideGalleryBox .titleBox{padding:10px;}
.slideGalleryBox .title{font-size:14px;font-weight:normal;}
.colorCards .titles{flex-direction:column;padding:30px 0}
.colorCards .titles .short{text-align:center;padding:10px}
#footer .footerMenus{background-position:top left}
#footer .footerMenus__inner{flex-direction:column}
#footer .footerMenu_left{text-align:center}
#footer .footerMenu_right{width:100%}
#footer .footerMenu_left{text-align:center;padding:0 0 40px}
#footer .footerMenu_left p{margin:0 auto 30px}
#footer .phoneLinks,#footer .policyMenu ul,#footer .socialLinks ul{justify-content:center}
#footer .appStore .app b,
#footer .phoneLinks b{font-size:18px;}
.copyright{margin:0 0 10px;flex-direction:column;align-items:center}
.footer-logo{display:block;margin:0 0 10px;border-bottom:3px solid var(--yesil2)}
.footer-logo:before{display:none}
.footer-logo a img{width:90px;height:40px}
.copyrightDiv{flex-direction:column;padding:20px 0}
.copyrightBar p{margin:0}
.main__inner .order-xs-1{order: 1;}
.main__inner .order-xs-2{order: 2;}
.page__inner{padding:15px;}
.page__top{flex-wrap:wrap;flex-direction:column;align-items:flex-start}
.page__top .page-buttons{margin-top:5px}
.page__top .page-buttons>div{margin-left:0;margin-right:5px}
.page__inner .filters{flex-direction:column;align-items:normal}
ul.teskilat-semasi li a{/* height:auto; *//* margin-top:0; *//* width:auto; */}
ul.teskilat-semasi>li>ul{/* flex-direction:column; *//* border:0; */}
ul.teskilat-semasi li.aktif>a:before{/*display:none*/}
.articles.box-style-grid-2 article,.articles.box-style-grid-3 article{flex:0 0 100%;}
article .info-birim{padding:20px;margin-top:0}
article .info-birim figure{position:relative;left:unset;bottom:unset;width:auto;height:auto;margin-bottom:20px}
.page__inner article .info,
.page__inner article .info.info_type_1{font-size:14px;}
article iframe{height: 200px;}
.menu-teskilat-semasi-container {zoom: 0.30;}
}
@media (max-width: 567px) {
.articles article .article_inner{display:block;padding: 0;}
.articles article figure{flex: 0 0 100%;height: auto;width: 100%;}
.articles article .article_inner:before{display:none;}
article h3{font-size:18px;}
article .featured-img{float:none;width:100%;}
.widget .gallery_min .gallery_items_single .gallery_item{width: 48%;}
.bottom-links{display:flex;justify-content:space-between;flex-direction: column;}
.bottom-links a{margin:0 0 10px 0;height: auto;text-align: center;max-width: 100%;}
}
@media (max-width: 410px) {
header.active .topbox,.topbox{display:flex;flex-direction:column;align-items:center}
.topbox .livebox,header.active .topbox .onlinebox,.topbox .onlinebox{width:100px}
header#header .order-xs-1{width:33%}
header#header .order-xs-2{width:33%}
header#header .order-xs-31{width:33%}
.megamenu nav {max-height: 60%;display: flex;align-items: flex-start;overflow-x: auto;padding-right: 10px;}
.megamenu nav ul {grid-template-columns: repeat(2, 1fr);}
.megamenu nav ul li{/* width: 48%; */}
.tabs .tab__button{font-size:10px;line-height:14px;padding:10px 6px}
.tabs .tab__button:hover,.tabs .tab__button.tns-nav-active{padding:15px 6px 10px}
.actualboxs{width:100%}
.mayorboxs{padding: 20px 160px 20px 10px;}
.mayorboxs:before{width: 190px;height: 230px;}
.mayorboxs .majorlinks{justify-content:flex-start;grid-template-columns: 1fr;}
.mayorboxs .majorname b{font-size:32px;line-height: 24px;display: inline-block;}
.event_box{flex-direction:column}
.event_box .event_img{height:240px;max-width:100%;flex:0 0 100%;margin:0 0 10px}
.event_box .event_info{flex:0 0 100%}
.project_box .other_images img{width:50px;height:40px}
.colorCards .titles .shorts{margin-top:20px;flex-direction:column}
.colorCards .titles .short{margin-bottom:10px}
#footer .footerMenuDiv{flex-direction:column;text-align:center}
#footer .addressDiv{text-align:center;margin-top:30px}
#footer .addressDiv li{padding:40px 0 0}
#footer .addressDiv li i{margin-left:-12px;right:unset;top:0;left:50%}
#footer .socialLinks ul{flex-wrap:wrap}
#footer .phoneLinks,#footer .appStore,#footer .policyMenu ul,#footer .socialLinks ol{flex-direction:column}
#footer .socialLinks ul li,#footer .phoneLinks .phone,#footer .policyMenu ul li{margin:0 0 5px;text-align:center}
#footer .phoneLinks a{padding:40px 5px 5px;margin-bottom:10px}
#footer .phoneLinks i{top:0;left:50%;margin:0 0 0 -16px}
.menu-teskilat-semasi-container {zoom: 0.24;}
}
@media print {
main#main{padding:0;background:#fff;}
header#header .row{display:block;}
header#header .order-xs-1{width:100%;text-align:center;}
.row>*,
.page__inner{padding:0;box-shadow:none;}
.articles article .article_inner{flex-wrap: nowrap;}
.articles article .article_inner figure{width:300px;}
article .info time:after{content:attr(title);margin-left:5px;}
.page__top{margin-bottom:20px;}
article .featured-img a i,
.page__inner .filters,
#footer,
main aside,
.breadcrumb,
header#header,
.bottom-links,
span.post-views,
span.post-date span,
.page-buttons{display:none!important;}
ul.teskilat-semasi>li>ul{flex-direction:row;border-top: 1px solid var(--mavi3);}
ul.teskilat-semasi li.aktif>a:before{display:block}
ul.teskilat-semasi li a{width:150px;height:170px;display:block;}
.widget .gallery_min .gallery_items_single .gallery_item{width:25%;}
}