.sayfa_detay{
	width:100%;
	height:100%;
	float:left;
	position:fixed;
	background-color:rgba(0,0,0,0.95);
	z-index:999;
	top:0;
	left:0;
	display:none;
	overflow-y:scroll;
}

.cikis{
	width:50px;
	height:50px;
	position:absolute;
	float:right;
	margin:0;
	padding:0;
	right:15px;
	top:15px;
	cursor:pointer;
	z-index:9999;
}

.cikis img{
	width:34px;
	height:34px;
	margin:8px 8px 8px 8px;
	padding:0;
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari 3-8 */
    transform: rotate(45deg);
}

.sayfa_detay h1{
	width:100%;
	float:left;
	position:relative;
	text-align:center;
	color:#fff;
	font-family:weblysleek_uisemibold;
}

.referanslar_alan, .yaptiklarimiz_alan{
	width:100%;
	float:left;
	position:relative;
	display:none;
}

.hizmetler_alan{display:none;}
	
.sayfa_goster{
	display:block;
}

.hizm_sayfa_goster{
	display:none;
}








.yaptik_menu{
	width:100%;
	height:50px;
	float:left;
	position:relative;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

.yaptik_menu .eks_menu{
	width:18%;
	height:50px;
	float:left;
	position:relative;
	margin:0 1%;
}

.yaptik_menu .eks_menu a{
	width:100%;
	line-height:20px;
	float:left;
	position:relative;
	top:50%;
	transform:translateY(-50%);
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-family:weblysleek_uilight;
}



.form_icerik{
	width:100%;
	float:left;
	position:relative;
	color:#fff;
}

.yaptiklarimiz{
	width:18%;
	height:230px;
	float:left;
	margin:1%;
	position:relative;
	overflow:hidden;
}

.yaptiklarimiz img{
	width:100%;
	float:left;
	position:relative;
	top:50%;
	transform:translateY(-50%);
}
































.h_plaklar{
	width:100%;
	float:left;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}

.hiz_plak{
	width:18%;
	float:left;
	position:relative;
	margin:0 1%;
}

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

.hiz_plak p{
	width:100%;
	float:left;
	position:relative;
	text-align:center;
	color:#fff;
	font-size:29px;
	font-family:weblysleek_uilight;
}

.p1{
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}

.p2{
    -webkit-animation:spin 3s linear infinite;
    -moz-animation:spin 3s linear infinite;
    animation:spin 3s linear infinite;
}

.p3{
    -webkit-animation:spin 7s linear infinite;
    -moz-animation:spin 7s linear infinite;
    animation:spin 7s linear infinite;
}

.p4{
    -webkit-animation:spin 5s linear infinite;
    -moz-animation:spin 5s linear infinite;
    animation:spin 5s linear infinite;
}

.p5{
    -webkit-animation:spin 6s linear infinite;
    -moz-animation:spin 6s linear infinite;
    animation:spin 6s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }



















.referanslar{
	width:12.2%;
	float:left;
	position:relative;
	margin:1%;
}

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





.detay_video_alan{
	width:100%;
	height:100%;
	float:left;
	position:relative;
	display:none;
}

.detay_video_alan2{
	width:100%;
	height:100%;
	float:left;
	position:relative;
	display:none;
}


.detay_video{
	width:70%;
	margin-left:15%;
	float:left;
	position:relative;
	transform:translateY(-50%);
	top:50%;
}



.sayfa_goster{
	display:block;
}


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



}


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

.yaptiklarimiz{
	width:18%;
	height:200px;
	margin:1%;
}



}


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

.sayfa_detay h1{
	width:100%;
	font-size:20px;
}
	
.hiz_plak p{
	width:100%;
	font-size:22px;
}

.yaptiklarimiz{
	width:18%;
	height:170px;
	margin:1%;
}


}


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

.hiz_plak p{
	width:100%;
	font-size:20px;
}

.yaptiklarimiz{
	width:18%;
	height:130px;
	margin:1%;
}


}

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


.hiz_plak p{
	width:100%;
	font-size:16px;
}

.yaptiklarimiz{
	width:18%;
	height:110px;
	margin:1%;
}


}


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

.hiz_plak p{
	width:100%;
	font-size:14px;
}


.yaptik_menu .eks_menu a{
	width:100%;
	line-height:20px;
	font-size:16px;
}

.yaptiklarimiz{
	width:18%;
	height:90px;
	margin:1%;
}



}


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

.hiz_plak p{
	width:100%;
	font-size:13px;
}

.yaptiklarimiz{
	width:23%;
	height:100px;
	margin:1%;
}

.referanslar{
	width:23%;
	float:left;
	position:relative;
	margin:1%;
}
 

}


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


.yaptik_menu .eks_menu a{
	width:100%;
	line-height:20px;
	font-size:14px;
}

.yaptiklarimiz{
	width:23%;
	height:80px;
	margin:1%;
}

 

.hizm_sayfa_goster{
	display:block;
}





}


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

.hiz_plak{
	width:80%;
	float:left;
	position:relative;
	margin:10px 10%;
}

.hiz_plak img{
	width:16%;
	margin:0 42%;
	float:left;
	position:relative;
}

.hiz_plak p{
	width:100%;
	float:left;
	position:relative;
	text-align:center;
	color:#fff;
	font-size:19px;
	font-family:weblysleek_uilight;
	margin:0;
	padding:0;
}

.yaptiklarimiz{
	width:31.3%;
	height:100px;
	margin:1%;
}

.referanslar{
	width:31.3%;
	float:left;
	position:relative;
	margin:1%;
}

}






@media screen and (max-width: 380px), screen and (max-device-width: 380px) {
	
.hiz_plak{
	width:80%;
	float:left;
	position:relative;
	margin:10px 10%;
}

.hiz_plak img{
	width:14%;
	margin:0 43%;
	float:left;
	position:relative;
}

.hiz_plak p{
	width:100%;
	float:left;
	position:relative;
	text-align:center;
	color:#fff;
	font-size:15px;
	font-family:weblysleek_uilight;
	margin:0;
	padding:0;
}


.yaptik_menu .eks_menu a{
	width:100%;
	line-height:20px;
	font-size:12px;
}

.yaptiklarimiz{
	width:31.3%;
	height:80px;
	margin:1%;
}


}