
body { font-family: 'Roboto Slab',Arial,helvetica,sans-serif; font-size:12px; background: url(../images/bg.jpg) no-repeat; background-size:cover;}
ul {    list-style: none; margin: 0;  padding: 0;}
.top-header { width: 100%; margin-bottom: 10px; z-index: 99; background:rgba(255,255,255,0.6); box-shadow: 0 5px 5px rgba(0,0,0,.05); }
.top-header ul {list-style: none; margin:0; padding:0;}
.top-header .container>.row>.col-sm-12{line-height:0;}

header>.container { padding-top:30px;  background:url(../images/header.png) no-repeat; background-size: auto 100%; }
header .links { display:inline-block; float:left; font-size:12px; line-height:0; margin-top:10px; margin-bottom:9px;}
header .links li a i {  display:none;}
header .links li:first-child { background:none;  padding-left:0;}
header .links li { float:left; margin-right:40px; }
header .links a.active, header .links a:hover { color:#eb5f60; text-decoration:none; }
header .links a { display:inline-block; font-size:13px; color:#898987; line-height:16px; vertical-align:top;}
.top-header .links .login_h a { max-height:25px; max-width:104px; overflow:hidden; white-space:nowrap; }

.logo { position:  absolute; top:0; left:0; }
.slogan { padding-left:160px; height: 80px; text-align: left; font-size:17px; line-height: normal; position: relative; font-weight:bold; text-shadow: 0 0 2px #FFF; }
.slogan span.hizmet { display: block;  }
.slogan span.glyphicon {  color:#2F364A;}

.contact-section { font-size:13px;}
.contact-section>div{ display: block; font-size:14px; margin-bottom:5px; text-shadow: 0 0 2px #FFF;}
.contact-section>div .glyphicon{ font-size:14px; margin-right: 5px; }

.sirketlerimiz { background: #2F364A; padding:4px 10px; text-align: center; color:#FFFFFF; display: block; margin-bottom: 5px; position: relative; }
.sirketlerimiz:after { content:''; position: absolute; bottom:-4px; right: 15px; border-style: solid; border-width: 4px 5px 0 5px; border-color: #2F364A transparent transparent transparent; }
.sirket { white-space: nowrap; font-size:13px; }
.sirket .glyphicon { font-size:12px; color:#2F364A }

.menu { background: #5b9626; margin-left:140px; }
.navbar {margin-bottom:0;}
.navbar-default { border-radius: none; background:none; border:none;}

.navbar-default .navbar-nav>li>a { color:#fff; font-size:15px; font-weight: 400; font-size:14px; padding:15px 30px; border-right:1px solid rgba(255,255,255,0.2)}
.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a.active, .navbar-default .navbar-nav>li>a:hover {color:#FFF; background-color:#48751f; border-right:1px solid rgba(255,255,255,0.2) }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background:#515d9e; color:#fff;  }
.nav>li>a {  padding:15px 20px; }
.sheep { position: absolute; bottom:0; right:0; }


.slider  img {float:right; display: block;}
.slider-container { color:#fff; background: radial-gradient(at 50%,#5EBDEA,#0099D9); background: -webkit-radial-gradient(50%,#5EBDEA,#0099D9);  }
.homeSlider { position: relative; padding:0; margin:0; list-style: none;}
.homeSlider li { text-align: center; padding:40px 0;}
.homeSlider li b { font-size:24px; font-weight: 300; display: block; margin-bottom:20px;}
.homeSlider li img { margin:auto;}
.dogru-tercih { position: absolute; left:0; bottom:120px; z-index: 2000;}

.homeSliderPager {  border-top:2px solid #FFF; list-style: none; margin:0; padding:0; text-align: center; margin-bottom:15px;}
.homeSliderPager a { margin:0 5px; background-color:#0099D9; border-radius: 50px; border:2px solid #FFF; display: inline-block; padding:5px; overflow: hidden; margin-top:-45px; }
.homeSliderPager a img { width:60px; }
.homeSliderPager a.active { background: #fff;   }
.homeSliderPager a.active img { width:70px; }

.projeler { margin-top:20px; position:relative; }
.projeler h2 {font-size:18px; color:#968e5f; border-bottom:1px solid #d8d6cc; line-height: 20px;  margin-bottom: 20px; padding-bottom: 20px; font-weight:300}
.projeler p {font-size:13px; line-break: 20px; color:#909090; margin: 10px 0 10px 0; }
.proje-bottom {background:#2C334A; padding:10px; color:#fff; font-size:16px;}
.projeler img { margin-top:20px; position:relative; float: left; padding:0 10px 0 0; }
.logos { position:relative; float:right; width:200px; height:60px; }
.logos img{ position:absolute; top:0; left:0;  }

.banner1 { border:1px solid #eceae0; position: relative; }
.banner1 span.desc { position: absolute; top:100px; width:70%; font-weight: 300; font-size:20px; left: 10px; }
.banner1 span.desc b { font-size:30px;}
.banner1 .circle { position: absolute; color:#FFF; bottom:20px; left:60px; display:inline-block; background:#6675c5; padding:20px; text-align:center;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%; }

.banner2{ border:1px solid #eceae0; position: relative; }
.banner2 span.desc { position: absolute; top:50%; margin-top:-20px; left:80px; font-weight: 700; color:#FFF; font-size:20px; }

.urunler { margin-top:20px;}
.urunler h2 {font-size:18px; color:#968e5f; border-bottom:1px solid #d8d6cc; line-height: 20px;  margin-bottom: 20px; padding-bottom: 20px; font-weight:300}
.urunler a {float:right; font-weight: bold; font-size:14px; color:#909090;}
.productSliderTop { height: 40px; margin-bottom:10px; margin-top:-40px;}
.productNext,.productPrev  { cursor: pointer; z-index: 100000; width:34px; height:34px; background: url(../images/sprite.png) no-repeat; display: block; opacity: 0.8; margin-left: 6px; float:right;}
.productNext  { background-position: -34px 0;}
.productNext:hover,.productPrev:hover { opacity: 1; }

.productSlider li { text-align: center; background: #FFF; border:1px solid #f0eee4; padding:10px;  }
.productSlider li img { margin-bottom:5px; width:100%; height:auto;}
.productSlider a { font-size:15px; font-weight: normal; color:#909090;}

.urunler .bx-viewport { margin:0 auto; background: none; box-shadow: none; border:none; left:0;}

.haberler h4 {font-size:18px; color:#968e5f; border-bottom:1px solid #d8d6cc; line-height: 20px;  margin-bottom: 20px; padding-bottom: 20px; font-weight:300}
.haberler h5 a {color:#A08F27;}

.subpage-bg { margin-top:50px; background:#FFF;}

.dropdown-menu { z-index: 1000000;}
.page-title { border-bottom:1px dashed #E45198; padding:20px 0 10px 0; margin-bottom:15px;}
.page-title h1 { font-size:20px; color:#E45198; margin: 5px; }
.page-title span a,.page-title span { font-size:13px;  font-weight:normal; font-weight:300; color:#a3a3a3; margin-left:5px;}
.page-title-right {float:right;}
.page-description { font-size:14px;}
.page-description h3 {color:#8B9F46; font-sizze:30px; font-weight:700;}

.product-category-title {color:#FFF; font-size:14px; font-weight:300; text-align: center; padding: 10px; background: #E45198;}
.product-category-list { border:1px solid #eceae0; background:#FFF;}
.product-category-list ul { padding:10px; margin: 0; list-style: none;}
.product-category-list li { position: relative;}
.product-category-list li span.list-opener { cursor:pointer; color:#FFF; text-align:center; font-size:12px; background:#6675c5; border-radius:4px; padding:5px;  position:absolute; top:5px; right:5px;}
.product-category-list li a { display:block; padding:4px 10px; border-bottom:1px solid #EEE;}
.product-category-list li a:hover { }
.product-category-list ul ul {display:none;}

.page-grid { padding:10px !important; background:#FFF; border:1px solid #eceae0; margin-bottom:20px; }
.page-grid h3 { background:#fff; color:#2CC4F3; text-align:center; margin:5px 0 0 0; padding:10px; text-overflow:ellipsis; overflow: hidden; white-space: nowrap }
.page-grid img {border-radius:0 !important;}
.page-grid .detay { display:block; background: #2F364A; color:#FFF; text-align: center; padding:6px; }
.page-grid .detay .glyphicon { font-size:12px;}

.urun-features { color:#2CC4F4; margin-bottom:15px; font-size:16px; }

.haber-title { font-size:15px; margin:5px 0; display: block; color:#A08F27; }
.haber-description { font-size:13px; line-height: 20px; }
.tumhaberler { margin-top:20px; text-align:right; font-size:14px; padding:5px 0; border-top:1px solid #CBCDD2; border-bottom:1px solid #CBCDD2;}
.news-content a{ margin-top:5px; display:inline-block; color:#A08F27}
.page-list img {border-radius:0 !important;}
.page-list { border-bottom:1px solid #d8d6cc !important;}

.wmedya { display:inline-block; margin-top:20px; font-size:14px;  color:rgba(255,255,255,0.8); }
.wmedya:hover { color: rgba(255,255,255,1); text-decoration:none;}
.wmedya span { color:orange;}

.yardim { margin-top:20px;}
.yardim  h4 { display:block; text-align:right; font-size:16px; color:#2F364A;}
.btn { border-radius:0; padding:5px 10px; text-align:center; color:#fff; display:inline-block;}
.btn-blue { box-shadow:inset 0 2px 2px rgba(0,0,0,0.1); background:#2CC4F4; border:1px solid #0CA8DC;}
.btn-black { box-shadow:inset 0 2px 2px rgba(0,0,0,0.1); background:#2F364A; border:1px solid #333;}
.btn-black:hover { color:#fff;}
.btn-block { display:block;}

.haber-bulteni { margin-top:20px;}
.haber-bulteni  h4 { display:block; text-align:right; font-size:16px; color:#2F364A;}
.haber-bulteni input { box-shadow:inset 0 2px 2px rgba(0,0,0,0.1); padding:6px 10px; width:100%; display:block; background:#E0E4EC; border:1px solid #C8CFDD; margin-bottom:3px; }


#title1,#Rounded_Rectangle_Info a { font-family:inherit; }
#Rounded_Rectangle_Info { border:none; background:none; box-shadow:none;}
#Rounded_Rectangle_Info a { font-family:inherit; font-size:14px; padding-top:5px; color:#fff; }
.Rounded_Rectangle_border { background:none; border:none;}



.dropdown-submenu{ position:relative; }
.dropdown-submenu>.dropdown-menu{margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}
.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.dropdown-submenu .dropdown-submenu>.dropdown-menu { left:100%; top:0; border-radius:0 !important; }

footer {
    margin-top:25px;
    border-top:1px solid #f3f1e6;
    padding-top:28px;
    clear: both;
    overflow: hidden;
    background:#fff;

}
.common-home footer {
    margin-top:17px;
}
footer h3 {
    word-wrap:break-word ;	
    font-size:14px;
    color:#e65656;
}
footer li {
    line-height:16px;
    padding:4px 0 3px;
}
footer li a {
    font-size:13px;
    line-height:16px;
    color:#a3a3a3;
    word-wrap:break-word;
}
footer .foot-phone div div{
    color:#a3a3a3;
    line-height:16px;
    padding: 4px 0 6px;
}
span.toggle {
    display:none;
}

#powered br {
    display:none;
}
#powered a {
    font-size:13px;
    color:#fff;
    text-decoration:none;
}
#powered a:hover {
    text-decoration:underline;
}
#powered {
    margin-top:32px;
    padding:11px 0 10px;
    font-size:13px;
    line-height:16px;
    color:#fff;
    background:#5b9626;
    text-align:center;
}
.return-captcha input img {vertical-align:top;}
.return-captcha input {
    margin-bottom:10px;
    vertical-align:top;
}

.product-category-liste {  list-style: circle; padding-left:30px;  }
.product-category-liste li { width:33%; float:left;  padding:10px 10px 10px 0; font-size:16px; }



@media (max-width: 1200px) {

    .navbar-default .navbar-nav>li>a { padding:15px 10px;}
    .slogan span.hizmet {display:inline;}
}

@media (max-width: 990px) {
    .slogan,.contact-section { font-size:13px; text-align:left;}
    .submenu {display:none;}
    .nav>li>a { padding:15px 10px; }
    .contact-section .glyphicon { display:none;}
    .slogan span.hizmet {display:inline;}
    .features span.glyphicon { margin-bottom:90px;}
    #map-turkey {display:none !important;}
}

@media (max-width: 768px) {
    .dogru-tercih {display:none;}
    .sirketlerimiz { max-width:250px; }
    .homeSliderPager { border:none;}
    .homeSliderPager img { width:40px !important; }
    .features span.glyphicon { margin-bottom:10px;}
    .slogan .glyphicon {display:none;}
    .blueSection .row img { margin-bottom:10px;}
    .distributorler .ktabs ul a {  }
    .banner1,.banner2,.tulip {display:none;}
    .menu {margin-left:0;}
    .contact-section { float:left; margin-left:140px; padding:0;}
    .navbar-nav { margin:0;}
    .navbar-toggle { margin-right:30px;}


}
@media (max-width: 640px) {
    .homeSliderPager {display:none;}
    .blueSection p { width:100%;}
    
}




.productDetailSlider img {margin:auto;}
