@font-face {font-family: 'Arimo';src: url(/site_dosyalar/font/font.woff2) format('woff2');font-weight: normal;font-style: normal;font-display: swap}
:root {
	--bgrenk: #FFFFFF;
	--metinrenk : #000010;
	--renkbir: #EB1D22;
	--renkbira: #EB1D22d9;
	--renkiki: #040404;
	--renkikia: #040404d9;
	--renkuc: #FFFFFF;
	--renkuca: #FFFFFFd9;
	--sitefont: 'Arimo';
}
* {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: 'Arimo'; 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}
.sr-only {position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;  clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !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(1.1em + 0.3vw)}
.cokbuyuk{font-size:calc(1.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}

#scrollToTopBtn {display: flex;opacity:0;position: fixed;z-index:99999999;bottom: 20px;right: 20px;width: 50px;height: 50px;background-color: var(--renkiki);color: white;border: none;border-radius: 50%;align-items: center;justify-content: center;cursor: pointer;transition: all 0.5s ease}
#scrollToTopBtn:hover {background-color: var(--renkbir)}
#scrollToTopBtn.show {opacity: 1}
#scrollToTopBtn span {transform: rotate(-90deg);font-size: 45px;position: relative;left: -3px}

.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}
*/
.t_aramaformu {position:relative}
.t_aramaformu .search-term {position: absolute;bottom: 14px;border: none;background: #f9f9f9}

.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;z-index:99;top:-100vh;background-color: rgba(0, 0, 0, 0.8);opacity:0;backdrop-filter: blur(4px);transition:opacity .3s ease}*/
#t_mm .menu-overlay{display: block;content: "";position: fixed;z-index:99;top:-100vh;background-color: rgba(0, 0, 0, 0.8);opacity:0;backdrop-filter: blur(4px);transition:opacity .3s ease}
html:has(#t_mm #menu-toggle:checked), body:has(#t_mm #menu-toggle:checked){overflow:hidden}
@media (max-width: 720px) {
	/*#t_mm:has(#menu-toggle:checked)::before{opacity:1;pointer-events:auto;top: 0;left: 0;right: 0;bottom: 0}*/
		#t_mm:has(#menu-toggle:checked) .menu-overlay{
opacity:1;pointer-events:auto;top: 0;left: 0;right: 0;bottom: 0
	}
	#t_mm .menu-icon {display: flex;position: relative;z-index: 999999}
	#t_mm #menu-toggle:checked + .menu-icon span:nth-child(2) {transform: rotate(45deg) translate(5px, 5px)}
	#t_mm #menu-toggle:checked + .menu-icon span:nth-child(3) {opacity: 0}
	#t_mm #menu-toggle:checked + .menu-icon span:nth-child(4) {transform: rotate(-45deg) translate(6px, -6px)}
	#t_mm nav.t_menu{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 ~ nav.t_menu{transform:translate(0,0) scale(1)}
	#t_mm[data-menu="left"] nav.t_menu{top:0;left:0;width: 85%;max-width:320px;height:100vh;transform:translateX(-105%)}
		#t_mm[data-menu="left"] #menu-toggle:checked + .menu-icon {position: fixed;top: 10px;left:280px}
	#t_mm[data-menu="top"] nav.t_menu{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_menu{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}
}

#pgloader{position:fixed;inset:0;background:#fff;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .2s ease}
#pgloader.loaded{opacity:0;pointer-events:none}


.plt{width:100px;height:100px;border-radius:50%;border:3px solid rgba(0,0,0,.10);border-top-color:var(--renkbir);border-right-color:var(--renkuc);border-bottom-color:var(--renkiki);animation:spin .75s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

.animatif-btn {position: relative;display: inline-block;color: #fff !important;cursor: pointer;z-index: 1;transition: all 0.5s ease}
.animatif-btn:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.5;z-index: -1;background-color: #fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: left top;-moz-transform-origin: left top;-o-transform-origin: left top;transform-origin: left top}
.animatif-btn:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background: #222;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: left top;-moz-transform-origin: left top;-o-transform-origin: left top;transform-origin: left top}
.animatif-btn:hover::before {-webkit-transform: scaleY(1);transform: scaleY(1)}
.animatif-btn:hover::after {-webkit-transition-delay: 0.2s;transition-delay: 0.2s;-webkit-transform: scaleY(1);transform: scaleY(1)}
.kirmizi-btn {line-height: 25px;padding: 3px 15px;font-size: 0.9em;font-weight: bold;background-color: var(--renkbir)}

.shine {position: relative;display: block;overflow: hidden;clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 90%, 0% 0%)}
.shine:before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);-webkit-transform: skewX(-25deg);-ms-transform: skewX(-25deg);transform: skewX(-25deg)}
.shine:hover:before {-webkit-animation: shine 1s;animation: shine 1s}
.shine img {width: 150%;max-width: unset;position: relative;left: -45%}
	@keyframes shine { 100% {left: 125%} }

.x2{font-size:2em}
.x3{font-size:3em}
.x4{font-size:4em}

.beyaz {color: white !important}

.ikilikutu{display:inline-block;vertical-align: top;width:47%;min-width:300px;padding:10px;}
.uclukutu{display:inline-block;width:30%;min-width:250px;padding:10px;}
.dortlukutu{display:inline-block;width:calc(calc(100% / 4) - 20px);padding:10px;}
.aragenisalan {width:100vw;position: relative;left: 50%;right: 50%;margin-left: -50vw;margin-right: -50vw;}
.ikilidiv, .ucludiv, .dortludiv{display:inline-block;padding:1%;margin:1%;width:calc(96% / 2);overflow:hidden}
.ucludiv{display:inline-block;padding:1%;margin:1%;width:calc(94% / 3)}
.dortludiv{display:inline-block;padding:1%;margin:1%;width:calc(92% / 4)}
@media only screen and (max-width:720px){.dortludiv{width:calc(94% / 3)}}
@media only screen and (max-width:640px){.ucludiv, .dortludiv{width:calc(96% / 2)}}
@media only screen and (max-width:480px){.ikilidiv, .ucludiv, .dortludiv{display:block;padding:1%;margin:1%;width:100%}}

#ustbar {background-color:#222534;height:40px;line-height:40px;}
#ustbar .tamgenislik, #ustalan .tamgenislik {display:flex;flex-direction:row;justify-content:space-between;}
#ustbar a {font-size:0.9em;transition:all 0.7s ease-in-out;color:#ccc;margin-right:12px;}
#ustbar a:hover {color:var(--renkbir);}
#ustbarsol a i {color:var(--renkbir);}
#ustbarsag div {display:inline-block;}

#menubir {position:relative;}
#menubir #t_mm {position:relative;}
#menubir .t_menu > ul {display:flex}
#menubir .t_menu > ul > li.ustmenuli {padding:0 10px;}
#menubir .t_menu ul li {display:inline-block;line-height:55px;transition:background-color 1s ease-in-out;white-space:unset;}
#menubir .t_menu li a {transition:all 0.5s ease-in-out;color:#282828;font-weight:bold;font-size:0.85em;display:block;position:relative;padding:10px;}
#menubir .t_menu li:hover > a {color:#fff;}
#menubir .t_menu ul li:hover {background-color:var(--renkbir);}
#menubir .t_menu ul ul {top:unset;opacity:0;visibility:hidden;transition:all 0.7s ease-in-out;border-top:var(--renkbir) 2px solid;box-shadow:#888 0px 0px 15px -5px;background-color:#fff;position:absolute;z-index:13;top:100%;left:0;width:210px;}
#menubir .t_menu ul li:hover > ul {top:100%;opacity:1;visibility:visible;}
#menubir .t_menu li li {display:block;}
#menubir .t_menu ul ul ul {top:0;left:110%;}
#menubir .t_menu ul ul li:hover > ul {top:0;left:100%;}
#menubir .t_menu ul ul li a {color:#040404;font-weight:unset;}
#menubir .t_menu ul ul li {line-height:normal;border-bottom:#e6e6e6 1px solid;}

#menubir .t_menu ul li:has(> ul) {position:relative;padding-right:15px;}
#menubir .t_menu ul li:after {position:absolute;top:10px;right:0;transition:all 0.5s ease;}
#menubir .t_menu ul li:hover:after {color:#fff;}
#menubir .t_menu > ul > li.ustmenuli:has(> ul):after {font-family:"IcoFont";content:"\ea99";}
#menubir .t_menu ul ul li:has(> ul):after {font-family:"IcoFont";content:"\eaa0";}

.t_aramaformu {position: relative;display: inline-block;z-index: 10}
.t_aramaformu .aramaform {position: absolute;top: calc(50% - 19px);right: 0;display: flex;align-items: center;background-color: var(--renkuca);border-radius: 25px;overflow: hidden;transition: width 0.3s ease, padding 0.3s ease, background-color 0.3s ease, border 0.3s ease;width: 25px;padding: 4px;box-sizing: border-box}
.t_aramaformu:hover .aramaform,.t_aramaformu .aramaform:focus-within {width: 200px;background-color: var(--bgrenk);border: var(--renkiki) 1px solid}
.t_aramaformu .aranacak {border: none;outline: none;background-color: transparent;color: var(--metinrenk);width: 0;opacity: 0;padding: 4px 0;transition: width 0.3s ease, opacity 0.3s ease, padding 0.3s ease;font-size: 14px;min-width: 0;box-sizing: border-box}
.t_aramaformu:hover .aranacak,.t_aramaformu .aramaform:focus-within .aranacak {width: 160px;opacity: 1;padding: 4px 8px}
.t_aramaformu .btn {background: none;border: none;color: var(--renkiki);cursor: pointer;font-size: 16px;padding: 0 6px;transition: color 0.3s ease;flex-shrink: 0}
.t_aramaformu .btn:hover {color: var(--renkbir)}
.t_aramaformu .btn span {display: none}
.t_aramaformu .btn::before {content: "";display: block;width: 16px;height: 16px;background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23222534" viewBox="0 0 16 16"%3E%3Cpath d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001a1.007 1.007 0 0 0-.057.057l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.057-.057zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/%3E%3C/svg%3E');background-repeat: no-repeat;background-size: 16px 16px;background-position: center}
.t_aramaformu .aranacak::placeholder {color: gray;opacity: 1}
.t_aramaformu .search-term {display: none}

#altalan {background-color: #111;background-image: url(/site_dosyalar/statik/altalan-bg.png);background-position: top right;background-repeat: no-repeat;overflow:hidden}
#altalantasiyici {display: flex;margin-right: auto;margin-left: auto;position: relative}
#altalan-sol, #altalan-sag {width: 50%}
#haritatasiyici {display: flex;padding: 0 12px 0 0 !important;position: relative;width: 100%;height:100%;flex-wrap: wrap;align-content: flex-start}
#haritatasiyici iframe {width: 100%;height: 100%;border:none}
#altalan-tbl {align-content: center;align-items: center; padding:20px;position: relative;width: 100%;flex-wrap: wrap}
#altalan-tbl * {color:#fff}
#altalan-tbl2 {font-size:0.8em;margin-right: auto;margin-left: auto;position: relative;}
#altalan .altalan-clm {width:50%}
#altalan .altalan-txt {padding: 70px 0}
#altalan .altalan-txt i {color:#EB1D22 !important}
#altalan .altalan-txt p {margin-bottom: 11px;font-size: 0.8em}


#footer {padding-top:110px;display: flex;align-items: flex-start}
#footer-txt {display: flex}
#footer .uclukutu {flex: auto}
#footer a {transition: all 0.3s ease-in-out}
#footer a:hover {color:#EB1D22;margin-left:7px}
#logo-copy {background-color:#fff;padding:4px}

#yapimcibar {padding:25px 0}
/* MODULER */
#slideralan {position: relative;aspect-ratio: 16 / 5;overflow:hidden}
#slideralan .gykkItem img {object-fit: cover;aspect-ratio: 16 / 5}
#slideralan .caption {position: absolute;top: 0;left: 0;right: 0;bottom: 0;max-width: 640px;padding-left: max(10%, 15px);display: flex;flex-direction: column;justify-content: center}
#slideralan .onScreen .caption {animation-name: fadeInUp !important;text-shadow: 0px 0px 3px #7d7878;}
#slideralan .caption .buyuk span:first-of-type{background-color:#EB1D22;color:var(--renkiki)}
#slideralan .caption .buyuk span{padding:5px 15px;border:#EB1D22 1px solid; color:var(--renkiki)}
#slideralan .onScreen .caption .animated {animation-name:fadeInLeft}
#slideralan .onScreen .caption .animated.buyuk, #slideralan .onScreen .caption a {animation-name:zoomIn}
#slideralan .onScreen .caption .buyuk, #slideralan .onScreen .caption a {animation-delay:0.5s; animation-duration: 1s}
#slideralan .nav-button {opacity:0;transition:all 0.5s;background-color: rgba(255, 255, 255, 0.2);border-radius: 50%;font-size: 60px;width: 55px;height: 55px;line-height: 28px;text-align: center}
#slideralan:hover .nav-button {opacity:1}
#slideralan:hover .nav-button:hover {background-color:#EB1D22}
.fadeIn {animation: fadeIn 0.5s ease-in forwards}
	@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
.fadeOut {animation: fadeOut 0.5s ease-out forwards}
	@keyframes fadeOut {from {opacity: 1;}to {opacity: 0;}}
.fadeInUp {animation: fadeInUp 0.5s ease-out forwards}
	@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.fadeInLeft {animation: fadeInLeft 0.5s ease-out forwards}
	@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.zoomIn {animation: zoomIn 0.5s ease-out forwards}
	@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}


#sorgulamalar {padding:45px 0 110px 0}
#sorgulamalar .kututasiyici {display: flex;gap: 20px;flex-direction: row;flex-wrap: wrap;align-items: stretch;justify-content: center}
#sorgulamalar .he-kutu {flex-basis: calc(25% - 20px);min-width:200px;margin: 45px 0}
#sorgulamalar .he-kutu .he-gorsel {position: relative;display: block;overflow: hidden}
	#sorgulamalar .he-kutu .he-gorsel::before {position: absolute;top: 50%;left: 50%;z-index: 2;display: block;content: '';width: 0;height: 0;background: rgba(255, 255, 255, .2);border-radius: 100%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);opacity: 0}
	#sorgulamalar .he-kutu:hover .he-gorsel::before {-webkit-animation: circle .75s;animation: circle .75s}
		@keyframes circle {0% {opacity: 1;} 40% {opacity: 1;} 100% {width: 200%;height: 200%;opacity: 0;} }
#sorgulamalar .he-kutu .he-icerik {position: relative}
	#sorgulamalar .he-kutu .he-icerik .he-icerik2:before{background: #da2c46}
	#sorgulamalar .he-kutu .he-icerik .he-icerik2 {position: absolute;display: block;overflow: hidden;top: -20px;width: calc(100% - 30px);left: 15px;background: #fff;text-align: center;padding: 32px 15px 36px 15px;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);transition: all 500ms ease;z-index: 2}
	#sorgulamalar .he-kutu .he-icerik .he-icerik2:before {position: absolute;content: '';width: 100%;height: 0%;left: 0px;right: 0px;top: 0px;transition: all 500ms ease}
	#sorgulamalar .he-kutu:hover .he-icerik .he-icerik2:before {height: 100%}
	#sorgulamalar .he-kutu:hover .he-icerik .he-icerik2 {padding-bottom: 66px}
	#sorgulamalar .he-kutu .he-icerik .he-icerik2 .he-baslik {margin-bottom: 0px;transition: all 500ms ease}
	#sorgulamalar .he-kutu:hover .he-icerik .he-icerik2 .he-baslik {color: #fff;position: relative;z-index: 0}
	#sorgulamalar .he-kutu .he-icerik .he-icerik2 a {position: absolute;display: inline-flex;left: 50%;bottom: 20px;transform: translateX(-50%);z-index: 1;opacity: 0;flex-direction: row;align-items: center}
	#sorgulamalar .he-kutu:hover .he-icerik .he-icerik2 a {opacity: 1}
	#sorgulamalar .he-kutu .he-icerik .he-icerik2 a span {position: relative;display: inline-block;font-size: 13px;line-height: 15px;text-transform: uppercase;font-weight: 400;color: #fff;border-bottom: 1px solid #fff}
	#sorgulamalar .he-kutu .he-icerik .he-icerik2 a i {font-size: 12px;color: #fff;margin-left: 7px}


#karsilama {padding:110px 0;background-color:#f0f5f9}
#karsilama p {line-height: 1.9em; color:#666}
#karsilama b {color:var(--metinrenk)}


#a-hizmetlerimiz {padding:110px 0;background-image:url(/site_dosyalar/statik/a-hizmetbg.webp);background-repeat: no-repeat;background-size: cover}
#a-hizmetlerimiz .hizmettasiyici {display: flex;flex-direction: row;flex-wrap: wrap}
#a-hizmetlerimiz .hizmetkutu {flex-basis: calc(50% - 40px)}
#a-hizmetlerimiz .hizmetkutu {transition: background-image 0.5s ease-in-out;background-image:url(/site_dosyalar/statik/1px.png);background-repeat: no-repeat;background-size: cover;background-color:#fff;height: 274px;padding: 50px;margin:20px;position:relative}
#a-hizmetlerimiz .hizmetkutu:hover {background-image:var(--ah_bg);background-size: cover;background-position: center;background-repeat: no-repeat}
#a-hizmetlerimiz .hizmetkutu:hover * {transition: all 0.5s ease-in-out;color:#fff}
#a-hizmetlerimiz .hizmetkutu .hizmet-ic {position:relative;z-index:10}
#a-hizmetlerimiz .hizmetkutu .overlay {opacity:0;background-color:#000;display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}
#a-hizmetlerimiz .hizmetkutu:hover .overlay {opacity:0.5}
#a-hizmetlerimiz .hizmetkutu i {color:#EB1D22;float: left;margin: 11% 4% 4% 4%}
#a-hizmetlerimiz .hizmetkutu p {margin-bottom:4%;font-size:0.9em}
#a-hizmetlerimiz .hizmetkutu a {margin-left:22%}

#a-hizmetlerimiz .gykkSlide-dots .dot {width: 25px;height: 12px;margin: 2rem 12px;border-radius: 12px;z-index: 10;outline: 6px solid #ccc;outline-offset: -6px;box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);cursor: pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
#a-hizmetlerimiz .gykkSlide-dots .dot.active {animation: check 0.5s linear forwards;animation: check 0.5s linear forwards}
	@keyframes check { 50% { outline-color: #333; box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2); } 100% { outline-color: #333; box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0); } }


#yorumalan {padding:110px 0;background:url(/site_dosyalar/statik/yorumlar-bg.png);background-size:cover}
#yorumalan .ybaslik {position: relative;text-align: center;top: -45px;color: #fff;font-weight:normal;font-size: calc(1.2em + 1vw)}
#yorumalan .caption {top: 0;left: 0;right: 0;bottom: 0;background: unset;color: unset;text-align: unset;animation-name: none;animation-duration: 0s;animation-delay: 0s}
#yorumalan .a-yorum {background-color: #fff;width: 90%;margin: 0 auto;border-radius: 15px;height: 225px;overflow: hidden;padding: 30px;display: flex;position: relative}
#yorumalan .yorum-sol {display: inline-block;float: left;text-align: center;margin-right: 20px}
#yorumalan .yorum-img {display: block;width: 95px;height: 95px;margin: 0 auto;overflow: hidden}
#yorumalan .yorum-img img {border-radius: 100%}
#yorumalan .yorum-puan {color: #ffb300;font-size: 1.4em}
#yorumalan .yorum-puan i {margin: -5px}
#yorumalan .yorum-txt {color: #444;line-height: 1.4em}
#yorumalan .yorum-kisi {color: #EB1D22;font-weight: bold;font-size: 1.2em;padding-top: 10px}
#yorumalan .yorum-pos {margin-top: 10px;color: #444;font-size: 1.1em}
#yorumalan .a-yorum .icofont-quote-right {font-size: 4em;color: #ccc;position: absolute;bottom: 30px;right: 30px}
#yorumalan .gykkSlide {overflow: visible}
#yorumalan .gykkSlide-dots {position: relative;top: 50px}
#yorumalan .gykkSlide-dots .dot {transition: all 0.5s ease-in-out;width:15px;height:12px;border-radius:5px;background-color:#786f6f;border:none}
#yorumalan .gykkSlide-dots .dot.active {background-color: #EB1D22;width: 30px}


#a-sss {padding: 110px 0;background-color: #fff;background-image: url(/site_dosyalar/statik/a-sss.webp);background-position: 90% center;background-repeat: no-repeat}
#a-sss .sssbaslik {font-weight:normal;text-align: center;font-size: calc(1.2em + 1vw);margin-bottom:25px}
#a-sss #sss-tasiyici {position: relative}
#a-sss .sss-sc {width: 45%}
#a-sss .sss-s {display: flex;justify-content: space-between;width: 100%;background-color: #f0f0f0;padding: 4px 7px;margin-bottom: 15px;cursor: pointer;font-size: 1.1em;transition: all 0.9s ease}
#a-sss .sss-sc.aktif .sss-s {background-color:#EB1D22;color:#fff}
#a-sss .sss-s p {display: inline-block;line-height: 35px;padding: 0}
#a-sss .sss-c {position: absolute;top: 0;right: 0;width: 50%;opacity: 0;visibility: hidden;height: 1px;color: #fff;transition: all 0.5s ease-in-out}
#a-sss .sss-sc.aktif .sss-c {opacity: 1;visibility: visible;height: auto;color: #444}
#a-sss .sss-sc .icofont-plus, .sss-sc .icofont-minus {display:block;float:right;font-size:1.5em;line-height: 35px}
#a-sss .sss-sc.aktif .icofont-plus, .sss-sc .icofont-minus {display:none}
#a-sss .sss-sc.aktif .icofont-minus {display:block}