/* @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap'); */
/* cyrillic-ext */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    @font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* vietnamese */
    @font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    @font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    /* cyrillic-ext */
    @font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    @font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* vietnamese */
    @font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    @font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    /* cyrillic-ext */
    @font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    @font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* vietnamese */
    @font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    @font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    /* cyrillic-ext */
    @font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    @font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* vietnamese */
    @font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    @font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    body {
        font-family: Nunito;
    }
    
    .cbp-spmenu {
        position: fixed
    }
    
    .cbp-spmenu h3 {
        color: #afdefa;
        font-size: 1.9em;
        padding: 0 20px;
        margin: 0;
        font-weight: 300;
        background: #0d77b6
    }
    
    .cbp-spmenu a:active {
        background: #f2f3f5;
        color: inherit
    }
    
    .cbp-spmenu-vertical {
        width: 400px;
        height: 100%;
        top: 0;
        z-index: 1000;
        overflow: auto
    }
    
    @media only screen and (max-width: 991px){
        .cbp-spmenu-vertical{
            width: 375px;
        }
    }
    
    .cbp-spmenu-left {
        left: -400px;
        top: 0
    }
    
    .cbp-spmenu-right {
        right: -25%
    }
    
    .cbp-spmenu-top {
        top: -150px
    }
    
    .cbp-spmenu-bottom {
        bottom: -150px
    }
    
    .cbp-spmenu {
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease
    }
    
    @media screen and (max-width:55.1875em) {
        .cbp-spmenu-top {
            top: -110px
        }
    
        .cbp-spmenu-bottom {
            bottom: -110px
        }
    }
    
    @media screen and (max-height:26.375em) {
        .cbp-spmenu-vertical {
            font-size: 90%;
            width: 325px
        }
    
        .cbp-spmenu-left {
            left: -325px
        }
    
        .cbp-spmenu-right {
            right: -325px
        }
    }
    
    body {
        top: 0 !important
    }
    
    p {
        margin: 0 0 5px;
        font-size: 12px;
        font-weight: 500
    }
    
    div.bhoechie-tab-container {
        z-index: 10;
        padding: 0 !important;
        background-clip: padding-box
    }
    
    div.bhoechie-tab-menu {
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 0;
        float: left;
        width: 80px
    }
    
    @media only screen and (max-width: 991px){
        div.bhoechie-tab-menu {
            width: 60px
        }
    } 
    
    div.bhoechie-tab-menu div.list-group {
        margin-bottom: 0
    }
    
    div.bhoechie-tab-menu div.list-group>a:first-child {
        border-top-right-radius: 0;
        -moz-border-top-right-radius: 0
    }
    
    div.bhoechie-tab-menu div.list-group>a:last-child {
        border-bottom-right-radius: 0;
        -moz-border-bottom-right-radius: 0
    }
    
    div.bhoechie-tab-menu div.list-group>a.active {
        background-color: #f38820;
        color: #fff
    }
    
    div.bhoechie-tab-menu div.list-group>a.active:after {
        content: '';
        position: absolute;
        left: 100%;
        top: 50%;
        margin-top: -13px;
        border-left: 0
    }
    
    .close_menu {
        float: right;
        font-size: 24px;
        margin-right: 10px;
        top: 50%;
        opacity: 0;
        left: 24%;
        font-size: 26px;
        position: fixed;
        padding: 24px 19px
    }
    
    div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
        display: none
    }
    
    div.bhoechie-tab-menu div.list-group>a img {
        width: auto
    }
    
    div.bhoechie-tab-menu .list-group-item {
        font-size: 18px
    }
    
    div.bhoechie-tab-menu .list-group-item p {
        line-height: 20px;
        text-align: center;
        font-weight: 600;
        text-transform: uppercase
    }
    
    .list-group-item.active,
    .list-group-item.active:focus,
    .list-group-item.active:hover {
        border-color: gray
    }
    
    a:focus {
        outline: 0 !important
    }
    
    [aria-label]::after {
        text-shadow: none !important
    }
    
    [aria-label]::after {
        background: #fff none repeat scroll 0 0;
        color: #000;
        width: auto;
        padding: 5px 7px
    }
    
    .tiles-list [aria-label]::after {
        display: none !important
    }
    
    .cbp-spmenu a {
        color: #252525;
        text-decoration: none;
        font-weight: 600
    }
    
    .list-group-item {
        border: none !important
    }
    
    .room_image {
        padding: 0 5px;
        padding-bottom: 10px
    }
    
    .room_image h4 {
        padding: 8px 5px 5px 0
    }
    
    @media screen and (max-width:768px) {
        div.bhoechie-tab-menu .list-group-item p {
            line-height: 15px
        }
    }
    
    .css-1klnam {
        text-align: center;
        position: relative;
        top: 0;
        padding-bottom: 2px;
        color: #5340ff
    }
    
    .css-1klnam .d_white {
        display: none
    }
    
    div.bhoechie-tab-menu div.list-group>a.active .css-1klnam .d_white {
        display: block;
        margin: auto
    }
    
    .css-8yj8d5 {
        text-align: center;
        padding: 10px 5px;
        color: #41414c;
        width: 100%;
        outline: 0;
        border: 0;
        cursor: pointer;
        font-size: 14px;
        font-weight: 300;
        margin: 0 0 10px;
        display: inline-block;
        text-decoration: none;
        position: relative;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        transition: all .1s ease 0s
    }
    
    .css-8yj8d5:hover {
        background: #f2f3f5
    }
    
    .css-7ifuyt {
        font-size: 14px;
        color: #090b17;
        width: 100%;
        font-weight: 600;
        margin: 0;
        text-align: center
    }
    
    .css-7ifuyt i {
        color: #f38820;
        font-weight: 600;
        font-size: 16px;
        padding-right: 5px
    }
    
    .css-ht7vqw:first-child {
        border-radius: 6px 0 0 6px !important;
        text-transform: uppercase
    }
    
    .css-ht7vqw {
        width: 100%;
        -webkit-box-align: center;
        align-items: center
    }
    
    .css-x4dmss {
        -webkit-box-pack: justify;
        justify-content: space-between
    }
    
    .css-1rngver {
        width: 100%;
        overflow: visible
    }
    
    .css-cgq59l {
        flex-direction: column
    }
    
    .css-k008qs {
        display: flex;
        background-color: #f2f3f5;
        border-radius: 5px;
        margin: 15px 0 15px;
        padding-top: 15px;
        padding-bottom: 10px
    }
    
    .select2 {
        display: block;
        width: 100% !important
    }
    
    .select2-container .select2-dropdown {
        border: none;
        box-shadow: 0 0 0 1px rgb(68 92 116 / 2%), 0 2px 8px rgb(57 76 96 / 15%);
        overflow: hidden;
        border-radius: 10px;
        margin-top: 8px
    }
    
    input[type=radio] {
        display: none
    }
    
    #grid span {
        width: var(--grid-size);
        height: var(--grid-size);
        border-radius: 3px;
        cursor: pointer;
        transition: .3s ease all;
        height: 27px;
        width: 27px;
        margin: 7px
    }
    
    #grid span label {
        cursor: pointer
    }
    
    #grid span:hover {
        box-shadow: 0 0 0 2px #19d7e5
    }
    
    .input-group .btn:focus {
        outline: 0;
        box-shadow: none
    }
    
    .input-group>.form-control:focus {
        outline: 0;
        box-shadow: none
    }
    
    .form-control:focus {
        border-color: #d9d9d9;
        box-shadow: none;
        border-bottom: 1px solid #eee;
        border-radius: 0
    }
    
    .search_text_box {
        line-height: 1.3;
        font-size: 14px
    }
    
    .search_text_box {
        border-top: none;
        border-left: none;
        border-right: none;
        border-radius: inherit
    }
    
    .container .title {
        font-size: 16px;
        font-weight: 500;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        color: #252f42;
        margin-bottom: 20px
    }
    
    .checkbox-custom,
    .radio-custom {
        opacity: 0;
        position: absolute
    }
    
    .checkbox-custom,
    .checkbox-custom-label,
    .radio-custom,
    .radio-custom-label {
        display: inline-block;
        vertical-align: middle;
        margin: 5px;
        cursor: pointer
    }
    
    .checkbox-custom-label,
    .radio-custom-label {
        position: relative
    }
    
    .checkbox-custom+.checkbox-custom-label:before,
    .radio-custom+.radio-custom-label:before {
        content: '';
        background: #fff;
        border: 2px solid #ddd;
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 20px;
        padding: 1px;
        margin-right: 10px;
        text-align: center
    }
    
    .checkbox-custom:checked+.checkbox-custom-label:before {
        content: "\f00c";
        font-family: FontAwesome;
        background: #663399;
        color: #fff
    }
    
    .radio-custom+.radio-custom-label:before {
        border-radius: 50%
    }
    
    .radio-custom:checked+.radio-custom-label:before {
        content: "\f00c";
        font-family: FontAwesome;
        color: #000;
        font-size: 10px
    }
    
    .checkbox-custom:focus+.checkbox-custom-label,
    .radio-custom:focus+.radio-custom-label {
        outline: 1px solid #ddd
    }
    
    .wall-and-design-tabs {
        margin-bottom: 15px
    }
    
    .wall-and-design-tabs .nav-tabs {
        display: inline-flex;
        width: 100%
    }
    
    .wall-and-design-tabs .nav-tabs .nav-link.active {
        border-bottom: 2px solid #f38820;
        color: #000;
        background-color: #f2f3f5;
        border-radius: 0;
        border-top: transparent;
        border-left: transparent;
        border-right: transparent
    }
    
    .wall-and-design-tabs .nav-tabs .nav-link {
        color: #000;
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        border: none;
        border-bottom: 2px solid transparent;
        padding: 10px 0px 5px;
        width: 50%
    }
    
    .wall-and-design-tabs .nav-tabs .nav-link svg {
        margin-right: 0px
    }
    
    .btn-toggle.btn-sm {
        margin: 0 .5rem;
        padding: 0;
        position: relative;
        border: none;
        height: 1.5rem;
        width: 3rem;
        border-radius: 1.5rem
    }
    
    .btn-toggle.btn-sm:after,
    .btn-toggle.btn-sm:before {
        line-height: 1.5rem;
        width: .5rem;
        text-align: center;
        font-weight: 600;
        font-size: .55rem;
        text-transform: uppercase;
        letter-spacing: 2px;
        position: absolute;
        bottom: 0;
        transition: opacity .25s
    }
    
    .btn-toggle.btn-sm:before {
        content: 'Off';
        left: -.5rem
    }
    
    .btn-toggle.btn-sm:after {
        content: 'On';
        right: -.5rem;
        opacity: .5
    }
    
    .btn-toggle.btn-sm.active:before {
        opacity: .5
    }
    
    .btn-toggle.btn-sm.active:after {
        opacity: 1
    }
    
    .btn-toggle.btn-sm.btn-sm:after,
    .btn-toggle.btn-sm.btn-sm:before {
        line-height: -.5rem;
        color: #fff;
        letter-spacing: .75px;
        left: .4125rem;
        width: 2.325rem
    }
    
    .btn-toggle.btn-sm.btn-sm:before {
        text-align: right
    }
    
    .btn-toggle.btn-sm.btn-sm:after {
        text-align: left;
        opacity: 0
    }
    
    .btn-toggle.btn-sm.btn-sm.active:before {
        opacity: 0
    }
    
    .btn-toggle.btn-sm.btn-sm.active:after {
        opacity: 1
    }
    
    .btn-toggle.btn-secondary {
        color: #6b7381;
        background: #bdc1c8
    }
    
    .btn-toggle.btn-secondary:after,
    .btn-toggle.btn-secondary:before {
        color: #6b7381
    }
    
    .btn-toggle.btn-secondary.active {
        background-color: #ff8300
    }
    
    .btn-toggle.btn-secondary.active:focus {
        box-shadow: none
    }
    
    nav.bootsnav .container {
        position: relative
    }
    
    nav.navbar.bootsnav {
        margin-bottom: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        background-color: gray;
        border: none;
        z-index: 9
    }
    
    nav.navbar.bootsnav ul.nav>li>a:hover {
        color: #fff
    }
    
    nav.navbar.bootsnav ul.nav>li>a {
        color: #fff;
        background-color: transparent;
        outline: 0
    }
    
    nav.navbar.bootsnav ul.nav li.active>a,
    nav.navbar.bootsnav ul.nav li.active>a:focus,
    nav.navbar.bootsnav ul.nav li.active>a:hover {
        background-color: transparent
    }
    
    nav.navbar.bootsnav .navbar-toggle {
        background-color: #fff;
        border: none;
        padding: 0;
        font-size: 18px;
        position: relative;
        top: 5px
    }
    
    nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu {
        top: 0;
        left: 100%
    }
    
    nav.navbar.bootsnav ul.nav ul.dropdown-menu>li>a {
        white-space: normal
    }
    
    ul.menu-col {
        padding: 0;
        margin: 0;
        list-style: none
    }
    
    ul.menu-col li a {
        color: #6f6f6f
    }
    
    ul.menu-col li a:focus,
    ul.menu-col li a:hover {
        text-decoration: none
    }
    
    nav.bootsnav.navbar-full {
        padding-bottom: 10px;
        padding-top: 10px
    }
    
    nav.bootsnav.navbar-full .navbar-header {
        display: block;
        width: 100%
    }
    
    nav.bootsnav.navbar-full .navbar-toggle {
        display: inline-block;
        margin-right: 0;
        position: relative;
        top: 0;
        font-size: 30px;
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out
    }
    
    nav.bootsnav.navbar-full .navbar-collapse {
        position: fixed;
        width: 100%;
        height: 100% !important;
        top: 0;
        left: 0;
        padding: 0;
        display: none !important;
        z-index: 9
    }
    
    nav.bootsnav.navbar-full .navbar-collapse .nav-full {
        overflow: auto
    }
    
    nav.bootsnav.navbar-full .navbar-collapse .wrap-full-menu {
        display: table-cell;
        vertical-align: middle;
        background-color: #fff;
        overflow: auto
    }
    
    nav.bootsnav.navbar-full .navbar-collapse .nav-full::-webkit-scrollbar {
        width: 0
    }
    
    nav.bootsnav.navbar-full .navbar-collapse .nav-full::-moz-scrollbar {
        width: 0
    }
    
    nav.bootsnav.navbar-full .navbar-collapse .nav-full::-ms-scrollbar {
        width: 0
    }
    
    nav.bootsnav.navbar-full .navbar-collapse .nav-full::-o-scrollbar {
        width: 0
    }
    
    nav.bootsnav.navbar-full .navbar-collapse ul.nav {
        display: block;
        width: 100%;
        overflow: auto
    }
    
    nav.bootsnav.navbar-full .navbar-collapse ul.nav a,
    nav.bootsnav.navbar-full .navbar-collapse ul.nav a:focus,
    nav.bootsnav.navbar-full .navbar-collapse ul.nav a:hover {
        background-color: transparent
    }
    
    nav.bootsnav.navbar-full .navbar-collapse ul.nav>li {
        float: none;
        display: block;
        text-align: center
    }
    
    nav.bootsnav.navbar-full .navbar-collapse ul.nav>li>a {
        display: table;
        margin: auto;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 2px;
        font-size: 24px;
        padding: 10px 15px
    }
    
    li.close-full-menu>a {
        padding-top: 0;
        padding-bottom: 0
    }
    
    li.close-full-menu {
        padding-top: 30px;
        padding-bottom: 30px
    }
    
    ul.cart-list {
        padding: 0 !important;
        width: 250px !important
    }
    
    ul.cart-list>li {
        position: relative;
        border-bottom: solid 1px #efefef;
        padding: 15px 15px 23px 15px !important
    }
    
    ul.cart-list>li img {
        width: 50px;
        height: 50px;
        border: solid 1px #efefef
    }
    
    ul.cart-list>li>h6 {
        margin: 0
    }
    
    ul.cart-list>li>p {
        margin-bottom: 0
    }
    
    .top-search {
        background-color: #333;
        padding: 10px 0;
        display: none
    }
    
    .top-search input.form-control {
        background-color: transparent;
        border: none;
        -moz-box-shadow: 0 0 0;
        -webkit-box-shadow: 0 0 0;
        -o-box-shadow: 0 0 0;
        box-shadow: 0 0 0;
        color: #fff;
        height: 40px;
        padding: 0 15px
    }
    
    body {
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    
    .side {
        position: fixed;
        overflow-y: auto;
        top: 0;
        right: -280px;
        width: 280px;
        padding: 25px 30px;
        height: 100%;
        display: block;
        background-color: #333;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        z-index: 9
    }
    
    .side .close-side {
        float: right;
        color: #fff;
        position: relative;
        z-index: 2;
        font-size: 16px
    }
    
    nav.navbar.bootsnav.navbar-fixed {
        position: fixed;
        display: block;
        width: 100%
    }
    
    @media (min-width:1024px) {
        nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu {
            margin-top: -2px
        }
    
        nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu .dropdown-menu {
            left: -200px
        }
    
        nav.navbar.bootsnav ul.nav>li>a {
            padding: 30px 15px;
            font-weight: 500
        }
    
        nav.navbar.bootsnav ul.nav>li.dropdown>a.dropdown-toggle:after {
            font-family: FontAwesome;
            content: "\f0d7";
            margin-left: 5px;
            margin-top: 2px
        }
    
        nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
            -moz-box-shadow: 0 0 0;
            -webkit-box-shadow: 0 0 0;
            -o-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            -o-border-radius: 0;
            border-radius: 0;
            padding: 0;
            width: 200px;
            background: #fff;
            border: solid 1px #e0e0e0;
            border-top: solid 5px
        }
    
        nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li a:hover {
            background-color: transparent
        }
    
        nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a {
            padding: 10px 15px;
            border-bottom: solid 1px #eee;
            color: #6f6f6f
        }
    
        nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li:last-child>a {
            border-bottom: none
        }
    
        nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {
            text-align: right
        }
    
        nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown>a.dropdown-toggle:before {
            font-family: FontAwesome;
            float: right;
            content: "\f105";
            margin-top: 0
        }
    
        nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li.dropdown>a.dropdown-toggle:before {
            font-family: FontAwesome;
            float: left;
            content: "\f104";
            margin-top: 0
        }
    
        nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu {
            top: -3px
        }
    
        nav.navbar.bootsnav.navbar-fixed .logo-display {
            display: none
        }
    
        nav.navbar.bootsnav.menu-center .container {
            position: relative
        }
    
        nav.navbar.bootsnav.menu-center ul.nav.navbar-center {
            float: none;
            margin: 0 auto;
            display: table;
            table-layout: fixed
        }
    
        nav.navbar.bootsnav.menu-center .navbar-header {
            position: absolute
        }
    
        nav.bootsnav.navbar-brand-top .navbar-header {
            display: block;
            width: 100%;
            text-align: center
        }
    
        nav.bootsnav.navbar-brand-top ul.nav>li.dropdown>ul.dropdown-menu {
            margin-top: 2px
        }
    
        nav.bootsnav.navbar-brand-top .navbar-header .navbar-brand {
            display: inline-block;
            float: none;
            margin: 0
        }
    
        nav.bootsnav.navbar-brand-top .navbar-collapse {
            text-align: center
        }
    
        nav.bootsnav.navbar-brand-top ul.nav {
            display: inline-block;
            float: none;
            margin: 0 0 -5px 0
        }
    
        nav.bootsnav.brand-center .navbar-header {
            display: block;
            width: 100%;
            position: absolute;
            text-align: center;
            top: 0;
            left: 0
        }
    
        nav.bootsnav.brand-center .navbar-brand {
            display: inline-block;
            float: none
        }
    
        nav.bootsnav.brand-center .navbar-collapse {
            text-align: center;
            display: inline-block;
            padding-left: 0;
            padding-right: 0
        }
    
        nav.bootsnav.brand-center ul.nav>li.dropdown>ul.dropdown-menu {
            margin-top: 2px
        }
    
        nav.bootsnav.brand-center ul.nav {
            float: none !important;
            margin-bottom: -5px !important;
            display: inline-block !important
        }
    
        nav.bootsnav.brand-center ul.nav.navbar-right {
            margin: 0
        }
    
        nav.bootsnav.navbar-sidebar {
            position: fixed;
            width: 260px;
            overflow: hidden;
            left: 0;
            padding: 0 !important;
            background: #fff;
            border-right: solid 1px #dfdfdf
        }
    
        nav.bootsnav.navbar-sidebar .container,
        nav.bootsnav.navbar-sidebar .container-fluid {
            padding: 0 !important
        }
    
        nav.bootsnav.navbar-sidebar .navbar-header {
            float: none;
            display: block;
            width: 260px;
            padding: 10px 15px;
            margin: 10px 0 0 0 !important
        }
    
        nav.bootsnav.navbar-sidebar .navbar-collapse {
            padding: 0 !important;
            width: 260px
        }
    
        nav.bootsnav.navbar-sidebar ul.nav {
            float: none;
            display: block;
            width: 100%;
            padding: 0 15px !important;
            margin: 0 0 30px 0
        }
    
        nav.bootsnav.navbar-sidebar ul.nav li {
            float: none !important
        }
    
        nav.bootsnav.navbar-sidebar ul.nav>li>a {
            padding: 10px 15px;
            font-weight: 700
        }
    
        nav.bootsnav.navbar-sidebar ul.nav>li.dropdown>a:after {
            float: right
        }
    
        nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu {
            left: 100%;
            top: 0;
            position: relative !important;
            left: 0 !important;
            width: 100% !important;
            height: auto !important;
            background-color: transparent;
            border: none !important;
            padding: 0;
            -moz-box-shadow: 0 0 0;
            -webkit-box-shadow: 0 0 0;
            -o-box-shadow: 0 0 0;
            box-shadow: 0 0 0
        }
    
        nav.bootsnav.navbar-sidebar ul.nav>li.dropdown>ul.dropdown-menu {
            margin-bottom: 15px
        }
    
        nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu {
            padding-left: 0;
            float: none;
            margin-bottom: 0
        }
    
        nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a {
            padding: 5px 15px;
            color: #6f6f6f;
            border: none
        }
    
        nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu {
            padding-left: 15px;
            margin-top: 0
        }
    
        nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown>a:before {
            font-family: FontAwesome;
            content: "\f105";
            float: right
        }
    
        /*.logo {*/
        /*    height: 60px !important*/
        /*}*/
    }
    
    @media (max-width:992px) {
        nav.navbar.bootsnav .navbar-brand {
            display: inline-block;
            margin: 0 !important;
            height: 60px
        }
    
        nav.navbar.bootsnav .navbar-header {
            float: left;
            text-align: center;
            width: auto
        }
    
        nav.navbar.bootsnav .navbar-toggle {
            display: inline-block;
            float: left;
            margin-right: -200px;
            margin-top: 10px
        }
    
        nav.navbar.bootsnav .navbar-collapse {
            border: none;
            margin-bottom: 0
        }
    
        nav.navbar.bootsnav .navbar-nav {
            margin: 0 -15px
        }
    
        nav.navbar.bootsnav .navbar-nav>li {
            float: none
        }
    
        nav.navbar.bootsnav ul.nav>li.dropdown>a.dropdown-toggle::after {
            content: "\f0d7";
            font-family: FontAwesome;
            margin-left: 5px;
            margin-top: 2px
        }
    
        nav.navbar.bootsnav .navbar-nav>li>a {
            display: block;
            width: 100%;
            border-bottom: solid 1px #e0e0e0;
            padding: 10px 0;
            border-top: solid 1px #e0e0e0;
            margin-bottom: -1px
        }
    
        nav.navbar.bootsnav .navbar-nav>li:first-child>a {
            border-top: none
        }
    
        nav.navbar.bootsnav ul.navbar-nav.navbar-left>li:last-child>ul.dropdown-menu {
            border-bottom: solid 1px #e0e0e0
        }
    
        nav.navbar.bootsnav ul.nav li.dropdown li a.dropdown-toggle {
            float: none !important;
            position: relative;
            display: block;
            width: 100%
        }
    
        nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {
            width: 100%;
            position: relative !important;
            background-color: transparent;
            float: none;
            border: none;
            padding: 0 0 0 15px !important;
            margin: 0 0 -1px 0 !important;
            -moz-box-shadow: 0 0 0;
            -webkit-box-shadow: 0 0 0;
            -o-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
            -moz-border-radius: 0 0 0;
            -webkit-border-radius: 0 0 0;
            -o-border-radius: 0 0 0;
            border-radius: 0 0 0
        }
    
        nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu>li>a {
            display: block;
            width: 100%;
            border-bottom: solid 1px #e0e0e0;
            padding: 10px 0;
            color: #6f6f6f
        }
    
        nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:focus,
        nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover {
            background-color: transparent
        }
    
        nav.navbar.bootsnav ul.nav ul.dropdown-menu ul.dropdown-menu {
            float: none !important;
            left: 0;
            padding: 0 0 0 15px;
            position: relative;
            background: 0 0;
            width: 100%
        }
    
        nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown>a.dropdown-toggle:after {
            display: none
        }
    
        nav.bootsnav.brand-center .navbar-collapse {
            display: block
        }
    
        nav.bootsnav.brand-center ul.nav {
            margin-bottom: 0 !important
        }
    
        .top-search .container {
            padding: 0 45px
        }
    
        nav.bootsnav.navbar-full ul.nav {
            margin-left: 0
        }
    
        nav.bootsnav.navbar-full ul.nav>li>a {
            border: none
        }
    
        nav.bootsnav.navbar-full .navbar-brand {
            float: left !important;
            padding-left: 0
        }
    
        nav.bootsnav.navbar-full .navbar-toggle {
            display: inline-block;
            float: right;
            margin-right: 0;
            margin-top: 10px
        }
    
        nav.bootsnav.navbar-full .navbar-header {
            padding-left: 15px;
            padding-right: 15px
        }
    
        nav.navbar.bootsnav.navbar-fixed .logo-display {
            display: none !important
        }
    }
    
    @media (max-width:767px) {
        nav.navbar.bootsnav .navbar-header {
            padding-left: 15px;
            padding-right: 15px
        }
    
        nav.navbar.bootsnav .navbar-nav {
            padding-left: 15px;
            padding-right: 15px
        }
    
        .top-search .container {
            padding: 0 15px
        }
    
        nav.bootsnav.navbar-full .navbar-collapse {
            left: 15px
        }
    
        nav.bootsnav.navbar-full .navbar-header {
            padding-right: 0
        }
    
        nav.bootsnav.navbar-full .navbar-toggle {
            margin-right: -15px
        }
    
        nav.bootsnav.navbar-full ul.nav>li>a {
            font-size: 18px !important;
            line-height: 24px !important;
            padding: 5px 10px !important
        }
    
        li.close-full-menu {
            padding-top: 15px !important;
            padding-bottom: 15px !important
        }
    }
    
    @media (min-width:480px) and (max-width:640px) {
        nav.bootsnav.navbar-full ul.nav {
            padding-top: 30px;
            padding-bottom: 30px
        }
    }
    
    .collapse {
        display: block;
        visibility: visible
    }
    
    nav.navbar.bootsnav ul.nav>li>a {
        padding: 3px 10px !important;
        text-align: center
    }
    
    .navbar-collapse.collapse {
        display: block !important
    }
    
    .navbar-nav,
    .navbar-nav>li {
        float: left !important
    }
    
    .navbar-nav.navbar-right:last-child {
        margin-right: -15px !important
    }
    
    .navbar-right {
        float: right !important
    }
    
    .save-design {
        cursor: pointer
    }
    
    #page {
        top: 0
    }
    
    .mb-0 {
        margin-bottom: 0
    }
    
    #tiles-list-1 {
        margin-bottom: 15rem
    }
    
    #tiles-list-2 {
        margin-bottom: 15rem
    }
    
    #tiles-list-3 {
        margin-bottom: 15rem
    }
    
    .container {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    
    .container input {
        opacity: 0;
        cursor: pointer
    }
    
    .container input:checked~.checkmark {
        background-color: #2196f3
    }
    
    .container input:checked~.checkmark:after {
        display: block
    }
    
    .search_text_box {
        display: none
    }
    
    .search_text_box::placeholder {
        opacity: .5
    }
    
    @font-face {
        font-family: UbuntuB;
        src: url(../fonts/UbuntuB.eot);
        src: url(../fonts/UbuntuB.eot) format('embedded-opentype'), url(../fonts/UbuntuB.woff2) format('woff2'), url(../fonts/UbuntuB.woff) format('woff'), url(../fonts/UbuntuB.ttf) format('truetype'), url(../fonts/UbuntuB.svg#UbuntuB) format('svg')
    }
    
    @font-face {
        font-family: UbuntuL;
        src: url(../fonts/UbuntuL.eot);
        src: url(../fonts/UbuntuL.eot) format('embedded-opentype'), url(../fonts/UbuntuL.woff2) format('woff2'), url(../fonts/UbuntuL.woff) format('woff'), url(../fonts/UbuntuL.ttf) format('truetype'), url(../fonts/UbuntuL.svg#UbuntuL) format('svg')
    }
    
    @font-face {
        font-family: UbuntuM;
        src: url(../fonts/UbuntuM.eot);
        src: url(../fonts/UbuntuM.eot) format('embedded-opentype'), url(../fonts/UbuntuM.woff2) format('woff2'), url(../fonts/UbuntuM.woff) format('woff'), url(../fonts/UbuntuM.ttf) format('truetype'), url(../fonts/UbuntuM.svg#UbuntuM) format('svg')
    }
    
    @font-face {
        font-family: UbuntuR;
        src: url(../fonts/UbuntuR.eot);
        src: url(../fonts/UbuntuR.eot) format('embedded-opentype'), url(../fonts/UbuntuR.woff2) format('woff2'), url(../fonts/UbuntuR.woff) format('woff'), url(../fonts/UbuntuR.ttf) format('truetype'), url(../fonts/UbuntuR.svg#UbuntuR) format('svg')
    }
    
    .row {
        margin-right: 0;
        margin-left: 0
    }
    
    .fa-menuicon {
        font-size: 22px;
        padding: 6px 0
    }
    
    body,
    html {
        height: 100%
    }
    
    body {
        width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        background-color: #f8f8f8;
        font-family: Nunito
    }
    
    .header_wrap {
        background: 0 0;
        min-height: 86px
    }
    
    .menu_toggle {
        margin: 20px 0 0 15px;
        float: left
    }
    
    .logo {
        height: 65px;
        background-color: #fff
    }
    
    .navbar-brand {
        padding: 0 !important
    }
    
    .header_nav {
        float: right;
        margin: 30px 20px 0 0
    }
    
    .header_nav a {
        font-size: 18px;
        margin: 0 10px;
        border: 1px solid #ccc;
        border-radius: 3px;
        padding: 5px 10px;
        background-color: #fff
    }
    
    .page_title {
        text-align: center
    }
    
    .page_title h1 {
        font-family: UbuntuM;
        font-size: 44px
    }
    
    .page_title span {
        font-family: UbuntuR;
        font-size: 26px
    }
    
    .custom_nav_tabs li a {
        background: #f0f0f0;
        font-size: 18px;
        border-radius: 0
    }
    
    .custom_nav_tabs li a img {
        margin-right: 10px
    }
    
    .item {
        width: 10%;
        margin: 20px 1%;
        position: relative
    }
    
    .item.w2 {
        width: 14%;
        float: left;
        padding-bottom: 105px
    }
    
    .item img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%
    }
    
    .custom_sidebar_tabs_wrap li {
        width: 25%;
        text-align: center;
        float: left;
        background-color: #f9f9f9;
        border-radius: 0
    }
    
    .custom_sidebar_tabs_wrap li a {
        text-align: center;
        float: left;
        width: 100%;
        border-radius: 0
    }
    
    .custom_sidebar_tab_content {
        padding: 0;
        overflow: auto
    }
    
    .custom_default_btn {
        background-color: transparent;
        border-radius: 6px;
        border: 2px solid gray;
        text-transform: uppercase;
        font-size: 18px;
        font-family: UbuntuM;
        padding-top: 3px;
        padding-bottom: 3px;
        -webkit-transition: all .6s ease;
        -moz-transition: all .6s ease;
        -ms-transition: all .6s ease;
        -o-transition: all .6s ease;
        transition: all .6s ease
    }
    
    .custom_default_btn:focus,
    .custom_default_btn:hover {
        background-color: gray;
        border: 2px solid gray;
        -webkit-transition: all .6s ease;
        -moz-transition: all .6s ease;
        -ms-transition: all .6s ease;
        -o-transition: all .6s ease;
        transition: all .6s ease
    }
    
    .filter_thumbs {
        float: left
    }
    
    .select2-search--dropdown {
        display: none
    }
    
    .tiles-list {
        padding: 0;
        list-style: none;
        margin-top: 10px
    }
    
    .tile-wrap {
        display: inline-block;
        width: 49%;
        margin: 6px 0;
        padding: 0 3px;
        position: relative
    }
    
    .grout_color_box {
        float: left
    }
    
    .grout_color_box span {
        float: left;
        margin: 0
    }
    
    .color_box_1 {
        background-color: #000
    }
    
    .color_box_2 {
        background-color: #d8d8d8
    }
    
    .color_box_3 {
        background-color: #a78f75
    }
    
    .color_box_4 {
        background-color: #932a0d
    }
    
    .color_box_5 {
        background-color: #27810f
    }
    
    .filter_form label {
        text-align: left !important;
        font-family: UbuntuR !important;
        font-size: 16px !important;
        font-weight: 400
    }
    
    .product_header {
        font-size: 16px
    }
    
    .selected_product_name {
        font-weight: 700;
        padding-bottom: 5px;
        text-transform: uppercase
    }
    
    .right_toggle_btn {
        position: absolute;
        right: 0;
        padding-left: 5%;
        width: 10%;
        margin-top: 84px;
        overflow: hidden
    }
    
    #page {
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    
    @keyframes scaleIn {
        from {
            transform: translateY(-50%) scale(0)
        }
    
        to {
            transform: translateY(-50%) scale(1)
        }
    }
    
    @keyframes slideIn {
        from {
            opacity: 0;
            transform: translateX(-25px)
        }
    
        to {
            opacity: 1;
            transform: translateX(0)
        }
    }
    
    .navbar-header2 {
        width: 80% !important
    }
    
    .bhoechie-tab {
        float: left;
        position: relative;
        height: calc(100vh - 90px);
        padding-top: 0;
        border-left: 1px solid #eee;
        width: 320px
    }
    
    body {
        top: 0 !important
    }
    
    .container2 {
        width: 100%
    }
    
    nav.navbar.bootsnav ul.nav>li>a {
        border: none !important
    }
    
    #home {
        max-height: 250px
    }
    
    #page {
        position: fixed;
        height: 0;
        z-index: 99
    }
    
    .room_image>a {
        padding: 5px;
        border-bottom: 0;
        color: #fff;
        margin: 5px 0;
        text-decoration: none
    }
    
    .room_image img {
        padding: 3px;
        border-radius: 0;
        box-shadow: 0 10px 20px -12px #767676
    }
    
    .bhoechie-tab-content {
        position: relative;
        height: inherit;
        height: 100%
    }
    
    .room_image:hover h4 {
        opacity: 1
    }
    
    .filter_thumbs2 {
        height: 100%;
        overflow: hidden
    }
    
    .grout-type-label:hover,
    .tile-type-label:hover,
    input:checked+.grout-type-label,
    input:checked+.layout-type-label,
    input:checked+.tile-type-label {
        border-color: #cdcdcd !important;
        border-radius: 5px
    }
    
    .menutext {
        line-height: 3px !important;
        margin-bottom: 0;
        font-weight: 400;
        font-size: 12px
    }
    
    .mb10 {
        margin-bottom: 10px !important
    }
    
    .w90 {
        width: 90% !important
    }
    
    [id^=grout_output] {
        color: #505050;
        font-size: 14px;
        font-weight: 600
    }
    
    .navbar-brand {
        padding: 0
    }
    
    .navbar-nav>li>a {
        padding-top: 5px
    }
    
    .navbar-nav>li>.dropdown-menu {
        z-index: 9999
    }
    
    .px-40 {
        padding: 0 40px
    }
    
    .move_icon {
        position: absolute;
        width: 55px;
        height: 55px;
        margin-left: 40px;
        margin-top: 0;
        cursor: move;
        opacity: .33
    }
    
    .move_icon img {
        width: 100%;
        height: 100%
    }
    
    .move_icon:hover {
        opacity: 1
    }
    
    .move_icon:active {
        opacity: .55;
        cursor: move
    }
    
    .footer_btn:hover>.checkout.btn {
        display: none
    }
    
    .footer_btn:hover>.show_btn {
        display: inline-block
    }
    
    .px-0 {
        padding: 0 !important
    }
    
    .cart-log-body {
        min-height: 180px;
        max-height: 280px;
        overflow-y: auto;
        overflow-x: hidden
    }
    
    .cart-log-item {
        padding: 5px
    }
    
    .cart-log-item ul li {
        display: inline-block
    }
    
    .cart-log-item ul li a {
        font-size: 20px
    }
    
    @media only screen and (max-width:1500px) {
    
        .h4,
        h4 {
            font-size: 14px
        }
    
        .close_menu {
            font-size: 22px;
            padding: 16px 11px
        }
    }
    
    @media only screen and (max-width:1200px) {
        .item {
            width: 12%;
            margin: 5px 2%;
            position: relative
        }
    
        .item.w2 {
            width: 21%;
            height: 100px
        }
    
        .grout_color_box {
            margin-bottom: 100px
        }
    }
    
    @media only screen and (min-width:1280px) {
        .room_image h4 {
            font-size: 12px
        }
    }
    
    @media only screen and (max-width:1280px) {
        .grout-type-label div {
            height: 30px !important;
            width: 30px !important
        }
    
        .room_image h4 {
            font-size: 10px
        }
    }
    
    @media only screen and (max-width:1024px) {
        .item {
            width: 15%;
            margin: 5px 2%;
            position: relative
        }
    
        .item.w2 {
            width: 29%;
            height: 110px
        }
    
        .page_title h1 {
            font-size: 40px
        }
    
        .page_title span {
            font-size: 22px
        }
    
        .navbar {
            min-height: auto !important
        }
    }
    
    @media only screen and (max-width:991px) {
        .pt_img ul li {
            height: 120px
        }
    
        .tile-list-text {
            padding: 0 3px !important
        }
    
        .search_text_box {
            font-size: 12px
        }
    
        .close_menu {
            left: 24%;
            padding: 14px 8px
        }
    
        .grout-type-label div {
            height: 30px !important;
            width: 30px !important
        }
    
        .room_image h4 {
            font-size: 12px
        }
    
        .fa-menuicon {
            font-size: 14px;
            padding: 0 0
        }
    
        div.bhoechie-tab-menu .list-group-item {
            font-size: 8px !important
        }
    
        .navbar-nav>li>a {
            padding-top: 0
        }
    
        .nav>li>a {
            padding: 3px 8px
        }
    
        .navbar-text {
            float: none;
            margin: 15px 0
        }
    
        .h4,
        h4 {
            font-size: 14px
        }
    }
    
    @media only screen and (max-width:767px) {
        .navbar-nav>li {
            float: left
        }
    
        .navbar-right {
            float: right !important;
            margin: 0
        }
    
        .close_menu {
            left: 24%;
            padding: 10px 6px;
            font-size: 18px
        }
    
        .search_text_box {
            display: none
        }
    
        .grout-type-label div {
            height: 30px !important;
            width: 30px !important
        }
    
        .room_image h4 {
            font-size: 8px
        }
    
        p {
            margin: 0 !important;
            font-size: 10px
        }
    
        .load-more-btn {
            margin-right: 5px !important
        }
    
        .tile-list-text {
            display: none
        }
    
        .load-more-btn-2 {
            position: fixed;
            bottom: 0;
            margin: 4px 5px !important
        }
    
        .navbar-nav>li>a {
            line-height: 15px
        }
    
        nav.navbar.bootsnav ul.nav>li>a {
            padding: 3px 5px !important;
            text-align: center;
            border: none !important
        }
    
        .navbar-header2 {
            width: 90% !important;
            padding-right: 0 !important
        }
    
        .fa-menuicon {
            font-size: 15px !important;
            padding: 0 0 !important
        }
    
        .navbar {
            line-height: 35px;
            max-height: 50px !important;
            min-height: 35px !important
        }
    
        .navbar-header {
            margin: auto;
            padding: auto;
            float: left
        }
    
        .menutext {
            font-size: 10px !important
        }
    
        .navbar-toggle {
            margin-top: 4px !important;
            margin-bottom: 4px !important
        }
    
        .navbar-brand {
            height: 40px
        }
    
        .h4,
        h4 {
            font-size: 12px
        }
    }
    
    @media only screen and (max-width:768px) {
        .item {
            width: 20%;
            margin: 5px 1.7%;
            position: relative
        }
    
        .item.w2 {
            width: 29%;
            height: 90px
        }
    
        .header_nav {
            width: 100%;
            text-align: center;
            margin: 10px 0 0 0;
            background-color: #f9f9f9;
            border-top: 1px solid #ccc;
            padding: 2px 0
        }
    
        .header_nav_xs {
            width: 90%;
            margin-top: 84px;
            display: none
        }
    
        .page_title h1 {
            font-size: 38px
        }
    
        .page_title span {
            font-size: 20px
        }
    }
    
    @media only screen and (max-width:634px) {
        .item {
            width: 36%;
            margin: 5px 5%;
            position: relative
        }
    
        .item.w2 {
            width: 36%;
            height: 90px
        }
    
        .page_title h1 {
            font-size: 36px
        }
    
        .page_title span {
            font-size: 18px
        }
    
        .right_toggle_btn {
            padding-left: 4%
        }
    
        .custom_tab_content img {
            width: 77%
        }
    }
    
    @media only screen and (max-width:540px) {
        .item {
            width: 50%;
            margin: 5px 20%;
            position: relative
        }
    
        .item.w2 {
            width: 50%
        }
    
        .page_title h1 {
            font-size: 30px
        }
    
        .right_toggle_btn {
            padding-left: 3%
        }
    
        .custom_tab_content img {
            float: none;
            clear: both;
            max-width: 80%;
            margin: auto
        }
    
        .custom_tab_content .item {
            margin: 5px 25%
        }
    }
    
    @media only screen and (max-width:479px) {
        .right_toggle_btn {
            padding-left: 2%
        }
    }
    
    @media only screen and (max-width:445px) {
        .header_nav_xs {
            margin-top: -14px
        }
    
        .header_nav_xs a {
            margin: 0
        }
    
        .right_toggle_btn {
            margin-top: -13px;
            padding-left: 1%
        }
    }
    
    @media only screen and (max-width:385px) {
        .right_toggle_btn {
            padding-left: 0
        }
    
        .custom_tab_content img {
            max-width: 100%;
            width: 100%
        }
    }
    
    label.tile-type-label img {
        box-shadow: 0 10px 21px -12px #ababab
    }
    
    .pt_img ul li {
        width: 46%;
        margin: 2%;
        float: left;
        box-shadow: inset 0 0 10px 3px #f2f3f5;
        margin-bottom: 15px;
        padding: 10px 10px 0
    }
    
    .bhoechie-tab-content::-webkit-scrollbar {
        width: 4px
    }
    
    .bhoechie-tab-content::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #003b7c;
        border-radius: 10px;
        background: #fff;
        border-left: 4px solid rgba(255, 255, 255, 0);
        border-right: 4px solid rgba(255, 255, 255, 0);
        background-clip: content-box
    }
    
    .bhoechie-tab-content::-webkit-scrollbar-thumb {
        background: #dedede;
        border-radius: 8px
    }
    
    .bhoechie-tab-content::-webkit-scrollbar {
        width: 4px
    }
    
    .bhoechie-tab-content::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #003b7c;
        border-radius: 10px;
        background: #fff;
        border-left: 8px solid rgba(255, 255, 255, 0);
        border-right: 8px solid rgba(255, 255, 255, 0);
        background-clip: content-box
    }
    
    .bhoechie-tab-content::-webkit-scrollbar-thumb {
        background: #dedede;
        border-radius: 8px
    }
    
    .filter_thumbs::-webkit-scrollbar,
    .view_room_data::-webkit-scrollbar {
        width: 4px
    }
    
    .filter_thumbs::-webkit-scrollbar-track,
    .view_room_data::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #003b7c;
        border-radius: 10px;
        background: #fff;
        border-left: 8px solid rgba(255, 255, 255, 0);
        border-right: 8px solid rgba(255, 255, 255, 0);
        background-clip: content-box
    }
    
    .filter_thumbs::-webkit-scrollbar-thumb,
    .view_room_data::-webkit-scrollbar-thumb {
        background: #dedede;
        border-radius: 8px
    }
    
    .btn:focus {
        box-shadow: none
    }
    
    #pdf-log {
        max-height: 60vh;
        overflow-x: auto
    }
    
    .load_more_room_1 .btn_loadmore {
        background-color: rgb(255 255 255 / 90%) !important;
        color: #f38820;
        font-size: 12px;
        box-shadow: 0 2px 5px -2px #dcdcdc;
        bottom: 0
    }
    
    @media only screen and (max-width:1520px) {
        .wall-and-design-tabs .nav-tabs .nav-link {
            font-size: 12px;
            padding: 6px 0px 4px
        }
    }
    
    /* ***************************** */
    /* ***************************** */
    /* ***************************** */
    /* ***************************** */
    /* ***************************** */
    
    canvas {
        display: block;
    }
    
    #cameraViewMenu {
        position: absolute;
        right: 20px;
        bottom: 2%;
        left: unset;
        display: grid;
    }
    
    .move-camera-to-view-button {
        margin-bottom: 5px;
        opacity: 1;
    }
    
    .sidebar1 {
        position: fixed;
        background-color: #fff;
        z-index: 1111;
        top: 0;
        /* display: none; */
        left: -400px;
        opacity: 1;
        transition-duration: 0.3s;
    }
    
    #mainCat_1 {
        color: #000;
    }
    
    nav.navbar.bootsnav {
        background-color: transparent
    }
    
    .fa-menuicon {
        color: black;
    }
    
    .menutext {
        color: black;
    }
    
    .fs-14 {
        font-size: 14px;
    }
    
    .fs-12 {
        font-size: 12px !important;
    }
    
    .color {
        height: 50px;
    }
    
    .select_room img.white {
        display: none;
    }
    
    .select_room.active img.white {
        display: block;
    }
    
    .select_room.active img.black {
        display: none;
    }
    
    .close_menu {
        opacity: 1;
        left: -53px;
        color: #000;
        transition-duration: 0.3s;
    }
    
    .navbar-right.collapsed {
        width: 48px;
    }
    
    .credits {
        bottom: 50px;
        left: 28px;
        transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        transform-origin: left top;
    }
    
    @media only screen and (max-width: 991px){
        .navbar-right.collapsed {
            width: 33px;
        }
    
        .credits {
            left: 19px;
        }
    }
    
    .mobie_side_close {
        right: 0;
    }
    
    .room_bottom_menu {
        width:fit-content;
        position: absolute;
        /*bottom: 2.4%;*/
        /*right: 1.5%;*/
        bottom: 20px;
        right: 15px;
    }
    .rotate-camera-to-rotate-button , 
    .rotate-camera-stop-button {
        background-color: transparent;
        border: 0;
        /* border: 1px solid transparent;
        border-radius: 50%;
        border-color: white;
        padding: 4px;
        font-size: 24px;
        line-height: 1.33; */
    }
    .rotate-camera-stop-button:before,
    .rotate-camera-to-rotate-button:before {
        content: "";
        position: absolute;
        width: 60px;
        height: 60px;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation: pulsate_play_pause 2s;
        animation: pulsate_play_pause 2s;
        -webkit-animation-direction: forwards;
        animation-direction: forwards;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: steps;
        animation-timing-function: steps;
        opacity: 1;
        border-radius: 50%;
        border: 5px solid rgba(255, 255, 255, .75);
        top: -21%;
        left: -8%;
        background: rgba(198, 16, 0, 0);
    }

    @-webkit-keyframes pulsate_play_pause {
        0% {
            -webkit-transform: scale(0.6);
            transform: scale(0.6);
            opacity: 1;
            box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
        }
        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 0;
            box-shadow: none;

        }
    }

    @keyframes pulsate_play_pause {
        0% {
            -webkit-transform: scale(0.6);
            transform: scale(0.6);
            opacity: 1;
            box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
        }
        100% {
            -webkit-transform: scale(1, 1);
            transform: scale(1);
            opacity: 0;
            box-shadow: none;

        }
    }
.rounded_img_btn {
    /* width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center; */
    width: 40px;
    height: 40px;
    color: white;
    display: flex;
    padding: 5px 9px;
    background: #5a575775;
    border: 0px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}
.play_button {
    padding: 4px 4px 4px 9px;
}
.sd-btn-grop-load{
    background: #7c7c7c !important;
}
.sd-btn-load{
    background-color: transparent !important;
}
.tw-from-group {
    width: 100%;
    position: relative;
    padding: 1px 0px;
}

.tw-from-group .tw-section-header {
    padding-bottom: 20px;
}

.tw-from-group .tw-section-header h2 {
    font-size: 30px;
    margin-bottom: 0;
}

.tw-from-group .tw-section-header p {
    font-size: 18px;
}

.tw-from-group .tw-nessotr {
    border: 1px solid #ececec;
    border-radius: 10px;
    padding: 10px 25px 30px;
}

.tw-from-group .input-wrapper {
    position: relative;
    /*line-height: 16px;*/
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    margin: 0px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.05);
}

.tw-from-group .label-control {
    color: #212529;
    font-size: 12px;
    text-transform: uppercase;
    position: absolute;
    z-index: 2;
    left: 20px;
    top: 14px;
    padding: 0 2px;
    pointer-events: none;
    background: #fff;
    transition: transform 100ms ease;
    transform: translateY(-20px);
    margin-bottom: 0px;
    padding-bottom: 0px;
    line-height: 16px;
}

.tw-from-group .input-control {
    font-size: 14px;
    color: #212529;
    outline: none;
    border: 1px solid #ddd;
    background: transparent;
    padding: 10px 20px;
    border-radius: 8px;
    position: relative;
    width: 100%;
}

.tw-from-group .input-control option {
    padding: 10px 0px;
}

.tw-from-group .input-control:invalid+label {
    transform: translateY(0);
}

.tw-from-group .input-control:focus {
    border-color: #f2f3f5;
}

.tw-from-group .input-control:focus+label {
    color: #f9880f;
    transform: translateY(-22px);
}
.sd-btn-close{
    display:none;
}
@media only screen and (max-width: 991px) {
        .sd-btn-close{
        display: block;
        background: #fff;
        width: 100%;
        border-bottom: 2px solid #cccccc !important;
        margin: 0 !important;
        padding: 0 0 2px 0;
    }
 }
@media only screen and (max-width: 760px) {
    .sd-btn-close{
        display: block;
        background: #fff;
        width: 100%;
        border-bottom: 2px solid #cccccc !important;
        margin: 0 !important;
        padding: 0 0 2px 0;
    }
}
.saveImage,
.full_screen
{
    cursor:pointer;
}
.share_dropdown_menu_btn{
    color: white;
    padding: 6px 0px 6px 6px;
    display: block;
}
.room_top_bottom_menu {
    width: fit-content;
    position: absolute;
    /* bottom: 6.5%;
    right: 1.9%; */
    bottom: 55px;
    right: 22px;
}
.room_top_bottom_menu > ul {
    font-size: 1.5rem;
    border-radius: 0.375rem;
}
.brand_con {
    position: fixed;
    top: 0;
    width: 100%;
    display: flex;
    margin: 0px 10px;
    /*justify-content: center;*/
}
.rightside_icons_menu {
    width:fit-content;
    position: absolute;
    bottom: 100px;
    right: 20px;
}
.social_share {
    width: 16%;
}
.sd-power-byvisulizer {
    transform: rotate(269deg);
    position: absolute;
    bottom: 3%;
    height: 125px;
    width: 130px;
    /* display: flex; */
    /* left: -15%; */
}

.sd-power-byvisulizer p {
    font-size: 16px;
    margin-bottom: 0;
}
.sd-btn-load{
    background: rgb(0 0 0 / 33%) !important;
    border: none;
}


@media only screen and (max-width: 1540px) {
    .sd-power-byvisulizer {
        bottom: 12%;
    }

    .sd-power-byvisulizer p,
    .sd-power-byvisulizer a
    {
        font-size: 13px;

    }
}

@media only screen and (max-width: 991px) {
    .sd-power-byvisulizer {
        display: none !important;
    }
}
@media only screen and (max-height: 600px) {
    .sd-power-byvisulizer {
        display: none !important;
    }
}
.cus_scroll {
    max-height: 150px;
    overflow-y: auto;
    margin-top: 15px
}

.cus_scroll::-webkit-scrollbar {
    width: 4px
}

.cus_scroll::-webkit-scrollbar-track {
    background: gray
}

.cus_scroll::-webkit-scrollbar-thumb {
    background: #888
}

.cd-cart-trigger::before,.cd-cart-trigger::after .cus_scroll::-webkit-scrollbar-thumb:hover {
    background: #595959
}