body {
    /*background: url("../img/bg5.png");*/
    background: url("../img/bg10.png");
    /*padding-top: 80px;*/
    /*background-color: #00AC6B;*/
    background-color: #007046;
}

a {
    color: #5cb85c;
    font-weight: bold;
    
}

a:hover{
    color: #449d44;
    text-decoration: none;
}

h3 small, small {
    color: #449d44;
}

.col-sm-8 p {
    text-indent: 15px;
}

img {
    width: 100%;
}

/*  Nav */

navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    /*background-color: #365738;*/
    background-color: #FF9500;
}

.navbar-default {
    /*background-color: #429a22;*/
    /*background-color: #FF9500;*/
    background: #ff9500; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff9500 0%, #ffb040 50%, #ff9500 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ff9500 0%,#ffb040 50%,#ff9500 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ff9500 0%,#ffb040 50%,#ff9500 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9500', endColorstr='#ff9500',GradientType=0 ); /* IE6-9 */
    border-color: #365738;
    height: 80px;
    border-radius: 0;
    border: 0;
    margin-bottom: 0;
    z-index: 1030;
}

.navbar-toggle {
    margin-top: 22px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
@media (max-width: 767px){
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        background-color: #FF9500;
    }
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #FFC573;
}

.navbar-nav>li>a {
    padding-top: 25px;
    padding-bottom: 25px;
    line-height: 28px;
}

.navbar-default .navbar-nav>li>a {
    /*font-weight: bold;*/
    font-size: 22px;
    color: #fff;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #A66100;
    font-weight: bold;
    /*background-color: #365738;*/
    /*background-color: #A66100;*/
/*    background: #a66100;  Old browsers 
    background: -moz-linear-gradient(top,  #a66100 0%, #bf8430 50%, #a66100 100%);  FF3.6-15 
    background: -webkit-linear-gradient(top,  #a66100 0%,#bf8430 50%,#a66100 100%);  Chrome10-25,Safari5.1-6 
    background: linear-gradient(to bottom,  #a66100 0%,#bf8430 50%,#a66100 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a66100', endColorstr='#a66100',GradientType=0 );  IE6-9 */
    background: #ff9500; /* Old browsers */
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
     box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    /*color: #365738;*/
    color: #A66100;
    font-weight: bold;
    background-color: transparent;
    background: #ff9500; /* Old browsers */
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
     box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.navbar-default .navbar-brand {
    color: #fff;
    font-weight: bold;
    line-height: 30px;
    font-size: 22px;
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    /*color: #365738;*/
    color: #A66100;
    background-color: transparent;
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 25px 15px;
    font-size: 22px;
    line-height: 28px;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 20px;
}

.navbar-nav>li:hover>a:before, .navbar-nav>li.active>a:before{
width: 100%;
}

.navbar-nav>li>a:before{
content: '';
width: 0%;
display: block;
border-bottom: 2px solid #007046;
-moz-transition: width .12s ease-out;
-webkit-transition: width .12s ease-out;
-o-transition: width .12s ease-out;
-ms-transition: width .12s ease-out;
transition: width .12s ease-out;
}

@media (min-width: 768px) {
    .navbar-nav>li>a {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}

.navbar-fixed {
    top: 0;
    z-index: 100;
    position: fixed;
    width: 100%;
}

.mobile-menu {
    color: #A66100;
    font-weight: bold;
    padding-left: 10px;
}
/*  Footer  */
.footer {
    background: #ff9500; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff9500 0%, #ffb040 50%, #ff9500 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ff9500 0%,#ffb040 50%,#ff9500 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ff9500 0%,#ffb040 50%,#ff9500 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9500', endColorstr='#ff9500',GradientType=0 ); /* IE6-9 */
    border-color: #365738;
}

.footer p {
    padding-top: 10px;
}
/*  Content   */

.content {
    /*background-color: #e5e5e5;*/
    background-color: #fff;
}

.content-fix {
    padding-top: 120px;
}

/*  Left    */

.left-red {
    background-color: #E7003E;
    color: #f36D91;
}

.left-dark-red {
    background-color: #960028;
    color: #FFC573;
    padding-left: 15px;
    padding-right: 15px;
}

.left-dark-green {
    background-color: #007046;
    color: #35D699;
    padding-left: 15px;
    padding-right: 15px;
}

.left-green {
    background-color: #20815D;
}

.left-orange {
    background-color: #ff9500;
}

.left-dark-orange {
    background-color: #A66100;
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px){
    .navbar-nav{
        float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }
}


/*  Logo   */
.logo-left {
    /*background-color: #000;*/
    width: 25%;
    position: absolute;
    opacity: 0.9;
    top: 10px;
    left: 10px;
    z-index: 1;
}

.logo-right {
    /*background-color: #fff;*/
    width: 15%;
    position: absolute;
    opacity: 0.9;
    top: 10px;
    right: 10px;
    z-index: 1;
}

/* The ribbons */

.corner-ribbon{
  width: 200px;
  background: #e43;
  position: absolute;
  top: 30px;
  left: -48px;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* Custom styles */

.corner-ribbon.sticky{
  position: fixed;
}

.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

/* Different positions */

.corner-ribbon.top-left{
  top: 25px;
  left: -50px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right{
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left{
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right{
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* Colors */

.corner-ribbon.white{background: #f0f0f0; color: #555;}
.corner-ribbon.black{background: #333;}
.corner-ribbon.grey{background: #999;}
.corner-ribbon.blue{background: #39d;}
.corner-ribbon.green{background: #2c7;}
.corner-ribbon.turquoise{background: #1b9;}
.corner-ribbon.purple{background: #95b;}
.corner-ribbon.red{background: #e43;}
.corner-ribbon.orange{background: #e82;}
.corner-ribbon.yellow{background: #ec0;}

.ribbon-wrapper-green {
  width: 200px;
  height: 200px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
  z-index: 1;
}

.ribbon-green {
  font: bold 20px Sans-Serif;
  color: #fff;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 10px 0;
  left: -70px;
  top: 65px;
  width: 380px;
  background-color: #ee4433;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}​

/*  Offer */

#offer_main_bg {
    
}

.offer {
    background: url("../img/offer_bg_distributie_legume_fructe_anne.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.offer_bg {
    background-color: rgba(0,0,0,0.5);
}

#offer_main_bg p, #offer_main_bg h1 {
    color: #fff;
    padding-left: 10px;
}

#offer_main_bg p {
    font-size: 17px;
}

 .offer_top_h1{
    padding-top: 15px;
}