/*============ Footer Style Start ============*/
.site-footer { background: #FFFFFF; border-top: 1px solid rgba(0, 0, 0, 0.2); padding: 30px 0 0 0;}
.site-footer .footer-widgets { color: var(--contrast-2); background: none;}
.site-footer .footer-widgets .widget-title { font-family: "Nunito Sans", sans-serif; font-size: 22px; color: var(--contrast); font-weight: 400; text-transform: uppercase; margin: 0 0 12px 0; padding: 0;}
.site-footer .footer-widgets .menu { margin: 0; padding: 0;}
.site-footer .footer-widgets .menu li { font-size: 16px; line-height: 1.5; margin: 0; padding: 0 0 5px 0;}
.site-footer .footer-widgets .menu li a { text-transform: uppercase; transition: all 0.3s ease-in-out;}
.site-footer .footer-widgets .menu li a:hover { padding-left: 5px;}
.site-footer .footer-widgets a { color: var(--contrast-2);}
.site-footer .footer-widgets a:hover { color: var(--contrast);}
.site-footer .site-info { color: var(--contrast); text-align: left; background: none; padding: 20px 20px 30px;}
.site-footer .footer-bottom-bar { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.site-footer .footer-bottom-bar .foot-social { width: auto; display: flex; flex-wrap: wrap; align-items: center; gap: 5px;}
.site-footer .footer-bottom-bar .foot-social .a__icon { width: 32px; height: 32px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.site-footer .footer-bottom-bar .foot-social .a__icon img { width: 18px; max-width: 18px; height: 18px; max-height: 18px;}
.site-footer .footer-bottom-bar .foot-icons-wrap { width: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; margin: 0 0 0 auto;}
.site-footer .footer-bottom-bar .foot-icons-wrap .f-icon { width: auto; height: 32px; display: flex; align-items: center; justify-content: center; filter: grayscale(1);}
.site-footer .footer-bottom-bar .foot-icons-wrap .f-icon:hover { filter: none; filter: grayscale(0);}
.site-footer .footer-bottom-bar .foot-icons-wrap .f-icon img { width: auto; height: auto; max-width: 100%; max-height: 32px; display: block;}
.site-footer .footer-bottom-bar .foot-icons-wrap .f-icon-saperator { width: 1px; height: 24px; display: block; background: rgba(0, 0, 0, 0.2);}
.site-footer .site-info .copyright-bar { font-size: 16px; color: var(--contrast-2); line-height: 1.5; margin: 20px 0 0 0; padding: 0;}


@media (min-width: 992px) {
    .site-footer .footer-widgets .grid-25 { width: 25%;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .site-footer .inside-footer-widgets>div { margin-bottom: 0;}
    .site-footer .inside-footer-widgets>div:nth-child(odd) { clear: none;}
    .site-footer { padding: 20px 0 0 0;}
    .site-footer .site-info { padding: 0 20px 30px 20px;}
}

@media (max-width: 991px) {
    .site-footer .inside-footer-widgets>div:not(:last-child) { margin-bottom: 0;}
    .site-footer { padding: 10px 0 0 0;}
    .site-footer .footer-widgets { padding: 30px 20px;}
    .site-footer .footer-widgets .footer-widget-1 { text-align: center; margin-bottom: 20px !important;}
    .site-footer .footer-widgets .widget_nav_menu { width: 100%;}
    .site-footer .footer-widgets .widget_nav_menu .widget-title { position: relative; font-size: 18px; line-height: 1.2; border-bottom: 1px solid rgba(0, 0, 0, 0.2); margin: 0 -20px; padding: 12px 20px;}
    .site-footer .footer-widgets .widget_nav_menu .widget-title:after { content:""; width:8px; height:8px; border-width:0 1px 1px 0; border-style:solid; border-color:rgba(0, 0, 0, 0.5); position:absolute; top:50%; right:20px; z-index:1; transform:rotate(45deg); transform-origin:66% 66%; transition:all 0.15s ease-in-out; margin:-5px 0 0 0;}
    .site-footer .footer-widgets .widget_nav_menu .widget-title.active:after { transform: rotate(-135deg);}
    .site-footer .footer-widgets .widget_nav_menu .widget-title + div { display: none;}
    .site-footer .footer-widgets .widget_nav_menu .widget-title + div.open { display: block;}
    .site-footer .footer-widgets .menu { margin: 20px 0 15px 0;}
    .site-footer .footer-widgets .menu li { font-size: 15px; font-style: normal; padding: 0 0 5px 0;}
    .site-footer .site-info { padding: 0 20px 30px 20px;}
    .site-footer .footer-bottom-bar .foot-social { width: 100%; justify-content: center;}
    .site-footer .footer-bottom-bar .foot-icons-wrap { width: 100%; justify-content: center; margin: 15px 0 0 0;}
    .site-footer .site-info .copyright-bar { text-align: center; margin: 15px 0 0 0;}
}
/*============ Footer Style End ============*/

/*============ Header Style Start ============*/
.site-header { width: 100%; position: relative; text-align: left; background: #FFFFFF; box-sizing: border-box;}
.site-header .site-header-wrap { width: 100%; min-height: 80px; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 0 24px; box-sizing: border-box;}
.site-header .site-logo { width: auto; max-width: none; display: flex; flex-wrap: wrap; align-items: center; flex: 0 0 auto;}
.site-header .site-logo a { width: 100%; display: block;}
.site-header .site-logo a img { max-width: 270px; max-height: 46px; vertical-align: middle;}
.main-navigation { width: auto; background: none; flex: 1 1 auto; margin: 0; padding: 0;}
.main-navigation .inside-navigation { width: 100%; position: static; margin: 0; padding: 0 20px; box-sizing: border-box;}
.main-navigation .main-nav { margin: 0; padding: 0;}
.main-navigation .main-nav > ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 0; padding: 0;}
.main-navigation .main-nav > ul > li { float: none; position: static; margin: 0; padding: 0 15px;}
.main-navigation .main-nav > ul > li > a { position: relative; display: block; line-height: 20px; margin: 0; padding: 30px 0;}
.main-navigation .main-nav > ul > li > a:after { content: ""; width: 100%; height: 2px; background: #000000; position: absolute; bottom: 0; left: 0; z-index: 1; transform: scaleX(0); transform-origin: center center; transition: all 0.3s ease-in-out;}
.main-navigation .main-nav > ul > li:hover > a:after { transform: scaleX(1);}
.main-navigation .main-nav > ul > li.search-item,
.site-header .search-item{ display: none !important;}
.main-navigation .main-nav > ul > li.menu-item-has-children:not(.no-mega-menu) > a .dropdown-menu-toggle { display: none;}
.main-navigation .main-nav ul li .megamenu-wrap { width: 100%; opacity: 0; visibility: hidden; pointer-events: none; text-align: left; background: #FFFFFF; border-top: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.05); position: absolute; top: 100%; left: 0; z-index: 5;}
.main-navigation .main-nav ul li:hover .megamenu-wrap { opacity: 1; visibility: visible; pointer-events: all;}
.main-navigation .main-nav ul li .megamenu-wrap:before { display: none; content: ""; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.50); position: fixed; top: 81px; left: 0; z-index: -1;}
.main-navigation .main-nav ul li .megamenu-wrap * { box-sizing: border-box;}
.main-navigation .main-nav ul li .megamenu-wrap .megamenu-block { width: 100%; background: #FFFFFF; padding: 40px 40px;}
.main-navigation .main-nav ul li .megamenu-wrap .megamenu-row { display: flex; flex-wrap: wrap; margin: 0 -20px;}
.main-navigation .main-nav ul li .megamenu-wrap .megamenu-col { width: 20%; position: relative; border-left: 1px solid rgba(0, 0, 0, 0.1); padding: 0 20px;}
.main-navigation .main-nav ul li .megamenu-wrap .megamenu-col:first-child { border: none;}
.main-navigation .main-nav ul li .megamenu-wrap .megamenu-col:last-child { width: 40%; border: none;}
.main-navigation .main-nav ul li .megamenu-wrap .megamenu-col.double-col { width: 40%;}
.main-navigation .main-nav ul li .megamenu-wrap .menu-unit-box { width: 100%; display: flex; flex-direction: column; gap: 16px;}
.main-navigation .main-nav ul li .megamenu-wrap .menu-unit-box + .menu-unit-box { margin: 30px 0 0 0;}
.main-navigation .main-nav ul li .megamenu-wrap .menu-unit-box .menu-unit-title { font-family: "Nunito Sans", sans-serif; font-size: 16px; color: var(--contrast); font-weight: 400; text-transform: uppercase; line-height: 1.2; margin: 0; padding: 0;}
.main-navigation .main-nav ul li .megamenu-wrap .menu-unit-box .menu-unit-title a { font-family: inherit; font-size: inherit; color: inherit; font-weight: inherit; text-transform: uppercase; line-height: inherit; margin: 0; padding: 0;}
.main-navigation .main-nav ul li .megamenu-wrap .menu-unit-box .menu-unit-title a:hover { opacity: 0.8;}
.main-navigation .main-nav ul li .megamenu-wrap .menu-unit-box .menu-unit-row { width: 100%; display: flex; gap: 16px;}
.main-navigation .main-nav ul li .megamenu-wrap .menu-unit-box .menu-unit-row:empty { display: none;}
.main-navigation .main-nav ul li .megamenu-wrap .menu-unit-box .menu-unit-row ul { width: auto; height: auto; position: static; overflow: visible; float: none; text-align: left; opacity: 1; background: none; border: none; box-shadow: none; display: flex; flex-direction: column; flex: 1 1 auto; gap: 8px; margin: 0; padding: 0; pointer-events: all;}
.main-navigation .main-nav ul li .megamenu-wrap .menu-unit-box .menu-unit-row ul li { width: 100%; float: none; display: flex; flex-wrap: wrap; margin: 0; padding: 0;}
.main-navigation .main-nav ul li .megamenu-wrap .menu-unit-box .menu-unit-row ul li a { display: flex; align-items: center; font-size: 14px; color: var(--contrast-2); font-weight: 400; text-transform: none; line-height: 1.2; background: none; border: none; box-shadow: none; margin: 0; padding: 0;}
.main-navigation .main-nav ul li .megamenu-wrap .menu-unit-box .menu-unit-row ul li a .micon { width: 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; flex: 0 0 auto; margin: 0 10px 0 0;}
.main-navigation .main-nav ul li .megamenu-wrap .menu-unit-box .menu-unit-row ul li a .micon img,
.main-navigation .main-nav ul li .megamenu-wrap .menu-unit-box .menu-unit-row ul li a .micon svg { width: auto !important; height: auto !important; max-width: 24px; max-height: 24px; margin: 0 !important; padding: 0 !important;}
.main-navigation .main-nav ul li .megamenu-wrap .menu-unit-box .menu-unit-row ul li a span { flex: 1 1 auto;}
.main-navigation .main-nav ul li .megamenu-wrap .megamenu-col.double-col .menu-unit-box .menu-unit-row { flex-wrap: wrap;}
.main-navigation .main-nav ul li .megamenu-wrap .megamenu-col.double-col .menu-unit-box .menu-unit-row ul { width: calc(50% - 8px);}
.main-navigation .main-nav ul li .megamenu-wrap .menu-banner-box { width: 100%; display: flex; flex-direction: column; gap: 16px;}
.main-navigation .main-nav ul li .megamenu-wrap .menu-banner-box .imgbox { width: 100%; position: relative; display: block;}
.main-navigation .main-nav ul li .megamenu-wrap .menu-banner-box .imgbox:before { content: ""; display: block; padding: 56.25% 0 0 0;}
.main-navigation .main-nav ul li .megamenu-wrap .menu-banner-box .imgbox img { width: 100%; height: 100%; display: block; object-fit: cover; position: absolute; top: 0; left: 0; z-index: 1;}
.main-navigation .main-nav ul li .megamenu-wrap .menu-banner-box .linkbox { display: flex; flex-wrap: wrap; justify-content: flex-end;}
.main-navigation .main-nav ul li .megamenu-wrap .menu-banner-box .linkbox a { display: block; font-family: "Nunito Sans", sans-serif; font-size: 16px; color: var(--contrast); font-weight: 400; text-transform: uppercase; line-height: 1.2; margin: 0; padding: 0;}
.site-header .site-header-right { width: auto; display: flex; flex-wrap: wrap; flex: 0 0 auto;}
.site-header .site-header-right .site-header-searchbox { width: auto; position: relative; z-index: 999; margin: 0 16px 0 0;}
.site-header .site-header-right .site-header-searchbox .mobile-bar-items { position: relative; z-index: 2; display: block !important; font-size: 18px;}
.site-header .site-header-right .site-header-searchbox .navigation-search { width: 260px; position: absolute; top: 0; left: auto; right: -5px; z-index: 1; box-sizing: border-box; margin: 0; padding: 0;}
.site-header .site-header-right .site-header-searchbox .navigation-search .search-field { height: 36px; display: block; font-size: 15px; color: #000000; background: #FFF; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; margin: 0; padding: 0 12px !important; box-sizing: border-box;}
.site-header .site-header-info { width: auto; display: flex; flex-wrap: wrap; flex: 0 0 auto;}
.site-header .site-header-info .infobox { width: auto; display: flex; flex-wrap: wrap; align-items: center;}
.site-header .site-header-info .infobox + .infobox { border-left: 1px solid rgba(0, 0, 0, 0.2); margin: 0 0 0 16px; padding: 0 0 0 16px;}
.site-header .site-header-info .infobox a { display: block; font-size: 13px; color: var(--contrast-2); font-weight: 400; line-height: 1.2; margin: 0; padding: 0;}
.site-header .site-header-info .infobox a span { display: block;}
.site-header .site-header-info .infobox a svg { width: 20px; height: auto; display: block;}


@media (min-width: 1366px) and (max-width: 1500px) {
    .main-navigation .main-nav > ul > li { padding: 0 12px;}
    .main-navigation .main-nav ul li .megamenu-wrap .megamenu-block { padding: 40px 24px;}
    .main-navigation .main-nav ul li .megamenu-wrap .megamenu-row { margin: 0 -15px;}
    .main-navigation .main-nav ul li .megamenu-wrap .megamenu-col { padding: 0 15px;}
    .main-navigation .main-nav ul li .megamenu-wrap .menu-unit-box .menu-unit-title { font-size: 15px;}
}

@media (min-width: 1200px) and (max-width: 1365px) {
    .site-header .site-header-wrap { padding: 0 20px;}
    .site-header .site-logo a img { max-width: 200px; max-height: 46px;}
    .main-navigation .inside-navigation { padding: 0 15px;}
    .main-navigation .main-nav > ul > li { padding: 0 10px;}
    .main-navigation .main-nav > ul > li > a { font-size: 13px;}
    .main-navigation .main-nav ul li .megamenu-wrap .megamenu-block { padding: 35px 20px;}
    .main-navigation .main-nav ul li .megamenu-wrap .megamenu-row { margin: 0 -15px;}
    .main-navigation .main-nav ul li .megamenu-wrap .megamenu-col { width: 25%; padding: 0 15px;}
    .main-navigation .main-nav ul li .megamenu-wrap .megamenu-col:last-child { width: 25%;}
    .main-navigation .main-nav ul li .megamenu-wrap .menu-unit-box + .menu-unit-box { margin: 24px 0 0 0;}
    .main-navigation .main-nav ul li .megamenu-wrap .menu-unit-box .menu-unit-title { font-size: 15px;}
    .main-navigation .main-nav ul li .megamenu-wrap .menu-banner-box .imgbox:before { padding: 100% 0 0 0;}
    .main-navigation .main-nav ul li .megamenu-wrap .menu-banner-box .linkbox a { font-size: 14px;}
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .site-header .site-header-wrap { padding: 0 16px;}
    .site-header .site-logo a img { max-width: 170px; max-height: 40px;}
    .main-navigation .inside-navigation { padding: 0 12px;}
    .main-navigation .main-nav > ul > li { padding: 0 8px;}
    .main-navigation .main-nav > ul > li > a { font-size: 12px;}
    .main-navigation .main-nav ul li .megamenu-wrap .megamenu-block { padding: 35px 16px;}
    .main-navigation .main-nav ul li .megamenu-wrap .megamenu-row { margin: 0 -15px;}
    .main-navigation .main-nav ul li .megamenu-wrap .megamenu-col { width: 25%; padding: 0 15px;}
    .main-navigation .main-nav ul li .megamenu-wrap .megamenu-col:last-child { width: 25%;}
    .main-navigation .main-nav ul li .megamenu-wrap .menu-unit-box + .menu-unit-box { margin: 24px 0 0 0;}
    .main-navigation .main-nav ul li .megamenu-wrap .menu-unit-box .menu-unit-title { font-size: 14px;}
    .main-navigation .main-nav ul li .megamenu-wrap .menu-banner-box .imgbox:before { padding: 100% 0 0 0;}
    .main-navigation .main-nav ul li .megamenu-wrap .menu-banner-box .linkbox a { font-size: 14px;}
}

@media (max-width: 1024px) {
    :root { --gp-slideout-width: 360px;}
    html.slide-opened { overflow: hidden;}
    #mobile-header .inside-navigation { min-height: 70px; position: relative; background: #FFFFFF; padding: 0 12px 0 20px;}
    #mobile-header .inside-navigation .site-logo { height: auto; margin: 0 auto 0 0;}
    #mobile-header .inside-navigation .site-logo img { width: auto; max-width: 200px; height: auto; max-height: 46px; margin: 0; padding: 0;}
    #mobile-header .inside-navigation .mobile-bar-items a { font-size: 16px; font-weight: 400; vertical-align: top; line-height: 1.2; padding: 10px;}
    #mobile-header .inside-navigation .navigation-search input[type="search"] { height: 70px;}
    #mobile-header .inside-navigation .menu-toggle { font-size: 20px; line-height: 1.2; padding: 8px;}
    #mobile-header .main-nav { display: none;}
    .main-navigation.offside { background: #FFFFFF;}
    .main-navigation.offside .inside-navigation { margin: 0; padding: 20px 16px;}
    .main-navigation .main-nav > ul > li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin: 0; padding: 0;}
    .main-navigation .main-nav > ul > li > a { font-size: 14px; text-transform: uppercase !important; font-weight: 600 !important; line-height: 20px; margin: 0; padding: 15px 0;}
    .main-navigation .main-nav > ul > li > a:after { display: none;}
    .main-navigation .main-nav > ul > li > a .dropdown-menu-toggle { padding: 0 !important;}
    .main-navigation .main-nav ul li.menu-item-has-children>a { position: relative; padding-right: 50px !important;}
    .slideout-navigation .menu-item-has-children .dropdown-menu-toggle { width: 50px; height: 50px; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; font-size: 18px; font-weight: 400; position: absolute; top: 0; right: 0; margin: 0 !important; padding: 0 15px 0 0 !important; box-sizing: border-box;}
    .main-navigation .main-nav > ul > li.menu-item-has-children:not(.no-mega-menu) > a .dropdown-menu-toggle { display: flex;}
    .slideout-overlay button.slideout-exit { font-size: 20px; color: #000000; line-height: 1; background: #FFFFFF; padding: 14px 14px;}
    .main-navigation .main-nav ul li .megamenu-wrap { position: static !important; display: none; opacity: 1; visibility: visible; pointer-events: all; background: none; border: none; box-shadow: none;}
    .main-navigation .main-nav ul li.sfHover .megamenu-wrap { display: block;}
    .main-navigation .main-nav ul li .megamenu-wrap .megamenu-block { background: none; padding: 15px 0 24px 0;}
    .main-navigation .main-nav ul li .megamenu-wrap .megamenu-row { gap: 24px; margin: 0;}
    .main-navigation .main-nav ul li .megamenu-wrap .megamenu-col { width: 100% !important; border: none !important; padding: 0;}
    .main-navigation .main-nav ul li .megamenu-wrap .megamenu-col:last-child { width: 100%; border: none !important;}
    .main-navigation .main-nav ul li .megamenu-wrap .menu-unit-box + .menu-unit-box { margin: 24px 0 0 0;}
    .main-navigation .main-nav ul li .megamenu-wrap .menu-unit-box .menu-unit-title { font-size: 14px;}
    .main-navigation .main-nav ul li .megamenu-wrap .menu-unit-box .menu-unit-row ul { width: auto !important; display: block !important;}
    .main-navigation .main-nav ul li .megamenu-wrap .menu-banner-box { margin: 0;}
    .main-navigation .main-nav ul li .megamenu-wrap .menu-banner-box .linkbox a { font-size: 14px;}
}

@media (max-width: 480px) {
    :root { --gp-slideout-width: 265px;}
}
/*============ Header Style End ============*/

/*============ Custom Style End ============*/
#content.site-content { overflow: hidden;}
a.generate-back-to-top { display: none !important;}
/*============ Custom Style End ============*/