/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400&display=swap');

/* #Site Styles
================================================== */

/* ### general ### */
html,
body { font-family: 'Rubik', sans-serif; font-size: 14px; line-height: 1.5; color: #27482b; }
body { background: #fff; }
body.modal-open {
    overflow: hidden;
}
img { display: block; max-width: 100%; border: 0; }
:focus { outline: none; }
ul,
li { margin: 0; padding: 0; list-style: none; }
a { display: inline-block; text-decoration: none; }
input::placeholder,
textarea::placeholder { color: #d5d5d5 !important; }
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
	-webkit-appearance: none;
}
:root {
	scroll-behavior: unset;
    --kt-success: #27482b;
    --kt-warning: #f89406;
}
h1 { font-size: 20px; font-weight: 700; line-height: 1.1; text-transform: uppercase; }
h2 { font-size: 18px; font-weight: 700; line-height: 1.1; text-transform: uppercase; }
h3 { font-size: 14px; font-weight: 500; line-height: 1.1; }
h4 { font-size: 14px; font-weight: 700; line-height: 1.1; }
h5 { font-size: 20px; font-weight: 300; line-height: 1.1; }
.toastr { background-color: #27482b ;}
.toastr .toastr-warning {background-color: #f89406 ;}
#toastr-container.toastr-top-center .toastr-warning { margin-top: 15%;}
#CybotCookiebotDialog {
    font-family: 'Rubik', sans-serif;
}
/* ### global classes ### */
.clear { visibility: hidden; clear: both; height: 0; line-height: 0; }
.container { max-width: 1194px; }
.btn { padding: 10px 30px 9px; position: relative; display: inline-block; font-size: 12px; font-weight: 500; text-transform: uppercase; text-decoration: none; border-radius: 0; transition: all 0.3s; }
.btn-back { padding: 10px 30px 9px 20px; position: relative; display: inline-block; font-size: 12px; font-weight: 500; text-transform: uppercase; text-decoration: none; border-radius: 0; transition: all 0.3s; }
.btn-primary { color: #fff; border: 0; background-color: #a0b93c; }
.btn-primary:hover { background-color: #27482b; }
.btn-secondary { color: #fff; border: 0; background-color: #262626; }
.btn-secondary:hover { background-color: #27482b; }
.custom-select,
.form-control { padding: 10px 16px; width: 100%; height: 37px; font-family: 'Rubik', sans-serif; font-size: 14px; color: #000 !important; border: 1px solid #d5d5d5; border-radius: 0; background-color: #fff; }
.form-control:focus { outline: inherit; box-shadow: none; border: 1px solid #d5d5d5; }
.modal-body .image img{ height: 110px; max-width: unset;}
.modal-dialog {top:100px;}
.modal-close {background: transparent; border: none;}
.search-item a { color: #27482b;}
.product-box.mobile {display: none;}
.promo-sticker {width: 100px; height: 100px; position: absolute; z-index: 4;}
.promo-sticker svg {height: 100%; width: 100px}
.product-thumbnail .promo-sticker svg {height: 60%; width: 60px}
.banner-content {padding: 20px 0;}
.notification { z-index: 300;position: absolute;left: 0;width: 100%; height: 100%; }
.popup { position: relative; z-index: 8; width: 100%;}
.notifications .popup:first-child .popup-content { width: 100%; padding: 20px 10px;}
.notifications .popup .popup-content { width: 100%; padding: 0 10px 20px;}
.popup .popup-description img { object-fit: contain; }
.popup .popup-image, .popup .popup-description { width: fit-content; margin-left: auto; margin-right: auto; }
.popup .popup-image img { width: 100%; object-fit: contain}
.form-group { padding-bottom: 17px;}
.billing-details label { padding-bottom: 5px; font-weight: bold;}
.billing-details .form-group textarea { min-height: 160px; padding: 10px;}
.billing-details .title, .order-details .title { margin-bottom: 20px; font-weight: bold; font-size: 20px;}
.billing-details .form-checkbox-width { width: 100px; padding-right: 5px;}
.billing-details .select2-container--bootstrap5 .select2-selection--single { height: 48px; }
.order-details p { font-size: 16px;}
.order-details .table thead th { padding-top: 0; font-size: 16px;}
.order-details .table td { font-size: 16px;}
.order-details .table tr span { font-size: 16px;}
.order-details .table tr .discount-text { font-size: 14px;}
.order-details .btn { font-size: 16px; font-weight: bold;}
.payment-box  h2 { font-size: 20px; }
/* ### wrapper ### */
#wrapper { padding-top: 142px; position: relative; display: block; width: 100%; min-height: 100%;  }

/* ### main container ### */
#mainCntr { width: 100%; }

/* ### header container ### */
#headerCntr { position: fixed; top: 0; left: 0; z-index: 9; width: 100%; transition: all 0.3s; }
#headerCntr.sticky { transform: translateY(-36px); }
#headerCntr.active { height: 100vh; }
#headerCntr.active.sticky { transform: translateY(0); }

.basicBox {
    padding-bottom: 75px;
}

/* ### top box ### */
.topBox { padding-top: 6px; padding-bottom: 9px; background-color: #27482b; }
.topBox .info li { margin-right: 27px; display: inline-block; }
.topBox .info li:last-child { margin-right: 0; }
.topBox .info li a { padding-left: 26px; position: relative; display: inline-block; font-size: 12px; font-weight: 700; color: #fff; transition: all 0.3s; }
.topBox .info li a:hover { color: #a0b93c; }
.topBox i { position: absolute; top: 0; left: 0; font-size: 16px; }
.topBox .nav li { margin-right: 33px; display: inline-block; color: #fff; }
.topBox .nav li:last-child { margin-right: 0; }
.topBox .nav li:last-child a { font-weight: 700; }
.topBox .nav li a { font-size: 10px; font-weight: 500; text-transform: uppercase; color: #fff; transition: all 0.3s; }
.topBox .nav li a:hover { color: #a0b93c; }

/* ### header box ### */
.headerBox { padding-top: 12px; padding-bottom: 3px; background-color: #fff; box-shadow: 0 5px 24px 0 rgba(0, 0, 0, 0.16); }
.headerBox .logo { padding-top: 2px; }
.headerBox .logo img { width: 235px; height: 83px; max-width: 100%; }
.headerBox .search { padding-left: 4px; width: 76%; }
.headerBox .search-input { margin-bottom: 12px; position: relative; }
.headerBox .form-control { padding: 10px 20px 10px 51px; font-size: 12px; font-weight: 500; text-transform: uppercase; color: #27482b !important; }
.headerBox .search-btn { position: absolute; top: 6px; left: 9px; font-size: 16px; color: #27482b; border: 0; background-color: transparent; }
.headerBox input::placeholder { color: #27482b !important; }
.headerBox .offer { padding-left: 10px; width: 24%; }
.headerBox .btn { margin-bottom: 5px; padding: 10px 60px 9px 28px; width: 100%; text-align: left; }
.headerBox .btn:last-child { margin-bottom: 0; }
.headerBox .btn .fa-regular,
.headerBox .btn .fa-solid { position: absolute; top: 7px; right: 20px; font-size: 16px; }
.headerBox .btn span{ font-size: 11px;position: absolute; width: 16px;height: 16px;display: flex;text-align: center;align-items: center;justify-content: center;font-weight: 700;color: #fff;padding: 3px;border-radius: 100%;right: 5px;top: 0;}

/* ### mobile-menu ### */
.mobile-menu {
    padding: 27px 15px;
    position: fixed;
    bottom: 0;
    top: 205px;
    left: 0;
    z-index: -1;
    display: none;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: calc(100vh - 205px); /* Changed from 100vh to calc(100vh - 205px) to account for the top offset */
    background-color: #f6f6f6;
    transition: all 0.3s;
    overflow-y: auto; /* Changed from scroll to auto for better mobile compatibility */
    -webkit-overflow-scrolling: touch; /* Added for better scrolling on iOS devices */
}
.mobile-menu.active { display: block; opacity: 1; visibility: visible; }
.mobile-menu .product-box .box { background-color: #f6f6f6}
.mobile-menu .nav { margin-bottom: 29px; padding-left: 15px; width: 100%; }
.mobile-menu .nav li { margin-bottom: 10px; color: #fff; }
.mobile-menu .nav li:last-child { margin-bottom: 0; }
.mobile-menu .nav li:last-child a { font-weight: 700; }
.mobile-menu .nav li a { font-size: 14px; font-weight: 500; text-transform: uppercase; color: #a0b93c; transition: all 0.3s; }
.mobile-menu .nav li a:hover { color: #a0b93c; }
.mobile-menu .holder { width: 100%; padding-bottom: 20px; /* Added padding to ensure content doesn't get cut off */ }
.mobile-menu .btn { margin-bottom: 8px; padding: 19px 30px 19px 15px; width: 100%; font-size: 14px; text-align: left; }
.mobile-menu .btn .fa-regular,
.mobile-menu .btn .fa-solid { position: absolute; top: 18px; right: 20px; font-size: 16px; }
.mobile-menu .search-input { margin-bottom: 30px; position: relative; width: 100%; }
.mobile-menu .form-control { padding: 10px 20px 10px 48px; height: 61px; font-weight: 500; text-transform: uppercase; color: #27482b !important; }
.mobile-menu .search-btn { position: absolute; top: 17px; left: 9px; font-size: 16px; color: #27482b; border: 0; background-color: transparent; }
.mobile-menu input::placeholder { color: #27482b !important; }
.mobile-menu .social-media { width: 100%; padding-left: 15px; padding-bottom: 30px; /* Added padding to ensure content is fully visible */ }
.mobile-menu .social-media li { margin-right: 12px; font-size: 13px; font-weight: 700; color: #27482b; }
.mobile-menu .social-media li:last-child { margin-right: 0; }
.mobile-menu .social-media li a { font-size: 18px; color: #27482b; transition: all 0.3s; }
.mobile-menu .social-media li a:hover { color: #a0b93c; }
.mobile-menu .mobile-menu-list {padding-bottom: 70px;}
.mobile-menu .btn span { font-size: 16px;position: absolute;width: 16px;height: 16px;display: flex;text-align: center;align-items: center;justify-content: center;font-weight: 700;color: #fff;padding: 3px;border-radius: 100%;right: 12px;top: 4px; }

/* ### hamburger ### */
.hamburger { position: absolute; top: 78px; right: 12px; z-index: 5; display: none; width: 34px; height: 34px; font-weight: 600; color: #000; transition: all 0.3s; background-color: #27482b }
.hamburger span { margin: 4px auto; position: absolute; top: 12px; left: 7.6px; display: block; width: 18.5px; height: 2.64px; border-radius: 15px; background-color: #fff; transition: all 0.3s; }
.hamburger.active span { background: none; }
.hamburger span:before,
.hamburger span:after { position: absolute; display: block; width: 100%; height: 3px; border-radius: 15px; background-color: #fff; transition: all 0.3s; content: ''; }
.hamburger span:before { top: -8px; }
.hamburger span:after { bottom: -8px; }
.hamburger.active span:before { top: 0; width: 100%; background-color: #fff; transform: rotate(135deg); }
.hamburger.active span:after { bottom: 0; width: 100%; background-color: #fff; transform: rotate(-135deg); }
.hamburger.desktop { position: unset; display: flex; align-items: center; width: 175px; height: auto; font-weight: 500; line-height: 1.1; color: #27482b; }
.hamburger.desktop span { margin: 4px 0 0 10px; position: relative; top: auto; left: auto; width: 23px; }
.hamburger.desktop span:before { top: -7px; }
.hamburger.desktop span:after { bottom: -7px; }
.hamburger.desktop.active span:before { top: 0; background-color: #27482b; }
.hamburger.desktop.active span:after { bottom: 0; background-color: #27482b; }
.hamburger.desktop i { padding-top: 4px; padding-left: 15px; display: block; font-style: normal; }

/* ### content container ### */
#contentCntr { width: 100%;  min-height: calc(100% - 770px);  }

/* ### service box ### */
.serviceBox { padding-top: 43px; padding-bottom: 75px; background-color: #f6f6f6; }
.serviceBox .row { margin: 0 -8px; }
.serviceBox .item { margin-bottom: 16px; padding: 0 8px; }
.serviceBox .box { position: relative; display: block; transition: all 0.3s; }
.serviceBox .box:hover { box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3); }
.serviceBox .title { position: absolute; top: 13px; left: 16px; font-size: 20px; font-weight: 700; text-transform: uppercase; color: #27482b; }
.serviceBox img { width: 100%; min-height: 90px; max-height: 90px; object-fit: cover; }

.establishmentsBox .img_hover {
    height: 300px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, #27482b 150%);
    color: #fff;
    visibility: visible;
    opacity: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.establishmentsBox .container {
    padding-top: 75px;
    padding-bottom: 75px;
}
.establishmentsBox h2 {
    font-size: 20px;
}
.establishmentsBox .image {
    position: relative;
    margin-bottom: 15px;
}
.establishmentsBox .image img {
    height: 300px;
    object-fit: cover;
}

.establishmentsBox .title {
    width: 100%;
    padding: 15px 22px 9px;
}
.establishmentsBox .establishmentTitle {
    padding-bottom: 10px;
}

.establishmentsBox .title strong {
    font-size: 18px;
    text-transform: uppercase;
}
.establishmentsBox .title p {
    font-size: 16px;
    line-height: 1;
}

/* ### login box ### */
.loginBox { padding-top: 187px; padding-bottom: 292px; position: relative; overflow: hidden; }
.loginBox .box { margin-left: 183px; padding: 24px 21px 11px; position: relative; z-index: 1; max-width: 332px; background-color: #f6f6f6; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.48); }
.loginBox .box.register { margin-left: 0;max-width: 100%; }
.loginBox .box.register-landingspage { margin-left: 0;max-width: 100%; }
.loginBox h2 { margin-bottom: 13px; font-size: 20px; }
.loginBox .logged { margin-bottom: 29px; display: block; line-height: 1.7; text-transform: uppercase; }
.loginBox .form-group { margin-bottom: 7px; }
.loginBox .form-group:last-child { text-align: right; }
.loginBox label { margin-bottom: 7px; display: block; font-size: 14px; }
.loginBox .form-control { border-radius: 7px; }
.loginBox .form-control.reset-password { border-radius: 7px; border-color: #d5d5d5; }
.loginBox .btn { padding: 10px 40px 9px 13px; min-width: 127px; font-size: 12px; text-align: left; transform: translate(60px, 9px); }
.loginBox .btn-password { padding: 0 40px 20px 13px;}
.loginBox .btn .fa-solid { margin-bottom: 0; position: absolute; top: 12px; right: 15px; line-height: normal; }
.loginBox span { margin-top: -12px; display: block; font-size: 14px; }
.loginBox span a { color: #27482b; transition: all 0.3s; }
.loginBox span a:hover { color: #a0b93c; }
.loginBox .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.loginBox img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.loginBox .forgot-password-form { height: 170px}
.loginBox .forgot-password { cursor: pointer; margin-top: 10px;}
.loginBox .register .toggle-password {margin-top: -46px; right: 0;}
.loginBox .register .text-danger{margin-top: 0px;}

/* ### wood box ### */
.woodBox { margin-bottom: 64px; padding-top: 42px; }
.woodBox .planks { display: flex; align-items: center; justify-content: center; max-width: 298px; height: 100%; font-size: 20px; font-weight: 700; color: #fff; background-color: #27482b; }
.woodBox .right .row { margin: 0 -6px; }
.woodBox .right .item { padding: 0 6px; }
.woodBox .box { display: block; background-color: #fff; transition: all 0.3s; }
.woodBox .box:hover { box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3); }
.woodBox .text { margin-top: 6px; padding: 9px 15px 7px; font-size: 20px; font-weight: 700; line-height: 1.1; text-transform: uppercase; color: #fff; background-color: #262626; }
.woodBox img { width: 100%; min-height: 203px; object-fit: cover; }
.woodBox .content { padding-top: 70px; }
.woodBox h1 { margin-bottom: 7px; }
.woodBox p { margin-bottom: 25px; line-height: 1.85; }
.woodBox span { margin-bottom: 5px; display: block; }
.woodBox ul { margin-bottom: 31px; }
.woodBox li { margin-bottom: 5px; padding-left: 40px; position: relative; }
.woodBox li:before { position: absolute; top: -2px; left: 16px; font-family: 'Font Awesome 6 Pro', sans-serif; font-size: 16px; content: '\f105'; }
.woodBox li:last-child { margin-bottom: 0; }
.woodBox li a { color: #27482b; transition: all 0.3s; }
.woodBox li a:hover { color: #a0b93c; }
.woodBox h2 { margin-bottom: 0; color: #a0b93c; }

/* ### breadcrumb box ### */
.breadcrumbBox { padding-top: 24px; background-color: #f6f6f6; }
.breadcrumbBox li { display: inline-block; font-size: 12px; text-transform: uppercase; }
.breadcrumbBox li a { color: #27482b; transition: all 0.3s; }
.breadcrumbBox li a:hover { color: #a0b93c; }
.breadcrumbBox li:after { margin-left: 3px; font-family: 'Font Awesome 6 Pro', sans-serif; content: '\f101'; }
.breadcrumbBox li:last-child:after { display: none; }

/* ### product box ### */
.productBox { padding-bottom: 53px; background-color: #f6f6f6; }
.productBox .products { margin-bottom: 50px; }
.productBox .products .row { margin: 0 -8px; }
.productBox .products .item { padding: 0 8px; }
.productBox .products img { width: 100%; --bs-aspect-ratio: 100%; object-fit: cover; position: relative; z-index: 1; height: 248px;}
.productBox .products .promo-sticker img { height: 100px }
.productBox .products .product-image {
    position: relative;

}
/*.productBox .products .product-image img {height: 250px;}*/
.productBox .products .product-image p.promo {
    z-index: 1;
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    margin: 0;
    color: #fff;
    background-color: red;
    word-break: break-word;
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
}
.productBox .products .box { display: block; position: relative; transition: all 0.3s; }
.productBox .products .box:hover { box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3); background-color: #fff; }
.productBox .products .box.douglas { background-color: #fff; }
.productBox .products.last .box:before { background-color: transparent; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; transition: all 0.3s; }
.productBox .products.last .box:hover:before { box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);  transform: scale(1.06); background-color: #fff }
.productBox .item { margin-bottom: 25px; }
.productBox .text { margin-top: 16px; padding: 9px 15px 7px; font-size: 20px; font-weight: 700; line-height: 1.1; text-transform: uppercase; color: #fff; background-color: #262626; }
.productBox .content { padding-top: 15px; padding-bottom: 10px; transition: all 0.3s; position: relative; z-index: 1; }
.productBox .title { margin-bottom: 9px; font-size: 20px; font-weight: 700; line-he\ight: 1.2; text-transform: uppercase; color: #27482b; }
.productBox .title .product-title-bold { font-size: 18px; margin-bottom: 0px; line-height: 1.3; font-weight: bold;}
.productBox .title .specs {line-height: 1.3 }
.productBox .title .specs-item { font-size: 14px; margin-bottom: 0px; font-weight: bold; display: inline-block;}
.productBox .title .specs-title { font-size: 14px; margin-bottom: 0px; display: inline-block }
.productBox .title .product-small-description { font-size: 14px; margin-bottom: 0px; line-height: 1.3; text-transform: none; font-weight: 400; padding-top: 10px; }
.productBox .title .product-length { font-size: 16px; margin-bottom: 1px; line-height: 1; display: inline-block;}
.productBox em { margin-bottom: 8px; display: block; min-height: 49px; line-height: 1.75; text-transform: uppercase; color: #27482b; }
.productBox .product-content em { min-height: unset; display: block; }
.productBox .price { font-size: 20px; font-weight: 700; line-height: 1; text-transform: uppercase; color: #a0b93c; }
.productBox span { display: block; font-size: 12px; font-weight: 300; text-transform: uppercase; color: #27482b; }
.productBox p { margin-bottom: 25px; line-height: 1.85; }
.productBox p a { font-weight: 700; color: #27482b; transition: all 0.3s; }
.productBox p a:hover { color: #a0b93c; }
.productBox .product-content h2 { font-size: 20px; }
.productBox .product-content ul { margin-bottom: 25px; }
.productBox .product-content li { margin-bottom: 5px; padding-left: 40px; position: relative; }
.productBox .product-content li:before { position: absolute; top: -2px; left: 16px; font-family: 'Font Awesome 6 Pro', sans-serif; font-size: 16px; content: '\f105'; }
.productBox .product-content li:last-child { margin-bottom: 0; }
.productBox .product-items:last-child { padding-right: 0;}
.productBox .product-items { padding:  0;}
.productBox .product-items img {height: 120px; min-height: unset; min-width: 120px; }
.productBox .remaining-specs {color: #27482b;}
.product-box .menuBox.mobile-categories{ display: none;}

/*.productBox .product-box .box > ul {padding: 40px 0 0;}*/

/* ### product name ### */
.product-name { margin-bottom: 23px; }
.product-name.single { padding-top: 43px; }
.product-name li, .product-name h1 { display: inline-block; font-size: 26px; font-weight: 700; text-transform: uppercase; }
.product-name li.active { color: #a0b93c; }
.product-name li:before { margin-right: 11px; margin-left: 6px; font-family: 'Font Awesome 6 Pro', sans-serif; color: #27482b; content: '\f101'; }
.product-name li:first-child:before { display: none; }

/* ### product box ### */
.product-box { padding-top: 48px; }
.product-box h4 { margin-bottom: 50px; }
.product-box .box { padding-bottom: 75px; max-width: 298px; background-color: #27482b; }
.product-box ul > li > ul { display: none; }
.product-box ul > li > a { padding: 7px 15px 7px 36px; display: block; font-size: 16px; text-transform: uppercase; color: #fff; transition: all 0.3s; }
.product-box ul > li > ul > li > a { padding: 9px 15px 8px 36px; color: #27482b; }
.product-box ul li ul li a { background-color: #F6F6F6; }
.product-box ul li a.active { background-color: #a0b93c; }
.product-box ul > li > ul > li > a:before { margin-top: -4px; margin-right: 24px; display: inline-block; font-family: 'Font Awesome 6 Pro', sans-serif; vertical-align: middle; content: '\f105'; }
.product-box ul > li > ul > li > a.active,
.product-box ul > li > ul > li > a:hover { background-color: #a0b93c; }
.product-box ul > li > ul > li > ul > li > a {
    padding: 9px 15px 8px 67px;
    font-weight: 700;
    color: #fff;
    background-color: #262626;
}
.product-box ul > li > ul > li > ul > li > a.active,
.product-box ul > li > ul > li > ul > li > a:hover { font-weight: 700; color: #fff; background-color: #262626; }

/* ### select-product box ### */
.select-productBox { margin-bottom: 8px; }
.select-productBox .row { margin: 0 -8px; }
.select-productBox .item { padding: 0 8px; }
.select-productBox img { width: 100%;  object-fit: cover; }
.select-productBox label { margin-bottom: 7px; display: block; font-size: 12px; }
.select-productBox .custom-select { padding: 8px 16px; background: #fff url('../images/select-arrow.png') no-repeat top 10px right 11px; -webkit-appearance: none; cursor: pointer; }
.select-productBox .custom-select.disabled { padding: 8px 16px; background: #fff ; -webkit-appearance: none; cursor: pointer; }
.select-productBox .title { margin-bottom: 5px; }
.select-productBox .product-specs { margin-top: 5px; }
.select-productBox em { margin-bottom: 22px; }
.select-productBox .price { text-align: right; }
.select-productBox span { margin-bottom: 9px; text-align: right; }
.select-productBox .length-box { padding: 23px 34px 23px 22px; max-width: 332px; background-color: #f6f6f6; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.48); }
.select-productBox .offer { margin-top: -79px; margin-right: -80px; text-align: right; min-height: 80px; }
.select-productBox .btn { margin-bottom: 5px; padding: 10px 52px 9px 15px; min-width: 222px; text-align: left; }
.select-productBox .btn:last-child { margin-bottom: 0; }
.select-productBox .btn .fa-regular,
.select-productBox .btn .fa-solid { position: absolute; top: 7px; right: 18px; font-size: 16px; }
.select-productBox .select-quantity { padding-top: 39px; }
.select-productBox .quantity { display: flex; flex-wrap: wrap; max-width: 113px; border: 1px solid #d5d5d5; }
.select-productBox .variationEstablishments { margin: 16px 0 24px; }
.select-productBox .approve { ; padding-left: 20px; position: relative; font-size: 12px; }
.select-productBox .approve:before { position: absolute; top: -4px; left: 0; font-family: 'Font Awesome 6 Pro', sans-serif; font-size: 16px; font-weight: 700; color: #a0b93c; content: '\f058'; }
.select-productBox .disapprove { padding-left: 20px; position: relative; font-size: 12px; }
.select-productBox .disapprove:before { position: absolute; top: -4px; left: 0; font-family: 'Font Awesome 6 Pro', sans-serif; font-size: 16px; font-weight: 700; color: orange; content: '\f058'; }
.select-productBox .count { display: flex; align-items: center; justify-content: center; width: 49px; height: 35px; font-size: 18px; font-weight: 500; text-align: center; color: #27482b; border: 0; }
.select-productBox .sub,
.select-productBox .add { padding: 0 11px; display: flex; align-items: center; justify-content: center; height: 35px; font-size: 16px; font-weight: 500; color: #27482b; border: 0; background: #fff; cursor: pointer; }

/* ### related box ### */
.relatedBox { padding-top: 70px; }
.relatedBox .container { max-width: 1080px; }
.relatedBox h1 { margin-bottom: 58px; font-size: 26px; text-align: center; }
.relatedBox .row { margin: 0 -8px; }
.relatedBox .item { margin-bottom: 15px; padding: 0 8px; }
.relatedBox img { width: 100%; }
.relatedBox .box { display: block; position: relative; }
.relatedBox .box:before { background-color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; content: ''; transition: all 0.3s; }
.relatedBox .box:hover:before { box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);  transform: scale(1.06); }
.relatedBox .content { padding-top: 15px; padding-bottom: 10px; transition: all 0.3s; }
.relatedBox .title { margin-bottom: 9px; font-size: 20px; font-weight: 700; line-height: 1.2; text-transform: uppercase; color: #27482b; }
.relatedBox em { margin-bottom: 8px; display: block; min-height: 49px; line-height: 1.75; text-transform: uppercase; color: #27482b; }
.relatedBox .price { font-size: 20px; font-weight: 700; line-height: 1; text-transform: uppercase; color: #a0b93c; }
.relatedBox span { font-size: 12px; font-weight: 300; text-transform: uppercase; color: #27482b; }

.quotation-description{ display: flex; justify-content: center; align-items: center; padding: 10px 0;}
.quotation-description label{ padding-right: 20px;}
.select-quotation{ cursor:pointer;}
.quotation-description textarea{ background: #f8f8f8; border: none;}
.cart-area .save-quotation{ cursor: pointer;}

.quotation-modal {background: rgba(0, 0, 0, 0.6);}
.quotation-modal .quotation-id {cursor: pointer;}
.quotation-modal .quotation-id:hover {color:#a0b93c;}
.quotation-modal .modal-body {padding: 1rem 4rem; text-align: left}

/* ### footer container ### */
#footerCntr { width: 100%; }
#footerCntr .image { margin-bottom: 59px; }
#footerCntr .image img { width: 100%; min-height: 121px; object-fit: cover; }

/* ### stock box ### */
.stockBox { margin: 50px 0; }
.stockBox .text { padding-left: 80px; position: relative; }
.stockBox h3 { margin-bottom: 2px; }
.stockBox p { margin-bottom: 0; font-size: 11px; font-weight: 500; }
.stockBox .icon { position: absolute; top: -10px; left: 0; }

/* ### footer box ### */
.footerBox { padding-top: 66px; padding-bottom: 34px; }
.footerBox.bg { background-color: #F6F6F6; }
.footerBox .logo { margin-bottom: 16px; }
.footerBox .logo img { max-width: 100%; }
.footerBox address { margin-bottom: 3px; padding-left: 30px; position: relative; line-height: 2.2; color: #262626; }
.footerBox address .fa-solid { position: absolute; top: 0; left: 0; }
.footerBox .info li a { padding-left: 30px; }
.footerBox .info .fa-solid { position: absolute; top: 1px; left: 0; }
.footerBox h4 { margin-bottom: 21px; color: #262626; }
.footerBox li { margin-bottom: 11px; }
.footerBox .menu ul li { line-height: 0.6; }
.footerBox li:last-child { margin-bottom: 0; }
.footerBox li a { position: relative; font-weight: 600; color: #27482b; transition: all 0.3s; }
.footerBox li a:hover { color: #262626; }
.footerBox span { display: inline-block; width: 95px; }
.footerBox .item:last-child li { margin-bottom: 5px; }
/* ### copyright box ### */
.copyrightBox { padding-top: 17px; padding-bottom: 13px; background-color: #27482b; }
.copyrightBox .left p { font-weight: 300; }
.copyrightBox p { margin-bottom: 0; color: #fff; }
.copyrightBox ul { padding-left: 110px; }
.copyrightBox li { margin-right: 12px; font-size: 13px; font-weight: 700; color: #fff; }
.copyrightBox li:last-child { margin-right: 0; }
.copyrightBox li a { font-size: 18px; color: #fff; transition: all 0.3s; }
.copyrightBox li a:hover { color: #a0b93c; }
.copyrightBox a { color: #ffffff; }

.opening-hours li {margin-bottom: 5px; }
.opening-hours .notes {
    font-size: 12px;
    font-style: italic;
    padding-bottom: 5px;
}


/* #Media Queries
================================================== */
@media only screen and (max-width: 1199px) {
	.headerBox .search { width: 70%; }
	.headerBox .offer { width: 30%; }
	.loginBox { padding-top: 150px; padding-bottom: 150px; }
	.loginBox .box { margin: 0 auto; }
	.woodBox .text { font-size: 17px; }
	.productBox .text { font-size: 17px; }
	.productBox .title { font-size: 17px; }
	.select-productBox .offer { margin-right: -90px; }
}

@media only screen and (max-width: 991px) {
	#wrapper { padding-top: 137px; }
    #headerCntr { height: 205px; }
	.topBox .info li { margin-right: 20px; }
	.topBox .nav li { margin-right: 25px; }
	.headerBox { padding-bottom: 10px; }
	.headerBox .logo img { max-width: 170px; }
	.headerBox .search { width: 67%; }
	.headerBox .mobile.search { width: 100%; }
	.headerBox .offer { width: 33%; }
	.headerBox .mobile.offer { width: 100%; padding-left: 0; }
	.headerBox .mobile.offer a { font-size: 20px; color: #000; }
	.headerBox .search-btn { top: 4px; }
	.headerBox .mobile .form-control { height: 31px; padding: 10px 20px 10px 40px }
	.headerBox .btn { padding: 10px 50px 9px 28px; }
	.loginBox { padding-top: 120px; padding-bottom: 120px; margin-bottom: 97px; }
	.loginBox .box { margin: 0; }
	.woodBox .text { font-size: 15px; }
	.productBox .text { font-size: 15px; }
	.productBox .title { font-size: 15px; }
	.product-box ul > li > a { padding: 7px 15px 7px 25px; font-size: 15px; display: inline-block}
	.product-box ul > li > ul > li > ul > li > a { padding: 9px 15px 8px 45px; background-color: #27482b; font-weight: normal}
    .product-box ul li ul li a { background-color: #27482b; color: #fff}
	.product-box ul > li > ul > li > a:before { margin-right: 15px; }
    .product-box ul > li > ul > li > a:before { display: none;}
    .product-box .menuBox.mobile-categories{ display: block;}
	.product-name li, .product-name h1 { font-size: 24px; }
	.select-productBox .offer { margin-right: -80px; }
	.stockBox { margin-bottom: 20px; }
	.stockBox .item { margin-bottom: 33px; }
	.stockBox .item:last-child { margin-bottom: 0; }
	.footerBox .logo { max-width: 170px; }
	.footerBox h4 { color: #27482b; margin-bottom: 10px; }
	.footerBox li { font-size: 13px; }
	.footerBox li a { color: #262626; }
	.footerBox span { width: 80px; }
	.footerBox address { font-size: 13px; }
	.footerBox .item { text-align: left; border-bottom: 1px solid #d5d5d5; padding-bottom: 20px; padding-top: 20px; }
	.footerBox .item:first-child { padding-top: 0; }
	.footerBox .item:last-child { padding-bottom: 0; border-bottom: unset }
	.copyrightBox ul { padding-left: 60px; }
	/*.mobile-menu { padding-top: 40vh; }*/
	.mobile-menu .product-box { border-bottom: 1px solid #D5D5D5}
	.mobile-menu .product-box .box { padding-bottom: 25px;}
	.mobile-menu .product-box h4 { display: none;}
	.mobile-menu .product-box ul > li > a.active { background-color: #f6f6f6; color: #27482b }
	.mobile-menu .product-box ul > li > a { padding: 7px 15px 7px 25px; font-size: 15px; display: inline-block; font-weight: bold;}
	.mobile-menu .product-box ul > li > ul > li > ul > li > a { padding: 9px 15px 8px 45px; background-color: #F6F6F6; font-weight: normal}
    .mobile-menu .product-box ul li ul li a { background-color: #F6F6F6; color: #27482b; font-weight: normal}
	.mobile-menu .product-box ul > li > ul > li > a:before { margin-right: 15px; }
    .mobile-menu .product-box ul > li > ul > li > a:before { display: none;}
    .mobile-menu .product-box .menuBox.mobile-categories{ display: block;}
    .mobile-categories ul > li > a.dropdown:after { position: relative; top: -3px; right: -20px; font-family: 'Font Awesome 6 Pro'; font-size: 16px; color: #27482b; transition: all 0.3s ease-in-out; content: '\f078'; }
    .mobile-categories ul > li > a.dropdown > ul > li.dropdown > a:after { position: relative; top: -3px; right: -20px; font-family: 'Font Awesome 6 Pro'; font-size: 16px; color: #27482b; transition: all 0.3s ease-in-out; content: '\f078'; }
    .mobile-categories ul > li ul a.dropdown:after { position: relative; top: -3px; right: -20px; font-family: 'Font Awesome 6 Pro'; font-size: 16px; color: #27482b; transition: all 0.3s ease-in-out; content: '\f078'; }
    .mobile-categories ul > li.dropdown.is-active > a:after {transition: all 1s ease; content: '\f077'; }
    .mobile-categories ul > li > ul > li > a { display: inline-block }
    .mobile-categories ul > li.dropdown ul li a.dropdown.is-active:after {transition: all 1s ease; content: '\f077'; }
}

@media only screen and (max-width: 767px) {
    main.main-logged-in { margin-top: 42px;}
/*#wrapper { padding-top: 142px; position: relative; display: block; width: 100%; min-height: 100%; overflow: hidden; }*/
	#wrapper { padding-top: 143px; overflow: hidden; }
	#headerCntr.sticky { transform: translateY(-37px); }
	.topBox { padding-top: 8px; padding-bottom: 8px; }
    .topBox i { top: 0; }
	.topBox .info ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.headerBox { padding-bottom: 3px; }
	.headerBox .logo img { max-width: 100%; }
	.hamburger { display: block; }
	.hamburger span { height: 3px; }
	.hamburger span:before,
	.hamburger span:after { height: 3px; }
	.hamburger.desktop { display: none; }
    .mobile-header { background-color: #f6f6f6; }
    .breadcrumbBox { padding-top: 55px; }
    .badge {
        height: 17px;
        width: 17px;
        padding-left: 9px;
        padding-right: 9px;
        -webkit-border-radius: 9px;
        -moz-border-radius: 9px;
        border-radius: 9px;
    }
    .modal-dialog.search-modal {
        top: 180px;
    }
    .label-warning[href],
    .badge-warning[href] {
      background-color: #c67605;
    }
    .popup-image img { width: 100%;  }
    #lblCartCount {
    font-size: 9px;
    background: #a0b93c;
    color: #fff;
    padding: 0 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 17px;
    width: 17px;
    border-radius: 9px;
    position: relative;
    top: -35px;
    right: -15px;
    }

	.serviceBox { padding-top: 16px; padding-bottom: 24px; }
    .serviceBox.extra { padding-top: 60px;}
	.serviceBox .item { margin-bottom: 5px; }
	.loginBox { padding-top: 94px; padding-bottom: 122px; }
	.loginBox .box { margin: 0 0 0 7px; }
	.woodBox .left { margin-bottom: 15px; }
	.woodBox .right .item { margin-bottom: 15px; }
	.woodBox .planks { padding: 40px 20px; max-width: 100%; }
	.woodBox .text { font-size: 20px; }
	.woodBox .content { padding: 20px 15px 0; }
	.productBox { padding-top: 20px; padding-bottom: 0}
	.productBox .products.last { margin-bottom: 0}
	.productBox .products { margin-bottom: 10px}
    .product-name { margin-bottom: 13px }
	.productBox .content.category { display: flex; }
	.productBox .content.category .price { width: 40%; font-size: 18px; text-align: right}
	.productBox .content.category .title { font-size: 18px; width: 70%; }
	.productBox .title { font-size: 15px; }
	.productBox .title br { display: none; }
	.productBox .text { font-size: 13px; margin-top: 0; display: flex; align-items: center; min-height: 38px; }
	.product-box { margin-bottom: 50px; padding-top: 0; }
    .productBox .products img { height: 391px;}
	.product-box .box { max-width: 100%; }
    .product-box .products { margin-bottom: 0; }
	.product-box ul > li > a { font-size: 16px; color: #27482b; }
	.product-name li, .product-name h1 { font-size: 17px; }
	.product-name.single { padding-top: 0; }
    .order-details .payment-box { padding-bottom: 20px; border-bottom: 1px solid #d5d5d5; }
    .order-details .extra-info { padding-top: 20px !important;}
	.select-productBox .length-box { padding: 22px; max-width: 100%; }
	.select-productBox .offer { margin-top: 0; margin-right: 0; min-height: unset;}
	.select-productBox .select-quantity { margin-bottom: 15px; padding-top: 30px; }
	.select-productBox .btn { min-width: auto; }
	.relatedBox {  padding-top: 60px; }
	#footerCntr .image { margin-bottom: 57px; }
	.stockBox { margin: 0 auto 57px; max-width: 75%; }
	.footerBox { padding-top: 30px; background-color: #f6f6f6; }
	.footerBox .item:first-child { padding-left: 10px;}
	.footerBox .item { text-align: left; border-bottom: 1px solid #d5d5d5; padding-left: 30px;}
	.footerBox .logo { padding: 0 20px; max-width: 100%; }
	.footerBox li { font-size: 14px; }
	.footerBox span { width: 100px; text-align: left; }
	.footerBox address { padding-left: 50px; font-size: 14px; }
	.footerBox address .fa-solid { left: 20px; }
	.footerBox .info li a { padding-left: 50px; }
	.footerBox .info .fa-solid { left: 20px; }
	.copyrightBox { padding: 30px 0; text-align: center; }
	.copyrightBox .left p { margin-bottom: 3px; }
	.copyrightBox .right { margin-bottom: 10px; }
	.copyrightBox ul { padding-left: 0; justify-content: center; width: 100%; }

	.mobile-menu .product-box { margin-bottom: 50px; padding-top: 0; }
    .menuBox.mobile-categories .js-menu-toggle-btn { padding: 0; }
    .menuBox.mobile-categories .js-menu-toggle-btn:after { position: unset; }
}
.toastr {background-color: #27482b !important;}
.swal2-popup {
    background-color: #fff;
}