* { padding:0; margin:0;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
}
html, body { min-height:100% }

.ortala { width:1200px; margin:0 auto; padding-left: 50px; padding-right: 50px }
.ortala .ortala { width:100%; }

.tb { display:table; width:100%; margin-bottom:10px }
.tb .td { display:table-cell; margin-right:-4px; vertical-align:top; }


.tr { display:block; }
.tr .tr, ul[class^=kutu-] { display:block; }
.tr .td { display:inline-block; margin-right:-4px; padding-left:10px; padding-right:10px; vertical-align:top; }
.td img { max-width:100%; display:inline-block; height: auto; }

/*.ortala .tr { margin-left: -10px; margin-right: -10px }*/

.flexdiv  { display: flex; align-items: center; }
.space_between { justify-content: space-between; }
.flex_end { justify-content: flex-end; }

.dikflexdiv  { display: flex; align-items: center; justify-content: space-between; flex-direction: column; }
.fx1 {flex: 1}

.vam { vertical-align:middle !important }
.vab { vertical-align:bottom !important }
.vat { vertical-align:top !important }
.tac {text-align:center }

.col-lg-1 { width:8.33% }
.col-lg-2 { width:16.67% }
.col-lg-3 { width:25% }
.col-lg-4 { width:33.3334%; }
.col-lg-5 { width:41.66%; }
.col-lg-6 { width:50% }
.col-lg-7 { width:57.5%; }
.col-lg-8 { width:66.6666%; }
.col-lg-9 { width:75%; }
.col-lg-10 { width:83.33% }
.col-lg-11 { width:91.66% }
.col-lg-12 { width:100%; display:block !important; }

.ta-lg-r { text-align:right }
.ta-lg-c { text-align:center }
.ta-lg-l { text-align:left }

#icerik ul { margin:10px 0 10px 40px }
#icerik ul[class^='kutu'] { margin: 0 -10px 0 -10px }
[class^=kutu-] { margin-left:-10px; margin-right:-10px }

.kutu-lg-10 .kutu{ width:10%; }
.kutu-lg-8  .kutu{ width:12.5%;  }
.kutu-lg-7  .kutu{ width:14.285%; }
.kutu-lg-6  .kutu{ width:16.66%; }
.kutu-lg-5  .kutu{ width:20%; }
.kutu-lg-4  .kutu{ width:25%; }
.kutu-lg-3  .kutu{ width:33.33%; }
.kutu-lg-2  .kutu{ width:50%; }
.kutu-lg-1  .kutu{ width:100%; }
.kutu { display:inline-block;
	vertical-align:top;
	margin-right:-5px;
}

.kutuic { margin:10px; }
.kutuic img {max-width: 100%}

.videoWrapper {
	position: relative;
	width: 100% !important;
	height: auto !important;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;

}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.parent {
  position: relative;
}
.child {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.dp-lg-no,.dp-lg-0 { display:none !important }
.dp-lg-ok,.dp-lg-1 { display:block !important }

.easing {
	transition: all .35s ease-in-out; 
	-webkit-transition: all .35s ease-in-out; 
	-moz-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
}

#mobil_menu {
	position: fixed;
	height: 100%; width:100%; right: 100%; bottom: 0;
	display: flex;
    flex-direction: column;
	background: #eee;
	z-index: 9999 !important
}
#mobil_menu_icerik {
	width: 100%;
	height: 100%;
	display: flex;
    flex-direction: column;
}
#mobil_menu_icerik div { 
	width: 100%
}
#mobil_menu.aktif {
	right: 0%;
}
#mobil_logo { text-align: center; background: #fff }
#mobil_menu_ac_button { position: absolute; top:30px ; right: 10px;  }
#mobil_menu_ac_button a, #mobil_menu_ac_button a {  font-size: 32px !important }
#mobil_menu_kapa_button { position: absolute; top:28px ; right: 10px; }
#mobilemenu { overflow-y: scroll;}
#mobilemenu ul { margin-left: 30px; }
#mobilemenu ul:nth-child(1) { margin-left: 0px; }
#mobil_menu_icerik #mobilemenu ul li { list-style-type: none; }
#mobil_menu_icerik #mobilemenu ul li a { display: block; font-weight: bold; 
	padding: 10px 12px; font-size: 20px 
}
#mobil_menu_icerik #mobilemenu ul li.secili > a, #mobil_menu_icerik #mobilemenu ul li:hover > a {
    color: var(--renk1);
    background: rgba(27,64,231,.03);
    box-shadow: -3px 0 0 0 var(--renk1) inset;
}

#mobile_sosyal li { list-style-type: none; display: inline-block; margin: 10px }
#mobile_sosyal li a { font-size: 20px; padding: 10px }

.sosyal { display:inline-block }
.sosyal li { list-style-type:none; display:inline-block; padding:5px }
.sosyal li a { font-size:28px }
.sosyal a i { width: 40px; height: 40px; border-radius: 50%; line-height: 40px; text-align: center; transition: .5s }
.sosyal a i.fa-facebook  { color: #4267B2;}
.sosyal a:hover i.fa-facebook  { background: #4267B2; color: #fff; box-shadow: 2px 2px 20px #4267B2, -2px -2px 20px #4267B2}
.sosyal a i.fa-twitter   { color: #1DA1F2; }
.sosyal a:hover i.fa-twitter   { background: #1DA1F2; color: #fff; box-shadow: 2px 2px 20px #1DA1F2, -2px -2px 20px #1DA1F2}
.sosyal a i.fa-instagram { color:#9E36B9}
.sosyal a:hover i.fa-instagram { background-image: linear-gradient(235deg, #9E36B9, #F99A3A); color: #fff; box-shadow: 2px 2px 20px #9E36B9, -2px -2px 20px #F99A3A}
.sosyal a i.fa-youtube   { color: #f00;}
.sosyal a:hover i.fa-youtube   { background: #f00; color: #fff; box-shadow: 2px 2px 20px #f00, -2px -2px 20px #1f00}

.cell { text-align: inherit; }

input.dugme[type="checkbox"] {
		position: relative;
		width: 40px;
		height:20px;
		-webkit-appearance :none;
		background: #fff;
		background-position: 0 0;
		outline: none;
		border-radius: 10px;
		border:1px solid #000;
		transition: .3s;
		/*box-shadow: 0 0 0 4px #353535, 0 0 0 5px #3e3e3e, inset 0 0 10px rgba(0,0,0,1), 0 5px 20px rgba(0,0,0,.5), inset 0 0 15px rgba(0,0,0,.2);*/
	}
	input.dugme[type="checkbox"]:before {
		content: '';
		position: absolute;
		top:-1px;
		left:0;
		width: 20px;
		height: 20px;
		background: linear-gradient(0deg, #fff, #6b6b6b);
		border-radius: 10px;
		box-shadow: 0 0 0 1px #232323;
		transform: scale(.98,.97);
		transition: .3s;
	}
	input.dugme:checked[type="checkbox"]{
		background:green;
	}
	input.dugme:checked[type="checkbox"]:before {
		left:20px;
	}

@media (max-width: 980px) {
	.ortala { width: 100%; padding-left: 5px; padding-right: 5px }
	.ortala .tr, [class^=kutu-] { margin-left: 0px; margin-right: 0px }

	.col-md-1 { width:8.33% }
	.col-md-2 { width:16.67% }
	.col-md-3 { width:25% }
	.col-md-4 { width:33.3333%; }
	.col-md-5 { width:41.66%; }
	.col-md-6 { width:50% }
	.col-md-7 { width:57.5%; }
	.col-md-8 { width:66.6666%; }
	.col-md-9 { width:75%; }
	.col-md-10 { width:83.33% }
	.col-md-11 { width:91.66% }
	.col-md-12 { width:100%; display:block !important}
	
	.kutu-md-10 .kutu{ width:10%; }
	.kutu-md-8  .kutu{ width:12.5%;  }
	.kutu-md-7  .kutu{ width:14.285%; }
	.kutu-md-6  .kutu{ width:16.66%; }
	.kutu-md-5  .kutu{ width:20%; }
	.kutu-md-4  .kutu{ width:25%; }
	.kutu-md-3  .kutu{ width:33.33%; }
	.kutu-md-2  .kutu{ width:50%; }
	.kutu-md-1  .kutu{ width:100%; }
	
	.col-3-tar, .ta-md-r { text-align:right }
	.col-3-tac, .ta-md-c { text-align:center }
	.col-3-tal, .ta-md-l { text-align:left }

	.dp-md-no, .dp-md-0 {  display:none !important }
	.dp-md-ok, .dp-md-1 { display:block !important }
}

@media (max-width: 720px) {
	.tr { display:block }
	.tr .td { display:inline-block }

	div[class^=kutu-] { margin-left:0px; margin-right:0px }
	.col-sm-1 { width:8.33% }
	.col-sm-2 { width:16.67% }
	.col-sm-3 { width:25% }
	.col-sm-4 { width:33.3333%; }
	.col-sm-5 { width:41.66%; }
	.col-sm-6 { width:50% }
	.col-sm-7 { width:57.5%; }
	.col-sm-8 { width:66.6666%; }
	.col-sm-9 { width:75%; }
	.col-sm-10 { width:83.33% }
	.col-sm-11 { width:91.66% }
	.col-sm-12 { width:100%; display:block !important}
	
	.kutu-sm-10 .kutu{ width:10%; }
	.kutu-sm-8  .kutu{ width:12.5%;  }
	.kutu-sm-7  .kutu{ width:14.285%; }
	.kutu-sm-6  .kutu{ width:16.66%; }
	.kutu-sm-5  .kutu{ width:20%; }
	.kutu-sm-4  .kutu{ width:25%; }
	.kutu-sm-3  .kutu{ width:33.33%; }
	.kutu-sm-2  .kutu{ width:50%; }
	.kutu-sm-1  .kutu{ width:100%; }
	
	.col-2-tar, .ta-sm-l { text-align:right }
	.col-2-tac, .ta-sm-c { text-align:center }
	.col-2-tal, .ta-sm-r { text-align:left }
	
	.dp-sm-no, .dp-sm-0, #header_alan { display:none !important }	
	.dp-sm-ok, .dp-sm-1 { display:block !important }
}

@media (max-width: 480px) {
	.col-xs-1 { width:8.33% }
	.col-xs-2 { width:16.67% }
	.col-xs-3 { width:25% }
	.col-xs-4 { width:33.3333%; }
	.col-xs-5 { width:41.66%; }
	.col-xs-6 { width:50% }
	.col-xs-7 { width:57.5%; }
	.col-xs-8 { width:66.6666%; }
	.col-xs-9 { width:75%; }
	.col-xs-10 { width:83.33% }
	.col-xs-11 { width:91.66% }
	.col-xs-12 { width:100%; display:block !important}
	.tr .col-xs-12 { padding: 0 !important }
	
	.kutu-xs-10 .kutu{ width:10%; }
	.kutu-xs-8  .kutu{ width:12.5%;  }
	.kutu-xs-7  .kutu{ width:14.285%; }
	.kutu-xs-6  .kutu{ width:16.66%; }
	.kutu-xs-5  .kutu{ width:20%; }
	.kutu-xs-4  .kutu{ width:25%; }
	.kutu-xs-3  .kutu{ width:33.33%; }
	.kutu-xs-2  .kutu{ width:50%; }
	.kutu-xs-1  .kutu{ width:100%; }
	
	.col-1-tar, .ta-xs-r { text-align:right }
	.col-1-tac, .ta-xs-c { text-align:center }
	.col-1-tal, .ta-xs-l { text-align:left }	
	
	.dp-xs-no,.dp-xs-0 { display:none !important }
	.dp-xs-ok,.dp-xs-1 { display:block !important }
}
