body { background-color:#f7f7f7}



.navbar-static-top {
  margin-bottom: 0px;
}

.navbar-newblack { background-color:#e0e0e0; background-image:url(hbg.png); width:100%;}

.navbar-brand { height:108px; width:290px;     background-size: auto;    background-repeat: no-repeat;    background-position: center center; padding:0px; float:none; display:block}
.navbar-brand img { max-height:108px; max-width:290px; border:0px;  }

.nav-justified { margin-top: 30px;
    font-size: 18px; background:#009865;      display: -webkit-box;}
button.navbar-toggle .icon-bar { background: #ff0000; }
ul.nav-justified>li>a { color:#fff; border-radius:0px;      padding: 12px 15px;}
ul.nav-justified>li>a:hover,ul.navbar-nav>li>a:active,ul.navbar-nav>li>a:focus { color:#fff; background: #bed730;}
ul.nav-justified>li>ul { width:500px }
ul.nav-justified>li>ul>li>a { border-bottom:1px solid #ccc; white-space: normal; }
.footer { background-color:#e0e0e0; background-image:url(hbg.png); color:#333; font-size:13px; font-weight:bold; margin-top:10px; padding:10px 0px }


#SlideDiv {     background: #fff;
    position: relative;
    overflow: hidden;
    z-index: 20;
     margin-bottom:10px
}

#IndexBottom {          margin-top:30px; color:#333}
.gnlbb {     color:#fff; border:1px solid #ccc; color:#333; padding:10px
}
.slider div img  {     box-shadow: black 0px 0px 5px 0px inset;
    padding: 0px 0px;
    border-width: 5px;
    border-color: black;
    border-style: solid;
}
.inContainer { padding-top:20px }

.lgarea { position:relative; }
.lgarea .lg { z-index:3; position:absolute;width: 290px; text-align:center}
.lgarea .btmx {     -webkit-clip-path: polygon(100% 48%, 100% 75%, 50% 100%, 0% 75%, 0 48%);
    clip-path: polygon(100% 48%, 100% 75%, 50% 100%, 0% 75%, 0 48%);
    background: #fff;
    z-index: 2;
    position: absolute;
    width: 290px;
    height: 144px;}
.lgarea .btmx2 {     -webkit-clip-path: polygon(100% 48%, 100% 75%, 50% 100%, 0% 75%, 0 48%);
    clip-path: polygon(100% 48%, 100% 75%, 50% 100%, 0% 75%, 0 48%);
    background: #000;
    z-index: 1;
    position: absolute;
    width: 289px;
    height: 147px;}



.photoshadowprod {     -webkit-box-shadow: 2px 2px 10px 4px rgba(0,0,0,0.52);
    -moz-box-shadow: 2px 2px 10px 4px rgba(0,0,0,0.52);
    box-shadow: 2px 2px 10px 4px rgba(0,0,0,0.52);}

.genelRedBox .title {

       background: none;
    text-align: left;
    color: rgb(116, 132, 26);
    line-height: 1.2;
    letter-spacing: 0px;
    font-size: 24px;
    background-color: rgb(232, 232, 232); padding:15px 8px

}
.genelRedBox .content {     padding: 10px;

    background:#fff;}


a.list-group-item, button.list-group-item { background-color: #f1f1f1; color:#333 }
a.list-group-item:nth-child(odd), button.list-group-item:nth-child(odd) { background-color: #ccc; color:#000 }


.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover,.list-group-item.active:nth-child(odd), .list-group-item.active:nth-child(odd):focus, .list-group-item.active:nth-child(odd):hover {
    z-index: 2;
    color: #333;
   background-color: #ddd;
    border-color: #000; border:none
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    color:#fff; background: #bed730;
}

.list-group-item:first-child {
    border-radius:0px;
}
.list-group-item:last-child {
    border-radius:0px;
}

.bottomBorder { -webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px; }
.myGnlBox { background:#bababa; padding:0px 8px 8px }
.myGnlBox>.in { background:#fff; padding:10px }
.myGnlBox .in .imageBox { border:5px solid rgba(186,186,186,0.5); background:#333; }
.myGnlBox .in .imageBox .imageOut { display: table; width: 100%;}
.myGnlBox .in .imageBox .image { height:100px; width:50%;     color: #fff;    display: table-cell; background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; 
opacity: 0.5;
    border: 1px solid #fff
}


.productListing div.image { background-size: cover;    background-position: center center;opacity: 0.9; width:100%; height:200px  }

.productListing a:hover  div.image{ opacity:1 }
.productListing a:hover .thumbnail {     border: 1px solid #00ff00;}











.slick-initialized .slick-slide {
    
    border: 5px solid #fff;
    margin: 5px;
}





.promo-section {
  background: #343E49;
  position: relative;
}
.hero-carousel {
  height: 320px;
  color: #fff;
}
.hero-carousel .carousel-inner .item {
  height: 320px;
  background-position: center center;
  padding-top: 90px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.hero-carousel .carousel-inner .item-content-inner {
  max-width: 680px;
  margin: 0 auto;
}
.hero-carousel .carousel-inner .heading {
  font-size: 32px;
  line-height: 1.2;
  font-weight: 900;
  margin-top: 0;
  margin-bottom: 15px;
}
.hero-carousel .carousel-inner .intro {
  font-size: 18px;
  margin-bottom: 30px;
}
.owl-carousel .owl-item img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}