@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=latin-ext');
/* CSS Document */
html{min-height:100%;min-width:1170px; }
body{min-height:100%;min-width:1170px; height:100%; overflow:auto; overflow: -moz-scrollbars-vertical; overflow-y: auto; overflow-y: scroll; margin:0;	font-size: 14px; font-family: 'Roboto', sans-serif; font-weight:300; line-height:175%; color:#666; background:#fff;}
p{ margin:0px;}
table{color: #666;	text-decoration: none;	font-size: 14px; font-family: "Roboto"; font-weight:300; line-height:175%;}
a { color: #666; text-decoration: none; font-size:14px; font-family: 'Roboto Condensed', sans-serif; font-weight:normal; }
h1{ font-family: 'Alegreya SC', serif; font-weight:400; font-style:normal; font-size:35px; color:#4f3a33; line-height:125%; padding:0 0 10px 0; margin:0;}
h2{ font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-size:18px; line-height:18px;  color:#f46b3f; padding:20px 0 10px 0; margin:0;}

#page_container{ position:relative; width:100%;}
#header_container{ position:relative; width:100%; height:auto; padding:0; background:#f2edec; z-index:21000;}
#header_container .serit{ height:30px; width:100%;  background:#a49997;}
#header_container .serit .telefon{ float:left; text-align:left;}
#header_container .serit .email{ float:right; text-align:right; margin-right:20px}
#header_container .serit a{ font-family: 'Roboto Condensed', sans-serif; font-weight:normal; font-size:14px; color:#d6cecd; line-height:30px;}
#header_container .serit a:hover{ text-decoration:underline; color:#fff;}
#header_container .serit .social_container{ float:right; text-align:right;}
#header_container .serit .social_container a{ position:relative; display:inline-block; width:30px; height:30px;}
#header_container .serit .social_container .facebook{background:#d6cdcc url(images/theme/social_facebook.png) no-repeat center;}
#header_container .serit .social_container .twitter{background:#d6cdcc url(images/theme/social_twitter.png) no-repeat center;}
#header_container .serit .social_container .instagram{background:#d6cdcc url(images/theme/social_instagram.png) no-repeat center;}
#header_container .serit .social_container .pinterest{background:#d6cdcc url(images/theme/social_pinterest.png) no-repeat center;}
#header_container .serit .social_container .google{background:#d6cdcc url(images/theme/social_google.png) no-repeat center;}

#header_container #header{ position:relative; padding:0px; margin:0; width:1170px; height:110px; margin:0 auto;}
#header_container #logo{ position:absolute; top:15px; left:0px;  z-index: 101;}
#header_container #mobil_logo{ position:absolute; top:0px; left:-20px;  z-index: 102; display:none;}
#banner_container{ position:relative; width:100%; padding:0 0 0px 0; margin-bottom:0px; min-height:110px; }
#banner_container #slider_container{ position:relative; padding:0px; margin:0px; width:100%; height:auto; margin:0 auto; overflow:hidden; background:none;}
#main_container{ position:relative; clear:both; width:100%; display:block; margin:0; padding:0px 0;}
.orta_container{ position:relative; width:1170px; margin:0 auto; display:table; height:100%;}
.orta_container_full{ position: relative; clear:both; float:none; margin:20px;}
.orta_container_sol{ position: relative; width:calc(50% - 40px); float:left; margin:20px;}
.orta_container_sag{ position: relative; width:calc(50% - 40px); float:right; margin:20px;}

/*::::: AÇILIR ÜST MENÜ   :::::*/
#nav { height:110px; float:right;  margin:0 0 0px 0; padding:0 0 0 0px; position: relative; z-index: 10090;}
#nav ul {position:relative; margin:0 auto; padding:0; height:110px; float:left; display:block;}
#nav li {list-style:none;float:left;margin:0;padding:0 0px 0 0; line-height:110px; height:110px; }
#nav li.son {background:none;}
#nav span {float:left;padding:0 25px;line-height:110px;height:110px; background:none top center;}
#nav li a { position:relative;  overflow:hidden; text-transform:none;font-family: 'Alegreya SC', serif; font-weight:400; font-style:normal;font-size:16px; height:auto;color:#8b7c7a;display:block;line-height:110px;height:110px;margin:0;padding:20px 0 0px;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}
#nav li a .hover_simge { position:absolute; top:-40px; left:0; display:block; width:100%; height:100%; background:url(images/theme/menu_hover.png) no-repeat top center;}
#nav span:hover, #nav span.aktif {background: #f46b3f; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}
#nav span:hover > a, #nav span.aktif > a{ color:#fff;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}
/* First level dropdown */
#nav li ul {margin:0 0 0 -25px;background:#f46b3f;padding:10px;list-style:none;position:absolute; display:none;left:-999em;top:110px;width:215px;z-index:10;height:auto;}
#nav li:hover ul, #nav li.sfhover ul {left:auto;}
#nav li li {z-index:20;;position:relative;margin:0;padding:0px;width:215px;height:auto;line-height:12px;}
#nav li li a {text-indent:0;border-bottom:1px solid #f48460;font-weight:bold;padding:10px 10px 10px 10px;text-transform:none; font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:16px;height:auto;line-height:18px;color:#f6d4cb;text-decoration:none;}
#nav li:hover li a, #nav li.sfhover li a {color:#f6d4cb;}
#nav li li a:hover { background:#f87349;color:#fff; text-decoration:none;}

#nav li a .menu_1{ position:absolute; left:calc(50% - 20px); top:20px; width:40px; height:40px; background:url(images/theme/menu_01.png) no-repeat center top;}
#nav li:hover a .menu_1{ position:absolute; left:calc(50% - 20px); top:20px; width:40px; height:40px; background:url(images/theme/menu_01.png) no-repeat center bottom;}
#nav li a .menu_2{ position:absolute; left:calc(50% - 20px); top:20px; width:40px; height:40px;background:url(images/theme/menu_02.png) no-repeat center top;}
#nav li:hover a .menu_2{ position:absolute; left:calc(50% - 20px); top:20px; width:40px; height:40px;background:url(images/theme/menu_02.png) no-repeat center bottom;}
#nav li a .menu_3{ position:absolute; left:calc(50% - 20px); top:20px; width:40px; height:40px;background:url(images/theme/menu_03.png) no-repeat center top;}
#nav li:hover a .menu_3{ position:absolute; left:calc(50% - 20px); top:20px; width:40px; height:40px;background:url(images/theme/menu_03.png) no-repeat center bottom;}
#nav li a .menu_4{ position:absolute; left:calc(50% - 20px); top:20px; width:40px; height:40px;background:url(images/theme/menu_04.png) no-repeat center top;}
#nav li:hover a .menu_4{ position:absolute; left:calc(50% - 20px); top:20px; width:40px; height:40px;background:url(images/theme/menu_04.png) no-repeat center bottom;}
#nav li a .menu_5{ position:absolute; left:calc(50% - 20px); top:20px; width:40px; height:40px;background:url(images/theme/menu_05.png) no-repeat center top;}
#nav li:hover a .menu_5{ position:absolute; left:calc(50% - 20px); top:20px; width:40px; height:40px;background:url(images/theme/menu_05.png) no-repeat center bottom;}
#nav li a .menu_6{ position:absolute; left:calc(50% - 20px); top:20px; width:40px; height:40px;background:url(images/theme/menu_06.png) no-repeat center top;}
#nav li:hover a .menu_6{ position:absolute; left:calc(50% - 20px); top:20px; width:40px; height:40px;background:url(images/theme/menu_06.png) no-repeat center bottom;}
#nav li a .menu_7{ position:absolute; left:calc(50% - 20px); top:20px; width:40px; height:40px;background:url(images/theme/menu_07.png) no-repeat center top;}
#nav li:hover a .menu_7{ position:absolute; left:calc(50% - 20px); top:20px; width:40px; height:40px;background:url(images/theme/menu_07.png) no-repeat center bottom;}
#nav li a .menu_8{ position:absolute; left:calc(50% - 20px); top:20px; width:40px; height:40px;background:url(images/theme/menu_08.png) no-repeat center top;}
#nav li:hover a .menu_8{ position:absolute; left:calc(50% - 20px); top:20px; width:40px; height:40px;background:url(images/theme/menu_08.png) no-repeat center bottom;}

.bolum_container{ position:relative; float:left; width:50%; overflow:hidden;}
.bolum_container1{ width:calc(50% - 225px);}
.bolum_container2{ width:calc(50% + 225px);}
.bolum_1,.bolum_3,.bolum_4{ background:#a49997; float:left;}
.bolum_2{ background:#f46b3f; float:left;}
.bolum_sol{ float:right; display:inline-block;}
.bolum_sag{ float:left; display:inline-block;}
.bolum_sol .bolum_container .bolum_icerik{ float:right; margin-right:0px;}
.bolum_sol .bolum_container .bolum_resim{ float:right; margin-left:0px;}
.bolum_sag .bolum_container .bolum_icerik{ float:left; margin-left:0px;}
.bolum_sag .bolum_container .bolum_resim{ float:left; margin-right:0px;}
.bolum_icerik{ position:relative; margin:0px 0; width:360px; padding:40px 50px; text-align:left; height:100%; min-height:280px;}
.bolum_icerik .bolum_baslik{font-family: 'Roboto Condensed', serif; font-size:30px; font-weight:300; line-height:125%; color:#fff; padding:0px 0; border-bottom:0px solid #fff;}
.bolum_icerik .bolum_text{ font-size:14px; color:#fff; font-family:'Roboto'; font-weight:300; line-height:160%; padding:20px 0;}
.bolum_button{ display:inline-block; padding-bottom:0px;}
.bolum_button a{ font-family: 'Roboto Condensed', serif; font-size:14px; display:inline-block;background:none;color: #fff;padding: 10px 30px;position: relative; border:1px solid #fff; transition: all 0.5s ease-in-out;}
.bolum_button a:hover{ background:rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.2);}
.bolum_resim{ position:relative; display:inline-block; margin:0; overflow:hidden; width:100%; height:360px;}
.bolum_resim img{ position:absolute; top:0; bottom:0; margin:auto; width:100%; transition: all 1s ease-in-out;}
.bolum_resim:hover img{ transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1); transition: all 5s ease-in-out;}
.bolum_sol .text{  position: absolute;  left: 95%; top: 95%; right: 0px; bottom: 0px; margin: auto; display:inline-block; width: auto; height: auto; padding:0px; font-family: 'Alegreya SC', serif; font-weight:400; font-style:normal; font-size:35px; color:#4f3a33; text-align:center; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);}
.bolum_sag .text{  position: absolute;  right: 95%; top: 95%; left: 0px; bottom: 0px; margin: auto; display:inline-block; width: auto; height: auto; padding:0px; font-family: 'Alegreya SC', serif; font-weight:400; font-style:normal; font-size:35px; color:#4f3a33; text-align:center; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);}
.bolum_resim .text_1{ position:relative; display:inline-block;  clear:both; text-align:center; padding:0; margin:0; width:350px;}
.bolum_resim .text_2{ position:relative; display:inline-block; clear:both; color:#a49997; font-size:14px; line-height:14px; width:calc(100% - 110px); padding:0; margin:0; text-align:right;}
.bolum_resim .text_2 span{color:#f46b3f;}
.bolum_resim .cizgi{position: absolute; top:50%;  width:calc(100% - 120px); border-top:1px solid #f46b3f;}
.bolum_5 .tablo_container{margin:0px -20px 20px;}
.bolum_6 .tablo_container{margin:0px -20px;}

/*::::: BX LOGO SLIDER ::::::::*/
.bxslider_container{ padding:40px 0px;}
.bxslider{ float:left; margin:0px 0; }
.bx-wrapper { position: relative; margin: 0 auto 0px; padding: 0; *zoom: 1;}
.bx-wrapper img { max-width: 100%; display: block; }
.bx-wrapper .bx-viewport { border:  0px solid #ccc; left: -0px; background:none; -webkit-transform: translatez(0); -moz-transform: translatez(0);     -ms-transform: translatez(0);     -o-transform: translatez(0);     transform: translatez(0); }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
.bx-wrapper .bx-loading { min-height: 50px; background: url(images/theme/loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;}
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }
.bx-wrapper .bx-prev { left: -60px; background: url("images/theme/large_left.png") no-repeat 0 0px; }
.bx-wrapper .bx-next { right: -60px; background: url("images/theme/large_right.png") no-repeat 0 0px; }
.bx-wrapper .bx-prev:hover { background-position: 0 -40px; }
.bx-wrapper .bx-next:hover { background-position: 0 -40px; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 40px; height: 40px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; } 
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url("images/theme/controls.png") -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url("images/theme/controls.png") -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }

/*::::: TABLO ::::::::*/
.tablo_container{ position:relative; height:100%; margin:40px -20px;}
.tablo_icerik{color: #666;	text-decoration: none;	font-size: 14px; font-family: "Roboto"; font-weight:300; line-height:175%;}
.tablo_baslik{ position:relative; clear:both; text-align:center; margin:50px 20px 30px;}
.tablo_baslik .text{  position: relative; left: 0; top: 0; right: 0; bottom: 0px; margin: auto; display:inline-block; width: auto; height: auto; padding:0px; font-family: 'Alegreya SC', serif; font-weight:400; font-style:normal; font-size:35px; color:#4f3a33; text-align:center;}
.tablo_baslik .text_1{ position:relative; display:inline-block;  clear:both; text-align:center; padding:0px; margin:0;}
.tablo_baslik .text_2{ position:relative; display:inline-block; clear:both; color:#a49997; font-size:14px; line-height:14px; width:calc(100% - 110px); padding:0px; margin:0; text-align:right;}
.tablo_baslik .text_2 span{color:#f46b3f;}
.tablo_baslik .cizgi{position: absolute; top:50%;  width:calc(100% - 120px); border-top:1px solid #f46b3f;}
.tablo_baslik .rotate{-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);}
.tablo_icerik .video_container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.tablo_icerik .video_container iframe,.video_container object,.video_container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*::::: ÜRÜNLER ::::::::*/
#urunler_container {position:relative; margin:-15px -15px; padding:0px;}
#urunler{list-style:none; float:left; margin:0px; padding:0px;}
#urun{ list-style:none; width:220px; height:230px;  float:left; margin:15px 14px 15px 15px; padding:0px; vertical-align:top; background:#0a1f4f; color: #000; text-decoration: none; font-size: 13px; font-family: "Arial"; font-weight: normal; line-height:150%;}
#urun .urun_baslik{font-family: 'Roboto Condensed', sans-serif; font-size:16px; font-weight:normal; line-height:24px; padding:0 15px 10px; margin:0 0; color:#fff;}
#urun img{ border:none; margin-bottom:10px; padding:0px; background:#fff; border:none;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}
#urunler .foto{ position:relative; overflow:hidden;}
#urunler .foto .foto_effect{ position:absolute; left:0; top:0; width:100%; height:100%; background:#eee; opacity:0;}
#urunler .foto .foto_ico{ position:absolute; left:0; top:100%; width:100%; height:100%; background:url(images/theme/ico_foto.png) center no-repeat; }
#urunler .foto .foto_maske{ position:absolute; font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-style:bold;font-size:20px; padding:0px ; color:#fff; width:100%; height:100%; background:#0a1f4f; top:0;-webkit-clip-path: polygon(9% 90%, 100% 85%, 100% 100%, 0 100%, 0 0); clip-path: polygon(9% 90%, 100% 85%, 100% 100%, 0 100%, 0 0);}
#urun_galeri_container {position:relative; margin:20px -15px; padding:0px;}
#urun_galeri{	list-style:none; float:left; margin:0px; padding:0px;}
#urun_galeri .foto{	list-style:none; float:left; margin:15px; padding:0px; text-align:center; vertical-align:middle; background:#fff; border:1px solid #efefef; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}
#urun_galeri .foto:hover{ background:#002c6d; border:1px solid #c7c9cd;}
.download_container{}
.download_container a{ display:block; line-height:24px; padding:5px 0 5px 70px; background:url(images/theme/download.png) no-repeat left 10px;}
.download_container a .baslik{font-family: 'Alegreya SC', serif; font-weight:400; font-style:normal; font-size:18px; color:#f46b3f; }
.download_container a .aciklama{font-family: 'Roboto', sans-serif; font-weight:300; font-size:14px; color:#666; }

.urun_seri_container{ clear:both; margin:40px -20px;}
.urun_seri{ position:relative; float:left; width:calc(33.333333% - 40px); height:auto; margin:20px;}
.urun_seri .urun_seri_resim{ position:relative; display:block; overflow:hidden; text-align:center; width:128px; height:128px; line-height:128px; float:left; background:none; border:0px solid #efefef; margin-right:10px; padding:0px;}
.urun_seri .urun_seri_resim img{max-width: calc(100% - 0px); max-height: calc(100% - 0px); top: -50%; left: -50%; bottom: -50%; right: -50%; margin:auto; position: absolute;}
.urun_seri .urun_seri_icerik{ position:relative; width:calc(100% - 150px ); height:130px; float:left;}
.urun_seri .urun_seri_icerik .urun_baslik{ font-family: 'Alegreya SC', serif; font-weight:400; font-style:normal; font-size:18px; color:#f46b3f; margin-bottom:10px; }
.urun_seri .urun_seri_icerik .urun_aciklama{font-family: 'Roboto', sans-serif; font-weight:300; font-size:14px; line-height:18px; color:#666; }

/*::::: ANASAYFA FOTO GALERİ ::::::::*/
#anasayfa_galeri_container { position:relative; margin:0px 0px; padding:0px; overflow:hidden; width:100%;}
#anasayfa_galeri{ position:relative; list-style:none; float:left; margin:0px; padding:0px; width:300%; overflow:hidden; white-space:nowrap;}
#anasayfa_galeri_container .foto{ position:relative; overflow:hidden; list-style:none; float:left; margin:0px; padding:0px; text-align:center; vertical-align:middle; -webkit-transition: all 0.3s ease; /*-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;*/}
#anasayfa_galeri_container .foto img{ width:100%; height:auto; transition: all 1s ease-in-out;}
#anasayfa_galeri_container .foto:hover img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1); transition: all .5s ease-in-out;}	
#anasayfa_galeri_container .foto .foto_effect{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0;}
#anasayfa_galeri_container .foto .foto_ico{ position:absolute; left:0; top:0; width:100%; height:100%; background:none;}

.foto_kare_1{ position:absolute; left:calc(50% - 22px); /*top:calc(50% - 22px);*/ top:-50%; width:20px; height:20px; margin:0px; background:rgba(255,255,255,0.5); rounded corners -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}
.foto_kare_2{ position:absolute; /*right:calc(50% - 22px);*/  top:calc(50% - 22px);right:-50%;width:20px; height:20px; margin:0px; background:rgba(255,255,255,0.5); rounded corners -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}
.foto_kare_3{ position:absolute; /*left:calc(50% - 22px);*/ bottom:calc(50% - 22px); left:-50%; width:20px; height:20px; margin:0px; background:rgba(255,255,255,0.5); rounded corners -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}
.foto_kare_4{ position:absolute; right:calc(50% - 22px); /*bottom:calc(50% - 22px);*/ bottom:-50%; width:20px; height:20px; margin:0px; background:#f46b3f; rounded corners -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}

/*::::: FOTO GALERİ ::::::::*/
#sayfa_galeri_container {position:relative; margin:20px -20px; padding:0px; }
#sayfa_galeri{ list-style:none; float:left; margin:0px; width:100%; padding:0px;}
#sayfa_galeri .foto{ position:relative; list-style:none; float:left; width:calc(20% - 40px); height:auto; margin:20px; padding:0px; text-align:center; vertical-align:middle; border:0px solid #efefef; background:none; overflow:hidden; text-align:center; vertical-align:middle; background:none;/* -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;*/}
#sayfa_galeri .foto img{ width:100%; height:auto; transition: all 1s ease-in-out;}
#sayfa_galeri .foto:hover img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1); transition: all .5s ease-in-out;}	
#sayfa_galeri .foto .foto_effect{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0;}
#sayfa_galeri .foto .foto_ico{ position:absolute; left:0; top:0; width:100%; height:100%; background:none;}

/*::::: İLETİŞİM ::::::::*/
.iletisim{ position:relative; clear:both; margin:40px 0px;}
.iletisim .iletisim_adres{ position:relative; margin:10px 0; background:url(images/theme/ico_adres.png) no-repeat left 3px; padding-left:50px;}
.iletisim .iletisim_telefon{ position:relative; margin:10px 0; background:url(images/theme/ico_telefon.png) no-repeat left 3px; padding-left:50px;}
.iletisim .iletisim_faks{ position:relative; margin:10px 0; background:url(images/theme/ico_faks.png) no-repeat left 3px; padding-left:50px;}
.iletisim .iletisim_email{ position:relative; margin:10px 0; background:url(images/theme/ico_email.png) no-repeat left 0px; padding-left:50px;}
.iletisim_form{ }
.iletisim span{font-family: 'Alegreya SC', sans-serif; font-weight:400; font-style:normal;font-size:20px;  color:#4f3a33; padding:0 0 0px 0; margin:0; display:inline-block;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/*::::: FORM ::::::::*/
.form_container { width:100%; margin:40px 0;}
.form_container .form_satir{}
.form_container .form_btn_satir{ clear:both; text-align:center;}
.form_container .form_baslik{font-family: 'Alegreya SC', sans-serif; font-weight:400; font-style:normal;font-size:20px;  color:#4f3a33; padding:5px 0 5px 0; margin:0; width:200px; display:inline-block; line-height:125%; vertical-align:top;}
.form_container .form_nesne{ font-size: 14px; font-family: 'Roboto', sans-serif; font-weight:300; line-height:175%; color:#666; padding:0 0 15px 0; margin:0; display:inline-block;width: calc(100% - 200px);}
.form_txt { color:#000; text-decoration: none; font-size:14px; line-height:18px; padding:6px 4px; font-family: Arial; font-weight: normal; border:1px solid #dddddd; width: calc(100% - 10px);}
.form_txt:focus{	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(156, 122, 58, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(156, 122, 58, .6); border-color: #fff; }
.form_yazi {color: #fff; text-decoration: none;	font-size: 12px; font-family: "Arial"; font-weight: normal;}
.form_select { color:#000; text-decoration: none; font-size:12px; line-height:18px; padding:6px 4px; font-family: Arial; font-weight: normal; border:1px solid #dddddd; }
.form_btn{ position:relative; cursor:pointer; overflow:visible; width:auto; font-family: 'Roboto Condensed', serif; font-size:14px; display:inline-block;background:#f46b3f; color: #fff;padding: 10px 30px;border:1px solid #e36137; transition: all 0.5s ease-in-out;}
.form_btn:hover{ background:#db6039;border:1px solid #af4d2e;}
.form_btn .button_cerceve{position:absolute; top:5px; left:5px; right:5px; bottom:5px; border:1px solid #fff;}
.yazi_hata { padding:10px 15px 10px 40px; margin-bottom:10px; border:1px solid #e00b83; background:#fedaef url(images/theme/hata.png) no-repeat 15px center; color: #e00b83; text-decoration: none; font-size: 12px; font-family: sans-serif; font-weight:bold; line-height:100%}
.yazi_tamam { padding:10px 15px 10px 40px; margin-bottom:10px; border:1px solid #399919; background:#dffcca url(images/theme/tamam.png) no-repeat 15px center; color: #399919; text-decoration: none; font-size: 12px; font-family: sans-serif; font-weight:bold; line-height:100%}

#harita{ position:relative; margin:0px; padding:0px; border:0px #fff solid; width:100%; height:400px;}

/*::::: HIZLI MENU :::::*/
.site_container{ display:inline-block;}
.site_container h1{ clear:both; float:none; margin:none; padding:15px 0 0 0; line-height:100%;}
.site_container h2{ clear:both; float:none; margin:none; padding:15px 0 0 0; line-height:100%;}
.site_container .site_kategori_link{ float:left; border-bottom:1px solid #f2edec; padding:7px 0; width:100%;}
.site_container .site_kategori_link a{font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:18px; height:auto;color:#333; margin:0px; background: url(images/theme/ico2.png) no-repeat left 8px; padding-left:20px;}
.site_container .site_kategori_link a:hover{ color:#123;}
.site_container .site_link{ float:left; border-bottom:1px solid #f2edec; padding:7px 0; width:100%;}
.site_container .site_link a{color:#000;margin:0px; font-size:14px; float:left; background: url(images/theme/ico3.png) no-repeat 20px 8px; padding-left:40px;}
.site_container .site_link a:hover{ color:#123;}

/*::::: 404 SAYFASI ::::::::*/
.page_404{ position:relative; text-align:center; margin:20px 0 50px; color:#666;}
.page_404 h1 { position:relative; text-transform: uppercase; letter-spacing: 4px; font-weight: normal; font-size: 22px; display:block;}
.page_404 h2 { position:relative;  text-transform: uppercase; letter-spacing: 20px; font-size: 200px; color:#f46b3f; font-weight:700; margin:-30px 0 20px 0;}
.page_404 p { font-family: 'Roboto', sans-serif; font-weight:300; line-height: 1.6em; text-align: center; font-size: 16px; padding:20px 0;}
.page_404 h2 span{margin:0px;}

/*::::: SAYFALAMA ::::::::*/
#sayfa_container{position:relative; width:auto; margin:20px -4px; padding:0px; float:left;}
#sayfa_container .sayfa ul{	list-style:none; float:left; margin:0px; padding:0px;}
#sayfa_container .sayfa ul li{list-style:none; float:left; margin:4px; padding:0px; width:30px; height:30px; line-height:30px; vertical-align:middle; text-align:center; background:#eee; color:#a49997; font-family:"Roboto Condensed"; font-weight:400; font-size:18px; border:1px solid #ddd; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}
#sayfa_container .sayfa ul li:hover{background:#e6dfde;  color:#f46b3f;}
#sayfa_container .sayfa ul li.selected{background:#f46b3f; color:#FFF; border:1px solid #e56238;}
#sayfa_container .sayfa ul li.ilk_sayfa{ background:#eee url(images/theme/first.png) center top no-repeat;}
#sayfa_container .sayfa ul li.ilk_sayfa:hover{ background:#e6dfde url(images/theme/first.png) no-repeat center bottom;}
#sayfa_container .sayfa ul li.onceki_sayfa{ background:#eee url(images/theme/left.png) center top no-repeat;}
#sayfa_container .sayfa ul li.onceki_sayfa:hover{ background:#e6dfde url(images/theme/left.png) no-repeat center bottom;}
#sayfa_container .sayfa ul li.son_sayfa{ background:#eee url(images/theme/last.png) no-repeat center top;}
#sayfa_container .sayfa ul li.son_sayfa:hover{ background:#e6dfde url(images/theme/last.png) no-repeat center bottom;}
#sayfa_container .sayfa ul li.sonraki_sayfa{ background:#eee url(images/theme/right.png) no-repeat center top;}
#sayfa_container .sayfa ul li.sonraki_sayfa:hover{ background:#e6dfde url(images/theme/right.png) no-repeat center bottom;}

/*::::: YUKARI DÜĞMESİ ::::::::*/
#back-top {z-index:10;position: fixed;bottom: 40px;margin-left:calc(50% + 620px);}
#back-top a {width: 51px;display: block;text-align: center;font: 12px/100% 'Roboto Condensed'; font-weight:300; font-style:normal; text-transform: uppercase;text-decoration: none;color: #4f3a33;/* background color transition */-webkit-transition: 0.3s;-moz-transition: 0.3s; -o-transition: all 0.3s ease; transition: 0.3s;}
#back-top a:hover {color: #f46b3f;}
/* arrow icon (span tag) */
#back-top span {width: 51px;height: 51px;display: block; padding:0px; margin-bottom: 7px;background:url(images/theme/icon_top.png) no-repeat center top; -webkit-border-radius: 26px;-moz-border-radius: 26px;border-radius: 26px; background color transition -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;*/}
#back-top a:hover span {background:url(images/theme/icon_top.png) no-repeat center bottom; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}

/*::::: ALTBANNER ::::::::*/
#altbanner_container{ position:relative; clear:both; width:100%; background:#a49997; margin:0px; padding:0px 0; }
#alt_banner{ position:relative; width:1170px; margin:0px auto; padding:30px 0 20px;}
#alt_banner .alt_banner_buton{ font-family: "Roboto Condensed", sans-serif; font-size:18px; font-weight:400; padding:10px 15px;}
#alt_banner .alt_bolum_container{float:left; width:100%;}
#alt_banner .bolum{ position:relative; float:left; color:#fff; width:180px;margin:0px 0 20px 0px; line-height:18px; }
#alt_banner .bolum1{ position:relative; float:left; color:#fff; width:180px;margin:0px 0 20px 0px; line-height:18px; }
#alt_banner .bolum2{ position:relative; float:left; color:#fff; width:230px;margin:0px 0 20px 0px; line-height:18px; }
#alt_banner .logolar{ position:absolute; right:30px; top:0px; width:330px; height:50px;  background:url(images/theme/alt_banner_logolar.png) no-repeat right top; }
#alt_banner h2{ margin:0 0 10px 0; padding:0px; color:#4f3a33;}
#alt_banner .bolum span{ color:#b2c1a3;}
#alt_banner ul{ position:relative; float:left; margin:0px; padding:0; color: #62cefe; text-decoration: none; font-size: 12px; font-family: Arial; font-weight:bold; width:auto; height:100%;}
#alt_banner ul.alt_banner_ilk{ margin:0 15px 0 0;}
#alt_banner li{ list-style:none; margin:0px;}
#alt_banner a{font-family:arial; font-size:12px; font-weight:normal; color:#fff; text-decoration: none; line-height:150%;}
#alt_banner a:hover{ text-decoration:underline; color:#eee;}
#alt_banner ul li a{background:url(images/theme/ico.png) no-repeat left center; padding:0 0 0 15px;}
#alt_banner_turkuaz{ font-family:arial; font-size:12px; font-weight:normal; color:#dfd6ce; text-decoration: none; line-height:150%; margin:0px 0 0 0; padding:0 0;}
#alt_banner_turkuaz a{ color:#dfd6ce;}

/*::::: FANCYBOX IMAGE GALLERY ::::::::*/
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding: 0;margin: 0;border: 0;outline: none;vertical-align: top;}
.fancybox-wrap {position: absolute;top: 0;left: 0;z-index: 8020;}
.fancybox-skin {position: relative;background: #f9f9f9;color: #444;text-shadow: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;  border-radius: 4px;}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {color: #444;font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0;padding: 15px;white-space: nowrap;}
.fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;}
.fancybox-image {max-width: 100%;max-height: 100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('images/theme/fancybox_sprite.png');}
#fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 8060;}
#fancybox-loading div {width: 44px;height: 44px;background: url('images/theme/fancybox_loading.gif') center center no-repeat;}
.fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;}
.fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;text-decoration: none;background: transparent url('images/theme/blank.gif'); /* helps IE */-webkit-tap-highlight-color: rgba(0,0,0,0);z-index: 8040;}
.fancybox-prev {left: 0;}
.fancybox-next {right: 0;}
.fancybox-nav span {position: absolute;top: 50%;width: 36px;height: 34px;margin-top: -18px;cursor: pointer;z-index: 8040;visibility: hidden;}
.fancybox-prev span {left: 10px;background-position: 0 -36px;}
.fancybox-next span {right: 10px;background-position: 0 -72px;}
.fancybox-nav:hover span {visibility: visible;}
.fancybox-tmp {position: absolute;top: -99999px;left: -99999px;visibility: hidden;max-width: 99999px;max-height: 99999px;overflow: visible !important;}
/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto;}
.fancybox-lock body { overflow: hidden !important;}
.fancybox-lock-test { overflow-y: hidden !important;}
.fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;background: url('images/theme/fancybox_overlay.png');}
.fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;}
.fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;}
/* Title helper */
.fancybox-title {visibility: hidden;font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position: relative;text-shadow: none;z-index: 8050;}
.fancybox-opened .fancybox-title {visibility: visible;}
.fancybox-title-float-wrap {position: absolute;bottom: 0;right: 50%;margin-bottom: -35px;z-index: 8050;text-align: center;}
.fancybox-title-float-wrap .child {display: inline-block;margin-right: -100%;padding: 2px 20px;background: transparent; /* Fallback for web browsers that doesn't support RGBa */background: rgba(0, 0, 0, 0.8);-webkit-border-radius: 15px;-moz-border-radius: 15px;  border-radius: 15px;text-shadow: 0 1px 2px #222;color: #FFF;font-weight: bold;line-height: 24px;white-space: nowrap;}
.fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;}
.fancybox-title-inside-wrap {padding-top: 10px;}
.fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('images/theme/fancybox_sprite@2x.png');background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/}
#fancybox-loading div {background-image: url('images/theme/fancybox_loading@2x.gif');background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/}
}

@media only screen and ( max-width:1200px )
{
#header_container #header,.orta_container,#alt_banner{ width:980px;}
.bolum_container1{ width:calc(50% - 140px);}
.bolum_container2{ width:calc(50% + 140px);}
}
@media only screen and ( max-width:1024px )
{
html { min-width:100%;}
body {min-width:100%;}
.bolum_container1{ width:calc(50% - 120px);}
.bolum_container2{ width:calc(50% + 120px);}
.bolum_icerik{ position:relative; margin:0px 0; width:320px; padding:40px 30px; text-align:left; height:100%;}
}
@media only screen and ( max-width: 768px )
{
#page_container,/*#main_container,*/#header_container,#header_container #header,#banner_container, .banner,.slider_container,.orta_container,.orta_bolum,.tablo_baslik,.tablo_icerik,.orta_container_full,.orta_container_sol,.orta_container_sag,.form_container,#alt_banner_turkuaz{ width:100%; clear:both; float:none; display:block;}
#header_container .serit{ display:none;}	
#header_container #header{ height:60px;}
#header_container #logo{ display:block; padding:5px; position:absolute; top:0px; left:20px; z-index:10000;}
#header_container #logo img{ height:40px;}
.orta_container{ position:relative; padding:20px; width:auto; clear:both; display:block;}
.tablo_container{ width:100%;}
.tablo_icerik{ margin:-20px 0; padding:0;}
.orta_container_sol{ padding-right:0;}
.orta_container_sag{ padding-left:0px;}

.bolum_container1{ width:50%;}
.bolum_container2{ width:50%;}
.bolum_icerik{ position:relative; margin:0px 0; width:auto; padding:30px; text-align:left; height:100%;}
.bolum_resim{ position:relative; display:inline-block; margin:0; overflow:hidden; width:100%; height:400px;}
.bolum_resim img{ position:absolute; top:0; bottom:0; margin:auto; width:auto;height:100%; transition: all 1s ease-in-out;}

#nav { clear:both; float:none; left:0; height:auto;font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-style:normal;font-size:24px; color:#fff;}
#nav #mobil_menu{ display:block; height:60px;}
#nav #mobil_menu a{ position:absolute;background:url(images/theme/mobile_menu.png) no-repeat; width:32px; height:32px; display:block; right:15px; top:14px;}
#nav ul { clear:both; float:none; height:auto;display:none; padding:0px; background:#a49997;}
#nav li { clear:both; float:none;line-height:40px;height:auto; padding:0px; text-align:left;}	
#nav span {clear:both; float:none; display:block; padding:0 15px 0 15px; line-height:40px; height:auto; background:#a49997; border-bottom:1px rgba(255,255,255,0.1) solid; width:auto;}
#nav li a {display:block; line-height:40px; height:40px; margin:0; padding:0px 0 0 30px; color:#fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}
#nav li ul,#nav li:last-child ul { position:relative; top:auto; left:auto; width:auto; margin:0 -15px;}
#nav li li{ width:auto; }
#nav li a.menu_icon_0,#nav li a.menu_icon_1,#nav li a.menu_icon_2,#nav li a.menu_icon_3,#nav li a.menu_icon_4,#nav li a.menu_icon_5,#nav li a.menu_icon_6{ background:none;}
#nav li span a img{ margin-top:10px;}

#nav li a .menu_1,#nav li:hover a .menu_1{left:0px; top:0px; width:30px; height:30px; overflow:hidden; background: url(images/theme/menu_01.png) no-repeat center bottom; background-size:75%}
#nav li a .menu_2,#nav li:hover a .menu_2{left:0px; top:0px; width:30px; height:30px; overflow:hidden; background: url(images/theme/menu_02.png) no-repeat center bottom; background-size:75%}
#nav li a .menu_3,#nav li:hover a .menu_3{left:0px; top:0px; width:30px; height:30px; overflow:hidden; background: url(images/theme/menu_03.png) no-repeat center bottom; background-size:75%}
#nav li a .menu_4,#nav li:hover a .menu_4{left:0px; top:0px; width:30px; height:30px; overflow:hidden; background: url(images/theme/menu_04.png) no-repeat center bottom; background-size:75%}
#nav li a .menu_5,#nav li:hover a .menu_5{left:0px; top:0px; width:30px; height:30px; overflow:hidden; background: url(images/theme/menu_05.png) no-repeat center bottom; background-size:75%}
#nav li a .menu_6,#nav li:hover a .menu_6{left:0px; top:0px; width:30px; height:30px; overflow:hidden; background: url(images/theme/menu_06.png) no-repeat center bottom; background-size:75%}
#nav li a .menu_7,#nav li:hover a .menu_7{left:0px; top:0px; width:30px; height:30px; overflow:hidden; background: url(images/theme/menu_07.png) no-repeat center bottom; background-size:75%}
#nav li a .menu_8,#nav li:hover a .menu_8{left:0px; top:0px; width:30px; height:30px; overflow:hidden; background: url(images/theme/menu_08.png) no-repeat center bottom; background-size:75%}

#anasayfa_galeri{ width:100%; overflow:hidden; white-space:normal;}
#anasayfa_galeri .foto{width:33.333333%;}
.urun_seri{ position:relative; float:left; width:calc(50% - 40px); height:auto; margin:20px;}
.urun_seri .urun_seri_icerik{ position:relative; width:calc(100% - 140px ); height:130px; float:left;}

#sayfa_galeri_container { display: inline-block; position:relative; margin:20px 0;width:100%;}
#sayfa_galeri{	list-style:none; float:left; width:auto; margin:-10px; padding:0px;}
#sayfa_galeri .foto{  width:calc(33.33333% - 40px);}
#sayfa_galeri .foto img{ width:100%;}

.iletisim,.form_container{ position:relative; display:inline-block; margin:30px 0; float:none; width:100%;}
.form_container .form_baslik{ width:130px;}
.form_container .form_nesne{ width: calc(100% - 130px);}
.form_container label{ display:inline-block;}
/*.alt_banner_bolum{ width:auto; clear:both; float:none; display:block;}*/
#alt_banner{  clear:both; width:calc(100% - 40px);}
#alt_banner_turkuaz{ padding:0px; width:auto;}
#alt_banner .bolum,#alt_banner .bolum1,#alt_banner .bolum2{ width:50%; margin-bottom:20px; float:left;}
}
@media only screen and ( max-width: 500px )
{
.bolum_container1{ width:100%;}
.bolum_container2{ width:100%;}
.bolum_resim{ position:relative; display:inline-block; margin:0; overflow:hidden; width:100%; height:250px;}
.bolum_sol .text{  position: absolute;  left: 85%; top: 120%; right: 0px; bottom: 0px; margin: auto; display:inline-block; width: auto; height: auto; padding:0px; font-family: 'Alegreya SC', serif; font-weight:400; font-style:normal; font-size:35px; color:#4f3a33; text-align:center; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);}
.bolum_sag .text{  position: absolute;  right: 95%; top: 120%; left: 0px; bottom: 0px; margin: auto; display:inline-block; width: auto; height: auto; padding:0px; font-family: 'Alegreya SC', serif; font-weight:400; font-style:normal; font-size:35px; color:#4f3a33; text-align:center; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);}
#anasayfa_galeri .foto{width:50%;}
#sayfa_galeri .foto{ margin:10px; width:calc(50% - 20px);}
.urun_seri{ position:relative; float:left; width:calc(100% - 40px); height:auto; margin:20px;}
#alt_banner .bolum,#alt_banner .bolum1,#alt_banner .bolum2{ width:100%; margin-bottom:20px; clear:both;}
}
@media only screen and ( max-width: 360px )
{

}