﻿body.cms-index-index header.page-header {
    background-color: transparent;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease
}

body.cms-index-index #menumobile nav.navigation,
body.cms-index-index header.page-header .header.content .header-main-right {
    pointer-events: auto
}

body.cms-index-index.page-main {
    padding-left: 0 !important;
    padding-right: 0 !important
}

body.cms-index-index .page-title-wrapper {
    display: none
}

body.cms-index-index .columns .column.main img {
    display: block;
    width: 100%
}

body.cms-index-index footer {
    padding-top: 0 !important
}

body.cms-index-index footer .pagebuilder-column-group {
    width: calc(100% - 100px)
}

@media (min-width:1024px) {

    body.cms-index-index header.page-header,
    body.cms-index-index header.page-header .header.content {
        pointer-events: none
    }
}

@media (max-width:1023px) {
    body.cms-index-index footer .pagebuilder-column-group {
        width: calc(100% - 50px)
    }
}

body.cms-index-index header.page-header .minicart-wrapper .action.showcart:before,
.page-header .minicart-wrapper .action.showcart.active:before,
body.cms-index-index header.page-header.header-newskin .minicart-wrapper .action.showcart:before,
.page-header.header-newskin .minicart-wrapper .action.showcart.active:before {
    filter: invert(1)
}

body.cms-index-index header.page-header .sw-megamenu.navigation .level0>.level-top {
    color: #fff;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease
}

body.cms-index-index header.page-header.header-newskin.menu-is-open .navigation .level0>.level-top {
    color: #000;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease
}

body.cms-index-index header.page-header .header-main-right .header.links li.authorization-link>a,
body.cms-index-index header.page-header .header-main-right li>a,
body.cms-index-index header.page-header .minicart-wrapper .action.showcart .text,
body.cms-index-index header.page-header.type21 .minicart-wrapper .action.showcart .counter.qty {
    filter: invert(1)
}

body.cms-index-index header.page-header .logo {
    background: url(../image/MissBag.png) no-repeat center;
    background-size: 100%;
}

body.cms-index-index {
    padding-top: 0
}

body.cms-index-index header.page-header button.lines-button:after {
    background-color: #fff
}

body.cms-index-index header.page-header button.lines-button:before {
    border-color: #fff
}

body.cms-index-index header.page-header.menu-is-open #menumobile {
    background: #fff;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease
}

body.cms-index-index .tns-outer .tns-nav {
    width: 100%;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 15px
}

body.cms-index-index.small-header header.page-header {
    background: #fff;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease
}

body.cms-index-index.small-header header.page-header .logo {
    /*filter: invert(1);*/
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease
}

body.cms-index-index.small-header header.page-header .header-main-right .header.links li.authorization-link>a,
body.cms-index-index.small-header header.page-header .header-main-right li>a,
body.cms-index-index.small-header header.page-header .minicart-wrapper .action.showcart .text,
body.cms-index-index.small-header header.page-header.type21 .minicart-wrapper .action.showcart .counter.qty,
body.cms-index-index.small-header header.page-header .minicart-wrapper .action.showcart:before,
body.cms-index-index.small-header header.page-header .minicart-wrapper .action.showcart.active:before,
body.cms-index-index.small-header header.page-header.header-newskin .minicart-wrapper .action.showcart:before,
body.cms-index-index.small-header header.page-header.header-newskin .minicart-wrapper .action.showcart.active:before {
    filter: none
}

body.cms-index-index.small-header header.page-header button.lines-button:before {
    border-color: #000
}

body.cms-index-index.small-header header.page-header button.lines-button:after {
    background-color: #000
}

@media (min-width:1024px) {

    body.cms-index-index #menumobile,
    body.cms-index-index #menumobile.nav-is-closed .sw-megamenu.navigation .level0,
    body.cms-index-index #menumobile.nav-is-closed .sw-megamenu.navigation .level0>.level-top {
        pointer-events: unset
    }

    body.cms-index-index #menumobile nav.navigation {
        position: fixed;
        top: 50px;
        left: 50px;
        opacity: 1;
        transition: all .5s ease;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        -ms-transition: all .5s ease
    }

    body.cms-index-index.small-header #menumobile nav.navigation {
        opacity: 0;
        top: 40px;
        transition: all .5s ease;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        -ms-transition: all .5s ease
    }

    body.cms-index-index header.page-header.nav-is-open #menumobile nav.navigation,
    body.cms-index-index.small-header header.page-header.nav-is-open #menumobile nav.navigation,
    body.cms-index-index.small-header header.page-header.menu-is-open #menumobile nav.navigation {
        opacity: 1;
        top: 70px;
        transition: all .5s ease;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        -ms-transition: all .5s ease
    }

    body.cms-index-index header.page-header.menu-is-open #menumobile,
    body.cms-index-index #menumobile {
        padding: 0;
        position: unset;
        width: fit-content;
        background: 0 0
    }

    body.cms-index-index header.page-header.nav-is-open #menumobile {
        padding: 30px;
        position: fixed;
        width: 18%;
        background: #fff
    }

    body.cms-index-index header.page-header.nav-is-open .sw-megamenu.navigation .level0>.level-top {
        color: #000
    }

    body.cms-index-index header.page-header #menumobile .mobile-overlay {
        opacity: 0;
        background: #fff;
        top: 0;
        left: 0;
        height: 100vh;
        width: 50%;
        pointer-events: none;
        z-index: 0;
        position: absolute;
        transition: all .5s ease;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        -ms-transition: all .5s ease
    }

    body.cms-index-index header.page-header.menu-is-open #menumobile .mobile-overlay {
        opacity: 1;
        pointer-events: unset;
        transition: all .5s ease;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        -ms-transition: all .5s ease
    }

    body.cms-index-index #menumobile.nav-is-closed .sw-megamenu.navigation div.level0.custom-not-visible-submenu {
        pointer-events: none
    }

    body.cms-index-index header.page-header .logo {
        width: 150px;
        height: 150px;
        margin-top: 30px;
        transition: all .5s ease;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        -ms-transition: all .5s ease
    }

    body.cms-index-index.small-header button.lines-button.x {
        opacity: 1;
        top: 30px;
        transition: all .5s ease;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        -ms-transition: all .5s ease
    }

    body.cms-index-index.small-header header.page-header.menu-is-open button.lines-button.x,
    body.cms-index-index button.lines-button.x {
        left: 50px;
        top: 40px;
        opacity: 0;
        transition: all .5s ease;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        -ms-transition: all .5s ease
    }

    body.cms-index-index button.lines-button.x.close {
        display: block
    }

    body.cms-index-index header.page-header.menu-is-open button.lines-button.x.close {
        display: none
    }

    body.cms-index-index header.page-header.header-newskin .sw-megamenu.navigation>ul {
        margin-top: 0;
        transition: all .5s ease;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        -ms-transition: all .5s ease
    }

    body.cms-index-index header.page-header .header-main-right {
        right: 50px;
        top: 30px;
        transition: all .5s ease;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        -ms-transition: all .5s ease
    }

    body.cms-index-index header.page-header.header-newskin .sw-megamenu.navigation .level0.submenu .navigation .container {
        margin-top: 15px
    }

    body.small-header header.page-header .logo {
        width: 90px;
        height: 90px;
        margin: 0;
        transition: all .5s ease;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        -ms-transition: all .5s ease
    }

    body.cms-index-index.small-header header.page-header .header-main-right {
        top: 15px
    }

    body.cms-index-index.scroll-down header.page-header.header-newskin .sw-megamenu.navigation>ul,
    body.cms-index-index.scroll-up header.page-header.header-newskin.menu-is-open .sw-megamenu.navigation>ul {
        margin-top: 0;
        transition: all .5s ease;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        -ms-transition: all .5s ease
    }

    body.cms-index-index.scroll-down header.page-header .header-main-right {
        transition: all .5s ease;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        -ms-transition: all .5s ease
    }

    body.cms-index-index:not(.small-header) button.lines-button.x {
        height: 0;
        width: 0;
        visibility: hidden
    }

    body.cms-index-index footer .footer-dark.footer-links div[data-content-type=button-item] {
        display: block !important
    }

    body.cms-index-index footer .footer-dark.footer-links .pagebuilder-button-primary {
        position: relative;
        width: 100%;
        line-height: 30px;
        height: 30px
    }

    body.cms-index-index footer .footer-dark.footer-links .pagebuilder-button-primary span[data-element=link_text] {
        position: absolute;
        z-index: 2;
        width: 100%;
        display: block;
        line-height: 30px;
        height: 30px
    }
}

@media (max-width:1023px) {
    body.cms-index-index .page-main {
        padding: 0
    }

    body.cms-index-index header.header {
        background-color: #fff
    }

    body.cms-index-index header.page-header {
        height: 80px;
        z-index: 10
    }

    body.cms-index-index header.page-header button:not(.primary) {
        color: #fff
    }

    body.cms-index-index header.page-header.on-header .navigation .level0>.level-top span,
    body.cms-index-index header.page-header.on-header .header-main-right .header.links li>a:before,
    body.cms-index-index header.page-header.on-header .minicart-wrapper .action.showcart .counter.qty {
        color: #000
    }

    body.cms-index-index header.page-header button:not(.primary).lines-button.x.close {
        color: #000
    }

    body.cms-index-index header.page-header button.lines-button.x.close:before,
    body.cms-index-index header.page-header button.lines-button.x.close:after {
        border-top: 1px solid #000;
        border-bottom: 1px solid #000
    }

    body.cms-index-index header.page-header.nav-is-open button.lines-button:before {
        border-top: 1px solid #000;
        border-bottom: 1px solid #000
    }

    body.cms-index-index header.page-header.nav-is-open button.lines-button:after {
        border-bottom: 1px solid #000;
        background-color: #000
    }

    body.cms-index-index header.page-header.on-header .navigation .level0>.level-top span,
    body.cms-index-index header.page-header.on-header .header-main-right .header.links li>a:before,
    body.cms-index-index header.page-header.on-header .minicart-wrapper .action.showcart .counter.qty {
        color: #000
    }
}