body {
    background-color: #fff;
}

header .navbar {
    margin: 0;
    border: none;
    border-bottom: 1px solid rgb(223, 223, 223);
}
.navbar-brand {
    height: auto;
    padding-top: 5.375px;
    padding-bottom: 5.375px;
    padding-left: 0;
    padding-right: 0;
    margin-right: 16px;
}

header .navbar .btn {
    font-family: "Roboto" !important;
}

.container-xl {
    padding: 0 12px;
}

header .navbar .navbar-right .size-checkbox .switch-button .form-check-switch, header .navbar .navbar-right .size-checkbox .switch-button label {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400;
    font-family: "Roboto" !important;
}

.container {
    width: 100% !important;
    /*max-width: 1120px;*/
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.nav-tabs{
    padding: 0;
    margin-bottom: 20px;
}
.nav-tabs > li a{
    font-family: "Roboto"!important;
    text-decoration: none;
    background-color: #f8f8f8;
}
.breadcrumb a, .footer-menu a, .showroom-wrapper a, .download-block p a, .collapse-box-widget .panel-title a, div#mcTooltip a {
    text-decoration: none;
}
.custom-small-content-block h3, .collapse-box-widget .first-block h3, .navbar-form.navbar-left h3, .collapse-box-widget.magicwidget .panel-title a, .large-left-content h3, .xv-related-content-wrapper .xv-related-content-title h3, .search-results .search-item h2 a, .collapse-box-widget .panel-title a, .desk-caption h3, .content-column h2, .sfContentBlock h2 {
    font-weight: 400;
}
.sfContentBlock h2{
    font-weight: 500;
}

.sfContentBlock > .row {
    margin-left: -10px;
    margin-right: -10px;
}
.sfContentBlock > .row .content-block{
    padding: 0;
}
.validation-wrapper.in {
    opacity: 1;
}
.modal-backdrop.in {
    opacity: 0.5;
}
.desktop-download-share {
    margin: 30px 15px 25px 1.5rem;
    width: 100%;
}
.modal .modal-dialog .modal-content .modal-footer {
    padding: 0 15px;
}

.modal-dialog {
    z-index: 99999;
    margin: 125px auto 0 auto;
}

.modal .modal-dialog .modal-content .modal-header{
    display: block;
    padding: 15px;
}
.modal .modal-dialog .modal-content .modal-header .modal-title{
    padding-top: 21px;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

.page-title h1 {
    font-size: 40px;
    font-weight: 400;
    color: #3d3d3d;
}

.modal .modal-dialog .modal-content .modal-header{
    background: transparent;
}
.modal .modal-dialog .modal-content .no-border {
    border-bottom: none;
    background: #f8f8f8;
}
.col-sm-12, .col-md-12, .col-lg-12 {
    /*padding-left: 17px;
    padding-right: 18px;*/
}
.breadcrumb {
    margin-bottom: 22px;
}
.breadcrumb li{
    padding-right: 7px;
}
.navbar-fixed-top .navbar-collapse {
    max-height: 100vh;
    height: 100% !important;
}
.navbar-collapse.collapse{
    padding-bottom: 0;
}

.dropdown-menu {
    box-shadow: none;
}

header .navbar .navbar-right .lang-dropdown .dropdown .dropdown-menu {
    /*box-shadow: none;*/
    width: fit-content;
    font-size: 14px;
    transition: all 0s;
    height: auto !important;
    padding: 12px 20px !important;
}
header .navbar .navbar-right .lang-dropdown .dropdown .dropdown-menu li .dropdown-item:hover, .large-right-content p a span {
    color: #414141;
    text-decoration: none;
}

.collapse-box-widget .featured-item {
    text-decoration: none;
}
.collapse-box-widget.widget-grey, .navbar-form.navbar-left {
    padding: 0;
}
.navbar-form.navbar-left input[type=text]{
    padding: 15px 20px;
}
.navbar-form.navbar-left{
    margin-bottom: 20px;
}
.xv-videocarousel-videowrapper video {
    max-height: unset !important;
}

.header-push {
    height: 0 !important;
}

.single-item .product-item{
    max-width: unset;
}

.panel.panel-default .collapse.in {
    display: block !important;
}

section.top-header {
    padding-top: 0px;
}

.nav-sidebar > li, .form-group.head-search, .form-group.head-search input[type=text], .navbar-form.navbar-left {
    width: 100%;
}

.nav-sidebar > li > a span.badge {
    margin-left: 10px;
    font-weight: 400;
}

.search-results .search-item h2 a {
    color: #4a4b4a;
}

aside.col-md-3{
    padding: 0 11px;
}

.search-form .search-container .form-control {
    height: 35px;
    padding: 6px 40px 6px 12px;
    font-size: 14px;
    line-height: 21px;
    font-family: "Roboto";
    letter-spacing: normal;
}
.search-form .search-container .form-control::placeholder {
    font-size: 14px;
    letter-spacing: normal;
}
.search-form .search-container .btn {
    font-size: 20px;
    padding: 0;
    margin-right: 12px;
}

.fixed-assets-page{
    padding: 0;
}

.more-info-block h5 {
    font-size: 14px;
    font-weight: 400;
    margin: 10px 0;
}
.content-block .large-left-content a {
    text-decoration: none;
}

.row.content-block.large-content-block{
    display: block;
}

.assets-filters{
    width: fit-content;
}
.main-template{
    padding-top: 0 !important;
}

.extra-spaced-template{
    padding-top: 45px;
}

.main-template-content > .row > .assets-filters{
    pointer-events: none;
}
.main-template-content > .row > .assets-filters > div{
    pointer-events: all;
}
.asset-download-row a, .product-item a, .download_share_btn {
    text-decoration: none;
}
.asset-download-row a {
    color: #9a9a9a;
}
.asset-download-row .select-resolution a {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    margin-right: 2px;
}
.modal-body ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.modal-body ul li .even, .modal-content .no-border-footer {
    background-color: #fafafa;
}
.modal-body ul li{
    padding: 5px 10px 0 10px;
}
.modal-header{
    padding: 15px;
}
.fav-delete a.close-asset-icon {
    text-decoration: none;
    color: black;
    background: #fff;
    border-radius: 10px;
}

.content-column a {
    text-decoration: none;
    color: #4a4b4a;
}
.content-column a hover{
    text-decoration: underline;
}
/*.fixed-product-filter .assets-filters{
    width: 25%;
}
.fixed-product-filter .assets-filters .col-sm-3{
    width: 100%;
}*/
#visualization-filter {
    display: block !important;
}
.fixed-product-filter .product-list-space > .reset-wrap{
    display: none;
}
.filter-wrap .filter {
    max-width: 290px;
}

a.custom-input {
    text-decoration: none;
}
a.custom-input:hover{
    text-decoration: underline;
}

/*.dropdown-toggle::after{
    display: none;
}*/

.bootstrap-select.btn-group .dropdown-menu li a{
    padding: 5px 20px;
    font-size: 14px;
}

.main-template-content{
    /*padding-top: 30px;*/
}

.nav-tabs li a.active {
    background:#dddddd;
}
.form-control{
    font-size: 16px;
}

.collapse-box-widget .panel-title.collapsed a:after{
    content: "+";
}

.xv-carved-text h4, .showroom-wrapper h3 {
    font-weight: 400;
}
.showroom-wrapper h5{
    font-size: 14px;
}
@media (max-width: 1199px) {
    .navbar-right, header .navbar .navbar-nav {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .modal .modal-dialog {
        width: 600px;
    }
}
@media (max-width: 767px) {
    .assets-items .single-item, .single-item:not(.col-grid), .col-sm-9.product-list, .assets-filters .col-sm-3 {
        width: 100%;
    }
    .filters-toggle {
        width: auto;
        padding: 12px 30px 8px;
    }
}


.nav.nav-tabs[role="tablist"] {
    display: block;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

header .navbar .navbar-nav .nav-item .nav-link:focus {
    text-decoration: none;
}

.col-lg-12>a>button{
    margin-bottom: 3px;
}
.caption.desk-caption h4 {
    font-size: 18px;
    font-family: "aperculight";
}

.col-lg-12 ul.breadcrumb {
    padding-top: 20px;
}


.xv-imagecarousel.slick-initialized.slick-slider + .grey-block-text h5 a {
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
    color: #4a4b4a;
}

.xv-imagecarousel.slick-initialized.slick-slider + .grey-block-text h5 a:hover{
    text-decoration: underline;
}

.xv-imagecarousel.slick-initialized.slick-slider + .grey-block-text h1 {
    font-weight: 500;
}
header {
    font-family: "Roboto" !important;
}

header .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle.show {
    color: #000;
}

header label{
    margin-bottom: 0px;
}

header .navbar {
    margin-top: 0 !important;
}




/* CUSTOM.CSS file goes here*/


.product-item .product-image a::after {
    cursor: pointer;
}

.metric .measurementInches, .measurementMM {
    display: none;
}

.metric .measurementMM, .measurementInches {
    display: block;
}

body.loading {
    position: relative; /* Establish positioning context */
}

article header {
    z-index: 1;
}

body.loading:after {
    content: '';
    position: fixed; /* Fix the overlay to the viewport */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent background */
    z-index: 9999; /* Ensure it's on top of other elements */
}

body.loading:before {
    content: url(../gif/lazy-loader-animation.gif);
    position: fixed; /* Center the gif */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Centering trick */
    z-index: 10000; /* Above the overlay */
    width: 100px; /* Adjust size as needed */
    height: auto; /* Maintain aspect ratio */
}

header .teknavbar .teknavbar-nav .teknav-item .magamenu-wrapper.show {
    transform: translate(0px, 0px) !important;
}

.product-view-modal .modal-body .product-view-pop-content .tabs-content-right {
    background: #F8F8F8;
}


/*FOOTER*/

.footer-menu {
    margin-bottom: 3.5rem;
}

    .footer-menu a {
        margin-right: 1rem;
        padding-bottom: 3px;
        color: #9a9a9a;
        text-transform: uppercase;
        font-size: 12.8px;
        line-height: 19.2px;
        letter-spacing: 3px;
    }

@media (max-width: 991px) {
    .footer-menu a {
        font-size: 0.8rem;
    }
}

.footer-menu a:hover, .footer-menu a:active, .footer-menu a:focus {
    background-color: transparent;
    color: #9a9a9a;
    border-bottom: 1px solid #9a9a9a;
    text-decoration: none;
}

@media (max-width: 766px) {
    .footer-menu li {
        text-align: center;
        width: 100%;
    }

        .footer-menu li a {
            font-size: 0.8rem;
            line-height: 3rem;
            margin-right: 0;
            padding-right: 0;
        }
}

.footer-social-icons {
    margin-left: 0;
}

@media (max-width: 991px) {
    .footer-social-icons {
        margin: 0 0 3rem 0;
        padding: 1rem 0;
    }

        .footer-social-icons li {
            padding: 0;
        }
}

.footer-socialmedia-icon {
    background-position: center center;
    background-size: contain;
}

.footer-social-icons a {
    width: 25px;
    height: 25px;
    margin-right: 1.2rem;
    display: inline-block;
    /*background-image: url("../resources/sprites/footer-icons-sprite.png");*/
    background-repeat: no-repeat;
    text-decoration: none;
}

    .footer-social-icons a:hover, .footer-social-icons a:active, .footer-social-icons a:focus {
        text-decoration: none;
    }

        .footer-social-icons a:hover .fontello-icon, .footer-social-icons a:active .fontello-icon, .footer-social-icons a:focus .fontello-icon {
            color: #777272;
        }

@media (max-width: 766px) {
    .footer-social-icons a {
        margin-right: 0.5rem;
    }
}

.footer-social-icons li {
    display: inline;
    padding: 0;
}

    .footer-social-icons li:first-child a span {
        margin-left: 0.5rem;
    }

.footer-right-column ul {
    float: right;
}

@media (max-width: 991px) {
    .footer-right-column ul {
        float: none;
    }
}

.footer-right-column li {
    padding: 0;
}

.footer-right-column a {
    height: 55px;
    width: 98px;
    display: inline-block;
    background-image: url("../404.html");
    background-repeat: no-repeat;
}

@media (max-width: 991px) {
    .footer-right-column a {
        margin-right: 0.5rem;
    }
}

.footer-right-column .footer-logo, .teknion-studio, .footer-right-column .teknion-textiles {
    margin-right: 2rem;
}

.footer-logo {
    background-position: center center;
    background-size: contain;
}

.footer-right-column .teknion-studio {
    background-position: 0 -25px;
}

@media (max-width: 766px) {
    .footer-right-column .teknion-studio {
        margin-right: 0;
    }
}

.footer-right-column .teknion-textiles {
    background-position: -120px -25px;
}

@media (max-width: 766px) {
    .footer-right-column .teknion-textiles {
        margin-right: 0;
    }
}

.footer-right-column .teknion-italia {
    background-position: -242px -25px;
    width: 58px;
}

.footer-divider {
    margin-bottom: 4rem;
}

.facebook-footer-icon {
    background-position: 0 0;
}

.instagram-footer-icon {
    background-position: -52px 0;
}

.linkedin-footer-icon {
    background-position: -78px 0;
}

.pinterest-footer-icon {
    background-position: -104px 0;
}

.twitter-footer-icon {
    background-position: -130px 0;
}

.youtube-footer-icon {
    background-position: -156px 0;
}

.apple-store-footer-icon {
    background-position: -182px 0;
}

.fontello-icon {
    color: #9a9a9a;
    font-size: 22px;
}

footer {
    z-index: 9;
    position: relative;
    max-width: 100%;
    background: #F8F8F8;
}

    footer.container {
        max-width: 100% !important;
        width: 100% !important;
    }

.footer-menu a {
    text-decoration: none;
}

footer ul.list-inline li {
    display: inline-block;
}

footer.container {
    background: white;
    margin-left: -38px;
    width: calc(100% + 76px) !important;
    max-width: unset !important;
    padding: 0 38px;
}

.footer-menu {
    margin-bottom: 35px;
}

@media (max-width: 768px) {
    footer .container {
        padding: 0 20px;
        width: calc(100%) !important;
    }

    .footer-menu li {
        text-align: center;
    }

        .footer-menu li a {
            width: 100%;
            display: block;
            line-height: 30px;
        }

    .footer-social-icons {
        margin: 0 0 30px 0;
        padding: 1rem 0;
        text-align: center;
    }

    .footer-right-column ul {
        float: none;
        text-align: center;
        margin-bottom: 30px;
    }

    footer.container {
        margin-left: -20px;
        width: calc(100% + 40px) !important;
    }
}
/*END FOOTER*/
.locked .checkbox-item input.styled-checkbox:not(:checked) {
    pointer-events: none;
}

    .locked .checkbox-item input.styled-checkbox:not(:checked) + label:before {
        opacity: 0.5;
    }

.content-with-sidebar {
    min-height: 100vh;
}

header .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle::after {
    margin-top: -3px;
}

.card-image-with-title, header .navbar .navbar-nav .nav-item .magamenu-wrapper ul li a::after, header .navbar .navbar-nav .nav-item .magamenu-wrapper .nav-heading a::after {
    transition: all 0s ease-in;
}

    .card-image-with-title:hover .bottom {
        border-top: 1px dashed #a0a0a0;
    }

header .navbar .navbar-right .size-checkbox .switch-button .form-check-switch:before {
    transition: 0.1s;
}

header .navbar .navbar-right .size-checkbox .switch-button .form-check-switch {
    transition: 0.35s;
}

.four-columns-grid-active .card-image-with-title.two-line-title .card-img {
    height: 352px;
}

.content-with-sidebar .filters-accordion .filter-item .accordion-header .accordion-button:after {
    margin-top: -4px;
}

.w-228 {
    width: 228px;
}

.four-columns-grid-active .w-228 {
    width: 352px;
}

.title-bar.transparent {
    background: transparent;
}

.col-lg-5Edit {
    width: 20%;
    flex: 0 0 auto;
}

.col-lg-4Edit {
    width: 25%;
    flex: 0 0 auto;
}

@media (max-width: 1199px) {
    .col-lg-5Edit, .col-lg-4Edit {
        width: 100%;
    }
}

header .navbar .navbar-nav .nav-item .magamenu-wrapper ul li label {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.41px;
    text-align: left;
    color: #716F6F;
    text-decoration: none;
    display: inline-block;
    padding: 8px 0;
    position: relative;
    width: 100%
}

header .navbar .navbar-nav .nav-item .magamenu-wrapper .nav-heading label {
    font-size: 16px;
    font-weight: 700;
    line-height: 18.75px;
    text-align: left;
    color: #414141;
    text-decoration: none;
    display: inline-block;
    padding: 8px 0;
    position: relative;
}

@media (max-width: 1199px) {
    header .navbar .navbar-nav .nav-item .magamenu-wrapper .nav-heading label {
        text-decoration: none;
        display: block;
        padding: 22px 0;
        font-size: 19px;
        font-weight: 400;
        line-height: 22.99px;
        color: #716F6F;
    }
}

.menu-divider {
    opacity: 1;
}

.search-form {
    box-shadow: 0px 15px 5px -10px rgba(0, 0, 0, 0.12);
}

.product-top-area h3 {
    margin-bottom: 0;
}

.measurementMM, .measurementInches {
    line-height: 16.41px;
}

.product-bottom .product-code {
    margin-bottom: 8px;
}

.custom-dropdown .dropdown-menu {
    min-width: unset;
    width: 100%;
}

header .card-image-with-title .card-img {
    height: 145px;
}

header .megamenu-padding .card-image-with-title, header .megamenu-padding .px-md-1 {
    height: 200px;
}

.content-with-sidebar .filters-accordion .filter-item .accordion-header .accordion-button {
    text-transform: capitalize;
    background: transparent;
}

.card-image-with-title .bottom .single-line {
    max-height: 16px;
    text-overflow: ellipsis;
    line-height: 16.41px;
    margin-bottom: 0;
    margin-top: 4px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.container-xl-global, .container-xl-header {
    padding: 0 38px;
}

@media (min-width: 992px) {
    .width-430 {
        gap: 24px;
    }

        .width-430 > div {
            width: 430px;
            margin-top: 0px !important;
            margin-bottom: 0px;
        }
}

@media (min-width: 768px) {
    .content-with-sidebar .content {
        padding: 0 64px;
    }
}

.nav-tabs .nav-item .nav-link.active::after, .nav-tabs .nav-item .nav-link:hover::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2.5px;
    width: 100%;
    background-color: #414141;
}

.nav-tabs .nav-item .nav-link:hover {
    background-color: #F1F1F1;
    color: #414141;
}

.nav-tabs {
    gap: 4px;
}
/*
@media (max-width: 1924px) {
    .container-xl {
        padding: 0 64px;
    }
}*/
@media(max-width: 768px) {
    .container-xl-global, .container-xl-header {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media (min-width: 1200px) {
    header .navbar .navbar-right {
        margin: 0 10px 0 auto;
    }
}

@media (min-width: 1200px) {
    .container-xl {
        max-width: 1900px;
    }
}

@media (min-width: 991px) {
    .content-with-sidebar .content {
        padding-right: 0;
    }
}

@media (max-width: 1199px) {
    header .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:after {
        margin-top: 3px;
    }
}

@media (min-width: 1199px) {
    header .navbar .navbar-nav .nav-item .magamenu-wrapper {
        transition: opacity 0s ease-in;
        top: calc(100% + 1.5px) !important;
        overflow-y: scroll;
        max-height: calc(100vh - 70px);
        height: fit-content !important;
    }

    header .navbar .navbar-nav .nav-item .nav-link:before, header .navbar .navbar-right .lang-dropdown .dropdown-toggle:before {
        border-bottom: 2.5px solid #414141;
    }

    header .navbar .navbar-nav .nav-item .magamenu-wrapper .col-md-9 .row .col-xl-3 .submenu-block .nav-heading {
        padding-top: 20px;
    }

    header .navbar .navbar-nav .nav-item .magamenu-wrapper .col-md-9 .row .col-xl-3 .submenu-block:first-child .nav-heading {
        padding-top: 0;
    }

    .submenu-block:not(:has(.nav-desc)) .nav-heading {
        margin-bottom: 4px;
    }
}

@media (min-width: 575px) {
    .search-container .btn svg {
        width: 20px;
        height: 20px;
    }
}
/*header .navbar .navbar-nav .nav-item:hover .magamenu-wrapper {
    opacity: inherit;
    visibility: inherit;
}*/
/*@media (min-width: 1200px) {
    header .navbar .navbar-nav .nav-item:hover .magamenu-wrapper {
        opacity: 1;
        visibility: visible;
        top: calc(100% + 1.5px) !important;
    }
}*/

.btn.btn-secondary, .fade {
    transition: 0s;
}

@media (min-width: 1199px) {
    body:has(.magamenu-wrapper.show)::after {
        content: "";
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9;
        background: rgba(0, 0, 0, 0.5);
    }
}

hr.divider-filter {
    border-color: #949494;
}

.product-desc em {
    font-size: 12px;
}

.hero-grid .card-image-with-title .bottom {
    background: white;
}

header .navbar .navbar-nav .nav-item .nav-link.show:before {
    opacity: 1;
}

@media (min-width: 601px) {
    .hero-grid {
        grid-gap: 20px;
    }
}

.hero-grid .card-image-with-title {
    border-bottom-width: 3px;
}

header .navbar .navbar-right .lang-dropdown .dropdown:hover .dropdown-menu {
    visibility: hidden;
}

header .navbar .navbar-right .lang-dropdown .dropdown .dropdown-menu.geo-toggle.show {
    visibility: visible;
}

header .navbar .card-image-with-title .bottom {
    padding: 8px 0px;
}

    header .navbar .card-image-with-title .bottom .single-line {
        font-size: 13px;
    }

@media (max-width: 601px) {
    .heading-showing-in-mobile h1 {
        font-size: 19px;
    }

    .heading-showing-in-mobile .text-end {
        font-size: 16px;
    }
}

@media (max-width: 1199px) {
    header .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:after, header .navbar .navbar-right .lang-dropdown .dropdown-toggle::after {
        content: "";
        margin-left: 12px;
        margin-top: 4px;
    }

    .dropdown-menu.geo-toggle {
        padding-top: 0;
    }

    .menu-back-btn, header .navbar .navbar-nav .nav-item .magamenu-wrapper .submenu .back-button-level-3 .back-btn {
        padding: 22px 0;
        cursor: pointer;
    }

    header .navbar .navbar-nav .nav-item .magamenu-wrapper .data-item-description > div:has(> .nav-desc) .nav-heading a, header .navbar .navbar-nav .nav-item .magamenu-wrapper .data-item-description > div:has(> .nav-desc) .nav-heading label {
        padding-bottom: 8px;
    }

    header .navbar .navbar-nav .nav-item .magamenu-wrapper .nav-desc {
        padding-bottom: 22px;
    }

    header .navbar .navbar-nav .nav-item .magamenu-wrapper, header .navbar .navbar-nav .nav-item .magamenu-wrapper .submenu, header .navbar .navbar-collapse {
        transition: left 0.15s ease-in;
    }

    header .navbar .navbar-right .lang-dropdown .dropdown .dropdown-menu {
        transition: all 0.15s;
    }

    header .navbar .navbar-nav .nav-item .magamenu-wrapper .submenu {
        min-height: 100vh;
    }
}

@media (max-width: 601px) {
    .w-228 .card-image-with-title.two-line-title .card-img {
        height: auto;
        width: auto;
    }
}


@media (max-width: 575px) {
    .modal .modal-dialog .modal-content .btn-close i {
        font-size: 28px;
    }

    .overview-mobile-view-content .product-top-area {
        padding-left: 55px !important;
        padding-right: 55px !important;
    }
}

@media(max-width: 767px) {
    .modal-dialog-centered {
        align-items: normal;
        height: 100%;
    }
}

@media (max-width: 575px) {
    .overview-mobile-view-content .product-desc {
        padding: 8px 16px !important;
        border-style: dotted;
    }

    .checkbox-item label:before {
        width: 20px;
        height: 20px;
        left: 0;
        top: 1px;
    }

    .checkbox-item label {
        padding: 0 0 0 26px;
        font-size: 16px;
    }

    .checkbox-item input[type=checkbox]:checked + label:after {
        top: 2px;
        left: 7px;
        width: 6px;
        height: 14px;
    }
}

@media (min-width: 1200px) {
    header .navbar .navbar-right {
        margin: 0 10px 0 0;
    }
}

.search-box i, .navbar-toggler i {
    color: #88898A;
}

.megamenu-padding .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.sticky-header {
    position: sticky;
    top: 0;
    background: white;
    z-index: 100;
}

.container-xl-global:has(.navbar-collapse.show) > div {
    visibility: hidden !important;
    opacity: 0 !important;
}

@media (max-width: 1199px) {
    header .navbar .navbar-right .lang-dropdown .dropdown .dropdown-menu {
        padding: 0 20px;
    }
}

@media (max-width: 1199px) {
    header .navbar .search-box .toggle-search {
        min-width: 40px;
        height: auto;
        padding: 0;
    }
}

header .navbar .search-box .toggle-search svg {
    display: none;
}

header .navbar .search-box .toggle-search[aria-expanded=false] svg.svg-search {
    display: inline;
}

header .navbar .search-box .toggle-search[aria-expanded=true] svg.svg-close {
    display: inline;
}

header .navbar .search-box .toggle-search[aria-expanded=true] svg.svg-close {
    width: 30px;
    height: 30px;
}

.my-32px {
    margin-top: 32px;
    margin-bottom: 32px;
}

@media (max-width: 1199px) {
    header .navbar .navbar-nav .nav-item .magamenu-wrapper .nav-heading label::after {
        content: "";
        -webkit-font-smoothing: antialiased;
        display: var(--fa-display, inline-block);
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-rendering: auto;
        position: static;
        font-family: "Font Awesome 6 Pro";
        font-weight: 400;
        background-color: transparent;
        width: auto !important;
        margin-left: 12px;
        font-size: 16px;
        vertical-align: -1px;
    }

    header .megamenu-padding .card-image-with-title, header .megamenu-padding .px-md-1 {
        height: 300px;
    }

    header .card-image-with-title .card-img {
        height: 245px;
    }
}

.product-view-modal .nav-tabs .nav-item .nav-link.active::after, .product-view-modal .nav-tabs .nav-item .nav-link:hover::after {
    height: 0;
}

.nav-tabs .nav-item .nav-link {
    border-bottom: 2px solid transparent;
    transition: all 0s;
}

.slider-area .product-slider .owl-stage-outer .owl-item .item {
    padding: 0;
}

.product-view-modal .nav-tabs .nav-item .nav-link.active, .product-view-modal .nav-tabs .nav-item .nav-link:hover {
    border-bottom: 2px solid black;
}

header .navbar .navbar-toggler[aria-expanded=true] .fa-bars:before {
    content: "";
    font-size: 28px;
}

@media (max-width: 575px) {
    .product-view-modal .modal-body .product-view-pop-content .overview-mobile-view-content .tabs-content-right .tab-content {
        background-color: transparent;
        padding: 0px 0;
    }

        .product-view-modal .modal-body .product-view-pop-content .overview-mobile-view-content .tabs-content-right .tab-content > .tab-pane {
            padding: 20px 6px;
            background: #f3f3f3;
            /*height: 100vh;*/
        }

            .product-view-modal .modal-body .product-view-pop-content .overview-mobile-view-content .tabs-content-right .tab-content > .tab-pane:first-child {
                padding: 0;
                background: white;
                height: 100%;
            }

    .nav-tabs .nav-item .nav-link {
        border-bottom: 2px solid #EAEAEA;
        padding-bottom: 10px;
    }
}

.header .navbar .navbar-toggler {
    width: auto
}

@media (max-width: 600px) {
    header .navbar .navbar-brand {
        padding: 15px 0;
        margin-right: -5px;
    }
}

@media (max-width: 768px) {
    .four-columns-grid-active .card-image-with-title.two-line-title .card-img {
        height: 228px;
    }

    .six-columns-grid.four-columns-grid-active .w-228 {
        width: 228px;
    }
}

@media (max-width: 575px) {
    .four-columns-grid-active .card-image-with-title.two-line-title .card-img {
        width: auto;
        height: auto
    }

    .six-columns-grid.four-columns-grid-active .w-228 {
        width: auto;
    }
}

/* Styles for TeknionProductMap 0 group items*/


.product-view-modal .modal-body .product-view-pop-content.group-len-0 .p-modal-right {
    width: 0;
    display: none;
}


.product-view-modal .modal-body .product-view-pop-content.group-len-0 .p-modal-left {
    width: 100%
}

.product-view-modal .modal-dialog:has(.group-len-0) {
    width: 525px;
}

@media (max-width: 767px) {
    .product-view-modal .modal-dialog:has(.group-len-0) {
        width: 100%;
    }
}

/* End Of Styles for TeknionProductMap 0 group items*/

@media (max-width: 576px) {
    .d-mobile-none {
        display: none !important;
    }
}

@media (min-width: 1199px) {
    .d-nav-desktop-none, .d-nav-Mobile {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    .d-nav-mobile-none, .d-nav-Desktop {
        display: none !important;
    }
}

.mt-custom-10px {
    margin-top: 10px !important;
}

/* Header Adjustments for new template */

header .navbar .navbar-nav .nav-item .magamenu-wrapper ul li .card-image-with-title .card-img a, header .navbar .navbar-nav .nav-item .magamenu-wrapper ul li .card-image-with-title .card-img label {
    height: 100%;
    display: block;
    padding: 0;
}

header .navbar .navbar-nav .nav-item .magamenu-wrapper ul li .card-image-with-title .bottom .title label, header .navbar .navbar-nav .nav-item .magamenu-wrapper ul li .card-image-with-title .bottom .title a {
    font-size: 16px;
    font-weight: 700;
    line-height: 18.75px;
    color: #716F6F;
    text-decoration: none;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    max-height: 18px;
    padding: 0;
    text-align: center;
}

@media (min-width: 1199px) {

    header .navbar .navbar-nav .nav-item .magamenu-wrapper .nav-heading a, header .navbar .navbar-nav .nav-item .magamenu-wrapper .nav-heading label {
        /* padding-bottom: 16px;*/
        margin-bottom: 2px;
    }

    header .navbar .navbar-nav .nav-item .magamenu-wrapper .nav-heading:has(+ .nav-desc) label, header .navbar .navbar-nav .nav-item .magamenu-wrapper .nav-heading:has(+ .nav-desc) a {
        padding: 8px 0 4px 0px !important;
        margin-bottom: 0;
    }

    header .navbar .navbar-nav .nav-item .magamenu-wrapper ul li a {
        padding: 6px 0;
    }
}

header .navbar .navbar-nav .nav-item .magamenu-wrapper ul li .card-image-with-title a:hover:after {
    content: "";
    color: transparent;
    width: 0;
}

header .navbar .navbar-nav .nav-item .magamenu-wrapper ul li .card-image-with-title .bottom .title a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto;
    height: auto;
    background: transparent;
}

header .megamenu-padding .card-image-with-title {
    margin-top: 8px;
}

@media (max-width: 1199px) {
    header .navbar .navbar-nav .nav-item .magamenu-wrapper .nav-heading a.no-chevron::after, header .navbar .navbar-nav .nav-item .magamenu-wrapper .nav-heading label.no-chevron::after {
        content: "";
    }
}

@media (max-width: 1199px) {
    header .navbar .navbar-nav .nav-item .magamenu-wrapper ul li label {
        text-decoration: none;
        display: block;
        padding: 22px 0;
        font-size: 19px;
        font-weight: 400;
        line-height: 22.99px;
    }
}
/* End of Header Adjustments for new template*/

header .navbar .navbar-nav .nav-item .magamenu-wrapper ul:last-child {
    margin-bottom: 16px;
}

.content .title-bar {
    margin-left: -64px;
    padding-left: 64px;
}

@media (max-width: 1199px) {
    .navbar-nav:has(.nav-link.dropdown-toggle.show) .nav-item.dropdown:not(:has(.nav-link.dropdown-toggle.show)) {
        display: none;
    }

    header .dropdown-menu .row:has(.submenu.collapse.show) .col-lg-5Edit:not(:has(.submenu.collapse.show)) {
        display: none;
    }

    header .navbar .navbar-right .lang-dropdown .dropdown .dropdown-menu.geo-toggle.show {
        width: 100%;
        height: 100% !important;
    }
}

.loading .product-view-pop-content {
    visibility: hidden;
}

@media (max-width: 575px) {
    .content-with-sidebar .sidebar#sidebar-slide-in-mobile.slide-active {
        min-height: 100vh;
    }
}

div#product-list-wrap {
    padding-left: 10px;
}

.fixed-product-filter .assets-filters, .fixed-product-filter .fixed-assets-page {
    max-width: 1280px;
}


.modal.fade.show {
    background-color: #00000087 !important;
    opacity: 1 !important;
}

.modal.fade:not(.in).left .modal-dialog {
    transform: none !important;
}

.modal-backdrop.fade.show:not(.validation-wrapper) {
    display: none !important;
}

#assetsShareModal {
    z-index: 100000;
}

header .navbar .navbar-toggler {
    background: none;
}
.panel-default.fixed .field_select_download_area, .panel-default.fixed .panel-heading {
    max-width: 1300px;
}
.no-chevron :after {
    content: "" !important;
}
.content-block-wrap .grey-block-text h5 {
    font-size: 14px;
    font-weight: normal;
}
@media (min-width: 576px) {
    .theadfixed-wrap .fixed-table-wrap table, .panel-default.fixed .field_select_download_area, .panel-default.fixed .panel-heading {
        max-width: 520px;
    }

    .fixed-table-wrap th, .fixed-table-wrap td {
        min-width: auto;
        width: 25%;
    }
}

@media (min-width: 768px) {
    .theadfixed-wrap .fixed-table-wrap table, .panel-default.fixed .field_select_download_area, .panel-default.fixed .panel-heading {
        max-width: 700px;
    }
}

@media (min-width: 992px) {
    .theadfixed-wrap .fixed-table-wrap table, .panel-default.fixed .field_select_download_area, .panel-default.fixed .panel-heading {
        max-width: 940px;
    }
}

@media (min-width: 1200px) {
    .theadfixed-wrap .fixed-table-wrap table, .panel-default.fixed .field_select_download_area, .panel-default.fixed .panel-heading {
        max-width: 1120px;
    }
}

@media (min-width: 1400px) {
    .theadfixed-wrap .fixed-table-wrap table, .panel-default.fixed .field_select_download_area, .panel-default.fixed .panel-heading {
        max-width: 1300px;
    }
}

header .navbar .navbar-toggler {
    background: none;
}

.panel-default.fixed .field_select_download_area, .panel-default.fixed .panel-heading {
    max-width: 1300px;
}

.no-chevron :after {
    content: "" !important;
}

.content-block-wrap .grey-block-text h5 {
    font-size: 14px;
    font-weight: normal;
}

h6.Theme-TextSize-default {
    font-weight: 300;
}


.img-mobile {
    display: none;
}

#HeroVideo {
    display: block;
}

.img-hero {
    display: block;
}

@media (max-width: 768px) {

    .img-mobile {
        display: block;
    }


    .img-hero {
        display: none;
    }

    #HeroVideo {
        display: none;
    }
}

.modal.fade .modal-dialog {
    transform: none;
}


/* END OF CUSTOM.CSS */