*,
ol,
ul {
    margin: 0
}

* {
    padding: 0
}

body {
    font-family: Sora, sans-serif;
    overflow-x: hidden
}

ol li,
ul li {
    list-style: none
}

img {
    height: auto;
    max-width: 100%
}

.bg-img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

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

.pr12 {
    padding-right: 12px !important
}

.classy-nav-container {
    background-color: #fff
}

.classy-nav-container * {
    box-sizing: border-box
}
.classynav ul {
    padding: 0;
}

.classy-nav-container a {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    text-decoration: none;
    outline: 0;
    font-size: 14px;
    font-weight: 400;
    color: #232323;
    display: inline-block
}

.classy-nav-container a:focus,
.classy-nav-container a:hover {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    text-decoration: none;
    outline: 0;
    font-size: 14px;
    font-weight: 400;
    color: #1abc9c
}

.classy-navbar .nav-brand,
.classy-navbar .nav-brand:focus,
.classy-navbar .nav-brand:hover {
    font-size: 26px;
    font-weight: 500
}

.classy-nav-container.classy-sticky {
    position: fixed;
    z-index: 1010;
    width: 100%;
    top: 0;
    right: 0;
    left: 0
}

.classy-nav-container.box-skins .classynav>ul>li {
    background-color: #1abc9c
}

.classy-nav-container.box-skins .classynav>ul>li>a,
.dark .classynav ul li.megamenu-item>a:after,
.dark.classy-nav-container a:focus,
.dark.classy-nav-container a:hover {
    color: #fff
}

.justify-content-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.justify-content-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.classy-navbar {
    width: 100%;
    padding: 5px 0 5px 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}

.classy-navbar .nav-brand {
    color: #565656;
    display: inline-block;
    margin-right: 30px
}

.classynav ul li {
    display: inline-block;
    clear: both;
    position: inherit;
    z-index: 10
}

.breakpoint-on .classynav ul li.megamenu-item,
.classynav ul li.cn-dropdown-item,
.classynav ul li.cn-dropdown-item ul li {
    position: relative;
    z-index: 100;
}

.breakpoint-on .classy-navbar-toggler,
.breakpoint-on .classycloseIcon,
.classynav ul li ul li {
    display: block
}

.classynav ul li ul li a {
    padding: 0 20px
}

.classynav ul li a {
    padding: 0 8px;
    display: block;
    height: 35px;
    font-size: 14px;
    line-height: 34px;
    overflow: hidden
}

.classynav ul li .megamenu li a {
    padding: 0 12px
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.classynav ul li.megamenu-item>a:after {
    font-family: icomoon !important;
    font-size: 11px;
    color: #000;
    padding-left: 5px
}

.classycloseIcon {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 12;
    display: none
}

.classycloseIcon .cross-wrap {
    width: 26px;
    height: 26px;
    cursor: pointer;
    position: relative
}

.classycloseIcon .cross-wrap span {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 6px;
    background: #232323
}

.classycloseIcon .cross-wrap span.top {
    top: 12px;
    left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.classycloseIcon .cross-wrap span.bottom {
    bottom: 12px;
    left: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.classy-navbar-toggler {
    border: none;
    background-color: transparent;
    cursor: pointer;
    display: none
}

.classy-navbar-toggler .navbarToggler {
    display: inline-block;
    cursor: pointer
}

.classy-navbar-toggler .navbarToggler span {
    position: relative;
    background-color: #858585;
    border-radius: 3px;
    display: block;
    height: 2px;
    margin-top: 5px;
    padding: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    width: 24px;
    cursor: pointer
}

.classy-navbar-toggler .navbarToggler.active span:first-of-type {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    top: 8px
}

.classy-navbar-toggler .navbarToggler.active span:nth-of-type(2) {
    opacity: 0
}

.classy-navbar-toggler .navbarToggler.active span:nth-of-type(3) {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    top: -8px
}

.classynav ul li .megamenu {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    background-color: #fff;
    z-index: 200;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.classynav ul li .megamenu .single-mega.cn-col-5 {
    width: 20%;
    display: inline-block;
    float: left;
    padding: 15px;
    border-right: 1px solid #f2f4f8
}

.classynav ul li .megamenu .single-mega.cn-col-3:last-of-type,
.classynav ul li .megamenu .single-mega.cn-col-4:last-of-type,
.classynav ul li .megamenu .single-mega.cn-col-5:last-of-type {
    border-right: none
}

.classynav ul li .megamenu .single-mega.cn-col-4 {
    width: 25%;
    display: inline-block;
    float: left;
    padding: 15px
}

.classynav ul li .megamenu .single-mega.cn-col-3 {
    width: 33.3333334%;
    display: inline-block;
    float: left;
    padding: 15px;
    border-right: 1px solid #f2f4f8
}

.breakpoint-off .classynav ul li.megamenu-item .dd-arrow,
.breakpoint-on .classynav ul li .dropdown,
.breakpoint-on .classynav ul li .megamenu,
.breakpoint-on .classynav ul li.megamenu-item>a:after,
.dd-trigger {
    display: none
}

.classynav ul li .megamenu .single-mega .title {
    font-size: 14px;
    padding: 8px 12px
}

.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a,
.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a,
.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a,
.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a,
.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li a,
.classynav ul li .dropdown li .dropdown li .dropdown li a,
.classynav ul li .dropdown li .dropdown li a,
.classynav ul li .dropdown li a {
    border-bottom: 1px solid rgba(242, 244, 248, .7)
}

.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a,
.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a,
.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a,
.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a,
.classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a,
.classynav ul li .dropdown li .dropdown li .dropdown li:last-child a,
.classynav ul li .dropdown li .dropdown li:last-child a,
.classynav ul li .dropdown li:last-child a,
.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a,
.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a,
.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a,
.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a,
.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li:last-child a,
.dark .classynav ul li .dropdown li .dropdown li .dropdown li:last-child a,
.dark .classynav ul li .dropdown li .dropdown li:last-child a,
.dark .classynav ul li .dropdown li:last-child a,
.dark .classynav ul li.megamenu-item ul li a {
    border-bottom: none
}

.classy-btn {
    position: relative;
    z-index: 1;
    min-width: 120px;
    padding: 0 25px;
    line-height: 42px;
    height: 42px;
    background-color: #1abc9c;
    border-radius: 50px;
    color: #fff !important;
    margin-left: 30px;
    text-align: center
}

.classy-btn:focus,
.classy-btn:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.dd-trigger {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
    cursor: pointer;
    z-index: 500;
    border-radius: 0
}

.breakpoint-off .classynav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}

.breakpoint-off .classynav ul li .dropdown {
    width: 180px;
    position: absolute;
    background-color: #fff;
    top: 120%;
    left: 0;
    z-index: 100;
    height: auto;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    opacity: 0;
    visibility: hidden;
    padding: 10px 0
}

.breakpoint-off .classynav ul li .dropdown li .dropdown {
    top: 10px;
    left: 180px;
    z-index: 200;
    opacity: 0;
    visibility: hidden
}

.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown {
    opacity: 0;
    visibility: hidden;
    top: 120%
}

.breakpoint-off .classynav ul li:hover .dropdown {
    opacity: 1;
    visibility: visible;
    top: 100%
}

.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li .dropdown li:hover .dropdown,
.breakpoint-off .classynav ul li .dropdown li:hover .dropdown {
    opacity: 1;
    visibility: visible;
    top: -10px
}

.breakpoint-off .classynav ul li .megamenu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 100%;
    left: 0;
    top: 120%;
    background-color: #fff;
    z-index: 200;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.breakpoint-off .classynav ul li.megamenu-item:focus .megamenu,
.breakpoint-off .classynav ul li.megamenu-item:hover .megamenu {
    top: 100%;
    visibility: visible;
    opacity: 1
}

@media only screen and (max-width:991px) {

    .classy-nav-container {
        position: relative;
        z-index: 1050;
        background-color: #fff
    }
    .classynav ul li .dropdown,
    .classynav ul li .megamenu {
        position: relative;
        left: 0;
        top: 0;
        box-shadow: none;
        width: 100%
    }

    .classy-navbar-toggler,
    .classycloseIcon {
        display: block
    }

    .classy-navbar .classy-menu {
        background-color: #fff;
        position: fixed;
        top: 0;
        left: -310px;
        z-index: 1000;
        width: 300px;
        height: 100%;
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
        padding: 0;
        box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
        display: block;
        overflow-x: hidden;
        overflow-y: scroll
    }

    .classynav ul li,
    .classynav ul li.megamenu-item {
        position: relative;
        z-index: 10
    }

    .classy-navbar .classy-menu.menu-on {
        left: 0
    }

    .classynav ul li {
        display: block;
        clear: both
    }

    .classynav ul li a {
        padding: 0 10px;
        height: 38px;
        line-height: 38px
    }

    .classynav ul li .dropdown li .dropdown {
        width: 100%;
        position: relative;
        top: 0;
        left: 0
    }

    .dd-trigger {
        position: absolute;
        width: 100%;
        height: 38px;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: transparent;
        cursor: pointer;
        z-index: 500;
        display: block
    }

    .classynav ul li .dropdown,
    .classynav ul li .megamenu,
    .classynav ul li.megamenu-item>a:after {
        display: none
    }

    .classynav {
        padding-top: 70px
    }

    .classynav ul li .megamenu {
        z-index: 200
    }

    .classynav ul li .megamenu .single-mega.cn-col-3,
    .classynav ul li .megamenu .single-mega.cn-col-4,
    .classynav ul li .megamenu .single-mega.cn-col-5 {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #f2f4f8
    }

    .cn-dropdown-item.has-down.pr12,
    .megamenu-item.pr12 {
        padding-right: 0 !important
    }

    .classynav>ul>li>a {
        background-color: #f2f4f8;
        border-bottom: 1px solid rgba(255, 255, 255, .5)
    }

    .classynav>ul>li.cn-dropdown-item.has-down>.dd-arrow,
    .classynav>ul>li.megamenu-item>.dd-arrow {
        right: 20px
    }

    .classynav ul li ul.dropdown li ul li {
        margin-left: 15px
    }

    .classy-btn {
        width: calc(100% - 30px);
        margin: 30px 15px
    }
}

.breakpoint-on .classy-navbar .classy-menu {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: -310px;
    z-index: 1000;
    width: 300px;
    height: 100%;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    padding: 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    display: block;
    overflow-x: hidden;
    overflow-y: scroll
}

.breakpoint-on .classy-navbar .classy-menu.menu-on {
    left: 0
}

.breakpoint-on .classynav ul li {
    display: block;
    position: relative;
    clear: both;
    z-index: 10
}

.breakpoint-on .classynav ul li a {
    padding: 0 10px;
    height: 35px;
    line-height: 35px
}

.breakpoint-on .classynav ul li .dropdown {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    box-shadow: none
}

.breakpoint-on .classynav ul li .dropdown li .dropdown {
    width: 100%;
    position: relative;
    top: 0;
    left: 0
}

.breakpoint-on .dd-trigger {
    position: absolute;
    width: 100%;
    height: 38px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    cursor: pointer;
    z-index: 500;
    display: block
}

.breakpoint-on .classynav {
    padding-top: 70px
}

.breakpoint-on .classynav ul li .megamenu {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 200;
    box-shadow: none
}

.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-3,
.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-4,
.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-5 {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #f2f4f8
}

.breakpoint-on .cn-dropdown-item.has-down.pr12,
.breakpoint-on .megamenu-item.pr12 {
    padding-right: 0 !important
}

.breakpoint-on .classynav>ul>li>a {
    background-color: #f2f4f8;
    border-bottom: 1px solid rgba(255, 255, 255, .5)
}

.dark .classynav ul li .dropdown,
.dark .classynav ul li .megamenu,
.dark.breakpoint-on .classy-navbar .classy-menu,
.dark.classy-nav-container {
    background-color: #192a56
}

.breakpoint-on .classynav>ul>li.cn-dropdown-item.has-down>.dd-arrow,
.breakpoint-on .classynav>ul>li.megamenu-item>.dd-arrow {
    right: 20px
}

.breakpoint-on .classynav ul li ul.dropdown li ul li {
    margin-left: 15px
}

.breakpoint-on .classy-btn {
    width: calc(100% - 30px);
    margin: 30px 15px
}

.breakpoint-on .classynav .main-menu-item {
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    font-weight: 400;
    background-color: var(--primary-color);
    color: #fff
}

.dark.classy-nav-container a {
    color: rgba(255, 255, 255, .7)
}

.dark .classy-navbar-toggler .navbarToggler span,
.dark .classycloseIcon .cross-wrap span,
.dark .classynav>ul>li.has-down.active>.dd-arrow::after,
.dark .classynav>ul>li.has-down.active>.dd-arrow::before,
.dark .has-down .dd-arrow::after,
.dark .has-down .dd-arrow::before,
.dark .has-down.active>.dd-arrow::after,
.dark .has-down.active>.dd-arrow::before,
.dark .megamenu-item .dd-arrow::after,
.dark .megamenu-item .dd-arrow::before,
.dark .megamenu-item.active>.dd-arrow::after,
.dark .megamenu-item.active>.dd-arrow::before {
    background-color: #fff
}

.dark .classynav ul li .megamenu .single-mega.cn-col-3,
.dark .classynav ul li .megamenu .single-mega.cn-col-4,
.dark .classynav ul li .megamenu .single-mega.cn-col-5 {
    border-right: 1px solid rgba(255, 255, 255, .05)
}

.dark .classynav ul li .megamenu .single-mega .title {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .05)
}

.dark.breakpoint-on .classynav>ul>li>a {
    background-color: #192a56;
    border-bottom: 1px solid rgba(255, 255, 255, .05)
}

.dark.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-3,
.dark.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-4,
.dark.breakpoint-on .classynav ul li .megamenu .single-mega.cn-col-5 {
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    border-right: none
}

.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a,
.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a,
.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a,
.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li a,
.dark .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li a,
.dark .classynav ul li .dropdown li .dropdown li .dropdown li a,
.dark .classynav ul li .dropdown li .dropdown li a,
.dark .classynav ul li .dropdown li a {
    border-bottom: 1px solid rgba(242, 244, 248, .1)
}

.right.breakpoint-on .classy-navbar .classy-menu {
    left: auto;
    right: -310px
}

.dropdown-rtl.breakpoint-off .classynav ul li .dropdown,
.right.breakpoint-on .classy-navbar .classy-menu.menu-on {
    left: auto;
    right: 0
}

.dropdown-rtl .classynav ul li .megamenu .single-mega .title,
.dropdown-rtl .classynav ul li a {
    text-align: right
}

.dropdown-rtl .classynav>ul>li.cn-dropdown-item.has-down>.dd-arrow {
    right: 10px !important;
    left: auto
}

.dropdown-rtl .has-down .dd-arrow {
    right: auto;
    left: 20px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown {
    right: 180px;
    left: auto;
    opacity: 0;
    visibility: hidden;
    top: 10px
}

.dropdown-rtl.breakpoint-off .classynav ul li:hover .dropdown {
    opacity: 1;
    visibility: visible;
    top: 90%
}

.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li .dropdown li:hover .dropdown,
.dropdown-rtl.breakpoint-off .classynav ul li .dropdown li:hover .dropdown {
    opacity: 1;
    visibility: visible;
    top: 0
}

.dropdown-rtl.breakpoint-on .classynav>ul>li.cn-dropdown-item.has-down>.dd-arrow {
    right: auto !important;
    left: 20px
}

.dropdown-rtl.breakpoint-on .has-down .dd-arrow {
    right: auto;
    left: 20px;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.dropdown-rtl.breakpoint-on .classynav ul li ul.dropdown li ul li {
    margin-left: 0;
    margin-right: 15px
}

.header_area {
    position: fixed;
    z-index: 900;
    top: 0;
    left: 0;
    width: 100%;
    /* border-bottom: 1px solid #ebebeb; */
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.header_cnav .classy-navbar,
.header_area .header-meta {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    min-width: 50%;
    width: 50%
}

.header_cnav .classy-navbar {
    height: 85px;
    padding: 5px 0 5px 5%;
    display: contents
}

.header_area .header-meta {
    height: 85px;
    position: relative;
    z-index: 1
}

.header_cnav .classynav ul li a {
    font-size: 15px;
    color: #757373;
    font-weight: 400
}

.header_cnav .classynav ul li .dropdown li a:hover,
.header_cnav .classynav ul li .megamenu li a:hover,
.header_cnav .classynav ul li a:hover {
    color: #000
}

.header_cnav .classynav ul li .dropdown li a,
.header_cnav .classynav ul li .megamenu li a {
    font-size: 15px;
    color: #787878
}

.header_cnav .classynav ul {
    padding-left: 0;
    margin-bottom: 0
}

.header_area .search-area form {
    position: relative;
    z-index: 1;
    height: 85px;
    border-left: 1px solid #ebebeb
}

.header_area .search-area form input {
    border: none;
    background-color: #fff;
    width: 200px;
    height: 85px;
    padding: 0 15px 0 60px;
    color: #787878;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.header_area .search-area form input:focus {
    outline: 0 !important;
    width: 350px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .header_area .search-area form input:focus {
        width: 300px
    }
}

@media only screen and (max-width:767px) {
    .classy-nav-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .classy-navbar-toggler {
        position: unset;
        right: unset;
        bottom: unset
    }

    .header_cnav .classy-navbar,
    .header_area .header-meta {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        min-width: 100%;
        width: 100%
    }

    .header_cnav .classy-navbar {
        height: 40px;
        border-bottom: 1px solid #ebebeb
    }

    .header_area .header-meta {
        height: 40px;
        display: block !important
    }

    .header_area .search-area form {
        height: 40px;
        border-left: none
    }

    .header_area .search-area form input {
        width: 100% !important;
        height: 40px;
        padding: 0 10px 0 30px
    }

    .header_area .search-area form input:focus {
        width: 170px
    }
    .classy-navbar .profile-dropdown{
        left: 100% !important;
        transition: unset;
        width: 290px;
    }
    .classy-navbar .cart-quantity span{
        top: -12px;
        right: -12px;
        font-size: 8px !important;
        height: 24px;
        width: 24px;
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .header_area .search-area form input:focus {
        width: 270px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .header_area .search-area form input:focus {
        width: 300px
    }
}

.header_area .search-area form button {
    position: absolute;
    z-index: 10;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 30px;
    background-color: transparent;
    border: none;
    color: #787878;
    font-size: 14px
}

.header_area .cart-area a,
.header_area .favourite-area a,
.header_area .user-login-info a {
    position: relative;
    z-index: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
    width: 90px;
    display: block;
    text-align: center;
    border-left: 1px solid #ebebeb;
    height: 100%;
    line-height: 80px
}

.header_area .cart-area a img,
.header_area .favourite-area a img,
.header_area .user-login-info a img {
    max-width: 20px
}

.header_area .cart-area a span,
.header_area .favourite-area a span,
.header_area .user-login-info a span {
    font-family: Ubuntu, sans-serif;
    font-size: 18px;
    color: #0315ff;
    font-weight: 700;
    position: absolute;
    top: -10px
}

@media only screen and (max-width:767px) {
    .header_area .search-area form button {
        left: 10px;
        height: 40px
    }

    .header_area .cart-area a,
    .header_area .favourite-area a,
    .header_area .user-login-info a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
        flex: 0 0 50px;
        width: 50px;
        line-height: 40px
    }

    .header_area .cart-area a span,
    .header_area .favourite-area a span,
    .header_area .user-login-info a span {
        font-size: 14px
    }
}

.header_area.sticky {
    position: fixed !important;
    z-index: 1021;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 5px 30px rgba(0, 0, 0, .15)
}

.header_cnav .classynav ul li .megamenu li.title a {
    color: var(--primary-color);
    font-size: 15px;
    font-weight: 600;
    padding-left: 0;
    line-height: 30px;
    height: 30px
}

.classy-menu .inner-menu-logo {
    position: absolute;
    top: 8px
}

@media only screen and (min-width:991px) {
    .header_cnav .classynav .megamenu::before {
        content: url(../tws/assets/img/half-Ellipse.svg);
        position: absolute;
        bottom: 0;
        left: 0
    }

    .header_cnav .classynav .megamenu::after {
        content: url(../tws/assets/img/mix-img.svg);
        position: absolute;
        bottom: 0;
        top: 0;
        right: 0;
        overflow: hidden
    }
}

@media only screen and (min-width:767px) and (max-width:991px) {
    .header_cnav .classy-navbar {
        display: contents !important
    }
}

@media only screen and (max-width:1219px) {
    .header_cnav .classynav ul li a,
    .header_cnav .classynav ul li .dropdown li a, 
    .header_cnav .classynav ul li .megamenu li a {
        font-size: 13px;
    }

    .classynav ul li a {
        padding: 0 5px;
    }

    .pr12 {
        padding-right: 6px !important;
    }
}