@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{
    margin:0;
    padding: 0;
    color:#333;
    font-family:'robotoregular';
    font-size: 1rem;    
}






.menu-bg{
  background-color: #7c4333;
}

.dropdown-item:hover {
    background-color: #491f13;   
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
}


.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(124,67,51,1);
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    border-bottom: 2px solid #ffffff;
    color:#ffffff;
}

@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.2rem;
    padding-left: 1.2rem;
    }
}

@media (max-width: 576px) {

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav
.nav-link.show, .navbar-light .navbar-nav .show>.nav-link 
{
    border-bottom: 0;

}






}


.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0rem 1rem;
  }

  .home-demo a{color: #333;}
  .home-demo a:hover{color: #91b348; text-decoration: none;}

footer .footer-bg{background-color: #222 !important; color: #fff;}
footer ul{list-style: none; line-height: 35px; }
footer a{color: #919191 !important;}
footer a:hover{color: #91b348; text-decoration: none;}


.clientReviewsBg{background-color: #e0e0e0; padding: 40px 0;}

.clientReviews .dquote1{
    float: left;
    padding-right: 20px;
}

.clientReviews .dquote2{
    float: right;
    
}

.clientReviewsName h5::before{
    content: "\2501";
    padding-right: 10px;
}

.clientReviewsName h5::after{
    content: "\2501";
    padding-left: 10px;
}

.heading-section{
    position: relative;
}
.heading-section h1::after{
    position: absolute;
    content: "";
    top: 37px;
    width: 20%;
    border-bottom: 3px solid #682d19;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
    color: #682d19;
}


@media (max-width: 576px){

.card-body-sd-spacing {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0.75rem 1rem 0.75rem 0rem;
}

.padding-y-sd{padding: 0 !important;}
.no-padding-sd{ padding: 0;}
.padding-bottom-sd{ padding-bottom: 15;px}
    
.heading-section h1::after{
    position: absolute;
    content: "";
    top: 64px;
    width: 35%;
    border-bottom: 3px solid #682d19;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
    color: #682d19;
}

.navbar-light .navbar-toggler {
    background-color: rgba(255,255,255,1);
    border-color: rgba(255,255,255,1);
    margin-top: 16px;
}

}

.conspagebanner{
    width: 100vw;
    height: 100vh;
    display: contents;

}

.card-deck p{font-size: 0.9rem;}
.card-deck ul{font-size: 0.9rem; padding-left: 15px; margin: 0;}

@media (min-width: 1200px) {    
.container, .container-lg, .container-md, .container-sm, .container-xl 
{
/*max-width: 80%;*/
}

}

.priceColor-discount{color: #333}
.priceColor-light{color: #8f8f8f}
.product-details-boxarea{max-height: 450px;}

.keybenefits ul{
   margin: 0;
   padding-left: 15px;   
}
.keybenefits ul li{
    line-height: 25px;
}