@import url(https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,600,600i,700,700i,800,800i); /*font-family: "Roboto", sans-serif;*/
@import url(https://fonts.googleapis.com/css?family=Dosis:400,200,300,500,600,700,800); /*font-family: "Dosis", sans-serif;*/
@import url(https://fonts.googleapis.com/css?family=Allura); /*font-family: "Allura", cursive;*/
body {
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #bbbbbb;
    line-height: 1.8em;
}
/* Custom Scrollbar Styling */
::-webkit-scrollbar {
    width: 8px;
    background-color: #0E0F10;
}
::-webkit-scrollbar-track {
    background-color: #0E0F10;
}
::-webkit-scrollbar-thumb {
    background-color: #FAB702;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #ffc107;
}
/* Firefox scrollbar */
* {
    scrollbar-width: thin;
    scrollbar-color: #FAB702 #0E0F10;
}
/* View More button styling for product compare table */
.table-btn-full .btn-view-more {
    border: 1px solid #FAB702;
    color: #FAB702;
    background-color: transparent;
    padding: 6px 20px;
    text-align: center;
    width: 100%;
    font-weight: 700;
    transition: all 0.3s ease;
    cursor: pointer;
}
.table-btn-full .btn-view-more:hover {
    background-color: #FAB702;
    color: #111;
}
/* Bottom button box styling - same theme as View More buttons, keep current height */
.buttom-btn-col ul li {
    background-color: transparent !important;
    padding: 17px 10px !important;
}
.buttom-btn-col ul li a {
    padding: 17px 10px !important;
    display: inline-block;
    width: 100%;
    border: 1px solid #FAB702;
    border-radius: 10px;
    color: #FAB702;
    background-color: transparent;
    font-weight: 700;
    transition: all 0.3s ease;
    text-align: center;
}
.buttom-btn-col ul li:hover {
    background-color: transparent !important;
}
.buttom-btn-col ul li:hover a {
    background-color: #FAB702;
    color: #111;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--bs-heading-color);
}
/* ================================================== */
/* section */
/* ================================================== */
section {
    padding: 90px 0 90px 0;
}
section {
    background: #18191b;
}
section.custom-1 {
    border-bottom-left-radius: 100% 100%;
    border-bottom-right-radius: 100% 100%;
    overflow: hidden;
}
.md-flex {
    display: flex !important;
    justify-content: space-around !important;
}
.de-navbar-left .container-fluid .container {
    width: 100% !important;
}
.de-navbar-left section {
    padding: 70px;
}
.de_light section {
    background: #fff;
}
.bg-white {
    background: #ffffff;
}
.section-fixed {
    position: fixed;
    width: 100%;
    min-height: 100%;
    height: auto;
}
.gradient-dark-top {
    position: absolute;
    width: 100%;
    height: 50%;
    z-index: 1;
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%);
}
h1, h2, h3, h4, h5 {
    color: #eceff3;
}
h3.s2 span {
    font-family: "Allura";
    text-transform: none;
    letter-spacing: 0;
    font-size: 40px;
    display: block;
    color: #FAB702;
}
h3.s2 {
    font-size: 30px;
    font-weight: 400;
}
h3.style-1 {
    font-family: "Roboto";
    letter-spacing: 0;
    text-transform: none;
    margin-bottom: 20px;
}
h3 {
    margin-top: 0;
    font-size: 18px;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
h1, h2, h3, h4, h5, h6 {
    color: #eceff3;
    font-family: 'Dosis', Arial, Helvetica, sans-serif;
    font-weight: 400;
}
/********************************************************

********************************************************/
.checkbox .styled:not(:checked), .checkbox .styled:checked {
    position: absolute;
    left: -99999px;
}
.checkbox .styled:not(:checked) + label:before, .checkbox .styled:checked + label:before {
    margin-right: 4px;
}
.checkbox .styled:not(:checked) + label:before, .checkbox .styled:checked + label:before {
    font-family: 'Font Awesome 6 Pro';
    font-size: 22px;
    width: 22px;
    height: 22px;
    display: inline-block;
    line-height: 1;
    font-weight: 400;
    transition: all 0.2s ease-in-out 0s
}
.checkbox .styled:not(:checked) + label:before {
    content: '\f0c8';
    color: #ededed;
    transition: all 0.2s ease-in-out 0s
}
.checkbox .styled:checked + label:before {
    content: '\f14a';
    color: #FAB702;
    font-weight: 400;
    transition: all 0.2s ease-in-out 0s
}
.checkbox .styled + label {
    display: flex;
    flex-wrap: wrap;
    vertical-align: top;
	cursor: pointer;
}
.checkbox .styled + label span {
    line-height: 1.5;
}
/********************************************************

********************************************************/
.radio {
    display: inline-block;
}
.radio .styled:not(:checked), .radio .styled:checked {
    position: absolute;
    left: -99999px;
}
.radio .styled:not(:checked) + label:before, .radio .styled:checked + label:before {
    margin-right: 0px;
}
.radio .styled:not(:checked) + label:before, .radio .styled:checked + label:before {
    position: absolute;
    font-family: 'Font Awesome 6 Pro';
    font-size: 16px;
    width: 18px;
    height: 18px;
    display: inline-block;
    transition: all 0.2s ease-in-out 0s
}
.radio .styled:not(:checked) + label:before {
    content: '';
    background: none;
    border: 2px #ededed solid;
    border-radius: 50%;
    transition: all 0.2s ease-in-out 0s
}
.radio .styled:checked + label:before {
    content: '';
    background: none;
    border: 6px #FAB702 solid;
    border-radius: 50%;
    transition: all 0.2s ease-in-out 0s
}
.radio label {
    line-height: 1.4;
    margin-right: 35px !important;
}
.radio label span {
    padding-left: 25px;
}
/********************************************************

********************************************************/
.pad0T {
    padding-top: 0px !important;
}
.pad0R {
    padding-right: 0px !important;
}
.pad0B {
    padding-bottom: 0px !important;
}
.pad0L {
    padding-left: 0px !important;
}
.pad0A {
    padding: 0px !important;
}
/********************************************************

********************************************************/
.pad5T {
    padding-top: 5px !important;
}
.pad5R {
    padding-right: 5px !important;
}
.pad5B {
    padding-bottom: 5px !important;
}
.pad5L {
    padding-left: 5px !important;
}
.pad5A {
    padding: 5px !important;
}
/********************************************************

********************************************************/
.pad10T {
    padding-top: 10px !important;
}
.pad10R {
    padding-right: 10px !important;
}
.pad10B {
    padding-bottom: 10px !important;
}
.pad10L {
    padding-left: 10px !important;
}
.pad10A {
    padding: 10px !important;
}
/********************************************************

********************************************************/
.pad15T {
    padding-top: 15px !important;
}
.pad15R {
    padding-right: 15px !important;
}
.pad15B {
    padding-bottom: 15px !important;
}
.pad15L {
    padding-left: 15px !important;
}
.pad15A {
    padding: 15px !important;
}
/********************************************************

********************************************************/
.pad20T {
    padding-top: 20px !important;
}
.pad20R {
    padding-right: 20px !important;
}
.pad20B {
    padding-bottom: 20px !important;
}
.pad20L {
    padding-left: 20px !important;
}
.pad20A {
    padding: 20px !important;
}
/********************************************************

********************************************************/
.pad30T {
    padding-top: 30px !important;
}
.pad30R {
    padding-right: 30px !important;
}
.pad30B {
    padding-bottom: 30px !important;
}
.pad30L {
    padding-left: 30px !important;
}
.pad30A {
    padding: 30px !important;
}
/********************************************************

********************************************************/
.pad40T {
    padding-top: 40px !important;
}
.pad40R {
    padding-right: 40px !important;
}
.pad40B {
    padding-bottom: 40px !important;
}
.pad40L {
    padding-left: 40px !important;
}
.pad40A {
    padding: 40px !important;
}
/********************************************************

********************************************************/
.mrg0T {
    margin-top: 0px !important;
}
.mrg0R {
    margin-right: 0px !important;
}
.mrg0B {
    margin-bottom: 0px !important;
}
.mrg0L {
    margin-left: 0px !important;
}
.mrg0A {
    margin: 0px !important;
}
/********************************************************

********************************************************/
.mrg5T {
    margin-top: 5px !important;
}
.mrg5R {
    margin-right: 5px !important;
}
.mrg5B {
    margin-bottom: 5px !important;
}
.mrg5L {
    margin-left: 5px !important;
}
.mrg5A {
    margin: 5px !important;
}
/********************************************************

********************************************************/
.mrg10T {
    margin-top: 10px !important;
}
.mrg10R {
    margin-right: 10px !important;
}
.mrg10B {
    margin-bottom: 10px !important;
}
.mrg10L {
    margin-left: 10px !important;
}
.mrg10A {
    margin: 10px !important;
}
/********************************************************

********************************************************/
.mrg15T {
    margin-top: 15px !important;
}
.mrg15R {
    margin-right: 15px !important;
}
.mrg15B {
    margin-bottom: 15px !important;
}
.mrg15L {
    margin-left: 15px !important;
}
.mrg15A {
    margin: 15px !important;
}
/********************************************************

********************************************************/
.mrg20T {
    margin-top: 20px !important;
}
.mrg20R {
    margin-right: 20px !important;
}
.mrg20B {
    margin-bottom: 20px !important;
}
.mrg20L {
    margin-left: 20px !important;
}
.mrg20A {
    margin: 20px !important;
}
/********************************************************

********************************************************/
.mrg30T {
    margin-top: 30px !important;
}
.mrg30R {
    margin-right: 30px !important;
}
.mrg30B {
    margin-bottom: 30px !important;
}
.mrg30L {
    margin-left: 30px !important;
}
.mrg30A {
    margin: 30px !important;
}
/********************************************************

********************************************************/
.mrg40T {
    margin-top: 40px !important;
}
.mrg40R {
    margin-right: 40px !important;
}
.mrg40B {
    margin-bottom: 40px !important;
}
.mrg40L {
    margin-left: 40px !important;
}
.mrg40A {
    margin: 40px !important;
}
/********************************************************

********************************************************/
.font_10 {
    font-size: 10px !important;
}
.font_12 {
    font-size: 12px !important;
}
.font_13 {
    font-size: 13px !important;
}
.font_14 {
    font-size: 14px !important;
}
.font_16 {
    font-size: 16px !important;
}
.font_18 {
    font-size: 18px !important;
}
.font_20 {
    font-size: 20px !important;
}
.font_22 {
    font-size: 22px !important;
}
.font_24 {
    font-size: 24px !important;
}
.font_28 {
    font-size: 28px !important;
}
.font_32 {
    font-size: 32px !important;
}
.font_40 {
    font-size: 40px !important;
}
.font_24A {
    font-size: calc(14px + 0.9vw) !important; /*24px*/
}
.fw_100 {
    font-weight: 100 !important;
}
.fw_300 {
    font-weight: 300 !important;
}
.fw_400 {
    font-weight: 400 !important;
}
.fw_500 {
    font-weight: 500 !important;
}
.fw_600 {
    font-weight: 600 !important;
}
/********************************************************

********************************************************/
.w161 {
    width: 161px !important;
}
.h131 {
    height: 131px !important;
}
.h88 {
    height: 88px !important;
}
.textRight {
    text-align: right !important;
}
.l1h8 {
    line-height: 1.5 !important;
}
.line-height-tbl {
    line-height: 0 !important;
    padding-top: 5px !important;
}
/********************************************************

********************************************************/
.font_13_vw {
    font-size: calc(8px + 0.35vw);
}
.font_15_vw {
    font-size: calc(8px + 0.45vw);
}
.font_17_vw {
    font-size: calc(8px + 0.55vw);
}
/********************************************************

********************************************************/
.custom-select {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 458'%3e%3cpath fill='%23333333' d='M24,213.5l119,119c9.4,9.4,24.6,9.4,33.9,0l119.1-119c15.1-15.1,4.4-41-17-41H41	C19.6,172.5,8.9,198.4,24,213.5z'/%3e%3c/svg%3e") #fff no-repeat center right 0.5em/calc(0.65em + 0.65em) calc(0.60em + 0.65em);
}
/********************************************************

********************************************************/
.inputDnD .form-control-file:hover:before {
    border-style: solid;
    box-shadow: none;
}
.cus-sel-mnu + .select2 {
    margin-bottom: 20px;
}
.custom-select + .select2 .selection, .cus-sel-mnu + .select2 .selection {
    width: 100%;
}
.select2-container--default .select2-selection--single:focus {
    border-color: #FAB702;
}
.select2-container--default .select2-selection--single {
    background: rgba(0, 0, 0, .1);
    border: solid 1px rgba(255, 255, 255, .2);
    padding: 10px;
    font-weight: 400;
    line-height: 1.5;
    font-size: 14px;
    color: #FFF;
}
.select2-dropdown {
    background: #111;
    border: 1px solid #FAB702;
    border-radius: 0px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
    font-size: 14px;
    color: #FFF;
}
.select2-results__option {
    padding: calc(4px + 0.2vw) calc(4px + 0.4vw);
    color: #FFF;
    user-select: none;
    -webkit-user-select: none;
    line-height: 1;
    margin-bottom: 5px;
}
.select2-container--default .select2-results__option--selected {
    background-color: #FAB702 !important;
    color: #111 !important;
    font-weight: bold !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:hover {
    background-color: #FAB702;
    color: #111;
    font-weight: 500;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #111;
    color: #FFF;
    font-weight: 500;
}

/* Ensure selected option is properly highlighted in dropdown */
.select2-container--default .select2-results__option--selected {
    background-color: #FAB702 !important;
    color: #111 !important;
    font-weight: bold !important;
}

/* Override any conflicting select2 default styles */
.cus-sel-mnu + .select2 .select2-results__option--selected,
.filter-field + .select2 .select2-results__option--selected {
    background-color: #FAB702 !important;
    color: #111 !important;
    font-weight: bold !important;
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 138px;
    overflow-y: auto;
}
.banner-text {
    padding-top: 40px;
    text-transform: uppercase;
    resize: 16px;
}
.banner-title {
    color: #FAB702;
    font-weight: bold;
    font-size: 2.4rem;
    padding-bottom: 0px;
}
section, #subheader {
    -webkit-background-size: 100% !important;
    -moz-background-size: 100% !important;
    -o-background-size: 100% !important;
    background-size: 100% !important;
}
section.archi-fixed {
    background: top fixed;
}
.bg_custom_951357 {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
    background-image: url("../img/WR10c8.jpeg") !important;
}
.select2-container--default .select2-results > .select2-results__options {
    max-height: 313px;
    overflow-y: auto;
}
.select2-dropdown.select2-dropdown--below {
    text-transform: uppercase;
}
/********************************************************

********************************************************/
.img-thumbnail {
    padding: .25rem;
    background-color: transparent;
    border: 1px #3a3a3a solid;
    border-radius: .4px;
    max-width: 100%;
    cursor: pointer;
}
.thumb-icon .img-thumbnail div {
    font-size: 12px;
    line-height: 1.2;
    padding-top: 5px;
    text-align: center;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s ease-in-out 0s
}
.nav-pills .nav-link {
    border-radius: .25rem;
    border: solid 1px rgba(255, 255, 255, .2);
    color: #FAB702;
    font-weight: 500;
}
.nav-pills .nav-link.no-bdr {
    border-radius: .25rem;
    border: none;
}
.nav-item.hover {
    cursor: pointer;
}
.nav-pills .nav-item.hover .nav-link:hover, .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #111;
    background-color: #FAB702;
}
.thumb-icon .img-thumbnail:hover div, .thumb-icon .img-thumbnail.active div {
    color: #FFF;
    transition: all 0.3s ease-in-out 0s;
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    z-index: 999;
}
/********************************************************

********************************************************/
.dsg-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background-image: url("../../visualarch-studio/patten-6.jpg");
    background-size: 20% auto;
    z-index: 99;
}
#rowInterior {
    display: none;
}
.expand {
    position: relative;
    padding: 15px 25px 5px 25px;
    border: solid 1px rgba(255, 255, 255, .1);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(255, 255, 255, 0.1);
    border-bottom: none;
    background: rgba(255, 255, 255, .02);
    background-size: auto;
}
.expand h4 {
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: block;
    margin-right: 40px;
    line-height: 32px;
}
.expand h4::after {
    font-family: 'Font Awesome 6 Pro';
    content: "\f107";
    color: #fff;
    font-size: 20px;
    display: inline-block;
    padding: 10px 20px 10px 20px;
    font-style: normal;
    position: absolute;
    right: 7px;
    top: 7px;
}
.expand h4.active::after {
    content: "\f106";
}
.expand-group .expand:last-child {
    border-bottom: solid 1px rgba(255, 255, 255, .1);
}
.de_light .expand-group .expand:last-child {
    border-bottom: solid 1px rgba(0, 0, 0, .1);
}
.expand {
    position: relative;
    padding: 10px 20px;
    border: solid 1px rgba(255, 255, 255, .1);
    /* border-bottom: none; */
    background: rgba(255, 255, 255, .02);
}
.expand-group .expand:last-child {
    border-bottom: solid 1px rgba(255, 255, 255, .1);
}
.faq-acordion:nth-child(odd) .expand-group .expand {
    background: rgba(255, 255, 255, .04);
}
.de_light .expand {
    border: solid 1px rgba(0, 0, 0, .1);
    border-bottom: none;
    background: none;
}
.expand .hidden-content {
    display: none;
    padding: 10px 0 10px 0;
}
.expand h4 {
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    display: block;
    margin-right: 40px;
    line-height: 32px;
}
.expand h4:after {
    font-family: 'Font Awesome 5 Pro';
    content: "\f107";
    color: #FAB702;
    font-size: 20px;
    display: inline-block;
    padding: 10px 20px 10px 20px;
    font-style: normal;
    position: absolute;
    right: 7px;
    top: 7px;
}
.expand h4.active:after {
    content: "\f106";
}
.expand-group.s2 .expand:last-child {
    border-bottom: solid 1px #cccccc;
}
.expand-group.s2 .expand {
    border: none;
    background: none;
    border-top: solid 1px #cccccc;
    padding-left: 0;
}
.expand-group.s2 .expand h4:after {
    padding-right: 0;
}
.expand h4 {
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin-right: 40px;
    line-height: 32px;
    font-weight: 400;
}
/********************************************************

********************************************************/
.padding40 {
    padding: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
}
.vc_custom_1496119490975 {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
    background-color: #232426 !important;
}
.panel-bdr {
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 10px 15px;
    border: solid 1px rgba(255, 255, 255, .2);
    margin-bottom: 15px;
}
.panel-bdr .head {
    font-weight: 600;
    font-size: 16px;
    padding-bottom: 5px;
    color: #787878;
}
#categorydiv li.category-item {
    cursor: pointer;
    padding: 8px 12px;
    margin: 5px 0;
    color: #fff;
    transition: all 0.3s ease;
    list-style: none;
}
#categorydiv li.category-item:hover {
    color: #FAB702;
}
#categorydiv li.category-item.active {
    color: #FAB702;
    font-weight: bold;
    background-color: rgba(250, 183, 2, 0.1);
}
.btn-schedule-appointment {
    display: inline-block;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid #FAB702;
    color: #FAB702;
    background-color: transparent;
    transition: all 0.3s ease;
    text-decoration: none;
}
.btn-schedule-appointment:hover {
    background-color: #FAB702;
    color: #111;
    text-decoration: none;
}
.btn-schedule-appointment i {
    margin-left: 8px;
}
.panel-bdr ul li {
    color: #FFF;
    font-size: 14px;
    cursor: pointer;
    font-weight: 500;
}
.panel-bdr ul li:hover {
    color: #FAB702;
}
#catNext {
    display: none;
}
.make-me-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
.card.box {
    border-radius: 0px;
    margin: 15px 0;
    border: 1px #4a4a4a solid;
	margin-bottom: 28px;
}
.card.box .card-header {
    background: #FAB702 !important;
    color: #111;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    border-radius: 0;
    margin-bottom: -1px;
    cursor: pointer;
    border-bottom: none;
    padding: .75rem 1.25rem;
}
.card.box .card-header.bg-gray {
    background: rgba(0, 0, 0, .03) !important;
    font-size: 14px;
    padding: .52rem 1.25rem;
}
.caption-style .slider .slider-caption {
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 5px 10px;
}
.caption-style .slider .slider-caption div:first-child {
    color: #FFF;
    font-size: 14px;
    line-height: 1.4;
}
.caption-style .slider .slider-caption div:last-child {
    font-size: 12px;
    line-height: 1.4;
}
.caption-style .slider-nav .slider-caption {
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    left: 6px;
	right: 6px;
    bottom: 0;
    padding: 2px 6px 4px;
}
.caption-style .slider-nav .slider-caption div:first-child {
    color: #FFF;
    font-size: 11px;
    line-height: 1.2;
}
.caption-style .slider-nav .slider-caption div:last-child {
    font-size: 9px;
    line-height: 1.2;
}
/********************************************************

********************************************************/
.thumbel-slider .slider-nav .slick-next {
    width: 20px;
    height: 20px;
    right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 0;
    background: #FAB702 url(../../frontend_assets/img/arrow-right.png);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 60% 50%;
    z-index: 1;
}
.thumbel-slider .slider-nav .slick-prev {
    width: 20px;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 0;
    background: #FAB702 url(../../frontend_assets/img/arrow-left.png);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: 1;
}
.table thead th {
    border-left: 1px solid #dee2e6;
    color: #FFF;
    font-weight: 500;
    text-align: center;
    font-size: 15px;
}
.table thead th:last-child {
    border-right: 1px solid #dee2e6;
}
.table tbody td {
    color: #CCC;
    font-weight: 500;
    font-size: 14px;
}
.table-list li:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    padding-right: 5px;
    padding-top: 2px;
    color: #fab702;
}
.chart-box {
    border-top: solid 1px rgba(255, 255, 255, .2);
    padding-top: 15px;
    font-size: 14px;
    line-height: 1.4;
}
.size-section .nav-pills .nav-link {
    border-radius: 0;
    background: #FAB702;
    color: #111;
    font-weight: 500;
    text-align: center;
    border: solid 1px #FAB702;
}
.size-section .nav-pills .nav-link.active {
    border-radius: 0;
    background: none;
    color: #AAA;
    font-weight: 500;
    text-align: center;
    border: solid 1px rgba(255, 255, 255, .2);
}
/********************************************************

********************************************************/
.tab-round-AA .nav-tabs {}
.tab-round-AA .nav-tabs .nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.tab-round-AA .nav-tabs .nav-link span {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.tab-round-AA .nav-tabs .nav-link {
    line-height: 1.4;
    padding: 30px !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #FAB702;
    border: 2px solid #FAB702;
    width: 180px;
    height: 180px;
}
.tab-round-AA .nav-tabs .nav-link.active {
    background: none;
    border: 2px solid #696969;
}
.tab-round-AA .nav-tabs .nav-link.active:hover {
    background: none;
    border: 2px solid #696969;
    color: #FAB702;
}
.tab-round-AA .nav-tabs .nav-link.active::after {
    width: 2px;
    background-color: #696969;
}
.tab-round-AA .tab-content > .active {
    border-top: 2px #696969 solid;
    padding: 15px 0px 0px;
}
.tab-round-col .tab-content p {
    color: #afafaf;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
}
.tab-round-col .nav-tabs li.nav-item {
    margin-right: 100px;
}
.tab-round-col .nav-tabs li.nav-item:last-child {
    margin-right: 0;
}
.tab-round-col .btn-yellow-fill.btn-read-more {
    border: 1px solid #FAB702 !important;
    color: #FAB702 !important;
    background-color: transparent !important;
    transition: all 0.3s ease;
}
.tab-round-col .btn-yellow-fill.btn-read-more:hover {
    background-color: #FAB702 !important;
    color: #111 !important;
}
tbl-stl {
    color: #FAB702;
    font-weight: 600;
}
/********************************************************

********************************************************/
/*.prd-slider-BB .class__A .slick-prev,

.prd-slider-BB .class__A .slick-next {

	position: absolute;

	top: 0;

	bottom: 0;

	z-index: 999;

}*/
.prd-slider-BB .class__A .slick-next {
    width: 40px;
    height: 40px;
    right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 0;
    background: #FAB702 url(../../frontend_assets/img/arrow-right.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 60% 50%;
    z-index: 1;
}
.prd-slider-BB .class__A .slick-prev {
    width: 40px;
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 0;
    background: #FAB702 url(../../frontend_assets/img/arrow-left.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: 1;
}
.prd-slider-BB .class__A .slick-prev {
    left: 0;
}
.prd-slider-BB .class__A .slick-next {
    right: 0;
}
.prd-slider-BB .class__A img {
    width: 100%;
}
/*.prd-slider-BB .class__B .slick-slide.slick-current.slick-active {

	border-top: 2px #FAB702 solid;

}*/
.prd-slider-BB .class__B .slick-next {
    width: 20px;
    height: 20px;
    right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 0;
    background: #FAB702 url(../../frontend_assets/img/arrow-right.png);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 60% 50%;
    z-index: 1;
}
.prd-slider-BB .class__B .slick-prev {
    width: 20px;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 0;
    background: #FAB702 url(../../frontend_assets/img/arrow-left.png);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: 1;
}
/********************************************************

********************************************************/
.btn-yellow-fill, .btn-yellow-fill:focus, .btn-yellow-fill:active {
    background: #FAB702;
    text-transform: uppercase;
    color: #111;
    font-weight: 500;
    border: 1px #FAB702 solid;
    border-radius: 0px;
    padding: 12px 20px 9px !important;
    line-height: 1.2;
    font-size: 14px;
}
.btn-yellow-fill:hover, .btn-yellow-fill:active,
.btn-yellow-fill.btn-genarate:hover, .btn-yellow-fill.btn-genarate:active,
.quote-button .btn-yellow-fill:hover, .quote-button .btn-yellow-fill:active,
.quote-button a.btn-yellow-fill:hover, .quote-button a.btn-yellow-fill:active {
    background: #FAB702 !important;
    color: #111 !important;
    border: 1px #FAB702 solid;
}
.quote-button a:hover,
.quote-button a.btn-genarate:hover,
.quote-button a.btn-yellow-fill.btn-genarate:hover {
    background: #FAB702 !important;
    color: #111 !important;
    border: 1px #FAB702 solid;
}
.btn-yellow-bdr, .btn-yellow-bdr:focus {
    background: rgba(0, 0, 0, .1);
    text-transform: uppercase;
    color: #111;
    font-weight: 500;
    border: 1px #FAB702 solid;
    border-radius: 0px;
    padding: 10px 16px 7px !important;
    line-height: 1.2;
    font-size: 14px;
}
.btn-yellow-bdr:hover, .btn-yellow-bdr:active {
    background: #111;
    color: #FFF;
    border: 1px #DDD solid;
}
.adpt__line {
    border-bottom: 2px solid #FAB702;
    width: 10%;
    height: 1px;
    margin: 25px 0 15px;
}
.pnl__box__item {
    display: inline-block;
    width: 100%;
    border: solid 1px rgba(255, 255, 255, .2);
    padding: 30px;
}
.pnl__box__item h3 {
    color: #FFF;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
}
.pnl__box__item p {
    color: #CCC;
    font-size: 14px;
    text-align: center;
    font-weight: 400;
}
.bg-light-gray {
    background: #232426 !important;
}
.bg-black {
    background: #000 !important;
}
/********************************************************

********************************************************/
.stepper-wrapper {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
}
.stepper-wrapper.form {
    display: inline-block;
    width: 100%;
}
.stepper-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
}
.stepper-item::before {
    position: absolute;
    content: "";
    border-bottom: 1px solid #bbb;
    width: 100%;
    top: 17px;
    left: -50%;
    z-index: 2;
}
.stepper-item::after {
    position: absolute;
    content: "";
    border-bottom: 1px solid #bbb;
    width: 100%;
    top: 17px;
    left: 50%;
    z-index: 2;
}
.stepper-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    background: #999;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-bottom: 6px;
    cursor: pointer;
    color: #000;
}
.stepper-item .step-name {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    text-transform: uppercase;
    text-align: center;
}
.stepper-item.active {
    font-weight: bold;
}
.stepper-item.active .step-name {
    color: #FFF;
}
.stepper-item.active .step-counter {
    background-color: #FAB702;
    color: #111;
}
.stepper-item.active::after {
    position: absolute;
    content: "";
    width: 100%;
    top: 17px;
    left: 50%;
    z-index: 3;
}
.stepper-item:first-child::before {
    content: "";
    width: 50%;
    right: 50%;
    left: auto;
}
.stepper-item:last-child::after {
    content: "";
    width: 50%;
}
.step-heading {
    display: inline-block;
    width: 100%;
    color: #ededed;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 25px;
    text-transform: uppercase;
}
.step-sub-head {
    display: inline-block;
    width: 100%;
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
}
.step-sub-head span {
    color: #FF0000;
    font-size: 20px;
    font-weight: bold;
}
/********************************************************

********************************************************/
.form-control {
    font-size: 14px;
    color: #777777
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: block;
    position: relative;
    top: 10px;
    padding: calc(2px + 0.4vw) calc(2px + 0.4vw);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 458'%3e%3cpath fill='%23666666' d='M24,213.5l119,119c9.4,9.4,24.6,9.4,33.9,0l119.1-119c15.1-15.1,4.4-41-17-41H41 C19.6,172.5,8.9,198.4,24,213.5z'/%3e%3c/svg%3e") rgba(0, 0, 0, 0) no-repeat center right 0.2em/calc(0.65em + 0.65em) calc(0.65em + 0.65em);
}
.select2-container .select2-selection--single .select2-selection__rendered {
    color: #777777
}
.form-control::placeholder {
    color: #777777;
    opacity: 1;
}
#contact_form input[type="text"], #contact_form textarea, #contact_form input[type="email"], #contact_form input[type="number"], #search, #contact_form select {
    color: #fff;
    border: solid 1px rgba(255, 255, 255, .2);
}
.contact_form input[type="text"], .contact_form textarea, .contact_form input[type="email"], .contact_form input[type="number"], .search, .contact_form select {
    color: #fff;
    border: solid 1px rgba(255, 255, 255, .2);
}
.select2-container--default .select2-selection--single {
    border: solid 1px rgba(255, 255, 255, .2);
}
.box__pad {
    padding: 6px 15px !important;
}
/********************************************************

********************************************************/
.contact_form input[type="radio"] + label, .contact_form input[type="checkbox"] + label {
    margin-right: 10px;
}
.contact_form .radio-img input[type="radio"] + label, .contact_form .radio-img input[type="checkbox"] + label {
    padding: 0px;
    position: relative;
    background: none;
    width: 150px;
    float: left;
    text-align: center;
    margin-right: 20px;
}
.contact_form .radio-img input[type="radio"] + label:before, .contact_form .radio-img input[type="checkbox"] + label:before {
    position: absolute;
    top: 20px;
    left: 15px;
}
.contact_form .radio-img input[type="radio"] + label img, .contact_form .radio-img input[type="checkbox"] + label img {
    width: 100%;
    margin-bottom: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.contact_form .radio-img input[type="radio"]:checked + label img, .contact_form .radio-img input[type="checkbox"]:checked + label img {
    width: 100%;
    padding: 8px;
    background: #FAB702;
}
.contact_form input[placeholder], .contact_form textarea[placeholder] {
    color: #eee;
}
.contact_form input[type=text], .contact_form input[type=password], .contact_form textarea, .contact_form input[type=email], .contact_form input[type=number], .contact_form input[type=tel], .search, .contact_form select {
    padding: 10px;
    margin-bottom: 20px;
    color: #fff;
    border: solid 1px rgba(255, 255, 255, .2);
    background: rgba(0, 0, 0, .1);
    border-radius: 0 !important;
    height: auto;
}
.contact_form input[type=date] {
    padding: 10px;
    margin-bottom: 20px;
    color: #fff;
    border: solid 1px rgba(255, 255, 255, .2);
    background: rgba(0, 0, 0, .1);
    border-radius: 0 !important;
    height: auto;
}
.contact_form h4 {
    color: #fff;
    font-weight: 500;
    font-size: 17px;
    margin-bottom: 10px;
}
.contact_form h4 i {
    margin-right: 10px;
    background: #FAB702;
    padding: 9px;
    text-align: center;
    width: 36px;
    height: 36px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.contact_form .form-check input[type=checkbox] {
    width: 16px;
    height: 16px;
    margin-left: -15px;
    margin-top: 9px;
    position: relative;
    left: 4px;
    top: 2px;
    display: none;
}
.contact_form .form-check input[type=checkbox]:checked:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FAB702;
    border-radius: 2px;
    border: 2px #fff solid;
}
.contact_form .form-check input[type=radio]:not(:checked) + span {
    color: #818181;
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.contact_form .form-check input[type=radio]:checked + span {
    color: #FFF;
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.contact_form .form-check {
    padding-left: 0px;
}
.inline-check-box .form-check {
    padding-left: 5px;
    margin: 5px 0;
    background: #222;
    border-radius: 4px;
    padding: 0px 12px 0px 22px !important;
}
.contact_form .form-check label.form-check-label {
    margin-left: 8px;
    display: inline-block;
    font-size: 16px;
    line-height: 35px;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
}
.contact_form .form-check label.form-check-label input[type='radio'] {
    display: inline-block;
    width: 17px;
    height: 17px;
    background-color: #FF0076;
}
.contact_form .form-check label.form-check-label input[type='radio']:not(:checked):after {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    top: -5px;
    left: 0px;
    position: relative;
    background: #FFF;
    border: 2px solid #818181;
    content: '';
    display: inline-block;
    visibility: visible;
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.contact_form .form-check label.form-check-label input[type='radio']:checked:after {
    width: 17px;
    height: 17px;
    top: -5px;
    left: 0px;
    position: relative;
    background: #ffa500;
    border: 2px solid #ffa500;
    border-radius: 50%;
    content: '';
    display: inline-block;
    visibility: visible;
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.contact_form .col h5 {
    color: #fff;
    font-weight: 500;
    margin-bottom: 10px;
}
.contact_form .form-check .check-box-chose {
    display: inline-block;
    margin: 5px 3px;
    background: #222;
    border-radius: 4px;
    padding: 0px 5px 0px 5px;
}
.contact_form select option {
    color: #111 !important;
    padding: 10px 0;
}
.contact_form select {
    font-size: 14px;
}
.contact_form .form-check input[type=radio].contact_form .form-check input[type=radio] {
    width: 16px;
    height: 16px;
    margin-top: 9px;
}
.form-control:focus {
    border: solid 1px #FAB702 !important;
    outline: 0;
    box-shadow: none;
    background: none !important;
}
/********************************************************

********************************************************/ .datepicker .next.disabled, .datepicker .prev.disabled {
    visibility: visible !important;
}
#datepicker, .datepicker-inline, .datepicker-days {
    display: inline-block;
    width: 100%;
}
#datepicker table {
    width: 100%;
}
.datepicker table tr th {
    padding: calc(8px + 0.5vw);
    font-weight: 500;
    font-size: 16px;
    border: #999 1px solid;
    background: none;
}
.datepicker table tr td, .datepicker table tr th {
    border-radius: 0;
}
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover {
    background: #FAB702;
    color: #111;
    border-radius: 0;
}
.datepicker table tr td.day:hover, .datepicker table tr td.focused {
    background: #FAB702;
    color: #111;
    cursor: pointer;
}
.datepicker table tr th, .datepicker table tr td.day {
    color: #FFF;
}
.datepicker table tr td.new.day, .datepicker table tr td.disabled.day {
    color: #999;
}
.datepicker table tr td.disabled.day:hover, .datepicker table tr td.new.day:hover {
    background: none;
    color: #999;
    cursor: default;
}
.datepicker table tr td.today.day {
    background: #333;
    border-color: #999;
    color: #FFF;
}
.datepicker table tr td.today.day:hover, .datepicker table tr td.active.day:hover, .datepicker table tr td.active.day {
    background: #FAB702;
    border-color: #FAB702;
    color: #111;
}
.datepicker table tr td {
    padding: calc(8px + 0.5vw);
    line-height: 1;
    font-weight: 500;
    font-size: 16px;
    border: #999 1px solid;
    background: none;
}
.disabled.disabled-date.day {
    position: relative;
}
.disabled.disabled-date.day:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    background: #FAB702;
    bottom: 5px;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0.8;
}
/********************************************************

********************************************************/
.time-row {}
.time-btn {
    width: 100%;
    background: none;
    color: #FFF;
    border: 1px #999 solid;
    text-align: center;
    padding: 12px 15px;
    line-height: 1;
}
.time-btn:hover {
    background: none;
    color: #FAB702;
    border: 1px #FAB702 solid;
}
.time-btn.active {
    background: #FAB702;
    color: #111;
    border: 1px #FAB702 solid;
}
.gallery-lightboxes .image-lightbox {
    background: #000 !important;
}
.product-box-icon img {
    width: 140px;
}
/********************************************************

********************************************************/
.time-row .radio {
    display: inline-block;
    width: 100%;
}
.time-row .radio .styled:not(:checked), .time-row .radio .styled:checked {
    position: absolute;
    left: -99999px;
}
.time-row .radio .styled:not(:checked) + label, .time-row .radio .styled:checked + label {
    margin-right: 0px;
    width: 100%;
    text-align: center;
    padding: 12px 15px;
    line-height: 1;
    cursor: pointer;
    transition: all 0.2s ease-in-out 0s
}
.time-row .radio .styled:not(:checked) + label {
    background: none;
    color: #FFF;
    border: 1px #999 solid;
    transition: all 0.2s ease-in-out 0s
}
.time-row .radio .styled:checked + label:hover, .time-row .radio .styled:checked + label {
    background: #FAB702;
    color: #111;
    border: 1px #FAB702 solid;
    transition: all 0.2s ease-in-out 0s
}
.time-row .radio .styled:not(:checked) + label:hover {
    background: none;
    color: #FAB702;
    border: 1px #FAB702 solid;
    transition: all 0.2s ease-in-out 0s
}
.time-row .radio .styled:not(:checked) + label:before, .time-row .radio .styled:checked + label:before {
    position: absolute;
    opacity: 0;
    left: -9999px;
}
.time-row .radio label {
    line-height: 1.4;
    margin: 0px !important;
}
.time-row .radio label span {
    padding-left: 0px;
}
/********************************************************

********************************************************/
.sS1VXzM::before, .sS1VXzM::after {
    content: '';
    width: 12px;
}
.srqWKRG {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px 4px 6px;
    border: 1px #999999 solid;
    border-radius: 16px;
    font-size: 13px;
    line-height: 1;
}
.s__0MiAbP {
    display: inline-flex;
    align-items: center;
}
.sS1VXzM .s__0MiAbP::after {
    content: '';
    width: 2px;
}
.sS1VXzM .s__0MiAbP {
    height: 16px;
    width: 18px;
}
.sS1VXzM .s__0MiAbP > svg {
    width: 16px;
    height: 16px;
}
.char_cnt {
    line-height: 1;
    font-size: 12px;
    color: #888
}
/********************************************************

********************************************************/
.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    cursor: pointer;
}
.upload-btn-wrapper .upload-btn {
    display: flex;
    margin-bottom: 0;
    width: 100%;
    z-index: 1;
    justify-content: center;
    align-items: center;
    border: solid 1px rgba(255, 255, 255, .2);
    color: gray;
    background: none;
    padding: 10px 20px;
    border-radius: 0;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.2s ease-in-out 0s
}
.upload-btn-wrapper .upload-btn .upload-icon {
    display: inline-flex;
    background-image: url(../img/upload.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    margin-right: 10px;
}
.upload-btn-wrapper .upload-btn .upload-text {
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    color: #CCC;
    transition: all 0.2s ease-in-out 0s;
}
.upload-btn-wrapper input[type=file] {
    opacity: 0;
    position: absolute;
    z-index: -1;
    left: -999999px;
}
.upload-btn-wrapper .upload-btn:hover {
    border: solid 1px #FAB702;
    transition: all 0.2s ease-in-out 0s;
}
.upload-btn-wrapper .upload-btn:hover .upload-text {
    color: #FAB702;
    transition: all 0.2s ease-in-out 0s;
}
/********************************************************

********************************************************/
fieldset.form-fieldset {
    padding: 0px 20px 0px;
    border: solid 1px rgba(255, 255, 255, .2);
    font-size: 14px;
}
fieldset.form-fieldset legend.fieldset-legend {
    display: block;
    width: auto;
    max-width: 100%;
    line-height: inherit;
    white-space: normal;
    margin-left: 10px;
    font-size: 14px;
    padding: 0px 10px;
    color: #EEE;
}
.contact_form .form-check input[type="checkbox"] + label:before {
    content: "\f00c";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 600;
    margin-right: 4px;
}
.contact_form .form-check input[type="checkbox"]:checked + label:before {
    color: #FAB702;
}
.contact_form .form-check input[type="checkbox"]:checked + label {
    border: none;
    color: white;
}
/********************************************************

********************************************************/
.image_drag_upload {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 88px;
    border: 2px dashed #FAB702;
    border-radius: 0px;
    cursor: pointer;
}
.image_drag_upload:hover {
    border: 2px solid #FAB702;
}
.image_drag_upload input {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer;
    z-index: 99;
}
.image_drag_upload .info_text {
    position: absolute;
    display: flex;
    text-align: center;
    line-height: 170px;
    color: #FAB702;
    z-index: 9;
    font-size: 16px;
}
.name_drag_upload {
    display: inline-block;
    width: 100%;
    line-height: 1;
    font-size: 12px;
    color: #888;
}
/********************************************************

********************************************************/
.new-product, .sale-product {
    z-index: 1;
}
.product-grid .title {
    margin-bottom: 0px;
}
.prd_cat_name {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #ABABAB;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
}
.cmp__head {
    font-size: 15px;
    color: #888;
}
.cmp__cont {
    font-size: 15px;
    color: #CCC;
}
.fa-check {}
.fa-check.stl {
    position: absolute;
    width: 14px;
    height: 14px;
    margin: auto;
    top: 0;
    bottom: 0;
}
.thank_head {
    font-size: 36px;
    line-height: 1.2;
}
/********************************************************

********************************************************/
.breadcrumb-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.breadcrumb {
    font-size: 14px;
    flex-wrap: wrap;
    padding: 5px 15px;
    margin-bottom: 25px;
    list-style: none;
    background: none;
    border-radius: 0;
    border: solid 1px rgba(255, 255, 255, 0.0);
}
.breadcrumb-item + .breadcrumb-item::before {
    content: "\f105";
    font-family: "Font Awesome 6 Pro";
    display: inline-block;
    padding-right: .5rem;
    color: #DDD;
}
.breadcrumb-item.active {
    color: #999;
}
.breadcrumb-item {
    opacity: 1;
    transition: all 0.2s ease-in-out 0s;
}
.breadcrumb-item:hover {
    opacity: 0.8;
    transition: all 0.2s ease-in-out 0s;
}
.breadcrumb-item.active {
    opacity: 1;
    transition: all 0.2s ease-in-out 0s;
}
.breadcrumb-item.active:hover {
    opacity: 1;
    transition: all 0.2s ease-in-out 0s;
}
.product-share {
    padding: 5px 15px;
    padding-roght: 0px;
    margin-bottom: 25px;
    color: #FAB702;
    transition: all 0.2s ease-in-out 0s;
    line-height: 1.2;
}
.product-share:hover {
    color: #DDD;
    transition: all 0.2s ease-in-out 0s;
}
.bb--1 {
    border-bottom: solid 1px rgba(255, 255, 255, .2) !important;
}
/********************************************************

********************************************************/
#product__slider {
    padding-right: 0px;
}
.product-label-btn span {
    background: #FAB702;
    padding: 8px 20px 6px;
    border-radius: 33px;
    line-height: 1;
    color: #111;
}
.product-head .text {
    font-size: 28px;
    font-weight: 500;
    color: #DDD;
}
.product-head .cat {
    font-size: 18px;
    font-weight: 500;
    color: #999;
}
.product-head .rate {
    font-size: 28px;
    font-weight: 500;
    color: #FAB702;
}
/********************************************************

********************************************************/
.buttons .buy {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.number-spinner {
    display: inline-block;
    position: relative;
}
.number-spinner .input-number {
    display: inline-block;
    -webkit-appearance: textfield;
    appearance: textfield;
    width: 100px;
    height: 46px;
    padding: 10px 34px 10px 13px;
    border: #FFF 1px solid;
    text-align: center;
    background: none;
    color: #FFF;
    font-weight: 500;
    border-radius: .25rem;
}
.number-spinner .fa-chevron-up, .number-spinner .fa-chevron-down {
    display: inline-block;
    position: absolute;
    right: 0;
    height: 24px;
    width: 24px;
    background: none;
    cursor: pointer;
}
.number-spinner .fa-chevron-up {
    top: 0;
    border: #FFF 1px solid;
    border-top-right-radius: .25rem;
}
.number-spinner .fa-chevron-down {
    bottom: 0;
    border: #FFF 1px solid;
    border-bottom-right-radius: .25rem;
}
.number-spinner .fa-chevron-up {
    border-bottom: 0;
}
.number-spinner .fa-chevron-up:before, .number-spinner .fa-chevron-down:before {
    display: inline-block;
    position: absolute;
    font-size: 12px;
    width: 12px;
    height: 12px;
    left: 0px;
    right: -2px;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #FFF;
}
/********************************************************

********************************************************/
.buttons .fa-bag-shopping:before {
    font-size: 19px;
}
.btn-long {
    color: #111;
    font-weight: 500;
    line-height: 1;
}
.slick-slide img {
    display: inline-block;
    width: 100%;
    height: auto;
}
.magnifier-container {
    display: inline-block;
    position: relative;
    float: left;
    height: auto;
    width: 100%;
}
.magnifier-container + img {
    cursor: zoom-in;
}
.product__slider-thmb .slick-slide img {
    height: auto;
}
.product__slider-thmb .slide {
    padding: 0px 5px;
}
.product__slider-thmb .slide.slick-active:nth-of-type(1) {
    padding-left: 0px;
}
.product__slider-thmb .slide.slick-active:nth-of-type(4) {
    padding-right: 0px;
}
/*.product__slider-thmb .slide.slick-current {

	padding-left: 0px;

}

.product__slider-thmb .slide.slick-current + .slide + .slide + .slide{

	padding-right: 0px;

}*/
.product__slider-main {
    margin-bottom: 10px;
}
.list-table .fa-check {
    color: #FAB702;
}
/********************************************************

********************************************************/
.accordion {
    display: inline-block;
    width: 100%;
    /*line-height: 0;*/
    overflow: hidden;
    white-space: normal;
    transition: all 0.2s ease-in-out 0s;
}
.accordion-cell {
    display: inline-block;
    float: left;
    min-height: 646px;
    position: relative;
    border: solid 1px rgba(255, 255, 255, .2);
    transition: all 0.2s ease-in-out 0s;
}
.accordion-cell.collapsed {
    width: calc(50% / (5 - 1));
    cursor: pointer;
    background: none;
    transition: all 0.2s ease-in-out 0s;
}
.accordion-cell.collapsed:hover {
    background: #111;
    transition: all 0.2s ease-in-out 0s;
}
.accordion-cell.expanded {
    width: 50%;
    transition: all 0.2s ease-in-out 0s;
}
.accordion-cell-icon {
    display: inline-block;
    width: 100%;
    height: auto;
    position: relative;
    transition: all 0.2s ease-in-out 0s;
    padding-top: calc(20px + 1vw);
}
.accordion-cell .accordion-cell-icon svg {
    fill: #FFC107;
    stroke: #FFC107;
}
.accordion-cell.expanded .accordion-cell-icon svg {
    fill: #FFC107;
    stroke: #FFC107;
    position: relative;
    width: calc(30px + 1vw);
    height: calc(30px + 1vw);
    margin: auto;
    margin-left: calc(20px + 1vw);
    transition: all 0.2s ease-in-out 0s;
}
.accordion-cell.collapsed .accordion-cell-icon svg {
    position: relative;
    width: calc(30px + 1vw);
    height: calc(30px + 1vw);
    margin: auto;
    /*left: calc(20px + 1vw);*/
    transition: all 0.2s ease-in-out 0s;
}
.accordion-cell.expanded .accordion-cell-icon {
    text-align: left;
}
.accordion-cell.collapsed .accordion-cell-icon {
    text-align: center;
}
.accordion-cell.collapsed .accordion-cell-head {
    display: inline-block;
    width: 262px;
    padding-left: calc(20px + 1vw);
    white-space: nowrap;
    font-size: 2em;
    text-align: right;
    color: white;
    margin-bottom: 0;
    position: absolute;
    top: 50%;
    left: 0;
    transform-origin: 0% 0%;
    transform: translate(50px, 100%) rotate(-90deg);
    transition: all 0.2s ease-in-out 0s;
}
.accordion-cell.expanded .accordion-cell-head {
    position: relative;
    color: #FFF;
    padding-left: calc(20px + 1vw);
    padding-top: 15px;
    font-size: 2em;
    margin-bottom: 0;
    transition: all 0.2s ease-in-out 0s;
}
.accordion-cell .accordion-cell-content {
    display: inline-block;
    height: 0px;
    height: auto;
    overflow: hidden;
    padding: 15px 30px 0px calc(20px + 1vw);
}
.accordion-cell .accordion-cell-content p {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 1.125em;
    line-height: 1.5em;
    letter-spacing: 1px;
    font-weight: 500;
    color: #DDD;
}
.accordion-cell.expanded .accordion-cell-content {
    width: 100%;
    opacity: 1;
    transition: all 0.2s ease-in-out 0.01s;
}
.accordion-cell.collapsed .accordion-cell-content {
    width: 0%;
    opacity: 0;
    height: 0px;
    transition: all 0.2s ease-in-out 0.01s;
}
.accordion-cell .accordion-cell-content {
    /*animation: InFromRight 1s linear 0s 1 normal forwards;*/
}
.accordion-cell.expanded .accordion-cell-content {
    animation: InFormBot 1s linear 0.1s 1 normal forwards;
}
/*.accordion-cell.collapsed .accordion-cell-head {

	animation: InFormTop 1s linear 0s 1 normal forwards;

	

}

.accordion-cell.expanded .accordion-cell-head {

	animation: InFromRight 1s linear 0s 1 normal forwards;

}*/
@keyframes InFormBot {
    0% {
        opacity: 0;
        transform: translateY(25%);
    }
    50% {
        opacity: 0.75;
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes InFromRight {
    0% {
        opacity: 0;
        transform: translateX(25%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
/********************************************************

********************************************************/
.cur-def {
    cursor: default !important;
}
.padLR {
    padding: 0px 3rem;
}
.product-size-box ul li {
    margin: 5px 7px 5px 0px;
}
.product-size-box ul li button {
    border-radius: 0.25rem;
    border: 1px #898989 solid;
    transition: all 0.2s ease-in-out 0s;
}
.product-size-box ul li button:hover {
    background: #FAB702;
    border: 1px #FAB702 solid;
    transition: all 0.2s ease-in-out 0s;
}
/********************************************************

********************************************************/
.files {
    display: inline-block;
    width: 100%;
}
.files .item-file {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
    width: 100%;
    margin: 15px 0;
    padding: 8px 15px;
    background: #FAB702;
    border-radius: 0px;
}
.files .item-file .item-file-icon {
    width: 42px;
    height: 47px;
    margin-right: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.files .item-file .item-file-name {
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
    color: #000;
    padding-right: 20px;
    max-width: calc(100% - 160px);
}
.files .item-file .item-file-download {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 17px;
    color: #0d0d0d;
    margin-left: auto;
}
.files .item-file .item-file-download svg {
    margin-right: 2px;
    width: 24px;
    height: 24px;
}
.files .item-file .item-favorites-toggle {
    background: none;
}
.files .item-file .item-favorites-toggle svg {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    border: 0;
    background: 0 0;
    display: inline-flex;
    width: 24px;
    height: 24px;
    position: relative;
}
.files .item-file .item-file-download .visually-hidden {
    display: none;
}
/********************************************************

********************************************************/
.certificates .item-certificates img {
    filter: grayscale(1);
    transform: scale(1);
    transition: all 0.2s ease-in-out 0s;
    cursor: pointer;
}
.certificates .item-certificates:hover img {
    filter: grayscale(0);
    transform: scale(1.1);
    transition: all 0.2s ease-in-out 0s;
}
/********************************************************

********************************************************/
.btn-genarate, .btn-genarate:focus, .btn-genarate:active {
    display: flex;
    justify-content: center;
    padding: 10px 20px 9px;
    color: #FAB702;
    background: none;
    border: #FAB702 1px solid;
    letter-spacing: 1px;
    transition: all 0.2s ease-in-out 0s;
}
.btn-genarate:hover,
.quote-button .btn-genarate:hover,
.btn-yellow-fill.btn-genarate:hover {
    color: #111 !important;
    background: #FAB702;
    border: #FAB702 1px solid;
    transition: all 0.2s ease-in-out 0s;
}
.btn-genarate span {
    display: inline-block;
}
.btn-genarate span:first-child {
    font-weight: 600;
    line-height: 1.6;
}
.btn-genarate span:last-child {
    margin-left: 10px;
    width: 18px;
    height: 20px;
    overflow: hidden;
}
.btn-genarate span:last-child svg {
    fill: #FAB702;
    width: 18px;
    height: 20px;
    transition: all 0.2s ease-in-out 0s;
}
.btn-genarate:hover span:last-child svg {
    fill: #111;
    animation: link-arrow .6s ease-in-out .3s 1 forwards;
    transition: all 0.2s ease-in-out 0s;
}
.header-nav.sticky-nav .btn-genarate {
    margin-right: 6vw;
    font-size: 12px;
    padding: 6px 14px 4px !important;
    color: #FAB702;
    background: none;
    border: #FAB702 1px solid;
    margin-bottom: 7px;
    transition: all 0.3s ease-in-out 0s;
}
.header-nav.sticky-nav .btn-genarate:hover,
.header-nav.sticky-nav .btn-yellow-fill.btn-genarate:hover,
.header-nav.sticky-nav .quote-button .btn-genarate:hover {
    color: #111 !important;
    background: #FAB702;
    transition: all 0.3s ease-in-out 0s;
}
.header-nav.sticky-nav .btn-genarate span:last-child {
    margin-left: 5px;
    display: flex;
    align-items: center;
    line-height: 1.8;
    width: 12px;
    height: 19px;
}
.header-nav.sticky-nav .btn-genarate i {
    line-height: 1.8;
    display: inline-block;
}
.header-nav.sticky-nav .btn-genarate:hover span:last-child i:before {
    line-height: 1.4;
    display: inline-block;
}
.header-nav.sticky-nav .btn-genarate:hover span:last-child i {
    fill: #111;
    animation: link-arrow .6s ease-in-out .3s 1 forwards;
    transition: all 0.2s ease-in-out 0s;
}
.ling-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #FAB702;
    background: none;
}
.ling-icon-warp {
    overflow: hidden;
    margin-left: 10px;
}
.ling-icon svg {
    fill: #FAB702;
    width: 18px;
    height: 18px;
    transition: all 0.2s ease-in-out 0s;
}
.ling-icon:hover svg {
    animation: link-arrow .6s ease-in-out .3s 1 forwards;
    transition: all 0.2s ease-in-out 0s;
}
@keyframes link-arrow {
    0% {
        transform: translate(0, 0)
    }
    50% {
        transform: translate(100%, 0)
    }
    51% {
        transform: translate(100%, -200%)
    }
    52% {
        transform: translate(-100%, -200%)
    }
    53% {
        transform: translate(-100%, 0)
    }
    100% {
        transform: translate(0, 0)
    }
}
/********************************************************

********************************************************/
.details-warp {
    display: inline-block;
    width: 100%;
    overflow: auto;
}
.details-warp-row {
    display: grid;
    grid-template-columns: 1fr 2fr;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 0px;
    font-size: 14px;
    border-bottom: solid 1px rgba(255, 255, 255, .2);
}
.edges-row {
    display: inline-block;
    width: 100%;
    overflow: auto;
    max-height: 355px;
}
.edges-grid {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    flex-direction: row;
    justify-content: flex-start;
}
.edges-item {
    padding: 13px 30px;
}
.edges-item img {
    width: 100%;
}
.edges-title {
    font-size: 16px;
    color: #FFF;
    text-align: center;
    padding: 8px 0px;
}
.edges-title i {
    cursor: pointer;
    margin-left: 2px;
    font-size: 14px;
    opacity: 1;
    transition: all 0.2s ease-in-out 0s;
}
.edges-title i:hover {
    opacity: 0.8;
    transition: all 0.2s ease-in-out 0s;
}
/********************************************************

********************************************************/
.care-section {
    display: inline-block;
    width: 100%;
    padding-left: 20px;
}
.care-section li::marker {
    content: "\f336";
    font-family: "Font Awesome 6 Pro";
    font-weight: 600;
    text-indent: 2px !important;
    font-size: 17px;
    color: #FAB702;
}
.care-section li {
    font-size: 17px;
    padding-left: 10px;
    margin-bottom: 10px;
}
/********************************************************

********************************************************/
@media (min-width: 768px) {
    .accordion-cell.collapsed .accordion-cell-head {
        transform-origin: 0% 0%;
        transform: translate(25px, 100%) rotate(-90deg);
        transition: all 0.2s ease-in-out 0s;
    }
}
@media (min-width: 992px) {
    .accordion-cell.collapsed .accordion-cell-head {
        transform-origin: 0% 0%;
        transform: translate(41px, 100%) rotate(-90deg);
        transition: all 0.2s ease-in-out 0s;
    }
}
@media (min-width: 1200px) {
    .accordion-cell.collapsed .accordion-cell-head {
        transform-origin: 0% 0%;
        transform: translate(53px, 100%) rotate(-90deg);
        transition: all 0.2s ease-in-out 0s;
    }
}
/********************************************************

********************************************************/
.calculator-tooltip {
    background: rgba(255, 255, 255, .2);
    border-radius: 4px;
    padding: 15px 15px 15px 10px;
}
.calculator-tooltip .warp {
    display: flex;
    align-items: center;
}
.calculator-tooltip .warp .left {
    padding: 24px;
}
.calculator-tooltip .warp .right {
    font-size: 14px;
}
.accordion-cell-content .cus-sel-mnu + .select2 {
    margin-bottom: 0px;
}
.bdr-top--1 {
    border-top: solid 1px rgba(255, 255, 255, .2);
}
.bdr-bot--1 {
    border-bottom: solid 1px rgba(255, 255, 255, .2);
}
.bdr-bot-none {
    border-bottom: none !important;
}
.accordion-cell-content .scrl {
    display: inline-block;
    width: 100%;
    height: auto;
    max-height: 466px;
    overflow: auto;
}
/********************************************************

********************************************************/
.magnifier {
    height: 100%;
    width: 100%;
    border: none;
}
.product-slider img {
    display: block;
    height: auto;
    max-width: 100%;
    cursor: zoom-in
}
.product-slider .product-page {
    display: flex;
}
.product-slider .img-display {
    flex-grow: 1;
    max-width: 372px;
}
.product-slider .thumb {
    opacity: .7;
    margin: 0 .25rem .25rem 0;
    width: 120px;
    transition: opacity .25s ease-out;
}
.product-slider .thumb:hover, .thumb.active {
    opacity: 1;
}
.product-slider .zoom {
    display: inline-block;
}
/********************************************************

********************************************************/
.product-slider .product-slider-main .slick-prev, .product-slider .product-slider-main .slick-next {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 0;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: 1;
    opacity: 0.6;
    transition: all 0.2s ease-in-out 0s;
}
.product-slider .product-slider-main .image-preview {
    cursor: zoom-in;
}
.product-slider .product-slider-main .slick-prev:hover, .product-slider .product-slider-main .slick-next:hover {
    opacity: 1;
    transition: all 0.2s ease-in-out 0s;
}
.product-slider .product-slider-main .slick-prev {
    left: 0;
    background-color: #FAB702;
    background-image: url(../../frontend_assets/img/arrow-left.png);
}
.product-slider .product-slider-main .slick-next {
    right: 0;
    background-color: #FAB702;
    background-image: url(../../frontend_assets/img/arrow-right.png);
}
/********************************************************

********************************************************/
.product-slider .product-slider-thmb .slick-prev, .product-slider .product-slider-thmb .slick-next {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 0;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: 1;
    opacity: 0.6;
    transition: all 0.2s ease-in-out 0s;
}
.product-slider .product-slider-thmb .image-preview {
    cursor: pointer;
}
.product-slider .product-slider-thmb .slick-prev:hover, .product-slider .product-slider-thmb .slick-next:hover {
    opacity: 1;
    transition: all 0.2s ease-in-out 0s;
}
.product-slider .product-slider-thmb .slick-prev {
    left: 0;
    background-color: #FAB702;
    background-image: url(../../frontend_assets/img/arrow-left.png);
}
.product-slider .product-slider-thmb .slick-next {
    right: 0;
    background-color: #FAB702;
    background-image: url(../../frontend_assets/img/arrow-right.png);
}
/********************************************************

********************************************************/
.product-slider .product-slider-thmb .slick-slide {
    opacity: 0.5;
    transition: all 0.2s ease-in-out 0s;
}
.product-slider .product-slider-thmb .slick-slide:hover, .product-slider .product-slider-thmb .slick-slide.slick-current {
    opacity: 1;
    transition: all 0.2s ease-in-out 0s;
}
/********************************************************

********************************************************/
.productAccordion .card {
    background: none;
    border-radius: 0;
    border: solid 1px rgba(255, 255, 255, .2);
}
.productAccordion .card .card-header {
    font-size: 18px;
    line-height: 1;
    padding: 1rem 1.25rem;
}
.productAccordion .card .card-body {
    font-size: 16px;
    border-top: solid 1px rgba(255, 255, 255, .2);
    padding: .75rem 1.25rem;
}
.productAccordion .card-header.active-header .header-icon:after {
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    transform: rotate(-450deg);
    position: absolute;
    right: 1.25rem;
    transition: all 0.5s ease-in-out 0s;
}
.productAccordion .card-header .header-icon:after {
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    transform: rotate(0deg);
    position: absolute;
    right: 1.25rem;
    transition: all 0.5s ease-in-out 0s;
}
.productAccordion .card:not(:last-of-type) {
    border-bottom: solid 1px rgba(255, 255, 255, .2);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
/********************************************************

********************************************************/
.zip-code-update {
    position: relative;
    display: inline-block;
    width: 100%;
}
.zip-code-update .form-control {
    border-radius: 0;
    background: none;
    color: #bbbbbb;
    padding: 10px 20px;
    height: auto;
    position: relative;
    z-index: 2;
    transition: all .1s ease-in-out;
}
.zip-code-update .form-control:focus, .zip-code-update .form-control:valid {
    border-color: #FAB702;
    border-top-color: rgba(0, 0, 0, 0) !important;
    transition: all .1s ease-in-out;
}
.zip-code-update .form-control + label {
    position: absolute;
    display: flex;
    align-items: center;
    font-size: 16px;
    top: 0px;
    left: 0px;
    height: auto;
    cursor: text;
    padding: 10px 20px;
    line-height: 1.3;
    margin-bottom: 0;
    z-index: 1;
    transition: all .1s ease-in-out;
}
.zip-code-update .form-control:focus + label, .zip-code-update .form-control:valid + label {
    color: #FAB702;
    top: -12px;
    line-height: 1;
    padding: 4px 20px;
    font-size: 14px;
    transition: all .1s ease-in-out;
}
/********************************************************

********************************************************/
.zip-code-update {
    display: inline-block;
}
.zip-code-update button {
    background: none;
    color: #bbbbbb;
    padding: 10px 20px;
    line-height: 1.3;
    border: 1px solid #ced4da;
}
.zip-code-update.d-inline-flex {
    align-items: center;
    height: auto;
    line-height: 1;
}
.zip-code-update .valid-postal-icon {
    line-height: 1;
    color: #FAB702;
}
.zip-code-update .valid-postal-icon svg {
    width: 12px;
    height: 13px;
    font-size: 12px;
    line-height: 1;
    float: left;
    margin-right: 5px;
}
.zip-code-update .valid-postal-code {
    font-size: 13px;
    color: #FAB702;
}
.visually-hidden {
    display: none;
}
.cursor-pointer {
    cursor: pointer;
}
body .blure-container {
    /*filter: blur(0px);*/
    transition: all 0.3s linear 0s;
}
body.modal-open .blure-container {
    filter: blur(4px);
    transition: all 0.3s linear 0s;
}
.modal-backdrop.show {
    opacity: 0.5;
    transition: all 0.3s linear 0.1s;
}
/********************************************************

********************************************************/
.ShippingFeesModal .modal-content {
    border-radius: 0;
    text-align: center;
    background-color: #333;
    border-top: solid 1px rgba(255, 255, 255, .2);
}
.ShippingFeesModal .modal-header {
    padding: 10px 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0;
}
.ShippingFeesModal .modal-body {
    padding-top: 0;
    padding-left: 50px;
    padding-right: 50px;
}
.ShippingFeesModal .modal-body .header-AA {
    font-size: 28px;
}
.ShippingFeesModal .modal-body .header-BB {
    font-size: 18px;
}
.ShippingFeesModal a {
    color: #FAB702;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    line-height: 1.4;
    transition: all 0.3s linear 0s;
}
.ShippingFeesModal a:hover {
    color: #FAB702;
    border-bottom: 1px solid #FAB702;
    transition: all 0.3s linear 0s;
}
.ShippingFeesModal .close {
    color: #BBB;
    font-size: 36px;
    ;
    text-shadow: none;
    line-height: 1;
    margin-right: 0px;
    opacity: 1;
    transition: all 0.3s linear 0s;
}
.ShippingFeesModal .close:hover {
    opacity: 0.6;
    transition: all 0.3s linear 0s;
}
@media (min-width: 576px) {
    .ShippingFeesModal .modal-dialog {
        max-width: 600px;
        margin: 1.75rem auto;
    }
}
.btn-solid {
    background: #FAB702;
    color: #111;
    border-radius: 0;
}
/********************************************************

********************************************************/
#productAccordion .accordion {
    position: relative;
}
#smptst {
    border-radius: 0;
    background: #333;
    border: solid 1px rgba(255, 255, 255, .2);
    position: absolute;
    top: 1.25rem;
    z-index: 3;
}
#smptst .toast-header {
    background: none;
    border-bottom: solid 1px rgba(255, 255, 255, .2);
}
.nl-tooltip__body a {
    color: #FAB702;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    line-height: 1.4;
    transition: all 0.3s linear 0s;
}
.nl-tooltip__body a:hover {
    color: #FAB702;
    border-bottom: 1px solid #FAB702;
    transition: all 0.3s linear 0s;
}
#smptst .nl-tooltip__body .strong {
    color: #bbbbbb;
    font-weight: 500;
}
#smptst .close {
    opacity: 1;
    text-shadow: none;
    color: #888;
    transition: all 0.3s linear 0s;
}
#smptst .close:hover {
    opacity: 0.6;
    transition: all 0.3s linear 0s;
}
/********************************************************

********************************************************/
.cart-container {
    display: inline-block;
    width: 100%;
    border: solid 1px rgba(255, 255, 255, .2);
    padding: 15px 20px;
}
.cart-header {
    font-family: 'Dosis', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 28px;
    color: #EEE;
    padding-bottom: 20px;
}
.cur-symb:before {
    content: "$ ";
}
.cart-container .details-warp-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 0px;
    font-size: 14px;
    border-bottom: solid 1px rgba(255, 255, 255, .2);
}
.payment-methods-bg {
    background: #ededed;
    padding: 5px;
    margin-top: 20px;
}
/********************************************************

********************************************************/
.cart-table {
    color: #DDD;
    border: solid 1px rgba(255, 255, 255, 0.2);
}
.cart-table thead th {
    vertical-align: bottom;
    border: solid 1px rgba(255, 255, 255, 0.2);
}
.table thead th:last-child {
    /*border-right: solid 1px rgba(255, 255, 255, 0.2);*/
}
.cart-table tbody td {
    font-size: 14px;
    line-height: 1.6;
    vertical-align: middle;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.color-gray {
    color: #888;
}
.cart-action button {
    background: none;
    border: none;
}
.cart-action button svg {
    width: 20px;
    height: 20px;
}
.cart-action button svg {
    width: 20px;
    height: 20px;
}
.cart-action span:first-child button i {
    color: #FAB702;
}
.cart-action div {
    white-space: nowrap;
    display: flex
}
.cart-action span button i {
    color: #ff2222;
    margin: 5px 10px;
    font-size: 18px;
    text-shadow: 2px -2px 4px rgba(0, 0, 0, 0.6), -2px 2px 4px rgba(0, 0, 0, 0.6);
    transform: scale(1);
    transition: all 0.3s linear 0s;
}
.cart-action span button i:hover {
    transform: scale(1.2);
    transition: all 0.3s linear 0s;
}
.cart-qty .number-spinner .input-number, .cart-qty .number-spinner .fa-chevron-up, .cart-qty .number-spinner .fa-chevron-down {
    border-color: #AAA;
    color: #FFF;
    border-width: 2px
}
.cart-qty .number-spinner .fa-chevron-up:before, .cart-qty .number-spinner .fa-chevron-down:before {
    color: #AAA;
}
.product-grid {
    margin-top: 30px !important;
}
.cart-header .right-text {
    font-size: 14px;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
}
/********************************************************

********************************************************/
.frb-group, .frb-group .frb {
    display: inline-block;
    width: 100%;
    height: auto;
}
.frb-group .frb {
    display: inline-block;
    width: 100%;
	position: relative;
}
.frb-group .frb input[type="radio"], .frb-group .frb input[type="checkbox"] {
    opacity: 0.5;
    position: absolute;
    left: -99999px;
}
/*input[type="radio"], input[type="checkbox"] {

  margin: 4px 0 0;

  margin-top: 1px \9;

  line-height: normal;

}

input[type="radio"], input[type="checkbox"] {

  margin: 4px 0 0;

  margin-top: 5px;

  line-height: normal;

}*/
.frb-group .frb input[type="radio"]:not(:checked) + label:before, .frb-group .frb input[type="radio"]:checked + label:before {
    position: absolute;
    font-family: 'Font Awesome 6 Pro';
    font-size: 16px;
    background: none;
    border: none;
    padding: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	align-items: center;
	display: inline-flex;
    transition: all 0.3s linear 0s;
}
.frb-group .frb input[type="radio"]:not(:checked) + label:before {
    content: "\f111";
    background: none;
    border: none;
    font-weight: 100;
    border-radius: 50%;
    transition: all 0.3s linear 0s;
}
.frb-group .frb input[type="radio"]:checked + label:before {
    content: "\f192";
    background: none;
    border: none;
    font-weight: 800;
    border-radius: 50%;
    transition: all 0.3s linear 0s;
}
.frb-group .frb input[type="radio"] + label {
    display: inline-block;
    width: 100%;
    border: solid 1px rgba(255, 255, 255, 0.2);
    padding: 15px;
    margin: 0;
    cursor: pointer;
    background: none;
    color: #BBB;
    transition: all 0.3s linear 0s;
}
.frb-group .frb input[type="radio"]:checked + label {
    border-color: #FAB703;
    background: #FAB70311;
    color: #FAB703;
    transition: all 0.3s linear 0s;
}
.frb-group .frb .frb-icon {
    display: flex;
    align-items: center;
}
.frb-group .frb .frb-icon i:before {
    font-size: 18px;
}
.container_menu_iso .menu_iso {
	display: inline-block;
    padding: 20px 0;
    margin: 0;
}
.container_menu_iso .menu_iso li {
    display: inline-flex;
    list-style: none;
    padding: 0px;
    margin: 10px 20px;
    line-height: 1.2;
    float: left;
}
.container_menu_iso .menu_iso li a {
    font-size: 16px;
    padding: 6px 12px;
    height: auto;
    line-height: 1.2;
}
.container_menu_iso .menu_iso li a {
	border: 1px #FAB70200 solid;
}
/********************************************************

*********************************************************

************************* CART **************************

/********************************************************

********************************************************/
.cart-form .cus-sel-mnu + .select2 {
    margin-bottom: 10px;
}
.checkout-warp .checkbox .styled:not(:checked) + label::before, .checkout-warp .checkbox .styled + label {
    color: #777;
    cursor: pointer;
}
.checkout-warp .checkbox .styled:not(:checked) + label::before {
    content: "\f0c8";
    font-weight: 300;
}
.checkout-warp .checkbox .styled:checked + label::before {
    content: "\f14a";
    font-weight: 800;
}
.checkout-warp .checkbox .styled:checked + label::before {}
.lh-1-4 {
    line-height: 1.4;
}
/*#news_and_offer .styled:not(:checked) + label + div,

#news_and_offer .styled:not(:checked) + label + div input,

#news_and_offer .styled:not(:checked) + label + div span{

	height: 0;

	opacity: 0;

	padding-top: 0;

	padding-bottom: 0;

	margin-top: 0;

	margin-bottom: 0;

	max-height: 0%;

	transition: all 0.3s linear 0s;

}

#news_and_offer .styled:checked + label + div,

#news_and_offer .styled:checked + label + div input,

#news_and_offer .styled:checked + label + div span {

	opacity: 1;

	max-height: 100%;

	transition: all 0.3s linear 0s;

}*/
/********************************************************

********************************************************/
.side-bg {
    position: relative;
}
.side-bg .image-container {
    height: 100%;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 0;
    background-size: cover;
}
.side-bg .background-image {
    background-position: 50% 50%;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 0;
}
.inner-padding {
    padding: 70px 0px;
}
/********************************************************

********************************************************/
#B2B_Modal .close {
    display: inline-block;
    padding: 10px;
    line-height: 1;
    height: auto;
    color: #FAB703;
    opacity: 1;
    text-shadow: none;
}
/*#B2B_Modal .login-tab-list {

	display: grid;

	display: inline-block;

	width: 100%;

	grid-template-columns: 1fr 1fr;

}

.login-tab-list li {

  max-width: 100%;

  min-width: 100%;

  text-align: center;

  padding: 10px;

  background: #111;

}*/
#B2B_Modal .modal-content .modal-body {
    border-radius: 0;
    text-align: center;
    background-color: #333;
    border-top: solid 1px rgba(255, 255, 255, .2);
}
#B2B_Modal .modal-content .nav-tabs li a {
    padding: 10px 20px;
    color: #BBB;
    width: 100%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
#B2B_Modal .modal-content .nav-tabs li a:hover {
    background: #BBB;
    color: #111;
}
#B2B_Modal .modal-content .nav-tabs li a.active {
    background: #FAB703;
    color: #111;
}
.nav-tabs {
    border-bottom: 1px solid #BBB;
}
#B2B_Modal .modal-content .close {
    padding: 0px;
    padding-right: 0;
    margin: 0;
	position: absolute;
	right: 0;
	top: -24px;
}
#B2B_Modal .modal-content .modal-body {
    display: inline-block;
    width: 100%;
    margin-top: 0px;
}
#B2B_Modal .contact_form .label {
    color: #EEE;
    line-height: 1.2;
}
#B2B_Modal .contact_form .form-group label {
    display: inline-block;
    margin-bottom: .5rem;
    width: 100%;
    text-align: left;
}
#B2B_Modal .ac-type .modal-header {
    border-bottom: none;
    padding: 20px 30px;
    padding-bottom: 0;
}
#B2B_Modal .ac-type .modal-header h5 {
    font-size: 26px;
	padding-bottom: 20px;
}
#B2B_Modal .ac-type .modal-body {
    padding: 30px;
}
#B2B_Modal .ac-type .modal-body p {
    color: #EEE;
    text-align: left;
}
#B2B_Modal .ac-type .modal-body li {
    font-size: 14px;
    text-align: left;
}
.or {
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 1;
    padding: 0;
    margin: 0;
}
.pro-act-step {
    font-size: 13px;
    color: #BBB;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    line-height: 2;
}
.contact_form .invalid-feedback, .contact_form .valid-feedback {
    line-height: 1.2;
}
.contact_form .condition ul {
    padding-top: 10px;
    list-style-type: disc;
    padding-left: 10px;
}
.contact_form .condition li {
    font-size: 80%;
    color: #DDD;
    line-height: 1.6;
}
.text-theme-yellow {
    color: #FAB703;
}
.pro-email-panel {
    display: inline-block;
    width: 100%;
    height: auto;
    border: solid 1px rgba(255, 255, 255, .2);
    padding: 30px;
    background: #333;
    color: #DDD;
}
.pro-email-panel .checkbox .styled:not(:checked) + label::before {
    font-size: 28px;
    color: #DDD;
}
.pro-email-panel .checkbox .styled:checked + label::before {
    font-size: 28px;
}
.pro-email-panel .checkbox .styled + label span {
    font-size: 18px;
    color: #DDD;
    margin-left: 6px;
    line-height: 1.7;
}
.pro-email-panel .checkbox + p {
    color: #BBB;
    line-height: 1.4;
}
header.sticky-header.sticky-on .header-nav {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    -webkit-animation: sticky 0.6s;
    animation: sticky 0.6s;
    background-color: #fff;
}
/********************************************************

********************************************************/
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
.octf_tools_bar {
    position: fixed;
    right: -400px;
    top: 0;
    background-color: #ffffff;
    width: 400px;
    height: 100%;
    z-index: 1;
    -webkit-transition: right .3s ease;
    -moz-transition: right .3s ease;
    transition: right .3s ease;
}
.octf_tools_bar.left {
    position: fixed;
    left: -400px;
    top: 0;
    background-color: #ffffff;
    width: 400px;
    height: 100%;
    z-index: 1;
    -webkit-transition: right .3s ease;
    -moz-transition: right .3s ease;
    transition: right .3s ease;
}
@media (max-width: 991px) {
    .octf_tools_bar {
        display: none !important;
    }
    .container.video--player {
        padding-left: 0;
        padding-right: 0;
    }
}
.octf_tools_bar.active {
    right: 0px;
}
.octf_tools_bar__sidebar-cover {
    content: "";
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    cursor: url(https://livewp.site/wp/md/ewebot/wp-content/plugins/gt3-theme-tools-bar/assets/close.png) 16 16, default;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
.active_tools_bar_sidebar .octf_tools_bar__sidebar-cover {
    visibility: visible;
    opacity: 1;
    background: rgba(0, 0, 0, 0.7);
    z-index: 10000;
}
.octf_tools_bar .octf_tools_bar__icon_container {
    /*width: 50px;*/
    position: absolute;
    top: calc(50% - 88px);
    left: -45px;
    display: inline-block;
    box-shadow: -8px 8px 30px rgba(0, 0, 0, 0.07);
}
.octf_tools_bar.left .octf_tools_bar__icon_container, .left .octf_tools_bar.left .octf_tools_bar__icon_container {
    /*width: 50px;*/
    position: absolute;
    top: calc(50% - 88px);
    right: -45px;
    left: auto;
    display: inline-block;
    box-shadow: -8px 8px 30px rgba(0, 0, 0, 0.07);
}
.octf_tools_bar__sidebar {
    position: absolute;
    right: -17px;
    top: 0;
    height: 100%;
    width: 417px;
    padding: 30px;
    background: #ffffff;
    border-left: 1px solid #dcdcdc;
    color: #111;
    font-size: 14px;
    line-height: 1.7;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}
.admin-bar .octf_tools_bar__sidebar {
    top: 32px;
    height: calc(100% - 32px);
}
.octf_tools_bar .octf_tools_bar__icon, .octf_tools_bar.left .octf_tools_bar__icon {
    display: flex;
    height: 42px;
    line-height: 42px;
    text-align: center;
    position: relative;
    background-color: #2f323a;
    background: transparent;
    color: #ffffff;
    cursor: pointer;
    left: 0;
    white-space: nowrap;
    border: #FAB703 1px solid;
    margin: -1px auto;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.octf_tools_bar__icon a {
    display: flex;
    justify-content: center;
    align-items: center;
}
.octf_tools_bar__icon a, .octf_tools_bar__icon a:hover, .octf_tools_bar__icon a:focus, .octf_tools_bar__icon a:active, .octf_tools_bar__icon a:visited {
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.octf_tools_bar__icon div.octf_tools_bar__icon_src, .left .octf_tools_bar__icon div.octf_tools_bar__icon_src {
    display: flex;
    width: 42px;
    height: 42px;
    line-height: 50px;
    border-radius: 0 !important;
    transition: opacity .2s ease;
    color: inherit;
    align-items: center;
    justify-content: center;
}
.octf_tools_bar__icon div.octf_tools_bar__icon_src svg {
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 21px;
    fill: currentColor;
}
.octf_tools_bar__icon_tooltip, .left .octf_tools_bar__icon_tooltip {
    font-family: 'Nunito Sans', Sans-serif;
    font-size: 14px;
    width: 120px;
    height: 42px;
    font-weight: 400;
    line-height: 42px;
    text-align: center;
    transition: all .2s ease;
    padding: 0;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.15);
    border-radius: 0;
    display: block;
    float: right;
    color: inherit;
}
.octf_tools_bar .octf_tools_bar__icon:hover {
    left: -110px;
    background: #FAB703;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.octf_tools_bar.left .octf_tools_bar__icon:hover {
    right: -120px;
    background: #FAB703;
    left: 110px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.octf_tools_bar__icon:hover div.octf_tools_bar__icon_src, .left .octf_tools_bar__icon:hover div.octf_tools_bar__icon_src, .octf_tools_bar .octf_tools_bar__icon:hover .octf_tools_bar__icon_tooltip a, .octf_tools_bar .octf_tools_bar__icon:hover .left .octf_tools_bar__icon_tooltip a {
    color: #111;
    font-weight: 600;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.icon-side {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
}
.heading-separator {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
}
.heading-separator span {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.heading-separator span:before, .heading-separator span:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    top: 5px;
    width: calc(12vw + 101px);
}
.heading-separator span:before {
    right: 100%;
    margin-right: 15px;
}
.heading-separator span:after {
    left: 100%;
    margin-left: 15px;
}
.heading-separator span i {
    font-size: 8px;
    padding: 0;
    margin: 0;
    float: none;
    color: #FAB703;
}
.section-title.text-center {
    margin-bottom: calc(10px + 2vw);
}
.section-title .title {
    font-size: calc(18px + 2vw);
    line-height: 1;
    color: #fff;
    font-weight: 400;
    letter-spacing: 2px;
    display: inline-block;
    width: 100%;
    margin-bottom: calc(5px + 0.8vw);
}
.section-gap {
    padding-top: calc(15px + 2.6vw);
    padding-bottom: calc(15px + 2.6vw);
}
.tab-round-col .tab-content > .active {
    border-top: 1px #5b5b5b solid;
    padding: 0px 0;
}
.home-slider {
    position: relative;
    display: inline-block;
    width: 100%;
}
.banner-section.banner-section-two .single-banner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    margin: auto;
    transform: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
header .header-nav .nav-container .menu-items ul li.has-submemu::after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
    content: '\f107';
    position: absolute;
    right: 5px;
    top: 51%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none !important;
    opacity: 0 !important;
}
.no-before::before,
header .header-nav .nav-container .menu-items ul li:nth-child(3)::before {
  display: none !important;
  opacity: 0 !important;
}
.fact-boxes .fact-box .counter {
    font-size: calc(18px + 0.8vw);
}
.fact-boxes .fact-box .icon {
    margin-bottom: 10px;
}
footer.grey-bg-footer, header.sticky-header.header-two.sticky-on .header-nav {
    background-color: #0E0F10;
}
.logo-bot {
    display: none !important;
    transition: all 0.3s linear 0s;
}
.logo-top {
    display: inline-block !important;
    transition: all 0.3s linear 0s;
}
.sticky-on .logo-bot {
    display: inline-block !important;
    transition: all 0.3s linear 0s;
}
.sticky-on .logo-top {
    display: none !important;
    transition: all 0.3s linear 0s;
}
.banner-slider .slider {
    height: 100vh;
}
.nav-menu .menu-items .logo-top img {
    width: calc(2px + 17vw);
}
/*@media (min-width: 398px) {
	.banner-slider .slider {
		height: auto;
	}
}*/
@media (max-width: 1199px) {
    .banner-slider .slider {
        height: 100vh;
    }
    .quote-button {
        display: flex !important;
        align-self: flex-start;
        margin-top: 10px;
        width: auto;
        padding-left: 10px !important;
    }
    .quote-button a.btn-genarate {
        padding: 8px 14px 7px !important;
        font-size: 12px !important;
    }
    .quote-button a.btn-genarate span:first-child {
        font-size: 12px !important;
    }
    .inner-menu {
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 8px !important;
    }
    .quote-button {
        margin-left: 0 !important;
    }
}
@media (max-width: 991px) {
    .inner-menu {
        justify-content: flex-start !important;
    }
    .quote-button {
        padding-left: 8px !important;
        margin-top: 8px;
        margin-left: 0 !important;
    }
    .quote-button a.btn-genarate {
        padding: 6px 12px 5px !important;
        font-size: 11px !important;
    }
    .quote-button a.btn-genarate span:first-child {
        font-size: 11px !important;
    }
}
@media (max-width: 767px) {
    .inner-menu {
        justify-content: flex-start !important;
    }
    .quote-button {
        padding-left: 5px !important;
        margin-top: 5px;
        margin-left: 0 !important;
    }
    .quote-button a.btn-genarate {
        padding: 5px 10px 4px !important;
        font-size: 10px !important;
    }
    .quote-button a.btn-genarate span:first-child {
        font-size: 10px !important;
    }
    .quote-button a.btn-genarate span:last-child {
        margin-left: 5px !important;
    }
}
@media (max-width: 991px) {
    .banner-slider .slider {
        height: 100vh;
    }
}
@media (max-width: 767px) {
    .banner-slider .slider {
        height: 100vh;
    }
}
@media (max-width: 575px) {
    .banner-slider .slider {
        height: 100vh;
    }
}
@media (max-width: 399px) {
    .banner-slider .slider {
        height: 100vh;
    }
}
.modal-share-icon a {
    font-size: calc(18px + 1.4vw);
    border: none;
    display: inline-block;
    margin: 5px;
    transition: all 0.3s linear 0s;
}
.modal-share-icon a:hover {
    border: none;
    color: #FFF;
    transition: all 0.3s linear 0s;
}
body .octf_tools_bar {
    display: inline-block;
    opacity: 1;
    transition: all 0.3s linear 0s;
}
body.modal-open .octf_tools_bar {
    display: none;
    opacity: 0;
    transition: all 0.3s linear 0s;
}
footer {
    position: relative;
    z-index: 1;
}
.sticky-header .menu-items ul {
    display: inline-flex;
    align-items: flex-end;
}
.sticky-header.sticky-on .menu-items ul {
    align-items: center;
}
.sticky-header.sticky-on .header-nav.sticky-nav .btn-genarate {
    margin-bottom: 0;
}
header .header-nav .nav-container.breakpoint-on {
    padding: 0px;
    display: inline-block;
    width: 100%;
}
header .header-nav .nav-container.breakpoint-on .list-cat-img {
    display: none;
    opacity: 0;
}
header .header-nav .nav-container.breakpoint-on .list-cat-menu {
    display: inline-block;
    width: 100%;
}
header .header-nav .nav-container.breakpoint-on .menu-items ul li .submenu li a, header .header-nav .nav-container.breakpoint-on .nav-menu .menu-items ul li .submenu li a {
    font-size: 13px;
    transition: all 0.3s linear 0s;
}
header .header-nav .nav-container.breakpoint-on .menu-items ul li .submenu li a:hover, header .header-nav .nav-container.breakpoint-on .nav-menu .menu-items ul li .submenu li a:hover, header .header-nav .nav-container.breakpoint-on .menu-items ul li a:hover, header .header-nav .nav-container.breakpoint-on .nav-menu .menu-items ul li a:hover {
    color: #FAB702;
    opacity: 1;
    transition: all 0.3s linear 0s;
}
.news-letter-warp {
    display: grid;
    grid-template-columns: 35% auto;
}
.news-letter-warp .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-letter-warp .right {
    padding: 0px calc(15px + 1.6vw);
}
.modal-subscribe-heading {
    padding-top: calc(15px + 1.8vw);
    font-family: 'Dosis', Arial, Helvetica, sans-serif;
    font-size: calc(18px + 1vw);
    line-height: normal;
    color: #DDD;
    margin-bottom: 20px;
}
.modal-subscribe-condition {
    font-size: calc(10px + 0.2vw);
    line-height: 1.6;
}
.modal-subscribe-heading span:first-child {
    position: absolute;
    top: calc(5px + 0.4vw);
    right: calc(5px + 0.8vw);
    cursor: pointer;
    font-size: calc(14px + 0.8vw);
    color: #999;
}
.mouse {
    position: absolute;
    width: calc(18px + 0.4vw);
    height: calc(34px + 0.8vw);
    bottom: calc(4rem + 4vw);
    left: 50%;
    margin-left: -12px;
    border-radius: 15px;
    border: 1px solid #fff;
    -webkit-animation: intro 1s;
    animation: intro 1s;
}
.scroll {
    display: block;
    width: calc(3px + 0.2vw);
    height: calc(3px + 0.2vw);
    margin: 4px auto;
    border-radius: 4px;
    background: #fff;
    -webkit-animation: finger 1s infinite;
    animation: finger 1s infinite;
}

.yellow-border-color {
    border-color: #FAB703;
}

.yellow-text-color {
    color: #FAB703;
}

.yellow-bg-color {
    background-color: #FAB703;
}
@-webkit-keyframes intro {
    0% {
        opacity: 0;
        -webkit-transform: translateY(calc(10px + 0.8vw));
        transform: translateY(calc(10px + 0.8vw));
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes intro {
    0% {
        opacity: 0;
        -webkit-transform: translateY(calc(10px + 0.8vw));
        transform: translateY(calc(10px + 0.8vw));
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes finger {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(calc(16px + 0.8vw));
        transform: translateY(calc(16px + 0.8vw));
    }
}
@keyframes finger {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(calc(16px + 0.8vw));
        transform: translateY(calc(16px + 0.8vw));
    }
}
.banner-slider.slider .slide-track, .banner-slider.slider .slide {
    height: 100%;
}
.nav-container.breakpoint-on + .navbar-extra .quicklink {
    display: inline-block;
}
.nav-container + .navbar-extra .quicklink {
    display: none;
}
.navbar-extra .quicklink {
    color: #FFF;
}
.navbar-extra .quicklink i {
    margin-left: 10px;
}
.menu-img .sub-menu-image {
	display: none;
	opacity: 0;
	animation: fade_out 0.6s forwards;
}
.menu-img .sub-menu-image.fadeIn {
	display: block;
	animation: fade_in 0.6s forwards;
}
@keyframes fade_in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fade_out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.mrgAutoTop {
	margin-top: calc(10px + 1.4vw);
}
.mrgAutoBot {
	margin-bottom: calc(10px + 1.4vw);
}
.inner-menu {
  position: static;
  width: 100%;
  z-index: 2;
  bottom: auto;
}
header.header-two {
  position: static;
  bottom: -90px;
  top: auto;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 999;
  background-color: #0e0f10;
}
.header-menu--innerA header .header-nav .nav-container .menu-items ul li:nth-child(3)::before, header .header-nav .nav-container .menu-items ul li:last-child::before {
	  display: inline-block;
	  opacity: 1;
}
.header-menu--innerA .header-two.sticky-header {
	padding: 20px 0px 10px;
}
.header-menu--innerA header .header-nav .nav-container .menu-items ul li.has-submemu ul li:before {
	display: none;
	opacity: 0;
}
.inline-check-box .form-check label.form-check-label{
	margin: 0 !important;
}
.inline-check-box .form-check label.form-check-label input[type="radio"]:not(:checked)::after,
.inline-check-box .form-check .form-check-label .form-check-input {
	width: 0px !important;
	height: 0px !important;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	margin: 0;
}

.archi_pagination .page-item .page-link,
.archi_pagination .page-item.disabled .page-link {
	position: relative;
	display: block;
	padding: 10px 20px;
	margin-left: -1px;
	line-height: 1.25;
	color: #FFF;
	background: none;
	border: solid 1px #444;
	transition: all 0.3s linear 0s;
}
.archi_pagination .page-item.disabled .page-link {
	color: #AAA;
}
.archi_pagination .page-item .page-link:hover {
	color: #FAB702;
    transition: all 0.3s linear 0s;
}
.archi_pagination .page-item.active .page-link {
	background: #FAB702;
	border: solid 1px #FAB702;
	color: #111;
}
.card-condition {
	display: inline-block;
	width: 100%;
	border: #666 1px solid;
}
.card-condition .header {
	border-bottom: #666 1px solid;
	padding: 10px 20px;
}
.card-condition .body {
	background: #232426;
	padding: 10px 20px;
}
.card-condition .body .btn-group.card-cond{
	width: 100%;	
	height: 100%;
}
.card-condition .body .btn-group.card-cond .btn {
	width: 100%;
	background: #666;
	display: grid;
	align-items: center;
	border-color: #999;
	font-size: 14px;
	font-weight: 400;
}
.card-condition .body .btn-group.card-cond .btn.active {
	background: #FAB703;
	border-color: #FAB703;
	color: #333;
}
.tip-container {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	background: none;
	border: #666 1px solid;
	padding: 0px;
}
.tip-container .button-container {
	display: flex;
	background: none;
}
.tip-container .form-control:focus,
.tip-container .form-control {
	background: none;
	border: none!important;
	padding: 10px 20px;
	color: #AAA;
	height: auto;
}
.tip-container input[type="number"] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.tip-container input[type=number]::-webkit-inner-spin-button, 
.tip-container input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
}
.tip-container  .spinner .button-container button {
	background: none;
	color: #CCC;
	display: inline-block;
}
.h-100 {
	height: 100%;
}
.btn-tip {
	background: #FAB702;
	padding: 8px 20px;
	color: #222;
}
.checkout-right {
	line-height: 1.5;
}
.lh_1-6 {
	line-height: 1.6;
}
.frb-group .frb input[type="radio"]:checked + label .sub-theme-color {
	color: #E3D4A9;
}
.frb-group .frb input[type="radio"] + label .sub-theme-color {
	color: #E6E6E6;
}
.frb-group .frb .frb-icon.lg i::before {
  font-size: 26px;
}
.discount-warp .form-control {
	border-radius: 0;
	padding: 10px;
	margin-bottom: 20px;
	color: #fff;
	border: solid 1px rgba(255, 255, 255, .2);
	background: rgba(0, 0, 0, .1);
	height: auto;
}
.discount-warp .form-control::placeholder {
  color: #999;
  opacity: 1;
}
.image-lightbox-wrapper {
	padding: 5px calc(22px + 4vw);
	margin-top: 15px;
}
.light-box-content {
  display: flex;
  padding: 15px 0 0 0;
  align-items: start;
  justify-content: center;
}
button.mfp-close {
	display: inline-block;
	width: 100%;	
}
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: rgba(0,0,0,0.96);
	opacity: 1;
}
.mfp-close-btn-in .mfp-close:before {
	content: "";
	width: 31px;
	height: 31px;
	border-radius: 50%;
	border: #FFF 2px solid;
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 6px;
}
.mfp-close-btn-in .mfp-close {
	color: #FFF;
	display: inline-block;
	height: 44px;
}
.iso-container {
	display: inline-block;
	width: 100%;
	height: auto;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
  height: 100%;
}
.light-box-left-img img {
	margin: 5px 0px;
}
.shop-side-bar .side-bar-heading {
	background: #FAB702 !important;
	color: #111;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.4;
	padding: 0;
	display: inline-block;
	width: 100%;
}
.shop-side-bar .side-bar-heading .panel-title {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;	
}
.shop-side-bar .side-bar-heading .panel-title a {
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0;
	display: grid;
	align-items: center;
	justify-content: center;
	grid-template-columns: 1fr auto;
	width: 100%;
	padding: 12px 10px;
	font-weight: 600;
	opacity: 1;
	color: #000;
}
.shop-side-bar .side-bar-heading .panel-title a:hover {
	color: #000;	
}
.shop-side-bar .side-bar-heading .panel-title a .accicon {
	width: 16px;
	height: 16px;
}
.shop-side-bar .side-bar-heading .panel-title a .accicon {
	transform: rotate(0deg);
	transition: all 0.3s linear 0s;
}
.shop-side-bar .side-bar-heading .panel-title a.collapsed .accicon {
	transform: rotate(180deg);
	transition: all 0.3s linear 0s;
}
.shop-side-bar .panel .panel-body {
	background: #111;
	border: 1px #4a4a4a solid;
	padding: 15px 20px 5px 20px;
}
.shop-side-bar .panel .panel-body .checkbox label {
	margin-bottom: 10px;
	flex-wrap: nowrap;
}


.ratio::before {
  display:block;
  padding-top:var(--aspect-ratio);
  content:""
}


@media(pointer:fine) {
	#style-stories .items .item .item-content__collapse {
		overflow:hidden;
		max-height:0;
		opacity:0;
		transition: all 0.4s linear 0s
	}
	#style-stories .items .item:hover .item-content__collapse,
	#style-stories .items .item:focus-within .item-content__collapse {
		max-height:250px;
		opacity:1;
		transition: all 0.4s linear 0s
	}
}
#style-stories .items .item:hover .item-background:after,
#style-stories .items .item:focus-within .item-background:after {
	opacity:1;
	transition: all 0.4s linear 0s
}
#style-stories .items .item {
	--aspect-ratio: 160%;
	position: relative;
	cursor: pointer;
}
.ratio img {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	object-fit: cover;
	object-position: center center;
}
#style-stories .items .item-background::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.6) 60%,rgba(0,0,0,0.6) 100%);
	will-change: opacity;
	opacity: .2;
	transition: all 0.4s linear 0s
}
#style-stories .items .item-content {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	color: #fff;
	padding: 20px 30px;
}
#style-stories .items .item .item-content__collapse {
	overflow: hidden;
	will-change: margin-top,max-height,opacity;
	max-height: 0;
	opacity: 0;
	transition: all 0.4s linear 0s;
}
#style-stories .items .item .item-content__collapse .desc {
	line-height: 1.4;
}


/**********/
/*** 04-05-2024 ***/
/**********/
#profile-tab .nav-link {
	margin: 10px 0px;
}
#profile-tab .nav-link:hover {
	background: rgba(255, 255, 255, .2);
}
#profile-tab .nav-link.active {
	margin: 10px 0px;
	background: #FAB702;
}
.radio,
.checkbox{
  display: inline-block;
}
.radio label,
.checkbox label{
  line-height: 1.4;
  margin-right: 35px !important;
}
.dt-length .select2.select2-container {
	width: 77px !important;
	margin-right: 10px;
}
.dt-length .select2-selection.select2-selection--single {	
	margin-right: 0px;
	padding: 7px 30px 7px 10px;
}
.dt-length .select2-container--default .select2-selection--single .select2-selection__arrow {
	right: 5px
}
.dt-length .select2-container--default .select2-selection--single {
	border-color: #999;
}
.dt-length .select2-container .select2-selection--single .select2-selection__rendered {
	color: #999;
}
.dt-length .select2-container--default .select2-selection--single .select2-selection__arrow b {
	top: 8px;
}
.dt-search .form-control.form-control-sm {
	height: auto;
	border-radius: 0;
	background: none;
	padding: 7px 14px;
	color: #999;
	border-color: #999;
}
.dt-paging .page-item.disabled .page-link {
	background: none;
	border-radius: 0;
	border-color: #999;
}

.dt-paging .page-item.active .page-link {
	background: #FAB702;
	border-color: #FAB702;
	color: #000;
}
.dataTable .table thead th:last-child {
	border-right: 1px solid #dee2e6;
}
.dataTable thead th:last-child {
  border-right: 1px solid #dee2e6 !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {
  border-left: 10px solid #EEE !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td {
	white-space: nowrap;
}

table.dataTable .dtr-details {
	width: 100%;
}

table.dataTable > tbody > tr.child ul.dtr-details > li {
	border-bottom: 1px solid #666 !important;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
	border-bottom: none !important;
}
.dt-search {
    display: flex;
  align-items: center;
  justify-content: center;
}
.dt-search .form-control {
    margin-left: 10px;
}

.faq-acordion .card-body {
    border: solid 1px rgba(255, 255, 255, .1);
    padding:10px 20px;
    font-size: 16px;
}	
.faq-acordion .btn.collapsed::after {
    content:"\f107";
    font-family: "Font Awesome 6 Pro";
    color:#FAB702;
    position: absolute;
    right: 25px;
    font-size: 22px;
    top: 9px;
}
.faq-acordion .btn::after {
    content:"\f106";
    font-family: "Font Awesome 6 Pro";
    color:#FAB702;
    position: absolute;
    right: 25px;
    font-size: 22px;
    top: 9px;
}

.login_form_icon .input-group-append .input-group-text {
    background: none;
    color:#EEE;
    border-color: rgba(255, 255, 255, .2);
}