.alert, .badge, .btn, .label {
    text-shadow: none
}

.header .menu > li > .horizontal ul li a, .header .menu > li > .mega .container ul.sub-menu > li a, .nav-tabs > li > a, .panel .panel-heading .panel-title, .panel.panel-featured .panel-title h4 {
    font-family: Montserrat;
    text-transform: uppercase
}

.hidden {
    display: none !important
}

.h-100, .image-responsive-width, body, html {
    height: 100%;
    margin: unset
}

    .btn, .card.share .card-content, .checkbox.right input[type=checkbox]:checked + label, .form-group-default.input-group-attached, .header .menu > li.classic, .header .pull-left, .header > .pull-right, body.mobile, label.inline {
        position: relative
    }

#lang-box, .header.bottom {
    position: absolute
}

.bg-white {
    background-color: #fff
}

.direction-column {
    flex-direction: column
}

.justify-flex-start {
    justify-content: flex-start
}

.mobile-wrapper, .social, .social-wrapper {
    height: 100%;
    width: 100%
}

    .mobile-wrapper > .swiper-wrapper > .swiper-slide {
        height: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: initial;
        display: block
    }

.header {
    position: fixed;
    top: 0;
    height: 6.3vw;
    width: 100%;
    z-index: 800;
    -webkit-transition: background .4s,height .4s;
    transition: background .4s,height .4s
}

    .header.light .header-login, .header.light .language-button, .header.transparent-light .header-login, .header.transparent-light .language-button {
        margin-bottom: .35vw;
        transition: .2s ease-out;
        font-size: .8vw
    }

    .header.bottom.affix {
        position: fixed;
        bottom: auto;
        top: 0
    }

    .header.transparent-dark, .header.transparent-light {
        background-color: transparent
    }

#lang-box {
    box-shadow: 0 15px 75px rgb(0 0 0 / 7%),0 4px 100px rgb(0 0 0 / 5%);
    top: 4.5vw;
    align-items: center;
    flex-direction: column;
    padding: .5vw;
    border-radius: .41vw
}

.header.transparent-light .language-button {
    padding: .5vw;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-right: .5vw;
    background-color: transparent;
    border: .1vw solid #fff;
    border-radius: .41vw;
    color: #fff
}

    .header.light .language-button:hover, .header.transparent-light .language-button:hover {
        background-color: #696f85;
        border: .1vw solid #696f85;
        color: #fff
    }

.header.transparent-light .header-login {
    padding: .5vw 1.5vw;
    border: .1vw solid transparent;
    border-radius: .41vw;
    color: #f51451;
    background-color: #fff;
    cursor: pointer
}

    .header.transparent-light .header-login:hover {
        padding: .5vw 1.5vw;
        font-size: .8vw;
        border: .1vw solid #fff;
        border-radius: .41vw;
        color: #fff;
        background-color: transparent
    }

.header.transparent-light .header-signup {
    font-size: .8vw;
    margin-right: 1vw;
    color: #fff
}

    .header.transparent-light .header-signup:hover, .hint-text, .link {
        opacity: .7
    }

.header.transparent-light .header-icon > img {
    height: 1.55vw;
    width: 100%;
    content: url('../images/logo/menulux-text-logo-white.svg')
}

.header.transparent-light .menu > li > a:not(.btn) {
    color: #fff;
    opacity: 1
}

    .header.transparent-light .menu > li > a:not(.btn):focus {
        opacity: .9
    }

    .card.share .card-footer:hover .reactions, .card.share .card-footer:hover .time, .header .menu > li > .horizontal ul li a:focus, .header .menu > li > .horizontal ul li a:hover, .header .menu > li > .mega .container ul.sub-menu > li a:focus, .header .menu > li > .mega .container ul.sub-menu > li a:hover, .header.dark .menu > li > a:not(.btn):focus, .header.dark .menu > li > a:not(.btn):hover, .header.dark-solid .menu > li > a:not(.btn):focus, .header.dark-solid .menu > li > a:not(.btn):hover, .header.light .menu > li > .link-head:not(.btn):focus, .header.light .menu > li > .link-head:not(.btn):hover, .header.light-solid .menu > li > a:not(.btn):focus, .header.light-solid .menu > li > a:not(.btn):hover, .header.transparent-dark .menu > li > a:focus, .header.transparent-dark .menu > li > a:hover, .header.transparent-light .menu > li > a:not(.btn):hover {
        opacity: .8
    }

    .alert .close:hover, .card.share .card-feed:hover .buttons, .form-group-default label.highlight, .form-group-default.disabled.focused label, .form-horizontal .form-group.focused .control-label, .header .menu > li.open > a, .header .menu > li > .horizontal ul li a.active, .header .menu > li > .link-head.btn, .header .menu > li > .link-head.btn:hover, .header .menu > li > .mega .container ul.sub-menu > li a.active, .header.dark .menu > li > a:not(.btn).active, .header.dark-solid .menu > li > a:not(.btn).active, .header.light .menu > li > .link-head:not(.btn).active, .header.light-solid .menu > li > a:not(.btn).active, .header.transparent-dark .menu > li > a.active, .header.transparent-light .menu > li > a:not(.btn).active, .hover-push:hover .hover-caption a, .link:active, .link:hover, .notification-panel .notification-body .notification-item.unread .heading {
        opacity: 1
    }

.card.share .card-content .buttons ""li a, .card.status h5 .time, .checkbox.check-complete input[type=checkbox]:checked + label::after, .checkbox.check-danger input[type=checkbox]:checked + label::after, .checkbox.check-info input[type=checkbox]:checked + label::after, .checkbox.check-primary input[type=checkbox]:checked + label::after, .checkbox.check-success input[type=checkbox]:checked + label::after, .checkbox.check-warning input[type=checkbox]:checked + label::after, .gallery-item .rating > .rated, .header .menu > li.classic.dark > nav ul li a, .header .menu > li.horizontal.dark > nav ul li a, .header .menu > li.mega.dark .container .sub-menu-heading, .header .menu > li.mega.dark .container ul.sub-menu > li a, .header .menu > li > .horizontal.dark ul li a, .header.dark .search-toggle, .header.dark-solid .search-toggle, .header.transparent-dark.alternate .search-toggle, .header.transparent-light .search-toggle, .header.transparent-light.alternate.minimized .search-toggle {
    color: #fff
}

.b-white, .header.dark .menu.bordered > li > a, .header.dark-solid .menu.bordered > li > a, .header.transparent-light .menu.bordered > li > a {
    border-color: #fff
}

.card.share .card-feed > *, .header.transparent-light.alternate .menu > li > a:before, .header.transparent-light.alternate span:before {
    max-width: 100%
}

.header.transparent-dark .search-toggle, .header.transparent-light.alternate .search-toggle {
    color: #121212
}

.bg-master-darkest, .header.transparent-light.alternate .menu-toggler .one, .header.transparent-light.alternate .menu-toggler .three, .header.transparent-light.alternate .menu-toggler .two {
    background-color: #121212
}

.header.transparent-dark.alternate .menu > li > a:before, .header.transparent-dark.alternate .menu > li > a > span:before {
    color: #fff;
    max-width: 100%
}

.header.transparent-dark .menu > li > a {
    color: #121212;
    opacity: .5
}

.header.transparent-dark .menu.bordered > li > a {
    border-color: #121212
}

.header.dark .menu > li > a:not(.btn), .header.dark-solid .menu > li > a:not(.btn) {
    color: #fff;
    opacity: .5
}

.btn-tag.btn-tag-light:hover, .card.share.share-other .card-footer:hover, .header.dark .menu-toggler .one, .header.dark .menu-toggler .three, .header.dark .menu-toggler .two, .header.dark-solid .menu-toggler .one, .header.dark-solid .menu-toggler .three, .header.dark-solid .menu-toggler .two, .nav-tabs-fillup ~ .tab-content, .nav-tabs-linetriangle ~ .tab-content, .swiper-pagination.swiper-pagination-light .swiper-pagination-bullet, .swiper-pagination.swiper-pagination-light .swiper-pagination-bullet-active {
    background: #fff
}

.header.dark {
    background-color: rgba(0,0,0,.87)
}

.header.light-solid {
    border-bottom: 1px solid #f0f0f0;
    background-color: #fff
}

    .header.light-solid .menu > li > a:not(.btn) {
        color: #000;
        opacity: .5
    }

    .header.light .search-toggle, .header.light-solid .search-toggle {
        color: #000
    }

    .b-blank, .header.light .menu.bordered > li > a, .header.light-solid .menu.bordered > li > a {
        border-color: #000
    }

    .header.light .menu-toggler .one, .header.light .menu-toggler .three, .header.light .menu-toggler .two, .header.light-solid .menu-toggler .one, .header.light-solid .menu-toggler .three, .header.light-solid .menu-toggler .two {
        background: #000
    }

.header.light {
    border: none;
    background-color: transparent
}

    .header.light .header-login {
        padding: .35vw 1.5vw;
        border: .1vw solid #f51451;
        border-radius: .41vw;
        color: #fff;
        background-color: #f51451;
        cursor: pointer
    }

        .header.light .header-login:hover {
            padding: .35vw 1.5vw;
            font-size: .8vw;
            border: .1vw solid #f51451;
            border-radius: .41vw;
            color: #f51451;
            background-color: transparent;
            margin-bottom: .35vw
        }

    .header.light .language-button {
        padding: .4285vw .5vw;
        cursor: pointer;
        display: flex;
        align-items: center;
        margin-right: .5vw;
        background-color: transparent;
        border: .1vw solid #696f85;
        border-radius: .41vw;
        color: #696f85
    }

    .header.light .header-signup {
        font-size: .8vw;
        margin-right: 1vw;
        color: #f51451
    }

    .header.light .header-icon > img {
        height: 1.55vw;
        width: 100%;
        content: url('../images/logo/menulux-text-logo-black.svg')
    }

    .header.light .menu > li > .link-head:not(.btn) {
        color: #000;
        opacity: 1
    }

.checkbox input[type=checkbox], .gm-style-cc, .gmnoprint a, .gmnoprint span, .header .alt, .header.alternate .logo, .header.minimized .logo, .hide, .radio input[type=radio], .visible-xlg {
    display: none
}

.header.alternate .alt, .header.minimized .alt, .overlay .inline-block {
    display: inline-block
}

.header.md-header {
    height: 88px
}

    .header.md-header .header-inner {
        line-height: 88px
    }

.header.minimized {
    height: 4vw !important;
    background: #fff;
    border-bottom: .11vw solid #f0f0f0
}

    .header.minimized .menu > li > a:before {
        max-width: 0 !important
    }

    .header.minimized .menu > li > a > span:before {
        max-width: 0
    }

.header.horizontal {
    width: 100%;
    height: auto
}

.header .menu {
    margin: 0;
    display: flex !important
}

    .header .menu.bordered > li > a {
        border-right: 1px solid
    }

    .header .menu > li {
        display: flex;
        list-style: none;
        font-size: 14px;
        align-items: center
    }

        .header .menu > li.multiline > nav {
            top: 43px
        }

        .header .menu > li.classic.dark > nav:after, .header .menu > li.classic.dark > nav:before {
            height: 7px;
            background-color: #000;
            border-color: #000
        }

        .header .menu > li.horizontal.dark > nav {
            background-color: #000;
            border-bottom: 0
        }

        .header .menu > li.horizontal.dark > span.arrow:after, .header .menu > li.horizontal.dark > span.arrow:before {
            background-color: #000 !important;
            border-top: 0 !important
        }

        .header .menu > li.horizontal.dark .container {
            border-right-color: rgba(255,255,255,.4)
        }

        .header .menu > li.mega.dark > span.arrow:after, .header .menu > li.mega.dark > span.arrow:before {
            background-color: #000 !important
        }

        .header .menu > li > .link-head {
            position: relative;
            display: block
        }

            .header .menu > li > .link-head span {
                margin-bottom: 7px
            }

            .header .menu > li > .link-head:before, .header .menu > li > .link-head > span:before {
                color: #000;
                position: absolute;
                top: 0;
                left: 0;
                overflow: hidden;
                max-width: 0;
                white-space: pre;
                line-height: inherit;
                content: attr(data-text);
                -webkit-transition: max-width .5s;
                transition: max-width .5s
            }

        .header .menu > li.open.horizontal, .header .menu > li.open.mega, .relative {
            position: relative !important
        }

        .header .menu > li > .link-head > span {
            font-size: 12px;
            font-family: Arial;
            color: inherit;
            opacity: .8;
            display: block;
            position: relative;
            line-height: 15px;
            text-transform: none
        }

        .header .menu > li:last-child {
            border-right: none
        }

        .header .menu > li.open.horizontal > span.arrow:before {
            content: '';
            position: absolute;
            height: 7px;
            width: 100vw;
            background-color: #fff;
            display: block;
            left: -100vw;
            border-top: 1px solid #e6e6e6
        }

        .header .menu > li.open.horizontal > span.arrow:after {
            content: '';
            position: absolute;
            height: 7px;
            left: 14px;
            background-color: #fff;
            border-top: 1px solid #e6e6e6;
            width: 100vw
        }

        .header .menu > li.open.mega > span.arrow:after, .header .menu > li.open.mega > span.arrow:before {
            height: 7px;
            width: 100vw;
            border-top: 1px solid rgba(0,0,0,.07);
            background-color: #fff;
            position: absolute;
            content: ''
        }

        .header .menu > li.open.mega {
            margin-top: -1px
        }

            .header .menu > li.open.mega > span.arrow:before {
                display: block;
                left: -100vw;
                border-left: 1px solid rgba(0,0,0,.07)
            }

            .header .menu > li.open.mega > span.arrow:after {
                left: 14px;
                border-right: 1px solid rgba(0,0,0,.07)
            }

        .header .menu > li.open.classic > nav {
            border-color: rgba(0,0,0,.07);
            display: flex
        }

        .header .menu > li.open > .classic, .menu > li.mega.open > nav.mega {
            max-height: 999px
        }

        .block, .error, .header .menu > li.open > .horizontal, .header .menu > li.open > .mega, .hidden-xlg, .notification-panel .notification-body .notification-item .heading.open, .notification-panel .notification-body .notification-item .heading.open .more-details, dd, p {
            display: block
        }

        .header .menu > li.horizontal.open, .header .menu > li.mega.open {
            position: inherit
        }

        .header .menu > li > .classic {
            margin: 0;
            padding: 0;
            position: absolute;
            overflow: hidden;
            left: 0;
            right: 0;
            top: 34px;
            min-width: max-content;
            max-height: 0;
            -webkit-transition: .4s cubic-bezier(.19,1,.22,1);
            transition: .4s cubic-bezier(.19,1,.22,1);
            border: 1px solid transparent;
            border-top: 0
        }

            .header .menu > li > .classic ul {
                padding: 0;
                list-style: none;
                overflow: hidden;
                background-color: #fff
            }

        .header .menu > li > .horizontal {
            margin: 15px 0 0;
            padding: 0;
            position: fixed;
            background-color: #fff;
            list-style: none;
            display: none;
            left: 0;
            right: 0;
            width: 100%;
            border-bottom: 1px solid #e6e6e6
        }

            .header .menu > li > .horizontal .container {
                overflow: hidden;
                border-right: 1px solid #e6e6e6
            }

            .header .menu > li > .horizontal ul {
                white-space: nowrap;
                padding-left: 0
            }

                .header .menu > li > .horizontal ul li {
                    margin: 2px 9px 6px;
                    display: inline-block
                }

                    .header .menu > li > .horizontal ul li a {
                        color: #000;
                        opacity: .5;
                        line-height: 35px;
                        font-size: 11px
                    }

        .header .menu > li > .mega {
            position: fixed;
            display: none;
            left: 0;
            right: 0
        }

            .header .menu > li > .mega .container {
                margin-top: 17px;
                background-color: #fff;
                list-style: none;
                border: 1px solid rgba(0,0,0,.07);
                border-top: 0;
                padding: 50px 60px
            }

                .header .menu > li > .mega .container ul.sub-menu {
                    padding: 0;
                    list-style: none;
                    overflow: hidden
                }

                    .header .menu > li > .mega .container ul.sub-menu > li {
                        margin: 5px 0;
                        opacity: 1;
                        padding-left: 0;
                        -webkit-transition: .1s linear .1s;
                        transition: .1s linear .1s
                    }

                        .header .menu > li > .mega .container ul.sub-menu > li a {
                            color: #000;
                            opacity: .5;
                            font-size: 11px;
                            line-height: 30px
                        }

                        .header .menu > li > .mega .container ul.sub-menu > li:first-child {
                            margin-top: 19px
                        }

                        .header .menu > li > .mega .container ul.sub-menu > li:last-child {
                            margin-bottom: 19px
                        }

                .header .menu > li > .mega .container .sub-menu-heading {
                    color: #000;
                    font-size: 13px;
                    text-transform: uppercase;
                    font-family: Montserrat;
                    margin: 0;
                    padding-bottom: 5px
                }

.menu > li.mega > nav.mega {
    max-height: 0;
    min-width: 190px;
    overflow: hidden;
    display: block !important
}

.search-toggle {
    display: inline-block;
    color: #000
}

.header.sm-header .menu > li > .classic {
    top: 26px
}

.menu-toggler {
    -webkit-transition: .4s;
    transition: .4s;
    opacity: 1;
    width: 15px;
    height: 15px;
    margin-top: 22.5px;
    display: inline-block;
    user-select: none;
    box-sizing: content-box;
    cursor: pointer
}

.side-menu, [data-pages=header-toggle] {
    display: none;
    z-index: 10
}

.menu-toggler .one, .menu-toggler .three, .menu-toggler .two {
    width: 100%;
    height: 2px;
    background: #000;
    margin-bottom: 3px;
    -webkit-transition: .3s;
    transition: .3s;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d
}

.menu-toggler .one, .menu-toggler .two {
    transform: rotate3d(0,0,1,0deg) translate3d(0,0,0)
}

.menu-toggler.on .one {
    transform: rotate3d(0,0,1,45deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0
}

.menu-toggler.on .two {
    opacity: 0
}

.menu-toggler.on .three {
    transform: rotate3d(0,0,1,-45deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.side-menu {
    position: fixed;
    height: 100%;
    width: 250px;
    background-color: #fff
}

.btn-animated.from-left.show-icon:before, .btn-animated.from-left:hover:before, .menu-content[data-pages-direction=pushLeft], .menu-content[data-pages-direction=slideLeft], .nav-tabs-simple.nav-tabs-right > li:after {
    left: 0
}

.menu-content[data-pages-direction=pushRight], .menu-content[data-pages-direction=slideRight] {
    right: 0
}

.menu-content[data-pages-direction=fullScreenOverlay] {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%
}

.btn-animated.from-top.show-icon:before, .btn-animated.from-top:hover:before, .menu-content[data-pages-direction=slideTop] {
    top: 0
}

.font-arial.fs-11, .font-arial.fs-12, .small-text {
    letter-spacing: .03em
}

.overlay .overlay-close {
    position: absolute;
    right: 20px;
    top: 25px
}

.footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

[data-pages-bg-image] {
    background-size: cover;
    position: relative
}

    [data-pages-bg-image] > * {
        z-index: 1;
        position: relative
    }

    [data-pages-bg-image] > .bg-overlay {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        opacity: .4
    }

.swiper-wrapper {
    transition-timing-function: cubic-bezier(.1,.57,.1,1);
    -webkit-transition-timing-function: cubic-bezier(.1,.57,.1,1);
    transition-duration: 0;
    -webkit-transition-duration: 0
}

.content-layer, .image > img, .panel.full-height .panel-body, .swiper-container, .swiper-slide {
    width: 100%;
    height: 100%
}

    .swiper-container:hover .auto-reveal.swiper-button-next, .swiper-container:hover .auto-reveal.swiper-button-prev {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .swiper-container .mouse-wrapper {
        margin: 0 auto;
        display: block;
        width: 28px;
        position: absolute;
        z-index: 10;
        left: 0;
        right: 0;
        bottom: 37px
    }

    .swiper-container .mouse {
        width: 30px;
        height: 47px;
        border: 2px solid #fff;
        border-radius: 14px;
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px
    }

        .swiper-container .mouse .mouse-scroll {
            width: 4px;
            height: 4px;
            border-radius: 2px;
            background: #fff;
            position: relative;
            top: 10px;
            left: 11px;
            -webkit-animation: 1.3s ease-out infinite scrolls
        }

@-webkit-keyframes scrolls {
    0% {
        top: 10px;
        opacity: 1;
        height: 4px
    }

    95% {
        top: 18px;
        opacity: 0;
        height: 10px
    }

    100% {
        top: 8px;
        opacity: 1;
        height: 4px
    }
}

.swiper-container .go-down {
    margin: auto;
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    bottom: -50px;
    right: 0;
    left: 0;
    background-color: #fff;
    z-index: 10
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    overflow: hidden
}

    .image, .swiper-slide .background-wrapper {
        width: 100%;
        height: 100%;
        overflow: hidden
    }

        .swiper-slide .background-wrapper .background {
            height: 100%;
            width: 100%;
            position: absolute;
            left: 0;
            top: 0;
            overflow: hidden
        }

        .image > img {
            object-fit: cover
        }

.slider-wrapper {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    position: absolute;
    overflow: hidden;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0
}

.content-layer {
    z-index: 10000;
    position: relative;
    overflow: hidden
}

.dropdown-default .dropdown-menu li, .sortable-box-placeholder *, .ui-sortable-placeholder *, [data-pages-animation|=custom], [data-pages-animation|=standard] {
    visibility: hidden
}

.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 3px
}

.swiper-pagination-bullet-active, .swiper-pagination.swiper-pagination-dark .swiper-pagination-bullet, .swiper-pagination.swiper-pagination-dark .swiper-pagination-bullet-active {
    background: #2c2c2c
}

.swiper-navigation {
    width: 47px;
    height: 53px;
    line-height: 53px;
    background-image: none;
    font-size: 20px;
    font-family: pages-icon;
    text-align: center
}

    .swiper-navigation.swiper-button-next {
        right: 0;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px
    }

        .pg-arrow_right:before, .swiper-navigation.swiper-button-next:before {
            content: "\e631"
        }

    .swiper-navigation.swiper-button-prev {
        left: 0;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px
    }

        .pg-arrow_left:before, .swiper-navigation.swiper-button-prev:before {
            content: "\e629"
        }

    .swiper-navigation.swiper-dark-solid {
        background-color: #121212;
        color: #fff
    }

    .swiper-navigation.swiper-white-solid {
        background-color: #fff;
        color: #121212
    }

    .swiper-navigation.swiper-rounded {
        width: 49px;
        height: 49px;
        line-height: 49px;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%
    }

        .swiper-navigation.swiper-rounded.swiper-button-next {
            right: 10px
        }

        .swiper-navigation.swiper-rounded.swiper-button-prev {
            left: 10px
        }

    .swiper-navigation.auto-reveal {
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out
    }

        .btn-animated.from-left.show-icon > span, .btn-animated.from-left:hover > span, .swiper-navigation.auto-reveal.swiper-button-next {
            -webkit-transform: translateX(200%);
            -ms-transform: translateX(200%);
            transform: translateX(200%)
        }

        .swiper-navigation.auto-reveal.swiper-button-prev {
            -webkit-transform: translateX(-200%);
            -ms-transform: translateX(-200%);
            transform: translateX(-200%)
        }

.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-transition: .2s;
    transition: .2s;
    position: relative
}

    .panel .panel-heading {
        background: 0 0;
        border-radius: 0;
        border-bottom: 0;
        padding: 20px 20px 7px;
        position: relative;
        z-index: 3;
        min-height: 48px
    }

        .panel .panel-heading.separator:after {
            content: "";
            height: 1px;
            background: rgba(0,0,0,.08);
            left: 16px;
            right: 16px;
            position: absolute;
            bottom: 0
        }

        .panel .panel-heading + .panel-body {
            padding-top: 0;
            height: calc(100% - 50px)
        }

        .panel .panel-heading .panel-title {
            display: inline-block;
            letter-spacing: .02em;
            font-size: 12px;
            font-weight: 600;
            margin: 0;
            padding: 0;
            line-height: normal;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-text-stroke: 0;
            -webkit-transition: opacity .3s;
            transition: opacity .3s
        }

        .panel .panel-heading .panel-controls {
            float: right;
            margin-top: -3px
        }

            .panel .panel-heading .panel-controls ul {
                margin: 0;
                padding: 0
            }

                .panel .panel-heading .panel-controls ul li {
                    display: inline-block;
                    list-style: none;
                    line-height: 0
                }

            .panel .panel-heading .panel-controls:after {
                content: "";
                display: table;
                clear: both
            }

        .panel .panel-heading.panel-heading-hover .panel-title, .panel.panel-condensed .panel-heading .panel-title, .panel.panel-hover .panel-heading .panel-title {
            opacity: .4
        }

    .panel.panel-default {
        border: 1px solid rgba(0,0,0,.07)
    }

    .panel.panel-bordered {
        border: 1px solid rgba(230,230,230,.7)
    }

    .panel.panel-condensed .panel-heading {
        padding: 13px 13px 0;
        min-height: 30px
    }

    .panel.panel-condensed .panel-body {
        padding: 13px
    }

    .panel.panel-transparent {
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .form-group-default .form-control:focus, .panel.panel-transparent .panel-body, .table.table-condensed.table-detailed > tbody > tr.shown + tr > td .table-inline {
            background: 0 0
        }

    .panel.panel-featured {
        -webkit-box-shadow: -1px 1px 3px 0 rgba(121,129,135,.14);
        box-shadow: -1px 1px 3px 0 rgba(121,129,135,.14);
        width: calc(100% - 50px);
        float: right
    }

        .panel.panel-featured .panel-title h4 {
            font-size: 16px;
            color: #f0f0f0
        }

        .panel.panel-featured .panel-body h3 {
            line-height: 34px;
            font-size: 26px
        }

        .panel.panel-featured .footer .username {
            line-height: 8px;
            padding-top: 10px;
            font-size: 16px
        }

        .panel.panel-featured .footer .buttons li {
            display: inline;
            list-style: none;
            font-weight: 700;
            margin-left: 20px
        }

            .btn .caret.single, .m-l-0, .panel.panel-featured .footer .buttons li:first-child {
                margin-left: 0
            }

        .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .form-control-feedback, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .panel.panel-featured .footer .buttons .heart {
            color: #f55753
        }

        .panel.panel-featured .footer .buttons .comment, address a, body {
            color: #626262
        }

        .panel.panel-featured .ribbon {
            width: 38px;
            height: 38px;
            margin-left: -39px;
            float: left;
            -webkit-box-shadow: inset -3px 0 3px 0 rgba(0,0,0,.14);
            box-shadow: inset -3px 0 3px 0 rgba(0,0,0,.14)
        }

            .panel.panel-featured .ribbon.green, .social-wrapper .social .feed > .day:hover > .timeline:after {
                background: #48b0f7
            }

            .panel.panel-featured .ribbon.blue {
                background: #10cfbd
            }

    .btn-default.active:hover, .panel.hover-fill:hover {
        background: #f0f0f0
    }

    .panel.hover-stroke:hover {
        border: 1px solid #e6e6e6
    }

    .panel .panel-body {
        padding: 20px;
        height: 100%;
        width: 100%
    }

        .panel .panel-body.no-padding .row, .sm-gutter .row {
            margin-left: 0;
            margin-right: 0
        }

        .card.share.share-other .card-description, .panel .panel-body.no-bottom-padding {
            padding-bottom: 0
        }

        .panel .panel-body.no-top-padding {
            padding-top: 0
        }

        .m-t-0, .panel .panel-body .title {
            margin-top: 0
        }

        .m-b-20, .panel .panel-body.scrollable {
            margin-bottom: 20px
        }

    .panel .pgn-wrapper {
        position: absolute;
        z-index: 602
    }

.panel-heading a[data-toggle] {
    color: #626262;
    opacity: .4
}

    .bg-overlay, .panel-heading a[data-toggle].portlet-refresh {
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }

.panel-scroll {
    height: 100px
}

.btn, a {
    transition: color .1s linear,background-color .1s linear,opacity .2s linear 0 !important
}

.sortable .panel {
    transition: none
}

.sortable-column {
    padding-bottom: 100px
}

.demo-portlet-scrollable {
    height: 158px
}

html {
    font-size: 100%
}

h1, h2, h3, h4, h5, h6 {
    margin: 10px 0;
    font-family: Poppins,'Open Sans',sans-serif;
    font-weight: 300;
    color: #2c2c2c
}

.modal.fade.fill-in > .close > i, blockquote p, dd, p {
    font-size: 16px
}

h1.block, h2.block, h3.block, h4.block, h5.block, h6.block {
    padding-bottom: 10px
}

a {
    cursor: pointer;
    text-shadow: none !important;
    color: #3a8fc8
}

    a, a:active, a:focus, a:hover {
        outline: 0 !important;
        text-decoration: none
    }

br {
    line-height: normal;
    clear: both
}

code {
    color: #c64643;
    background-color: #f0f0f0
}

    .bg-danger-lighter, code:hover {
        background-color: #fddddd
    }

dd, p {
    line-height: 25px;
    margin: 0 0 10px;
    font-style: normal;
    white-space: normal
}

.btn, .m-b-0, .nav-tabs-simple > li, address {
    margin-bottom: 0
}

li.m-t-24 {
    margin-top: 24px !important
}

.lh-18, .small, small {
    line-height: 18px
}

label.inline {
    display: inline-block;
    top: 0;
    font-size: 13px
}

.jumbotron p, ol.lg-icon > li span, ul.lg-icon > li span {
    font-size: 14px
}

ol.lg-icon > li, ul.lg-icon > li {
    font-size: 21px
}

ol.no-style, ul.no-style {
    list-style: none;
    padding-left: 5px
}

blockquote {
    padding: 0 0 0 18px;
    border-left: 0
}

    blockquote:before {
        content: '';
        font-family: FontAwesome;
        content: \f10d;
        margin-right: 13px;
        float: left
    }

    blockquote small {
        line-height: 29px;
        color: #8b91a0;
        padding-left: 30px
    }

        blockquote small:before, blockquote.pull-right small:after {
            content: ""
        }

    .search-box .form-control, blockquote.pull-right {
        border-right: 0
    }

        blockquote.pull-right:before {
            float: right;
            content: '';
            font-family: FontAwesome;
            content: \f10d;
            margin-left: 13px;
            margin-right: 0
        }

        blockquote.pull-right small {
            padding-right: 30px
        }

.b-grey, hr {
    border-color: #e6e6e6
}

    .b-thick, hr.double {
        border-width: 2px
    }

    hr.dotted {
        border-style: dotted none none
    }

.small-text {
    font-size: 12px !important;
    line-height: 21px !important
}

.fs-13, .normal-text {
    font-size: 13px !important
}

.fs-15, .large-text {
    font-size: 15px !important
}

.normal {
    font-weight: 400
}

.semi-bold {
    font-weight: 400 !important
}

.bold {
    font-weight: 700 !important
}

.light {
    font-weight: 300 !important
}

.all-caps {
    text-transform: uppercase
}

.muted {
    opacity: .5
}

.no-decoration {
    text-decoration: none !important
}

.line-through {
    text-decoration: line-through
}

.bg-master {
    background-color: #626262
}

.bg-master-light, .checkbox input[type=radio][disabled] + label:after {
    background-color: #e6e6e6
}

.bg-master-lighter {
    background-color: #f0f0f0
}

.bg-master-lightest, .btn:hover {
    background-color: #fafafa
}

.bg-master-dark {
    background-color: #2c2c2c
}

.bg-master-darker {
    background-color: #1a1a1a
}

.bg-complete-dark {
    background-color: #3a8fc8
}

.bg-complete-darker {
    background-color: #2b6a94
}

.bg-complete-light {
    background-color: #6dc0f9
}

.bg-complete-lighter, .notification-panel .notification-body .notification-item.unread .option {
    background-color: #daeffd
}

.bg-success-dark {
    background-color: #0da899
}

.bg-success-darker {
    background-color: #0a7c71
}

.bg-success-light {
    background-color: #40d9ca
}

.bg-success-lighter {
    background-color: #cff5f2
}

.bg-info, .dropdown-default.open > .btn-info + .dropdown-menu:after, .nav-tabs-info.nav-tabs-simple > li:after {
    background-color: #3b4752
}

.bg-info-dark {
    background-color: #303a42
}

.bg-info-darker {
    background-color: #232b31
}

.bg-info-light {
    background-color: #626c75
}

.bg-info-lighter {
    background-color: #d8dadc
}

.bg-danger-dark {
    background-color: #c64643
}

.bg-danger-darker {
    background-color: #933432
}

.bg-danger-light {
    background-color: #f77975
}

.bg-warning-dark {
    background-color: #c9a843
}

.bg-warning-darker {
    background-color: #957d32
}

.bg-warning-light {
    background-color: #f9d975
}

.bg-warning-lighter {
    background-color: #fef6dd
}

.bg-menu-dark {
    background-color: #21252d
}

.bg-menu {
    background-color: #2b303b
}

.bg-menu-light {
    background-color: #788195
}

.gradient-black, .gradient-grey {
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 75%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 75%)
}

.bg-transparent {
    background-color: transparent !important
}

.bg-images, .bg-size-cover {
    background-size: cover
}

.panel-group .panel-heading .panel-title > a:hover, .panel-group .panel-heading .panel-title > a:hover:after, .text-master {
    color: #626262 !important
}

.text-master-light {
    color: #e6e6e6 !important
}

.text-black {
    color: #2c2c2c !important
}

.text-white {
    color: #fff !important
}

.text-complete {
    color: #48b0f7 !important
}

.text-success {
    color: #10cfbd !important
}

.text-info {
    color: #3b4752 !important
}

.text-warning {
    color: #f8d053 !important
}

.text-warning-dark {
    color: #c9a843 !important
}

.text-danger, .text-red {
    color: #f55753 !important
}

.text-red {
    opacity: 1 !important
}

.text-primary {
    color: #6d5cae !important
}

.text-menu {
    color: #788195 !important
}

.text-right {
    text-align: right !important
}

.text-left {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

.fs-10 {
    font-size: 10px !important
}

.fs-11 {
    font-size: 11px !important
}

.fs-12 {
    font-size: 12px !important
}

.fs-14 {
    font-size: 14px !important
}

.fs-16 {
    font-size: 16px !important
}

.fs-18 {
    font-size: 18px !important
}

.fs-20 {
    font-size: 20px !important
}

.fs-24 {
    font-size: 24px !important
}

.fs-30 {
    font-size: 30px !important
}

.fs-48 {
    font-size: 48px !important
}

.lh-20 {
    line-height: 20px
}

.lh-em {
    line-height: 1.2em
}

.lh-36 {
    line-height: 36px
}

.h-10 {
    height: 10%
}

.h-20 {
    height: 20%
}

.h-30 {
    height: 30%
}

.h-40 {
    height: 40%
}

.h-50 {
    height: 50%
}

.h-60 {
    height: 60%
}

.h-70 {
    height: 70%
}

.h-80 {
    height: 80%
}

.h-90 {
    height: 90%
}

.btn, .btn-group.open .dropdown-toggle, .btn.active, .btn.disabled, .btn:active, .btn:focus, .btn:hover, .btn[disabled], .open .dropdown-toggle, .open.dropdown-default .dropdown-toggle {
    box-shadow: none
}

.overflow-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

@media (max-width:1400px) {
    h1 {
        font-size: 33px;
        line-height: 44px;
        letter-spacing: -.08px
    }

    h2 {
        font-size: 28px;
        line-height: 40px
    }

    h3 {
        font-size: 24px;
        line-height: 35.88px
    }

    h4 {
        font-size: 18px;
        line-height: 33.88px
    }

    h5 {
        font-size: 16px;
        line-height: 25.88px
    }
}

.btn {
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .01em;
    border: 1px solid #f0f0f0;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-image: none !important;
    color: #626262;
    background-color: #fff;
    line-height: 21px;
    padding-left: 17px;
    padding-right: 17px
}

.cur-default, .gallery-item {
    cursor: default
}

.btn:hover {
    border: 1px solid rgba(98,98,98,.27)
}

.btn.active {
    border-color: #e6e6e6;
    background: #fff
}

    .btn.active:focus, .btn:active:focus, .btn:focus, button:focus {
        outline: 0 !important
    }

.pager .disabled > button, .pager .disabled > button:focus, .pager .disabled > button:hover, .pager .disabled > span {
    cursor: not-allowed;
    opacity: .5
}

button, input, label, select, textarea {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

    input[type=checkbox], input[type=radio] {
        margin-top: 1px 0 0;
        line-height: normal;
        cursor: pointer;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    select[multiple], select[size] {
        height: auto !important
    }

    input:focus, input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus, select:focus, textarea:focus {
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .form-control-feedback, .has-success .help-block, .has-success .radio, .has-success .radio-inline {
    color: #0da899
}

.has-success .form-control {
    border-color: #0da899;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .has-success .form-control:focus {
        border-color: #09786e;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.has-error .input-group-addon, .has-success .input-group-addon, .has-warning .input-group-addon {
    background: #f0f0f0;
    border: 1px solid rgba(0,0,0,.07);
    color: rgba(98,98,98,.47)
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .form-control-feedback, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline {
    color: #c9a843
}

.has-warning .form-control {
    border-color: #c9a843;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .has-warning .form-control:focus {
        border-color: #a98b31;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.has-error .form-control {
    border-color: #f55753;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .has-error .form-control:focus {
        border-color: #f22823;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.error {
    font-size: 12px;
    color: #f55753
}

.input-group-addon {
    background: #f0f0f0;
    border: 1px solid rgba(0,0,0,.07);
    color: rgba(98,98,98,.47);
    font-size: 14px;
    padding: 6px 9px;
    display: table-cell;
    border-radius: 3px;
    transition: border .2s linear,box-shadow .2s linear,color .2s linear,box-shadow .2s linear,background .2s linear 0
}

    .input-group-addon i {
        position: relative;
        top: 1px
    }

    .input-group-addon.primary {
        background-color: #6d5cae;
        border: 1px solid #6d5cae;
        color: #fff
    }

        .input-group-addon.primary .arrow {
            color: #6d5cae
        }

    .input-group-addon.success {
        background-color: #0090d9;
        color: #fff
    }

        .input-group-addon.success .arrow {
            color: #0090d9
        }

    .input-group-addon.info {
        background-color: #1f3853;
        color: #fff
    }

        .input-group-addon.info .arrow {
            color: #1f3853
        }

    .input-group-addon.warning {
        background-color: #fbb05e;
        color: #fff
    }

        .input-group-addon.warning .arrow {
            color: #fbb05e
        }

    .input-group-addon.danger {
        background-color: #f35958;
        color: #fff
    }

        .input-group-addon.danger .arrow {
            color: #f35958
        }

    .input-group-addon .arrow {
        position: relative;
        right: -6px;
        color: #d1dade;
        z-index: 100
    }

        .input-group-addon .arrow:before {
            font-family: FontAwesome;
            content: "\f0da";
            font-size: 23px;
            position: absolute;
            left: 17px;
            top: -2px
        }

    .input-group-addon:last-child .arrow:before {
        font-family: FontAwesome;
        content: "\f0d9";
        font-size: 23px;
        position: absolute;
        left: -23px;
        top: -2px
    }

    .input-group-addon:last-child input {
        border-left: 0
    }

input, input:focus {
    -webkit-transition: none !important
}

    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px #fff inset !important
    }

        input:-webkit-autofill:focus {
            -webkit-box-shadow: 0 0 0 1000px #f0f0f0 inset !important
        }

    .has-error input:-webkit-autofill, input.error:-webkit-autofill, input.error:-webkit-autofill:focus {
        -webkit-box-shadow: 0 0 0 1000px #f9e9e9 inset !important
    }

.table.table-hover tbody tr:hover td {
    background: #daeffd !important
}

.table.table-hover tbody tr.selected:hover td {
    background: #fef6dd !important
}

.table.table-borderless tbody tr td {
    border-top: 0
}

.table.table-condensed {
    table-layout: fixed
}

    .table.table-condensed thead tr th {
        padding-left: 20px;
        padding-right: 20px
    }

    .table.table-condensed tbody tr td {
        padding-top: 12px;
        padding-bottom: 12px
    }

        .table.table-condensed tbody tr td, .table.table-condensed tbody tr td *, .table.table-condensed thead tr th {
            white-space: nowrap;
            vertical-align: middle;
            overflow: hidden;
            text-overflow: ellipsis
        }

    .table.table-condensed.table-detailed > tbody > tr.shown > td {
        background: #fef6dd
    }

        .table.table-condensed.table-detailed > tbody > tr.shown > td:first-child:before {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg)
        }

    .table.table-condensed.table-detailed > tbody > tr.shown + tr > td {
        background: rgba(250,250,250,.4);
        padding: 0 40px
    }

        .table.table-condensed.table-detailed > tbody > tr.shown + tr > td .table-inline td, .table.table-condensed.table-detailed > tbody > tr.shown + tr > td .table-inline tr {
            background: 0 0;
            font-weight: 600
        }

    .table.table-condensed.table-detailed > tbody > tr.row-details > td:first-child:before, section.last:before {
        content: ''
    }

    .table.table-condensed.table-detailed > tbody > tr > td:first-child:before {
        content: "\f054";
        display: inline-block;
        margin-right: 8px;
        font-family: FontAwesome;
        -webkit-transition: .12s linear;
        transition: .12s linear
    }

    .table.table-condensed.table-detailed .table-inline td {
        border: none;
        text-align: left
    }

.table.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f5f5f5
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top-color: rgba(0,0,0,.02)
}

.gallery {
    margin: auto
}

.gallery-item {
    overflow: hidden;
    background-color: #000;
    position: relative
}

    .gallery-item[data-width="1"] {
        width: 24.98%
    }

    .gallery-item[data-width="2"] {
        width: 49.96% !important
    }

    .gallery-item > .live-tile img, .gallery-item > img {
        opacity: 1;
        -webkit-transition: opacity .35s;
        transition: opacity .35s
    }

    .gallery-item .rating {
        margin-top: -5px;
        color: rgba(255,255,255,.3)
    }

    .gallery-item .item-info {
        -webkit-transform: translate3d(0,40%,0);
        transform: translate3d(0,40%,0);
        -webkit-transition: -webkit-transform .35s,color .35s;
        transition: transform .35s,color .35s
    }

        .gallery-item .item-info.more-content {
            -webkit-transform: translate3d(0,32%,0);
            transform: translate3d(0,32%,0)
        }

    .gallery-item:active .item-info, .gallery-item:hover .item-info {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

.icon-list .fa-item {
    display: block;
    color: #121212;
    line-height: 32px;
    height: 32px;
    padding-left: 10px
}

    .icon-list .fa-item > i {
        width: 32px;
        font-size: 14px;
        display: inline-block;
        text-align: right;
        margin-right: 10px
    }

.inherit-height, .inherit-size {
    height: inherit
}

.scrollable {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.no-padding {
    padding: 0 !important
}

.no-margin {
    margin: 0 !important
}

.no-overflow {
    overflow: hidden !important
}

.auto-overflow {
    overflow: auto
}

.center-margin {
    margin-left: auto;
    margin-right: auto
}

.inherit-size {
    width: inherit
}

.overlayer {
    position: absolute;
    display: block;
    z-index: 21
}

.overlayer-wrapper {
    position: relative;
    display: block;
    z-index: 10
}

.overlay-fixed {
    position: fixed !important;
    top: auto !important
}

.p-t-5 {
    padding-top: 5px !important
}

.p-r-5 {
    padding-right: 5px !important
}

.p-l-5 {
    padding-left: 5px !important
}

.p-b-5 {
    padding-bottom: 5px !important
}

.p-t-10 {
    padding-top: 10px !important
}

.p-r-10 {
    padding-right: 10px !important
}

.p-l-10 {
    padding-left: 10px !important
}

.p-b-10 {
    padding-bottom: 10px !important
}

.p-t-15 {
    padding-top: 15px !important
}

.p-r-15 {
    padding-right: 15px !important
}

.p-l-15 {
    padding-left: 15px !important
}

.p-b-15 {
    padding-bottom: 15px !important
}

.p-t-20 {
    padding-top: 20px !important
}

.p-r-20 {
    padding-right: 20px !important
}

.p-l-20 {
    padding-left: 20px !important
}

.p-b-20 {
    padding-bottom: 20px !important
}

.p-t-30 {
    padding-top: 30px !important
}

.p-b-30, .p-b-50 {
    padding-bottom: 30px !important
}

.padding-30 {
    padding: 30px !important
}

.p-t-40 {
    padding-top: 40px !important
}

.p-b-40 {
    padding-bottom: 40px !important
}

.p-t-50 {
    padding-top: 50px !important
}

.p-r-50 {
    padding-right: 50px !important
}

.p-l-50 {
    padding-left: 50px !important
}

.p-t-60 {
    padding-top: 60px !important
}

.p-r-60 {
    padding-right: 60px !important
}

.p-l-60 {
    padding-left: 60px !important
}

.p-b-60 {
    padding-bottom: 60px !important
}

.p-b-65 {
    padding-bottom: 65px !important
}

.p-t-70 {
    padding-top: 70px !important
}

.p-t-80 {
    padding-top: 80px !important
}

.p-t-100 {
    padding-top: 100px !important
}

.p-r-100 {
    padding-right: 100px !important
}

.p-l-100 {
    padding-left: 100px !important
}

.p-b-100 {
    padding-bottom: 100px !important
}

.m-r-0 {
    margin-right: 0
}

.m-t-5 {
    margin-top: 5px
}

.m-l-5 {
    margin-left: 5px
}

.m-b-5 {
    margin-bottom: 5px
}

.m-t-10 {
    margin-top: 10px
}

.m-t-15 {
    margin-top: 15px
}

.m-t-20 {
    margin-top: 20px
}

.m-r-20 {
    margin-right: 20px
}

.m-l-20 {
    margin-left: 20px
}

.m-t-30 {
    margin-top: 30px
}

.m-b-30 {
    margin-bottom: 30px
}

.m-t-40 {
    margin-top: 40px
}

.m-b-40 {
    margin-bottom: 40px
}

.m-l-50 {
    margin-left: 50px
}

.m-t-60 {
    margin-top: 60px
}

.inline {
    display: inline-block !important
}

.b-transparent {
    border-color: rgba(0,0,0,.4)
}

.b-transparent-white {
    border-color: rgba(255,255,255,.3)
}

.b-grey-light {
    border-color: rgba(0,0,0,.07)
}

.no-border {
    border: none !important
}

.bg-position-center, .bg-position-top-center {
    background-position: top center
}

.hover-zoom .inner, .z-index-1 {
    z-index: 1
}

.z-index-2 {
    z-index: 2
}

.z-index-3 {
    z-index: 3
}

.z-index-10 {
    z-index: 10
}

.video-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.7)
}

.buy-now {
    bottom: 20px;
    left: 20px;
    right: 20px
}

.feature-icon {
    width: 25px
}

@media (max-width:768px) {
    .header.transparent-light .header-icon > img {
        height: 5vw;
        width: 100%;
        content: url('../images/logo/menulux-text-logo-white.svg')
    }

    .header.transparent-light .open-nav {
        height: 8vw;
        content: url('../images/icons/hamburger-ico-w.svg')
    }

    .header.light .open-nav {
        height: 8vw;
        content: url('../images/icons/hamburger-ico.svg')
    }
}

@media (min-width:1824px) {
    .visible-xlg {
        display: block !important
    }

    .hidden-xlg {
        display: none !important
    }
}

@media only screen and (min-width:980px) {
    .menu-content {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important
    }

    .menu {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        display: initial !important
    }
}

@media only screen and (min-width:1200px) {
    .swiper-navigation.swiper-rounded.swiper-button-next {
        right: 25px
    }

    .swiper-navigation.swiper-rounded.swiper-button-prev {
        left: 25px
    }

    .vcenter {
        position: relative;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%)
    }
}

@media (max-width:991px) {
    .submit-form {
        position: relative;
        z-index: 1
    }

    .header .menu-content .header-inner {
        line-height: 0 !important
    }

    .menu-content {
        display: none;
        position: fixed;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 250px;
        background-color: #fff;
        z-index: 10;
        overflow-y: auto
    }

    body.menu-opened > .header:before {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        background-color: rgba(0,0,0,.5);
        z-index: 10;
        content: ''
    }
}

@media (min-width:1200px) {
    .container-lg-height {
        display: table;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed
    }

    .row-lg-height {
        display: table-row
    }

    .col-lg-height {
        display: table-cell !important;
        float: none !important
    }

    .row-same-height {
        overflow: hidden
    }

        .row-same-height > [class*=col-lg] {
            margin-bottom: -99999px;
            padding-bottom: 99999px
        }
}

@media (min-width:992px) {
    .container-md-height {
        display: table;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed
    }

    .row-md-height {
        display: table-row
    }

    .col-md-height {
        display: table-cell !important;
        float: none !important
    }

    .clip-mega-menu, .row-same-height {
        overflow: hidden
    }

        .row-same-height > [class*=col-md] {
            margin-bottom: -99999px;
            padding-bottom: 99999px
        }

    .header.static {
        position: static
    }

        .header.static .affix {
            position: fixed !important;
            top: 0;
            width: 100%
        }
}

@media (min-width:768px) {
    .modal.stick-up .modal-dialog {
        margin: -5px auto
    }

    .modal.fill-in .modal-dialog, .modal.slide-up .modal-dialog {
        margin: 0 auto
    }

    .modal .modal-content {
        box-shadow: none
    }
}

@media (max-width:767px) {
    .header .menu > li.horizontal > span.arrow, .header .menu > li.mega > span.arrow, .header .menu > li > .classic .arrow, .header .menu > li > .classic:after, .header .menu > li > .classic:before, .header .menu > li > a:before, .header .menu > li > a > span:before, .nav.nav-tabs.nav-stack-sm.nav-tabs-linetriangle > li.active > a:after, .nav.nav-tabs.nav-stack-sm.nav-tabs-linetriangle > li.active > a:before {
        display: none
    }

    .header.light .header-icon > img {
        height: 5vw;
        width: 100%;
        content: url('../images/logo/menulux-text-logo-black.svg')
    }

    .header.minimized {
        height: 12vw !important
    }

    .header.dark .menu-content .menu > li > a:not(.btn):active, .header.dark .menu-content .menu > li > a:not(.btn):focus, .header.dark .menu-content .menu > li > a:not(.btn):hover, .header.dark .menu-content .menu > li > a:not(.btn):visited, .header.light .menu-content .menu > li > a:not(.btn):active, .header.light .menu-content .menu > li > a:not(.btn):focus, .header.light .menu-content .menu > li > a:not(.btn):hover, .header.light .menu-content .menu > li > a:not(.btn):visited, .header.light-solid .menu-content .menu > li > a:not(.btn):active, .header.light-solid .menu-content .menu > li > a:not(.btn):focus, .header.light-solid .menu-content .menu > li > a:not(.btn):hover, .header.light-solid .menu-content .menu > li > a:not(.btn):visited, .header.transparent-dark .menu-content .menu > li > a:not(.btn):active, .header.transparent-dark .menu-content .menu > li > a:not(.btn):focus, .header.transparent-dark .menu-content .menu > li > a:not(.btn):hover, .header.transparent-dark .menu-content .menu > li > a:not(.btn):visited, .header.transparent-light .menu-content .menu > li > a:not(.btn):active, .header.transparent-light .menu-content .menu > li > a:not(.btn):focus, .header.transparent-light .menu-content .menu > li > a:not(.btn):hover, .header.transparent-light .menu-content .menu > li > a:not(.btn):visited {
        opacity: .7
    }

    .header.dark .menu-content .menu > li > a:not(.btn).active, .header.light .menu-content .menu > li > a:not(.btn).active, .header.light-solid .menu-content .menu > li > a:not(.btn).active, .header.transparent-dark .menu-content .menu > li > a:not(.btn).active, .header.transparent-light .menu-content .menu > li > a:not(.btn).active {
        background-color: #000;
        color: #fff
    }

    .header.dark .menu-content.mobile-dark a:not(.btn), .header.light .menu-content.mobile-dark a:not(.btn), .header.light-solid .menu-content.mobile-dark a:not(.btn), .header.transparent-dark .menu-content.mobile-dark a:not(.btn), .header.transparent-light .menu-content.mobile-dark a:not(.btn) {
        color: #788195 !important
    }

        .header.dark .menu-content.mobile-dark a:not(.btn):active, .header.dark .menu-content.mobile-dark a:not(.btn):hover, .header.dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):active, .header.dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):hover, .header.light .menu-content.mobile-dark a:not(.btn):active, .header.light .menu-content.mobile-dark a:not(.btn):hover, .header.light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):active, .header.light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):hover, .header.light-solid .menu-content.mobile-dark a:not(.btn):active, .header.light-solid .menu-content.mobile-dark a:not(.btn):hover, .header.light-solid .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):active, .header.light-solid .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):hover, .header.transparent-dark .menu-content.mobile-dark a:not(.btn):active, .header.transparent-dark .menu-content.mobile-dark a:not(.btn):hover, .header.transparent-dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):active, .header.transparent-dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):hover, .header.transparent-light .menu-content.mobile-dark a:not(.btn):active, .header.transparent-light .menu-content.mobile-dark a:not(.btn):hover, .header.transparent-light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):active, .header.transparent-light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):hover {
            color: #fff !important
        }

        .header.dark .menu-content.mobile-dark a:not(.btn):focus, .header.dark .menu-content.mobile-dark a:not(.btn):visited, .header.dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn), .header.dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):focus, .header.dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):visited, .header.dark .menu-content.mobile-dark.mobile-dark p, .header.light .menu-content.mobile-dark a:not(.btn):focus, .header.light .menu-content.mobile-dark a:not(.btn):visited, .header.light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn), .header.light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):focus, .header.light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):visited, .header.light .menu-content.mobile-dark.mobile-dark p, .header.light-solid .menu-content.mobile-dark a:not(.btn):focus, .header.light-solid .menu-content.mobile-dark a:not(.btn):visited, .header.light-solid .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn), .header.light-solid .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):focus, .header.light-solid .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):visited, .header.light-solid .menu-content.mobile-dark.mobile-dark p, .header.transparent-dark .menu-content.mobile-dark a:not(.btn):focus, .header.transparent-dark .menu-content.mobile-dark a:not(.btn):visited, .header.transparent-dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn), .header.transparent-dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):focus, .header.transparent-dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):visited, .header.transparent-dark .menu-content.mobile-dark.mobile-dark p, .header.transparent-light .menu-content.mobile-dark a:not(.btn):focus, .header.transparent-light .menu-content.mobile-dark a:not(.btn):visited, .header.transparent-light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn), .header.transparent-light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):focus, .header.transparent-light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn):visited, .header.transparent-light .menu-content.mobile-dark.mobile-dark p {
            color: #788195
        }

        .header.dark .menu-content.mobile-dark a:not(.btn).active, .header.light .menu-content.mobile-dark a:not(.btn).active, .header.light-solid .menu-content.mobile-dark a:not(.btn).active, .header.transparent-dark .menu-content.mobile-dark a:not(.btn).active, .header.transparent-light .menu-content.mobile-dark a:not(.btn).active {
            color: #fff
        }

    .header.dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn).active, .header.light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn).active, .header.light-solid .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn).active, .header.transparent-dark .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn).active, .header.transparent-light .menu-content.mobile-dark.mobile-dark .menu > li > a:not(.btn).active {
        background-color: #272b35;
        color: #fff
    }

    .header:last-child.header {
        top: -200%
    }

    .header.bg-header .menu-content .header-inner {
        line-height: initial
    }

    .menu-content .menu > li.classic > nav ul, .menu-content .menu > li.horizontal > nav, .menu-content .menu > li.mega .container {
        background-color: #f0f0f0
    }

    .menu-content.mobile-dark {
        background-color: #2b303b !important
    }

        .menu-content.mobile-dark .menu > li.classic > nav ul, .menu-content.mobile-dark .menu > li.horizontal > nav, .menu-content.mobile-dark .menu > li.mega .container {
            background-color: #21252d
        }

        .menu-content.mobile-dark ul li .sub-menu-heading {
            color: #fff !important;
            opacity: 1
        }

    .menu-content .menu > li.mega .container {
        margin-top: 0
    }

    .menu-content .menu > li > a:not(.btn) {
        margin-bottom: 0 !important
    }

    .menu-content ul {
        width: 100%;
        padding: 0
    }

        .menu-content ul li {
            padding: 0;
            margin-right: 0 !important
        }

            .menu-content ul li a {
                opacity: 1 !important;
                padding: 10px 10px 10px 35px
            }

            .menu-content ul li .sub-menu-heading {
                padding: 20px 10px 10px 35px;
                opacity: .5
            }

    [data-pages-direction=slideLeft] {
        display: block;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        -ms-transform: translate(-100%,0);
        -webkit-transition: .4s cubic-bezier(.19,1,.22,1);
        transition: .4s cubic-bezier(.19,1,.22,1)
    }

    .menu-opened [data-pages-direction=slideLeft], .menu-opened [data-pages-direction=slideRight] {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -ms-transform: translate(0,0)
    }

    [data-pages-direction=slideRight] {
        display: block;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        -ms-transform: translate(100%,0);
        -webkit-transition: .4s cubic-bezier(.19,1,.22,1);
        transition: .4s cubic-bezier(.19,1,.22,1)
    }

    [data-pages-direction=slideTop] {
        display: block;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        -ms-transform: translate(0,-100%);
        -webkit-transition: .4s cubic-bezier(.19,1,.22,1);
        transition: .4s cubic-bezier(.19,1,.22,1)
    }

    .menu-opened {
        overflow-y: hidden
    }

        .menu-opened [data-pages-direction=slideTop] {
            -webkit-transform: translate3d(0,calc(0 + 65px),0);
            transform: translate3d(0,calc(0 + 65px),0);
            -ms-transform: translate(0,calc(0 + 65px))
        }

    .header .menu > li > .classic {
        top: 0 !important;
        position: relative;
        left: auto;
        right: auto;
        margin-left: 0
    }

        .header .menu > li > .classic ul > li {
            margin: 5px 0
        }

            .header .menu > li > .classic ul > li:first-child {
                margin-top: 17px
            }

            .header .menu > li > .classic ul > li:last-child {
                margin-bottom: 17px
            }

    .header.transparent-light .menu > li > a:not(.btn) {
        color: #121212;
        margin-bottom: 10px
    }

    .header.dark .menu > li > a:not(.btn) {
        color: #121212
    }

    .container {
        padding-left: 20px;
        padding-right: 20px
    }
}

.rounded-card {
    padding: 10px;
    background: #fdfdfd
}

@media screen and (prefers-reduced-motion:reduce) {
    html {
        scroll-behavior: auto
    }
}

html {
    scroll-behavior: smooth
}

body {
    font-family: Poppins,Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #333
}

*, :after, :before {
    box-sizing: border-box
}

@media(max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media(min-width:768px)and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media(min-width:992px)and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media(min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}