/**
* Theme Name: Freshio Child
* Description: This is a child theme of Freshio, generated by Merlin WP.
* Author: <a href="https://pavothemes.com/">Duc Pham (Opal Team)</a>
* Template: freshio
* Version: 1.5.3
*/
.site-welcome {
    color: #000 !important;
}

.site-search form button[type=submit] {
    background: #CD120B;
    border-radius: 0px 30px 30px 0px;
}

.site-search form button[type=submit]:focus {
    border: none;
    outline: none;
}

.site-search form button[type=submit]:before {
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
}

.search-mobile .header__search__wrap{
    margin-top: 20px;
}

/* FIX SeriousWeb refonte header/menu */

body #masthead.header-2{
    max-width: unset !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body .site-header .site-branding img{
height: auto !important;
}

body .header-2 .header-main{
padding: 0 !important;
}

body .header-2 .header-main .left{
width: 33%;
}

body .header-2 .header-main .center{
width: 33%;
}

@media (max-width: 1023px) {
body.wvs-mobile .header-2 .header-main{
    background-color: #cd120b;
}

body .menu-mobile-nav-button{
    color: #0a472e !important;
}

body.wvs-mobile .menu-mobile-nav-button{
    color: #fff !important;
}

body.wvs-mobile .logo-light{
    display: none;
}

body.wvs-mobile .logo-dark{
    display: block;
}

body .site-header .site-branding img{
    width: 100% !important;
    height: auto !important;
    max-width: 100px;
}

body .header-2 .header-main .left {
    width: calc(50% + 50px);
}

body.wvs-mobile .header-2 .header-main .left {
    width: 33%;
    justify-content: center;
}

body .header-2 .header-main .center{
    display: flex;
}

body .header-2 .header-main .center .site-branding{
    margin: 0 auto;
}

body.wvs-mobile .header-2 .header-main .right .vertical-navigation-header{
    font-size: 12px;
    padding: 10px 15px;
    width: 140px;
}
}

body .header-2 .header-bottom .left{
    width: unset;
}

body .vertical-navigation .vertical-navigation-header{
    width: fit-content;
    background-color: #fff;
    color: #cd120b;
}

body .main-navigation .primary-navigation > ul > li{
    text-transform: uppercase;
}

body .main-navigation .primary-navigation > ul > li .sub-menu > li{
    text-transform: initial;
}

@media (max-width: 1200px) {
    body .header-2 .header-main .freshio-contact {
        display: block;
    }

    body .header-2 .header-bottom .left{
        width: 180px;
    }
}

@media (max-width: 720px) {
    body .header-2 .header-main .freshio-contact {
        display: none;
    }
}

@media (max-width: 470px) {
    body.wvs-mobile .header-2 .header-main .right .vertical-navigation-header{
        font-size: 10px;
        padding: 10px 5px;
        width: 90px;
    }
}

body .sticky_header{
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #fff;
z-index: 9999999;
}

body .sticky-margin-top{
    transition: 0ms !important;
}

body .sticky-margin-top.active{
margin-top: 215px;
}

body .freshio-mobile-nav{
    z-index: 9999999;
}

body.home .header-2 .header-main .inner,
body.home .header-2 .header-bottom .inner{
    max-width: 1350px;
}

@media(max-width: 992px){
body .sticky-margin-top.active{
    margin-top: 76px;
}
}

.header-catalog{
    position: absolute;
    right: 25px;
    top: 5px;
    text-transform: uppercase;
}

.header-catalog .fa {
    margin-right: 5px;
    color: #cd120b;
}

.header-catalog a {
    color: #000;
}

/* ENDFIX */

.header-sticky {
    display: none;
}

.elementor-2425 {
    display: flex;
    flex-direction: column;
}

#home-title {
    order: 10;
}

#home-text {
    order: 11;
}

.slick-list {
    padding-top: 10px;
}

.elementor-2425 .elementor-element.elementor-element-9294dfb .elementor-brand-wrapper .column-item {
    margin-bottom: 0 !important;
}

.elementor-widget-freshio-banner .elementor-cta__button-wrapper:before {
    top: 0 !important;
}

.elementor-element-6f82343 h2 {
    color: #000000;
    font-family: "Roboto", ABeeZee;
    font-size: 30px;
    font-weight: 500;
    margin: 0 !important;
}

.elementor-element-6f82343 h3 {
    color: #000000;
    font-family: "Roboto", ABeeZee;
    font-size: 22px;
    font-weight: 500;
    margin: 0 !important;
}