@font-face{
  font-family:'DM Sans';
  font-style:normal;
  font-weight:100 700;
  font-display:swap;
  src:url('/f/dmsansall.woff2') format('woff2');
}

.xdebug-error, table.xdebug-error, div.xdebug-error{position:relative !important;z-index:999999 !important;}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
*{
box-sizing:border-box;
margin:0;
padding:0;
user-select:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color:transparent; 
}

body{
margin:0;
padding:0;
max-width:100% !important;
overflow-x:hidden !important;
}
body,p,li{
font-family:"DM Sans", sans-serif;
font-size:1vw;
font-weight:400;
color:#212121;
line-height:1.7;
-webkit-text-size-adjust:100%;
text-size-adjust:100%;
-webkit-font-smoothing:antialiased;
font-optical-sizing:auto;
}

.yatayscrollengelle{max-width:100%;position:relative;top:0;bottom:0;left:0;right:0;overflow:hidden;}

h1,h2,h3,h4{font-weight:300;text-align:center;color:var(--r);margin:2vw 0 0.5vw 0;line-height:140%;}
h1{font-size:2vw;}
h2{font-size:1.7vw;}
h3{font-size:1.5vw;}
h4{font-size:1.3vw;}

p{text-align:justify;}
b, strong{font-weight:600}
a{text-decoration:none}
b{font-weight:600}
.sup{font-size:0.7em;vertical-align:super;}/*span⁷1⁵*/
.clearfix:after{
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}
.clearfix{ display:inline-block; }
* html .clearfix{ height:1%; }
.clearfix{ display:block; }

hr{border:0;height:1px;background:linear-gradient(to right, transparent, var(--r), transparent);margin:2vw 0 2vw 0;}
.hr{
color:var(--r);
position:relative;
text-align:center;
margin:2vw 0 1vw 0;
letter-spacing:.2vw;
opacity:.9;
padding:0;
display:flex;
align-items:center;
justify-content:center;
gap:1vw;
}
.hr::before{content:"";flex:1;height:1px;background:linear-gradient(to left,var(--r) 0%,var(--r) 30%,transparent 100%);}
.hr::after{content:"";flex:1;height:1px;background:linear-gradient(to right,var(--r) 0%,var(--r) 30%,transparent 100%);}
.hr.beyaz::before{background:linear-gradient(to left,#fff 0%,#fff 30%,transparent 100%);}
.hr.beyaz::after{background:linear-gradient(to right,#fff 0%,#fff 30%,transparent 100%);}

.page{width:100%;background-color:#eee}

::placeholder{color:#ccc;opacity:1;}
:-ms-input-placeholder{color:#ccc;}
::-ms-input-placeholder{color:#ccc;}
.asakayiconbnrCab{
mix-blend-mode:difference;
margin:35vw auto;
position:absolute;
z-index:12;
cursor:pointer;
display:block;
width:4vw;
top:0;
left:48.2vw;
-webkit-filter:drop-shadow(0px 0px .2vw rgba(0, 0, 0, 1));
filter:drop-shadow(0px 0px .1vw rgba(0, 0, 0, 1));
}
.asakayiconbnr{
position:absolute;
width:3vw;
height:1.1vw;
opacity:0;
transform:scale3d(0.5, 0.5, 0.5);
animation:asakaymove 3s ease-out infinite;
}
.asakayiconbnr:first-child{  animation:asakaymove 3s ease-out 1s infinite;}
.asakayiconbnr:nth-child(2){  animation:asakaymove 3s ease-out 2s infinite;}
.asakayiconbnr:before,.asakayiconbnr:after{
background:#fff;
content:' ';
position:absolute;
top:0;
height:100%;
width:50%;
}
.asakayiconbnr:before{left:0;  transform:skew(0deg, 30deg);}
.asakayiconbnr:after{right:0;  width:50%;  transform:skew(0deg, -30deg);}
@keyframes asakaymove{
25%{
opacity:1;
}
33%{
opacity:1;
transform:translateY(1.5vw);
}
67%{
opacity:1;
transform:translateY(3vw);
}
100%{
opacity:0;
transform:translateY(4.5vw) scale3d(0.5, 0.5, 0.5);
}
}

.imgfull{width:100%;}
.imgyarim{width:50%;}
.imgceyrek{width:25%;}

.oval1vw{border-radius:1vw;}
.oval2vw{border-radius:2vw;}

.breadcrumb{
position:absolute;
width:auto;
right:1vw;
top:6.4vw;
font-size:.8vw;
color:#fff;
font-weight:300;
text-shadow:1px 1px 3px black;
line-height:1.1;
text-align:right;
display:flex;
align-items:center;
white-space:nowrap;
}

.breadol{
list-style:none;
display:flex;
justify-content:flex-end;
align-items:center;
margin:0;
padding:0;
}

.breadol li{
font-size:.82vw;
color:#fff;
font-weight:300;
text-shadow:1px 1px 3px black;
line-height:1.1;
display:flex;
align-items:center;
}

.breadol li::after{
content:"❯";
margin:0 .4vw;
}

.breadol li:last-child::after{
content:none;
}

.breadol li a{
text-decoration:none;
color:#fff;
text-transform:uppercase;
display:inline-block;
}

.resimdot{
background-image:url(../i/videodot.png);
background-repeat:repeat;
position:absolute;
top:0;
left:0;
width:200vw;
height:200vh;
z-index:1;
margin:0;
padding:0;
pointer-events:none;
}

/*BODY VIDEO*/
#bodyVideo{
position:relative;
top:0;
bottom:0;
width:100%;
height:35vw;
overflow:hidden;
}

#bodyVideoic{
width:100%;
height:100%;
object-fit:cover;
}

.bodyVideOverlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, 0.0);
display:flex;
align-items:center;
justify-content:center;
color:white;
font-weight:300;
font-size:2vw;
text-align:center;
}

.divCabFull ul{margin:0 0 2vw 3vw;}
.divCabFull li{
list-style-type:circle;
position:relative;
text-align:left;
font-weight:400;
line-height:120%;
padding-top:.7vw;
text-align:justify;
}

.liumut ul{
list-style-type:none;
}

.liumut li{
padding-bottom:.7vw;
text-align:left;
line-height:120%;
list-style-type:none;
position:relative;
font-weight:300;
font-size:1.1vw;
margin-left:3vw;
}

.liumut li:before{
height:1vw;
width:1vw;
background-size:1vw;
margin-right:.5vw;
margin-left:-1.7vw;
content:'';
display:inline-block;
background-image:url('../i/li-icon.svg') ;
background-repeat:no-repeat;
vertical-align:middle;
}

.linokta li::before{
background-image:none !important;
content:'●';
position:absolute;
color:#666;
font-size:1.2vw;
}

.divCab{
width:100%;
margin:10px auto;
position:relative;
display:flex;
flex-wrap:wrap;
justify-content:center;
}

:root, [data-theme="klasik_fon"]{
--cD-bg-renk:#fff;
--cD-h-renk:var(--r);
--cD-yazi-renk:#212529;
}
[data-theme="renkli_fon"]{
--cD-bg-renk:linear-gradient(45deg, var(--r), black);
--cD-h-renk:#fff;
--cD-yazi-renk:#fff;
}

.colorDiv{
background:var(--cD-bg-renk);
color:var(--cD-yazi-renk);
padding:4vw;
font-weight:300;
}

.colorDiv p{
color:var(--cD-yazi-renk);
font-weight:300;
}

.colorDiv h2{
color:var(--cD-h-renk);
font-weight:300;
}
.colorDiv h3{
color:var(--cD-h-renk);
font-weight:300;
}

.colorDiv li{
color:var(--cD-yazi-renk);
font-weight:300;
list-style-type:disc;
list-style-type:disc;
margin-left:3vw;
}

.divCabicMarkalar{
width:9.5vw;
height:auto;
margin:.5vw;
transition:all 0.3s;
}
.divCabicFaaliyetler{
width:18vw;
height:auto;
margin:2vw;
transition:all 0.3s;
}

.divCabFull{
margin:2vw 5vw 2vw 5vw;
padding:3vw;
width:90vw;
height:auto;
display:inline-block;
background-color:#fff;
}

.divCabiletBck{
background-image:url('../i/iletisimbck2.svg');
background-size:auto 100%;
background-position:center;
background-repeat:no-repeat;
}

/* 5li */
.kutularCab{
width:100%;
//background:#EEE;
position:relative;
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
}
.kutu5li{
width:17vw;
height:auto;
margin:0;
padding:0;
transition:all 0.3s;
overflow:hidden;
}
.kutu5licon{
text-align:center;
font-size:1.7vw;
line-height:1;
font-weight:300;
}
.kutu5licon span{font-size:.8vw;margin:0;padding:0;font-weight:600;}
.kutu5licon img{filter:invert(100%); width:30%}

.cols{
width:100%;
margin:0 auto;
position:relative;
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:top;
}
.col1{
width:78vw;
height:auto;
margin:0 1vw 0 1vw;
padding:0vw;
transition:all 0.3s;
}
.col2{
width:39vw;
height:auto;
margin:0 1vw 0 1vw;
padding:0vw;
transition:all 0.3s;
}
.col3{
width:29vw;
height:auto;
margin:0 1vw 0 1vw;
padding:0vw;
transition:all 0.3s;
}
.col4{
width:22.4vw;
height:auto;
margin:0 1vw 0 1vw;
padding:0vw;
transition:all 0.3s;
}
.col5{
width:16vw;
height:auto;
margin:0 .5vw 0 .5vw;
padding:0vw;
transition:all 0.3s;
text-align:center;
}
.col6{
width:14vw;
height:auto;
margin:0 1vw 0 1vw;
padding:0vw;
transition:all 0.3s;
}

.col-ekip{
width:14vw;
height:16vw;
margin:1vw;
padding:0vw;
transition:all 1s;
background-color:#eee;
box-shadow:5px 5px 5px rgba(0,0,0,0.3);
overflow:hidden;
background-size:100%;
background-repeat:no-repeat;
background-position:center;
transition:background-size 0.3s ease;
display:flex;
justify-content:center;
align-items:flex-end;
}

.col-ekip:hover{background-size:110%;}

.col-ekip-icyazi{
color:#fff;
display:block;
background-color:rgba(0,0,0,0.5);
font-size:1.3vw;
font-weight:500;
text-align:center;
padding:0.2vw 0;
width:100vw;
position:relative;
}
.col-ekip-icyazi2{
color:#fff;
display:block;
background-color:rgba(0,0,0,0.5);
font-size:1.1vw;
font-weight:400;
text-align:center;
padding:0;
width:100vw;
position:relative;
}

/* MENU SAYFALAR */
.sresim1, .sresim2, .sresim3{
width:50%;
}
.sresim1{
float:left;
margin:0 20px 20px 0;
}
.sresim2{
float:right;
margin:0 0 20px 20px;
}
.sresim3{
float:left;
margin:0 20px 20px 0;
}
.stemizle{
clear:both;
}

.videoBlog{
width:24.7vw;
height:15.5vw;
}
/*İLETİŞİM*/
.icon{vertical-align:middle;width:1.5vw;}
#iletisimCab{width:50vw;margin:0 auto;}
.iletisim label{
display:inline-block;
max-width:100%;
margin-bottom:0.366vw;
font-weight:600;
text-align:left;
font-size:0.732vw;
text-transform:uppercase;
color:#9d9d9d;
line-height:120%;
}

.iletisim .textareamax{font-size:0.732vw;color:#9d9d9d;margin:-2vw 0 0 0;}



.iletisim input[type=text],
.iletisim input[type=number],
.iletisim input[type=tel],
.iletisim input[type=email],
.iletisim input[type=password],
.iletisim select option,
.iletisim textarea,
.iletisim select{
box-sizing:border-box;
box-shadow:inset 0px 0.073vw 0.220vw -0.146vw #000;
display:inline-block;
background-color:#fff;
border:0.073vw solid #e2e2e2;
border-top:0.073vw solid #cdcdcd;
border-bottom:0.073vw solid #efefef;
color:#9d9d9d;
margin:0 0 2vw 0;
padding:1vw;
font-size:1.2vw;
width:100%;
height:auto;
text-align:left;

}

.iletisim input[type="checkbox"]{
width:2vw;
height:2vw;
vertical-align:middle;
}

.iletisim input[disabled]{
cursor:not-allowed;
}
.iletisim textarea{
overflow:auto;
resize:vertical !important;
}


#guvenlikKodu{width:8vw;padding:1vw;margin:1vw;}
#guvenlikResim{width:11vw;vertical-align:middle;}

.iletisim input[type=file]:focus,
.iletisim input[type=text]:focus,
.iletisim input[type=number]:focus,
.iletisim input[type=tel]:focus,
.iletisim input[type=email]:focus,
.iletisim input[type=password]:focus,
.iletisim textarea:focus,
.iletisim select:focus,
.select-style:focus{
outline:none;
background-color:#fff;
}

.iletisim input::-webkit-outer-spin-button,.iletisim input::-webkit-inner-spin-button{
-webkit-appearance:none;
margin:0;
}
.iletisim input[type=number]{-moz-appearance:textfield;}


.iletisim #pass-show{
position:absolute;
transform:translateY(40%);
margin-left:-3vw;
width:2vw;
height:2vw;
cursor:pointer;
background-image:url('../i/eyec.svg');
background-repeat:no-repeat;
background-position:right center;
background-size:100%;
opacity:.4;
}

#websiteCab{display:none;}
/* TABLOLAR */
.ilettablo th{border:none;color:var(--r);font-weight:600;text-align:left;vertical-align:center; padding:.3vw;white-space:nowrap}
.ilettablo td{border:none;vertical-align:center; padding:2px;}
.ilettablo td a{color:#333}

.zebra tr{background-color:#ffffff;}
.zebra tr:nth-child(odd){background-color:#f4f4f4;}
.zebra tr:nth-child(even){background-color:#fff;}

.normal{
width:100%;
border-collapse:collapse;
color:#333;
}
.normal thead{
background-color:#f9f9f9;
text-align:left;
font-weight:bold;
}
.normal th, .normal td{
padding:12px;
border:1px solid #ddd;
}
.normal tr:nth-child(even){background-color:#f9f9f9;}
.normal tr:hover{background-color:#f1f1f1;}
.normal th{
background-color:#eee;
text-transform:uppercase;
font-weight:600;
}

/* tabloKayar */
.tabloKayarCab{
width:100% !important;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
display:flex;
justify-content:center;
}
.tabloKayar{
width:auto !important;
border-collapse:collapse;
white-space:nowrap;
table-layout:auto;
margin:3vw;
}
.tabloKayar thead{
background-color:var(--r);
color:#fff;
}
.tabloKayar th, .tabloKayar td{
padding:.5vw !important;
border:1px solid #ddd;
text-align:right;
vertical-align:middle !important;
}
.tabloKayar th{text-align:center}
.tabloKayar td:first-child{text-align:left}
.tabloKayar tbody tr:nth-child(odd){background-color:#fff;}
.tabloKayar tbody tr:nth-child(even){background-color:#fafafa;}
.tabloKayar tr:hover td{color:#fff;background:var(--r);}
.tabloKayar tr:hover th{color:#fff;background:var(--r);}
.tabloKayar tr:hover tr{color:#fff;background:var(--r);}

.iletisimMap{width:100%;height:35vw}


button.koduYenile{font-size:1.4vw;color:#666;}
.epostaimage{width:20vw;vertical-align:middle}
.beyazpng{filter:invert(0%)}
/*İLETİŞİM SONU*/

.parallax{
position:relative;
width:100%;
min-height:60vh;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
clip-path:inset(0);
-webkit-clip-path:inset(0);
}
.parallax h2{color:#fff}

.parallaxbg{
position:fixed;
top:0;
left:0;
width:100%;
height:100lvh;
background-size:cover;
background-position:center center;
z-index:-1;
will-change:transform;
-webkit-transform:translateZ(0);
transform:translateZ(0);
}

.parallaxic, .parallaxic p{color:#fff;font-weight:400;text-align:justify;text-shadow:0 0 10px #000;}
.parallaxic{
position:relative;
z-index:1;
background-color:rgba(0, 0, 0, 0.60);
min-height:60vh;
width:100%;
height:100%;
padding:5vw;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
}


.parallaxBnr{
background-attachment:fixed;
background-position:top;
background-repeat:no-repeat;
background-size:cover;
height:auto;
padding:0;
margin:0;
background-size:100% auto;
}
.parallaxBnr h1{color:#fff;font-size:2.5vw;font-weight:100;text-shadow:5px 5px 5px rgba(0, 0, 0, 1),5px 5px 5px rgba(0, 0, 0, 1);margin-top:5.4vw}
.parallaxBnric{width:100%;height:100%;padding:2vw;height:13vw;background-color:rgba(0, 0, 0, 0.7);}



/* BUTTON */

.jbut{
white-space:nowrap;
font-size:clamp(14px,1.1vw,22px);
letter-spacing:.05em;
line-height:1.1;
text-transform:uppercase;
display:inline-block;
text-align:center;
padding:1vw 1.5vw;
margin:.5vw;
border-radius:.2vw;
position:relative;
overflow:hidden;
cursor:pointer;
text-decoration:none;
background:none;
font-weight:400;
box-shadow:0 2px 10px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.1);
transition:.5s;
will-change:transform;
text-shadow:none !important;
}
a.jbut:before{
content:'';
position:absolute;
inset:-1px 10vw;
opacity:0;
z-index:-1;
transition:.5s;
}
a.jbut:hover:before,a.jbut:focus:before{inset:-1px 0;opacity:1;}
.jbutR{border:.15vw solid var(--r);color:var(--r);}
a.jbutR:before{background:var(--r);}
.jbutR:hover,.jbutR:focus{color:#fff;}
input.jbutR:hover,input.jbutR:focus{background:var(--r);}
.jbutG{border:.15vw solid #999;color:#999;}
a.jbutG:before{background:#999;}
.jbutG:hover,.jbutG:focus{color:#fff;}
input.jbutG:hover,input.jbutG:focus{background:#999;}
.jbutB{border:.15vw solid #fff;color:#fff;}
a.jbutB:before{background:#fff;}
.jbutB:hover,.jbutB:focus{color:#000;}
input.jbutB:hover,input.jbutB:focus{background:#fff;}
.jbutAL{border:.15vw solid #66cc00;color:#fff;background:#66cc00;}
a.jbutAL:before{background:#fff;}
.jbutAL:hover,.jbutAL:focus{color:#66cc00;}
input.jbutAL:hover,input.jbutAL:focus{background:#fff;}


/* Bootstrap */
/*
.jbut{
display:inline-block;
font-weight:400;
line-height:1.5;
text-align:center;
text-decoration:none;
vertical-align:middle;
cursor:pointer;
user-select:none;
background-color:transparent;
border:1px solid transparent;
padding:.375rem .75rem;
font-size:1rem;
border-radius:.375rem;
white-space:nowrap;
text-transform:none;
letter-spacing:normal;
margin:1rem;
box-shadow:none;
transition:color .15s ease-in-out,
		   background-color .15s ease-in-out,
		   border-color .15s ease-in-out,
		   box-shadow .15s ease-in-out;
}
a.jbut:before{content:none;}
a.jbut:hover,a.jbut:focus{text-decoration:none;}
.jbutR{border-color:#6c757d;color:#6c757d;background-color:transparent;}
a.jbutR:hover,a.jbutR:focus,input.jbutR:hover,input.jbutR:focus{color:#fff;background-color:var(--r);border-color:var(--r);}
.jbutG{border-color:#6c757d;color:#6c757d;background-color:transparent;}
a.jbutG:hover,a.jbutG:focus,input.jbutG:hover,input.jbutG:focus{color:#fff;background-color:#6c757d;border-color:#6c757d;}
.jbutB{border-color:#fff;color:#fff;background-color:transparent;}
a.jbutB:hover,a.jbutB:focus,input.jbutB:hover,input.jbutB:focus{color:#000;background-color:#fff;border-color:#fff;}
.jbutAL{border-color:#66cc00;color:#fff;background-color:#66cc00;}
a.jbutAL:hover,a.jbutAL:focus,input.jbutAL:hover,input.jbutAL:focus{color:#66cc00;background-color:#fff;border-color:#66cc00;}
*/
/* BUTTON SONU */

.whatsapp-siparis-bttn{
white-space:nowrap;
font-size:1.1vw;
letter-spacing:.1vw;
line-height:1.1;
padding:1vw 1.5vw;
border-radius:.2vw;
margin:0 .5vw 0 .5vw;
display:inline-flex;
align-items:center;
background-color:#1ebe5b;
color:white;
text-decoration:none;
font-weight:bold;
transition:background-color 0.3s ease;
}

.whatsapp-siparis-bttn:hover{
background-color:#075e55;
}

.whatsapp-siparis-bttn img{
width:24px;
height:24px;
margin-right:10px;
filter:invert(100%);
}

.PDFbelge{width:6vw}
a.cerez{cursor:pointer;}
.bulamadim{width:15vw;}
.sliderGosterBosluk{height:6vw;}

.refCab{
position:relative;
width:100vw;
display:flex;
flex-wrap:wrap;
gap:1vw;
justify-content:flex-start;
align-items:flex-start;
margin:0 auto;
}

.ref{
width:9.5vw;
height:7.15vw;
background-color:#fff;
border:2px solid #fff;
position:absolute;
opacity:0;
transform:scale(0);
overflow:hidden;
}

.ref img{width:100%;}

@keyframes fadeInMove{
0%{
	opacity:0;
	transform:scale(0) translate(0, 0);
}
100%{
	opacity:1;
	transform:scale(1) translate(var(--x), var(--y));
}
}
.ref.show{animation:fadeInMove 2s ease-out forwards;}

.golge{box-shadow:.3vw .3vw 1vw -.5vw #444;
}

/*	SCROLL BAR	*/
::-webkit-scrollbar-track{
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.1);
background-color:#F5F5F5;
border-radius:1vw;
}
::-webkit-scrollbar{
width:.7vw;
background-color:#F5F5F5;
}
::-webkit-scrollbar-thumb{
border-radius:1vw;
background-color:#FFF;
background-image:-webkit-gradient(linear,40% 0%,75% 84%,from(var(--r)),to(var(--r)),color-stop(.6,#fff))}
/*	SCROLL BAR	SONU	*/
.laptoptayok{display:none}






/* Mobil Responsive */
@media screen and (max-width:799px){
body,p,.divCabFull li{font-size:3.6vw;}
h1,h2,h3,h4{margin:6vw 0 1vw 0;}
h1{font-size:6vw;}
h2{font-size:5vw;}
h3{font-size:4.5vw;}
h4{font-size:4vw;}	
#downbanner{display:none}
hr{margin:5vw 0 5vw 0;}
.asakayiconbnrCab{width:16vw;top:80vw;left:44.4vw;}
.asakayiconbnr{width:12vw;height:4.4vw;}
@keyframes asakaymove{
  25%{
	opacity:1;
  }
  33%{
	opacity:1;
	transform:translateY(6vw);
  }
  67%{
	opacity:1;
	transform:translateY(12vw);
  }
  100%{
	opacity:0;
	transform:translateY(18vw) scale3d(0.5, 0.5, 0.5);
  }
}
.hrnet{margin:6vw 0 3vw 0;}
.hrnet:after{font-size:5vw;padding:0 .4em;line-height:6vw;}
.sliderGosterBosluk{height:14vw;}
.breadcrumb{top:16vw;font-size:2vw;}
.breadol li{font-size:2.4vw;}
.mobildeyok{display:none}
.laptoptayok{display:block}
.parallaxBnr h1{font-size:5vw;font-weight:500;}
.parallaxBnr{background-size:100% auto;background-position:center top 14vw;}
.parallaxBnric{width:100%;height:100%;padding:1vw;height:20vw;}
.divCabFull{width:100vw;margin:2vw 0 2vw 0;}
.divCabicMarkalar{width:20vw;margin:1.5vw;}
.divCabicFaaliyetler{width:90vw;margin:1.5vw 1.5vw 6vw 1.5vw;}
.jbut, .whatsapp-siparis-bttn{font-size:3.6vw;padding:1.8vw 3vw;line-height:1.2;margin:.25rem}
.resimdot{
background-size:10px 10px;
width:300vw;
height:300vh;
}
.urunicerikCab a.jbut{font-size:3vw;padding:1.8vw 1.8vw;line-height:1.2;margin:.5vw}
.divCabFull ul{margin:0 0 4vw 6vw;}
.divCabFull li{padding-top:2vw;}
.col1,.col2,.col3,.col4,.col5,.col6{width:80vw;margin:4vw 0 4vw 0;}
.col-ekip{width:42vw;height:49vw;margin:2vw;}
.col-ekip-icyazi{font-size:3vw;}
.col-ekip-icyazi2{font-size:2.4vw;}
.videoBlog{width:80vw;height:46vw;margin:2vw;}
.refCab{gap:3vw;}
.ref{width:30vw;height:22vw;}
.oval1vw{border-radius:3vw;}
.oval2vw{border-radius:8vw;}
.golge{box-shadow:.6vw .6vw 2.4vw -.5vw #000;
}
.sresim1, .sresim2, .sresim3{float:none;width:100%;height:auto;aspect-ratio:3/2;margin:0 0 20px 0;}
.liumut li{font-size:3.6vw;margin-left:3vw;padding-bottom:2vw;}
.liumut li a{text-align:center;}
.liumut li:before{height:4vw;width:4vw;background-size:4vw;margin-right:.5vw;}
.PDFbelge{width:12vw}

/*İLETİŞİM*/
.icon{width:5vw;}
#iletisimCab{width:90vw;}
.iletisim input[type="checkbox"]{width:4vw;height:4vw;}
.iletisim label{font-size:2vw;margin-bottom:1vw;}
.iletisim input[type=text],.iletisim input[type=number],.iletisim input[type=tel],.iletisim input[type=email],.iletisim input[type=password]{font-size:4vw;padding:3vw 3vw 3vw 3vw;margin-bottom:5vw;}
.iletisim input[type=file]{font-size:3vw;padding:1vw 1vw 1vw 0;height:8vw;margin-bottom:5vw;}
.iletisim select{padding:2vw; font-size:4vw; margin:0 0 4vw 0;}
.iletisim select option{font-size:4vw;}
#guvenlikKodu{width:30vw;float:left;padding:4vw;}
#guvenlikResim{width:35vw;aspect-ratio:20/7}
.iletisim textarea{font-size:4vw;padding:4vw;}
.iletisim .textareamax{font-size:2vw;margin-bottom:4vw;}
.ilettablo th,.ilettablo td{padding:.7vw .7vw 3vw .7vw;font-size:3vw;line-height:3vw;}
.tabloKayarCab{overflow-x:auto;font-size:3.5vw;display:block;}
.tabloKayar{width:auto}
.tabloKayar th, .tabloKayar td{padding:1vw !important;}
.iletisimMap{width:100%;height:50vh}

.iletisim #pass-show{width:7vw;height:7vw;margin-left:-9vw;transform:translateY(30%);}
button.koduYenile{font-size:4vw;}
.epostaimage{width:70vw;}
/*İLETİŞİM SONU*/
#bodyVideo{height:50%;}
#bodyVideoic{
	width:200%;
	object-fit:cover;
}
.bodyVideOverlay{font-size:6vw;}

}

/*TOPMENU*/
.ustBosluk{height:0;}
.ustBoslukVideo{height:0;}
.header.scroll-active{height:3vw}
.logo.scroll-active{height:2.8vw;top:.1vw;}
.topmenu.scroll-active a{height:3vw;line-height:3vw;}
.topmenu.scroll-active{height:3vw}
.topmenu.scroll-active li ul{top:3vw}
.topmenu.scroll-active li ul li ul{top:0vw}
.araCab.scroll-active{top:3vw}
.megaDiv.scroll-active{top:3vw;}
.users-nav li.scroll-active{padding:0 .6vw 0 .6vw;height:3vw;}
.hicoDiv.scroll-active{top:3vw;}
.header1{
position:fixed;
display:block;
width:100%;
height:6vw;
padding:0;
z-index:9999;
top:0;
margin:0;
background-color:rgba(255, 255, 255, .6);
box-shadow:0vw 0vw 2vw -1vw black;
backdrop-filter:blur(5px);
vertical-align:middle;
justify-content:center;
}
.header{
position:fixed;
display:block;
width:100%;
height:6vw;
padding:0;
z-index:9999;
top:0;
margin:0;
background-color:rgba(255, 255, 255, .6);
box-shadow:0vw 0vw 2vw -1vw black;
backdrop-filter:blur(5px);
vertical-align:middle;
justify-content:center;
}
.header:hover{
background-color:rgba(255, 255, 255, 1);
}
.logo{
position:absolute;
left:2.7vw;
top:0.3vw;
width:auto;
height:5.6vw;
display:block;
border:0px solid black;
z-index:999;
//filter:drop-shadow(0px 0px 3px rgba(255, 255, 255, 1));
//-webkit-filter:drop-shadow(0px 0px 3px rgba(255, 255, 255, 1));
//filter:drop-shadow(0px 0px 3px rgba(0, 0, 0, 1));
//-webkit-filter:drop-shadow(0px 0px 3px rgba(0, 0, 0, 1));
//-webkit-filter:invert(100%) grayscale(100%) brightness(0%);
//filter:invert(100%) grayscale(100%) brightness(0%); 
}

.logo img{width:auto;height:100%;}



/* ANA MENÜ */
.topmenu ul{
margin:0 auto;
list-style:none;
padding:0 0 0 0;
display:table;
}
.topmenu ul > li{
float:left;
position:relative;
border-right:1px solid #ccc;
}
.topmenu ul > li:last-child{border-right:none}

.topmenu a{
padding:0 1vw;
height:6vw;
line-height:6vw;
display:flex;
align-items:center;
color:#000;
font-size:.7vw;
text-decoration:none;
}
.topmenu a:hover{background:var(--r);color:#fff}

/* 1. ALT MENÜ */
.topmenu li ul{
position:absolute;
top:6vw;
left:0;
width:14vw;
display:none;
background:#fff;
box-shadow:0 0.5vw 1vw rgba(0,0,0,.25);
padding:0 0 2vw 0;
}
.topmenu li:hover > ul{display:block}

.topmenu li ul li{
position:relative;
width:100%;
}
.topmenu li ul li a{
padding:.7vw 1vw;
height:auto;
line-height:1.2;
font-size:.7vw;
white-space:nowrap;
}
.topmenu li ul li:hover{background:var(--r)}
.topmenu li ul li:hover > a{color:#fff}

/* 2. ALT MENÜ */
.topmenu li ul li ul{
position:absolute;
top:0;
left:100%;
width:14vw;
display:none;
background:#fff;
box-shadow:0 0.5vw 1vw rgba(0,0,0,.25);
border-top-right-radius:1vw;
}
.topmenu li ul li:hover > ul{display:block}

/* 3. ALT MENÜ */
.topmenu li ul li ul li ul{
position:absolute;
top:0;
left:100%;
width:14vw;
display:none;
background:#fff;
box-shadow:0 0.5vw 1vw rgba(0,0,0,.25);
}
.topmenu li ul li ul li:hover > ul{display:block}

/* OKLAR */
.menuok{
margin-left:.4vw;
width:0;height:0;
border-left:.3vw solid transparent;
border-right:.3vw solid transparent;
border-top:.3vw solid #000;
}
.menuoksag{
position:absolute;
right:.6vw;
top:50%;
transform:translateY(-50%);
width:0;height:0;
border-top:.3vw solid transparent;
border-bottom:.3vw solid transparent;
border-left:.3vw solid #000;
}




.menuOverlayCss{
height:100%;
width:100%;
position:fixed;
top:0;
left:0;
background-color:rgba(0,0,0, 0.7);
display:block;
z-index:9;
backdrop-filter:blur(5px);
}

.megaLi:hover .megaDiv{display:table;}
.megaDiv{
display:none;
position:absolute;
width:auto;
top:6vw;
transform:translateX(-50%);
padding:1.65vw;
background-color:rgba(255,255,255,1);  
z-index:2;
}
.megaDiv.scroll-active a{height:auto;line-height:2;}
.megaCab{display:flex;}
.megaCabHizmet{
display:flex;
flex-wrap:wrap; 
justify-content:center; 
align-content:flex-start; 
width:70vw;
gap:2vw;
cursor:pointer;
}
.hizmetMiniRes{
box-sizing:border-box; 
width:8vw;
text-align:center;
font-size:.7vw;
}
.hizmetMiniRes img{width:8vw}
.megaIC{
max-height:60vh;
overflow-y:auto;
}
.megaIC a{
cursor:pointer;
margin:0;
padding:0 0 0 0.5vw;
height:auto;
text-align:left;
line-height:2;
white-space:nowrap;
min-width:17vw;
}
.megaIC a:hover{
background:var(--r);
color:#fff;
}
.megaResim{
width:15vw;
height:15vw;
margin-right:1vw;
background-size:14.5vw auto;
background-position:center;
background-repeat:no-repeat;
justify-content:center;
align-items:flex-start;
}
.araLi a{padding:0;margin:0;width:auto}
.araLi a:hover{background-color:#fff}

.araCab{
display:none;
}

.araCab.acik{
display:table;
}

/* SADECE INPUT ODAKLANINCA */
.araLi input:focus ~ .araCab{
display:table;
}
.araLi input[type=text]{
position:relative;
width:8vw;
height:4vw;
font-size:.65vw;
background:url("../i/ara-icibos2.svg") no-repeat 1vw center;
background-size:1.5vw 1.5vw;
padding-left:3vw;
transition:width 0.4s ease-in-out;
border:none;
outline:none;
}
.araLi input[type=text]:focus{width:14vw;}
.araLi input[type=text]::placeholder{color:#000}
.araCab{
width:auto;
height:auto;
min-width:70vw;
position:fixed;
top:6vw;
left:0;
padding:3vw 0 0 0;
z-index:-1;
background:#fff;
transform:scale(0.6);
transform-origin:top center;
}
.araCab::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url('../i/ara-icibos2.svg') no-repeat center;
background-size:50%;
opacity:0.1;
z-index:-1;
}
.araCab-content{
height:calc(100vh - 6vw);
overflow-y:auto;
}


.markaCab{
display:grid;
grid-template-columns:repeat(12, 1fr);
grid-gap:10px;
margin:0 auto;
max-width:90vw;
}
.markaitem{
padding:0px;
box-sizing:border-box;
}

/* USER NAV */
.user-nav{
position:absolute;
display:block;
right:0;
}
.users-nav li{
float:left;
list-style:none;
text-align:center;
padding:1.5vw .6vw 0 .6vw;
height:6vw;
}
.user-nav ul li p{
display:block;
font-size:.5vw;
text-align:center;
color:#000;
font-weight:700;
}
.hico{
background-repeat:no-repeat;
background-position:center center;
background-size:100%;
display:block;
margin:0 auto;
text-indent:-9999px;
width:2.3vw;
height:2.3vw;
cursor:pointer;
z-index:2;
}
.hico:hover{}
.hicoDil{background-image:url(../i/dil.svg);}
.hicoGegu{background-image:url(../i/gegu.svg);}
.hicoKull{background-image:url(../i/user-icibos.svg);}
.hicoSep{background-image:url(../i/sepet-icibos.svg);}

.hicoDiv{
display:none;
position:absolute;
width:auto;
min-width:20vw;
padding:1.65vw;
top:6vw;
right:0;
background-color:rgba(255,255,255,1);  
border:none;
z-index:2;
color:#000;  
}
.headerLogin:hover .hicoDiv{display:table;}
.hicoDiv .jssorbttn{width:16vw;}

.user-navtxt{}

.sepetRakamDaire{
position:absolute;
width:1.2vw;
height:1.2vw;
top:1.5vw;
right:1vw;
display:inline-block;
line-height:0;
border-radius:50%;
font-size:.7vw;
font-weight:700;
background-color:var(--r);
text-align:center;
z-index:2;
}

.sepetRakamDaire span{
text-align:center;
display:inline-block;
padding-top:50%;
padding-bottom:50%;
color:#fff;
}

.sepetRakamDaireBot{
position:absolute;
width:4vw;
height:4vw;
top:0vw;
right:11.5vw;
display:inline-block;
line-height:0;
border-radius:50%;
font-size:2.5vw;
font-weight:700;
background-color:var(--r);
text-align:center;
}

.sepetRakamDaireBot span{
text-align:center;
display:inline-block;
padding-top:50%;
padding-bottom:50%;
color:#fff;
}

a.loginmenua{
margin:1vw;
text-align:left;
color:#000;
}

.hicoDiv, .araCab, .megaDiv, .topmenu li ul{
border-bottom-left-radius:2vw;
border-bottom-right-radius:2vw;
}

@media screen and (max-width:799px){
.header{display:none}
.logo{display:none}
.ustBosluk{height:14vw;}
.ustBoslukVideo{height:14vw;}
}
/*BRGR.CSS*/
*{box-sizing:border-box;}
.overlay{
height:100%;
width:100%;
position:fixed;
z-index:1000000;
top:0;
left:0;
background-color:rgba(0,0,0, 0.8);
overflow-x:hidden;
transition:0.5s;
opacity:0;
z-index:1000000;
display:none;
cursor:pointer;
backdrop-filter:blur(5px);
}
.overlay-toogle .overlay{
transition:0.5s;
opacity:1;
z-index:1000000;
display:block;
}
.nav-top{
line-height:1.875em;
display:none;
align-items:center;
position:fixed;
z-index:1000002;
//padding:10px 20px;
width:100%;
//height:14vw;
background-color:rgba(255,255,255,0.8);
margin:0;
top:0;
box-shadow:0 0 10px -3px #000;
transition:.5s;
transition-timing-function:ease-in;
height:14vw;
}
.nav-top.scroll-active{height:8vw}
.logom{
margin:0 auto;
position:relative;
transition:.5s;
transition-timing-function:ease-in;
height:80%;
}
.logom img{height:100%;}
.telicondiv{
margin:2vw 0 0 0;
position:absolute;
right:3vw;
}
.telicondiv img{width:7vw;}
.waicondiv{
margin:2vw 0 0 0;
position:absolute;
right:12vw;
}
.waicondiv img{width:7vw;}
.nav-top .hamburgerico{
margin-left:auto;
color:#fff;
cursor:pointer;
}
.nav-is-toggled .nav-drill{transform:translateX(100%);}
.nav-is-toggled::after{
opacity:1;
visibility:visible;
}
/* Hamburger Icon */
.hamiconcab{
transform:scale(0.5);
position:absolute;
left:0;
z-index:999999999;
}
.hamicon{
width:60px;
height:45px;
position:relative;
margin:50px auto;
transform:rotate(0deg);
transition:.5s ease-in;
cursor:pointer;
z-index:999999999;
}
.hamicon span{
display:block;
position:absolute;
height:9px;
width:100%;
background:var(--r);/*RENK*/
border-radius:9px;
opacity:1;
left:0;
transform:rotate(0deg);
transition:.25s ease-in;
}
.hamicon span:nth-child(1){
top:0px;
transform-origin:left center;
}
.hamicon span:nth-child(2){
top:18px;
background:var(--r);/*RENK*/
transform-origin:left center;
}
.hamicon span:nth-child(3){
top:36px;
transform-origin:left center;
}
.hamicon.open span:nth-child(1){
transform:rotate(45deg);
top:-3px;
left:8px;
}
.hamicon.open span:nth-child(2){
width:0%;
opacity:0;
}
.hamicon.open span:nth-child(3){
transform:rotate(-45deg);
top:39px;
left:8px;
}
/*İLK MENU*/
.nav-drill{
margin-top:0vw;
padding-top:14vw; /* HD02B */

transform:translateX(0);/* SAĞ MENÜ İÇİN 100% */
display:flex;
position:fixed;
z-index:1000001;
top:0;
left:-310px;/* SAĞ MENÜ İÇİN right:0 */
width:300px;
height:100vh;
background-color:rgba(255,255,255,1);/* MENU BCK */
border:none;
overflow-y:auto;
overflow-x:hidden;
transition:.5s;
transition-timing-function:ease-in;
box-shadow:0 10px 10px 0px #000;
}
.nav-drill ul li:before{content:'';}
.nav-items{
flex:0 0 100%;
border-left:solid 1px #ddd; /*MENU SOL ÇİZGİ*/
}
.nav-item:not(:last-child){
border-bottom:solid 1px #ddd; /*MENU ARA ÇİZGİLER*/
//box-shadow:1px 1px 1px rgba(255,255,255,0.1);
}
.nav-link{
display:block;
padding:4vw 8vw;
//background-color:#fff;	/*MENU ITEM BCK*/
color:#444;			/*MENU TEXT COLOR*/
text-shadow:1px 1px 1px rgba(255,255,255,0.5);
font-size:4vw;
line-height:1.5em;
font-weight:400;
text-transform:uppercase;
}
.nav-link:hover{/*ANA MENU HOVER*/
//background-color:rgba(0,0,0,0.5);
background-color:var(--r);/*ANA MENU HOVER BACKGROUND*/
text-shadow:1px 1px 1px rgba(0,0,0,0.5);
color:#fff;
}
/*2. MENU*/
.nav-expand-content{
padding-top:14vw; /* HD02B */
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
transform:translateX(100%);
//background-color:yellow;
transition:.5s;
transition-timing-function:ease-in;
visibility:hidden;
z-index:1;
}
.nav-expand-content .nav-item:not(:last-child){
border-bottom:solid 1px #ddd; /*2. MENU ARA ÇİZGİLER*/
//box-shadow:1px 1px 1px rgba(255,255,255,0.1);
}
.nav-expand-content .nav-item:hover{ /*2. MENU HOVER*/
//background-color:rgba(0,0,0,0.5);
background-color:var(--r);	/*ALT MENU HOVER BACKGROUND*/
text-shadow:1px 1px 1px rgba(0,0,0,0.5);
color:#fff;
}
.nav-expand-content .nav-link{
font-size:3.5vw;/*2. MENU FONT SIZE*/
text-transform:capitalize;
padding:3vw 5vw;
}
/* GERİ TUŞ */
.nav-expand-content .nav-back-link{
display:block;
align-items:center;
background-color:var(--r) !important;/* GERİ TUŞ BCK */
color:#fff;
padding:1em 2em;
text-transform:uppercase;
font-weight:700;
text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
.nav-expand-content .nav-back-link::before{
content:"➤";
display:inline-block;
margin-right:0.5em;
transform:rotate(180deg);
text-shadow:-1px -1px 1px rgba(0,0,0,0.5);
}
.nav-expand-link{
display:flex;
justify-content:space-between;
}
.nav-expand-link::after{
content:"➤";
flex:0 1 auto;
color:#aaa;
}
.nav-expand.active > .nav-expand-content{
-webkit-transform:translateX(0);
		transform:translateX(0);
visibility:visible;
}
.nav-expand .nav-expand-content{background-color:rgba(255,255,255,1);}/* 2. MENU BACK*/
.nav-expand .nav-expand-content .nav-link{background:none;}/* 2. MENU TUŞ BACK*/
.nav-expand .nav-expand-content .nav-expand-content{background-color:rgba(255,255,255,1);}/* 3. MENU BACK*/
.nav-expand .nav-expand-content .nav-expand-content .nav-link{background:none;}/* 3. MENU TUŞ BACK*/
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content{background-color:rgba(255,255,255,0.90);}/* 4. MENU BACK*/
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-link{background:none;}/* 4. MENU TUŞ BACK*/
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content{background-color:#59e1cb;}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content .nav-link{background-color:#59e1cb;}
.alt{height:auto;padding:2vw;}
.alt table{margin:0 auto; width:80%;}
.brgrAltIcons{color:var(--r);height:7vw;width:7vw;font-size:3vw}

@media only screen and (max-width:799px){
.nav-top{display:flex}
::-webkit-scrollbar{display:none;}
::-webkit-scrollbar{width:0px;}
.usericondiv{right:4vw;}
.usericondiv img{width:8vw;}
}

/*BOTMENU.CSS*/
.botmenuCab{
position:fixed;
bottom:0;
left:0;
display:none;
width:100%;
height:15vw; 
max-height:70px;
background:rgba(255,255,255,1);
box-shadow:0px 0px 2vw 0px #000;
padding-bottom:env(safe-area-inset-bottom);
box-sizing:content-box;
line-height:1;
z-index:11;
transition:all 0.3s ease-in-out;
}
/*2 TUŞLU*/
.botmenu2{height:13vw;width:48vw;margin:1vw;display:flex;justify-content:center;align-items:center;}
.botmenu2 a{color:#fff;font-size:5vw;font-weight:400;display:flex;width:100%;height:100%;justify-content:center;align-items:center;text-decoration:none;}
.botmenu2 img{vertical-align:middle;width:7vw;aspect-ratio:1/1;filter:invert(100%) grayscale(100%) brightness(200%) drop-shadow(0px 0px .1vw rgba(0, 0, 0, 1));}
.tel2{background-color:#bb0000}
.wha2{background-color:#168500}

/*ÇOK TUŞLU*/
.botmenuKutular{
width:100%;
margin:0;
position:relative;
display:flex;
flex-wrap:wrap;
justify-content:center;
//border:1px solid red;
}
.botmenuKutu{
height:15vw;
width:17vw;
margin:0 0.5vw 0 0.5vw;
padding:2vw;
}
.botmenuKutu:active, .botmenuKutu:hover{
box-shadow:inset 0px 0px 2vw 0px #000, .6vw .6vw 2px 0px #fff;
border:1px outset #aaa;
background:#aaa;
background:linear-gradient(to bottom, #aaa 0%, #444 100%);
border-radius:3vw;
}
.botmenuKutu a{
display:flex;
justify-content:center;
align-items:flex-end;
height:12vw;
width:13vw;
color:#333;
text-align:center;
font-size:2.5vw;
font-weight:400;
box-shadow:none;
-webkit-box-shadow:none;
padding-bottom:1vw;
white-space:nowrap;
}
.botmenuKutu a:hover, .botmenuKutu a:active{color:#fff;}
.ana a{background:url("../i/home-icibos.svg") no-repeat center top; background-size:7vw 7vw;}
.kat a{background:url("../i/cat.svg") no-repeat center top; background-size:7vw 7vw;}
.sep a{background:url("../i/sepet-icibos.svg") no-repeat center top; background-size:7vw 7vw;}
.ara a{background:url("../i/ara-icibos2.svg") no-repeat center top; background-size:7vw 7vw;}
.hes a{background:url("../i/user-icibos.svg") no-repeat center top; background-size:7vw 7vw;}
.tel a{background:url("../i/tel-ince-icibos.svg") no-repeat center top; background-size:7vw 7vw;}
.nav a{background:url("../i/nav-icibos.svg") no-repeat center top; background-size:7vw 7vw;}
.wha a{background:url("../i/whatsapp2.svg") no-repeat center top; background-size:7vw 7vw;}
.fir a{background:url("../i/info.svg") no-repeat center top; background-size:7vw 7vw;}
.hiz a{background:url("../i/pano.svg") no-repeat center top; background-size:7vw 7vw;}
.botmenuAra{
display:none;
position:fixed;
width:100%;
height:15vw;
background-color:var(--r);
top:-15vw;
padding:3vw;
z-index:8;
opacity:0;
}
.botmenuAra input[type=text]{
color:#444;
font-size:5vw;
padding:3vw;
height:10vw;
width:75vw;
box-sizing:border-box;
box-shadow:inset 0px 0.073vw 0.220vw -0.146vw #000;
display:inline-block;
background-color:#eee;
border:0.073vw solid #e2e2e2;
border-top:0.073vw solid #cdcdcd;
border-bottom:0.073vw solid #efefef;
border-radius:3vw;
}
.botmenuAra input[type="image"]{
margin-left:2vw;
margin-top:-1vw;
height:10vw;
width:15vw;
display:inline-block;
vertical-align:middle;
background-color:#eee;
border-radius:3vw;
border-bottom:0.073vw solid #cdcdcd;
box-shadow:0px 0.073vw 0.220vw -0.146vw #000;
}

/* Mobil Responsive */
@media screen and (max-width:799px){
.botmenuCab{display:flex;}
.botmenuKutu a{filter:grayscale(1) contrast(50%) }
.botmenuKutu a:hover, .botmenuKutu a:active{filter:grayscale(1) contrast(100%)}
.botmenuAra{display:block;}
}

/*ANIDIV.CSS*/
.anidiv{
  opacity:0;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  will-change:transform, opacity;
  transition:transform .75s ease-out, opacity .75s ease-out;
}
.anidiv.in-view{
  opacity:1;
  transform:none !important;
  will-change:auto;
}
.ansol{ transform:translate3d(-60px, 0, 0); }
.ansag{ transform:translate3d(60px, 0, 0); }
.analt{ transform:translate3d(0, 60px, 0); }
.anust{ transform:translate3d(0, -60px, 0); }

/*UMUTMODAL.CSS*/
.modalh6{
font-size:1.5vw;
margin:-1.5vw 0 0 0;
color:var(--r);
}
.modalimg{
position:absolute;
width:70%;
height:auto;
opacity:.1;
z-index:-1;
}
.modalOverlay{
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:rgba(0, 0, 0, 0.5);
display:none;
z-index:9999;
backdrop-filter:blur(5px);
}
.modalCab{
position:relative;
top:50%;
transform:translateY(-50%);
margin:0 auto;
padding:2vw 2vw 1vw 2vw;
max-width:80vw;
width:40vw;
border-radius:.8vw;
box-shadow:0 2px 8px rgba(0, 0, 0, 0.3);
text-align:center;
overflow:hidden;
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );
background:linear-gradient(to bottom, #ffffff 0%, #cccccc 100%);
}
.modalCab p{
color:#000;
text-shadow:none;
text-align:justify;
font-weight:300;
}
.modalCab hr{margin:.8vw;}
.modalKapat{
position:absolute;
top:.5vw;
right:.55vw;
width:1.8vw;
height:1.8vw;
font-size:1.7vw;
font-weight:bold;
color:#fff;
cursor:pointer;
border-radius:50%;
background:var(--r);
box-shadow:2px 2px 4px rgba(0, 0, 0, .8);
line-height:1;
}
.modalKapat:hover{filter:brightness(2);}
.modalCab button{
background-color:var(--r);
color:#fff;
padding:0.5vw 1vw;
border:none;
border-radius:5px;
font-size:1vw;
cursor:pointer;
transition:background-color 0.3s ease;
margin:0;
}
.modalCab button:hover{filter:brightness(2);}

@media screen and (max-width:799px){
.modalKapat{
	top:2vw;
	right:2.2vw;
	width:6.6vw;
	height:6.6vw;
	font-size:6vw;
}
.modalCab{
	width:80vw;
	padding:6vw 6vw 3vw 6vw;
	border-radius:3vw;
	
}
.modalCab p{font-size:3vw;}
.modalh6{
	font-size:4.5vw;
	margin:-4vw 0 0 0;
}
.modalCab hr{margin:2vw;}
.modalCab button{
	padding:2vw 4vw;
	border-radius:5px;
	font-size:4vw;
	background-color:#dd0000;
	color:#fff;
}
}

/*URUNLER*/
/* #kareürün ara */

*:focus{outline:none;}
.goster{display:block}
.gizle{display:none}
.urunCabKare{
width:100%;
margin:0 auto;
position:relative;
display:flex;
flex-wrap:wrap;
justify-content:center;
}
.urunCabListe{
width:100%;
margin:0 auto;
position:relative;
display:flex;
flex-wrap:wrap;
justify-content:center;
}
.switcherCab{
//border:1px solid black;
width:70vw;
margin:0 auto;
}
#switcher [type=radio]{ 
position:absolute;
opacity:0;
width:0;
height:0;
}
#switcher [type=radio] + img{
cursor:pointer;
width:2vw;
height:2vw;
margin-left:1vw;
opacity:.3;
}
#switcher [type=radio]:checked + img{
opacity:.7;
}
#switcher{
position:relative;
width:auto;
float:right;
//border:1px solid green;
}

.urunKutu,.urunKutuic{
width:17vw;
height:17vw;
text-align:center;
}
.urunKutu-u,.urunKutuic-u{height:23.3vw;}
.urunKutu{
margin:1.2vw;
border:0px solid #ccc;
cursor:pointer;
overflow:hidden;
background-color:#fff;
transition:transform 0.5s ease;
}
.urunKutuic{
position:relative;
display:flex;
justify-content:center;
align-items:flex-start;
}
.urunKutuic img{width:100%;aspect-ratio:1/1;}
.urunKutu:hover .urunKutuic img{filter:contrast(120%);transform:scale(1.05);transition:transform 0.5s ease;}
.projeKutu,.projeKutuic{width:25vw;}
.hizmetKutu,.hizmetKutuic{width:28vw;}
.projeKutuic a{
color:#fff;
font-size:1vw;
text-align:center;
font-weight:600;
}
.urunKutuicFiyat{
width:100%;
position:absolute;
top:17vw;
font-size:1.6vw;
line-height:1.2;
text-align:center;
z-index:1;
padding:0;
color:#66cc00;
font-weight:600;
//text-shadow:0px 0px 7px #000,0px 0px 7px #000,0px 0px 7px #000,0px 0px 7px #000;
}
.urunKutuicAd{
width:100%;
height:3.3vw;
position:absolute;
bottom:0;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
padding:0;
background-color:rgba(0,0,0,0.7);
backdrop-filter:blur(5px);
pointer-events:none;
}
.urunKutuicAd p{
color:#fff;
font-size:1vw;
text-align:center;
font-weight:600;
text-decoration:none;
line-height:1.2;
padding:0 .3vw 0 .3vw;
}
.urunKutuicAd-u{background-color:rgba(255,255,255,1)}
.urunKutuicAd-u p{color:#666;font-size:1.1vw;}
.anibox, .anibox2{
width:100%;
height:100%;
}
.urunKutuicFiyat-u{background-color:rgba(255,255,255,0)}
.urunKutuicKargo{
width:100%;
position:absolute;
top:18.5vw;
line-height:1;
text-align:center;
z-index:1;
padding:0;
color:#000;
font-weight:500;
//background-color:rgba(255,255,255,1);
//text-shadow:0px 0px 7px #000,0px 0px 7px #000,0px 0px 7px #000,0px 0px 7px #000;
}
.caroKargo{
text-align:center;
opacity:.75;
font-size:1.2vw;
}
.caroKargo img{
width:1.8vw;
vertical-align:middle;
}
.anibox{
border:none;
position:relative;
padding:0px;
cursor:pointer
}
.anibox1:before, .anibox1:after, .anibox1 > .anibox2:before, .anibox1 > .anibox2:after{
content:'';
position:absolute;
}
.uad{font-size:1.4vw;}
.anibox1:before{border-top:0.3vw solid var(--r);left:0;right:100%;top:0;transition-property:all;transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);transition-duration:140ms;transition-delay:0ms;z-index:2;}
.anibox1:hover:before{right:0%;}
.anibox1:not(:hover):before{transition-delay:0s;transition-duration:2s;}/*SAĞ*/
.anibox1 .anibox2:after{border-right:0.3vw solid var(--r);top:0;bottom:100%;right:0;transition-property:all;transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);transition-duration:140ms;transition-delay:140ms;z-index:2;}
.anibox1:hover .anibox2:after{bottom:0%;}.anibox1:not(:hover) .anibox2:after{transition-delay:0s;transition-duration:2s;}/*ALT*/
.anibox1:after{border-bottom:0.3vw solid var(--r);left:100%;right:0;bottom:0;transition-property:all;transition-timing-function:cubic-bezier(0,0.98,0.51,0.93);transition-duration:140ms;transition-delay:400ms;z-index:2;}
.anibox1:hover:after{left:0%;}.anibox1:not(:hover):after{transition-delay:0s;transition-duration:2s;}/*SOL*/
.anibox1 .anibox2:before{border-left:0.3vw solid var(--r);top:100%;bottom:0;left:0;transition-property:all;transition-timing-function:cubic-bezier(0, 0.98, 0.51, 0.93);transition-duration:140ms;transition-delay:600ms;z-index:2;}
.anibox1:hover .anibox2:before{top:0%;}
.anibox1:not(:hover) .anibox2:before{transition-delay:0s;transition-duration:2s;}
.tekniktablo{position:relative;width:auto;margin:0 auto;white-space:nowrap;}table.gr{  border-collapse:collapse;  margin:0;  padding:0;  width:100%;  //table-layout:fixed;}
table.gr tr{border:1px solid #ddd;text-transform:capitalize;}
table.gr th{color:#fff;text-align:center;background-color:var(--r);text-transform:uppercase;}
table.gr td{color:#000;text-align:center;background:#eee url('../i/table.png') repeat-x;background-size:1.2vw 2.8vw;}
table.gr td:first-child{text-align:left;}
table.gr th,table.gr td{padding:.2vw 1vw .2vw 1vw;font-size:1vw;}
table.gr tr:hover td{color:#fff;background:var(--r);}
table.gr img{width:2vw;vertical-align:middle;}
.markaResim{position:absolute;top:8vw;right:3vw;width:9vw;height:6vw;overflow:hidden;box-shadow:.2vw .2vw .2vw rgba(0,0,0,.2);z-index:3;}
.markaResim img{width:100%;}
.blogIcResim{width:40%; float:left; margin-right:3vw; margin-bottom:3vw;}

@media screen and (max-width:799px){
#switcher [type=radio] + img{width:7vw;height:7vw;margin:1vw;}	#switcher{margin:0 auto; text-align:center; float:none;}
.urunKutu,.urunKutuic{width:44vw; height:44vw;}
.urunKutu-u,.urunKutuic-u{height:64vw}	.urunKutu{margin:3vw}
.projeKutu,.projeKutuic{width:44vw;height:39vw}
.projeKutuic a{font-size:3vw;}
.hizmetKutu,.hizmetKutuic{width:44vw;height:32vw}
.urunKutuicKargo{top:49vw}
.caroKargo{font-size:3.6vw}
.caroKargo img{width:5vw}
.urunKutuicAd{height:10vw;}
.urunKutuicAd p, .urunKutuicAd-u p{font-size:3vw;padding:0 1vw 0 1vw;}
.urunKutuicFiyat{top:44vw;font-size:6vw;}	table.gr thead{		border:none;clip:rect(0 0 0 0);//height:1px;//margin:-1px;overflow:hidden;padding:0;position:absolute;//width:1px;}	table.gr tr{		border-bottom:3px solid #bbb;display:block;margin-bottom:8vw; /*tablolar arası boşluk*/	}	table.gr td{		border-bottom:1px solid #bbb;display:block;font-size:.8em;text-align:right;}	table.gr td::before{		content:attr(data-label);float:left;text-transform:uppercase;}	table.gr td:first-child{		text-align:right;}	table.gr td:last-child{border-bottom:0;}	table.gr td{		font-size:3vw;padding:1.5vw;background-size:1px 4.5vw;}	table.gr tr:hover td{		color:#000;background:#eee url('../i/table.png') repeat-x;background-size:1px 4.5vw;}	table.gr img{width:5vw;vertical-align:middle;}	table.gr th{display:none;}	.markaResim{width:15vw;height:10vw;left:5.2vw;top:28vw;}
.uad{font-size:3vw;}
}

/*FTR.CSS*/
.hr.ftr::before{background:linear-gradient(to left,#222 0%,#222 30%,transparent 100%);}
.hr.ftr::after{background:linear-gradient(to right,#222 0%,#222 30%,transparent 100%);}
.global{background-image:url('../i/iletisimbck2.svg');background-size:100% auto;background-position:top;background-repeat:repeat-y;}
.ftrCab span.ftr {color:#000;font-size:1.3vw;}
.ftrCab hr{border:0;height:1px;background:linear-gradient(to right, transparent, #222, transparent);margin:1vw 0 1vw 0;}
.divCabicFtr{
text-align:center;
width:20vw;
height:auto;
margin:1vw;
transition:all 0.3s;
}
.divCabicFtr p{text-indent:0;}
.ftrCab{
margin:5vw 0vw 5vw 0vw;
height:auto;
}
.ftrCab p{
color:#000;
font-weight:300;
text-align:left;
}
.ftrCab a,.ftrCab a:visited,.ftrCab a:hover{color:#000;}
.ul3SutunAuto{
list-style:none;
margin:0;
padding:0;
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:.3vw 3vw;
}
.ul3SutunAuto li{
display:grid;
grid-template-columns:1.2vw 1fr;
align-items:center;
min-width:0;
}
.ul3SutunAuto li::before{
content:'';
width:1vw;
height:1vw;
background:url('../i/li-icon.svg') no-repeat center / contain;
}
.ul3SutunAuto a{
display:block;
font-weight:300;
font-size:.8vw;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.footerlogo{
text-align:left;
margin:0;
filter:grayscale(100%) brightness(50%);
}
.ftrico{vertical-align:middle;width:1.4vw;aspect-ratio:1/1;}
.ftrGolge{
position:relative;
width:100%;
height:5vw;
margin:-8vw auto;
}
.ftrGolge:before, .ftrGolge:after{
z-index:-1;
position:absolute;
content:"";
bottom:2.1vw;
left:2vw;
width:80%;
top:10%;
background:#000;
box-shadow:0 2vw 1vw #000;
transform:rotate(-3deg);
opacity:.5
}
.ftrGolge:after{
transform:rotate(3deg);
right:2vw;
left:auto;
z-index:-1;
}
.visalar{
width:30vw;
margin:0 auto;
}
.visalar img{width:100%}
.ftrkartlar{width:25%;}
.net{
width:8vw;
height:8vw;
position:absolute;
right:0;
bottom:0;
z-index:1000;
overflow:hidden;
background:white;
box-shadow:0 0 .5vw #000;
transition:all 0.3s;
}
.net:after{
position:absolute;
display:block;
content:'';
width:100%;
height:100%;
left:0;
bottom:0;
transform:rotate(225deg) translateX(70%) scale(1.408); 
background:#afafaf;
background:linear-gradient(to right,  #222 0%, #fff 25%, #333 50%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#ffffff',GradientType=1 );
box-shadow:1vw 1vw 1vw 1vw #000;
}
.net:hover, .net:hover::after{
width:40vw;
height:40vw;
transition:ease-out 1s;
}
.netcontent{
width:40vw;
height:40vw;
position:absolute;
right:0px;
bottom:0px;
}
.netcontent img{
width:40vw;
height:40vw;
position:absolute;
right:0px;
bottom:0px;
image-rendering:optimizeQuality;
}
.netContentMobil{
display:none;
text-align:center;
}
#yukariOk{
	color:#fff;
	mix-blend-mode:difference;
	opacity:.7;
	text-shadow:-.2vw .4vw .2vw rgba(0, 0, 0, 0.2);
	width:3vw;
	line-height:3vw;
	z-index:999999;
	display:none;
	cursor:pointer;
	transform:rotate(270deg);
	position:fixed;
	bottom:10vw;
	right:.1vw;
	text-align:center;
	font-size:2.196vw;
	text-decoration:none;
	background:none;
	border:none;
	padding:0;
	outline:none;
	transition:opacity .3s, transform .3s;
}
#yukariOk:hover{
	opacity:1;
	transform:rotate(270deg) scale(1.5);
}
button.yukari{
	position:relative;
	width:5vw;
	height:5vw;
	margin:0 auto;
	z-index:2;
	display:block;
	padding:.5vw;
	box-sizing:border-box;
	border-radius:50%;
	border:1px solid #ddd;
	background:linear-gradient(0deg, #999, #eee);
	box-shadow:0 .1vw .20vw rgba(0,0,0,1);
	cursor:pointer;
	outline:none;
	transition:transform .5s, box-shadow .5s;
}
button.yukari:hover{
	box-shadow:0 1vw 2vw rgba(0,0,0,1);
	transform:translate(0, -.5vw);
}
button.yukari:active{
	box-shadow:0 .5vw 1vw rgba(0,0,0,1);
	transform:translate(0, -.25vw);
}
button.yukari .ok-daire{
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	background:linear-gradient(0deg, #eee, #999);
	border-radius:50%;
	color:#262626;
}
button.yukari .ok{
	display:inline-block;
	line-height:1;
	font-family:Arial, sans-serif;
	font-style:normal;
	font-size:2vw;
	color:#fff;
	text-shadow:-.2vw .2vw .1vw rgba(0, 0, 0, 0.2);
	transform:rotate(270deg);
}
#soc{
margin:2vw auto;
width:1vw;
height:7vw;
padding:0;
font-family:sans-serif;
position:relative;
text-shadow:none;
zoom:1;
transform-origin:0 0;
}
#soc .soc-icon{
width:3vw;
padding-top:1.5vw;
padding-right:0.5vw;
transition:.5s;
line-height:5.8vw;
}
#soc ul{
display:flex;
justify-content:center;
align-items:center;
font-size:1.2vw;
}
#soc ul li{
list-style:none;
margin:2vw;
}
#soc ul li a span{
padding:0;
margin:0;
position:absolute;
top:1.5vw;
color:#333;
letter-spacing:0.2vw;
transition:.5s;
}
#soc ul li a{
font-size:1.4vw;
text-decoration:none;
display:absolute;
display:block;
width:15vw;
height:5vw;
background:#eee;
text-align:left;
padding-left:2vw;
transform:rotate(-30deg) skew(25deg) translate(0,0);
transition:.5s;
box-shadow:-2vw 2vw 1vw #000;
}
#soc ul li a:before{
content:'';
position:absolute;
top:0.732vw;
left:-1.5vw;
height:100%;
width:1.5vw;
background:#777;
transform:.5s;
transform:rotate(0deg) skewY(-45deg);
}
#soc ul li a:after{
content:'';
position:absolute;
bottom:-1.5vw;
left:-0.75vw;
height:1.5vw;
width:100%;
background:#b1b1b1;
transform:.5s;
transform:rotate(0deg) skewX(-45deg);
}

#soc ul li a:hover{
transform:rotate(-30deg) skew(25deg) translate(1.4vw,-1vw);
box-shadow:-3.5vw 3.5vw 3.5vw #000;
}
#soc ul li a:active{
transform:rotate(-30deg) skew(25deg) translate(.7vw,-.5vw);
box-shadow:-2.5vw 2.5vw 2.5vw #000;
}
#soc ul li:hover span{color:#fff;}
#soc ul li.fac:hover a{background:#3b5998;}
#soc ul li.fac:hover a:before{background:#365492;}
#soc ul li.fac:hover a:after{background:#4a69ad;}
#soc ul li.ins:hover a{background:#cd00ff;}
#soc ul li.ins:hover a:before{background:#8100a1;}
#soc ul li.ins:hover a:after{background:#e36eff;}
#soc ul li.xtw:hover a{background:#00aced;}
#soc ul li.xtw:hover a:before{background:#097aa5;}
#soc ul li.xtw:hover a:after{background:#53b9e0;}
#soc ul li.you:hover a{background:#f00;}
#soc ul li.you:hover a:before{background:#d81c3f;}
#soc ul li.you:hover a:after{background:#e46880;}
#soc ul li.sah:hover span{color:#000;}
#soc ul li.sah:hover a{background:#ffe800;}
#soc ul li.sah:hover a:before{background:#c8b600;}
#soc ul li.sah:hover a:after{background:#fff169;}
/* Yuvarlak Sosyal Medya Butonları */
#socYuvar{
display:flex;
justify-content:center;
align-items:center;
gap:2vw;
}
#socYuvar a{
display:inline-block;
width:4vw;
height:4vw;
border-radius:50%;
background-color:transparent;
border:3px solid currentColor;
position:relative;
overflow:hidden;
cursor:pointer;
text-align:center;
transition:background-color 0.3s, color 0.3s;
}
#socYuvar a span{
position:absolute;
width:4vw;
height:4vw;
top:0;
left:0;
background-color:transparent;
transition:background-color 0.3s;
z-index:0;
}
#socYuvar a img{
width:2vw;
height:2vw;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
z-index:1;
filter:invert(.8);
}
#socYuvar a:hover span{background-color:currentColor;}
#socYuvar a:hover img{filter:invert(0);}
#socYuvar .instagram{color:#cd00ff;}
#socYuvar .twitter{color:#4099ff;}
#socYuvar .facebook{color:#0866ff;}
#socYuvar .youtube{color:#f00;}
#socYuvar .linkedin{color:#0a66c2;}
#socYuvar .tiktok{color:#fe2c55;}
#socYuvar .gplus{color:#dd503e;}
#socYuvar .hepsiburada{color:#ff721c;}
#socYuvar .trendyol{color:#ff6720;}
#socYuvar .n11{color:#5d3ebc;}
#socYuvar .sahibinden{color:#ffe800;}
.ftrWpp{
position:fixed;
left:1vw;
bottom:1vw;
width:3vw;
height:auto;
border-radius:50%;
z-index:99;
}
.ftrWpp img, .logoWpp img{
width:100%;
height:auto;
}
.ftrform input[type=text],.ftrform input[type=tel]{border:1px solid #888; background-color:rgba(0,0,0,0.3); color:#000; padding:1.2vw;border-radius:.5vw;}
.ftrform input[type=text]::placeholder,.ftrform input[type=tel]::placeholder{color:#888;}
.ftrform input[type=text]:-ms-input-placeholder,.ftrform input[type=tel]:-ms-input-placeholder{color:#888;}
.ftrform input[type=text]::-ms-input-placeholder,.ftrform input[type=tel]::-ms-input-placeholder{color:#888;}
.ftrformdiv1{width:46%;float:left;margin-right:8%}
.ftrformdiv2{width:46%;float:left;}
#ftrguvenlikKodu{width:8vw;padding:1vw;margin-right:1vw;}
#ftrguvenlikResim{width:11vw;aspect-ratio:20/7;vertical-align:middle}

/* Mobil Responsive */
@media screen and (max-width:600px){
.global{background-size:250% auto;}
{font-size:5vw;}
.ftrCab span.ftr,.ftrCab h3{color:#000;font-size:4vw;}
.ul3SutunAuto{grid-template-columns:1fr;gap:2vw;}
.ul3SutunAuto li{grid-template-columns:3vw 1fr;column-gap:2.5vw;}
.ul3SutunAuto li::before{width:3.8vw;height:3.8vw;}
.ul3SutunAuto a{font-size:1vw;line-height:1.4;}
.visalar{width:70vw;padding:5vw}
.ftrWpp{display:none;width:12vw;bottom:17vw;}
button.yukari{width:14vw;height:14vw;padding:1vw;}
button.yukari .ok{font-size:6vw;}
#yukariOk{
	width:12vw;
	height:12vw;
	font-size:12vw;
	bottom:20vw;
	right:1vw;
}
.net{display:none}
.footerlogo{width:70vw;}
.ftrico{width:5vw;}
.ftrCab p, .ftrCab a{font-size:3.5vw;line-height:1.4;}
#soc{margin:10vw auto;zoom:1;}
#soc ul li a{font-size:2vw;width:18vw;font-weight:700}
#soc ul li{margin:1vw;}
.netContentMobil{display:block}
.ftrkartlar{width:75%;}
.divCabicFtr{width:70vw;padding:3vw;}
#socYuvar a{border:2px solid currentColor;}
#socYuvar a, #socYuvar a span, #socYuvar a img{width:13vw;height:13vw;}
#socYuvar a img{width:7vw;height:7vw;}
.ftrform input[type=text],.ftrform input[type=tel]{padding:2vw;height:12vw;border-radius:1vw;}
.ftrformdiv1{width:80%;float:none;margin-right:0}
.ftrformdiv2{width:80%;float:none;}
#ftrguvenlikKodu{width:36vw;float:none;padding:1vw;margin-right:0;}
#ftrguvenlikResim{width:35vw}
}

/*GUNDUZ.CSS*/
.swiCab{
display:flex;
width:8.6vw;
gap:0;
font-size:2.1vw;
justify-content:center;
align-items:center;
}
.swiCab label{
position:relative;
width:8.6vw;
height:2.35vw;
display:block;
border-radius:1.3vw;
cursor:pointer;
background:#ccc;
box-shadow:inset 0 0.2vw 0.3vw rgba(0, 0, 0, 0.7), inset 0 -0.1vw 0.2vw rgba(255, 255, 255, 0.5);
transition:background 0.4s ease-out;
will-change:background, transform;
}
.swiCab label:after{
content:"";
position:absolute;
height:2.1vw;
width:2.1vw;
background:#fff;
border-radius:1.4vw;
top:0.14vw;
left:0.14vw;
transition:transform 0.4s ease-out;
box-shadow:0 0.1vw 0.2vw rgba(0, 0, 0, 0.2);
}
.swiCab input:checked + label{background:rgba(0, 0, 0, 0.3);}
.swiCab input:checked + label:after{transform:translateX(3vw);}
.swiCab input{display:none;}