@charset "utf-8";
 



/* DIKEY TELEFON 100% olarak ayarla.*/
@media (min-width:320px) {

.ic_height { min-height:0px;}

.footer_mobil {width:100%; text-align:center; }

ul.footer_alt   { display:none !important; float:left; width:100%; height:85px; list-style-type:none; display:inline; margin:0px 0px 0px 0px; padding:0px;  border-right:0px solid #dadada; }
ul.footer_alt li{float:left; width:100%; text-align:center; font-size:14px; line-height:26px; padding:0% !important;}
ul.footer_alt li a{ width:100%; font-weight:bold;  line-height:26px;color:#656565;text-decoration:none;  padding:0% !important;}
ul.footer_alt li a:hover{ color:#e22027; opacity:1;}

.logo{ float:left; width:35%; padding-left:2%;}
.logo img{width:auto; margin-top:16px;}
header { float:left; width:100%; text-align:left; height:60px; border-bottom:3px solid #e22027;background: #ffffff; }

ul.diller   {float:right;   list-style-type:none; display:inline; margin:21px 15% 0px 0px; padding:0px; }
ul.diller li{float:right;  }
ul.diller li a{float:right; font-size:17px;  text-decoration:none; cursor:pointer;} 



ul.header_menu   { display:none !important; float:right; width:80%;  list-style-type:none; display:inline; margin:0px 0px 0px 0px; padding:0px; }
ul.header_menu li{float:right;  }
ul.header_menu li a{float:right;  height:25px; padding:4px 13px 0px 13px;  font-size:15px; font-weight:bold; color:#656565; border-right:1px dotted #e22027; text-decoration:none;}
ul.header_menu li a:hover{ color:#e22027; opacity:1;}
ul.header_menu li:last-child{ border-left:1px dotted #e22027;}


.yarim { float:left; width:87.6%; height:auto; background:none  padding:15% 3% 0% 3%; margin:1px;}  
.yarim_sol { float:left; width:16%; margin-right:8%; margin-left:5%; }  
.yarim_sag { float:left; width:71% !important; }  

.yarim_sol_vid { float:left; width:92%; margin-right:0%; margin-left:8%;}  
.yarim_sag_vid { float:left; width:92% !important; margin-left:8%; margin-top:3%; margin-bottom:-3%;}  
.vid_baslik { font-size:18px !important; } 



.logo_alani { float:left; width:96%; padding:2%; height:auto; margin-bottom:20px; background-color:#eeeeee;  }
 

ul.logolar   {float:left; width:100%; list-style-type:none;  margin:0px; padding:0px; }
ul.logolar li{float:left;  width:48%; margin:0% 1% 1% 1%; }
ul.logolar li a{float:left; text-decoration:none;  } 
ul.logolar li:last-child{margin-right:0px; }

.logo_alt { float:left; width:100%; text-align:left; margin-top:6px;}  
.logo_btn { float:left; width:100%; text-align:center; padding:7px 0px; border:1px solid #e22027; color:#393939; margin-top:13px; }  

.baslik_mobil{ display: inline;  width:100%; padding:20px 0px; } 
.baslik_bg { float:left; display:none; width:100%; height:50px; background-color:#E22027; opacity:0.9; position:relative; margin-top:-50px; z-index:99999999999;}  

.ic_baslik_bg { background:url(../images/bg_photo.jpg) top center; height:152px;}
.ic_baslik_bg2 { background:#e32028; height:50px;  margin-top:102px;}
.ic_h { color:#fff; width:100%; padding-top:15px; font-size:22px; text-align:center !important;}

.ic_sol { float:left; display:none !important; width:24%; height:100%; margin-top:24px;}
.ic_sag { float:left; width:90%; margin:5%}

.ic_baslik_alt { width:100%; padding:7px 0 24px 0px; text-align:center; border-bottom:1px solid #e32028; font-size:25px; margin-bottom:26px; font-weight:bold;}


ul.haberler   {float:left; width:100%; list-style-type:none; display:inline; margin:7px 0px 0px 0px; padding:0px; }
ul.haberler li {float:left;  width:92%;  text-align:left; margin:7px 4%; }
ul.haberler li a{float:left; height:320px;  padding:2%; font-size:14px; text-decoration:none; background-color:#F2F2F2;  border-bottom:2px solid #e32028;}
ul.haberler li a:hover{ background-color:#e32028; color:#fff;}

.ic_sol2 { float:left; width:84%; padding:4%;  margin:4% 4% 0% 4%;  border:1px solid #e32028;}
.ic_sag2 { float:left; width:92%; padding:4%; margin:0% 0% 0% 0%;  }

ul.alt_galeri   {float:left; width:100%; list-style-type:none; display:inline; margin:30px 0px 0px 0px; padding:0px; }
ul.alt_galeri li {float:left;  width:100%;  text-align:left; margin:1% 0%; }
ul.alt_galeri li a{float:left; font-size:14px; text-decoration:none; background-color:#F2F2F2;  }
ul.alt_galeri li a:hover{ background-color:#e32028; color:#fff;}	

input{ width:94%; padding:3%; margin-bottom:2%;  }
textarea { width:92.4%; padding:4%; margin-bottom:3%;}

ul.adresler   { float:left; width:100%; list-style-type:none; display:inline; margin:40px 0px; padding:0px; }
ul.adresler li{float:left; width:94%; height:auto; padding:3%; margin-bottom:3%; border:1px solid #e3dbbc;}

.marka_logo{ float:left; width:100%; padding:0%; text-align:center; }

.marka_baslik{ float:left; width:84%; height:auto; text-align:center; margin:0% 3% 9% 3%; padding:5%; border-bottom:1px solid #e32028;}
.marka_btn   {float:left; width:92%; padding:4%; text-align:center; margin:10% 0%; color:#fff; font-size:14px; background-color:#e32028} 
.marka_btn:hover   { color:#fff; background-color:#B70A0D}  
 
ul.marka_sol   {float:left; width:100%; list-style-type:none; display:inline; margin:10px 0px 0px 0px; padding:0px; }
ul.marka_sol li {float:left;  width:43%; margin:5% 0% 0% 5%; }
ul.marka_sol li a{float:left;  text-align:center;  border:1px solid #e32028;}
ul.marka_sol li a:hover{ border:1px solid #D7D7D7; opacity:0.7; }
ul.marka_sol img{ width:70%;  }

/* 
 * 	Default theme - Owl Carousel CSS File
 *	v2.0.0
 */
/* ´úÂëÕûÀí£ºÀÁÈËÖ®¼Ò www.lanrenzhijia.com */
.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-nav div{
	color: #FFF;
	display: inline-block;
	margin: 5px;
	padding: 4px 7px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	cursor: pointer
}
.owl-theme .owl-controls .owl-nav .disabled{
	opacity: 0.5;
	cursor: default;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls .owl-nav div:hover{
	text-decoration: none;
}

/* Styling dots*/
.owl-theme .owl-dots .owl-dot{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}

.owl-theme .owl-dots .owl-dot span{
	-webkit-backface-visibility: visible;
	display: block;
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
	transition-property: opacity;
  	transition-duration: 200ms;
  	transition-timing-function: ease;
}

.owl-theme .owl-dots .owl-dot.active span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}



 
} 


@media (max-width:410px) {
.person-img{border-radius:50%;width:30px !important;height:30px !important;}

}

/* YATAY TELEFON 50% olarak ayarla.*/
@media (min-width:481px){ 

.ic_height { min-height:0px;}

.footer_mobil {width:100%; text-align:center; }

ul.footer_alt   { display:none !important; float:left; width:33%; height:85px; list-style-type:none; display:inline; margin:0px 0px 0px 0px; padding:0px;  border-right:1px solid #dadada; }
ul.footer_alt li{float:left; width:100%; font-size:14px; line-height:26px; padding:0% 9%;}
ul.footer_alt li a{ width:100%; font-weight:bold;  line-height:26px;color:#656565;text-decoration:none;}
ul.footer_alt li a:hover{ color:#e22027; opacity:1;}

.logo{ float:left; width:30%; padding-left:2%;  margin-top:10px;}
.logo img{width:auto; margin-top:2px;}
 
header { float:left; width:100%; text-align:left; height:60px; border-bottom:3px solid #e22027;background: #ffffff; }

ul.diller   {float:right;   list-style-type:none; display:inline; margin:21px 10% 0px 0px; padding:0px; }
ul.diller li{float:right;  }
ul.diller li a{float:right; font-size:17px;  text-decoration:none; cursor:pointer;} 

ul.header_menu   { display:none !important; float:right; width:80%;  list-style-type:none; display:inline; margin:0px 0px 0px 0px; padding:0px; }
ul.header_menu li{float:right;  }
ul.header_menu li a{float:right;  height:25px; padding:4px 13px 0px 13px;  font-size:15px; font-weight:bold; color:#656565; border-right:1px dotted #e22027; text-decoration:none;}
ul.header_menu li a:hover{ color:#e22027; opacity:1;}
ul.header_menu li:last-child{ border-left:1px dotted #e22027;}


.yarim { float:left; width:43%; height:auto;  background:none; padding:4% 3% 0% 3%; margin:1px;}  
.yarim_sol { float:left; width:16%; margin-right:8%; margin-left:1%; }  
.yarim_sag { float:left; width:75% !important; }  

.yarim_sol_vid { float:left; width:42%; margin-right:7%;  margin-left:1%; }  
.yarim_sag_vid { float:left; width:49% !important; } 

.yarim_sol_vid { float:left; width:42%; margin-right:7%;  margin-left:1%;}  
.yarim_sag_vid { float:left; width:49% !important;  margin-left:0%; margin-top:0%; margin-bottom:0%;}  
.vid_baslik { font-size:18px !important; } 

 

.logo_alani { float:left; width:96%; padding:2%; height:auto; margin-bottom:20px; background-color:#eeeeee;  }
 

ul.logolar   {float:left; width:100%; list-style-type:none;  margin:0px; padding:0px; }
ul.logolar li{float:left;  width:23%; margin:0% 1% 1% 1%;}
ul.logolar li a{float:left; text-decoration:none;  } 
ul.logolar li:last-child{margin-right:0px; }

.logo_alt { float:left; width:80%; text-align:left; margin-right:3%; margin-top:6px;}  
.logo_btn { float:right; width:17%; text-align:center; padding:7px 0px; border:1px solid #e22027; color:#393939; margin-top:13px; }  

.baslik_mobil{ display: block;  width:100%; padding:20px 0px; } 
.baslik_bg { float:left; display:none; width:100%; height:50px; background-color:#f4f4f4; opacity:0.9; position:relative; margin-top:-50px; z-index:99999999999;}    

 .ic_baslik_bg { background:url(../images/bg_photo.jpg) top center; height:152px;}
.ic_baslik_bg2 { background:#e32028; height:50px;  margin-top:102px;}
.ic_h { color:#fff; width:100%; padding-top:15px; font-size:22px; text-align:center !important;}

.ic_sol { float:left; display:none !important; width:24%; height:100%; margin-top:24px;}
.ic_sag { float:left; width:90%; margin:5%}

.ic_baslik_alt { width:100%; padding:7px 0 24px 0px; text-align:center; border-bottom:1px solid #e32028; font-size:25px; margin-bottom:26px; font-weight:bold;}

ul.haberler   {float:left; width:100%; list-style-type:none; display:inline; margin:7px 0px 0px 0px; padding:0px; }
ul.haberler li {float:left;  width:48%;  text-align:left; margin:7px 1%; }
ul.haberler li a{float:left; height:320px;  padding:2%; font-size:14px; text-decoration:none; background-color:#F2F2F2;  border-bottom:2px solid #e32028;}
ul.haberler li a:hover{ background-color:#e32028; color:#fff;}


.ic_sol2 { float:left; width:84%; padding:4%;  margin:4% 4% 0% 4%;  border:1px solid #e32028;}
.ic_sag2 { float:left; width:92%; padding:4%; margin:0% 0% 0% 0%;  }

ul.alt_galeri   {float:left; width:100%; list-style-type:none; display:inline; margin:30px 0px 0px 0px; padding:0px; }
ul.alt_galeri li {float:left;  width:46%;  text-align:left; margin:1%; }
ul.alt_galeri li a{float:left; font-size:14px; text-decoration:none; background-color:#F2F2F2;  }
ul.alt_galeri li a:hover{ background-color:#e32028; color:#fff;}




input{ width:26.8%; padding:3%; margin:0% 0.5% 0.5% 0%;  }
textarea { width:91.4%; padding:4%; margin-bottom:3%;}

ul.adresler   { float:left; width:100%; list-style-type:none; display:inline; margin:40px 0px; padding:0px; }
ul.adresler li{float:left;   width: 44.5%;  height: 215px; padding:2%; margin-right:1%; border:1px solid #e3dbbc;}



.marka_logo{ float:left; width:30%; margin-bottom:6%; padding:0%; text-align:left; }
.marka_baslik{ float:left; width:59%; height:140px; text-align:center; margin:0% 0% 5% 5% ; padding:5% 0% 0% 5%;  border-left:1px solid #e32028;  border-bottom:0px solid #e32028;}
.marka_btn   {float:left; width:93%; padding:2% 4%; margin-top:5%; color:#fff; text-align:center; font-size:14px; background-color:#e32028} 
.marka_btn:hover   { color:#fff; background-color:#B70A0D}  
 
ul.marka_sol   {float:left; width:100%; list-style-type:none; display:inline; margin:10px 0px 0px 0px; padding:0px; }
ul.marka_sol li {float:left;  width:20%; margin:5% 0% 0% 4%; }
ul.marka_sol li a{float:left;  text-align:center;  border:1px solid #e32028;}
ul.marka_sol li a:hover{ border:1px solid #D7D7D7; opacity:0.7; }
ul.marka_sol img{ width:70%;  }




}
 
 
 
 
 /*TABLET DİKEY*/ 
@media (min-width:641px) {	

.ic_height { min-height:0px;}

.footer_mobil {width:100%; text-align:center; }

ul.footer_alt   { display:none !important; float:left; width:33%; height:85px; list-style-type:none; display:inline; margin:0px 0px 0px 0px; padding:0px;  border-right:1px solid #dadada; }
ul.footer_alt li{float:left; width:100%; font-size:14px; line-height:26px; padding:0% 9%;}
ul.footer_alt li a{ width:100%; font-weight:bold;  line-height:26px;color:#656565;text-decoration:none;}
ul.footer_alt li a:hover{ color:#e22027; opacity:1;}

.logo{ float:left; width:20%; padding-left:2%;}
.logo img{width:auto; margin-top:2px;}
header { float:left; width:100%; text-align:left; height:60px; border-bottom:3px solid #e22027;background: #ffffff; }

ul.diller   {float:right;   list-style-type:none; display:inline; margin:21px 9% 0px 0px; padding:0px; }
ul.diller li{float:right;  }
ul.diller li a{float:right; font-size:17px;  text-decoration:none; cursor:pointer;} 

ul.header_menu   { display:none !important; float:right; width:80%;  list-style-type:none; display:inline; margin:0px 0px 0px 0px; padding:0px; }
ul.header_menu li{float:right;  }
ul.header_menu li a{float:right;  height:25px; padding:4px 13px 0px 13px;  font-size:15px; font-weight:bold; color:#656565; border-right:1px dotted #e22027; text-decoration:none;}
ul.header_menu li a:hover{ color:#e22027; opacity:1;}
ul.header_menu li:last-child{ border-left:1px dotted #e22027;}


.yarim { float:left; width:43%; height:auto;  background:none; padding:4% 3% 0% 3%; margin:1px;}  
.yarim_sol { float:left; width:16%; margin-right:8%; margin-left:1%; }  
.yarim_sag { float:left; width:75% !important; }  

.yarim_sol_vid { float:left; width:42%; margin-right:7%; }  
.yarim_sag_vid { float:left; width:50% !important; }



.logo_alani { float:left; width:45.85%; padding:2%;   height: 382px; margin-bottom:20px; background-color:#eeeeee; border-right:1px solid #fff; }
 

ul.logolar   {float:left; width:100%; list-style-type:none;  margin:0px; padding:0px; }
ul.logolar li{float:left;  width:46%; margin:0% 1% 1% 1%;}
ul.logolar li a{float:left; text-decoration:none;  } 
ul.logolar li:last-child{margin-right:0px; }

.logo_alt { float:left; width:80%; text-align:left; margin-right:3%; margin-top:6px;}  
.logo_btn { float:right; width:100%; text-align:center; padding:7px 0px; border:1px solid #e22027; color:#393939; margin-top:13px; }  

.baslik_mobil{ display: block;  width:100%; padding:20px 0px; } 
.baslik_bg { float:left; display:none; width:100%; height:50px; background-color:#E22027; opacity:0.9; position:relative; margin-top:-50px; z-index:99999999999;}  

.ic_baslik_bg { background:url(../images/bg_photo.jpg) top center; height:152px;}
.ic_baslik_bg2 { background:#e32028; height:50px;  margin-top:102px;}
.ic_h { color:#fff; width:100%; padding-top:15px; font-size:22px; text-align:center !important;} 

.ic_sol { float:left; display:none !important; width:24%; height:100%; margin-top:24px;}
.ic_sag { float:left; width:90%; margin:5%}

.ic_baslik_alt { width:100%; padding:7px 0 24px 0px; text-align:center; border-bottom:1px solid #e32028; font-size:25px; margin-bottom:26px; font-weight:bold;}

ul.haberler   {float:left; width:100%; list-style-type:none; display:inline; margin:7px 0px 0px 0px; padding:0px; }
ul.haberler li {float:left;  width:31%;  text-align:left; margin:7px 1%; }
ul.haberler li a{float:left; height:320px;  padding:2%; font-size:14px; text-decoration:none; background-color:#F2F2F2;  border-bottom:2px solid #e32028;}
ul.haberler li a:hover{ background-color:#e32028; color:#fff;}

.ic_sol2 { float:left; width:84%; padding:4%;  margin:4% 4% 0% 4%; border:1px solid #e32028;}
.ic_sag2 { float:left; width:92%; padding:4%; margin:0% 0% 0% 0%;  }

ul.alt_galeri   {float:left; width:100%; list-style-type:none; display:inline; margin:30px 0px 0px 0px; padding:0px; }
ul.alt_galeri li {float:left;  width:23%;  text-align:left; margin:1%; }
ul.alt_galeri li a{float:left; font-size:14px; text-decoration:none; background-color:#F2F2F2;  }
ul.alt_galeri li a:hover{ background-color:#e32028; color:#fff;}

input{ width:94%; padding:3%; margin-bottom:2%;  }
textarea { width:92.4%; padding:4%; margin-bottom:3%;}

ul.adresler   { float:left; width:100%; list-style-type:none; display:inline; margin:40px 0px; padding:0px; }
ul.adresler li{float:left;   width: 42.6%;  height: 215px; padding:3%; margin-right:1%; border:1px solid #e3dbbc;}
}
 
@media (max-width:800px) { 
.popup-custom-style-1 {margin: 100px auto;width:96%;padding:0 2%;}
.popup-custom-style-2 {margin: 0px auto;width:100%;height: auto; position: relative;}
.giyim ul.alt_galeri li{width:48%;margin:1%;}
.giyim .alt_galeri li.referans{width:31%;}
#person ul.adresler li{float:left;width:94%;height:auto;padding:1%;margin-right:1%;border:1px solid #e3dbbc;}
}
@media (min-width:801px) { 
.popup-custom-style-1 {margin: 100px auto; width: 800px;}
.popup-custom-style-2 {margin: 0px auto; width: 800px; height: auto; position: relative;}
.giyim ul.alt_galeri li{width:31.2%;}
.giyim .alt_galeri li.referans{width:23%;}
}

/* WHATSAPP */
@media (min-width:1024px) { 
    
    .whatsapp {display:none;}
    #person .whatsapp {display:block;}
}
@media (max-width:960px) { 
    .giyim_sol{display:none;}
    #person ul.adresler li{float:left;width:97%;height:160px;padding:1%;margin-right:1%;border:1px solid #e3dbbc;}
}
/*BILGISAYAR ve YATAY TABLET*/
@media (min-width:961px) { 

.ic_height { min-height:425px !important;}

.footer_mobil { display:none; width:100%; text-align:center; }
.ic_height header {display:none;}

ul.diller   {float:right;  width:78%; list-style-type:none; display:inline; margin:11px 0px 12px 0px; padding:0px; }
ul.diller li{float:right;  }
ul.diller li a{float:right; font-size:17px;  text-decoration:none; cursor:pointer;} 


	
header {float:left; width:100%; text-align:left; height:102px; border-bottom:3px solid #e22027;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}

ul.footer_alt   {float:left; display:block  !important; width:14.05%; height:85px; list-style-type:none; display:inline; margin:0px 0px 0px 0px; padding:0 2.5% 0 0;  border-right:1px solid #dadada; }
ul.footer_alt li{float:left; width:100%; font-size:14px; line-height:26px; padding:0% 9% 0% 9% !important; text-align:left;}
ul.footer_alt li a{ width:100%; font-weight:bold;  line-height:26px;color:#656565;text-decoration:none;}
ul.footer_alt li a:hover{ color:#e22027; opacity:1;}

.footer_logo { float:left; padding-left:0% !important; }
.footer_logo img{ width:auto;}
.footer_menu {padding-left:15%;}
 
 
.logo { float:left; width:20%;}
.logo img {width:auto; margin-top:9px;}

#nav, #nav2{ display:none !important;}

ul.header_menu   {float:right; width:80%; display:block !important;  list-style-type:none; display:inline; margin:-27px 0px 0px 0px; padding:0px; }
ul.header_menu li{float:right;  }
ul.header_menu li a{float:right;  height:25px; padding:4px 6px 0px 6px;  font-size:15px; font-weight:bold; color:#656565; border-right:1px dotted #e22027; text-decoration:none;}
ul.header_menu li a:hover{ color:#e22027; opacity:1;}
ul.header_menu li:last-child{ border-left:1px dotted #e22027;}


.baslik_bg { float:left; display:block; width:100%; height:50px; background-color:#E22027; opacity:0.9; position:relative; margin-top:-50px; z-index:999;}  
.baslik1 { float:left; color:#fff; width:47.8%; height:36px; padding-top:14px; padding-left:2%; border-left:1px dotted #fff;}  
.baslik2 { float:left; color:#fff;width:47.9%; height:36px; padding-top:14px;padding-left:2%; border-left:1px dotted #fff; } 

.baslik_mobil{ float:left; display:none; width:100%; margin-bottom:8px;padding-top:0px; } 


.logo_bg { 
-webkit-box-shadow: inset 0px 114px 0px 0px  #e22027;
-moz-box-shadow: inset 0px 114px 0px 0px  #e22027;
box-shadow: inset 0px 114px 0px 0px #e22027;
 }  

.logo_alani { float:left; width:45.9%; padding:2%; height:180px; margin-bottom:0px; background-color:#eeeeee; border-right:1px solid #fff; }

 

.yarim { float:left; width:43.8%; height:130px; background-color:#f6f6f6; padding:3%; margin:1px;}  
.yarim_sol { float:left; width:16%; margin-right:5%; }  
.yarim_sag { float:left; width:78% !important; }  

 

.yarim_sol_vid { float:left; width:42%; margin-right:7%;  margin-left:0%;}  
.yarim_sag_vid { float:left; width:50% !important;  margin-left:0%; margin-top:0%; margin-bottom:0%;}  
.vid_baslik { font-size:24px !important; }   


.logo_alt { float:left; width:75%; text-align:left; margin-right:3%; margin-top:6px;}  
.logo_btn { float:right; width:15%; text-align:center; padding:7px 0px; border:1px solid #e22027; color:#393939; margin-top:13px; } 

.ic { width:1200px; margin:auto;}


.ic_baslik_bg { background:url(../images/bg_photo.jpg)  top center; height:252px;}
.ic_baslik_bg2 { background: url(../images/baslik_bg.png); height:50px;  margin-top:202px;}
.ic_h { color:#fff; width:280px; padding-top:15px; font-size:22px; text-align:center !important;}

.ic_sol { float:left; display:block !important; width:24%; height:100%; margin-top:24px;}
.ic_sag { float:right; width:73%; padding:1.2%; margin:0%;  }
.ic_sol3 { float:left; display:block !important; width:24%; height:100%; margin-top:24px;}
.ic_sol2 { float:left;  width:20%; height:100%; margin:24px 0px 0px 0px; padding:2%; border:1px solid #e32028;}
.ic_sag2 { float:right; width:73%; padding:1.2%; margin:1% 0% 0% 0%;  }

.ic_baslik_alt { width:100%; padding:7px 0 24px 0px; border-bottom:1px solid #e32028; text-align:left; font-size:25px; margin-bottom:26px; font-weight:bold;}


ul.haberler   {float:left; width:100%; list-style-type:none; display:inline; margin:30px 0px 0px 0px; padding:0px; }
ul.haberler li {float:left;  width:23%;  text-align:left; margin:7px 15px 15px 9px; }
ul.haberler li a{float:left; height:320px;  padding:2%; font-size:14px; text-decoration:none; background-color:#F2F2F2;  border-bottom:2px solid #e32028;}
ul.haberler li a:hover{ background-color:#e32028; color:#fff;}


ul.alt_galeri   {float:left; width:100%; list-style-type:none; display:inline; margin:30px 0px 0px 0px; padding:0px; }
ul.alt_galeri li {float:left;  width:23%;  text-align:left; margin:1%; }
ul.alt_galeri li a{float:left; font-size:14px; text-decoration:none; background-color:#F2F2F2;  }
ul.alt_galeri li a:hover{ background-color:#e32028; color:#fff; opacity:0.8;  filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: grayscale(100%); }


ul.adresler   { float:left; width:100%; list-style-type:none; display:inline; margin:40px 0px; padding:0px; }
ul.adresler li{float:left;  width: 46.7%;   height: 215px; padding:1%; margin-right:1%; border:1px solid #e3dbbc;}
#person ul.adresler li{float:left;width:46.7%;height:168px;padding:1%;margin-right:1%;border:1px solid #e3dbbc;}
 


.marka_logo{ float:left; width:30%; margin-bottom:6%; padding:0%; text-align:left; }
.marka_baslik{ float:left; width:59%; height:140px; text-align:left !important; margin:0% 0% 5% 5% ; padding:5% 0% 0% 5%;  border-left:1px solid #e32028;  border-bottom:0px solid #e32028;}
.marka_btn   {float:left;   width: 40%;  margin-right: 40%; padding:2% 4%; margin-top:5%; color:#fff; text-align:left; font-size:14px; background-color:#e32028} 
.marka_btn:hover   { color:#fff; background-color:#B70A0D}  
 
ul.marka_sol   {float:left; width:100%; list-style-type:none; display:inline; margin:30px 0px 0px 0px; padding:0px; }
ul.marka_sol li {float:left; width:100%;   margin-bottom:3%; }
ul.marka_sol li a{float:left;  width:90%; text-align:center;  border:1px solid #e32028;}
ul.marka_sol li a:hover{ border:1px solid #D7D7D7; opacity:0.7; }
ul.marka_sol img{ width:70%;  }

 
 
input{	float: left; width:30%; height:30px;  padding:1%; margin-right:1.3%; margin-bottom:1.3%; border:0px solid #12B2B2; background-color:#F3F3F3;  color:#6c6d6d;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

input:hover{ background-color:#E8E8E8; }
 

textarea {	float: left; width:96.5%; height:200px;  padding:1%; margin-right:1.3%; margin-bottom:1.3%; border:0px solid #12B2B2; background-color:#F3F3F3;  color:#6c6d6d;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

textarea:hover{ background-color:#E8E8E8; }



.submit {	float: right; width:30%; height:45px;  padding:1%; margin-right:1.3%; margin-bottom:1.3%; border:0px solid #12B2B2; background-color:#e32028;  color:#fff;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}

submit:hover{ background-color:#E8E8E8; }

ul.logolar   {float:left; width:100%; list-style-type:none;  margin:0px; padding:0px; }
ul.logolar li{float:left;  width:23% !important; margin:0% 1% 1% 1%;}
ul.logolar li a{float:left; text-decoration:none;  } 
ul.logolar li:last-child{margin-right:0px; }

}
 
.iletisimx1 {width:100%;float:left;margin-bottom:5%;}
.iletisimx2 {display:inline-block;width:15%;font-size:17px;line-height:25px;color:black;}
.iletisimx3 {display:inline-block;width:10%;} .iletisimx3 input {width:100%;height:32px;margin:0 0 -10px 0;border:1px solid #ccc;}
.iletisimx4 {display:inline-block;width:45%;} .iletisimx4 input {width:3%;margin:0 0 0 5%;}
.iletisimx5 {display:inline-block;width:28%;} .iletisimx5 .submit {width:60%;height:40px;margin:0 0 -10px 0;}

@media (max-width:640px) {
.iletisimx1 {width:100%;float:left;margin-bottom:5%;}
.iletisimx2 {display:inline-block;width:60%;font-size:17px;line-height:25px;color:black;}
.iletisimx3 {display:inline-block;width:40%;} .iletisimx3 input {width:100%;height:32px;margin:0 0 -10px 0;border:1px solid #ccc;}
.iletisimx4 {display:inline-block;width:100%;margin:5% 0 3% 0;} .iletisimx4 input {width:3%;margin:0 0 0 5%;}
.iletisimx5 {display:inline-block;width:100%;} .iletisimx5 .submit {width:60%;height:40px;margin:0 0 -10px 0;float:left;} 
.giyim .alt_galeri li.referans{width:48%;}
}
.lh36{line-height:36px;}
#nav2 h3{font-weight:normal;text-transform:uppercase;}
.giyim_menu{list-style:none;margin:0;padding:0;}
.giyim_menu li{background:#e22027;padding:8px 20px 1px 20px;border-bottom:1px solid #e9e9e9;}
.giyim_menu li:hover{background:#f6f6f6;}
.giyim_menu a{color:#ffffff;}
.giyim_menu li:hover a{color:#000000;}
.giyim_menu .sub{background:#f6f6f6;padding:8px 20px 1px 20px;border-bottom:1px solid #e9e9e9;}
.giyim_menu .sub:hover{background:#e22027;}
.giyim_menu .sub a{color:#000000;}
.giyim_menu .sub:hover a{color:#ffffff;}
.giyim_menu li a h3{font-size:15px;line-height:34px;text-transform:uppercase;}
.referans img{max-height:150px;}
.giyim .referans{transition:0.3s ease transform;box-shadow:0px 0px 20px -5px #ddd;}
.giyim .referans:hover{transform:scale(1.1);box-shadow:0px 0px 20px 1px #ddd;}
.person-img{border-radius:50%;width:80px;height:80px;}
.nav-collapse ul ul .sub a{background:#f6f6f6;}
#nav2 .giyim_menu .sub:hover a{color:#000000;}