@charset "utf-8";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
:root{
    --textcolor:#2b2b2b;
    --textrgba7:rgb(43 43 43 / 70%);
    --lowcolor:#686868;
    --hovercolor:#ffce00;
    --mainfont : 'Montserrat', sans-serif;
    --subfont : 'El Messiri', sans-serif;
    --subfont2 : 'Roboto Condensed', sans-serif;
    --transition2: all .2s ease-in-out;
    
    
    --grey : #f8f9fa;
    --grey2 : #f7f7f7;
    --blue : #133d58;
    --green: #00cc1f;
    
    --maxwidth:1350px;
}



* { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; outline: 0; }


html, body { width: 100%; height: 100%; padding: 0; margin: 0; }
body { font-family: var(--mainfont); font-weight: 400; font-size: 12px; height: 100%; color:var(--textcolor);font-optical-sizing: auto; }
button,input,select{ font-family: var(--mainfont); border-radius:0; padding:0; }
body.ios_device button,body.ios_device textarea,body.ios_device input[type=text],body.ios_device select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.srow, .sw12 { float: left; width: 100%; min-height: 1px; position: relative; }
.sw1, .sw2, .sw3, .sw4, .sw5, .sw6, .sw7, .sw8, .sw9, .sw10, .sw11 { float: left; min-height: 1px; position: relative; }
.sw12 { width: 100% }
.sw11 { width: 91.66666667% }
.sw10 { width: 83.33333333% }
.sw9 { width: 75% }
.sw8 { width: 66.66666667% }
.sw7 { width: 58.33333333% } 
.sw6 { width: 50% }
.sw5 { width: 41.66666667% }
.sw4 { width: 33.33333333% }
.sw3 { width: 25% }
.sw2 { width: 16.66666667% }
.sw1 { width: 8.33333333% } 
.fr { float: right !important; }
.pr10 { padding-right: 10px; }
.pl10 { padding-left: 10px; }
.alert { float: left; width: 100%; background: #fff; color: #333; padding: 10px; margin-bottom: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.alert.error { border: 1px solid maroon; background: pink; }
.alert.success { border: 1px solid #c9daa9; background: #f4ffba; }
.alert.info { color: #c09853; background: #fcf8e3; border: 1px solid #fbeed5; }
.clear { clear: both; }
.center {display: block;width: 100%;max-width: var(--maxwidth);margin: auto;position: relative; }
a, a:hover { text-decoration: none; }
/*popup*/  
.sw_popup_bg { background: #fff; opacity: 0.9; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; }
.sw_popup_loading { width: 113px; height: 113px; position: fixed; left: -20000px; top: -20000px; bottom: -20000px; right: -20000px; z-index: 10000; margin: auto; color:#1A2B49; text-align: center; }
.sw_popup_loading > i { font-size: 70px; }
/*.sw_popup_loading:before { content: 'Lütfen Bekleyiniz'; color:#333; width: 140px; text-align: center; z-index: 10000; display: block; position: relative; left: -13.5px; top: -10px; font-size: 13px; }*/
.sw_popup_content { display: none; background: #fff; z-index: 10001; border: 0; box-shadow: 0 0 10px #000; }
.sw_popup_content > .append { overflow-y: auto; height: 100%; }
/*.sw_popup_content iframe {width:100%;height:100%;display:block;}*/
.sw_popup_content .popup_kapat_button { position: absolute; top: 0; right: 0; text-align: center; width: 30px; height: 30px; background: #900; color: #fff; cursor: pointer; }
.sw_popup_content .popup_kapat_button i { line-height: 30px; font-size: 17px; }
.sw_popup_content .popup_kapat_button:hover { background-color: #333; color: #fff; }
.popup_title { float: left; width: 100%; height: 62px; padding-top: 15px; background: #F5F5F5;font-size: 23px; text-align: center; border-bottom: 1px solid #dddddd; position: relative; }
.popup_title:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #fff; }
.popup_body { float: left; width: 100%; padding: 20px; }
.popup_body fieldset { float: left; width: 100%; border: 1px solid #ddd; margin-bottom: 15px; }
.popup_bottom { float: left; width: 100%; background: #f9f9f9; border-top: 5px solid #d2d2d2; padding: 20px; margin: 10px 0 0 0; }
.sw_popup_content .sw_popup_txt { float: left; font-size: 13px; width: 100%; padding: 20px; border-bottom: 1px solid #ddd; color: #333; text-align: center; }
.sw_popup_content .sw_popup_buttons { float: left; width: 100%; margin: 10px 0 10px 0; text-align: center; }
.sw_popup_content .sw_popup_buttons .btn { margin: 0 3px 0 3px; }
.sw_popup_content.sw_confirm { border: 7px solid #ddd; }
.sw_popup_content.sw_alert { border: 7px solid #fff; }
.sw_popup_content.sw_confirm .popup_kapat_button, .sw_popup_content.sw_alert .popup_kapat_button { top: -7px; right: -37px; }
.sw_popup_content div.alert { margin: 0; border-radius: 0; text-align: center; padding:25px 50px; font-size:16px; }
/*popup*/
 
.paging { float: left; width: 100%; margin: 20px 0 10px 0; text-align: center; }
.paging a { padding: 10px 16px; margin: 0 5px; display: inline-block; border:3px solid #dddddd; border-radius:5px; font-size: 13px; color: #333; text-decoration: none; }
.paging a.active, .paging a:hover { color: #FFF; background:#E1251B; border-color:#E1251B; }

.page-container{width: 100%; display: flex;clear: left;flex-direction: column;align-items: center;} 
.page-container > .post{width: 100%; display: flex;align-items: center;flex-direction: column;flex-wrap: nowrap;min-height: 450px;} 
.page-container > .post.hasmenu{width: 100%; display: flex;flex-direction: row;flex-wrap: nowrap;align-items: flex-start;position: relative;justify-content: space-between;}
.page-container > .post > .has-menu{width: 100%; display: flex;flex-direction: column;flex-wrap: nowrap;padding-left: 20px;}

.page-container.emptyheader{margin-top:40px;}

a.pull-btn {width: 30px; height: 30px; display: flex;align-items: center; justify-content: center; font-size: 19px;background: var(--hovercolor); color: var(--textcolor);margin-bottom: 10px; border-radius: 50%;position: relative; display: none;}
a.pull-btn:before,
a.pull-btn:after{content: "";  border:1px solid var(--hovercolor); width: 100%;height: 100%;position: absolute;border-radius: 50%;transition: var(--transition2);}
a.pull-btn:before{transition-delay: .7s;}
a.pull-btn:after{transition-delay: .5s;}
.post-aside.active a.pull-btn:before{width: 130%;height: 130%;border-color:var(--textcolor); }
.post-aside.active a.pull-btn:after{width: 150%;height: 150%; }




.post-aside{display:flex; flex-direction:column;width: 100%;max-width: 220px;}

.post-aside > ul{padding:0; margin: 0;list-style: none;display: flex;flex-direction: column; width: 100%;}
.post-aside > ul > li{width: 100%; display: flex;margin-bottom: 7px;}
.post-aside > ul > li > a{width: 100%; display: flex;background: var(--textcolor);color:#FFF;padding: 10px; font-weight: 500; align-items: center;transition: var(--transition2);}
.post-aside > ul > li > a:before{width: .1px; height: .1px;background: var(--textcolor);content: '';transition: var(--transition2); }
.post-aside > ul > li.active > a{background: var(--hovercolor);color:var(--textcolor);}
.post-aside > ul > li.active > a:before{background: var(--textcolor);width: 10px; height: 10px;margin-right: 10px;}
.post-aside > ul > li:not(.active) > a:hover:before{background: #FFF;width: 10px; height: 10px;margin-right: 10px;} 
.post-aside > ul > li:not(.active) > a:hover{color: var(--hovercolor);} 

.post-aside.active{width: fit-content;}
.post-aside.active > ul{display: none;}

.pageheader{ width: 100%; background-repeat:no-repeat; background-size: cover; height: 370px;}
.pageheader .overlay{ width: 100%; height: 100%; display: flex;align-items: flex-end;justify-content: flex-start;background: var(--textrgba7);}
.pageheader .overlay strong{font-weight: 600; font-size:40px;color:var(--hovercolor);padding: 0 0 70px 20px;opacity: .85;}

.entry-title,.entry-content{width:100%;display: flex;}

.entry-title {font-weight:600;padding: 0;font-size:30px;color:var(--textcolor);text-align: center;width: fit-content;display: flex;flex-direction: column;position: relative;margin: 0;}
.entry-title:after{ background:var(--hovercolor); content: ""; display: block; height: 2px; width: 50%; margin: 27px auto;}		


.entry-content { display: block; font-family:Arial; margin-bottom: 20px;font-size: 15px; line-height: 1.7;font-weight: 300;zoom: 1;text-align: justify;}
.entry-content a{text-decoration:none;color: inherit;}
.entry-content iframe{width:100%;float: left;display: block;aspect-ratio:1 / 0.562;margin-bottom: 25px;border-radius: 7px;overflow: hidden;}
.entry-content p{font-size: 15px;  letter-spacing: normal;  line-height: 1.625;}
.entry-content strong{font-weight:600;}
.entry-content strong {/*color:#283448;*/ }
.entry-content a { color: #06c; font-weight: bold; position: relative; }
.entry-content a:hover { text-decoration: underline; }
.entry-content a:after { content: '👈'; margin-left: 3px; text-decoration: none; }
.entry-content li { list-style: inside; }
.entry-content img { max-width: 100% !important; height: auto !important; }


.entry-content table { border: 1px solid #ddd; border-bottom: 0; border-left: 0; }
.entry-content table tr:nth-child(2n+1) > td { background: #f9f9f9; }
.entry-content table tr:first-child > td { background: #111 !important; color: #fff; }
.entry-content table td { border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px; }




.contact-detail{ float:left; width:100%; text-align:center; display: flex; margin: 40px 0; }
.contact-detail > div{ float:left; width:33.3333%;display: flex;flex-direction: column;}
.contact-detail > div span{ font-size:16px; font-weight:400; display:block; }
.contact-detail > div strong{ font-size:13px; font-weight:400; max-width:400px; display:block; margin:10px auto; line-height: 20px; }
.contact-detail i{ color:var(--textcolor); }
.gmap iframe{ float:left; width:100%; height:304px; border:2px solid #ddd !important; }
.formmap{ display: flex;width: 100%;}

a.captcha{ float:left; padding-left:20px; position:relative; background:#FFF;  }
a.captcha:before { content: '\f021'; font-family: 'FontAwesome'; color: #a89282; position: absolute; left:0; top:0; z-index: 3; font-size: 20px; line-height:53px; padding:0 10px 0 10px;  }
a.captcha:hover:before{ transform: rotate(90deg); -moz-transform:rotate(90deg); } 	
a.captcha img{ float:left; height:50px;}

form.styleinput input, form.styleinput select, form.styleinput textarea, form.styleinput button { font-family: var(--mainfont); float: left; width: 100%; border: 0; border-bottom: 2px solid #ddd; background: transparent; font-size: 16px; font-weight: 400; }
form.styleinput input, form.styleinput select { height: 42px; padding-left: 10px; line-height: 42px; }
form.styleinput textarea { max-height: 180px; height: 80px; padding: 10px; max-width: 100%; }
form.styleinput input.error, form.styleinput textarea.error, form.styleinput select.error { border-color: #9F0000 !important; background: #FFF4F4 !important; }
form.styleinput label.error { display: none !important; }
form.styleinput .srow { margin-bottom: 20px; }
form.styleinput button { float: right; max-width: 175px; height: 50px; cursor: pointer; position: relative; overflow: hidden; }
form.styleinput button * { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
form.styleinput button span { display: block; }
form.styleinput button:hover span { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }
form.styleinput button i { position: absolute; width: 100%; text-align: center; top: 100%; left: 50%; padding: 10px; color: #335545; font-size: 28px; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }
form.styleinput button:hover i { -webkit-transform: translate3d(-50%, -100%, 0); transform: translate3d(-50%, -100%, 0); }
a.captcha { float: left; padding-left: 20px; position: relative; background: #FFF; }
a.captcha:before { content: '\f021'; font-family: 'Font Awesome 5 Free'; color: #a89282; position: absolute; left: 0; top: 0; z-index: 3; font-size: 20px; line-height: 53px; padding: 0 10px 0 10px; }
a.captcha:hover:before { transform: rotate(90deg); -moz-transform: rotate(90deg); }
a.captcha img { float: left; height: 50px; }
.igallery { float: left; width: 70%; padding-top: 66px; background: #FFF; }
.igallery > a { float: left; width: 25%; }
.igallery > a span { float: left; width: 100%; height: auto; position: relative; overflow: hidden; }
.igallery > a span img { float: left; width: 100%; height: auto; -webkit-transition: all 4000ms cubic-bezier(.19, 1, .22, 1) 0ms; }
.igallery > a:hover span img { transform: scale(1.05); }
.igallery > a span:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #FFF; opacity: 0; transition: all 200ms linear; }
.igallery > a:hover span:after { opacity: .2; }
.tags { float: left; width: 100%; margin: 20px 0 20px 0; }
.tags:before { content: 'Etiketler'; float: left; width: 100%; margin: 0 0 5px 0; font-size: 14px; color: #999; }
.tags a { float: left; font-size: 11px; color: #CCC; margin: 0 10px 5px 0; text-decoration: none; }
.tags a:before { float: left; content: '#'; }
.tags-h1 { float: left; width: 100%; font-size: 35px; font-weight: 600; text-align: center; margin: 0; padding: 0; }
.tags-h1 h1 { margin: 0; padding: 0; display: inline-block; font-size: 25px; }
.tags-desc { float: left; width: 100%; font-size: 18px; font-weight: 400; color: #303134; text-align: center; margin: 5px 0 20px 0; }
.posts-list { float: left; width: 100%; margin: 0; padding: 0; }
.posts-list > li { float: left; width: 100%; padding: 10px 0 10px 0; border-bottom: 1px dotted #EEE; list-style: none; }
.posts-list > li h3 { float: left; width: 100%; margin: 0 0 5px 0; padding: 0; }
.posts-list > li h3 a { font-size: 20px; font-weight: 600; color: #333; }
.posts-list > li p { float: left; width: 100%; margin: 0; padding: 0; font-size: 14px; font-weight: 400; color: #666; }
.posts-list > li:last-child { border: 0; }


header { position: fixed; left:0; top: 0; background:rgba(255,255,255,.7); width: 100%; height: 100px; z-index: 10; transition: all .2s ease-in-out;display: flex;flex-direction: column; box-shadow: 1px 1px 5px rgb(0 0 0 / 12%);}
header.active{ background: #fff;  box-shadow: 0 0 20px rgb(0 0 0 / 15%); }
header .logo { display:flex; width: 20%; max-width:260px; height: 100%;align-items: center;justify-content: center;transition: var(--transition2);}
header .logo > img { width: 100%; display: block; }
header .right{ float: right; display: flex;flex-direction: row;align-items: center;}


/*header .langs{ float: left; margin: 15px 15px 0 0; position: relative; }
header .langs > a{ float: left; width: 90px; height: 80px; text-align: center; color: #111; font-size:14px; padding-top: 12px; }
header .langs > a i{ font-size:26px; display: block; margin:3px 0; transition: all .3s ease-in-out; }
header .langs > a:hover i{ transform: scale(1.1); }
header .langs > div{ display: none; position: absolute; left:26px; top: 100%; width:45px; background: #fff; border-radius:10px; box-shadow: 0 3px 26px rgb(0 0 0 / 16%); overflow: hidden; }
header .langs > div > a{ float:left; width: 100%; font-size:14px; padding: 10px 0; text-align: center; color: #111; }
header .langs > div > a.active,header .langs > div > a:hover{ background:#335545; color: #fff; }
header .langs:hover > div{ display: block; }*/



header nav.drillmenu > div{ float: left; width: 100%; border-top:1px solid #ddd;  border-bottom:1px solid #ddd; padding: 30px 0; margin: 30px 0;  }
header nav.drillmenu > div > a{ display: block; line-height: 30px; color: #444; font-size:16px; position: relative; padding-left:40px; margin:15px 0; }
header nav.drillmenu > div > a i{ transition: all .3s ease-in-out; position: absolute; left: 0; top: 0; background: #335545; color: #fff; width: 30px; line-height: 30px; font-size:20px; text-align: center; border-radius: 100%; }
header nav.drillmenu > div > a:hover i{transform: scale(1.1); }


.media-content{ float:left; width: 100%; height: 80vh; overflow: hidden; position: relative; z-index: 1; background:#fff; display: flex; align-items: flex-end; justify-content: center; }
.media-content video,.media-content img{ position: absolute; width:100%; height: auto; bottom:-5000px; top:-5000px; left:-5000px; right:-5000px;  margin: auto; display: block;  }
@media screen and (max-width:720px) { .media-content{  height: 100%; } }
@media screen and (max-width:1200px) { .media-content video,.media-content img{  height: 100%; width: auto; } }


.separatebar{position:relative;width: 100%;float: left;transition: var(--transition2);}
.separatebar i {position: absolute;right: 0;left: 0;margin: auto;bottom: 10px;width: fit-content;height: fit-content;font-size: 35px;z-index: 2;opacity: .3;transition: var(--transition2);}
.separatebar .separate{position:absolute;bottom:0px;width:100%;height:97px;background-image: url(../design/separate.svg);background-repeat: no-repeat;z-index: 1;background-position: center bottom;-webkit-mask-size: cover;background-size: cover;}
/*.separatebar .separate{position:absolute;bottom:0px;width:100%;height:97px;background:url(../design/separate.svg) no-repeat center top;z-index: 1;}*/
.separatebar.yellow .separate{background-color: var(--hovercolor);}
.separatebar.grey .separate{background-color: var(--grey2);}
.separatebar.mt{margin-top:150px;}
.separatebar+main{ padding-top:0;}


.separatebar2{position:relative;width: 100%;float: left;transition: var(--transition2);}
.separatebar2 i {position: absolute;right: 0;left: 0;margin: auto;bottom: 35px;width: fit-content;height: fit-content;font-size: 35px;z-index: 2;opacity: .3;transition: var(--transition2);}
.separatebar2 .separate{position:absolute;bottom:0px;width:100%;height:97px;-webkit-mask-image:url(../design/separate2.svg);mask-image:url(../design/separate2.svg);background-color:#FFF;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;z-index: 1;-webkit-mask-position: center bottom;mask-position: center bottom;-webkit-mask-size: cover;}
/*.separatebar .separate{position:absolute;bottom:0px;width:100%;height:97px;background:url(../design/separate.svg) no-repeat center top;z-index: 1;}*/
.separatebar2.yellow .separate{background-color: var(--hovercolor);}
.separatebar2.grey .separate{background-color: var(--grey2);}
.separatebar2.mt{margin-top:150px;}
.separatebar2+main{ padding-top:0;}


.media-content i.light{ background: transparent radial-gradient(closest-side at 50% 50%,#fff 0,hsla(0,0%,100%,0) 100%) 0 0 no-repeat padding-box; left: 50%; opacity: .3; position: absolute; top:50%;  -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 95.8rem;  width: 95.8rem;z-index: 20; mix-blend-mode: multiply; }

 

.headertop .social{ float: left;width: fit-content;display: flex;}
.headertop .social a{ width: 25px;height: 25px; margin-right: 1px;  color: var(--textcolor); font-size:16px; transition: var(--transition2); display: flex;justify-content: center;align-items: center;border-radius: 4px;}
.headertop .social a:hover{ background:var(--textcolor);color:var(--hovercolor);; }


/*
.js_slider.swiper-container .swiper-slide img{ position: absolute; height: 100%; width: auto; top: -5000px; bottom: -5000px; left:-5000px; right:-5000px; margin: auto; display: block; }
.js_slider.swiper-container .swiper-slide:after{ content:''; position: absolute; left:0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2); z-index: 2; mix-blend-mode: multiply; }
.js_slider.swiper-container .swiper-slide.swiper-slide-active{animation: zoomslide 6s alternate;}
*/
main{ float: left; width: 100%; min-height: 500px;padding-top:100px; }

#bread-crumbs{float: left;width:100%;position: relative; text-align: left; display: flex;padding:0 20px; background: var(--grey2);z-index: 1;margin-bottom: 40px;}
#bread-crumbs > ul{ width: 100%; display: flex; flex-direction: row;padding: 4px 0;margin: 0;}
#bread-crumbs > ul > li{ float:left; color:var(--textcolor); font-size:13px; position:relative;display: flex; flex-direction: row;align-items: center;opacity: .5;}
#bread-crumbs > ul > li:after{content:'›'; margin: 0 7px;} 
#bread-crumbs > ul > li:last-child:after{content:'';}
#bread-crumbs > ul > li > a,
#bread-crumbs > ul > li > span{ padding:7px 10px; margin:0; float:left; height:100%; color:var(--textcolor);transition: var(--transition2); }
#bread-crumbs > ul > li > a:hover{ color:var(--hovercolor); }
#bread-crumbs > ul > li > span{ color:var(--textcolor); }
#bread-crumbs > ul > li,#bread-crumbs > ul > li > a{ }
#bread-crumbs > ul > li:last-child{opacity: .8;}


.separatebar + #bread-crumbs{ margin-top: -10px;width:fit-content;}

#page-gallery{ float: left; width: 100%; padding: 0;margin: 0;list-style: none;display: flex;flex-wrap: wrap; flex-direction: row;justify-content: center;padding: 0 20px;}
#page-gallery > li{float: left;display: flex;flex-direction: column;padding: 5px;width: 16%; aspect-ratio:1 / .65;}
#page-gallery > li > a{float: left;width: 100%;height: 100%; border-radius: 7px;transition: all .3s;border:1px solid var(--grey2);background-size:cover;background-repeat: no-repeat; background-position: center center;}
#page-gallery > li > a:hover{box-shadow: 1px 1px 5px rgb(0 0 0 / 30%);border-color: var(--hovercolor);}
#page-gallery > li > span{ width: 100%; float: left; padding: 6px 0;text-align: center;color:var(--textrgba7);}
#page-gallery > li > span:empty{display:none;}





footer{ float: left; width: 100%;  background: var(--blue); display: flex;align-items: center;flex-direction: column;}
footer .footercontent{display: flex;justify-content: space-between;width: 100%;max-width: var(--maxwidth); padding: 0 15px;}


.footerleft{width: 300px;min-width: 220px;display: flex;flex-direction: column;}
.footerleft > .logo {width: 100%;display: flex;aspect-ratio: 6 / 1;background: url(../design/logo_footer.png) no-repeat left top;background-size: contain;    margin-bottom: 20px;}
.footerleft > .logo > img { width: auto;float: left;}

.footerleft > .footertext {width: 100%;display: flex;margin-bottom: 20px;color:#FFF;font-size: 13px;line-height: 20px;}


.footerright{width:60%;display: flex;justify-content: flex-end;flex-direction: row;}
 
.menucontent{display:flex;width:fit-content;flex-direction: row;width: 66.66666%}
.menucontent > ul{ padding:0;margin: 0;list-style: none;width: 300px;min-width: 220px}
.menucontent > ul > li{ padding:0;margin: 0;list-style: none;float: left;width: 100%;}
.menucontent > ul > li > a{ color:#FFF; width:fit-content;line-height: 15px;float: left;padding: 5px 10px;transition: var(--transition2);}
.menucontent > ul > li > a:hover{ color:var(--hovercolor); }
.menucontent > ul:before{content:attr(data-attr);color: #FFF; font-weight: 600; font-size: 14px;padding-left: 10px;padding-bottom: 15px;float: left;}

.connectedTable{width: 300px;min-width: 220px;display: flex;flex-direction: column;padding-left: 20px;}
.connectedTable > .line{display: flex;flex-direction: row;justify-content: flex-end;align-items: center; color: #FFF;}
.connectedTable > .line a{text-align:right;width: fit-content;text-decoration: none;color:inherit;display: flex;flex-direction: row;}
.connectedTable > .line em {margin-right: 10px;font-weight: 500;background: var(--hovercolor);padding: 2px 5px;border-radius: 3px;color: var(--textcolor);}
.connectedTable > .line em:empty{display:none;}
.connectedTable > .line span{text-align:right;width: fit-content;}
.connectedTable > .line i{width:30px;height: 30px;display: flex;font-size: 16px;align-items: center;justify-content: center;transition: var(--transition2);}
.connectedTable > .line:hover i{color:var(--hovercolor); }



footer div.social{display: flex;float: left; }
footer div.social a{float: left;width:fit-content;height:fit-content;margin-right: 15px;text-align: center;color: #FFF;font-size: 30px;transition: var(--transition2);}
footer div.social a:hover{ color: var(--hovercolor); }


.bottom{ float: left; width: 100%; height: 60px;position: relative; }
.bottom small{ position: absolute; left: 0; top: 0; padding-left:20px; line-height: 60px; font-size:11px; color:var(--textcolor);  }
.bottom .sw{ position: absolute; right:20px; top:24px; width: 100px; height: 25px; -webkit-mask-image: url(../design/sw.svg);  mask-image: url(../design/sw.svg);  background-color: var(--textcolor);  mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat;transition: var(--transition2);}
.bottom .sw:hover{ background-color: var(--hovercolor); }



.emptybar{width:100%;display: flex;height: 25px;}
.emptybar.x2{height: 50px;}
.emptybar.x3{height: 75px;}
.emptybar.x4{height: 100px;} 
.emptybar.x5{height: 125px;}
.emptybar.x6{height: 150px;}


section.services{ width: 100%; text-align: center; display: flex;flex-direction: column;flex-wrap: nowrap;align-items: center;background: var(--grey);}
section.services > strong,
section.services > span.desc{ width: 100%; padding:0; margin: 0;display: block; text-align: center;font-weight: 400;font-size: 16px; color:var(--lowcolor);}
section.services > strong{font-weight:700;font-size: 50px;padding: 7px 0;color:var(--textcolor);}
section.services > span.desc{line-height: 24px;padding: 0 20%;} 


section.services > ul{float: left;width: 100%;max-width: var(--maxwidth);height: 100%;margin: 0;padding: 0;list-style:none; display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-content: flex-start;margin-top: 40px;}
section.services > ul > li {width: 33.33333%;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: center;transition: var(--transition2);padding: 7px;cursor: pointer;}
section.services > ul > li > div{width: 100%;aspect-ratio:4 / 3;background: #FFF;display: flex;padding: 10px;}
section.services > ul > li > div > a{display: flex;width: 100%;height: 100%; background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;}
section.services > ul > li > div > a > strong {width: fit-content;color: #FFF;font-size:15px;font-weight: 700;position: absolute;display: flex;text-align: left;padding-left: 40px;background:var(--blue);padding: 15px;border-bottom-right-radius: 50px;padding-right: 40px;transition: var(--transition2);}
section.services > ul > li:hover{z-index: 5;filter: drop-shadow(7px 7px 7px rgba(0,0,0, .15)); transition: var(--transition2);}
section.services > ul > li:hover > div > a > strong{background: var(--hovercolor);color:var(--blue);}


.index-about-us{float: left;width: 100%;padding:0 20px;text-align: center;color:var(--textcolor);position: relative;background-position: right center;background-size: 60%;background-repeat: no-repeat;}
.index-about-us > .aboutcontent{width: 100%;  max-width: var(--maxwidth); margin:0 auto; text-align: center; display: flex;flex-direction: column;flex-wrap: nowrap;align-items: center;flex-direction: row;flex-wrap: nowrap;}
.index-about-us h1,.index-about-us h2{ font-size:12px; color:#666; margin:0; padding:0; }
.aboutcontent > .pagedetail{width:40%;display: flex;flex-direction: column;align-items: flex-start;text-align: left;color: var(--textcolor);padding-right: 40px;}
.aboutcontent > .pagedetail > span{font-size:15px;margin-bottom: 7px;font-weight: 500;}
.aboutcontent > .pagedetail > strong{font-size:40px;margin-bottom: 7px;position: relative;font-weight:800;}
.aboutcontent > .pagedetail > .detail{font-size: 14px;line-height: 20px;} 
.aboutcontent > .pagedetail > .morebtn{width:fit-content;display: flex;color: var(--textcolor);padding: 10px 10px 10px 0;font-size: 13px;font-weight: 600;transition: var(--transition2);}
.aboutcontent > .pagedetail > .morebtn:hover{color:var(--hovercolor);transition: var(--transition2);}



.calltous{float: left; width: 100%; padding: 80px 20px; text-align: center; color: var(--textcolor); position: relative; background: var(--grey2);display: flex;flex-direction: column;align-items: center;} 
.calltous > .big{font-size:50px;}
.calltous > .large,.calltous > .small {font-size:35px;margin-top: 7px;}
.calltous > .phonesbox{display:flex;flex-direction: row;padding-right: 35px;margin: 60px 0 70px 0;}
.calltous > .phonesbox .clickbox:before{font-size: 15px;}
.calltous > .phonesbox .clickbox span {font-size:25px;}

    
 
section.references{ float: left; width: 100%; padding:0; text-align: center; display: flex; flex-direction: column;flex-wrap: nowrap; align-items: center; }
section.references > strong,
section.references > span{ width: 100%;float: left; padding:0; margin: 0;display: block; text-align: center;font-weight: 400;font-size: 16px; color:var(--lowcolor);margin-bottom: 7px;}
section.references > strong.referans_baslik{font-size:40px;color:var(--textcolor);font-weight: 700;}
section.references > span {line-height: 24px;padding: 0 25%;}
section.references > h2{font-weight: 600;font-size: 50px;padding: 20px 0;}
section.references > span.desc{line-height: 24px;padding: 0 25%;} 
section.references ul{ width:100%; max-width: 1250px; display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;padding: 0;margin: 0;list-style: none;}
section.references ul > li{width:20%; display: flex;align-items: center;justify-content: center;transition: var(--transition2);}
section.references ul > li > span {width: 90%;aspect-ratio:1 / .6;display: flex;justify-content: center;align-items: center;}
section.references ul > li > span > img{width: 100%;float: left;}
section.references ul > li:hover{transform: scale(1.05);z-index: 5;filter: drop-shadow(0 12px 12px rgba(0,0,0, .1)); }



/*ul.default-list{float: left;width: 100%;height: 100%;margin: 0;padding: 0;list-style:none; display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-content: flex-start;}
ul.default-list > li {width: 33.33%;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center; }
ul.default-list > li > a{ width: 98%; height: 98%;aspect-ratio:1.17 / 1; background-repeat: no-repeat; background-position: center center;background-size: contain;}
ul.default-list > li > a > div{ width: 100%;height: 100%;background: rgba(0,0,0,.5);padding-top: 30px;}
ul.default-list > li > a > div > strong {width: 95%;height: fit-content;color: #FFF;font-size: 30px;font-weight: 700;position: relative;display: flex;text-align: left;padding-left: 40px;font-family: var(--subfont2);}
ul.default-list > li > a > div > strong:before {content: "";background: var(--hovercolor);width: 10px; height: 100%; color: #FFF; font-size: 20px;font-weight: 600;position: absolute;left: 0;}
*/


ul.default-list{float: left;width: 100%;max-width: var(--maxwidth);height: 100%;margin: 0;padding: 0;list-style:none; display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-content: flex-start;margin-top: 40px;}
ul.default-list > li {width: 33.33333%;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: center;transition: var(--transition2);padding: 7px;cursor: pointer;}
ul.default-list > li > div{width: 100%;aspect-ratio:4 / 3;background: #FFF;display: flex;padding: 10px;}
ul.default-list > li > div > a{display: flex;width: 100%;height: 100%; background-repeat: no-repeat;background-position: center center;background-size: cover;position: relative;}
ul.default-list > li > div > a > strong {width: fit-content;color: #FFF;font-size:15px;font-weight: 700;position: absolute;display: flex;text-align: left;padding-left: 40px;background:var(--blue);padding: 15px;border-bottom-right-radius: 50px;padding-right: 40px;transition: var(--transition2);}
ul.default-list > li:hover{z-index: 5;filter: drop-shadow(7px 7px 7px rgba(0,0,0, .15)); transition: var(--transition2);}
ul.default-list > li:hover > div > a > strong{background: var(--hovercolor);color:var(--blue);}



/*

section.list{ width: 100%; padding:0 20px; max-width: 1700px; margin:0 auto; display: block; text-align: center; margin-top:100px; }
section.list > span{ display:block; font-size:2.4rem; color: #222; margin-bottom: 30px; }
section.list > span:after{ background: #335545; border-radius: 300px; content: ""; display: block; height: 0.6rem; margin:2rem auto 0;  width: 10rem;}	
ul.default-list{ float: left; width: 100%; margin: 0; padding: 0; }
ul.default-list li{ float: left; width:33.3333%; list-style: none; padding:0 10px; margin:10px 0; }
ul.default-list li a{ float:left; width: 100%; position: relative; color: #fff;  }
ul.default-list li a span.img{ float: left; width: 100%; aspect-ratio:1/0.66; overflow: hidden; position:relative; }
ul.default-list li a span.img img{ position: absolute; left:0; right:0; top:0; bottom: 0; margin: auto; display: block; width: auto; height:100%; }
ul.default-list li a span.img:after{ transition: all .2s ease-in-out; bottom: 0;  left: 0; position: absolute; right: 0; top: 0; background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(50%,rgba(0,0,0,.1)),to(transparent)); background: linear-gradient(0deg,#000,rgba(0,0,0,.1) 50%,transparent); content: ""; display: block; }
ul.default-list li a strong{ position: absolute; left: 0; bottom: 0; width: 100%; text-align: left; padding:25px;  font-size:25px; font-weight: 600; }
ul.default-list li a:hover span.img:after{ opacity:0; }
*/
a.more{width: fit-content;line-height: 40px;border-radius: 0;padding: 3px 35px;font-size: 15px;font-weight: 400;color: var(--textcolor);border: 1px solid var(--textcolor);transition: var(--transition2);}
a.more:hover{ border-color: var(--hovercolor);  }


.headertop {width:100%;height: 40px; display: flex;background:var(--hovercolor);padding: 0 25px;justify-content: space-between;align-items: center;position: relative;}
.headertop:after{ content:''; width: 180px;height: 100%;-webkit-mask-image: url(../design/since.svg); mask-image: url(../design/since.svg);background-color: var(--textcolor);mask-repeat: no-repeat;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center center;mask-position: center center;position: absolute;left: 0;right: 0; bottom: 0;top: 0;margin: auto;} 


header nav.drillmenu{ width:fit-content; }
header nav.drillmenu > ul:first-child{padding:0;margin: 0;list-style: none;display: flex;flex-direction: row;flex-wrap: nowrap;}
header nav.drillmenu > ul > li{width: auto;height: auto;display: flex;}
header nav.drillmenu > ul > li > a{padding: 10px 20px;font-size: 14px;font-weight: 500; color:var(--textcolor);transition: var(--transition2);}
header nav.drillmenu > ul > li > a.active,
header nav.drillmenu > ul > li > a:hover{color:var(--hovercolor);}



.contactboxes{width:fit-content;}
.contactboxes > a{width:fit-content;padding:4px 15px;position: relative;color:var(--textcolor);font-size: 11px; font-weight: 500;margin-left: 30px;border: 1px solid #FFF;border-right: none; border-top-left-radius: 25px;border-bottom-left-radius: 25px;transition: var(--transition2);} 
.contactboxes > a > i{transition: var(--transition2); width: 27px;height: 27px;border-radius: 50%;border: 1px solid #FFF;position: absolute;font-size: 17px;display: flex;justify-content: center;align-items: center;right:-20px;top: 0;bottom: 0;margin: auto;} 
.contactboxes > a:hover{color: #FFF;background: var(--textrgba7);border-color:transparent;}
.contactboxes > a:hover i{color: #FFF;background: var(--textcolor);border-color:transparent;}
.headercontent {width:100%;height: 100px; display: flex;padding: 0 25px;justify-content:space-between;align-items: center;}




.clickbox{width: fit-content;padding: 10px 15px 10px 25px;position: relative;display: flex;flex-direction: column;text-align: right;position: relative;color:var(--blue);border: 1px solid var(--grey);border-radius: 5px;background: #FFF;margin-left: 35px;transition: var(--transition2);}
.clickbox span{font-weight: 600;font-size: 15px;}
.clickbox.whatsapplink {color:var(--green); }
.clickbox i{width: 40px;height: 40px;border-radius: 50%;border: 1px solid var(--grey);display: flex;align-items: center;justify-content: center;position: absolute;left: -20px;bottom: 0;top: 0;margin: auto;font-size: 19px;background: #FFF;transition: var(--transition2);}
.clickbox:before{ content: attr(data-txt);color:var(--lowcolor);font-size: 11px;margin-bottom: 5px;}
.clickbox:hover, .clickbox:hover i{border-color: var(--textcolor);}


a.whatsapp{position: fixed;left: 10px;bottom: 10px;width: 60px;height: 60px;text-align: center;font-size: 40px;z-index: 2;box-shadow: 0 4px 10px 0 rgb(46 58 70 / 35%);background-color: #fff;border: 0;border-radius: 40px;line-height: 60px;color: #25d366;}
 .is_mobil { display: none; }

.js_slider.swiper-container{ float: left; display: flex; position: relative; width: 100%; margin-top: 100px; background: #000; }
.js_slider.swiper-container .swiper-slide{ float:left; width: 100%; height: 100%; overflow: hidden;background-position: center center;background-size: cover; transition: all .1s ease-in-out;}

@media screen and (min-width:1023px) {
	.js_slider.swiper-container{ height: calc(100% - 100px);  }
}

@media screen and (max-width:1470px)  and (min-width:1231px){
    
    header .right > .clickbox.whatsapplink {display:none;}
    
}
@media screen and (max-width:1260px) {
    header .right > .clickbox:before{content:none;}
    header .right > .clickbox{padding: 0;border-color:transparent;margin: 0 3px;width: 40px; height: 40px;}
    header .right > .clickbox > span{display: none;}
    header .right > .clickbox > i{left: 0;}
}
@media screen and (max-width:1230px) {
    
    
    header nav.drillmenu > ul > li > a{ padding:10px;}
    
    
    section.services{padding:0 20px;}
    section.services > ul > li > a > div > strong{font-size:20px;}
    section.services > ul > li > a > div > ul > li{font-size:12px;}
    
    ul.default-list > li > a > div > strong{font-size:20px;}
    ul.default-list > li > a > div > ul > li{font-size:12px;}
    
    
    header nav.drillmenu > ul > li > a{font-size:12px; }
    
 }


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

@media screen and (max-width:1100px) {
    section.services > ul > li > a > div > ul{display:none;}
    section.services > ul > li > a > div{ padding-top:0; display: flex;align-items: center;}
    section.services > span.desc{ padding:0 5%;}
    
    ul.default-list > li > a > div > ul{display:none;}
    ul.default-list > li > a > div{ padding-top:0; display: flex;align-items: center;}
 }

@media screen and (max-width:1023px) {
    
	.is_desktop { display: none; }
    .is_mobil { display: block; }
    .separatebar .separate{height:70px;}
 
    .pageheader .overlay{ align-items: flex-end;justify-content: center;}
    .pageheader .overlay strong{ font-size:20px;padding: 0;margin-bottom: 30%;width: 100%;text-align: center;padding: 0 15%;}
    
    .page-container{padding:0 5%;}
    
    
    .aboutcontent > .pagedetail {width: 60%;}
    .index-about-us {background-size: 45%;} 
    
    header .logo {width:260px; }
    section.references > span{padding:0 5%;}
    
    header a.formenu{ z-index: 4; margin-left: 10px;transition: var(--transition2);}
    header a.formenu.active{ }

    a.formenu .nav-icon { position: relative; display: inline-block; cursor: pointer; z-index: 1; margin:0; padding:0; -webkit-transition: all .3s ease-in-out; -khtml-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); transform-origin: top left }
    a.formenu .nav-icon i{ margin: 3px 0; padding: 0 }
    a.formenu .nav-icon:before, a.formenu .nav-icon:after, a.formenu .nav-icon i { content: ""; display: block; width: 30px; height: 3px; background: #000; -webkit-transition: all .3s ease-in-out; -khtml-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
    a.formenu.active .nav-icon:before, a.formenu.active .nav-icon:after, a.formenu.active .nav-icon i { -webkit-border-radius:.1rem;-khtml-border-radius:.1rem;	-moz-border-radius:.1rem;-ms-border-radius:.1rem;-o-border-radius:.1rem;border-radius:.1rem	}
    a.formenu.active .nav-icon:before { -webkit-transform: rotate(45deg) translate3d(4.5px, 4.5px, 0); -khtml-transform: rotate(45deg) translate3d(4.5px, 4.5px, 0); -moz-transform: rotate(45deg) translate3d(4.5px, 4.5px, 0); -ms-transform: rotate(45deg) translate3d(4.5px, 4.5px, 0); -o-transform: rotate(45deg) translate3d(4.5px, 4.5px, 0); transform: rotate(45deg) translate3d(4.5px, 4.5px, 0) }
    a.formenu.active .nav-icon:after { -webkit-transform: rotate(-45deg) translate3d(4.5px, -4.5px, 0); -khtml-transform: rotate(-45deg) translate3d(4.5px, -4.5px, 0); -moz-transform: rotate(-45deg) translate3d(4.5px, -4.5px, 0); -ms-transform: rotate(-45deg) translate3d(4.5px, -4.5px, 0); -o-transform: rotate(-45deg) translate3d(4.5px, -4.5px, 0); transform: rotate(-45deg) translate3d(4.5px, -4.5px, 0) }
    a.formenu.active .nav-icon i { opacity: 0 }

    header nav.drillmenu{ background: #fff; position:fixed; left:-115%; top:0; width:100%; height:100%; max-width: 425px; overflow-y: auto; padding:109px 30px 0 30px; -webkit-transition: all .3s ease-in-out; -khtml-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index: 3; box-shadow: 0 0 20px rgb(0 0 0 / 15%); }
    header nav.drillmenu > ul{ position:relative; float:left; width:100%; background:#FFF; margin:0; padding:0; list-style:none; }
    header nav.drillmenu > ul li ul{ float:left; margin:0; padding:0; text-indent:20px; width:100%; display:none; }
    header nav.drillmenu ul li{ float:left; width: 100%; position:relative; list-style:none; margin:0;  }
    header nav.drillmenu ul li.has-sub i{ font-size:23px; position:absolute; right:10px;top:calc(50% - 10px); color:#CCC;}
    header nav.drillmenu ul li a{transition: all .1s ease-in-out;float:left;width:100%;text-decoration:none;font-size: 1.8rem; line-height: 1.1;font-weight:500; padding:13px;  color:#222221; position:relative;}
    header nav.drillmenu li:hover > a,header nav.drillmenu li.active > a{ font-weight: 800; }
    header nav.drillmenu.active{ left:0; }
    header nav.drillmenu ul li.active > ul{ display:block; }

    header nav.drillmenu ul#mobil_menu li a{ font-size:14px; }
    header nav.drillmenu ul#mobil_menu li{ width: 50%; }
    
    header nav.drillmenu > ul,
    header nav.drillmenu > ul:first-child{padding: 0; margin: 0; list-style: none; display: flex;flex-direction: column;flex-wrap: nowrap; }

    header nav.drillmenu ul li a{padding:10px;font-size: 15px;}
    .swiper-container{height: 350px;} 
    
    
    
     .calltous > .big{font-size:35px;} 
    .calltous > .large, .calltous > .small{font-size:25px;}
    
    
    section.references ul > li{width:33%;}
    footer .menucontent{ width:50%;}
    footer .footerright{ width:50%;}
    footer .footerright > .phonesbox{display:none;}
    footer .connectedTable{padding-top:0;w}
    
	.entry-title{ font-size:24px; }
	section.list{ padding: 0; }
	ul.default-list li{ width: 50%; }
	
	
    .formmap{ flex-direction:column;}
    #iform{width: 100%; margin-bottom: 40px;}
    .gmap{width: 100%; }
	.gmap iframe{ height: 600px; }
	
	#iform .bttm .sw3{ width: 50% !important; }
	#iform .bttm .sw6{ float: right; margin-top: 20px; }
    
    
    
}
@media screen and (max-width:940px) {
    
    #bread-crumbs {display:none;}
    .headertop:after{ display:none;}
    
     
   
    
    
    section.services{padding:40px 20px;}
    section.services > h2{font-size:30px;}
    
    section.services > ul{flex-wrap: wrap;} 
    section.services > ul > li{width:50%;}
    section.services > ul > li > a{height:98%;}
    section.services > ul > li > a > div > strong{font-size:25px;padding-left:20px;}
    
    ul.default-list{flex-wrap: wrap;} 
    ul.default-list > li{width:50%;}
    ul.default-list > li > a{height:98%;}
    ul.default-list > li > a > div > strong{font-size:25px;padding-left:20px;}
    
    .contact-detail{ flex-direction: row;flex-wrap: wrap;justify-content: center;}
    .contact-detail > div{width:50%;padding: 5px;}
    
    
}

@media screen and (max-width:750px) {
    .index-about-us {background: none !important;flex-direction: column;padding: 0;}
    .index-about-us > .image {width:100%;display: flex;aspect-ratio:2 / .7;background-position: right center;background-repeat: no-repeat;background-size: contain;}
    .index-about-us > .emptybar.x2 {display:none !important; }
    .index-about-us > .emptybar.x3 {height: 25px; }
    .index-about-us > .aboutcontent {padding: 0 20px;}
    .index-about-us > .aboutcontent > .pagedetail {width: 100%;padding-right: 0;} 
    
    .index-about-us > .aboutcontent > .pagedetail > strong {font-size:30px;}
    
    
    section.services > strong {font-size:30px;}
    section.services > .emptybar.x2 {height: 0;} 
    section.services > ul {margin-top: 20px;}
    section.services > .emptybar.x3 {height:25px;} 
    
    
    .references > .emptybar.x3 {height:25px;} 
 }

@media screen and (max-width:680px) {
    footer .menucontent{display:none;}
    footer .footerright{ width:100%;}
    a.pull-btn{display:flex;}
    .post-aside{position: absolute;}
	.post-aside > ul{ display: none; }
	.post-aside.active > ul{ display: block; }
    .post-aside > ul > li{margin-bottom:0;border-bottom: .1px solid #464646; }
    .post-aside > ul > li > a{padding:20px 10px;}
    
    .page-container > .post > .has-menu{padding-left:0;}
    
    
    .calltous > .phonesbox{flex-direction:column;padding-right: 0;margin:40px 0 0 0;}
    .calltous > .phonesbox .clickbox{margin-bottom: 20px;} 
 }

@media screen and (max-width:580px) {
    .contact-detail > div{width:100%;padding: 5px;}
    
    #iform .srow{display:flex;flex-direction: column;}
    #iform .srow .sw4.pr10,
    #iform .srow .sw4.pl10{padding: 0;margin: 0;width: 100%;margin-bottom: 10px;}
    
    #iform .srow.bttm{ display: flex;flex-direction: row; flex-wrap: wrap;}
    #iform .srow.bttm > .sw3{width: 50%}
    #iform .srow.bttm > .sw6{width: 100%}
    #iform .srow.bttm > .sw6 > button{max-width: 100%}
    
    
    ul.default-list > li {width:100%;}
    section.services > ul > li {width:100%;}
    
    footer .footerright {display:none;}
    footer .footerleft {width: 100%;text-align: center;align-items: center;}
    footer .footerleft > .logo {width: 50%;} 
    
    
    
}

@media screen and (max-width:510px) {
    .headertop .contactboxes {display: flex;flex-direction: row;} 
    .headertop .contactboxes > a span{display:none; } 
    .headertop .contactboxes > a{margin:0 4px; width: 27px;height: 27px;padding: 0;border:none;}
    
    .headertop .social a{ width: 30px;height: 30px; font-size:18px; }
    
}
@media screen and (max-width:450px) {
    
    a.more{font-size:12px;padding: 3px 20px;}
    
    
    header .right{flex-direction: column;} 
    header .right > .clickbox{margin:2px 0;}
    header .right > .clickbox.whatsapplink{display:none; } 
    
    section.services > ul > li > a > div > strong{font-size:15px;}
    
    ul.default-list > li > a > div > strong{font-size:15px;}

   
    
     .calltous > .big{font-size:30px;}
    .calltous > .large, .calltous > .small{font-size:17px;}
    
    
    
    section.references{padding:10px 20px 50px 20px;} 
    section.references > strong.referans_baslik{font-size:30px;} 
    section.references > span{line-height: 20px;padding: 0;} 
    section.references ul > li{width:50%;}
    
     footer .footerleft > .logo {width: 70%;} 
  
    
    
    
    .headercontent{padding: 0 2%;}
    header .logo{ width:55%;}
    
    
    #page-gallery > li{width:50%;}
	
    
}

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

.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:20px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:20px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width: 10px;height: 10px;display: flex;background: none;border-radius: 50%;margin: 2px;border: 1px solid #FFF;}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{background: #FFF;}.swiper-pagination-white .swiper-pagination-bullet-active{}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{top: 35px;left: 0;width: 100%;display: flex;flex-direction: row; align-items: center;justify-content: center;}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;z-index:1}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}
.swiper-button-prev.swiper-button-grey{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23CCCCCC'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next.swiper-button-grey{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23cccccc'%2F%3E%3C%2Fsvg%3E")}