@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap');
@font-face {
    font-family: 'WorkSansBold';
    src: url('../fonts/WorkSansBold.eot');
    src: url('../fonts/WorkSansBold.eot') format('embedded-opentype'),
         url('../fonts/WorkSansBold.woff2') format('woff2'),
         url('../fonts/WorkSansBold.woff') format('woff'),
         url('../fonts/WorkSansBold.ttf') format('truetype'),
         url('../fonts/WorkSansBold.svg#WorkSansBold') format('svg');
}
@font-face {
    font-family: 'WorkSansRegular';
    src: url('../fonts/WorkSansRegular.eot');
    src: url('../fonts/WorkSansRegular.eot') format('embedded-opentype'),
         url('../fonts/WorkSansRegular.woff2') format('woff2'),
         url('../fonts/WorkSansRegular.woff') format('woff'),
         url('../fonts/WorkSansRegular.ttf') format('truetype'),
         url('../fonts/WorkSansRegular.svg#WorkSansRegular') format('svg');
}
@font-face {
    font-family: 'WorkSansMedium';
    src: url('../fonts/WorkSansMedium.eot');
    src: url('../fonts/WorkSansMedium.eot') format('embedded-opentype'),
         url('../fonts/WorkSansMedium.woff2') format('woff2'),
         url('../fonts/WorkSansMedium.woff') format('woff'),
         url('../fonts/WorkSansMedium.ttf') format('truetype'),
         url('../fonts/WorkSansMedium.svg#WorkSansMedium') format('svg');
}
@font-face {
    font-family: 'WorkSansSemiBold';
    src: url('../fonts/WorkSansSemiBold.eot');
    src: url('../fonts/WorkSansSemiBold.eot') format('embedded-opentype'),
         url('../fonts/WorkSansSemiBold.woff2') format('woff2'),
         url('../fonts/WorkSansSemiBold.woff') format('woff'),
         url('../fonts/WorkSansSemiBold.ttf') format('truetype'),
         url('../fonts/WorkSansSemiBold.svg#WorkSansSemiBold') format('svg');
}


body{
    padding: 0;
    margin: 0;
    box-sizing: border-box;   
}
body, html{
    display: inherit !important;
}
h1,h2,h3,h4,h5,h6,p,li,ul{
    padding: 0;
    margin: 0;
}
h2{
    color: #3f444b;
    font-size: 48px;
    font-family: 'WorkSansBold';
    text-transform: uppercase;
    position: relative;
}
p{
    color: #303337;
    font-family: 'WorkSansRegular';
    line-height: normal;
}
img{
    max-width: 100%;
    height: auto;
}
/* Header CSS Start */
.container{
    max-width: 1140px;
    margin: 0 auto;
}
.main-header .logo {
    padding: 26px 0 0 24px;
}
.main-header {
    padding-right: 30px;
}
.main-nav {
    margin-bottom: -1px;
}
.main-header li {
    list-style: none;
    display: inline-block;
    float: left;
    margin: 0 15px;
    padding: 38px 0 35px;
}
.main-header li a {
    color: #3f444b;
    font-family: 'WorkSansRegular';
    text-decoration: none;
    text-transform: uppercase;
}
.order_now_btn, .user_info {
    display: inline-block;
    margin-top: 26px;
}
.order_now_btn button ,.order_now_btn .button_style{
    background-color: #8e5121;
    border: none;
    color: #ffffff;
    font-family: 'WorkSansMedium';
    text-transform: uppercase;
    padding: 13px 30px;
    cursor: pointer;
    position: relative;
    margin-left: 30px;
        display: block;
}
.order_now_btn button:before, .read_more_btn a:before,.order_now_btn .button_style:before {
    content: '';
    position: absolute;
    border-left: 1px solid #8e5121;
    border-top: 1px solid #8e5121;
    left: -6px;
    top: -6px;
    height: 72%;
    width: 23%;
}
.order_now_btn button:after, .read_more_btn a:after,.order_now_btn .button_style:after {
    content: '';
    position: absolute;
    border-right: 1px solid #8e5121;
    border-bottom: 1px solid #8e5121;
    right: -6px;
    bottom: -6px;
    height: 72%;
    width: 23%;
}
.user_info {
    margin-left: 14px;
    margin-top: 37px;
}
.user_info a {
    margin: 0 8px;
}
.main-header li a:hover {
    color: #8e5121;
}
.main-header li.current_page_item {
    border-bottom: 3px solid #8e5121;
}
.main-header li.current_page_item a {
    color: #8e5121;
}
a.cart-customlocation:before {
    content: '';
    background-image: url(../images/cart_icon.png);
    position: absolute;
    height: 26px;
    width: 22px;
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    z-index: -1;
}
a.cart-customlocation {
    background-color: #f00;
       padding: 2.29px 8px;
    color: #ffffff;
    border-radius: 50px;
   /*  padding: 1px 8px;
   color: #ffffff;
   border-radius: 50px; */
    font-size: 14px;
    position: relative;
}
.main-nav-opne.d-lg-none.show{
   position: fixed;
    background-color: #f5f5f5;
    right: 0;
    height: 100%;
    top: 0;
    bottom: 0;
    width: 300px;
    padding-top: 30px;
    overflow-x: hidden;
    transition: 0.5s; 
    z-index: 11;
    
}
a.menu_open.close_menu {
    position: absolute;
    right: 17px;
    z-index: 1;
    top: -50px;
}
.header_mt_1 li {
    float: none;
    display: block;
    padding: 10px 0px;
    transition: 0.3s;
}
.menu_overlay.menu_open{
 height: 100%;
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0, 0.7);
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    opacity: 1;
    transition: opacity 1s;
    width: calc(100% - 300px);
}
.toggle_menu {
    display: none;
}
/* Header CSS End */

/* Footer CSS Start */
.footer_top {
    background-color: #373a3f;
    padding: 50px 0 42px;
    position: relative;
    margin-top: -1px;
}
.footer_top .widget_media_image {
    text-align: center;
}
.footer_top ul {
    text-align: center;
    padding: 27px 0 30px;
}
.footer_top li {
    list-style: none;
    display: inline-block;
    margin: 0 13px;
}
.footer_top li a {
    color: #ffffff;
    font-family: 'WorkSansRegular';
    text-transform: uppercase;
    text-decoration: none;
}
.footer_top p {
    color: #94989d;
    text-align: center;
    font-family: 'WorkSansRegular';
}
.footer_top .wp-image-71 {
    position: absolute;
    right: 28px;
    bottom: 29px;
    top: auto;
}
footer.site-footer {
    margin-top: 40px;
    text-align: center;
}
#back-to-top {
   display: inline-block;
   cursor: pointer;
}
span.back-top {
    background-color: #373a3f;
    color: #ffffff;
    padding: 27px 27px 9px;
    font-family: 'WorkSansSemiBold';
    display: inline-block;
    position: relative;
}
span.back-top:before {
    content: '';
    background-image: url(../images/top-arrow.png);
    position: absolute;
    width: 7px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 9px;
}
/* Footer CSS End */

/* Our Story CSS Start */
.our_story_section {
    padding: 110px 0 61px;
}
.our_story_section .wpb_content_element {
    margin-bottom: 17px;
}
.our_story_section .col-sm-6:first-child {
    /* padding-left: 21.5%; */
    padding-left: 20.4%;
    /* padding-right: 13px; */
    padding-right: 14.9px;
    padding-top: 65px;
}
.our_story_section .col-sm-6 .pr_7 {
    padding-right: 7px;
}
h2:after {
    content: '';
    position: absolute;
    background-color: #eff0f1;
    height: 106px;
    width: 106px;
    top: -51px;
    bottom: 0;
    left: -61px;
    right: auto;
    z-index: -1;
}
h2:before {
    content: '';
    position: absolute;
    border-top: 3px solid #8e5121;
    border-left: 3px solid #8e5121;
    width: 111px;
    height: 110px;
    left: -77px;
    top: -67px;
    right: 0;
    bottom: 0;
}
.our_story_section h2{
    padding-bottom: 12px;
}
span.txt_bold {
    font-family: 'WorkSansBold';
}
.bottom_content p {
    display: inline-block;
}
.news_content {
    width: 76%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 12px;
}
.read_more_btn {
    display: inline-block;
    vertical-align: middle;
}
.our_story_section .news_info .wpb_content_element{
    margin-bottom: 0;
}
.news_info {
    border: 1px solid #cfd4d9;
    box-shadow: 2px 5px 27px 5px rgb(0 0 0 / 15%);
    padding: 19px 15px 20px 20px;
    margin: 43px 0 0 0;
}
.news_content h3 {
    color: #3f444b;
    font-size: 20px;
    font-family: 'WorkSansBold';
    text-transform: uppercase;
    padding-bottom: 2px;
}
.read_more_btn a {
    background-color: #8e5121;
    border: none;
    color: #ffffff;
    font-family: 'WorkSansMedium';
    text-transform: uppercase;
    padding: 15px 28px;
    cursor: pointer;
    position: relative;
    text-decoration: none;
}
.our_story_section .row {
    margin: 0 auto;
}

.our_process_section{padding:100px 15px 5px 15px;}

.our_process_section h2,.faq_section h2{padding-bottom:12px;}
.our_process_section .top_row .col-sm-6:last-child{padding-top:37px;padding-left:110px;}
.our_process_section .top_row{padding-top:30px;padding-bottom:90px;padding-bottom: 39px;}
.our_process_section .bottom_row{padding-top:24px;padding-bottom:5px;}
.our_process_section .bottom_row .col-sm-6:first-child{padding-left:8%; padding-top:119px;}
.our_process_section .bottom_list ul li{
    color: #303337;
    font-family: 'WorkSansRegular';
    line-height: normal;
    list-style: none;
    position: relative;
    padding: 12px 0;
    padding-left: 55px;
}
.our_process_section .bottom_list ul li:before{
    content:'';
    display:block;
    width:22px;
    height:22px;
    background-repeat:no-repeat;
    background-image: url(../images/tickmark.png);
    position: absolute;
    vertical-align: middle;
    left: 17px;
}
.faq_section .vc_tta-container{max-width:730px;margin:0 auto;}
.faq_section{padding:166px 15px 40px 15px;}
.faq_section .faq_acordian h4 a span{
    font-family: 'WorkSansSemiBold';
    font-size:18px;
    color:#3f444b;
}
.faq_section .faq_acordian .vc_active.faq_title h4 a span{
    color:#8e5121;
}
.faq_section .faq_acordian .vc_active.faq_title .vc_tta-panel-body{padding-top:0px;}
.faq_section .faq_acordian h4 a{padding-left:10px !important;}
.faq_section .faq_acordian i.vc_tta-controls-icon.vc_tta-controls-icon-plus{left:auto;right:10px;}

.faq_section .faq_acordian .faq_title .vc_tta-panel-heading{
    background-color: transparent !important;
    border: none;
    border-top: 1px solid rgb(63 68 75 / 20%) !important;
    border-radius: 0;
}
.faq_section .faq_acordian .faq_title .vc_tta-panel-body{
    padding-left:10px;
    background-color: transparent !important;
    border: none;
    border-radius: 0;
}
.faq_section .text_center p {
    /* padding-right: 60px; */
    padding-left: 64px;
}
.faq_section h2 {
    margin-left: 63px;
}
.faq_section .search_box{
    text-align: center;
    position: relative;
    padding: 20px 0 23px;
}
.faq_section .search_box input {
    width: 49%;
    height: 50px;
    padding: 12px 44px 12px 15px;
    color: #83878d;
    font-family: 'WorkSansRegular';
    border: 1px solid #ccd0d5;
    border-radius: 0;
    outline: none;
}
.search_box #btn-search {
    background-image: url(../images/search_icon.png);
    background-repeat: no-repeat;
    width: 22px;
    height: 23px;
    border: none;
    background-color: transparent;
    position: absolute;
    top: 33px;
    bottom: 0;
    left: 71%;
    right: 0;
    cursor: pointer;
    outline: none;
}
/* Extria Composite CSS */
.extira_composite_section {
    padding: 166px 0 16px;
}
.extira_composite_section h4.vc_custom_heading {
    color: #3f444b;
    font-size: 20px;
    font-family: 'WorkSansBold';
    text-transform: uppercase;
    padding-bottom: 35px;
}
.extira_composite_section h5.vc_custom_heading {
    color: #3f444b;
    font-size: 16px;
    font-family: 'WorkSansBold';
    padding-bottom: 15px;
}
.extira_composite_section h2.vc_custom_heading {
    padding-bottom: 13px;
}
.p_top p {
    padding-top: 64px;
}
.p_top_right p {
    padding-top: 122px;
}
.table{
    position: relative;
}
.table-data thead {
    background-color: #3f444b;
    color: #fff;
    font-size: 20px;
    font-family: 'WorkSansBold';
    text-transform: uppercase;
    text-align: center;
}
.table-data .table thead th, .table td, .table th{
    border-bottom: 11px solid #fff;
    padding: 11px 6px;
}
.table-data td:nth-child(1) {
    width: 30%;
    text-align: left;
}
.table-data td:nth-child(2) {
    width: 20%;
}
.table-data td:nth-child(3) {
    width: 27%;
}
.table-data tbody tr{
    background-color: #e7e8ea;
}
.table-data td {
    text-align: center;
    color: #3f444b;
    font-family: 'WorkSansBold';
    padding: 14px 15px;
    position: relative;
}
.table_data.col-sm-12 {
    padding-top: 20px;
        padding-right: 20px;
    padding-left: 45px;
}
.table-data th:nth-child(2), .table-data td:nth-child(2) {
    background-color: rgba(255,186,0, 0.10);
}
.table-data tbody tr:nth-child(1):after, .table-data tbody tr:nth-child(2):after,  .table-data tbody tr:nth-child(3):after, .table-data tbody tr:nth-child(4):after, .table-data tbody tr:nth-child(5):after, .table-data tbody tr:nth-child(6):after {
    content: '';
    background-image: url(../images/price.png);
    height: 32px;
    width: 32px;
    position: absolute;
    left: -48px;
    right: 0;
    top: 17%;
    background-position: center;
    background-repeat: no-repeat;
}
.table-data tbody tr:nth-child(2):after{
    background-image: url(../images/moisture.png);
    top: 30%;
}
.table-data tbody tr:nth-child(3):after{
    background-image: url(../images/rootres.png);
    top: 45%;
}
.table-data tbody tr:nth-child(4):after{
    background-image: url(../images/cover.png);
    top: 60%;
}
.table-data tbody tr:nth-child(5):after{
    background-image: url(../images/sun.png);
    top: 74%;
}
.table-data tbody tr:nth-child(6):after{
    background-image: url(../images/madal.png);
    top: 88%;
}
.contact_details {
    max-width: 760px;
    margin: 0 auto;
}
.contact_info.col-sm-12.vc_col-has-fill .vc_column-inner.vc_custom_1614762128115 {
    padding: 47px 105px 31px 105px;
}
.contact_form_section {
    margin: 63px 0 99px 0;
}
.contact_details label, input, textarea {
    width: 100%;
    
}
.contact_details label{
    font-size: 16px !important;
    font-family: 'WorkSansBold';
    }
.contact_details input[type="submit"] {
    display: inline-block;
    width: auto;
    float: right;
}
.contact_details textarea {
    height:140px; 
    resize:none;
    background-color:#eff0f1;
     border: 1px solid #ccd0d5;
     padding: 13px 20px 10px 20px;
     margin-top: 3px;
     margin-bottom: 7px;
    }
    .contact_details input {
    background-color:#eff0f1;
    border: 1px solid #ccd0d5;
    padding: 13px 20px 10px 20px;
    outline: none;
    margin-top: 3px;
    margin-bottom: 5px;
    font-family: 'WorkSansRegular';
    color:#83878d;
    }
    .contact_details ::placeholder{
         font-size: 16px !important;
    font-family: 'WorkSansRegular';
    color:#83878d;
        }
    .contact_us_section .container {
    max-width: 790px;
    margin: 0 auto;
}
   .contact_details input[type="submit"] {
    background-color: #8e5121;
    border: none;
    color: #ffffff;
    font-family: 'WorkSansMedium';
    text-transform: uppercase;
    padding: 13px 30px 12px 29px;
cursor: pointer;
position: relative;
margin-left: 30px;
}

.contact_form_section .contact_text {
    margin-bottom: 19px;
    margin-top: 14px;
}
.contact_form_section h2:after {
   
    background-color: transparent;
   
}
.contact_form_section h2:before {
     border: none;
   }
.contact_info.col-sm-12:before {
    content: '';
    position: absolute;
    border-top: 3px solid #8e5121;
    border-left: 3px solid #8e5121;
    width: 117px;
    height: 119px;
    left: -3px;
    top: -19px;
    right: 0;
    bottom: 0;
}
span.if_applicable {
    font-family: 'WorkSansRegular';
}
.contact_us_section .vc_custom_1614759616183, .vc_custom_1614761105630, .vc_custom_1623411791572, .vc_custom_1623411801844 {
    height: 106px;
    width: 106px;
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact_us_section .wpb_content_element{
    margin-bottom: 0;
    }
    .contact_us_section .vc_custom_1614759616183:before , .contact_us_section .vc_custom_1623411791572:before{
    content: '';
    position: absolute;
    border-top: 3px solid #8e5121;
    border-left: 3px solid #8e5121;
    width: 117px;
    height: 119px;
    left: -3px;
    top: -19px;
    right: 0;
    bottom: 0;
}
 .contact_us_section .vc_custom_1614761105630:before , .contact_us_section .vc_custom_1623411801844:before {
    content: '';
    position: absolute;
    border-top: 3px solid #8e5121;
    border-left: 3px solid #8e5121;
    width: 117px;
    height: 119px;
    left: -3px;
    top: -19px;
    right: 0;
    bottom: 0;
}
.contact_us_section .col-sm-8 {
    display: flex;
    align-items: center;
}
.contact_us_section h4 {
    font-size: 20px !important;
    font-family: 'WorkSansBold';
    text-transform: uppercase;
    padding-bottom: 10px;
}
.contact_us_section a {
    font-size: 16px;
    font-family: 'WorkSansMedium';
    color: #3f444b;
    text-decoration: none;
}
.contact_us_section {
    padding: 100px 0 0 0;
}
.btn_send {
    position: relative;
    width: 104px;
    display: inline-block;
    float: right;
}
.btn_send:before {
content: '';
position: absolute;
border-left: 1px solid #8e5121;
border-top: 1px solid #8e5121;
left: -6px;
    top: -4px;
    height: 36px;
    width: 36px;
}
.btn_send:after {
content: '';
position: absolute;
border-right: 1px solid #8e5121;
border-bottom: 1px solid #8e5121;
    right: -6px;
    bottom: 29px;
    height: 36px;
    width: 36px;
}

/*woocommerce css*/

.u-column1.col-1,.u-column2.col-2{
    max-width:100%;
}
.login-register-section .woocommerce form .form-row{
 display:block !important;   
}
.login-register-section .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme{
    display:block !important; 
}
.login-register-section input#rememberme{
 width:auto;   
}
.login-register-section {
    padding: 100px 0 0;
}
.logout {
    display: inline-block;
    vertical-align: middle;
    position:relative;
}
ul.logout_menu {
    display: none;
   position: absolute;
    left: -45px;
    width: 132px;
    top: 35px;
    background-color: #fff;
    border: 1px solid;
    z-index: 1;
}
.main-header ul.logout_menu li {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
}
#customer_details .col-1, #customer_details .col-2 {
    max-width: 100%;
}
#order_comments_field span.woocommerce-input-wrapper {
    display: inline-block;
    width: 100%;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger{
 display:none;   
}
.woocommerce input {
    padding: 10px 10px;
    height: auto;
    border-radius: 3px;
    border: 1px solid #303337;
}
p.woocommerce-LostPassword.lost_password a {
    color: #303337;
}
.woocommerce-privacy-policy-text {
    display: none;
}
.orange_btn{
 background-color: #8e5121 !important;
    border: none !important;
    color: #ffffff !important;
    font-family: 'WorkSansMedium';
    text-transform: uppercase;
    padding: 13px 30px !important;
    cursor: pointer !important;
    position: relative !important;
    font-weight: 400 !important;
    border-radius: 0 !important;
}
.orange_btn:before {
    content: '';
    position: absolute;
    border-left: 1px solid #8e5121;
    border-top: 1px solid #8e5121;
    left: -6px;
    top: -6px;
    height: 72%;
    width: 23%;
}
.orange_btn:after {
        content: '';
    position: absolute;
    border-right: 1px solid #8e5121;
    border-bottom: 1px solid #8e5121;
    right: -6px;
    bottom: -6px;
    height: 72%;
    width: 23%;
}

/*Home Page Css*/

.news_info_home .read_more_btn a:after, .news_info_home .read_more_btn a:before {
    display: none;
}
.news_info_home {
    margin-top: 15px;
}
.news_info_home .read_more_btn a {
    display: inline-block;
}
.news_info_home .read_more_btn a {
    display: inline-block;
    padding: 9px 10px;
    line-height: normal;
    margin-top:5px;
    /* font-size: 16px; */
}

.news_info_home .bottom_content {
    display: flex;
    padding: 20px;
    border: 1px solid #cfd4d9;
    align-items: center;
    box-shadow: 0px 13px 27px 2px rgb(0 0 0 / 15%);
}
.news_info_home .bottom_content .img-wrapper {
    width: 16%;
}
.news_info_home .bottom_content .news_content {
    width: 84%;
}
.news_info_home .bottom_content p {
    padding-right: 16px;
}
.know_more_btn a.vc_btn3-color-grey,.know_more_btn a.vc_btn3-color-grey:hover,
.traditional_btn a.vc_general,.traditional_btn a.vc_general:hover
{
    background: #8e5121!important;
    border: none;
    color: #ffffff!important;
    font-family: 'WorkSansMedium'!important;
    text-transform: uppercase;
    padding: 17px 30px!important;
    cursor: pointer;
    position: relative;
    /* margin-left: 30px; */
    border-color: #8e5121!important;
    border-radius: 0;
}
.know_more_btn a.vc_btn3-color-grey:after,.traditional_btn a.vc_general:after
{
    content: '';
    position: absolute;
    border-right: 1px solid #8e5121;
    border-bottom: 1px solid #8e5121;
    right: -6px;
    bottom: -6px;
    height: 36px;
    width: 36px;
}
.know_more_btn a.vc_btn3-color-grey:before,.traditional_btn a.vc_general:before
{
    content: '';
    position: absolute;
    border-left: 1px solid #8e5121;
    border-top: 1px solid #8e5121;
    left: -6px;
    top: -6px;
    height: 36px;
    width: 36px;
}
section.section.our_story_section.home .know_more_btn a.vc_btn3-color-grey {
    margin-top: 15px;
}
section.section.our_process_section.home {
    padding: 48px 15px 14px 15px;
}
section.section.traditional_joinboard_section .row {
    justify-content: space-between;
}

section.section.traditional_joinboard_section .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 46%;
    max-width: 46%;
    position:relative;
}
section.section.traditional_joinboard_section .col-sm-6:before {
    content: '';
    position: absolute;
    border-top: 3px solid #8e5121;
    border-left: 3px solid #8e5121;
    width: 111px;
    height: 110px;
    left: -5px;
    top: -20px;
    right: 0;
    bottom: 0;
}
.traditional_joinboard_section h4 {
    color: #3f444b;
    font-family: 'WorkSansBold';
    text-transform: uppercase;
    padding-right: 20px;
    font-size: 24px;
    position: absolute;
    top: 1px;
    width: 100%;
    left: 40px;
}
section.section.traditional_joinboard_section .traditional_btn {
    position: absolute;
    top: 70%;
    left: 40px;
}
section.section.traditional_joinboard_section .traditional_img, section.section.traditional_joinboard_section .join_board {
    margin-bottom: 0;
}
section.section.ready_to_bulid_section {
    /* padding: 162px 0px; */
        padding: 207px 100px 125px;
    position: relative;
    /* z-index: -1; */
    background-repeat:no-repeat;
    background-position: center;
}
.let_started_btn.know_more_btn {
    margin-top: 24px;
}
.faq_more_btn.know_more_btn {
    margin-top: 30px;
}
.faq_more_btn.know_more_btn.vc_btn3-inline {
    width: 100%;
    text-align: center;
}
.wpb_single_image.home-page-img img {
    max-height: 585px;
}

/* Home page banner css start */

.banner__block:after{
 content:'';
 position:absolute;
 background-color: rgba(29,30,33,0.6);
    width: 100%;
    height: 100%;
    top: 0;
}
.banner__block {
    position: relative;
        padding: 11.48% 0 14.2%;
    background-repeat: no-repeat;
    background-size: cover;
}
.banner__content {
    position: relative;
    text-align: center;
    font-size: 20px;
    color: #fff;
    z-index: 1;
}
.banner__content img {
    text-align: center;
    margin: auto;
}
.banner__content h3 {
        font-weight: 400;
    color: #fff;
    margin-bottom: 11px;
    margin-top: 29.4px;
    font-size: 30px;
    font-family: 'WorkSansRegular';
}
.banner__content .date {
    background-color: #fff;
    vertical-align: middle;
    color: #000000;
    padding: 2px 8px 5px;
    margin-left: 3px;
    font-family: 'WorkSansRegular';
}
.banner__content h3 strong{
 font-family: 'WorkSansBold';
 color:#ffda00;
}

.banner__content .orange_btn{
    background-color: #ffd800 !important;
    color: #000000 !important;
    padding: 12px 29px !important;
    display: table;
    margin: 43px auto 0;
    text-decoration: none;
    outline: none;
    font-size: 16px;
    font-weight: bold !important;
}
.banner__content .orange_btn:before,.banner__content .orange_btn:after{
    border-color:#fff;
}
.home_banner_section .row{
 margin:0;   
}
.home_banner_section .col-sm-12{
 padding:0;   
}
.home_banner_section .slick-arrow {
    position: absolute;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    z-index:1;
    background-image:url(../images/slider_arrow.png) !important;
    font-size: 0;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    width: 52px;
    height: 52px;
    cursor: pointer;
    outline:0 !important;
}
.home_banner_section .slick-prev{
 left:30px; 
}
.home_banner_section .slick-next{
 right:30px; 
  transform: translateY(-50%) rotate(180deg);
}
.home_banner_section .slick-arrow:hover{
    background-image:url(../images/hover_arrow.png) !important;    background-size: contain;
}
.home_banner_section .slick-prev:hover{
transform: translateY(-50%) rotate(180deg);
}
.home_banner_section .slick-next:hover{
  transform: translateY(-50%);
} 
.free_shipping_content {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 90px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}
.free_text {
    background-image: url(../images/free_bg.png);
   	width: 609px;
    height: 116px;
    margin-left: -105px;
    padding-left: 107px;
    padding-top: 9px;
	padding-bottom:9px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.free_shipping_content img{
	height: 140px !important;
    width: 219px !important;
 position:relative;
 z-index:1;
}
.free_shipping_content h3{
 font-size: 26px;
    color: #3f444b;
    text-transform: uppercase;
    font-weight: 700;  
	margin-bottom:6px;
}
.free_shipping_content p{
font-size:14px;
 color: #3f444b;
 font-family: 'WorkSansMedium';
	line-height: 18.2px;
}


.review_slider .slick-track {
    display: flex !important;
    margin-bottom: 9px;
}
.review_slider .slick-track .slick-slide {
     display: flex;
     height: auto;
}
.review_content {
    background-color: #eff0f1;
    margin: 20px 15px 0 15px;
    padding: 25px 15px 15px 15px;;
    width: 100%;
    position: relative;
}
.review_content:before {
    content: '';
    background-image: url(../images/quote_img.png);
    position: absolute;
    width: 44px;
    height: 37px;
    top: -17px;
    bottom: 0;
}
.review_content p{
    color: #3f444b;
}
.review_content h5 {
    color: #3f444b;
    font-size: 18px;
    font-family: 'WorkSansSemiBold';
    padding-top: 13px;
}
.featured_review_section {
    padding: 88px 0 0;
}
.featured_review_section h3 {
    color: #3f444b;
    font-size: 48px;
    font-family: 'WorkSansBold';
    /* padding-bottom: 37px; */
    padding-bottom: 19px;
}
.home_banner_section .banner_slider .slick-prev:before, .home_banner_section .banner_slider .slick-next:before {
    color: transparent;
}
/* Product Single :: START */
body.single-product .summary .product_title.entry-title {
    display: none;
}
/* Product Single :: END */
.star_img.active{
   background-image: url(../images/single_star.png);
    height: 13px;
    width: 13px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}
.review_slider ul.slick-dots {
    list-style: none;
    text-align: center;
}
.review_slider ul.slick-dots li {
    display: inline-block;
    margin: 19px 2px 0px 2px;
    font-size: 0;
    outline: none;
}
.review_slider button {
    border: 1px solid #dcdcdc;
    height: 13px;
    width: 13px;
    padding: 0;
    background-color: transparent;
}
.review_slider ul.slick-dots li.slick-active button {
    background-color: #8e5020;
    border-color: #8e5020;
    outline: none;
}
.slick-initialized .slick-slide{
    outline: none;
}

/* Cart page CSS */
.shop_table {
    margin-bottom: 0 !important;
}
.shop_table.shop_table_responsive {
    border-spacing: 0 12px;
    border: none !important;
}
.shop_table thead {
    background-color: #3f444b;
    color: #ffffff;
    font-family: 'WorkSansSemiBold';
}
.shop_table thead th {
    padding: 15px 6px 15px 19px !important;
}
.shop_table tbody {
    background-color: #e7e8ea;
}
.shop_table th:nth-child(1) {
    width: 55%;
}
.shop_table th:nth-child(2) {
    width: 22%;
}
.shop_table .cart_title a, .shop_table span.amount {
    color: #3f444b;
    font-family: 'WorkSansBold';
    text-decoration: none;
}
.cart_img {
    width: 109px;
    height: 99px;
    background-color: #ffffff;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
}
.cart_img img{
    width: 28px !important;
    height: 70px !important;
    box-shadow: -13px 11px 30px 7px rgb(0 0 0 / 27%) !important; 
}
.cart_title {
    display: inline-block;
    padding-left: 25px;
    vertical-align: middle;
}
td.product-remove a {
    width: auto !important;
}
.woocommerce a.remove:hover{
    background: transparent !important;
    color: #3f444b !important;
}
.woocommerce a.remove{
    color: #3f444b !important;
}
.shop_table td{
    border: none !important;
}
.shop_table .quantity {
    display: flex;
    position: relative;
    justify-content: center;
}
/* .shop_table .inc.plusminus {
    position: relative !important;
    right: 0px;
} */
.shop_table .quantity .dec, .shop_table .quantity .inc{
    height: 50px;
    width: 50px !important;
    background-color: transparent !important;
}
.shop_table input.text{
    background-color: transparent !important;
}
/* .shop_table .dec.plusminus {
    left: 0px;
} */
.btm_cart_total {
    margin-top: 0 !important;
}
.btm_cart_total tbody {
    background-color: transparent;
}
.btm_cart_total tr.cart-subtotal {
    color: #3f444b;
    font-family: 'WorkSansRegular';
    font-size: 20px;
   /*  display: flex !important;
   justify-content: flex-end; */
}
.btm_cart_total td span.amount bdi {
    color: #3f444b;
    font-family: 'WorkSansRegular';
}
.wc-proceed-to-checkout a.checkout-button {
    background-color: #8e5020 !important;
    font-size: 16px !important;
    font-family: 'WorkSansMedium';
    text-transform: uppercase;
    font-weight: normal;
    border-radius: 0;
    padding: 16px 29px !important;
    position: realtive;
    margin-top: 15px;
}
.wc-proceed-to-checkout {
    display: inline-block;
    float: right;
    padding: 10px 0 !important;
    margin-left: 50px;
}
.wc-proceed-to-checkout a.checkout-button:after{
    content: '';
    position: absolute;
    border-right: 1px solid #8e5121;
    border-bottom: 1px solid #8e5121;
    right: -6px;
    bottom: -6px;
    height: 72%;
    width: 16%;
}
.wc-proceed-to-checkout a.checkout-button:before{
    content: '';
    position: absolute;
    border-left: 1px solid #8e5121;
    border-top: 1px solid #8e5121;
    left: -6px;
    top: -6px;
    height: 72%;
    width: 16%;   
}
h3.cart_main_title {
    text-align: center;
    font-size: 48px;
    color: #3f444b;
    font-family: 'WorkSansBold';
    text-transform: uppercase;
    padding: 87px 0 36px 0;
}
.shiiping_url_cart_sec{
    text-align: right;
}
.shiiping_url_cart_sec a {
    color: #3f444b;
    font-family: 'WorkSansMedium';
    text-transform: uppercase;
    text-decoration: underline;
}
ul.breadcrumbs {
    list-style: none;
    border-bottom: 1px solid #e0e7ea;
    padding-bottom: 14px;
    padding-top: 10px;
}
ul.breadcrumbs li {
    display: inline-block;
    margin-right: 8px;
    font-family: 'WorkSansRegular';
    color: #8e5121;
    font-weight: 300;
}
ul.breadcrumb li.separator.separator-home {
    color: #3f444b;
}
ul.breadcrumbs li a, ul.breadcrumbs li.separator {
    color: #3f444b;
    text-decoration: none;
}
.display_none_tr_cart{display: none;}
.quantity_main.quantity.buttons_added {
    width: 167px;
    display: flex;
    justify-content: center;
    position: relative;
    float: none;
}
.quantity_main.quantity.buttons_added .dec.plusminus {
    right: auto;
    left: 0;
}
.quantity_main.quantity.buttons_added .inc.plusminus {
    right: 0;
    left: auto;
}
.star_container_main {
    padding-top: 2px;
}
.actions.update_btn_btm_cart {
    text-align: right;
    padding-top: 15px;
}
.woocommerce button.button:disabled[disabled]{
    opacity: 0.6 !important;
}
.update_btn_btm_cart button,form.checkout_coupon button.button[name="apply_coupon"] {
    background: #8e5020 !important;
    font-size: 16px !important;
    font-family: 'WorkSansMedium';
    text-transform: uppercase;
    font-weight: normal !important;
    border-radius: 0 !important;
    padding: 15px 23px !important;
    color: #fff !important;
    opacity: 1 !important;
    outline: none;
}
.update_btn_btm_cart button:before, .place-order button:before,form.checkout_coupon button.button[name="apply_coupon"]:before{
    content: '';
    position: absolute;
    border-left: 1px solid #8e5121;
    border-top: 1px solid #8e5121;
    left: -7px;
    top: -7px;
    height: 62%;
    width: 17%; 
}
.update_btn_btm_cart button:after, .place-order button:after,form.checkout_coupon button.button[name="apply_coupon"]:after{
    content: '';
    position: absolute;
    border-right: 1px solid #8e5121;
    border-bottom: 1px solid #8e5121;
    right: -7px;
    bottom: -7px;
    height: 62%;
    width: 17%; 
}
.wc-proceed-to-checkout .checkout-button.button.alt.wc-forward {
    display: inline-block;
    float: right;
}
textarea#order_comments {
    height: 122px;
    color: #83878d;
    font-family: 'WorkSansRegular';
    padding: 16px 15px 15px 16px;
    border-color: #ccd0d5;
    resize: none;
    outline: none;
}
.wc-proceed-to-checkout a {
    color: #8e5020;
    border-bottom: 1px solid #8e5020;
    text-decoration: none;
}
span.optional {
    display: none;
}
#order_comments_field label {
    font-family: 'WorkSansBold';    text-transform: capitalize;
}
.woocommerce-form__label-for-checkbox.checkbox{
    position: relative;
}
.woocommerce-form__label-for-checkbox.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark_new {
  position: absolute;
  top: 2px;
  left: -28px;
  height: 19px;
  width: 19px;
  background-color: transparent;
  border: 1px solid #ccd0d5;
  cursor: pointer;
}
.woocommerce-form__label-for-checkbox.checkbox input:checked ~ .checkmark_new {
  background-color: transparent;
}
.checkmark_new:after {
  content: "";
  position: absolute;
  display: none;
}
.woocommerce-form__label-for-checkbox.checkbox input:checked ~ .checkmark_new:after {
  display: block;
}
.woocommerce-form__label-for-checkbox.checkbox .checkmark_new:after {
    left: 6px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid #8e5020;
    border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.woocommerce-message {
    border-top-color: #8E5121;
    font-family: 'WorkSansMedium';
}
.woocommerce-message::before{
    color: #8E5121;
}
.calculated_shipping th {
    font-weight: normal !important;
}
/* Checkout Page CSS */
.checkout h3 {
    font-size: 30px;
    font-family: 'WorkSansSemiBold';
    color: #3f444b;
}
.checkout label {
    margin: 0;
    font-family: 'WorkSansMedium';
}
.checkout span.woocommerce-input-wrapper {
    width: 100%;
}
.checkout input {
    font-family: 'WorkSansRegular';
    color: #83878d;
    border-color: #ccd0d5;
    border-radius: 0 !important;
    padding: 7px 15px;
    height: 45px;
}
.checkout span.select2-selection {
    padding: 8px 6px;
    height: 46px;
    border-radius: 0;
    border-color: #ccd0d5;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    margin-top: 8px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
     color: #83878d;
}
h3#order_review_heading {
    color: #3f444b;
    font-size: 32px;
    padding: 15px 0 12px;
    font-family: 'WorkSansBold';
}
table.shop_table.woocommerce-checkout-review-order-table{
    border: none;
}
tr.cart-subtotal th:nth-child(1) {
    border: none !IMPORTANT;
}
td.product-name, tr.cart-subtotal, tr.order-total {
    font-family: 'WorkSansBold';
}
.woocommerce-checkout-payment input {
    height: auto;
    width: auto;
    margin: 0 5px 0 0!important;
}
.place-order button {
    background-color: #8e5020 !important;
    color: #fff;
    font-family: 'WorkSansMedium';
    text-transform: uppercase;
    font-weight: normal !important;
    border-radius: 0 !IMPORTANT;
    padding: 14px 26px !important;
    outline: none;
    margin-top: 12px !important;
}
.woocommerce-terms-and-conditions-wrapper {
    display: inline-block;
    width: 100%;
}
.woocommerce-checkout #payment{
    padding: 15px 8px;
    background: #e7e8ea;
    border-radius: 0;
}
span.woocommerce-terms-and-conditions-checkbox-text {
    font-family: 'WorkSansMedium';
    padding-left: 20px;
}
a.woocommerce-terms-and-conditions-link {
    border-bottom: 1px solid;
    color: #8E5020;
    text-decoration: none;
}
.checkout .woocommerce-form__label-for-checkbox.checkbox input {
    position: relative;
    opacity: 1 !important;
    cursor: pointer;
    height: 19px;
    width: 19px;
}
.checkout .woocommerce-form__label-for-checkbox.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

#ship-to-different-address #ship-to-different-address-checkbox{
     position: relative;
  opacity: 0;
  cursor: pointer;
  height: 20px;
  width: 20px;
}

.checkmark {
  position: absolute;
  top: 6px;
    left: -8px;
  height: 19px;
  width: 19px;
  background-color: transparent;
  border: 1px solid #acaeb1;
  cursor: pointer;
}
.checkout .woocommerce-form__label-for-checkbox.checkbox input:checked ~ .checkmark{
  background-color: transparent;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkout .woocommerce-form__label-for-checkbox.checkbox input:checked ~ .checkmark:after {
  display: block;
}
.checkout .woocommerce-form__label-for-checkbox.checkbox .checkmark:after {
    left: 6px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid #8e5020;
    border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.woocommerce-invalid #terms{
    outline: 0px solid red;
    outline-offset: 0px;
}
tr.order-total td{border-top: 1px solid rgba(0,0,0,.1) !important;}
a.cart-customlocation {
    left: 12px;
    top: -4px;
    white-space: nowrap;
    text-decoration: none;
}

a.cart-customlocation:before {
    left: -11px;
    top: 6px;
}
/* Home Page :: START */
.faq_section.home .faq_acordian .faq_title:last-child {
    border-bottom: 1px solid rgb(63 68 75 / 20%) !important;
}
.btn_send span.ajax-loader {
    visibility: hidden !important;
}
/* Home Page Container :: START */
.contact_info.col-sm-12 {
    padding: 0 0 0 18px;
}
.contact_info.col-sm-12:before {
    left: 0;
}

.faq_section.home .faq_right_col.col-sm-6 {
    padding-right: 0;
}

.featured_review_section {
    padding-left: 30px;
    padding-right: 30px;
}
.review_slider  .slick-list {
    margin: 0 -30px;
}

.ready_to_bulid.col-sm-12 {
    padding-left: 0;
}

.ready_to_bulid .know_more_btn {
    margin-left: 7px;
}

section.section.traditional_joinboard_section .col-sm-6.traditional_left_col {
    padding-left: 18px;
    padding-right: 3.6px;
}
section.section.traditional_joinboard_section .col-sm-6:before {
    left: 0px;
}
section.section.traditional_joinboard_section .col-sm-6.join_board_right {
    padding-right: 0;
    padding-left: 21.6px;
}

.our_story_section.home .know_more_btn {
    margin-left: 6px;
}
section.section.traditional_joinboard_section .join_board_right.col-sm-6:before {
    left: 4px;
}
/* Home Page Container :: END */
.our_story_section.home .our_story_right_col {
    padding-right: 30px;
    padding-left: 10px;
}
.our_story_section.home {
    padding: 32px 0 35px;
}
.traditional_joinboard_section {
    padding: 51px 0 0;
}
.extira_composite_section.home {
    padding-bottom: 64px;
}
.faq_section.home {
    padding-top: 157px;
}
.contact_form_section.home {
    margin-bottom: 0;
}
.privacy_policy_content {
    padding: 60px 0;
}
.privacy_policy_content h3 {
    color: #3f444b;
    font-size: 26px;
    font-family: 'WorkSansMedium';
}
.privacy_policy_content h4 {
    color: #3f444b;
    font-size: 23px;
    font-family: 'WorkSansMedium';
}
iframe {
    height: 95px;
    max-width: 715px;
    margin: 0 auto;
}
.preview-seal {
    margin: 0 4px !important;
}
.cart_page p#privacy_policy_field .checkbox abbr {
    display: none;
}
/* Home Page :: END */


/*11-05-2021*/

.fraction-wrapper div label {
    display: block;
    color: #3f444b;
    font-size: 16px;
    font-family: 'WorkSansBold';
    font-weight: 700;
}

.fraction-wrapper div select {
    cursor: pointer;
    padding: 11.5px 15px;
    font-size: 16px;
    border-radius: 00px;
    color: #83878d !important;
    border: 1px solid #ccd0d5!important;
    width: 100%;
    outline:none;
    appearance: none;
    background-repeat: no-repeat;
    background-position: calc(100% - 20px);
    background-image:url('../images/select_arrow.png');
}
table#variable_product_table tbody tr td {
    width: auto;
    border: none;
}
.fraction-wrapper {
    display: flex;
    justify-content: space-between;
    width: 550px;
    margin-bottom: 25px;
}

.fraction-wrapper div {
    width: 48%;
}
#variable_product_table tr:nth-child(4) {
    right: 66px !important;
}

@media(max-width: 768px){
    p#order_comments_field{width: 100%;}
    .shiiping_url_cart_sec{padding-top: 12px;}
    .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{background-color: transparent !important;}
    .woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr{display: revert;}
    .fraction-wrapper {
        flex-direction:column;
}
}
@media(max-width: 767px){
    h3.cart_main_title{padding: 40px 0 15px 0 !important; font-size: 36px;}
    .table__responsive {overflow-x: auto !important;}
    .woocommerce table.shop_table.table_cart_top {width: 750px;}
}
@media(max-width: 575px){
    h3.cart_main_title{padding: 30px 0 0px 0 !important; font-size: 30px;}
    .wc-proceed-to-checkout{padding: 0 !important;}
    #customer_details{padding-top: 20px;}
    #customer_details .col-1, #customer_details .col-2{padding: 0;}
    .checkout h3{padding-top: 15px;}
    .woocommerce form .form-row{padding: 0;}
    .woocommerce-checkout #payment{padding: 0 8px;}
    .checkout h3{font-size: 26px;}
}
@media(max-width: 479px){
    .checkmark_new{left: 0;}
    /* .woocommerce-form__label-for-checkbox.checkbox{text-align: right;} */
    .woocommerce-checkout-payment .woocommerce-form__label-for-checkbox.checkbox {text-align: left; line-height: 22px;}
    .form-row.place-order, ul.wc_payment_methods.payment_methods.methods{padding: 10px !important;}
}

.input#vlength_qty_area,.input#vwidth_qty_area{
        text-align: left;
}
a.header_trustlock_link img {
    max-width: 130px;
}

/*changes on 21/05/2021 for show sku on product image */
.woo-variation-gallery-wrapper {
    position: relative!important;
}

.woo-variation-gallery-wrapper .product_meta.product_meta_variation_add_to_cart {
    position: absolute;
    top: 0;
    z-index: 99;
    left: 50%;
    transform: translateX(-50%);
        margin-top: 0px!important;
            width: 100%;
    text-align: center;
}

.woo-variation-gallery-wrapper .product_meta.product_meta_variation_add_to_cart span {
    font-size: 16px;
}

p.error_ship {
    font-size: 14px;
    text-align: left;
}
input#shipping_method_0_local_pickup15:checked + label[for=shipping_method_0_local_pickup15]::after {
    display: block !important;
    content: "Please add your address on checkout page." !important;
    color: red;
    font-size: 14px;
}

.calculator_hide {
    display:none;
}
#shipping_method #shipping_method_0_local_pickup15[checked="checked"] + label.hidden::after{
    display:none !important;
}
.home .banner__content img{
	width:auto !important;
	padding: 0 !important;
}