.owl-nav .owl-prev .porto-icon-left-open-big::before {
    content: '\f053';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.owl-nav .owl-next .porto-icon-right-open-big:before {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

#banner-slider-demo-24 .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -37px;
    /* visibility: hidden; */
}

.owl-nav .owl-next {
    position: absolute;
    right: 0;
    top: 0;
}

.owl-nav .owl-next,
.owl-nav .owl-prev {
    background-color: transparent;
    border-width: 0;
    color: #fff;
    font-size: 25px;
}

#banner-slider-demo-24 .owl-item .slide-content a.btn.tocart {
    margin-left: 5px;
    left: 0;
}

.porto-icon-right-dir::before {
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.porto-icon-left-dir::before {
    content: '\f0d9';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.nav-toggle::before {
    content: '\f0c9';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.cp-hide-elem {
    display: none !important;
}

.section-item-title.nav-sections-item-title {
    width: 100%;
}

.navigation .parent .level-top::after {
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 10px;
}

.navigation .parent .level-top.ui-state-active::after {
    content: '\f077';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 10px;
}

.porto-icon-phone::before {
    content: '\f095';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.porto-icon-mail-alt::before {
    content: '\f0e0';
    font-family: 'Font Awesome 5 Free';
        font-weight: 900;
}

.porto-icon-up-open::before {
    content: '\f077';
    font-family: 'Font Awesome 5 Free';
        font-weight: 900;
}

/*=============================================
=            MEDIA            =
=============================================*/
/* MAX */
@media only screen and (max-width: 1150px) {
    .cp-slider-one-new .diagrame-item-box {
        min-width: 345px;
    }
}

@media only screen and (max-width: 767px) {
    .navigation li.level0 .ui-menu-item > a::before {
        content: '\f054';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        font-size: 10px;
        line-height: 1.9;
    }
}

/* MIN */
@media only screen and (min-width: 768px) {
    .page-header.type16 .custom-block {
        right: 0;
        border-right-width: 0;
    }
}

/*=====  End of MEDIA  ======*/