@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; /*-webkit-backface-visibility:hidden; /*winXP-chrome çirkin font düzeltmesi, dikkat efektlerde sorun çıkarabilir*/  }
html,body { min-height:100%;}

body { font-size:15px; line-height:1.8em; background:#fff; font-family:'pt_sansregular', sans-serif; /*font-family: Arial, Helvetica, sans-serif;*/ /*background:url(../img/body_bg.jpg) center top no-repeat #fff;*/ /*margin-left:1px; /*margin-left; bg and margin center için düzeltme*/ color:#6F6F6F; position:relative; }

/*body:before {
    content: "";
    background: url(../../../icerik/images/pageimages/pusula2.jpg) center 120px no-repeat;
		background-size:1500px;
    opacity: 0.08;
    width: 100%;
    height: 100%;
    display: block;
		position:absolute;
}*/

a { text-decoration:none; /*color:#C03441;*/ color:#169480;}
a:hover { color:#A32929;/*#7F2B39;*/ }
img {border:none;}
input {font-size:12px;}
.vurgurenk {color:#ED8925;}

blockquote {font-weight: bold; font-style: italic; font-size: 1.1em; padding: 5px 10px; color: #7d6f50;}

ul {padding-left: 20px;}

#ie6alert {background:#F8F380; color:red; width:360px; padding:10px; margin-left:-180px; font-size:14px; text-align:center; border:1px solid red; position:absolute; top:50px; left:50%; z-index:10;}
#ie6alert a { color:blue;}

/*genel class lar*/
.nimgBL{float:left; border:1px solid #999; padding:3px; margin:0 5px 5px 0;}
.nimgBR{float:right; border:1px solid #999; padding:3px; margin:0 0 5px 5px;}
.nimgB{ border:1px solid #999; padding:3px;}
.hrule1 {background:#DDD; height:1px; margin-bottom:15px;}
.hrule2 {background:#FC9; height:2px; margin-bottom:20px;}
.hrulealt1 {background:#333; height:1px; margin-bottom:5px;}
a.linktip1 { color:#F0D914;}
a.linktip1:hover {color:#FFF;}
.btn1 { display:inline-block; cursor:pointer; line-height: normal; font-family:'pt_sansregular', sans; font-size:18px; border: 1px solid #b1b1b1; border-width: 0 1px 1px 0; /*border-radius:12px;*/ color:#eee; background: #d59c3e; background:linear-gradient(to bottom, #c0af8b 0%,#7D6F50 100%); padding: 10px 40px; text-align: center; min-width: 100px;}
.btn1:hover {background: #111; /*background:linear-gradient(to bottom, #E6BB00 0%,#FFDE4D 100%);*/ color:#eee;}
p.baslik { min-height: 30px; line-height: 30px; /*padding:0 15px;*/ color:#666; text-align: left; font-weight: bold; /*border-left: 3px solid #D0BA20; border-right: 3px solid #74C7CE;*/ border-bottom: 1px solid #ddd; /*border-top: 1px solid #eee; background:#FFF; border-radius:6px;*/}
.itt1 { width: 100%; box-sizing: border-box; padding: 8px; border-radius:5px; border: 1px solid #aaa; /*background: #ffe;*/ }
.its1 { display:inline-block; cursor:pointer; min-width: 100px; /*background: #90b023; */ background: #fdf3cb; border: 1px solid #999; /*border-radius:12px;*/ font-family:'pt_sansregular', sans; font-size:18px; font-weight: bold; padding:10px 20px;}

:root {--headerheight:100px;}

a#enustegit { position:fixed; right:10px; top:120px; z-index:10; display:none; width:50px; height:50px;  background:url(../img/uparrow_icon.png) center no-repeat;} 

a#benihaberdaret {display:block; position:fixed; width:40px; height:190px; right:-5px; top:200px; background:#CCC; z-index: 10; }
a#benihaberdaret:hover { right:0;}

a#sagfacebook {display:block; position:fixed; width:32px; height:32px; right:-3px; top:400px; background:url(../img/social32x32/facebook_hover.png) left top no-repeat; border:3px solid #CCC; z-index: 10; }
a#sagfacebook:hover { right:5px;}
a#sagtwitter {display:block; position:fixed; width:32px; height:32px; right:-3px; top:440px; background:url(../img/social32x32/twitter_hover.png) left top no-repeat; border:3px solid #CCC; z-index: 10;}
a#sagtwitter:hover { right:5px;}
a#saggplus {display:block; position:fixed; width:32px; height:32px; right:-3px; top:480px; background:url(../img/social32x32/google2_hover.png) left top no-repeat; border:3px solid #CCC; z-index: 10;}
a#saggplus:hover { right:5px;}
a#sagpinterest {display:block; position:fixed; width:32px; height:32px; right:-3px; top:520px; background:url(../img/social32x32/pinterest_hover.png) left top no-repeat; border:3px solid #CCC; z-index: 10;}
a#sagpinterest:hover { right:5px;}

.sosyal_kutu {}
.sosyal_kutu a { display:block; float:left; margin:0 5px 5px 0; border:2px solid #EEE; padding:1px;}
.sosyal_kutu a:hover { border:2px solid #FC0;}
.sosyal_kutu a img {}

#headerwrp { min-width: 1100px; position:relative; /*background: url(../img/rainbow_lines.png) center top no-repeat #fff; /*linear-gradient(to bottom, #2753AC,#152960);*/ border-bottom: 1px solid #ccc; border-top:6px solid #7D6F50; background: #eee; background-size: 100% 6px; z-index:2; }
#header { width:1100px; margin:0 auto; padding:0px; height:var(--headerheight);  position:relative; z-index:12; /*background:linear-gradient(to bottom, #FFF 45%, rgba(255,255,255,0));*/ }
/*#headerwrp:before {
    content: "";
    background: url(../../../icerik/images/styleimg/header_bg1.png) center 20px no-repeat;
		background-size:1920px;
    opacity: 0.08;
    width: 100%;
    height: 100%;
    display: block;
		position:absolute;
}*/

#logo { background:url(../../../icerik/images/styleimg/logo.png) center no-repeat; background-size:contain; width:175px; height:50px; position: absolute; z-index: 13; left:0px; bottom:38px; cursor:pointer; border-radius:8px; }
#logo:hover { opacity:0.9; /*transform: scale(1.02);*/}
#toplang {position:absolute; top:70px; right:40px; z-index:13; }
#toplang select { position:relative; background:none; background: blanchedalmond; width:70px; padding:2px; line-height: 25px; color: #7D6F50; border: 1px dashed #7D6F50; border-radius: 6px; z-index:2; }
#toplang span.select{ position:absolute; bottom:0; float:left; left:0; width:120px; height:25px; line-height:25px; text-indent:5px; cursor:default; z-index:1; background: url(../img/search_lang_btns.png) 100px 0px no-repeat; color: #ccc; }
#toplang select option { background:#eee;}
#toplang a { position:relative; display:inline-block; background: url(../img/flags_sprite_22n3.png) 100px 0px no-repeat; border: none; text-align:center; box-sizing:border-box; width:22px; height:22px; line-height:22px; font-size: 1px; color:#512305; }
#toplang a:hover {/*background-color:#502304; color:#fef6e1;*/ filter: brightness(1.2); }
#toplang .flag_tr {background-position:0px 0px;}
#toplang .flag_en {background-position:-25px 0px;}
#toplang .flag_de {background-position:-50px 0px;}
#toplang .flag_ru {background-position:-75px 0px;}
#toplang .flag_es {background-position:-100px 0px;}

#topcur {position: absolute; top: 70px; /*left: 50%;*/ right:115px; z-index: 13; }
#topcur select {/*background: rgb(0 0 0 / 20%);*/ background:none; border: 1px dashed #999; border-radius: 6px; color: #666; font-size: 12px; padding: 3px 2px;}
#topcur select option {background:#eee; }

#topsocial { position:absolute; top:16px; left:845px; display:block; z-index: 13;}
#topsocial a { position:relative; display:inline-block; font-family:"ElegantIcons"; color:#bb8b3c; /*background-color:#bb8b3c; /*background:url(../img/social_icons.png) no-repeat; background-size:66px;*/ font-size:16px; width:1.1em; height:1.1em; /*padding: 1px 0 0 6px; box-sizing: border-box;*/ border-radius: 100%; /* margin-bottom: 5px; */ line-height: 1.8em;  vertical-align: top; filter: contrast(0.6); /*text-shadow: 4px 4px 20px rgba(0, 0, 0, 0.30);*/ }
#topsocial a:hover {/*background-position-y:-40px;*/ filter: brightness(1.1); /*color:#C03441;*/ }
#topsocial .social_fb {background-position:0px 0px; color: #5D82D1;}
#topsocial .social_tw {background-position:-44px 0px; color: #40BFF5;}
#topsocial .social_in {background-position:-44px 0px; color: #FF3C8B;}
#topsocial a.social_fb:before { content: "\e093"; }
#topsocial a.social_tw:before { content: "\e094"; }
#topsocial a.social_in:before { /*content: "\e09a";*/ content: " ";background:url(../img/icon_instagram.png) no-repeat; width: 100%; height: 100%; display: inline-block; background-size: contain;}
#topsocial a.social_ta:before { content: "\e128"; }

/* dikey */
/*#topsocial { top: 15px; }
#topsocial a { display: block; margin-bottom: 5px; padding: 1px 0 0 5px; font-size: 13px; }*/

/*
#topsocial { display:block; position:absolute; bottom:35px; right:0px; text-align: center;}
#topsocial a { position:relative; display:inline-block; font-family:"ElegantIcons"; color:#111; width:40px; height:40px; padding: 11px 0 0 0px; vertical-align: top; transition:height 0.2s; margin-left:10px; font-size: 16px; line-height: 16px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); background:none !important;}
#topsocial a i { position: absolute; width: 14px; height: 14px; border: 1px solid #111; }
#topsocial a i:nth-child(1) { top: 0; left: 0; border-width: 1px 0 0 1px; }
#topsocial a i:nth-child(2) { top: 0; right: 0; border-width: 1px 1px 0 0; }
#topsocial a i:nth-child(3) { bottom: 0; right: 0; border-width: 0 1px 1px 0; }
#topsocial a i:nth-child(4) { bottom: 0; left: 0; border-width: 0 0 1px 1px; }
#topsocial a:hover i:nth-child(1) { width:100%; }
#topsocial a:hover i:nth-child(2) { height:100%; }
#topsocial a:hover i:nth-child(3) { width:100%; }
#topsocial a:hover i:nth-child(4) { height:100%; }
#topsocial a.social_fb:before { content: "\e093"; color: #5D82D1; }
#topsocial a.social_tw:before { content: "\e094"; color: #40BFF5; }
#topsocial a.social_in:before { content: "\e09a"; color: #FF3C8B; }*/


#topcontact { position:absolute; top:10px; right:660px; display:none; color:#eee/*#C44949*/; width: 140px; font-size: 14px; font-weight: bold;}

/*#topcontact:before { content:" "; display:block; float:left; width:60px; height:60px; background:url(../img/site_icons.png) 12px 13px no-repeat #C44949; margin-right:10px;}*/
#topcontact span { display:inline-block; padding:0 15px;; height:20px; line-height:22px; background:url(../img/contact_icons25x20.png) no-repeat;}
#topcontact span.tel { /*background-position:7px 0px; padding-left:22px;*/}

#topbayilogo {position:absolute; top:28px; right:0; display:block; width: 150px;}

#menubtn {display:none; position:absolute; left:10px; top:44px; width:44px; height:44px; line-height:44px; text-align: center; font-weight:bold; font-size: 12px; background: linear-gradient(to bottom, #d59c3e 0%, #9f7228 100%); border:none; border-radius:50%; color:#eee;  }
#menubtn:before {content:"a"; font-family:"ElegantIcons"; font-size:30px;} 
#menubtn:hover { border:none; background:linear-gradient(to bottom, #9f7228 0%, #d59c3e 100%);}

#header > a.sepetigoster{ display:block; position:absolute; right:0px; top:35px; width:44px; height:44px; line-height:44px; text-align: center; font-size: 12px;  border-radius:50%; color:#925F36; z-index: 14;}
#header > a.sepetigoster:before {content:"\e015"; font-family:"ElegantIcons"; font-size:24px;} 
#header > a.sepetigoster:hover { border:none; color: #d59c3e;}
#header > a.sepetigoster span { position: absolute; right: -4px; top: 0px; display: block; background: #d59c3e /*#c30000*/; color: #eee; border-radius: 10px; font-size: 14px; line-height: 20px; padding: 0 6px; font-weight: normal;}

#toptitle {position: absolute; left: 360px; top: 21px; font-size: 16px; font-style: italic; color: #7D6F50; /* font-weight: bold; */ line-height: 20px; white-space: nowrap; letter-spacing: 1px; text-shadow: 2px 3px 5px #aaaaaa;}
/*#toptitle { position:absolute; left:420px; top:10px; font-size:16px; color:#7D6F50; font-weight: bold; line-height:20px; white-space: nowrap; }
#toptitle i { font-size:14px; color:#333; font-weight: normal;}
#toptitle:before { content: ""; display: inline-block; float:left; background: url(../img/free_delivery_rh40gold.png) center no-repeat; width: 62px; height: 32px; background-size: contain; padding-top:8px; filter: hue-rotate(10deg); }*/
#memberlinks { height:34px; position:absolute; right:0px; top:25px; z-index:14; display:block;     /*letter-spacing: 1px;*/}
#memberlinks > div { margin-bottom:20px; text-align:right;}
#memberlinks > div a { /*background: url(../img/login_ico.png) no-repeat;
padding-left: 22px;*/
color: #eee;
/*font-weight: bold;*/
font-size: 12px;
margin-right: 0px;}
#memberlinks > div > a:before, #memberlinks .mbaslik:before {display:inline-block; font-family: "ElegantIcons"; font-size:14px; font-weight: normal; padding-right: 5px; color: #d59c3e; }
#memberlinks > div > a:nth-child(1):before {content:"\e101"; }
#memberlinks > div > a:nth-child(2):before {content:"\e000"; }
#memberlinks > div > a:nth-child(3):before {content:"\e030"; }
#memberlinks > div a:hover {color:#BB8B3C; /*text-shadow: 0px 0px 6px #000;*/}
#memberlinks > div .uyead { color:#eee; font-size:12px; margin-left:10px; margin-right: 10px; letter-spacing: normal; max-width:200px; overflow:hidden; display:inline-block; white-space: pre; text-overflow: ellipsis; vertical-align: top; }
#memberlinks .menuwrp {display: inline-block; margin-right:10px; height: 30px; position: relative;}
#memberlinks .mbaslik {height: 100%; display: block; cursor: pointer; height: 30px; /*background: url(../img/login_ico.png) no-repeat; padding-left:22px;*/ color: #d59c3e; font-size: 12px; z-index: 2; position: relative; -webkit-transition: border-radius .1s linear, background .1s linear, z-index 0s linear; z-index: 0; -webkit-transition-delay: .8s; text-align: center;}
#memberlinks .mbaslik:before {content: "\e037";}
#memberlinks .menuwrp:hover .mbaslik { color:#BB8B3C; /*text-shadow: 0px 0px 6px #000; -webkit-transition-delay: 0s, 0s, 0s;*/}
/*#memberlinks .mliste:hover ~ .mbaslik { z-index: 0; }*/
#memberlinks .mliste {position: absolute; top: 0; display: block; z-index: 1; height: 0; min-width: 100%; padding-top: 30px; overflow: hidden; -webkit-transition: height .5s ease; -webkit-transition-delay: .4s;  }
#memberlinks .menuwrp:active .mliste { height: 123px; z-index: 3; -webkit-transition-delay: 0s; }
#memberlinks .mliste:hover { height: 95px; z-index: 3; -webkit-transition-delay: 0s; }
#memberlinks .mliste ul {background: #333; border: 1px solid #ddd; border-left: 2px solid #ddd; margin: 0; padding: 0; overflow: hidden; height: 100%; box-sizing: border-box;}
#memberlinks .mliste li {list-style: none; text-align: left; color: #888; font-size: 14px; line-height: 30px; height: 30px; border-top: 1px solid #ddd;}
#memberlinks .mliste li a { display:block; white-space: nowrap; background:none; padding:0 10px; margin:0;}
#memberlinks .mliste li a:hover {background: #BB8B3C; color: #333; }
#memberlinks .mliste li a:before { /*content: "-"; font-size: 20px;*/ content: "\2022"; font-size: 16px; font-weight: normal; color: #d59c3e; display: inline-block; padding-right: 5px; vertical-align: top; }
#memberlinks .mliste li a:hover:before {color:#eee;}
#memberlinks .mliste li:last-of-type {}
/* üstteki menu sorun çıkarırsa bu temiz versiyonu kullan (:focus tipi): http://koen.kivits.com/articles/pure-css-menu/ */

#searchbar { display:none; position:absolute; top:6px; right:10px; /*width:365px;*/ height:25px; text-align:right; margin-top: 10px; z-index:13;}
#searchbar select{
display: none;
background: linear-gradient(to bottom, #fff 0%,#ddd 100%);
color:#666;
border: 1px solid #444;
border-radius: 4px 0 0 4px;
height: 32px;
line-height: 32px;
max-width:160px;
}
#searchbar input[type=text]{
color: #6F6F6F;
box-sizing:border-box;
width: 140px;
height: 28px;
line-height: 28px;
background: #FFF;
border: 1px solid #aaa;
/*border-left: none;*/
border-right: none;
padding: 0 5px;
/*transition: width 0.2s;*/
border-radius: 4px 0 0 4px;
outline-color: #589BC5;
outline:none;
}
#searchbar input[type=text]:focus{
	/*width:320px;*/
}
#searchbar input[type=submit]{
vertical-align: top;
height: 28px; /*buttonda border boyutun içindedir*/
width: 28px;
padding:0;
cursor: pointer;
background: #7D6F50;/*linear-gradient(to bottom, #FFDE4D 0%,#E6BB00 100%);*/
color:#EEE;
border: 1px solid #aaa;
border-left: none;
border-radius: 0 4px 4px 0;
/*box-shadow: inset 0px 0px 10px 0px #ccc;*/
font-family:"ElegantIcons";
font-size: 14px;
font-weight: bold;
}
#searchbar input[type=submit]:hover {background-color:#d59c3e; /*background:linear-gradient(to bottom, #e6bb00 0%,#ffde4d 100%);*/ font-size:16px; }

#header a.dil_en { background:url(../img/flag_en.png) no-repeat; padding-left:28px;}
#header a.dil_tr { background:url(../img/flag_tr.png) no-repeat; padding-left:28px;}



#headermenubg { display:block; position:absolute; left:0; right:0; bottom:0px; width:100%; height:38px; background:#eee; /* Old browsers */ /*background: linear-gradient(to bottom, rgba(67,75,86,1) 0%,rgba(43,48,56,1) 50%,rgba(36,41,48,1) 100%);*/ /*background:url(../img/header_bg1.jpg) center bottom no-repeat #000;*/ border-top:1px solid #ddd;}
#headermenubg:after {content:""; display:none; position:absolute; left:0; right:0; bottom:0px; height:40px; background: linear-gradient(to bottom, #FFDE4D 0%,#E6BB00 100%);}

/*.navtop { display:block; position:absolute; top:-30px; left:0; width:100%; height:30px; z-index:12; /*background:url(../img/menu_bg.png) right center no-repeat* /; }

.navtop ul { list-style:none; padding:0px; text-align:center; /*margin-right:-20px;* / font-size:0.01px; }
.navtop ul:after { content:""; width:100%; display:inline-block;}

.navtop ul li { display:inline-block; max-width:300px; /*position:relative;* / white-space:nowrap;}

.navtop ul li:hover {}

.navtop ul li a { color:#eee; /*color:#015256;* / font-size:14px; display:block; box-sizing:border-box; height:30px; line-height:30px; padding:0 14px; /*text-transform: uppercase; text-shadow: 4px 4px 20px rgba(0, 0, 0, 0.30); /*text-shadow: rgb(255, 255, 255) 0px 0px 1px, rgb(255, 255, 255) 0px 0px 1px; /*transition: background 0.2s;* / }

.navtop ul li a:before {content:"•"; display:none; color: #7D6F50; padding-right: 5px; font-size: 30px; vertical-align: top;}

/*.navtop {bottom:35px;}
.navtop ul li {position:relative; margin:15px;}
.navtop ul li a { color:#8E0300; font-size:16px; font-weight: normal; display:block; box-sizing:border-box; height:32px; line-height:32px; padding:0 10px !important; text-shadow: rgb(255, 255, 255) 0px 0px 1px, rgb(255, 255, 255) 0px 0px 1px; /*transition: background 0.2s;* / }
.navtop > ul > li > p { display:none !important;}
.navtop ul li i { position: absolute; width: 8px; height: 7px; border: 1px solid #8E0300; }
.navtop ul li i:nth-child(3) { top: 0; left: 0; border-width: 1px 0 0 1px; }
.navtop ul li i:nth-child(4) { top: 0; right: 0; border-width: 1px 1px 0 0; }
.navtop ul li i:nth-child(5) { bottom: 0; right: 0; border-width: 0 1px 1px 0; }
.navtop ul li i:nth-child(6) { bottom: 0; left: 0; border-width: 0 0 1px 1px; }* /

.navtop ul li:hover a {}

.navtop ul li a:hover { color: #7D6F50; font-weight: bold; text-shadow:none; }

.navtop ul li a.current {border-bottom:5px solid #7D6F50;}

.navtop > ul > li > p { display:none; width:0px; height:14px; position:absolute; /*left:0;* / top:50%; margin-top:-7px; border-left:1px solid #CCC;}

.navtop > ul > li:first-child > p { display:none;}

.navtop > ul > li:first-child > a { }

.navtop ul li ul { display:none; position:absolute; top:110%; background:#fff; border: 1px solid #eee; /*border-left:2px solid #FFD71B;* / padding:5px 0; box-shadow:5px 5px 10px -5px #000; text-align:left; white-space: normal;}

.navtop ul li ul:before {content:""; display:block; width:100%; height:15px; position:absolute; top:-15px; left:0px; /*background:url(../img/navtop-ul-arrow.png) 20px 5px no-repeat;* /  }
.navtop ul li ul:after {display:none;}
/*.navtop ul li ul:after {content:""; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #E3D8C0 transparent; position:absolute; top: -10px; right: 0; left: 0; margin: 0 auto;}/*üçgenlik* /

.navtop ul li	ul li { display:block; background:none; border-right:none; height:auto; line-height:17px; overflow:hidden; text-align:left; margin:0; /*width: 275px;* / vertical-align: top; white-space: normal; }

.navtop ul li	ul li:first-child {display:none; border: none; width: 100%; max-width: none; color: #eee; font-size: 18px; padding-left: 25px; box-sizing: border-box; line-height: 50px;}

.navtop ul li ul li p { display:none; float:left;}
.navtop ul li ul li a { font-size:14px; color:#222; font-weight:normal; line-height:inherit; height: auto; padding: 10px 10px 10px 25px; border-bottom: 2px dashed #ddd; text-indent: 0px; text-shadow:none; }
.navtop ul li ul li a:before { display:none; content: "\25B6";/*"\2022"; nokta* / color:#aaa;  padding-right: 8px; font-size: 8px; vertical-align: top; }

.navtop ul li:hover ul li a:hover { /*background-color:#FFD71B; color:#FFD71B;* / color:#EF8000; }
.navtop ul li:hover ul li a:hover:before {color:#FFD71B;}
.navtop ul li:hover ul li a { background:none;  }

.navtop ul li a.sepetigoster {position:relative; bottom:5px; cursor:pointer;  width:30px; height:30px; background:url(../img/productbox_icons.png) 4px -73px no-repeat #6C892E; border-radius:15px; behavior: url(css/iefix/PIE.htc); }

.navtop ul li a.sepetigoster:hover { border:none; background-color:#DA730E;}

.navtop ul li a.sepetigoster span { position:absolute; right: -2px; top: -2px; display: block; background: red; color: #eee; border-radius:7px; font-size: 10px; line-height: 10px; padding:0 2px;}*/

.navtop { display: block; position: absolute; left: 0; right: 0; bottom: 0px; width: 100%; height: 40px; /*background: linear-gradient(to bottom, #FFDE4D 0%,#E6BB00 100%);*/ } 
.navtop ul { padding:0;}
.navtop ul li { list-style: none; }
.navtop ul li a { display:inline-block;}
.navtop > ul { display: flex; justify-content: center;} 
.navtop > ul > li { } 
.navtop > ul > li > a {display:block; color: #111; white-space: nowrap; line-height: 40px; font-family: inherit; font-size: 18px; padding:0 12px;}
.navtop > ul > li > a:after { /*content: "C";*/ content: '3'; display: inline-block; font-family: "ElegantIcons"; font-weight: bold; color: #d59c3e; }
.navtop > ul > li > ul { display:none; position:absolute; left:0px; top:100%; background:#000; border: 1px solid #111; /*border-left:2px solid #FFD71B;*/ padding:5px 0; width: 100%; box-shadow:5px 5px 10px -5px #000;}
.navtop > ul > li > ul:before {display:none; content:""; width:100%; height:15px; position:absolute; top:-15px; left:0px; }
.navtop > ul > li:hover > a { background:#7D6F50; color:#eee;}
.navtop > ul > li:hover > ul { display:block;}
.navtop > ul > li > ul > li {float: left;}
.navtop > ul > li > ul > li > a { font-size:16px; color:#eee; font-weight:normal; line-height:inherit; height: auto; width:222px; padding: 5px 10px 5px 40px; text-indent: 0px; }
.navtop > ul > li > ul > li > ul > li a { font-size:13px; color:#aaa; font-weight:normal; line-height:inherit; height: auto; padding: 2px 10px 2px 40px; text-indent: -5px; }
.navtop > ul > li > ul > li > ul > li a:before { content: "\25B6";/*"\2022"; nokta*/ color:#aaa; display: inline-block; padding-right: 8px; font-size: 8px; vertical-align: top; }
.navtop > ul > li > ul > li a:hover {color:#FFD71B;}
.navtop > ul > li > ul > li a:hover:before {color:#FFD71B;}


.navcat { display: block; position: absolute; left: 0; right: 0; bottom: 0px; width: 100%; height: 40px; /*background: linear-gradient(to bottom, #FFDE4D 0%,#E6BB00 100%);*/ } 
.navcat ul { padding:0;}
.navcat ul li { list-style: none; }
.navcat ul li a { display:inline-block;}
.navcat > ul { display: flex; justify-content: center;} 
.navcat > ul > li { } 
.navcat > ul > li > a {display:block; color: #111; white-space: nowrap; line-height: 40px; font-family: inherit; font-size: 18px; padding:0 12px;}
.navcat > ul > li > a:after { /*content: "C";*/ content: '3'; display: inline-block; font-family: "ElegantIcons"; font-weight: bold; color: #d59c3e; }
.navcat > ul > li > ul { display:none; position:absolute; left:0px; top:100%; background:#000; border: 1px solid #111; /*border-left:2px solid #FFD71B;*/ padding:5px 0; width: 100%; box-shadow:5px 5px 10px -5px #000;}
.navcat > ul > li > ul:before {display:none; content:""; width:100%; height:15px; position:absolute; top:-15px; left:0px; }
.navcat > ul > li:hover > a { background:#000; color:#eee;}
.navcat > ul > li:hover > ul { display:block;}
.navcat > ul > li > ul > li {float: left;}
.navcat > ul > li > ul > li > a { font-size:16px; color:#eee; font-weight:normal; line-height:inherit; height: auto; width:222px; padding: 5px 10px 5px 40px; text-indent: 0px; }
.navcat > ul > li > ul > li > ul > li a { font-size:13px; color:#aaa; font-weight:normal; line-height:inherit; height: auto; padding: 2px 10px 2px 40px; text-indent: -5px; }
.navcat > ul > li > ul > li > ul > li a:before { content: "\25B6";/*"\2022"; nokta*/ color:#aaa; display: inline-block; padding-right: 8px; font-size: 8px; vertical-align: top; }
.navcat > ul > li > ul > li a:hover {color:#FFD71B;}
.navcat > ul > li > ul > li a:hover:before {color:#FFD71B;}

#headerwrp.fixed { z-index:15; height: var(--headerheight);/*headerın normal yüksekliği ile aynı*/}
#headerwrp.fixed #header { position: fixed; top:-40px; left:0; right: 0; transition: all 1s; }
/*#headerwrp.fixed #header:before {content:""; display: block; position: fixed; left: 0; width: 100%; height: 60px; background:#000; }*/
#headerwrp.fixed #header:after { width: 140px; height: 50px; right: 0; top: 55px; }
#headerwrp.fixed #headermenubg { position: fixed; top:0; display:block; /*background: url(../img/rainbow_lines.png) center top no-repeat #fff;*/ background-size: 100% 6px; background-color:#fff; border-bottom: 1px solid #ccc; opacity:0.9; height: 60px; }
#headerwrp.fixed #logo { height: 50px; width: 150px; bottom:5px; top:auto; background-color:unset; /*background-image:url(../../../icerik/images/styleimg/logo_beyaz.png);*/}
#headerwrp.fixed .navtop { bottom:10px; }
#headerwrp.fixed .navtop ul > li > a { /*font-size:14px;*/}
#headerwrp.fixed #toplang {top:0;}
#headerwrp.fixed #topcur {top:0;}
#headerwrp.fixed #topsocial {bottom: 13px; display:none;}
#headerwrp.fixed #toptitle {display:none;}
#headerwrp.fixed #searchbar {bottom: 17px; display:none; }
#headerwrp.fixed .sepetigoster {top:46px;}
#headerwrp.fixed #menubtn {top:45px;}


#ozelgorsel {position: relative; background-position:center; background-size:cover; height: 600px; width: 100%; max-width: 1100px; margin:-100px auto 20px;}
#ozelgorsel div { position:relative; height:100%;}
#ozelgorsel div h1 { position: absolute; top: 300px; left:0; right: 0; color: #FEFEFE; font-size: 54px; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.9); text-align:center; }
#ozelgorsel div p {position: absolute; top: 400px; left:0; right: 0; color: #FEFEFE; font-size: 20px; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.9); text-align:center;}

#ann_news { background:#DFF0E3;}

.news { /*background:#eee;*/  }

.news div { height:246px; padding:2px; /*border:1px solid #ddd;*/ background:#fff; overflow:hidden; position:relative; }

.news div ul { list-style:none; padding:0; left:0; top:0; position:absolute;  }

.news div ul li { color:#666; text-align:left; padding:5px 0; }

.news div ul li .ntarih { text-align:right; font-size:6px; color:#999; margin-bottom:3px;}

.news div ul li img { float:left; margin:0 5px 0 0; max-width:40px; min-width:0; min-height:0; /* nedense imgloader class ı duyuruda kaldırılmıyor*/}

.news div ul li h3 { color:#666; font-size:13px; margin-bottom:5px; }

.news div ul li h3 a { color:#666; }

.news div ul li h3 a:hover { color:#F90; }

/*.news div ul li h3 span { float:right; font-size:12px; color:#999;}*/

.news div ul li .ndetay { font-size:13px; }
	

.slider { float:left; width:700px; height:250px; /*background:#eee;*/ padding:5px; }
#slider { float:left; width:700px; height:250px; /*background:#eee;*/ padding:5px; }


.havadoviz { border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:5px 0; line-height:25px; height:25px; overflow:hidden; /*background:url(../img/bar_imsak_kur_hava.png);*/}
.havadoviz div { background:url(../img/red_dot.gif) left center no-repeat; margin-left:5px; padding-left:15px; float:left; color:#C00; font-weight:bold; height:25px; line-height:25px;}
.havadoviz span { color:#333; padding:0 5px;}
.havadoviz span.hdsicaklik { color: #C00;}
.havadoviz img.hdresim { vertical-align:middle; height:20px; }

.namazsaatleri { width:370px; text-align:left; }
/*.namazsaatleri span.nsvakitler span{ color: #390;}*/
span.vrenk1{color:#00CC00;}
span.vrenk2{color:#FF0000;}
span.vrenk3{color:#FF9900;}
span.vrenk4{color:#33CCCC;}
span.vrenk5{color:#0000FF;}
span.vrenk6{color:#000000;}

.havadurumu { font-size:18px;}
.havadurumu .hdsehir {color:#CF2D7B;}

.havadurumudmi { text-align:center;}

.dovizkuru ul {  list-style:none; text-align:left; }
.dovizkuru li {padding: 0 0 0 20px; margin-bottom: 10px; background: url(../img/list_style_icon1.png) left center no-repeat #DDD; border-radius:8px; behavior:url(css/iefix/PIE.htc);}
.dovizkuru li .dkdoviz {color:#007AFF; }
.dovizkuru li .dkkur {}



#mainwrp { min-width:1100px; position:relative; /*background:url(../img/bodybg_1px_w1000.png) center repeat-y; background:url(../img/bg_spring1.jpg) center -83px no-repeat;*/ }
#main { min-height:250px; max-width: 1920px; /*width:1100px; eskisi 980 di*/ padding:0px 0px 36px; margin:0 auto; /*overflow:hidden;*/ position:relative; }
/*#main:after { content:""; position:absolute; right:0; bottom:-75px; width:245px; height:202px; background:url(../img/dekoratif.png) no-repeat;}*/
#maininwrp { position:relative; width:auto; margin:0 auto; }
#mainbg { background: url(../../../icerik/images/styleimg/leafnflower_t20.png) left bottom no-repeat; position:absolute; width:100%; height:100%; /*opacity: 0.15;*/ }

/*#sidebarleft { float:left; width:190px; min-height:300px; margin-right:0px; margin-bottom:5px; padding:5px 5px 0 10px; overflow:hidden; position:relative; }

#sidebarright { float:right; width:190px; min-height:300px; margin-bottom:5px; padding:5px 10px 0 5px;  }
*/

#sidebarleftex, #sidebarrightex { display:block;  background:none; position:absolute; width:250px; top:0; bottom:0;}
#sidebarleftex {left:0;}
#sidebarrightex {right:0;}
#sidebarleft, #sidebarright { display:block; background:none; width:250px; min-height:300px; border-bottom:none; position:relative; z-index:2;}
#sidebarleft 	{float:left; margin-right:15px;} 
#sidebarright 	{float:right; margin-left:15px;}
#sidebarleft > div, #sidebarright > div {margin-bottom:20px; line-height:20px;}

/* bosphorus için deneme renkler #EB3237 #169480 */
h1 {font-size:24px; font-weight:normal; font-family:inherit; margin-bottom:20px; color:#666; /*#111;*/ text-align: center; line-height: 1.78em; }
h2 { font-size:24px; line-height: 1.78em; font-weight:normal; font-family:inherit; padding:0; margin:0 0 10px; color:#666; /*color:#FFD71B;*/ text-align:left; }

h1.modS { position:relative; /*display:table;*/ width: 100%; min-height:40px; padding: 1px 0; /*line-height:40px; /*padding:0 15px;*/ /*text-align: left;*/ border-bottom: 2px solid #ddd; text-transform: uppercase; /*text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);*/ /*border-left: 10px solid #FFD71B; border-radius: 16px; border-bottom: 2px dashed #ccc; /*border-left: 3px solid #3594c5; border-right: 3px solid #3594c5; border-bottom: 1px solid #ddd; border-top: 1px solid #eee; background:#FFF; border-radius:6px;*/ /*background: url(../img/solbaslik_bg.png) left center no-repeat; background-size: cover;*/}
h1.modS:before { content: ""; display: inline-block; margin: 0 auto -4px; height: 32px; width: 58px; background: url(../../../icerik/images/styleimg/list_dot_leafnflower_50.png) no-repeat; background-size: contain; }
h1.modS:after { content: ""; display: none; position: absolute; bottom: 0px; left: 0; right: 0; margin: 0 auto; background-color: #EF8000; height: 6px; width: 150px; }
h1.modS span {position: relative; /*display:table-cell; vertical-align: middle; font-family: inherit; padding: 0 20px;*/ }
/*h1.modS span:before, h1.modS span:after { content: ""; position: absolute; height: 1px; background:#D2C6BE; top: 40%; width: 800px; /*border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; *//* } */
/*h1.modS span:before { right: 100%; margin-right: 15px; }
h1.modS span:after {   left: 100%; margin-left: 15px; }	*/
h1.modS a { color:#C44949; /* #565F00 maia için olabilir*/ }
h1.modS a:nth-child(n+2):before {content:">"; padding:0 6px; color:#BBB;}
h1.modS a:hover {color:#A32929;}
h1 a.secili, h1 a:hover {/*border-bottom: 5px solid #DA730E;*/ }

h1.modUD:before { content: ""; display: inline-block; margin: 0 auto -4px; height: 32px; width: 58px; background: url(../../../icerik/images/styleimg/list_dot_leafnflower_50.png) no-repeat; background-size: contain; }

h2.modS { position:relative; /*color:#2e1705;*/ /* text-align: center; */ border-bottom: 2px solid #ddd; text-transform: uppercase; }
/*hr.modS {content:""; width:100%; height:60px; display:block; background: url(../img/paper_torn.png) center top no-repeat; opacity: 0.8; border: none;}*/
h2.modS:before { content: ""; display: inline-block; margin: 0 auto; height: 34px; width: 35px; background: url(../../../icerik/images/styleimg/list_dot_flower_50.png) no-repeat; background-size: contain; }
h2.modS:after { content: ""; display: none; position: absolute; bottom: 0px; left: 0; right: 0; margin: 0 auto; background-color: #EF8000; height: 6px; width: 150px; }
h2.modS span {/*border-bottom: 4px solid #DA730E;*/ font-family: inherit;}
/*
h2.modS.decor { background:url(../img/hmotif1.png) top right no-repeat #fff; color:#900; height:32px; padding:0 100px 0 5px; border:none; position:relative; }
h2.modS.decor span {position: absolute; bottom: 0; width:85px; }
*/

h3.modS { height: 32px; line-height: 32px; padding: 0 8px; font-size: 15px; font-weight: bold; border-radius: 6px; /*background-image: linear-gradient(to bottom, #FFDE4D 0%,#E6BB00 100%);*/ background-color: #F8B133; color:#333; text-align:center; margin-bottom: 10px; }

#baslikarkaplani {margin: 0px auto 50px; color:#FFF; text-shadow: 2px 2px 2px #000000; height:400px; display: flex; align-items: center; }
#baslikarkaplani div {}
#baslikarkaplani h1 { color:#FFF;width: 100%; text-align: center;}
#baslikarkaplani p {  margin:0 auto; width: 60%; text-align: center; font-size: 18px; line-height: 1.67em;}

.ayrac10 { height:10px;}
.ayrac20 { height:20px;}
.ayrac30 { height:30px;}
.ayrac40 { height:40px;}


.navleft { list-style:none; min-height:0px; margin:-5px; padding:0px; /*border:1px solid #ddd;*/ position:relative; text-transform:capitalize; }

.navleft li{ margin:0; text-align:left; color:#86A614; padding:0; position:relative; }

.navleft li a { display:block; color:#222;  /*padding-left:41px; text-indent: -41px;*/ font-size: 16px; line-height: 40px;/*background:url(../img/list_dot1.png) left center no-repeat;*/ }

.navleft li:not(.geridon) a:before	{content: /*"\25B6"*/""; color: #FFD71B; display: inline-block; margin: 0 6px 0px; font-size: 16px; /* background: linear-gradient(135deg, #2753AC,#152960); * / border-radius: 10px;*/ /*border: 3px solid #C79282;*/ width: 12px; height: 12px; background: url(../../../icerik/images/styleimg/list_dot_flower_50.png) no-repeat; background-size: contain; transform: rotate(45deg); transition: transform 0.2s; }

.navleft li.geridon a {border-top:1px solid #ddd; color:#aaa; text-align:center;}
.navleft li.geridon a:before {content: "\25C0"; padding-right:5px;}

.navleft li a:hover, .navleft li.secili > a { color:#EF8000; font-weight:bold; /*background-color: #C79282;*/}

.navleft li:not(.geridon) a:hover:before, .navleft li.secili a:before {/*color:#eee; border-color: #eee;*/ transform: rotate(45deg) scale(1.5); }

.navleft li p { display:none; position:absolute; right:5px; top:0; width:11px; height:100%; color:#009821; background:url(../img/sign_down.png) center no-repeat; }

.navleft li ul { list-style:none; padding:0px; /*display:none;*/}

.navleft li ul li { border:none; }

.navleft li ul li a { background:url(../img/list_dot2.png) 12px center no-repeat; background-size: 5px; padding-left:27px; }

.navleft li ul li a:hover { }

.urunkat a.tumkategoriler { display: block; border-top: 1px solid #DDD; padding-top: 5px; margin-top: 5px; text-align: center; }


.sidemodul { min-height:20px; /*border: 1px solid #333; border-radius: 6px;*/ /*background-color:#FFF;*/  color: #EEE; }
.sidemodul h3.modS {height: 40px; line-height: 40px; padding:0 8px; font-size: 12px; font-weight:bold; border-radius:6px; /*background-color:#C44949;*/ background-image: linear-gradient(to bottom, #FFDE4D 0%,#E6BB00 100%); color:#111; margin-bottom:0; /*background:url(../img/solbaslik_bg.png) left center no-repeat; margin-bottom:10px; color: #055059;*/ }
.sidemodul h4 {height: 20px; line-height: 20px; padding:5px; text-align: center; font-size: 12px; margin-bottom:5px; }
.sidemodul .sidecont { padding:5px; border:1px solid #DDD; border-radius:6px; overflow:hidden; background: rgba(255,255,255,0.8); }
.sidemodul a { color:#055059;}
.sidemodul a:hover { color:#C00;}
.sidemodul ul.dotted li {padding: 0 0 0 20px; margin-bottom: 10px; background:url(../img/listdot_blue_15px.png) left center no-repeat; border-radius:8px; behavior:url(css/iefix/PIE.htc); }
.sidemodul ul.dotted li p {display:none;}
.sidemodul ul.dotted li a { font-size:12px;}

.sidemodul h3.modS:before {content:""; display:block; float:right; width:50px; background:url(../img/site_icons.png) 100px no-repeat; height:100%; border-left:1px solid #FFF; display:none; margin-right:-5px;}
/*.sidemodul.gununresmi h3.modS:before{display:block; background-position:center 5px;}
.sidemodul.duyuru h3.modS:before{display:block; background-position:center -297px;}
.sidemodul.takvimim h3.modS:before{display:block; background-position:center -200px;}
.sidemodul.havadurumu h3.modS:before{display:block; background-position:center -195px; padding:0 5px;}
.sidemodul.anket h3.modS:before{display:block; background-position:center -700px;}
.sidemodul.yazar h3.modS:before{display:block; background-position:center -800px;}
.sidemodul.markalar h3.modS:before{display:block; background-position:center -80px;}
*/
	.sidemodul.markalar .sidecont { padding:0;}
	.sidemodul.markalar .sidecont ul{ padding:0; border-top:1px solid #DDAEA5; list-style:none; border-bottom:1px solid #DDAEA5;}
	.sidemodul.markalar .sidecont ul li {border-left:5px solid #C44949; border-top:1px solid #DDAEA5; }
	.sidemodul.markalar .sidecont ul li:first-child { border-top:none;}
	.sidemodul.markalar .sidecont ul li a { display:block; height:50px; background:url(../img/markalar.png) no-repeat; /*color: #666; padding: 0 20px; line-height: 50px; font-weight: bold; font-size: 18px;*/}
	.sidemodul.markalar .sidecont ul li.altkat { border-top:none;}
	.sidemodul.markalar .sidecont ul li.altkat a { background-image:none; color: #666; padding: 0 20px 0 20px; line-height: 50px; font-weight: bold; font-size: 13px;}
	.sidemodul.markalar .sidecont ul li.altkat a:before {content: "--"; display: inline-block; padding-right: 5px; color: #C44949; font-weight: normal;}
	.sidemodul.markalar .sidecont ul li a:hover { background-color:#FFCBCB;}
	.sidemodul.markalar .sidecont ul li.n1 a { background-position:20px 12px;}
	.sidemodul.markalar .sidecont ul li.n2 a { background-position:20px -82px;}
	.sidemodul.markalar .sidecont ul li.n3 a { background-position:20px -182px;}
	.sidemodul.markalar .sidecont ul li.n4 a { background-position:20px -282px;}
	.sidemodul.markalar .sidecont ul li.n5 a { background-position:20px -382px;}

.sidemodul.havadurumu .sidecont { padding:0;}
.sidemodul.havadurumu .sidecont .aw-widget-current-inner { padding-bottom:0 !important;}
.sidemodul.havadurumu .sidecont .aw-widget-content { border:none !important;}
	
#addmailbar { margin:0px 0 5px; text-align:center;}


#content { float:none; width:auto; min-height:250px; box-sizing:border-box;  margin:0; padding:0 0px; text-align:left; /*color:#88303f;*/ position:relative; z-index:1/*PIE.htc link üzerini kapama sorunu için*/; }

#contentbg { display:none; width: 1011px; height:100%; position:absolute; left: -27px; background:none; overflow:hidden;   /*box-sizing: border-box; border: 1px solid #3A4F63;/*arkaplandan ayırmak için*/ /*box-shadow:0px 0px 60px -10px #111; behavior:url(css/iefix/PIE.htc);*/}
#contentbg:before { content: ""; background: #FFF; position: absolute; top: 600px; bottom:40px; width: 1100px; left: 27px; }

.cont {}

.cont h2 {}

#content img {max-width:100%;}

.sayfanormal { line-height:200%; font-size:15px; overflow:hidden; width: 1100px; min-height:365px; /*background:#fff;*/ margin:0 auto; padding:0px;}
.sayfanormal img { max-width:640px;}
.sayfanormal p { margin-bottom:10px;}
.sayfanormal a {  }
.sayfanormal a:hover {}
.sayfanormal ul {padding-left:20px;}
.sayfanormal ol {padding-left:20px;}
.sayfanormal .ytarih {color:#AAA; margin-bottom:5px;}
.sayfanormal .urundetay {max-width:312px; max-height:468px; float:left;}

.sayfanormal span {}

ul.galeri { list-style:none; padding:0; overflow:hidden; margin-right:-10px;}

ul.galeri li { float:left; margin:0 8px 8px 0; width:168px; height:155px; text-align:center; font-weight:bold; cursor:pointer;}

ul.galeri li img { width:168px; height:126px; /*box-shadow:0px 0px 20px -5px #111; behavior:url(css/iefix/PIE.htc);*/}


ul.video { list-style:none; padding:0; overflow:hidden; margin-right:-10px;}

ul.video li { float:left; margin:0 102px 8px 0; width:225px; height:180px; text-align:center; cursor:pointer;}

ul.video li img { width:225px; height:150px;}


.sayfauyari {text-align:center;}
.sayfauyari .bilgi {display: inline-block; padding: 15px; border: 1px solid #bce8f1; color: #31708f; background-color: #d9edf7;}
.sayfauyari .bilgi:before {content: "i"; display: inline-block; background: #31708f; color: #eee; border-radius: 10px; width: 20px; line-height: 20px; font-size: 14px; font-weight: bold; margin-right: 10px; vertical-align: middle;}

#footerwrp { min-width:1100px; background:/*url(../img/header_bg1.jpg) center bottom no-repeat*/; /*background: linear-gradient(to bottom, #4a4a4a,#000102);*/ background: #eee; border-top: 1px solid #ccc; position:relative; /*border-top:1px solid #171E24;/*nedense bunsuz footertop bozuluyor*/}

/* üste şapka olarak*/
#footertop { /*min-height:40px; background:linear-gradient(to bottom, #FFDE4D 0%,#E6BB00 100%); /*background:url(../img/footer_dikis_ptrn.png) center bottom repeat-x; height:3px; padding-top:20px;*/}
/*alta desen*/
#footerbtm { display:none; /*background: url(../img/footer_dikis_ptrn.png) center repeat-x; width: 100%; height: 3px; position: absolute; bottom: 90px;*/}

#footer { margin:auto; max-width:1100px; margin:0 auto; color:#333; font-size:14px; padding:15px 0 0px; border-top: 2px solid #ddd; position:relative; }

/*#footer ul { margin:auto; padding:0; text-align:center; margin-bottom:5px; overflow:hidden;}

#footer ul li { list-style:none; margin-right:0px; display:inline-block; font-size:14px; position:relative; padding:0 12px;  }

#footer ul li p { display:none; width: 0px; height: 20px; position: absolute; left: 0; top: 50%; margin-top: -10px; border-left: 1px solid #6F6F6F;}

#footer ul li:first-child { /*padding-left:0;* /}

#footer ul li:first-child p { display:none;}

#footer ul li a {color:#eee;}

#footer ul li a:hover { color:#ffd71b; }*/

#footer div.footerimg { /*border-top:1px solid #ddd;*/ margin-top:25px;}
#footer div.footerimg:before {content:""; /*tek elemanı ortalayabilmek için*/}
#footer div.footerimg img { vertical-align:middle; }

#footer .baslik { /*font-family:"Oswald";*/ border: none; background: none; /*color: #eee;*/ font-size: 15px; padding: 0 12px 5px; line-height: 20px; min-height: auto; }

#footer .navbtm { min-height:40px; line-height:24px; float:right; margin-right: 70px; /*min-width:22%; /*margin: 20px; padding-right:135px;*/ }
#footer .navbtm > ul { min-width: 25%; margin:auto; padding:0; text-align:center; margin-bottom:5px; overflow:hidden; }
#footer .navbtm ul li { list-style:none; white-space: nowrap; margin-right:0px; /*display:inline-block;*/ font-size:14px; position:relative; padding:0 12px;  }
#footer .navbtm ul li p { display:none; width: 0px; height: 20px; position: absolute; left: 0; top: 50%; margin-top: -10px; border-left: 1px solid #6F6F6F;}
#footer .navbtm ul li:first-child { /*padding-left:0;*/}
#footer .navbtm ul li:first-child p { display:none;}
#footer .navbtm ul li a {color:#333;}
#footer .navbtm ul li a:hover { /*color:#ffd71b;*/ text-decoration:underline; }
#footer .navbtm > ul > li ul { display:none;}
/* bu kısım iconlu linkler için normal de kullanmıyorum */
/*
#footer .navbtm > ul:after { content: ""; width: 100%; display: inline-block; }

#footer .navbtm > ul > li { font-size: 20px; text-align:center; vertical-align: top; }
#footer .navbtm > ul > li > p { display:block; height:60px; background:url(../img/footer_link_icons.png) 0 -100px no-repeat; }
#footer .navbtm > ul > li:nth-child(1) p { background-position:center 0; }
#footer .navbtm > ul > li:nth-child(2) p { background-position:center -90px; }
#footer .navbtm > ul > li:nth-child(3) p { background-position:center -200px; }
#footer .navbtm > ul > li:nth-child(4) p { background-position:center -295px; }
#footer .navbtm > ul > li:nth-child(5) p { background-position:center -397px; }
#footer .navbtm > ul > li:nth-child(6) p { background-position:center -500px; }
#footer .navbtm > ul > li > a { border-bottom: 1px solid #EEE;}
#footer .navbtm ul li a:hover { color:#d68f51; text-decoration:none;}
#footer .navbtm ul li a.pasif { color:inherit;}
#footer .navbtm > ul > li ul { margin-top:15px; line-height:20px;}
#footer .navbtm > ul > li ul li { display:list-item; font-size: 13px; color:#fff; text-align:left;}
#footer .navbtm > ul > li ul li a:before {content:"•"; padding-right:5px;}
*/
/* iconlu link sonu */

.frekans { line-height:30px; height: 30px; font-size: 12px;  text-align:center; margin-top:10px; /*color:#FFF4BD;*/ clear:both; border-top: 1px dashed #ccc; padding-top: 5px;}
.frekans a { color: #444; /*color:#ED1C24;*/ background: url(../img/frekans_icon_h20.png?) right center no-repeat; display:inline-block; line-height:20px; height:20px; padding-right:44px; white-space: pre; overflow:hidden; text-indent: -65px; filter: grayscale(1); /*transition: text-indent 0.1s;*/}
.frekans a:hover { text-indent: 0; filter: grayscale(0); }

#footer .footerkutu1 { text-align:center; float:left; margin-right: 75px; }
#footer .footerkutu1 img {max-width: 150px; /*filter: grayscale(1);*/ }
#footer .footerkutu1 .baslik {padding:15px 0; }

#footer .footerkutu2 { position:absolute; top:20px; left:25px; width:180px; margin:0 auto; }
#footer .footerkutu2 .baslik { position: absolute; transform: rotate(-90deg); transform-origin: top left; left: -40px; bottom: -55px; width: 100%; }
#footer .footerkutu2 .baslik a {color:#fff; }
#footer .footerkutu2 .baslik a:hover {color:#ffd71b; }
#footer .footerkutu2 > div {margin:0;} 
/* .day bg cornsilk = #fff8dc, .otherm bg #666, .today #702082 */

#footer .footercontact { margin: 20px auto 0px; display:inline-block; }
#footer .footercontact span { display:inline-block; padding:0 20px 0px 5px; height:20px; line-height:20px; /*background:url(../img/contact_icons25x20.png) no-repeat;*/ vertical-align: top;}
#footer .footercontact span:before { font-family:"ElegantIcons"; padding-right: 5px; }
#footer .footercontact span.tel:before { content: "\e090"; }
#footer .footercontact span.gsm:before { content: "\e00b"; }
#footer .footercontact span.faks:before { content: "\e103"; }
#footer .footercontact span.eposta:before { content: "\e010"; }
#footer .footercontact span.adres { padding-left: 20px; text-indent: -20px; white-space: pre; height: auto; width:100%; margin-bottom:17px; }
#footer .footercontact span.adres:before { content: "\e081"; }
#footer .inblock { display:inline-block; vertical-align:top; width:285px;}

/* burayı silebilirim ssil
#btmsocial { display:block; width:113px; position:absolute; top:-13px; right:0px; font-size:0.01px;}
#btmsocial a { position:relative; display:inline-block; background:url(../img/social_icons.png) no-repeat; width:50px; height:90px; vertical-align: top; transition:height 0.2s;}
#btmsocial a:before {content:""; display:block; position:absolute; top:0; left:-13px; border-left: 13px solid transparent;}
#btmsocial a:hover {height:100px;}
#btmsocial .social_fb {background-position:  0px bottom; background-color: #5D82D1; margin-right:10px;}
#btmsocial .social_fb:before {border-bottom: 13px solid #45619C;}
#btmsocial .social_tw {background-position:-100px bottom;  background-color: #40BFF5;}
#btmsocial .social_tw:before {border-bottom: 13px solid #0D688F;}
*/

#btmsocial { display:block; position:absolute; top:120px; right:143px; text-align: center;}
#btmsocial a { position:relative; display:inline-block; font-family:"ElegantIcons"; color:#FF3C8B; width:20px; height:20px; vertical-align: top; transition:height 0.2s; margin-left:10px; font-size: 16px; line-height: 16px; filter:contrast(0.6); /*text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);*/ }
#btmsocial a i { display:none; position: absolute; width: 14px; height: 14px; border: 1px solid #FFF; }
#btmsocial a i:nth-child(1) { top: 0; left: 0; border-width: 1px 0 0 1px; }
#btmsocial a i:nth-child(2) { top: 0; right: 0; border-width: 1px 1px 0 0; }
#btmsocial a i:nth-child(3) { bottom: 0; right: 0; border-width: 0 1px 1px 0; }
#btmsocial a i:nth-child(4) { bottom: 0; left: 0; border-width: 0 0 1px 1px; }
#btmsocial a:hover i:nth-child(1) { width:100%; }
#btmsocial a:hover i:nth-child(2) { height:100%; }
#btmsocial a:hover i:nth-child(3) { width:100%; }
#btmsocial a:hover i:nth-child(4) { height:100%; }
/*#btmsocial a:before {content: ""; display:block; position:absolute; top: 0; left: -13px; border-left: 13px solid transparent;}*/
#btmsocial a:after {content:""; /*display:block; position:absolute; bottom:10px;*/ left:0; right:0; text-align: center;}
#btmsocial a:hover { }
/*#btmsocial a.social_fb { background-color: #5D82D1; }*/
#btmsocial a.social_fb:before  { border-bottom: 13px solid #45619C;}
#btmsocial a.social_fb:after { content: "\e093"; }
/*#btmsocial a.social_tw { background-color: #40BFF5; }*/
#btmsocial a.social_tw:before  { border-bottom: 13px solid #0D688F; }
#btmsocial a.social_tw:after { content: "\e094"; }
/*#btmsocial a.social_in {background-color: #FF3C8B; }*/
#btmsocial a.social_in:before  {border-bottom: 13px solid #8A0037; }
#btmsocial a.social_in:after { /*content: "\e09a";*/ content: " ";background:url(../img/icon_instagram.png) no-repeat; width: 100%; height: 100%; display: inline-block; background-size: contain; }
#btmsocial a.social_ta {background-color: #000; }
#btmsocial a.social_ta:after { content: "\e128"; }

#btmlang {position:absolute; top:151px; right:83px; }
#btmlang select { position:relative; background:none; width:80px; height: 25px; line-height: 25px; color: #333; border-radius:6px; z-index:2; }
#btmlang span.select{ position:absolute; bottom:0; float:left; left:0; width:120px; height:25px; line-height:25px; text-indent:5px; cursor:default; z-index:1; background: url(../img/search_lang_btns.png) 100px 0px no-repeat; color: #ccc; }
#btmlang select option { background:#eee;}

#btmsearchbar { position:absolute; top:45px; right:0px; width:120px; height:42px; text-align:right;}
#btmsearchbar input[type=text]{
color: #ccc;
width: 80px;
height: 25px;
line-height: 25px;
background: none;
border: 1px solid #535A61;
border-right: none;
padding: 0 5px;
/*transition: width 0.2s;*/
/*border-radius: 8px 0 0 8px;*/
outline-color: #589BC5;
outline:none;
/*box-shadow: inset 0px 0px 10px 0px #d61d43;*/
/*behavior: url(css/iefix/PIE.htc);*/
}
#btmsearchbar input[type=submit]{
vertical-align: top;
height: 27px; /*buttonda border boyutun içindedir*/
width: 27px;
padding:0;
cursor: pointer;
background: url(../img/search_lang_btns.png) -25px center no-repeat;
border: 1px solid #535A61;
border-left: none;
/*border-radius: 0 8px 8px 0;*/
/*box-shadow: inset 0px 0px 10px 0px #ccc;*/
behavior: url(css/iefix/PIE.htc);
}


#kategorimenu { overflow:hidden; width:100%; margin-top:35px; text-align:justify; }
#kategorimenu:after {content:""; display:inline-block; width:100%;}
#kategorimenu ul { list-style:none; display:inline-block; vertical-align:top; text-align:left; margin-left:10px;}
#kategorimenu ul:first-child { margin-left:10px;}
#kategorimenu ul li { display:block; line-height:18px; text-indent: -9px;}
#kategorimenu ul li:hover {}
#kategorimenu ul li.anakat { margin:10px 0px; text-indent: 0px;}
#kategorimenu ul li.anakat a{ font-weight: bold;}
#kategorimenu ul li.anakat a span {display:none;}
#kategorimenu ul li a { color: #bbb; font-size:12px; display:block; }
#kategorimenu ul li:hover a {}
#kategorimenu ul li a:hover { color:#ED8925; }
/*altkısım şuan kullanım dışı*/
#kategorimenu ul li p {display:none; }
#kategorimenu ul li ul { display:none;}
#kategorimenu ul li	ul li { float:none; background:none; border-top:1px solid #fd3c97; border-right:none; height:32px; line-height:32px; overflow:hidden; text-align:left; }
#kategorimenu ul li	ul li:first-child {border:none;}
#kategorimenu ul li ul li a { font-size:12px; font-weight:normal; text-align:left;}
#kategorimenu ul li ul li a:hover { background:none; color:#fd154d; }
#kategorimenu ul li:hover ul li a { background:none; }


.uyekuruluslar {position:relative;}

.uyekuruluslar li a img{ border:1px solid #fff;}

.uyekuruluslar li a:hover img { border:1px solid #F90;}

.uyekuruluslar .hovimg { display:none; position:absolute; top:-132px;}

.uyekuruluslar .hovimg img { /*width:347px;*/ height:122px;}


.bgloader {background: url(../img/loader.gif) center no-repeat #fff !important;}
.imgloader {background: url(../img/loader.gif) center no-repeat !important; min-width:70px; min-height:50px;}

/*Formlar için*/
.hata { background:#FD7 !important; color:#333 !important; }

#yaklasanetkinlikler { margin-bottom:10px;}
#yaklasanetkinlikler div { position:relative; width:160px; margin:0 auto 10px;}
#yaklasanetkinlikler div a {}
#yaklasanetkinlikler div a img {}
#yaklasanetkinlikler div a p { position:absolute; left:0; bottom:0; right:0; height:50px; padding:5px; background:url(../img/bg_t50_black.png); color:#fff;}


.yazilar {list-style:none; padding:0; text-align:left; overflow:hidden;}
.yazilar li { float:left; overflow:hidden; width:100%; height:116px; padding:5px; box-sizing:border-box; margin:0 10px 10px 0; border:3px solid #333; border-radius:5px; background:#0C9AAA;  }
.yazilar li div { overflow:hidden; width:100%; height:100%;}
.yazilar li img {float:left; margin-right:10px; width:132px;}
.yazilar li h3 { font-size:11px; color:#EEE; max-height:44px; font-size:13px; overflow:hidden; margin-bottom:10px;}
.yazilar li h3 a { color:#EEE; }
.yazilar li h3 a:hover { color:#0FF; }
.yazilar li p { font-size:11px; text-align:left; color:#EEE; }


.yazi_sayfa {/*background: #fff;*/ overflow:hidden; /*margin: 0 -10px; safaride kaymaya sebebiyet veriyor*/ padding: 10px; margin-bottom:10px; min-width: 300px; }
.yazi_sayfa div {font-family:Verdana, Geneva, sans-serif; text-align: center; margin-bottom: 20px; }

.yazi_sayfa h1 { margin-bottom:10px; margin-top:-10px; overflow:hidden; }
.yazi_sayfa .ybilgi {margin:-5px 5px 5px; overflow:hidden; text-align:left; color:#AAA;}
.yazi_sayfa .ytarih { float:right; color:#AAA; }
.yazi_sayfa .yilkresim { margin-bottom:10px; overflow:hidden; text-align:center; }
.yazi_sayfa .yilkresim img { border:1px solid #eee; padding:5px; min-width:100px; box-sizing: border-box; }
.yazi_sayfa .yaltyazi { margin:20px; font-weight:bold; color:#333; line-height:200%; font-size:14px; }
.yazi_sayfa .ymetin { clear:both; padding:0px; text-align:left; line-height:200%; font-size:14px; }

.kutukutuwrp { overflow:hidden;}
.kutukutuwrp .kutukutu { justify-content: space-around; }
.kutukutuwrp .kutukutu li {margin: 0 0 5%; width: 500px;}
.kutukutuwrp .kutukutu li .wrp2 div { overflow: hidden; }
.kutukutuwrp .kutukutu li .wrp2 img { /*height:240px;*/}
.kutukutuwrp .kutukutu li .wrp2 p { position:absolute; background: none; bottom:0; height: 70px;}
.kutukutuwrp .kutukutu li .wrp2 p .ad { background: rgb(255 255 255 / 70%); margin-left: -5px; padding: 5px 10px; border-radius: 0 6px 6px 0; }
.kutukutuwrp .kutukutu li .wrp2 p .fiyat { background: rgb(255 255 255 / 70%); }

.kutukutu {display:flex; flex-wrap: wrap; justify-content: space-between; list-style:none; padding:0; text-align:left; margin:0; overflow: hidden; }
.kutukutu li { display:inline-block; margin:0 0.4% 2%; font-size:14px; width:350px; padding: 0; vertical-align: top; border-radius: 6px; /*border: 1px solid #eee;*/ }
/* ul font-size:1px iken letter-spacing:-1px ile boşluklar neredeyse eşit (sadece chrome da ~0.5px ilk elementte fark oluyor) sıfırlanıyor. Buradan yola çıkarak letter-spacing değeri x-2 düşünülerek istenilen boşluk bırakılabilir */

.kutukutu li .wrp1 {background:#FFF; border:none; /*padding:5px;*/ box-sizing:border-box; /*margin-bottom:1px;*/ height:100%;}
.kutukutu li .wrp2 {position:relative; box-sizing:border-box; /*padding:7px;*/ background:none; color:inherit; width:100%; height:100%; overflow:hidden; }
.kutukutu li .wrp2:after {}
.kutukutu li .wrp2 img { margin-bottom:10px; display:inline-block; vertical-align:middle; margin:0; width:100%; /*height:240px;*/ object-fit:cover; transition:transform 0.2s; }
.kutukutu li:hover .wrp2 img { transform: scale(1.1); }
.kutukutu li:hover .wrp2 p { /*background: #e6e6e6;*/ }
.kutukutu li:hover .wrp2 p .fiyat {background: #d59c3e; color:#eee;}
.kutukutu li span.marka {color: #333; display: none; font-size: 16px; font-weight: bold; padding-right: 5px; margin-right:2px; border-right: 1px solid #ccc; vertical-align:middle;}
.kutukutu li .wrp2 p { position:relative; bottom:0; width:100%; /*text-align:center;*/ white-space:normal; font-size: 12px; height: min-content; padding:5px 5px;     /*background-color: rgb(0 0 0 / 20%);*/ background:#fff; color:#333; box-sizing:border-box; overflow:hidden;}
.kutukutu li .wrp2 p .ad {display:inline-block; /*width:100%; line-height: 1.4em;*/ min-height:24px; max-height:88px; overflow: hidden; font-size: 18px; font-weight:bold; vertical-align:middle; }
.kutukutu li .wrp2 p .kat { display:none; font-size: 17px; color:#707070; position: absolute; left: 5px; right: 5px; bottom: 5px; text-align: center; border-top:1px solid #d7d7d7; padding-top:10px; }
.kutukutu li .wrp2 p .fiyat { font-size: 16px; /*background-color: #7D6F50; color:#eee;*/ /*position: absolute; bottom: 0px; left: auto; right:0;*/ margin:0 -5px -5px 0; width: auto; padding: 4px 6px; border-radius:6px 0 0 0; line-height: 24px; float:right; /*border-radius: 6px 0 0 6px; border-bottom: 1px solid #7b4636; background: #C79282; color: #eee;*/ }
.kutukutu li .wrp2 p .eskifiyat { font-size:16px; color:#666; text-decoration:line-through; padding-right: 5px;}
.kutukutu li .wrp2 p .kargo { display: none; position:absolute; left:5px; bottom:5px; color:#73C6CD; font-weight:bold;}
.kutukutu li .wrp2 p .detay { display:block; /*padding-top:10px;*/ font-size: 13px; }
.kutukutu li .wrp2 p i {font-size: 13px; font-style: normal;}
.kutukutu li .wrp2 .ribbon1 { font-family:sans-serif; font-size: 16px; line-height: 22px; color: #111; font-weight: bold; letter-spacing: -1px; border-bottom: 22px solid #FFD71B; border-left: 22px solid transparent; border-right: 22px solid transparent; height: 0; width: 50px; position: absolute; left: -22px; top: 14px; text-align: center; -ms-webkit-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.kutukutu li .wrp2 .ribbon2 { font-family:sans-serif; font-size: 16px; line-height: 22px; color: #eee; font-weight: bold; letter-spacing: -1px; border-bottom: 22px solid red; border-left: 22px solid transparent; border-right: 22px solid transparent; height: 0; width: 100px; position: absolute; left: -29px; top: 32px; text-align: center; -ms-webkit-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.kutukutu li .wrp2 .ribbon3 { display:none; font-family:sans-serif; font-size: 16px; line-height: 22px; color: #111; font-weight: bold; letter-spacing: -1px; border-bottom: 22px solid #c1ff1b; border-left: 22px solid transparent; border-right: 22px solid transparent; height: 0; width: 50px; position: absolute; right: -22px; top: 14px; text-align: center; -ms-webkit-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.kutukutu li .order { display: none; margin: 5px auto 0; width: 120px;}
.kutukutu li .order:before { content: "\e07a"; font-family:"ElegantIcons"; padding-right: 5px; }
.kutukutu li .sepeteekleformu { display:none; }
/*.kutukutu li a {display:block; background:#512305; color:#FFF; font-weight:bold; text-align:center; height:20px; line-height:20px; padding:7px 0; width:40%; border-radius:5px; margin:0 auto; }
.kutukutu li a:hover { background-color:#f28d22; color:#FFF;}*/

/*
.kutukutu li a {position:relative; background:#fff; padding:0 0 56px 0;}
.kutukutu li a img { max-width:130px;}*/
/*.img1 { z-index:1; position:relative; transition:opacity 0.3s linear;}*//*
.kutukutu li a .hoverpic {position:absolute; left:5px; top:5px; opacity:0; transition:opacity 0.3s linear;}
.kutukutu li a:hover .hoverpic {opacity:1;}
*/

/*katkutu tarzı*/
/*.kutukutu { list-style: none; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; }
.kutukutu li {width: 19%; min-width: 202px; height:auto; padding-bottom:0; margin:0 0.5% 1%; border-radius: 6px; overflow: hidden; border: 1px solid #eee; box-sizing: border-box;}
.kutukutu li:first-child {}
.kutukutu li .wrp2 p {position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: #fff; text-shadow: 1px 1px 5px #000; font-size: 24px; font-weight: bold; text-align: center;}
.kutukutu li .wrp2 p span.ad {color:inherit; font-size:inherit;}
.kutukutu li:hover .wrp2  p {background: #ffffff70;}
.kutukutu li .wrp2 img {height:300px; margin:0; object-fit:cover;}*/


table.urunsatir {width:100%; border-collapse:collapse; border:1px solid #DDAEA5; cursor:pointer; margin-bottom:90px;/*son satir img hover için*/}
table.urunsatir * {-webkit-backface-visibility: visible;}
table.urunsatir tr.baslik {}
table.urunsatir tr.baslik th { background-color:#2753ac; color:#FFF; border:1px solid #6585c4; padding:1px 8px;}
table.urunsatir tr.baslik th.desc { background:url(../img/sign_down.png) 95% center no-repeat #C44949;}
table.urunsatir tr.baslik th.asc { background:url(../img/sign_up.png) 95% center no-repeat #C44949;}
table.urunsatir tr {}
table.urunsatir tr:not(.baslik):hover td { background-color:#FFC;}
table.urunsatir tr td { border:1px solid #e9e9e9; padding:1px 8px;}
table.urunsatir tr:nth-child(2n) td {background-color:#EEE;}
table.urunsatir tr td img { width:180px; max-width:none !important; transition:transform 0.2s;}
table.urunsatir tr td img:hover {transform: scale(1.5) translate(30px,30px); position: relative; z-index: 10;}
table.urunsatir tr td:nth-child(1) { }
table.urunsatir tr td:nth-child(2) { padding:0px; text-align:center; background-color:#FFF; }
table.urunsatir tr td:nth-child(3) { width:50%;}
table.urunsatir tr td:nth-child(4) { text-align:center;}
table.urunsatir tr td:nth-child(5) { width: 70px;}
table.urunsatir tr td .sepeteekleformu { width:50%; display:inline-block; margin:5px 0; }
table.urunsatir tr td .sepeteekleformu .itt1 { border:1px solid #ccc; border-radius:6px; }
table.urunsatir tr td .btn1 {font-size:15px; padding:10px;}

/* Ürün Navigasyon ^^ bence bu arama kriteri gösterimi içinde kullanılabilir */
p.urunnav { display: inline-block; float: right; text-align: right; margin:15px 0 0; text-transform: none;}
p.urunnav a { color: #9b9b9b; text-align: right; font-size: 15px; /*margin-right: 10px;*/ font-family:sans-serif; }
p.urunnav a.mainpage:before {content:"\e074"; font-family:"ElegantIcons";}
p.urunnav a:hover { color:#333; }

#mypopupwrp { position:fixed; top:0; right:0; left:0; bottom:0; z-index:99999; background:url(../img/bg_t50_black.png) repeat; text-align:center; }
#mypopupwrp .mypopupbrd { position:relative; display:inline-block; *display:inline; zoom:1; min-width:200px; padding:5px; margin:15% auto; background:#FFF; /*border:2px solid #FFF;*/ border-radius:4px;  background:url(../img/bg_t50_white.png) repeat; behavior:url(css/iefix/PIE.htc);}
#mypopupwrp .myclose { position:absolute; right:8px; top:5px; color:#999;  font-size:14px; font-weight:bold;}
#mypopupwrp .myclose:hover {color:#000;}
#mypopupwrp .mypopup { min-height:100px; padding:5px; background:#FFF; border:2px solid #F0D914; border-radius:4px; color:#333; behavior:url(css/iefix/PIE.htc); }
#mypopupwrp .mypopup h2 { background:#F0D914; color:#333; font-weight:bold; padding:5px; margin:-5px -5px 10px;}


ul.snninpageslider { list-style:none; padding:0; overflow:hidden; position:relative; left:0; transition:left 1s; /*display:none;*/}
ul.snninpageslider li { float:left; display:block;}
.snninpagesliderwrap { margin:0 -10px;}
.snninpagesliderwrap .ulwrap { overflow:hidden;}
.snnslider .control { display:none;}
.snninpagesliderwrap .nav {list-style:none; padding:0; text-align:center; }
.snninpagesliderwrap .nav li { display:inline-block; padding:7px; background:#512305; margin:10px 5px; border-radius:10px; cursor:pointer; }
.snninpagesliderwrap .nav li:hover, .snninpagesliderwrap .nav li.selected {background:#D68E51; }

#slider1 { overflow: hidden; margin: 0px auto 0px; font-size: 12px; text-align: left; margin-top:0px; margin-bottom: 1px; /*border-radius: 5px;*/ position: relative; z-index: 1;}
#slider1 .bjqs-wrapper:after { content:""; display:block; position:absolute; top:0; width:100%; height:100%; background:url(../img/slider_mask_grad.png) center no-repeat;}
#wowslider-container1 .ws-title { animation: titleout 0.5s;animation-fill-mode: forwards;}
#wowslider-container1 .ws-title.aktif {animation: titlein 0.5s;animation-fill-mode: forwards;}
@keyframes titlein {
  0%   {transform: translateY(100px);}
	80%  {transform: translateY(-10px);}  
	100%  {transform: translateY(0px);}
}
@keyframes titleout {
  0%   {transform: translateY(0px);}
	20%  {transform: translateY(10px);}
  100% {transform: translateY(-100px);}
}
#wowslider-container1 .ws-title span {font-family: "Oswald"; font-size: 32px; text-shadow: 1px 1px 6px #000;}
#wowslider-container1.ws_gestures { cursor: default !important;}
#wowslider-container1 .ws_playpause { display: none;}
#wowslider-container1 .ws_bullets {/*display:none;*/ bottom:2% !important;}

#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev { display: flex;	justify-content: flex-start; align-items: center; opacity: 1 !important; }
#wowslider-container1 a.ws_next {justify-content: flex-end;}
#wowslider-container1 a.ws_next:before, #wowslider-container1 a.ws_prev:before { width: 50px; height: 50px; /*background: rgba(0,0,0,0.5);*/ font-family: monospace,sans-serif; font-size: 48px; text-align: center; color: rgba(255,255,255,0.6); margin: 30px; display: flex; align-items: center; justify-content: center; }
#wowslider-container1 a.ws_next:hover:before, #wowslider-container1 a.ws_prev:hover:before { color: #fff;}
#wowslider-container1 a.ws_prev:before {content: "\003C";}
#wowslider-container1 a.ws_next:before {content: "\003E";}
.btnsld {font-family: "Oswald"; margin-top:100px; border-radius: 20px;}
#wowslider-container1 .ws_images .ws_list img, #wowslider-container1 .ws_images > div > img { min-height: 350px; max-height: 400px; object-fit: cover;}

#mainslider { display:none; height:270px; width:570px; clip-path: polygon(0px 0px, 958px 0px, 942px 350px, 13px 350px); position:relative; margin-bottom:5px; overflow:hidden;}
#mainslider .bg {position:absolute; /*background:url(../img/bg_slider_shadow_w960.png) no-repeat;*/ height:432px; width:1060px; top:0; left:-50px; display:none;}
#mainslider .maskl { display:block; position:absolute; z-index:1; background:url(../img/slidemask_l.png) no-repeat; height:100%; width:15px; top:0; left:0;}
#mainslider .maskr {display:block; position:absolute; z-index:1; background:url(../img/slidemask_r.png) no-repeat; height:100%; width:16px; top:0; right:0;}
#mainslider ul li.bjqs-slide img { }
#mainslider ul li.bjqs-slide div { width:100%; height:70px; box-sizing:border-box; padding:10px 30px; background:url(../img/bg_line_ptrn_r_bold.png) center top repeat #4E340F; color:#FFFFFF;  }
#mainslider ul li.bjqs-slide div a { display:block; float:right; background:url(../img/bg_line_ptrn_r_bold.png) center top repeat #E3D8C0; color:#4E340F; font-weight:bold; text-align:center; height:20px; line-height:20px; padding:10px 30px; border-radius:5px; }
#mainslider ul li.bjqs-slide div a:hover { background-color:#d96046; color:#FFF;}


#mainabout { margin-left:30px; padding:20px 40px; width: 820px; height: 135px;}
#mainabout div {float:left; width:47%; margin-left:5%; line-height:20px; height:100%; overflow:hidden;}
#mainabout div:first-child {margin-left:0;}
#mainmedia { margin-left: 30px; padding:20px; width: 860px; height: 205px;}
#mainmedia a {position:relative; display:inline-block; background:url(../img/mainpage_icons.png) no-repeat; width:135px; height:57px; margin:55px 15px; padding-bottom:30px; font-size:16px; font-weight:bold;}
#mainmedia a span { position:absolute; bottom:0; width:100%; text-align:center;}
#mainmedia a.media_news {background-position:35px 0px;}
#mainmedia a.media_catalog {background-position:-65px 0px;}
#mainmedia a.media_videos {background-position:-165px -5px;}
#mainmedia a.media_orders {background-position:-265px 0px;}
#mainmedia a.media_aboutus {background-position:-365px 0px;}

#mainnewpro { overflow:hidden; }
#mainnewpro h1 { }

#myclkslider { width:100%; height:320px; position:relative;}
#myclkslider .bg { position:absolute; width:100%; height:100%; top:0; left:0; display:none;}
#myclkslider .bg span { display:inline-block; background:url(../img/pageflip.png) no-repeat; width:150px; height:160px; margin-left:15px;}
#myclkslider .bg span:first-child { margin-left:0;}
#myclkslider .bg .bg1 { background-position:0px 0px;}
#myclkslider .bg .bg2 { background-position:-200px 0px;}
#myclkslider .bg .bg3 { background-position:-400px 0px;}
#myclkslider .bg .bg4 { background-position:-200px 0px;}
#myclkslider .bg .bg5 { background-position:0px 0px;}
#myclkslider ul { list-style:none; padding:0; text-align:justify; font-size:0.1px; overflow:hidden; height:100%; width:100%; /*margin belası yüzünden +%5 */ position:relative;}
#myclkslider ul:after { content:""; display:inline-block; width:100%;}
#myclkslider ul li { position:relative; display:inline-block; vertical-align:top; width:216px; height:100%;  margin:0 auto; /*background:url(img/ornek_urunler.png) no-repeat;*/ z-index:1;}
#myclkslider ul li .wrp1 { }
#myclkslider ul li .wrp2 { }
#myclkslider ul li .wrp2 img { }
#myclkslider ul li .wrp2 p { }
#myclkslider ul li a { }
#myclkslider ul li a:hover { }

#myclkslider ul li.np1 {background-position:25px 15px;}
#myclkslider ul li.np2 {background-position:-175px 15px;}
#myclkslider ul li.np3 {background-position:-380px 15px;}
#myclkslider ul li.np4 {background-position:-570px 15px;}
#myclkslider ul li.np5 {background-position:-780px 15px;}

#myclkslider .controlbtn span{ display:block; position:absolute; top:100px; border-top: 12px solid transparent; border-bottom: 12px solid transparent; cursor:pointer;}
#myclkslider .controlbtn span.left {border-right:18px solid #C44949; left:0px;}
#myclkslider .controlbtn span.right {border-left: 18px solid #C44949; right:0px;}
#myclkslider .controlbtn span:hover  {border-color:transparent #A32929;}
#myclkslider .controlbtn span:active {border-color:transparent #EC7C7C;}

.slidercover {width:94%; height:100%; margin:0 auto; overflow:hidden;}

a#kurumsalagit { display:none; font-family:"ElegantIcons"; margin: 0 auto -46px; width: 46px; height: 46px; background: white; color:#333; opacity: 0.2; border-radius: 30px; top: -65px; position: relative; z-index: 1; font-size: 60px; line-height: 46px; text-align: center;}
a#kurumsalagit:hover {color:#333; opacity:0.4;}
a#kurumsalagit:before {content: "3"; width: 100%; display: inline-block; margin-left: -15px;}   

.ozelwrp {width:1100px; margin:0 auto;}

.anayazi {}
.beyazbg {margin-bottom:40px;}

/*div.main3kutu {  margin-bottom: 30px; background: url(../img/header_bg1.jpg) center no-repeat; padding:30px 20px; color: #eee; }
div.main3kutu > div {display: flex; justify-content: space-between;}
div.main3kutu div div { width: 32%; }
div.main3kutu div div:nth-child(2) {border: 1px solid #999;}
div.main3kutu div div h3 { font-size: 20px; font-weight: bold; margin-bottom:10px; color:#fff; }
div.main3kutu div div p { line-height: 20px;}
div.main3kutu div div img { width: 350px; height: 150px;}*/

#kutusocial {text-align: right; margin-bottom: 20px;}
#kutusocial a { position:relative; display:inline-block; font-family:"ElegantIcons"; color:#fff; font-size: 20px; line-height: 100%; margin: 0px 10px 0px; background: #333; border-radius: 50px; padding: 15px; }
#kutusocial a:last-child {}
#kutusocial a:hover {/*background-position-y:-40px;*/ background-color:#C03441;}
#kutusocial .social_fb {background-position:0px 0px;}
#kutusocial .social_tw {background-position:-44px 0px;}
#kutusocial a.social_fb:before { content: "\e093"; }
#kutusocial a.social_tw:before { content: "\e094"; }
#kutusocial a.social_in:before { content: "\e09a"; }
#kutusocial a.social_yt:before { content: "\e0a3"; }
#kutusocial a.social_ta:before { content: "\e128"; }

#bultenkutu { position: fixed; top: 30%; width:400px; left:-400px; transition: left 0.5s;}
#bultenkutu div { box-sizing: border-box; border: 2px solid #000; padding: 20px; background: #000; color: #eee; /*max-width: 65vw;*/  }
#bultenkutu.kutuacik { left:0; }
#bultenkutubtn {display:inline-block; position:absolute; top: -45px; right: -75px; width: 90px; height: 90px; text-align: center; border-radius: 0 6px 6px 0; cursor: pointer; }
#bultenkutubtn:before {content: ""/*"\e076"*/; font-family: "ElegantIcons"; font-size: 30px; text-align: center; line-height: 42px; color: #FFD71B; display: inline-block; width: 100%; height: 100%; background: url(../img/envelope_icon1.png) center no-repeat; background-size: 91%; transition: transform 0.1s;}
#bultenkutubtn:hover:before { transform: rotate(28deg); }
#bultenkutubtn:after { content: ""; display: none; width: 0; height: 0; border-style: solid; border-width: 32px 15px 32px 0; border-color: transparent #FFD71B transparent transparent; position: absolute; top: -2%; left: -16px; }

#yanlink1 {display: inline-block; position: fixed; top: 50vh; /*position: absolute; top: -50vh;*/ left: 0; width: 40px; height: 120px; line-height:40px; text-align: center; border-radius: 6px 0 0 6px; transform: rotate(180deg); background: #1d1719; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; /* box-sizing: border-box; */ color: #eee; font-family: arial; font-weight: bold; }
#yanlink1:before {display:inline-block; content: "\e01f"; font-family: "ElegantIcons"; padding-bottom: 10px; font-size: 20px; transition: transform 0.1s;}
#yanlink1:hover:before { transform: translatex(-2px) rotate(28deg);}

#kututelefon { font-size: 28px; font-weight: bold; color:#FFD71B; margin-bottom: 20px; text-align: right;}
#kututelefon:before { content: "\e090"; font-family:"ElegantIcons"; padding-right: 10px; font-size: 22px; }

#kutubultenkayit { margin-bottom: 25px; text-align: right;}
#kutubultenkayit .itt1 {width: 65%; padding: 16px; }
#kutubultenkayit .btn1 {min-width: 0; vertical-align: top; margin-left: 7px; padding: 10px 20px;}

#altgorsel {}
#altgorsel div { position:relative; height:100%;}
#altgorsel div h3 { position: absolute; top: 70px; right: 20px; left: 20px; color: #FEFEFE; line-height:40px; font-size: 40px; font-style: italic; font-weight: bold; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); text-align: center; }
#altgorsel div p { position: absolute; top: 120px; right: 0; left: 0; max-width: 950px; margin: 0 auto; color: #FEFEFE; font-size: 25px; font-style: italic; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); text-align:center; }

.mainhaber { clear: both;}
.mainhaber p.altbaslik { text-align: center;} 
.mainhaber ul { list-style: none; padding: 0; display: flex; justify-content: space-between;}
.mainhaber li { width: 32%; /*letter-spacing: -0.5px;*/ text-align: center; color:#333; }
.mainhaber li .anapic { width: 100%; height: 220px; object-fit: cover; }
.mainhaber li .tarih { /*padding:0 10px;*/ margin:5px 0; font-size: 0.9em; color:#999; }
.mainhaber li .tarih:before {display:none; content: "\e023"; font-family:"ElegantIcons"; padding-right:5px;}
.mainhaber li .baslik { /*padding:0 10px;*/ margin-bottom:10px; color:#111; /*font-family: "Oswald";*/ font-size: 20px;}
.mainhaber li .altyazi { /*padding:0 10px;*/ line-height: 1.6em; text-align: justify; }
.mainhaber li .altyazi p {text-align:center;}
.mainhaber li .altyazi .devam { padding: 8px 20px; min-width: 0; border-radius: 5px; margin-top: 12px; /*background:none; color:#258ff7; /*border: 0;background: #ddd;*/}
.mainhaber li .altyazi .devam:hover {/*background:#111; color:#E27D00; */}

.duyurular {list-style:none;}
.duyurular li {/*color:#666;*/ text-align:left; padding:5px; overflow:hidden;}
.duyurular li img {float:left; width:50px; padding:2px; border:1px solid #fff; background:#fff; margin:0 5px 5px 0;}
.duyurular li h3 { color:#DA730E; border-bottom:1px solid #ccc; font-size:12px; }
.duyurular li span { float:right; font-size:12px; color:#aaa;}

.aboutus {list-style: none; padding: 0 !important; display: flex; flex-wrap: wrap; justify-content: space-between;}
.aboutus li {/*color:#666;*/ text-align: left; padding: 10px; overflow: hidden; width: 47%; min-width: 450px; float: left; border: 1px solid #ddd; background: #eee; margin-bottom: 20px;}
.aboutus li img {float:left; width:200px; padding:2px; border:1px solid #ddd; background:#fff; margin:0 10px 0px 0;}
.aboutus li h2 { font-size:18px; font-weight:bold; }
.aboutus li p { }

#aboutus {background:url(../../../images/pageimages/banner_about_w1100_ekli.jpg) center top repeat-y; padding-top:340px;}
#aboutus h1 {color:#fff;}
#aboutus ul { justify-content: space-around; }
#aboutus ul li { background:rgba(238, 238, 238, 0.80); width:45%; }


table.proje {width:100%; border-collapse:collapse; border:1px solid #DDAEA5; cursor:pointer;}
table.proje * {-webkit-backface-visibility: visible;}
table.proje tr.baslik {}
table.proje tr.baslik th { background-color:#2753ac; color:#FFF; border:1px solid #6585c4; padding:1px 8px;}
table.proje tr.baslik th.desc { background:url(../img/sign_down.png) 95% center no-repeat #C44949;}
table.proje tr.baslik th.asc { background:url(../img/sign_up.png) 95% center no-repeat #C44949;}
table.proje tr {}
table.proje tr:not(.baslik):hover td { background-color:#FFC;}
table.proje tr td { border:1px solid #e9e9e9; padding:1px 8px;}
table.proje tr:nth-child(2n) td {background-color:#EEE;}
table.proje tr td img { width:100px; height:56px; max-width:none !important;}
table.proje tr td:nth-child(1) { padding:1px;}
table.proje tr td:nth-child(3) { width: 80px; text-align:center;}
table.proje tr td:nth-child(4) { text-align:center;}
table.proje tr td:nth-child(5) { width: 70px;}


#screenshot {
	position:absolute;
	z-index:1;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}

/* İ Ğ ğ Ş ş karakterleri yok
@font-face {
    font-family: 'Delicious';
    src: url('fonts/delicious/Delicious-Roman.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}*/


@font-face {
    font-family: 'pt_sansregular';
    src: url('fonts/pt_sansregular/PTS55F-webfont.eot');
    src: url('fonts/pt_sansregular/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pt_sansregular/PTS55F-webfont.woff') format('woff'),
         url('fonts/pt_sansregular/PTS55F-webfont.ttf') format('truetype'),
         url('fonts/pt_sansregular/PTS55F-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Oswald';
    src: /*url('fonts/oswald/Oswald-Regular.woff2') format('woff2'),*/
				 url('fonts/oswald/Oswald-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'DonegalOne';
    src: url('fonts/donegalone/DonegalOne-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Asar';
    src: url('fonts/asar/asar-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face {
    font-family: 'Roboto Slab';
    src: /*url('fonts/robotoslab/RobotoSlab-Regular.woff2') format('woff2'),* /
				 url('fonts/robotoslab/RobotoSlab-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/


@font-face {
    font-family: 'ElegantIcons';
    src: url('fonts/eleganticons/ElegantIcons_edt.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
		font-family: 'FontAwesome5';
		font-style: normal;
		font-weight: 900;		
		src: url("fonts/fontawesome/fa-solid-900.woff2") format("woff2"); 
}

@media only screen and (min-width: 1101px) {
	
	/*button şeklinde üyelik yapılmadığı zamanki linkler için stil*/
	#searchbar { right: 0px; }
	#searchbar input[type=text] { /*box-shadow: inset 0px 5px 10px 0px #e3e3e3; transition:all 0.5s; */ }
	#searchbar input[type=text]:hover {}
	/*#searchbar input[type=text]:focus {width:200px; background: url(../img/search_icon1.png) right center no-repeat #fff; border:1px solid #ccc; /*border-radius:6px;* / box-shadow: inset 0px 5px 10px 0px #e3e3e3; cursor:initial;}*/
	#searchbar input[type=submit] {}
	#memberlinks { right: 0px; top:-6px; background:#7D6F50; border-radius: 0 0 6px 6px; }
	#memberlinks.mllogout > div a { display: inline-block; font-weight: normal; margin-right: 0px; padding: 0 8px; line-height: 32px; min-width: 0;	font-family: inherit; 	border-radius: 20px; }
	#memberlinks.mllogout > div a:hover {  }
	
	#footer .navbtm > ul { text-align:left; }
	#footer .footercontact { /*position:absolute; top:0; right:0; width:48%;*/ margin-top:0px;}
	#footer .footercontact span { padding-right: 0;}
	#footer .footercontact span.adres {/*position:absolute; right:0; width:auto;*/ }
	
}

@media only screen and (max-width: 1100px) {
  /* For mobile phones:
  [class*="col-"] { width: 100%; }*/

	#headerwrp {min-width: 0;}
	#header {width: 100%; height: 100px; }
	#toplang {display:none; width:100%; right:0; text-align: center; top: 92px; z-index: 15; }
	#toptitle {display:none;}
	#topsocial {display:none; bottom:auto; top:10px; right:10px;}
	#searchbar { display:none; width: 100%; left: 0; text-align: center; top: 120px; z-index: 14;}
	#header > a.sepetigoster { transform: scale(0.8); top: 28px; right:10px; }
	/*#header > a.sepetigoster:before { font-size: 20px;}*/
	
	#logo { left: 0; right: 0; margin: 0 auto; height: 60px; top: 20px;}	
	
	#memberlinks { display:none; background: #eee; height: auto; width: 100%; padding: 0 20px; box-sizing: border-box; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; top: 90px;}
	#memberlinks > div { padding-top: 90px; text-align: center; margin-bottom: 10px; }
	#memberlinks > div .uyead { display: block; position: absolute; width: 100%; max-width:100%; top: 65px; left: 0; text-align: center; color:#333;}
	#memberlinks > div > a {color:#333;}
	
	.navtop { display: none; position: relative; background: #eee; height: auto; width: 100%; box-sizing: border-box; padding: 20px; bottom:0; /*overflow-y: scroll;*/ }
	#navtopmobilac {}
	.navtop ul { text-align: left; flex-wrap: wrap;}
	.navtop ul li { display:block; }
	.navtop > ul > li > a { padding: 0 10px !important;}
	.navtop > ul > li > p {display:none;}
	.navtop ul li ul { text-align: left; position: relative; display:none !important;}
	.navtop ul li ul li { float: none;}
	.navtop ul li ul li:first-child { display:none;}	
	
	#headermenubg { display: none;}
	.navcat { display: none; position: relative; background: #000; height: auto; width: 100%; box-sizing: border-box; padding: 20px; /*overflow-y: scroll;*/ }
	#navtopmobilac {}
	.navcat ul { text-align: left; display:block;}
	.navcat ul li { display:block; }
	.navcat > ul > li > a { padding: 0 10px !important; color:#eee;}
	.navcat > ul > li > p {display:none;}
	.navcat ul li ul { text-align: left; position: relative;}
	.navcat ul li ul li { float: none;}
	.navcat ul li ul li:first-child { display:none;}	
	
	#menubtn { display:block; transform: scale(0.8); top: 28px; }
	#headerwrp.menuacik {/*background:none;*/ background-color: #eee;}
	#headerwrp.menuacik #header { background: #eee; height: 100vh; margin-bottom:-100vh; padding-top: 210px; box-sizing: border-box;}
	#headerwrp.menuacik #headersadsadsa {height: 100vh; padding-top: 150px; height: 100vh; box-sizing: border-box;}
	#headerwrp.menuacik .navtop { display: block;}
	#headerwrp.menuacik .navcat { display: block;}
	#headerwrp.menuacik #memberlinks { display: block;}
	#headerwrp.menuacik #toplang { display: block;}
	#headerwrp.menuacik #topsocial { }
	#headerwrp.menuacik #searchbar { display: block;}
	#headerwrp.menuacik.fixed { height: auto;}
	#headerwrp.menuacik.fixed #header { position: relative; transition: none; top:0;}
	#headerwrp.menuacik.fixed #logo {width: 50%; top: 10px; }
	#headerwrp.fixed #header { position:relative;}
	#headerwrp.fixed #headermenubg { display: none;}
	
	#wowslider-container1 .ws-title {top:30% !important;}
	#wowslider-container1 .ws-title span { font-size: 4vw;}
	
	#mainwrp { min-width: 0; }
	
	.ozelwrp { width: auto; padding-left: 20px !important; padding-right: 20px !important; }
	
	.kutukutu { /*text-align: center;*/ justify-content: space-around; }
	
	#tabs > ul > li { color:#aaa !important; margin-left: auto !important; margin-right: auto !important; display: block !important; width: fit-content; }
	#tabs > ul > li:active, #tabs > ul > li.tabactive {color:#111 !important;}
	#tabs > ul > li:before { display: none !important;}
	
	/*div.main3kutu { background-size: cover; padding-left:0 !important; padding-right:0 !important; }
	div.main3kutu div { display: block;}
	div.main3kutu div div { width: 100%; margin-bottom: 30px; }
	div.main3kutu div div iframe { height: 45vw;  }*/
	
	div.main3kutu > div {float:none !important;}
	div.main3kutu > img {position:absolute;}	
	
	.beyazbg { }
	.siyahbg {background-size: cover !important; padding-left:0 !important; padding-right:0 !important;}
	/*.anayazi img {float: none !important; width: 50% !important; margin: 0 25% 20px !important; }	*/

	.zeytinhikayesi {background-size: auto, auto, cover !important;}
	.zeytinhikayesi .ozelwrp { min-height: 36em !important; }

	.mainhaber ul { display: block; padding:0; text-align: center; }
	.mainhaber ul li {display: inline-block; width: 80%; margin-bottom: 30px; }
	
	#footerwrp {min-width: 0;}
	#footer { padding-left: 20px; padding-right: 20px;}
	#footer .footercontact { margin-bottom: 20px;}
	#footer .footerkutu2 { position:relative; top:0;}
	
	.sayfanormal {width: auto; padding: 0 20px;}
	.sayfanormal > p {float: none !important; width: auto !important;}
	.sayfanormal .sag { float:none !important; width: auto !important; }
	.sayfanormal > img {display: block; float:none !important; margin: 0 auto 20px !important; height:auto!important;}
	
	h1.modS {background-position-y: -100px;}
	#baslikarkaplani p {display:none;}
	
	h1.modUD { line-height: 37px !important; }
	p.urunnav { float:none !important;}
	#urundetay .detaysol {float: none !important; width:100% !important;}
	#urundetay .detaysag {float: none !important; width:100% !important;}
	#urundetay .metin img {height:auto!important;}
	
	.iletisim.sol, .iletisim.sag {float:none; width: 100%; padding: 0 !important;}
	
	#rightside { float: none !important; margin: 0 auto !important;}
	#leftside {width: 100% !important; max-width: 700px; margin: 0 auto; }
	.haberler li div.baslik { display: block !important; border-top: 1px solid #ccc;}
	.haberler li div.baslik .tarih { display:none !important; }
	#yorumyaz p.bilgi { width: 100%;}
	
	#snnboxcont form {max-width: 100VW; box-sizing: border-box; text-align: center;}
	#snnboxcont form .ibsub {float:none !important; display: block; margin: 20px auto;}
	#uyegirisform .middle > a {display: block;width: fit-content; margin-left: auto; margin-right: auto; }
	
	.adreslik { width: 100% !important; max-width: 500px; }
	
	#sepetformu {text-align: center;}
	#sepetformu .ibsub {float:none !important; display: block; margin: 20px auto;}
	#siparisadim a { margin: 0 !important; padding-left: 20px !important; padding-right: 20px !important; }
	#odemeform #tabs > ul > li { display: inline-block !important;} 
}

@media only screen and (max-width:1000px) {
	#header:after {display:none;}
	.anayazi img {float: none !important; display: block; /*height: 50vh;*/ min-height: 240px; margin: 0 auto 20px !important; }
	#bultenkutu { width:65vw; left:-65vw; }
	#kututelefon { font-size:20px;}
	#footer { /*padding-top: 80px;*/}
	#footer > div {float:none !important; clear:both; margin:auto;}
	#footer .footerkutu1 {margin:auto;}
	#footer .navbtm {margin-top:20px;}
	#footer .navbtm ul {text-align:left;}
	#footer .navbtm li {display:inline-block;}
	#footer #btmlang,#footer #btmsocial {position:unset; display:inline-block; vertical-align:middle; margin-right:20px; margin-bottom:20px;}
	
}

@media only screen and (max-width:700px) {
	#ozelgorsel div h1 {font-size:3em;}
	#ozelgorsel div p {font-size: 1em; top: 380px;}
	.katkutu2 ul {width:100% !important; margin:0 !important; }
	.katkutu2 ul li { }
	.katkutu2 ul li a h3 {opacity:1; background: rgba(0, 0, 0, 0.1); text-shadow: 1px 1px 5px #000;}
}

@media only screen and (max-width:450px) {
	#ozelgorsel div h1 {font-size:2em;}
	#ozelgorsel div p {font-size:1em; top:360px;}
	.katkutu2 ul { }
	.katkutu2 ul li {width:100% !important; margin:0 !important; height:100vw !important; }
}

