/*
    ----------------------------------
    Start Main navigation
    ----------------------------------
*/
nav {
    background-color: white;
    position: relative;
    z-index: 1030;
    width: 100%;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

@media print {
    nav {
        display: none !important;
    }
}

nav.navbar-fixed {
    position: fixed;
    right: 0;
    top: 0;
    background-color: transparent;
}

nav.navbar-default {
    position: relative;
    background-color: transparent;
}

nav.navbar-sticked .navigation-top > ul {
    height: 0;
    border: 0;
}

nav.navbar-sticked .navigation-main {
    -moz-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 30px rgba(0, 0, 0, 0.1);
}

nav .container,
nav .navigation {
    position: relative;
}

nav .logo {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    right: 10px;
    top: 0;
    border: 0;
    z-index: 10;
}

    nav .logo img {
        /*height: 55px;*/
    }

@media (min-width: 992px) {
    nav .logo {
        display: none;
    }
}

nav .navigation ul,
nav .navigation ul li {
    margin: 0;
    padding: 0;
}

    nav .navigation ul li {
        list-style-type: none;
    }

nav .navigation > ul > li,
nav .navigation > ul > li > a {
    display: inline-block;
}

    nav .navigation > ul > li > a {
        padding: 14px 20px;
    }

    nav .navigation > ul > li.active a, nav .navigation > ul > li.active a:hover {
        color: #7b7b7b;
    }

nav .navigation-pre {
    display: none;
    background-color: #3c5570;
    color: white;
    text-align: center;
    /*font-size: 11px;*/
}

    nav .navigation-pre .row {
        margin: 0;
    }

        nav .navigation-pre .row > div {
            padding: 0;
        }

    nav .navigation-pre a {
        color: white;
        padding: 10px;
        display: block;
    }

        nav .navigation-pre a:hover {
            background-color: #2a3c4f;
        }

@media (min-width: 992px) {
    nav .navigation-pre {
        display: block;
    }
}

nav .navigation-top {
    display: none;
    border-bottom: 1px solid #e0e0e0;
}

    nav .navigation-top > ul {
        text-align: left;
        height: 55px;
        overflow: hidden;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

        nav .navigation-top > ul .left-side {
            float: right;
        }

            nav .navigation-top > ul .left-side.active a {
                background-color: #e0e0e0;
            }

            nav .navigation-top > ul .left-side > a {
                border-right: 0;
                /*border-left: 1px solid #e0e0e0;
                font-size: 12px;*/
            }

            nav .navigation-top > ul .left-side .logo-icon {
                padding: 10px 0 0 10px;
                line-height: normal;
            }

                nav .navigation-top > ul .left-side .logo-icon img {
                    vertical-align: baseline;
                }

        nav .navigation-top > ul > li > a {
            /*font-family: IRANSans;*/
            text-transform: uppercase;
            border-right: 1px solid #e0e0e0;
            padding: 0 20px;
            line-height: 55px;
            /*font-size: 16px;*/
        }

    nav .navigation-top .open-login {
        margin-right: 10px;
    }

nav .navigation-main .open-cart,
nav .navigation-main .open-login,
nav .navigation-main .open-search,
nav .navigation-main .open-menu,
nav .navigation-main .close-menu-wrapper {
    display: none;
}

nav .navigation-main .open-dropdown {
    margin-right: 5px;
}

nav .navigation-main .floating-menu {
    background-color: white;
}

    nav .navigation-main .floating-menu > ul > li > a {
        position: relative;
        /*font-family: IRANSans;
    font-size: 14px;*/
        font-weight: 600;
        text-transform: uppercase;
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none;
        color: var(--main-dark);
    }

nav .navigation-main .navbar-dropdown .navbar-box .row > div {
    margin-bottom: 15px;
    margin-bottom: 0;
}

nav .navigation-main .navbar-dropdown .navbar-box ul {
    margin-bottom: 0px;
}

    nav .navigation-main .navbar-dropdown .navbar-box ul > li {
        padding: 0;
        list-style-type: none;
        margin-bottom: 5px;
    }

        nav .navigation-main .navbar-dropdown .navbar-box ul > li.label {
            padding: 5px 0;
            /*font-size: 14px;*/
            display: inline-block;
            margin-bottom: 6px;
            font-weight: normal;
            color: #3c5570;
        }

@media (min-width: 992px) {
    nav .navigation-main .navbar-dropdown .navbar-box ul > li.label {
        font-size: 18px;
        color: white;
        margin-bottom: 12px;
    }
}

nav .navigation-main .navbar-dropdown .navbar-box ul > li.more a {
    /*font-size: 10px;*/
    /* main color */
    /*color: #8fc4ff;*/
    color: var(--orange);
    text-transform: uppercase;
}

    nav .navigation-main .navbar-dropdown .navbar-box ul > li.more a .icon {
        font-size: 6px;
    }

nav .navigation-main .navbar-dropdown .navbar-box ul > li > a {
    display: block;
    padding-bottom: 5px;
    /* main color */
    /*border-bottom: 1px solid #405a77;*/
    border-bottom: 1px solid #EEE
    /*font-size: 14px;*/
}

    nav .navigation-main .navbar-dropdown .navbar-box ul > li > a span.label {
        padding: 2px 4px;
        vertical-align: super;
        /*font-size: 55%;*/
    }

@media (min-width: 992px) {
    nav .navigation-main .navbar-dropdown .navbar-box ul > li > a:hover {
        -moz-transform: translateX(-5px);
        -ms-transform: translateX(-5px);
        -o-transform: translateX(-5px);
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
        color: var(--orange);
    }
}

nav .navigation-main .navbar-dropdown .navbar-box ul > li:last-child > a {
    border-bottom: 0;
}

@media (min-width: 992px) {
    nav .navigation .floating-menu > ul > li,
    nav .navigation .floating-menu > ul > li > a {
        display: inline-block;
    }

    nav .navigation .logo {
        position: absolute;
        z-index: 1;
    }

    nav .navigation-top {
        display: block;
    }

    nav .navigation-main {
        border-bottom: 1px solid #e0e0e0;
    }

        nav .navigation-main .floating-menu > ul {
            position: relative;
            border-bottom: 0px solid #CCC;
        }

            nav .navigation-main .floating-menu > ul > li > a {
                padding: 15px;
            }

            nav .navigation-main .floating-menu > ul > li.nav-settings {
                float: left;
            }

                nav .navigation-main .floating-menu > ul > li.nav-settings ul li {
                    cursor: pointer;
                }

            nav .navigation-main .floating-menu > ul > li .navbar-dropdown {
                display: none;
                position: absolute;
                overflow: hidden;
                width: 100%;
                right: 0;
                left: 0;
                top: 100%;
                text-align: right;
                z-index: 9999;
            }

                nav .navigation-main .floating-menu > ul > li .navbar-dropdown .navbar-box {
                    display: table;
                    width: 100%;
                }

                    nav .navigation-main .floating-menu > ul > li .navbar-dropdown .navbar-box .image img {
                        width: 100%;
                    }

                    nav .navigation-main .floating-menu > ul > li .navbar-dropdown .navbar-box > div {
                        display: table-cell;
                        vertical-align: top;
                        width: 50%;
                    }

                    nav .navigation-main .floating-menu > ul > li .navbar-dropdown .navbar-box .box-sm {
                        width: 40%;
                        /* main color */
                        /*background-color: #2a3c4f;*/
                        background-color: var(--mega-second-color);
                    }

                    nav .navigation-main .floating-menu > ul > li .navbar-dropdown .navbar-box .box-lg {
                        width: 60%;
                        /* main color */
                        /*background-color: #3c5570; */
                        background-color: #FBFBFB;
                    }

                    nav .navigation-main .floating-menu > ul > li .navbar-dropdown .navbar-box .box-full {
                        background-color: #3c5570;
                    }

                    nav .navigation-main .floating-menu > ul > li .navbar-dropdown .navbar-box .box {
                        padding: 20px;
                    }

                    nav .navigation-main .floating-menu > ul > li .navbar-dropdown .navbar-box ul {
                        width: 100%;
                    }

                nav .navigation-main .floating-menu > ul > li .navbar-dropdown.navbar-dropdown-single {
                    width: auto;
                    left: auto;
                    right: auto;
                    max-width: 250px;
                }

                    nav .navigation-main .floating-menu > ul > li .navbar-dropdown.navbar-dropdown-single .navbar-box {
                        min-height: inherit;
                    }

                        nav .navigation-main .floating-menu > ul > li .navbar-dropdown.navbar-dropdown-single .navbar-box .box {
                            padding: 20px;
                        }

                        nav .navigation-main .floating-menu > ul > li .navbar-dropdown.navbar-dropdown-single .navbar-box ul:last-child {
                            margin-bottom: 0;
                        }



            nav .navigation-main .floating-menu > ul > li.active a:hover {
                color: #3c5570;
            }

            nav .navigation-main .floating-menu > ul > li:hover {
                /* main color */
                /*background-color: #3c5570;*/
                background-color: #FBFBFB;
            }



                nav .navigation-main .floating-menu > ul > li:hover a span i {
                    color: var(--mega-second-color);
                }

                nav .navigation-main .floating-menu > ul > li:hover .navbar-dropdown {
                    display: block;
                }
}

@media (max-width: 991px) {
    nav {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

        nav.navbar-fixed {
            position: absolute;
            background-color: black;
        }

        nav .container {
            padding: 0;
            margin: 0;
            width: 100%;
            max-width: none;
        }

        nav .navigation-main {
            height: 55px;
        }

            nav .navigation-main .open-cart,
            nav .navigation-main .open-login,
            nav .navigation-main .open-search,
            nav .navigation-main .open-menu,
            nav .navigation-main .close-menu-wrapper {
                display: block;
            }

            nav .navigation-main .open-cart,
            nav .navigation-main .open-login,
            nav .navigation-main .open-search,
            nav .navigation-main .open-menu {
                position: absolute;
                top: 0px;
                left: 0;
                width: 40px;
                height: 100%;
                text-align: center;
                border-right: 1px solid #dcdcdc;
            }

                nav .navigation-main .open-cart .icon,
                nav .navigation-main .open-login .icon,
                nav .navigation-main .open-login .icon-no-action,
                nav .navigation-main .open-search .icon,
                nav .navigation-main .open-menu .icon {
                    font-size: 15px;
                    line-height: 58px;
                }

            nav .navigation-main .open-login {
                left: 40px;
            }

            nav .navigation-main .open-cart {
                left: 80px;
            }

            nav .navigation-main .open-search {
                left: 120px;
            }

            nav .navigation-main .floating-menu {
                position: absolute;
                padding: 0 10px;
                z-index: 9999;
                width: 100%;
                top: 0;
                left: 0;
                right: auto;
                /* main color */
                /*background-color: #3c5570;*/
                background-color: #FBFBFB;
                -moz-transform: translate3d(0, -100%, 0);
                -ms-transform: translate3d(0, -100%, 0);
                -o-transform: translate3d(0, -100%, 0);
                -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
                -moz-transition: all 0.3s;
                -o-transition: all 0.3s;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
            }

                nav .navigation-main .floating-menu.expanded, nav .navigation-main .floating-menu.expanded .close-menu {
                    display: block;
                    -moz-transform: translate3d(0, 0, 0);
                    -ms-transform: translate3d(0, 0, 0);
                    -o-transform: translate3d(0, 0, 0);
                    -webkit-transform: translate3d(0, 0, 0);
                    transform: translate3d(0, 0, 0);
                }

                    nav .navigation-main .floating-menu.expanded > ul > li {
                        -moz-transform: translate3d(0, 0, 0);
                        -ms-transform: translate3d(0, 0, 0);
                        -o-transform: translate3d(0, 0, 0);
                        -webkit-transform: translate3d(0, 0, 0);
                        transform: translate3d(0, 0, 0);
                        -moz-transition: all 0.2s;
                        -o-transition: all 0.2s;
                        -webkit-transition: all 0.2s;
                        transition: all 0.2s;
                    }

                nav .navigation-main .floating-menu .navbar-dropdown {
                    display: none;
                    /* main color */
                    /*background-color: #405a77;*/
                    background-color: #FBFBFB;
                    padding: 0 10px;
                    margin-bottom: 10px;
                }

                nav .navigation-main .floating-menu > ul {
                    overflow: scroll;
                    max-height: 90vh;
                }

                    nav .navigation-main .floating-menu > ul > li {
                        -moz-transform: translate3d(-100%, 0, 0);
                        -ms-transform: translate3d(-100%, 0, 0);
                        -o-transform: translate3d(-100%, 0, 0);
                        -webkit-transform: translate3d(-100%, 0, 0);
                        transform: translate3d(-100%, 0, 0);
                    }

                        nav .navigation-main .floating-menu > ul > li:nth-child(1) {
                            -moz-transition-delay: 0.1s;
                            -o-transition-delay: 0.1s;
                            -webkit-transition-delay: 0.1s;
                            transition-delay: 0.1s;
                        }

                        nav .navigation-main .floating-menu > ul > li:nth-child(2) {
                            -moz-transition-delay: 0.2s;
                            -o-transition-delay: 0.2s;
                            -webkit-transition-delay: 0.2s;
                            transition-delay: 0.2s;
                        }

                        nav .navigation-main .floating-menu > ul > li:nth-child(3) {
                            -moz-transition-delay: 0.3s;
                            -o-transition-delay: 0.3s;
                            -webkit-transition-delay: 0.3s;
                            transition-delay: 0.3s;
                        }

                        nav .navigation-main .floating-menu > ul > li:nth-child(4) {
                            -moz-transition-delay: 0.4s;
                            -o-transition-delay: 0.4s;
                            -webkit-transition-delay: 0.4s;
                            transition-delay: 0.4s;
                        }

                        nav .navigation-main .floating-menu > ul > li:nth-child(5) {
                            -moz-transition-delay: 0.5s;
                            -o-transition-delay: 0.5s;
                            -webkit-transition-delay: 0.5s;
                            transition-delay: 0.5s;
                        }

                        nav .navigation-main .floating-menu > ul > li:nth-child(6) {
                            -moz-transition-delay: 0.6s;
                            -o-transition-delay: 0.6s;
                            -webkit-transition-delay: 0.6s;
                            transition-delay: 0.6s;
                        }

                        nav .navigation-main .floating-menu > ul > li:nth-child(7) {
                            -moz-transition-delay: 0.7s;
                            -o-transition-delay: 0.7s;
                            -webkit-transition-delay: 0.7s;
                            transition-delay: 0.7s;
                        }

                        nav .navigation-main .floating-menu > ul > li:nth-child(8) {
                            -moz-transition-delay: 0.8s;
                            -o-transition-delay: 0.8s;
                            -webkit-transition-delay: 0.8s;
                            transition-delay: 0.8s;
                        }

                        nav .navigation-main .floating-menu > ul > li:nth-child(9) {
                            -moz-transition-delay: 0.9s;
                            -o-transition-delay: 0.9s;
                            -webkit-transition-delay: 0.9s;
                            transition-delay: 0.9s;
                        }

                        nav .navigation-main .floating-menu > ul > li:nth-child(10) {
                            -moz-transition-delay: 1s;
                            -o-transition-delay: 1s;
                            -webkit-transition-delay: 1s;
                            transition-delay: 1s;
                        }

                        nav .navigation-main .floating-menu > ul > li:nth-child(11) {
                            -moz-transition-delay: 1.1s;
                            -o-transition-delay: 1.1s;
                            -webkit-transition-delay: 1.1s;
                            transition-delay: 1.1s;
                        }

                        nav .navigation-main .floating-menu > ul > li:nth-child(12) {
                            -moz-transition-delay: 1.2s;
                            -o-transition-delay: 1.2s;
                            -webkit-transition-delay: 1.2s;
                            transition-delay: 1.2s;
                        }

                        nav .navigation-main .floating-menu > ul > li:nth-child(13) {
                            -moz-transition-delay: 1.3s;
                            -o-transition-delay: 1.3s;
                            -webkit-transition-delay: 1.3s;
                            transition-delay: 1.3s;
                        }

                        nav .navigation-main .floating-menu > ul > li:nth-child(14) {
                            -moz-transition-delay: 1.4s;
                            -o-transition-delay: 1.4s;
                            -webkit-transition-delay: 1.4s;
                            transition-delay: 1.4s;
                        }

                        nav .navigation-main .floating-menu > ul > li:nth-child(15) {
                            -moz-transition-delay: 1.5s;
                            -o-transition-delay: 1.5s;
                            -webkit-transition-delay: 1.5s;
                            transition-delay: 1.5s;
                        }

                        nav .navigation-main .floating-menu > ul > li:nth-child(16) {
                            -moz-transition-delay: 1.6s;
                            -o-transition-delay: 1.6s;
                            -webkit-transition-delay: 1.6s;
                            transition-delay: 1.6s;
                        }

                        nav .navigation-main .floating-menu > ul > li:nth-child(17) {
                            -moz-transition-delay: 1.7s;
                            -o-transition-delay: 1.7s;
                            -webkit-transition-delay: 1.7s;
                            transition-delay: 1.7s;
                        }

                        nav .navigation-main .floating-menu > ul > li:nth-child(18) {
                            -moz-transition-delay: 1.8s;
                            -o-transition-delay: 1.8s;
                            -webkit-transition-delay: 1.8s;
                            transition-delay: 1.8s;
                        }

                        nav .navigation-main .floating-menu > ul > li:nth-child(19) {
                            -moz-transition-delay: 1.9s;
                            -o-transition-delay: 1.9s;
                            -webkit-transition-delay: 1.9s;
                            transition-delay: 1.9s;
                        }

                        nav .navigation-main .floating-menu > ul > li:nth-child(20) {
                            -moz-transition-delay: 2s;
                            -o-transition-delay: 2s;
                            -webkit-transition-delay: 2s;
                            transition-delay: 2s;
                        }

                        nav .navigation-main .floating-menu > ul > li > a {
                            display: block;
                            /* main color */
                            /*border-bottom: 1px solid #405a77;*/
                            padding: 15px 0;
                            position: relative;
                        }

                        nav .navigation-main .floating-menu > ul > li .open-dropdown {
                            position: absolute;
                            display: block;
                            width: 40px;
                            height: 100%;
                            left: 0;
                            top: 0;
                            font-size: 22px;
                            line-height: 50px;
                            text-align: center;
                        }

                            nav .navigation-main .floating-menu > ul > li .open-dropdown .fa:before {
                                -moz-transform: rotate(90deg);
                                -ms-transform: rotate(90deg);
                                -o-transform: rotate(90deg);
                                -webkit-transform: rotate(90deg);
                                transform: rotate(90deg);
                                -moz-transition: all 0.3s;
                                -o-transition: all 0.3s;
                                -webkit-transition: all 0.3s;
                                transition: all 0.3s;
                                display: inline-block;
                            }

                        nav .navigation-main .floating-menu > ul > li.expanded .open-dropdown .fa:before {
                            -moz-transform: rotate(0deg);
                            -ms-transform: rotate(0deg);
                            -o-transform: rotate(0deg);
                            -webkit-transform: rotate(0deg);
                            transform: rotate(0deg);
                        }

            nav .navigation-main .close-menu-wrapper {
                height: 50px;
                /* main color */
                /*border-bottom: 1px solid #405a77;*/
                border-bottom: 1px solid var(--mega-second-color);
            }

            nav .navigation-main .close-menu {
                cursor: pointer;
                display: block;
                height: 50px;
                width: 50px;
                float: left;
                background-size: auto 50px;
                background-position: 0% center;
                background-repeat: no-repeat;
                color: white;
                text-align: left;
                -moz-transform: translate3d(0, -100%, 0);
                -ms-transform: translate3d(0, -100%, 0);
                -o-transform: translate3d(0, -100%, 0);
                -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
                -moz-transition: all 0.3s;
                -o-transition: all 0.3s;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
                -moz-transition-delay: 0.2s;
                -o-transition-delay: 0.2s;
                -webkit-transition-delay: 0.2s;
                transition-delay: 0.2s;
            }

                nav .navigation-main .close-menu .icon {
                    font-size: 26px;
                    line-height: 50px;
                    padding-left: 8px;
                }

            nav .navigation-main .navbar-dropdown .box-1 {
                display: none;
            }

            nav .navigation-main .navbar-dropdown ul {
                margin: 20px 0;
                padding: 0;
            }

            nav .navigation-main .navbar-dropdown .navbar-box ul {
                margin-bottom: 15px;
            }

                nav .navigation-main .navbar-dropdown .navbar-box ul > li > a {
                    /* main color */
                    /*border-color: #405a77;*/
                    /*font-size: 14px;*/
                    padding-top: 8px;
                    /*padding-bottom: 8px;*/
                    border-bottom: 1px solid #EEE
                }

                nav .navigation-main .navbar-dropdown .navbar-box ul > li.label {
                    text-transform: uppercase;
                    margin-bottom: 10px;
                    display: inline-block;
                    color: white;
                }
}

nav .open-login,
nav .open-cart,
nav .open-search {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

    nav .open-login.open .icon:after,
    nav .open-cart.open .icon:after,
    nav .open-search.open .icon:after {
        content: "\f00d\f00d";
    }

    nav .open-login.open .icon:before,
    nav .open-cart.open .icon:before,
    nav .open-search.open .icon:before {
        content: "\f00d";
    }

nav .open-cart {
    position: relative;
}

    nav .open-cart span {
        background-color: var(--blue);
        color: white;
        position: absolute;
        width: 15px;
        height: 15px;
        line-height: 15px;
        left: 4px;
        top: 5%;
        text-align: center;
        font-size: 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

nav .search-wrapper {
    position: absolute;
    background: white;
    top: 56px;
    left: 15px;
    right: 15px;
    z-index: 9999;
    padding: 0;
}

    nav .search-wrapper .form-control {
        height: 46px;
        border-color: transparent;
    }

@media (min-width: 992px) {
    nav .search-wrapper .form-control {
        padding-right: 0;
        padding-left: 0;
    }
}

nav .search-wrapper .form-control:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

nav .search-wrapper .btn {
    position: absolute;
    left: 5px;
    top: 9px;
}

@media (min-width: 992px) {
    nav .search-wrapper .btn {
        left: 0;
        top: 10px;
    }
}

@media (max-width: 991px) {
    nav .search-wrapper {
        right: 0;
        left: 0;
    }
}

nav .login-wrapper {
    width: 100%;
    background-color: white;
    border: 1px solid #e0e0e0;
    border-top: 0;
    position: absolute;
    display: inline-block;
    text-align: right;
    padding: 20px;
    top: 56px;
    right: auto;
    left: 0;
    z-index: 999;
}

@media (min-width: 768px) {
    nav .login-wrapper {
        max-width: 300px;
    }
}

nav .cart-wrapper {
    position: absolute;
    width: 100%;
    top: 56px;
    left: 0;
    padding: 7.5px;
    max-width: 500px;
    border: 1px solid #e0e0e0;
    border-top: 0;
    overflow: hidden;
    background-color: white;
}

@media (min-width: 992px) {
    nav .cart-wrapper {
        left: 15px;
    }
}

nav .cart-wrapper .checkout {
    padding: 0 15px;
    opacity: 0;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

    nav .cart-wrapper .checkout hr {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    nav .cart-wrapper .checkout .cart-block {
        padding: 10px;
        margin-bottom: 10px;
    }

        nav .cart-wrapper .checkout .cart-block > div.quantity {
            padding: 5px 0;
            text-align: right;
        }

            nav .cart-wrapper .checkout .cart-block > div.quantity .form-control {
                width: 60px;
                height: inherit;
            }

        nav .cart-wrapper .checkout .cart-block > div.price {
            padding-left: 10px;
        }

        nav .cart-wrapper .checkout .cart-block .title {
            padding: 15px 0;
        }

@media (min-width: 992px) {
    nav .cart-wrapper .checkout .cart-block .title {
        padding: 15px;
    }
}

nav .cart-wrapper .checkout .cart-block.cart-block-footer {
    padding: 5px 0;
    margin: 0;
    margin-bottom: 3px;
    width: 100%;
    background-color: transparent;
}

    nav .cart-wrapper .checkout .cart-block.cart-block-footer .title {
        padding: 0;
    }

    nav .cart-wrapper .checkout .cart-block.cart-block-footer > div {
        float: right;
        padding: 0;
    }

nav .cart-wrapper .checkout .cart-block .icon-delete {
    padding: 2px;
}

nav .cart-wrapper .checkout .cart-block-buttons {
    margin: 20px 0;
}

nav .cart-wrapper.open .checkout {
    opacity: 1;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

nav .search-wrapper,
nav .login-wrapper,
nav .cart-wrapper {
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
    -moz-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

    nav .search-wrapper.open,
    nav .login-wrapper.open,
    nav .cart-wrapper.open {
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

@media (max-width: 991px) {
    nav .search-wrapper,
    nav .login-wrapper,
    nav .cart-wrapper {
        top: 55px;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
    }
}

.navigation.navigation-top.clearfix ul li a i {
    /*color: var(--font-black);*/
}

.navigation.navigation-top.clearfix ul li a {
    color: var(--font-black);
}

.mega-menu-link-more {
    color: #8fc4ff !important;
}

/*
    ----------------------------------
    End Start Main navigation
    ----------------------------------
*/

/*
    ----------------------------------
    Start Main navigation Custom
    ----------------------------------
*/
.btn.btn-clean {
    background-color: transparent;
    border-color: white;
    color: white !important;
}

    .btn.btn-clean:hover {
        background-color: white;
        border-color: white;
        color: black !important;
    }

@media only screen and (max-width: 600px) {
    .fixed-top-mobile {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1030;
    }

    .navbar-box {
        border: unset !important;
    }

    nav .navigation-main .floating-menu > ul > li .navbar-dropdown .navbar-box .box-sm {
        width: 40%;
        /* main color */
        /*background-color: #2a3c4f;*/
        background-color: #FBFBFB;
        color: white;
    }

    .box-sm {
        display: none;
    }
}

nav .image {
    height: 367px;
    background-size: cover;
}

/*
    ----------------------------------
    End Main navigation Custom
    ----------------------------------
*/