body {
    background-color: #ffffff;
    color: #4A4A4A;
    font-family: 'Montserrat', sans-serif;
}

header nav {
    background: #ffffff;
}

.height-fit-content {
    height: fit-content;
}

.uppercase {
    text-transform: uppercase;
}

.background-wovi-logo {
    background: #F2F2F2 url(/design/bg-wovi-logo.png) no-repeat calc(50% - 350px) bottom;
}

.background-tudnodkell {
    background: #F2F2F2 url(/design/bg-tudnodkell.png);
}

.background-workvision {
    background: #F2F2F2 url(/design/bg-workvision.png);
}

.background-gradient {    
    background: linear-gradient(89.14deg, #F5F5F5 0.78%, rgba(196, 196, 196, 0) 55.83%);
}

.border-left-dotted {
    border-left: 4px dotted #C4C4C4;
}

@media (min-width: 500px) {
    .fw-xs-bold {
        font-weight: 700!important;
    }
}

.lepesek {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 10px;
    max-width: 336px;
    margin: auto;
}

.lepesek.kek-lepesek {
    background: url(/design/kek-lepesek.png) no-repeat;
    background-size: contain;
}

.lepesek.narancs-lepesek {
    background: url(/design/narancs-lepesek.png) no-repeat;
    background-size: contain;
}

.lepes-elem {
    margin-bottom: 0.25rem;
}

@media (min-width: 500px) {
    .lepesek {
        padding-left: 80px;
        padding-right: 80px;
        padding-top: 30px;
        max-width: 526px;
    }

    .lepes-elem {
        margin-bottom: 2.6rem;
    }
}

@media (min-width: 992px) {
    .lepesek {
        padding-left: 60px;
        padding-right: 60px;
        padding-top: 16px;
        max-width: 440px;
    }

    .lepes-elem {
        margin-bottom: 0.75rem;
    }
}

@media (min-width: 1200px) {
    .lepesek {
        padding-left: 70px;
        padding-right: 70px;
        padding-top: 25px;
        max-width: 475px;
    }

    .lepes-elem {
        margin-bottom: 1.75rem;
    }
}

@media (min-width: 1400px) {
    .lepesek {
        padding-left: 80px;
        padding-right: 80px;
        padding-top: 30px;
        max-width: 550px;
    }

    .lepes-elem {
        margin-bottom: 2.75rem;
    }
}

.btn-purple {
    color: #ffffff;
    background-color: #3B4B9B;
    border-color: #3B4B9B;
}

.btn-orange {
    color: #ffffff;
    background-color: #F3901A;
    border-color: #F3901A;
}

.btn-purple:hover,
.btn-orange:hover {
    color: #ffffff;
}

.background-white {
    background: #ffffff;
}

.background-purple-1 {
    background: #43529F;
}
.background-purple-2 {
    background: #4756A1;
}
.background-purple-3 {
    background: #4A59A3;
}
.background-purple-4 {
    background: #4E5DA5;
}

.background-purple {
    background: #3B4B9B;
}

.background-orange {
    background: #F3901A;
}

.height-60 {
    height: 3.75rem;
}

.color-purple {
    color: #3B4B9B;
}

.color-orange {
    color: #F3901A;
}

.color-white {
    color: #ffffff;
}

@media (min-width: 500px) {
    .color-xs-white {
        color: #ffffff;
    }
}

@media (min-width: 576px) {
    .color-sm-white {
        color: #ffffff;
    }
}

@media (min-width: 768px) {
    .color-md-white {
        color: #ffffff;
    }
}

@media (min-width: 992px) {
    .color-lg-white {
        color: #ffffff;
    }
}

@media (min-width: 1200px) {
    .color-xl-white {
        color: #ffffff;
    }
}

@media (min-width: 1400px) {
    .color-xxl-white {
        color: #ffffff;
    }
}

.font-size-20 {
    font-size: 1.25rem;
}

.font-size-24 {
    font-size: 1.5rem;
}

.font-size-28 {
    font-size: 1.75rem;
}

.font-size-32 {
    font-size: 2rem;
}

@media (min-width: 500px) {
    .font-size-xs-20 {
        font-size: 1.25rem;
    }
    
    .font-size-xs-24 {
        font-size: 1.5rem;
    }
    
    .font-size-xs-28 {
        font-size: 1.75rem;
    }
    
    .font-size-xs-32 {
        font-size: 2rem;
    }
}

@media (min-width: 576px) {
    .font-size-sm-20 {
        font-size: 1.25rem;
    }
    
    .font-size-sm-24 {
        font-size: 1.5rem;
    }
    
    .font-size-sm-28 {
        font-size: 1.75rem;
    }
    
    .font-size-sm-32 {
        font-size: 2rem;
    }
}

@media (min-width: 768px) {
    .font-size-md-20 {
        font-size: 1.25rem;
    }
    
    .font-size-md-24 {
        font-size: 1.5rem;
    }
    
    .font-size-md-28 {
        font-size: 1.75rem;
    }
    
    .font-size-md-32 {
        font-size: 2rem;
    }
}

@media (min-width: 992px) {
    .font-size-lg-20 {
        font-size: 1.25rem;
    }
    
    .font-size-lg-24 {
        font-size: 1.5rem;
    }
    
    .font-size-lg-28 {
        font-size: 1.75rem;
    }
    
    .font-size-lg-32 {
        font-size: 2rem;
    }
}

@media (min-width: 1200px) {
    .font-size-xl-20 {
        font-size: 1.25rem;
    }
    
    .font-size-xl-24 {
        font-size: 1.5rem;
    }
    
    .font-size-xl-28 {
        font-size: 1.75rem;
    }
    
    .font-size-xl-32 {
        font-size: 2rem;
    }
}

@media (min-width: 1400px) {
    .font-size-xxl-20 {
        font-size: 1.25rem;
    }
    
    .font-size-xxl-24 {
        font-size: 1.5rem;
    }
    
    .font-size-xxl-28 {
        font-size: 1.75rem;
    }
    
    .font-size-xxl-32 {
        font-size: 2rem;
    }
}

.line-height-48 {
    line-height: 48px;
}

.pt-45 {
    padding-top: 2rem!important;
}

.pb-45 {
    padding-bottom: 2rem!important;
}

.py-45 {
    padding-top: 2rem!important;
    padding-bottom: 2rem!important;
}

.mt-45 {
    margin-top: 2rem!important;
}

.mb-45 {
    margin-bottom: 2rem!important;
}

.my-45 {
    margin-top: 2rem!important;
    margin-bottom: 2rem!important;
}

.padding-end-56 {
    padding-right: 3.5rem;
}

.padding-end-104 {
    padding-right: 6.5rem;
}

.padding-start-56 {
    padding-left: 3.5rem;
}

.padding-start-104 {
    padding-left: 6.5rem;
}

@media (min-width: 1200px) {
    .padding-xl-end-56 {
        padding-right: 3.5rem;
    }

    .padding-xl-end-104 {
        padding-right: 6.5rem;
    }
    
    .padding-xl-start-56 {
        padding-left: 3.5rem;
    }

    .padding-xl-start-104 {
        padding-left: 6.5rem;
    }
}

.orange-purple-background-stripe {
    height: 13rem;
    background: #F3901A;
    border-bottom: 0.75rem solid #3B4B9B
}

.divider-center-50-orange {
    margin-left: 25%;
    width: 50%;
    margin-right: 25%;
    border-bottom: 2px solid #F3901A;
}

.divider-start-50-orange {
    width: 50%;
    margin-right: 50%;
    border-bottom: 2px solid #F3901A;
}

.divider-start-50-white {
    width: 50%;
    margin-right: 50%;
    border-bottom: 2px solid #ffffff;
}

.border-bottom-4 {
    border-bottom-width: 4px;
}

.haromszoges-kep {
    width: 100%;
}

@media (min-width: 1200px) {
    .haromszoges-kep {
        width: calc(100% - 106px);
    }
}

@media (min-width: 1400px) {
    .haromszoges-kep {
        width: calc(100% - 116px);
    }
}

.haromszog {
    height: 248px;
    vertical-align: top;
}

@media (min-width: 1400px) {
    .haromszog {
        height: 292px;
    }
}

.index-video {
    min-height: 248px;
}

@media (min-width: 1400px) {
    .index-video {
        min-height: 292px;
    }
}

.block-1 {
    padding-bottom: 35rem;
}

.block-2 {
    margin-top: -24rem;
}

.block-3 {
    margin-top: -13rem;
}

.fluid-row {
    display: flex;
    flex-wrap: wrap;
}

.fluid-col-start {
    width: 100%;
    flex: 0 0 auto;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.fluid-col-end {
    width: 100%;
    flex: 0 0 auto;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.fluid-col-content {
    width: 100%;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
}

@media (min-width: 992px) {
    .fluid-col-start {
        width: 50%;
        padding-right: 0;
    }

    .fluid-col-end {
        width: 50%;
        padding-left: 0;
    }

    .fluid-col-content {
        width: 480px;
    }

    .fluid-col-start .fluid-col-content {
        padding-right: 140px;
        float: right;
    }

    .fluid-col-end .fluid-col-content {
        padding-left: 140px;
    }
}

@media (min-width: 1200px) {
    .fluid-col-content {
        width: 570px;
    }
}

@media (min-width: 1400px) {
    .fluid-col-content {
        width: 660px;
    }
}

ul.spaced-3 li {
    margin-top: 1rem;
}