.search--box {

    width: 100%;

    max-width: 495px;

}



.nav--search {

    display: none !important;

    margin: 15px 15px 0 15px !important;

}



.search--box .input--group {

    position: relative;

}



.search--box .input--group input {

    background: var(--bolum_bg);

    border-radius: 7px;

    border: none;

    font-weight: 400;

    font-size: 14px;

    line-height: 16px;

    color: var(--subtext);

    padding: 17px 20px;

    width: 100%;

    padding-right: 30px;

}



input[type="search"]::-webkit-search-cancel-button {

    -webkit-appearance: none;

    appearance: none;

}



.search--box .input--group input::placeholder {

    color: var(--subtext);

}



.search--box .input--group input:focus {

    outline: none;

    box-shadow: none;

}



.search--box .input--group button {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 27px;

    height: 27px;

    border-radius: 100%;

    background: var(--theme_top_img_bg);

    border: 1px solid rgba(118, 131, 143, 0.05);

    position: absolute;

    right: 0;

    top: 50%;

    transform: translate(-50%, -50%);

}



.search--box .input--group button i {

    font-size: 13px;

    color: var(--subtext);

}



.search-cancel {

    display: block;

    cursor: pointer;

    font-size: 1.45rem;

    line-height: inherit;

    color: var(--subtext);

}



.search-block {

    position: absolute;

    top: 0;

    left: 50%;

    z-index: 10;

    overflow: hidden;

    background-color: var(--bolum_bg);

    transition: all 0.35s ease-in-out;

    transform: translate(-50%);

    min-width: 85%;

    opacity: 0;

    visibility: hidden;

    border-radius: 5px;

}



.search-block.is-active {

    top: 50%;

    transform: translate(-50%, -50%);

    opacity: 1;

    visibility: visible;

}



.search-form {

    display: flex;

    align-items: center;

    padding: 0.25rem 1rem;

}



.search-input {

    display: block;

    font-family: inherit;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    width: 100%;

    height: auto;

    padding: 0.65rem 1.25rem;

    border: none;

    outline: none;

    border-radius: 0.25rem;

    color: var(--subtext);

    background-color: var(--bolum_bg);

}



.search-input::placeholder {

    color: var(--subtext);

}



.search-input::-webkit-search-decoration,

.search-input::-webkit-search-cancel-button {

    display: none;

    visibility: hidden;

}



.header--top {

    background: var(--header_top);

}



.header--top .top--area {

    align-items: center;

}



.header--top .top--area .header--slide {

    overflow: hidden;

}



.header--top .top--area .header--slide .swiper-slide {

    font-weight: 500;

    font-size: 14px;

    line-height: 16px;

    color: var(--subtext);

    padding: 14px 0;

}



.header--top .top--area .text--area {

    font-weight: 500;

    font-size: 14px;

    line-height: 16px;

    color: var(--subtext);

    display: flex;

    justify-content: flex-end;

}



.header--top .top--area .text--area i {

    font-size: 18px;

    margin-left: 8px;

}



.site-navbar {

    display: flex;

    position: relative;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

    padding: 0;

}



.site-navbar .brand-logo img {

    max-height: 69px;
    min-width: 127px;
}



.site-navbar .menu-block-wrapper {

    flex-grow: 1;

    align-items: center;

    justify-content: center;

}



.site-header--absolute {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 3;

    padding: 0 0;

    background: var(--header_bg);

}



.site-header--sticky:not(.mobile-sticky-enable) {

    top: 0;

}



.site-header--sticky:not(.mobile-sticky-enable) {

    position: relative !important;

    top: 0;

    right: 0;

    width: 100%;

    z-index: 2;

}



.site-menu-main .sub-menu.megamenu .mega-drop-menu-item:hover .site-header--sticky.mobile-sticky-enable {

    top: 0;

    right: 0;

    width: 100%;

    z-index: 3;

    position: fixed !important;

    transition: 0.4s;

    padding-top: 40px;

}



.site-header--sticky.mobile-sticky-enable.reveal-header {

    transform: translateY(0%);

    background: #fff;

    z-index: 3;

}



.site-header--sticky:not(.mobile-sticky-enable).reveal-header.site-menu-main.nav-link-item {

    line-height: 80px;

}



.site-header--menu-center .container {

    position: relative;

}



.site-header--menu-center .menu-block-wrapper {

    position: static;

}



.site-header--menu-left .menu-block .site-menu-main {

    justify-content: flex-start;

    padding-left: 15px;

}



.site-header--menu-right .menu-block-wrapper {

    position: relative;

    z-index: 1;

}



.site-header--menu-right .site-right-block a {

    position: relative;

}



.site-header--menu-right .site-right-block a:not(:last-child) {

    margin-right: 20px;

}



.site-header--menu-right .site-right-block .header-group-action {

    margin-right: 20px;

}



.site-header--menu-right .site-right-block a i {

    font-size: 22px;

    color: var(--main_text);

    cursor: pointer;

}



.site-header--menu-right .site-right-block a span {

    min-width: 16px;

    height: 16px;

    border-radius: 100%;

    background: var(--mainbg);

    position: absolute;

    top: -6px;

    right: -6px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: 600;

    font-size: 11px;

    line-height: 12px;

    color: var(--textwhite);

}



.site-menu-main {

    margin-bottom: 0;

    padding-left: 0;

}



.site-menu-main li {

    list-style: none;

}



.site-menu-main ul {

    list-style: none;

    margin-left: 0;

}



.site-menu-main a {

    text-decoration: none;

}



.site-menu-main .nav-item {

    display: inherit;

}



.site-menu-main .nav-item.login-box a {

    font-weight: 500;

    font-size: 15px;

    background: var(--mainbg);

    padding: 15px 30px;

    border-radius: 8px;

    line-height: 20px;

    display: flex;

    align-items: center;

    color: var(--white__text);

}



.site-menu-main .nav-link-item {

    font-weight: 500;

    font-size: 15px;

    font-style: normal;

    color: var(--main_text);

    position: relative;

    display: flex;

    align-items: center;

    cursor: pointer;

    padding: 16px 15px !important;

}



.site-menu-main .nav-link-item i {

    margin-left: 5px;

    line-height: 5px;

}



.site-menu-main .sub-menu {

    position: absolute;

    z-index: 500;

    background-color: #fff;

    box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, 0.3);

    padding: 20px 0px;

    transition: opacity 0.5s ease, top 0.5s ease, margin-top 0.5s ease, background-color 0.5s ease;

    opacity: 0;

    visibility: hidden;

}



.site-menu-main .nav-link-item:hover {

    background: var(--herobg);

    border-radius: 100px;

}



.site-menu-main .sub-menu--item {

    font-weight: 700;

    font-size: 15px;

    line-height: 20px;

    padding-left: 30px;

    padding-right: 30px;

    padding-top: 10px;

    padding-bottom: 10px;

}



.site-menu-main .sub-menu--item>a {

    color: inherit;

    font-weight: 500;

    font-size: 15px;

    line-height: 18px;

    font-style: normal;

    color: var(--subtext);

}



.site-menu-main .sub-menu--item:hover>a {

    color: var(--mainbg);

}



.site-menu-main .sub-menu.megamenu .dropdown-image-block {

    max-height: 336px;

}



.site-menu-main .sub-menu.megamenu .single-dropdown-block .mega-drop-menu-item {

    padding-top: 14px;

    padding-bottom: 14px;

    display: block;

}



.site-menu-main .sub-menu.megamenu .mega-drop-menu-item {

    padding-top: 2.5px;

    padding-bottom: 2.5px;

    transition: 0.4s;

    font-weight: 500;

    font-size: 15px;

    line-height: 18px;

    font-style: normal;

    color: var(--subtext);

}



.site-menu-main>li .sub-menu>ul>li>a {

    display: inline-block;

    padding: 10px 0;

    font-size: 15px;

    color: #555;

    transition: color 0.3s ease;

    text-decoration: none;

    text-transform: capitalize;

}



.site-menu-main>li .sub-menu.mega-menu {

    left: 50%;

    transform: translateX(-50%);

}



.site-menu-main .cat--element {

    position: relative;

    display: flex;

}



.site-menu-main .cat--element #menu-btn {

    border: none;

    background: transparent;

    font-size: 20px;

    margin-top: 5px;

    line-height: 15px;

    color: var(--main--text);

    margin-right: 30px;

}



.site-menu-main .cat--element .category-inside-content {

    display: none;

    position: absolute;

    top: 400%;

    left: 0;

    background: #fff;

    border-radius: 16px;

    padding: 30px;

    width: 100%;

    min-width: 285px;

}



.site-menu-main .cat--element .category-inside-content.visible {

    display: block;

}



.site-menu-main .cat--element .category-inside-content h4 {

    font-weight: 500;

    font-size: 13px;

    line-height: 15px;

    color: var(--passive);

    border-bottom: 1px solid var(--line);

    padding-bottom: 16px;

    margin-bottom: 16px;

}



.site-menu-main .cat--element .category-inside-content ul li:not(:last-child) {

    border-bottom: 1px solid var(--line);

    padding-bottom: 16px;

    margin-bottom: 16px;

}



.site-menu-main .cat--element .category-inside-content ul li a {

    font-weight: 400;

    font-size: 13px;

    line-height: 15px;

    color: var(--main--text);

    display: flex;

    align-items: center;

}



.site-menu-main .cat--element .category-inside-content ul li a span {

    color: var(--passive);

    font-size: 20px;

}



.mobile-menu-head {

    display: none;

}



.site-header--sticky:not(.mobile-sticky-enable) {

    position: sticky !important;

    transition: 0.4s;

}



.site-header--sticky:not(.mobile-sticky-enable).scrolling {

    background: var(--header);

    padding: 20px 0 !important;

    top: 0;

}



.mobile-menu-trigger {

    display: none;

    color: var(--main_text) !important;

}



.mobile-menu-trigger i {

    color: var(--main_text) !important;

}



@media (max-width:992px) {

    .header--top .top--area .header--slide .swiper-slide {

        text-align: center;

    }

    .nav--search {

        display: flex !important;

    }

    .site-right-block,

    .header--top .header--right {

        display: none !important;

    }

}



@media (min-width: 1200px) {

    .site-menu-main li.nav-item {

        padding: 0;

        height: 100px;

        display: flex;

        align-items: center;

    }

    .site-menu-main .sub-menu.megamenu {

        padding: 30px;

        min-width: 925px;

        left: 50%;

        transform: translateX(-50%) translateY(10px);

        will-change: transform;

        top: 100%;

        box-shadow: 0 42px 54px rgba(0, 0, 0, 0.09);

        border: 1px solid #e7e9ed;

        border-radius: 8px;

        visibility: hidden;

        z-index: -99;

        opacity: 0;

        pointer-events: none;

    }

    .site-menu-main .sub-menu.megamenu.megadropdown-right {

        right: 0%;

        transform: translateX(0%) translateY(10px);

    }

    .site-menu-main .sub-menu.megamenu.megadropdown-left {

        left: 0%;

        transform: translateX(0%) translateY(10px);

    }

}



@media (min-width: 320px) and (max-width: 992px) {

    .site-menu-main .sub-menu.megamenu {

        border: 0;

    }

}



@media (min-width: 992px) {

    .site-menu-main .sub-menu.megamenu {

        background-color: #fff;

    }

}



.site-menu-main .sub-menu.megamenu .dropdown-image-block {

    max-height: 336px;

}



@media (min-width: 320px) and (max-width: 992px) {

    .site-menu-main .sub-menu.megamenu {

        border: 0;

    }

}



@media (min-width:1200px) {

    .site-menu-main .sub-menu.megamenu {

        padding: 30px;

        min-width: 925px;

        left: 50%;

        transform: translateX(-50%) translateY(0px);

        will-change: transform;

        top: 100%;

        box-shadow: 0 42px 54px rgba(0, 0, 0, 0.09);

        border: 1px solid #e7e9ed;

        border-radius: 8px;

        visibility: hidden;

        z-index: -99;

        opacity: 0;

        pointer-events: none;

    }

    .site-menu-main .sub-menu.megamenu.megadropdown-right {

        right: 0%;

        transform: translateX(0%) translateY(10px);

    }

    .site-menu-main .sub-menu.megamenu.megadropdown-left {

        left: 0%;

        transform: translateX(0%) translateY(10px);

    }

}



@media (min-width: 1200px) {

    .site-menu-main .sub-menu.megamenu {

        min-width: 1100px;

    }

    li.nav-item-has-children:hover>.sub-menu {

        top: 100%;

        margin-top: 0;

        visibility: visible;

        opacity: 1;

        z-index: 99;

        pointer-events: visible;

        border-radius: 0px 0px 15px 15px;

        box-shadow: 0px 2px 5px -2px rgb(0 0 0 / 13%);

        border: none;

    }

}



@media (min-width: 1366px) {

    .site-menu-main .sub-menu.megamenu {

        min-width: 1300px;

    }

}



.site-menu-main .sub-menu.megamenu .single-dropdown-block .mega-drop-menu-item {

    padding-top: 14px;

    padding-bottom: 14px;

    display: block;

}



.site-menu-main .sub-menu.megamenu .mega-drop-menu-item {

    padding-top: 2.5px;

    padding-bottom: 2.5px;

    font-weight: 500;

    font-size: 15px;

    line-height: 18px;

    transition: .4s;

    color: var(--subtext);

}



.single-dropdown-block h3 a {

    color: var(--subtext);

    font-size: 13px;

    font-weight: 700;

    font-style: normal;

    letter-spacing: 1.1px;

    line-height: normal;

    text-align: left;

    text-transform: uppercase;

    margin-bottom: 25px;

    display: none;

}



@media (min-width: 1200px) {

    .single-dropdown-block h3 a {

        display: block;

    }

}



@media (min-width: 320px) and (max-width: 1200px) {

    .site-menu-main .sub-menu.megamenu .mega-drop-menu-item {

        color: var(--subtext);

        border-top: 1px solid var(--line);

        padding-left: 20px;

        padding-bottom: 13px;

        padding-top: 13px;

    }

}



@media (min-width: 1200px) {

    .site-menu-main .sub-menu.megamenu .mega-drop-menu-item {

        padding-left: 20px;

        padding-right: 10px;

    }

    .site-menu-main .sub-menu.megamenu .mega-drop-menu-item:hover {

        color: var(--mainbg) !important;

    }

}



@media (min-width: 320px) and (max-width: 1200px) {

    .site-menu-main .sub-menu.megamenu [class*="col-"] {

        padding-left: 0;

        padding-right: 0;

    }

    .site-menu-main .sub-menu.megamenu [class*="row-"] {

        margin-left: 0;

        margin-right: 0;

    }

}



@media (min-width: 1200px) {

    li.nav-item-has-children:not(.has-megamenu) {

        position: relative;

    }

}