@font-face {
    font-family: 'Crystal';
    src: url("/asset/fonts/CrystalSkyAlt.ttf")
}

@font-face {
    font-family: 'Univers';
    src: url("/asset/fonts/UniversLTStd-Ex.otf")
}

@font-face {
    font-family: 'UniversUltra';
    src: url("/asset/fonts/UniversUltra.otf")
}

body {
    font-family: "Montserrat", sans-serif;
    overflow-x: hidden;
}

.h2 {
    font-size: 40px;
    line-height: 50px;
    font-family: 'UniversUltra', sans-serif;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    font-weight: bold;
    color: #343A40;
}

.h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

ul{
    list-style: none;
}

.motivation-bloc ul li:before, .production ul li:before {
    content: "\2022";
    color: #88d6e2 ;
    display: inline-block;
    font-size: 1.5em;
    width: 1em;
}

/*COLOR*/
.bg-gradient-primary {
    background-image: radial-gradient(circle, #98d7e0, #7cacb5, #61838c, #475d63, #2e393d);
}

.bg-gradient-blue-and-white {
    background-image: linear-gradient(to top, #98d7e0, #b7dff0, #d6e8f8, #eef2fc, #ffffff);
}

.bg-header {
    position: relative;
    color: white;
     background: url("/images/6 MKP_1213 (Factory).jpg");
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -2;
}

.bg-header:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: radial-gradient(circle, #98d7e0, #7cacb5, #61838c, #475d63, #2e393d);

    opacity: 0.6;
    z-index: -1;
}

/*END COLOR */

/* HEADER */
.header {
    height: 100vh;
}

.header svg {
    width: 75%;
}

.subtitle {
    color: white;
    font-size: 8px;
    font-family: 'Montserrat', 'sans-serif';
    letter-spacing: 8px;
}

/* END HEADER */

/* MENU MOBILE */
.btn-lang {
    background: transparent;
    border: 1px solid rgba(57, 61, 63, 0.2);
    border-radius: 21px;
    color: #393d3f;
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    padding: 10px 20px 10px 20px;
    outline: none;
    cursor: pointer;
    margin-left: 20px;
}
.header-menu-mobile {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 78px;
    z-index: 100;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.header-mobile-wrap-body {
    position: relative;
    min-height: 100%;
}

.header-mobile-wrap {
    position: fixed;
    top: 0;
    bottom: 0;
    left: -100%;
    width: calc(100% - 20px);
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 500px;
    height: 100vh;
    box-shadow: 6px 0 12px rgba(0, 0, 0, .35);
    background: white;
    z-index: 1001;
    transition: all 1s ease;
}

.header-mobile-wrap ul li {
    position: relative;
    display: flex;
    align-items: center;
    height: 60px;
    font-weight: bold;
}

.header-mobile-wrap ul li a {
    color: #32383E !important;
    margin-left: 20px;
}

.fa-angle-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    color: #32383E !important;

}

.wrap-footer-line {
    border-bottom: solid 2px #4AC1D3;
}

.header-mobile-wrap.isActive {
    left: 0;
}

.header-mobile-wrap-header {
    position: relative;
    height: 78px;
    padding: 0 60px 0 25px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    z-index: 2;
}

.header-mobile-wrap-close {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 30px;
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.header-mobile-wrap-close:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.header-mobile-wrap-close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.header-mobile-wrap-close:after, .header-mobile-wrap-close:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 2px;
    background-color: #000;
    -webkit-transition: width .3s;
    transition: width .3s;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    cursor: pointer;
}

.header-mobile-wrap .header-mobile-wrap-header img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.scrolled {
    background-color: #fff !important;
    transition: background-color 200ms linear;
}

.scrolled span, .scrolled span:before, .scrolled span:after {
    background-color: #32383E !important;
}

.mobile-open {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 30px;
    width: 22px;
    height: 18px;
    cursor: pointer;
}

.mobile-open span {
    left: 0;
    right: 0;
    height: 2px;
    background-color: white;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mobile-open span:before {
    top: -7px;
}

.mobile-open span:after {
    top: 7px;
}

.mobile-open span:before, .mobile-open span:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    background-color: inherit;
}

.header-menu-mobile-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

}

/* END MENU */

/* QUOTE */
.quotefirst {
    position: relative;
    color: white;
    background: url("/images/4 MKP_1016 (Office).jpg");
    width: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -2;
}

.quotesecond {
    position: relative;
    color: white;
    background: url("/images/1 MKP_1752 (Reunion).jpg");
    width: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -2;
}

.quotefirst:after, .quotesecond:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #3a575f;
    opacity: 0.6;
    z-index: -1;
}

/*MOTIVATION*/
.motivation .motivation-bloc {
    position: relative;
    background-size: cover;
    z-index: 1;
    min-height: 427px;
}

.motivation .motivation-bloc .h3, .motivation .motivation-bloc p, .motivation .motivation-bloc ul {
    z-index: 3;
}

.motivation .motivation-bloc:nth-child(2) {
    background-image: url("/images/5 MKP_0602 (Lab).jpg");
}

.motivation .motivation-bloc:nth-child(1) {
    background-image: url("/images/1 MKP_1635 (Reunion).jpg");
}

.motivation .motivation-bloc:nth-child(3) {
    background-image: url("/images/4 MKP_1496 (Office).jpg");
}

.motivation .motivation-bloc:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.3;
    z-index: 2;
}

/*END MOTIVATION */

/** PRODUCTION */

.production .production-img {
    position: relative;
    width: 60%;
    top: 40px;
    left: 20%;
    transition: all .5s linear;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.production-img.back {
    position: absolute;
    width: 60%;
    top: 10px;
    left: 30%;
    z-index: -1;
    filter: blur(1px);
    transition: all .5s linear;
}

/** END PRODUCTION */

/* MONDIALISATION */
#map{
    width: 100%;
}
.btn-link {
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.8rem;
}

.btn-link:focus, .btn-link:hover {
    text-decoration: none;
}

.card-body {
    color: white;
    font-size: 14px;
}

.card-header-title {
    font-size: 14px !important;
}

.button {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.2em;
    padding: 23px 30px 21px;
    text-transform: uppercase;
    margin: 20px 20px 20px;
    line-height: 1;
    display: inline-block;
    text-align: center;
    color: #ffffff;
    border: .1px solid transparent;
    background-image: radial-gradient(circle, #98d7e0, #8dc0ca, #81a9b3, #76939c, #6a7e85);
    border-radius: 50px;
    position: relative;
    -webkit-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
}

.button:hover {
    cursor: pointer;
    transform: scale(1.1);
}

a:hover {
    text-decoration: none;
}

.rounded-icon-black {
    width: 52px;
    height: 52px;
    border: 3px solid #32383E;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    margin-left: 15px;
    text-decoration: none;
    color: #32383E;
}

.rounded-icon {
    width: 52px;
    height: 52px;
    border: 3px solid white;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    margin-left: 15px;
    text-decoration: none;
}

.rounded-icon:hover {
    cursor: pointer;
    border: double 4px transparent;
    border-radius: 80px;
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-image: linear-gradient(#343a40, #343a40), radial-gradient(circle at top left, #98d7e0, #2e393d)
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #88d6e2 !important;
}

@media screen and (min-width: 768px) {
    .subtitle {
        font-size: 12px;
        letter-spacing: 20px;

    }
}

@media screen and (min-width: 992px) {
    .scrolled span, .scrolled span:before, .scrolled span:after {
        background-color: transparent !important;
    }

    .header-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .header-menu .btn-lang {
        background: transparent;
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 21px;
        color: white;
        font-size: 14px;
        font-family: Montserrat, sans-serif;
        padding: 10px 20px 10px 20px;
        outline: none;
        cursor: pointer;
    }

    /*.header-menu .dropdown-menu a {*/
    /*    font-family: "Univers LT Std 39 Thin UltraCn", sans-serif;*/
    /*}*/

    .header-menu ul li {
        list-style: none;
        font-family: Montserrat, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: white;
    }

    .header-menu ul li a {
        color: white;
    }

    .header-menu ul li a:hover {
        color: #98d7e0;
    }

    .header-menu .header-phone span {
        font-family: Montserrat, sans-serif;
    }

    .scrolled {
        background-color: #fff !important;
        transition: background-color 200ms linear;
    }

    .scrolled ul li a {
        color: #32383E;
    }

    .header-phone i {
        position: relative;
        top: -2px;
    }

    .scrolled .header-phone span, .scrolled .header-phone i {
        color: #32383E !important;
    }

    .scrolled .btn-lang {
        color: #32383E !important;
        border: 1px solid #32383E !important;
    }
}

@media screen and (min-width: 1200px) {
    .h2 {
        font-size: 75px;
        margin-bottom: 20px;
    }

    .subtitle {
        font-size: 12px;
        letter-spacing: 30px;

    }

    .header .fa-arrow-alt-circle-down {
        font-size: 40px;
        position: relative;
        top: 50px;
        animation: arrowMove 2s infinite ease-in-out;
    }

    /*MOTIVATION*/
    .motivation .motivation-bloc .h3, .motivation .motivation-bloc p, .motivation .motivation-bloc ul {
        opacity: 0;
        transition: opacity .9s linear;
    }

    .motivation .motivation-bloc:after {
        opacity: 0;
        transition: opacity .9s linear;
    }

    .motivation .motivation-bloc:hover .h3, .motivation .motivation-bloc:hover p, .motivation .motivation-bloc:hover ul {
        opacity: 1;
    }

    .motivation .motivation-bloc:hover:after {
        opacity: 0.6;
    }

    /*END MOTIVIATION*/
    /* OUR TEAM */
    .ourteam .service {
        position: relative;
    }

    .ourteam .service:hover + .photo {
        opacity: 1;
        z-index: 10;
    }

    .ourteam .photo {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 40%;
        width: 100%;
        display: flex;
        justify-content: right;
        transition: all .5s linear;
    }

    /* END OUR TEAM */
    /* PRODUCTION */
    .production .production-img {
        position: relative;
        width: 40%;
        top: 20px;
        left: 20%;
        transition: all .5s linear;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    }

    .production-img.back {
        position: absolute;
        width: 40%;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
        filter: blur(1px);
        transition: all .5s linear;
    }

    .production .production-img:first-child {

    }

    .production .production-img:last-child {
    }

    /*END PRODUCTION */

    /* MONDIALISATION */
    #map{
        width: 50%;
    }
    .move-left-right {
        position: absolute;
        width: 100%;
        top: 0;
        left: -10%;
        font-size: 1rem;
        animation: move 20s linear infinite;
    }
    .move-left-right:nth-child(2){
        animation-delay:2s;
    }
    .move-left-right:nth-child(3){
        animation-delay:4s;
    }
    .move-left-right:nth-child(4){
        animation-delay:6s;
    }
    .move-left-right:nth-child(5){
        animation-delay:8s;
    }
    .move-left-right:nth-child(6){
        animation-delay:10s;
    }
    .move-left-right:nth-child(7){
        animation-delay:12s;
    }
    .move-left-right:nth-child(8){
        animation-delay:14s;
    }
    .move-left-right:nth-child(9){
        animation-delay:16s;
    }
    .move-left-right:nth-child(10){
        animation-delay:18s;
    }

    @keyframes move {
        0% {
            left: -10%;
        }
        100% {
            left: 100%;
        }
    }
}

@keyframes arrowMove {
    0% {
        top: 50px
    }
    50% {
        top: 100px
    }
    100% {
        top: 50px
    }
}

/* Padding and margin */

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: .25rem !important;
}

.pt-1,
.py-1 {
    padding-top: .25rem !important;
}

.pr-1,
.px-1 {
    padding-right: .25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important;
}

.pl-1,
.px-1 {
    padding-left: .25rem !important;
}

.p-2 {
    padding: .5rem !important;
}

.pt-2,
.py-2 {
    padding-top: .5rem !important;
}

.pr-2,
.px-2 {
    padding-right: .5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important;
}

.pl-2,
.px-2 {
    padding-left: .5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.p--9 {
    padding: -10rem !important;
}

.pt--9,
.py--9 {
    padding-top: -10rem !important;
}

.pr--9,
.px--9 {
    padding-right: -10rem !important;
}

.pb--9,
.py--9 {
    padding-bottom: -10rem !important;
}

.pl--9,
.px--9 {
    padding-left: -10rem !important;
}

.p--8 {
    padding: -8rem !important;
}

.pt--8,
.py--8 {
    padding-top: -8rem !important;
}

.pr--8,
.px--8 {
    padding-right: -8rem !important;
}

.pb--8,
.py--8 {
    padding-bottom: -8rem !important;
}

.pl--8,
.px--8 {
    padding-left: -8rem !important;
}

.p--7 {
    padding: -6rem !important;
}

.pt--7,
.py--7 {
    padding-top: -6rem !important;
}

.pr--7,
.px--7 {
    padding-right: -6rem !important;
}

.pb--7,
.py--7 {
    padding-bottom: -6rem !important;
}

.pl--7,
.px--7 {
    padding-left: -6rem !important;
}

.p--6 {
    padding: -4.5rem !important;
}

.pt--6,
.py--6 {
    padding-top: -4.5rem !important;
}

.pr--6,
.px--6 {
    padding-right: -4.5rem !important;
}

.pb--6,
.py--6 {
    padding-bottom: -4.5rem !important;
}

.pl--6,
.px--6 {
    padding-left: -4.5rem !important;
}

.p--5 {
    padding: -3rem !important;
}

.pt--5,
.py--5 {
    padding-top: -3rem !important;
}

.pr--5,
.px--5 {
    padding-right: -3rem !important;
}

.pb--5,
.py--5 {
    padding-bottom: -3rem !important;
}

.pl--5,
.px--5 {
    padding-left: -3rem !important;
}

.p--4 {
    padding: -1.5rem !important;
}

.pt--4,
.py--4 {
    padding-top: -1.5rem !important;
}

.pr--4,
.px--4 {
    padding-right: -1.5rem !important;
}

.pb--4,
.py--4 {
    padding-bottom: -1.5rem !important;
}

.pl--4,
.px--4 {
    padding-left: -1.5rem !important;
}

.p--3 {
    padding: -1rem !important;
}

.pt--3,
.py--3 {
    padding-top: -1rem !important;
}

.pr--3,
.px--3 {
    padding-right: -1rem !important;
}

.pb--3,
.py--3 {
    padding-bottom: -1rem !important;
}

.pl--3,
.px--3 {
    padding-left: -1rem !important;
}

.p--2 {
    padding: -.5rem !important;
}

.pt--2,
.py--2 {
    padding-top: -.5rem !important;
}

.pr--2,
.px--2 {
    padding-right: -.5rem !important;
}

.pb--2,
.py--2 {
    padding-bottom: -.5rem !important;
}

.pl--2,
.px--2 {
    padding-left: -.5rem !important;
}

.p--1 {
    padding: -.25rem !important;
}

.pt--1,
.py--1 {
    padding-top: -.25rem !important;
}

.pr--1,
.px--1 {
    padding-right: -.25rem !important;
}

.pb--1,
.py--1 {
    padding-bottom: -.25rem !important;
}

.pl--1,
.px--1 {
    padding-left: -.25rem !important;
}

.p-6 {
    padding: 4.5rem !important;
}

.pt-6,
.py-6 {
    padding-top: 4.5rem !important;
}

.pr-6,
.px-6 {
    padding-right: 4.5rem !important;
}

.pb-6,
.py-6 {
    padding-bottom: 4.5rem !important;
}

.pl-6,
.px-6 {
    padding-left: 4.5rem !important;
}

.p-7 {
    padding: 6rem !important;
}

.pt-7,
.py-7 {
    padding-top: 6rem !important;
}

.pr-7,
.px-7 {
    padding-right: 6rem !important;
}

.pb-7,
.py-7 {
    padding-bottom: 6rem !important;
}

.pl-7,
.px-7 {
    padding-left: 6rem !important;
}

.p-8 {
    padding: 8rem !important;
}

.pt-8,
.py-8 {
    padding-top: 8rem !important;
}

.pr-8,
.px-8 {
    padding-right: 8rem !important;
}

.pb-8,
.py-8 {
    padding-bottom: 8rem !important;
}

.pl-8,
.px-8 {
    padding-left: 8rem !important;
}

.p-9 {
    padding: 10rem !important;
}

.pt-9,
.py-9 {
    padding-top: 10rem !important;
}

.pr-9,
.px-9 {
    padding-right: 10rem !important;
}

.pb-9,
.py-9 {
    padding-bottom: 10rem !important;
}

.pl-9,
.px-9 {
    padding-left: 10rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

/** Catalogues */
.catalogues img {
    width: 250px;
    height: auto;
    transition: all .5s linear;
}
.catalogues .syntetic,  .catalogues .naturel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }

    .m-sm-1 {
        margin: .25rem !important;
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important;
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important;
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important;
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important;
    }

    .m-sm-2 {
        margin: .5rem !important;
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important;
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important;
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important;
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }

    .m-sm--9 {
        margin: -10rem !important;
    }

    .mt-sm--9,
    .my-sm--9 {
        margin-top: -10rem !important;
    }

    .mr-sm--9,
    .mx-sm--9 {
        margin-right: -10rem !important;
    }

    .mb-sm--9,
    .my-sm--9 {
        margin-bottom: -10rem !important;
    }

    .ml-sm--9,
    .mx-sm--9 {
        margin-left: -10rem !important;
    }

    .m-sm--8 {
        margin: -8rem !important;
    }

    .mt-sm--8,
    .my-sm--8 {
        margin-top: -8rem !important;
    }

    .mr-sm--8,
    .mx-sm--8 {
        margin-right: -8rem !important;
    }

    .mb-sm--8,
    .my-sm--8 {
        margin-bottom: -8rem !important;
    }

    .ml-sm--8,
    .mx-sm--8 {
        margin-left: -8rem !important;
    }

    .m-sm--7 {
        margin: -6rem !important;
    }

    .mt-sm--7,
    .my-sm--7 {
        margin-top: -6rem !important;
    }

    .mr-sm--7,
    .mx-sm--7 {
        margin-right: -6rem !important;
    }

    .mb-sm--7,
    .my-sm--7 {
        margin-bottom: -6rem !important;
    }

    .ml-sm--7,
    .mx-sm--7 {
        margin-left: -6rem !important;
    }

    .m-sm--6 {
        margin: -4.5rem !important;
    }

    .mt-sm--6,
    .my-sm--6 {
        margin-top: -4.5rem !important;
    }

    .mr-sm--6,
    .mx-sm--6 {
        margin-right: -4.5rem !important;
    }

    .mb-sm--6,
    .my-sm--6 {
        margin-bottom: -4.5rem !important;
    }

    .ml-sm--6,
    .mx-sm--6 {
        margin-left: -4.5rem !important;
    }

    .m-sm--5 {
        margin: -3rem !important;
    }

    .mt-sm--5,
    .my-sm--5 {
        margin-top: -3rem !important;
    }

    .mr-sm--5,
    .mx-sm--5 {
        margin-right: -3rem !important;
    }

    .mb-sm--5,
    .my-sm--5 {
        margin-bottom: -3rem !important;
    }

    .ml-sm--5,
    .mx-sm--5 {
        margin-left: -3rem !important;
    }

    .m-sm--4 {
        margin: -1.5rem !important;
    }

    .mt-sm--4,
    .my-sm--4 {
        margin-top: -1.5rem !important;
    }

    .mr-sm--4,
    .mx-sm--4 {
        margin-right: -1.5rem !important;
    }

    .mb-sm--4,
    .my-sm--4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-sm--4,
    .mx-sm--4 {
        margin-left: -1.5rem !important;
    }

    .m-sm--3 {
        margin: -1rem !important;
    }

    .mt-sm--3,
    .my-sm--3 {
        margin-top: -1rem !important;
    }

    .mr-sm--3,
    .mx-sm--3 {
        margin-right: -1rem !important;
    }

    .mb-sm--3,
    .my-sm--3 {
        margin-bottom: -1rem !important;
    }

    .ml-sm--3,
    .mx-sm--3 {
        margin-left: -1rem !important;
    }

    .m-sm--2 {
        margin: -.5rem !important;
    }

    .mt-sm--2,
    .my-sm--2 {
        margin-top: -.5rem !important;
    }

    .mr-sm--2,
    .mx-sm--2 {
        margin-right: -.5rem !important;
    }

    .mb-sm--2,
    .my-sm--2 {
        margin-bottom: -.5rem !important;
    }

    .ml-sm--2,
    .mx-sm--2 {
        margin-left: -.5rem !important;
    }

    .m-sm--1 {
        margin: -.25rem !important;
    }

    .mt-sm--1,
    .my-sm--1 {
        margin-top: -.25rem !important;
    }

    .mr-sm--1,
    .mx-sm--1 {
        margin-right: -.25rem !important;
    }

    .mb-sm--1,
    .my-sm--1 {
        margin-bottom: -.25rem !important;
    }

    .ml-sm--1,
    .mx-sm--1 {
        margin-left: -.25rem !important;
    }

    .m-sm-6 {
        margin: 4.5rem !important;
    }

    .mt-sm-6,
    .my-sm-6 {
        margin-top: 4.5rem !important;
    }

    .mr-sm-6,
    .mx-sm-6 {
        margin-right: 4.5rem !important;
    }

    .mb-sm-6,
    .my-sm-6 {
        margin-bottom: 4.5rem !important;
    }

    .ml-sm-6,
    .mx-sm-6 {
        margin-left: 4.5rem !important;
    }

    .m-sm-7 {
        margin: 6rem !important;
    }

    .mt-sm-7,
    .my-sm-7 {
        margin-top: 6rem !important;
    }

    .mr-sm-7,
    .mx-sm-7 {
        margin-right: 6rem !important;
    }

    .mb-sm-7,
    .my-sm-7 {
        margin-bottom: 6rem !important;
    }

    .ml-sm-7,
    .mx-sm-7 {
        margin-left: 6rem !important;
    }

    .m-sm-8 {
        margin: 8rem !important;
    }

    .mt-sm-8,
    .my-sm-8 {
        margin-top: 8rem !important;
    }

    .mr-sm-8,
    .mx-sm-8 {
        margin-right: 8rem !important;
    }

    .mb-sm-8,
    .my-sm-8 {
        margin-bottom: 8rem !important;
    }

    .ml-sm-8,
    .mx-sm-8 {
        margin-left: 8rem !important;
    }

    .m-sm-9 {
        margin: 10rem !important;
    }

    .mt-sm-9,
    .my-sm-9 {
        margin-top: 10rem !important;
    }

    .mr-sm-9,
    .mx-sm-9 {
        margin-right: 10rem !important;
    }

    .mb-sm-9,
    .my-sm-9 {
        margin-bottom: 10rem !important;
    }

    .ml-sm-9,
    .mx-sm-9 {
        margin-left: 10rem !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }

    .p-sm-1 {
        padding: .25rem !important;
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important;
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important;
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important;
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important;
    }

    .p-sm-2 {
        padding: .5rem !important;
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important;
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important;
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important;
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }

    .p-sm--9 {
        padding: -10rem !important;
    }

    .pt-sm--9,
    .py-sm--9 {
        padding-top: -10rem !important;
    }

    .pr-sm--9,
    .px-sm--9 {
        padding-right: -10rem !important;
    }

    .pb-sm--9,
    .py-sm--9 {
        padding-bottom: -10rem !important;
    }

    .pl-sm--9,
    .px-sm--9 {
        padding-left: -10rem !important;
    }

    .p-sm--8 {
        padding: -8rem !important;
    }

    .pt-sm--8,
    .py-sm--8 {
        padding-top: -8rem !important;
    }

    .pr-sm--8,
    .px-sm--8 {
        padding-right: -8rem !important;
    }

    .pb-sm--8,
    .py-sm--8 {
        padding-bottom: -8rem !important;
    }

    .pl-sm--8,
    .px-sm--8 {
        padding-left: -8rem !important;
    }

    .p-sm--7 {
        padding: -6rem !important;
    }

    .pt-sm--7,
    .py-sm--7 {
        padding-top: -6rem !important;
    }

    .pr-sm--7,
    .px-sm--7 {
        padding-right: -6rem !important;
    }

    .pb-sm--7,
    .py-sm--7 {
        padding-bottom: -6rem !important;
    }

    .pl-sm--7,
    .px-sm--7 {
        padding-left: -6rem !important;
    }

    .p-sm--6 {
        padding: -4.5rem !important;
    }

    .pt-sm--6,
    .py-sm--6 {
        padding-top: -4.5rem !important;
    }

    .pr-sm--6,
    .px-sm--6 {
        padding-right: -4.5rem !important;
    }

    .pb-sm--6,
    .py-sm--6 {
        padding-bottom: -4.5rem !important;
    }

    .pl-sm--6,
    .px-sm--6 {
        padding-left: -4.5rem !important;
    }

    .p-sm--5 {
        padding: -3rem !important;
    }

    .pt-sm--5,
    .py-sm--5 {
        padding-top: -3rem !important;
    }

    .pr-sm--5,
    .px-sm--5 {
        padding-right: -3rem !important;
    }

    .pb-sm--5,
    .py-sm--5 {
        padding-bottom: -3rem !important;
    }

    .pl-sm--5,
    .px-sm--5 {
        padding-left: -3rem !important;
    }

    .p-sm--4 {
        padding: -1.5rem !important;
    }

    .pt-sm--4,
    .py-sm--4 {
        padding-top: -1.5rem !important;
    }

    .pr-sm--4,
    .px-sm--4 {
        padding-right: -1.5rem !important;
    }

    .pb-sm--4,
    .py-sm--4 {
        padding-bottom: -1.5rem !important;
    }

    .pl-sm--4,
    .px-sm--4 {
        padding-left: -1.5rem !important;
    }

    .p-sm--3 {
        padding: -1rem !important;
    }

    .pt-sm--3,
    .py-sm--3 {
        padding-top: -1rem !important;
    }

    .pr-sm--3,
    .px-sm--3 {
        padding-right: -1rem !important;
    }

    .pb-sm--3,
    .py-sm--3 {
        padding-bottom: -1rem !important;
    }

    .pl-sm--3,
    .px-sm--3 {
        padding-left: -1rem !important;
    }

    .p-sm--2 {
        padding: -.5rem !important;
    }

    .pt-sm--2,
    .py-sm--2 {
        padding-top: -.5rem !important;
    }

    .pr-sm--2,
    .px-sm--2 {
        padding-right: -.5rem !important;
    }

    .pb-sm--2,
    .py-sm--2 {
        padding-bottom: -.5rem !important;
    }

    .pl-sm--2,
    .px-sm--2 {
        padding-left: -.5rem !important;
    }

    .p-sm--1 {
        padding: -.25rem !important;
    }

    .pt-sm--1,
    .py-sm--1 {
        padding-top: -.25rem !important;
    }

    .pr-sm--1,
    .px-sm--1 {
        padding-right: -.25rem !important;
    }

    .pb-sm--1,
    .py-sm--1 {
        padding-bottom: -.25rem !important;
    }

    .pl-sm--1,
    .px-sm--1 {
        padding-left: -.25rem !important;
    }

    .p-sm-6 {
        padding: 4.5rem !important;
    }

    .pt-sm-6,
    .py-sm-6 {
        padding-top: 4.5rem !important;
    }

    .pr-sm-6,
    .px-sm-6 {
        padding-right: 4.5rem !important;
    }

    .pb-sm-6,
    .py-sm-6 {
        padding-bottom: 4.5rem !important;
    }

    .pl-sm-6,
    .px-sm-6 {
        padding-left: 4.5rem !important;
    }

    .p-sm-7 {
        padding: 6rem !important;
    }

    .pt-sm-7,
    .py-sm-7 {
        padding-top: 6rem !important;
    }

    .pr-sm-7,
    .px-sm-7 {
        padding-right: 6rem !important;
    }

    .pb-sm-7,
    .py-sm-7 {
        padding-bottom: 6rem !important;
    }

    .pl-sm-7,
    .px-sm-7 {
        padding-left: 6rem !important;
    }

    .p-sm-8 {
        padding: 8rem !important;
    }

    .pt-sm-8,
    .py-sm-8 {
        padding-top: 8rem !important;
    }

    .pr-sm-8,
    .px-sm-8 {
        padding-right: 8rem !important;
    }

    .pb-sm-8,
    .py-sm-8 {
        padding-bottom: 8rem !important;
    }

    .pl-sm-8,
    .px-sm-8 {
        padding-left: 8rem !important;
    }

    .p-sm-9 {
        padding: 10rem !important;
    }

    .pt-sm-9,
    .py-sm-9 {
        padding-top: 10rem !important;
    }

    .pr-sm-9,
    .px-sm-9 {
        padding-right: 10rem !important;
    }

    .pb-sm-9,
    .py-sm-9 {
        padding-bottom: 10rem !important;
    }

    .pl-sm-9,
    .px-sm-9 {
        padding-left: 10rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }

    .m-md-1 {
        margin: .25rem !important;
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important;
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important;
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important;
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important;
    }

    .m-md-2 {
        margin: .5rem !important;
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important;
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important;
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important;
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important;
    }

    .m-md--9 {
        margin: -10rem !important;
    }

    .mt-md--9,
    .my-md--9 {
        margin-top: -10rem !important;
    }

    .mr-md--9,
    .mx-md--9 {
        margin-right: -10rem !important;
    }

    .mb-md--9,
    .my-md--9 {
        margin-bottom: -10rem !important;
    }

    .ml-md--9,
    .mx-md--9 {
        margin-left: -10rem !important;
    }

    .m-md--8 {
        margin: -8rem !important;
    }

    .mt-md--8,
    .my-md--8 {
        margin-top: -8rem !important;
    }

    .mr-md--8,
    .mx-md--8 {
        margin-right: -8rem !important;
    }

    .mb-md--8,
    .my-md--8 {
        margin-bottom: -8rem !important;
    }

    .ml-md--8,
    .mx-md--8 {
        margin-left: -8rem !important;
    }

    .m-md--7 {
        margin: -6rem !important;
    }

    .mt-md--7,
    .my-md--7 {
        margin-top: -6rem !important;
    }

    .mr-md--7,
    .mx-md--7 {
        margin-right: -6rem !important;
    }

    .mb-md--7,
    .my-md--7 {
        margin-bottom: -6rem !important;
    }

    .ml-md--7,
    .mx-md--7 {
        margin-left: -6rem !important;
    }

    .m-md--6 {
        margin: -4.5rem !important;
    }

    .mt-md--6,
    .my-md--6 {
        margin-top: -4.5rem !important;
    }

    .mr-md--6,
    .mx-md--6 {
        margin-right: -4.5rem !important;
    }

    .mb-md--6,
    .my-md--6 {
        margin-bottom: -4.5rem !important;
    }

    .ml-md--6,
    .mx-md--6 {
        margin-left: -4.5rem !important;
    }

    .m-md--5 {
        margin: -3rem !important;
    }

    .mt-md--5,
    .my-md--5 {
        margin-top: -3rem !important;
    }

    .mr-md--5,
    .mx-md--5 {
        margin-right: -3rem !important;
    }

    .mb-md--5,
    .my-md--5 {
        margin-bottom: -3rem !important;
    }

    .ml-md--5,
    .mx-md--5 {
        margin-left: -3rem !important;
    }

    .m-md--4 {
        margin: -1.5rem !important;
    }

    .mt-md--4,
    .my-md--4 {
        margin-top: -1.5rem !important;
    }

    .mr-md--4,
    .mx-md--4 {
        margin-right: -1.5rem !important;
    }

    .mb-md--4,
    .my-md--4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-md--4,
    .mx-md--4 {
        margin-left: -1.5rem !important;
    }

    .m-md--3 {
        margin: -1rem !important;
    }

    .mt-md--3,
    .my-md--3 {
        margin-top: -1rem !important;
    }

    .mr-md--3,
    .mx-md--3 {
        margin-right: -1rem !important;
    }

    .mb-md--3,
    .my-md--3 {
        margin-bottom: -1rem !important;
    }

    .ml-md--3,
    .mx-md--3 {
        margin-left: -1rem !important;
    }

    .m-md--2 {
        margin: -.5rem !important;
    }

    .mt-md--2,
    .my-md--2 {
        margin-top: -.5rem !important;
    }

    .mr-md--2,
    .mx-md--2 {
        margin-right: -.5rem !important;
    }

    .mb-md--2,
    .my-md--2 {
        margin-bottom: -.5rem !important;
    }

    .ml-md--2,
    .mx-md--2 {
        margin-left: -.5rem !important;
    }

    .m-md--1 {
        margin: -.25rem !important;
    }

    .mt-md--1,
    .my-md--1 {
        margin-top: -.25rem !important;
    }

    .mr-md--1,
    .mx-md--1 {
        margin-right: -.25rem !important;
    }

    .mb-md--1,
    .my-md--1 {
        margin-bottom: -.25rem !important;
    }

    .ml-md--1,
    .mx-md--1 {
        margin-left: -.25rem !important;
    }

    .m-md-6 {
        margin: 4.5rem !important;
    }

    .mt-md-6,
    .my-md-6 {
        margin-top: 4.5rem !important;
    }

    .mr-md-6,
    .mx-md-6 {
        margin-right: 4.5rem !important;
    }

    .mb-md-6,
    .my-md-6 {
        margin-bottom: 4.5rem !important;
    }

    .ml-md-6,
    .mx-md-6 {
        margin-left: 4.5rem !important;
    }

    .m-md-7 {
        margin: 6rem !important;
    }

    .mt-md-7,
    .my-md-7 {
        margin-top: 6rem !important;
    }

    .mr-md-7,
    .mx-md-7 {
        margin-right: 6rem !important;
    }

    .mb-md-7,
    .my-md-7 {
        margin-bottom: 6rem !important;
    }

    .ml-md-7,
    .mx-md-7 {
        margin-left: 6rem !important;
    }

    .m-md-8 {
        margin: 8rem !important;
    }

    .mt-md-8,
    .my-md-8 {
        margin-top: 8rem !important;
    }

    .mr-md-8,
    .mx-md-8 {
        margin-right: 8rem !important;
    }

    .mb-md-8,
    .my-md-8 {
        margin-bottom: 8rem !important;
    }

    .ml-md-8,
    .mx-md-8 {
        margin-left: 8rem !important;
    }

    .m-md-9 {
        margin: 10rem !important;
    }

    .mt-md-9,
    .my-md-9 {
        margin-top: 10rem !important;
    }

    .mr-md-9,
    .mx-md-9 {
        margin-right: 10rem !important;
    }

    .mb-md-9,
    .my-md-9 {
        margin-bottom: 10rem !important;
    }

    .ml-md-9,
    .mx-md-9 {
        margin-left: 10rem !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }

    .p-md-1 {
        padding: .25rem !important;
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important;
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important;
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important;
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important;
    }

    .p-md-2 {
        padding: .5rem !important;
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important;
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important;
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important;
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }

    .p-md--9 {
        padding: -10rem !important;
    }

    .pt-md--9,
    .py-md--9 {
        padding-top: -10rem !important;
    }

    .pr-md--9,
    .px-md--9 {
        padding-right: -10rem !important;
    }

    .pb-md--9,
    .py-md--9 {
        padding-bottom: -10rem !important;
    }

    .pl-md--9,
    .px-md--9 {
        padding-left: -10rem !important;
    }

    .p-md--8 {
        padding: -8rem !important;
    }

    .pt-md--8,
    .py-md--8 {
        padding-top: -8rem !important;
    }

    .pr-md--8,
    .px-md--8 {
        padding-right: -8rem !important;
    }

    .pb-md--8,
    .py-md--8 {
        padding-bottom: -8rem !important;
    }

    .pl-md--8,
    .px-md--8 {
        padding-left: -8rem !important;
    }

    .p-md--7 {
        padding: -6rem !important;
    }

    .pt-md--7,
    .py-md--7 {
        padding-top: -6rem !important;
    }

    .pr-md--7,
    .px-md--7 {
        padding-right: -6rem !important;
    }

    .pb-md--7,
    .py-md--7 {
        padding-bottom: -6rem !important;
    }

    .pl-md--7,
    .px-md--7 {
        padding-left: -6rem !important;
    }

    .p-md--6 {
        padding: -4.5rem !important;
    }

    .pt-md--6,
    .py-md--6 {
        padding-top: -4.5rem !important;
    }

    .pr-md--6,
    .px-md--6 {
        padding-right: -4.5rem !important;
    }

    .pb-md--6,
    .py-md--6 {
        padding-bottom: -4.5rem !important;
    }

    .pl-md--6,
    .px-md--6 {
        padding-left: -4.5rem !important;
    }

    .p-md--5 {
        padding: -3rem !important;
    }

    .pt-md--5,
    .py-md--5 {
        padding-top: -3rem !important;
    }

    .pr-md--5,
    .px-md--5 {
        padding-right: -3rem !important;
    }

    .pb-md--5,
    .py-md--5 {
        padding-bottom: -3rem !important;
    }

    .pl-md--5,
    .px-md--5 {
        padding-left: -3rem !important;
    }

    .p-md--4 {
        padding: -1.5rem !important;
    }

    .pt-md--4,
    .py-md--4 {
        padding-top: -1.5rem !important;
    }

    .pr-md--4,
    .px-md--4 {
        padding-right: -1.5rem !important;
    }

    .pb-md--4,
    .py-md--4 {
        padding-bottom: -1.5rem !important;
    }

    .pl-md--4,
    .px-md--4 {
        padding-left: -1.5rem !important;
    }

    .p-md--3 {
        padding: -1rem !important;
    }

    .pt-md--3,
    .py-md--3 {
        padding-top: -1rem !important;
    }

    .pr-md--3,
    .px-md--3 {
        padding-right: -1rem !important;
    }

    .pb-md--3,
    .py-md--3 {
        padding-bottom: -1rem !important;
    }

    .pl-md--3,
    .px-md--3 {
        padding-left: -1rem !important;
    }

    .p-md--2 {
        padding: -.5rem !important;
    }

    .pt-md--2,
    .py-md--2 {
        padding-top: -.5rem !important;
    }

    .pr-md--2,
    .px-md--2 {
        padding-right: -.5rem !important;
    }

    .pb-md--2,
    .py-md--2 {
        padding-bottom: -.5rem !important;
    }

    .pl-md--2,
    .px-md--2 {
        padding-left: -.5rem !important;
    }

    .p-md--1 {
        padding: -.25rem !important;
    }

    .pt-md--1,
    .py-md--1 {
        padding-top: -.25rem !important;
    }

    .pr-md--1,
    .px-md--1 {
        padding-right: -.25rem !important;
    }

    .pb-md--1,
    .py-md--1 {
        padding-bottom: -.25rem !important;
    }

    .pl-md--1,
    .px-md--1 {
        padding-left: -.25rem !important;
    }

    .p-md-6 {
        padding: 4.5rem !important;
    }

    .pt-md-6,
    .py-md-6 {
        padding-top: 4.5rem !important;
    }

    .pr-md-6,
    .px-md-6 {
        padding-right: 4.5rem !important;
    }

    .pb-md-6,
    .py-md-6 {
        padding-bottom: 4.5rem !important;
    }

    .pl-md-6,
    .px-md-6 {
        padding-left: 4.5rem !important;
    }

    .p-md-7 {
        padding: 6rem !important;
    }

    .pt-md-7,
    .py-md-7 {
        padding-top: 6rem !important;
    }

    .pr-md-7,
    .px-md-7 {
        padding-right: 6rem !important;
    }

    .pb-md-7,
    .py-md-7 {
        padding-bottom: 6rem !important;
    }

    .pl-md-7,
    .px-md-7 {
        padding-left: 6rem !important;
    }

    .p-md-8 {
        padding: 8rem !important;
    }

    .pt-md-8,
    .py-md-8 {
        padding-top: 8rem !important;
    }

    .pr-md-8,
    .px-md-8 {
        padding-right: 8rem !important;
    }

    .pb-md-8,
    .py-md-8 {
        padding-bottom: 8rem !important;
    }

    .pl-md-8,
    .px-md-8 {
        padding-left: 8rem !important;
    }

    .p-md-9 {
        padding: 10rem !important;
    }

    .pt-md-9,
    .py-md-9 {
        padding-top: 10rem !important;
    }

    .pr-md-9,
    .px-md-9 {
        padding-right: 10rem !important;
    }

    .pb-md-9,
    .py-md-9 {
        padding-bottom: 10rem !important;
    }

    .pl-md-9,
    .px-md-9 {
        padding-left: 10rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }

    .m-lg-1 {
        margin: .25rem !important;
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important;
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important;
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important;
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important;
    }

    .m-lg-2 {
        margin: .5rem !important;
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important;
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important;
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important;
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important;
    }

    .m-lg--9 {
        margin: -10rem !important;
    }

    .mt-lg--9,
    .my-lg--9 {
        margin-top: -10rem !important;
    }

    .mr-lg--9,
    .mx-lg--9 {
        margin-right: -10rem !important;
    }

    .mb-lg--9,
    .my-lg--9 {
        margin-bottom: -10rem !important;
    }

    .ml-lg--9,
    .mx-lg--9 {
        margin-left: -10rem !important;
    }

    .m-lg--8 {
        margin: -8rem !important;
    }

    .mt-lg--8,
    .my-lg--8 {
        margin-top: -8rem !important;
    }

    .mr-lg--8,
    .mx-lg--8 {
        margin-right: -8rem !important;
    }

    .mb-lg--8,
    .my-lg--8 {
        margin-bottom: -8rem !important;
    }

    .ml-lg--8,
    .mx-lg--8 {
        margin-left: -8rem !important;
    }

    .m-lg--7 {
        margin: -6rem !important;
    }

    .mt-lg--7,
    .my-lg--7 {
        margin-top: -6rem !important;
    }

    .mr-lg--7,
    .mx-lg--7 {
        margin-right: -6rem !important;
    }

    .mb-lg--7,
    .my-lg--7 {
        margin-bottom: -6rem !important;
    }

    .ml-lg--7,
    .mx-lg--7 {
        margin-left: -6rem !important;
    }

    .m-lg--6 {
        margin: -4.5rem !important;
    }

    .mt-lg--6,
    .my-lg--6 {
        margin-top: -4.5rem !important;
    }

    .mr-lg--6,
    .mx-lg--6 {
        margin-right: -4.5rem !important;
    }

    .mb-lg--6,
    .my-lg--6 {
        margin-bottom: -4.5rem !important;
    }

    .ml-lg--6,
    .mx-lg--6 {
        margin-left: -4.5rem !important;
    }

    .m-lg--5 {
        margin: -3rem !important;
    }

    .mt-lg--5,
    .my-lg--5 {
        margin-top: -3rem !important;
    }

    .mr-lg--5,
    .mx-lg--5 {
        margin-right: -3rem !important;
    }

    .mb-lg--5,
    .my-lg--5 {
        margin-bottom: -3rem !important;
    }

    .ml-lg--5,
    .mx-lg--5 {
        margin-left: -3rem !important;
    }

    .m-lg--4 {
        margin: -1.5rem !important;
    }

    .mt-lg--4,
    .my-lg--4 {
        margin-top: -1.5rem !important;
    }

    .mr-lg--4,
    .mx-lg--4 {
        margin-right: -1.5rem !important;
    }

    .mb-lg--4,
    .my-lg--4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-lg--4,
    .mx-lg--4 {
        margin-left: -1.5rem !important;
    }

    .m-lg--3 {
        margin: -1rem !important;
    }

    .mt-lg--3,
    .my-lg--3 {
        margin-top: -1rem !important;
    }

    .mr-lg--3,
    .mx-lg--3 {
        margin-right: -1rem !important;
    }

    .mb-lg--3,
    .my-lg--3 {
        margin-bottom: -1rem !important;
    }

    .ml-lg--3,
    .mx-lg--3 {
        margin-left: -1rem !important;
    }

    .m-lg--2 {
        margin: -.5rem !important;
    }

    .mt-lg--2,
    .my-lg--2 {
        margin-top: -.5rem !important;
    }

    .mr-lg--2,
    .mx-lg--2 {
        margin-right: -.5rem !important;
    }

    .mb-lg--2,
    .my-lg--2 {
        margin-bottom: -.5rem !important;
    }

    .ml-lg--2,
    .mx-lg--2 {
        margin-left: -.5rem !important;
    }

    .m-lg--1 {
        margin: -.25rem !important;
    }

    .mt-lg--1,
    .my-lg--1 {
        margin-top: -.25rem !important;
    }

    .mr-lg--1,
    .mx-lg--1 {
        margin-right: -.25rem !important;
    }

    .mb-lg--1,
    .my-lg--1 {
        margin-bottom: -.25rem !important;
    }

    .ml-lg--1,
    .mx-lg--1 {
        margin-left: -.25rem !important;
    }

    .m-lg-6 {
        margin: 4.5rem !important;
    }

    .mt-lg-6,
    .my-lg-6 {
        margin-top: 4.5rem !important;
    }

    .mr-lg-6,
    .mx-lg-6 {
        margin-right: 4.5rem !important;
    }

    .mb-lg-6,
    .my-lg-6 {
        margin-bottom: 4.5rem !important;
    }

    .ml-lg-6,
    .mx-lg-6 {
        margin-left: 4.5rem !important;
    }

    .m-lg-7 {
        margin: 6rem !important;
    }

    .mt-lg-7,
    .my-lg-7 {
        margin-top: 6rem !important;
    }

    .mr-lg-7,
    .mx-lg-7 {
        margin-right: 6rem !important;
    }

    .mb-lg-7,
    .my-lg-7 {
        margin-bottom: 6rem !important;
    }

    .ml-lg-7,
    .mx-lg-7 {
        margin-left: 6rem !important;
    }

    .m-lg-8 {
        margin: 8rem !important;
    }

    .mt-lg-8,
    .my-lg-8 {
        margin-top: 8rem !important;
    }

    .mr-lg-8,
    .mx-lg-8 {
        margin-right: 8rem !important;
    }

    .mb-lg-8,
    .my-lg-8 {
        margin-bottom: 8rem !important;
    }

    .ml-lg-8,
    .mx-lg-8 {
        margin-left: 8rem !important;
    }

    .m-lg-9 {
        margin: 10rem !important;
    }

    .mt-lg-9,
    .my-lg-9 {
        margin-top: 10rem !important;
    }

    .mr-lg-9,
    .mx-lg-9 {
        margin-right: 10rem !important;
    }

    .mb-lg-9,
    .my-lg-9 {
        margin-bottom: 10rem !important;
    }

    .ml-lg-9,
    .mx-lg-9 {
        margin-left: 10rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }

    .p-lg-1 {
        padding: .25rem !important;
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important;
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important;
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important;
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important;
    }

    .p-lg-2 {
        padding: .5rem !important;
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important;
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important;
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important;
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }

    .p-lg--9 {
        padding: -10rem !important;
    }

    .pt-lg--9,
    .py-lg--9 {
        padding-top: -10rem !important;
    }

    .pr-lg--9,
    .px-lg--9 {
        padding-right: -10rem !important;
    }

    .pb-lg--9,
    .py-lg--9 {
        padding-bottom: -10rem !important;
    }

    .pl-lg--9,
    .px-lg--9 {
        padding-left: -10rem !important;
    }

    .p-lg--8 {
        padding: -8rem !important;
    }

    .pt-lg--8,
    .py-lg--8 {
        padding-top: -8rem !important;
    }

    .pr-lg--8,
    .px-lg--8 {
        padding-right: -8rem !important;
    }

    .pb-lg--8,
    .py-lg--8 {
        padding-bottom: -8rem !important;
    }

    .pl-lg--8,
    .px-lg--8 {
        padding-left: -8rem !important;
    }

    .p-lg--7 {
        padding: -6rem !important;
    }

    .pt-lg--7,
    .py-lg--7 {
        padding-top: -6rem !important;
    }

    .pr-lg--7,
    .px-lg--7 {
        padding-right: -6rem !important;
    }

    .pb-lg--7,
    .py-lg--7 {
        padding-bottom: -6rem !important;
    }

    .pl-lg--7,
    .px-lg--7 {
        padding-left: -6rem !important;
    }

    .p-lg--6 {
        padding: -4.5rem !important;
    }

    .pt-lg--6,
    .py-lg--6 {
        padding-top: -4.5rem !important;
    }

    .pr-lg--6,
    .px-lg--6 {
        padding-right: -4.5rem !important;
    }

    .pb-lg--6,
    .py-lg--6 {
        padding-bottom: -4.5rem !important;
    }

    .pl-lg--6,
    .px-lg--6 {
        padding-left: -4.5rem !important;
    }

    .p-lg--5 {
        padding: -3rem !important;
    }

    .pt-lg--5,
    .py-lg--5 {
        padding-top: -3rem !important;
    }

    .pr-lg--5,
    .px-lg--5 {
        padding-right: -3rem !important;
    }

    .pb-lg--5,
    .py-lg--5 {
        padding-bottom: -3rem !important;
    }

    .pl-lg--5,
    .px-lg--5 {
        padding-left: -3rem !important;
    }

    .p-lg--4 {
        padding: -1.5rem !important;
    }

    .pt-lg--4,
    .py-lg--4 {
        padding-top: -1.5rem !important;
    }

    .pr-lg--4,
    .px-lg--4 {
        padding-right: -1.5rem !important;
    }

    .pb-lg--4,
    .py-lg--4 {
        padding-bottom: -1.5rem !important;
    }

    .pl-lg--4,
    .px-lg--4 {
        padding-left: -1.5rem !important;
    }

    .p-lg--3 {
        padding: -1rem !important;
    }

    .pt-lg--3,
    .py-lg--3 {
        padding-top: -1rem !important;
    }

    .pr-lg--3,
    .px-lg--3 {
        padding-right: -1rem !important;
    }

    .pb-lg--3,
    .py-lg--3 {
        padding-bottom: -1rem !important;
    }

    .pl-lg--3,
    .px-lg--3 {
        padding-left: -1rem !important;
    }

    .p-lg--2 {
        padding: -.5rem !important;
    }

    .pt-lg--2,
    .py-lg--2 {
        padding-top: -.5rem !important;
    }

    .pr-lg--2,
    .px-lg--2 {
        padding-right: -.5rem !important;
    }

    .pb-lg--2,
    .py-lg--2 {
        padding-bottom: -.5rem !important;
    }

    .pl-lg--2,
    .px-lg--2 {
        padding-left: -.5rem !important;
    }

    .p-lg--1 {
        padding: -.25rem !important;
    }

    .pt-lg--1,
    .py-lg--1 {
        padding-top: -.25rem !important;
    }

    .pr-lg--1,
    .px-lg--1 {
        padding-right: -.25rem !important;
    }

    .pb-lg--1,
    .py-lg--1 {
        padding-bottom: -.25rem !important;
    }

    .pl-lg--1,
    .px-lg--1 {
        padding-left: -.25rem !important;
    }

    .p-lg-6 {
        padding: 4.5rem !important;
    }

    .pt-lg-6,
    .py-lg-6 {
        padding-top: 4.5rem !important;
    }

    .pr-lg-6,
    .px-lg-6 {
        padding-right: 4.5rem !important;
    }

    .pb-lg-6,
    .py-lg-6 {
        padding-bottom: 4.5rem !important;
    }

    .pl-lg-6,
    .px-lg-6 {
        padding-left: 4.5rem !important;
    }

    .p-lg-7 {
        padding: 6rem !important;
    }

    .pt-lg-7,
    .py-lg-7 {
        padding-top: 6rem !important;
    }

    .pr-lg-7,
    .px-lg-7 {
        padding-right: 6rem !important;
    }

    .pb-lg-7,
    .py-lg-7 {
        padding-bottom: 6rem !important;
    }

    .pl-lg-7,
    .px-lg-7 {
        padding-left: 6rem !important;
    }

    .p-lg-8 {
        padding: 8rem !important;
    }

    .pt-lg-8,
    .py-lg-8 {
        padding-top: 8rem !important;
    }

    .pr-lg-8,
    .px-lg-8 {
        padding-right: 8rem !important;
    }

    .pb-lg-8,
    .py-lg-8 {
        padding-bottom: 8rem !important;
    }

    .pl-lg-8,
    .px-lg-8 {
        padding-left: 8rem !important;
    }

    .p-lg-9 {
        padding: 10rem !important;
    }

    .pt-lg-9,
    .py-lg-9 {
        padding-top: 10rem !important;
    }

    .pr-lg-9,
    .px-lg-9 {
        padding-right: 10rem !important;
    }

    .pb-lg-9,
    .py-lg-9 {
        padding-bottom: 10rem !important;
    }

    .pl-lg-9,
    .px-lg-9 {
        padding-left: 10rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }

    .m-xl-1 {
        margin: .25rem !important;
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important;
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important;
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important;
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important;
    }

    .m-xl-2 {
        margin: .5rem !important;
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important;
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important;
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important;
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }

    .m-xl--9 {
        margin: -10rem !important;
    }

    .mt-xl--9,
    .my-xl--9 {
        margin-top: -10rem !important;
    }

    .mr-xl--9,
    .mx-xl--9 {
        margin-right: -10rem !important;
    }

    .mb-xl--9,
    .my-xl--9 {
        margin-bottom: -10rem !important;
    }

    .ml-xl--9,
    .mx-xl--9 {
        margin-left: -10rem !important;
    }

    .m-xl--8 {
        margin: -8rem !important;
    }

    .mt-xl--8,
    .my-xl--8 {
        margin-top: -8rem !important;
    }

    .mr-xl--8,
    .mx-xl--8 {
        margin-right: -8rem !important;
    }

    .mb-xl--8,
    .my-xl--8 {
        margin-bottom: -8rem !important;
    }

    .ml-xl--8,
    .mx-xl--8 {
        margin-left: -8rem !important;
    }

    .m-xl--7 {
        margin: -6rem !important;
    }

    .mt-xl--7,
    .my-xl--7 {
        margin-top: -6rem !important;
    }

    .mr-xl--7,
    .mx-xl--7 {
        margin-right: -6rem !important;
    }

    .mb-xl--7,
    .my-xl--7 {
        margin-bottom: -6rem !important;
    }

    .ml-xl--7,
    .mx-xl--7 {
        margin-left: -6rem !important;
    }

    .m-xl--6 {
        margin: -4.5rem !important;
    }

    .mt-xl--6,
    .my-xl--6 {
        margin-top: -4.5rem !important;
    }

    .mr-xl--6,
    .mx-xl--6 {
        margin-right: -4.5rem !important;
    }

    .mb-xl--6,
    .my-xl--6 {
        margin-bottom: -4.5rem !important;
    }

    .ml-xl--6,
    .mx-xl--6 {
        margin-left: -4.5rem !important;
    }

    .m-xl--5 {
        margin: -3rem !important;
    }

    .mt-xl--5,
    .my-xl--5 {
        margin-top: -3rem !important;
    }

    .mr-xl--5,
    .mx-xl--5 {
        margin-right: -3rem !important;
    }

    .mb-xl--5,
    .my-xl--5 {
        margin-bottom: -3rem !important;
    }

    .ml-xl--5,
    .mx-xl--5 {
        margin-left: -3rem !important;
    }

    .m-xl--4 {
        margin: -1.5rem !important;
    }

    .mt-xl--4,
    .my-xl--4 {
        margin-top: -1.5rem !important;
    }

    .mr-xl--4,
    .mx-xl--4 {
        margin-right: -1.5rem !important;
    }

    .mb-xl--4,
    .my-xl--4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-xl--4,
    .mx-xl--4 {
        margin-left: -1.5rem !important;
    }

    .m-xl--3 {
        margin: -1rem !important;
    }

    .mt-xl--3,
    .my-xl--3 {
        margin-top: -1rem !important;
    }

    .mr-xl--3,
    .mx-xl--3 {
        margin-right: -1rem !important;
    }

    .mb-xl--3,
    .my-xl--3 {
        margin-bottom: -1rem !important;
    }

    .ml-xl--3,
    .mx-xl--3 {
        margin-left: -1rem !important;
    }

    .m-xl--2 {
        margin: -.5rem !important;
    }

    .mt-xl--2,
    .my-xl--2 {
        margin-top: -.5rem !important;
    }

    .mr-xl--2,
    .mx-xl--2 {
        margin-right: -.5rem !important;
    }

    .mb-xl--2,
    .my-xl--2 {
        margin-bottom: -.5rem !important;
    }

    .ml-xl--2,
    .mx-xl--2 {
        margin-left: -.5rem !important;
    }

    .m-xl--1 {
        margin: -.25rem !important;
    }

    .mt-xl--1,
    .my-xl--1 {
        margin-top: -.25rem !important;
    }

    .mr-xl--1,
    .mx-xl--1 {
        margin-right: -.25rem !important;
    }

    .mb-xl--1,
    .my-xl--1 {
        margin-bottom: -.25rem !important;
    }

    .ml-xl--1,
    .mx-xl--1 {
        margin-left: -.25rem !important;
    }

    .m-xl-6 {
        margin: 4.5rem !important;
    }

    .mt-xl-6,
    .my-xl-6 {
        margin-top: 4.5rem !important;
    }

    .mr-xl-6,
    .mx-xl-6 {
        margin-right: 4.5rem !important;
    }

    .mb-xl-6,
    .my-xl-6 {
        margin-bottom: 4.5rem !important;
    }

    .ml-xl-6,
    .mx-xl-6 {
        margin-left: 4.5rem !important;
    }

    .m-xl-7 {
        margin: 6rem !important;
    }

    .mt-xl-7,
    .my-xl-7 {
        margin-top: 6rem !important;
    }

    .mr-xl-7,
    .mx-xl-7 {
        margin-right: 6rem !important;
    }

    .mb-xl-7,
    .my-xl-7 {
        margin-bottom: 6rem !important;
    }

    .ml-xl-7,
    .mx-xl-7 {
        margin-left: 6rem !important;
    }

    .m-xl-8 {
        margin: 8rem !important;
    }

    .mt-xl-8,
    .my-xl-8 {
        margin-top: 8rem !important;
    }

    .mr-xl-8,
    .mx-xl-8 {
        margin-right: 8rem !important;
    }

    .mb-xl-8,
    .my-xl-8 {
        margin-bottom: 8rem !important;
    }

    .ml-xl-8,
    .mx-xl-8 {
        margin-left: 8rem !important;
    }

    .m-xl-9 {
        margin: 10rem !important;
    }

    .mt-xl-9,
    .my-xl-9 {
        margin-top: 10rem !important;
    }

    .mr-xl-9,
    .mx-xl-9 {
        margin-right: 10rem !important;
    }

    .mb-xl-9,
    .my-xl-9 {
        margin-bottom: 10rem !important;
    }

    .ml-xl-9,
    .mx-xl-9 {
        margin-left: 10rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }

    .p-xl-1 {
        padding: .25rem !important;
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important;
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important;
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important;
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important;
    }

    .p-xl-2 {
        padding: .5rem !important;
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important;
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important;
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important;
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }

    .p-xl--9 {
        padding: -10rem !important;
    }

    .pt-xl--9,
    .py-xl--9 {
        padding-top: -10rem !important;
    }

    .pr-xl--9,
    .px-xl--9 {
        padding-right: -10rem !important;
    }

    .pb-xl--9,
    .py-xl--9 {
        padding-bottom: -10rem !important;
    }

    .pl-xl--9,
    .px-xl--9 {
        padding-left: -10rem !important;
    }

    .p-xl--8 {
        padding: -8rem !important;
    }

    .pt-xl--8,
    .py-xl--8 {
        padding-top: -8rem !important;
    }

    .pr-xl--8,
    .px-xl--8 {
        padding-right: -8rem !important;
    }

    .pb-xl--8,
    .py-xl--8 {
        padding-bottom: -8rem !important;
    }

    .pl-xl--8,
    .px-xl--8 {
        padding-left: -8rem !important;
    }

    .p-xl--7 {
        padding: -6rem !important;
    }

    .pt-xl--7,
    .py-xl--7 {
        padding-top: -6rem !important;
    }

    .pr-xl--7,
    .px-xl--7 {
        padding-right: -6rem !important;
    }

    .pb-xl--7,
    .py-xl--7 {
        padding-bottom: -6rem !important;
    }

    .pl-xl--7,
    .px-xl--7 {
        padding-left: -6rem !important;
    }

    .p-xl--6 {
        padding: -4.5rem !important;
    }

    .pt-xl--6,
    .py-xl--6 {
        padding-top: -4.5rem !important;
    }

    .pr-xl--6,
    .px-xl--6 {
        padding-right: -4.5rem !important;
    }

    .pb-xl--6,
    .py-xl--6 {
        padding-bottom: -4.5rem !important;
    }

    .pl-xl--6,
    .px-xl--6 {
        padding-left: -4.5rem !important;
    }

    .p-xl--5 {
        padding: -3rem !important;
    }

    .pt-xl--5,
    .py-xl--5 {
        padding-top: -3rem !important;
    }

    .pr-xl--5,
    .px-xl--5 {
        padding-right: -3rem !important;
    }

    .pb-xl--5,
    .py-xl--5 {
        padding-bottom: -3rem !important;
    }

    .pl-xl--5,
    .px-xl--5 {
        padding-left: -3rem !important;
    }

    .p-xl--4 {
        padding: -1.5rem !important;
    }

    .pt-xl--4,
    .py-xl--4 {
        padding-top: -1.5rem !important;
    }

    .pr-xl--4,
    .px-xl--4 {
        padding-right: -1.5rem !important;
    }

    .pb-xl--4,
    .py-xl--4 {
        padding-bottom: -1.5rem !important;
    }

    .pl-xl--4,
    .px-xl--4 {
        padding-left: -1.5rem !important;
    }

    .p-xl--3 {
        padding: -1rem !important;
    }

    .pt-xl--3,
    .py-xl--3 {
        padding-top: -1rem !important;
    }

    .pr-xl--3,
    .px-xl--3 {
        padding-right: -1rem !important;
    }

    .pb-xl--3,
    .py-xl--3 {
        padding-bottom: -1rem !important;
    }

    .pl-xl--3,
    .px-xl--3 {
        padding-left: -1rem !important;
    }

    .p-xl--2 {
        padding: -.5rem !important;
    }

    .pt-xl--2,
    .py-xl--2 {
        padding-top: -.5rem !important;
    }

    .pr-xl--2,
    .px-xl--2 {
        padding-right: -.5rem !important;
    }

    .pb-xl--2,
    .py-xl--2 {
        padding-bottom: -.5rem !important;
    }

    .pl-xl--2,
    .px-xl--2 {
        padding-left: -.5rem !important;
    }

    .p-xl--1 {
        padding: -.25rem !important;
    }

    .pt-xl--1,
    .py-xl--1 {
        padding-top: -.25rem !important;
    }

    .pr-xl--1,
    .px-xl--1 {
        padding-right: -.25rem !important;
    }

    .pb-xl--1,
    .py-xl--1 {
        padding-bottom: -.25rem !important;
    }

    .pl-xl--1,
    .px-xl--1 {
        padding-left: -.25rem !important;
    }

    .p-xl-6 {
        padding: 4.5rem !important;
    }

    .pt-xl-6,
    .py-xl-6 {
        padding-top: 4.5rem !important;
    }

    .pr-xl-6,
    .px-xl-6 {
        padding-right: 4.5rem !important;
    }

    .pb-xl-6,
    .py-xl-6 {
        padding-bottom: 4.5rem !important;
    }

    .pl-xl-6,
    .px-xl-6 {
        padding-left: 4.5rem !important;
    }

    .p-xl-7 {
        padding: 6rem !important;
    }

    .pt-xl-7,
    .py-xl-7 {
        padding-top: 6rem !important;
    }

    .pr-xl-7,
    .px-xl-7 {
        padding-right: 6rem !important;
    }

    .pb-xl-7,
    .py-xl-7 {
        padding-bottom: 6rem !important;
    }

    .pl-xl-7,
    .px-xl-7 {
        padding-left: 6rem !important;
    }

    .p-xl-8 {
        padding: 8rem !important;
    }

    .pt-xl-8,
    .py-xl-8 {
        padding-top: 8rem !important;
    }

    .pr-xl-8,
    .px-xl-8 {
        padding-right: 8rem !important;
    }

    .pb-xl-8,
    .py-xl-8 {
        padding-bottom: 8rem !important;
    }

    .pl-xl-8,
    .px-xl-8 {
        padding-left: 8rem !important;
    }

    .p-xl-9 {
        padding: 10rem !important;
    }

    .pt-xl-9,
    .py-xl-9 {
        padding-top: 10rem !important;
    }

    .pr-xl-9,
    .px-xl-9 {
        padding-right: 10rem !important;
    }

    .pb-xl-9,
    .py-xl-9 {
        padding-bottom: 10rem !important;
    }

    .pl-xl-9,
    .px-xl-9 {
        padding-left: 10rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}