/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap');*/
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100..1000&display=swap");

/* var(--r) */

.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}
* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	margin:0;
	padding:0;
	//list-style:none;
	//-webkit-font-smoothing:antialiased;
	//-moz-osx-font-smoothing:grayscale;
	/*-webkit-user-select:none; yandex form input kiltliyor*/
	-html-user-select:none;
	-moz-user-select:-moz-none;
	-o-user-select:none;
	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:'Open Sans', sans-serif;*/
	/*font-family:'Montserrat', sans-serif;*/
    font-family:"DM Sans", sans-serif;
    font-size:1vw;
    font-weight:400;
    color:#212529;
    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; }
/* start commented backslash hack \*/
* 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; /* başlık-çizgi arası */
}
.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:#f7f7f7} /* 217754 bck color ile aynı*/

::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{-webkit-border-radius:1vw;-moz-border-radius:1vw;-khtml-border-radius:1vw;border-radius:1vw;}
.oval2vw{-webkit-border-radius:2vw;-moz-border-radius:2vw;-khtml-border-radius:2vw;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; /* Resmi yatay ve dikey olarak tekrarla */
    position:absolute; /* Ekran kaydırsa bile sabit kalsın */
    top:0;
    left:0;
    width:200vw; /* Viewport genişliği kadar */
    height:200vh; /* Viewport yüksekliği kadar */
    z-index:1; /* Diğer içeriklerin altında kalsın */
    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); /* Siyah fon, yüzde 50 opaklık */
	display:flex;
	align-items:center;
	justify-content:center;
	color:white;
	font-weight:300;
	font-size:2vw;
	text-align:center;
}

.linormal li{
	list-style-type:circle;
	position:relative;
	font-size:1.2vw;
	text-align:left;
	font-weight:300 !important;
	line-height:120% !important;
	margin-left:3vw;
	padding-bottom:.7vw;
	text-align:justify;
	}
	
.divCabFull li{
	list-style-type:circle;
	position:relative;
	text-align:left;
	font-weight:400;
	line-height:120%;
	margin-left:3vw;
	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; /*background-size ile aynı olmalı*/
	content:'';
	display:inline-block;
	background-image:url('../i/li-icon.svg') ;
	background-repeat:no-repeat;
	vertical-align:middle;
	//filter:invert(66%) sepia(68%) saturate(500%) hue-rotate(100deg) brightness(150%) contrast(120%);
}

.linokta li::before {
    background-image:none !important; /* önceki ikonu etkisiz hale getir */
    content:'●';
    position:absolute;
    color:#666;
    font-size:1.2vw;
}

.divCab {
	//border:1px solid red;
    width:100%;
    margin:10px auto;
    position:relative;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
	//align-items:center;/*dikey*/
}

: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;
  -webkit-transition:all 0.3s;
     -moz-transition:all 0.3s;
       -o-transition:all 0.3s;
      -ms-transition:all 0.3s;
          transition:all 0.3s;
}
.divCabicFirmamiz {
    //border:1px solid blue;
    width:35vw;
    height:auto;
    margin:1.5vw;
  -webkit-transition:all 0.3s;
     -moz-transition:all 0.3s;
       -o-transition:all 0.3s;
      -ms-transition:all 0.3s;
          transition:all 0.3s;
}
.divCabicFirmamiz p{margin-bottom:1.2vw}
.divCabicFaaliyetler {
    width:18vw;
    height:auto;
    margin:2vw;
  -webkit-transition:all 0.3s;
     -moz-transition:all 0.3s;
       -o-transition:all 0.3s;
      -ms-transition:all 0.3s;
          transition:all 0.3s;
}

.divCabFull{
	margin:2vw 5vw 2vw 5vw;
	padding:3vw;
	width:90vw;
	height:auto;
	display:inline-block;
	-moz-border-radius:0.5vw;
	-webkit-border-radius:0.5vw;
	-khtml-border-radius:0.5vw;
	border-radius:0.5vw;
	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;/*yatay*/
	align-items:center;/*dikey*/
}
.kutu5li {
	width:17vw;
    height:auto;
    margin:0;
	padding:0;
  -webkit-transition:all 0.3s;
     -moz-transition:all 0.3s;
       -o-transition:all 0.3s;
      -ms-transition:all 0.3s;
          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;/*yatay*/
	align-items:top;/*center;/*dikey*/
}
.col1 {
	width:78vw;
    height:auto;
    margin:0 1vw 0 1vw;
	padding:0vw;
  -webkit-transition:all 0.3s;
     -moz-transition:all 0.3s;
       -o-transition:all 0.3s;
      -ms-transition:all 0.3s;
          transition:all 0.3s;
}
.col2 {
	width:39vw;
    height:auto;
    margin:0 1vw 0 1vw;
	padding:0vw;
  -webkit-transition:all 0.3s;
     -moz-transition:all 0.3s;
       -o-transition:all 0.3s;
      -ms-transition:all 0.3s;
          transition:all 0.3s;
}
.col3 {
	width:29vw;
    height:auto;
    margin:0 1vw 0 1vw;
	padding:0vw;
  -webkit-transition:all 0.3s;
     -moz-transition:all 0.3s;
       -o-transition:all 0.3s;
      -ms-transition:all 0.3s;
          transition:all 0.3s;
}
.col4 {
	width:22.4vw;
    height:auto;
    margin:0 1vw 0 1vw;
	padding:0vw;
  -webkit-transition:all 0.3s;
     -moz-transition:all 0.3s;
       -o-transition:all 0.3s;
      -ms-transition:all 0.3s;
          transition:all 0.3s;
}
.col5 {
	width:16vw;
    height:auto;
    margin:0 .5vw 0 .5vw;
	padding:0vw;
  -webkit-transition:all 0.3s;
     -moz-transition:all 0.3s;
       -o-transition:all 0.3s;
      -ms-transition:all 0.3s;
          transition:all 0.3s;
	text-align:center;
}
.col6 {
	width:14vw;
    height:auto;
    margin:0 1vw 0 1vw;
	padding:0vw;
  -webkit-transition:all 0.3s;
     -moz-transition:all 0.3s;
       -o-transition:all 0.3s;
      -ms-transition:all 0.3s;
          transition:all 0.3s;
}

.col-ekip {
	width:14vw;
    height:16vw;
    margin:1vw;
	padding:0vw;
  -webkit-transition:all 0.3s;
     -moz-transition:all 0.3s;
       -o-transition:all 0.3s;
      -ms-transition:all 0.3s;
          transition:all 1s;
	background-color:#eee;
	-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.3);
	box-shadow:5px 5px 5px rgba(0,0,0,0.3);
	-moz-border-radius:1vw;-webkit-border-radius:1vw;-khtml-border-radius:1vw;border-radius:1vw;
	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;
	/* cursor:zoom-in; */
}

.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; /* Viewport width */
	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; /* Viewport width */
	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;
}

/*==================================================
 * sayfa loader
 * ===============================================*/

.loader-wrapper {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background-color:#fff;
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:99999999999;
}
.loader {
  display:inline-block;
  width:30px;
  height:30px;
  position:relative;
  border:4px solid var(--r);
  animation:loader 2s infinite ease;
}
.loader-inner {
  vertical-align:top;
  display:inline-block;
  width:100%;
  background-color:var(--r);
  animation:loader-inner 2s infinite ease-in;
}
@keyframes loader {
  0% { transform:rotate(0deg);}
  25% { transform:rotate(180deg);}
  50% { transform:rotate(180deg);}
  75% { transform:rotate(360deg);}
  100% { transform:rotate(360deg);}
}
@keyframes loader-inner {
  0% { height:0%;}
  25% { height:0%;}
  50% { height:100%;}
  75% { height:100%;}
  100% { height:0%;}
}

/*-------------------İ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 input[type=text],
.iletisim input[type=number],
.iletisim input[type=tel],
.iletisim input[type=email],
.iletisim input[type=password],
.iletisim select,
.iletisim select option,
.iletisim textarea {
	font-family:inherit;/* textarea fontu eşitle */
	font-size:inherit;/* textarea fontu eşitle */
	padding:1vw;
	font-size:1.2vw;
	width:100%;
	height:auto;
	text-align-last:left;
	text-align:left;
	-ms-text-align-last:left;
	-moz-text-align-last: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;
}

.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 textarea, .iletisim select {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-shadow:inset 0px 0.073vw 0.220vw -0.146vw #000;
    -moz-box-shadow:inset 0px 0.073vw 0.220vw -0.146vw #000;
    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;
    color:#9d9d9d;
    margin:0 0 2vw 0;
}
#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;
}

/* Remove select Arrows Chrome, Safari, Edge, Opera */
.iletisim input::-webkit-outer-spin-button,.iletisim input::-webkit-inner-spin-button {
	-webkit-appearance:none;
	margin:0;
}
/* Firefox */
.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;} /*bot avcısı*/
/* 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(100%) drop-shadow(1px 1px 2px rgba(0, 0, 0, 1)) drop-shadow(1px 1px 1px rgba(0, 0, 0, 1));
	-webkit-filter: invert(100%) drop-shadow(1px 1px 1px rgba(0, 0, 0, 1)) drop-shadow(1px 1px 1px rgba(0, 0, 0, 1));
}
/*-------------------İLETİŞİM SONU--------------*/

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

.parallaxbg {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100lvh; /* iPhone bar zıplamasını engeller */
    background-size:cover;
    background-position:center center;
    z-index:-1;
    will-change:transform;
    /* Donanım ivmelendirmesi */
    -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;
    /* Hem dikey hem yatay ortalama */
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
}


.parallaxBnr{
    /* Create the parallax scrolling effect */
    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; /* Kutuları sola yasla */
	align-items:flex-start;
	margin:0 auto; /* Ortalamayı sağlamak için */
}

.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;
	-webkit-box-shadow:.3vw .3vw 1vw -.5vw #444;
	-moz-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{font-size:3.6vw;}/*ofs7a*/
	li{font-size:3.2vw;}
	.divCabicFirmamiz p{margin-bottom:5vw}
	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;}
	.divCabicFirmamiz{width:90vw;margin:3vw;}
	.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; /* Viewport genişliği kadar */
    height:300vh; /* Viewport yüksekliği kadar */

}
	.urunicerikCab a.jbut{font-size:3vw;padding:1.8vw 1.8vw;line-height:1.2;margin:.5vw}
	.linormal li{padding-bottom:4vw;font-size:3.3vw;margin-left:3vw;}
	.divCabFull li{padding-top:2vw;font-size:3vw;margin-left:6vw;}
	.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{-webkit-border-radius:3vw;-moz-border-radius:3vw;-khtml-border-radius:3vw;border-radius:3vw;}
	.oval2vw{-webkit-border-radius:8vw;-moz-border-radius:8vw;-khtml-border-radius:8vw;border-radius:8vw;}
	.golge {
				box-shadow:.6vw .6vw 2.4vw -.5vw #000;
		   -moz-box-shadow:.6vw .6vw 2.4vw -.5vw #000;
		-webkit-box-shadow:.6vw .6vw 2.4vw -.5vw #000;

	}
	.sresim1, .sresim2, .sresim3 {float:none;width:100%;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}
	.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;}
	
}