﻿

*,
*:after,
*:before{
margin: 0;
padding: 0;
/*Herhangi bir padding olmayacak */
-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
		box-sizing: border-box;
}
.mr-10{
margin-right:10px;
}
.ml-10{
margin-left:10px;
}
.mt-10{
margin-top:10px;
}
.mb-10{
margin-bottom:10px;
}
.str{
	position:relative;
	width:100%;}
.str:after{
	content: "";
	display:table;
	clear:both;
}
.sc1,.sc3{
display:block;
-moz-transition: transform 10ms ease-in;
-o-transition: transform 10ms ease-in;
-webkit-transition: transform 10ms ease-in;
transition: transform 10ms ;
}
.sc1:hover{transform:scale(1.1);}
.sc3:hover{transform:scale(1.3);}

.fl{float:left;}
.fr{float:right;}
.block{display:block}



.sutun3-1{width:33.33%;}
.sutun3-3{width:100%;}

.sutun4-1{width:25%;}

.sutun5{width:100%;}
.sutun5-1{width:20%;}

.sutun6-1 {width:16.66%;}
.sutun6-2 {width:33.33%;}
.sutun6-4 {width:66.66%;}
.sutun6-3 {width:49.9%;}

.sutun7-1{width:14.27%;}

.sutun8{width:100%;}
.sutun8-1{width:12.5%;}
.sutun8-2{width:25%;}
.sutun8-3{	width:37.5%;}
.sutun8-4{	width:50%;}
.sutun8-5{	width:62.5%;}
.sutun8-6{	width:75%;}
.sutun8-7{	width:87.5%;}

.sutun9-1 {width:11.111%;}

.sutun10-1{width:10%;}
.sutun10-2{width:20%;}
.sutun10-3{width:30%;}
.sutun10-4{width:40%;}
.sutun10-5{width:50%;}
.sutun10-6{width:60%;}
.sutun10-7{width:70%;}
.sutun10-8{width:80%;}
.sutun10-9{width:90%;}

.sutun11-1{width:9.09%;}

.sutun12-1{width:8.33333333%;}
.sutun12-2{width:16.6666666%;}
.sutun12-3{width:25%;}
.sutun12-4{width:33.33333333%;}
.sutun12-5{width:41.66666666%;}
.sutun12-6{width:50%;}
.sutun12-8{width:66.66666666%;}
.sutun12-10{width:83.3333333%;}
.sutun12-11{width:91.6666666%;}

.sutun13-1{width:7.65%;}

.sutun14-1{width:7.1%;}

.sutun15-1{width:6.666666%;}
.sutun15-2{width:13.33333%;}
.sutun15-3{width:20%;}
.sutun15-4{width:26.66666%;}
.sutun15-5{width:33.33333%;}
.sutun15-6{width:40%;}
.sutun15-12{width:80%;}

div[class^="sutun"]{float:left;min-height:1px;}

div[class*="sutun7"]{
float:left;
margin:0px;
box-sizing: border-box;
display:block;
position:relative;
}





div[class^="sutun3"], div[class^="sutun4"],div[class^="sutun5"],div[class*="sutun6"],div[class*="sutun7"],div[class*="sutun8"],
div[class^="sutun9"], div[class^="sutun10"],div[class^="sutun11"],div[class*="sutun12"],div[class*="sutun13"],div[class*="sutun14"],div[class*="sutun15"]
{
float:left;
box-sizing: border-box;
}




.uppercase{text-transform:uppercase;}
.ful-input-form{
	display: block;
	position: relative;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0; }
	.ful-input{
	line-height:1.1em;
	font-size:1em;
	width:100%;
	padding: 10px;
	float:left;
	border:1px solid #eee;
	border-radius:3px;
	margin:10px 0;
	}
	.input-etiket{
	visibility:hidden;
	opacity:0;
	}
	.ful-input:hover{
	border:1px solid #2b2d2e;
	transition:color 1s;
	cursor:pointer;}

	.ful-input:focus{
	outline:none!important;
	border:1px solid #FF9800;
	border-radius:3px;
	}
	 .genel-buton{
	 text-align:center;
min-width:100px;
  color:white;
  font-weight:800;
  padding:20px;
  display:block;
  margin:10px auto;
  line-height: 30px;
  border-radius: 5px;
  moz-border-radius: 5px;
outline:none;
border:1px solid #eee;
}
.gizle{display:none;}
.goster{display:inline-block;}
.gizleo{visibility:hidden;}
.gostero{visibility:visible;}
input{padding:5px 0;}
.underline{text-decoration:underline;}
.text-center{text-align:center;}
.ortala{margin:0 auto;}
.pad5{padding:5vh}
.pad3{padding:3vh}
.pad2{padding:2vh}
.pad1{padding:1vh}
.margin-top-5{margin-top:5vh}
.margin-top-10{margin-top:10vh}
.margin-top-2{margin-top:2vh}
.width50{width:50%;}
.width60{width:60%;}
.width70{width:70%;}
.width80{width:80%;}
.width85{width:85%;}
.width90{width:90%;}
.width95{width:95%;}


.kaplama{
background-color: rgba(0,0,0,0.8);
position: fixed;
width:100%;
height: 100%;
margin: 0;
padding:0;
z-index: 1000;
display:none;
}
.kaplamaKapa{
position:absolute;
right: 2.5%;
top:0.5%;
color: #332F2D;
border:3px solid #fff;
border-radius: 25px;
line-height:10px;
height:10px;
text-align:center;
width:10px;
padding: 10px;
cursor: pointer;
font-size: 20px;
font-weight: 600;
z-index:1002;
}

.flex-start{
justify-content:flex-star;
}

.flex-end{
justify-content:flex-end;
}

.flex-center{
justify-content:center;
}

.button{
padding:5px;
border:2px solid #252525;
background-color:#fff;
border-radius:5px;
margin:5px;
display:inline-block;
text-decoration:none;
color:#252525;
font-weight:600;

}
.button:hover{
cursor:pointer;
background-color:#252525;
color:#fff;
text-decoration:none;
}
.buttonf{
border:2px solid #333;
background-color:#fff;
border-radius:5px;
display:inline-block;
text-decoration:none;
color:#333;
font-weight:600;
padding:3px;
}
.buttonf:hover{
cursor:pointer;
color:#fff;
background-color:#333;
border:2px solid #333;
text-decoration:none;
}
.buttony{
padding:5px;
border:2px solid #20A24E;
background-color:#fff;
border-radius:5px;
margin-left:10px;
color:#20A24E;
font-weight:600;
margin:5px;
}
.buttony:hover{
cursor:pointer;
background-color:#20A24E;
color:#fff;
text-decoration:none;
}
.buttonk{
padding:5px;
border:2px solid #CF000F;
background-color:#fff;
border-radius:5px;
margin-left:10px;
color:#CF000F;
font-weight:600;
margin:5px;
}
.buttonk:hover{
cursor:pointer;
background-color:#CF000F;
color:#fff;
text-decoration:none;
}
.buttonm{
padding:5px;
border:2px solid #59ABE3;
margin:5px;
border-radius:5px;
margin-left:10px;
background-color:#fff;
color:#59ABE3;
font-weight:600;
}
.buttonm:hover{
cursor:pointer;
background-color:#59ABE3;
color:#ffffff;
text-decoration:none;

}

.full-input {
line-height: 1.1em;
font-size: 1em;
width: 100%;
padding: 10px;
float: left;
border: 1px solid #eee;
border-radius: 3px;
margin: 5px 0;
}

[class*='dik-'] {
	width:100%;
	float: left;
	}

.old-price {
color: #aaa!important;
text-decoration: line-through;
position: relative;
font-size: 0.8em;
font-weight: 400;
}
.flex-container-row{
  display:flex;
  flex-direction: row;
}

.flex-container-col{
  display:flex;
  flex-direction: column;
}

@media only screen and (min-width : 320px) {



	.dik-k-12  {
		width: 100%;
		}

	.dik-k-11  {
		width: 91.6666666667%;
		}

	.dik-k-10  {
		width: 83.3333333333%;

		}

	.dik-k-9 {
		width: 75%;
	}

	.dik-k-8  {
		width: 66.6666666667%;
	}

	.dik-k-7  {
		width: 58.33333333%;
	}

	.dik-k-6  {
		width: 50%;
	}

	.dik-k-5  {
		width: 41.6666666667%;
		}
	.dik-k-4 {
		width: 33.33333333333%;

	}

	.dik-k-3 {
		width: 25%;
	}

	.dik-k-2 {
		width: 16.6666666667%;
	}
	.dik-k-1 {
		width: 8.33333333333%;
	}
}
@media only screen and (min-width : 767px) {


.dik-o-12  {
 width: 100%;
 }

.dik-o-11  {
 width: 91.6666666667%;
}
.dik-o-10  {
 width: 83.3333333333%;
}

.dik-o-9 {
 width: 75%;
 }

.dik-o-8  {
width: 66.6666666667%;
}
.dik-o-7  {
width: 58.33333333%;
}
.dik-o-6  {
 width: 50%;
}
.dik-o-5  {
 width: 41.6666666667%;
}

.dik-o-4 {
 width: 33.33333333333%;
}

.dik-o-3 {
 width: 25%;
}

.dik-o-2 {
 width: 16.6666666667%;
}
.dik-o-1 {
width: 8.33333333333%;
}
}
/****979'dan BÃ¼yÃ¼k*****/
@media only screen and (min-width : 979px) {
	.dik-12-12  {width: 100%;}
	.dik-12-11  {width: 91.6666666667%;}
	.dik-12-10  {width: 83.3333333333%;}
	.dik-12-9 {width: 75%;}
	.dik-12-8  {width: 66.6666666667%;}
	.dik-12-7  {width: 58.33333333%;}
	.dik-12-6  {width: 50%;}
	.dik-12-5  {width: 41.6666666667%;}
	.dik-12-4 {width: 33.33333333333%;}
	.dik-12-3 {width: 25%;}
	.dik-12-2 {width: 16.6666666667%;}
	.dik-12-1 {width: 8.33333333333%;}
	.cerceve{max-width:1200px;}
	.cerceve-tam{width:100%;}
}
