﻿h2.title span{     
       position: relative;
    color: #231f20;
    text-align: center;
    font-size: 18px;
    display: table;
    font-weight: 600;
    margin: auto;
    background-color: #fff;
    padding: 0 8px;
    font-family: 'Open Sans', sans-serif;}
h2.title:after{    position: absolute;
    content: "";
    top: 52%;
    width: 100%;
    left: 0;
    border: 1px solid #231f20;
    z-index:-1;
}
.map-content{color: #f77f18;}
#Urunler{font-family: 'Open Sans', sans-serif;}
#Urunler .urun-gruplari{color: #fff;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
    float: left;
    width: 100%;}
#Urunler .urun-gruplari li{float:left;list-style-type:none;width:100%;}
#Urunler .urun-gruplari li a{color:#231f20;}

#Urunler .urun-gruplari>li{background-color:#9ccb46;margin-bottom:2px;}
#Urunler .urun-gruplari>li>span{padding:5px 30px 5px 10px;width:100%;height:100%;position:relative;float:left;font-size:13px;cursor:pointer;}
#Urunler .urun-gruplari>li>span:after{position:absolute;right:0;top:0;    font: 21px FontAwesome;
width:30px;height:100%;     content: "\f101";   background-color: #0d2f52;    text-align: center;
    line-height: 42px;}
#Urunler .urun-gruplari>li>span:hover:after,#Urunler .urun-gruplari>li>span.active:after{content: "\f103"; }
#Urunler .urun-gruplari>li>a{padding:5px 30px 5px 10px;width:100%;height:100%;position:relative;float:left;font-size:15px;cursor:pointer;font-weight:600;}
#Urunler .urun-gruplari>li>a.active + .sub-menu{display:block;}
#Urunler .urun-gruplari>li>a:after{position:absolute;right:0;top:0;    font: 21px FontAwesome;
width:30px;height:100%;     content: "\f101";   background-color: #231f20;color:#fff;    text-align: center;
    line-height: 37px;}
#Urunler .urun-gruplari>li:hover > a:after, #Urunler .urun-gruplari>li>a.active:after{content: "\f103"; }
#Urunler .urun-gruplari>li:hover .sub-menu{display:block;}


#Urunler .urun-gruplari .sub-menu{width:100%;margin:0;padding:0;display:none;}
#Urunler .urun-gruplari .sub-menu li{
    background-color: #2d292a;  
    border-bottom: 1px solid #404040;    float: left;
    width: 100%;   font-size: 14px;

    }
#Urunler .urun-gruplari .sub-menu li a{    
    width: 100%;
    height: 100%;    color:#fff;
    padding: 6px 10px;
    float: left;
    }
#Urunler .urun-gruplari .sub-menu li a img{margin-right:5px;}
#Urunler .urun-gruplari .sub-menu li a.active {
      background-color: #5d5b5b;
    color: #fff;
    }
#Urunler .urun-gruplari .sub-menu li a:hover{color:#9ccb46;}



#Urunler .urun{display: inline-block;padding-bottom: 14px;border-bottom: 1px solid #02a64f;width:100%;min-height: 150px;}
#Urunler .urun .image{width:100%;}
#Urunler .urun h3 a{color: #23527c;font-family: 'Open Sans', sans-serif;font-size: 18px;}
#Urunler .urun p{line-height: normal;font-size: 14px;}
#Urunler .urun .lower-content .theme-btn{border: 1px solid;padding: 0 6px;}


