@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap');

/* d30000 */


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

body {
	margin:0;
	padding:0;
    max-width: 100% !important;/*yatay kaydırma yok*/
    overflow-x: hidden !important;/*yatay kaydırma yok*/
	
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	text-align: justify;
  background-image: url("../i/bck.jpg");
  background-repeat: repeat;
  background-color:#fff;
}

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

a{color:#000;text-decoration:none;}

body,p{
	font-size: 100%;
	font-family: 'Open Sans', sans-serif;
	font-size: 1vw;
	font-weight: 300;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
	color:#444;
	line-height:165%;
	word-spacing: auto;
	letter-spacing: .07vw;
}



.ortala{
	display: table;
	margin-left: auto;
	margin-right: auto; 
 
}
.ortala2 {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.ortalawidthauto{
	width:auto;
	margin-left: auto; /*genişliği belli olmayanı ortala*/
	margin-right: auto; /*genişliği belli olmayanı ortala*/
	display: table; /*genişliği belli olmayanı ortala*/
    *zoom:1; /*genişliği belli olmayanı ortala*/
}

h1{font-size:3vw;font-weight:300;text-align:center;color:#333;margin-bottom:2vw;line-height:100%;}
h2{font-size:2vw;font-weight:300;text-align:center;color:#333;margin-bottom:1.5vw;line-height:120%}
h3{font-size:1.5vw;font-weight:400;text-align:center;color:#333;margin-bottom:1vw;}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px dotted #ccc;
}

.breadcrumb{position: relative;width: 100%;height:4vw;margin:0 0 1vw 0;border-bottom:0.073vw solid #e1e1e1;background-color: #fcfcfc;color: #888;}
.breadsol{position: absolute;top:1.4vw;left:8vw;width:auto;height:2vw;}
.breadsol h1{color:#888;font-size:1.2vw;font-weight:400; text-transform:uppercase}
.breadsag{position: absolute;top:1.2vw;right:8vw;width:auto;height:2vw;text-align:right;font-size:.82vw;}
.breadol {list-style: none; }
.breadol li {float: right;}
.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:#888; text-transform:uppercase}

.bnrimg{
	height:30vw;
}

.asakayiconbnrCab {
	position:absolute;
	z-index:2;
	cursor:pointer;
	display:block;
	width: 2.196vw;
	height: 4.392vw;
    top: -1.7vw;
    left: 48.7vw;
    margin-left: -1.1vw;
    -webkit-filter: drop-shadow(0px 0px .2vw rgba(255, 255, 255, .5));
     filter: drop-shadow(0px 0px .1vw rgba(255, 255, 255, .5));
}
.asakayiconbnr {
	position: absolute;
	width: 2.050vw;
	height: 0.586vw;
	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 {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #d30000;
}
.asakayiconbnr:before {  left: 0;  transform: skew(0deg, 30deg);}
.asakayiconbnr:after {  right: 0;  width: 50%;  transform: skew(0deg, -30deg);
}

.asakayiconCab {
	position:absolute;
	z-index:2;
	cursor:pointer;
	display:block;
	width: 2.196vw;
	height: 4.392vw;
    top: 15vw;
    left: 48.7vw;
    -webkit-filter: drop-shadow(0px 0px .2vw rgba(0, 0, 0, 1));
     filter: drop-shadow(0px 0px .1vw rgba(0, 0, 0, 1));
	 opacity:.4;
}
.asakayicon {
	position: absolute;
	width: 2.050vw;
	height: 0.586vw;
	opacity: 0;
	transform: scale3d(0.5, 0.5, 0.5);
	animation: asakaymove 3s ease-out infinite;
}
.asakayicon:first-child {  animation: asakaymove 3s ease-out 1s infinite;}
.asakayicon:nth-child(2) {  animation: asakaymove 3s ease-out 2s infinite;}
.asakayicon:before,
.asakayicon:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #fff;
}
.asakayicon:before {  left: 0;  transform: skew(0deg, 30deg);}
.asakayicon:after {  right: 0;  width: 50%;  transform: skew(0deg, -30deg);
}

@keyframes asakaymove {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(2.196vw);
  }
  67% {
    opacity: 1;
    transform: translateY(2.928vw);
  }
  100% {
    opacity: 0;
    transform: translateY(4.026vw) scale3d(0.5, 0.5, 0.5);
  }
}

.asakaytext {
  display: block;
  margin-top: 5.490vw;
  margin-left: -2.196vw;
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-size: 0.878vw;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: .25;
  animation: pulse 2s linear alternate infinite;
}

.main{
	width: 100%;
	padding:5vw;
}

.mainindex{
	margin-top:50vw;
	width: 100%;
	padding:5vw;
}



.kutu {
  float: left;
  width: 20.3vw;/*javadan da deÄŸiÅŸtir*/
  padding: 0vw;
  margin:1vw;
  overflow:hidden;
}

.kutu img{width:100%}

.hovermavi img{
  	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.hovermavi:hover{
	background-color:#d30000;
}

.hovermavi h3{
	margin-top:-1vw;
}

.hovermavi:hover > h3{
	color:#fff;
}
.hovermavi:hover > img{
	transform: scale(1.1);
  	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.rowCab {
	margin: 0 auto;
	width: 100%;
}

/* Clear floats after the columns */
.row{
	margin:0 auto;
	width:96vw;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.columns {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 0;
	background-color:#fff;
}

.column {
	flex: 1;
	margin: 1vw;
	padding: 1vw;
	&:first-child { margin-left: 0; }
	&:last-child { margin-right: 0; }
}

.sutunCab2li {
  display: grid;
  grid-template-columns: 1fr 1fr;/*stun sayısı*/
  grid-gap: 5vw;/*grid arası*/
  background-color: #fff;
}
	.sutun {padding:5vw}


.urun {
    float: left;
	height:auto;
}

.urun.elli {
	height:auto;
    width: 50%;
	margin: 0;
	padding: 5vw;
	overflow: hidden;
}



.parallax{
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin-top:0px;
	margin-bottom:4vw;
}

.liumut li {
	padding-bottom:.7em;
	text-align: justify;
	line-height:120%;
	list-style-type: none;
	position:relative;
	font-weight:300;
	font-size: 1.1vw;
}
.liumut li:before {
	content: '•';
	display: inline-block;
	position: absolute;
	left: -1em;
}

.bnrtext{
	font-weight:300;
	font-size: 3vw;
	text-align: center;
	padding-top:15vw;
	color:#fff;
	text-shadow: 0 0 2px rgba(0, 0, 0, 1),
				 0 0 2px rgba(0, 0, 0, 1),
				 0 0 2px rgba(0, 0, 0, 1);
}

.beyaztxt{
	color:#fff;
	text-shadow: 0 0 2px rgba(0, 0, 0, 1),
				 0 0 2px rgba(0, 0, 0, 1),
				 0 0 2px rgba(0, 0, 0, 1);
}

.siyahtxt{
	color:#444;
	text-shadow: 0 0 2px rgba(255, 255, 255, 1),
				 0 0 2px rgba(255, 255, 255, 1),
				 0 0 2px rgba(255, 255, 255, 1);
}



.rainbow-btn {
  all: unset;
  position: relative;
  padding: 1vw 1.5vw;
  font-size: 1.5vw;
  font-weight: 400;
  letter-spacing: 2px;
  word-spacing: 4px;
  text-transform: uppercase;
  z-index: 1;
  cursor:pointer;
  border-radius: .3vw;
}
.rainbow-btn:before {
  content: "";
  position: absolute;
  animation: rainbow-border 1.5s linear infinite;
  border-radius: .3vw;
  background: linear-gradient(70deg, #0ebeff, #ffdd40, #ae63e4, #47cf73, #0ebeff, #ffdd40, #ae63e4, #47cf73);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-size: 200% 200%;
}

.rainbow-btn:after {
	content: "";
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	height: auto;
	width: auto;
	z-index: -1;
	border-radius: .3vw;
	margin: .2vw;
	background: inherit;
}

@-webkit-keyframes rainbow-border {
  0% {
    background-position: 200% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}




.group-list-3lu {
    -moz-column-gap: 5vw;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    -webkit-column-gap: 5vw;
    column-count: 3; /*sütun sayı*/
    column-gap: 5vw; /*sütun arası*/
	column-rule: 1px solid #eee; /*sütun çizgi*/
	font-size:1vw;
}

a.bttnBeyaz {color:#fff;z-index: 2;}
a.bttnBeyaz:hover { color:#000;}
.bttnBeyaz{border: .15vw solid #fff;}
.bttnBeyaz:before{background-color: #fff; /*hover ani*/}

a.bttnRenkli {color:#d30000;z-index: 2;}
a.bttnRenkli:hover { color:#fff;}
.bttnRenkli{border: .15vw solid #d30000;}
.bttnRenkli:before{background-color: #d30000; /*hover ani*/}

.jssorbttn {
  font-size: 1.2vw;
  letter-spacing: .1vw;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  width: auto;
  font-weight: 400;
  padding: 1.4vw 2.8vw;
  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);
  z-index: 1;
}
.jssorbttn:before {
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  position: absolute;
  top: -1px;
  left: 50%;
  right: 50%;
  bottom: 0;
  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;
}

.golge {
  -webkit-box-shadow: 3px 3px 15px -5px #000;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 15px -5px #000;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 15px -5px #000;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.golgeic {
  -webkit-box-shadow: inset 0px 0px 20px -5px #000;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    inset 0px 0px 20px -5px #000;  /* Firefox 3.5 - 3.6 */
  box-shadow:         inset 0px 0px 20px -5px #000;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.oval{
	-webkit-border-radius: 2vw;
	-moz-border-radius: 2vw;
	border-radius: 2vw;
}



.black25 {background-image:url('../i/25black.png');background-repeat: repeat}
.black50 {background-image:url('../i/50black.png');background-repeat: repeat}
.black75 {background-image:url('../i/75black.png');background-repeat: repeat}
.white25 {background-image:url('../i/25white.png');background-repeat: repeat}
.white50 {background-image:url('../i/50white.png');background-repeat: repeat}
.white75 {background-image:url('../i/75white.png');background-repeat: repeat}
.white85 {background-image:url('../i/85white.png');background-repeat: repeat}

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

::-webkit-scrollbar {width: 0.8vw;}
::-webkit-scrollbar-track {box-shadow: inset 0.146vw 0.146vw 0.366vw -0.146vw grey;background-color:#c1c1c1;border-radius: 0.366vw;-webkit-border-radius: 0.366vw;-moz-border-radius: 0.366vw;}
::-webkit-scrollbar-thumb {background: #666;border-radius: 0.366vw;-webkit-border-radius: 0.366vw;-moz-border-radius: 0.366vw;border:1px solid #999;}
::-webkit-scrollbar-thumb:hover {background: #d30000;}


#back2Top {
	text-shadow: -.2vw .4vw .2vw rgba(0, 0, 0, 0.2);
    width: 2.928vw;
    line-height: 2.928vw;
    //overflow: hidden;
    z-index: 999999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 5vw;
    right: .6vw;
    color: #888;
    text-align: center;
    font-size: 2.196vw;
    text-decoration: none;
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(221, 221, 221);
    /* RGBa with 0.6 opacity */
    background-color: rgba(221, 221, 221, 0);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99dddddd, endColorstr=#99dddddd);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99dddddd, endColorstr=#99dddddd)";
}
#back2Top:hover {
	color: #d30000;
	-moz-transform: rotate(270deg) scale(1.5); /* Firefox */
	-o-transform: rotate(270deg) scale(1.5); /* Opera */
	-webkit-transform: rotate(270deg) scale(1.5); /* Safari And Chrome */
	-ms-transform: rotate(270deg) scale(1.5);
	transform: rotate(270deg) scale(1.5); /* Standard Property */
}

* {
/*-webkit-user-select: none; yandex form input kiltliyor*/
-html-user-select: none;
-moz-user-select: -moz-none;
-o-user-select: none;
user-select: none;
}



.jssor-yerine{display:none}

.ustbosluk{margin:3vw;}


table.ftrnavtbl{
    position: relative;
	width:90%;
	margin-left:5%;
	border-collapse: collapse;
}
	.ftrnavtbl td{
		vertical-align: top;
		font-size:.9vw;
		width:19%;
		height:auto;
		padding:2vw;
		line-height:160%;
		text-align:left;
	}

table.tbl{
    position: relative;
	width:90%;
	margin-left:5%;
	border-collapse: collapse;
	font-weight:300;
	text-align:left;
}
	.tbl th{
		width:18%;
		height:auto;
		padding:2vw;
	}


/* Mobil Responsive */
@media screen and (max-width: 600px) {
	p{font-size: 3.5vw;}
	.hr-h3 {font-size:6vw;margin:8vw 0 4vw 0;font-weight:300}
	h1 {font-size:6vw;margin-bottom:3vw;line-height:120%}
	h2 {font-size:4.5vw;margin:4vw;line-height:120%}
	h3 {font-size:3.5vw;margin-bottom:4vw;line-height:120%}
	.breadcrumb{height:14vw;}
	.breadsol{top:3vw;}
	.breadsol h1{font-size:4vw;}
	.breadsag{font-size:2.5vw;top:auto;bottom:1vw;}
	.bnrimg{height:50vw;}
	.asakayiconCab {top: 60vw; width: 6.588vw; height: 9.882vw; left: 47vw;}
	.asakayicon {width: 6.15vw;height: 1.758vw;}
	.asakayiconbnrCab {top: 0vw; width: 6.588vw; height: 9.882vw; left: 47vw;}
	.asakayiconbnr {width: 6.15vw;height: 1.758vw;}
	.kutu {float: left;width:40vw;margin:2vw;}
	.urun.elli {width: 100%;}
	.hovermavi:hover > img{transform: none}
	.jssorbttn {font-size: 4vw;padding: 4vw 4vw;}
	.liumut li {font-size: 3.5vw;}
	.svg-icon {width: 5vw;height: 5vw;}
	#back2Top {width: 7vw;font-size:7vw;bottom:9vw;right: 1.6vw;}
	.sutunCab2li {grid-template-columns: 1fr;}
	.select-style {font-size: 4vw;padding: 1vw 1vw 1vw 3vw;height:9vw;margin-bottom:5vw;}
	.talep label {font-size: 3vw;margin-bottom: 2vw;}
	.talep input[type=text] {font-size: 4vw;padding: 4vw;height:8vw;margin-bottom:5vw;}
	.talep textarea{font-size: 4vw;padding: 4vw;}
	.talep .textareamax{font-size: 2vw;margin-bottom:4vw;}
	.supbtn {font-size: 3.5vw;padding: 2vw;height: 8vw;}
	.liste th,.liste td {padding: .7vw;	font-size: 2vw;line-height:3vw;}
	.utun.elli {width: 90%;}
	.dunyadiv{display:none}
	.mainindex{margin-top:20vw}
.rainbow-btn { padding: 4vw 6vw; font-size: 4vw;}
@keyframes asakaymove {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(3vw);
  }
  67% {
    opacity: 1;
    transform: translateY(6vw);
  }
  100% {
    opacity: 0;
    transform: translateY(8vw) scale3d(0.5, 0.5, 0.5);
  }
}
}