:root {
    --main-font-family: Lato, sans-serif;
    --secondary-font-family: Lato, sans-serif;
    --tertiary-font-family: Karla;
    --color-red: rgb(199, 41, 39);
}

.wrap-inner--wa {
    width: 57px;
    bottom: 28px;
    z-index: 999;
    cursor: pointer;
    position: fixed;
    left: 40px;
    height: auto;
    user-select: none;
    transform: translate(0px, 2.44702e-15px);
}

    .wrap-inner--wa img {
        width: 100%;
        max-width: 100%;
        height: 100%;
    }

body, html {
    height: 100%;
    font-family: var(--main-font-family);
    font-size: 15px;
}

.nav-scroll {
    cursor: pointer !important;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

a:focus, a:hover {
    color: #313131;
    text-decoration: none;
}

.text-align-center {
    text-align: center;
}

.no_padding {
    padding: 0;
}

.no_padding_left {
    padding-left: 0;
}

.no_padding_right {
    padding-right: 0;
}

.content {
    padding-top: 0;
}

.icon-bar {
    background: #666;
}

/*a, a:hover, a:focus {
    text-decoration: none;
    color: #fff;
}*/
.site-wrapper {
    /* padding-top: 70px; */
}

@media (max-width:767px) {
    .site-wrapper {
        padding-top: 0;
    }
}

.top-header {
    background: #fff;
    border-bottom: 1px solid #eaeaea;
}

.primary-logo {
    margin: auto;
    text-align: center;
    position: absolute;
}

.scrolled .primary-logo {
    position: relative;
}

.primary-logo img {
    max-width: 150px;
    max-height: 90px;
    object-fit: contain;
    width: auto;
    height: auto;
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    top: -20px;
    position: absolute;
}



.primary-logo.scroll {
    position: relative;
    opacity: 0;
}

.scrolled .primary-logo.scroll {
    opacity: 1;
}


.scrolled .primary-logo img {
    /* max-width: 150px; */
    /* max-height: 55px; */
    position: relative;
    top: 0;
}

.right-menus ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

    .right-menus ul li {
        display: block;
        line-height: 1.5;
        text-align: center;
    }

        /*.right-menus ul li:not(:last-child) {
            -webkit-box-flex: 1;
            -webkit-flex: auto;
            -ms-flex: auto;
            flex: auto;
            -webkit-align-self: flex-start;
            -ms-flex-item-align: start;
            align-self: flex-start;
        }*/

        .right-menus ul li a {
            padding: 30px 15px;
            border: 0;
            font-family: var(--secondary-font-family);
            font-size: 12px;
            line-height: 1.2;
            font-weight: 600;
            text-transform: uppercase;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: #000000;
            background-color: transparent;
            -webkit-transition: color .4s;
            transition: color .4s;
            text-align: center;
            display: inline-block;
        }

            .right-menus ul li a span {
                padding-bottom: 5px;
                border-bottom: 1px solid transparent;
            }

            .right-menus ul li a:hover span {
                border-bottom: 1px solid rgb(0, 136, 230);
            }

.navbar__link {
    padding: 55px 15px;
    border: 0;
    display: block;
    font-family: var(--main-font-family);
    font-size: 12px;
    line-height: 1.2;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #949391;
    background-color: transparent;
    -webkit-transition: color .4s;
    transition: color .4s;
}

.navbar__link--button {
    margin-left: 15px;
}

@media (min-width: 768px) {
    .navbar__link--button {
        position: relative;
        padding: 12px 15px;
        color: #fff;
        background-color: #7f98a7;
        -webkit-transition: background-color .3s ease-out;
        transition: background-color .3s ease-out;
    }
}

@media (min-width: 1070px) {
    .navbar__link {
        font-size: 12px;
    }
}

.navbar__link--button:focus, .navbar__link--button:hover {
    background-color: #435363;
    color: #fff;
}






/*//data baru*/
/** ---------------------------------------------------------------------- NAVIGATION STARTS ---------- */ */

.top-menu-contact {
    font-size: 14px;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 10px;
    font-weight: 400;
}

/*.top-header.scrolled .top-menu-contact {
    display: none;
}*/



ul.nav-social-icons {
    padding: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    text-align: left;
}

    ul.nav-social-icons li {
        list-style-type: none;
        display: inline-block;
    }

        ul.nav-social-icons li i {
            font-size: 16px;
            color: #fff !important;
            padding-left: 16px !important;
        }

        ul.nav-social-icons li a {
            padding: 0px !important;
            border: none !important;
        }

            ul.nav-social-icons li a i {
                color: #fff !important;
            }

            ul.nav-social-icons li a:hover i {
                color: var(--color-red) !important;
            }

.navbar-brand {
    float: left;
    font-size: 18px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
}

.top-menu-contact ul.small-nav {
    background-color: #00000082;
    padding-bottom: 0px;
    padding-right: 0;
    margin: 0px;
    text-align: right;
    float: right;
    color: #fff;
    border-radius: 4px;
    padding: 10px 30px;
}

    .top-menu-contact ul.small-nav.left {
        text-align: left;
        float: left;
    }



    .top-menu-contact ul.small-nav li {
        list-style-type: none;
        display: inline-block;
        /* padding-left: 20px; */
        font-size: 14px;
        margin-left: 15px;
    }

        .top-menu-contact ul.small-nav li:first-child {
            margin-left: 0;
        }


        .top-menu-contact ul.small-nav li a {
            color: #fff;
        }

        .top-menu-contact ul.small-nav li i {
            padding-left: 3px;
            padding-right: 3px;
        }

        .top-menu-contact ul.small-nav li.shop {
            background-color: #7599ad;
            padding-left: 6px;
            padding-right: 6px;
            padding-top: 4px;
            padding-bottom: 4px;
            margin-left: 20px;
            margin-right: 20px;
            color: #fff;
            position: relative;
        }

            .top-menu-contact ul.small-nav li.shop .cart-item-number {
                position: absolute;
                z-index: 10;
                top: -11px;
                right: -11px;
                background-color: #666666;
                color: #fff;
                width: 22px;
                height: 22px;
                border-radius: 11px;
                text-align: center;
                font-size: 10px;
                line-height: 20px;
            }

        .top-menu-contact ul.small-nav li.searchlink {
            margin-left: 15px;
            display: block;
            float: right;
            position: relative;
            padding: 0px !important;
            /* margin: 0px; */
            right: 0;
            font-size: 36px;
            cursor: pointer;
            height: 20px;
            width: 20px;
            color: #fff;
            /* margin-top: 10px; */
            background-image: url('/../images/icon/search.png');
            background-repeat: no-repeat;
            background-position: center center;
            background-size: contain;
            background-size: 17px;
        }

            .top-menu-contact ul.small-nav li.searchlink i {
            }

            .top-menu-contact ul.small-nav li.searchlink:hover, .searchlink.open {
                color: #fff;
                background-color: transparent;
            }

            .top-menu-contact ul.small-nav li.searchlink.open > .searchform {
                display: block;
            }
        /** search field **/
        .top-menu-contact ul.small-nav li .searchform {
            display: none;
            position: absolute;
            width: 300px;
            height: 30px;
            line-height: 30px;
            top: 34px;
            right: -15px;
            padding: 0 15px;
            cursor: default;
            z-index: 999;
        }

        .top-menu-contact ul.small-nav li.searchlink.open .searchform {
            display: block;
        }

#search-1 {
    display: block;
    position: relative;
}

#s-1 {
    width: 270px;
    background: #ff974f;
    padding: 8px 11px;
    border: 0;
    font-size: 15px;
    color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.sbtn {
    display: block;
    position: absolute;
    right: 5px;
    top: 8px;
    background: none;
    border: none;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

.top-menu-contact .phone {
    text-align: right;
}

    .top-menu-contact .phone i {
        width: 26px;
        height: 26px;
        border-radius: 13px;
        color: #fff;
        background-color: #e55353;
        text-align: center;
        padding-top: 6px;
        margin-right: 6px;
    }

.sticky-wrapper {
    height: 0px !important;
}

.navbar-collapse {
    background-color: transparent;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px;
    border: 1px solid transparent;
    padding-left: 0;
    padding-right: 0;
}

.navbar-inverse {
    background-color: transparent;
    border-color: transparent;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 15px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

#navigation {
    width: 100%;
    margin-left: auto;
    margin-bottom: auto;
    position: absolute;
    z-index: 99999;
    padding-left: 0px;
    padding-right: 0px;
}

    #navigation ul.nav {
        font-family: 'Lato', sans-serif;
        font-size: 13px;
        font-weight: 600;
        padding: 0px;
        margin-top: 10px;
        margin-right: 0px;
        margin-bottom: 10px;
        margin-left: 0px;
    }

        #navigation ul.nav li {
            padding-top: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
        }

.nav > li > a {
    position: relative;
    display: block;
    padding-top: 6px;
    padding-right: 16px;
    padding-bottom: 6px;
    padding-left: 16px;
    border: 1px solid transparent;
}

#navigation ul.nav li a {
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.7;
}

    #navigation ul.nav li a i {
        color: #ff974f;
        padding-left: 4px;
    }

#navigation ul.nav a:hover {
    opacity: 1;
    color: #fff;
    text-decoration: none;
    border: 1px solid #323231;
}

#navigation ul.nav .current a {
    opacity: 1;
    color: #fff;
    text-decoration: none;
    border: 1px solid #323231;
}

ul.dropdown-menu {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #000;
}

    ul.dropdown-menu li a {
        font-size: 13px;
        padding-top: 8px;
        padding-right: 0px !important;
        padding-bottom: 8px;
        padding-left: 0px !important;
        color: #fff;
        border: 1px solid transparent !important;
    }

        ul.dropdown-menu li a:hover {
            color: #fff !important;
        }

        ul.dropdown-menu li a:last-child {
            padding-bottom: 0px !important;
        }

    ul.dropdown-menu > li > a:focus, ul.dropdown-menu > li > a:hover {
        color: #262626;
        text-decoration: none;
        background-color: transparent !important;
        border: 1px solid transparent !important;
    }

.navbar-nav > li > .dropdown-menu li a:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    content: "\f105";
    margin-right: 6px;
}

.navbar-default.navbar {
    border-radius: 0px;
    padding-top: 30px !important;
    padding-bottom: 24px !important;
    border-color: #e7e7e7 !important;
}

#navigation .navbar-default ul.nav li a {
    color: #2c2e30;
    font-weight: 400;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.7;
}

    #navigation .navbar-default ul.nav li a i {
        color: #ff974f;
        padding-left: 4px;
    }

#navigation .navbar-default ul.nav a:hover {
    opacity: 1;
    color: #000;
    text-decoration: none;
    border: 1px solid #e5e5e5;
}

#navigation .navbar-default ul.nav .current a {
    opacity: 1;
    color: #000;
    text-decoration: none;
    border: 1px solid #e5e5e5;
}


.exv-navbar--nav {
}

    .exv-navbar--nav li {
        display: block;
        line-height: 1.5;
        text-align: center;
    }

        .exv-navbar--nav li a {
            padding: 15px;
            border: 0;
            font-family: var(--secondary-font-family);
            font-size: 17px;
            line-height: 1.2;
            /*font-weight: 600;
            text-transform: uppercase;*/
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: #ffffff;
            background-color: transparent;
            -webkit-transition: color .4s;
            transition: color .4s;
            text-align: center;
            display: inline-block;
        }

        .exv-navbar--nav li:first-child a, .exv-navbar--nav li:first-child {
            margin-left: 0;
            padding-left: 0;
        }

        .exv-navbar--nav li:last-child a, .exv-navbar--nav li:last-child {
            margin-right: 0;
            padding-right: 0 !important;
        }






ul.small-nav-1 {
    padding-top: 12px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0px;
    text-align: right;
}

    ul.small-nav-1 li {
        list-style-type: none;
        display: inline-block;
        padding-left: 20px;
    }

        ul.small-nav-1 li a {
            color: #fff;
        }

        ul.small-nav-1 li i {
            padding-left: 3px;
            padding-right: 3px;
        }

        ul.small-nav-1 li.shop {
            padding: 4px 6px;
            background-color: #ff974f;
            margin-left: 20px !important;
            margin-right: 30px !important;
            color: #fff;
            position: relative;
        }

            ul.small-nav-1 li.shop .cart-item-number {
                position: absolute;
                z-index: 10;
                top: -11px;
                right: -11px;
                background-color: #666666;
                color: #fff;
                width: 22px;
                height: 22px;
                border-radius: 11px;
                text-align: center;
                font-size: 10px;
                line-height: 20px;
            }

        ul.small-nav-1 li.searchlink {
            display: block;
            float: right;
            position: relative;
            padding: 0px !important;
            margin: 0px;
            right: 0;
            font-size: 40px;
            cursor: pointer;
            height: 20px;
            width: 20px;
            color: #fff;
            margin-top: 6px;
            background-image: url(../images/icons/search-2.png);
            background-repeat: no-repeat;
            background-position: center center;
        }

            ul.small-nav-1 li.searchlink:hover, .searchlink.open {
                color: #fff;
                background-color: transparent;
            }

            ul.small-nav-1 li.searchlink.open > .searchform {
                display: block;
            }
        /** search field **/
        ul.small-nav-1 li .searchform {
            display: none;
            position: absolute;
            width: 300px;
            height: 30px;
            line-height: 30px;
            top: 34px;
            right: -15px;
            padding: 0 15px;
            cursor: default;
            z-index: 999;
        }

        ul.small-nav-1 li.searchlink.open .searchform {
            display: block;
        }

#search-1 {
    display: block;
    position: relative;
}

#s-1 {
    width: 270px;
    background: #ff974f;
    padding: 8px 11px;
    border: 0;
    font-size: 15px;
    color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.sbtn {
    display: block;
    position: absolute;
    right: 5px;
    top: 8px;
    background: none;
    border: none;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

.navbar-default ul.dropdown-menu {
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
}

    .navbar-default ul.dropdown-menu li a {
        font-size: 13px;
        padding-top: 8px;
        padding-right: 0px !important;
        padding-bottom: 8px;
        padding-left: 0px !important;
        color: #000;
        border: 1px solid transparent !important;
    }

        .navbar-default ul.dropdown-menu li a:hover {
            color: #000 !important;
        }

        .navbar-default ul.dropdown-menu li a:last-child {
            padding-bottom: 0px !important;
        }

    .navbar-default ul.dropdown-menu > li > a:focus, ul.dropdown-menu > li > a:hover {
        color: #262626;
        text-decoration: none;
        background-color: transparent !important;
        border: 1px solid transparent !important;
    }

.navbar-nav > li > .dropdown-menu li a:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    content: "\f105";
    margin-right: 6px;
}
/* ---------------------------------------------------------------------- NAVIGATION ENDS ---------- */



/*end header*/










.global-container {
    padding: 100px 70px 70px;
}

@media (max-width:767px) {

    .global-container {
        padding: 50px 35px 35px;
    }
}

/*.main-logo {
    position: fixed;
    left: 0;
    bottom: 30px;
    z-index: 1;
    width: 100%;
}*/
.main-logo {
    position: fixed;
    left: 0;
    top: 65px;
    top: 90px;
    /* transform: translateX(-50%); */
    z-index: 1;
    width: 100%;
    transition: all .15s ease-in-out;
}

.mobile-menu-scrolled .main-logo {
    top: 50px;
}

.top-message {
    padding: 15px 0;
    background: #f7f7f7;
    /*line-height: 48px;*/
    text-align: center;
    font-size: 10px;
    color: #000;
}

    .top-message p {
        margin-bottom: 0;
    }

.content-wrapper {
    padding: 80px 0;
}

@media (min-width:768px) {
    .content-wrapper {
        padding: 0px 0 50px;
        padding-left: 200px;
    }

    .main-content {
        position: relative;
        z-index: 5;
    }
}

.sidemenu-wrapper {
    position: fixed;
    left: 0;
    /*top: 225px;*/
    top: 202px;
    width: 100%;
    transition: all .15s ease-in-out;
}

.mobile-menu-scrolled .sidemenu-wrapper {
    top: 165px;
}

.sidemenu-wrapper nav {
    width: 100%;
    /*font-weight: 800;*/
}

.sidemenu-content {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 10px;
    max-width: 200px;
}

    .sidemenu-content a {
        display: block;
    }

a[data-toggle="collapse" ] i {
    font-size: 13px;
}

.panel-collapse {
    font-weight: 400;
    padding-left: 15px;
}

.sidemenu-content li {
    line-height: 2;
}

.bottom-sidemenu-wrapper {
    position: fixed;
    left: 0;
    bottom: 11vh;
    /*bottom: 150px;*/
    width: 100%;
}

.bottom-sidemenu {
    /*position:absolute;
    bottom:100px;
    left:0;*/
    max-width: 200px;
    font-size: 13px;
    line-height: 2;
}

.icon-wrapper-item > a {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: top;
}

.icon-wrapper-item a img {
    max-width: 100%;
}

.icon-hover {
    display: inline-block;
    /*width: 0px;*/
    width: auto;
    opacity: 1;
    height: 24px;
    overflow: hidden;
    transition: opacity 0.4s ease-out;
    vertical-align: middle;
    font-size: 10px;
}

.icon-wrapper-item:hover .icon-hover {
    width: auto;
    opacity: 1;
    transition: opacity 0.4s ease-out;
}

.icon-hover-content {
    display: inline-block;
    padding: 0 0 0 15px;
}

.icon-hover a {
    display: inline-block;
    height: 22px;
    border-bottom: 1px solid #ffffff;
    transition: border-color 0.3s ease-out;
}

.main-logo img {
    max-width: 125px;
    /*max-width: 90px;*/
}

.main-logo-container {
    max-width: 200px;
}

#sidecarNav {
    position: fixed;
    width: 260px;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    line-height: 1em;
    text-align: left;
    overflow: auto;
    visibility: hidden;
    background-color: #201a16;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: height 0s .14s linear,visibility 0s .14s linear;
    -moz-transition: height 0s .14s linear,visibility 0s .14s linear;
    -ms-transition: height 0s .14s linear,visibility 0s .14s linear;
    -o-transition: height 0s .14s linear,visibility 0s .14s linear;
    transition: height 0s .14s linear,visibility 0s .14s linear;
}

    #headerNav nav a, #sidecarNav nav a, #headerNav nav a:visited, #sidecarNav nav a:visited, #headerNav nav .folder-toggle, #sidecarNav nav .folder-toggle {
        /*font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;*/
        font-weight: 600;
        font-size: 14px;
        /*font-family: "futura-pt";*/
        font-size: 13px;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: 500;
        font-style: normal;
        line-height: 1em;
        color: #fff;
    }

    #sidecarNav nav {
        padding: 24px 36px 72px;
    }

        #sidecarNav nav div {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

            #sidecarNav nav div a, #sidecarNav nav div .folder-toggle {
                display: block;
                padding: .75em 0;
            }

            #sidecarNav nav div .subnav > div a {
                padding: 0 0 .5em;
            }

            #sidecarNav nav div .subnav > div:last-child a {
                padding-bottom: 1em;
            }

#siteWrapper {
    height: 99.9%;
    width: 100%;
    -webkit-transition: -webkit-transform .14s ease-in-out;
    -moz-transition: -moz-transform .14s ease-in-out;
    -ms-transition: -ms-transform .14s ease-in-out;
    -o-transition: -o-transform .14s ease-in-out;
    transition: transform .14s ease-in-out;
}

.mobile-nav-open #siteWrapper {
    position: fixed;
    height: 100%;
    -webkit-transform: translate3d(-260px,0,0);
    -moz-transform: translate3d(-260px,0,0);
    -ms-transform: translate3d(-260px,0,0);
    -o-transform: translate3d(-260px,0,0);
    transform: translate3d(-260px,0,0);
}

@media only screen and (max-width: 767px) {
    .mobile-nav-open #sidecarNav {
        visibility: visible;
        -webkit-transition: height 0s .14s linear,visibility 0s 0s linear;
        -moz-transition: height 0s .14s linear,visibility 0s 0s linear;
        -ms-transition: height 0s .14s linear,visibility 0s 0s linear;
        -o-transition: height 0s .14s linear,visibility 0s 0s linear;
        transition: height 0s .14s linear,visibility 0s 0s linear;
        z-index: 12;
    }

    .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
        z-index: 2;
        color: #9c9999 !important;
        background-color: transparent;
        border-color: transparent;
    }

    a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
        background-color: transparent;
    }

    a.arrow:after {
        content: "\f106";
        font-family: fontawesome;
        position: absolute;
        right: 0px;
        font-size: 14px;
        /* top: 23px; */
        /* transition: all .3s ease-in-out; */
        /* transform: rotate(180deg); */
    }

    a.arrow.collapsed:after {
        content: "\f107";
    }
}

@media only screen and (max-width: 1024px) {
    .touch-styles a, .touch-styles label {
        -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
        -moz-tap-highlight-color: rgba(0,0,0,0) !important;
        tap-highlight-color: rgba(0,0,0,0) !important;
    }
}

.mobile-nav-open .body-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    cursor: e-resize;
    /* -webkit-transform:translatex(-260px) translatez(0); */
    -moz-transform: translatex(-260px) translatez(0);
    -ms-transform: translatex(-260px) translatez(0);
    -o-transform: translatex(-260px) translatez(0);
    transform: translatex(-260px) translatez(0);
}

.mobile-nav-open .header-btn-line:nth-child(1) {
    -webkit-transform: translateY(0) rotate(45deg) scaleX(1.1);
    transform: translateY(0) rotate(45deg) scaleX(1.1);
}

.mobile-nav-open .header-btn-line:nth-child(2) {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.mobile-nav-open .header-btn-line:nth-child(3) {
    -webkit-transform: translateY(0) rotate(-45deg) scaleX(1.1);
    transform: translateY(0) rotate(-45deg) scaleX(1.1);
}

.mobile-icon-menu {
    padding-right: 10px;
}

    .mobile-icon-menu > div {
        padding-left: 10px;
        display: inline-block;
        line-height: 30px;
    }

    .mobile-icon-menu svg path {
        fill: #fff;
    }

.menu-mobile {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    background: #000;
    color: #fff;
}


.Mobile-bar--top {
    padding-top: 15px;
    padding-bottom: 15px;
}

.Mobile-bar--top {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
}

@media screen and (max-width: 1024px) {
    .Mobile-bar {
        padding-left: 56px;
        padding-right: 56px;
    }
}
/*@media (max-width: 960px) {
    .Mobile-bar {
        padding-left: 40px;
        padding-right: 40px;
    }
}*/
@media (max-width: 767px) {
    .Mobile-bar {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.menu-mobile {
    max-height: 63px;
    overflow: hidden;
    transition: .25s ease-out;
}

.menu-is-open .menu-mobile {
    max-height: 32rem;
}

.mobile-menu-dropdown {
    transform: translateX(-100%);
    transition: all .25s ease-out;
    padding: 0 15px 15px 15px;
    font-size: 20px;
    line-height: 2;
    overflow-y: scroll;
    max-height: calc(100vh - 63px);
}

.menu-is-open .mobile-menu-dropdown {
    transform: translateX(0);
    transition-delay: .05s;
}

.mobile-menu-dropdown a:focus, .mobile-menu-dropdown a:hover {
    color: #fff;
    text-decoration: none;
}

.mobile-menu-dropdown .right-submenu a {
    display: block;
    padding-left: 15px;
    font-size: 15px;
}

.Mobile-bar-branding-logo {
    width: 80px;
}

[data-nc-container="top-left"][data-nc-container] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1 1 0;
}

[data-nc-base="mobile-bar"] [data-nc-container="top-left"] {
    text-align: left;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    display: none;
}

[data-nc-container] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
}

[data-nc-container="top-left"] [data-nc-element="menu-icon"] {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
}

[data-nc-container="top-left"] [data-nc-element="branding"] {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}

.has-logo-image .Mobile-bar-branding {
    line-height: 0;
}

.Mobile-bar-branding, .Mobile-bar-search, .Mobile-bar-menu, .Mobile-bar .Cart {
    /*padding: 8px;*/
    line-height: 0;
}

.Mobile-bar-menu {
    outline: 0;
    border: 0;
    padding: 0;
    background-color: transparent;
    text-transform: inherit;
    letter-spacing: inherit;
}

.top-left {
    text-align: left;
    flex: 1 1 0;
}

[data-nc-container="top-center"] {
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    /*display: none;*/
    flex: 0 0 auto;
}

[data-nc-container="top-right"][data-nc-container] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

[data-nc-container="top-right"] {
    text-align: right;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    display: none;
    flex: 1 1 0;
}

.Mobile-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}





.left-sticky-menu {
    position: fixed;
    background: none;
    border: none;
    top: 50%;
    z-index: 20;
    /*z-index: 0;*/
    width: 100%;
    /*pointer-events: none;*/
    opacity: 1;
    transform: translateY(-50%);
    /*padding-left: 100px;*/
    -ms-transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media (max-width:767px) {
    .left-sticky-menu {
        padding-left: 15px;
    }
}

.left-container {
    display: inline-block;
    position: absolute;
    top: 50%;
    z-index: 28;
    transform: translateY(-50%);
}

.panel {
    background-color: transparent;
}

.panel-default {
    border-color: transparent;
}

    .panel-default > .panel-heading {
        background-color: transparent;
    }

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
}

.panel-group {
    margin-bottom: 0px;
}

.panel-body {
    padding: 0px;
}

.panel-heading {
    padding: 0;
}

.left-sticky-menu a {
    display: block;
    margin: 0 auto 7px;
    color: #000;
    opacity: .9;
    /*font-size: 17px;*/
    font-size: 13px;
    transition: color 250ms ease-in-out;
}

.left-sticky-menu .right-submenu a {
    font-size: 11px;
}

.menu-desc {
    font-size: 11px;
    line-height: 1.5;
    margin-top: 30px;
    transition: all .3s ease-in-out;
}

.sidemenu-scrolled .left-sticky-menu a {
    color: #000;
}

.sidemenu-scrolled .menu-desc {
    color: #000;
}

.sidemenu-hidden .left-sticky-menu {
    visibility: hidden;
    opacity: 0;
}

@media (min-width:768px) {
    .center-vertical {
        display: flex;
        align-items: center;
    }
}

.main-menu li li:hover a {
    opacity: .5;
}

@media (max-width: 1200px) {
    .main-menu > li > a {
        padding: 5px 5px;
    }
}

.main-menu > li > a {
    padding: 5px 5px;
    /*color: #818286;*/
    color: #000;
    height: 100%;
    font-size: 11px;
    /*letter-spacing: 2px;*/
    text-transform: uppercase;
    display: block;
    /*font-weight: 600;*/
    letter-spacing: .2em;
}

    .main-menu > li > a:hover {
        border-bottom: 1px solid #000;
    }

.main-menu > li:last-child > a {
    padding-right: 0;
}


@media (max-width: 1200px) {
    .main-menu > li > a {
        /*padding: 5px;*/
        /*padding: 15px 20px;*/
    }

    .main-menu > li > a {
        font-size: 11px;
    }
}

.main-menu li ul {
    left: 0;
    top: 56px;
    z-index: 99;
    /*padding: 25px 0;*/
    /*-webkit-box-shadow: rgba(0,0,0,0.2) 0 5px 10px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0 5px 10px;
    box-shadow: rgba(0,0,0,0.2) 0 5px 10px;*/
    /*position: absolute;*/
    top: -999em;
    background: white;
    margin-bottom: 0;
    /* margin-left: 3.14285714rem; */
    float: left;
    list-style: none;
}

.main-menu > li > ul {
    padding: 25px 0;
    width: 200px;
}

.main-menu li ul {
    top: 28px;
}


.sf-with-ul {
    margin-right: 20px !important;
}

@media (max-width: 1200px) {
    .sf-with-ul {
        padding-right: 30px;
    }
}

/*.sf-with-ul:after {
    margin-top: -1px;
    content: '';
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -3px;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top-color: #000;
    border-top-color: rgba(0,0,0,.5);
}*/
@media (min-width:768px) {
    .top-menu-row {
        display: flex;
        align-items: center;
        /* margin-left: 185px; */
        /* color: #fff; */
        background: transparent;
        padding: 20px 0 5px;
    }
}

.main-menu li ul {
    left: 0;
    top: 56px;
    z-index: 99;
    /*padding: 25px 0;*/
    /*-webkit-box-shadow: rgba(0,0,0,0.2) 0 5px 10px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0 5px 10px;
    box-shadow: rgba(0,0,0,0.2) 0 5px 10px;*/
    /*position: absolute;*/
    top: -999em;
    background: white;
    margin-bottom: 0;
    /* margin-left: 3.14285714rem; */
    float: left;
    list-style: none;
}

.main-menu > li > ul {
    padding: 25px 0;
    width: 200px;
}

.main-menu li ul {
    top: 28px;
}

.right-header {
    /*font-size: 10px;
    line-height: 30px;
    letter-spacing: .1em;
    text-transform: uppercase;*/
    padding: 6px 0;
}

    .right-header .fa-angle-down {
        font-size: 13px;
        padding-left: 5px;
    }

    .right-header > div {
        float: right;
        margin-left: 20px;
        color: #000;
        /*line-height: 1.15;*/
        line-height: 33px;
    }

        .right-header > div > a {
            transition: all .3s ease-in-out;
            display: flex;
            align-items: center;
            padding: 55px 15px;
            border: 0;
            display: block;
            font-family: Gotham SSm A,Gotham SSm B,arial,sans-serif;
            font-size: 12px;
            line-height: 1.2;
            font-weight: 600;
            text-transform: uppercase;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: #949391;
            background-color: transparent;
            -webkit-transition: color .4s;
            transition: color .4s;
        }

        .right-header > div a:hover {
            color: #818286;
        }

.dropdown-menu-item {
    position: relative;
}

.dropdown-wrapper {
    padding: 15px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in-out;
    text-align: left;
    display: block;
    cursor: auto;
    position: absolute;
    min-width: 150px;
    top: 100%;
    left: 0;
    right: 0;
    border-bottom: 1px solid #f4f4f4;
    background: #ffffff;
    padding-top: 20px;
    z-index: 10;
    transform: translateY(-15px);
}


    .dropdown-wrapper ul {
        margin: 0;
        list-style: none;
        padding: 0;
        line-height: 2;
    }

.dropdown-menu-item:hover .dropdown-wrapper {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.main-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
    /*text-align: right;*/
}

    .main-menu > li {
        padding: 0;
        margin: 0;
        list-style: none;
        display: inline-block;
        /*position: relative;*/
    }

    .main-menu li {
        padding: 0;
        margin: 0;
        list-style: none;
        position: relative;
    }

        .main-menu li li a {
            font-size: 12px;
            padding-left: 15px;
            text-transform: uppercase;
            transition: all .3s ease-in-out;
            text-transform: capitalize;
        }

        .main-menu li ul .dropdown-label {
            padding: 5px 10px;
            color: #818286;
            height: 100%;
            font-size: 12px;
            text-transform: uppercase;
            display: block;
            font-weight: 800;
            padding-left: 15px;
        }


.submenu-container {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    text-align: left;
    display: block;
    cursor: auto;
    position: absolute;
    width: 100%;
    top: 45px;
    left: 0;
    right: 0;
    border-bottom: 1px solid #f4f4f4;
}

.main-menu > li:hover .submenu-container {
    visibility: visible;
    opacity: 1;
}

.dropdown-thumb {
    width: 7.5rem;
    margin-bottom: .57142857rem;
    float: left;
    width: 20.642857rem;
}

    .dropdown-thumb img {
        width: 100%;
        height: auto;
        border: 0;
        outline: 0;
        vertical-align: middle;
    }

.main-menu li li a {
    line-height: 20px;
}

.main-menu li li a {
    transition: color .25s ease-in-out;
    color: #717171;
    font-size: 13px;
    text-decoration: none;
    cursor: pointer;
}

.count {
    font-size: 10px;
    padding-right: 5px;
}

.search-query {
    height: auto !important;
    line-height: normal;
    border-radius: 0;
    border: none;
    background: transparent !important;
    width: 100px;
    border-bottom: 1px solid #000 !important;
    padding: 6px;
    color: #818286;
    /*position: absolute;*/
    top: 0;
    outline: 0;
    /*right: 100%;*/
    box-shadow: none;
    /*display:none;*/
}

@media (max-width:820px) {

    .search-query {
        width: 50px;
    }
}

.search-query:focus {
    /*box-shadow:none;*/
    /*display:block;*/
}

.search-query {
    border-bottom: 1px solid #000 !important;
    color: #000;
}

.site-logo {
    text-align: left;
    padding: 20px 0;
    /*padding-top: 50px;*/
}

    .site-logo img {
        /*height: 43px;*/
        height: 35px;
        transition: all .3s linear;
        /*margin: auto;*/
    }

.top-menu.scrolled .site-logo img {
    height: 60px;
}

@media (max-width: 767px) {
    .top-menu {
        display: none !important;
    }
}

@media (max-width:767px) {
    .site-logo img {
        height: 30px;
    }
}

#header_left_inner a {
    color: #818286;
    font-size: 12px;
    color: #000;
    transition: all .3s ease-in-out;
}

    #header_left_inner a:hover {
        color: #818286;
    }


#header_left_inner > div {
    float: left;
}

    #header_left_inner > div:not(:last-child) {
        padding-right: 20px;
    }

a {
    color: inherit;
    text-decoration: none;
    outline: 0 !important;
}

.product-nav {
    margin: 0 0 40px 0;
    font-weight: normal;
    font-size: 13px;
    font-weight: 300;
    font-style: normal;
    font-size: 17px;
    line-height: 1.4em;
    text-transform: none;
    overflow: hidden;
    text-align: center;
}

/*@media (min-width: 641px) {
    .product-nav {
        float: left;
        width: 15%;
        padding: 0 20px 0 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
}*/
/*.product-nav {
    margin: 0 0 20px 0;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    letter-spacing: .05em;
    line-height: 1.4em;
    text-transform: none;
    overflow: hidden;
}*/
.ProductList-filter-dropdownToggle-label-title {
    float: left;
    width: 90%;
    padding-right: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    width: auto;
    text-transform: uppercase;
    font-size: 12px;
}

.ProductList-filter-dropdownToggle-label-icon {
    position: relative;
    bottom: 1px;
    float: right;
    width: 10%;
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.category-toggle {
    position: absolute;
    left: -9999px;
}

.ProductList-filter-dropdownToggle-label {
    text-align: center;
    display: none;
    cursor: pointer;
    overflow: hidden;
    color: #222;
    text-align: left;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    font-weight: normal;
}

@media (max-width: 767px) {
    .ProductList-filter-dropdownToggle-label {
        display: block;
        margin-top: 20px;
    }
}

.ProductList-filter-dropdownToggle-label-icon {
    position: relative;
    bottom: 1px;
    /*float: right;
    width: 10%;*/
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    width: auto;
}

    .ProductList-filter-dropdownToggle-label-icon:before {
        font-size: 1em;
        width: 1em;
        height: 1em;
        line-height: 1em;
    }

    .ProductList-filter-dropdownToggle-label-icon:before {
        font-size: 16px;
        width: 16px;
        height: 16px;
        line-height: 16px;
    }

    .ProductList-filter-dropdownToggle-label-icon:before {
        font-family: 'fontawesome';
        font-style: normal;
        speak: none;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        content: "\f107";
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        font-size: 20px;
    }

.product-categories {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: none;
    text-transform: uppercase;
    font-size: 12px;
}

.product-category {
    display: inline-block;
    /*margin: 0 12px 0 0;*/
    padding-bottom: 1px;
}

@media (min-width: 641px) {
    .product-category {
        display: inline-block;
        margin: 0 1em 0 0;
        padding-bottom: 1px;
    }

        .product-category:last-child {
            margin-right: 0;
        }
}

@media (max-width: 640px) {
    .product-category {
        display: block;
        margin-top: 15px;
    }
}

.product-category:first-child {
    margin-left: 0;
}

.product-category > a {
    color: rgba(34,34,34,.7);
    -webkit-transition: opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in;
    -ms-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
}

    .product-category > a:hover {
        opacity: .6;
    }

.ProductList-filter-list-item-link {
    color: rgba(34,34,34,.7);
    -webkit-transition: opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in;
    -ms-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
}

@media (max-width: 767px) {
    .category-toggle:checked ~ .product-categories {
        display: block;
        margin-top: 15px;
    }

        .category-toggle:checked ~ .product-categories .product-category {
            display: block;
            margin-bottom: 5px;
        }

    .category-toggle:checked ~ .ProductList-filter-dropdownToggle-label .ProductList-filter-dropdownToggle-label-icon:before {
        content: "\f106";
    }
}

@media (max-width: 640px) {
    .product-categories {
        display: none;
    }
}




.height100vh {
    min-height: 100vh;
}

/*.site-logo {
    display: inline-block;
    position: fixed;
    top: 70px;
    left: 70px;
}


.menu-is-open .site-logo {
    visibility: hidden;
    opacity: 0;
}

.site-logo img {
    height: 60px;
}

@media (max-width: 767px) {
    .site-logo {
        left: 15px;
        top: 35px;
    }

        .site-logo img {
            height: 40px;
        }
}*/



.left-menu {
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: left;
    -o-transform-origin: left;
    transform-origin: left;
    margin-top: 3rem;
    margin-left: 3rem;
    left: 0;
    top: 50%;
    position: fixed;
    -webkit-transform: translateY(-50%) rotateZ(-90deg);
    -moz-transform: translateY(-50%) rotateZ(-90deg);
    -ms-transform: translateY(-50%) rotateZ(-90deg);
    -o-transform: translateY(-50%) rotateZ(-90deg);
    transform: translateY(-50%) rotateZ(-90deg);
    transform: translateY(-50%) rotateZ(-90deg);
    z-index: 100;
    font-family: Garamond,serif;
}

.left-menu-item {
    padding-top: 70px;
    padding-bottom: 2rem;
}

@media (max-width: 767px) {
    .left-menu {
        margin-top: 2rem;
        margin-left: 2rem;
    }

    .left-menu-item {
        padding-top: 10px;
    }
}

.right-menu {
    position: fixed;
    right: 0;
    top: 0;
    font-family: 'Lato-Light',serif;
    z-index: 102;
}

    .right-menu a {
        display: block;
        margin: 0 auto 15px;
        color: #fff;
        opacity: .9;
        font-size: 12px;
        transition: color 250ms ease-in-out;
    }

    .right-menu .right-submenu a {
        font-size: 11px;
    }

.transition:hover {
    /*color: #f14b94!important;*/
    text-decoration: line-through;
}

.right-menu-container {
    padding-left: 70px;
    min-width: 150px;
}

.menu-line {
    position: absolute;
    width: 50px;
    height: 2px;
    background: #fff;
    top: 10px;
    left: 0;
}

.right-menu-wrapper {
    padding: 70px 70px 40px 40px;
}

@media (max-width:767px) {
    .menu-line {
        width: 20px;
        left: 40px;
    }

    .right-menu-wrapper {
        padding: 35px 15px 40px 15px;
    }
}

.panel {
    background-color: transparent;
}

.panel-default {
    border-color: transparent;
}

    .panel-default > .panel-heading {
        background-color: transparent;
    }

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
}

.panel-group {
    margin-bottom: 0px;
}

.sidemenu-content .panel-body {
    padding: 0px;
}

    .sidemenu-content .panel-body a {
        /*line-height: 1.42857143;*/
    }

.menu-button {
    font-family: "Soleil W01 Bold", sans-serif;
    font-size: 12px;
    line-height: 16px;
    position: relative;
    float: right;
    padding-right: 33px;
    cursor: pointer;
    color: #fff;
}

    .menu-button:before, .menu-button:after {
        -webkit-transition: -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition: -moz-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        content: '';
        position: absolute;
        right: 0;
        top: 7px;
        width: 18px;
        height: 2px;
        background-color: #fff;
        transform-origin: center;
    }

    .menu-button:hover:before, .menu-button:hover:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.menu-is-open .menu-button:before {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.menu-is-open .menu-button:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu-button .close-text {
    -webkit-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
}

.menu-is-open .menu-button .close-text {
    opacity: 1;
}

.site-navigation {
    -webkit-transition: left 0s 300ms, opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: left 0s 300ms, opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: bottom 1s 300ms, opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: fixed;
    /*overflow-y: scroll;
    overflow-x: hidden;*/
    -webkit-overflow-scrolling: touch;
    z-index: 102;
    bottom: 100%;
    left: 0;
    height: 100vh;
    width: 100vw;
    opacity: 0;
}

.menu-is-open .site-navigation {
    -webkit-transition: bottom 0s, opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: bottom 0s, opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: bottom 1s, opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 1;
    background: rgb(12, 12, 12);
    bottom: 0;
}

.menu-is-close .site-navigation {
    -webkit-transition: bottom 0s, opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: bottom 0s, opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: bottom 1s, opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 1;
    background: rgb(12, 12, 12);
    bottom: 100%;
}

.site-navigation .trigger {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100vh;
}

.menu-container {
    position: relative;
}

.side-menu {
    font-size: 19px;
    line-height: 42px;
    height: 100%;
    min-height: 100vh;
    width: 100%;
    margin: 0;
    padding: 0 20px;
    list-style: none;
    box-sizing: border-box;
    font-family: Lato-Light,serif;
    transition: transform 350ms cubic-bezier(.55,0,.1,1);
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    align-content: center;
    justify-content: center;
}

@media (min-width:500px) and (max-width:767px) {
    .side-menu {
        /* padding-top: initial; */
    }
}
/*.side-menu:after {
        content: '';
        position: absolute;
        top: 0;
        left: 100%;
        height: 100vh;
        width: 100vw;
        background-color: #000;
    }*/

.side-menu a {
    -webkit-transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -moz-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    color: #c71212;
    font-family: var(--main-font-family);
    font-size: 26px;
    font-weight: 700;
    line-height: 2;
}

    .side-menu a:hover {
        color: #000;
    }

/*body.menu-is-open {
    overflow: hidden;
}*/
@media (max-width:767px) {
    .header-wrapper {
        padding-top: 63px;
    }
}

.menu-container.has-submenu .side-menu {
    transform: translate3d(-100%,0,0);
}

.side-sub-menus .sub-menu {
    font-size: 19px;
    line-height: 42px;
    height: 100vh;
    /*width: 50%;*/
    width: 100%;
    float: right;
    margin: 0;
    padding: 0 20px;
    list-style: none;
    /*background-color: #000;*/
    padding-top: 200px;
    box-sizing: border-box;
    text-align: right;
    font-family: Lato-Light,serif;
    position: absolute;
    top: 0;
    bottom: 0;
    transform: translate3d(100%,0,0);
    transition: transform 350ms cubic-bezier(.55,0,.1,1);
}

    .side-sub-menus .sub-menu a {
        -webkit-transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -moz-transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
        position: relative;
        display: inline-block;
        padding-bottom: 10px;
        color: #fff;
    }

    .side-sub-menus .sub-menu.open-menu {
        transform: translate3d(0,0,0);
    }


.background-overlay {
    -webkit-transition: bottom 0s 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: bottom 0s 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: bottom 0s 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: fixed;
    bottom: 120vh;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 101;
    background-color: #000;
    opacity: 0;
}

.menu-is-open .background-overlay {
    -webkit-transition: bottom 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: bottom 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: bottom 0s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    bottom: 0;
    opacity: 0.7;
}


.menu-btn {
    display: flex;
    position: absolute;
    top: 40px;
    align-items: center;
    cursor: pointer;
    /* left: 90px; */
    right: calc(320px - 50px);
}

@media (max-width: 767px) {
    .menu-btn {
        left: 30px;
    }
}

@media (max-width: 480px) {
    .menu-btn {
        left: 20px;
    }
}

.menu-text {
    padding-left: 40px;
    position: absolute;
    font-weight: 600;
    padding-left: 40px;
    white-space: nowrap;
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .15s,-webkit-transform .15s;
    transition: opacity .15s,-webkit-transform .15s;
    transition: transform .15s,opacity .15s;
    transition: transform .15s,opacity .15s,-webkit-transform .15s;
    will-change: transform,opacity;
}

.menu-btn-bar {
    display: inline-block;
}

.menu-text-close {
    padding-left: 40px;
    position: absolute;
    font-weight: 600;
    padding-left: 40px;
    white-space: nowrap;
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .15s,-webkit-transform .15s;
    transition: opacity .15s,-webkit-transform .15s;
    transition: transform .15s,opacity .15s;
    transition: transform .15s,opacity .15s,-webkit-transform .15s;
    will-change: transform,opacity;
}

.show-menu .menu-text {
    opacity: 0;
}

.show-menu .menu-text-close {
    opacity: 1;
}

.bottom-menu {
    position: fixed;
    bottom: 70px;
    /*left: 25%;*/
    z-index: 2;
    color: #fff;
    left: 50px;
}

.bottom-menu-item {
    display: inline-block;
    padding: 10px;
    margin-right: 30px;
}

.bottom-menu-item {
    font-size: 15px;
    line-height: 14px;
    position: relative;
    font-weight: 800;
}

@media (max-width:767px) {
    .bottom-menu {
        bottom: 50px;
    }
}

@media (max-width:600px) {
    .bottom-menu {
        left: 30px;
    }

    .bottom-menu-item {
        font-size: 12px;
        line-height: 10px;
        position: relative;
        font-weight: 800;
        margin-right: 10px;
        padding: 10px 5px 10px 0;
    }
}

.bottom-menu-item::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #fff;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: -webkit-transform .15s;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s,-webkit-transform .15s;
    will-change: transform;
}

.bottom-menu-item::after {
    left: 10px;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
}

.bottom-menu-item:hover::after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}



.top-header {
    padding: 15px 0;
    /*margin-top: 50px;*/
    transition: all .2s linear;
    border-bottom: transparent;
    position: fixed;
    width: 100%;
    z-index: 1002;
    background: transparent;
}

    .top-header.scrolled {
        padding: 6px 2.5%;
        background: rgb(0, 0, 0);
    }

.header-logo img {
    height: 25px;
    transition: all .2s linear;
}

.top-header.scrolled .header-logo img {
    height: 20px;
}

.top-left {
    float: left;
}

.top-center {
    /*text-align: center;*/
    /* margin: 0 auto; */
    /* display: inline-block; */
    /* overflow: hidden; */
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 50%;
}

.top-right {
    float: right;
    position: absolute;
    right: 0;
    transform: translateY(-50%);
    top: 50%;
}

.content-container {
    max-width: 1140px;
    width: 100%;
    margin: auto;
    padding: 0 15px;
}

/*@media (max-width:1240px) {
    .content-container {
        max-width: 950px;
    }
}

@media (max-width:991px) {
    .content-container {
        max-width: 800px;
    }
}*/

@media (max-width:767px) {
    .content-container {
        /*max-width: 550px;*/
        max-width: 100%;
    }
}

.main-menu {
    display: block;
    /*text-align: center;*/
    margin: 15px 0;
}

    .main-menu ul {
        margin: 0;
        padding: 0;
    }


        .main-menu ul li {
            list-style: none;
            padding: 0;
            /*margin: 0 20px;*/
            display: inline-block;
            font-weight: 500;
            font-style: normal;
            font-size: 10px;
            /*font-family: Lato,Arial,sans-serif;*/
            position: relative;
        }

            .main-menu ul li:not(:last-child) {
                margin-right: 30px;
            }


            .main-menu ul li a {
                text-transform: uppercase;
            }
            /*.main-menu ul:hover li:hover a {
            color:#000;
        }*/
            .main-menu ul li:hover a {
                color: rgba(0,0,0,.4);
                transition: all .3s linear;
            }

            .main-menu ul li .dropdown-content {
                background-color: #fff;
                /*min-width: 150px;*/
                /*left: -10%;*/
                /* box-shadow: 0px 0px 8px rgba(0,0,0,0.2); */
                padding: 12px 16px;
                z-index: 1;
                border-radius: 5px;
                /*box-shadow: 0 3px 3px 0 rgba(0,0,0,0.09), 0px 3px 10px 0 rgba(0,0,0,0.09);*/
                opacity: 0;
                top: 30px;
                position: absolute;
                transition: visibility .15s,opacity .3s ease,-webkit-transform .25s;
                transition: visibility .15s,opacity .3s ease,transform .25s;
                visibility: hidden;
                transition-delay: .5s;
                padding-top: 25px;
            }

            .main-menu ul li:hover .dropdown-content {
                display: block;
                opacity: 1;
                transition: visibility 0s,opacity .3s ease,-webkit-transform .25s;
                transition: visibility 0s,opacity .3s ease,transform .25s;
                -webkit-transform: translate(0,-22px);
                transform: translate(0,10px);
                visibility: visible;
            }

            .main-menu ul li .dropdown-content:before {
                content: "";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                border: 9px solid transparent;
                border-bottom: 9px solid white;
                top: -18px;
                left: 50%;
                transform: translateX(-50%);
            }

            .main-menu ul li .dropdown-content a {
                display: block;
                text-decoration: none;
                color: #999;
                transition: all 0.2s linear;
                text-transform: uppercase;
                font-size: 10px;
                padding: 5px 15px;
            }

                .main-menu ul li .dropdown-content a:hover {
                    text-decoration: underline;
                }

            .main-menu ul li a {
                transition: all .3s ease-in-out;
            }

            .main-menu ul li:hover > a {
                color: rgba(125,125,125,0.6);
                transition: all .3s ease-in-out;
            }

.mobile-menu-row {
    align-items: center;
    padding: 20px 15px;
    left: 0;
    right: 0;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mobile-menu-wrapper {
    /* padding: 20px 15px 15px; */
    position: fixed;
    z-index: 102;
    max-width: 100%;
    /* top: 45px; */
    width: 100%;
    transition: all .15s ease-in-out;
    background: transparent;
}

    .mobile-menu-wrapper.scrolled {
        top: 0;
        background-color: rgb(0, 0, 0);
    }

.menu-is-open .mobile-menu-wrapper.scrolled {
    top: 0;
    background: transparent;
}

.menu-is-open .mobile-logo {
    visibility: hidden;
}

.menu-is-open .mobile-right-menu {
    display: none;
}

.mobile-menu-btn {
    width: 42px;
    height: 2px;
    position: relative;
    transform: rotate(0deg);
    transition: .5s ease-in-out;
    cursor: pointer;
    padding-top: 15px;
    padding-bottom: 20px;
    top: 5px;
}

    .mobile-menu-btn span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: black;
        border-radius: 0;
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
        transition: .25s ease-in-out;
    }

@media screen and (max-width: 39.9375em) {
    .mobile-menu-btn span {
        height: 2px;
    }
}

.mobile-menu-btn.open span {
    background: black !important;
}

.mobile-menu-btn span:nth-child(1) {
    top: 0;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.mobile-menu-btn span:nth-child(2) {
    top: 8px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

@media screen and (max-width: 39.9375em) {
    .mobile-menu-btn span:nth-child(2) {
        top: 6px;
    }
}

.mobile-menu-btn.open span:nth-child(1) {
    transform: rotate(45deg);
    top: -11px;
    left: 5px;
}

@media screen and (max-width: 39.9375em) {
    .mobile-menu-btn.open span:nth-child(1) {
        left: 1px;
        top: -8px;
    }
}

.mobile-menu-btn.open span:nth-child(2) {
    transform: rotate(-45deg);
    top: 19px;
    left: 5px;
}

@media screen and (max-width: 39.9375em) {
    .mobile-menu-btn.open span:nth-child(2) {
        left: 1px;
        top: 14px;
    }
}

.mobile-menu-btn:not(.open):hover span:nth-child(1) {
    transform: translateY(0px);
    transition: all .2s ease-in-out;
}

.mobile-menu-btn:not(.open):hover span:nth-child(2) {
    transform: translateY(4px);
    transition: all .2s ease-in-out;
}


@media screen and (max-width: 39.9375em) {
    .mobile-menu-btn {
        width: 32px;
    }
}

.mobile-right-menu {
    float: right;
    line-height: 1;
}

    .mobile-right-menu li {
        display: inline-block;
        vertical-align: middle;
    }

        .mobile-right-menu li:not(:first-child) {
            margin-left: 15px;
        }

        .mobile-right-menu li a {
            font-size: 10px;
            text-transform: uppercase;
            display: inline-block;
        }

    .mobile-right-menu img {
        height: 20px;
    }

    .mobile-right-menu i {
        font-size: 20px;
        line-height: 20px;
    }

.slide-menu {
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: white;
    background-color: #e7e7e7;
    z-index: 5;
    top: 0;
    bottom: 0;
    transition: transform .4s cubic-bezier(0,.373,.417,1.04);
    transform: translateY(-100%);
}

.open-submenu .slide-menu {
    transform: translateY(100%);
}

.menu-is-open.open-submenu .slide-menu {
    transform: translateY(100%);
}

.menu-is-open .slide-menu {
    transition: transform .4s cubic-bezier(0,.373,.417,1.04);
    transform: translateY(0);
}

.slide-menu-wrapper {
    transition: transform .4s cubic-bezier(0,.373,.417,1.04),opacity .5s ease-in-out,visibility .5s ease-in-out;
    transform: translateY(50%);
    opacity: 0;
    visibility: hidden;
}

.menu-is-open .slide-menu .slide-menu-wrapper {
    transition: transform .4s cubic-bezier(0,.373,.417,1.04),opacity .1s ease-in-out;
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.slide-main-menu {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

    .slide-main-menu li a {
        font-size: 11px;
        /* text-transform: uppercase; */
        position: relative;
    }

        .slide-main-menu li a:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 2px;
            bottom: 0;
            left: 0;
            background-color: #000;
            visibility: hidden;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transition: all .3s ease-in-out 0s;
            transition: all .3s ease-in-out 0s;
        }

        .slide-main-menu li a:hover:before {
            visibility: visible;
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

.slide-top {
    margin-bottom: 30px;
}

.back-to-main {
    font-size: 13px;
    margin-bottom: 30px;
}

.slide-bottom-menu {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    display: block;
    margin-bottom: 60px;
}

    .slide-bottom-menu ul {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .slide-bottom-menu ul li {
            list-style: none;
            line-height: 1.1;
        }

            .slide-bottom-menu ul li a {
                color: #545454;
                font-size: 9px;
                text-transform: uppercase;
                transition: all .2s ease-in-out;
            }

.slide-bottom-menu-icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 15px;
}

    .slide-bottom-menu-icon img {
        max-width: 100%;
    }

.slide-submenu .submenu-item {
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: white;
    background-color: #e7e7e7;
    z-index: 5;
    top: 0;
    bottom: 0;
    transition: transform .4s cubic-bezier(0,.373,.417,1.04);
    transform: translateY(-100%);
}

.menu-is-open .slide-submenu .submenu-item.is-active-item {
    transform: translateX(0);
}

.footer-section {
    padding-top: 80px;
    /*border-top: 1px solid #000;*/
}

.footer-about {
    max-width: 500px;
    font-family: 'AGaramondPro-Italic';
    color: #000;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 74px 0;
    font-style: italic;
}

.footer-main-menu {
    margin-top: 75px;
}

    .footer-main-menu li {
        display: inline-block;
    }

        .footer-main-menu li:not(:last-child) {
            margin-right: 30px;
        }

.footer-menus {
    /*margin-bottom:50px;*/
    font-size: 10px;
}

    .footer-menus ul strong {
        /*margin-bottom: 15px;*/
        display: inline-block;
    }

.footer-menus-row > div {
    margin-bottom: 30px;
}



@media (max-width:767px) {
    .footer-menus-row > div:nth-child(2n+1) {
        clear: left;
    }
}

@media (min-width:768px) {

    .footer-menus-item {
        /* flex: 0 0 20% !important; */
        /* max-width: 20% !important; */
    }

    .footer-menu-item-row {
        margin-top: 70px;
    }
}

.footer-droptop {
    position: relative;
}

    .footer-droptop span {
        cursor: pointer;
        text-transform: uppercase;
    }

        .footer-droptop span strong {
            font-weight: 400;
        }

        .footer-droptop span:hover {
            text-decoration: underline;
        }

        .footer-droptop span i {
            font-size: 13px;
            padding-left: 5px;
        }

.droptop-content {
    padding: 15px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in-out;
    text-align: left;
    display: block;
    cursor: auto;
    position: absolute;
    min-width: 150px;
    bottom: 100%;
    left: -15px;
    right: 0;
    /*border-bottom: 1px solid #f4f4f4;*/
    background: #ffffff;
    padding-top: 20px;
    z-index: 10;
    transform: translateY(15px);
}

.footer-droptop:hover .droptop-content {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.mobile-footer-menu {
    line-height: 2;
}

    .mobile-footer-menu a {
        display: block;
    }
/*.mobile-footer-menu > *:not(:last-child) {
    margin-bottom:5px;
}*/

.subscribe-title {
    font-size: 22px;
    /*font-weight: 800;*/
}

.footer-menus ul {
    margin: 0 15px;
    padding: 0;
    font-size: 20px;
    width: 100%;
    display: block;
    text-align: right;
}

    .footer-menus ul li a:hover {
        text-decoration: none !important;
    }

    .footer-menus ul li a strong {
        text-transform: uppercase;
        font-weight: 400;
    }

    .footer-menus ul li a:hover strong {
        text-decoration: none !important;
    }

@media (max-width:767px) {
    .footer-menu-item-row > div:not(:last-child) {
        margin-bottom: 15px;
    }

    .subscribe-title {
        margin-top: 30px;
    }
}

.subscribe-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
    margin-top: 40px;
}

    .subscribe-wrapper input[type="email"] {
        webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: transparent;
        border: none;
        border-bottom: 1px solid #999;
        /*border-width: 2px 0 2px 2px;*/
        border-radius: 0;
        /*color: #e9b875;*/
        display: block;
        height: 20px;
        line-height: 20px;
        padding: 0 22px;
        padding-left: 0;
        width: calc(100% - 60px);
        box-shadow: none;
        outline: 0;
        border-right-color: transparent;
        /*border-width: 2px;*/
        font-size: 11px;
        width: calc(100% - 70px);
    }

        .subscribe-wrapper input[type="email"]::-webkit-input-placeholder {
            /*color: #e9b875;*/
        }

    .subscribe-wrapper button {
        /*font-weight: 800;*/
        font-size: 11px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        text-transform: uppercase;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid #999;
        border-radius: 0;
        /*color: #6e6e6e;*/
        /*color: #e9b875;*/
        cursor: pointer;
        display: inline-block;
        height: 20px;
        line-height: 20px;
        min-width: 110px;
        padding: 0 30px;
        text-align: right;
        text-decoration: none;
        -webkit-transition: all 250ms ease .1s;
        -o-transition: all 250ms ease .1s;
        transition: all 250ms ease .1s;
        white-space: nowrap;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin: 0 -1px;
        min-width: 1px;
        width: 70px;
    }

@media (max-width:991px) and (min-width:768px) {
    .subscribe-wrapper input[type="email"] {
        width: calc(100% - 70px);
    }

    .subscribe-wrapper button {
        width: 70px;
    }
}

.subscribe-wrapper button:hover {
    /*background: #000;
    color: #fff;*/
    text-decoration: underline;
}
/*.footer-menus ul li {
        display: inline-block;
    }

        .footer-menus ul li:not(:last-child) {
            margin-right: 30px;
        }*/

.top-nav {
    display: block;
    text-align: center;
}

    .top-nav ul {
        margin: 0;
        padding: 0;
    }


        .top-nav ul li {
            list-style: none;
            padding: 0;
            /*margin-right: 20px;*/
            margin: 0 10px;
            display: inline-block;
            font-size: 12px;
        }

.canvas {
    padding: 50px 7%;
    padding-top: 0px;
}

@media (max-width:767px) {
    .canvas {
        padding: 10px 7%;
    }
}

.about-desc {
    max-width: 768px;
    margin: auto;
}


.footer-copyright {
    text-transform: uppercase;
    color: #72808e;
    font-size: 11px;
    text-align: center;
    display: block;
    margin: 60px 0 0;
    padding: 0 15px;
}

.slideshow-item {
    display: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
}

    .slideshow-item.in {
        display: block;
        opacity: 0;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    .slideshow-item.active {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

.slideshow-title {
    font-size: 20px;
    text-align: center;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.controls {
    margin: auto;
    margin-bottom: 45px;
    text-align: center;
}

.slide-image-desc {
    margin-top: 30px;
    color: #20272d;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
}

.slideshow-text {
    max-width: 640px;
    margin: auto;
    margin-bottom: 50px;
    width: 100%;
}

.top-nav ul li a {
    display: inline-block;
    text-decoration: none;
    color: #999;
    transition: all 0.2s linear;
    text-transform: uppercase;
    font-size: 10px;
}

.logo {
    display: inline-block;
    margin-right: 0;
}

.social-nav {
    display: block;
    text-align: center;
}

    .social-nav ul {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

        .social-nav ul li {
            list-style: none;
            display: inline-block;
        }

            .social-nav ul li:not(:first-child) {
                margin-left: 10px;
            }

            .social-nav ul li a {
                list-style: none;
                padding: 0;
                /*margin-left:10px;*/
            }

                .social-nav ul li a i {
                    /*height:18px;*/
                }

                .social-nav ul li a i {
                    /*height:30px;*/
                    color: #000;
                    -webkit-transition: fill 170ms ease-in-out;
                    -moz-transition: fill 170ms ease-in-out;
                    -o-transition: fill 170ms ease-in-out;
                    transition: fill 170ms ease-in-out;
                    font-size: 17px;
                }

        .social-nav ul:hover li:hover a i {
            /*fill: rgba(170,170,170,.4);*/
            color: #000;
        }

        .social-nav ul:hover li a i {
            color: rgba(0,0,0,.4);
        }

.controls .left.slide-nav {
    display: inline-block;
    float: left;
    color: #20272d;
    font-size: 11px;
    text-decoration: none;
}


.controls .slide-nav {
    float: none;
}

.title {
    z-index: 999;
}

.navbar-brand {
    padding: 7px 0px;
    text-align: center;
    float: none;
}

    .navbar-brand > img {
        height: 20px;
        margin: auto;
        text-align: center;
        display: block;
    }

.navbar-toggle {
    padding: 9px 0px;
    margin-right: 0px;
    line-height: 15px;
    float: none;
}
/*#mobileMenuLink {
     float:left;
}*/

#mobileMenuLink > div {
    top: 4px;
    position: relative;
}

#mobileMenuLink.open-menu > div {
    display: none;
}

.more-menu {
    float: right;
    /*text-align:center;*/
    top: 4px;
    position: relative;
}

.top-menu {
    display: block;
    /* border-bottom: solid 1px #f0f0f0; */
    /*padding: 0 100px;*/
    text-align: center;
    position: relative;
    width: 100%;
    /* background: #fff; */
    z-index: 10000;
    /* height: 59px; */
}

@media (max-width:767px) {
    .header {
        padding-bottom: 0 !important;
    }

    /*.canvas {
        padding-top: 71px !important;
    }*/
}

.search-menu {
    display: flex;
    align-items: center;
    line-height: 1.15;
}

.header__right--search {
    cursor: pointer;
    /*padding: 0 0 0 10px;*/
    flex: 0 0 auto;
    font-size: 10px;
}

input#Search {
    padding: 10px 0;
    font-size: 10px;
}

.search-form__button {
    position: absolute;
    right: 0;
    bottom: 0px;
    border: none;
    background: none;
}

.search-form {
    position: relative;
}

.header__right--item {
    flex: 0 0 auto;
}

.header__right--form {
    transition: all 300ms;
    width: 0px;
    overflow: hidden;
}

.open-search .header__right--form {
    width: 317px;
    padding-left: 17px;
}

.open-search .header__right--form {
    padding-left: 17px;
}


.search-form__input {
    outline: 0;
    line-height: 1.15;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    box-shadow: none;
    width: 300px;
    padding: 0;
    border: none;
    border-bottom: 1px solid #000;
    text-transform: uppercase;
    border-radius: 0 !important;
    font-size: 14px;
}

.more-menu-content, .search-content {
    /*display:none;*/
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 150ms ease-in-out;
    -moz-transition: opacity 150ms ease-in-out;
    -ms-transition: opacity 150ms ease-in-out;
    -o-transition: opacity 150ms ease-in-out;
    transition: opacity 150ms ease-in-out;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 900;
    /*pointer-events: none;*/
}

    .more-menu-content.open-menu, .search-content.open-menu {
        /*display:block;*/
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 150ms ease-in-out;
        -moz-transition: opacity 150ms ease-in-out;
        -ms-transition: opacity 150ms ease-in-out;
        -o-transition: opacity 150ms ease-in-out;
        transition: opacity 150ms ease-in-out;
    }

.more-menu.open-menu > img {
    display: none !important;
}

.search-button.open-menu > i {
    display: none;
}

.close-main-menu {
    font-size: 22px;
    color: #95948f;
    display: none;
}

    .close-main-menu.open {
        display: initial;
        color: #000;
    }

.close-more-menu {
    font-size: 22px;
    color: #95948f;
    display: none;
    top: -4px;
    position: relative;
}

    .close-more-menu.open {
        display: initial;
        color: #000;
    }

.close-search-button {
    font-size: 22px;
    color: #95948f;
    display: none;
}

    .close-search-button.open {
        display: initial;
    }

/*.social {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 80%;
}*/

.cs-select ul span {
    text-align: center;
    font-weight: 500;
    font-size: 26px;
}

.list-group-item {
    text-align: center;
    font-weight: 500;
    background-color: transparent;
}

.list-group-item {
    border: none;
}

.cs-options li a, .close-button {
    font-size: 22px;
}

.cs-options ul > li > a {
    color: #000;
}

.cs-skin-overlay .cs-options {
    background: rgba(255,255,255,1) !important;
}

.top-nav ul li:not(.logo-section) {
    width: 100px;
    /* margin: 0 22px; */
}

.navbar-header {
    /*margin-top: 20px;*/
    margin-bottom: 50px;
    padding-top: 60px;
}

.menu-wrap {
    position: fixed;
    z-index: 1001;
    width: 320px;
    height: 100%;
    background: #fff;
    /*background: #373a47;*/
    padding: 2.5em 1.5em 0;
    /*font-size: 1.15em;*/
    font-size: 28px;
    /*text-align: center;*/
    -webkit-transform: translate3d(-520px,0,0);
    transform: translate3d(-520px,0,0);
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    display: flex;
    align-items: center;
    /*justify-content: center;*/
}

.show-menu .menu-wrap {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.close-button {
    width: 1em;
    height: 1em;
    position: absolute;
    right: 1em;
    top: 1em;
    overflow: hidden;
    text-indent: 1em;
    font-size: 0.75em;
    border: none;
    background: transparent;
    color: transparent;
}

.menu-wrap a {
    /*color: #b8b7ad;*/
    color: #000;
    /*transition:all 0.1s ease-in-out;
    -webkit-transition:all 0.1s ease-in-out;*/
}

    .menu-wrap a:hover,
    .menu-wrap a:focus {
        color: #fd885d;
        text-decoration: none;
    }

/* Shown menu */
.show-menu .menu-wrap {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}


/*.menu, 
.icon-list {
	height: 100%;
}*/

.icon-list {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}

    .icon-list a {
        display: block;
        /*padding: 0.3em 2em;*/
        -webkit-transform: translate3d(0,500px,0);
        transform: translate3d(0,500px,0);
        /*font-family: Perpetua,serif;*/
    }

    .icon-list,
    .icon-list a {
        -webkit-transition: -webkit-transform 0s 0.4s;
        transition: transform 0s 0.4s;
        -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
        transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    }

        .icon-list a:nth-child(2) {
            -webkit-transform: translate3d(0,1000px,0);
            transform: translate3d(0,1000px,0);
        }

        .icon-list a:nth-child(3) {
            -webkit-transform: translate3d(0,1500px,0);
            transform: translate3d(0,1500px,0);
        }

        .icon-list a:nth-child(4) {
            -webkit-transform: translate3d(0,2000px,0);
            transform: translate3d(0,2000px,0);
        }

        .icon-list a:nth-child(5) {
            -webkit-transform: translate3d(0,2500px,0);
            transform: translate3d(0,2500px,0);
        }

        .icon-list a:nth-child(6) {
            -webkit-transform: translate3d(0,3000px,0);
            transform: translate3d(0,3000px,0);
        }

        .icon-list a span {
            /*margin-left: 10px;*/
            font-weight: 400;
        }

.show-menu .icon-list,
.show-menu .icon-list a {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.show-menu .icon-list {
    /*margin-left: 60px;*/
}

    .show-menu .icon-list a {
        -webkit-transition-duration: 0.9s;
        transition-duration: 0.9s;
    }

.show-menu .content::before {
    opacity: 1;
    -webkit-transition: opacity 0.8s;
    transition: opacity 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

@media (min-width: 768px) {
    .gallery {
        /*margin-top: 100px;*/
    }
}

/*.menu-container {
    display:flex;
}*/
.menu-logo {
    position: absolute;
    margin: auto;
    top: 30px;
    padding: 5px 0 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    /* width: 135px; */
    text-align: center;
}

    .menu-logo > a {
        /*border-bottom: solid 1px #000;*/
        text-decoration: none;
        color: #000;
        font-size: 22px;
    }

        .menu-logo > a > img {
            height: 30px;
            /*width:125px;*/
        }
/*.right-menu {
    right: 8%;
    position: absolute;
    text-align: right;
    top:53px;
}
    .right-menu .social-nav {
        line-height: 50px;
    }*/
.menu-button > img {
    height: 15px;
}

/*.menu-container {
    position: fixed;
    z-index: 1000;
    width: 100%;
}*/

.subnav ul {
    padding: .5em 0 1em;
}

nav ul, nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

.footer-powered {
    text-align: center;
    margin-bottom: 35px;
    color: #000;
    font-size: 14px;
    margin-top: 45px;
}

    .footer-powered > a {
        text-decoration: none;
        color: #000;
    }

img.white {
    display: none;
}

.popup-menu {
    position: absolute;
}

.menu-logo .category {
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    font-size: 6px;
    font-size: .8rem;
    margin: 1em 0 2em 0;
    display: block;
}

    .menu-logo .category a {
        padding: 1em 0;
        /* border-bottom: 2px solid #000; */
        /*font-family: 'Lato',sans-serif;*/
        font-size: 9px;
        color: #000;
    }

.footer-title {
    font-family: 'HenriDidot','Times New Roman',serif;
    font-size: 42px;
    text-align: center;
    letter-spacing: .3em;
    text-transform: uppercase;
}

@media (max-width:767px) {
    .footer-title {
        font-size: 24px;
    }

    .footer-powered {
        margin-bottom: 45px;
    }
}

.all-reserved {
    font-size: 15px;
    text-align: center;
    margin: 10px 0;
}

.instagram-section {
    margin-top: 50px;
    /*padding:50px;*/
}

.instagram-wrapper {
    /*max-width: 970px;*/
    width: 100%;
    margin: auto;
}

@media (min-width:768px) {
    .instagram-grid {
        /* width: 56.6667%; */
        margin: auto;
        max-width: 800px;
    }
}

@media only screen and (max-width: 767px) {
    .instagram-post-item {
        width: 50% !important;
        clear: none !important;
    }
}

.instagram-header h1 {
    /*font-family:Lato,Arial,sans-serif;*/
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    letter-spacing: .18em;
    line-height: 1.45em;
    text-transform: uppercase;
    margin-bottom: 40px;
    margin-top: 0;
}

.instagram-post-item a {
    overflow: hidden;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    display: block;
    cursor: default;
    border-bottom: none;
    cursor: default;
}

    .instagram-post-item a img {
        position: relative;
    }

.instagram-post-item {
    width: calc(33.33333334% - 5px);
    float: left;
    margin: 0 5px 5px 0;
}

    .instagram-post-item:nth-child(3n+1) {
        clear: left;
    }

@media only screen and (max-width: 767px) {
    .instagram-post-item {
        width: calc(50% - 5px) !important;
        clear: none !important;
    }
}

.instagram-post-item a {
    overflow: hidden;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    display: block;
    cursor: default;
    border-bottom: none;
    cursor: default;
}

    .instagram-post-item a img {
        position: relative;
    }

.instagram-image {
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    cursor: pointer;
}

.instagram-title {
    margin-bottom: 40px;
}

    .instagram-title h3 {
        text-align: center;
        font-size: 16px;
        text-transform: uppercase;
        letter-spacing: 0.2em;
        font-family: Lato, Arial, sans-serif;
    }

.footer-title > a > img {
    height: 20px;
}
/*.mobile-logo {
    display: block;
    margin: auto;
    text-align: center;
    margin-bottom: 20px;
}
.mobile-logo img {
    height:20px;
}
.mobile-logo a {
    display:inline-block;
}*/
.navbar-header .category a {
    padding: 1em 0;
    /* border-bottom: 2px solid #000; */
    /*font-family: 'Lato',sans-serif;*/
    letter-spacing: .3em;
    font-size: 9px;
    color: #000;
    margin: auto;
    text-align: center;
}

.navbar-header .category {
    display: block;
    text-align: center;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 6px;
    font-size: .8rem;
}

.categories-wrapper {
    margin-bottom: 50px;
}

.grid-categories {
    text-align: center;
}

    .grid-categories ul li {
        display: inline-block;
        text-transform: uppercase;
        margin: 0 20px;
        text-align: center;
        font-size: 13px;
        transition: all .15s linear;
        position: relative;
        letter-spacing: .1em;
    }

@media (max-width:767px) {
    .grid-categories ul li {
        margin: 0 8px;
        font-size: 10px;
    }

    .categories-wrapper {
        margin-bottom: 20px;
    }
}

.grid-categories ul li a:after {
    content: '';
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -1px;
    display: block;
    width: 0;
    height: 1px;
    background-color: #00b19e;
    -webkit-transition: all .3s cubic-bezier(.175,.885,.32,1.075);
    transition: all .3s cubic-bezier(.175,.885,.32,1.075);
}

.grid-categories ul li a:hover:after {
    width: 100%;
    background: #000;
}

/*.menu-mobile img {
    height: 5px;
}*/

.mobile-overlay {
    -webkit-animation: anim-opacity-99 525ms linear;
    animation: anim-opacity-99 525ms linear;
    overflow-y: scroll;
}

    .mobile-overlay.active {
        left: 0;
        background-color: #fff;
        -webkit-transition: left 0s,background-color 350ms cubic-bezier(.55,0,.1,1);
        -moz-transition: left 0s,background-color 350ms cubic-bezier(.55,0,.1,1);
        -ms-transition: left 0s,background-color 350ms cubic-bezier(.55,0,.1,1);
        -o-transition: left 0s,background-color 350ms cubic-bezier(.55,0,.1,1);
        transition: left 0s,background-color 350ms cubic-bezier(.55,0,.1,1);
    }

.mobile-overlay {
    position: fixed;
    top: 0;
    left: -99999px;
    bottom: 0;
    z-index: 1010;
    width: 100%;
    -webkit-transition: left 0s 525ms,background-color 350ms cubic-bezier(.55,0,.1,1) 175ms;
    -moz-transition: left 0s 525ms,background-color 350ms cubic-bezier(.55,0,.1,1) 175ms;
    -ms-transition: left 0s 525ms,background-color 350ms cubic-bezier(.55,0,.1,1) 175ms;
    -o-transition: left 0s 525ms,background-color 350ms cubic-bezier(.55,0,.1,1) 175ms;
    transition: left 0s 525ms,background-color 350ms cubic-bezier(.55,0,.1,1) 175ms;
}

.anim-opacity-99 0% {
    opacity: 0;
}

.anim-opacity-99 99% {
    opacity: 0;
}

.anim-opacity-99 100% {
    opacity: 1;
}

@-webkit-keyframes anim-opacity-99 {
    0% {
        opacity: 0;
    }

    99% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes anim-opacity-99 {
    0% {
        opacity: 0;
    }

    99% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.Mobile-overlay-close {
    outline: 0;
    border: 0;
    padding: 0;
    background-color: transparent;
    text-transform: inherit;
    letter-spacing: inherit;
    display: none;
    position: absolute;
    top: 0;
    z-index: 2;
    padding: 22px;
    line-height: 0;
    stroke: transparent;
    opacity: 0;
    -webkit-transition: opacity 350ms cubic-bezier(.55,0,.1,1),background-color 350ms cubic-bezier(.55,0,.1,1);
    -moz-transition: opacity 350ms cubic-bezier(.55,0,.1,1),background-color 350ms cubic-bezier(.55,0,.1,1);
    -ms-transition: opacity 350ms cubic-bezier(.55,0,.1,1),background-color 350ms cubic-bezier(.55,0,.1,1);
    -o-transition: opacity 350ms cubic-bezier(.55,0,.1,1),background-color 350ms cubic-bezier(.55,0,.1,1);
    transition: opacity 350ms cubic-bezier(.55,0,.1,1),background-color 350ms cubic-bezier(.55,0,.1,1);
    font-size: 20px;
}

.Mobile-overlay-close {
    display: block;
}

.mobile-overlay.active .Mobile-overlay-close {
    left: 0;
}

.mobile-overlay.active .Mobile-overlay-close {
    background-color: #fff;
    stroke: #000;
    opacity: 1;
    -webkit-transition: opacity 350ms cubic-bezier(.55,0,.1,1) 175ms,background-color 350ms cubic-bezier(.55,0,.1,1) 175ms;
    -moz-transition: opacity 350ms cubic-bezier(.55,0,.1,1) 175ms,background-color 350ms cubic-bezier(.55,0,.1,1) 175ms;
    -ms-transition: opacity 350ms cubic-bezier(.55,0,.1,1) 175ms,background-color 350ms cubic-bezier(.55,0,.1,1) 175ms;
    -o-transition: opacity 350ms cubic-bezier(.55,0,.1,1) 175ms,background-color 350ms cubic-bezier(.55,0,.1,1) 175ms;
    transition: opacity 350ms cubic-bezier(.55,0,.1,1) 175ms,background-color 350ms cubic-bezier(.55,0,.1,1) 175ms;
}

.mobile-overlay-menu {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: 80%;
    /*width: calc(100% - 60px );*/
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
}

.mobile-overlay.active .mobile-overlay-menu {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform 350ms cubic-bezier(.55,0,.1,1);
    transition: -webkit-transform 350ms cubic-bezier(.55,0,.1,1);
    -webkit-transition: transform 350ms cubic-bezier(.55,0,.1,1);
    -moz-transition: transform 350ms cubic-bezier(.55,0,.1,1);
    -ms-transition: transform 350ms cubic-bezier(.55,0,.1,1);
    -o-transition: transform 350ms cubic-bezier(.55,0,.1,1);
    transition: transform 350ms cubic-bezier(.55,0,.1,1);
}

.mobile-overlay .mobile-overlay-menu {
    right: 0;
    -webkit-transform: translate3d(100%,0,0);
    -moz-transform: translate3d(100%,0,0);
    -ms-transform: translate3d(100%,0,0);
    -o-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    -webkit-transition: -webkit-transform 350ms cubic-bezier(.55,0,.1,1) 175ms;
    transition: -webkit-transform 350ms cubic-bezier(.55,0,.1,1) 175ms;
    -webkit-transition: transform 350ms cubic-bezier(.55,0,.1,1) 175ms;
    -moz-transition: transform 350ms cubic-bezier(.55,0,.1,1) 175ms;
    -ms-transition: transform 350ms cubic-bezier(.55,0,.1,1) 175ms;
    -o-transition: transform 350ms cubic-bezier(.55,0,.1,1) 175ms;
    transition: transform 350ms cubic-bezier(.55,0,.1,1) 175ms;
}

.mobile-overlay-menu-main {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 3;
    width: 100%;
    padding: 36px;
    overflow: auto;
    -webkit-transition: -webkit-transform 350ms cubic-bezier(.55,0,.1,1);
    transition: -webkit-transform 350ms cubic-bezier(.55,0,.1,1);
    -webkit-transition: transform 350ms cubic-bezier(.55,0,.1,1);
    -moz-transition: transform 350ms cubic-bezier(.55,0,.1,1);
    -ms-transition: transform 350ms cubic-bezier(.55,0,.1,1);
    -o-transition: transform 350ms cubic-bezier(.55,0,.1,1);
    transition: transform 350ms cubic-bezier(.55,0,.1,1);
}

.Mobile-overlay-nav-item--folder:after {
    content: ' \f105 ';
    font-family: 'FontAwesome';
    color: #000;
}

.Mobile-overlay-nav .Mobile-overlay-nav-item {
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1em;
    text-transform: none;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    letter-spacing: .1em;
    line-height: 3em;
    text-transform: uppercase;
    color: #000;
    text-align: center;
}

.Mobile-overlay-nav-item, .Mobile-overlay-folder-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: .618em;
    text-align: center;
}

.Mobile-overlay-nav-item--folder, .Mobile-overlay-folder-item--toggle {
    outline: 0;
    border: 0;
    padding: 0;
    background-color: transparent;
    text-transform: inherit;
    letter-spacing: inherit;
    text-align: center;
}

.Mobile-overlay-folder-item {
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1em;
    text-transform: none;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    letter-spacing: .1em;
    line-height: 3em;
    text-transform: uppercase;
}

.Mobile-overlay-nav-item, .Mobile-overlay-folder-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: .618em;
}

.Mobile-overlay-folder-item {
    color: #000;
}

.Mobile-overlay-folder-item--toggle {
    padding-bottom: 1.618em;
}

    .Mobile-overlay-folder-item--toggle:before {
        content: '\f104  ';
        font-family: FontAwesome;
        color: #000;
    }

.Mobile-overlay-folder-item--toggle {
    color: rgba(0,0,0,.6);
}

.Mobile-overlay-folder-item--toggle {
    letter-spacing: 0em;
    font-weight: 400;
    font-style: normal;
    font-size: 11px;
    letter-spacing: .2em;
    line-height: 1em;
    text-transform: none;
}

.Mobile-overlay-folder {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    padding: 36px;
    overflow: auto;
    -webkit-transform: translate3d(100%,0,0);
    -moz-transform: translate3d(100%,0,0);
    -ms-transform: translate3d(100%,0,0);
    -o-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    -webkit-transition: -webkit-transform 350ms cubic-bezier(.55,0,.1,1);
    transition: -webkit-transform 350ms cubic-bezier(.55,0,.1,1);
    -webkit-transition: transform 350ms cubic-bezier(.55,0,.1,1);
    -moz-transition: transform 350ms cubic-bezier(.55,0,.1,1);
    -ms-transition: transform 350ms cubic-bezier(.55,0,.1,1);
    -o-transition: transform 350ms cubic-bezier(.55,0,.1,1);
    transition: transform 350ms cubic-bezier(.55,0,.1,1);
}

    .Mobile-overlay-folder.is-active-folder {
        z-index: 2;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

.has-active-folder .mobile-overlay-menu-main {
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    -o-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
}

/*.content-wrapper {
    padding: 0 7%;
    width: 100%;
    margin: auto;
}*/

.logo-white {
    display: none;
}

.Mobile-bar-branding-logo.logo-white {
    display: block;
}

.Mobile-bar-branding-logo.logo-black {
    display: none;
}


.home-menu {
    /*position: absolute;
    top: 28px;
    left: 50%;*/
    cursor: pointer;
    z-index: 10000;
    transform: translateX(-50%);
}

@media (max-width:767px) {
    .home-menu {
        left: 28px;
        transform: none;
        top: 50%;
        transform: translateY(-50%);
    }
}

.mobile-fixed-menu {
    height: 60px;
    position: absolute;
    width: 100%;
}

.mobile-logo {
    /*position: absolute;
    top: 50%;
    left: 50%;*/
    display: block;
    margin: auto;
    text-align: center;
    /*z-index: 1000;
    transform: translate(-50%,-50%);*/
}

    .mobile-logo img {
        max-height: 75px;
        max-width: 150px;
        width: 100%;
        object-fit: contain;
    }

.scrolled .mobile-logo img {
    max-height: 55px;
    max-width: 125px;
    width: 100%;
    object-fit: contain;
}

.mobile-logo a {
    display: inline-block;
}

button {
    margin: 0;
    padding: 0;
    font-family: inherit;
    background: none;
    border: none;
    outline: none;
    border-radius: 0;
}

.header-btn {
    fill: #ce0000;
    margin-right: 15px;
    display: block;
    position: relative;
    width: 1.05rem;
    height: 1.05rem;
    -webkit-transition: -webkit-transform 300ms ease-in-out;
    transition: -webkit-transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
    background: none;
    z-index: 9300;
}

    .header-btn:focus {
        outline: 0;
    }

.header-btn-line {
    display: block;
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    left: 0;
    height: 2px;
    -webkit-transition-property: background, -webkit-transform;
    transition-property: background, -webkit-transform;
    transition-property: transform, background;
    transition-property: transform, background, -webkit-transform;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

    .header-btn-line:nth-child(1) {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

.header-btn-line {
    background: #ffffff !important;
}

    .header-btn-line:nth-child(3) {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

.header-btn.is-active .header-btn-line:nth-child(1) {
    -webkit-transform: translateY(0) rotate(45deg) scaleX(1.1);
    transform: translateY(0) rotate(45deg) scaleX(1.1);
}

.header-btn.is-active .header-btn-line:nth-child(2) {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.header-btn.is-active .header-btn-line:nth-child(3) {
    -webkit-transform: translateY(0) rotate(-45deg) scaleX(1.1);
    transform: translateY(0) rotate(-45deg) scaleX(1.1);
}

.menu-is-open .header-btn-line:nth-child(1) {
    -webkit-transform: translateY(0) rotate(45deg) scaleX(1.1);
    transform: translateY(0) rotate(45deg) scaleX(1.1);
    background: #c71212 !important;
}

.menu-is-open .header-btn-line:nth-child(2) {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.menu-is-open .header-btn-line:nth-child(3) {
    -webkit-transform: translateY(0) rotate(-45deg) scaleX(1.1);
    transform: translateY(0) rotate(-45deg) scaleX(1.1);
    background: #c71212 !important;
}
/* Shown menu */
.show-menu .menu-wrap {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    top: 0;
    left: 0;
}


/*.menu, 
.icon-list {
	height: 100%;
}*/
.menu-title {
    margin-bottom: 20px;
}

.icon-list {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}

    .icon-list a {
        display: block;
        /*padding: 0.3em 2em;*/
        -webkit-transform: translate3d(0,500px,0);
        transform: translate3d(0,500px,0);
        /*font-family: Perpetua,serif;*/
    }

    .icon-list,
    .icon-list a {
        -webkit-transition: -webkit-transform 0s 0.4s;
        transition: transform 0s 0.4s;
        -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
        transition-timing-function: cubic-bezier(0.7,0,0.3,1);
        font-size: 13px;
        /*text-transform: uppercase;
        letter-spacing: .4em;*/
        line-height: 2;
        /*color: #fff;*/
    }

.subnav a {
    font-size: 11px !important;
}

.subnav ul li a:hover, .subnav ul li a:focus {
    opacity: .7;
    transition: all .3s linear;
    text-decoration: none;
}

.subnav ul li a:before {
    content: '\f068 ';
    font-family: FontAwesome;
    margin-right: 5px;
    font-size: 7px;
}

.subsubnav a {
    font-size: 8px !important;
}

    .subsubnav a:before {
        content: '\f068 ';
        font-family: FontAwesome;
        margin-right: 5px;
    }

.icon-list a:nth-child(2) {
    -webkit-transform: translate3d(0,1000px,0);
    transform: translate3d(0,1000px,0);
}

.icon-list a:nth-child(3) {
    -webkit-transform: translate3d(0,1500px,0);
    transform: translate3d(0,1500px,0);
}

.icon-list a:nth-child(4) {
    -webkit-transform: translate3d(0,2000px,0);
    transform: translate3d(0,2000px,0);
}

.icon-list a:nth-child(5) {
    -webkit-transform: translate3d(0,2500px,0);
    transform: translate3d(0,2500px,0);
}

.icon-list a:nth-child(6) {
    -webkit-transform: translate3d(0,3000px,0);
    transform: translate3d(0,3000px,0);
}

.icon-list a:nth-child(7) {
    -webkit-transform: translate3d(0,3500px,0);
    transform: translate3d(0,3000px,0);
}

.icon-list a:nth-child(8) {
    -webkit-transform: translate3d(0,4000px,0);
    transform: translate3d(0,3000px,0);
}

.icon-list a span {
    /*margin-left: 10px;*/
    font-weight: 400;
}

.show-menu .icon-list,
.show-menu .icon-list a {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.show-menu .icon-list {
    /*margin-left: 60px;*/
    font-size: 15px;
    line-height: 2;
}

.panel-heading {
    padding: 0;
}

.show-menu .icon-list a {
    -webkit-transition-duration: 0.9s;
    transition-duration: 0.9s;
}

.show-menu .content::before {
    opacity: 1;
    -webkit-transition: opacity 0.8s;
    transition: opacity 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


.footer-wrapper {
    padding: 50px 20px;
    background: #080808;
    color: #ffffff;
}

    .footer-wrapper p {
        /*color: #fff;*/
        /*font-family: 'Raleway', sans-serif;*/
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
    }

footer .footer-info > div {
    margin-bottom: 40px;
}

footer {
    padding: 80px 0;
    font-size: 14px;
}

    footer h3 {
        font-size: 14px;
        /*color: #fff;*/
        /*color: #313131;*/
        font-weight: 600;
        /* margin-bottom: 20px; */
        margin-top: 0;
    }

    footer ul li {
        margin-bottom: 0;
        display: inline-block;
        margin-right: 5px;
        margin-left: 5px;
        /* float: right; */
    }

        footer ul li a {
            font-size: 14px;
            /*color: #fff;*/
        }

            footer ul li a:hover {
                /*color: #ccc;*/
                text-decoration: none;
            }

    footer .social-links {
        margin-top: 20px;
    }

    footer .footer-logo {
        display: block;
        width: 187px;
        height: 36px;
        background: url() no-repeat bottom center;
        background-size: 100%;
        text-indent: -9999px;
        margin-bottom: 5px;
    }

    footer .copyright {
        font-size: 12px;
        margin: 0;
        margin-top: 20px;
        color: #fff;
        line-height: 1.8;
    }

@media (min-width: 768px) {
    footer .footer-bottom ul {
        text-align: right;
        margin-top: 0;
    }
}

footer .footer-bottom ul li a {
    font-size: 12px;
    color: #fff;
}

    footer .footer-bottom ul li a:hover {
        color: #ccc;
    }

footer .social-links li a.fb {
    background: url(/images/social/icon-social-fb.png) no-repeat center center;
    background-size: 100%;
}

footer .social-links li a.in {
    background: url(/images/social/icon-social-linkedin.png) no-repeat center center;
    background-size: 100%;
}

footer .social-links li a.tw {
    background: url(/images/social/icon-social-twitter.png) no-repeat center center;
    background-size: 100%;
}

footer .social-links li a.bl {
    background: url(/images/social/icon-social-rss.png) no-repeat center center;
    background-size: 100%;
}

footer .social-links li a {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    text-indent: -9999px;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

    footer .social-links li a:hover {
        opacity: .8;
    }

@media (max-width: 991px) {
    .navbar-toggle {
        display: block;
    }
}


/*update new*/


.cart-dropdown {
    padding: 0 48px;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /*background-color: rgba(255, 255, 255, 0.95);*/
    background-color: #fff;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 105;
    width: 534px;
    box-sizing: border-box;
    box-shadow: -4px 0px 7px 0px rgba(0, 0, 0, 0.07);
    padding-bottom: 55px;
    height: 100vh;
    /*display: none;*/
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    will-change: transform;
    transition: all .3s ease;
    overflow-y: scroll;
}

.open-cart .cart-dropdown {
    display: flex;
    transform: translateX(0%);
}

@media only screen and (max-width: 767px) {
    .cart-dropdown {
        width: 100vw;
        padding: 0 22px;
        padding-bottom: 32px;
    }
}

.background-overlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 13;
    background-color: rgba(0, 0, 0, 0.3);
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}

.open-cart .background-overlay {
    pointer-events: all;
    opacity: 1;
    visibility: visible;
}

.cart-top-menu {
    position: absolute;
    right: 0;
    top: 0;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

@media (max-width: 767px) {
    .cart-top-menu .c-btn-cart {
        font-size: 17px;
    }
}

.cart-top-menu > div {
    float: right;
    padding-left: 20px;
}

.cart-top {
    margin-top: 32px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .cart-top .sign-in {
        font-size: 14px;
        letter-spacing: 0.019em;
        color: #4A5A5C;
        opacity: 0.5;
    }

.modal-title {
    font-family: 'Miller Light', Arial;
    -webkit-font-smoothing: antialiased;
    font-size: 40px;
    font-size: 20px;
    font-weight: 100;
    letter-spacing: 0.01em;
    margin-top: 50px;
}

.main-account-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    margin-top: 17px;
}

.account-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .account-item.active {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .account-item .tab {
        height: 70px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        box-sizing: border-box;
        width: 100%;
        padding-bottom: 13px;
        border-bottom: 1px solid #4A5A5C;
        text-transform: uppercase;
    }

    .account-item:not(.active) .tab {
        opacity: 0.5;
        cursor: pointer;
        transition: opacity 0.2s ease;
    }

.main-account-container .tab i {
    width: 24px;
    height: 18px;
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px);
    margin-right: 13px;
    font-size: 20px;
}

.main-account-container .tab span {
    font-size: 15px;
    /*letter-spacing: 0.05em;*/
    letter-spacing: .06em;
    color: #4A5A5C;
}

.account-content {
    display: none;
    padding-top: 26px;
    overflow-y: scroll;
    overflow-y: auto !important;
    scroll-behavior: smooth;
}

.account-item.active .account-content {
    display: block;
}

.login-form label, .register-form label {
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 16.8px;
    color: #4A5A5C;
    opacity: 0.5;
    letter-spacing: 0.05em;
    font-weight: 300;
}

.login-form input, .register-form input {
    height: 26px;
    margin-top: 8px;
    padding-bottom: 4px;
    background: none;
    border: 0;
    border-bottom: 1px solid #A4ACAD;
    border-radius: 0;
    padding-left: 0;
    width: 100%;
    font-size: 20px;
    letter-spacing: 0.05em;
    color: #4A5A5C;
    outline: 0;
}

    .login-form input:focus, .register-form input:focus {
    }

.no-item {
    padding-top: 26px;
}

.cart-content {
    padding-top: 26px;
    /*overflow-y: scroll;
    scroll-behavior: smooth;*/
    min-height: 200px;
    -webkit-tap-highlight-color: transparent;
}

.cart_item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}

    .cart_item .thumb {
        -webkit-flex: 0 1 65px;
        -ms-flex: 0 1 65px;
        flex: 0 1 65px;
        margin-right: 27px;
        min-width: 65px;
        height: 65px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

@media only screen and (max-width: 767px) {
    .cart_item .thumb {
        margin-right: 10px;
    }
}

.cart_item .info {
    -webkit-flex: 1 0 108px;
    -ms-flex: 1 0 108px;
    flex: 1 0 108px;
}

    .cart_item .info .details {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .cart_item .info .details h3 {
            font-size: 11px;
            /*letter-spacing: 0;*/
            letter-spacing: .06em;
            -webkit-flex: 1;
            -ms-flex: 1;
            flex: 1;
            padding-right: 10px;
            margin: 0;
            text-transform: uppercase;
        }

@media (max-width:767px) {

    .cart_item .info .details h3 {
        font-size: 14px;
        max-width: 80px;
    }
}

.cart_item .info .details .quantity {
    -webkit-flex: 0 1 93px;
    -ms-flex: 0 1 93px;
    flex: 0 1 93px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .cart_item .info .details .quantity {
        -webkit-flex: 0 1;
        -ms-flex: 0 1;
        flex: 0 1;
        margin-left: auto;
    }
}

.cart_item .info .details .quantity label {
    display: none;
}

.cart_item .info .details .quantity input {
    font-size: 13.15px;
    background: none;
    border: none;
    width: 32px;
    color: #4A5A5C;
    font-family: 'GT-Walsheim-Regular';
    -moz-appearance: textfield;
    pointer-events: none;
}

@media only screen and (max-width: 767px) {
    .cart_item .info .details .quantity input {
        font-size: 11px;
        /*width: 16px;*/
    }
}

.cart_item .info .details .quantity .spinner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-right: 7px;
}

    .cart_item .info .details .quantity .spinner a {
        width: 26px;
        height: 21.5px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        border: 1px solid #E5ECE9;
        box-sizing: border-box;
        cursor: pointer;
        background-position: center calc(50% - 0.5px);
    }

        .cart_item .info .details .quantity .spinner a[data-type="up"] {
            background-size: 10px 10px;
            background-image: url(/images/spinner_up.svg);
        }

        .cart_item .info .details .quantity .spinner a[data-type="down"] {
            background-image: url(/images/spinner_down.svg);
            background-size: 11px 2px;
            border-left: 0;
        }

.cart_item .info .details .price {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex: 0 1 82px;
    -ms-flex: 0 1 82px;
    flex: 0 1 82px;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 11px;
    color: #4A5A5C;
    letter-spacing: .06em;
}

@media only screen and (max-width: 767px) {
    .cart_item .info .details .price {
        -webkit-flex: 0 1;
        -ms-flex: 0 1;
        flex: 0 1;
    }
}

.cart_item .info .options {
    margin-top: 3px;
    letter-spacing: .06em;
}

    .cart_item .info .options .variation {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        opacity: 0.5;
    }

        .cart_item .info .options .variation .variant {
            font-size: 10.52px;
            color: #4A5A5C;
            margin-right: 5px;
        }

        .cart_item .info .options .variation .value {
            font-family: 'GT-Walsheim-Light', Arial;
            -webkit-font-smoothing: antialiased;
            font-size: 10.52px;
            color: #4A5A5C;
        }

@media only screen and (max-width: 767px) {
    .variation .variant, .cart_item .info .options .variation .value {
        font-size: 9px;
        line-height: 12px;
    }
}

.cart_item .info a.remove_item {
    font-family: 'GT-Walsheim-Light', Arial;
    -webkit-font-smoothing: antialiased;
    font-size: 10.52px;
    color: #4A5A5C;
    opacity: 0.5;
    text-decoration: underline;
}

.checkout.button {
    width: 100%;
    /*height: 57px;*/
    height: 45px;
    /*background-color: #E5ECE9;
    background-color: #686867;*/
    background-color: #000;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 16px 0 32px;
    box-sizing: border-box;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-appearance: none;
    border: 0;
    position: relative;
    cursor: pointer;
    transition: opacity 0.25s ease;
    cursor: pointer;
    transition: opacity 0.2s ease;
    font-size: 11px;
    letter-spacing: 0.05em;
    color: #4A5A5C;
    margin-top: 28px;
    transition: opacity 0.25s ease;
    font-weight: 800;
}

    .checkout.button.account {
        display: inline-block;
        width: initial;
        line-height: 57px;
        padding: 0 32px 0 32px;
    }

    .checkout.button .checkout-label {
        color: #4A5A5C;
        color: #fff;
        font-size: 11px;
        letter-spacing: 0.05em;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-transform: uppercase;
    }

.checkout .total {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4A5A5C;
    color: #fff;
}

.checkout.button:hover {
    opacity: 0.7;
}

@media only screen and (max-width: 767px) {
    .checkout.button .checkout-label, .checkout.button .price .value {
        font-size: 11px;
    }
}

@media only screen and (max-width: 767px) {
    .checkout.button {
        height: 40px;
        padding: 0 6px 0 16px;
        font-size: 15px;
        line-height: 22px;
        letter-spacing: 0.42px;
    }

        .checkout.button.account {
            display: inline-block;
            width: initial;
            line-height: 40px;
            padding: 0 16px 0 16px;
        }
}

.c-btn-cart img {
    height: 15px;
}


/*update cart*/

.o-minicart .products {
    max-height: 195px;
    overflow: scroll;
}

.o-cart-item {
    border-bottom: 1px solid #E7E7E7;
    padding: 20px 0 14px;
}

.o-minicart .o-cart-item:first-child {
    border-top: none;
    padding-top: 0;
}

.o-minicart .o-cart-item .content-wrappers {
    display: -ms-flexbox;
    display: flex;
}

.o-cart-item .cart-image-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 68px;
    margin-right: 8px;
}

@media (min-width: 768px) {
    .o-cart-item .cart-image-wrapper {
        float: left;
        width: 110px;
        margin-right: 12px;
    }
}

@media (min-width: 1025px) {
    .o-cart-item .cart-image-wrapper {
        width: 84px;
        margin-right: 20px;
    }
}

.o-cart-item .cart-image-wrapper img {
    width: 100%;
}

.o-cart-item .cart-item-info {
    /*font-family: 'Gill Sans MT Pro Medium';*/
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    color: #444444;
    vertical-align: top;
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% - 76px);
}

@media (min-width: 768px) {
    .o-cart-item .cart-item-info {
        width: calc(100% - 122px);
    }
}

@media (min-width: 1025px) {
    .o-cart-item .cart-item-info {
        width: calc(100% - 104px);
    }
}

.o-cart-item .cart-item-info .product-name {
    letter-spacing: 0.0825em;
    text-transform: uppercase;
}

.o-cart-item .cart-item-info.has-hazmat > *:not(.m-hazmat) {
    opacity: 0.3;
}

.o-cart-item .product-name {
    -ms-flex-order: -2;
    order: -2;
}

.o-cart-item .price-section {
    -ms-flex-order: -1;
    order: -1;
}

.o-minicart .o-cart-item .cart-item-info .price-section {
    -ms-flex-positive: 5;
    flex-grow: 5;
}

.o-cart-item .price-section .is-deprecated {
    margin-right: 10px;
    text-decoration: line-through;
}

.o-cart-item .price-section .is-reduced {
    color: #F28860;
}

.o-cart-item .size-section {
    margin-top: 17px;
}

@media (min-width: 768px) {
    .o-cart-item .size-section {
        margin-top: 12px;
    }
}

@media (min-width: 1025px) {
    .o-cart-item .size-section {
        margin-top: 17px;
    }
}

.o-cart-item .size-label,
.o-cart-item .color-label,
.o-cart-item .quantity-label {
    display: inline-block;
    vertical-align: top;
    width: 64px;
}


.o-cart-item .total-section {
    text-align: right;
    margin-top: 17px;
}

@media (min-width: 1025px) {
    .o-cart-item .total-section {
        margin-top: 0;
    }
}

.o-minicart .o-cart-item .cart-item-info .total-section {
    position: absolute;
    bottom: -7px;
    right: 0;
}

.o-minicart .o-cart-item .cart-item-info .quantity-section {
    margin-bottom: -7px;
}

.o-minicart .summary-section {
    text-align: center;
}

.o-order-summary {
    font-size: 12px;
    line-height: 17px;
    color: #444444;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 21px;
    line-height: 25px;
}

.o-minicart .summary-section .o-order-summary {
    border-top: 1px solid #E0E0E0;
    font-size: 12px;
    line-height: 18px;
    padding: 18px 0 0;
    text-align: left;
}

.o-order-summary .order-value-section {
    -ms-flex-order: -2;
    order: -2;
}

.o-order-summary .shipping-section,
.o-order-summary .estimated-tax-section {
    -ms-flex-order: -1;
    order: -1;
}

.o-order-summary .discount-section,
.o-order-summary .staff-discount-section {
    color: #F28860;
}

.o-order-summary .shipping,
.o-order-summary .order-value,
.o-order-summary .discount,
.o-order-summary .total,
.o-order-summary .staff-discount,
.o-order-summary .estimated-tax {
    float: right;
}

.o-order-summary .total-section {
    border-top: 1px solid #E7E7E7;
    padding: 21px 0 25px;
    margin-top: 8px;
}

    .o-order-summary .total-section .total-label {
        letter-spacing: 0.0825em;
        text-transform: uppercase;
    }

.o-order-summary.lightbox-summary {
    border-top: 1px solid #E7E7E7;
}

    .o-order-summary.lightbox-summary .total-section {
        margin-top: 16px;
        padding-bottom: 38px;
    }

@media (min-width: 768px) {
    .o-order-summary.lightbox-summary .total-section {
        padding-bottom: 0;
    }
}

.a-button.is-secondary {
    color: #444444;
    background-color: #FFFFFF;
    border: 1px solid #E7E7E7;
    font-size: 13px;
    line-height: 21px;
    letter-spacing: 0.0825em;
    text-transform: uppercase;
    /*font-family: 'Gill Sans MT Pro Medium';*/
    font-weight: normal;
    text-align: center;
    width: 100%;
    padding: 12px 9px 8px 9px;
}

    .a-button.is-secondary:hover:not(.is-disabled):not(:disabled),
    .a-button.is-secondary.is-hover {
        color: #999999;
        border: 1px solid #CCCCCC;
    }

.o-minicart .summary-section .a-button {
    display: block;
}

    .o-minicart .summary-section .a-button.is-secondary {
        color: #FFFFFF;
        background-color: #444444;
        border: 1px solid #444444;
        margin-bottom: 30px;
    }

/*::-webkit-scrollbar {
    display: none;
}*/

/*scrolled*/
.scrolled .primary-logo.pull-left {
    top: 25px;
}

.scrolled .primary-logo img {
    max-height: 75px;
}

.scrolled .top-menu-contact ul.small-nav {
    padding: 0;
}

.scrolled .top-menu-row {
    padding: 0;
}

a.nav-scroll {
    padding: 0 15px 15px !important;
}
/*scrolled*/


@media (min-width:768px) {
    .footer-menus {
        max-width: 800px;
        float: right;
        width: 55%;
        margin-left: auto;
    }

    .footer-logo-wrapper {
        float: left;
    }
}

.sub-footer {
    border-top: 1px solid #e6e6e8;
    margin-top: 40px;
    padding: 26px 0 0;
    width: 100%;
}

.footer-call-btn {
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 13px;
    line-height: 1.308em;
    font-weight: 700;
    letter-spacing: .077em;
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding: 11px 25px;
    color: #fff;
    background: var(--color-red);
    float: left;
    position: relative;
    display: inline-block;
}

.sub-footer .footnotes {
    /* float: right; */
    /* width: 640px; */
}

@media only screen and (max-width: 1260px) {
    .sub-footer .footnotes {
        /* float: left; */
        /* width: auto; */
        /* padding-left: 20px; */
    }
}


.sub-footer .footnotes .social {
    float: left;
    margin-top: 11px;
    margin-right: 12px;
    margin-left: 15px;
}

    .sub-footer .footnotes .social a {
        color: #ffffff;
        font-size: 1.1em;
        margin-right: 18px;
        display: inline-block;
        overflow: hidden;
        width: 18px;
        float: left;
        height: 18px;
        line-height: 18px;
        background-repeat: no-repeat;
        -webkit-transition: color .2s ease-in-out;
        -moz-transition: color .2s ease-in-out;
        -ms-transition: color .2s ease-in-out;
        -o-transition: color .2s ease-in-out;
        transition: color .2s ease-in-out;
    }

        .sub-footer .footnotes .social a:hover {
            color: #000;
        }

.sub-footer .footnotes .foot-line {
    float: right;
    font-size: 12px;
    line-height: 1.8em;
    margin-top: 11px;
    color: #ffffff;
    right: 0;
    width: calc(100% - 135px);
}

    .sub-footer .footnotes .foot-line .right {
        float: right;
        margin-left: 15px;
    }

@media only screen and (max-width: 1100px) {
    .sub-footer .footnotes {
        display: block;
        float: none;
        padding-left: 0;
        clear: both;
        margin-top: 4px;
    }

        .sub-footer .footnotes .foot-line {
            float: right;
            width: 100%;
        }
}

.footer-site-logo {
    /* margin-bottom: 30px; */
}

    .footer-site-logo img {
        max-width: 200px;
        height: 87px;
        object-fit: cover;
    }


.animated.fadeout {
    opacity: 0;
    -webkit-transform: translateY(75px);
    transform: translateY(75px);
}

.animated {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: all .5s ease-in-out;
}

.exv-navbar--nav li a {
    position: relative;
}




    .exv-navbar--nav li a span:after {
        content: "";
        top: 75%;
        height: 2px;
        width: 0%;
        left: 0;
        right: 0;
        background-color: rgba(255, 255, 255, 0.6);
        transition: 0.5s ease all .3s;
        position: absolute;
        /* margin-left: 0; */
        /* padding-left: 0; */
        /* margin-right: 0; */
        /* padding-right: 0; */
        left: 0;
        right: 0;
        text-align: center;
        margin: auto;
    }




    .exv-navbar--nav li a:hover span:after {
        width: calc(100% - 30px);
        transition: 0.3s ease all;
        left: 0;
        right: 0;
        /* text-align: center; */
        margin: auto;
    }

.exv-navbar--nav li:first-child a:hover span:after {
    width: calc(100% - 15px);
    margin-left: 0;
}

.exv-navbar--nav li:last-child a:hover span:after {
    margin-right: 0;
    padding-right: 0;
    width: calc(100% - 15px);
}

@media (min-width: 768px) {
    .navbar-expand-md .navbar-collapse {
        justify-content: space-between;
    }

    .navbar-expand-md .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0;
        padding: 0;
        list-style: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .navbar-expand-md .navbar-nav.left {
            justify-content: flex-start;
        }

        .navbar-expand-md .navbar-nav.right {
            justify-content: flex-end;
        }
}



@media (max-width: 767px) {
    footer h3 {
        font-size: 12px;
    }

    .sub-footer .footnotes .social {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        /* padding-left: 15px; */
        -ms-flex: 0 0 33.333333%;
        max-width: 175px;
    }

    .sub-footer .footnotes .foot-line {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
        width: 100%;
        padding: 0 15px;
    }
}


@media only screen and (max-width: 597px) {
    .sub-footer .footnotes .foot-line {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        padding: 0 15px;
    }

        .sub-footer .footnotes .foot-line .right {
            float: left;
            margin-left: 0;
        }
}