.customform {
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 3rem;
    background-color: #f2f2f2;
}

.customform .form-control {
    width: 100%;
}

.customform .form-control label {
    width: 15%;
    display: inline-block;
}

.customform .form-control input[type=email], .customform .form-control input[type=name], .customform .form-control input[type=text] {
    width: 50%;
}

.customform .form-control select {
    border: 0px none;
    margin-right: 1rem;
    margin-bottom: 1rem;
    padding: .8rem;
    width: 50%;
    background: #FFF;
}

input[type="submit"], .btn-kontakta {
    font-weight: 700;
    margin-top: 1rem;
    padding: .6rem 1rem;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    color: #fff;
    border: 0;
    background-color: #036;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media (max-width:768px){
    .customform .form-control label{width: 120px;}
    .customform .form-control label{width: calc(95% - 120px);}
}

@media (min-width:768px){

    .col-4.col-break-small {
        width: 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
        order: 1 !important;
    }

    .col3-4.col-break-small {
        width: 75% !important;
        flex: 0 0 75% !important;
        max-width: 75% !important;
        order: 2 !important;
    }
}


/* MF Widget css*/

.mf-card:hover {
    box-shadow: 0 4px 8px -2px #4a1b5e !important;
    transform: translateY(-2px);
}
div.mf-overlay {
    background: linear-gradient(to top, #4a1b5e 50%, transparent) !important;
}


.mf-card-title {
    border-bottom: 0.2rem solid #4a1b5e !important;
}

.mf-download-anchor polyline,
.mf-download-anchor path,
.mf-download-anchor line {
    stroke: white !important;
}

.widget.widget_mf_widget .mf-collection-container {
    display: flex;
    flex-wrap: wrap;
}

.widget.widget_mf_widget .mf-collection-container *{
    font-family: 'museo-sans', Arial, Helvetica, 'Helvetica Neue', sans-serif !important;
}

.widget.widget_mf_widget .mf-collection-container > article,
.widget.widget_mf_widget .mf-collection-container .mf-media-item-container {
    width: 250px;
}

.widget.widget_mf_widget .mf-collection-container .mf-overlay,
.widget.widget_mf_widget .mf-collection-container .mf-image{
    width: calc(100% - 24px) !important;
}

.widget.widget_mf_widget > .thumbnails .mf-collection-container .mf-image{
    object-fit: cover;
    height: 100%;
}

.widget.widget_mf_widget > .logos .mf-collection-container .mf-image{
    object-fit: cover;
    height: auto;
    bottom: 45%;
    position: absolute;
}

.widget.widget_mf_widget {
    width: 100% !important;
    max-width: 250px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


@media screen and (min-width: 560px){
    .widget.widget_mf_widget {
        max-width: 516px !important;
    }
}

@media screen and (min-width: 842px){
    .widget.widget_mf_widget {
        max-width: 782px !important;
    }
}

@media screen and (min-width: 1092px){
    .widget.widget_mf_widget {
        max-width: 1048px !important;
    }
}


.widget.widget_mf_widget h2 {
    display: block !important;
    font-size: 1.17em !important;
    margin-block-start: 1em !important;
    margin-block-end: 1em !important;
    margin-inline-start: 0px !important;
    margin-inline-end: 0px !important;
    font-weight: bold !important;
    unicode-bidi: isolate !important;
    color: #333 !important;
    text-align: left;
    padding-bottom: 1rem;
}

.widget.widget_mf_widget .mf-overlay-text {
    text-align: left !important;
}