/*@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;500;600&display=swap');

/* var(--r) */

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;/*yatay kaydırma yok*/
    overflow-x: hidden !important;/*yatay kaydırma yok*/
	background: -webkit-linear-gradient(left, #222222, #2f2f2f, #222222); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(left, #222222, #2f2f2f, #222222); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(left, #222222, #2f2f2f, #222222); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #000, #3f3f3f, #000); /* Standard syntax */
}
body,p,li{
	font-size: 100%;
	//font-family: 'Open Sans', sans-serif;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.2vw; /*k39ss*/
	font-weight: 400;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
	color:#333;
	line-height:1.5;
}

p{text-align:justify;}/*k39ss*/
strong{font-weight:500}
.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;}


a{text-decoration:none}
b{font-weight:500}
.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.normal{
    border: 0;
    height: 1px;
    /*background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));*/
	background: linear-gradient(to right, transparent, var(--r), transparent);
	margin:1vw 0 1vw 0;
}

.hrnet {letter-spacing:.2vw;font-weight:500;margin:2vw 0 1vw 0;background-image:none;position: relative;outline: 0;border: 0;text-align: center;opacity: .9;width:100%;}
.hrnet:before {content: '';background: linear-gradient(to right, transparent, var(--r), transparent);position: absolute;left: 0;top: 50%;width: 100%;height: 1px;}
.hrnet:after {color: var(--r);font-size:1.3vw;content: attr(data-content);position: relative;display: inline-block;padding: 0 .4em;line-height: 1.6vw;}
.hrnet:after{background-color: #f7f7f7;} /* 217754 bck color ile aynı*/
.hrnetBeyaz:after{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: #f9f9f9;
    text-transform: uppercase;
    font-weight: 600;
}

/* tabloZebra */
table {width:100%;}

table td {padding:.4vw;}

table td, table th {border-left: 1px solid #eee;}
table td:first-child, table th:first-child {border-left: none;}

.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:36vw auto;
	position:absolute;
	z-index:3;
	cursor:pointer;
	display:block;
	width: 4vw;
    top: 0;
	left: 47.7vw;
    -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: 4vw;
	height: 1.3vw;
	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:96vw;right:4vw;top:6.4vw;font-size:.82vw;color:#fff;text-align:right;font-weight:300;text-shadow: 1px 1px 3px black;line-height: 1.1;}
.breadol {list-style: none; }
.breadol li {float: right; font-size:.82vw;color:#fff;text-align:right;font-weight:300;text-shadow: 1px 1px 3px black;line-height: 1.1;}
.breadol li:after{content: "❯";margin-left:.4vw;margin-right:.4vw;}
.breadol li:last-child:after {content: none;}
.breadol li a {text-decoration: none; display: block; float: right; color:#fff; text-transform:uppercase}

.resimdot {
    background-image: url(../i/videodot2.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;
}


/*VİDEO*/
.videooverlay {
	background-image: linear-gradient(to bottom right, #002f4b, #dc4225);
	opacity: 0.8;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	box-sizing: border-box;
	//padding: 15% 32px;
	line-height: 1.5;
	text-align: center;
	pointer-events: none;
}
.videodot {
	background: url(../i/videodot.png);
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	margin:0;
	padding:0;
	z-index:2;
}

#fullwidth-video{position: relative;top: 0vw;bottom: 0;	width: 100%; height: 51vw; overflow: hidden;}
#fullwidth-video video {overflow: hidden;margin: auto; position: absolute; z-index: 1; top: 0; left: 0;visibility: visible;opacity: 1; width: 100%; height: auto; object-fit: cover;/*video ortala transform: top: 50%;translate(0%, -50%);*/}
.videoMute input {
	position:absolute;
	top:42vw;
	left:48.2vw;
	cursor: pointer;
	border: none;
	z-index:4;
	width: 3vw;
	height: 3vw;
	background-size: 3vw;
}
.mute{
	background: url('../i/iconVolume.svg') no-repeat;
}
.nomute{
	background: url('../i/iconVolumeOff.svg') no-repeat;
}
.videoRePlay{
	position:absolute;
	top:16vw;
	right:5vw;
	background: url('../i/replayicon.svg') no-repeat;
	background-size: 3vw;
	width: 3vw;
	height: 3vw;
	cursor: pointer;
	border: none;
	z-index:4;
	display:none;
}
.videoRePlay button{width: 3vw;height: 3vw;cursor: pointer;}

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

.ftrWpp{
	position:fixed;
	left:1vw;
	bottom:1vw;
	width:3vw;
	height:auto;
	-webkit-border-radius:50%;-moz-border-radius:50%;-khtml-border-radius:50%;border-radius:50%;
	z-index:99;
}

.ftrWpp img, .logoWpp img{
	width:100%;
	height:auto;
}


.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: justify;
	line-height:120%;
	list-style-type: none;
	position:relative;
	font-weight:300;
	font-size: .9vw;
	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%);
}

.ulDortSutunAuto {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .4vw; /* boşluk */
}

.ulDortSutunAuto a {
    box-sizing: border-box;
    padding: 0px;
	font-weight:300;
	font-size: .9vw;
}
.ulDortSutunAuto li:before {
	height: 1vw;
	width: 1vw;
	background-size: 1vw;
	margin-right:.2vw;
	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%);
}

.divCab {
	//border:1px solid red;
    width: 100%;
    margin: 10px auto;
    position: relative;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
	//align-items: center;/*dikey*/
}
.divCabicMarkalar {
    //border:1px solid blue;
    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;
}
.divCabicMarkalar img{
	-webkit-box-shadow: .2vw .2vw .7vw rgba(0,0,0,.3); 
	-moz-box-shadow: .2vw .2vw .7vw rgba(0,0,0,.3);
	box-shadow: .2vw .2vw .7vw rgba(0,0,0,.3);
}
.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 {
    //border:1px solid blue;
    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;
	border:1px solid #ddd;
	-moz-border-radius: 0.5vw;
	-webkit-border-radius: 0.5vw;
	-khtml-border-radius: 0.5vw;
	border-radius: 0.5vw;
	background-color:#fff;
}

/* 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: 18vw;
    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;
}

.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;
}

/* 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--------------*/
#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;float:left;padding:1vw;margin-right:1vw;}
#guvenlikResim{width:8vw}

.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ı*/



.ilettablo th{color:var(--r);font-weight:600;text-align:left;vertical-align:center; padding:.3vw;white-space:nowrap}
.ilettablo td{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;}


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

.ftrform input[type=text],.ftrform input[type=tel] {border:1px solid #888; background-color: rgba(0,0,0,0.3);; color:#fff; padding: 1.2vw;-moz-border-radius: .5vw;-webkit-border-radius: .5vw;-khtml-border-radius: .5vw;border-radius:.5vw;}
.ftrform input[type=text]:focus,.ftrform input[type=tel]:focus {background-color: #000;}
.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:10vw;padding:1vw;margin-right:1vw;}
#ftrguvenlikResim{width:9vw;vertical-align:middle;}
button.koduYenile{font-size:1.4vw;color:#666;}
.epostaimage{width:27vw;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{
    /* Create the parallax scrolling effect */
	background-size:100% auto;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height:auto;
	padding:0;
	margin:5vw 0 5vw 0;
}
.parallaxic, .parallaxic p, .parallax p{color:#fff;text-align:justify;}
.parallax h2{color:#fff}
.parallaxic{width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);padding:5vw;min-height:30vw;}


.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 0 4vw 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);}


a.bttnBeyaz {color:#fff;font-weight:600;z-index:2;text-shadow:0 0 3px rgba(0, 0, 0, 1),0 0 3px rgba(0, 0, 0, 1);}
a.bttnBeyaz:hover {color:#000;text-shadow:0 0 0 rgba(0, 0, 0, 0)}
.bttnBeyaz{background-color:rgba(255, 255, 255, .25);border:.15vw solid #fff;}
.bttnBeyaz:before{background-color:#fff; /*hover ani*/}

a.bttnRenkli {background-color:rgba(255, 255, 255, .25);color:var(--r);font-weight:400;z-index:2;text-shadow:0 0 3px rgba(255, 255, 255, 1),0 0 3px rgba(255, 255, 255, 1);}
a.bttnRenkli:hover {color:#fff;text-shadow:0 0 0 rgba(0, 0, 0, 0)}
.bttnRenkli{background-color:rgba(255, 255, 255, .25);border:.15vw solid var(--r);}
.bttnRenkli:before{background-color:var(--r); /*hover ani*/}
input[type=submit].bttnRenkli{border:.15vw solid var(--r);color:var(--r);font-weight:400;z-index:2;text-shadow:0 0 3px rgba(255, 255, 255, 1),0 0 3px rgba(255, 255, 255, 1);}
input[type=submit].bttnRenkli:hover {color:#fff;text-shadow:0 0 0 rgba(0, 0, 0, 0);background-color:var(--r);}


a.bttnSiyahRenkli {background-color:rgba(0, 0, 0, .3);color:var(--r);font-weight:400;z-index:2;text-shadow:0 0 3px rgba(0, 0, 0, 1),0 0 3px rgba(0, 0, 0, 1);}
a.bttnSiyahRenkli:hover {color:#fff;text-shadow:0 0 0 rgba(0, 0, 0, 0)}
.bttnSiyahRenkli{background-color:rgba(0, 0, 0, .3);border:.15vw solid var(--r);}
.bttnSiyahRenkli:before{background-color:var(--r); /*hover ani*/}
input[type=submit].bttnSiyahRenkli{border:.15vw solid var(--r);color:var(--r);font-weight:400;z-index:2;text-shadow:0 0 3px rgba(0, 0, 0, 1),0 0 3px rgba(0, 0, 0, 1);}
input[type=submit].bttnSiyahRenkli:hover {color:#fff;text-shadow:0 0 0 rgba(0, 0, 0, 0);background-color:var(--r);}


a.bttnGri {color:#444;font-weight:400;z-index:2;}
a.bttnGri:hover {color:#fff;text-shadow:0 0 0 rgba(0, 0, 0, 0)}
.bttnGri{border:.15vw solid #444;}
.bttnGri:before{background-color:#444; /*hover ani*/}

a.bttnSatinal {color:#fff;font-weight:600;z-index:2;text-shadow:0 0 3px rgba(0, 0, 0, .5),0 0 3px rgba(0, 0, 0, .5);}
a.bttnSatinal:hover {color:#fff;border:.15vw solid var(--r);}
.bttnSatinal{background-color:#66cc00;border:.15vw solid #66cc00; color:fff;}
.bttnSatinal:before{background-color:var(--r);/*hover ani*/}

a.bttnYesil {color:#000;font-weight:600;z-index:2;text-shadow:0 0 3px rgba(255, 255, 255, .5),0 0 3px rgba(255, 255, 255, .5);}
a.bttnYesil:hover {color:#fff;border:.15vw solid var(--r);}
.bttnYesil{background-color:rgba(153, 255, 0, .7);border:.15vw solid #99ff00; color:#000;}
.bttnYesil:before{background-color:var(--r);/*hover ani*/}

.bttnFtrFrom{background-color:rgba(0, 0, 0, .25);border:1px solid #888;color:#888;padding: 1.6vw 2.6vw;}
.bttnFtrFrom:before{background-color:#fff; /*hover ani*/}

.jssorbttn{
	white-space: nowrap;
	font-size: 1.1vw;
	letter-spacing: .1vw;
	line-height:1.1;
	text-transform: uppercase;
	display: inline-block;
	text-align: center;
	padding: 1vw 1.5vw;
	border-radius: .2vw;
	position: relative;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1);
	cursor:pointer;
	z-index: 1;
	margin:0 .5vw 0 .5vw;
	//background-color:rgba(255, 255, 255, .0);
}
.jssorbttn:before {
	-webkit-transition: 0.5s all ease;
	transition: 0.5s all ease;
	position: absolute;
	top: -1px;
	left: 10vw;
	right: 10vw;
	bottom: -1px;
	opacity: 0;
	content: '';
	z-index: -1;
}
.jssorbttn:hover:before {
	-webkit-transition: 0.5s all ease;
	transition: 0.5s all ease;
	left: 0;
	right: 0;
	opacity: 1;
	color:#fff;
}
.jssorbttn:focus:before {
	transition: 0.5s all ease;
	left: 0;
	right: 0;
	opacity: 1;
}
button:focus{outline: none;}

input[type=submit].bttnGri{border:.15vw solid #888;color:#888;font-weight:400;z-index:2;text-shadow:0 0 3px rgba(255, 255, 255, 1),0 0 3px rgba(255, 255, 255, 1);}
input[type=submit].bttnGri:hover {color:#fff;text-shadow:0 0 0 rgba(0, 0, 0, 0);background-color:#888;}
input[type=submit]:disabled,input[type=submit][disabled]{border:.15vw solid #aaa;opacity:.3;}
input[type=submit]:disabled:hover,input[type=submit][disabled]:hover{background-color:#fff;}

.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%);
}


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: #007bff;
	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 #000;
	-webkit-box-shadow: .3vw .3vw 1vw -.5vw #000;
	-moz-box-shadow:    .3vw .3vw 1vw -.5vw #000;
}

/*	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	*/

/* Mobil Responsive */
@media screen and (max-width: 799px) {

	body,p{font-size: 4vw;}/*ofs7a*/
	.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.normal{margin:5vw 0 5vw 0;}
	.hrnet {margin:6vw 0 3vw 0;}
	.hrnet:after {font-size:5vw;padding: 0 .4em;line-height: 6vw;}
	.sliderGosterBosluk{height:14vw;}
	.breadcrumb{position:absolute;width:96vw;right:4vw;top:16vw;font-size:2vw;}
	.breadol li {font-size:2vw;}
	.mobildeyok{display:none}
	.breadol li a {font-weight:500;}
	.parallax{background-size:auto 100vh;}
	.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;}
	.ftrWpp{display:none;width:12vw;bottom:17vw;}
	.divCabicFirmamiz {width: 90vw; margin: 3vw;}
	.divCabicMarkalar {width: 20vw; margin: 1.5vw;}
	.divCabicFaaliyetler {width:90vw;margin: 1.5vw 1.5vw 6vw 1.5vw;}
	.jssorbttn, .whatsapp-siparis-bttn{font-size:3.6vw;padding:1.8vw 3vw;line-height:1.2;margin:.5vw}
.resimdot {
	background-size: 10px 10px;
    width: 300vw; /* Viewport genişliği kadar */
    height: 300vh; /* Viewport yüksekliği kadar */

}
	.urunicerikCab a.jssorbttn{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;}
	.videoBlog {width:80vw;height:46vw;margin:2vw;}
	.refCab {gap: 3vw;}
	.ref {width:30vw;height:22vw;}
	.oval1vw{-webkit-border-radius:4vw;-moz-border-radius:4vw;-khtml-border-radius:4vw;border-radius:4vw;}
	.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.3vw;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;}
.ulDortSutunAuto {
	font-size: 2.4vw;
    grid-template-columns: repeat(2, 45vw);
    gap: 1vw;
	overflow:hidden;
	white-space:nowrap;
	padding:3vw;/*ok için*/
}
.ulDortSutunAuto a {text-align:center;font-size: 2vw;
    max-width: 5ch; /* Maksimum 10 karakter */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ulDortSutunAuto li:before {height:3vw;width:3vw;background-size:3vw;margin-right:.3vw;}
	.bulamadim{width:40vw;}
	.imgyarim{width:80%;}
	.asakayiconbnrCab{
		margin:60vh auto;
		width: 8.8vw;
		height: 17.16vw;
		left: 45.8vw;
	}
	.asakayiconbnr {
		width: 8.2vw;
		height: 2.6vw;
	}
		@keyframes asakaymove {
	  25% {
		opacity: 1;
	  }
	  33% {
		opacity: 1;
		transform: translateY(8.784vw);
	  }
	  67% {
		opacity: 1;
		transform: translateY(11.712vw);
	  }
	  100% {
		opacity: 0;
		transform: translateY(16.104vw) scale3d(0.5, 0.5, 0.5);
	  }
	}
	
/*-------------------İLETİŞİM--------------*/
	#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:16vw;float:left;padding:1vw;}
	#guvenlikResim{width:20vw}
	.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;}
	.iletisimMap{width:100%;height:50vh}
	.ftrform input[type=text],.ftrform input[type=tel]{padding:2vw; height:12vw; -moz-border-radius: 1vw;-webkit-border-radius: 1vw;-khtml-border-radius: 1vw;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:28vw}
	.iletisim #pass-show {width:7vw;height:7vw;margin-left:-9vw;transform: translateY(30%);}
	button.koduYenile{font-size:4vw;}
	.epostaimage {width:70vw;}
/*-------------------İLETİŞİM SONU--------------*/
	.videoMute input, .videoRePlay{right:4vw;width:6vw;height:6vw;background-size:6vw;}
	.videoMute input{top:29vw}
	.videoRePlay{top:38vw;z-index:5;}
	.bodyVideOverlay {font-size:4vw;}
	
}