@import url('glyphicons.css');


@font-face{
    font-family:'Droid Serif';
    src:url('fonts/DroidSerif.ttf');
}
@font-face{

    font-family:'Bebas Neue';
    src:url('fonts/bebasneue.otf');
}
@import url('glyphicons.css');


a{
    color: #7C211E;
}
a:hover{
    color:#428bca
}
h1, h2, h3, h4{
    font-family: 'Droid Serif', serif;
}
.page-title h1, .page-title h2, .entry-title h1{
    font-size: 2.5em;
    line-height: 1.5em;
    font-weight: normal;
    text-transform: uppercase;
    padding: 0 0 9px;
    margin: 0;
    color: #474747;
}
.section{
    display: block;
    padding: 0;
    margin:0;
}
.top-bar *{
    vertical-align: top;
}
.top-bar a{
    color:white;

}
.top-bar{
    box-sizing:border-box;

    padding:3px 0px;
    width:100%;
    display: block;
    position: fixed;
    top:0px;	
    color: white;
    z-index: 10;
    box-sizing: border-box;
    /* background: rgb(169,123,80); */
    background: -moz-linear-gradient(top,  rgba(169,123,80,1) 10%, rgba(110,69,30,1) 100%);
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(169,123,80,1)), color-stop(100%,rgba(110,69,30,1))); */
    /* background: -webkit-linear-gradient(top,  rgba(169,123,80,1) 10%,rgba(110,69,30,1) 100%); */
    background: -o-linear-gradient(top,  rgba(169,123,80,1) 10%,rgba(110,69,30,1) 100%);
    background: -ms-linear-gradient(top,  rgba(169,123,80,1) 10%,rgba(110,69,30,1) 100%);
    background: linear-gradient(to bottom,  rgba(169,123,80,1) 10%,rgba(110,69,30,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a97b50', endColorstr='#6e451e',GradientType=0 );


}
.top-bar h1, .topbar h2, .top-bar h3, .top-bar h4, .top-bar h5{
    margin:0px;
}
#search_mini_form{

} 
#search_mini_form > input:first-child{
    width: 223px;
    margin-right: -5px;
    border: none;
    padding: 2px 10px;
    vertical-align: top;
}
.top-bar ul.links{
    margin-bottom:0;
}
.top-bar ul.links li:before{
    content: "|";
    padding-left:2px;
    padding-right: 3px;
    opacity: .8;
}
.top-bar ul.links li:first-child:before{
    content:"";
}
#main-header{
    margin:36px 0 20px 0;
    padding-top:15px;
}
header#main-header h2 {
    color: #f7941e;
    font-size: 26px;
    margin-top: 25px;
    font-weight: bold;
}
@media(max-width: 993px){
    header#main-header h2 {
        margin-left: 20px;
    }
}

header#main-header h2 span {
    color: #8a1400;
}
.logo-wrapper{
    position: relative;
    padding:1px 0;
}
.navbar-efoods{
    min-height: 20px;
}
.navbar-efoods .navbar-toggle{
    /*background-color: #fff;*/
}
.navbar-efoods .navbar-toggle .icon-bar{
    background-color: white;
}
.navbar-efoods ul.mobile-menu-icons{
    padding: 0;
    margin-bottom: 0;
    width: 100%;
}
.navbar-efoods ul.mobile-menu-icons li{
    display: inline-block;
} 
.navbar-efoods ul.mobile-menu-icons li a{
    color:#fff;
    font-size: 1.4em;
}
.navbar-efoods .navbar-collapse{
    padding-left:0;
    padding-right:0;
}
.navbar-efoods ul.navbar-nav{
    margin:0px;
    padding:0px;
}
.navbar-efoods ul.navbar-nav > li{
    display:inline-block;

}
.navbar-efoods ul.navbar-nav > li > a{
    color:#498B2A;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Bebas Neue", 'Yanone Kaffeesatz' !important;
    font-size: 20px;
    padding: 0px 18px;
}
@media (max-width: 767px){
    .navbar-efoods ul.navbar-nav > li > a {
  color: #FFD314;
 
}
    
}
.navbar-efoods .dropdown-menu  li > a{
    color: #808285;
    text-decoration: none;
    padding: 0;
    text-transform: capitalize;
    padding: 0px 18px;
}
.navbar-efoods .dropdown-menu  li > a:hover{
    background: none;
    /***/
    padding-left: 22px; 

    transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
}
.navbar-efoods ul.navbar-nav > li > a:hover,.navbar-efoods ul.navbar-nav > li > a:focus{
    color:#761115 !important;
    background: none;
}
.navbar-efoods ul.navbar-nav > li:first-child > a{
    padding-left:0;
}

.navbar-efoods ul.navbar-nav > li > a.active{
    background: #498B2A;
    color: white;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.navbar-efoods .dropdown-menu, .navbar-efoods .open .dropdown-menu{

    background-color: #fef1e2;
    transform:scaleY(0);
    -webkit-transform:scaleY(0); 
    -ms-transform:scaleY(0); 
    -moz-transform:scaleY(0); 

    transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
}
@media(min-width: 768px){
    .navbar-efoods .dropdown-menu{
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
    }
}
.navbar-efoods .open .dropdown-menu{
    transform:scaleY(1);
    -webkit-transform:scaleY(1); 
    -ms-transform:scaleY(1); 
    -moz-transform:scaleY(1); 

    transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;

}
.navbar-efoods .open .dropdown-menu .level-top-in-dropdown a{
    color: #761115;
    text-transform: uppercase;
    /*	  font-family: "Bebas Neue", 'Yanone Kaffeesatz' !important;
              font-size: 20px;*/
}
.dropdown-menu .divider {
    background-color: #f7941e;
    margin:5px;
}
@media(max-width: 767px){
    header#main-header h2{
        font-size: 17px;
        margin-top: 0;
        margin-bottom: -35px;
    }
    #main-header{
        margin-bottom: 0;
    }
    .navbar-efoods ul.navbar-nav > li > a, .dropdown-menu > li > a{
        padding:10px 20px;
    }
    .navbar-efoods ul.navbar-nav,.dropdown-menu{
        text-align: left;
    }
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
    color: #761115;
    background-color: white;
}
.right-header{
    text-align: right;
}
.right-header ul.social-links li{
    width: 20px;
}
.navbar-efoods .collapse{
    position: relative;
}

/******************************/
ul.social-links li{
    display: inline-block;
    max-width: 40px;
    margin-right: 3%;
}
ul.social-links li:last-child{
    margin-right: 0;
}
ul.social-links li a:hover{
    opacity: .7;
    transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;

}
ul.social-links li a img{
    width:100%;
}

.breadcrumb{
    border-radius: 0;
    background: none;
    border-bottom: 1px solid #A7A7A7;
    border-top: 1px solid #A7A7A7;
    padding-bottom: 7px;
    padding-top: 7px;
}
.input-sm{
    padding: 2px 5px;
    height: auto !important;
    border-radius: 0px;
}


.pager .pages ol > li > a, .pager .pages ol > li > span{
    color: inherit;
    border: none;
    font-size: 16px;
}
.pager .pages ol > .active > a, .pager .pages ol > .active > span, .pager .pages ol > .active > a:hover, .pager .pages ol > .active > span:hover, .pager .pages ol > .active > a:focus, .pager .pages ol > .active > span:focus{
    color: #C3C3C3;
    background: none;
}
.block{
    border-radius: 0;
}
.block .block-title, .block-account .block-title{
    border-radius: 0;
}
.block-account .block-title{
    border-color: #dddddd;
    background-color: #f5f5f5;
    color: #333333;
}
.block-account{
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    border-color: #dddddd;
}
div.category-products .ratings{
    margin: auto;
    max-width: 160px;
}
.products-grid .item{
    text-align: center;
    height: 380px;
    margin-bottom: 3em;
}
@media(max-width: 480px){
    .products-grid .item{
        height: 346px;
    }
    h2.product-name {
        font-size: 15px !important;
    }

}
@media(max-width: 427px){
    .products-grid .item{
        height: 321px;
    }
}
@media(max-width: 353px){

    .pager .amount {
        float: none;
        text-align: center;
    }
    .pager .limiter {
        float: none;
    }
}
.products-grid .actions{
    width: 100%;
    margin-left: -15px;
}
h2.product-name{
    font-family: 'Droid Serif', serif;
    font-weight: bold;
    text-decoration: none;
    color: #474747;
    font-size: 18px;
}
.price-box .price{
    font-size: 18px;
    color:#474747;
}
.products-grid .product-image img{
    border-radius: 0;
}
.products-grid{
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
a.review-form-toggle > h2{
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    margin: -15px -15px;
    border-color: #dddddd;
    background-color: #f5f5f5;
    font-size: 16px;
}
.review-form-toggle h2 > i.glyphicon{
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}
.review-form-toggle.collapsed h2 > i.glyphicon{
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.btn-green, .btn-cart, .btn-checkout{
    border:none;
    border-radius: 0;
    font: bold 14px/22px Arial, Helvetica, sans-serif;
    padding-left: 30px;
    padding-right: 30px;
    text-transform: uppercase;
    background-image: linear-gradient(bottom, rgb(139,179,97) 25%, rgb(155,194,113) 63%);
    background-image: -o-linear-gradient(bottom, rgb(139,179,97) 25%, rgb(155,194,113) 63%);
    background-image: -moz-linear-gradient(bottom, rgb(139,179,97) 25%, rgb(155,194,113) 63%);
    background-image: -webkit-linear-gradient(bottom, rgb(139,179,97) 25%, rgb(155,194,113) 63%);
    background-image: -ms-linear-gradient(bottom, rgb(139,179,97) 25%, rgb(155,194,113) 63%);

}
.btn-green:hover, .btn-cart:hover, .btn-checkout:hover{
    background-image: linear-gradient(bottom, rgb(155,194,113) 25%, rgb(139,179,97) 63%);
    background-image: -o-linear-gradient(bottom, rgb(155,194,113) 25%, rgb(139,179,97) 63%);
    background-image: -moz-linear-gradient(bottom, rgb(155,194,113) 25%, rgb(139,179,97) 63%);
    background-image: -webkit-linear-gradient(bottom, rgb(155,194,113) 25%, rgb(139,179,97) 63%);
    background-image: -ms-linear-gradient(bottom, rgb(155,194,113) 25%, rgb(139,179,97) 63%);

}
@media(max-width: 480px){
    .btn-green, .btn-cart, .btn-checkout{
        padding-left: 10px;
        padding-right: 10px;
    }

}
.product-essential .product-img-box img,.product-view .product-shop .product-name,.product-view .product-shop,.product-view .box-collateral,.product-view .box-collateral,.input-group-addon,.block-cart .subtotal,.button,.block .actions button.button,.error-msg, .success-msg, .note-msg, .notice-msg,.cart-table .button,.input-text,.form-list textarea, .form-list select,.cart .totals,.cart .crosssell, .cart .discount, .cart .shipping, .opc .section:first-child .step-title, .opc .section:last-child .step-title{
    border-radius: 0;
}

.top-search .input-group-addon{
    padding:5px 7px;
    border-radius: 0;
}
.top-search .input-text{
    padding:4px;
    height: auto;
    border-radius:0;
    border:none;
}
.top-search .btn{
    padding:4px 7px;
    border-radius: 0;
}
.top-search .form-search{
    margin-bottom:0;
}
.btn-red{
    background-color: #761115;
    border: none;
    font-weight: bold;
    color: white;

}
/***********footer*********/
footer#footer{
    background: #761115;
    color:white;
    padding-top:25px;
    padding-bottom:25px;

}

#footer ul.social-links > li{
    display: inline-block;
    margin-right:5px;
    vertical-align: middle;
    width:30px;
}
#footer ul{
    display: inline-block;
    list-style-type: none;
    vertical-align: top;
    padding:10px 10px 10px 0px;
}

#footer ul li a{
    color:white;
}
#footer ul li a:hover{
    color:#fff;
}
#footer ul.links{
    float: left;
    text-align: left;
    width:90%;
}



/*** home page ***/
.imgBackground {
    position: absolute;
    z-index: -100;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
}
.shop, .specials, .learn{
    text-align: center;
    position: relative;
    height: 290px;
    box-sizing: border-box;
    -moz-transition: all .25s ease-in;
    -webkit-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    margin-top: 30px;
    margin-bottom: 30px;
    border: 15px solid #f7941e;
    background-size: 100% 100%;
    background-repeat: no-repeat;

}
.shop:hover, .specials:hover, .learn:hover{
    border:7px solid #f7941e;
    text-decoration: none;
}
.shop h2, .learn h2, .specials h2{
    color:white;
    text-transform: uppercase;
    font-size: 62px;
    margin-top: 5px;
    margin-bottom: 0px;
}
@media (max-width: 1199px){
    .shop h2, .learn h2, .specials h2{
        font-size: 56px;
    }
}
@media (max-width: 990px){
    .shop h2, .learn h2, .specials h2{
        font-size: 37px;
    }
}
.shop h2{
    color: white;
    text-transform: uppercase;
}
.specials h2{
    color:#f7941e;
}
.shop  h3, .learn h3, .specials h3{
    color: #AAAD00;
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: -5px;
    font-family: Bebas Neue, 'Yanone Kaffeesatz', sans-serif;
    font-size: 28px;
}
.shop h3{
    color: #f7941e;
    text-transform: uppercase;
}
.specials h3{
    color:#aaad00;

}
.learn h3{
    color:#761115;

}

.shop p, .learn p, .specials p{
    color:white;
    text-transform: uppercase;
    font-size: 22px;
    position: absolute;
    bottom:5px;
    left:50%;
    margin-left:-70px;
    font-family: Bebas Neue, 'Yanone Kaffeesatz', sans-serif;
}
.specials p{
    color: #761115;
}
.shop a, .learn a, .specials a{
    text-decoration: none;
}
.shop  a:hover, .learn a:hover, .specials a:hover{
    text-decoration: none;
}
.featured-product-h{
    background-color: white;
    border: 15px solid #761115;
    display: block;
    padding: 5px;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
}
.featured-favorite{
    color: white;
    text-transform: uppercase;
    margin: -5px 0px -5px -5px;
    background-color: #F7941D;
    display: inline-block;
    padding: 25px;
    position: relative;
    font-size: 35px;
    width:92%;
}

.featured-favorite:after{
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 65px 0 65px 35px;
    border-color: transparent transparent transparent #F7941D;
    position: absolute;
    right: -35px;
    top: 0px;
    content:"";
}
.featured-product-h .right{
    text-align: right;
    position: initial;

}
.featured-product-h .row{
    padding-left: 15px;
    padding-right:15px;
}
.featured-product-h [class*="col"]{
    padding:0;
}
.featured-product-h h4 a{
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1.1em;
    color:#F7941D;
}
.featured-product-h h4{
    display: block;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    text-align: right;
    text-rendering: optimizelegibility;
    line-height: 0.8;
    height: 2.3em;
    overflow: hidden;
}
.featured-product-h .get-some{
    background-color: rgb(73, 139, 42) !important;
    color: white;
    padding: 5px 15px;
    text-transform: uppercase;
    font-size: 1.3em;
    width: 9em;
    text-align: center;
    display: block;
    float: right;
}
@media(max-width: 767px){
    .featured-favorite{
        margin-bottom: 15px;
        width: 100%;
    }
    .featured-favorite:after{
        display: none;
    }
    .featured-product-h .get-some{
        position: relative;
    }
}

.newsletter{
    background:#0b9444;
    text-align: center;
    padding: 10px;
    height: 100%;
}
.newsletter h3{
    font-size: 30px;
    color:white;
    text-transform: uppercase;
    margin:0;
    letter-spacing: -1.8px;
}
.newsletter p{
    color:white;
}
.newsletter small{
    color:#f7941e;
    font-size: .8em;
}
.newsletter input[type="text"]{ width: 100%;}
.newsletter input[type="submit"]{
    background-color: #761115;
    color: white;
    border: none;
    margin-left: -4px;
}
.newsletter input[type="email"]{
    margin-bottom:0;
}
.newsletter form{
    margin:0;
}

.largeWindowIcon{
    vertical-align: 0;
    padding-left: 8px;

}
/********Pop up for certification icons */
 .certImage{
 max-width: 129px;
  padding: 10px;
  float: left;
}
.certContent{
  margin: 10px;
}

/*slogan*/
@media (max-width: 768px){ 

    .slogan{
        display: none;
    }

    .mobile-menu-icons li{
        border-right: 1px solid #000;
        height: 4em;
    }

    .mobile-menu-icons .lastIcon{
        border: none;
    }

    .mobileIcon{
        width: 10%;
        text-align: center;
        padding-top: 18px;
    }

    .mobileLogoField{
        width: 57%;
    }

    .mobileLogoImage{
        height: auto;
        max-width: 170px;
        margin: 0 auto;
        display: block;
        margin-top: 12px;
        width: 100%;
    }
    .mobileLogoImage2{ display: none;}

    .mobileLoginButon{ 
        margin-top: 4px;
        background: #761115;
        border-color: #761115;
    }
    .mobileLoginButon:hover{ 
        background: #881C20;
        border-color: #881C20;
    }
    .mobileLinkSet {
        margin-top: 10px;
        border-top: 1px solid #e5e5e5;
        line-height: 29px;
        text-align: right;
    }

}
@media (max-width: 583px){ 
    .mobileLogoField{
        width: 40%;
    }
    .mobileLogoImage{display: none}
    .mobileLogoImage2{
        height: auto;
        max-width: 104px;
        margin: 0 auto;
        display: block;
        margin-top: 12px;
        width: 100%;
    }
    .mobileIcon{
        width: 15%;
    }

}
@media (max-width: 469px){ 

    .mobileIcon{
        width: 11%;
    }

}

/****************kit builder***************/

h2.kit-builder{
    color:#fbb040;
    font-size: 2.5em;
    font-style: italic;
    text-align: center;
    margin-bottom: 20px;
    padding:15px 0px;
    border-top: 1px solid #be1e2d;
    border-bottom: 1px solid #be1e2d;
}
.green-well{
    padding: 35px 25px;
    border: 1px solid #0b9444;
    background-color: #fef3ee;
    display: block;
    width: 100%;
    text-align: center;


}
.green-well .green-header h3{
    margin-top:10px;
    margin-bottom: 20px;
}
.green-well h4{
    font-weight: bold;
}
.green-well .green-header{
    background-color: #0b9444;
    color:white;
    display: block;
    text-align: center;
    padding: 1px;
}
ul.pack-items{
    list-style-type: none;
    padding-left: 0;
}
.pack-item{
    border: 1px solid #fcb040;
    padding: 17px;
    background-color: white;
    margin:15px;
    display: inline-block;
    text-align: center;
}
.pack-item input{
    max-width: 75px;
    text-align: center;
}
.pack-item img{
    margin: auto;
}
.select .pack-item{
    width: 180px;

}
.kit-details{
    position: fixed;
    bottom: 0px;
    left: 0px;
    background-color: white;
    width: 100%;
    z-index: 100;
}
.strong{
    font-weight: bold;
}
.kit-details h3{
    background-color: #fcb040;
    color:white;
    margin: 0;
    padding: 8px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5em;
}
.kit-details table{
    margin:auto;
}
.kit-details td{
    padding: 15px 3%;
}
.kit-details p{
    margin:0;
}
.height-show{
    height: auto !important;
/*    -moz-transform: scaleY(1) !important;
    -webkit-transform: scaleY(1) !important;
    -o-transform: scaleY(1) !important;
    -ms-transform: scaleY(1) !important;
    transform: scaleY(1) !important;*/
}
.kit-details .container{
  /*  height: 0px;
    overflow: hidden;*/
/*    -moz-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);*/
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -ms-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
}
@media(max-width:767px){
    .kit-details p{
        font-size:11px;
    }
    .kit-details td{
        padding:5px;
    }
}
.guarantee{
    background-color: #fcb040;
    color:white;
    margin: 0;
    padding: 10px;
    text-align: center;
    display: block;

}
.guarantee p{
    margin-bottom: 0;
}
.guarantee p i{
    margin-left: 3%;
}
.guarantee p i:first-child{
    margin-left: 0;
}
.guarantee p a{
    color:white;
    text-decoration: underline;
}
.guarantee p a:hover{
    color:#428bca;
}
.buy-monthly{
    background-color: #0b9444;
    color: white;
    padding:5px;
    font-family: sans-serif; 
    display: inline-block;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: -2px;
    line-height: 1;
    min-width: 70px;
}
a.buy-monthly:hover{
    color:white;
}

#slider{
    position: relative;
    overflow-y: hidden;
    max-height: 140px;
    border: 3px solid #FCB040;
    margin: 20px 15px;
}

ol.slider-wrap{
    display: block;
    overflow-x: scroll;
    position: relative;
    margin:0;
    padding:0;
    white-space: nowrap;
    padding-bottom: 5px;
}
/*.slider-wrap{
    display: block;
    min-width: 100%;
    margin:0;
    padding:0;
    white-space: nowrap;
}*/
.slider-wrap li{
    display: inline-block;
    margin:0px 5px;
}
#slider button.right-arrow{
    position: absolute;
    top:0px;
    right: 0px;
    background-color: #FCB040;
    color: white;
    border: none;
    height: 140px;
    z-index: 1;
}
#slider button.left-arrow{
    position: absolute;
    top:0px;
    left: 0px;
    background-color: #FCB040;
    color: white;
    border: none;
    height: 140px;
    z-index: 1;
}
.slider-wrap ol li:nth-child(3){
    border: 1px solid black;
}
.shadow{
box-shadow: 0 0 35px #BFAFA8 ;
    
}