.satir,.sutun 
{
	box-sizing: border-box;
}
.satir
{
	text-align: left;
	margin: 0px;
	position: relative;
}
.satir::after,.satir::before
{
content: "";
display: table;
}
.satir::after
{
	clear: both;
}
.sutun
{
	position: relative;
	float: left;
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
}
.sutun:last-child
{
	margin-bottom: 0px;
}
.sutun + .sutun
{
	margin-left: 1.6%;
}
.sut-1 {width: 6.86666666667%;}
.sut-2 {width: 15.3333333333%;}
.sut-3 {width: 23.8%;}
.sut-4 {width: 32.2666666667%;}
.sut-5 {width: 40.7333333333%;}
.sut-6 {width: 49.2%;}
.sut-7 {width: 57.6666666667%;}
.sut-8 {width: 66.1333333333%;}
.sut-9 {width: 74.6%;}
.sut-10 {width: 83.0666666667%;}
.sut-11 {width: 91.5333333333%;}
.sut-12 {width: 100%;}

.ortala
{
	text-align: center;
}
.sagaYasla
{
	text-align: right;
}
.solaYasla
{
	text-align: left;
}
.wd {position: relative;text-align: left;margin: 0px}
.wd-30 {width: 30%}
.wd-40 {width: 40%}
.wd-50 {width: 50%}
.wd-60 {width: 60%}
.wd-70 {width: 70%}
.wd-80 {width: 80%}
.wd-85 {width: 85%}
.wd-90 {width: 90%}
.wd-95 {width: 95%}
.wd-100 {width: 100%}

.floatSil {float: none}
.floatLeft {float: left;}
.floatRight {float: right; }

.bold-100 {font-weight:100}
.bold-200 {font-weight:200}
.bold-300 {font-weight:300}
.bold-400 {font-weight:400}
.bold-500 {font-weight:500}
.bold-600 {font-weight:600}
.bold-700 {font-weight:700}
.bold-800 {font-weight:800}

.satir .sut-2:nth-child(6n+1) {margin-left:0px}
.satir .sut-3:nth-child(4n+1) {margin-left:0px}
.satir .sut-4:nth-child(3n+1) {margin-left:0px}
.satir .sut-6:nth-child(2n+1) {margin-left:0px}

.mg-bot-10 {margin-bottom:10px}
.mg-bot-20 {margin-bottom:20px}
.mg-bot-30 {margin-bottom:30px}
.mg-bot-40 {margin-bottom:40px}
.mg-l-5 {margin-left: 5px}
.mg-l-10 {margin-left: 10px}
.mg-l-15 {margin-left: 15px}
.mg-l-20 {margin-left: 20px}
.mg-r-5 {margin-right: 5px}
.mg-r-10 {margin-right: 10px}
.mg-r-15 {margin-right: 15px}
.mg-r-20 {margin-right: 20px}

.dk-bos-5 {padding: 5px 0px}
.dk-bos-10 {padding: 10px 0px}
.dk-bos-20 {padding: 20px 0px}
.dk-bos-25 {padding: 25px 0px}
.dk-bos-30 {padding: 30px 0px}
.dk-bos-40 {padding: 40px 0px}
.dk-bos-50 {padding: 50px 0px}
.dk-bos-60 {padding: 60px 0px}
.dk-bos-70 {padding: 70px 0px}
.dk-bos-80 {padding: 80px 0px}

.pd-5 {padding: 5px;}
.pd-10 {padding: 10px;}
.pd-15 {padding: 15px;}

.f-size-8 {font-size:8px}
.f-size-9 {font-size:9px}
.f-size-10 {font-size:10px}
.f-size-11 {font-size:11px}
.f-size-12 {font-size:12px}
.f-size-13 {font-size:13px}
.f-size-14 {font-size:14px}
.f-size-15 {font-size:15px}
.f-size-16 {font-size:16px}
.f-size-17 {font-size:17px}
.f-size-18 {font-size:18px}
.f-size-20 {font-size:20px}
.f-size-22 {font-size:20px}
.f-size-25 {font-size:25px}
.f-size-30 {font-size:30px}
.f-size-35 {font-size:35px}
.f-size-404 {font-size:100px;font-family:"Roboto Slab",sans-serif}

.hg-100 {height: 100px;}
.hg-150 {height: 150px;}
.hg-200 {height: 200px;}
.hg-250 {height: 250px;}
.hg-300 {height: 300px;}
.hg-350 {height: 350px;}
.hg-400 {height: 400px;}
.hg-450 {height: 450px;}
.hg-100p {height: 80vh;}

.pointer {cursor: pointer;}
.floatSil {float:none;clear: both;}