@font-face {font-family: 'DM Sans 9pt';font-display: swap;src: url(/site_dosyalar/font/font.woff2) format('woff2');}
:root {
	--bgrenk: #F0F0F0;
	--metinrenk : #222222;
	--renkbir: #17543E;
	--renkbira: #17543Ed9;
	--renkiki: #D19C1D;
	--renkikia: #D19C1Dd9;
	--renkuc: #662e91;
	--renkuca: #662e91d9;
	--sitefont: 'DM Sans 9pt';
}
* {margin:0px; padding:0px; box-sizing:border-box;outline:none}
html,body{width:100%;min-height:100%;}
body{overflow-x:hidden;background-color:var(--bgrenk);font-family: 'DM Sans 9pt'; font-size:1em;color:var(--metinrenk)}
/* font-size-adjust: 0.5; */
::selection {color: var(--bgrenk);background: var(--metinrenk)}
::placeholder {color: var(--metinrenk);opacity: 1}
img {border:none;max-width:100%;height:auto;vertical-align:middle}
a {text-decoration:none;color:var(--renkbir)}
p {padding-bottom:7px;line-height:150%}

.gizli {display:none !important}

.renkbir{color:var(--renkbir) !important}
	.renkbirbg {background-color:var(--renkbir) !important}
.renkiki{color:var(--renkiki) !important}
	.renkikibg {background-color:var(--renkiki) !important}
.renkuc{color:var(--renkuc) !important}
	.renkucbg {background-color:var(--renkuc) !important}

.ufak{font-size:calc(1em - 0.2vw)}
.kucuk{font-size:calc(1em - 0.1vw)}
.buyuk{font-size:calc(1em + 0.4vw)}
.cokbuyuk{font-size:calc(1em + 0.7vw)}

.olumlusonuc, .hatalisonuc {padding:15px;line-height:1.4;font-size:1em;border-radius:12px;border:1px solid #d0d5dd;box-shadow:0 1px 2px rgba(16, 24, 40, 0.05), 0 1px 1px rgba(16, 24, 40, 0.03);margin:10px 0}
.olumlusonuc {background:#e4f8eb;border-color:#a0e6ba;color:#166534}
.olumlusonuc a{color:#166534;text-decoration:underline;font-weight:600}
.hatalisonuc {background:#fde8e8 !important;border-color:#f8afaf;color:#991b1b}
.hatalisonuc a{color:#991b1b;text-decoration:underline;font-weight:600}

/* tbl2flx modernize stilleri */
.flex-table{display:flex;flex-direction:column;width:100%;box-sizing:border-box}
.flex-row{display:flex;flex-wrap:wrap;align-items:stretch}
.flex-cell{flex:var(--tbl2flex-flex,1 1 0);max-width:var(--tbl2flex-max,none);box-sizing:border-box;min-width:0}
.flex-cell.header{font-weight:600}
@media (max-width:820px){.flex-cell{flex:1 1 50%;max-width:50%}}
@media (max-width:640px){.flex-cell{flex:1 1 100%;max-width:100%}}


#imgbekletme{display:none}
body.bekletme{pointer-events:none}
body.bekletme #anacerceve{opacity:0.7}
body.bekletme #imgbekletme{display: block;position: fixed;z-index: 1000;top: 50%;left: 50%;z-index:10000}

ul.none, ol.none{margin:0px;padding:0px;list-style-type:none}
ul,ol{margin-left:25px;padding-left: 25px}
.temizle {clear:both;}

@media only screen and (min-width: 640px) {.dskyok {display:none}}
@media only screen and (max-width: 640px) {.mblyok {display:none}}

.hizala{margin-left:auto;margin-right:auto}
.ortala{text-align:center}
.soladayali{text-align:left !important}
.sagadayali{text-align:right !important}
.pad{padding:10px}
.nopad{padding:0px}
.mar{margin:10px}
.nomar{margin:0px}
button:disabled, input:disabled, textarea:disabled {opacity: 0.5;filter: grayscale(1);cursor: not-allowed}

.maxgenislik{width:100%;}
.tamgenislik{width:100%;max-width:1400px;margin:0 auto}
	@media only screen and (max-width: 1400px) {.tamgenislik {padding-left:2.5% !important;padding-right:2.5% !important}}

#mobilyanlogoalan{display:none;width:100%;text-align:center;margin:7px 0px;}
#logo a img{max-width:300px;height:auto}
#t_mobillogoalan{text-align:center}
#t_logoalan a{display:table;width:100%;}
.txtlogo {font-size: calc(1em + 0.5vw);display: flex;flex-direction: column;justify-content: center}
.txtlogo div:nth-child(1) {font-weight: bold;font-size: 1.5em}

#t_mobillogoalan .txtlogo, #mobilyanlogoalan .txtlogo{font-size:30px;font-size:calc(1em + 1vw)}

#t_footer {}
#cpyr,#yapimcibilgisi{text-align:left;color:var(--renkbir)}
#cpyr{font-family:verdana;font-size:14px}
#yapimcibilgisi{text-align:right;}
#yapimcibilgisi a{color:var(--renkbir)}

#anatasiyici figure {position:relative}
#anatasiyici figure figcaption {position: absolute;bottom: 0.2vw;left: 0.2vw;background-color: #fff;padding: 1%;opacity: 0.5;font-size: 0.8em}

#aramaformu {display: inline-block;float: right;margin-top: 15px;position: relative}
#aramaformu input {border: #ccc 1px solid;padding: 5px;height:48px}
#aramaformu button {border: #ccc 1px solid;border-left: none;background: #f2f2f2;cursor: pointer;vertical-align: top;width: 48px;height: 48px;position: relative;left: -5px}
#aramaformu button span {font-family: monospace;font-size: 35px;line-height: 20px;transform: rotate(110deg);display: inline-block}

.saklimetin:not(.gosteriliyor) span:after {content: attr(data-before) attr(data-baglam) attr(data-after);display: none}
.saklimetin:hover span:nth-child(1) {display:none}
.saklimetin:not(.gosteriliyor):hover span:after {display: inline-block}

blockquote {position: relative;z-index: 1;margin-bottom: 30px;margin-top: 30px;background-color: #f8f8f8;padding: 30px 30px 35px}
blockquote::before {content: "";position: absolute;top: 0;left: 0;width: 3px;height: 100%;background-color: var(--renkbir)}
blockquote::after {content: "”";color: var(--renkbir);font-size: 100px;line-height: 1px;display: block;position:absolute;bottom:-10px;right:10px}

dl#qa dt {display: flex;justify-content: space-between;font-weight: bold;line-height: 1.5em;padding: 7px;border: #ccc 1px solid;border-bottom: none;background-color: #f9fafa;cursor: pointer}
dl#qa dt:after {transition:0.5s;content: "\002B";font-size: 1.5em;color: #626262;font-weight: normal;border: #e5e5e5 1px solid;border-radius: 100%;width: 25px;height: 25px;line-height: 25px;display: inline-block;text-align: center}
dl#qa dt:hover:after{transform: rotate(45deg)}
dl#qa dd {transition: all 0.5s ease-in-out;font-size:0.9em;margin-bottom: 25px;border: #ccc 1px solid;border-top: none;max-height:1px;overflow: hidden}
dl#qa dt:hover + dd, #icerik .ualan dd:hover {max-height:100px;padding: 7px}



#t_mm #menu-toggle{display:none}
#t_mm .menu-icon{display:none;flex-direction:column;justify-content:space-around;width:30px;height:24px;cursor:pointer;z-index:999999}
#t_mm .menu-icon span{display:block;height:3px;border-radius:2px;background:#333;transition:transform .3s ease,opacity .5s ease}
#t_mm:before {display: block;content: "";position: fixed;top:-100vh;background-color: rgba(0, 0, 0, 0.8);opacity:0;transition:opacity .3s ease}
#t_mm:has(#menu-toggle:checked)::before{opacity:1;pointer-events:auto;top: 0;left: 0;right: 0;bottom: 0}
html:has(#t_mm #menu-toggle:checked), body:has(#t_mm #menu-toggle:checked){overflow:hidden}
@media (max-width: 720px) {
	#t_mm .menu-icon {display: flex;position: relative;z-index: 999999}
	#t_mm #menu-toggle:checked + .menu-icon span:nth-child(1) {transform: rotate(45deg) translate(5px, 5px)}
	#t_mm #menu-toggle:checked + .menu-icon span:nth-child(2) {opacity: 0}
	#t_mm #menu-toggle:checked + .menu-icon span:nth-child(3) {transform: rotate(-45deg) translate(6px, -6px)}
	#t_mm nav.t_menubir{position:fixed;transition:transform .5s ease;z-index:999998;display:block;overflow-y:auto;overscroll-behavior:contain;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.18);padding:16px 12px}
	#t_mm #menu-toggle:checked + .menu-icon + nav.t_menubir{transform:translate(0,0);transform:scale(1)}
	#t_mm[data-menu="left"] nav.t_menubir{top:0;left:0;width:320px;height:100vh;transform:translateX(-105%)}
		#t_mm[data-menu="left"] #menu-toggle:checked + .menu-icon {position: fixed;top: 10px;left:290px}
	#t_mm[data-menu="top"] nav.t_menubir{top:0;left:0;right:0;width:100vw;transform:translateY(-105%)}
		#t_mm[data-menu="top"] #menu-toggle:checked + .menu-icon {position: fixed;top: 10px;right: 10px}
	#t_mm[data-menu="overlay"] nav.t_menubir{top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;transform:scale(0);padding:24px 16px;box-shadow:none}
		#t_mm[data-menu="overlay"] #menu-toggle:checked + .menu-icon {position: fixed;top: 10px;right: 10px}
}

/* Web Form */
#t_iletisimformu {--inputpadding: 15px}#t_iletisimformu h2 {margin-bottom:20px}
#t_iletisimformu form {display:flex;flex-wrap:wrap}
#t_iletisimformu form label {position:relative;display:block;width:100%;margin-bottom:20px}
#t_iletisimformu form label.iformeposta, #t_iletisimformu form label.iformtelefon {width:50%}
#t_iletisimformu form label.iformeposta{padding-right:8px}
#t_iletisimformu form label.iformtelefon{padding-left:8px}
#t_iletisimformu form input:not([type="checkbox"]), #t_iletisimformu form textarea {border:#d3d3d3 1px solid;border-radius:10px;width:100%;font-size:1em;padding:var(--inputpadding)}
	/* Floating placeholder */
#t_iletisimformu .floating-placeholder {position:absolute;left:var(--inputpadding);transform-origin:left center;transform:translateY(calc(var(--inputpadding) * 0.8));pointer-events:none;opacity:.75;transition: all .5s ease}
	/* Focus */
#t_iletisimformu form label:focus-within .floating-placeholder{transform:translateY(calc(-1.2 * var(--inputpadding))) translateX(calc(-0.5 * var(--inputpadding))) scale(.8);opacity:0.8}
	/* Dolu */
#t_iletisimformu form label:has(input:not(:placeholder-shown)) .floating-placeholder, #t_iletisimformu form label:has(textarea:not(:placeholder-shown)) .floating-placeholder{transform:translateY(calc(-1.2 * var(--inputpadding))) translateX(calc(-0.5 * var(--inputpadding))) scale(.8);opacity:0.8}
label#formcaptcha {display: flex !important;flex-wrap: nowrap}
input#captchacode {width: calc(100% - 155px) !important}
label#formcaptcha div {display: flex;flex-wrap: nowrap;align-items: center}
	/* Form sonuç */
#t_iletisimformu #frmsonuc {width: 95%;margin-left:auto;margin-right:auto;max-width: 640px;text-align:center}
#t_iletisimformu #frmsonuc p {padding:0}
#t_iletisimformu input[type="submit"]:disabled {opacity:0.5;pointer-events:none}

/* iletişim bilgileri */
#iletisimbilgiler {font-style:normal}
#iletisimbilgiler > p {margin:0 0 14px;padding:12px 14px;border:#d3d3d3 1px solid;background-color:#fff;border-radius:10px}
#iletisimbilgiler strong.buyuk {display:flex;align-items:center;gap:8px;margin-bottom:6px}
#iletisimbilgiler strong.buyuk span[class^="icofont-"]{font-size:1.2em}
#iletisimbilgiler > p:not(#iletisimadresler) {display:flex;flex-wrap:wrap;gap:6px 12px}
#iletisimbilgiler > p:not(#iletisimadresler) > strong{flex:0 0 100%}
#iletisimbilgiler a {text-decoration:none;white-space:nowrap}
	/* kutu animasyonları */
#iletisimbilgiler > p {position:relative;overflow:hidden;transition:0.5s}
#iletisimbilgiler > p::before {content:"";position:absolute;left:0;bottom:0;width:100%;height:0;background:var(--renkbir);z-index:0;transition:0.5s}
#iletisimbilgiler > p > * {position:relative;z-index:1}
#iletisimbilgiler > p:hover::before {height:100%}
#iletisimbilgiler > p:hover{color:#fff}
#iletisimbilgiler > p:hover a {color:#fff}

/* Harita yerleşimi */
section#haritaalani {position:relative;text-align:center}
section#haritaalani .t_frame {position:relative}
section#haritaalani h2 {margin-bottom:20px}
section#haritaalani iframe {width: 100%;height: 100%}
#haritamodal {position: absolute;top: 0;left: calc(50% - 160px);padding: 10px;width: 320px;overflow: hidden;text-align: center;background-color: #fff;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;box-shadow: #000 0px 5px 10px -6px;display: flex;gap: 10px;flex-direction: row;flex-wrap: nowrap;align-items: center}
#haritamodal p:first-of-type {padding-top: 7px;line-height: 12px;}
#haritamodal p span {color: #888;font-size: 10px;margin-top: 10px;display: inline-block}
#yoltarifi {width: 40px;min-width: 40px;height: 40px;min-height: 40px;margin: 0 auto;background-color: var(--renkbir);color: #fff;font-size: 16px;display: flex;flex-direction: row;justify-content: center;align-items: center;border-radius: 50%;box-shadow: #888 0px 0px 15px -6px;flex: 0}
#yoltarifi svg {fill:var(--bgrenk)}
.butonlastir {position: relative;display: inline-block;background: var(--renkbir);border-radius: 5px;overflow: hidden;transition: all 0.5s ease-in-out;z-index: 1;color: #fff;padding: 10px 25px 10px 25px}
.butonlastir:after, .butonlastir:before {content: '';display: block;position: absolute;top: 0;bottom: 0;width: 0;height: 100%;background: var(--renkiki);transform: skew(15deg);transition: all 0.4s ease-in-out;z-index: -1}
.butonlastir:before {left: -10px}
.butonlastir:after {right: -10px}
.butonlastir:hover {background-color: transparent;}
.butonlastir:hover:before, .butonlastir:hover:after {width: 60%}
.butonlastir p {padding:0}
.butonlastir a {color:#fff}

.imganim {position:relative;overflow:hidden}
.imganim:after {content: "";position: absolute;width: 200%;height: 0%;left: 50%;top: 50%;background-color: rgba(255, 255, 255, .3);transform: translate(-50%, -50%) rotate(-45deg);z-index: 0}
.imganim:hover:after {height: 250%;transition: all 600ms linear !important;background-color: transparent}

/*section:not(:first-of-type) {margin-top:55px;margin-bottom: 55px;padding:55px 0}*/
body.anasayfa section:not(:first-of-type) {margin-top: 55px;margin-bottom: 55px;padding: 55px 0}
body:not(.anasayfa) section {margin-top: 55px}

hgroup p {color: var(--renkuc);font-size: 1em;font-weight: bold;text-transform: uppercase}
hgroup h1 {color: var(--renkuc);display: inline-block;padding-bottom: 15px;position: relative;font-size: calc(1.5em + 1vw);font-weight: bold;margin-bottom: 20px}
hgroup h1:before {content: "";position: absolute;left: 0;bottom: 0;height: 5px;width: 55px;background-color: var(--renkuc)}
hgroup h1:after {content: "";position: absolute;left: 0;bottom: 2px;height: 1px;width: 95%;max-width: 255px;background-color: var(--renkuc)}

hgroup.renk p {color: var(--renkiki);font-size: 1em;font-weight: bold;text-transform: uppercase}
hgroup.renk h1 {color: #fff;display: inline-block;padding-bottom: 15px;position: relative;font-size: calc(1.5em + 1vw);font-weight: bold;margin-bottom: 20px}
hgroup.renk h1:before {content: "";position: absolute;left: 0;bottom: 0;height: 5px;width: 55px;background-color: var(--renkiki)}
hgroup.renk h1:after {content: "";position: absolute;left: 0;bottom: 2px;height: 1px;width: 95%;max-width: 255px;background-color: var(--renkiki)}

header#header {}
#ustbar {background-color:var(--renkuc);padding: 10px 0}
#ustbar * {color:#fff}
#ustbar .tamgenislik {display: flex;gap: 15px;flex-direction: row;justify-content: flex-end;align-items: center}
#ustbar .tamgenislik div:not(:last-of-type) {border-right:#888 1px solid;padding-right:15px}
#ustbar #usttelefon {display: flex}
#ustbar #ustsosyalaglar a {margin-right:7px}

#ustalan {padding:15px 0;background-color:#fff}
#ustalan .tamgenislik {display: flex;justify-content: space-between;align-items: center;flex-direction: row;flex-wrap: wrap}
#ustalan #logo img {max-height:100px;width: auto}
#ustalan #ustmenu, #t_mm {display: flex;gap: 25px;align-items: center}
#ustalan nav.t_menubir ul {display: flex;gap: 25px;font-size: 1.1em}
#ustalan a.bursbutton {transition:0.5s;border: #ccc 1px solid;padding: 10px 15px;font-weight: bold;color: #595959}
#ustalan a.bursbutton:hover {color:var(--renkuc);border-color:var(--renkuc)}

.t_sayfayolu * {font-size: min(3vw, 1em)}
.t_sayfayolu {display:flex;flex-direction: row;flex-wrap: wrap;align-items: center;gap: 10px}
.t_sayfayolu li:nth-child(1) {border-radius: 500%;padding: 10px;width: 37px;height: 37px;background-color: var(--renkuc)}

footer#footer {background-color:var(--renkuc);margin-top:55px;padding:55px 0}
footer#footer * {color:#fff}
footer#footer .tamgenislik {display: flex;flex-direction: row;flex-wrap: wrap;align-items: flex-start}
footer#footer .tamgenislik > div, footer#footer .tamgenislik > address {flex-basis:max(25%, 260px);flex-grow:1}
footer#footer .baslik {color: #fff;display: inline-block;padding-bottom: 5px;position: relative;font-size:1.2em;font-weight: bold;margin-bottom: 10px}
footer#footer .baslik:before {content: "";position: absolute;left: 0;bottom: 0;height: 3px;width: 40px;background-color: var(--renkiki)}
footer#footer .baslik:after {content: "";position: absolute;left: 0;bottom: 1px;height: 1px;width: 95%;max-width: 255px;background-color: var(--renkiki)}

footer#footer #altlogo .t_mobillogoalan {margin-bottom:10px}
footer#footer #altlogo img {max-height:75px;width:auto}
footer#footer #footermenu li {margin-bottom:10px}
footer#footer #footermenu, footer #footeriletisim {text-align:center}
footer#footer #footeriletisim div {margin-bottom:10px}
footer#footer #footeriletisim .t_sosyalaglar {transform: scale(1.5);margin-top: 15px;padding-top: 10px;border-top: #7f88a2 1px solid;display: inline-block}

footer#footer #f_cta {background-color: var(--renkiki);width: 260px;height: 260px;padding:20px;border-radius: 15px}
footer#footer #f_cta .icobar {display: flex;gap: 10px;justify-content: flex-start;align-items: center}
footer#footer #f_cta .icobar .icon {display: inline-flex;width: 50px;min-width: 50px;max-width: 50px;height: 50px;min-height: 50px;max-height: 50px;background-color: #fff;border-radius: 50%;justify-content: center;align-items: center;}
footer#footer #f_cta .icobar .bslk {font-weight: bold;font-size: 1.1em;}
footer#footer #f_cta .aciklama {margin: 20px 0}
footer#footer #f_cta .cta {display: flex;flex-direction: row;flex-wrap: nowrap;align-items: stretch;justify-content: center}
footer#footer #f_cta .cta a {background-color: #fff;display: block;width: 100%;border-radius: 7px;padding: 10px;color: var(--renkuc);text-align: center;font-weight: bold;font-size: 0.85em;transition:0.5s}
footer#footer #f_cta .cta a:hover {background-color:var(--renkuc);color:#fff}
footer#footer #f_cta .cta a:nth-child(1) {border-right: var(--renkuc) 1px solid;border-top-right-radius: 0;border-bottom-right-radius: 0}
footer#footer #f_cta .cta a:nth-child(2) {border-left: var(--renkuc) 1px solid;border-top-left-radius: 0;border-bottom-left-radius: 0}
/* MODULER */