#front-actual {
    position: relative;

    padding-top: 60px;
}

#front-actual #actual-swiper-tab-row-fader.first_not_shown {
    /*-webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 0) 100px);*/
    -webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 0) 50%);

    display: block;
}

#front-actual #actual-swiper-tab-row-fader.last_not_shown {
    /*-webkit-mask-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 0) 100px);*/
    -webkit-mask-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 0) 50%);

    display: block;
}

#front-actual #actual-swiper-tab-row-fader.first_and_last_not_shown {
    /*-webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 0) 100px, rgba(0, 0, 0, 0) calc(100% - 100px), rgba(0, 0, 0, 1) 100%);*/
    -webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 100%);

    display: block;
}

#front-actual #actual-swiper-tab-row-fader-inner {
    height: 100%;

    background: #ececec;
}

#front-actual-white {
    position: relative;

    background-color: #ffffff;

    /*padding-top: 60px;*/
    /*padding-bottom: 60px;*/

    padding-top: 30px;
    padding-bottom: 30px;
}

#front-actual-white .views-exposed-form {
    display: none;
}

#front-actual .container {
    position: relative;

    /*height: 947px;*/
    /*height: 872px;*/
}

.actual-tabs {
    position: relative;
    margin-top: 9px;

    /*width: 100%;*/
    /*overflow-y: auto;*/
    /* overflow-x: hidden; */ /* eredetileg is kikommentezve */
    /*display: flex;*/

    /*display: flex;*/
    /*flex-wrap: nowrap;*/
    /*overflow-x: hidden;*/
}

.actual-tab {
    position: relative;

    float: left;

    font-family: Rogan-Regular;
    font-size: 16px;

    color: #323338;

    /*background-color: rgba(255, 255, 255, 0.5);*/
    padding: 9px 16px;
    margin: 0 2px;
    /* margin-top: 9px; */
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;

    transition: all 0.5s ease;

    /*display: flex;*/
    /*flex-wrap: nowrap;*/
    /*overflow-x: hidden;*/
    /*flex: 0 0 auto;*/
}

.actual-tab.active {
    background-color: #ffffff !important;
    color: #71bf44 !important;;
    font-family: Rogan-Bold !important;;
}

.actual-tab:hover,
.actual-tab:focus {
    background-color: #cccccc;

    cursor: pointer;
}

.actual-content {
    position: relative;

    display: none;

    /*height: 550px;*/
    /*height: 800px;*/
    height: 400px;
}

.actual-content.active {
    display: block;
}

/* responsive */
@media (max-width: 767px) {
    #front-actual-white .container {
        margin-bottom: 10px;
    }
}