<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@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:27px; 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;}

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

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 Serif', 'pt_sansregular', serif;*/ font-size:18px;  /*border:1px solid #111;*/ border-radius:12px; color:#111; background: #FFD724; /*background:linear-gradient(to bottom, #FFDE4D 0%,#E6BB00 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: 1px solid #999; 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 Serif', 'pt_sansregular', serif; font-size:18px; font-weight: bold; padding:10px 20px;}

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: #eee; /*background: linear-gradient(to bottom, #2753AC,#152960); /*url(../img/header_bg1.jpg) center center no-repeat #000;*/ /*linear-gradient(to bottom, #2753AC,#152960);*/ z-index:2; }
#headerwrp:before { content: ""; display: block; position: absolute; background: #052460; width: 100%; height: 30px; }
#header { width:1100px; margin:0 auto; padding:0px; height:120px;  position:relative; z-index:12; }

#logo { background:url(../../../icerik/images/styleimg/logo.png) center no-repeat; background-size:contain; width:230px; height:80px; position: absolute; z-index: 13; left:0; top:34px; cursor:pointer; border-radius:8px;}
#logo:hover { transform: scale(1.02);}
#toplang {position:absolute; top: 0px; right: 42%; /*top:55px; right:225px;*/ line-height: 22px;  z-index:13; }
#toplang select { position:relative; background:none; width:120px; height: 25px; line-height: 25px; color: #ccc;  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:#1D252B;}
#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;}
#toplang .flag_fr {background-position:-125px 0px;}
#toplang .flag_ro {background-position:-150px 0px;}

#topcur {position: absolute; top: 2px; left: 50%; }
#topcur select {background: rgb(0 0 0 / 20%); border: 1px dashed #999; border-radius: 6px; color: #ddd; font-weight: bold; padding: 2px;}
#topcur select option {background:#052460; }

#topsocial { position:absolute; top:10px; right:570px; display:none;}
#topsocial a { position:relative; display:inline-block; font-family:"ElegantIcons"; color:#fff; /*background:url(../img/social_icons.png) no-repeat; background-size:66px;*/ width:22px; height:22px; /* margin-bottom: 5px; */ line-height: 20px;  vertical-align: top;}
#topsocial a:hover {/*background-position-y:-40px;*/ color:#C03441;}
#topsocial .social_fb {background-position:0px 0px;}
#topsocial .social_tw {background-position:-44px 0px;}
#topsocial a.social_fb:before { content: "\e093"; }
#topsocial a.social_tw:before { content: "\e094"; }
#topsocial a.social_in:before { content: "\e09a"; }
#topsocial a.social_ta:before { content: "\e128"; }
#topsocial a.social_yt:before { content: "\e0a3"; font-size: 1.2em; }

#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, #083691 0%,#052460 100%); border:none; border-radius:20%; color:#eee;  }
#menubtn:before {content:"a"; font-family:"ElegantIcons"; font-size:30px;} 
#menubtn:hover { border:none; background: linear-gradient(to bottom, #052460 0%,#083691 100%);}

#header &gt; a.sepetigoster{ display:block; position:absolute; right:5px; top:0px; width:44px; height:30px; line-height:30px; text-align: center; font-weight:bold; font-size: 12px;  border-radius:50%; color:#e4a35c; /*#D59957 group rengi bu*/ z-index: 15;}
#header &gt; a.sepetigoster:before {content:"\e015"; /*"\e07a";*/ font-family:"ElegantIcons"; font-size:20px;} 
#header &gt; a.sepetigoster:hover { color: #EEE;}
#header &gt; a.sepetigoster span { position: absolute; left: 25px; top: 0px; display: block; background: rgb(0 0 0 / 50%) /*#c30000*/; color: #eee; border-radius: 10px; font-size: 14px; line-height: 16px; padding: 0 4px; font-weight: normal;}

#toptitle { position: absolute; right: 294px; top: 58px; font-size: 32px; letter-spacing: 2px; color: #0e235c; text-shadow: 4px 3px 12px #0000009e;}
#uyefavori {position: absolute;bottom: 0;right: 0;color: #ddd;border-radius: 10px 10px 0 0;background: #052460;padding: 0 5px;font-size: 13px;}
#uyefavori:before {content:"\e089"; display: inline-block; font-family: "ElegantIcons"; font-size: 14px; font-weight: normal; padding-right: 5px; }
#uyefavori:hover:before {color: red;}
#yeniurunegit {position: absolute;bottom: 0;right: 100px;color: #ddd;border-radius: 10px 10px 0 0;background: #052460;padding: 0 5px;font-size: 13px;}
#yeniurunegit:before {content:"\e07c"; display: inline-block; font-family: "ElegantIcons"; font-size: 14px; font-weight: normal; padding-right: 5px; vertical-align: bottom; }
#yeniurunegit:hover:before {color: yellow;}
#memberlinks { height:40px; position:absolute; right:0px; top:25px; z-index:14; display:block;     /*letter-spacing: 1px;*/}
#memberlinks &gt; div { margin-bottom:20px; text-align:right;}
#memberlinks &gt; div a { /*background: url(../img/login_ico.png) no-repeat;
padding-left: 22px;*/
color: #ddd;
font-weight: bold;
font-size: 12px;
margin-right: 10px;}
#memberlinks &gt; div &gt; a:before, #memberlinks .mbaslik:before {display:inline-block; font-family: "ElegantIcons"; font-size:14px; font-weight: normal; padding-right: 5px;}
#memberlinks &gt; div &gt; a:nth-child(1):before {content:"\e101"; }
#memberlinks &gt; div &gt; a:nth-child(2):before {content:"\e000"; }
#memberlinks &gt; div &gt; a:nth-child(3):before {content:"\e030"; }
#memberlinks &gt; div a:hover {color:#FFD71B; text-shadow: 0px 0px 6px #000;}
#memberlinks &gt; div .uyead { font-weight:bold; color:#ccc; 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: #ddd; font-size: 12px; font-weight: bold; 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:#FFD71B; 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: 125px; z-index: 3; -webkit-transition-delay: 0s; }
#memberlinks .mliste ul {background: #222; border: 1px solid #222; border-left: 2px solid #666; 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 #333;}
#memberlinks .mliste li a { display:block; white-space: nowrap; background:none; padding:0 10px; margin:0;}
#memberlinks .mliste li a:hover {background: #333; color: #FFD71B;}
#memberlinks .mliste li a:before { /*content: "-"; font-size: 20px;*/ content: "\2022"; font-size: 16px; font-weight: normal; color: #FFD71B; display: inline-block; padding-right: 5px; vertical-align: top; }
#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 { position:absolute; top:48px; right:10px; /*width:365px;*/ height:32px; 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 #CCC;
border-radius: 6px 0 0 6px;
height: 32px;
line-height: 32px;
max-width:160px;
}
#searchbar input[type=text]{
color: #6F6F6F;
box-sizing:border-box;
width: 200px;
height: 24px;
line-height: 24px;
background: #FFF;
border: 1px solid #CCC;
/*border-left: none;*/
border-right: none;
padding: 0 5px;
/*transition: width 0.2s;*/
border-radius: 6px 0 0 6px;
outline-color: #589BC5;
outline:none;
box-shadow: inset 0px 5px 10px 0px #e3e3e3;
}
#searchbar input[type=text]:focus{
	/*width:320px;*/
}
#searchbar input[type=submit]{
vertical-align: top;
height: 24px; /*buttonda border boyutun içindedir*/
width: 40px;
padding:0;
cursor: pointer;
background: /*url(../img/search_icon1.png) center no-repeat,*/ linear-gradient(to bottom, #FFDE4D 0%,#E6BB00 100%);
color:#111;
border: none;
border-left: none;
border-radius: 0 6px 6px 0;
/*box-shadow: inset 0px 0px 10px 0px #ccc;*/
font-family:"ElegantIcons";
font-size: 16px;
font-weight: bold;
}
#searchbar input[type=submit]:hover {/*background-color:#589BC5;*/ border-left: none; background:/*url(../img/search_icon1.png) center no-repeat,*/ linear-gradient(to bottom, #e6bb00 0%,#ffde4d 100%); }

#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:none; position:absolute; left:0; right:0; bottom:0px; width:100%; height:50px; background:#222; /* 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;}
#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:none; position:absolute; bottom:20px; left:0; width:100%; height:50px; 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:#333; font-size:18px; display:block; box-sizing:border-box; height:50px; line-height:50px; padding:0 10px; text-shadow: rgb(0, 0, 0 / 20%) 0px 0px 1px, rgb(0, 0, 0 / 20%) 0px 0px 1px; /*transition: background 0.2s;*/ text-transform: capitalize; }

.navtop ul li:hover &gt; a {border-bottom:5px solid #d59957;}

.navtop ul li a:hover {}

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

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

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

.navtop &gt; ul &gt; li:first-child &gt; a { padding-left:0;}

.navtop ul li ul { display:none; position:absolute; left:0px; top:110%; background:rgba(0, 0, 0, 0.8); border: 1px solid #111; /*border-left:2px solid #FFD71B;*/ padding:5px 0; width: 100%; box-shadow:5px 5px 10px -5px #000; text-aling: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 { background:none; border-right:none; height:auto; line-height:17px; overflow:hidden; text-align:left; margin:0; /*width: 275px;*/ width: 19%; 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:16px; color:#eee; font-weight:normal; line-height:inherit; height: auto; padding: 10px 10px 10px 25px; 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; }
.navtop ul li:hover ul li a:hover:before {color:#FFD71B;}
.navtop ul li:hover ul li a { background:none; border: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;}
*/

.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 &gt; ul { display: flex; justify-content: space-between;} 
.navcat &gt; ul &gt; li { } 
.navcat &gt; ul &gt; li &gt; a {display:block; color: #111; white-space: nowrap; line-height: 40px; font-family: inherit; font-size: 18px; padding:0 12px;}
.navcat &gt; ul &gt; li &gt; a:after { /*content: "C";*/ content: '3'; display: inline-block; font-family: "ElegantIcons"; font-weight: bold; }
.navcat &gt; ul &gt; li &gt; 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 &gt; ul &gt; li &gt; ul:before {display:none; content:""; width:100%; height:15px; position:absolute; top:-15px; left:0px; }
.navcat &gt; ul &gt; li:hover &gt; a { background:#000; color:#eee;}
.navcat &gt; ul &gt; li:hover &gt; ul { display:block;}
.navcat &gt; ul &gt; li &gt; ul &gt; li {float: left;}
.navcat &gt; ul &gt; li &gt; ul &gt; li &gt; 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 &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li a { font-size:13px; color:#aaa; font-weight:normal; line-height:inherit; height: auto; padding: 2px 10px 2px 40px; text-indent: -5px; }
.navcat &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li a:before { content: "\25B6";/*"\2022"; nokta*/ color:#aaa; display: inline-block; padding-right: 8px; font-size: 8px; vertical-align: top; }
.navcat &gt; ul &gt; li &gt; ul &gt; li a:hover {color:#FFD71B;}
.navcat &gt; ul &gt; li &gt; ul &gt; li a:hover:before {color:#FFD71B;}

#headerwrp.fixed { z-index:15; height: 120px;/*headerın normal yüksekliği ile aynı*/}
#headerwrp.fixed #header { position: fixed; top:-60px; 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 #headermenubg { position: fixed; top:0; display:block; background:#eee; /*background: linear-gradient(to bottom, #2753AC,#152960);*/ border-bottom:1px solid #052460; height: 60px; }
#headerwrp.fixed #logo { height: 60px; width: 173px; bottom:0px; top:auto; /*background-size:auto; background-image:url(../../../icerik/images/styleimg/logo_beyaz.png);*/}
#headerwrp.fixed .navtop { width: 90%; bottom: 6px; }
#headerwrp.fixed .navtop ul &gt; li &gt; a { font-size:15px;}
#headerwrp.fixed #toplang {top:0;}
#headerwrp.fixed #searchbar {top:0;}
#headerwrp.fixed #toptitle {top:74px;}
#headerwrp.fixed #uyefavori {bottom:100px;}
#headerwrp.fixed #yeniurunegit {bottom:100px;}
#headerwrp.fixed .sepetigoster {top:70px; border: 2px dashed #ddd; border-radius:0;}
#headerwrp.fixed .sepetigoster:hover {color:#333;}
#headerwrp.fixed #menubtn {top:45px;}


#ozelgorsel {position: relative; background-position:center; background-size:cover; height: 100vh; width: 100%;}
#ozelgorsel div { position:relative; height:100%;}
#ozelgorsel div h1 { position: absolute; bottom: 20px; right: 20px; color: #FEFEFE; font-size: 40px; font-style: italic; font-weight: bold; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); 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; /*background:url(../img/bodybg_1px_w1000.png) center repeat-y; background:url(../img/bg_spring1.jpg) center -83px no-repeat;*/ }
#main { min-height:250px; /*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 { }

/*#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 &gt; div, #sidebarright &gt; div {margin-bottom:20px; line-height:20px;}

/* bosphorus için deneme renkler #EB3237 #169480 */
h1 {font-size:50px; font-weight:normal; font-family:inherit; margin-bottom:30px; color:#111; /*#2753AC;*/ text-align: center; line-height: 1.58em; }
h2 { font-size:50px; line-height: 132%; font-weight:normal; font-family:inherit; padding:0; margin:0 0 10px; color:#111; /*color:#FFD71B;*/ text-align:left; }

h1.modS { position:relative; display:table; width: 100%; min-height:40px; /*line-height:40px; /*padding:0 15px;*/ text-align: center;  /*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;*/ text-shadow: 2px 2px 2px rgb(0 0 0 / 25%); }
/*h1.modS:before { content: ""; display: block; position:absolute; top:5px; left:50%;  margin: 0 auto; background-color: #d3d7e6; height: 8px; width: 120px; }*/
h1.modS:after { content: ""; display: block; position:absolute; bottom:0px; left:0; right:0; margin: 0 auto; background-color: #d3d7e6; height: 8px; width: 120px; }
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:"&gt;"; padding:0 6px; color:#BBB;}
h1.modS a:hover {color:#A32929;}
h1 a.secili, h1 a:hover {/*border-bottom: 5px solid #DA730E;*/ }

h2.modS { position:relative; /*color:#2e1705;*/ text-align: center; text-shadow: 2px 2px 2px rgb(0 0 0 / 25%);}
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: 40px; line-height: 40px; padding: 0 8px; font-size: 13px; font-weight: bold; border-radius: 6px; background-image: linear-gradient(to bottom, #FFDE4D 0%,#E6BB00 100%); color:#111; 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; }

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

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

.navleft li a:before	{content: /*"\25B6"*/""; color: #FFD71B; display: inline-block; margin: 0 6px -2px; font-size: 16px; /* background: linear-gradient(135deg, #2753AC,#152960); */ border-radius: 10px; border: 2px solid #1e3f88; width: 12px; height: 12px;}

.navleft li.geridon a {border-top:1px solid #ddd;}
.navleft li.geridon a:before {content: "\25C0"; font-weight:bold; padding-left:32px;}

.navleft li a:hover, .navleft li.secili a { /*color:#FFF;*/ background-color: #FFD71B;}

.navleft li a:hover:before {color:#eee;}

.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 #000; 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:#6F6F6F; padding:30px 0 10px; position:relative; display:flex; flex-wrap: wrap; justify-content: space-between; }

#footer ul { margin:auto; padding:0; text-align:right; 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 { text-align:center; border-top:1px solid #ddd; height:60px; line-height:60px;}
#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: 24px; padding: 10px; }

#footer .navbtm { min-height:40px; line-height:30px; min-width:22%; margin: 0px; margin-top: -8px; order:1; }
#footer .navbtm &gt; ul { width: 100%; min-width: 25%;  }
#footer .navbtm &gt; ul &gt; li ul { display:none;}
/* bu kısım iconlu linkler için normal de kullanmıyorum */
/*
#footer .navbtm &gt; ul:after { content: ""; width: 100%; display: inline-block; }

#footer .navbtm &gt; ul &gt; li { font-size: 20px; text-align:center; vertical-align: top; }
#footer .navbtm &gt; ul &gt; li &gt; p { display:block; height:60px; background:url(../img/footer_link_icons.png) 0 -100px no-repeat; }
#footer .navbtm &gt; ul &gt; li:nth-child(1) p { background-position:center 0; }
#footer .navbtm &gt; ul &gt; li:nth-child(2) p { background-position:center -90px; }
#footer .navbtm &gt; ul &gt; li:nth-child(3) p { background-position:center -200px; }
#footer .navbtm &gt; ul &gt; li:nth-child(4) p { background-position:center -295px; }
#footer .navbtm &gt; ul &gt; li:nth-child(5) p { background-position:center -397px; }
#footer .navbtm &gt; ul &gt; li:nth-child(6) p { background-position:center -500px; }
#footer .navbtm &gt; ul &gt; li &gt; 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 &gt; ul &gt; li ul { margin-top:15px; line-height:20px;}
#footer .navbtm &gt; ul &gt; li ul li { display:list-item; font-size: 13px; color:#fff; text-align:left;}
#footer .navbtm &gt; ul &gt; 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:20px; /*color:#FFF4BD;*/ clear:both; border-top: 1px dashed #666; padding-top: 10px; flex-basis:100%; order:2;}
.frekans a { color:#F30; background: url(../img/frekans_icon_h20.png) right center no-repeat; display:inline-block; *display:inline; zoom:1; line-height:20px; height:20px; padding-right:30px;}
.frekans a:hover {color: #F99;}

#footer .footerkutu1 { text-align:center;}
#footer .footerkutu1 img {max-width:280px;}

#footer .footercontact { margin: 0px auto 0px; color: #eee; text-align:center;}
#footer .footercontact span { display:inline-block; padding:0 20px 0px 35px; height:20px; line-height:25px; background:url(../img/contact_icons25x20.png) no-repeat; vertical-align: top;}
#footer .footercontact span.tel { background-position:0px 0px; padding-left:15px; margin-top:10px;}
#footer .footercontact span.gsm { background-position:0px -50px; padding-left: 25px;}
#footer .footercontact span.faks { background-position:0px -100px;}
#footer .footercontact span.eposta { background-position:0px -150px;}
#footer .footercontact span.adres { background-position:0px -200px; padding-left: 20px; /*white-space: pre;*/ max-width:320px; height: auto;}
#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;}
*/

/* flama tipi
#btmsocial { display:block; position:absolute; top:-13px; right:0px;}
#btmsocial a { position:relative; display:inline-block; font-family:"ElegantIcons"; color:#FFF; width:50px; height:90px; vertical-align: top; transition:height 0.2s; margin-left:10px; font-size: 34px; line-height: 34px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);}
#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 {height:100px;}
#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"; }
#btmsocial a.social_ta {background-color: #000; }
#btmsocial a.social_ta:after { content: "\e128"; }
*/

#btmsocial { display:block; position:absolute; top:100px; left:-10px;}
#btmsocial a { position:relative; display:inline-block; font-family:"ElegantIcons"; color:#FFF; width:24px; margin-left:10px; font-size: 20px; line-height: 24px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);}
#btmsocial a:after {content:""; display:block; text-align: center;}
#btmsocial a:hover {}
#btmsocial a.social_fb:hover { 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:hover {color: #FF3C8B; }
#btmsocial a.social_in:before  {border-bottom: 13px solid #8A0037; }
#btmsocial a.social_in:after { content: "\e09a"; }
#btmsocial a.social_ta {background-color: #000; }
#btmsocial a.social_ta:after { content: "\e128"; }
#btmsocial a.social_li:hover {color: #0A66C2; }
#btmsocial a.social_li:after { content: "\e09d"; }
#btmsocial a.social_yt {vertical-align: text-bottom;}
#btmsocial a.social_yt:hover {color: #FF0000; }
#btmsocial a.social_yt:after { content: "\e0a3"; font-size: 1.2em; }

#btmlang {position:absolute; top:45px; right:130px; width:120px; border: 1px solid #535A61; }
#btmlang select { position:relative; background:none; width:120px; height: 25px; line-height: 25px; color: #ccc;  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:#1D252B;}

#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;}
.kutukutu {display:flex; flex-wrap: wrap; justify-content: center; list-style:none; padding:0; text-align:left; margin:0; overflow: hidden; }
.kutukutu li { display:inline-block; margin:0 0.4% 1%; font-size:14px; width:200px; padding: 0; vertical-align: top; border-radius: 6px; border: 1px solid #eee; position:relative; }
/* 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; }
.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:200px; object-fit:cover; transition:transform 0.2s; }
/*.kutukutu li:hover .wrp2 img { transform: scale(1.1); opacity:0.9; filter: contrast(2); }*/
.kutukutu li:hover .wrp2 img {transform: scale(1.5); /*translate(30px,30px); position:relative; z-index:10;*/ }
.kutukutu li span.marka {color: #999; display: inline-block; font-size: 16px; font-weight: bold; padding: 5px;}
.kutukutu li .wrp2 p { position:relative; bottom:0; width:100%; text-align:center; white-space:normal; font-size: 12px; height: 90px; padding:10px 5px 5px; background-color:#EEE; color:#333; text-align:center; box-sizing:border-box;}
.kutukutu li .wrp2 p .ad {display:inline-block; width:100%; color:#333; line-height: 1.4em; min-height:34px; max-height:58px; overflow: hidden; margin-bottom:8px; font-size: 14px; font-weight:bold; word-break: break-word; }
.kutukutu li[rel=''] .wrp2 p .ad {font-size: 16px;} /*kategorilerde*/
.kutukutu li .wrp2 p .kod {position:absolute; bottom:0; left:0; padding-left:inherit; padding-right:inherit; width:100%; box-sizing:border-box; color:#888; font-size:12px; text-align:left; white-space:pre; overflow:hidden; text-overflow:ellipsis; }
.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: 14px; font-weight: bold; position: absolute; top: -15px; left: auto; right:0; margin:0 auto; width: auto; padding:0 6px; line-height: 24px; border-radius: 6px 0 0 6px; background: #052460; color: #fff; }
.kutukutu li .wrp2 p .eskifiyat { display: none; font-size:14px; color:#999; 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:inline-block; line-height: 100%; max-height: 2.1em; overflow: hidden; }
.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 {  margin: 5px auto 0; max-width: 55%; padding:5px 2px; border-radius: 6px; font-size: 1.1em; float:right;}
.kutukutu li .order:before { display:none; content: "\e07a"; font-family:"ElegantIcons"; padding-right: 5px; }
.kutukutu li .sepeteekleformu { width:40%; margin-top:6px; }
.kutukutu li .sepeteekleformu .itt1 { border: 1px solid #ccc; padding: 6px; border-radius: 6px; width: 82%; }
.kutukutu li span.uyefavoriurun { position: absolute; top: 1px; right: 1px;}
/*.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:#FFD;}
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) { font-weight:bold; }
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; font-weight: bold;}
table.urunsatir tr td:nth-child(5) { width: 70px; position:relative; }
table.urunsatir tr td .marka { color: #2753AC;}
table.urunsatir tr td .kategorilik { /*font-weight: bold; color: #6585c4;*/ color: #2753AC; }
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;}
table.urunsatir tr td span.uyefavoriurun {position: absolute; bottom: 10px; right: 10px;}

span.uyefavoriurun:before {content:"\e030"; font-family:"ElegantIcons"; font-size: 20px; color: #ff00bc; cursor:pointer;}
span.uyefavoriurun:hover:before, span.uyefavoriurun.secili:before {content:"\e089"; }
span.uyefavoriurun.secili:hover:before {content:"\e030"; color: #ff00bc;}

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

p.urungor {display: inline-block; float: right; margin-top:-35px;}
p.urungor a {margin-left:8px;}
p.urungor a:before {font-family:"FontAwesome5"; color:#052460; font-size:24px;}
p.urungor a:hover:before, p.urungor a.secili:before {color:#d59957;}
p.urungor a.ugsatir:before {content:"\f00b"; }
p.urungor a.ugkutu:before {content:"\f00a"; }

#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;*/ max-width: 1920px; 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;}

#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: 22px; text-align: center; color: #FFF; margin: 30px; display: flex; align-items: center; justify-content: center; }
#wowslider-container1 a.ws_next:hover:before, #wowslider-container1 a.ws_prev:hover:before { background: #000;}
#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;}

#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 {font-family:"ElegantIcons"; margin: 0 auto -46px; display: none; 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;}

div.main3kutu {  margin-bottom: 30px; background: url(../img/header_bg1.jpg) center no-repeat; padding:30px 20px; color: #eee; }
div.main3kutu &gt; 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);}
#yanlink3 {position:fixed; left:10px; bottom:10px; z-index:1;}

#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; display: inline-block; width: 100%; /*margin-bottom: 15px;*/} 
.mainhaber ul { list-style: none; display: flex; justify-content: space-between; padding:0;}
.mainhaber li { width: 33%; max-width:350px; min-width:200px;}
.mainhaber li .anapic { width: 350px; height: 219px; object-fit: none; }
.mainhaber li .tarih { padding:0 10px; float:left;}
.mainhaber li .tarih:before {content: "\e023"; font-family:"ElegantIcons"; padding-right:5px;}
.mainhaber li .baslik { padding:8px 0px 4px; color:#111; /*font-family: "Oswald";*/ font-size: 18px; font-weight: bold;}
.mainhaber li .altyazi { padding:0 0px 2px; line-height:1.5em; max-height: 4.5em; box-sizing: border-box; overflow: hidden; text-align: justify;}
.mainhaber li .devam { padding: 0px 6px; min-width: 0; border-radius: 5px; /*border: 0;background: #ddd;*/ color:#D59957; font-weight:bold; float:right;}
.mainhaber li .devam:before { content: "\45"; font-family:"ElegantIcons"; vertical-align: top; }
.mainhaber li .devam:hover {/*background:#111;*/ color:#333;}

.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;}

/*ckedeki video embed için*/
.videoEmbed iframe {max-width:100%; max-height:60vw; }

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: '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: 5px; }
	#searchbar input[type=text] {background: url(../img/search_icon1.png) right center no-repeat; padding: 0 25px 0 5px; width: 30px; border:none; box-shadow:none; transition:all 0.5s; cursor:pointer; }
	#searchbar input[type=text]:hover {background-size:22px;}
	#searchbar input[type=text]/*:focus*/ {width:200px; background: url(../img/search_icon1.png) right center no-repeat #fff; border:1px dashed #ccc; border-radius:6px; box-shadow: inset 0px 5px 10px 0px #e3e3e3; cursor:initial;}
	#searchbar input[type=submit] {display:none;}
	#memberlinks { right: 65px; top:0px; }
	#memberlinks.mllogout &gt; div a { display: inline-block; font-weight: normal; font-size: 13px;	margin-right: 5px; padding: 0 8px; line-height: 32px; min-width: 0;	font-family: inherit; 	border-radius: 20px; }
	#memberlinks.mllogout &gt; div a:hover {  }
	
	.metin .videoEmbed iframe {height: 255px;}
	
}

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

	#headerwrp {min-width: 0;}
	#headerwrp:before {height:5px;}
	#header {width: 100%; height: 100px; }
	#toplang {display:none; width:100%; right:55px; text-align: center; top: 96px; z-index: 15; }
	#topcur {display:none; top: 100px; right:auto; left: calc(50% + 40px); z-index: 15;}
	#topcur select {background:#052460;}
	#searchbar { display:none; width: 100%; left: 0; text-align: center; top: 125px; z-index: 14;}
	#header &gt; a.sepetigoster { /*transform: scale(0.8);*/ top: 28px; right:20px; }
	/*#header &gt; a.sepetigoster:before { font-size: 20px;}*/
	#yeniurunegit {display:none;}
	#toptitle {display:none;}
	
	#logo { left: 0; right: 0; margin: 0 auto; height: 70px; top: 10px;}	
	
	#memberlinks { display:none; height: auto; width: 100%; padding: 0 20px; box-sizing: border-box; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; top: 90px;}
	#memberlinks &gt; div { padding-top: 105px; text-align: center; margin-bottom: 5px; }
	#memberlinks &gt; div .uyead { display: block; position: absolute; width: 100%; max-width:100%; top: 75px; left: 0; text-align: center; color:inherit; }
	#memberlinks &gt; div &gt; a, #memberlinks &gt; div &gt; div &gt; .mbaslik {color:#666;}
	
	
	.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;}
	.navtop ul li { display:block; }
	.navtop &gt; ul &gt; li &gt; a { padding: 0 10px !important;}
	.navtop &gt; ul &gt; li &gt; p {display:none;}
	.navtop ul li ul { text-align: left; position: relative;}
	.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 &gt; ul &gt; li &gt; a { padding: 0 10px !important; color:#eee;}
	.navcat &gt; ul &gt; li &gt; 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: #000;*/}
	#headerwrp.menuacik #header {height: 100vh; margin-bottom:-100vh; padding-top: 230px; 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 #topcur { display: block;}
	#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;*/ }
	
	#tabs &gt; ul &gt; li { color:#aaa !important; margin-left: auto !important; margin-right: auto !important; display: block !important; width: fit-content; }
	#tabs &gt; ul &gt; li:active, #tabs &gt; ul &gt; li.tabactive {color:#111 !important;}
	#tabs &gt; ul &gt; 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;  }
	
	#yanlink3 {top:10px; bottom:auto;}
	
	.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 #btmsocial {left:auto;}
	#footer .navbtm {order:0;}
	#footer .footercontact {flex-basis:100%;}
	
	.sayfanormal {width: auto; padding: 0 20px;}
	.sayfanormal &gt; p {float: none !important; width: auto !important;}
	.sayfanormal .sag { float:none !important; width: auto !important; }
	.sayfanormal &gt; img {display: block; float:none !important; margin: 0 auto 20px !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;}
	
	.iletisim.sol, .iletisim.sag {float:none; width: 100%; padding: 0 !important;}
	
	#rightside { float: none !important; margin: 0 auto !important; overflow: scroll !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 &gt; 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 &gt; ul &gt; li { display: inline-block !important;} 
}

@media only screen and (max-width:1000px) {
	
	.anayazi img {float: none !important; display: block; width: auto !important; height: 50vh; min-height: 240px; margin: 0 auto 20px !important; }
	#bultenkutu { width:65vw; left:-65vw; }
	#kututelefon { font-size:20px;}
	
	/*.katkutu li {width:98% !important;}*/
	
	.anaikonlukutu &gt; div &gt; div ul {margin-bottom:-30px;}
	.anaikonlukutu &gt; div &gt; div ul li { width:48% !important; margin-bottom:40px;}
	
}

@media only screen and (max-width:600px) {
	
	h1,h2 {font-size:36px;}
	
	#footer {flex-direction:column; text-align:center;}
	#footer #btmsocial {position:unset;}
	#footer .navbtm {order:0; margin:20px auto 10px;}
	#footer .navbtm ul {text-align:inherit;}
	#footer .navbtm ul li {display:inline-block;}
	#footer .footercontact {order:1;}
	
	.katkutu li a div p { height: 1.4em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
	
	.anaikonlukutu &gt; div &gt; div ul li p { display:block !important;}
	.anaikonlukutu &gt; div &gt; div ul li p i {font-size: 36px !important;}
	
	
	
}

@media only screen and (max-width:400px) {
	.katkutu li a div {font-size: 12px !important;}
}
</pre></body></html>