/* Theme Name: Beaver Builder Child Theme 
Theme URI: http://www.wpbeaverbuilder.com 
Version: 1.0 Description: An example child theme that can be used as a starting point for custom development. 
Author: The Beaver Builder Team Author 
URI: http://www.fastlinemedia.com 
template: bb-theme */
/* Add your custom styles here... */

@import url('//fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&display=swap');

 .top-header .fl-col-group-equal-height, .fl-col-group-equal-height .fl-col, .fl-col-group-equal-height .fl-col-content {
     align-items: center;
}

.postid-177 .buy-btn-second ,.postid-177 .buy-btn-third{
    display: none !important;
}
.postid-2328 .buy-btn-first ,.postid-2328 .buy-btn-third{
	display: none !important;
}
.postid-175 .buy-btn-first,.postid-175 .buy-btn-second{
    display: none !important;
}

/*==========================================================================
Header
===========================================================================*/
 #main-header > .fl-row-content-wrap {
     background-color: #214627;
}
 .contact-top-box .pp-infobox-icon-inner {
     position: relative;
     top: 4px;
     right: 3px;
}
 .top-custom-col {
     width: 5%;
}
 .right-border {
     position: relative;
}
 .right-border:after {
     content: "" !important;
     background: #c2a054;
     height: 15px;
     width: 2px;
     display: block;
     position: absolute;
     right: -15px;
}
 .top-custom-col.right-border:after {
     content: none !important;
}
 .logo-sec {
     position: relative;
}
 #header-logo {
     position: absolute;
     left: 0;
     top: -40px;
}
 #header-logo .fl-photo-content img {
     display: block;
}
 #main-header-menu #menu-header.menu a {
     position: relative;
}
 #main-header-menu #menu-header.menu a span {
     position: relative;
     z-index: 2;
}
 #main-header-menu #menu-header.menu a:after, #main-header-menu #menu-header.menu a:before {
     content: "";
     position: absolute;
     width: 0;
     left: 0;
     right: 0;
     opacity: 0;
     transform: rotate(180deg);
     margin: 0 auto;
     display: block;
     text-align: center;
     transition: all 0.5s ease;
}
 #main-header-menu #menu-header.menu a:before {
     top: 0px;
     border-bottom: 87px solid rgb(189, 152, 64);
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
}
 #main-header-menu #menu-header.menu a:after {
     bottom: -13px;
     z-index: -1;
     border-bottom: 13px solid rgb(0, 0, 0);
     border-left: 10px solid transparent;
     border-right: 10px solid transparent;
}
 #main-header-menu #menu-header.menu a:hover:after, 
 #main-header-menu #menu-header.menu a:hover:before,
 #main-header-menu #menu-header.menu .current-menu-item a:after,
 #main-header-menu #menu-header.menu .current-menu-item a:before{
     width: 100%;
     opacity: 1;
     transition: all 0.5s ease;
}
 .dart-btn{
     position: relative;
}
 .dart-btn:after {
     content: "";
     background: #647e68;
     height: 38px;
     width: 1px;
     display: block;
     position: absolute;
     top: -4px;
     left: 7px;
}
 .dart-btn .headercart .carticon:after {
     content: "";
     display: block;
     background: url(https://jarbox.com/wp-content/uploads/2020/03/carticon.png) no-repeat center;
     height: 30px;
     margin: 0 auto;
}
 .header-cart-count {
     display: inline-block;
     background: #bd9840;
     width: 25px;
     height: 25px;
     border-radius: 50px;
     text-align: center;
     font-size: 14px;
     line-height: 24px;
     color: #fff;
     font-weight: bold;
     position: absolute;
     right: 18px;
     top: -8px;
}
/*================================================================
Banner Section 
==================================================================*/
 .button-style {
     border: 3px solid #d1d1d1 !important;
}
 .button-style i {
     font-size: 20px !important;
}
/*=======================================================================
Footer
===================================================================*/
 .title-color .fl-heading-text strong {
     color: #224627 !important;
}
 .hover-text a:hover {
     color: #bd9840 !important;
}
/*====================================================================== 
About Jarbox 
=========================================================================*/
 .jarbox-list .pp-infolist-description {
     text-transform: uppercase;
}
 .jarbox-list .pp-infolist-description strong {
     color: #bd9840;
}
 .jarbox-list .pp-list-item .pp-infolist-icon-inner {
     height: 0;
     margin-top: 9px;
}
/*==================================================================== 
OUR RETAILERS 
===================================================================*/
 .image-border .fl-photo-img {
     border: 2px solid #dddddd;
     transition: all 0.5s ease;
     transform: scale(1);
}
 .image-border .fl-photo-img:hover {
     border: 2px solid #bd9840;
     transform: scale(1.1);
     -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.20);
     -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.20);
     box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.20);
}
/*============================================================================ 
Contact Us Page 
=======================================================================*/
 .contact-form {
     max-width: 770px;
     margin: 0 auto;
}
 .contact-form .wpcf7-form-control {
     height: 55px;
     border-radius: 30px;
     margin-bottom: 20px;
     padding: 20px 20px 20px 55px;
}
 .contact-form .message .wpcf7-form-control {
     height: 145px;
     margin-bottom: 30px;
}
 .contact-form .firstname, .contact-form .lastname {
     position: relative;
}
 .contact-form .firstname:before, .contact-form .lastname:before {
     font-family: FontAwesome;
     content: "\f007";
     font-size: 18px;
     color: #214627;
     position: absolute;
     z-index: 1;
     left: 30px;
     top: 14px;
}
 .contact-form .wpcf7-form-control-wrap.email:before {
     font-family: FontAwesome;
     content: "\f0e0";
     font-size: 14px;
     color: #214627;
     position: absolute;
     z-index: 1;
    left: 30px;
     top: 16px;
}
 .contact-form .hidden-class {
    display: none;
}
 .contact-form .wpcf7-form-control-wrap.quantity:before {
    font-family: FontAwesome;
    content: "\f03a";
    font-size: 18px;
    color: #214627;
    position: absolute;
    z-index: 1;
    left: 30px;
    top: 14px;
}
 .contact-form .wpcf7-form-control-wrap.phone:before {
     font-family: FontAwesome;
     content: "\f095";
     font-size: 18px;
     color: #214627;
     position: absolute;
     z-index: 1;
     left: 30px;
     top: 14px;
}
 .contact-form .wpcf7-form-control-wrap.message:before {
     font-family: FontAwesome;
     content: "\f040";
     font-size: 18px;
     color: #214627;
     position: absolute;
     z-index: 1;
     left: 30px;
     top: 20px;
}
 .contact-form input::-webkit-input-placeholder {
     color: #030303 !important;
     opacity: 1 !important;
     font-size: 18px;
     font-family: "Roboto Condensed", sans-serif;
}
 .contact-form input::-moz-placeholder {
     color: #030303 !important;
     opacity: 1 !important;
     font-size: 18px;
     font-family: "Roboto Condensed", sans-serif;
}
 .contact-form textarea::-webkit-input-placeholder {
     color: #030303 !important;
     opacity: 1 !important;
     font-size: 18px;
     font-family: "Roboto Condensed", sans-serif;
}
 .contact-form textarea::-moz-placeholder {
     color: #030303 !important;
     opacity: 1 !important;
     font-size: 18px;
     font-family: "Roboto Condensed", sans-serif;
}
 .contact-form input, .contact-form textarea{
    font-family: "Roboto Condensed", sans-serif;
     font-size: 18px;
     color: #030303;
}
 .contact-form .send-btn .wpcf7-submit{
    font-family: Roboto Condensed, sans-serif;
     font-weight: 600;
     font-size: 22px;
     line-height: 0px;
     text-align: center;
     margin: 0 auto;
    display: inline-block;
     background: #214627;
     color:#fff;
     padding: 30px 90px 30px 70px;
    border: 3px solid #b9a77c;
}
 .contact-form .request-btn{
    text-align: center!important;
}
 .contact-form .send-btn{
    position: relative;
     display: inline-block;
     margin: 0 auto;
     left: 0;
     right: 0;
}
 .contact-form .send-btn:after{
    font-family: FontAwesome;
     content: "\f0a9";
     font-size: 22px;
     color: #fff;
     position: absolute;
     z-index: 1;
     right: 82px;
     top: 17px;
}
 .contact-form .message input::-webkit-input-placeholder{
    line-height: 28px;
}
 .contact-form .message input::-moz-placeholder{
    line-height: 28px;
}
 .contact-form input.wpcf7-not-valid, .contact-form textarea.wpcf7-not-valid{
    border:1px solid red;
}
 .contact-form span.wpcf7-not-valid-tip{
    display: none;
}
 .contact-form .send-btn:hover .wpcf7-submit {
     background: #b8943e;
     border-color: #fff;
     color: #fff;
}
 .contact-form .send-btn:hover:after{
    color: #fff;
}
 #wpcf7-f174-p164-o1 .wpcf7-validation-errors{
     max-width: 770px;
     margin: 0 auto;
     text-align: center;
     border: 2px solid red;
     color: #fff;
    margin-top: 15px;
}
 .contact-form .wpcf7-form-control-wrap{
    display: inline-block;
    width: 100%;
}
 #wpcf7-f174-p164-o1 .wpcf7-mail-sent-ng{
     max-width: 770px;
     color: #fff;
     margin: 0 auto;
     margin-top: 15px;
     text-align: center;
}
/*====================================================================
    Thank you /404 page
=======================================================================*/
 .back-home-btn .uabb-creative-button-wrap a{
     width: 237px;
}
/*======================================================================= 
Testimonial Section
 =====================================================================*/
 .testimonial-content{
     padding: 20px 30px;
     position: relative;
     text-align: center;
}
 .testimonial-content:before {
     content: "";
     background: url(https://jarbox.com/wp-content/uploads/2020/03/qu-icon.png) no-repeat;
     display: block;
     height: 40px;
     width: 50px;
     margin: 0 auto 25px;
}
 .testimonial-content .pp-content-grid-post-excerpt {
     font-size: 22px;
     font-weight: 300;
     color: #323131;
     font-family: "Roboto Condensed", sans-serif;
     font-style: italic;
}
 #testimonial-sec .pp-content-post {
     margin: 0 5%;
     display: flex;
     align-items: center;
}
 #testimonial-sec .owl-theme .owl-nav.disabled + .owl-dots {
     margin-top: 40px;
}
 #testimonial-sec .pp-content-post-carousel .owl-theme .owl-dots .owl-dot span{
     margin: 5px 3px;
     width: 10px;
     height: 10px;
}
 #testimonial-sec .pp-content-post-carousel .owl-theme .owl-dots .owl-dot.active span {
     width: 16px;
     height: 16px;
     position: relative;
     top: 2px;
}
 .testimonial-content .pp-content-grid-post-title a {
     font-weight: bold;
     text-transform: uppercase;
     color: #bd9840;
     font-size: 34px;
     font-family: "Oswald", sans-serif;
     letter-spacing: 1px;
     position: relative;
}
 .testimonial-content .pp-content-grid-post-title a:before, .testimonial-content .pp-content-grid-post-title a:after {
     content: "";
     width: 7px;
     background: #214627;
     display: block;
     height: 2px;
     top: 27px;
     position: absolute;
}
 .testimonial-content .pp-content-grid-post-title a:before {
     left: -13px;
}
 .testimonial-content .pp-content-grid-post-title a:after{
     right: -13px;
}
/*====================================================================================== 
WHAT IS JARBOX? 
====================================================================================*/
 .jarbox-steps .pp-icon-wrapper {
     width: 15px;
     top: 5px;
}
 .jarbox-steps.border-one .pp-infobox-description{
     padding-left: 30px;
}
 .jarbox-steps.border-two .pp-infobox-description{
     padding-right: 30px;
}
 .jarbox-steps .pp-infobox-title-prefix{
     text-transform: uppercase;
}
 .jarbox-steps{
     position: relative;
}
 .jarbox-steps.border-one:before , .jarbox-steps.border-one:after, .jarbox-steps.border-two:before , .jarbox-steps.border-two:after{
     content: "";
     display: block;
     position: absolute;
     background: #bd9840;
     left: 8px;
}
 .jarbox-steps.border-one:before, .jarbox-steps.border-two:before {
     width: 148%;
     height: 1px;
     top: 37px;
}
 .jarbox-steps.border-one:after, .jarbox-steps.border-two:after {
     width: 1px;
     height: 15px;
     top: 23px;
}
 .jarbox-steps.border-two:before , .jarbox-steps.border-two:after{
     right: 23px;
     left: auto;
}
 .jarbox-img .fl-photo-img {
     position: relative;
     z-index: 1;
}
/*========================================================================= 
FAQ Section
 =============================================================================*/
 .Faq-list-item{
    padding-left:20px;
}
/*========================================================================= 
Product Section 
=============================================================================*/
.starter-special {
    display: none;
}
.postid-2328 .starter-special {
    display: block !important;
}
 .text-border h2.heading-title {
     -webkit-text-stroke: 2px #fff;
     -webkit-text-fill-color: #214627;
     fill: white;
     stroke: #214627;
     stroke-width: 2px;
}
 #our-products-box .woopack-product-content {
     display: flex;
     background: #f6f6f6;
     padding: 15px 30px;
     position: relative;
}
 #our-products-box .woopack-product-content > a {
     width: 100%;
     text-align: left;
}
 #our-products-box .woopack-product-content .woopack-product-action {
     width: 100%;
     text-align: right;
     padding-top: 40px;
}
 #our-products-box .woopack-product-content .woopack-product-action a {
     font-family: Roboto Condensed, sans-serif;
     font-weight: 700;
     font-size: 22px;
     line-height: 30px;
     text-align: center;
     border-radius: 30px;
     background: #214627;
     position: relative;
     border: 2px solid #d1d1d1;
     padding: 7px 30px;
     transition: all 0.5s ease;
         color: #fff;
}
 #our-products-box .woopack-product-content .woopack-product-action a:hover{
     background: #bd9840;
     border: 2px solid #214627;
}
 #our-products-box .woopack-product-content .woopack-product-action a:after {
     content: "\f0a9";
     font: normal normal normal 20px/1 FontAwesome;
     margin-left: 10px;
}
 #our-products-box .woopack-product-content > a h2.woopack-product-title {
     font-size: 34px;
     font-weight: 600;
     line-height: 34px;
     text-transform: uppercase;
     font-family: "Oswald", sans-serif;
     letter-spacing: 0;
     color: #000;
}
 #our-products-box .woopack-products .woopack-product-grid{
     height: auto;
}
#our-products-box .woopack-products .woopack-product-grid .woopack-product-image{
    position: relative;
}

#our-products-box .woopack-products .woopack-product-grid .woopack-product-image a:before,
#our-products-box .woopack-products .woopack-product-grid .woopack-product-image a:after {
     transition: all 0.5s ease;
     opacity: 0;
     cursor: pointer;
}
#our-products-box .woopack-products .woopack-product-grid:hover .woopack-product-image a:before {
    /*content: "\f002";*/
        content: "\f06e";
    font: normal normal normal 34px/1 FontAwesome;
    color: #fff;
    position: absolute;
    z-index: 2;
    opacity: 1;
    top: 45%;
}
#our-products-box .woopack-products .woopack-product-grid:hover .woopack-product-image a:after{
    content: "";
    /*background: rgba(0,0,0,0.5);*/
        background: rgba(33, 70, 39, 0.72);
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    opacity: 1;
    position: absolute;
}
 #our-products-box .woopack-product-content .price {
     font-size: 28px;
     font-family: "Oswald", sans-serif;
     font-weight: bold;
     color: #000;
     line-height: 28px;
     margin-top: 15px;
     display: block;
}
 #our-products-box .woopack-product-content .star-rating {
     position: absolute !important;
     right: 30px;
     top: 35px;
     display: block;
}
 #our-products-box .woocommerce .products .star-rating span:before, #our-products-box .woocommerce .star-rating span:before{
     color: #b8943e;
}
 #our-products-box .woocommerce .products .star-rating:before, #our-products-box .woocommerce .star-rating:before{
     color: #949494a6;
}
#our-products-box .woopack-products .woopack-product-grid .woopack-product-image img{
    width: 100%;
    cursor: pointer;
}
.footer-order{
    position:relative;
    display:none;
}
.footer-order .fl-module-content{
    margin:0px!important;
    padding:0px!important;
}
.page-id-2037 .footer-order,
.page-id-27 .footer-order,
.page-id-2109 .footer-order{
    display:block;
}
.footer-order .How-do-order{
    background: url(https://www.jarbox.com/wp-content/uploads/2020/03/How-Do-I-order-bg.png)no-repeat;
    width: 190px;
    height: 190px;
    position: absolute;
    top: -125px;
    right: 0px;
    margin: 0;
}
/*====================================================================== 
About Us Page 
==================================================================*/
 .about-sub-text{
    font-size: 26px;
     font-family: "Roboto Condensed", sans-serif;
     font-weight: 300;
}
.How-do-order{background: url('https://www.jarbox.com/wp-content/uploads/2020/03/About_us-new.png')no-repeat;     width: 192px;
    height: 182px;
    position: relative;    margin-top: -234px;    margin-left: 20px;}
.How-do-order h4{    font-family: "Oswald", sans-serif;font-weight: 200;    transform: rotate(-9deg); font-size: 24px;color: #ffffff;text-align: center;
    position: absolute;
    top: 41px;
    left: 33px;}
.How-do-order h3{font-size: 30px;    font-family: Oswald, sans-serif;
    font-weight: 600; transform: rotate(-9deg); color:#fff;    line-height: 34px;
    text-align: center;
    position: absolute;
    top: 63px;
    left: 45px;text-transform: uppercase;}
/*====================================================================== 
JAR BOX DEMONSTRATES
====================================================================== */
.ripple-effact .uabb-modal-action:hover { 
     background-color: transparent; 
     width: 115px; 
     height: 115px; 
     border-radius: 50%; 
     animation: ripple 2s 
     linear infinite; 
     margin: 0 auto; 
 }
@keyframes ripple {
    0% { 
        box-shadow: 0 0 0 0 
        rgba(255, 255, 255, .3), 0 0 0 1em 
        rgba(255, 255, 255, .3), 0 0 0 1em 
        rgba(255, 255, 255, .3), 0 0 0 2em 
        rgba(255, 255, 255, .3) }
    100% { 
        box-shadow: 0 0 0 1em rgb(189, 152, 64, 0.25), 
        0 0 0 2em rgba(189, 152, 64, .2), 
        0 0 0 3em rgba(189, 152, 64, .15), 
        0 0 0 4em rgba(189, 152, 64, .1) }
}


/*====================================================================== 
Product Details
====================================================================== */
.starter-text {
   display: block;
}
.postid-2328 .starter-text {
    display: none !important;
}
.product-title .entry-title {
    text-transform: uppercase;
}
.product-rating .woocommerce-product-rating {
    color: #000;
}
.product-rating .woocommerce-product-rating > a {
    color: #000 !important;
    border-bottom: 1px solid #000;
    text-transform: capitalize;
   font-family: "Roboto Condensed", sans-serif;
}
.product-price p.price, .product-price span.price {
    font-weight: bold;
    font-family: "Oswald", sans-serif;
    font-size: 42px !important;
    line-height: 42px;
}  
.priceboxlink ul{
    padding-left: 20px;
    margin: 0;
}
.priceboxlink ul li{
    font-weight: 100;
    font-size: 18px !important;
    line-height: 24px;
    display: inline-block;
    color: #262626;
    font-family: "Roboto Condensed", sans-serif;
}
.woocommerce .productsingle-addtocart button.single_add_to_cart_button {
    font-family: Roboto Condensed, sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    width: 300px;
    min-height: 60px;
    background: #214627!important;
    border: 3px solid #d1d1d1 !important;
    color: #fff!important;
    border-radius: 40px!important;
    text-transform: uppercase;
    position:relative;
    margin-top: 15px;
}
.woocommerce .productsingle-addtocart button.single_add_to_cart_button:before{
    content: "\f290";
    font: normal normal normal 20px/1 FontAwesome;
    margin-right: 10px;

}
.woocommerce .productsingle-addtocart button.single_add_to_cart_button:hover {
    background: #bd9840!important;
}
.woocommerce .productsingle-addtocart .screen-reader-text{
    overflow: visible;
    margin: 0;
    padding: 0;
    color: #0c0c0c;
    font-size: 20px;
	display: contents;
    font-weight: 500;
    line-height: 24px;
    margin-right: 10px;
    height: auto;
    width: auto;
    position: relative!important;
    word-wrap: unset!important;
    font-family: Roboto Condensed, sans-serif;
        text-transform: capitalize;
}
.woocommerce .productsingle-addtocart input.qty {
    display: inline-block;
    width: 120px;
    border-radius: 50px;
    font-size: 20px;
    background: #fff !important;
    border-color: #0c0c0c;
    color: #0c0c0c;
    height: 45px;
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: center;
    font-family: Roboto Condensed, sans-serif;
}
.woocommerce .productsingle-addtocart .quantity{
    display: inline-block;
    width: 100%;
    margin: 15px 0px!important;
}
.woocommerce .productsingle-addtocart p.stock{
    color: #bd9840!important;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-size: 26px!important;
    line-height: 1;
    margin: 0px;
    position: relative;
    text-transform: capitalize;
}
.woocommerce .productsingle-addtocart p.stock:before{
    content: "\f058";
    font: normal normal normal 25px/1 FontAwesome;
    margin-right: 10px;
    color: #214627;
    
}
.woocommerce div.product div.images .flex-control-thumbs{
    padding: 8px 0px!important;
}
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image{
    border: 1px solid #e3e3e3;
}
.woocommerce div.product div.images .flex-control-thumbs li{
    margin-right: 8px;
    
}
.woocommerce div.product div.images .flex-control-thumbs li img{
    border: 1px solid #e3e3e3;
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active{
    border: 1px solid #214627;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
    /*padding:0px;*/
    overflow: visible;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li, 
.woocommerce-page div.product .woocommerce-tabs ul.tabs li{
    text-transform: uppercase;
    background: #bd9840;
    color: #fff!important;
    padding: 5px 20px;
    margin: 0;
    margin-right: 20px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    font-size: 20px;
    line-height: 22px;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active, 
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
    background: #214627;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a, 
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a{
    color: #fff!important;
    font-weight: 500;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    padding: 10px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 30px solid #214627;
    overflow: visible;
    bottom: -20px;
    right: 45px;
}
.woocommerce div.product .woocommerce-tabs .panel, 
.woocommerce-page div.product .woocommerce-tabs .panel {
    background: #fff;
    border: 1px solid #e3e3e3;
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
    font-size: 24px;
    line-height: 26px;
    letter-spacing: 0px;
    font-weight: 900;
    font-family: Roboto Condensed, sans-serif;
    color: #214627;
}
.woocommerce div.product .woocommerce-tabs .panel p{
    color: #0c0c0c;
    font-size: 16px;
    line-height: 26px;
    font-family: Roboto Condensed, sans-serif;
}
.woocommerce div.product .woocommerce-tabs .panel p strong{
    color: #214627;
    font-size: 20px;
    line-height: 32px;
}
.woocommerce #reviews #comments ol.commentlist li, 
.woocommerce-page #reviews #comments ol.commentlist li {
    border-top: 1px solid #e3e3e3;
    padding-top: 25px;
}
.woocommerce .star-rating span:before, 
.woocommerce-page .star-rating span:before {
    color: #bd9840;
} 
#review_form #reply-title{
     color: #0c0c0c;
    font-size: 16px;
    line-height: 26px;
    font-family: Roboto Condensed, sans-serif; 
}
.comment-form-rating label{
    color: #0c0c0c;
    font-size: 16px;
    line-height: 26px;
    font-family: Roboto Condensed, sans-serif; 
}
.woocommerce p.stars a {
    color: #bd9840;
}
.woocommerce #review_form input,
.woocommerce #review_form textarea{
    border: 1px solid #214627!important;
    color: #333!important;
}
.woocommerce #review_form input:focus,
.woocommerce #review_form textarea:focus{
    border: 1px solid #bd9840!important;
}
.woocommerce-page #respond input#submit{
    background: #214627;
    border: 3px solid #d1d1d1 !important;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff!important;
    padding: 10px 35px;
    font-size: 20px;
    border-radius: 40px;
    font-family: Roboto Condensed, sans-serif;
}
.woocommerce-page #respond input#submit:hover{
    background: #bd9840;
}
.woocommerce div.product .woocommerce-tabs .panel span#reply-title {
    font-size: 20px!important;
    font-weight: 600;
}
.woocommerce div.product .woocommerce-tabs .panel p.comment-notes {
    font-size: 18px!important;
    font-weight: 600;
}
.warranty-text h4.pp-infobox-title{
    text-transform:uppercase;
}
.single-product .fl-theme-builder-woo-notices{
    display:none;
}
/* cart page */
.woocommerce-cart .woocommerce-info{
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0px;
    font-weight: 500;
    font-family: Roboto Condensed, sans-serif;
    color: #214627;
}
.woocommerce-cart .return-to-shop{
    text-align:center;
}
.woocommerce-cart form a.button{
    background: #214627;
    border: 3px solid #d1d1d1 !important;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff!important;
    padding: 10px 35px;
    font-size: 20px;
    border-radius: 40px;
    font-family: Roboto Condensed, sans-serif;
    text-align: center;
}
.woocommerce-cart form a.button:hover {
    background: #bd9840;
}
.woocommerce .woocommerce-cart-form table{
    background: #fff;
    border-radius: 5px;
}
.woocommerce table.shop_table thead th,
.woocommerce-page table.shop_table thead th {
    border-bottom: 1px solid #e6e6e6;
    background: #e4e4e4;
    text-transform: uppercase;
}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{
    border-color: #e6e6e6 !important;
    padding: 15px 10px;
    color: #214627;
    font-size: 16px;
    line-height: 24px;
    font-family: Oswald, sans-serif;
} 
.woocommerce table.shop_table td, .woocommerce-page table.shop_table td {
    border-color: #e6e6e6 !important;
    padding: 15px 10px;
    color: #333;
    font-size: 18px;
    line-height: 24px;
    font-family: Roboto Condensed, sans-serif;
}
.woocommerce-page table.shop_table td a{
    color: #333;
    font-size: 18px;
    line-height: 24px;
    font-family: Roboto Condensed, sans-serif;
}
.woocommerce-page table.shop_table td a.remove{
    font-size: 36px;
    line-height: 36px;
}
.woocommerce-cart table.cart img{
    width: 100px;
}
.woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text{
    color: #333;
    font-size: 18px;
    line-height: 24px;
    font-family: Roboto Condensed, sans-serif;
    height: 40px;
}
.woocommerce table.cart td.actions .coupon .input-text:hover, 
.woocommerce-page table.cart td.actions .coupon .input-text:hover{
    border: 1px solid #214627;
}
.woocommerce table.cart td.actions .button, 
.woocommerce-page table.cart td.actions .button,
.woocommerce table.cart td.actions .coupon .button, 
.woocommerce-page table.cart td.actions .coupon .button{
    height: 40px;
    background: #214627;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
}
.woocommerce table.cart td.actions .button:hover, 
.woocommerce-page table.cart td.actions .button:hover,
.woocommerce table.cart td.actions .coupon .button:hover, 
.woocommerce-page table.cart td.actions .coupon .button:hover{
    background: #bd9840;
}
.woocommerce .cart-collaterals h2, .woocommerce-page .cart-collaterals h2 {
    color: #333;
    font-size: 24px;
    line-height: 28px;
    font-family: Roboto Condensed, sans-serif;
    height: 40px;
    font-weight: 600;
}
.woocommerce-cart a.checkout-button{
    font-family: Roboto Condensed, sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    padding: 10px 12px!important;
    background: #214627!important;
    border: 3px solid #d1d1d1 !important;
    color: #fff!important;
    border-radius: 40px!important;
    text-transform: uppercase;
    position: relative;
    margin-top: 15px;
}
.woocommerce-cart a.checkout-button:hover {
    background: #bd9840!important;
}
.woocommerce form .form-row textarea,
.woocommerce form .form-row input.input-text, 
.woocommerce-page form .form-row input.input-text{
    color:#333;
    border: 1px solid #c7c7c7;
    height: 40px;
}
.woocommerce form .form-row textarea{
    height:100px;
}
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row input.input-text:focus, 
.woocommerce-page form .form-row input.input-text:focus{
    border: 1px solid #214627;
}
.select2-container .select2-selection--single{
    height: 40px;
    color: #444;
    line-height: 40px;
    border: 1px solid #c7c7c7;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 5px;
}
.select2-container .select2-selection--single .select2-selection__rendered{
    line-height: 40px;
}
.woocommerce .addresses .title a, .woocommerce-page .addresses .title a{
    position:relative;
}
.woocommerce form .form-row label{
    color: #214627;
}
.woocommerce-checkout div.woocommerce h2, 
.woocommerce-checkout div.woocommerce h3 {
    font-size: 22px;
    color: #214627;
    font-weight: 700;
    font-family: Roboto Condensed, sans-serif;
}
.woocommerce #order_review, .woocommerce-page #order_review{
    padding:0px;
}
.woocommerce-checkout-payment label{
    color: #214627;
    font-size: 16px;
    line-height: 24px;
    font-family: Oswald, sans-serif;
}
.woocommerce-checkout-payment p{
    font-size: 16px;
    color: #214627;
    font-weight: 500;
    font-family: Roboto Condensed, sans-serif;
}
.woocommerce #payment ul.payment_methods, .woocommerce-page #payment ul.payment_methods{
    max-width: 100%;
}
.woocommerce .return-to-shop .button ,
.woocommerce #payment #place_order{
    font-family: Roboto Condensed, sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    padding: 10px 40px!important;
    background: #214627!important;
    border: 3px solid #d1d1d1 !important;
    color: #fff!important;
    border-radius: 40px!important;
    text-transform: uppercase;
    position: relative;
}
.woocommerce .return-to-shop .button,
.woocommerce #payment #place_order:hover {
    background: #bd9840!important;
}
.woocommerce-notices-wrapper .woocommerce-message a,
.woocommerce .woocommerce-info a{
    text-decoration:underline;
    color: #214627!important;
    font-weight: bold;
    font-family: Roboto Condensed, sans-serif;
}
.woocommerce-notices-wrapper .woocommerce-message
.woocommerce .woocommerce-info, 
.woocommerce-page .woocommerce-info, 
.woocommerce .woocommerce-error, 
.woocommerce-page .woocommerce-error {
    background: #ffffff;
    border: 1px solid #c7c7c7;
    color: #214627!important;
    font-weight: bold;
    font-family: Roboto Condensed, sans-serif;
}
.woocommerce form.checkout_coupon, 
.woocommerce-page form.checkout_coupon{
    border: 1px solid #c7c7c7;
    background: #fff;  
}
.woocommerce .checkout_coupon  button{
    height: 40px;
    background: #214627;
    color: #fff!important;
    font-size: 16px;
    line-height: 20px;
}
.woocommerce .checkout_coupon  button:hover{
    background: #bd9840;
}
.woocommerce .checkout_coupon p{
    font-size:18px;
    color: #214627;
    font-family: Roboto Condensed, sans-serif;
}
.woocommerce-page .woocommerce-checkout .col-1{
    width:100%!important;
}
.woocommerce-page .woocommerce-checkout .col-2{
    display:none;
}

/*============================================================================================== 
Responsive CSS 
=============================================================================================*/
 @media only screen and (min-width:1024px) and (max-width:1200px){
    /*====================== Banner section ======================*/
	 .fl-node-5e71ea8dc78a6 > .fl-col-content {
    	padding-top: 60px;
    	padding-bottom: 55px;
	}	
     .banner-sidebar-img .fl-visible-desktop {
         right: 0;
         transform: translate(18%, -10%);
    }
     .banner-sidebar-img .fl-visible-desktop .uabb-photo-img{
         max-width: 83%;
    }
     #main-banner{
         overflow: hidden;
    }
	  div.fl-node-5e71aed910608 .pp-heading-content .pp-heading .heading-title {
      font-size: 56px;
	 }
	 .copyright-section {
     display: inline; 
	}
    /*============================== Header ============================*/
     .right-border:after{
         right: -8px;
    }
    /*==============================WHAT IS JARBOX?============================*/
     .jarbox-steps.border-one:before, .jarbox-steps.border-two:before{
         width: 100%;
    }
     .jarbox-steps.border-two .pp-infobox-description, .jarbox-steps.border-one .pp-infobox-description{
         padding: 0;
    }
	
}
 @media only screen and (max-width:1024px) {
    .How-do-order{    margin-top: -166px;}
 }
  @media only screen and (max-width:991px) {
    .How-do-order h3{    left: 7px;}

 }
 @media only screen and (min-width:768px) and (max-width:1023px){
	 .copyright-section {
		display: inline;
		
	}
     br {
         display: none;
    }
    /*==============================Header============================== */
     #main-header-menu #menu-header.menu a{
         padding-left: 15px;
         padding-right: 15px;
    }
     .header-cart-count{
         right: 0;
    }
     #header-logo {
         top: -14px;
    }
	 .social-links .pp-social-icons {
    text-align: left;
	}
    /*==============================WHAT IS JARBOX?============================*/
     .jarbox-steps.border-one:before, .jarbox-steps.border-two:before{
         width: 100%;
    }
     .jarbox-steps.border-two .pp-infobox-description, .jarbox-steps.border-one .pp-infobox-description{
         padding: 0;
    }
    /*============================== Product section ============================*/
     #our-products-box .woopack-products .woopack-product-grid {
         height: auto !important;
         padding: 0 10px;
    }
     #our-products-box .woopack-product-content > a h2.woopack-product-title{
         line-height: 30px;
         font-size: 25px;
    }
     #our-products-box .woopack-product-content .woopack-product-action a{
         font-size: 18px;
    }
     #our-products-box .woopack-product-content .price{
         font-size: 24px;
    }
     .jarbox-list .pp-infolist-description {
         font-size: 20px;
    }
    .product-title h1.product_title {
        font-size: 36px!important;
    }
}
 @media only screen and (max-width:767px) {
    /*===================================== Header =====================================*/
     header {
         position: unset !important;
    }
	 .copyright-section {
		display: inline;
		justify-content: space-between;
	}
     .top-custom-col {
         width: auto;
    }
     .text-center .pp-infobox-title-prefix {
         text-align: center;
    }
     .right-border:after {
         content: none !important;
    }
     .right-border {
         border-bottom: 1px solid #bd9840;
         min-height: 62px;
    }
     .right-border:nth-child(3), .right-border:nth-child(4) {
         min-height: auto;
         border: 0;
         padding-top: 15px;
    }
     br {
         display: none;
    }
     #header-logo {
        top: -40px;
        z-index: 1;
    }
    /*=======================About Jarbox =====================*/
     .jarbox-list .pp-infolist-description {
         font-size: 18px;
    }
     /*===================About Us page =======================*/

     .How-do-order {     display: table;
    margin: 0 auto; margin-top: -34px;}
    /*=======================Contact us =====================*/
     .contact-form .send-btn:after{
         font-size: 18px;
         top: 20px;
         right: 60px;
    }
     .contact-form .send-btn .wpcf7-submit{
         font-size: 18px;
         padding: 30px 60px 30px 40px;
    }
     .contact-form{
         max-width: 500px;
    }
     .contact-form .message .wpcf7-form-control{
        margin-bottom: 20px;
    }
     .contact-form .wpcf7-form-control-wrap.email:before{
         top: 17px;
    }
     .contact-form .firstname:before, .contact-form .lastname:before{
         top: 15px;
    }
    /*=======================testimonial =====================*/
     .testimonial-content .pp-content-grid-post-excerpt {
         font-size: 16px;
         line-height: 24px;
    }
     #testimonial-sec .pp-content-post{
         height: auto !important;
    }
    /*==============================WHAT IS JARBOX?============================*/
     .jarbox-steps.border-one:before, .jarbox-steps.border-two:before{
         width: 93%;
    }
     .jarbox-steps.border-two .pp-infobox-description, .jarbox-steps.border-one .pp-infobox-description{
         padding: 0;
    }
     .jarbox-steps.border-two:before, .jarbox-steps.border-two:after{
         right: 20px;
    }
    /*============================== Ptroduct section ============================*/
     #our-products-box .woopack-products .woopack-product-grid {
         height: auto !important;
         padding: 0 10px;
         width: 320px !important;
         float: none !important;
         margin: 0 auto 20px !important;
    }
     #our-products-box .woopack-product-content > a h2.woopack-product-title{
         line-height: 30px;
         font-size: 25px;
    }
     #our-products-box .woopack-product-content .woopack-product-action a{
         font-size: 18px;
    }
     #our-products-box .woopack-product-content .price{
         font-size: 24px;
    }
     #our-products-box .woopack-product-content{
         padding: 10px;
         display: block;
    }
     #our-products-box .woopack-product-content .woopack-product-action{
         padding-top: 0px;
         text-align: center;
    }
    .woocommerce div.product .product_title{
        font-size: 36px;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li{
        margin-right:0px;
        width:100%;
    }
    .woocommerce .productsingle-addtocart button.single_add_to_cart_button{
        width:100%;
    }
    .woocommerce-page table.shop_table td a.remove,
    .woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty{
        display: inline-block!important;
    }
    .footer-order .How-do-order{
        position: relative;
        top: 0;
        right: 0px;
        margin: 0 auto;
    }
}