@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=latin-ext');
body {font-family:'Open Sans', sans-serif; background:url(../images/bg.png); font-size:14px;overflow-x: hidden !important;}
* {box-sizing: border-box;}
ul {list-style:none; margin:0; padding:0;}
a {text-decoration:none; color:#096633;}
.wrapper {width:1200px; margin:0 auto; display:table; clear:both; background:#fff;}
.none {display:none !important;}
.left {float:left;}
.right {float:right;}
.textLeft {text-align:left;}
.textRight {text-align:right;}
.container {padding:0 20px; overflow: hidden;}
.overlay {display:none; width:100%;height:100%;background:rgba(0,0,0,.8);position:fixed;top:0;left:0;z-index:100;}
h2.title{border-bottom: 1px solid #ddd; color:#333; margin:0; background:#eee; padding:10px 20px; text-transform:uppercase;}
t {display:table;height:100%;width: 100%;}
tc {display:table-cell;height:100%;vertical-align:middle;width: 100%;}
#top {width:100%; height:50px; border-top:4px solid #096633; border-bottom:1px solid #ddd; background:#eee;}
#top #social{float:left;line-height: 57px; margin-left: 20px;}
#top #user{float:right; line-height: 45px; margin-right: 20px;}
#top #user a{background:#096633; padding:4px 10px; color:#fff; font-weight:600; line-height: 50px; }

header#header {width:100%; padding:20px;height: 210px;}
header#header #logo{float:left;height: 100px;position:relative;top: 0;}
header#header #logo small{position: absolute;top: -17px; left: 0; color: #000; font-size: 10px;}
header#header #logo img.slogan{height: 36px; margin-left: 25px;}
header#header #partners{float:right; height:100px;}
header#header nav#menu{float:left; width:100%; height:50px; line-height:50px; border:1px solid #ddd; background:#eee; margin:20px 0;}
header#header nav#menu li{float:left; text-transform:uppercase; font-weight:700;}
header#header nav#menu li a{color:#333; padding:0 20px; display:block;}
header#header nav#menu li a:hover{color:#096633;}

/*header nav#menu li.firstMenuLi:nth-last-child(1) a{color:#ccc;}*/

header#header nav#menu ul.subMenu{display:none; position: absolute;  width: 200px; z-index: 999;  background: #eee; padding: 10px 0;}
header#header nav#menu ul li.subMenuLi{float: left; width: 100%; line-height: 36px; font-size: 12px;}

header#header nav#menu ul.haberler{display:none; position: absolute;  width: 430px; z-index: 999;  background: #eee; padding: 10px 0;}
header#header nav#menu ul.haberler li.subMenuLi{float: left; width: 50%; line-height: 36px; font-size: 12px; border-right: 1px solid #ccc;}

header#header nav#menu ul li.subMenuLi a{}
header#header nav#menu li.firstMenuLi:hover ul.subMenu{display:block;}

#bigNews {float:left; width:772px; height:316px; position:relative;}
#bigNews desc{position:absolute;z-index:9;left: 0;bottom: 0;width: 100%;background: rgba(0,0,0,.7);padding: 10px;color: #fff;}
#bigNews desc b{display:block;font-size: 20px;text-transform: uppercase;}
#bigNews desc span{display:block;}
#bigNews i{position:absolute;z-index:9; top: 10px; right: 10px;  font-size:12px; background:#096633; color:#fff; font-style:normal; padding:2px 4px;}
.owl-theme .owl-controls {margin-top:0;}
.owl-page {background-size:cover; background-position:center;}
.owl-page span{visibility:hidden;}
.owl-theme .owl-controls .owl-page {border-right:2px solid #fff; border-top:2px solid #fff;}
.owl-theme .owl-controls .owl-page:last-child {border-right:0;}

#r360 {float:right; width:376px; height:380px; background:#eee; position:relative}
#r360.flexslider .slides img {padding:0;}

#smallNews {width:1200px;}
#citySlider {width:100%; height:300px;}
.tabs-nav{list-style:none;margin: 10px 0 0 0;padding:0;display: table;width: 100%;}
.tabs-nav li:first-child a{border-right:0;-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;border-top-left-radius:6px}
.tabs-nav .tab-active a{background: #fff;border-bottom-color: #fff;color: #096633;cursor:default;}
.tabs-nav a{background: #eee;border:1px solid hsl(210,6%,79%);color: #666;display:block;font-size: 12px;font-weight:700;text-align:center;text-transform:uppercase;padding: 10px 20px;}
.tabs-nav li{display: table-cell;}
.tabs-stage{border: 1px solid #ccc;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;-ms-border-radius:0 0 6px 6px;-o-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;border-top:0;clear:both;position:relative;top: -1px;width: 100%;padding: 20px;}
.tabs-stage p{margin:0;padding:20px;color:hsl(0,0%,33%)}

/*#tabs{  overflow: hidden;  width: 100%;  margin: 0;  padding: 0;  list-style: none;}
#tabs li{float: left;margin: 0;}
#tabs a{position: relative;background: #eee;padding:  10px;float: left;text-decoration: none;color: #444;font-size: 12px;}
#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after{  background: #ccc;}
#tabs a:focus{  outline: 0;}
#tabs a::after{content:'';position:absolute;z-index: 1;top: 0;right: 0;bottom: 0;width: 0;background: #eee;}
#tabs #current a,
#tabs #current a::after{background: #096633;z-index: 3;color: #fff;}
#tabs-content{background: none;padding: 0;position: relative;z-index: 2;}
#tabs-content div{display:none;overflow: hidden;}




#search {float:right; width:376px; height:380px; background:url(../images/searchBG.jpg) no-repeat; position:relative;}
#search form{width:100%;position:absolute; bottom:0; left:0;}
#search input[type="text"]{width:90%; margin:5px auto; display:block; padding: 12px; border:1px solid #A9A9A9; background:rgba(255,255,255,.8);}
#search select{width:90%; margin:5px auto; display:block; padding: 12px; color:#333; background:rgba(255,255,255,.8);}
#search input[type="submit"]{width:100%; height:64px; text-align:center; background:#096633; color:#fff; border:0; margin-top:10px;}
#search div.radio {width:100%; }
#search div.radio p{width: 90%; margin: 5px auto; display: block; padding: 12px; border: 1px solid #A9A9A9; background: rgba(255,255,255,.8);}
*/



.homeCat {float:right;width:376px;height:380px;background: #fff;position:relative;border: 1px solid #ccc;text-transform: uppercase;}
.homeCat h2{border-top: 4px solid #096633;}
.homeCat ul{padding: 10px 0;margin-left: -1px;width: 50%;float: left;}
.homeCat ul li{float:left;width: 100%;line-height: 19px;border-left: 1px solid #ccc;padding-left: 10px;font-weight: 700;font-size: 12px;}
.homeCat ul li a{}
.homeCat ul li a:hover{color:#c00;}
.homeCat ul li ul{padding: 0;}
.homeCat ul li ul li{float:none;width: 100%;border-left:0;font-weight: 500;}
.homeCat ul li ul li a{font-size: 12px;}
.homeCat ul li i{color:#999; font-style:normal;}



#smallNews.col4 ul {margin-top:10px;}
#smallNews.col4 li {position:relative; margin-right:12px;}
#smallNews.col4 li:last-child {margin-right:0;}
#smallNews.col4 li desc{position:absolute;z-index:9;left: 0;bottom: 0;width: 100%;background: rgba(0,0,0,.7);padding: 10px;color: #fff;}
#smallNews.col4 li desc b{display:block;font-size: 14px;text-transform: uppercase;}
#smallNews.col4 li desc span{display:block;}
#smallNews.col4 li i{position:absolute;z-index:9; top: 10px; right: 10px;  font-size:12px; background:#096633; color:#fff; font-style:normal; padding:2px 4px;}



section.left {float:left;width: 772px;margin-top:10px;}
section.home-cat article{border: 1px solid #ddd;overflow: hidden;margin-bottom:20px;border-top: 4px solid #096633;}
section.home-cat article h2{border-bottom: 1px solid #ddd; color:#333; margin:0; background:#eee; padding:10px 20px; text-transform:uppercase;}
section.home-cat article ul{padding:10px;}
section.home-cat article li{float:left; width:50%; margin-bottom:10px; border-bottom:1px solid #eee; padding-bottom:10px;}
section.home-cat article li:first-child{width:100%;}
section.home-cat article li a{display:block; overflow: hidden;}
section.home-cat article li img{float:left; height:80px;}
section.home-cat article li:first-child img{height:216px;}
section.home-cat article li desc{float:left; padding:10px; color:#666; width: calc(100% - 112px); height: 80px;}
section.home-cat article li:first-child desc{width: calc(100% - 300px); height: 216px;}
section.home-cat article li desc b{display:block;font-size: 12px;color:#333;text-transform: uppercase;}
section.home-cat article li:first-child desc b{font-size: 18px;}
section.home-cat article li desc span{display:none;}
section.home-cat article li:first-child span{display:block;}
section.home-cat article .more {display:block;width:100%;text-align:center;font-weight:800;clear: both;}
section.home-cat article .more a{padding: 20px;display: inline-block;background: #ccc;width: 100%;color: #333;}

section.pageTheme {border: 1px solid #eee; border-top: 4px solid #096633; padding: 0;}
section.pageTheme h1{padding: 10px 20px; background: #eee;  margin: 0 0 20px 0;  border-bottom: 1px solid #ccc;}
section.news-detail div{position:relative;}
section.news-detail cat{text-transform:uppercase;font-weight:600;padding: 10px;display: inline-block;}
section.news-detail h1{font-size: 26px;text-transform:uppercase;margin: 0;}
section.news-detail h2{font-size:16px;font-weight:400;margin: 0 0 20px 0;border-top: 1px solid #ccc;padding: 20px 20px 0 20px;}
section.news-detail date{float: right;font-style: italic;padding: 10px;display: inline-block;}
section.news-detail figure{margin:0; padding:10px; border:1px solid #eee;}
section.news-detail figure img{width:100%; height:auto;}
section.news-detail figure iframe{width:100%; height:400px;}
section.news-detail .news-content{
    padding: 0 20px;
}
section.news-detail .news-content img{max-width:100%; height:auto;}

aside.right {float:right;width: 376px;margin-top:10px;}
aside.right article {border: 1px solid #ddd;overflow: hidden;margin-bottom:20px;border-top: 4px solid #096633;}
aside.right article.shopDetailInfo {background: #eee;border: 1px solid #ddd; overflow: hidden; margin-bottom:20px; padding: 20px;}
aside.right article h2{padding: 10px 20px;background: #eee;margin: 0 0 20px 0;border-bottom: 1px solid #ccc;}

aside.left {float:left; width:376px; margin-top:10px;}
aside.left article {border: 1px solid #ddd;overflow: hidden;margin-bottom:20px;border-top: 4px solid #096633;}
aside.left article ul.shopCat{padding: 20px;text-transform: capitalize;}
aside.left article ul.shopCat li {margin-bottom:20px;}
aside.left article ul.shopCat li ul li{margin-bottom:2px;}
aside.left article ul.shopCat form li {margin-bottom:2px;}
aside.left article h2{border-bottom: 1px solid #ddd; color:#333; margin:0; background:#eee; padding:10px 20px; text-transform:uppercase;}

div.realestate section.left {float:left; width:560px; margin-top:10px;}
div.realestate aside.right {float:right; width:260px;}
div.realestate div.shopPriceArea {float:left; width:300px; margin-top:10px; margin-left:20px;border: 1px solid #ddd;overflow: hidden;margin-bottom:20px;border-top: 4px solid #096633;}
div.realestate div.shopPriceArea ul{padding: 10px 20px;}
div.realestate div.shopPriceArea ul price{font-size:20px;font-weight: 800;padding: 0 0 20px 0;display: block;}
div.realestate div.shopPriceArea ul li{width: 100%; display: table; border-bottom: 1px solid #ccc; font-size: 12px; padding: 5px 0;}
div.realestate div.shopPriceArea ul li span{font-weight:600; float:left;}
div.realestate div.shopPriceArea ul li b{float:right; font-weight:400;}
div.realestate .flexslider .slides img{width:100% !important;}

.flexslider .slides img {max-width:100%; max-height:100%; }

#newsPhotos {}
#newsPhotos ul{margin:0; padding:0; list-style:none;}
#newsPhotos ul li{float:left; margin-right:4px; padding:4px; border:1px solid #ddd;}
#newsPhotos ul li:hover{opacity:0.7;}

#productPhotos {height:400px;}
#productPhotos li{height:400px;}

form#registerForm {}
form#registerForm div{margin-bottom: 10px;padding: 0 20px;}
form#registerForm div label{display:block;}
form#registerForm div input{padding:10px; width:100%;}
form#registerForm div select{padding:10px; width:100%;}
form#registerForm div textarea{padding:10px; width:100%;}
form#registerForm div input.submit{}

form#login-Form {}
form#login-Form div{margin-bottom: 10px;}
form#login-Form div label{display:block;}
form#login-Form div input{padding:10px; width:100%;}
form#login-Form div select{padding:10px; width:100%;}
form#login-Form div textarea{padding:10px; width:100%;}
form#login-Form div input.submit{}

section#shop {width: 774px; margin-left: 10px;}
section#shop article{border:1px solid #ddd;border-top: 4px solid #096633;}
section#shop li{padding: 5px;height: 180px;width: 32%;text-align: center;float: left;margin: 0.5%;border: 1px solid #ccc;}
section#shop li:nth-child(2n){}
section#shop li figure{background: #fff;width: 100%;margin:0;padding:0;height: 100px;text-align:center;float:left;overflow: hidden;}
section#shop li figure img{height:100%;}
section#shop li desc{width: 100%;height:100px;float:left;padding: 10px;}

.flexslider .slides img {width: initial;height: 100%; margin: auto; padding: 4px;}

aside#myAccount {text-align:center;}
section#myShops {width: 774px; margin-left: 10px;}
section#myShops article{border:1px solid #ddd;border-top: 4px solid #096633;}
section#myShops li{padding: 5px; height: 102px; display: table;  width: 100%;}
section#myShops li:nth-child(2n){background:#eee;}
section#myShops li figure{background: #fff;width:152px; margin:0; padding:0; height:102px; text-align:center; float:left; border:1px solid #ddd;overflow: hidden;}
section#myShops li figure img{height:100%;}
section#myShops li desc{width: 460px;height:100px;float:left;padding: 10px;}
section#myShops li .right{margin-top:17px;}
a.yayinaAl {background:#339900;color:#fff;display: block;text-align: center;padding: 5px;border-radius: 4px;margin: 2px 0;width: 140px;}
a.vitrinYap {background:#c00; color:#fff; display: block; text-align: center; padding: 5px; border-radius: 4px; margin: 2px 0;width: 140px;}

a.vitrinde , a.yayinda {background:#096633; color:#000; display: block; text-align: center; padding: 5px; border-radius: 4px; margin: 2px 0;width: 140px;}

#yayinOdemeEkrani {display:none; position:absolute;z-index:101;width:600px;height:400px;left:50%;top:50%;margin:-200px 0 0 -300px;background:#fff;border: 4px solid #096633;}

#vitrinOdemeEkrani {display:none; position:absolute;z-index:101;width:600px;height:400px;left:50%;top:50%;margin:-200px 0 0 -300px;background:#fff;border: 4px solid #096633;}

.satinAl h3{border-bottom: 1px solid #ddd;color:#333;margin:0;background:#eee;padding: 10px;text-transform:uppercase;text-align: center;font-size: 26px;}
.satinAl p{text-align: center;font-size: 18px;}
.satinAl small{display: block;color: #999;}
.satinAl i{display: block;margin: 20px;font-size: 14px;text-decoration: underline;}
.satinAl form{text-align: center;margin: 30px;}
.satinAl form select{padding: 10px;}
.satinAl form input{padding: 10px;}
.satinAl b{border: 1px solid #096633;color: #096633;padding: 10px;display: inline-block;margin-top: 10px;}


.shopDetailTitle {border:1px solid #ddd;border-top: 4px solid #096633; padding:0;}
.shopDetailTitle cat {padding: 10px 20px; background: #eee; margin: 0 0 20px 0; border-bottom: 1px solid #ccc; display: block;}
.shopDetailTitle h1 {padding: 0 20px;}
.shopDetailPhotos {}
#productPhotos iframe {width:100%; height: 400px;}

article.shopDetailInfo {border-top: 4px solid #096633 !important;}
article.shopDetailInfo {text-align:center;}
article.shopDetailInfo figure{height: 50px;margin: 0;border-bottom: 1px solid #ccc;padding-bottom: 15px;display: table;margin-bottom: 20px;width: 100%;}
article.shopDetailInfo figure img{}
article.shopDetailInfo figure figcaption{padding: 10px;font-weight: 600;font-size: 18px;}
article.shopDetailInfo address{font-size:11px; font-style:italic; font-weight:500;}
article.shopDetailInfo phone{display: block; margin: 10px 0; border: 1px solid #c0c0c0; border-radius: 3px; padding: 12px; font-size: 20px; box-shadow: 1px 2px 3px #ccc; background: #fff;}
article.shopDetailInfo links{display:block;}
article.shopDetailInfo user{display:block;font-weight: 600;font-size: 18px;}
article.shopDetailInfo user i{font-size:11px; font-style:italic; font-weight:500; display:block;}


.shopDetailDesc {border:1px solid #ddd;border-top: 4px solid #096633; padding:0 0 20px 0; margin:10px 0; overflow: hidden;} 
.shopDetailDesc h3{padding: 10px 20px; background: #eee; margin: 0 0 20px 0; border-bottom: 1px solid #ccc;}
.shopDetailDesc .shopDetailDescContent {padding: 0 20px; overflow: hidden;}
article.showcaseRight {}
article.showcaseRight ul{}
article.showcaseRight ul li{float:left;width: 24%;margin: .5%;overflow:hidden;height: 180px;padding:5px;border:1px solid #ddd;} 
article.showcaseRight ul li:nth-child(3n-1){width: 24%;} 
article.showcaseRight ul li img{width:100%;}
article.showcaseRight ul li span{display:block; font-size:11px; text-align:center; text-transform: lowercase;}

.shopDetailTags {border:1px solid #ddd;border-top: 4px solid #096633; padding:0 0 20px 0; margin:10px 0; overflow: hidden;}
.shopDetailTags h3{padding: 10px 20px; background: #eee; margin: 0 0 20px 0; border-bottom: 1px solid #ccc;}
.shopDetailTags ul{padding: 0 20px; overflow: hidden;}
.shopDetailTags li{float:left; width:25%; text-transform: capitalize; color: #aaa; position:relative;font-weight: 600;padding-left: 20px;    margin: 5px 0;}
.shopDetailTags li.selected{color:#000;}
.shopDetailTags li.selected:before{background: url(/images/selected.png) no-repeat; content: ''; position: absolute; top: 2px; left: 0; width: 19px; height: 17px;}
.shopDetailTags label{padding: 10px;text-transform: uppercase;font-size: 20px;display: block;background: #f5f5f5;margin-bottom: 23px;}



.shopDetailTheme {border:1px solid #ddd;border-top: 4px solid #096633; padding:0 0 20px 0; margin:10px 0; overflow: hidden;}
.shopDetailTheme h3{padding: 10px 20px; background: #eee; margin: 0 0 20px 0; border-bottom: 1px solid #ccc;}
.shopDetailTheme ul{padding: 0 20px; overflow: hidden;}
.shopDetailTheme li{float:left; width:25%; text-transform: capitalize; color: #aaa; position:relative;font-weight: 600;padding-left: 20px;    margin: 5px 0;}
.shopDetailTheme li.selected{color:#000;}
.shopDetailTheme li.selected:before{background: url(/images/selected.png) no-repeat; content: ''; position: absolute; top: 2px; left: 0; width: 19px; height: 17px;}


.comments {border:1px solid #ddd;border-top: 4px solid #096633; padding:0 0 20px 0; margin:10px 0; overflow: hidden;}
.comments h3{padding: 10px 20px; background: #eee; margin: 0 0 20px 0; border-bottom: 1px solid #ccc;}
.commentsArea {padding: 0 20px; overflow: hidden;}
.commentsArea ul {margin:0; padding:0; list-style:none;}
.commentsArea ul li{border-bottom: 1px solid #ccc; margin-bottom: 15px;}
.commentsArea ul li p{}


.commentAdd {border:1px solid #ddd;border-top: 4px solid #096633; padding:0 0 20px 0; margin:10px 0; overflow: hidden;}
.commentAdd h3{padding: 10px 20px; background: #eee; margin: 0 0 20px 0; border-bottom: 1px solid #ccc;}
.commentAddArea {padding: 0 20px; overflow: hidden;}
.commentAddArea p{margin:0;}
.commentAddArea i{float:left;}
.commentAddArea label{float:left; margin:0 5px;}
.commentAddArea textarea{width:100%; padding:10px; margin: 20px 0;}
.commentAddArea .submit{float:right; padding:10px;}


p.ilanDurum  {text-align: center; margin-bottom: 35px;}
p.ilanDurum span {text-align:center; margin: 10px 0; border: 1px solid #c0c0c0; border-radius: 3px; padding: 12px; font-size: 12px; color:#c00;  box-shadow: 1px 2px 3px #ccc; background: #f5f5f5;}

section.pageTheme.shopCreate {overflow:hidden; margin-bottom:20px; padding:0;}
.shopCreate article{ padding:0 20px 20px 20px;}
.shopCreate div {overflow:hidden;margin: 10px 0;}
.shopCreate div label{display:block; font-size:12px; font-weight:600;}
.shopCreate input{padding:10px;}
.shopCreate select{padding:10px;}

.shopCreate h2{padding: 10px 20px; background: #eee; margin: 0 0 20px 0; border-bottom: 1px solid #ccc;}

ul.etiketList {overflow: hidden;margin: 5px 0 20px 0;}
ul.etiketList li{float:left; width:20%;}

.page_gallery {overflow:hidden;}
.page_gallery li{float:left; margin:5px;}

#mobile_menu_btn {display:none;}
#mobile_menu {display:none;}
@media screen and (max-width:1920px) { 
}

@media screen and (max-width:1600px) { 
}

@media screen and (max-width:1440px) { 
}

@media screen and (max-width:1366px) { 
}

@media screen and (max-width:1280px) { 
}

@media screen and (max-width:1024px) { 
}

@media screen and (max-width:768px) {
}

@media screen and (max-width:640px) { 
}

@media screen and (max-width:480px) {
}

@media screen and (max-width:320px) { 
}