@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300);

#header_ust_div .search_div {
    width: 181px;
    display: inline-block;
    position: absolute;
    right: 70px;
    top: 84px;
}

#header_ust_div .search_div #search {
width: 140px;
display: block;
    background-color: #f6f6f6;
    border: 1px solid #ddd;
    background-image: url(images/icon-search.png);
    padding: 7px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 130px 7px;
}


#header_ust_div #results {    
    display: none;
    position: absolute;
	z-index: 2;
    right: -5px;
    width: 310px;
    background-color: #f6f6f6;
    margin: auto;
    border: 1px solid #ddd;
    box-sizing: border-box;
    margin-top: -1px;
    margin-right: 1px;}

#header_ust_div #results .search_urun_a
{
display: block; width: 100%;
color: #666;
padding: 10px 10px 10px 15px;

border-bottom: 1px solid #efefef;

text-align: left;

font-weight: 300;

font-size: 13px;
box-sizing: border-box;

}
#header_ust_div #results .search_urun_a:hover
{
background-color: #fff; color: #000 !important;

}





::-webkit-input-placeholder { color: #aaa; font-family: 'Open Sans', sans-serif; }
:-moz-placeholder { color: #aaa;font-family: 'Open Sans', sans-serif; }

:focus::-webkit-input-placeholder { color: #ccc; }
:focus:-moz-placeholder { color: #ccc; }


.adresler a {color: #000}
.adresler a:hover{color: #c23039}

.kolon_1_1
{
	display: grid;
	grid-template-columns: 49% 49%;
	grid-column-gap: 2%;
}

.kolon_3_5
{
	    display: grid;
    grid-template-columns: 41% 58%;
    grid-column-gap: 1%;
    padding: 6px;
}

.kolon_3_5 img {    margin-top: 10px;
    max-width: 100%;
    height: auto;}



html, body {height: 100%; font-family: 'Open Sans', sans-serif;}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	background-color:#f4f3eb;
	font-size:14px;
	line-height: 24px;
	
	color:#222;
	   
}

body.iletisim_sayfasi {background-color: #fff}

body td {vertical-align:top; text-align:left;}

::selection {
	background: #333; /* Safari */
	color:#ffffff;
	}
::-moz-selection {
	background: #333; /* Firefox */
	color:#ffffff;
}

a:link {text-decoration: none; }
a:visited {text-decoration: none; }
a:hover {text-decoration: none; }
a:active {text-decoration: none; }

h1 { color:#000; font-size:22px; font-weight:600; clear:both; margin: auto}
h2 { color:#0956a1; font-size:16px; font-weight:600; clear:both; margin: auto}
h3 { color:#000; font-size:22px; font-weight:600; clear:both; }
h4 a {color: #000;}

#ana_div { min-height:100%;position:relative;}

#body_div {  text-align: center; }

#footer_div
{
    position: relative;
    width: 100%;
    background-color: #ebe9da;
    z-index: 3;
	margin-top: 8px;
}

#footer_alt_div
{
   
   font-size:13px;  
   color:#eee; position:relative;

    display: grid;
    grid-template-columns: 17% 17% 37% 12% 17%;
    grid-gap: 0%;
	min-height: 250px;
	padding-top: 20px;
}


#footer_copyright
{

	background-color:#E2E2E2;
	color:#999; font-size:11px;
	width: 100%;
	
	text-align: left;

	text-indent: 10px;
}

#footer_copyright a
{
	color:#aaa; font-size:11px
}



.footer_menu_sutun a
{
	width: 100%;

    color: #333;
    margin-bottom: 0px;
    display: inline-block;
    padding-left: 15px;
    font-weight: 600;
}	

.footer_menu_sutun a:hover
{
color: #ca0538;
border-left: #ccc 1px solid;
 padding-left:14px;
}

.footer_menu_sutun_sag
{
	width:100%; padding-bottom:15px;
	line-height: 20px;  color:#ccc; text-align: right;
	border-left: 1px solid #ccc;
}

.footer_sosyal a {
    display: inline;
    padding: 0;
    margin: 7px;
}

.footer_sosyal a:hover{
	padding: 0px;
	border: 0;
    margin: 7px;
}

	
.footer_menu_baslik, .footer_menu_baslik2
{
	font-weight:bold; color:#ee2e34;  margin-bottom:10px; padding-left:15px;
}

.footer_menu_baslik2
{
	margin-top:40px;
}






/* BASLAR Logo ve telefonun oldugu bölüm*/

header
{
	background-color:#FFFFFF;  background-position:center ; background-repeat:repeat; height:115px;
}



.header_sosyal_medya_div
{
	    position: absolute;
    right: 20px;
    top: 84px;
    width: 200px;
}
.header_sosyal_medya_div a
{
width:31px; height:31px;  position:relative;  background-repeat:no-repeat; background-position:center; 
float: right; margin-left: 5px;
}

#header_search
{
	background-image:url(images/ara-ikon.jpg); 
}

#header_tr
{
	background-image:url(images/tr-ikon.jpg);
}



#header_en
{
	background-image:url(images/eng-ikon.jpg); 
}




.header_sosyal_medya_div a:hover
{
	opacity:0.7; filter:alpha(opacity=70); 
}
	






/**/

/**/

#header_ust_div
{
	  position:relative; z-index:9;     height: 110px;
}
#header_ust_div img:hover
{
	opacity:0.7; filter:alpha(opacity=70); 
}

#header_ust_div .div_980
{
    display: grid;
    grid-template-columns: 500px auto;
	position: relative;
}

#header_logo
{
	width: 193px;
    height: 90px;
    position: absolute;
    background-image: url(images/yasarlar-grup-logo.png);
    background-size: 193px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
}



#header_logo:hover
{
	opacity:0.7; filter:alpha(opacity=70); 
}



/* BITER Logo ve telefonun oldugu bölüm*/

/*ANASAYFA SLAYT*/
#slayt_bg
{
	width:100%; overflow:hidden; position:relative; align-content:center; margin-top: 10px;
}


#slayt_bg .div_980
{
	    margin: auto;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    overflow: hidden;
}

.alt_bannerlar_div {clear: both;  }
.alt_bannerlar_div h1 { font-size:36px; line-height: 48px; font-weight:500; color: #777; margin: auto; text-align: center; letter-spacing: -1px;
	font-family: 'Parisienne', cursive; border-bottom: 1px solid #999;}


.alt_bannerlar_div2 {   padding-top: 15px; }
.alt_bannerlar_div2 .alt_banner{display: flex ;background-color: #e3e0cd}
.alt_banner {max-width: 100%; overflow: hidden; position: relative;  }
.alt_banner img {width: 100%; max-width: 100%; height: auto;}
.alt_banner p {   opacity: 0.75; font-size: 14px; margin-bottom: 6px}
.alt_banner h3 {
    margin: auto;
    color: #fff;
    font-size: 18px;
}

.alt_bannerlar_div .div_980
{

    background-color: #dad6bd;
    display: grid;
    grid-template-columns: 32.66% 32.66% 32.66%;
    grid-column-gap: 1%;
    grid-row-gap: 13px;
    margin: auto;
    padding: 13px;
    box-sizing: border-box;

}


.alt_bannerlar_div .v2
{

    background-color: #dad6bd;
    display: grid;
    grid-template-columns: 19% 19% 19% 19% 19%;
	grid-column-gap: 1.25%;
    grid-row-gap: 13px;
    margin: auto;
    padding: 13px;
    box-sizing: border-box;

}

.alt_bannerlar_div h1 {background-color: #dad6bd}


.alt_bannerlar_div2 .div_980
{
    display: grid;
     grid-template-columns: 370px 370px 560px;
	grid-column-gap: 0%;
    grid-row-gap: 8px;
    margin: auto;
   
}




.alt_bannerlar_div .alt_banner a, .alt_bannerlar_div2 .alt_banner a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
	z-index: 2;
}
.alt_bannerlar_div .alt_banner span
{
       display: block;
    text-align: left;
    padding: 10px;
	padding-left: 0px;
	padding-top: 8px;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    margin-top: -7px;
    width: 100%;
    box-sizing: border-box;

	    line-height: 18px;
    padding-bottom: 1px;
}

.alt_bannerlar_div2 .alt_banner span  
{
    display: block;
    text-align: left;
    padding: 10px;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin-top: -4px;
    width: 100%;
    box-sizing: border-box;
    line-height: 20px;
}



.alt_banner:hover 
{
opacity:0.9;
	filter:alpha(opacity=90);
}

.alt_bannerlar_div .alt_banner span.s0 {background-color: #dda407; padding-left: 10px }
.alt_bannerlar_div .alt_banner span.s1 {background-color: #6d92ae; padding-left: 10px }
.alt_bannerlar_div .alt_banner span.s2 {background-color: #7c5913;padding-left: 10px }
.alt_bannerlar_div .alt_banner span.s3 {background-color: #cd602c;padding-left: 10px }
.alt_bannerlar_div .alt_banner span.s4 {background-color: #4e4f50;padding-left: 10px }
.alt_bannerlar_div .alt_banner span.s5 {background-color: #678f2e;padding-left: 10px }
.alt_bannerlar_div .alt_banner span.s6 {background-color: #0079ba;padding-left: 10px }
.alt_bannerlar_div .alt_banner span.s7 {background-color: #004993;padding-left: 10px }
.alt_bannerlar_div .alt_banner span.s8 {background-color: #83bb25;padding-left: 10px }
.alt_bannerlar_div .alt_banner span.s9 {background-color: #00904a;padding-left: 10px }
.alt_bannerlar_div .alt_banner span.s10 {background-color: #575756;padding-left: 10px }
.alt_bannerlar_div .alt_banner span.s11 {background-color: #7e4e24;padding-left: 10px }
.alt_bannerlar_div .alt_banner span.s12 {color: #0956a1; font-weight: 600 }


.alt_bannerlar_div .div_980 img
{
max-width: 100%; width: 100%;
}



.anasayfa_html {margin: auto; margin-top: 20px}

/**/



/*FIYAT LISTESI*/
.fiyat_listesi .f_liste {   margin-top: 10px;
    text-align: left;
    margin-bottom: 30px;}
.fiyat_listesi .f_span {    background-color: #df332a;
    color: #fff;
    width: 60%;
    display: block;
    padding: 10px;
	    box-sizing: border-box;
    font-size: 14px;
    text-align: left;
    font-weight: 600;
	cursor: pointer;
	    margin-bottom: 4px;
	}
.fiyat_listesi .f0{background-color: #df332a; color: #fff }
.fiyat_listesi .f1{background-color: #008736; color: #fff }
.fiyat_listesi .f2{background-color: #009ee3; color: #fff }
.fiyat_listesi .f3{background-color: #683b11; color: #fff }

.fiyat_listesi table {  font-size:14px;     width: 60%;}
.fiyat_listesi table td {padding: 6px;
    border: 1px solid #fff;
  text-align: center}


.fiyat_listesi table tr:nth-child(-n+1) {    background: #CCC !important;
    font-weight: bold;}
.fiyat_listesi table tr:nth-child(even) {background: #fbc585}
.fiyat_listesi table tr:nth-child(odd) {background: #e7e2e1}
.fiyat_listesi table tr:hover
{
	    background-color: #666;
    color: #fff;
}


/**/




/* BASLAR Header bölümü menü*/

#header_menu_div
{
	 height:34px;  margin-top:78px;    left: 20px;
    position: absolute;
}

#header_menu_div input
{
	display:none;
}

#header_menu
{

    display: block;
}	



#header_menu a
{
       font-size: 14px;
    margin: 0;
    float: left;
    color: #221e1f;
    font-weight: 600;

	
}
#header_menu a:hover
{


}
#header_menu .tek_link
{
	
    color: #221e1f;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-right: 30px;
    line-height: 42px;
    margin-left: 1px;
	font-weight: 600;

}
#header_menu a.sari {color: #ffe800}


#header_menu .selected_link
{
	background-color:transparent; 
	color:#c4007a; 
	padding-top:0px; padding-bottom:0px;	padding-left:17px;	padding-right:17px;

}




.menu_bolumu
{
	    float: left;
    padding-left: 1px;
    margin: 0;
    cursor: pointer;
	position: relative;
	margin-right: 10px;
}



.menu_baslik
{
    padding-right: 14px;
    background-image: url(images/asagi_ok.png);
    background-position: right 19px;
    background-repeat: no-repeat;
    height: 42px;
    line-height: 42px;
    margin-right: 14px;
}



#header_menu .menu_bolumu:hover .cssmenu
{
	display:block; 
}




.kategoriler_div
{
	float:left;  padding:1px; width:312px; height:98px; overflow:hidden; color:#222; font-size:16px; font-weight:300; margin-right: 12px; margin-bottom: 6px; margin-top:5px;
}	

.kategoriler_div:hover a
{
	 color:#c4007a;  
}	
 
.kategori_basligi_div
{
	float:left; width:100px;  padding-bottom:6px; text-align:left;
	position: absolute; z-index: 1; margin-top: 3px; margin-left: 8px;
}

.kategori_basligi_div a
{
	color:#222; 
}

.kategori_resmi_div
{
	float:left; width:312px; height:98px; border:solid 1px #eee; overflow:hidden; position:relative; background-color:#FFFFFF;
} 

.kategori_resmi
{
	max-width:312px;  margin: auto; position:absolute;  top: 0; left: 0; right: 0; bottom: 0; 
}

.kategori_resmi:hover
{
	opacity:0.7;
	filter:alpha(opacity=70);
}




.breadcrumps
{
	 display:inline-block; border-bottom:1px dotted #ccc; font-size:13px;
	text-align:left; padding-top:4px; padding-bottom: 4px;
}

.breadcrumps a
{
	 color:#ef7d01; background-image: url(images/sag_ok.png); background-repeat: no-repeat; background-position: right 7px; padding-right: 14px; margin-right: 7px;
}

.breadcrumps a:hover
{
	 color:#01acaf;
}

/**/


.urunler_container
{
		display: grid !important;
padding-bottom: 40px;
    margin-bottom: 40px;
padding-top: 14px;
margin: auto;
grid-template-columns: 19% 19% 19% 19% 19%;
grid-gap: 1.25%;
grid-row-gap: 30px;
    
}
.urun_div
{
	position: relative;
    border: 1px solid #f3f3f3;

    margin: auto;
	text-align: left;

	overflow: hidden;
	    width: 100%;
	height: 307px;
    box-sizing: border-box;
	margin-bottom: 10px;
}

.urun_div:hover 
{
    box-shadow: 0px 0px 7px 4px #f1f1f1;
}


.urun_basligi_div
{
   height: 40px;
    display: block;
    bottom: 0;
    padding: 35px;
    left: 0;
    right: 0;
    padding-top: 5px;
    padding-bottom: 10px;
    margin-top: -23px;
    border-top: 0.5px solid #eee;

}



.urun_div:hover img
{
	opacity:0.8 !important; -webkit-transition: all 0.5s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; 
}	

.urun_div .urun_adi
{
	font-weight: 600; text-align: center;     font-size: 16px;     color: #01acaf;
}

.urun_div a
{
color: #000;
font-weight: 600;
position: relative;
display: block;
height: 100%;

-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
height: 278px;
overflow: hidden;
z-index: 2;

}

.urun_div a img
{
	position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
max-width: 100%;
height: auto;
z-index: 1;

-webkit-transition	: all 0.3s ease;
-ms-transition		: all 0.3s ease;
-moz-transition		: all 0.3s ease;
-o-transition		: all 0.3s ease;
transition			: all 0.3s ease; 
}

.urun_div img:hover
{
	ity:0.9; filter:alpha(ity=90);
}


.urun_div a span
{
	position: absolute;
	padding: 10px;
	padding-top: 7px;
z-index: 2;

display: block;
background-color: #fff;
width: 100%;
text-align:center;
bottom:0;
font-size:15px;
}




.urun_buyuk_resim_a
{
	position:relative; display:block; overflow:hidden; 
}

.urun_buyuk_resim_a img
{
	max-width:100% !important; height: auto;  margin:auto; top:0; bottom:0; left:0; right:0 
}

.urun_kucuk_resimler_div
{
display: grid;
grid-template-columns: 32% 32% 32%;
grid-column-gap:2%;
    grid-row-gap: 4px;
    margin-top: 4px;

}


.urun_kucuk_resim_a
{
 position:relative; display:inline-block; overflow:hidden; 
}

.urun_kucuk_resim_a img
{
	 margin:auto; top:0; bottom:0; left:0; right:0 ; max-height:100%; max-width:100%;
}




.urun_detay_container {
    display: grid;
    grid-template-columns: 49% 50%;
    grid-column-gap: 1%;
    padding-bottom: 20px;

    background-color: #dad6bd;
    padding: 10px;
    box-sizing: border-box;
	text-align: left;
}

.urun_detay_container img
{
	max-width: 100%; height: auto;
}


.urun_detay_container img:hover
{
	opacity:0.8; filter:alpha(opacity=80);
}

.urun_detay_container iframe{width: 100%; min-height: 350px}


/**/
.urun_detay_buyuk_resim_div
{
	height: 350px; 	width:100%; 	position:relative; display:block; border: 1px solid #eee;     box-sizing: border-box;  margin-top: 20px; margin-bottom: 20px;
}

.urun_detay_buyuk_resim_div img
{
	max-width:100%; max-height:100%; margin:auto; top:0; right:0; bottom:0; left:0; position:absolute;
}

.urun_detay_buyuk_resim_div img:hover
{
	opacity:0.7;
	filter:alpha(opacity=70);
}

.urun_detay_thumbs_div
{
	 position:relative; float:left; overflow:hidden; height:78px;  width:105px; border:solid 1px #eee; background-color:#F5F5F5;  display:block; margin-top: 9px; margin-right: 4px; margin-left: 5px;
}

.urun_detay_thumbs_div img
{
	position: absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:105px; 
}

.urun_detay_thumbs_div img:hover
{
	opacity:0.7;
	filter:alpha(opacity=70);
}

/**/




/**/

/*BITER MENÜ BÖLÜMÜ*/



/* CSS DROP DOWN */
.cssmenu {
        border: none;
    margin: 0px;
    width: 360px;
    clear: both;
    display: none;
    z-index: 2;
    text-align: left;
    position: absolute;
    left: 0;
    right: 0;
    cursor: auto;
    padding: 0px 10px 0px 10px;
    box-sizing: border-box;
	margin-left: -9px
}



.cssmenu_1 .cssmenu{background-color: rgba(255,255,255,0.60);
  
    width: 137px;
    border-top: 3px solid #00AF03;}

.cssmenu_1 li a:hover{ background-color: #CDDFFB}
   

.cssmenu_2 .cssmenu{background-color: rgba(255,255,255,0.60);
  
    width: 160px;
    border-top: 3px solid #AF000A;}

.cssmenu_2 li a:hover{background-color: #CDDFFB;}

.cssmenu_3:hover { border-bottom: 3px solid #44b484;} 
.cssmenu_4:hover { border-bottom: 3px solid #DA59DC;} 
.cssmenu_5:hover { border-bottom: 3px solid #DC2D39;} 


.cssmenu a
{
padding-top:3px; padding-bottom:3px;     color: #000 !important;     width: 100%;
	
}

.cssmenu a:hover
{
	background-repeat:repeat-y; background-position:left;  z-index:99999;
}

.cssmenu ul {
  list-style: none;
  padding: 0; 
  margin: 0;
}

.cssmenu > ul {
         grid-template-columns: 100%;
       grid-column-gap: 0%;
    display: grid;
	

}
.cssmenu > ul > li {        font-weight: 600 !important;

}


.cssmenu ul li{
 

    width: 100%;
    list-style: none;
 
    padding: 0;
    box-sizing: border-box;
	 font-weight: 300;
	 
}



.cssmenu ul ul {

  margin-top:0px;
}
.cssmenu ul ul a {
  line-height: 20px; 
}
.cssmenu ul ul ul {
  margin-left:0px;
  left: 100%;
}
.cssmenu li {
  float: left;
  padding: 0px 5px 0px 5px;
}

.cssmenu li a {

  display: block;

  line-height: 20px;
  text-align: left;
  text-decoration: none;
      box-sizing: border-box;
	 
}



.cssmenu li:hover {
  
  background-repeat:no-repeat;
  padding-left:0px;
  
}

.cssmenu li ul {
      height: auto;

    z-index: 200;
    margin: 0;

}
.cssmenu li:hover > ul {
  display: block;
}


.cssmenu li ul a {
  display: block;
  padding-left: 15px;
    box-sizing: border-box;
    width: 100%;
    font-size: 14px !important;
	    font-weight: 400 !important;
}

.cssmenu li ul a:hover {
   border-left: 1px solid #fff;

}




	

/* */

#kategori_detay
{

}

#kategori_detay .link
{
	background-image:url(images/duyuru_ok.png); background-position:left; background-repeat:no-repeat;
	padding-left:15px; border-bottom:1px dashed #ccc; color:#000; width:740px; padding-top:10px; padding-bottom:10px; display:block;
}

#kategori_detay .link:hover
{
	background-color:#f5f5f5;
}


#sayfa_detay
{
	 
	font-weight:400; color: #333; padding: 10px; box-sizing: border-box; background-color: #dad6bd;     margin-bottom: 20px;  padding-top: 20px
}

#sayfa_detay img
{
max-width: 100%; height: auto;
}

#sayfa_detay h1
{
	 font-size:36px; line-height: 36px; letter-spacing: -1px; font-weight:400; color: #777; margin: auto; text-align: center;
	font-family: 'Parisienne', cursive; border-bottom: 1px solid #999;

}



#sayfa_detay .link
{
	background-image:url(images/duyuru_ok.png); background-position:left; background-repeat:no-repeat;
	padding-left:15px; border-bottom:1px dashed #ccc; color:#003366; width:740px; padding-top:10px; padding-bottom:10px; display:block;
}

#sayfa_detay .link:hover
{
	background-color:#f5f5f5;
}




#sayfa_detay a img:hover
{
	opacity:0.8;
}



/*ALT SAYFA*/
.alt_sayfalar_container {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    grid-column-gap: 2%;
	grid-row-gap: 30px;
   
}
.alt_sayfalar_container > div {position: relative}

.alt_sayfa_a 
{
	position: absolute; top:0; bottom: 0; left: 0; right: 0; margin: auto;     z-index: 2;
}

.alt_sayfa_resim_div
{
    width: 100%;
    position: relative;
    padding-bottom: 47%;
    overflow: hidden;
	
}
.alt_sayfa_resim_div img {
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.alt_sayfa_baslik
{
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    margin-top: 10px;
}

/**/



/*SAYFA_GALERISI*/
.sayfa_galeri_container
{
    display: grid;
    grid-template-columns: 24% 24% 24% 24%;
    grid-gap: 1.33%;
}

.sayfa_galeri_container a {
    overflow: hidden;
}
/**/


.div_980
{
	width:980px;  margin: auto;
}

.div_652
{
	width:652px; display:inline-block;
}

.div_750
{
	width:610px;  display:inline-block; margin-left:-5px;  padding-left:17px; text-align:left;
}

.div_750 h1
{
	color:#01acb1; font-weight:400;
}

.div_230
{
	 float:left; display:inline-block;  width:350px;
}


/**/
#download_center
{
	
}

#download_center h1
{
	 font-size:16px; font-weight:400; color: #222;
	border-bottom:1px solid #222; margin-right: 17px;
}

#download_center h2
{
	background-image:url(images/download_h2.png); background-repeat:no-repeat;
	 font-size:14px; font-weight:400; color: #b92027;
	padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#download_center .download_html
{
	padding-left:10px;
}

#download_center .download_html a
{
	background-image:url(images/download_icon.png); background-repeat:no-repeat;
	background-position:left; padding-left:33px; color:#000;
	 font-size:12px; font-weight:600;
	    display: block;
    padding-top: 7px;
    padding-bottom: 2px;
}

#download_center .download_html a:hover
{
	margin-left:10px;
	color: #b92027;
}
/**/

/* Callback example */

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

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 45%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("themes/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }







/**/




/*BASLAR Anasayfa - Duyurular */
.as_duyurular_header { background-image:url(images/duyuru_header.png); background-position:bottom; background-repeat:no-repeat;  width:196px; height:20px;}
.as_duyurular {  background-image:url(images/duyuru_bg.png); width:196px; height:auto; background-repeat:repeat-y }
.as_duyurular a { font-size:12px; color:#333333;  font-weight:600;
border-bottom:1px dashed #CCCCCC; background-image:url(images/ok_ikon.gif); background-repeat:no-repeat; background-position:left; display:block; width:166px; margin-left:10px; padding-left:10px; padding-top:8px; padding-bottom:8px;}

.as_duyurular a:hover { color:#243d72; background-color:#f5f5f5;}

.as_duyurular_footer  {  background-image:url(images/duyuru_footer.png); width:196px; height:53px; background-repeat:repeat-y }


#logolar

#logolar img:hover
{
	
  opacity:0.9;
}


/*BITER  Anasayfa - Duyurular*/ 
.anasayfa_table
{

}

.anasayfa_table img
{
	border:1px solid #ccc; margin-bottom:15px; 
}

.anasayfa_table img:hover
{
	
  opacity:0.9;
}


.anasayfa_basliklar
{
	 font-size:12px; font-weight:600; color:#000; padding-bottom:4px;   display:block
}



/* BASLAR Iletisim Sayfasi*/

.icon_location 
{
	background-color: #333;
    background-repeat: no-repeat;
    background-position: left;
    display: inline-block;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    background-size: 100%;
    -webkit-mask-image: url(images/icon-location.svg);
    -webkit-mask-size: 20px;
}

.icon_telephone 
{
	background-color: #333;
    background-repeat: no-repeat;
    background-position: left;
    display: inline-block;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    background-size: 100%;
    -webkit-mask-image: url(images/icon-telephone.svg);
    -webkit-mask-size: 20px;
}
.icon_dialog
{
	background-color: #333;
    background-repeat: no-repeat;
    background-position: left;
    display: inline-block;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    background-size: 100%;
    -webkit-mask-image: url(images/icon-dialog.svg);
    -webkit-mask-size: 20px;
}

.icon_email
{
	background-color: #333;
    background-repeat: no-repeat;
    background-position: left;
    display: inline-block;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    background-size: 100%;
    -webkit-mask-image: url(images/icon-e-mail.svg);
    -webkit-mask-size: 20px;
}



.iletisim_container
{
	display:grid; grid-template-columns: 50% 50%;     margin: auto;
	margin-bottom: 20px;
	   
    padding: 15px;
    box-sizing: border-box;
    margin-top: 10px;
}
#googlemaps
{
    height: auto;
    width: 100%;
    display: inline-block;


}


.iletisim_formu_div
{
  position: relative;
    z-index: 0;
    width: 100%;
    
    margin-right: 10px;
	margin-bottom: 10px;
    float: left;
	text-align:left;


}
.iletisim_formu_div a {color: #000}


.iletisim_textbox1
{
	border: 1px solid #d4d4d4;
    color: #666666;
    padding: 10px;
    width: 280px;
	border-radius: 3px;
}	

.iletisim_textarea1
{
	border: 1px solid #d4d4d4;
    background-color: #FFFFFF;
    color: #333;
    width: 280px;
    padding: 10px;
	border-radius: 3px;
}	

.iletisim_textbox1:focus, .iletisim_textarea1:focus
{
	background-color:#333; color:#fff;	
}


.iletisim_buton
{
	width:100px; height:35px; border-radius:3px; cursor:pointer; border:none;  color:#FFFFFF; font-size:13px; background-color:#333
}	



/* BITER Iletisim Sayfasi*/



.anasayfa_header{
background: #084283;cursor:pointer;background-image:url(images/tasarim_web.png); background-repeat:no-repeat; background-position:center
}
.anasayfa_header:hover{
background: none; background-image:url(images/tasarim.png); background-repeat:no-repeat; background-position:center; cursor:pointer;
}

.anasayfa_header_off{
background: none; background-image:url(images/tasarim.png); background-repeat:no-repeat; background-position:center; cursor:pointer;
}

.anasayfa_header_off:hover{
background: #084283; background-image:url(images/tasarim_web.png); background-repeat:no-repeat; background-position:center; cursor:pointer;
}


#header_alti_ana_div
{
	width:100%; height:27px
}
#header_alti_orta_div
{
	width:980px; height:100%; z-index:1px; position:relative; background-image:url(images/kategori_baslik_bg.png); background-position:left; background-repeat:no-repeat;
}
#header_alti_sayfa_basligi
{
	padding-left:10px; padding-top:3px; font-family: 'Archivo Narrow', sans-serif; font-size:16px; font-weight:400; color:#FFFFFF;
}
#header_alti_sayfa_basligi a
{
	font-family: 'Archivo Narrow', sans-serif; font-size:16px; font-weight:700; color:#FFFFFF;
}
#header_alti_sol_div
{
	background-image:url(images/kategori_mavi_cizgi_bg.png); background-repeat:repeat-x; background-position:center; float:left;  width:25%; height:100%; margin-top:-27px; z-index:2px;
}


*:focus {
    outline: none;
}


/*BASLAR Sayfa Detay Menü*/
.sd_menu_header { width:181px; padding-left:15px; background-color:#0D5996;  font-family: 'Archivo Narrow', sans-serif; font-size:15px; font-weight:600; color:#fff;  padding-top:6px; padding-bottom:6px; margin-top:13px }
.sd_menu {  }
.sd_menu a { width:181px;  background-color:#A8A8A8; overflow:hidden; padding-left:15px; padding-top:10px; padding-bottom:10px; display:block; border-bottom:1px dashed #ccc;  font-size:12px; font-weight:400; color:#fff;}

.sd_menu a:hover { background-image:none; background-color:#bbb; padding-left:15px; padding-top:10px; display:block;}

.sd_menu_footer  {  width:196px; height:73px; background-image:url(images/sayfa_menu_footer.png);  }

/*BITER Sayfa Detay Menü*/ 


/*BASLAR Manken Model Oyuncu Menü*/
.mm_menu_header { background-color:#4f4f4f; width:181px; padding-left:15px; font-family: 'Archivo Narrow', sans-serif; font-size:15px; font-weight:300; color:#fff;  padding-top:6px; padding-bottom:6px;  margin-top:9px;}
.mm_menu {  }
.mm_menu a { width:181px;  background-color:#f5f5f5; overflow:hidden; padding-left:15px; padding-top:10px; padding-bottom:10px; display:block; border-bottom:1px dashed #ccc;  font-size:12px; font-weight:400; color:#535353;}

.mm_menu a:hover { background-image:none; background-color:#4f4f4f; color:#fff; padding-left:15px; padding-top:10px; display:block;}

.mm_menu_footer  {  width:196px; height:73px; background-image:url(images/mm_menu_footer.png);  }

/*BITER Sayfa Detay Menü*/ 


.sayfalama_off
{
background-image:url(images/sayfalama_off.png); background-repeat:no-repeat; width:22px; height:22px; padding-top:3px; float:left; margin:2px;color:#FFFFFF; font-weight:bold; text-decoration:none;
}


.sayfalama_on
{
background-image:url(images/sayfalama_on.png); background-repeat:no-repeat; width:22px; height:22px; padding-top:3px; float:left; margin:2px;color:#FFFFFF;  font-weight:bold; text-decoration:none;
}

.galeri_div
{
	float:left; margin:2px; padding:5px; overflow:hidden; height:120px; width:180px; border:1px solid #f3f3f3;
}

.galeri_ikon
{
	width:44px; height:44px; background-image:url(images/gallery.png); background-repeat:no-repeat; position:absolute;
}


.galeri_div img:hover
{
	opacity:0.7; filter:alpha(opacity=70);
}

.geri_butonu
{
	padding:10px; background-color:#BB0003; color:#fff;
}


.textbox_1
{
	border-color:#C0C9D1; background-color: #FFFFFF; border-width: thin; border-style:solid; color:#666666;  font-size:12px;  height:22px; width:210px
}

.textbox_2
{
	border-color:#C0C9D1; background-color: #FFFFFF; border-width: thin; border-style:solid; color:#666666;  font-size:12px;  height:22px; width:150px
}

.textbox_3
{
	border-color:#C0C9D1; background-color: #FFFFFF; border-width: thin; border-style:solid; color:#666666;  font-size:12px;  height:22px; width:60px
}

.selectbox_3
{
	border-color:#C0C9D1; background-color: #FFFFFF; border-width: thin; border-style:solid; color:#666666;  font-size:12px;  height:26px; width:50px
}

.selectbox_2
{
	border-color:#C0C9D1; background-color: #FFFFFF; border-width: thin; border-style:solid; color:#666666;  font-size:12px;  height:26px; width:80px
}

.textarea_1
{
	border-color:#C0C9D1; background-color: #FFFFFF; border-width: thin; border-style:solid; color:#666666;  font-size:12px;  height:42px; width:350px
}

.button_1
{
	 background-color: #333; border-width: thin; border-style:solid; color:#fff;  font-size:13px;  height:32px; width:120px
}

.video_div
{
	float:left; width:257px; height:167px; position:relative;
}

.video_div a {  z-index:-1;}
.video_div a:hover {  z-index:1;}

.video_img_div
{
	 width:250px; height:160px; overflow:hidden; 
}

.video_play_div
{
	position:absolute; background-image:url(images/video_play.png); background-position:center; background-repeat:no-repeat;
	width:250px; height:160px;
  opacity: 0.8;
}

.video_play_div:hover
{
	opacity: 0; 
}

.video_img_div img
{
	
	max-width:250px; border:none; 

}

.video_aciklama
{
	width:250px; height:50px;
	font-size:12px;
}

.video_play_div
{
	
}









@media only screen and (min-width: 1501px) and (max-width: 100000px) 
{
	
	.div_980 {width:1300px !important}
	.div_300 {width: 540px}
	.div_750 {width: 740px}
	.urun_detay_buyuk_resim_div {height: 500px}
	#footer_alt_div {width:1300px; }

	.iletisim_formu_div {width: 50%}
	.callbacks li > div {width: 1300px}
	.urun_div{	height: 325px;}
	.urun_div a{ height: 290px;}
	

	

	
	
}

@media only screen and (min-width: 1301px) and (max-width: 1500px) 
{
	.alt_bannerlar_div2 .div_980{grid-template-columns: 28.67% 28.67% 42.66%; }

	.alt_banner p {   font-size: 13px; }
	.div_980 {width:1200px  !important}
	.div_300 {width: 540px}
	.div_750 {width: 640px}
	.urun_detay_buyuk_resim_div {height: 450px}
	#footer_alt_div {width:1200px}

	.iletisim_formu_div {width: 60%}
	.callbacks li > div {width: 1200px}
	

	
	.urunler_container
	{
		grid-template-columns: 24% 24% 24% 24%;
		grid-gap: 1.33%;
		grid-row-gap: 30px;
	}

}

@media only screen and (min-width: 1024px) and (max-width: 1299px) 
{
	.alt_bannerlar_div2 .div_980{grid-template-columns: 28.67% 28.67% 42.66%; }
	.alt_bannerlar_div .v2
	{
    	grid-template-columns: 24% 24% 24% 24%;
		grid-column-gap: 1.33%;
	}
	.alt_banner p {   font-size: 11px; }
	.div_980 {width:1000px  !important}
	.div_300 {width: 440px}
	.div_750 {width: 540px}
	.urun_detay_buyuk_resim_div {height: 400px}
	#footer_alt_div {width:1000px;     grid-template-columns: 17% 17% 32% 14% 20%;}

	.iletisim_formu_div {width: 60%}
	.callbacks li > div {width: 1000px}
	
	
	.urunler_container
	{
		grid-template-columns: 24% 24% 24% 24%;
		grid-gap: 1.33%;
		grid-row-gap: 30px;
	}
	.urun_div{	height: auto;}
	.urun_div a{ height:auto;}
	.urun_div a img {position: relative;}
	

	
}

@media only screen and (min-width: 700px) and (max-width: 1023px) 
{
	
	.alt_bannerlar_div2 .div_980{grid-template-columns: 28.67% 28.67% 42.66%; }
	.alt_bannerlar_div .v2
	{
    	grid-template-columns: 24% 24% 24% 24%;
		grid-column-gap: 1.33%;
	}
	.cssmenu > ul {   grid-template-columns: 100%; }
	.cssmenu li a {padding: 4px}

	.div_980 {width: auto}
	.div_300 {width: 540px}
	.div_750 {width: 100%}
	#sayfa_detay img {max-width: 100%; height: auto;}
	.urun_detay_buyuk_resim_div {height: 400px}
	#footer_alt_div {    grid-template-columns: 17% 16% 25% 17% 25%;}

	.iletisim_formu_div {width: 60%}

	
	
	.urunler_container
	{
	grid-template-columns: 32% 32% 32%;
	grid-column-gap: 2%;
	grid-row-gap: 30px;

	}
	.urun_div{	height: auto;}
	.urun_div a{ height:auto;}
	.urun_div a img {position: relative;}
	
}

@media only screen and (min-width: 10px) and (max-width: 699px) 
{
	.bx-wrapper {BACKGROUND-COLOR: #dad6bd;}
	.bx-controls-direction {display: none !important}
	.alt_banner {margin-top: 8px}
	.footer_sosyal img{width: auto; height: auto}
	
	.alt_bannerlar_div .v2 {grid-template-columns: 100%; grid-column-gap: 0;}
	
	.kolon_1_1, .kolon_3_5 {grid-template-columns: 100%; grid-row-gap: 0%;}
	
	
	.urun_detay_container {grid-template-columns: 100%; grid-row-gap: 0%;}
	
	.header_sosyal_medya_div {    z-index: 2;
    width: auto;
    right: 0;
    left: auto;
    margin-top: 27px;}
	h2 {font-size: 22px;}
	.fiyat_listesi table {width: 100%}
	.fiyat_listesi .f_span {width: 100%}
	.alt_sayfalar_container {grid-template-columns: 100%;}
	.alt_bannerlar_div .div_980 
	{

    grid-template-columns: 100%;
    grid-column-gap: 0%;
	grid-row-gap: 30px;

	}
	
	.alt_bannerlar_div2 {    margin-top: 42px;}
	.alt_bannerlar_div2 .div_980 
	{

    grid-template-columns: 100%;
    grid-gap: 0%;

	}
	
	
	.video_div{	float:none;  margin: auto}
	.galeri_ana_container {display: block}
	.galeri_ana_container > div {width: 100%; margin: auto}
	.galeri_div {float: none; margin: auto; margin-bottom: 5px}
	
	.div_464 {width: 100%}
	.siparis_formu_sol {width: 100%}
	.siparis_formu_sag {display: none}

	
	#slayt_bg {margin-top: 0px}
	

.urun_div { width:100% }	





.li_div 
{
	    padding: 8px;
    left: 0;
    width: 100%;
    border-radius: 0;
    bottom: 0;
    top: auto;
    height: auto;

}

.li_div h2
{
	
font-size: 20px;
padding: 0;
padding-bottom: 6px;
}

.li_div p
{
margin:auto; margin-top:5px; margin-bottom:5px;	
color: #000;
font-size: 14px;
letter-spacing: -1px;
}


.callbacks_nav { display:none; cursor:move


}

.callbacks li > div
{
	   position: relative;
	   display:inline-block;
	   width:100%;
	   text-align:center;

}  


.callbacks li > div > p
{
    position:relative;
	left: 0;
    font-size: 24px;
    width: 100%;
    text-align: center;
    bottom: 0;
    margin: 0;
    right: 0;
    z-index: 2;
    color: #fff;
    letter-spacing: -1px;
	    top: auto;
    transform: initial;

}

.callbacks li > div > span
{
	font-size: 16px;
}

.callbacks li > div > p > .detayli_bilgi
{

    margin-top: 0px;
	width: 50%;
    margin-bottom: 10px;
}

.callbacks img {
  margin-top:0px; 
  margin-bottom:0px;
  margin:auto;
  float:none;
  max-width:inherit;
  width:100%;
  }


.basvuru_yap { display:none}

.footer_yazdir, .footer_email_gonder, .footer_basvuru_yap
{
	display:block; width:90%; margin:auto; left:0; right:0; margin-bottom:10px; font-size:18px;

}



h4 { font-size:20px}

iframe {width:100%; height:auto }
.div_980 { width:95% }

.div_750 {  width:95%;  margin:auto; display:block; padding-left:0px  }
.div_300 { width:100% }
.div_750 img {  }
.div_230 {  width: 100%; margin: auto; float:none; display:block }
.sd_menu_header {width: 95%;
padding-left: 0;
font-size: 18px;
text-align: center;
margin: auto;
margin-top: 9px;
border-radius: 3px;}
.sd_menu_footer { width:95%; margin:auto; }
.sd_menu { display:none; width: 95%;
margin: auto;}
.sd:hover .sd_menu, .sd:active .sd_menu {display:block }

.sd_menu a { width: 100% !important; padding-left: 0px !important; padding-right: 0px !important;     font-size: 15px !important; text-align: center; background:none }
.sd_menu a.selected { border:none; width:100%;}
.sd_menu .ek {padding-left:0; width:100%; }
.sd_menu .ek:hover {padding-left:0; width:100%; }

.dil_secenekleri {    position: relative !important;
    left: 0;
    text-align: left;}
 #header_iletisim
{
	display:none
}

.anasayfa_cols { display:block }

#header_ust_div .search_div {
    width: 181px;
    right: 31px;
    top: 110px;
}

#header_ust_div .search_div #search {

    background-position: 112px 7px;
    width: 120px;
}


#header_bilgi #results {   
    width: 100%;
  }
#header_bilgi #search
{
    border-radius: 0px;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 36px;
    width: 100%;
    box-sizing: border-box;
    padding: 8px;
}

.header_call_us { font-size: 24px;
    margin: auto;
    left: 0;
    right: 0;
    position: absolute;}
.header_email_us { display:none; }

#header_ust_div { position:static; padding-bottom:38px}
#header_ust_div .div_980 { display:block }
.h_row_1 {height: 31px}
.h_row_1 .div_980 { text-align: center; font-size: 20px; }



#header_logo {     float: none;
    display: block;
    margin: auto;
   position: relative} 



#header_menu_div { margin-top:20px; left:auto; width:100%; position:relative; }
#header_menu { left:auto; position:relative; right:0px; display:none;  margin-left: auto; }

#header_menu .menu_bolumu .menu_baslik 
{

background-position: 97% 19px;
background-repeat: no-repeat;
padding-right: 0;
margin-right: 0;
}



#header_menu_div input 
{
	display:none;
}

#header_menu_div input + .menu_icon + *
{
	display:none;
}
#header_menu_div input:checked + .menu_icon + *
{
	display:block;
}

#header_menu_div input:checked ~ .menu_icon
{
	background-image:url(images/menu_icon2.png);	
}

#header_menu_div input:checked #header_menu { display:block; width:100%;}



#header_menu_div .menu_icon
{
	display:block;
	width:100%;
	height:32px; 
	background-image:url(images/menu_icon.png); background-position:left; background-repeat:no-repeat;

	cursor:pointer;
}



#header_menu #anasayfa { display:none }

#header_menu .menu_baslik a { color:#fff; border-radius:3px; }
#header_menu .menu_baslik span { color:#fff; font-size: 15px;
width: 100%; }
.menu_bolumu
{
	display: inline-table;
	float: left;
	
padding-left: 0;
padding-right: 0;
margin: 0;
cursor: pointer;
height: 40px;
width: 100%;
text-align: center;
background-color: #333;
margin-top: 5px;
border-radius:3px;
}


.cssmenu
{
	position:static; width:100% !important; margin-left: 0px; margin-top: 6px; padding-bottom: 5px;
}

.cssmenu .liste_header, .cssmenu ul li, .cssmenu liste_footer {width:100%}
.cssmenu ul li {   }
.cssmenu li a { line-height: 35px; }


#header_menu a{ width:100%; padding:0px; text-align:center; font-size:18px !important; color:#fff;     line-height: 42px; }
#header_menu .tek_link { color: #fff; background-color: #333;

padding-left: 0px;
padding-right: 0px;
margin-top: 5px;
margin-bottom: 0px} 

#header_menu .tek_link:hover{border: none}

h1 { font-size:26px }


#mcts1 { width: 88% !important;}


#kategori_detay .link { width:95%; font-size:18px; }


body { font-size:15px }
img { max-width:100%; width: 100%; height:auto}
#iletisim_formu {  }
.iletisim_textbox1, .iletisim_textarea1 { width:95% }
.iletisim_formu_div { width:auto; border-radius:0px; font-size:17px }
.ac_kapa_div { display:none}


#footer_alt_div
{
	grid-template-columns: 49% 49%;
    grid-column-gap: 2%;
	grid-row-gap: 30px;
}
.footer_menu_sutun
{
	width:auto;	
	display: inline-block;
	float:none;
}

.footer_menu_baslik, .footer_menu_baslik2
{
	font-size:16px;
}


.footer_menu_sutun a
{
    width: 100%;
	font-size:16px;
}

.footer_menu_sutun_sag {
    width: auto;
	float:none;
    font-size: 13px;
}

#footer_copyright
{
	font-size:13px;
	
}

#footer_copyright a
{
	font-size:13px
}

.urun_kategori_div {margin-top: 50px}

.urunler_container
{
display: block !important;
    
}

.urun_div{	height: auto;}
.urun_basligi_div {text-align: center}
.urun_div a{ height:auto;}
.urun_div a img {position: relative;}


}