body {
}

#header {
    position: relative;
    width: 100%;
    z-index: 199 !important;
    height: 80px;
    line-height: 80px;
}

    #header .header-inner, #header #header-wrap {
        height: 80px;
        background-color: #eff1f4;
        left: 0;
        right: 0;
        transition: all .4s ease-in-out;
    }

    #header .container {
        position: relative;
    }

    #header .header-inner #logo, #header #header-wrap #logo {
        float: left;
        font-size: 28px;
        position: relative;
        z-index: 1;
        transition: all .4s ease-in-out;
        height: 80px;
    }

        #header .header-inner #logo a, #header .header-inner #logo a span, #header #header-wrap #logo a, #header #header-wrap #logo a span {
            font-family: "Poppins", sans-serif;
            font-size: 40px;
            color: #07293a;
            font-weight: 800;
            letter-spacing: 1.5px;
        }

            #header .header-inner #logo a .logo-default, #header #header-wrap #logo a .logo-default {
                display: block;
            }

#mainMenu-trigger {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    height: 80px;
    z-index: 1;
    float: right;
}

    #mainMenu-trigger button {
        background: none;
        border: 0;
        padding: 0;
    }

        #mainMenu-trigger button:focus {
            outline: 0;
        }

        #mainMenu-trigger button i {
            font-size: 17px;
        }


a:not(.btn):not(.badge):not(.btn):not([href]):not([tabindex]) {
    color: #484848;
}

.lines, .lines:before, .lines:after {
    background-color: #07293a;
}

.lines {
    display: inline-block;
    height: 2px;
    width: 20px;
    border-radius: 4px;
    transition: 0.3s;
    position: relative;
    top: -4px;
}

#mainMenu {
    padding: 0;
}

    #mainMenu > .container {
        padding: 0 !important;
    }

    #mainMenu nav {
        float: right;
    }

        #mainMenu nav > ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

            #mainMenu nav > ul > li {
                float: left;
                border: 0;
                transition: all .3s ease;
                margin-left: 6px;
                position: relative;
            }

                #mainMenu nav > ul > li.hover-active > a, #mainMenu nav > ul > li.hover-active > span, #mainMenu nav > ul > li.current > a, #mainMenu nav > ul > li.current > span, #mainMenu nav > ul > li:hover > a, #mainMenu nav > ul > li:hover > span, #mainMenu nav > ul > li:focus > a, #mainMenu nav > ul > li:focus > span {
                    color: #a80532;
                }
                #mainMenu nav > ul > li > a {
                    position: relative;
                    font-family: "Poppins", sans-serif;
                    padding: 10px 12px;
                    text-transform: uppercase;
                    font-size: 12px;
                    font-weight: 600;
                    letter-spacing: 0.6px;
                    color: #07293a;
                    border-radius: 0;
                    border-width: 0;
                    border-style: solid;
                    border-color: transparent;
                    transition: all .3s ease;
                    line-height: normal;
                }

a:not(.btn):not(.badge):hover, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):active {
    text-decoration: none;
    outline: none;
    color: #a80532;
}

#mainMenu nav > ul > li .dropdown-menu {
    background-position: right bottom;
    background-repeat: no-repeat;
    min-width: 230px;
    top: auto;
    background-color: #ffffff;
    border: 0;
    color: #07293a;
    border-style: solid;
    border-color: #eeeeee;
    border-width: 1px !important;
    left: auto;
    margin: 0;
    margin-top: -6px;
    border-radius: 4px;
    box-shadow: 0 33px 32px rgba(0, 0, 0, 0.1);
    padding: 10px;
    display: none;
    position: absolute;
}

#mainMenu nav > ul li ul {
    list-style: none;
    padding: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

#mainMenu nav > ul > li:not(.hover-active):hover > ul {
    display: block;
    animation: fade-in-out .3s ease;
}

/* ----------------------------------------------------------------
Play Button
-----------------------------------------------------------------*/
.play-button {
    position: relative;
    width: 90px;
    height: 90px;
    display: inline-block;
    border-width: 7px;
    border-style: solid;
    border-color: #ffffff;
    border-radius: 50%;
    transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

    .play-button > i {
        font-size: 22px;
        color: #ffffff;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: 2px;
        transform: translateY(-50%) translateX(-50%);
    }

    .play-button.dark {
        border-color: #07293a;
    }

        .play-button.dark > i {
            color: #07293a;
        }

    .play-button:hover {
        transform: scale(1.15);
        transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    }

.lines-button {
    appearance: none;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    transition: 0.3s;
    user-select: none;
    width: 16px;
    background: transparent;
    outline: none;
}

    .lines-button > * {
        display: block;
    }

    .lines-button:hover, .lines-button:focus {
        outline: none;
    }

    .lines-button::-moz-focus-inner {
        border: 0;
    }

.lines {
    display: inline-block;
    height: 2px;
    width: 20px;
    border-radius: 4px;
    transition: 0.3s;
    position: relative;
    top: -4px;
}

    .lines::before, .lines::after {
        display: inline-block;
        height: 2px;
        width: 20px;
        border-radius: 4px;
        transition: 0.3s;
        content: '';
        position: absolute;
        left: 0;
        transform-origin: 2.85714px center;
        width: 100%;
    }

    .lines::before {
        top: 6px;
    }

    .lines::after {
        top: -6px;
    }

    .lines, .lines:before, .lines:after {
        background-color: #07293a;
    }

.toggle-active .lines {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
}

.x {
    width: auto;
}

    .x.toggle-active .lines {
        background: transparent !important;
    }

        .x.toggle-active .lines::before,
        .x.toggle-active .lines::after {
            transform-origin: 50% 50%;
            top: 0;
            width: 26px;
        }

        .x.toggle-active .lines::before {
            transform: rotate3d(0, 0, 1, 45deg);
        }

        .x.toggle-active .lines::after {
            transform: rotate3d(0, 0, 1, -45deg);
        }

.toggle-item i {
    position: relative;
}

    .toggle-item i:nth-of-type(2) {
        visibility: hidden;
        position: absolute;
    }

.toggle-item.toggle-active i:nth-of-type(2) {
    visibility: visible;
    position: relative;
}

.toggle-item.toggle-active i:nth-of-type(1) {
    visibility: hidden;
    position: absolute;
}

.image-hover-zoom {
    position: relative;
    overflow: hidden;
    cursor: url("../images/expand.png"), default;
    /*hover state*/
}

    .image-hover-zoom img {
        transition: all .4s ease;
        opacity: 1;
    }

    .image-hover-zoom:hover img {
        opacity: .3;
    }

/* ----------------------------------------------------------------
HEADER: Responsive
-----------------------------------------------------------------*/
@media (max-width: 1024px) {
    #header .header-inner,
    #header #header-wrap {
        height: auto;
    }

    #header #logo {
        position: absolute !important;
        width: 80%;
        text-align: center;
        margin: 0 !important;
        float: none;
        height: 80px;
        left: 10%;
        right: 0;
        padding: 0 !important;
    }

        #header #logo > a {
            display: inline-block;
        }

            #header #logo > a img {
                max-height: 80px;
                padding-bottom: 6px;
            }

        #header #logo .logo-responsive {
            display: block;
        }

        #header #logo .logo-responsive-dark {
            display: block;
        }

    #header.header-mobile-logo-left #header #logo {
        width: auto;
        text-align: left;
        left: 30px;
        right: auto;
    }

    #header.header-mobile-logo-left .header-extras {
        float: right;
        margin-left: 20px;
    }

    #header.header-alternative .header-inner,
    #header.header-alternative #header-wrap {
        height: auto;
    }

    #header.header-modern {
        margin: 0 !important;
        width: 100% !important;
    }

        #header.header-modern .header-inner,
        #header.header-modern #header-wrap {
            border-radius: 0px !important;
        }

    #header.header-logo-right .header-inner .header-extras,
    #header.header-logo-right #header-wrap .header-extras {
        float: right;
    }

    #header.header-mini .header-inner,
    #header.header-mini #header-wrap {
        height: auto !important;
    }
}

@media (max-width: 1024px) {
    #header[data-transparent="true"] + main {
        top: -120px;
        margin-bottom: -124px;
        position: relative;
    }

        #header[data-transparent="true"] + main > #page-title {
            padding: 160px 0 80px 0;
        }

    #header[data-transparent="true"] + .fullscreen {
        top: -80px;
        margin-bottom: -80px;
    }
}



/* ----------------------------------------------------------------
Main Menu: Responsive
-----------------------------------------------------------------*/
@media (max-width: 1024px) {
    #mainMenu-trigger {
        position: relative;
        opacity: 1;
        visibility: visible;
    }

    /*Main Menu*/
    #mainMenun.menu-center nav {
        margin: 0px;
    }

    #mainMenu:not(.menu-overlay) {
        max-height: 0;
        clear: both;
        display: block;
        width: 100%;
        opacity: 1;
        overflow: hidden;
        transition: max-height 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86), opacity 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86);
    }

        #mainMenu:not(.menu-overlay) > .container {
            text-align: left !important;
            width: 100%;
            max-width: 100%;
        }

        #mainMenu:not(.menu-overlay) nav {
            line-height: 40px;
            float: none;
            width: 100%;
            padding-bottom: 20px;
            transition: .7s ease;
            opacity: 0;
            transform: translateY(-18px);
        }

            #mainMenu:not(.menu-overlay) nav > ul {
                float: none;
                width: 100%;
            }

                #mainMenu:not(.menu-overlay) nav > ul > li {
                    padding: 0;
                    margin: 0;
                    clear: both;
                    float: none;
                    display: block;
                    border: 0;
                }

                    #mainMenu:not(.menu-overlay) nav > ul > li > a {
                        display: block;
                        padding: 12px 0;
                        font-size: 14px;
                        border: 0;
                        border-radius: 0;
                    }

                        #mainMenu:not(.menu-overlay) nav > ul > li > a:after {
                            display: none;
                        }

                        #mainMenu:not(.menu-overlay) nav > ul > li > a .menu-sub-title {
                            display: none !important;
                        }

                    #mainMenu:not(.menu-overlay) nav > ul > li.dropdown:before {
                        right: 14px;
                        display: block;
                    }

                    #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu {
                        background-image: none !important;
                        max-height: 0;
                        overflow: hidden;
                        opacity: 0;
                        transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1);
                        position: static;
                        clear: both;
                        float: none;
                        box-shadow: none;
                        border: 0 !important;
                        min-width: 100%;
                        margin: 0;
                        border-radius: 0px;
                        padding: 0 16px;
                    }

                        #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > a,
                        #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > span,
                        #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
                            line-height: 16px;
                            font-size: 14px;
                            padding: 12px 0;
                            display: block;
                        }

                    #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item {
                        position: relative;
                    }

                        #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content {
                            padding: 0 0 0 15px;
                        }

                            #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content .mega-menu-title {
                                padding-top: 12px;
                                padding-bottom: 12px;
                            }

                            #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content > a,
                            #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content > span,
                            #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li > a {
                                padding: 10px 0px 10px 0px;
                            }

                            #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li:first-child > a {
                                padding-top: 12px;
                            }

                            #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li:last-child > a {
                                padding-bottom: 12px;
                            }

                    #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-submenu {
                        position: relative;
                    }

                        #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-submenu:before {
                            right: 0;
                            top: 0;
                            font-size: 16px;
                        }

                #mainMenu:not(.menu-overlay) nav > ul li > .dropdown-menu {
                    border: 0 none;
                    background-color: transparent;
                    display: block;
                }

                    #mainMenu:not(.menu-overlay) nav > ul li > .dropdown-menu > .dropdown-submenu {
                        position: relative;
                    }

                        #mainMenu:not(.menu-overlay) nav > ul li > .dropdown-menu > .dropdown-submenu:before {
                            right: 0;
                            transform: rotate(90deg);
                            font-size: 16px;
                        }

                #mainMenu:not(.menu-overlay) nav > ul li.hover-active > .dropdown-menu {
                    visibility: visible;
                    opacity: 1;
                    max-height: 2000px;
                }

                #mainMenu:not(.menu-overlay) nav > ul [class*="col-lg"] {
                    width: 100%;
                    max-width: 100%;
                    min-width: 100%;
                    flex: 100%;
                    padding: 0;
                    margin: 0;
                }

        #mainMenu:not(.menu-overlay).menu-animate nav {
            opacity: 1;
            transform: translateY(0);
        }

        #mainMenu:not(.menu-overlay).menu-sub-title nav > ul > li {
            line-height: unset !important;
        }

            #mainMenu:not(.menu-overlay).menu-sub-title nav > ul > li .dropdown-submenu:before {
                top: 0;
            }

        #mainMenu:not(.menu-overlay).menu-rounded nav > ul > li.current > a, #mainMenu:not(.menu-overlay).menu-rounded nav > ul > li:hover > a, #mainMenu:not(.menu-overlay).menu-rounded nav > ul > li:focus > a {
            background-color: unset !important;
        }

        #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li.current, #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li:hover, #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li:focus {
            background-color: unset;
        }

            #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li.current > a, #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li:hover > a, #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li:focus > a {
                color: unset !important;
            }

        #mainMenu:not(.menu-overlay).menu-left nav {
            margin-left: 0;
        }

    .mainMenu-open #header #mainMenu {
        width: calc(100% + 14px);
        display: block;
        opacity: 1;
        overflow-y: scroll;
    }

    .mainMenu-open #header .header-inner,
    .mainMenu-open #header #header-wrap {
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
        background-color: #fff !important;
    }

    .mainMenu-open.dark .header-inner,
    .mainMenu-open.dark #header-wrap,
    .mainMenu-open #header:not(.submenu-light).dark .header-inner,
    .mainMenu-open #header:not(.submenu-light).dark #header-wrap {
        background-color: #181818 !important;
    }

    .mainMenu-open #dotsMenu {
        z-index: -1;
    }

    #dotsMenu {
        right: 20px;
    }

        #dotsMenu:before {
            background: none;
        }
}

@media (max-width: 1024px) {
    .mainMenu-open #header #logo [class*="logo-"] {
        display: none;
    }

    .mainMenu-open #header #logo .logo-default {
        display: block;
    }
}

@keyframes fade-in-out {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.header-extras {
    float: right;
    z-index: 199;
    position: relative;
    height: 80px;
    /* Shoping cart*/
}

    .header-extras > ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .header-extras > ul > li {
            float: left;
            border: 0;
        }

            .header-extras > ul > li a,
            .header-extras > ul > li i {
                color: #484848;
            }

            .header-extras > ul > li > a:not(.btn),
            .header-extras > ul > li > .p-dropdown {
                padding-left: 6px;
                padding-right: 6px;
            }

            .header-extras > ul > li .p-dropdown a > span {
                position: absolute;
                top: -8px;
                font-size: 9px;
                opacity: 1;
                right: -2px;
            }

            .header-extras > ul > li > a:not(.btn),
            .header-extras > ul > li .topbar-dropdown > .title {
                font-family: "Poppins", sans-serif;
                font-size: 12px;
                position: relative;
                display: block;
                font-style: normal;
                text-transform: uppercase;
                font-weight: 700;
            }

                .header-extras > ul > li > a:not(.btn) i,
                .header-extras > ul > li .topbar-dropdown > .title i {
                    font-size: 14px;
                    position: relative;
                }

                    .header-extras > ul > li > a:not(.btn) i:nth-of-type(2),
                    .header-extras > ul > li .topbar-dropdown > .title i:nth-of-type(2) {
                        visibility: hidden;
                        position: absolute;
                    }

                .header-extras > ul > li > a:not(.btn).toggle-active i:nth-of-type(2),
                .header-extras > ul > li .topbar-dropdown > .title.toggle-active i:nth-of-type(2) {
                    visibility: visible;
                    position: relative;
                }

                .header-extras > ul > li > a:not(.btn).toggle-active i:nth-of-type(1),
                .header-extras > ul > li .topbar-dropdown > .title.toggle-active i:nth-of-type(1) {
                    visibility: hidden;
                    position: absolute;
                }

            .header-extras > ul > li .btn {
                margin-bottom: 0px;
            }

    .header-extras #shopping-cart {
        position: relative;
    }

        .header-extras #shopping-cart > a {
            position: relative;
        }

            .header-extras #shopping-cart > a .shopping-cart-items {
                position: absolute;
                z-index: 1;
                background: #a80532;
                border-radius: 50%;
                color: #ffffff;
                font-size: 9px;
                font-weight: 600;
                height: 13px;
                line-height: 10px;
                padding: 2px 4px;
                right: -6px;
                top: -6px;
                width: 13px;
            }

    .header-extras .topbar-dropdown .title {
        line-height: inherit !important;
        letter-spacing: 1px;
        padding: 0;
        color: #07293a;
    }

    .header-extras .topbar-dropdown .dropdown-list {
        right: -10px;
        margin-top: -20px;
        left: auto;
        box-shadow: 0px -6px 16px rgba(0, 0, 0, 0.1);
        margin-top: -16px;
    }

        .header-extras .topbar-dropdown .dropdown-list:before {
            content: " ";
            width: 0;
            height: 0;
            border-left: 9px solid transparent;
            border-right: 9px solid transparent;
            border-bottom: 9px solid #ffffff;
            top: -9px;
            right: 14px;
            position: absolute;
        }

.dark .header-extras .p-dropdown a > span,
.dark .header-extras a > i {
    color: #ffffff;
}

.dark .header-extras .lines,
.dark .header-extras .lines:before,
.dark .header-extras .lines:after {
    background-color: #ffffff;
}

@media (max-width: 1024px) {
    .header-extras {
        float: left;
    }

        .header-extras > ul .p-dropdown > a > i,
        .header-extras > ul > li > a > i {
            font-size: 16px !important;
        }

        .header-extras > ul .p-dropdown:first-child > a,
        .header-extras > ul > li:first-child > a {
            padding-left: 0;
        }
}

@media (min-width: 768px) {
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}