*{
	box-sizing: border-box;
}

html, body {
    max-width: 100%;
    overflow-x: clip;
    scroll-behavior: smooth;
    position: relative;
}
 
img, video, iframe, svg {
    max-width: 100%;
    height: auto;
}
a, p, input, select, textarea, table, td, th, span, h1, h2 h3, h4, h5, h6, body, button {font-family: "Inter", sans-serif;font-optical-sizing: auto;font-style: normal;font-display: swap;margin:0;} 
a:hover {
    text-decoration: none;
}
input, select, button, textarea {
    outline: none;
}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:5px;}
::-webkit-scrollbar-thumb{background:#E1251B;border-radius:5px;}
::-webkit-scrollbar-thumb:hover{background:#E1251B80;}
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 85%;
    margin: auto;
} 
img{
    object-fit:contain;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0;  
}
 strong{
 	font-weight: bold;
 } 
h1 {
 font-size: 65px;
 font-weight:600;
 line-height: 110%;
}
h2 {
 font-size: 50px;
 font-weight: 400;
 line-height: 130%;
 color: #414141;
 margin: 0;
 margin-bottom: 0rem;
 position:relative;
}
 h2.desen::before{
 	content:"";
 	position:absolute;
 }
h2.desen.active::before{
}
h2.desen{
	font-size: 20px;
	margin-bottom: 0rem;
	color: #E1251B;
	padding-left: 0;
	font-weight: 600;
	margin-top: 1rem;
	margin-bottom: 1rem;
	letter-spacing: 2px;
	text-transform: uppercase;
}
h3{
	margin-block-start:0;
}
h2 strong{color: #DE2431;display: block;}
h3 {font-size: 45px;line-height:120%;margin-bottom: 2rem;color: #06346F;font-weight: 500;}
h4 {font-size: 35px;font-weight: 300;}
h5 {
	font-size: 28px;
	font-weight: 500;
	color: #232324;
	line-height: 120%;
	margin-bottom: 2rem;
}
h6 {color: #000000;font-size: 25px;font-style: normal;font-weight: 600;line-height: 136%;letter-spacing: 0.125px;position: relative;}
p, li, a, td, th {
    list-style-position: outside;
    padding: 0;
    color: #000000;
    font-kerning: none;
    font-size: 19px;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: 0px;
}
p, a, td, th { 
    margin-bottom: 2rem;
}
li{
	margin-bottom:1rem;
}
span{color: #363636;font-kerning: none;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;letter-spacing: 0.16px;}
.row{
	margin:0;
	--bs-gutter-x: 0;
	--bs-gutter-y: 0;
}
 .points{cursor:pointer;}
 .pt-96{
 	padding-top:72px;
 }
 
 .pb-96{
 	padding-bottom:72px;
 }
 .pt-48{
 	padding-top:36px;
 }
 .pb-48{
 	padding-bottom:36px;
 }
 .padl-5{
 	padding-left:5%;
 }
 .padr-5{
 	padding-right:5%;
 }
 .mt-96{
 	margin-top:72px;
 }
 .mb-96{
 	margin-bottom:72px;
 }
 .mt-48{
 	margin-top:36px;
 }
 .mb-48{
 	margin-bottom:36px;
 }
 .ml-5{
 	margin-left:5%;
 }
 .mr-5{
 	margin-right:5%;
 }
 .w50{
 	width: 47.5%;
 	position:relative;
 }
 .w50:first-child{	
 	margin-right:2.5%;
 }
 .w50:last-child{	
 	margin-left:2.5%;
 }
 .w40:first-child{
 	margin-right:2.5%;
 }
 .w40:last-child{	
 	margin-left:2.5%;
 }
 .w60:first-child{	
 	margin-right:2.5%;
 }
 .w60:last-child{	
 	margin-left:2.5%;
 }
 .w50{
 	width: 47.5%;
 	position:relative;
 }
 .w40{
 	width: 37.5%;
 	position:relative;
 }
 .w30{
 	width:30%;
 	position:relative;
 } 
 .w20{
 	width:20%;
 	position:relative;
 }
 .w10{
 	width:10%;
 	position:relative;
 }
 .w60{
 	width:57.5%;
 	position:relative;
 }
 .w70{
 	width:70%;
 	position:relative;
 }
 .w80{
 	width:80%;
 	position:relative;
 }
 .w90{
 	width:90%;
 	position:relative;
 }
 .w100{
 	width:100%;
 	position:relative;
 }
 .baslik-pb{
  	padding-bottom:48px
 }
 .baslik-mb{
  	margin-bottom:48px
 }    
#backtotop::after{
	content: "";
	position: absolute;
	animation: climp 2s infinite;
	transition: 0.5s;
	width: 120px;
	height: 120px;
	border: 1px solid #323232;
	border-radius: 50%;
	left: -15px;
	top: -15px;
}
#backtotop::before{
	content:"";
	position:absolute;
	animation:  climp2 2s infinite;
	transition: 0.5s;
	width: 100px;
	height: 100px;
	border: 1px solid #323232;
	border-radius: 50%;
	left: -5px;
	top: -5px;
}

@keyframes scale{
	0%{
		transform:scale(1)
	}
	50%{
	transform:scale(1.1)	
	}
	100%{
		transform:scale(1)
	}	
}
@keyframes climp{
	0%{
		transform:scale(1)
	}
	50%{
	transform:scale(1.1)	
	}
	100%{
		transform:scale(1)
	}	
}@keyframes climp2{
	0%{
		transform:scale(1)
	}
	50%{
	transform:scale(1.1)	
	}
	100%{
		transform:scale(1)
	}	
}
	#backtotop img{
	    width: 100%;
	}
	#backtotop{transition:0.5s;display:none;position:fixed;bottom: 50px;right: 50px;z-index:99;font-size:18px;border:none;outline:none;background:transparent;cursor:pointer;width: 90px;height: 90px;padding: 0;display: none!important;}
a{
	text-decoration:none;
}
@media (max-width: 900px){
#backtotop{
    width: 60px;
    height: 60px;
}
	
#backtotop::after{
	width: 90px;
	height: 90px; 
}
#backtotop::before{
	width: 70px;
	height: 70px;
}
}
	.mobile-menu-links ul li .panel-mm-acc ul li a{font-size:17px;}
	.opens .mobile-menu-links ul li{transform:translate(0,0);}
	.opens .mobile-menu-links ul li{opacity:1;}
	.opens .mobile-menu-kapat-logo .mm-kapat::before{-webkit-transform:translateY(-50%) rotate(225deg);-ms-transform:translateY(-50%) rotate(225deg);transform:translateY(-50%) rotate(225deg);-webkit-transition:0.9s cubic-bezier(.767, .01, .18, 1.01);-o-transition:0.9s cubic-bezier(.767, .01, .18, 1.01);transition:0.9s cubic-bezier(.767, .01, .18, 1.01);-webkit-transition-delay:1.2s;-o-transition-delay:1.2s;transition-delay:1.2s;}
	.opens .mobile-menu-kapat-logo .mm-kapat::after{-webkit-transform:translateY(-50%) rotate(135deg);-ms-transform:translateY(-50%) rotate(135deg);transform:translateY(-50%) rotate(135deg);-webkit-transition:0.9s cubic-bezier(.767, .01, .18, 1.01);-o-transition:0.9s cubic-bezier(.767, .01, .18, 1.01);transition:0.9s cubic-bezier(.767, .01, .18, 1.01);-webkit-transition-delay:0.9s;-o-transition-delay:0.9s;transition-delay:0.9s;}

@media (max-width: 1200px){
	.mm-acc{background-color:transparent;cursor:pointer;padding:8px 0 8px 0;width:100%;border:0;text-align:left;outline:0;transition:0.4s;color:#fff;font-weight:400;font-size:25px;}
	.mm-acc:hover{background-color:transparent;}
	.mm-acc:after{content:"\002B";color:#fff;font-weight:300;float:right;margin-left:5px;}
	.panel-mm-acc{padding:0 0;max-height:0;overflow:hidden;transition:max-height 0.2s ease-out;}
	.panel-mm-acc ul li a{font-size:20px;}
	.panel-mm-acc ul li:last-child{border-bottom:0;}
}
@media (max-width: 500px){
	.mm-acc{font-size:20px;}
	.panel-mm-acc ul li a{font-size:20px;}
}
	.mobile-menu-links ul li .panel-mm-acc ul li a{position:relative;font-size:17px;margin-left: 20px;border-bottom:1px solid #00000030} 
	.mobile-menu-links ul li .panel-mm-acc ul li a::after{
		content:"";
		position:absolute;
		width:8px;
		height:2px;
		background: #ffffff;
		left:-15px;
		top:10px
	} 
	.header-mobile .header-mobile-logo img{transition:0.5s;}
@media (min-width: 1200px){
	.header-mobile{display:none;}
} 
@media (max-width: 1200px){
		.header-mobile .seacrhmobile{
    width: 30%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
		.header-mobile .seacrhmobile .arama-btn{
    border: 1px solid #000;
}
		.header-mobile .seacrhmobile .arama-btn svg{}
		.header-mobile .seacrhmobile .arama-btn svg circle{}
		.header-mobile .seacrhmobile .arama-btn svg path{}
	.header-mobile .header-mobile-logo{width:50%;display:flex;align-items:center;justify-content:flex-start;padding-top:10px;}
	.header-mobile .header-mobile-katalog{width: 40%;display:flex;justify-content: end;align-items:center;padding-top: 10px;}
	.header-mobile .header-mobile-katalog a{
        display: flex;
        justify-content: center;
        align-items: center;
        font-size:20px;
        color:#ffffff;
        margin: 0;
        }
		.header-mobile .header-mobile-katalog a img{
			margin-right:15px;
			width: 38px;
			object-fit: contain;
		}
	.header-mobile .header-mobile-logo a{margin:0;}
	.header-mobile .header-mobile-logo img{width: 50%;/* filter: brightness(0) invert(1); */}
	.header-mobile .header-mobile-hamburger{width: 50%;display:flex;align-items: flex-end;justify-content:center;margin-left: 0%;flex-direction:column;transform: translate(0px, 6px);}
	.sidenav{height:100%;width:0;position:fixed;z-index:99999999999;top:0;left:0;background-color: #00385C;overflow-x:hidden;transition:0.5s;padding-top:60px;transition-delay:0.5s;}
	.mobile-menu-kapat-logo{border-bottom:2px solid #fff;position:relative;padding-bottom:20px;padding-left:2%;padding-right:2%;}
	.mobile-menu-kapat-logo .mm-logo{width:50%;display:flex;align-items:center;justify-content:flex-start;}
	.mobile-menu-kapat-logo .mm-kapat{width:50%;position:relative;}
	.mobile-menu-links{margin-top:5%;}
	.mobile-menu-links ul{padding-left:0;margin-bottom:0;}
	.mobile-menu-links ul li{list-style:none;border-bottom: 1px solid #ffffff;margin-bottom:20px;overflow:hidden;opacity:0;transition:1s;}
	.mobile-menu-links ul li a{font-size: 20px;color: #002f87;transition:1s;font-weight: 500;}
.mobile-menu-kapat-logo .mm-logo img{
	width:50%;
}
.mobile-menu-links h5{
	text-align:center;
	color: #ffffff;
	font-weight:bold;
}
.mobile-menu-links ul.social img{
	width:max-content;
}
.mobile-menu-links ul.social{
	display:flex;
	justify-content:center;
	gap: 25px;
}
.header-mobile.navbar-mobile-takip{
    padding: 5px;
}
	.header-mobile.navbar-mobile-takip img{
    width: 35%;
}


	
	 
}
@media (max-width: 500px){
	.mobile-menu-kapat-logo{padding-bottom:10px;padding-left:0%;padding-right:0%;}
	.mobile-menu-kapat-logo .mm-logo img{width:90%;}
	.mobile-menu-links ul li a{font-size:30px;}
	.header-mobile .header-mobile-logo img{width:60%;margin-bottom:10px;margin-top:10px;transition:0.5s;}
}
@media (max-width: 1200px){
	.header-mobile{position:fixed;top:0;left:0;z-index:99999999;transition:0.5s;width:100%;padding-top:1%;padding-bottom:1%;background: #00385C;}

}
@media (max-width: 900px){
	.mobile-menu-links ul li a{font-size:25px;}
}
@media (max-width: 600px){
	.mobile-menu-links ul li a{font-size:20px;}
}
.header-mobile-hamburger span:nth-child(2){
	background: #de2431;
}
	.mobile-menu-links ul li a, .mobile-menu-links ul li button a{color: #ffffff!important;}

	.header-mobile-hamburger span{width: 50px;height: 5px;background: #ffffff;display:inline-block;margin-bottom:6px;border-radius:10px;}
	.mobile-menu-links ul li:nth-child(1){transition-delay:1s;}
	.mobile-menu-links ul li:nth-child(2){transition-delay:1.1s;}
	.mobile-menu-links ul li:nth-child(3){transition-delay:1.2s;}
	.mobile-menu-links ul li:nth-child(4){transition-delay:1.3s;}
	.mobile-menu-links ul li:nth-child(5){transition-delay:1.4s;}
	.mobile-menu-links ul li:nth-child(6){transition-delay:1.5s;}
	.mobile-menu-links ul li:nth-child(7){transition-delay:1.6s;}
	.mobile-menu-links ul li:nth-child(8){transition-delay:1.7s;}
	.mobile-menu-links ul li:nth-child(9){transition-delay:1.8s;}
	.mobile-menu-links ul li:nth-child(10){transition-delay:1.9s;}
	.mobile-menu-links ul li a{display:block;margin-bottom: .5rem;}
	.mobile-menu-kapat-logo .mm-kapat::before,.mobile-menu-kapat-logo .mm-kapat::after{content:'';width:41px;height:4px;background:#fff;position:absolute;top:18px;right:0;-webkit-transform:translateY(-50%) rotate(0deg);-ms-transform:translateY(-50%) rotate(0deg);transform:translateY(-50%) rotate(0deg);-webkit-transition:0.9s cubic-bezier(.767, .01, .18, 1.01);-o-transition:0.9s cubic-bezier(.767, .01, .18, 1.01);transition:0.9s cubic-bezier(.767, .01, .18, 1.01);}

		.mobile-menu-kapat-logo .mm-kapat::before{
			background: #ffffff;
		}
		.mobile-menu-kapat-logo .mm-kapat::after{
			background: #de2431;
		}
.mm-acc:after{content:"\002B";color: #de2431;font-weight:300;float:right;margin-left:5px;}
.mm-acc.active-mm-acc:after{content:"-";color: #002f87;font-weight:300;float:right;margin-left:5px;}
@media (max-width: 900px){
	.mobile-menu-links ul li a{font-size:25px;}
}
 
 	.accordion-mm:after{content:'\002B';color:#fff;font-weight:100;float:right;margin-left:5px;}
	.accordion-mm.active-mm:after{content:'-T';color:#fff;font-weight:500;float:right;margin-left:5px;}

@media (max-width: 1200px){
	.mm-acc{background-color:transparent;cursor:pointer;padding:8px 0 8px 0;width:100%;border:0;text-align:left;outline:0;transition:0.4s;color: #000;font-weight: 600;font-size:25px;}
	.mm-acc:hover{background-color:transparent;}
	
	.panel-mm-acc{padding:0 0;max-height:0;overflow:hidden;transition:max-height 0.2s ease-out;}
	.panel-mm-acc ul li a{font-size:20px;}
	.panel-mm-acc ul li:last-child{border-bottom:0;}
}
@media (max-width: 500px){
	.mm-acc{font-size:20px;color: #000000 !important;font-weight: 500;}
	.panel-mm-acc ul li a{font-size:20px;}
} 
   .absollink{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index: 1;
}
  
.hata{
    border-color:red!important;
    border-width:3px!important;
}

.cta {
    display: flex;
    align-items: center;
    background-color: #ffcc00;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    border: 0;
    padding: .75rem 1rem;
    border-radius: 5rem;
    cursor: pointer;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.cta:hover {
    background-color: #000000;
}

.cta svg,.cta img {
    width: 20px;
    height: 25px;
    margin-right: .5rem;
    fill: #000;
    transition: transform .2s ease;
    object-fit: contain;
}

.cta-fixed-wrap.cta1 {
    bottom: 15%;
}

.cta-fixed-wrap.cta2 {
    bottom: 45%
}

.cta-fixed-wrap a.absolcta {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    z-index: 9
}

.cta-fixed-wrap.cta4 button img{
    filter: brightness(0);
}
.cta-fixed-wrap.cta4 {
    bottom: 8%;
}
 
.cta-fixed-wrap.cta3 {
    bottom: 25%
}

.cta-fixed-wrap {
    position: fixed;
    right: 0;
    animation-delay: .8s;
    z-index: 999;
    text-align: right;
    float: right;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    border-top-right-radius: 0
}

.cta--fixed {
    transition: transform .2s ease
}

.cta--fixed span {
    display: block;
    transition: transform .2s ease;
    color: #000;
    margin: 0
}
.cta--fixed:hover span { 
    color: #fff; 
}
.cta--fixed:hover svg  { 
    fill: #fff; 
}

body.scrolled .cta--fixed {
    transform: translateX(calc(100% - 55px + .35rem))
}

body.scrolled .cta--fixed span {
    transform: translateX(100%)
}

body.scrolled .cta--fixed svg {
    position: relative;
    left: -1px;
    margin: 0
}

body.scrolled .cta-fixed-wrap:hover .cta--fixed {
    transform: translateX(0%)
}

body.scrolled .cta-fixed-wrap:hover .cta--fixed span {
    transform: translateX(5%)
}
.popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(10, 15, 25, 0.72);
    backdrop-filter: blur(6px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    padding: 20px;
}

.popup-content {
    background: #ffffff;
    padding: 32px 28px;
    border-radius: 14px;
    max-width: 420px;
    width: 100%;
    position: relative;
    animation: popupFade .25s ease-out;
    box-shadow: 0 20px 60px rgba(0,0,0,0.25);
    border: 1px solid rgba(0,0,0,0.06);
}

.popup-content h3 {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.3px;
    color: #1a1a1a;
}

.popup-content p {
    margin: 0 0 10px 0;
    font-size: 11px;
    color: #666;
    line-height: 1.4;
}

.popup-content input,
.popup-content textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #e2e6ea;
    border-radius: 8px;
    margin-bottom: 10px;
    font-size: 14px;
    background: #fafafa;
    transition: all 0.2s ease;
    outline: none;
}

.popup-content input:focus,
.popup-content textarea:focus {
    border-color: #ffcc00;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.2);
}

.popup-content button {
    width: 100%;
    padding: 12px 16px;
    background: linear-gradient(135deg, #ffcc00, #e6b800);
    color: #1a1a1a;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    letter-spacing: 0.2px;
    transition: all 0.2s ease;
}

.popup-content button:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(255, 204, 0, 0.25);
}

.close-btn {
    position: absolute;
    top: 12px;
    right: 14px;
    font-size: 22px;
    cursor: pointer;
    color: #666;
    transition: 0.2s ease;
}

.close-btn:hover {
    color: #000;
    transform: rotate(90deg);
}

@keyframes popupFade {
    0% {
        transform: scale(0.92);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
 
.search-trigger { background: none; border: none; cursor: pointer; padding: 0; } 
.search-overlay {
  position: fixed; inset: 0;
  background: rgba(0,0,0,.55);
  display: flex; align-items: flex-start; justify-content: center;
  padding-top: 80px; z-index: 9999;
  opacity: 0; pointer-events: none;
  transition: opacity .25s ease;
}
.search-overlay.open { opacity: 1; pointer-events: all; }

.search-box {
  width: 100%; max-width: 640px;
  background: #fff; border-radius: 12px;
  border: 1px solid #e5e5e5; overflow: hidden;
  transform: translateY(-12px); transition: transform .25s ease;
}
.search-overlay.open .search-box { transform: translateY(0); }

.search-form { display: flex; align-items: center; padding: 0 16px; height: 56px; gap: 12px; }
.search-input { flex: 1; border: none; outline: none; font-size: 16px; background: transparent; }
.search-btn   { height: 34px; padding: 0 16px; border: 1px solid #ddd; border-radius: 8px; background: transparent; cursor: pointer; font-size: 13px; }
.search-btn:hover { background: #f5f5f5; }
.search-close { border: none; background: none; cursor: pointer; font-size: 20px; color: #888; padding: 4px; border-radius: 6px; }
.search-close:hover { background: #f5f5f5; }
.search-divider { height: 1px; background: #eee; margin: 0 16px; }
.search-hints  { padding: 12px 16px 14px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.hint-label    { font-size: 12px; color: #aaa; }
.hint-tag      { font-size: 12px; padding: 4px 10px; border-radius: 20px; border: 1px solid #e5e5e5; color: #666; cursor: pointer; background: #fafafa; }
.hint-tag:hover { border-color: #bbb; color: #333; }
 
 
.pusulabanner{overflow:hidden;min-height: 450px;background-attachment:fixed;background-position:top;background-repeat:no-repeat;position:relative;background-size:100% 60%;height: 450px;}
.pusulabanner .film{width:100%;height:100%;background:linear-gradient(45deg, #0B285F80, transparent);position:absolute;top:0;left:0;}
.pusulabanner img{height:100%;object-fit:cover;filter:blur(15px);transition-delay:1s;transition:2s;width:100%;}
.pusulabanner.active img{filter:blur(0);}
.pusulabanner .izlencetext{position:absolute;left:6%;bottom:15%;width:100%;transition:.5s;transition-delay:.5s;transition-timing-function:ease;z-index:9;}
.pusulabanner .izlencetext ul{list-style:none;padding:0;display:flex;justify-content:flex-start;margin-bottom:0;}
.pusulabanner .izlencetext ul li{margin-right:10px;}
.pusulabanner .izlencetext ul li a{display:flex;justify-content:center;align-items:center;}
.pusulabanner .izlencetext ul li a img{display:block;width:max-content;height:max-content;margin-right:10px;}
.pusulabanner .izlencetext ul li a{font-weight:400;letter-spacing:.02em;color:#fff;font-size:15px;font-weight:300;}
.pusulabanner h1{font-size:55px;font-weight:700;}
.pusulabanner.blog h1{
	font-size:28px;
}
@media (min-width: 1200px){
.pusulabanner img{/* display:none; */}
.pusulabanner img.masaustu{display:block;}
}
@media (max-width: 1200px){
.pusulabanner img{display:block;}
.pusulabanner .izlencetext{opacity:1!important;}
.pusulabanner{margin-top:100px;}
.pusulabanner img{width:100%;}
}
@media (max-width: 900px){ 
}
@media (max-width: 600px){
.pusulabanner .izlencetext{position:absolute;left:5%;bottom:30%;width:90%;}
.pusulabanner .izlencetext ul li{text-align:left;}
.pusulabanner img{object-position:30% 0;}
}
@media (max-width: 1682px){ 
}
@media (max-width: 1550px){
.pusulabanner .izlencetext ul{margin-bottom:1rem;} 
}
@media (max-width: 1400px){ 
}
@media (max-width: 1300px){
.pusulabanner .izlencetext ul{margin-bottom:1rem;} 
}
@media (max-width: 1200px){ 
.pusulabanner .izlencetext{width:80%;}
.pusulabanner .izlencetext ul li a{font-size:10px;} 
}
@media (min-width:900px){
.mobil{display:none;}
}
@media (max-width: 900px){
.mobil{display:block;}
.pusulabanner{min-height:300px;}
.pusulabanner .film{height:auto;}
.pusulabanner img{height:300px;}
.pusulabanner{height:300px;}
.pusulabanner .izlencetext ul li a{font-size:13px;}
.pusulabanner .izlencetext ul li{margin-bottom:0;}
}
@media (max-width: 600px){
.pusulabanner .film{opacity:0;}
.pusulabanner img{height:auto;}
.pusulabanner{height:auto;background:#072b4d!important;margin-top:2rem;}
.pusulabanner .izlencetext ul li{margin-right:0px;}
.pusulabanner .film{z-index:9;}
.pusulabanner .izlencetext{z-index:99;}
.pusulabanner img{object-position:50%!important;}
.pusulabanner{min-height:auto;}
}
@media (prefers-reduced-motion: reduce){
*,*::before,*::after{animation-duration:0.01ms!important;transition-duration:0.01ms!important;}
}
 
@media (max-width: 1681px){ 
.pusulabanner{min-height:550px;height:550px;}
}
@media (max-width: 1550px){ 
.pusulabanner{min-height:450px;height:450px;}
.pusulabanner .izlencetext{left:6%;bottom: 10%;}
}
@media (max-width: 1450px){ 
.pusulabanner{min-height:400px;height:400px;}
.pusulabanner h1{font-size:45px;font-weight:700;}
} 
@media (max-width: 1300px){ 
.pusulabanner{min-height: 350px;height: 350px;}
}
@media (max-width: 1200px){  
.pusulabanner{margin-top:80px;}
.pusulabanner h1{font-size:35px;font-weight:700;}
.pusulabanner .izlencetext ul li a{font-size:13px;margin:0;}
.pusulabanner .izlencetext ul li a img{display:block;width:20px;height:15px;margin-right:10px;object-fit:contain;}
.pusulabanner .film{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg, #1D366680, transparent);}
}
@media (max-width: 900px){
.masaustu{display:none;}
.mobil{display:block;}
.pusulabanner img{/* height: 190px; *//* object-fit: cover; */}
.pusulabanner{}
.pusulabanner h1{font-size:30px;font-weight:700;}
} 
@media (max-width: 600px){ 
.pusulabanner img{height:230px;object-fit:cover;width:100%;}
.pusulabanner .film{opacity:1;}
.pusulabanner .izlencetext ul{margin-bottom:.5rem;margin-top:.5rem;}
.pusulabanner{margin-top:60px;}
.pusulabanner h1{font-size:20px;font-weight:500;}
.pusulabanner .film{opacity:1;z-index:99;background:#1c376799;}
.pusulabanner .izlencetext ul li a{font-size:11px;margin:0;}
.pusulabanner .izlencetext{left:6%;bottom:15%;}
.pusulabanner .izlencetext ul{display:inline-block;}
.pusulabanner .izlencetext ul li{margin-right:0px;display:inline-block;width:max-content;}
}

.pusulabanner .desenkobanner{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30%;
    height: 100%;
    z-index: 9;
    opacity: 0;
    transition: .5s;
    transition-delay: 1s;
}
.pusulabanner .desenkobanner img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
.pusulabanner.active .desenkobanner{
    opacity: 1;
}
.anaslide{
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.anaslide .owl-anaslide{
    width: 100%;
    height: 100%;
}
.anaslide .owl-anaslide .owl-stage-outer,
.anaslide .owl-anaslide .owl-stage,
.anaslide .owl-anaslide .owl-item{
    height: 100%;
}
.anaslide .owl-anaslide .owl-dots{
	position:absolute;
	left: 0%;
	top: 32%;
	transform: rotate(90deg);
	display: flex !important;
	gap: 6px;
}
.anaslide .owl-anaslide .owl-dots .owl-dot{
}
.anaslide .owl-anaslide .owl-dots .owl-dot span{
	 background: #fefefe40;
	 width: 15px;
	 height: 15px;
}
.anaslide .owl-anaslide .owl-dots .owl-dot.active{
	 
}
.anaslide .owl-anaslide .owl-dots .owl-dot.active span{
	 background: #ffffff;
}
.anaslide .owl-anaslide .owl-dots .owl-dot:hover span{
	 background: #ffffff;
}
.anaslide .owl-anaslide .item{
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 640px;
    max-height: max-content;
    overflow: hidden;
}
.anaslide .owl-anaslide .item .bgs{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.anaslide .owl-anaslide .item .bgs img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transform: scale(1.08);
    transition: transform 8s ease;
}
.anaslide .owl-anaslide .item .bgs::after{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.35) 45%, rgba(0,0,0,0.15) 100%);
    z-index: 2;
}
.anaslide .owl-anaslide .owl-item.active .item .bgs img{
    transform: scale(1);
}
.anaslide .owl-anaslide .item .cont{
    position: relative;
    z-index: 3;
    max-width: 86%;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 0px;
}
.anaslide .owl-anaslide .item .cont h1{
	width: 50%;
	margin-bottom: 2rem;
	font-weight: 400;
}
.anaslide .owl-anaslide .item .cont p{
	width: 50%;
	margin-bottom: 2rem;
}
.anaslide .owl-anaslide .item .cont .cat,
.anaslide .owl-anaslide .item .cont h1,
.anaslide .owl-anaslide .item .cont p,
.anaslide .owl-anaslide .item .cont .actions{
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.9s cubic-bezier(.22,.61,.36,1),
                transform 0.9s cubic-bezier(.22,.61,.36,1);
    will-change: opacity, transform;
    color: #fff;
}
.anaslide .owl-anaslide .owl-item .item .cont .cat{
     left: 0%;
     top: 15%;
     /* background: #DE2431; */
     padding: 10px;
     color: #fff;
     width: max-content;
     margin-bottom: 2rem;
     letter-spacing: 2px;
     border-left: 3px solid #E1251B;
}
.anaslide .owl-anaslide .owl-item.active .item .cont .cat{
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.15s;
}
.anaslide .owl-anaslide .owl-item.active .item .cont h1{
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.35s;
}
.anaslide .owl-anaslide .owl-item.active .item .cont p{
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.55s;
}
.anaslide .owl-anaslide .owl-item.active .item .cont .actions{
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.75s;
}
.anaslide .owl-anaslide .item .cont .actions{
    display: flex;
    align-items: center;
    gap: 32px;
}
.anaslide .owl-anaslide .item .cont .actions .buton{
}
.anaslide .owl-anaslide .item .cont .actions .buton span{
	position:relative;
	z-index:2;
	color:#FFFFFF;
	font-weight:600;
	font-size:14px;
	white-space:nowrap;
	padding:20px 40px;
	transition:transform .4s ease;
}
.anaslide .owl-anaslide .item .cont .actions .buton::before{
	content:"";
}
.anaslide .owl-anaslide .item .cont .actions .buton:hover::before{
	left:0;
}
.anaslide .owl-anaslide .item .cont .actions .buton:hover span{
	transform:translateX(6px);
}
.anaslide .owl-anaslide .item .cont .actions .navs{
    display: flex;
    gap: 12px;
    display: none;
}
.anaslide .owl-anaslide .item .cont .actions .navs button{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid rgba(255,255,255,0.7);
    color: #ffffff;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    padding: 0;
}
.anaslide .owl-anaslide .item .cont .actions .navs button:hover{
    background: #de2431;
    border-color: #de2431;
}
.anaslide .owl-anaslide .item .cont .actions .navs button svg{
    display: block;
}
 
.anaslide .owl-tab-list{
    position: absolute;
    left: 0;
    bottom: 0%;
    width: 100%;
    z-index: 5;
    padding-bottom: 1%;
    backdrop-filter: blur(5px);
    padding-top: 1%;
}
.anaslide .owl-tab-list ul{
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    max-width: 86%;
    gap: 12px;
}
.anaslide .owl-tab-list ul .tab-item{
    flex: 1;
    display: flex;
    align-items: center;
    gap: 5px;
    color: #ffffff;
    opacity: 1;
    padding: 14px 16px;
    cursor: pointer;
    margin-bottom: 0;
    transition: 0.3s;
    user-select: none;
    font-weight: 200;
}

.anaslide .owl-tab-list ul .tab-item.active .ikon img{
	filter:none;
}
.anaslide .owl-tab-list ul .tab-item .ikon img{
	 width: 60px;
	 height: 60px;
	 pointer-events: none;
	 filter:brightness(0) invert(1);
}
.anaslide .owl-tab-list ul .tab-item .ikon{
    flex: 0 0 auto;
    display: flex;
}
.anaslide .owl-tab-list ul .tab-item .ikon svg{
    width: 80px;
    height: 80px;
    pointer-events: none;
}
.anaslide .owl-tab-list ul .tab-item .etiket{
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    pointer-events: none;
}
.anaslide .owl-tab-list ul .tab-item:hover{
    opacity: 1;
}
.anaslide .owl-tab-list ul .tab-item.active{
    opacity: 1;
    color: #E1251B;
    background: #00000040;
    border-bottom: 3px solid;
}
.anaslide .owl-tab-list ul .tab-item.active .ikon{
    color: #E1251B;
}
 
@media (max-width: 1199px){
    .anaslide{
        min-height: 560px;
    }
    .anaslide .owl-anaslide .item{
        min-height: 560px;
    }
    .anaslide .owl-tab-list ul .tab-item{
        padding: 10px 12px;
    }
    .anaslide .owl-tab-list ul .tab-item .etiket{
        font-size: 11px;
    }
}
 
@media (max-width: 991px){
    .anaslide{
        height: auto;
        max-height: none;
        min-height: 0;
    }
    .anaslide .owl-anaslide .item{
        height: 70vh;
        min-height: 480px;
        max-height: none;
    }
    .anaslide .owl-anaslide .item .cont{
        padding-bottom: 40px;
        padding-top: 80px;
    }
    .anaslide .owl-anaslide .item .cont h1,
    .anaslide .owl-anaslide .item .cont p{
        width: 80%;
    }
    .anaslide .owl-tab-list{
        position: relative;
        bottom: 0;
        background: #0e0e0e;
    }
    .anaslide .owl-tab-list ul{
        flex-direction: column;
        max-width: 100%;
        gap: 0;
    }
    .anaslide .owl-tab-list ul .tab-item{
        padding: 16px 24px;
        border-left: 2px solid transparent;
    }
    .anaslide .owl-tab-list ul .tab-item.active{
        border-left: 2px solid #E1251B;
        background: rgba(225, 37, 27, 0.12);
    }
}
 
@media (max-width: 767px){
    .anaslide .owl-anaslide .item{
        height: auto;
        min-height: 420px;
    }
    .anaslide .owl-anaslide .item .cont{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .anaslide .owl-anaslide .item .cont h1,
    .anaslide .owl-anaslide .item .cont p{
        width: 100%;
    }
    .anaslide .owl-anaslide .item .cont .cat{
        margin-bottom: 20px;
    }
    .anaslide .owl-anaslide .item .cont p{
        margin-bottom: 28px;
    }
    .anaslide .owl-anaslide .item .cont .actions .buton span{
        padding: 14px 30px;
    }
    .anaslide .owl-anaslide .item .cont .actions .navs button{
        width: 42px;
        height: 42px;
    }
}

.galerti{ 
}
.galerti h2.desen{
	width:max-content;margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
}
 
.galerti h2{
	text-align:center;
	margin-bottom:2rem;
}
.galeri-owl .owl-item .item {
    height: 650px;
    display: flex;
    align-items: center;
    width: 100%;
    padding-bottom: 280px;
}

.galeri-owl .owl-item .item img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    border-radius: 20px;
    transition: 1.5s
}

.galeri-owl .owl-item.center .item img {
    height: 147%;
    width: 100%;
    transition: 1.5s
}

.galeri-owl .owl-item .item .images {
    width: 100%;
    height: 100%;
}

.galeri-owl .owl-item .item .text {
    position: absolute;
    transition: 1.5s;
    bottom: 0px;
    opacity: 0;
}

.galeri-owl .owl-item.center .item .text {
    transition: 1.5s;
    opacity: 1;
}

.galeri-owl .owl-item .item h4 {
    opacity: 1;
    color: #fff;
    text-align: center
}

.galeri-owl .owl-item.center .item h4 {
    color: #000000;
}

.galeri-owl .owl-nav {
    margin: auto;
    text-align: center;
    margin-top: 2rem;
}

.galerti h3 {
    text-align: center;
    color: #002456;
    font-style: normal;
    letter-spacing: -.675px
}

.galerti h3 strong {
    display: block
}

@media (max-width: 1550px) {
    .galeri-owl .owl-item.center .item img {
        height:500px
    }

    .galeri-owl .owl-item .item {
        height: 500px
    }

    .galeri-owl .owl-item .item img {
        height: 400px
    }

    .galeri-owl .owl-item .item img {
        height: 450px
    }
}

@media (max-width: 1500px) {
    .galeri-owl {
        height:640px
    }

    .galerti h3 {
        color: #002456
    }
}

@media (max-width: 1400px) {
    .galeri-owl .owl-item .item img {
        height:300px
    }

    .galeri-owl .owl-item .item {
        height: 400px
    }

    .galeri-owl .owl-item.center .item img {
        height: 400px
    }

    .galerti h3 {
        line-height: normal
    }

    .galeri-owl {
        height: 520px
    }

    .galeri-owl .owl-item .item img {
        height: 300px
    }

    .galeri-owl .owl-item .item .text {
        height: 300px
    }
}

@media (max-width: 1300px) {
    .pt-48 {
        padding-top:30px
    }

    .pb-48 {
        padding-bottom: 30px
    }
}

@media (max-width: 1200px) {
    .galeri-owl {
        height:480px
    }

    .galeri-owl .owl-nav {
        margin: auto;
        text-align: center;
        margin-top: 2rem
    }
}

@media (max-width: 900px) {
    .galeri-owl .owl-item .item img {
        height:250px
    }

    .galeri-owl .owl-item.center .item img {
        height: 250px
    }

    .galeri-owl .owl-item .item {
        height: 250px
    }

    .galeri-owl .owl-item .item img {
        height: 200px
    }

    .galeri-owl {
        height: 340px
    }

    .galeri-owl .owl-nav {
        margin-top: 1rem
    }
}

@media (max-width: 800px) {
    .galeri-owl .owl-item .item .text {
        height:200px
    }
}

@media (max-width: 600px) {
    .owl-nav .okimage {
        margin-right:0
    }

    .galerti {
        margin-left: 8%;
        margin-right: 8%;
        padding-top: 0
    }

    .bggrey {
        background: #f8f8f8;
        margin-top: 1rem;
        margin-bottom: 1rem;
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .galeri-owl .owl-nav .owl-prev {
        margin-right: 5px
    }

    .galerti.bggrey {
        background: #fff!important
    }
}

.galerti h1 {
    text-align: center;
    font-weight: 600;
    margin-bottom: 3rem
}

.galerti h1 strong {
    line-height: 150%;
    color: #f3b40d;
    display: block;
    font-weight: 400
}
.owl-urunler .owl-nav{
	display:none!important;
}
.owl-nav{
	display:block!important;
	margin-top: 2rem;
}
.owl-nav button .okimage{
	transform: translate(0px, 2px);
	
}
.owl-nav button:hover{
	background:#DE2431!important;
	border-color:#DE2431!important;
}
.owl-nav button:hover img{
	filter: brightness(0) invert(1);
}
.owl-nav button{
	 width:50px;
	 height:50px;
	 border: 1px solid #000000!important;
	 border-radius:50%;
	margin-left:10px;
	margin-right:10px;
}
 
 .haberdetay a{
	color:#000;
	font-weight:bold;
	text-decoration:underline;
	cursor: pointer;
} 
.haberdetay{}
.haberdetay .blogicerik .blog-meta span{
	font-weight:bold;
	color:#e31f2b
}
.haberdetay .blogicerik{
	text-align:center;
}
.haberdetay .w20{
	margin-top:auto;
	margin-bottom:auto;
}
.haberdetay span time{
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.haberdetay span img{
	width:max-content;
	height: max-content;
	border-radius: 0;
	display: inline-block;
	margin: inherit;
}
.haberdetay img{
    width: max-content;
    height: 450px;
    object-fit: contain;
    margin-bottom: 3rem;
    border-radius: 30px;
    margin-left: auto;
    margin-right: auto;
}
.haberdetay p{
    margin-bottom: 1rem;
}
.haberdetay ul, .haberdetay ol{
    margin-bottom: 1rem;
    margin-top: 1rem;
    list-style: none;
}
.haberdetay ul li{
    margin-bottom: .5rem; 
}.haberdetay img{
	margin-top:2rem
}
.haberdetay h2{
    margin: auto;
    margin-bottom: 2rem;
    color: #df1f2a;
    font-size: 28px;
}
.haberdetay h3{
    margin-bottom: 2rem;
    color: #000;
    font-size: 25px;
    font-weight: bold;
}
.haberdetay h4{
    margin-bottom: .2rem;
    color: #111111;
}
.haberdetay h5{
    margin-bottom: 2rem;
    color: #111111;
}
.haberdetay h6{
    margin-bottom: 2rem;
    color: #111111;
}
 
.hata{
    border-color:red!important;
    border-width:3px!important;
}
.sss .container .row{
    align-items: flex-start;
    gap: 5%;
}
.sss .container .row .w50{
    width: 100%;
    margin: 0;
}
.sss .container .row .w50 h2:not(.desen) strong{
    color: #E31F2B;
}
.sss .container .row .w50 p{
    color: #555;
    margin-top: 16px;
    margin-bottom: 28px;
}

.sss .container .row .w50 .sss-liste{
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 2rem;
}

.sss .container .row .w50 .sss-liste .sss-item{
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    overflow: hidden;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.sss .container .row .w50 .sss-liste .sss-item.acik{
    border-color: rgba(227,31,43,0.3);
    box-shadow: 0 4px 20px rgba(227,31,43,0.08);
}

.sss .container .row .w50 .sss-liste .sss-item .sss-soru{
    width: 100%;
    background: #fff;
    border: none;
    padding: 20px 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    text-align: left;
    transition: background 0.3s ease;
}
.sss .container .row .w50 .sss-liste .sss-item .sss-soru:hover{
    background: #fafafa;
}
.sss .container .row .w50 .sss-liste .sss-item.acik .sss-soru{
    background: #fff;
}
.sss .container .row .w50 .sss-liste .sss-item .sss-soru span{
    color: #232323;
    font-weight: 500;
    line-height: 1.4;
    flex: 1;
}
.sss .container .row .w50 .sss-liste .sss-item.acik .sss-soru span{
    color: #E31F2B;
}

.sss .container .row .w50 .sss-liste .sss-item .sss-soru .sss-ok{
    flex-shrink: 0;
    color: #999;
    transition: transform 0.35s cubic-bezier(.4,0,.2,1), color 0.3s ease;
}
.sss .container .row .w50 .sss-liste .sss-item.acik .sss-soru .sss-ok{
    transform: rotate(180deg);
    color: #E31F2B;
}

.sss .container .row .w50 .sss-liste .sss-item .sss-cevap{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(.4,0,.2,1);
}
.sss .container .row .w50 .sss-liste .sss-item .sss-cevap .sss-cevap-ic{
    padding: 0 24px 20px;
    border-top: 1px solid #f0f0f0;
    padding-top: 16px;
}
.sss .container .row .w50 .sss-liste .sss-item .sss-cevap .sss-cevap-ic p{
    color: #555;
    line-height: 1.7;
    margin-bottom: 10px;
}
.sss .container .row .w50 .sss-liste .sss-item .sss-cevap .sss-cevap-ic p:last-child{
    margin-bottom: 0;
}
.sss .container .row .w50 .sss-liste .sss-item .sss-cevap .sss-cevap-ic a{
    color: #E31F2B;
    margin: 0;
}
.sss .container .row .w50 .sss-liste .sss-item .sss-cevap .sss-cevap-ic ul{
    padding-left: 20px;
    margin-bottom: 10px;
}
.sss .container .row .w50 .sss-liste .sss-item .sss-cevap .sss-cevap-ic ul li{
    color: #555;
    line-height: 1.7;
    margin-bottom: 6px;
}
 
@media (max-width: 900px){
    .sss .container .row .w50{
        width: 100%;
    }
    .sss .container .row .w50:last-child{
        margin-top: 40px;
    }
}
@media (max-width: 600px){
    .sss .container .row .w50 .sss-liste .sss-item .sss-soru{
        padding: 16px 18px;
    }
    .sss .container .row .w50 .sss-liste .sss-item .sss-cevap .sss-cevap-ic{
        padding: 14px 18px 16px;
    }
}
.markalarimiz{}
.markalarimiz h2{
    text-align: center;
}
.markalarimiz h2.desen{}
.markalarimiz .row{
    width: 90%;
    justify-content: space-around;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}
.markalarimiz .row .markacard{
    width: 30%;
    padding: 10px 50px;
    box-shadow: 0px 0px 21px #1C396A40;
    margin-top: 4rem;
    position: relative;
    transition:.5s;
    border: 1px solid #ffffff;
}
.markalarimiz .row .markacard:hover{
  box-shadow: 0px 0px 21px #1C396A70;
  border: 1px solid #E1251B;
}
.markalarimiz .row .markacard a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.markalarimiz .row .markacard img{
    height: 190px;
    width: 100%;
    object-fit: contain;
    transition:.5s;
}
.markalarimiz .row .markacard:hover img{
    transform:scale(1.03)
}
.hakkimizda{
	position:relative;
	overflow:hidden;
	background:#FFFFFF;
}
.arkaplan{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
	pointer-events:none;
	z-index:0;
}
.arkaplan span{
	display:inline-block;
	font-size:140px;
	font-weight:700;
	letter-spacing:10px;
	color:#0A0A0A;
	opacity:0.05;
	white-space:nowrap;
	-webkit-mask-image:linear-gradient(to top, transparent 0%, #000000 85%);
	mask-image:linear-gradient(to top, transparent 0%, #000000 85%);
}
.hakkimizda .container{
	position:relative;
	z-index:1;
}
.hakkimizda .desen{
}
.hakkimizda .desen::before{
}
.hakkimizda .desen::after{
	background:#E1251B;
}
.hakkimizda .baslik{width: 70%;margin-bottom: 2rem;}
.hakkimizda .baslik strong{display: inline-block;}
.hakkimizda .icerik{
	align-items:flex-start;
}
.hakkimizda .icerik .sol p{
}
.hakkimizda .icerik .sol strong{
	 
}
.hakkimizda .icerik .sag p{
	color:#5C5C5C;
}
.hakkimizda .aksiyon{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap: 100px;
	margin-bottom: 2rem;
}
.buton{
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:#E1251B;
	overflow:hidden;
	isolation:isolate;
	clip-path: polygon(100% 35%, 100% 100%, 15% 100%, 0% 65%, 0% 0%, 0% 0%, 85% 0%);
	transition:.5s;
	margin-bottom: 0;
	min-width: 170px;
}
.buton:hover{
	 
	background:#00385C; 
	clip-path: polygon(100% 0%, 100% 100%, 15% 100%, 0% 100%, 0% 0%, 0% 0%, 85% 0%);
}
.buton span{
	position:relative;
	z-index:2;
	color:#FFFFFF;
	font-weight:600;
	white-space:nowrap;
	transition:transform .4s ease;
}
.buton::before{
	content:"";
	position:absolute;
	top:0;
	left:-100%;
	width:100%;
	height:100%;
	background: ;
	transition:left .45s ease;
	z-index:1;
}
.buton:hover::before{
	left:0;
}
.buton:hover span{
	transform:translateX(6px);
}
.hakkimizda .aksiyon .video{
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin-bottom:0;
}
.hakkimizda .aksiyon .video .halka,
.hakkimizda .aksiyon .video .halka2{
	position:absolute;
	border-radius:50%;
	border: 1px solid #E1251B;
	animation:pusulaPulse 2.4s ease-out infinite;
}
.hakkimizda .aksiyon .video:hover .halka,
.hakkimizda .aksiyon .video:hover .halka2{ 
	border: 1px solid #00385C;  
}
.hakkimizda .aksiyon .video .halka2{
	animation-delay:1.2s;
}
.hakkimizda .aksiyon .video .play{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background: #E1251B;
	transition:transform .35s ease, background .35s ease;
	z-index:2;
}
.hakkimizda .aksiyon .video .play svg{
	transform:translateX(2px);
}
.hakkimizda .aksiyon .video:hover .play{
	transform:scale(1.08);
	background:#00385C;
}
@keyframes pusulaPulse{
	0%{
		transform:scale(1);
		opacity:0.6;
	}
	100%{
		transform:scale(1.9);
		opacity:0;
	}
}
 
.arkaplan span{font-size:140px;line-height: 150%;}
.buton span{padding:20px 44px;}
.hakkimizda .aksiyon .video .halka,
.hakkimizda .aksiyon .video .halka2{width:64px;height:64px;}
.hakkimizda .aksiyon .video .play{width:64px;height:64px;}
 
@media(max-width:1651px){
	.arkaplan span{font-size:130px;}
}
@media(max-width:1550px){
	.arkaplan span{font-size:120px;}
}
@media(max-width:1480px){
	.arkaplan span{font-size:112px;}
}
@media(max-width:1380px){
	.arkaplan span{font-size:104px;}
}
@media(max-width:1280px){
	.arkaplan span{font-size:96px;}
}
@media(max-width:1200px){
	.arkaplan span{font-size:88px;}
.buton span{padding:18px 38px;}
}
@media(max-width:1100px){
	.arkaplan span{font-size:80px;}
}
@media(max-width:900px){
	.arkaplan span{font-size:64px;}
	.hakkimizda .icerik .w50{width:100%;}
	.hakkimizda .icerik .w50:first-child{margin-right:0;margin-bottom:36px;}
	.hakkimizda .icerik .w50:last-child{margin-left:0;}
}
@media(max-width:800px){
	.arkaplan span{font-size:52px;letter-spacing:6px;}
.buton span{padding:16px 34px;}
	.hakkimizda .aksiyon .video .halka,
	.hakkimizda .aksiyon .video .halka2,
	.hakkimizda .aksiyon .video .play{width:56px;height:56px;}
}
@media(max-width:600px){
	.arkaplan span{font-size:38px;letter-spacing:4px;}
	.hakkimizda .aksiyon{gap:16px;}
.buton{width:100%;}
	.hakkimizda .aksiyon .buton span{width:100%;text-align:center;padding:16px 0;}
}
@media(max-width:400px){
	.arkaplan span{font-size:28px;letter-spacing:2px;}
	.hakkimizda .aksiyon .video .halka,
	.hakkimizda .aksiyon .video .halka2,
	.hakkimizda .aksiyon .video .play{width:48px;height:48px;}
}
.hakkimizda .rakamlarrow{
    background: #E1251B;
    display: flex; 
    justify-content: space-evenly;
    align-items: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2%;
    padding-bottom: 1%;
    transform: translate(0px, -80px);
}
.hakkimizda .rakamlarrow .wrakam p{
	margin:0;
}
.hakkimizda .rakamlarrow .wrakam{
    display: flex;
    gap: 20px;
}
.hakkimizda .rakamlarrow .wrakam img{
    width: 80px;
    height: 80px;
    object-fit: contain;
}
.hakkimizda .rakamlarrow .wrakam .rakamflex{
}
.hakkimizda .rakamlarrow .wrakam .rakamflex .flexdiv1{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.hakkimizda .rakamlarrow .wrakam .rakamflex .flexdiv1 h6{
	font-size:65px;color:#fff;
	font-weight:400
}
.hakkimizda .rakamlarrow .wrakam .rakamflex .flexdiv1 .odometer{
}
.hakkimizda .rakamlarrow .wrakam .rakamflex .flexdiv1 .odometer span{
	font-size:65px;
	line-height: 100%;
	color:#ffffff;
}
.hakkimizda .rakamlarrow .wrakam .rakamflex .sadeceflex{
    transform: translate(10px, -15px);
}
.hakkimizda .rakamlarrow .wrakam .rakamflex .sadeceflex b{
    color: #fff;
    font-weight: 400;
}


.hakkimizda .slogan{
	width:65%;
	margin-left:auto;
}
.hakkimizda .slogan h5{
	position:relative;
}
.hakkimizda .slogan h5::before{
	content:"";
	position:absolute;
	left: -120px;
	top: -20px;
	width:60px;
	height:60px;
	background: url(../img/tirnak.png);
	background-size:contain;
	background-repeat:no-repeat;
}
.urun-gruplari{
	background: #f2f3f5;
}
.urun-gruplari .desen{
	color:#E1251B;
}
.urun-gruplari .desen::before{
	background:#E1251B30;
}
.urun-gruplari .desen::after{
	background:#E1251B;
}
.urun-gruplari .baslik{
	color:#232323;
}
.urun-gruplari .ust{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
}
.urun-gruplari .ust .kontrol{
	display:flex;
	gap:12px;
}
.urun-gruplari .ust .kontrol button{
	display:flex;
	align-items:center;
	justify-content:center;
	width:48px;
	height:48px;
	border-radius:50%;
	background: #E1251B80;
	border:none;
	cursor:pointer;
	color: #ffffff;
	transition:background .3s ease;
}
.urun-gruplari .ust .kontrol button:hover{
	background: #E1251B;
	color:#FFFFFF;
}
.urun-gruplari .ust .kontrol button:disabled{
	color:#C7CDD5;
	background:#F2F3F5;
	cursor:default;
}
.urun-gruplari .ust .kontrol button svg{
	width:18px;
	height:18px;
	pointer-events:none;
}
.urun-gruplari .icerik{
	align-items:stretch;
}
.urun-gruplari .icerik .gorsel{
	height:100%;
	overflow:hidden;
}
.urun-gruplari .icerik .gorsel img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	max-height: 700px;
}
.urun-gruplari .icerik .liste{
	height:100%;
}
.urun-gruplari .kaydirici{
	position:relative;
	height: 680px;
	overflow:hidden;
	cursor:grab;
	-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%);
	mask-image:linear-gradient(to bottom, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%);
	padding-top: 20px;
	padding-bottom: 20px;
}
.urun-gruplari .kaydirici.suruklemede{
	cursor:grabbing;
}
.urun-gruplari .track{
	display:flex;
	flex-direction:column;
	will-change:transform;
}
.urun-gruplari .kart{
	display:flex;
	align-items:flex-start;
	background: #ffffff80;
	border:1px solid #F2F3F5;
	flex:0 0 auto;
	user-select:none;
	cursor:pointer;
	transition: 1s;
}
.urun-gruplari .kart.aktif{
	background:#FFFFFF;
	border:1px solid #E1251B;
}
.urun-gruplari .kart .ikon{
	flex:0 0 auto;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#9AA4B2;
}
.urun-gruplari .kart.aktif .ikon{
	color:#E1251B;
}
.urun-gruplari .kart .ikon svg{
	width:64px;
	height:64px;
	pointer-events:none;
}
.urun-gruplari .kart .metin{
	flex:1 1 auto;
}
.urun-gruplari .kart .metin h5{
	color:#9AA4B2;
	pointer-events:none;
	margin-bottom: 1rem;
}
.urun-gruplari .kart.aktif .metin h5{
	color:#E1251B;
}
.urun-gruplari .kart .metin p{
	color:#9AA4B2;
	font-size:16px;
	margin-bottom:0;
	pointer-events:none;
}
.urun-gruplari .kart.aktif .metin p{
	color:#5C5C5C;
}

 
.urun-gruplari .ust{margin-bottom:36px;}
.urun-gruplari .kart{gap:24px;padding:24px;}
.urun-gruplari .kart .ikon{width: 150px;height: 150px;}
.urun-gruplari .kart .metin p{margin-top:8px;margin-bottom: 1rem;}
.urun-gruplari .kart .buton span{padding:14px 32px;}
.urun-gruplari .kart + .kart{margin-top:16px;}
 
@media(max-width:1651px){
	.urun-gruplari .kaydirici{height:600px;}
}
@media(max-width:1280px){
	.urun-gruplari .kaydirici{height:560px;}
	.urun-gruplari .kart .ikon svg{width:52px;height:52px;}
	.urun-gruplari .kart .ikon{width:52px;height:52px;}
}
@media(max-width:1200px){
	.urun-gruplari h1.baslik{font-size:44px;}
}
@media(max-width:1100px){
	.urun-gruplari .kaydirici{height:520px;}
}
@media(max-width:900px){
	.urun-gruplari .icerik .w50{width:100%;}
	.urun-gruplari .icerik .w50:first-child{margin-right:0;margin-bottom:36px;}
	.urun-gruplari .icerik .w50:last-child{margin-left:0;}
	.urun-gruplari .icerik .gorsel{height:360px;}
	.urun-gruplari .kaydirici{height:560px;}
}
@media(max-width:800px){
	.urun-gruplari .kart{gap:16px;padding:18px;}
	.urun-gruplari .kart .metin p{font-size:15px;}
}
@media(max-width:600px){
	.urun-gruplari h1.baslik{font-size:34px;}
	.urun-gruplari .icerik .gorsel{height:260px;}
	.urun-gruplari .kaydirici{height:480px;}
	.urun-gruplari .kart{flex-wrap:wrap;}
	.urun-gruplari .ust{align-items:center;}
}
@media(max-width:400px){
	.urun-gruplari .kaydirici{height:440px;}
	.urun-gruplari .kart .ikon svg{width:40px;height:40px;}
	.urun-gruplari .kart .ikon{width:40px;height:40px;}
}

.neden{
	position:relative;
	background:linear-gradient(135deg, #0C2C46 0%, #163F5F 100%);
	overflow:hidden;
}
.neden .seritust{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:4px;
	/* background:#E1251B; */
}
.neden .desen{
	color:#EAF0F5;
	padding-left:0;
	letter-spacing:1px;
}
.neden .desen::before{
	background:#E1251B30;
}
.neden .desen::after{
	background:#E1251B;
}
.neden .icerik{
	align-items:center;
}
 
.neden .gorselalan{
	display:flex;
	align-items:center;
	justify-content:center;
}
.neden .halkalar{
	position:relative;
	width:440px;
	height:440px;
}
.neden .halka{
	position:absolute;
	top:50%;
	left:50%;
	border-radius:50%;
	border:1px solid #FFFFFF20;
	transform:translate(-50%,-50%);
}
.neden .disHalka{
	width:100%;
	height:100%;
}
.neden .icHalka{
	width:78%;
	height:78%;
}
.neden .resim{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:62%;
	height:62%;
	border-radius:50%;
	overflow:hidden;
	box-shadow:0 0 0 6px #0C2C46;
}
.neden .resim img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
.neden .ikon{
	position:absolute;
	top:50%;
	left:50%;
	width:68px;
	height:68px;
	border-radius:50%;
	background:#153A57;
	border:1px solid #FFFFFF25;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#FFFFFF;
	cursor:pointer;
	transition:background .35s ease, transform .35s ease, border-color .35s ease;
}
.neden .ikon img{
	width: 36px;
	height: 36px;
	pointer-events:none;
}
.neden .ikon:hover{
	border-color:#FFFFFF60;
}
.neden .ikon.aktif{
	background:#E1251B;
	border-color:#E1251B;
	transform:translate(-50%,-50%) scale(1.08) var(--pozisyon);
}
 
.neden .akordeon .ustBaslik{
	display:block;
}
.neden .akordeon .oge{
	border-bottom:1px solid #FFFFFF20;
}
.neden .akordeon .oge:first-child{
	border-top:1px solid #FFFFFF20;
}
.neden .akordeon .baslik{
	display:flex;
	align-items:center;
	justify-content:space-between;
	cursor:pointer;
}
.neden .akordeon .baslik p{
	color:#B9C7D3;
	font-weight:600;
	margin-bottom:0;
	transition:color .3s ease;
}
.neden .akordeon .oge.aktif .baslik p{
	color:#FFFFFF;
}
.neden .akordeon .baslik .ok{
	flex:0 0 auto;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#B9C7D3;
	transition:transform .35s ease, color .3s ease;
}
.neden .akordeon .baslik .ok svg{
	width:16px;
	height:16px;
	pointer-events:none;
}
.neden .akordeon .oge.aktif .baslik .ok{
	color:#FFFFFF;
	transform:rotate(180deg);
}
.neden .akordeon .icerikYazi{
	display:grid;
	grid-template-rows:0fr;
	min-height:0;
	transition:grid-template-rows .4s ease;
	opacity: 0;
	height: 0;
	transition:.1s;
}
.neden .akordeon .aktif .icerikYazi{
	 opacity: 1;
	height: auto;
	transition:.5s;
}
.neden .akordeon .oge.aktif .icerikYazi{
	grid-template-rows:1fr;
}
.neden .akordeon .icerikYazi .ic{
	overflow:hidden;
	min-height:0;
}
.neden .akordeon .icerikYazi span{
	display:block;
	color:#B9C7D3;
}
 
.neden .icerik{gap:0;}
.neden .akordeon .ustBaslik{margin-bottom:24px;}
.neden .akordeon .baslik{padding:22px 0;}
.neden .akordeon .baslik .ok{width:24px;height:24px;}
.neden .akordeon .icerikYazi .ic{padding-bottom:22px;padding-right:60px;}
 
@media(max-width:1651px){
	.neden .halkalar{width:400px;height:400px;}
}
@media(max-width:1280px){
	.neden .halkalar{width:360px;height:360px;}
	.neden .ikon{width:58px;height:58px;}
	.neden .ikon svg{width:22px;height:22px;}
} 
@media(max-width:1100px){
	.neden .halkalar{width:320px;height:320px;}
}
@media(max-width:900px){
	.neden .icerik .w50{width:100%;}
	.neden .icerik .w50:first-child{margin-right:0;margin-bottom:48px;}
	.neden .icerik .w50:last-child{margin-left:0;}
	.neden .halkalar{width:380px;height:380px;}
}
@media(max-width:600px){
	.neden .halkalar{width:300px;height:300px;}
	.neden .ikon{width:48px;height:48px;}
	.neden .ikon svg{width:18px;height:18px;}
	.neden .akordeon .icerikYazi .ic{padding-right:0;}
}
@media(max-width:400px){
	.neden .halkalar{width:260px;height:260px;}
	.neden .ikon{width:42px;height:42px;}
}
.altbar{}
.altbar ul{
    list-style: none;
    padding: 0;
    display: flex;
    gap: 25px;
}
.altbar ul li{}
.altbar ul li a{}
.altbar ul li.active a{
	background: #00385C;
} 
.altbar ul li a{position:relative;background: #E1251B;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;/* clip-path: polygon(100% 35%, 100% 100%, 15% 100%, 0% 65%, 0% 0%, 0% 0%, 85% 0%); */transition:.5s;margin-bottom: 0;padding:8px 25px;color:#fff;min-height: 50px;}
.altbar ul li a:hover{
	 
	background:#00385C; 
	clip-path: polygon(100% 0%, 100% 100%, 15% 100%, 0% 100%, 0% 0%, 0% 0%, 85% 0%);
}
.altbar.kategori{
}
.altbar.kategori ul{
    list-style: none;
    padding: 0;
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}
.altbar.kategori ul li{
    margin: 0;
    
    
    .altbar.kategori
    ul li {
    flex: 0 0 calc((100% - 125px) / 6);
};
    
.altbar.kategori
    ul li {
    flex: 0 0 calc((100% - 125px) / 6);
};
}
.altbar.kategori ul li a{}
.altbar.kategori ul li.active a{
	background: #00385C;
} 
.altbar.kategori ul li a{
	position:relative;
	background: #E1251B;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	isolation:isolate;

	transition:.5s;margin-bottom: 0;padding:8px 25px;color:#fff;font-size: 15px;}
.altbar.kategori ul li a:hover{
	 
	background:#00385C; 
	clip-path: polygon(100% 0%, 100% 100%, 15% 100%, 0% 100%, 0% 0%, 0% 0%, 85% 0%);
}


.tarihce{
	background:#F2F3F5;
}
.tarihce .yillar{
	position:relative;
}
.tarihce .etiketler{
	display:flex;
	/* overflow:hidden; */
}
.tarihce .etiketler .etiket{
	background:none;
	border:none;
	cursor:pointer;
	display:flex;
	align-items:flex-end;
	/* flex:1 1 0; */
	color:#C7CCD3;
	font-weight:700;
	transform:rotate(-90deg);
	transition:color .35s ease;
	-webkit-text-stroke:1px #C7CCD3;
	white-space:nowrap;
}
.tarihce .etiketler .etiket.aktif{
	color:#E1251B;
	-webkit-text-stroke:0;
	font-weight:800;
}
.tarihce .cizgi{
	display:flex;
	align-items:center;
}
.tarihce .cizgi .ok{
	flex:0 0 auto;
	display:flex;
	align-items:center;
	justify-content:center;
	background:none;
	border:none;
	cursor:pointer;
	color:#5C6672;
	transition:color .3s ease;
}
.tarihce .cizgi .ok svg{
	pointer-events:none;
}
.tarihce .cizgi .ok:hover{
	color:#E1251B;
}
.tarihce .cizgi .sonraki{
	background:#00385C;
	border-radius:50%;
	color:#FFFFFF;
}
.tarihce .cizgi .sonraki:hover{
	background:#E1251B;
	color:#FFFFFF;
}
.tarihce .cizgi .noktalar{
	position:relative;
	flex:1 1 auto;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.tarihce .cizgi .noktalar::before{
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:50%;
	height:1px;
	background:#D5DAE0;
	transform:translateY(-50%);
	z-index:0;
}
.tarihce .cizgi .noktalar button{
	position:relative;
	z-index:2;
	background:#C7CCD3;
	border:none;
	border-radius:50%;
	cursor:pointer;
	padding:0;
	transition:background .3s ease, width .3s ease, height .3s ease;
}
.tarihce .cizgi .noktalar button.aktif{
	background:#E1251B;
	box-shadow:0 0 0 8px #E1251B22;
}
 
.tarihce .detay{
	align-items:flex-start;
}
.tarihce .detay .gorsel{
	overflow:hidden;
}
.tarihce .detay .gorsel img{
	width:100%;
	display:block;
	object-fit:cover;
	transition:opacity .35s ease;
}
.tarihce .detay .metin .basSatir{
	display:flex;
	align-items:center;
}
.tarihce .detay .metin .basSatir h5{
	color:#00385C;
	font-weight:700;
	transition:opacity .3s ease;
	margin: 0;
}
.tarihce .detay .metin .basSatir .cizgiKisa{
	flex:1 1 auto;
	height:1px;
	background:#D5DAE0;
}
.tarihce .detay .metin p{
	color:#4A4A4A;
	transition:opacity .3s ease;
}
.tarihce .detay .metin p strong{
	color:#232323;
}
 
.tarihce .etiketler{gap: 100px;}
.tarihce .etiketler .etiket{font-size:34px;padding-bottom:14px;}
.tarihce .etiketler .etiket.aktif{font-size:44px;line-height: 100%;}
.tarihce .cizgi{gap:24px;margin-top:32px;margin-bottom:56px;}
.tarihce .cizgi .noktalar{height:16px;}
.tarihce .cizgi .noktalar .yol{height:2px;}
.tarihce .cizgi .noktalar button{width:10px;height:10px;}
.tarihce .cizgi .noktalar button.aktif{width:16px;height:16px;}
.tarihce .cizgi .ok{width:20px;height:20px;}
.tarihce .cizgi .ok svg{width:20px;height:20px;}
.tarihce .cizgi .sonraki{width:44px;height:44px;}
.tarihce .cizgi .sonraki svg{width:18px;height:18px;}
.tarihce .detay .gorsel{margin-right: 0%;}
.tarihce .detay .metin{
	margin-top:auto;
	margin-bottom:auto;
}
.tarihce .detay .metin .basSatir{gap:20px;margin-bottom:24px;}
.tarihce .detay .metin p{margin-bottom:0;}
 
@media(max-width:1651px){
	.tarihce .etiketler .etiket{font-size:30px;}
	.tarihce .etiketler .etiket.aktif{font-size:40px;}
}
@media(max-width:1380px){
	.tarihce .etiketler{height:110px;}
	.tarihce .etiketler .etiket{font-size:26px;}
	.tarihce .etiketler .etiket.aktif{font-size:34px;}
}
@media(max-width:1200px){
	.tarihce .etiketler{height:96px;}
	.tarihce .etiketler .etiket{font-size:22px;}
	.tarihce .etiketler .etiket.aktif{font-size:30px;}
}
@media(max-width:1100px){
	.tarihce .etiketler .etiket{font-size:19px;}
	.tarihce .etiketler .etiket.aktif{font-size:26px;}
}
@media(max-width:900px){ 
	.tarihce .detay .gorsel{margin-right:0;margin-bottom:32px;}
}
@media(max-width:800px){
	.tarihce .etiketler{height:80px;}
	.tarihce .etiketler .etiket{font-size:16px;padding-bottom:10px;}
	.tarihce .etiketler .etiket.aktif{font-size:22px;}
	.tarihce .cizgi{gap:14px;}
}
@media(max-width:600px){
	.tarihce .etiketler{height:64px;}
	.tarihce .etiketler .etiket{font-size:13px;padding-bottom:8px;}
	.tarihce .etiketler .etiket.aktif{font-size:18px;}
	.tarihce .cizgi .sonraki{width:36px;height:36px;}
	.tarihce .detay .metin .basSatir{gap:12px;}
}
@media(max-width:400px){
	.tarihce .etiketler{height:52px;}
	.tarihce .etiketler .etiket{font-size:11px;padding-bottom:6px;}
	.tarihce .etiketler .etiket.aktif{font-size:15px;}
}
.pusulamisviz{
    background: #f3f3f3;
}
.pusulamisviz .row{
    justify-content: space-evenly;
}
.pusulamisviz .row .cardmis{
    background: #fefefe;
    box-shadow: 0px 0px 99px #ADADAD40;
    padding: 40px;
    width: 40%;
}
.pusulamisviz .row .cardmis img{
    width: 100px;
    height: 100px;
    object-fit: contain;
    margin-bottom: 2rem;
}
.pusulamisviz .row .cardmis h5{
    margin-bottom: .5rem;
    color: #2A2832;
}
.pusulamisviz .row .cardmis p{
    margin: 0;
}
.belgeiermiz{}
.belgeiermiz .row{
    justify-content: space-between;
}
.belgeiermiz .row .belgeimg{
    width: 24%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.belgeiermiz .row .belgeimg img{
    width: 100%;
    height: 440px;
    object-fit: contain;
    margin-bottom: 1rem;
}
.belgeiermiz .row .belgeimg a.buton{}
.belgeiermiz .katalogimg{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 30px 60px;
    background: #F7F7F7;
    margin-top: 2rem;
}
.belgeiermiz .katalogimg img{
    margin-bottom: 2rem;
    width: 100%;
    height: 300px;
    object-fit: contain;
}
.belgeiermiz .katalogimg a{}
.basvuruformu{
    position: relative;
}
.basvuruformu .container h2:last-of-type{
    color: #232323;
    margin-bottom: 48px;
    width: 70%;
}
.basvuruformu .container h2:last-of-type strong{
    color: #E31F2B;
    display: inline;
    font-weight: 700;
}

/* BLOK */
.basvuruformu .container .basvuru-form .form-blok{
    margin-bottom: 40px;
}
.basvuruformu .container .basvuru-form .form-blok .blok-baslik{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 24px;
}
.basvuruformu .container .basvuru-form .form-blok .blok-baslik span{
    color: #232323;
    letter-spacing: 0.5px;
    white-space: nowrap;
    line-height: 1;
}
.basvuruformu .container .basvuru-form .form-blok .blok-baslik .cizgi{
    flex: 1;
    height: 1px;
    background: #d9d9d9;
}

/* KÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¾ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¾ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°SEL BÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¾ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°LGÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¾ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°LER GRID */
.basvuruformu .container .basvuru-form .form-blok .form-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

/* TANITIM GRID */
.basvuruformu .container .basvuru-form .form-blok .tanitim-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.basvuruformu .container .basvuru-form .form-blok .tanitim-grid .not-alani textarea{
    height: 100%;
    min-height: 160px;
}

/* FORM GROUP */
.basvuruformu .container .basvuru-form .form-group{
    display: flex;
    flex-direction: column;
    position: relative;
}

/* INPUT / SELECT / TEXTAREA */
.basvuruformu .container .basvuru-form .form-group input[type="text"],
.basvuruformu .container .basvuru-form .form-group input[type="tel"],
.basvuruformu .container .basvuru-form .form-group input[type="email"],
.basvuruformu .container .basvuru-form .form-group textarea,
.basvuruformu .container .basvuru-form .form-group .select-wrap select{
    width: 100%;
    padding: 16px 20px;
    background: #f2f2f2;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #232323;
    font-family: inherit;
    line-height: 1.4;
    transition: border-color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}
.basvuruformu .container .basvuru-form .form-group input::placeholder,
.basvuruformu .container .basvuru-form .form-group textarea::placeholder{
    color: #8a8a8a;
    opacity: 1;
}
.basvuruformu .container .basvuru-form .form-group input:hover,
.basvuruformu .container .basvuru-form .form-group textarea:hover,
.basvuruformu .container .basvuru-form .form-group .select-wrap select:hover{
    background: #ececec;
}
.basvuruformu .container .basvuru-form .form-group input:focus,
.basvuruformu .container .basvuru-form .form-group textarea:focus,
.basvuruformu .container .basvuru-form .form-group .select-wrap select:focus{
    background: #ffffff;
    border-color: #E31F2B;
    box-shadow: 0 0 0 3px rgba(227, 31, 43, 0.12);
}
.basvuruformu .container .basvuru-form .form-group input.hata,
.basvuruformu .container .basvuru-form .form-group textarea.hata,
.basvuruformu .container .basvuru-form .form-group .select-wrap select.hata{
    border-color: #E31F2B;
    background: rgba(227, 31, 43, 0.05);
}
.basvuruformu .container .basvuru-form .form-group textarea{
    resize: vertical;
}

/* SELECT ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¶zel ok */
.basvuruformu .container .basvuru-form .form-group .select-wrap{
    position: relative;
    width: 100%;
}
.basvuruformu .container .basvuru-form .form-group .select-wrap select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 44px;
    cursor: pointer;
}
.basvuruformu .container .basvuru-form .form-group .select-wrap select::-ms-expand{
    display: none;
}
.basvuruformu .container .basvuru-form .form-group .select-wrap .select-ok{
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: #6d6d6d;
    pointer-events: none;
    display: inline-flex;
    transition: color 0.3s ease, transform 0.3s ease;
}
.basvuruformu .container .basvuru-form .form-group .select-wrap select:focus + .select-ok{
    color: #E31F2B;
    transform: translateY(-50%) rotate(180deg);
}

/* CV YÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“KLEME */
.basvuruformu .container .basvuru-form .form-blok .tanitim-grid .cv-alani{
    height: 100%;
}
.basvuruformu .container .basvuru-form .cv-upload{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 160px;
    border: 1.5px dashed #c9c9c9;
    border-radius: 4px;
    background: #ffffff;
    cursor: pointer;
    transition: border-color 0.3s ease, background 0.3s ease, transform 0.3s ease;
    padding: 24px;
    margin: 0;
    position: relative;
}
.basvuruformu .container .basvuru-form .cv-upload:hover{
    border-color: #E31F2B;
    background: rgba(227, 31, 43, 0.02);
}
.basvuruformu .container .basvuru-form .cv-upload.dragover{
    border-color: #E31F2B;
    background: rgba(227, 31, 43, 0.06);
    transform: scale(1.005);
}
.basvuruformu .container .basvuru-form .cv-upload.dolu{
    border-style: solid;
    border-color: #E31F2B;
    background: rgba(227, 31, 43, 0.04);
}
.basvuruformu .container .basvuru-form .cv-upload .cv-icerik{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: center;
    width: 100%;
}
.basvuruformu .container .basvuru-form .cv-upload .cv-icerik .cv-baslik{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #E31F2B;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 1;
}
.basvuruformu .container .basvuru-form .cv-upload .cv-icerik .cv-baslik svg{
    display: block;
}
.basvuruformu .container .basvuru-form .cv-upload .cv-icerik .cv-yardim{
    color: #8a8a8a;
    line-height: 1.4;
    letter-spacing: 0.3px;
}
.basvuruformu .container .basvuru-form .cv-upload .cv-icerik .cv-secilen{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #ffffff;
    border: 1px solid #E31F2B;
    border-radius: 4px;
    padding: 8px 14px;
    max-width: 100%;
}
.basvuruformu .container .basvuru-form .cv-upload .cv-icerik .cv-secilen .dosya-adi{
    color: #232323;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 220px;
}
.basvuruformu .container .basvuru-form .cv-upload .cv-icerik .cv-secilen .dosya-sil{
    background: transparent;
    border: none;
    color: #E31F2B;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    line-height: 0;
    transition: transform 0.2s ease;
}
.basvuruformu .container .basvuru-form .cv-upload .cv-icerik .cv-secilen .dosya-sil:hover{
    transform: scale(1.15);
}

/* ALT ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â KVKK + GÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“NDER */
.basvuruformu .container .basvuru-form .form-alt{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 30px;
    flex-wrap: wrap;
}
.basvuruformu .container .basvuru-form .form-alt .kvkk{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    user-select: none;
    line-height: 1.4;
    margin: 0;
}
.basvuruformu .container .basvuru-form .form-alt .kvkk input{
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}
.basvuruformu .container .basvuru-form .form-alt .kvkk .kutu{
    width: 20px;
    height: 20px;
    border: 1.5px solid #c9c9c9;
    border-radius: 3px;
    background: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    position: relative;
    flex-shrink: 0;
}
.basvuruformu .container .basvuru-form .form-alt .kvkk .kutu::after{
    content: "";
    width: 6px;
    height: 10px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) scale(0);
    transition: transform 0.25s ease;
    margin-top: -2px;
}
.basvuruformu .container .basvuru-form .form-alt .kvkk input:checked + .kutu{
    background: #E31F2B;
    border-color: #E31F2B;
}
.basvuruformu .container .basvuru-form .form-alt .kvkk input:checked + .kutu::after{
    transform: rotate(45deg) scale(1);
}
.basvuruformu .container .basvuru-form .form-alt .kvkk input:focus-visible + .kutu{
    box-shadow: 0 0 0 3px rgba(227, 31, 43, 0.25);
}
.basvuruformu .container .basvuru-form .form-alt .kvkk input.hata + .kutu{
    border-color: #E31F2B;
    box-shadow: 0 0 0 3px rgba(227, 31, 43, 0.2);
}
.basvuruformu .container .basvuru-form .form-alt .kvkk .metin{
    color: #232323;
    line-height: 1.4;
}
.basvuruformu .container .basvuru-form .form-alt .kvkk .metin a{
    color: #232323;
    text-decoration: underline;
    margin: 0;
    font-size: inherit;
}
.basvuruformu .container .basvuru-form .form-alt .kvkk .metin a:hover{
    color: #E31F2B;
}

.basvuruformu .container .basvuru-form .form-alt .gonder-btn{
    background: #E31F2B;
    color: #ffffff;
    border: 1px solid #E31F2B;
    border-radius: 4px;
    padding: 14px 40px;
    cursor: pointer;
    letter-spacing: 2px;
    font-weight: 600;
    transition: 0.35s;
    line-height: 1.2;
}
.basvuruformu .container .basvuru-form .form-alt .gonder-btn:hover{
    background: #ffffff;
    color: #E31F2B;
}
 
@media (max-width: 991px){
    .basvuruformu .container .basvuru-form .form-blok .form-grid{
        grid-template-columns: repeat(2, 1fr);
    }
    .basvuruformu .container .basvuru-form .form-blok .tanitim-grid{
        grid-template-columns: 1fr;
    }
}
@media (max-width: 575px){
    .basvuruformu .container .basvuru-form .form-blok .form-grid{
        grid-template-columns: 1fr;
    }
    .basvuruformu .container .basvuru-form .form-alt{
        flex-direction: column;
        align-items: stretch;
    }
    .basvuruformu .container .basvuru-form .form-alt .gonder-btn{
        width: 100%;
    }
    .basvuruformu .container .basvuru-form .cv-upload{
        min-height: 140px;
    }
    .basvuruformu .container .basvuru-form .cv-upload .cv-icerik .cv-secilen .dosya-adi{
        max-width: 160px;
    }
}

.kategoriler{}
.kategoriler .row{
    justify-content: space-evenly;
}
.kategoriler .kategoricard{
    width: 30%;
    position: relative;
    height: 500px;
    overflow: hidden;
    margin-top: 3rem;
}
.kategoriler .kategoricard .bgs::after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#00385c90;
}
.kategoriler .kategoricard .bgs{
    height: 100%;
}
.kategoriler .kategoricard .bgs img{
    height: 100%;
    object-fit: cover;
    transition: .5s;
    width:100%;
}
.kategoriler .kategoricard .text{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 40px 40px;
}
.kategoriler .kategoricard .text h5{
    color: #ffffff;
    margin-bottom: 1rem;
    text-align: center;
}
.kategoriler .kategoricard .text span{
    color: #ffffff;
    text-align: center;
}
.kategoriler .kategoricard .text a{
    margin-top: 2rem;
}
.kategoriler .kategoricard:hover .bgs img{
    transform: scale(1.03);
}
.kategoriler .kategoricard:hover .text a{
    clip-path: polygon(100% 0%, 100% 100%, 15% 100%, 0% 100%, 0% 0%, 0% 0%, 85% 0%);
}
.breadcrumb{
    margin-top: 120px;
    margin-bottom: 2rem;
    position: relative;
}
.breadcrumb h1{
    font-size: 40px;
    color: #525252;
    font-weight: 400;
}
.breadcrumb ul{
    padding: 0;
    list-style: none;
    display: inline-block;
}
.breadcrumb ul li{
    display: inline;
}
.breadcrumb ul li a{}
.breadcrumb ul li:last-child a{
	font-weight:bold;
	color:#E1251B;
}
.breadcrumb a.back{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 0;
    display: none;
}
.breadcrumb a.back img{}
.kategoriler .uruncard{
    width: 30%;
    position: relative;
    margin-top: 3rem;
    border: 1px solid #E1251B;
}
.kategoriler .uruncard .textos{
    height: 340px;
    object-fit: cover;
    width: 100%;
    overflow: hidden;
}
.kategoriler .uruncard .textos img{
    height: 100%;
    object-fit: cover;
    transition: .5s;
    width: 100%;
}
.kategoriler .uruncard .text{
    position: relative;
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
}
.kategoriler .uruncard .text h5{
    color: #ffffff;
    margin-bottom: 1rem;
    color: #E1251B;
    font-weight: 600;
    text-align: left;
    font-size: 22px;
}
.kategoriler .uruncard .text p{
    color: #000000;
    margin-bottom: 0rem;
    font-size: 100%;
}
.kategoriler .uruncard .text a{
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
}
.kategoriler .uruncard:hover .textos img{
    transform: scale(1.03);
}
.kategoriler .uruncard:hover .text a{
    clip-path: polygon(100% 0%, 100% 100%, 15% 100%, 0% 100%, 0% 0%, 0% 0%, 85% 0%);
	background:#00385C; 
}
.altbar.kategori.urun ul li.dd{
  overflow:visible;
  position:relative;
  cursor:pointer;
  border-radius: 5px;
  background: #00385C;
  clip-path: polygon(100% 0%, 100% 100%, 15% 100%, 0% 100%, 0% 0%, 0% 0%, 85% 0%);
} 
.altbar.kategori.urun ul li.dd:hover{
  /* background: #ECECEC; */
}
.altbar.kategori.urun ul li.dd:hover .dd-toggle{
  color: #e31f2b;
} 
.altbar.kategori.urun ul li.dd .dd-toggle{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  font-weight:700;
  background:transparent;
  border:none;
  cursor:pointer;
  padding: 10px 30px;
  color: #ffffff;
}
.altbar.kategori.urun ul li.dd .dd-toggle .dd-ok{
  width:12px;
  height:12px;
  stroke:#232323;
  transition:transform .3s ease;
  flex-shrink:0;
}
.altbar.kategori.urun ul li.dd.acik .dd-toggle .dd-ok{
  transform:rotate(180deg);
}
  
.altbar.kategori.urun ul li.dd .dd-menu{
  list-style:none;
  position:absolute;
  top:calc(100% + 12px);
  left:50%;
  transform:translateX(-50%) translateY(-8px);
  margin:0;
  padding:8px;
  min-width:220px;
  background:#fff;
  border-radius:16px;
  box-shadow:0px 8px 24px #00000022;
  z-index:50;
  opacity:0;
  pointer-events:none;
  transition:opacity .3s ease, transform .3s ease;
  flex-direction: column;
  gap: 0px;
}
.altbar.kategori.urun ul li.dd.acik .dd-menu{
  opacity:1;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.altbar.kategori.urun ul li.dd .dd-menu li{
  background:transparent;
  margin:0;
  min-width:0;
  overflow:visible;
  border-radius:10px;
  margin-bottom: .5rem;
}
.altbar.kategori.urun ul li.dd .dd-menu li:hover{
  background:#F3F5F8;
}
.altbar.kategori.urun ul li.dd .dd-menu li:hover a{
  color: #000000;
  font-weight: bold;
}
.altbar.kategori.urun ul li.dd .dd-menu li a{
  display:block;
  width:100%;
  text-align:left;
  font-size:14px;
  font-weight:500;
  color:#232323; 
  padding: 10px 10px;
  min-width: 90px;
  display: block;
  clip-path: none;
  background: none;
  height: auto;
  min-height: auto;
}
.altbar.kategori.urun ul li.dd .dd-menu li.dd-menu-aktif a{
  color: #ffffff;
  font-weight:700;
  background: #E31F2B;
}
 
@media (max-width:600px){
  .altbar.kategori.urun ul li.dd .dd-menu{
    min-width:180px;
  }
}

.urundetay{}
.urundetay.ters{
    background: #F3F3F3;
}
.urundetay.ters .w50{
	margin-top:auto;
	margin-bottom:auto;
}
.urundetay .row{}
.urundetay .row .w50{}
.urundetay .row .w50 h6{}
.urundetay .row .w50 h5{
    color: #e1251b;
    font-weight: bold;
}
.urundetay .row .w50 h5 a{
	font-size:inherit;
	color:inherit;
	font-weight:inherit;
}
.urundetay .row .w50 p{}
.urundetay .row .w50 img{}
.ikonlist{
    background: linear-gradient(385deg, #0C2C46 0%, #163F5F 100%);
}
.ikonlist .cardestes{
    width: 23%;
    text-align: center;
    border: 1px solid #FFFFFF27;
    padding: 70px 20px;
}
.ikonlist .row{
    justify-content: space-between;
}
.ikonlist .cardestes img{
    width: 100px;
    height: 100px;
    object-fit: contain;
    margin-bottom: 1rem;
}
.ikonlist .cardestes h6{
    color: #ffffff;
    text-align: center;
    margin-bottom: 1rem;
}
.ikonlist .cardestes p{
    margin: 0;
    color: #ffffff;
}
.projects{
    background: #F3F3F3;
}
.projects h2{
    margin-bottom: 2rem;
}
.projects h2.desen{
    margin-bottom: 1rem;
}
.projects p{}
.projects ul{}
.projects ul li{}
.projects img{
    width: 100%;
}
.detay{}
.detay .w50{}
.detay .w50 h2{
    text-align: left;
}
.detay .w50 h3{}
.detay .w50 ul{}
.detay .w50 p, .detay .w50 li{}
.detay .w50 .markacard{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}
.detay .w50 .markacard img{
    height: 200px;
}

.markalarimiz.detay .row{
    width: 100%; 
}
.hizmetler{}
.hizmetler.ters{
    background: #F3F3F3;
}
.hizmetler .w50{}
.hizmetler .w50 h3{}
.hizmetler .w50 h3{
    color: #414141;
    margin-bottom: 1rem;
}
.hizmetler .w50 img{
    width: 100%;
    height: 550px;
}
.hizmetler .w50 img.ikon{
    width: 110px;
    height: auto;
    object-fit: contain;
}
.hizmetler .w50 p{}
.footer{
    position: relative;
    padding-top: 5%;
    padding-bottom: 5%;
}
.footer .bgsimages{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.footer .bgsimages img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.footer .row{}
.footer .row .w100{
    margin-bottom: 2rem;
    border-bottom: 1px solid #ffffff50;
}
.footer .row .w100 img{
    width: 20%;
    transform: translate(0px, -40px);
}
.footer .row .w30{}
.footer .row .w30 h5{
    color: #fff;
}
.footer .row .w30 h6{
    color: #ffffff;
}
.footer .row .w30 ul.social{
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}
.footer .row .w30 ul.social li{}
.footer .row .w30 ul.social li a{}
.footer .row .w30 ul.social li a img{
	transition:.5s;
}
.footer .row .w30 ul.social li:hover a img{
	transform: scale(1.1);
}
.footer .row .w30 ul{
    list-style: none;
    padding: 0;
    width: 80%;
}
.footer .row .w30 ul li{}
.footer .row .w30 a{
    color: #ffffff;
    display: block;
    margin-bottom: .3rem;
    transition:.5s;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.footer .row .w30 a:hover{
    color: #e1251b;
     
}
.footer .row .w40 a:hover{
    color: #e1251b;
     
}
.footer .row .w30 ul p{
    color: #ffffff;
    display: block;
    margin-bottom: 1rem;
}
.footer .row .w40 h5{
    color: #ffffff;
}

.footer .row .w40{}
.footer .row .w40 a{
	
color: #ffffff;
	
display: block;
	
margin-bottom: .3rem;
	
transition:.5s;
}
.anamenu{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	background: transparent;
	transition: background .4s ease;
}
.anamenu .sinir{
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	line-height: 0;
	pointer-events: none;
	z-index: 1;
	opacity: 1;
	transition: opacity .4s ease;
}
.anamenu.gecmis .sinir,
.anamenu.acik .sinir,
.anamenu:hover .sinir{
	opacity: 0;
}
.anamenu .sinir svg{
	display: block;
	width: 100%;
	height: auto;
}
.anamenu .ust{
	position: relative;
	z-index: 2;
	max-width: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 5%;
	transition: padding .4s ease, background .4s ease;
}
.anamenu.gecmis .ust{
	padding: 5px 5%;
}

.anamenu.detaypage .ust{
	padding: 5px 5%;
}
.anamenu.gecmis .ust,
.anamenu.acik .ust,
.anamenu .ust:hover{ 
	background: #00385C;
}
 
.anamenu .logo{
	flex: 0 0 auto;
}
.anamenu .logo img{
	display: block;
	height: 46px;
	width: auto;
	transition: height .4s ease;
	object-fit: contain;
}
.anamenu.gecmis .logo img{
	height: 30px;
}
.anamenu.detaypage .logo img{
	height: 30px;
}
 
.anamenu.detaypage{
	background: #00385C;
}
.anamenu .linkler{
	flex: 1 1 auto;
	display: flex;
	justify-content: center;
}
.anamenu .linkler ul{
	display: flex;
	align-items: center;
	gap: 54px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.anamenu .linkler ul li{
	position: relative;
	margin: 0;
}
.anamenu .linkler ul li > a{
	display: flex;
	align-items: center;
	gap: 7px;
	color: #ffffff;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
	padding: 12px 0;
	transition: color .3s ease;
	white-space: nowrap;
	margin: 0;
}
.anamenu .linkler ul li:hover > a{
	color: #E1251B;
}
.anamenu .linkler ul li .ok{
	display: inline-flex;
	flex: 0 0 auto;
	transition: transform .35s ease;
}
.anamenu .linkler ul li .ok svg{
	width: 12px;
	height: 12px;
	display: block;
	pointer-events: none;
	stroke: #fff;
}
.anamenu .linkler ul li.tetik:hover .ok,
.anamenu .linkler ul li.acik .ok{
	transform: rotate(180deg);
}
 
.anamenu .linkler ul li.basit .altmenu{
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 240px;
	background: #00385C;
	padding: 14px 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: opacity .3s ease, transform .3s ease, visibility .3s ease;
}
.anamenu .linkler ul li.basit:hover .altmenu{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.anamenu .linkler ul li.basit .altmenu a{
	display: block;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	padding: 10px 24px;
	transition: color .3s ease, background .3s ease;
	margin: 0;
}
.anamenu .linkler ul li.basit .altmenu a:hover{
	color: #E1251B;
	background: rgba(255,255,255,0.06);
}
 
.anamenu .mega{
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #00385C;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: opacity .35s ease, transform .35s ease, visibility .35s ease;
}
.anamenu .mega.acik{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.anamenu .mega .icerik{
	position: relative;
	max-width: 86%;
	margin: 0 auto;
	padding: 44px 0 52px;
	z-index: 2;
	display: flex;
}
.anamenu .mega .arkaplan{
	position: absolute;
	inset: 0;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	pointer-events: none;
	z-index: 1;
	overflow: hidden;
}
.anamenu .mega .arkaplan span{
	font-size: 200px;
	font-weight: 700;
	letter-spacing: 8px;
	color: #ffffff;
	opacity: 0.05;
	white-space: nowrap;
	text-transform: uppercase;
}
.anamenu .mega .nokta{
	position: absolute;
	top: 30px;
	right: 8%;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 1px solid #ffffff40;
	z-index: 2;
}
.anamenu .mega .baslik{
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 22px;
	width: 15%;
	padding-top: 0%;
}
.anamenu .mega .liste a{
	display: block;
	position: relative;
	color: #ffffff;
	font-size: 17px;
	font-weight: 500;
	padding: 6px 0;
	width: max-content;
	transition: color .3s ease;
	margin: 0;
}
.anamenu .mega .liste a::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 8px;
	width: 0;
	height: 2px;
	background: #E1251B;
	transition: width .3s ease;
}
.anamenu .mega .liste a:hover,
.anamenu .mega .liste a.aktif{
	color: #E1251B;
}
.anamenu .mega .liste a:hover::after,
.anamenu .mega .liste a.aktif::after{
	width: 100%;
}
 
.anamenu .sag{
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 20px;
}
.anamenu .sag .teklif{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #E1251B;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	padding: 13px 26px;
	border-radius: 6px;
	transition: background .3s ease;
	white-space: nowrap;
	margin: 0;
}
.anamenu .sag .teklif:hover{
	background: #ffffff;
	color: #00385C;
}
.anamenu .sag .dil{
	position: relative;
}
.anamenu .sag .dil > button{
	display: flex;
	align-items: center;
	gap: 7px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	outline: none;
	border: none;
	background: none;
}
.anamenu .sag .dil .ok svg{
	width: 11px;
	height: 11px;
	display: block;
	transition: transform .35s ease;
	stroke: #fff;
}
.anamenu .sag .dil:hover .ok svg{
	transform: rotate(180deg);
}
.anamenu .sag .dil .altmenu{
	position: absolute;
	top: 100%;
	right: 0;
	min-width: 100%;
	background: #00385C;
	padding: 0px 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: opacity .3s ease, transform .3s ease, visibility .3s ease;
	border: 1px solid #ffffff;
	border-radius: 10px;
}
.anamenu .sag .dil:hover .altmenu{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.anamenu .sag .dil .altmenu a{
	display: block;
	color: #ffffff;
	font-size: 14px;
	padding: 4px 10px;
	transition: color .3s ease;
	margin: 0;
	text-align: center;
}
.anamenu .sag .dil .altmenu a:hover{
	color: #E1251B;
}
 
@media (max-width: 1450px){
	.anamenu .linkler ul{ gap: 22px; }
}
@media (max-width: 1280px){
	.anamenu .linkler ul{ gap: 14px; }
	.anamenu .linkler ul li > a{ font-size: 14px; }
	.anamenu .sag .teklif{ padding: 12px 18px; }
	.anamenu .sag{ gap: 14px; }
}
 
.demo-hero{
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 640px;
	overflow: hidden;
}
.demo-hero img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.demo-hero::after{
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.25) 55%, rgba(0,0,0,0.1) 100%);
}
.demo-dolgu{
	background: #F2F3F5;
	padding: 120px 0;
	text-align: center;
	color: #8b96a5;
	font-size: 15px;
	height: 1200px;
}
.footer .row .w30 h5 { 
    margin-bottom: 1rem;
}
.footer .row .w40 h5 { 
    margin-bottom: 1rem;
}
.sss-bolumu h3{
    color:#00385C;
    margin-bottom:32px;
}
.sss-oge{
    border-bottom:1px solid #E5E7EB;
}
.sss-oge:first-child{
    border-top:1px solid #E5E7EB;
}
.sss-baslik{
    display:flex;
    align-items:center;
    justify-content: center;
    cursor:pointer;
    padding:22px 0;
}
.sss-baslik h5{
    color:#232323;
    font-weight:600;
    pointer-events:none;
    margin: 0;
}
.sss-ok{
    flex:0 0 auto;
    display:flex;
    transition:transform .35s ease;
    pointer-events:none;
}
.sss-oge.acik .sss-ok{
    transform:rotate(180deg);
}
.sss-cevap{
    display:grid;
    grid-template-rows:0fr;
    transition: 1s ease;
    opacity: 0;
    height: 0;
}
.sss-cevap > p{
    overflow:hidden;
    min-height:0;
    margin-bottom:0;
    padding-right:60px;
}
.sss-oge.acik .sss-cevap{
    grid-template-rows:1fr;
    opacity: 1;
    height: auto;
}
.sss-oge.acik .sss-cevap > p{
    padding-bottom:22px;
}
 .iletisim{}
.iletisim .w40{}
.iletisim .w40 h2.desen{
	margin-bottom:1rem;
}
.iletisim .w40 h2{
	margin-bottom:2rem;
}
.iletisim .w40 a{
    display: flex;
    margin: 0;
    align-items: center;
    margin-top: 1rem;
}
.iletisim .w40 a img{
   width: 30px;
   height: 30px;
   object-fit:contain;
   margin-right: 15px;
}
.iletisim .w40 ul {
    list-style: none;
    padding: 0;
    list-style: none;
    display: flex;
    margin-top: 1rem;
}
.iletisim .w40 ul li{
    margin: 0;
}
.iletisim .w40 ul li a{}
.iletisim .w40 ul li a img{}
.iletisim .w60{}
.iletisim .w60 iframe{
    height:100%;
}
.iletisimformu{
    position: relative;
}
 
.iletisimformu .container .iletisim-form .form-blok{
    margin-bottom: 30px;
}
.iletisimformu .container .iletisim-form .form-blok .blok-baslik{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}
.iletisimformu .container .iletisim-form .form-blok .blok-baslik span{
    color: #232323;
    letter-spacing: 0.5px;
    white-space: nowrap;
    line-height: 1;
}
.iletisimformu .container .iletisim-form .form-blok .blok-baslik .cizgi{
    flex: 1;
    height: 1px;
    background: #d9d9d9;
}
 
.iletisimformu .container .iletisim-form .form-blok .form-grid{
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 40px;
    align-items: stretch;
}
.iletisimformu .container .iletisim-form .form-blok .form-grid .sol-alanlar{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.iletisimformu .container .iletisim-form .form-blok .form-grid .sag-alan{
    display: flex;
}
.iletisimformu .container .iletisim-form .form-blok .form-grid .sag-alan .mesaj-alani{
    width: 100%;
    display: flex;
}
.iletisimformu .container .iletisim-form .form-blok .form-grid .sag-alan .mesaj-alani textarea{
    width: 100%;
    min-height: 100%;
    height: auto;
    resize: vertical;
}
 
.iletisimformu .container .iletisim-form .form-group{
    display: flex;
    flex-direction: column;
    position: relative;
}
 
.iletisimformu .container .iletisim-form .form-group input[type="text"],
.iletisimformu .container .iletisim-form .form-group input[type="email"],
.iletisimformu .container .iletisim-form .form-group textarea{
    width: 100%;
    padding: 18px 22px;
    background: #f2f2f2;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #232323;
    font-family: inherit;
    line-height: 1.4;
    transition: border-color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}
.iletisimformu .container .iletisim-form .form-group input::placeholder,
.iletisimformu .container .iletisim-form .form-group textarea::placeholder{
    color: #8a8a8a;
    opacity: 1;
}
.iletisimformu .container .iletisim-form .form-group input:hover,
.iletisimformu .container .iletisim-form .form-group textarea:hover{
    background: #ececec;
}
.iletisimformu .container .iletisim-form .form-group input:focus,
.iletisimformu .container .iletisim-form .form-group textarea:focus{
    background: #ffffff;
    border-color: #E31F2B;
    box-shadow: 0 0 0 3px rgba(227, 31, 43, 0.12);
}
.iletisimformu .container .iletisim-form .form-group input.hata,
.iletisimformu .container .iletisim-form .form-group textarea.hata{
    border-color: #E31F2B;
    background: rgba(227, 31, 43, 0.05);
}
 
.iletisimformu .container .iletisim-form .form-alt{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 20px;
    flex-wrap: wrap;
}
.iletisimformu .container .iletisim-form .form-alt .kvkk{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    user-select: none;
    line-height: 1.4;
    margin: 0;
}
.iletisimformu .container .iletisim-form .form-alt .kvkk input{
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}
.iletisimformu .container .iletisim-form .form-alt .kvkk .kutu{
    width: 20px;
    height: 20px;
    border: 1.5px solid #c9c9c9;
    border-radius: 3px;
    background: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    position: relative;
    flex-shrink: 0;
}
.iletisimformu .container .iletisim-form .form-alt .kvkk .kutu::after{
    content: "";
    width: 6px;
    height: 10px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) scale(0);
    transition: transform 0.25s ease;
    margin-top: -2px;
}
.iletisimformu .container .iletisim-form .form-alt .kvkk input:checked + .kutu{
    background: #E31F2B;
    border-color: #E31F2B;
}
.iletisimformu .container .iletisim-form .form-alt .kvkk input:checked + .kutu::after{
    transform: rotate(45deg) scale(1);
}
.iletisimformu .container .iletisim-form .form-alt .kvkk input:focus-visible + .kutu{
    box-shadow: 0 0 0 3px rgba(227, 31, 43, 0.25);
}
.iletisimformu .container .iletisim-form .form-alt .kvkk input.hata + .kutu{
    border-color: #E31F2B;
    box-shadow: 0 0 0 3px rgba(227, 31, 43, 0.2);
}
.iletisimformu .container .iletisim-form .form-alt .kvkk .metin{
    color: #232323;
    line-height: 1.4;
}
.iletisimformu .container .iletisim-form .form-alt .kvkk .metin a{
    color: #232323;
    text-decoration: underline;
    margin: 0;
    font-size: inherit;
}
.iletisimformu .container .iletisim-form .form-alt .kvkk .metin a:hover{
    color: #E31F2B;
}

.iletisimformu .container .iletisim-form .form-alt .gonder-btn{
    background: #E31F2B;
    color: #ffffff;
    border: 1px solid #E31F2B;
    border-radius: 4px;
    padding: 14px 44px;
    cursor: pointer;
    letter-spacing: 2px;
    font-weight: 600;
    transition: 0.35s;
    line-height: 1.2;
}
.iletisimformu .container .iletisim-form .form-alt .gonder-btn:hover{
    background: #ffffff;
    color: #E31F2B;
}
 
@media (max-width: 991px){
    .iletisimformu .container .iletisim-form .form-blok .form-grid{
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .iletisimformu .container .iletisim-form .form-blok .form-grid .sag-alan .mesaj-alani textarea{
        min-height: 180px;
    }
}
@media (max-width: 575px){
    .iletisimformu .container .iletisim-form .form-alt{
        flex-direction: column;
        align-items: stretch;
    }
    .iletisimformu .container .iletisim-form .form-alt .gonder-btn{
        width: 100%;
    }
    .iletisimformu .container .iletisim-form .form-group input,
    .iletisimformu .container .iletisim-form .form-group textarea{
        padding: 16px 18px;
    }
} 
.katbar{
    position:relative;
    background:#00385C;
}
.katbar .arkaplan{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    pointer-events:none;
    z-index:0;
    overflow:hidden;
}
.katbar .arkaplan span{
    font-size:80px;
    font-weight:700;
    letter-spacing:6px;
    color:#ffffff;
    opacity:0.04;
    white-space:nowrap;
}
.katbar .container{
    position:relative;
    z-index:1;
}
.katbar .katbar-liste{
    display:flex;
    flex-wrap:wrap;
    gap:0;
    list-style:none;
    padding:0;
    margin:0;
}
.katbar .katbar-liste li a{
    display:block;
    color:#ffffff;
    font-size:14px;
    font-weight:500;
    padding:20px 24px;
    transition:background .3s ease, color .3s ease;
    white-space:nowrap;
    margin-bottom:0;
}
.katbar .katbar-liste li a:hover{
    background:rgba(255,255,255,0.08);
}
.katbar .katbar-liste li.aktif a{
    color:#E1251B;
    background:rgba(225,37,27,0.12);
}
.katbar .katbar-mobil{
    display:none;
    position:relative;
}
.katbar .katbar-toggle{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    background:transparent;
    color:#ffffff;
    font-size:15px;
    font-weight:600;
    padding:18px 0;
    cursor:pointer;
    border:none;
}
.katbar .katbar-ok{
    display:flex;
    transition:transform .35s ease;
}
.katbar .katbar-mobil.acik .katbar-ok{
    transform:rotate(180deg);
}
.katbar .katbar-dropdown{
    display:none;
    list-style:none;
    padding:0;
    margin:0;
    background:#00385C;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    z-index:10;
    max-height:60vh;
    overflow-y:auto;
    box-shadow:0 8px 24px rgba(0,0,0,0.3);
}
.katbar .katbar-mobil.acik .katbar-dropdown{
    display:block;
}
.katbar .katbar-dropdown li a{
    display:block;
    color:#ffffff;
    font-size:14px;
    padding:14px 20px;
    border-top:1px solid rgba(255,255,255,0.08);
    transition:background .3s ease, color .3s ease;
    margin-bottom:0;
}
.katbar .katbar-dropdown li a:hover,
.katbar .katbar-dropdown li.aktif a{
    color:#E1251B;
    background:rgba(225,37,27,0.12);
}
@media(min-width:600px){
    .katbar .katbar-mobil{display:none !important;}
    .katbar .katbar-liste{display:flex;}
}
@media(max-width:600px){
    .katbar .katbar-mobil{display:block;
    
        padding-left: 5%;
        padding-right: 5%;}
    .katbar .katbar-liste{display:none;}
}
.altbar.kategori.urun .anakat-dd{
    position:relative;
}
.altbar.kategori.urun .anakat-toggle{
    display:flex;
    align-items:center;
    gap:8px;
    background:none;
    border:none;
    color:#ffffff;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
    padding:20px 24px;
    white-space:nowrap;
    border-right:1px solid rgba(255,255,255,0.15);
    background: #00385c;
}
.altbar.kategori.urun .anakat-ok{
    display:flex;
    transition:transform .35s ease;
    color: #fff;
}
.altbar.kategori.urun .anakat-dd:hover .anakat-ok{
    transform:rotate(180deg);
}
.altbar.kategori.urun .anakat-menu{
    position:absolute;
    top:100%;
    left:0;
    min-width: 250px;
    background:#00385C;
    list-style:none;
    padding:8px 0;
    margin:0;
    opacity:0;
    visibility:hidden;
    transform:translateY(6px);
    transition:opacity .3s ease, transform .3s ease, visibility .3s ease;
    z-index:10;
    box-shadow:0 8px 24px rgba(0,0,0,0.3);
    gap: 15px;
}
.altbar.kategori.urun .anakat-dd:hover .anakat-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
.altbar.kategori.urun .anakat-menu li{
	width:100%;
}
.altbar.kategori.urun .anakat-menu li a{
    display:block;
    color:#ffffff;
    font-size:14px;
    padding: 0px 10px;
    transition:background .3s ease, color .3s ease;
    margin-bottom:0;
    background: none;
    width: 100%;
    clip-path: none;
    height: auto;
    min-height: auto;
}
.altbar.kategori.urun .anakat-menu li a:hover,
.altbar.kategori.urun .anakat-menu li.secili a{
    color:#E1251B;
    background:rgba(225,37,27,0.1);
}

.urun-gruplari{
    background:#f2f3f5;
}
.urun-gruplari .ust{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    margin-bottom:48px;
}
.urun-gruplari .kontrol{
    display:flex;
    gap:12px;
}
.urun-gruplari .kontrol button{
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    border-radius:50%;
    background:#ffffff;
    border:1px solid #E1251B;
    cursor:pointer;
    color:#E1251B;
    transition:.3s ease;
}
.urun-gruplari .kontrol button:hover{
    background:#E1251B;
    color:#ffffff;
}
.urun-gruplari .kontrol button svg{
    width:18px;
    height:18px;
    pointer-events:none;
}
.urun-gruplari .ug-kart{
    position:relative;
    height:480px;
    overflow:hidden;
    cursor:pointer;
}

.urun-gruplari .ug-kart .absole{
     position:absolute;
     left:0;
     top:0;
     width:100%;
     height:100%;
     z-index: 9;
     margin: 0;
}
.urun-gruplari .ug-kart .ug-bg{
    position:absolute;
    inset:0;
    z-index:1;
}
.urun-gruplari .ug-kart .ug-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .8s ease;
}
.urun-gruplari .ug-kart:hover .ug-bg img{
    transform:scale(1.06);
}
.urun-gruplari .ug-kart .ug-film{
    position:absolute;
    inset:0;
    background:linear-gradient(0deg, rgba(0,56,92,0.85) 0%, rgba(0,56,92,0.3) 50%, rgba(0,0,0,0.1) 100%);
    z-index:2;
    transition:background .5s ease;
}
.urun-gruplari .ug-kart:hover .ug-film{
    background: linear-gradient(0deg, rgba(0,56,92,0.85) 0%, rgba(0,56,92,0.3) 50%, rgba(0,0,0,0.1) 100%);
}
.urun-gruplari .ug-kart .ug-icerik{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    z-index:3;
    padding:40px 30px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}
.urun-gruplari .ug-kart .ug-icerik h5{
    color:#ffffff;
    margin-bottom:8px;
    font-weight:600;
    line-height:130%;
}
.urun-gruplari .ug-kart .ug-icerik p{
    color:rgba(255,255,255,0.8); 
     font-size:14px; 
     line-height:150%; 
     margin-bottom:20px; 
    display:block; 
}
.urun-gruplari .ug-kart .ug-icerik .buton{
    opacity:0;
    transform:translateY(12px);
    transition:opacity .4s ease, transform .4s ease;
}
.urun-gruplari .ug-kart:hover .ug-icerik .buton{
    opacity:1;
    transform:translateY(0);
}
.urun-gruplari .owl-urungrubu .owl-stage{
    display:flex;
}
.urun-gruplari .owl-urungrubu .owl-item{
    padding:0 10px;
}
.urun-gruplari .owl-urungrubu .owl-dots{
    display:none !important;
}
.urun-gruplari .owl-urungrubu .owl-nav{
    display:none !important;
}
@media(max-width:1651px){
    .urun-gruplari .ug-kart{height:440px;}
}
@media(max-width:1280px){
    .urun-gruplari .ug-kart{height:400px;}
}
@media(max-width:900px){
    .urun-gruplari .ug-kart{height:360px;}
    .urun-gruplari .ug-kart .ug-icerik{padding:30px 24px;}
    .urun-gruplari .ug-kart .ug-icerik .buton{
        opacity:1;
        transform:translateY(0);
    }
}
@media(max-width:600px){
    .urun-gruplari .ug-kart{height:320px;}
    .urun-gruplari .ug-kart .ug-icerik{padding:24px 20px;}
    .urun-gruplari .ust{flex-direction:column;align-items:flex-start;gap:16px;}
}