.mw-grid {
    display: grid;
}
.mw-grid-row-h-min{
    grid-auto-rows: min-content;
}

.mw-grid > div {
    width: 100%;
    transition: .3s all ease;
    box-sizing: border-box;
}

.mw-grid-1 {
    grid-template-columns: 1fr;
}
.mw-grid-2 {
    grid-template-columns: 1fr 1fr;
}
.mw-grid-3 {
    grid-template-columns: 1fr 1fr 1fr;
}
.mw-grid-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.mw-grid-5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.mw-grid-6 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
/*
    Already adaptive grids
*/

.mw-grid-gap-0 {
    grid-column-gap: 0;
    grid-row-gap: 0;
}
.mw-grid-gap-1 {
    grid-column-gap: 1em !important;
    grid-row-gap: 1em !important;
}
.mw-grid-gap-2 {
    grid-column-gap: 2em !important;
    grid-row-gap: 2em !important;
}
.mw-grid-gap-3 {
    grid-column-gap: 3em !important;
    grid-row-gap: 3em !important;
}
.mw-grid-gap-4 {
    grid-column-gap: 4em !important;
    grid-row-gap: 4em !important;
}

.mw-grid-col-sp-2 {
    grid-column: span 2;
}
.mw-grid-col-sp-3 {
    grid-column: span 3;
}
.mw-grid-col-sp-4 {
    grid-column: span 4;
}

.mw-grid-row-sp-2 {
    grid-row: span 2;
}
.mw-grid-row-sp-3 {
    grid-row: span 3;
}
.mw-grid-row-sp-4 {
    grid-row: span 4;
}

.mw-m-top-1{
    margin-top:1em !important;
}
.mw-m-top-2{
    margin-top:1em !important;
}
.mw-m-top-3{
    margin-top:1em !important;
}
.mw-m-top-4{
    margin-top:1em !important;
}
/* extra */
.mw-bg-c {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.mw-center {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.mw-flex-left {
    display: flex;
    justify-content: left;
}

.mw-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}
.mw-w-1800 {
    width: 1800px;
    max-width: 100%;
}
.mw-w-1620
{
    width: 1620px;
    max-width: 100%;
}
.mw-w-1600
{
    width: 1600px;
    max-width: 100%;
}
.mw-w-1350 {
    width: 1350px;
    max-width: 100%;
}
.mw-w-1280 {
    width: 1280px;
    max-width: 100%;
}
.mw-w-1024 {
    width: 1024px;
    max-width: 100%;
}
.mw-w-768 {
    width: 1024px;
    max-width: 100%;
}
.mw-w-no-max {
    max-width: none !important;
}
.mw-padding-1 {
    padding: 1em !important;
}
.mw-padding-2 {
    padding: 2em !important;
}
.mw-padding-3 {
    padding: 3em !important;
}
.mw-padding-4 {
    padding: 4em !important;
}
.mw-padding-5 {
    padding: 5em !important;
}


.mw-flex-align-items-start {
    align-items: start;
}

/* colors */
.mw-bg-white {
    background-color:#fff;
}
.mw-bg-black {
    background-color:#000;
}
/* fonts */


/* form default */
.mw-form {
    margin:0 !important;
    padding:0 !important;
}
.mw-form select, .mw-form input {
    width: 100%;
    border-radius: unset;
    height: 2em;
    border: 1px solid #b8b8b8;
    font-size: 1.6em;
    padding: 6px 15px;
    box-sizing: border-box;
}
.mw-form input[type=button] {
    background-color: #ea7d1e;
    color: #fff;
    border: 0;
    text-transform: uppercase;
    font-size: 1.6em;
    height: 2em;
}
.mw-form .form-label {
    font-size: 1.8em;
    text-transform: uppercase;
}

/* form icons */
.mw-form .mw-input-icon{
    position: relative;
}
.mw-form .mw-input-icon input {
    padding-right: 2em;
}
.mw-form .mw-input-icon:before {
    content: "i";
    position: absolute;
    right: 1em;
    top: 0.3em;
    color: #84c5cd;
    z-index: 11;
    font-size: 1.6em;
}
/**
Icon Percent
 */
.mw-form .mw-input-icon.mw-icon-percent:before {
    content: "%";
}
.mw-ul ul, .mw-ol ol {
    padding-left: 2rem;
}

/* media */
@media (max-width: 1024px) {
    .mw-grid-md-1 {
        grid-template-columns: 1fr;
    }
    .mw-grid-md-2 {
        grid-template-columns: 1fr 1fr;
    }
    .mw-grid-md-3 {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .mw-grid-md-4 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
@media (max-width: 768px) {
    .mw-grid-s-1 {
        grid-template-columns: 1fr;
    }
    .mw-grid-s-2 {
        grid-template-columns: 1fr 1fr;
    }
    .mw-grid-s-3 {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .mw-grid-s-4 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}


@media (max-width: 1024px) {
    .mw-grid.mw-grid-md-1 {
        grid-template-columns: 1fr;
    }
    .mw-grid.mw-grid-md-2 {
        grid-template-columns: 1fr 1fr;
    }
    .mw-grid.mw-grid-md-3 {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .mw-grid.mw-grid-md-4 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
@media (max-width: 768px) {
    .mw-grid.mw-grid-s-1 {
        grid-template-columns: 1fr;
    }
    .mw-grid.mw-grid-s-2 {
        grid-template-columns: 1fr 1fr;
    }
    .mw-grid.mw-grid-s-3 {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .mw-grid.mw-grid-s-4 {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .mw-grid-gap-s-0 {
        grid-column-gap: 0 !important;
        grid-row-gap: 0 !important;
    }
}