@font-face {
  font-family: 'icons-blank-theme';
  src: url('/pub/media/seofactory/Blank-Theme-Icons/Blank-Theme-Icons.woff2') format('woff2'), url('/pub/media/seofactory/Blank-Theme-Icons/Blank-Theme-Icons.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.listStyleTypeNone{
    list-style-type: none;
}

[data-aria-expanded='false'] + .btn-readmore:before {
    content: '';
    width: 100%;
    height: 70px;
    position: absolute;
    top: -70px;
    left: 0;
    background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0.65) 0%, #ffffff 100%) 0% 0% no-repeat padding-box;
}

/*Titlu pagina categorie*/
.page-products .page-title-wrapper .page-title:before{
    display: none;
}
.category-image-title{
    display: block;
    position: absolute;
    width: auto;
    top: 0;
    filter: grayscale(100%);
    opacity: 0.1;
    z-index: -1;
    height: 230px;
}

@media only screen and (max-width: 767px) {
    .category-image-title{
        height: 85px;
    }
}


/********************
        topkSeoNavigation
*********************/
.sticky-menu-fixed .nav-sections.sections{
    pointer-events: initial;
}

.sticky-menu-fixed-toogle-navbar{
    margin-right: 10px;
    padding: 12px 15px;
    background: #1c5696;
    font-size: 23px;
    position: absolute;
    top: 0;
    color: #fff;
    -webkit-animation: slide-bottom .5s cubic-bezier(.25,.46,.45,.9399999999999999) both;
    animation: slide-bottom .5s cubic-bezier(.25,.46,.45,.9399999999999999) both;
    left: 0;
    cursor: pointer;
    width: 50px;
    text-align: center;
}     
.sticky-menu-fixed-toogle-navbar.active:before{
    content: "\f00d";
}    
body.sticky-menu-fixed .sticky-menu-fixed-toogle-navbar{
    display: inline-block!important;
}

.topkSeoNavigation .topkSeoNavigationVerticalMenu .topkSeoNavigationButton{
    display: none;
}


.topkSeoNavigation .topkSeoNavigationVerticalMenu > ul > li > a{
    padding: 10px 0;
    color: #141414;
    font-size: 12px;
    border-color: transparent;
    text-transform: uppercase;
    letter-spacing: -.26px;
}

@media only screen and (max-width: 768px) {
 .topkSeoNavigationVerticalMenu ul.level0{
    font-size: 13px;
    max-width: 100%;
    padding-right: 15px!important;
 }

 li.komenu-custom-link{
    font-size: 13px;
    background: #1c5696;
 }  

 li.komenu-custom-link a{
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid #08448a;
    margin: 0 15px;
    padding: 10px 0;
 }  

 ul.komenu-links li.komenu-custom-link.info-contact{
    display: flex;
 } 

 ul.komenu-links li.komenu-custom-link.info-contact a.phone i{
    margin-right: 10px;
 }  

 ul.komenu-links li.komenu-custom-link.info-contact span.schedule{
    font-size: 15px;
    color: #a3bbd6;
    font-weight: 500;
    padding: 8px;

 }  

 ul.komenu-links li.komenu-cms-block{
    background: #1c5696;
    margin: 0;  
 } 
 ul.komenu-links li.komenu-cms-block div.actions.dropdown.service-header{
    width: 100%;
    display: inline-block;
    position: relative;
 }
 ul.komenu-links li.komenu-cms-block div.actions.dropdown.service-header button.action.toggle{
    padding-left: 16px;
    background: 0 0;
    line-height: inherit;
    border: 0;
    box-shadow: initial;
    display: block;
    width: 100%;
    text-align: left;
    padding: 8px 15px;
    font-size: 13px;
    border-bottom: 1px solid #fff;
 }   
 ul.komenu-links li.komenu-cms-block div.actions.dropdown.service-header button.action.toggle::after{
    font-size: 24px;
    color: #fff;
    margin-right: 5px;
 }  
 ul.komenu-links li.komenu-cms-block div.actions.dropdown.service-header button.action.toggle span{
    color: #fff;
    font-size: 13px;
    font-weight: 500;
 } 
 ul.komenu-links li.komenu-cms-block div.actions.dropdown.service-header ul.dropdown-options{
    min-width: 100%;
    background: #1c5696;
    border: 1px solid #1c5696;
    padding: 0 15px;
    box-shadow: none;
    position: initial;
 } 
 ul.komenu-links li.komenu-cms-block div.actions.dropdown.service-header:hover ul.dropdown-options{
    display: none;
 }  
 ul.komenu-links li.komenu-cms-block div.actions.dropdown.service-header ul.dropdown-options li{
    margin-bottom: 0px;
    color: #fff;
    border-bottom: 1px solid #08448a;
 }  
 ul.komenu-links li.komenu-cms-block div.actions.dropdown.service-header ul.dropdown-options li a{
    color: #fff;
 }
 .topkSeoNavigation .level0 > .level1 > a{
    font-weight: 600;
    color: #000;
 } 
 .topkSeoNavigation li.level0  li.level1  li.level2 > a{
    padding-bottom: 5px;
    padding-top: 5px;
 }
}

@media only screen and (min-width: 768px) {
    body.cms-index-index:not(.sticky-menu-fixed) .topkSeoNavigation .topkSeoNavigationVerticalMenuPanel{
        display: block;
    }

    .sticky-menu-fixed .page-header{
        top: 0!important;
    }
    .sticky-menu-fixed-toogle-navbar{
        padding: 19px 15px;
        display: none!important;
    } 


    .topkSeoNavigation .topkSeoNavigationVerticalMenu{
        position: relative;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .topkSeoNavigation .topkSeoNavigationVerticalMenu .topkSeoNavigationButton{
        background: #1c5696;
        padding: 9px 20px;
        color: #fff;
        display: block;
        font-size: 21px;
        text-transform: uppercase;
        font-weight: 700;
        cursor: pointer;
    }
    .topkSeoNavigation .topkSeoNavigationVerticalMenu .topkSeoNavigationButton:before{
        content: '\f0c9';
        font-family: "Font Awesome 5 Free", sans-serif;
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        margin-right: 20px;
    }


    .topkSeoNavigation .topkSeoNavigationVerticalMenu > ul{
        background: #fff;
        position: absolute !important;
        left: 0;
        top: 48px;
        padding: 0 !important;
        width: 100%;
        z-index: 2;
        box-shadow: 0 3px 6px 0px rgba(0, 0, 0, .29);
        display: none;
    }    
    .topkSeoNavigation .topkSeoNavigationVerticalMenu:hover > ul{
        display: block;
    }    
    .topkSeoNavigation .topkSeoNavigationVerticalMenu > ul > li{
        display: block;
        margin: 0px;
        position: initial;
    }
    .topkSeoNavigation .topkSeoNavigationVerticalMenu > ul > li > a{
        line-height: 32px!important;
        color: #141414!important;
        font-weight: 700;
        font-size: 13px;
        border-color: transparent;
        padding: 0 20px!important;
        display: block!important;
    }    
    .topkSeoNavigation .topkSeoNavigationVerticalMenu > ul > li > a .ui-menu-icon,
    .topkSeoNavigation .topkSeoNavigationVerticalMenu > ul > li > a .ui-menu-icon::after {
        display: none!important;
    }    
    .topkSeoNavigation .topkSeoNavigationVerticalMenu > ul > li:hover{
        background: #1c5696!important;
    }
    .topkSeoNavigation .topkSeoNavigationVerticalMenu > ul > li:hover > a{
        color: #fff!important;
    }
    .topkSeoNavigation .level0.active > .level-top,
    .topkSeoNavigation .level0.has-active > .level-top {
        border-width: 0!important;
    }
    .topkSeoNavigation .topkSeoNavigationVerticalMenu ul.level0.submenu{
        top: 0px!important;
        left: 100%!important;
        flex-wrap: wrap;
        padding: 20px 30px;
        border: 0px;
        box-shadow: 15px 15px 30px rgba(0,0,0,.16);
    }      
    .topkSeoNavigation .topkSeoNavigationVerticalMenu li.level0:hover ul.level0.submenu{
        display: flex!important;
    }    
    .topkSeoNavigation .topkSeoNavigationVerticalMenu ul.level0.submenu::before{
        display: none;
    }
    .topkSeoNavigation .topkSeoNavigationVerticalMenu ul.level0.submenu > li{
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
        line-height: 24px;
        margin-bottom: 15px;
        font-size: 13px;
        font-weight: 400;
        letter-spacing: -.26px;
        text-transform: uppercase;
    }      
    .topkSeoNavigation .topkSeoNavigationVerticalMenu ul.level0.submenu > li > a{
        color: #1c5696;
        font-weight: 700;
        font-size: 13px;
        margin-bottom: 5px;
        padding: 0px;
        border: 0px;
    }       
    .topkSeoNavigation .topkSeoNavigationVerticalMenu ul.level0.submenu > li > a > span.ui-menu-icon,
    .topkSeoNavigation .topkSeoNavigationVerticalMenu ul.level0.submenu > li > a > span.ui-menu-icon::after{
        display: none;
    }     
    .topkSeoNavigation .topkSeoNavigationVerticalMenu ul.level0.submenu > li > ul{
        display: block!important; 
        left: auto !important;
        top: auto !important;
        position: relative;
        border: 0px;
        box-shadow: none;
        right: auto!important;
    }     
    .topkSeoNavigation .topkSeoNavigationVerticalMenu ul.level0.submenu > li > ul > li > a{
        padding: 0px;
        text-transform: initial;
        font-weight: 500;
    }
    .topkSeoNavigation .level0 .submenu .active > a{
        border: 0px!important;
    }

    .sticky-menu-fixed .nav-sections.sections{
        z-index: 2 !important;
        top: 12px !important;
    } 

    .topkSeoNavigation .level0 .submenu a:hover, 
    .topkSeoNavigation .level0 .submenu a.ui-state-focus{
        background-color: initial!important;
    } 
}


@media screen and (min-width: 1200px) and (max-width: 1530px) {
    .nav-sections.sections .nav-sections-items .nav-sections-item-content .navigation .komenu-links .komenu-cms-block{
        padding-right: 10px!important;
    }
    .nav-sections.sections .nav-sections-items .nav-sections-item-content .navigation .komenu-links .komenu-custom-link{
        padding: 0 10px!important;
    }
    .nav-sections.sections .nav-sections-items .nav-sections-item-content .navigation .komenu-links .komenu-custom-link.info-contact{
        padding: 13.5px 10px!important;
        font-size: 12px!important;
        line-height: 21px;
    }
    .komenu-custom-link.info-contact{
        display: flex;
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 769px) and (max-width: 1199px) {
    .komenu-custom-link.info-contact{
        display: flex;
        flex-wrap: wrap;
    }
    .nav-sections.sections .nav-sections-items .nav-sections-item-content .navigation .komenu-links .komenu-cms-block{
        padding-right: 5px!important;
    }
    .service-header .action.toggle{

    }
    .nav-sections.sections .nav-sections-items .nav-sections-item-content .navigation .komenu-links .komenu-custom-link{
        padding: 10px 5px!important;
        line-height: 10px;
    }
    .nav-sections.sections .nav-sections-items .nav-sections-item-content .navigation .komenu-links .komenu-custom-link.info-contact{
        padding: 13px 10px!important;
    }
    .nav-sections.sections .nav-sections-items .nav-sections-item-content .navigation .komenu-links .komenu-custom-link.info-contact,
    .nav-sections.sections .nav-sections-items .nav-sections-item-content .navigation .komenu-links .komenu-custom-link a{
        font-size: 10px!important;
    }
    .nav-sections.sections .nav-sections-items .nav-sections-item-content .navigation .komenu-links .komenu-custom-link.info-contact a i{
        font-size: 13px!important;
        margin-right: 10px!important;
    }
    .service-header .action.toggle {
        padding-left: 5px;
        padding-bottom: 5px;
        padding-top: 5px;
        padding-right: 10px;
    }
    .service-header .action.toggle:after{
        position: absolute;
        margin-left: 3px;
    }
    .nav-sections.sections .nav-sections-items .nav-sections-item-content .navigation .komenu-links .komenu-custom-link.info-contact span.schedule{
        width: 100%;
    }
}