content{
	margin:100px 0px;
}

.banner{
	width: 100%;
	padding-top: 40%;
	float: left;
	position: relative;
	margin-bottom: -50px;
}

.banner img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	object-fit: cover;
}




.container_skew{
	width: 100%;
	float: left;
	position: relative;
	background-color: #fff;
	transform: skewY(-2deg);
	padding: 50px 0px;
}

.container_skew .ic_container{
	width: 100%;
	float: left;
	position: relative;
	transform: skewY(2deg);
}

.cskw_blue{ background-color: #2b2460; }
.cskw_black{ background-color: #1d1d1d; }
.cskw_mor{ background-color: var(--color); }

.container{
    width: 100%;
    float: left;
    position: relative;
    padding: 100px 0px;
}


.container_content{
    width: 1200px !important;
    float: left;
    position: relative;
	left:calc(50% - 600px)!important;
}




.ana_baslik{
	width: calc(100% - 0px);
	float: left;
	position: relative;
}

.ortali_baslik{ text-align: center;}
.sag_baslik{ text-align: right;}

.ana_baslik b{
	width: calc(100% - 0px);
	line-height: 1.3;
	float: left;
	position: relative;
	font-size: 15px;
	color:#802e92;
	margin-bottom: 5px;
	letter-spacing: 1px;
}

.ana_baslik p{
	width: calc(100% - 0px);
	line-height: 1.3;
	float: left;
	position: relative;
	font-size: 35px;
	color:#3d3d3d;
	letter-spacing: 0.5px;
}

.ana_baslik .pb{ color:#fff; }



.hakkimizda{ width: 100%; float: left; position: relative; }
.hakkimizda_text{
	width: calc(100% - 0px);
	line-height: 2;
	float: left;
	position: relative;
	color:#3d3d3d;
	font-size: 14px;
	letter-spacing: 2px;
	text-align: center;
	margin-top:50px;
}










.program{
	width: 100%;
	float: left;
	position: relative;
}

.program img{
	width: calc(90% - 0px);
	float: left;
	position: relative;
	margin-top: 100px;
    margin-left: 5%;
    margin-bottom: -235px;
}

.program .program_content{
	width: calc(100% - 0px);
	float: left;
	position: relative;
}

.program .program_content .program_title{
	width: calc(100% - 0px);
	line-height: 1.4;
	float: left;
	position: relative;
	font-weight: bold;
	color: #1d1d1d;
	font-size: 30px;
	letter-spacing: 1.2px;
	margin-bottom: 15px;
	text-align: center;
	color: #fff;
}

.program .program_content .program_des{
	width: calc(100% - 0px);
	line-height: 2;
	float: left;
	position: relative;
	color: #1d1d1d;
	font-size: 14px;
	letter-spacing: 2px;
	text-align: center;
	color: #fff;
}









.moduller{
	width: 1400px;
	float: left;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	margin:50px 0px;
	left:calc(50% - 700px);
}

.modul_icon{
	width: 150%;
	position: absolute;
	left: -40%;
	top: -10%;
	opacity: 0.03;
}


.modul{
	width: 50%;
	float: left;
	position: relative;
	margin:0px 0px;
	display: flex;
	align-items: center;
}

.modul img{
	width: calc(275px - 0px);
	float: left;
	position: relative;
	z-index: 3;
	margin: 0px 0px 0px 15px;
}

.modul .modul_content{
	width: calc(100% - 100px);
	float: left;
	position: absolute;
	margin-left: 100px;
	padding: 20px 20px 20px 190px;
	box-sizing: border-box;
	border-radius: 20px;
	background-color: rgb(128,46,146,0.15);
}

.modul .modul_content .modul_title{
	width: calc(100% - 0px);
	line-height: 1.4;
	float: left;
	position: relative;
	font-weight: bold;
	color: #1d1d1d;
	font-size: 20px;
	letter-spacing: 1.2px;
	margin-bottom: 15px;
}

.modul .modul_content .modul_des{
	width: calc(100% - 0px);
	line-height: 1.6;
	float: left;
	position: relative;
	color: #1d1d1d;
	font-size: 16px;
	letter-spacing: 1.5px;
}

.modul:nth-child(2n+1) .modul_content{ margin:0px 100px 0px 0px; padding: 20px 185px 20px 20px; }
.modul:nth-child(2n+1) img{ margin: 0px 15px 0px 0px; }
.modul:nth-child(2n+1){ flex-direction: row-reverse; }

.modul .buton{
	float: left;
	position: relative;
	margin-top: 10px;
	font-size: 13px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	color: #2c2460;
	display: flex;
	align-items: center;
	padding:10px 15px 10px 0px;
	font-weight: bold;
	transition: all 100ms;
}

.modul .buton:after{
	content: '';
	width: 4px;
	height: 4px;
	float: right;
	right: 0px;
	position: absolute;
	border:2px solid;
	border-color: #2c2460 #2c2460 transparent transparent;
	transform: rotate(45deg);
}

.modul:hover .buton:after{
	animation-name: but_anim;
	animation-duration: 500ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-fill-mode: both;
}

.modul .buton:hover{ transform: scale(1.05);}



@keyframes but_anim { from{right: 0px;}	to{right: -5px;} }





.fiyatlar{
	width: 100%;
	float: left;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap:wrap;
	justify-content:space-between;
}

.fiyat_col{
	width: calc(25% - 70px);
	float: left;
	position: relative;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.2),  0 0 15px 0 rgba(0,0,0,0.2);
	margin: 25px 0px;
	padding: 15px 15px 70px 15px;
	border-radius: 5px;
}

.fiyat_col .title{
	width: calc(100% - 0px);
	line-height: 1.4;
	float: left;
	position: relative;
	font-size: 16px;
	font-weight: bold;
	color: #1d1d1d;
	text-align: center;
	letter-spacing: 1.2px;
	margin-bottom: 15px;
}

.fiyat_col .satir{
	width: calc(100% - 0px);
	line-height: 1;
	float: left;
	position: relative;
	margin: 10px 0px;
	font-size: 14px;
	letter-spacing: 1.2px;
	color: #3d3d3d;
}

.fiyat_col .satir b{
	width: calc(40% - 0px);
	float: left;
	position: relative;
	color: #3d3d3d;
	text-align: left;
}

.fiyat_col .satir p{
	width: calc(60% - 0px);
	float: left;
	position: relative;
	color: #3d3d3d;
	text-align: right;
}

.fiyat_col .satir p b{
	width: 52px;
	float: left;
	position: relative;
	color: red;
	margin-right: 5px;
	text-decoration: line-through;
}


.fiyat_col .satir p span{ font-size: 8px; text-transform: uppercase; }

.fiyat_col .buton{
	width: calc(100% - 30px);
	height: 40px;
	line-height: 40px;
	position: absolute;
	font-size: 14px;
	letter-spacing: 1.2px;
	color: #fff;
	text-align: center;
	background-color: darkcyan;
	bottom: 15px;
	left: 15px;
	transition: all 200ms; 
	border-radius: 5px;
}

.fiyat_col .buton:hover{ transform: scale(1.05);}

.modul_text{
	width: 100%;
	line-height: 1.4;
	float: left;
	position: relative;
	margin-top:10px;
	text-align: center;
	font-size: 14px;
	letter-spacing: 1.2px;
	color: #3d3d3d;
}









.iletisim_col{
	width: 100%;
	float: left;
	position: relative;
	margin:10px 0px;
	font-size: 15px;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 1.2px;
	color: #fff;
	font-weight: 600;
}


.iletisim_text{
	width: 100%;
	float: left;
	position: relative;
	margin:50px 0px;
	font-size: 15px;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 1.2px;
	color: #fff;
	font-weight: 600;
}

.iletisim_col p{ margin:5px 0px; }
.iletisim_col b{ color: #fff; }


.form_col{
	width: 600px;
	float: left;
	position: relative;
	margin-left: calc(50% - 300px);
	margin-top: 100px;
}

.form_input{
	width: 100%;
	float: left;
	position: relative;
	margin: 15px 0px;
}

.form_input p{
	width: 100%;
	line-height: 1;
	float: left;
	position: relative;
	letter-spacing: 1.2px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 4px;
}

.form_input input{
	width: 100%;
	height: 50px;
	float: left;
	position: relative;
	border:1px solid #fff;
	outline: none;
	padding: 0px 10px;
	box-sizing: border-box;
	background-color: transparent;
}

.form_input textarea{
	min-width: 100%;
	max-width: 100%;
	min-height: 90px;
	float: left;
	position: relative;
	border:1px solid #fff;
	outline: none;
	padding: 10px;
	box-sizing: border-box;
	background-color: transparent;
}

input::placeholder{ color: #fff; font-size: 15px; font-weight: 600; letter-spacing: 1px; }
textarea::placeholder{ color: #fff; font-size: 15px; font-weight: 600; letter-spacing: 1px; }

input:focus{ background-color: #fff; color:var(--color); }
textarea:focus{ background-color: #fff; color:var(--color); }

input:focus::placeholder{ color: var(--color); }
textarea:focus::placeholder{ color:  var(--color); }

/*
.form_input:focus-within input{ border-color: #2b2460; }
.form_input:focus-within textarea{ border-color: #2b2460; }
.form_input:focus-within p{color:#2b2460;}
*/
.form_buton{
	float: left;
	position: relative;
	margin-top: 10px;
	padding: 10px 20px;
	border-radius: 5px;
	background-color: #fff;
	color: var(--color);
	font-size: 14px;
	letter-spacing: 1.2px;
	cursor: pointer;
	transition: all 200ms;
	user-select: none;
}

.form_buton:hover{ transform: scale(1.05);}
.form_buton:active{ transform: scale(1);}



.mesaj_snc{
	width: calc(100% - 30px);
	line-height: 2;
	float: left;
	position: relative;
	letter-spacing: 2px;
	text-align: center;
	color: #fff;
	margin: 15px;
}


.mesaj_snc.hata{ color: #f44336;}



















.hizmetler{
	width: calc(100% - 0px);
	float: left;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	margin-top:50px;
}


.hizmetler .hizmet{
	width: calc(33.33% - 82px);
	float: left;
	position: relative;
	margin: 25px;
	padding: 15px 15px 40px 15px;
	border-radius: 6px;
	
    transition: all 250ms;
    background: linear-gradient(301deg, #802e92, #2c2460, #802e92, #2c2460);
    background-size: 400% 400%;
    -webkit-animation: gradient_zemin 14s ease infinite;
    -moz-animation: gradient_zemin 14s ease infinite;
    -o-animation: gradient_zemin 14s ease infinite;
    animation: gradient_zemin 14s ease infinite;
	overflow: hidden;
}

.hizmetler .hizmet:before{
    content:'';
    width: calc(100% - 0px);
    height: calc(100% - 0px);
    float: left;
    position: absolute;
    background-color: #f1f1f1;
    top:0px;
    left:0px;
    transition: all 250ms;
	border-radius: 4px;
}

.hizmetler .hizmet:hover:before{ 
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    top:5px;
    left:5px;
}



.hizmetler .hizmet .hizmet_title{
	width: calc(100% - 0px);
	line-height: 1.3;
	float: left;
	position: relative;
	margin-bottom: 5px;
	color:#3d3d3d;
	letter-spacing: 0.5px;
	font-weight: bold;
	font-size: 20px;
}

.hizmetler .hizmet .hizmet_des{
	width: calc(100% - 0px);
	line-height: 1.5;
	float: left;
	position: relative;
	color:#3d3d3d;
	font-size: 14px;
	letter-spacing: 1px;
}

.hizmetler .hizmet span{
	width: calc(100% - 0px);
	line-height: 1.4;
	float: left;
	position: absolute;
	color:#802e92;
	text-decoration: none;
	letter-spacing: 0.5px;
	margin-top: 15px;
	bottom: -50px;
	left: 15px;
	transition: all 200ms;
	display: flex;
	align-items: center;
}

.hizmetler .hizmet span:after{
	content: '';
	width: 10px;
	height: 10px;
	float: left;
	position: relative;
	margin-left: 5px;
	background-color: #802e92;  mask: url(../images/o17.svg) no-repeat center / contain; -webkit-mask: url(../images/o17.svg) no-repeat center / contain;
}

.hizmetler .hizmet:hover span{ bottom: 10px; }










.portfolyolar{
	width: calc(100% - 0px);
	float: left;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	justify-content: space-between;
	margin-top:50px;
}


.portfolyolar .portfolyo{
	width: calc(20% - 30px);
	float: left;
	position: relative;
	margin: 20px 0px;
}

.portfolyolar .portfolyo .portfolyo_img{
	width: calc(100% - 0px);
	float: left;
	position: relative;
	padding-top: 100%;
}

.portfolyolar .portfolyo .portfolyo_img img{
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	float: left;
	position: absolute;
	object-fit: contain;
	margin:5px;
	top: 0px;
	left: 0px;
}





.bloglar_zemin{ background-color: #3d3d3d; }

.bloglar{
	width: calc(100% - 0px);
	float: left;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	margin-top:50px;
}

.bloglar .blog{
	width: calc(33.33% - 40px);
	float: left;
	position: relative;
	margin: 20px;
}

.bloglar .blog .blog_resimler{
	width: calc(100% - 0px);
	float: left;
	position: relative;
}

.bloglar .blog .blog_resimler img{
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
	object-fit: cover;
}

.bloglar .blog .blog_title{
	width: calc(100% - 0px);
	line-height: 1.3;
	letter-spacing: 0.5px;
	font-size: 20px;
	font-weight: bold;
	float: left;
	position: relative;
	margin-top:10px;
	color:#fff;
}

.bloglar .blog .blog_des{
	width: calc(100% - 0px);
	line-height: 1.5;
	letter-spacing: 1px;
	font-size: 14px;
	float: left;
	position: relative;
	margin-top:10px;
	color:#fff;
}

.bloglar .blog .tarih{
    width: calc(100% - 80px);
    line-height: 1.5;
    float: right;
    position: relative;
    color:#ddd;
    letter-spacing: 1px;
    font-size: 14px;
    margin-top:10px;
    text-align: right;
}







.yorumlar{
	width: calc(100% - 0px);
	float: left;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	margin-top:50px;
}

.yorumlar .yorum{
	width: calc(60% - 0px);
	float: left;
	position: relative;
	margin: 0px 20%;
}

.yorumlar .yorum .yorum_title{
	width: calc(100% - 0px);
	line-height: 1.3;
	letter-spacing: 0.5px;
	font-size: 20px;
	font-weight: bold;
	float: left;
	position: relative;
	margin-top:10px;
	color:#3d3d3d;
	text-align: center;
}

.yorumlar .yorum .yorum_des{
	width: calc(100% - 0px);
	line-height: 1.5;
	letter-spacing: 1px;
	font-size: 14px;
	float: left;
	position: relative;
	margin-top:10px;
	color:#3d3d3d;
	text-align: center;
}

.yorumlar .yorum .yorum_firma{
	width: calc(100% - 0px);
	line-height: 1.3;
	letter-spacing: 0.5px;
	float: left;
	position: relative;
	margin-top:20px;
	color:#802e92;
	text-align: center;
}


.yorum_but{
	width: 40px;
	height: 40px;
	top:calc(50% - 20px);
}


.yorum_but:before{
	width: 20px;
	height: 20px;
	background-color: #802e92;
	mask: url(../images/o5.svg) no-repeat center / contain; -webkit-mask: url(../images/o5.svg) no-repeat center / contain;
}
















.duzen_m3_menu{
	float: left;
	position: relative;
	text-align: center;
}





.tanitim_tablar{
	width: calc(100% - 0px);
	float: left;
	position: relative;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}


.tanitim_tab_ad{
	float: left;
	position: relative;
	text-align: center;
}

.tanitim_tab_pay_s{ padding: 7px; margin: 3px; }
.tanitim_tab_pay_m{ padding: 10px; margin: 5px; }
.tanitim_tab_pay_l{ padding: 12px; margin: 5px; }
.tanitim_tab_pay_xl{ padding: 14px; margin: 7px; }
.tanitim_tab_pay_xxl{ padding: 18px; margin: 8px; }

















.duzen_pt_0{ padding-top:0px; }
.duzen_pt_1{ padding-top:50px; }
.duzen_pt_2{ padding-top:100px; }
.duzen_pt_3{ padding-top:150px; }
.duzen_pt_4{ padding-top:200px; }
.duzen_pt_5{ padding-top:250px; }

.duzen_pb_0{ padding-bottom:0px; }
.duzen_pb_1{ padding-bottom:50px; }
.duzen_pb_2{ padding-bottom:100px; }
.duzen_pb_3{ padding-bottom:150px; }
.duzen_pb_4{ padding-bottom:200px; }
.duzen_pb_5{ padding-bottom:250px; }



.tanitim_content{
	width: calc(100% - 0px);
	float: left;
	position: relative;
	left: 0px;
	margin-left: 0px;
	display: flex;
	justify-content: center;
	overflow: hidden;
}

.duzen_pddng{ padding: 150px 0px;}

.tanitim_ic_content{
    width: 1200px !important;
	float: left;
	position: relative;
}

.tanitim_zemin_resim{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}






.model_2_resim_content{
	width: 30%;
	float: left;
	position: relative;
}

.model_2_resim{
	float: left;
	position: relative;
}

.model_2_img{
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.model_2_content{
	width: calc(70% - 40px);
	float: left;
	position: relative;
	margin-left: 40px;
}

.model_2_text{
	width: calc(100% - 0px);
	float: left;
	position: relative;
	z-index: 2;
}

.model_2_1_resim_content{ float:right; }
.model_2_1_content{ margin-right: 40px; float:left; margin-left: 0px; }





.model_1_resim{
	width: 100%;
	float: left;
	position: absolute;
}

.tanitim_ad_model_1{ position: absolute !important;}





.ara_bosluk{ display: flex; align-items: center; justify-content: center;}

.ara_bosluk_ic{
	width: 100%;
	height: 0;
	display:flex; align-items:center; justify-content:center;
}

.ara_bosluk_ic:before{ display: inline-block;}





















.duzen_slide_cl{
	width: calc(25% - 14px);
	float: left;
	position: relative;
	margin: 7px;
	box-shadow: 0 5px 6px 0 rgb(0 0 0 / 20%), 0 3px 10px 0 rgb(0 0 0 / 19%);
	padding-bottom:40px;
	background-color: #fff;
}

.duzen_slide_cl .slide_img{
	width: calc(100% - 0px);
	float: left;
	position: relative;
	object-fit:cover;
}

.duzen_slide_cl .slide_text{
	width: calc(100% - 10px);
	max-height: 150px;
	float: left;
	position: relative;
	margin:10px 5px 0px 5px;
	overflow: hidden;
}

.duzen_slide_cl .slide_text:before{
	content: '';
	width: calc(100% - 0px);
	height: 25px;
	float: left;
	position: absolute;
	bottom:0px;
	background-image: linear-gradient(transparent,#fff);
}

.duzen_slide_cl .tab_butonlar{
	width: calc(100% - 0px);
	float: left;
	position: absolute;
	bottom:0px;
}




.slide_onizle{
    width: 100%;
    float: left;
    position: relative;
	margin-top:50px;
}

.slide_content{
    width: calc(100% - 0px);
    float: left;
    position: relative;
}

.slide_ic_content{
    width: calc(100% - 80px);
    float: left;
    position: relative;
    margin:0px 40px;
    overflow: hidden;
	padding: 15px 0px;
	z-index: 1;
}

.slide_onizle .sld_stun{
    float: left;
    position: absolute;
    z-index: 1;
    transition: all 250ms;
}

.true_sld{ z-index: 2!important;}
.aktif_sld{left: 0px!important;}

.cl1{ width: 100%; }
.cl2{ width: 50%; }
.cl3{ width: 33.33%; }
.cl4{ width: 25%; }
.cl5{ width: 20%; }
.cl6{ width: 16.66%; }
.cl7{ width: 14.28%; }
.cl8{ width: 12.5%; }


.nx_but{ right: -0px; }
.pv_but{ left: -0px; transform: rotateY(180deg); }

.slide_yon_buton{
    position: absolute;
    top:calc(50% - 13px);
    width: 50px;
    height: 50px;
	display: flex;	align-items: center;	justify-content: center;
	cursor: pointer;
	transition: all 100ms;
	z-index: 2;
	opacity:0.6;
}

.slide_yon_buton:before{ display: inline-block; position: relative; content:''; }

.slide_yon_buton:active{ transform: scale(1.05); }
.slide_yon_buton.pv_but:active{transform: rotateY(180deg) scale(1.05); }

.slide_content:hover .slide_yon_buton{ opacity:1; }

.slide_urun{
    float: left;
    position: relative;
}

.slide_urun.cl1{ width: calc(100% - 20px); margin:0px 10px; }
.slide_urun.cl2{ width: calc(50% - 40px); margin:0px 20px;  }
.slide_urun.cl3{ width: calc(33.33% - 30px); margin:0px 15px;  }
.slide_urun.cl4{ width: calc(25% - 20px); margin:0px 10px;  }
.slide_urun.cl5{ width: calc(20% - 20px); margin:0px 10px;  }
.slide_urun.cl6{ width: calc(16.66% - 20px); margin:0px 10px;  }
.slide_urun.cl7{ width: calc(14.28% - 20px); margin:0px 10px;  }
.slide_urun.cl8{ width: calc(12.5% - 20px); margin:0px 10px;  }


.slide_icerik{
	float: left;
	position: relative;
	overflow: hidden;
}

.slide_icerik_zemin{
	width: 100%;
	height: 100%;
	float: left;
	position: absolute;
	top:0px;
	right: 0px;
	bottom:0px;
	left: 0px;
	z-index: 0;
}


.slide_icerik_zemin:before{
	top:-15px;
	left:-15px;
	right:-15px;
	bottom:-15px;
	position:absolute;
	background-size: cover;
	background-attachment: fixed;
	background-position-x:center;
	overflow:hidden;
	background-position:center;
}

.slide_icerik_zemin:after{
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	position:absolute;
}

.slide_icerik .slide_icerik_img{
	width: 100%;
    float: left;
    position: relative;
	object-fit:cover;
	z-index: 2;
}

.slide_icerik .slide_icerik_text{
	width: 100%;
    float: left;
    position: relative;
	z-index: 2;
	margin-top:10px;
}


.margin_sv1{ margin:0px 1%; }
.margin_sv2{ margin:0px 2%; }
.margin_sv3{ margin:0px 3%; }
.margin_sv4{ margin:0px 4%; }
.margin_sv5{ margin:0px 5%; }
.margin_sv6{ margin:0px 6%; }








































.container_urunler{
	float: left;
	position: relative;
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.tanitim_ad_col{
	width: calc(100% - 0px);
	float: left;
	position: relative;
	margin-bottom:25px;
}


.tanitim_ad{
	line-height: 1.3;
	float: left;
	position: relative;
	z-index: 2;
}

.duzen_ad_zemin{
	width:100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	top:0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
}


.duzen_ad_zemin:before{
	top:-15px;
	left:-15px;
	right:-15px;
	bottom:-15px;
	position:absolute;
	background-size: cover;
	background-attachment: fixed;
	overflow:hidden;
	background-position:center;
	background-repeat: no-repeat;
}

.duzen_ad_zemin:after{
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	position:absolute;
}





.tntm_font_s{ font-size:15px;}
.tntm_font_m{ font-size:19px;}
.tntm_font_l{ font-size:24px;}
.tntm_font_xl{ font-size:30px;}
.tntm_font_xxl{ font-size:35px;}

.tanitim_ad_orta{ display: flex; justify-content: center; }
.tanitim_ad_orta .tanitim_ad{ text-align: center; }

.tanitim_ad_sol{ display: flex; justify-content: flex-start; }
.tanitim_ad_sol .tanitim_ad{ text-align: left; }

.tanitim_ad_sag{ display: flex; justify-content: flex-end; }
.tanitim_ad_sag .tanitim_ad{ text-align: right; }


.tanitim_urun_100{ width:calc(100% - 0px); margin:0px; height: 100%;}

.tanitim_urun_s{ width:calc(16.66% - 20px);}
.tanitim_urun_m{ width:calc(20% - 20px);}
.tanitim_urun_l{ width:calc(25% - 20px);}
.tanitim_urun_xl{ width:calc(33.33% - 20px);}


.duzen_metin{
	width: 100%;
	float: left;
	position: relative;
	z-index: 1;
}

.duzen_metin_zemin{
	width:100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	top:0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
}

.duzen_metin_zemin:before{
	top:-15px;
	left:-15px;
	right:-15px;
	bottom:-15px;
	position:absolute;
	background-size: cover;
	background-attachment: fixed;
	background-position:center;
	overflow:hidden;
	background-repeat: no-repeat;
}

.duzen_metin_zemin:after{
	width:100%;
	height:100%;
	position:absolute;
}






@media screen and (max-width: 1440px), screen and (max-device-width: 1440px) {
		
	.moduller{
		width: 1200px;
		margin:50px 0px;
		left:calc(50% - 600px);
	}

	.modul img { width: calc(260px - 0px); }

	.modul .modul_content {
		width: calc(100% - 100px);
		margin-left: 100px;
		padding: 20px 20px 20px 180px;
	}

	.modul:nth-child(2n+1) .modul_content {
		margin: 0px 100px 0px 0px;
		padding: 20px 180px 20px 20px;
	}

}








@media screen and (max-width: 1280px), screen and (max-device-width: 1280px) { 

	.container_content{ width: 980px!important; left:calc(50% - 490px)!important;}
	.tanitim_ic_content{ width: 980px !important; }

	.cl7{ width: 16.66%; }
	.cl8{ width: 14.28%; }

	.slide_urun.cl7{ width: 16.66%; }
	.slide_urun.cl8{ width: 14.28%; }
		
	.program img{ margin-bottom: -223px; }

			
	.moduller{
		width: 1000px;
		margin:50px 0px;
		left:calc(50% - 500px);
	}

	.modul_icon{
		width: 100%;
		height: 80%;
		left: 0%;
		top: 0%;
		object-fit: cover;
		object-position: 30% -350px;
	}


}





@media screen and (max-width: 1024px), screen and (max-device-width: 1024px) {

	.container_content{ width:760px!important; left:calc(50% - 380px)!important;}
	.tanitim_ic_content{ width: 760px !important; }

	.slide_ic_content{
		width: calc(100% - 60px);
		margin:0px 30px;
	}


		
	.banner{
		padding-top: 60%;
		margin-bottom: -20px;
	}

		
	.tntm_font_m{ font-size:17px;}
	.tntm_font_l{ font-size:21px;}
	.tntm_font_xl{ font-size:25px;}
	.tntm_font_xxl{ font-size:29px;}

	.cl3{ width: 50%; }
	.cl4{ width: 33.33%; }
	.cl5{ width: 25%; }
	.cl6{ width: 20%; }
	.cl7{ width: 20%; }
	.cl8{ width: 16.66%; }


	.slide_urun.cl3{ width: calc(50% - 30px); }
	.slide_urun.cl4{ width: calc(33.33% - 20px); }
	.slide_urun.cl6{ width: calc(20% - 20px); }
	.slide_urun.cl7{ width: calc(20% - 20px); }
	.slide_urun.cl8{ width: calc(16.66% - 20px); }


	.tanitim_urun_s{ width:calc(20% - 20px);}
	.tanitim_urun_m{ width:calc(25% - 20px);}
	.tanitim_urun_l{ width:calc(33.33% - 20px);}
	.tanitim_urun_xl{ width:calc(50% - 20px);}

	.portfolyolar .portfolyo{ width: calc(25% - 20px); }
	

		
	.fiyat_col{ width: calc(33.33% - 70px);	}
		
	.program img{ margin-bottom: -207px; }

					
	.moduller{
		width: calc(100% - 0px);
		margin:50px 0px;
		left:0px;
	}

	.modul { width: 100%; margin: -30px 0px; }
	
	.modul .modul_content{ width: calc(100% - 250px);}

	/*
	.modul .modul_content{ width: calc(100% - 150px); margin-left: 50px; }
	.modul:nth-child(2n+1) .modul_content{ margin:0px 50px 0px 0px; }
*/
	/*
	.modul{ margin:0px 0px; }
	.modul img{ width: calc(300px - 0px); }
	.modul .modul_content{ width: calc(100% - 350px); margin-left: 50px; }
	.modul:nth-child(2n+1) .modul_content{ margin:0px 50px 0px 0px; }
*/




}





@media screen and (max-width: 800px), screen and (max-device-width: 800px) {

	.container_content{ width: calc(100% - 20px)!important; left:calc(10px - 0px)!important; }
	.tanitim_ic_content{ width: calc(100% - 20px)!important;}

	.tanitim_urun_s{ width:calc(25% - 20px);}
	.tanitim_urun_m{ width:calc(33.33% - 20px);}

	
	.hizmetler .hizmet{	width: calc(50% - 82px); }

	
	.bloglar .blog{
		width: calc(100% - 40px);
		margin: 40px 20px;
	}

			
	.fiyat_col{ width: calc(33.33% - 50px);	}

	.fiyat_col .satir{ letter-spacing: 0.9px;}

	
	.program img{ width: 600px; margin-left:calc(50% - 300px); margin-bottom: -200px; }

/*
	.modul{ margin:50px 0px; }
	.modul img{ width: calc(250px - 0px); }
	.modul .modul_content{ width: calc(100% - 300px); }
	*/
}








@media screen and (max-width: 736px), screen and (max-device-width: 736px) { 

	.tntm_font_l{ font-size:19px;}
	.tntm_font_xl{ font-size:22px;}
	.tntm_font_xxl{ font-size:26px;}

	.cl5{ width: 33.33%; }
	.cl6{ width: 25%; }
	.cl8{ width: 20%; }

	.slide_urun.cl5{ width: calc(33.33% - 20px); }
	.slide_urun.cl6{ width: calc(25% - 20px); }
	.slide_urun.cl8{ width: calc(20% - 20px); }


	.tanitim_urun_l{ width:calc(50% - 20px);}

	.fiyat_col{ width: calc(50% - 44px); margin:16px 0px; }

	
	.modul .modul_content{ width: calc(100% - 150px);}

}








@media screen and (max-width: 640px), screen and (max-device-width: 640px) {

	.cl3{ width: 100%; }
	.cl4{ width: 50%; }
	.cl6{ width: 33.33%; }
	.cl7{ width: 25%; }
	.cl8{ width: 25%; }

	.slide_urun.cl3{ width: calc(100% - 30px); }
	.slide_urun.cl4{ width: calc(50% - 20px); }
	.slide_urun.cl6{ width: calc(33.33% - 20px); }
	.slide_urun.cl7{ width: calc(25% - 20px); }
	.slide_urun.cl8{ width: calc(25% - 20px); }


	.tanitim_urun_xl{ width:calc(100% - 20px);}


	.model_2_resim_content{ width: 70%; margin-left: 20px; margin-bottom:30px;	}
	.model_2_1_resim_content{ float: right; margin-right: 20px; 	}
		
	.model_2_content{
		width: calc(100% - 40px);
		margin-left: 20px;
	}


	.portfolyolar .portfolyo{ width: calc(33.33% - 20px); }

	.form_col{ width: calc(100% - 40px); margin-left: 20px; }

	
	.program img{ width: 480px; margin-left:calc(50% - 240px); margin-top: 50px; margin-bottom: -188px; }

	
	.modul { margin: 0px 0px; }

/*
	
	*/
}






@media screen and (max-width: 533px), screen and (max-device-width: 533px) {
		
	.banner{
		padding-top: 80%;
		margin-bottom: -20px;
	}

	.tntm_font_xl{ font-size:21px;}
	.tntm_font_xxl{ font-size:23px;}

	.cl5{ width: 50%; }
	.cl7{ width: 33.33%; }
	.cl8{ width: 33.33%; }

	.slide_urun.cl2{ width: calc(100% - 30px); margin:0px 15px;  }
	.slide_urun.cl5{ width: calc(50% - 20px); }
	.slide_urun.cl7{ width: calc(33.33% - 20px); }
	.slide_urun.cl8{ width: calc(33.33% - 20px); }



	.tanitim_urun_s{ width:calc(33.33% - 20px);}
	.tanitim_urun_m{ width:calc(50% - 20px);}
	

	.hizmetler .hizmet{	width: calc(100% - 82px); }
	.program img{ width: 400px; margin-left:calc(50% - 200px); margin-bottom: -180px; }
	
	
	/*.modul { width: 100%; margin: 10px 0px; }*/

	.modul{ width: 100%; flex-direction: column; margin: 10px 0px; }
	.modul:nth-child(2n+1){ flex-direction: column; }
	.modul img{ width: calc(220px - 0px); }
	.modul .modul_content{ width: calc(100% - 20px); padding: 20px; padding-top: 80px; margin-top: -90px; margin-left: 10px; position: relative; }
	.modul:nth-child(2n+1) .modul_content{ margin:0px 0px 0px 0px;  margin-top: -90px; padding: 20px; padding-top: 80px; }

}











@media screen and (max-width: 460px), screen and (max-device-width: 460px) {

	.cl4{ width: 100%; }
	.cl5{ width: 100%; }
	.cl6{ width: 50%; }

	.slide_urun.cl4{ width: calc(100% - 20px); }
	.slide_urun.cl5{ width: calc(100% - 20px); }
	.slide_urun.cl6{ width: calc(50% - 20px); }



	.tanitim_urun_s{ width:calc(50% - 20px);}
	.tanitim_urun_m{ width:calc(50% - 20px);}
	.tanitim_urun_l{ width:calc(100% - 20px);}

	
	.fiyat_col{ width: calc(100% - 50px); margin:25px; }
	.program img{ width: 360px; margin-left:calc(50% - 170px); margin-bottom: -178px; }
	
	.portfolyolar .portfolyo{ width: calc(33.33% - 10px); margin:8px 0px; }
}












@media screen and (max-width: 380px), screen and (max-device-width: 380px) {

	.cl6{ width: 100%; }
	.cl7{ width: 50%; }

	.slide_urun.cl6{ width: 100%; }
	.slide_urun.cl7{ width: 50%; }


	.tanitim_urun_m{ width:calc(100% - 20px);}


	
	.model_2_resim_content{ width: 85%;	}

	
	.program img{ width: 310px; margin-left:calc(50% - 155px); margin-bottom: -177px; }
}