@charset "UTF-8";

/*!
 * Litho - v1.0
 * https://www.themezaa.com/
 * Copyright (c) 2021 themezaa.com
 */

@media (min-width: 1901px) {
    .litho-parallax-bg {
        width: 45%;
    }
}

@media (max-width: 1600px) {

    /* reset */
    .xl-last-order {
        order: 10;
    }

    /* typography */
    .text-extra-big {
        font-size: 200px;
        line-height: 200px;
    }

    /* letter spacing minus */
    .xl-letter-spacing-minus-1-half {
        letter-spacing: -0.5px;
    }

    .xl-letter-spacing-minus-1px {
        letter-spacing: -1px;
    }

    .xl-letter-spacing-minus-2px {
        letter-spacing: -2px;
    }

    .xl-letter-spacing-minus-3px {
        letter-spacing: -3px;
    }

    .xl-letter-spacing-minus-4px {
        letter-spacing: -4px;
    }

    .xl-letter-spacing-minus-5px {
        letter-spacing: -5px;
    }

    /* absolute middle center */
    .xl-absolute-middle-center {
        left: 50%;
        top: 50%;
        position: absolute;
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    /* box shadow */
    .xl-box-shadow-none {
        box-shadow: none;
    }

    /* margin */
    .xl-margin-one-all {
        margin: 1%;
    }

    .xl-margin-two-all {
        margin: 2%;
    }

    .xl-margin-three-all {
        margin: 3%;
    }

    .xl-margin-four-all {
        margin: 4%;
    }

    .xl-margin-five-all {
        margin: 5%;
    }

    .xl-margin-six-all {
        margin: 6%;
    }

    .xl-margin-seven-all {
        margin: 7%;
    }

    .xl-margin-eight-all {
        margin: 8%;
    }

    .xl-margin-nine-all {
        margin: 9%;
    }

    .xl-margin-ten-all {
        margin: 10%;
    }

    .xl-margin-eleven-all {
        margin: 11%;
    }

    .xl-margin-twelve-all {
        margin: 12%;
    }

    .xl-margin-thirteen-all {
        margin: 13%;
    }

    .xl-margin-fourteen-all {
        margin: 14%;
    }

    .xl-margin-fifteen-all {
        margin: 15%;
    }

    .xl-margin-sixteen-all {
        margin: 16%;
    }

    .xl-margin-seventeen-all {
        margin: 17%;
    }

    .xl-margin-eighteen-all {
        margin: 18%;
    }

    .xl-margin-nineteen-all {
        margin: 19%;
    }

    .xl-margin-twenty-all {
        margin: 20%;
    }

    .xl-margin-5px-all {
        margin: 5px;
    }

    .xl-margin-10px-all {
        margin: 10px;
    }

    .xl-margin-15px-all {
        margin: 15px;
    }

    .xl-margin-20px-all {
        margin: 20px;
    }

    .xl-margin-25px-all {
        margin: 25px;
    }

    .xl-margin-30px-all {
        margin: 30px;
    }

    .xl-margin-35px-all {
        margin: 35px;
    }

    .xl-margin-40px-all {
        margin: 40px;
    }

    .xl-margin-45px-all {
        margin: 45px;
    }

    .xl-margin-50px-all {
        margin: 50px;
    }

    .xl-margin-55px-all {
        margin: 55px;
    }

    .xl-margin-60px-all {
        margin: 60px;
    }

    .xl-margin-65px-all {
        margin: 65px;
    }

    .xl-margin-70px-all {
        margin: 70px;
    }

    .xl-margin-75px-all {
        margin: 75px;
    }

    .xl-margin-80px-all {
        margin: 80px;
    }

    .xl-margin-85px-all {
        margin: 85px;
    }

    .xl-margin-90px-all {
        margin: 90px;
    }

    .xl-margin-95px-all {
        margin: 95px;
    }

    .xl-margin-100px-all {
        margin: 100px;
    }

    .xl-margin-1-rem-all {
        margin: 1rem;
    }

    .xl-margin-1-half-rem-all {
        margin: 1.5rem;
    }

    .xl-margin-2-rem-all {
        margin: 2rem;
    }

    .xl-margin-2-half-rem-all {
        margin: 2.5rem;
    }

    .xl-margin-3-rem-all {
        margin: 3rem;
    }

    .xl-margin-3-half-rem-all {
        margin: 3.5rem;
    }

    .xl-margin-4-rem-all {
        margin: 4rem;
    }

    .xl-margin-4-half-rem-all {
        margin: 4.5rem;
    }

    .xl-margin-5-rem-all {
        margin: 5rem;
    }

    .xl-margin-5-half-rem-all {
        margin: 5.5rem;
    }

    .xl-margin-6-rem-all {
        margin: 6rem;
    }

    .xl-margin-6-half-rem-all {
        margin: 6.5rem;
    }

    .xl-margin-7-rem-all {
        margin: 7rem;
    }

    .xl-margin-7-half-rem-all {
        margin: 7.5rem;
    }

    .xl-margin-8-rem-all {
        margin: 8rem;
    }

    .xl-margin-8-half-rem-all {
        margin: 8.5rem;
    }

    .xl-margin-9-rem-all {
        margin: 9rem;
    }

    .xl-margin-9-half-rem-all {
        margin: 9.5rem;
    }

    .xl-margin-10-rem-all {
        margin: 10rem;
    }

    .xl-margin-10-half-rem-all {
        margin: 10.5rem;
    }

    /* margin top */
    .xl-margin-one-top {
        margin-top: 1%;
    }

    .xl-margin-two-top {
        margin-top: 2%;
    }

    .xl-margin-three-top {
        margin-top: 3%;
    }

    .xl-margin-four-top {
        margin-top: 4%;
    }

    .xl-margin-five-top {
        margin-top: 5%;
    }

    .xl-margin-six-top {
        margin-top: 6%;
    }

    .xl-margin-seven-top {
        margin-top: 7%;
    }

    .xl-margin-eight-top {
        margin-top: 8%;
    }

    .xl-margin-nine-top {
        margin-top: 9%;
    }

    .xl-margin-ten-top {
        margin-top: 10%;
    }

    .xl-margin-eleven-top {
        margin-top: 11%;
    }

    .xl-margin-twelve-top {
        margin-top: 12%;
    }

    .xl-margin-thirteen-top {
        margin-top: 13%;
    }

    .xl-margin-fourteen-top {
        margin-top: 14%;
    }

    .xl-margin-fifteen-top {
        margin-top: 15%;
    }

    .xl-margin-sixteen-top {
        margin-top: 16%;
    }

    .xl-margin-seventeen-top {
        margin-top: 17%;
    }

    .xl-margin-eighteen-top {
        margin-top: 18%;
    }

    .xl-margin-nineteen-top {
        margin-top: 19%;
    }

    .xl-margin-twenty-top {
        margin-top: 20%;
    }

    .xl-margin-5px-top {
        margin-top: 5px;
    }

    .xl-margin-10px-top {
        margin-top: 10px;
    }

    .xl-margin-15px-top {
        margin-top: 15px;
    }

    .xl-margin-20px-top {
        margin-top: 20px;
    }

    .xl-margin-25px-top {
        margin-top: 25px;
    }

    .xl-margin-30px-top {
        margin-top: 30px;
    }

    .xl-margin-35px-top {
        margin-top: 35px;
    }

    .xl-margin-40px-top {
        margin-top: 40px;
    }

    .xl-margin-45px-top {
        margin-top: 45px;
    }

    .xl-margin-50px-top {
        margin-top: 50px;
    }

    .xl-margin-55px-top {
        margin-top: 55px;
    }

    .xl-margin-60px-top {
        margin-top: 60px;
    }

    .xl-margin-65px-top {
        margin-top: 65px;
    }

    .xl-margin-70px-top {
        margin-top: 70px;
    }

    .xl-margin-75px-top {
        margin-top: 75px;
    }

    .xl-margin-80px-top {
        margin-top: 80px;
    }

    .xl-margin-85px-top {
        margin-top: 85px;
    }

    .xl-margin-90px-top {
        margin-top: 90px;
    }

    .xl-margin-95px-top {
        margin-top: 95px;
    }

    .xl-margin-100px-top {
        margin-top: 100px;
    }

    .xl-margin-1-rem-top {
        margin-top: 1rem;
    }

    .xl-margin-1-half-rem-top {
        margin-top: 1.5rem;
    }

    .xl-margin-2-rem-top {
        margin-top: 2rem;
    }

    .xl-margin-2-half-rem-top {
        margin-top: 2.5rem;
    }

    .xl-margin-3-rem-top {
        margin-top: 3rem;
    }

    .xl-margin-3-half-rem-top {
        margin-top: 3.5rem;
    }

    .xl-margin-4-rem-top {
        margin-top: 4rem;
    }

    .xl-margin-4-half-rem-top {
        margin-top: 4.5rem;
    }

    .xl-margin-5-rem-top {
        margin-top: 5rem;
    }

    .xl-margin-5-half-rem-top {
        margin-top: 5.5rem;
    }

    .xl-margin-6-rem-top {
        margin-top: 6rem;
    }

    .xl-margin-6-half-rem-top {
        margin-top: 6.5rem;
    }

    .xl-margin-7-rem-top {
        margin-top: 7rem;
    }

    .xl-margin-7-half-rem-top {
        margin-top: 7.5rem;
    }

    .xl-margin-8-rem-top {
        margin-top: 8rem;
    }

    .xl-margin-8-half-rem-top {
        margin-top: 8.5rem;
    }

    .xl-margin-9-rem-top {
        margin-top: 9rem;
    }

    .xl-margin-9-half-rem-top {
        margin-top: 9.5rem;
    }

    .xl-margin-10-rem-top {
        margin-top: 10rem;
    }

    .xl-margin-10-half-rem-top {
        margin-top: 10.5rem;
    }

    /* margin bottom */
    .xl-margin-one-bottom {
        margin-bottom: 1%;
    }

    .xl-margin-two-bottom {
        margin-bottom: 2%;
    }

    .xl-margin-three-bottom {
        margin-bottom: 3%;
    }

    .xl-margin-four-bottom {
        margin-bottom: 4%;
    }

    .xl-margin-five-bottom {
        margin-bottom: 5%;
    }

    .xl-margin-six-bottom {
        margin-bottom: 6%;
    }

    .xl-margin-seven-bottom {
        margin-bottom: 7%;
    }

    .xl-margin-eight-bottom {
        margin-bottom: 8%;
    }

    .xl-margin-nine-bottom {
        margin-bottom: 9%;
    }

    .xl-margin-ten-bottom {
        margin-bottom: 10%;
    }

    .xl-margin-eleven-bottom {
        margin-bottom: 11%;
    }

    .xl-margin-twelve-bottom {
        margin-bottom: 12%;
    }

    .xl-margin-thirteen-bottom {
        margin-bottom: 13%;
    }

    .xl-margin-fourteen-bottom {
        margin-bottom: 14%;
    }

    .xl-margin-fifteen-bottom {
        margin-bottom: 15%;
    }

    .xl-margin-sixteen-bottom {
        margin-bottom: 16%;
    }

    .xl-margin-seventeen-bottom {
        margin-bottom: 17%;
    }

    .xl-margin-eighteen-bottom {
        margin-bottom: 18%;
    }

    .xl-margin-nineteen-bottom {
        margin-bottom: 19%;
    }

    .xl-margin-twenty-bottom {
        margin-bottom: 20%;
    }

    .xl-margin-5px-bottom {
        margin-bottom: 5px;
    }

    .xl-margin-10px-bottom {
        margin-bottom: 10px;
    }

    .xl-margin-15px-bottom {
        margin-bottom: 15px;
    }

    .xl-margin-20px-bottom {
        margin-bottom: 20px;
    }

    .xl-margin-25px-bottom {
        margin-bottom: 25px;
    }

    .xl-margin-30px-bottom {
        margin-bottom: 30px;
    }

    .xl-margin-35px-bottom {
        margin-bottom: 35px;
    }

    .xl-margin-40px-bottom {
        margin-bottom: 40px;
    }

    .xl-margin-45px-bottom {
        margin-bottom: 45px;
    }

    .xl-margin-50px-bottom {
        margin-bottom: 50px;
    }

    .xl-margin-55px-bottom {
        margin-bottom: 55px;
    }

    .xl-margin-60px-bottom {
        margin-bottom: 60px;
    }

    .xl-margin-65px-bottom {
        margin-bottom: 65px;
    }

    .xl-margin-70px-bottom {
        margin-bottom: 70px;
    }

    .xl-margin-75px-bottom {
        margin-bottom: 75px;
    }

    .xl-margin-80px-bottom {
        margin-bottom: 80px;
    }

    .xl-margin-85px-bottom {
        margin-bottom: 85px;
    }

    .xl-margin-90px-bottom {
        margin-bottom: 90px;
    }

    .xl-margin-95px-bottom {
        margin-bottom: 95px;
    }

    .xl-margin-100px-bottom {
        margin-bottom: 100px;
    }

    .xl-margin-1-rem-bottom {
        margin-bottom: 1rem;
    }

    .xl-margin-1-half-rem-bottom {
        margin-bottom: 1.5rem;
    }

    .xl-margin-2-rem-bottom {
        margin-bottom: 2rem;
    }

    .xl-margin-2-half-rem-bottom {
        margin-bottom: 2.5rem;
    }

    .xl-margin-3-rem-bottom {
        margin-bottom: 3rem;
    }

    .xl-margin-3-half-rem-bottom {
        margin-bottom: 3.5rem;
    }

    .xl-margin-4-rem-bottom {
        margin-bottom: 4rem;
    }

    .xl-margin-4-half-rem-bottom {
        margin-bottom: 4.5rem;
    }

    .xl-margin-5-rem-bottom {
        margin-bottom: 5rem;
    }

    .xl-margin-5-half-rem-bottom {
        margin-bottom: 5.5rem;
    }

    .xl-margin-6-rem-bottom {
        margin-bottom: 6rem;
    }

    .xl-margin-6-half-rem-bottom {
        margin-bottom: 6.5rem;
    }

    .xl-margin-7-rem-bottom {
        margin-bottom: 7rem;
    }

    .xl-margin-7-half-rem-bottom {
        margin-bottom: 7.5rem;
    }

    .xl-margin-8-rem-bottom {
        margin-bottom: 8rem;
    }

    .xl-margin-8-half-rem-bottom {
        margin-bottom: 8.5rem;
    }

    .xl-margin-9-rem-bottom {
        margin-bottom: 9rem;
    }

    .xl-margin-9-half-rem-bottom {
        margin-bottom: 9.5rem;
    }

    .xl-margin-10-rem-bottom {
        margin-bottom: 10rem;
    }

    .xl-margin-10-half-rem-bottom {
        margin-bottom: 10.5rem;
    }

    /* margin right */
    .xl-margin-one-right {
        margin-right: 1%;
    }

    .xl-margin-two-right {
        margin-right: 2%;
    }

    .xl-margin-three-right {
        margin-right: 3%;
    }

    .xl-margin-four-right {
        margin-right: 4%;
    }

    .xl-margin-five-right {
        margin-right: 5%;
    }

    .xl-margin-six-right {
        margin-right: 6%;
    }

    .xl-margin-seven-right {
        margin-right: 7%;
    }

    .xl-margin-eight-right {
        margin-right: 8%;
    }

    .xl-margin-nine-right {
        margin-right: 9%;
    }

    .xl-margin-ten-right {
        margin-right: 10%;
    }

    .xl-margin-eleven-right {
        margin-right: 11%;
    }

    .xl-margin-twelve-right {
        margin-right: 12%;
    }

    .xl-margin-thirteen-right {
        margin-right: 13%;
    }

    .xl-margin-fourteen-right {
        margin-right: 14%;
    }

    .xl-margin-fifteen-right {
        margin-right: 15%;
    }

    .xl-margin-sixteen-right {
        margin-right: 16%;
    }

    .xl-margin-seventeen-right {
        margin-right: 17%;
    }

    .xl-margin-eighteen-right {
        margin-right: 18%;
    }

    .xl-margin-nineteen-right {
        margin-right: 19%;
    }

    .xl-margin-twenty-right {
        margin-right: 20%;
    }

    .xl-margin-5px-right {
        margin-right: 5px;
    }

    .xl-margin-10px-right {
        margin-right: 10px;
    }

    .xl-margin-15px-right {
        margin-right: 15px;
    }

    .xl-margin-20px-right {
        margin-right: 20px;
    }

    .xl-margin-25px-right {
        margin-right: 25px;
    }

    .xl-margin-30px-right {
        margin-right: 30px;
    }

    .xl-margin-35px-right {
        margin-right: 35px;
    }

    .xl-margin-40px-right {
        margin-right: 40px;
    }

    .xl-margin-45px-right {
        margin-right: 45px;
    }

    .xl-margin-50px-right {
        margin-right: 50px;
    }

    .xl-margin-55px-right {
        margin-right: 55px;
    }

    .xl-margin-60px-right {
        margin-right: 60px;
    }

    .xl-margin-65px-right {
        margin-right: 65px;
    }

    .xl-margin-70px-right {
        margin-right: 70px;
    }

    .xl-margin-75px-right {
        margin-right: 75px;
    }

    .xl-margin-80px-right {
        margin-right: 80px;
    }

    .xl-margin-85px-right {
        margin-right: 85px;
    }

    .xl-margin-90px-right {
        margin-right: 90px;
    }

    .xl-margin-95px-right {
        margin-right: 95px;
    }

    .xl-margin-100px-right {
        margin-right: 100px;
    }

    .xl-margin-1-rem-right {
        margin-right: 1rem;
    }

    .xl-margin-1-half-rem-right {
        margin-right: 1.5rem;
    }

    .xl-margin-2-rem-right {
        margin-right: 2rem;
    }

    .xl-margin-2-half-rem-right {
        margin-right: 2.5rem;
    }

    .xl-margin-3-rem-right {
        margin-right: 3rem;
    }

    .xl-margin-3-half-rem-right {
        margin-right: 3.5rem;
    }

    .xl-margin-4-rem-right {
        margin-right: 4rem;
    }

    .xl-margin-4-half-rem-right {
        margin-right: 4.5rem;
    }

    .xl-margin-5-rem-right {
        margin-right: 5rem;
    }

    .xl-margin-5-half-rem-right {
        margin-right: 5.5rem;
    }

    .xl-margin-6-rem-right {
        margin-right: 6rem;
    }

    .xl-margin-6-half-rem-right {
        margin-right: 6.5rem;
    }

    .xl-margin-7-rem-right {
        margin-right: 7rem;
    }

    .xl-margin-7-half-rem-right {
        margin-right: 7.5rem;
    }

    .xl-margin-8-rem-right {
        margin-right: 8rem;
    }

    .xl-margin-8-half-rem-right {
        margin-right: 8.5rem;
    }

    .xl-margin-9-rem-right {
        margin-right: 9rem;
    }

    .xl-margin-9-half-rem-right {
        margin-right: 9.5rem;
    }

    .xl-margin-10-rem-right {
        margin-right: 10rem;
    }

    .xl-margin-10-half-rem-right {
        margin-right: 10.5rem;
    }

    /* margin left */
    .xl-margin-one-left {
        margin-left: 1%;
    }

    .xl-margin-two-left {
        margin-left: 2%;
    }

    .xl-margin-three-left {
        margin-left: 3%;
    }

    .xl-margin-four-left {
        margin-left: 4%;
    }

    .xl-margin-five-left {
        margin-left: 5%;
    }

    .xl-margin-six-left {
        margin-left: 6%;
    }

    .xl-margin-seven-left {
        margin-left: 7%;
    }

    .xl-margin-eight-left {
        margin-left: 8%;
    }

    .xl-margin-nine-left {
        margin-left: 9%;
    }

    .xl-margin-ten-left {
        margin-left: 10%;
    }

    .xl-margin-eleven-left {
        margin-left: 11%;
    }

    .xl-margin-twelve-left {
        margin-left: 12%;
    }

    .xl-margin-thirteen-left {
        margin-left: 13%;
    }

    .xl-margin-fourteen-left {
        margin-left: 14%;
    }

    .xl-margin-fifteen-left {
        margin-left: 15%;
    }

    .xl-margin-sixteen-left {
        margin-left: 16%;
    }

    .xl-margin-seventeen-left {
        margin-left: 17%;
    }

    .xl-margin-eighteen-left {
        margin-left: 18%;
    }

    .xl-margin-nineteen-left {
        margin-left: 19%;
    }

    .xl-margin-twenty-left {
        margin-left: 20%;
    }

    .xl-margin-5px-left {
        margin-left: 5px;
    }

    .xl-margin-10px-left {
        margin-left: 10px;
    }

    .xl-margin-15px-left {
        margin-left: 15px;
    }

    .xl-margin-20px-left {
        margin-left: 20px;
    }

    .xl-margin-25px-left {
        margin-left: 25px;
    }

    .xl-margin-30px-left {
        margin-left: 30px;
    }

    .xl-margin-35px-left {
        margin-left: 35px;
    }

    .xl-margin-40px-left {
        margin-left: 40px;
    }

    .xl-margin-45px-left {
        margin-left: 45px;
    }

    .xl-margin-50px-left {
        margin-left: 50px;
    }

    .xl-margin-55px-left {
        margin-left: 55px;
    }

    .xl-margin-60px-left {
        margin-left: 60px;
    }

    .xl-margin-65px-left {
        margin-left: 65px;
    }

    .xl-margin-70px-left {
        margin-left: 70px;
    }

    .xl-margin-75px-left {
        margin-left: 75px;
    }

    .xl-margin-80px-left {
        margin-left: 80px;
    }

    .xl-margin-85px-left {
        margin-left: 85px;
    }

    .xl-margin-90px-left {
        margin-left: 90px;
    }

    .xl-margin-95px-left {
        margin-left: 95px;
    }

    .xl-margin-100px-left {
        margin-left: 100px;
    }

    .xl-margin-1-rem-left {
        margin-left: 1rem;
    }

    .xl-margin-1-half-rem-left {
        margin-left: 1.5rem;
    }

    .xl-margin-2-rem-left {
        margin-left: 2rem;
    }

    .xl-margin-2-half-rem-left {
        margin-left: 2.5rem;
    }

    .xl-margin-3-rem-left {
        margin-left: 3rem;
    }

    .xl-margin-3-half-rem-left {
        margin-left: 3.5rem;
    }

    .xl-margin-4-rem-left {
        margin-left: 4rem;
    }

    .xl-margin-4-half-rem-left {
        margin-left: 4.5rem;
    }

    .xl-margin-5-rem-left {
        margin-left: 5rem;
    }

    .xl-margin-5-half-rem-left {
        margin-left: 5.5rem;
    }

    .xl-margin-6-rem-left {
        margin-left: 6rem;
    }

    .xl-margin-6-half-rem-left {
        margin-left: 6.5rem;
    }

    .xl-margin-7-rem-left {
        margin-left: 7rem;
    }

    .xl-margin-7-half-rem-left {
        margin-left: 7.5rem;
    }

    .xl-margin-8-rem-left {
        margin-left: 8rem;
    }

    .xl-margin-8-half-rem-left {
        margin-left: 8.5rem;
    }

    .xl-margin-9-rem-left {
        margin-left: 9rem;
    }

    .xl-margin-9-half-rem-left {
        margin-left: 9.5rem;
    }

    .xl-margin-10-rem-left {
        margin-left: 10rem;
    }

    .xl-margin-10-half-rem-left {
        margin-left: 10.5rem;
    }

    /* margin left right */
    .xl-margin-one-lr {
        margin-left: 1%;
        margin-right: 1%;
    }

    .xl-margin-two-lr {
        margin-left: 2%;
        margin-right: 2%;
    }

    .xl-margin-three-lr {
        margin-left: 3%;
        margin-right: 3%;
    }

    .xl-margin-four-lr {
        margin-left: 4%;
        margin-right: 4%;
    }

    .xl-margin-five-lr {
        margin-left: 5%;
        margin-right: 5%;
    }

    .xl-margin-six-lr {
        margin-left: 6%;
        margin-right: 6%;
    }

    .xl-margin-seven-lr {
        margin-left: 7%;
        margin-right: 7%;
    }

    .xl-margin-eight-lr {
        margin-left: 8%;
        margin-right: 8%;
    }

    .xl-margin-nine-lr {
        margin-left: 9%;
        margin-right: 9%;
    }

    .xl-margin-ten-lr {
        margin-left: 10%;
        margin-right: 10%;
    }

    .xl-margin-eleven-lr {
        margin-left: 11%;
        margin-right: 11%;
    }

    .xl-margin-twelve-lr {
        margin-left: 12%;
        margin-right: 12%;
    }

    .xl-margin-thirteen-lr {
        margin-left: 13%;
        margin-right: 13%;
    }

    .xl-margin-fourteen-lr {
        margin-left: 14%;
        margin-right: 14%;
    }

    .xl-margin-fifteen-lr {
        margin-left: 15%;
        margin-right: 15%;
    }

    .xl-margin-sixteen-lr {
        margin-left: 16%;
        margin-right: 16%;
    }

    .xl-margin-seventeen-lr {
        margin-left: 17%;
        margin-right: 17%;
    }

    .xl-margin-eighteen-lr {
        margin-left: 18%;
        margin-right: 18%;
    }

    .xl-margin-nineteen-lr {
        margin-left: 19%;
        margin-right: 19%;
    }

    .xl-margin-twenty-lr {
        margin-left: 20%;
        margin-right: 20%;
    }

    .xl-margin-5px-lr {
        margin-left: 5px;
        margin-right: 5px;
    }

    .xl-margin-10px-lr {
        margin-left: 10px;
        margin-right: 10px;
    }

    .xl-margin-15px-lr {
        margin-left: 15px;
        margin-right: 15px;
    }

    .xl-margin-20px-lr {
        margin-left: 20px;
        margin-right: 20px;
    }

    .xl-margin-25px-lr {
        margin-left: 25px;
        margin-right: 25px;
    }

    .xl-margin-30px-lr {
        margin-left: 30px;
        margin-right: 30px;
    }

    .xl-margin-35px-lr {
        margin-left: 35px;
        margin-right: 35px;
    }

    .xl-margin-40px-lr {
        margin-left: 40px;
        margin-right: 40px;
    }

    .xl-margin-45px-lr {
        margin-left: 45px;
        margin-right: 45px;
    }

    .xl-margin-50px-lr {
        margin-left: 50px;
        margin-right: 50px;
    }

    .xl-margin-55px-lr {
        margin-left: 55px;
        margin-right: 55px;
    }

    .xl-margin-60px-lr {
        margin-left: 60px;
        margin-right: 60px;
    }

    .xl-margin-65px-lr {
        margin-left: 65px;
        margin-right: 65px;
    }

    .xl-margin-70px-lr {
        margin-left: 70px;
        margin-right: 70px;
    }

    .xl-margin-75px-lr {
        margin-left: 75px;
        margin-right: 75px;
    }

    .xl-margin-80px-lr {
        margin-left: 80px;
        margin-right: 80px;
    }

    .xl-margin-85px-lr {
        margin-left: 85px;
        margin-right: 85px;
    }

    .xl-margin-90px-lr {
        margin-left: 90px;
        margin-right: 90px;
    }

    .xl-margin-95px-lr {
        margin-left: 95px;
        margin-right: 95px;
    }

    .xl-margin-100px-lr {
        margin-left: 100px;
        margin-right: 100px;
    }

    .xl-margin-1-rem-lr {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .xl-margin-1-half-rem-lr {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

    .xl-margin-2-rem-lr {
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .xl-margin-2-half-rem-lr {
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }

    .xl-margin-3-rem-lr {
        margin-left: 3rem;
        margin-right: 3rem;
    }

    .xl-margin-3-half-rem-lr {
        margin-left: 3.5rem;
        margin-right: 3.5rem;
    }

    .xl-margin-4-rem-lr {
        margin-left: 4rem;
        margin-right: 4rem;
    }

    .xl-margin-4-half-rem-lr {
        margin-left: 4.5rem;
        margin-right: 4.5rem;
    }

    .xl-margin-5-rem-lr {
        margin-left: 5rem;
        margin-right: 5rem;
    }

    .xl-margin-5-half-rem-lr {
        margin-left: 5.5rem;
        margin-right: 5.5rem;
    }

    .xl-margin-6-rem-lr {
        margin-left: 6rem;
        margin-right: 6rem;
    }

    .xl-margin-6-half-rem-lr {
        margin-left: 6.5rem;
        margin-right: 6.5rem;
    }

    .xl-margin-7-rem-lr {
        margin-left: 7rem;
        margin-right: 7rem;
    }

    .xl-margin-7-half-rem-lr {
        margin-left: 7.5rem;
        margin-right: 7.5rem;
    }

    .xl-margin-8-rem-lr {
        margin-left: 8rem;
        margin-right: 8rem;
    }

    .xl-margin-8-half-rem-lr {
        margin-left: 8.5rem;
        margin-right: 8.5rem;
    }

    .xl-margin-9-rem-lr {
        margin-left: 9rem;
        margin-right: 9rem;
    }

    .xl-margin-9-half-rem-lr {
        margin-left: 9.5rem;
        margin-right: 9.5rem;
    }

    .xl-margin-10-rem-lr {
        margin-left: 10rem;
        margin-right: 10rem;
    }

    .xl-margin-10-half-rem-lr {
        margin-left: 10.5rem;
        margin-right: 10.5rem;
    }

    /* margin top bottom */
    .xl-margin-one-tb {
        margin-top: 1%;
        margin-bottom: 1%;
    }

    .xl-margin-two-tb {
        margin-top: 2%;
        margin-bottom: 2%;
    }

    .xl-margin-three-tb {
        margin-top: 3%;
        margin-bottom: 3%;
    }

    .xl-margin-four-tb {
        margin-top: 4%;
        margin-bottom: 4%;
    }

    .xl-margin-five-tb {
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .xl-margin-six-tb {
        margin-top: 6%;
        margin-bottom: 6%;
    }

    .xl-margin-seven-tb {
        margin-top: 7%;
        margin-bottom: 7%;
    }

    .xl-margin-eight-tb {
        margin-top: 8%;
        margin-bottom: 8%;
    }

    .xl-margin-nine-tb {
        margin-top: 9%;
        margin-bottom: 9%;
    }

    .xl-margin-ten-tb {
        margin-top: 10%;
        margin-bottom: 10%;
    }

    .xl-margin-eleven-tb {
        margin-top: 11%;
        margin-bottom: 11%;
    }

    .xl-margin-twelve-tb {
        margin-top: 12%;
        margin-bottom: 12%;
    }

    .xl-margin-thirteen-tb {
        margin-top: 13%;
        margin-bottom: 13%;
    }

    .xl-margin-fourteen-tb {
        margin-top: 14%;
        margin-bottom: 14%;
    }

    .xl-margin-fifteen-tb {
        margin-top: 15%;
        margin-bottom: 15%;
    }

    .xl-margin-sixteen-tb {
        margin-top: 16%;
        margin-bottom: 16%;
    }

    .xl-margin-seventeen-tb {
        margin-top: 17%;
        margin-bottom: 17%;
    }

    .xl-margin-eighteen-tb {
        margin-top: 18%;
        margin-bottom: 18%;
    }

    .xl-margin-nineteen-tb {
        margin-top: 19%;
        margin-bottom: 19%;
    }

    .xl-margin-twenty-tb {
        margin-top: 20%;
        margin-bottom: 20%;
    }

    .xl-margin-5px-tb {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .xl-margin-10px-tb {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .xl-margin-15px-tb {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .xl-margin-20px-tb {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .xl-margin-25px-tb {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .xl-margin-30px-tb {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .xl-margin-35px-tb {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .xl-margin-40px-tb {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .xl-margin-45px-tb {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .xl-margin-50px-tb {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .xl-margin-55px-tb {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .xl-margin-60px-tb {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .xl-margin-65px-tb {
        margin-top: 65px;
        margin-bottom: 65px;
    }

    .xl-margin-70px-tb {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .xl-margin-75px-tb {
        margin-top: 75px;
        margin-bottom: 75px;
    }

    .xl-margin-80px-tb {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .xl-margin-85px-tb {
        margin-top: 85px;
        margin-bottom: 85px;
    }

    .xl-margin-90px-tb {
        margin-top: 90px;
        margin-bottom: 90px;
    }

    .xl-margin-95px-tb {
        margin-top: 95px;
        margin-bottom: 95px;
    }

    .xl-margin-100px-tb {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .xl-margin-1-rem-tb {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .xl-margin-1-half-rem-tb {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .xl-margin-2-rem-tb {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .xl-margin-2-half-rem-tb {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .xl-margin-3-rem-tb {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .xl-margin-3-half-rem-tb {
        margin-top: 3.5rem;
        margin-bottom: 3.5rem;
    }

    .xl-margin-4-rem-tb {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .xl-margin-4-half-rem-tb {
        margin-top: 4.5rem;
        margin-bottom: 4.5rem;
    }

    .xl-margin-5-rem-tb {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .xl-margin-5-half-rem-tb {
        margin-top: 5.5rem;
        margin-bottom: 5.5rem;
    }

    .xl-margin-6-rem-tb {
        margin-top: 6rem;
        margin-bottom: 6rem;
    }

    .xl-margin-6-half-rem-tb {
        margin-top: 6.5rem;
        margin-bottom: 6.5rem;
    }

    .xl-margin-7-rem-tb {
        margin-top: 7rem;
        margin-bottom: 7rem;
    }

    .xl-margin-7-half-rem-tb {
        margin-top: 7.5rem;
        margin-bottom: 7.5rem;
    }

    .xl-margin-8-rem-tb {
        margin-top: 8rem;
        margin-bottom: 8rem;
    }

    .xl-margin-8-half-rem-tb {
        margin-top: 8.5rem;
        margin-bottom: 8.5rem;
    }

    .xl-margin-9-rem-tb {
        margin-top: 9rem;
        margin-bottom: 9rem;
    }

    .xl-margin-9-half-rem-tb {
        margin-top: 9.5rem;
        margin-bottom: 9.5rem;
    }

    .xl-margin-10-rem-tb {
        margin-top: 10rem;
        margin-bottom: 10rem;
    }

    .xl-margin-10-half-rem-tb {
        margin-top: 10.5rem;
        margin-bottom: 10.5rem;
    }

    .xl-margin-auto-lr {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .xl-margin-auto {
        margin: auto;
    }

    .xl-no-margin {
        margin: 0 !important;
    }

    .xl-no-margin-top {
        margin-top: 0 !important;
    }

    .xl-no-margin-bottom {
        margin-bottom: 0 !important;
    }

    .xl-no-margin-left {
        margin-left: 0 !important;
    }

    .xl-no-margin-right {
        margin-right: 0 !important;
    }

    .xl-no-margin-tb {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .xl-no-margin-lr {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    /* padding */
    .xl-padding-one-all {
        padding: 1%;
    }

    .xl-padding-two-all {
        padding: 2%;
    }

    .xl-padding-three-all {
        padding: 3%;
    }

    .xl-padding-four-all {
        padding: 4%;
    }

    .xl-padding-five-all {
        padding: 5%;
    }

    .xl-padding-six-all {
        padding: 6%;
    }

    .xl-padding-seven-all {
        padding: 7%;
    }

    .xl-padding-eight-all {
        padding: 8%;
    }

    .xl-padding-nine-all {
        padding: 9%;
    }

    .xl-padding-ten-all {
        padding: 10%;
    }

    .xl-padding-eleven-all {
        padding: 11%;
    }

    .xl-padding-twelve-all {
        padding: 12%;
    }

    .xl-padding-thirteen-all {
        padding: 13%;
    }

    .xl-padding-fourteen-all {
        padding: 14%;
    }

    .xl-padding-fifteen-all {
        padding: 15%;
    }

    .xl-padding-sixteen-all {
        padding: 16%;
    }

    .xl-padding-seventeen-all {
        padding: 17%;
    }

    .xl-padding-eighteen-all {
        padding: 18%;
    }

    .xl-padding-nineteen-all {
        padding: 19%;
    }

    .xl-padding-twenty-all {
        padding: 20%;
    }

    .xl-padding-5px-all {
        padding: 5px;
    }

    .xl-padding-10px-all {
        padding: 10px;
    }

    .xl-padding-15px-all {
        padding: 15px;
    }

    .xl-padding-20px-all {
        padding: 20px;
    }

    .xl-padding-25px-all {
        padding: 25px;
    }

    .xl-padding-30px-all {
        padding: 30px;
    }

    .xl-padding-35px-all {
        padding: 35px;
    }

    .xl-padding-40px-all {
        padding: 40px;
    }

    .xl-padding-45px-all {
        padding: 45px;
    }

    .xl-padding-50px-all {
        padding: 50px;
    }

    .xl-padding-55px-all {
        padding: 55px;
    }

    .xl-padding-60px-all {
        padding: 60px;
    }

    .xl-padding-65px-all {
        padding: 65px;
    }

    .xl-padding-70px-all {
        padding: 70px;
    }

    .xl-padding-75px-all {
        padding: 75px;
    }

    .xl-padding-80px-all {
        padding: 80px;
    }

    .xl-padding-85px-all {
        padding: 85px;
    }

    .xl-padding-90px-all {
        padding: 90px;
    }

    .xl-padding-95px-all {
        padding: 95px;
    }

    .xl-padding-100px-all {
        padding: 100px;
    }

    .xl-padding-1-rem-all {
        padding: 1rem;
    }

    .xl-padding-1-half-rem-all {
        padding: 1.5rem;
    }

    .xl-padding-2-rem-all {
        padding: 2rem;
    }

    .xl-padding-2-half-rem-all {
        padding: 2.5rem;
    }

    .xl-padding-3-rem-all {
        padding: 3rem;
    }

    .xl-padding-3-half-rem-all {
        padding: 3.5rem;
    }

    .xl-padding-4-rem-all {
        padding: 4rem;
    }

    .xl-padding-4-half-rem-all {
        padding: 4.5rem;
    }

    .xl-padding-5-rem-all {
        padding: 5rem;
    }

    .xl-padding-5-half-rem-all {
        padding: 5.5rem;
    }

    .xl-padding-6-rem-all {
        padding: 6rem;
    }

    .xl-padding-6-half-rem-all {
        padding: 6.5rem;
    }

    .xl-padding-7-rem-all {
        padding: 7rem;
    }

    .xl-padding-7-half-rem-all {
        padding: 7.5rem;
    }

    .xl-padding-8-rem-all {
        padding: 8rem;
    }

    .xl-padding-8-half-rem-all {
        padding: 8.5rem;
    }

    .xl-padding-9-rem-all {
        padding: 9rem;
    }

    .xl-padding-9-half-rem-all {
        padding: 9.5rem;
    }

    .xl-padding-10-rem-all {
        padding: 10rem;
    }

    .xl-padding-10-half-rem-all {
        padding: 10.5rem;
    }

    /* padding top */
    .xl-padding-one-top {
        padding-top: 1%;
    }

    .xl-padding-two-top {
        padding-top: 2%;
    }

    .xl-padding-three-top {
        padding-top: 3%;
    }

    .xl-padding-four-top {
        padding-top: 4%;
    }

    .xl-padding-five-top {
        padding-top: 5%;
    }

    .xl-padding-six-top {
        padding-top: 6%;
    }

    .xl-padding-seven-top {
        padding-top: 7%;
    }

    .xl-padding-eight-top {
        padding-top: 8%;
    }

    .xl-padding-nine-top {
        padding-top: 9%;
    }

    .xl-padding-ten-top {
        padding-top: 10%;
    }

    .xl-padding-eleven-top {
        padding-top: 11%;
    }

    .xl-padding-twelve-top {
        padding-top: 12%;
    }

    .xl-padding-thirteen-top {
        padding-top: 13%;
    }

    .xl-padding-fourteen-top {
        padding-top: 14%;
    }

    .xl-padding-fifteen-top {
        padding-top: 15%;
    }

    .xl-padding-sixteen-top {
        padding-top: 16%;
    }

    .xl-padding-seventeen-top {
        padding-top: 17%;
    }

    .xl-padding-eighteen-top {
        padding-top: 18%;
    }

    .xl-padding-nineteen-top {
        padding-top: 19%;
    }

    .xl-padding-twenty-top {
        padding-top: 20%;
    }

    .xl-padding-5px-top {
        padding-top: 5px;
    }

    .xl-padding-10px-top {
        padding-top: 10px;
    }

    .xl-padding-15px-top {
        padding-top: 15px;
    }

    .xl-padding-20px-top {
        padding-top: 20px;
    }

    .xl-padding-25px-top {
        padding-top: 25px;
    }

    .xl-padding-30px-top {
        padding-top: 30px;
    }

    .xl-padding-35px-top {
        padding-top: 35px;
    }

    .xl-padding-40px-top {
        padding-top: 40px;
    }

    .xl-padding-45px-top {
        padding-top: 45px;
    }

    .xl-padding-50px-top {
        padding-top: 50px;
    }

    .xl-padding-55px-top {
        padding-top: 55px;
    }

    .xl-padding-60px-top {
        padding-top: 60px;
    }

    .xl-padding-65px-top {
        padding-top: 65px;
    }

    .xl-padding-70px-top {
        padding-top: 70px;
    }

    .xl-padding-75px-top {
        padding-top: 75px;
    }

    .xl-padding-80px-top {
        padding-top: 80px;
    }

    .xl-padding-85px-top {
        padding-top: 85px;
    }

    .xl-padding-90px-top {
        padding-top: 90px;
    }

    .xl-padding-95px-top {
        padding-top: 95px;
    }

    .xl-padding-100px-top {
        padding-top: 100px;
    }

    .xl-padding-1-rem-top {
        padding-top: 1rem;
    }

    .xl-padding-1-half-rem-top {
        padding-top: 1.5rem;
    }

    .xl-padding-2-rem-top {
        padding-top: 2rem;
    }

    .xl-padding-2-half-rem-top {
        padding-top: 2.5rem;
    }

    .xl-padding-3-rem-top {
        padding-top: 3rem;
    }

    .xl-padding-3-half-rem-top {
        padding-top: 3.5rem;
    }

    .xl-padding-4-rem-top {
        padding-top: 4rem;
    }

    .xl-padding-4-half-rem-top {
        padding-top: 4.5rem;
    }

    .xl-padding-5-rem-top {
        padding-top: 5rem;
    }

    .xl-padding-5-half-rem-top {
        padding-top: 5.5rem;
    }

    .xl-padding-6-rem-top {
        padding-top: 6rem;
    }

    .xl-padding-6-half-rem-top {
        padding-top: 6.5rem;
    }

    .xl-padding-7-rem-top {
        padding-top: 7rem;
    }

    .xl-padding-7-half-rem-top {
        padding-top: 7.5rem;
    }

    .xl-padding-8-rem-top {
        padding-top: 8rem;
    }

    .xl-padding-8-half-rem-top {
        padding-top: 8.5rem;
    }

    .xl-padding-9-rem-top {
        padding-top: 9rem;
    }

    .xl-padding-9-half-rem-top {
        padding-top: 9.5rem;
    }

    .xl-padding-10-rem-top {
        padding-top: 10rem;
    }

    .xl-padding-10-half-rem-top {
        padding-top: 10.5rem;
    }

    /* padding bottom */
    .xl-padding-one-bottom {
        padding-bottom: 1%;
    }

    .xl-padding-two-bottom {
        padding-bottom: 2%;
    }

    .xl-padding-three-bottom {
        padding-bottom: 3%;
    }

    .xl-padding-four-bottom {
        padding-bottom: 4%;
    }

    .xl-padding-five-bottom {
        padding-bottom: 5%;
    }

    .xl-padding-six-bottom {
        padding-bottom: 6%;
    }

    .xl-padding-seven-bottom {
        padding-bottom: 7%;
    }

    .xl-padding-eight-bottom {
        padding-bottom: 8%;
    }

    .xl-padding-nine-bottom {
        padding-bottom: 9%;
    }

    .xl-padding-ten-bottom {
        padding-bottom: 10%;
    }

    .xl-padding-eleven-bottom {
        padding-bottom: 11%;
    }

    .xl-padding-twelve-bottom {
        padding-bottom: 12%;
    }

    .xl-padding-thirteen-bottom {
        padding-bottom: 13%;
    }

    .xl-padding-fourteen-bottom {
        padding-bottom: 14%;
    }

    .xl-padding-fifteen-bottom {
        padding-bottom: 15%;
    }

    .xl-padding-sixteen-bottom {
        padding-bottom: 16%;
    }

    .xl-padding-seventeen-bottom {
        padding-bottom: 17%;
    }

    .xl-padding-eighteen-bottom {
        padding-bottom: 18%;
    }

    .xl-padding-nineteen-bottom {
        padding-bottom: 19%;
    }

    .xl-padding-twenty-bottom {
        padding-bottom: 20%;
    }

    .xl-padding-5px-bottom {
        padding-bottom: 5px;
    }

    .xl-padding-10px-bottom {
        padding-bottom: 10px;
    }

    .xl-padding-15px-bottom {
        padding-bottom: 15px;
    }

    .xl-padding-20px-bottom {
        padding-bottom: 20px;
    }

    .xl-padding-25px-bottom {
        padding-bottom: 25px;
    }

    .xl-padding-30px-bottom {
        padding-bottom: 30px;
    }

    .xl-padding-35px-bottom {
        padding-bottom: 35px;
    }

    .xl-padding-40px-bottom {
        padding-bottom: 40px;
    }

    .xl-padding-45px-bottom {
        padding-bottom: 45px;
    }

    .xl-padding-50px-bottom {
        padding-bottom: 50px;
    }

    .xl-padding-55px-bottom {
        padding-bottom: 55px;
    }

    .xl-padding-60px-bottom {
        padding-bottom: 60px;
    }

    .xl-padding-65px-bottom {
        padding-bottom: 65px;
    }

    .xl-padding-70px-bottom {
        padding-bottom: 70px;
    }

    .xl-padding-75px-bottom {
        padding-bottom: 75px;
    }

    .xl-padding-80px-bottom {
        padding-bottom: 80px;
    }

    .xl-padding-85px-bottom {
        padding-bottom: 85px;
    }

    .xl-padding-90px-bottom {
        padding-bottom: 90px;
    }

    .xl-padding-95px-bottom {
        padding-bottom: 95px;
    }

    .xl-padding-100px-bottom {
        padding-bottom: 100px;
    }

    .xl-padding-1-rem-bottom {
        padding-bottom: 1rem;
    }

    .xl-padding-1-half-rem-bottom {
        padding-bottom: 1.5rem;
    }

    .xl-padding-2-rem-bottom {
        padding-bottom: 2rem;
    }

    .xl-padding-2-half-rem-bottom {
        padding-bottom: 2.5rem;
    }

    .xl-padding-3-rem-bottom {
        padding-bottom: 3rem;
    }

    .xl-padding-3-half-rem-bottom {
        padding-bottom: 3.5rem;
    }

    .xl-padding-4-rem-bottom {
        padding-bottom: 4rem;
    }

    .xl-padding-4-half-rem-bottom {
        padding-bottom: 4.5rem;
    }

    .xl-padding-5-rem-bottom {
        padding-bottom: 5rem;
    }

    .xl-padding-5-half-rem-bottom {
        padding-bottom: 5.5rem;
    }

    .xl-padding-6-rem-bottom {
        padding-bottom: 6rem;
    }

    .xl-padding-6-half-rem-bottom {
        padding-bottom: 6.5rem;
    }

    .xl-padding-7-rem-bottom {
        padding-bottom: 7rem;
    }

    .xl-padding-7-half-rem-bottom {
        padding-bottom: 7.5rem;
    }

    .xl-padding-8-rem-bottom {
        padding-bottom: 8rem;
    }

    .xl-padding-8-half-rem-bottom {
        padding-bottom: 8.5rem;
    }

    .xl-padding-9-rem-bottom {
        padding-bottom: 9rem;
    }

    .xl-padding-9-half-rem-bottom {
        padding-bottom: 9.5rem;
    }

    .xl-padding-10-rem-bottom {
        padding-bottom: 10rem;
    }

    .xl-padding-10-half-rem-bottom {
        padding-bottom: 10.5rem;
    }

    /* padding right */
    .xl-padding-one-right {
        padding-right: 1%;
    }

    .xl-padding-two-right {
        padding-right: 2%;
    }

    .xl-padding-three-right {
        padding-right: 3%;
    }

    .xl-padding-four-right {
        padding-right: 4%;
    }

    .xl-padding-five-right {
        padding-right: 5%;
    }

    .xl-padding-six-right {
        padding-right: 6%;
    }

    .xl-padding-seven-right {
        padding-right: 7%;
    }

    .xl-padding-eight-right {
        padding-right: 8%;
    }

    .xl-padding-nine-right {
        padding-right: 9%;
    }

    .xl-padding-ten-right {
        padding-right: 10%;
    }

    .xl-padding-eleven-right {
        padding-right: 11%;
    }

    .xl-padding-twelve-right {
        padding-right: 12%;
    }

    .xl-padding-thirteen-right {
        padding-right: 13%;
    }

    .xl-padding-fourteen-right {
        padding-right: 14%;
    }

    .xl-padding-fifteen-right {
        padding-right: 15%;
    }

    .xl-padding-sixteen-right {
        padding-right: 16%;
    }

    .xl-padding-seventeen-right {
        padding-right: 17%;
    }

    .xl-padding-eighteen-right {
        padding-right: 18%;
    }

    .xl-padding-nineteen-right {
        padding-right: 19%;
    }

    .xl-padding-twenty-right {
        padding-right: 20%;
    }

    .xl-padding-5px-right {
        padding-right: 5px;
    }

    .xl-padding-10px-right {
        padding-right: 10px;
    }

    .xl-padding-15px-right {
        padding-right: 15px;
    }

    .xl-padding-20px-right {
        padding-right: 20px;
    }

    .xl-padding-25px-right {
        padding-right: 25px;
    }

    .xl-padding-30px-right {
        padding-right: 30px;
    }

    .xl-padding-35px-right {
        padding-right: 35px;
    }

    .xl-padding-40px-right {
        padding-right: 40px;
    }

    .xl-padding-45px-right {
        padding-right: 45px;
    }

    .xl-padding-50px-right {
        padding-right: 50px;
    }

    .xl-padding-55px-right {
        padding-right: 55px;
    }

    .xl-padding-60px-right {
        padding-right: 60px;
    }

    .xl-padding-65px-right {
        padding-right: 65px;
    }

    .xl-padding-70px-right {
        padding-right: 70px;
    }

    .xl-padding-75px-right {
        padding-right: 75px;
    }

    .xl-padding-80px-right {
        padding-right: 80px;
    }

    .xl-padding-85px-right {
        padding-right: 85px;
    }

    .xl-padding-90px-right {
        padding-right: 90px;
    }

    .xl-padding-95px-right {
        padding-right: 95px;
    }

    .xl-padding-100px-right {
        padding-right: 100px;
    }

    .xl-padding-1-rem-right {
        padding-right: 1rem;
    }

    .xl-padding-1-half-rem-right {
        padding-right: 1.5rem;
    }

    .xl-padding-2-rem-right {
        padding-right: 2rem;
    }

    .xl-padding-2-half-rem-right {
        padding-right: 2.5rem;
    }

    .xl-padding-3-rem-right {
        padding-right: 3rem;
    }

    .xl-padding-3-half-rem-right {
        padding-right: 3.5rem;
    }

    .xl-padding-4-rem-right {
        padding-right: 4rem;
    }

    .xl-padding-4-half-rem-right {
        padding-right: 4.5rem;
    }

    .xl-padding-5-rem-right {
        padding-right: 5rem;
    }

    .xl-padding-5-half-rem-right {
        padding-right: 5.5rem;
    }

    .xl-padding-6-rem-right {
        padding-right: 6rem;
    }

    .xl-padding-6-half-rem-right {
        padding-right: 6.5rem;
    }

    .xl-padding-7-rem-right {
        padding-right: 7rem;
    }

    .xl-padding-7-half-rem-right {
        padding-right: 7.5rem;
    }

    .xl-padding-8-rem-right {
        padding-right: 8rem;
    }

    .xl-padding-8-half-rem-right {
        padding-right: 8.5rem;
    }

    .xl-padding-9-rem-right {
        padding-right: 9rem;
    }

    .xl-padding-9-half-rem-right {
        padding-right: 9.5rem;
    }

    .xl-padding-10-rem-right {
        padding-right: 10rem;
    }

    .xl-padding-10-half-rem-right {
        padding-right: 10.5rem;
    }

    /* padding left */
    .xl-padding-one-left {
        padding-left: 1%;
    }

    .xl-padding-two-left {
        padding-left: 2%;
    }

    .xl-padding-three-left {
        padding-left: 3%;
    }

    .xl-padding-four-left {
        padding-left: 4%;
    }

    .xl-padding-five-left {
        padding-left: 5%;
    }

    .xl-padding-six-left {
        padding-left: 6%;
    }

    .xl-padding-seven-left {
        padding-left: 7%;
    }

    .xl-padding-eight-left {
        padding-left: 8%;
    }

    .xl-padding-nine-left {
        padding-left: 9%;
    }

    .xl-padding-ten-left {
        padding-left: 10%;
    }

    .xl-padding-eleven-left {
        padding-left: 11%;
    }

    .xl-padding-twelve-left {
        padding-left: 12%;
    }

    .xl-padding-thirteen-left {
        padding-left: 13%;
    }

    .xl-padding-fourteen-left {
        padding-left: 14%;
    }

    .xl-padding-fifteen-left {
        padding-left: 15%;
    }

    .xl-padding-sixteen-left {
        padding-left: 16%;
    }

    .xl-padding-seventeen-left {
        padding-left: 17%;
    }

    .xl-padding-eighteen-left {
        padding-left: 18%;
    }

    .xl-padding-nineteen-left {
        padding-left: 19%;
    }

    .xl-padding-twenty-left {
        padding-left: 20%;
    }

    .xl-padding-5px-left {
        padding-left: 5px;
    }

    .xl-padding-10px-left {
        padding-left: 10px;
    }

    .xl-padding-15px-left {
        padding-left: 15px;
    }

    .xl-padding-20px-left {
        padding-left: 20px;
    }

    .xl-padding-25px-left {
        padding-left: 25px;
    }

    .xl-padding-30px-left {
        padding-left: 30px;
    }

    .xl-padding-35px-left {
        padding-left: 35px;
    }

    .xl-padding-40px-left {
        padding-left: 40px;
    }

    .xl-padding-45px-left {
        padding-left: 45px;
    }

    .xl-padding-50px-left {
        padding-left: 50px;
    }

    .xl-padding-55px-left {
        padding-left: 55px;
    }

    .xl-padding-60px-left {
        padding-left: 60px;
    }

    .xl-padding-65px-left {
        padding-left: 65px;
    }

    .xl-padding-70px-left {
        padding-left: 70px;
    }

    .xl-padding-75px-left {
        padding-left: 75px;
    }

    .xl-padding-80px-left {
        padding-left: 80px;
    }

    .xl-padding-85px-left {
        padding-left: 85px;
    }

    .xl-padding-90px-left {
        padding-left: 90px;
    }

    .xl-padding-95px-left {
        padding-left: 95px;
    }

    .xl-padding-100px-left {
        padding-left: 100px;
    }

    .xl-padding-1-rem-left {
        padding-left: 1rem;
    }

    .xl-padding-1-half-rem-left {
        padding-left: 1.5rem;
    }

    .xl-padding-2-rem-left {
        padding-left: 2rem;
    }

    .xl-padding-2-half-rem-left {
        padding-left: 2.5rem;
    }

    .xl-padding-3-rem-left {
        padding-left: 3rem;
    }

    .xl-padding-3-half-rem-left {
        padding-left: 3.5rem;
    }

    .xl-padding-4-rem-left {
        padding-left: 4rem;
    }

    .xl-padding-4-half-rem-left {
        padding-left: 4.5rem;
    }

    .xl-padding-5-rem-left {
        padding-left: 5rem;
    }

    .xl-padding-5-half-rem-left {
        padding-left: 5.5rem;
    }

    .xl-padding-6-rem-left {
        padding-left: 6rem;
    }

    .xl-padding-6-half-rem-left {
        padding-left: 6.5rem;
    }

    .xl-padding-7-rem-left {
        padding-left: 7rem;
    }

    .xl-padding-7-half-rem-left {
        padding-left: 7.5rem;
    }

    .xl-padding-8-rem-left {
        padding-left: 8rem;
    }

    .xl-padding-8-half-rem-left {
        padding-left: 8.5rem;
    }

    .xl-padding-9-rem-left {
        padding-left: 9rem;
    }

    .xl-padding-9-half-rem-left {
        padding-left: 9.5rem;
    }

    .xl-padding-10-rem-left {
        padding-left: 10rem;
    }

    .xl-padding-10-half-rem-left {
        padding-left: 10.5rem;
    }

    /* padding top bottom */
    .xl-padding-one-tb {
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .xl-padding-two-tb {
        padding-top: 2%;
        padding-bottom: 2%;
    }

    .xl-padding-three-tb {
        padding-top: 3%;
        padding-bottom: 3%;
    }

    .xl-padding-four-tb {
        padding-top: 4%;
        padding-bottom: 4%;
    }

    .xl-padding-five-tb {
        padding-top: 5%;
        padding-bottom: 5%;
    }

    .xl-padding-six-tb {
        padding-top: 6%;
        padding-bottom: 6%;
    }

    .xl-padding-seven-tb {
        padding-top: 7%;
        padding-bottom: 7%;
    }

    .xl-padding-eight-tb {
        padding-top: 8%;
        padding-bottom: 8%;
    }

    .xl-padding-nine-tb {
        padding-top: 9%;
        padding-bottom: 9%;
    }

    .xl-padding-ten-tb {
        padding-top: 10%;
        padding-bottom: 10%;
    }

    .xl-padding-eleven-tb {
        padding-top: 11%;
        padding-bottom: 11%;
    }

    .xl-padding-twelve-tb {
        padding-top: 12%;
        padding-bottom: 12%;
    }

    .xl-padding-thirteen-tb {
        padding-top: 13%;
        padding-bottom: 13%;
    }

    .xl-padding-fourteen-tb {
        padding-top: 14%;
        padding-bottom: 14%;
    }

    .xl-padding-fifteen-tb {
        padding-top: 15%;
        padding-bottom: 15%;
    }

    .xl-padding-sixteen-tb {
        padding-top: 16%;
        padding-bottom: 16%;
    }

    .xl-padding-seventeen-tb {
        padding-top: 17%;
        padding-bottom: 17%;
    }

    .xl-padding-eighteen-tb {
        padding-top: 18%;
        padding-bottom: 18%;
    }

    .xl-padding-nineteen-tb {
        padding-top: 19%;
        padding-bottom: 19%;
    }

    .xl-padding-twenty-tb {
        padding-top: 20%;
        padding-bottom: 20%;
    }

    .xl-padding-5px-tb {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .xl-padding-10px-tb {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .xl-padding-15px-tb {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .xl-padding-20px-tb {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .xl-padding-25px-tb {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .xl-padding-30px-tb {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .xl-padding-35px-tb {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .xl-padding-40px-tb {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .xl-padding-45px-tb {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .xl-padding-50px-tb {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .xl-padding-55px-tb {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .xl-padding-60px-tb {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .xl-padding-65px-tb {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .xl-padding-70px-tb {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .xl-padding-75px-tb {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .xl-padding-80px-tb {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .xl-padding-85px-tb {
        padding-top: 85px;
        padding-bottom: 85px;
    }

    .xl-padding-90px-tb {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .xl-padding-95px-tb {
        padding-top: 95px;
        padding-bottom: 95px;
    }

    .xl-padding-100px-tb {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .xl-padding-1-rem-tb {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .xl-padding-1-half-rem-tb {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .xl-padding-2-rem-tb {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .xl-padding-2-half-rem-tb {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .xl-padding-3-rem-tb {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .xl-padding-3-half-rem-tb {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }

    .xl-padding-4-rem-tb {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .xl-padding-4-half-rem-tb {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem;
    }

    .xl-padding-5-rem-tb {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .xl-padding-5-half-rem-tb {
        padding-top: 5.5rem;
        padding-bottom: 5.5rem;
    }

    .xl-padding-6-rem-tb {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .xl-padding-6-half-rem-tb {
        padding-top: 6.5rem;
        padding-bottom: 6.5rem;
    }

    .xl-padding-7-rem-tb {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }

    .xl-padding-7-half-rem-tb {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem;
    }

    .xl-padding-8-rem-tb {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .xl-padding-8-half-rem-tb {
        padding-top: 8.5rem;
        padding-bottom: 8.5rem;
    }

    .xl-padding-9-rem-tb {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }

    .xl-padding-9-half-rem-tb {
        padding-top: 9.5rem;
        padding-bottom: 9.5rem;
    }

    .xl-padding-10-rem-tb {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }

    .xl-padding-10-half-rem-tb {
        padding-top: 10.5rem;
        padding-bottom: 10.5rem;
    }

    /* padding left right */
    .xl-padding-one-lr {
        padding-left: 1%;
        padding-right: 1%;
    }

    .xl-padding-two-lr {
        padding-left: 2%;
        padding-right: 2%;
    }

    .xl-padding-three-lr {
        padding-left: 3%;
        padding-right: 3%;
    }

    .xl-padding-four-lr {
        padding-left: 4%;
        padding-right: 4%;
    }

    .xl-padding-five-lr {
        padding-left: 5%;
        padding-right: 5%;
    }

    .xl-padding-six-lr {
        padding-left: 6%;
        padding-right: 6%;
    }

    .xl-padding-seven-lr {
        padding-left: 7%;
        padding-right: 7%;
    }

    .xl-padding-eight-lr {
        padding-left: 8%;
        padding-right: 8%;
    }

    .xl-padding-nine-lr {
        padding-left: 9%;
        padding-right: 9%;
    }

    .xl-padding-ten-lr {
        padding-left: 10%;
        padding-right: 10%;
    }

    .xl-padding-eleven-lr {
        padding-left: 11%;
        padding-right: 11%;
    }

    .xl-padding-twelve-lr {
        padding-left: 12%;
        padding-right: 12%;
    }

    .xl-padding-thirteen-lr {
        padding-left: 13%;
        padding-right: 13%;
    }

    .xl-padding-fourteen-lr {
        padding-left: 14%;
        padding-right: 14%;
    }

    .xl-padding-fifteen-lr {
        padding-left: 15%;
        padding-right: 15%;
    }

    .xl-padding-sixteen-lr {
        padding-left: 16%;
        padding-right: 16%;
    }

    .xl-padding-seventeen-lr {
        padding-left: 17%;
        padding-right: 17%;
    }

    .xl-padding-eighteen-lr {
        padding-left: 18%;
        padding-right: 18%;
    }

    .xl-padding-nineteen-lr {
        padding-left: 19%;
        padding-right: 19%;
    }

    .xl-padding-twenty-lr {
        padding-left: 20%;
        padding-right: 20%;
    }

    .xl-padding-5px-lr {
        padding-left: 5px;
        padding-right: 5px;
    }

    .xl-padding-10px-lr {
        padding-left: 10px;
        padding-right: 10px;
    }

    .xl-padding-15px-lr {
        padding-left: 15px;
        padding-right: 15px;
    }

    .xl-padding-20px-lr {
        padding-left: 20px;
        padding-right: 20px;
    }

    .xl-padding-25px-lr {
        padding-left: 25px;
        padding-right: 25px;
    }

    .xl-padding-30px-lr {
        padding-left: 30px;
        padding-right: 30px;
    }

    .xl-padding-35px-lr {
        padding-left: 35px;
        padding-right: 35px;
    }

    .xl-padding-40px-lr {
        padding-left: 40px;
        padding-right: 40px;
    }

    .xl-padding-45px-lr {
        padding-left: 45px;
        padding-right: 45px;
    }

    .xl-padding-50px-lr {
        padding-left: 50px;
        padding-right: 50px;
    }

    .xl-padding-55px-lr {
        padding-left: 55px;
        padding-right: 55px;
    }

    .xl-padding-60px-lr {
        padding-left: 60px;
        padding-right: 60px;
    }

    .xl-padding-65px-lr {
        padding-left: 65px;
        padding-right: 65px;
    }

    .xl-padding-70px-lr {
        padding-left: 70px;
        padding-right: 70px;
    }

    .xl-padding-75px-lr {
        padding-left: 75px;
        padding-right: 75px;
    }

    .xl-padding-80px-lr {
        padding-left: 80px;
        padding-right: 80px;
    }

    .xl-padding-85px-lr {
        padding-left: 85px;
        padding-right: 85px;
    }

    .xl-padding-90px-lr {
        padding-left: 90px;
        padding-right: 90px;
    }

    .xl-padding-95px-lr {
        padding-left: 95px;
        padding-right: 95px;
    }

    .xl-padding-100px-lr {
        padding-left: 100px;
        padding-right: 100px;
    }

    .xl-padding-1-rem-lr {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .xl-padding-1-half-rem-lr {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .xl-padding-2-rem-lr {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .xl-padding-2-half-rem-lr {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .xl-padding-3-rem-lr {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .xl-padding-3-half-rem-lr {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }

    .xl-padding-4-rem-lr {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .xl-padding-4-half-rem-lr {
        padding-left: 4.5rem;
        padding-right: 4.5rem;
    }

    .xl-padding-5-rem-lr {
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .xl-padding-5-half-rem-lr {
        padding-left: 5.5rem;
        padding-right: 5.5rem;
    }

    .xl-padding-6-rem-lr {
        padding-left: 6rem;
        padding-right: 6rem;
    }

    .xl-padding-6-half-rem-lr {
        padding-left: 6.5rem;
        padding-right: 6.5rem;
    }

    .xl-padding-7-rem-lr {
        padding-left: 7rem;
        padding-right: 7rem;
    }

    .xl-padding-7-half-rem-lr {
        padding-left: 7.5rem;
        padding-right: 7.5rem;
    }

    .xl-padding-8-rem-lr {
        padding-left: 8rem;
        padding-right: 8rem;
    }

    .xl-padding-8-half-rem-lr {
        padding-left: 8.5rem;
        padding-right: 8.5rem;
    }

    .xl-padding-9-rem-lr {
        padding-left: 9rem;
        padding-right: 9rem;
    }

    .xl-padding-9-half-rem-lr {
        padding-left: 9.5rem;
        padding-right: 9.5rem;
    }

    .xl-padding-10-rem-lr {
        padding-left: 10rem;
        padding-right: 10rem;
    }

    .xl-padding-10-half-rem-lr {
        padding-left: 10.5rem;
        padding-right: 10.5rem;
    }

    .xl-no-padding {
        padding: 0 !important;
    }

    .xl-no-padding-lr {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .xl-no-padding-tb {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .xl-no-padding-top {
        padding-top: 0 !important;
    }

    .xl-no-padding-bottom {
        padding-bottom: 0 !important;
    }

    .xl-no-padding-left {
        padding-left: 0 !important;
    }

    .xl-no-padding-right {
        padding-right: 0 !important;
    }

    /* display and overflow */
    .xl-d-initial {
        display: initial !important;
    }

    .xl-overflow-hidden {
        overflow: hidden !important;
    }

    .xl-overflow-visible {
        overflow: visible !important;
    }

    .xl-overflow-auto {
        overflow: auto !important;
    }

    /* position */
    .xl-position-relative {
        position: relative !important;
    }

    .xl-position-absolute {
        position: absolute !important;
    }

    .xl-position-fixed {
        position: fixed !important;
    }

    .xl-position-inherit {
        position: inherit !important;
    }

    .xl-position-initial {
        position: initial !important;
    }

    /* top */
    .xl-top-0px {
        top: 0;
    }

    .xl-top-1px {
        top: 1px;
    }

    .xl-top-2px {
        top: 2px;
    }

    .xl-top-3px {
        top: 3px;
    }

    .xl-top-4px {
        top: 4px;
    }

    .xl-top-5px {
        top: 5px;
    }

    .xl-top-6px {
        top: 6px;
    }

    .xl-top-7px {
        top: 7px;
    }

    .xl-top-8px {
        top: 8px;
    }

    .xl-top-9px {
        top: 9px;
    }

    .xl-top-10px {
        top: 10px;
    }

    .xl-top-15px {
        top: 15px;
    }

    .xl-top-20px {
        top: 20px;
    }

    .xl-top-25px {
        top: 25px;
    }

    .xl-top-30px {
        top: 30px;
    }

    .xl-top-35px {
        top: 35px;
    }

    .xl-top-40px {
        top: 40px;
    }

    .xl-top-45px {
        top: 45px;
    }

    .xl-top-50px {
        top: 50px;
    }

    .xl-top-auto {
        top: auto;
    }

    .xl-top-inherit {
        top: inherit;
    }

    /* top minus */
    .xl-top-minus-1px {
        top: -1px;
    }

    .xl-top-minus-2px {
        top: -2px;
    }

    .xl-top-minus-3px {
        top: -3px;
    }

    .xl-top-minus-4px {
        top: -4px;
    }

    .xl-top-minus-5px {
        top: -5px;
    }

    .xl-top-minus-6px {
        top: -6px;
    }

    .xl-top-minus-7px {
        top: -7px;
    }

    .xl-top-minus-8px {
        top: -8px;
    }

    .xl-top-minus-9px {
        top: -9px;
    }

    .xl-top-minus-10px {
        top: -10px;
    }

    .xl-top-minus-15px {
        top: -15px;
    }

    .xl-top-minus-20px {
        top: -20px;
    }

    .xl-top-minus-25px {
        top: -25px;
    }

    .xl-top-minus-30px {
        top: -30px;
    }

    .xl-top-minus-35px {
        top: -35px;
    }

    .xl-top-minus-40px {
        top: -40px;
    }

    .xl-top-minus-45px {
        top: -45px;
    }

    .xl-top-minus-50px {
        top: -50px;
    }

    /* bottom */
    .xl-bottom-0px {
        bottom: 0;
    }

    .xl-bottom-1px {
        bottom: 1px;
    }

    .xl-bottom-2px {
        bottom: 2px;
    }

    .xl-bottom-3px {
        bottom: 3px;
    }

    .xl-bottom-4px {
        bottom: 4px;
    }

    .xl-bottom-5px {
        bottom: 5px;
    }

    .xl-bottom-6px {
        bottom: 6px;
    }

    .xl-bottom-7px {
        bottom: 7px;
    }

    .xl-bottom-8px {
        bottom: 8px;
    }

    .xl-bottom-9px {
        bottom: 9px;
    }

    .xl-bottom-10px {
        bottom: 10px;
    }

    .xl-bottom-15px {
        bottom: 15px;
    }

    .xl-bottom-20px {
        bottom: 20px;
    }

    .xl-bottom-25px {
        bottom: 25px;
    }

    .xl-bottom-30px {
        bottom: 30px;
    }

    .xl-bottom-35px {
        bottom: 35px;
    }

    .xl-bottom-40px {
        bottom: 40px;
    }

    .xl-bottom-45px {
        bottom: 45px;
    }

    .xl-bottom-50px {
        bottom: 50px;
    }

    .xl-bottom-55px {
        bottom: 55px;
    }

    .xl-bottom-60px {
        bottom: 60px;
    }

    .xl-bottom-auto {
        bottom: auto;
    }

    .xl-bottom-inherit {
        bottom: inherit;
    }

    /* bottom minus */
    .xl-bottom-minus-1px {
        bottom: -1px;
    }

    .xl-bottom-minus-2px {
        bottom: -2px;
    }

    .xl-bottom-minus-3px {
        bottom: -3px;
    }

    .xl-bottom-minus-4px {
        bottom: -4px;
    }

    .xl-bottom-minus-5px {
        bottom: -5px;
    }

    .xl-bottom-minus-6px {
        bottom: -6px;
    }

    .xl-bottom-minus-7px {
        bottom: -7px;
    }

    .xl-bottom-minus-8px {
        bottom: -8px;
    }

    .xl-bottom-minus-9px {
        bottom: -9px;
    }

    .xl-bottom-minus-10px {
        bottom: -10px;
    }

    .xl-bottom-minus-15px {
        bottom: -15px;
    }

    .xl-bottom-minus-20px {
        bottom: -20px;
    }

    .xl-bottom-minus-25px {
        bottom: -25px;
    }

    .xl-bottom-minus-30px {
        bottom: -30px;
    }

    .xl-bottom-minus-35px {
        bottom: -35px;
    }

    .xl-bottom-minus-40px {
        bottom: -40px;
    }

    .xl-bottom-minus-45px {
        bottom: -45px;
    }

    .xl-bottom-minus-50px {
        bottom: -50px;
    }

    /* right */
    .xl-right-0px {
        right: 0;
    }

    .xl-right-1px {
        right: 1px;
    }

    .xl-right-2px {
        right: 2px;
    }

    .xl-right-3px {
        right: 3px;
    }

    .xl-right-4px {
        right: 4px;
    }

    .xl-right-5px {
        right: 5px;
    }

    .xl-right-6px {
        right: 6px;
    }

    .xl-right-7px {
        right: 7px;
    }

    .xl-right-8px {
        right: 8px;
    }

    .xl-right-9px {
        right: 9px;
    }

    .xl-right-10px {
        right: 10px;
    }

    .xl-right-15px {
        right: 15px;
    }

    .xl-right-20px {
        right: 20px;
    }

    .xl-right-25px {
        right: 25px;
    }

    .xl-right-30px {
        right: 30px;
    }

    .xl-right-35px {
        right: 35px;
    }

    .xl-right-40px {
        right: 40px;
    }

    .xl-right-45px {
        right: 45px;
    }

    .xl-right-50px {
        right: 50px;
    }

    .xl-right-auto {
        right: auto;
    }

    .xl-right-inherit {
        right: inherit;
    }

    /* right minus */
    .xl-right-minus-1px {
        right: -1px;
    }

    .xl-right-minus-2px {
        right: -2px;
    }

    .xl-right-minus-3px {
        right: -3px;
    }

    .xl-right-minus-4px {
        right: -4px;
    }

    .xl-right-minus-5px {
        right: -5px;
    }

    .xl-right-minus-6px {
        right: -6px;
    }

    .xl-right-minus-7px {
        right: -7px;
    }

    .xl-right-minus-8px {
        right: -8px;
    }

    .xl-right-minus-9px {
        right: -9px;
    }

    .xl-right-minus-10px {
        right: -10px;
    }

    .xl-right-minus-15px {
        right: -15px;
    }

    .xl-right-minus-20px {
        right: -20px;
    }

    .xl-right-minus-25px {
        right: -25px;
    }

    .xl-right-minus-30px {
        right: -30px;
    }

    .xl-right-minus-35px {
        right: -35px;
    }

    .xl-right-minus-40px {
        right: -40px;
    }

    .xl-right-minus-45px {
        right: -45px;
    }

    .xl-right-minus-50px {
        right: -50px;
    }

    /* left */
    .xl-left-0px {
        left: 0;
    }

    .xl-left-1px {
        left: 1px;
    }

    .xl-left-2px {
        left: 2px;
    }

    .xl-left-3px {
        left: 3px;
    }

    .xl-left-4px {
        left: 4px;
    }

    .xl-left-5px {
        left: 5px;
    }

    .xl-left-6px {
        left: 6px;
    }

    .xl-left-7px {
        left: 7px;
    }

    .xl-left-8px {
        left: 8px;
    }

    .xl-left-9px {
        left: 9px;
    }

    .xl-left-10px {
        left: 10px;
    }

    .xl-left-15px {
        left: 15px;
    }

    .xl-left-20px {
        left: 20px;
    }

    .xl-left-25px {
        left: 25px;
    }

    .xl-left-30px {
        left: 30px;
    }

    .xl-left-35px {
        left: 35px;
    }

    .xl-left-40px {
        left: 40px;
    }

    .xl-left-45px {
        left: 45px;
    }

    .xl-left-50px {
        left: 50px;
    }

    .xl-left-55px {
        left: 55px;
    }

    .xl-left-60px {
        left: 60px;
    }

    .xl-left-auto {
        left: auto;
    }

    .xl-left-inherit {
        left: inherit;
    }

    /* left minus */
    .xl-left-0px {
        left: 0;
    }

    .xl-left-minus-1px {
        left: -1px;
    }

    .xl-left-minus-2px {
        left: -2px;
    }

    .xl-left-minus-3px {
        left: -3px;
    }

    .xl-left-minus-4px {
        left: -4px;
    }

    .xl-left-minus-5px {
        left: -5px;
    }

    .xl-left-minus-6px {
        left: -6px;
    }

    .xl-left-minus-7px {
        left: -7px;
    }

    .xl-left-minus-8px {
        left: -8px;
    }

    .xl-left-minus-9px {
        left: -9px;
    }

    .xl-left-minus-10px {
        left: -10px;
    }

    .xl-left-minus-15px {
        left: -15px;
    }

    .xl-left-minus-20px {
        left: -20px;
    }

    .xl-left-minus-25px {
        left: -25px;
    }

    .xl-left-minus-30px {
        left: -30px;
    }

    .xl-left-minus-35px {
        left: -35px;
    }

    .xl-left-minus-40px {
        left: -40px;
    }

    .xl-left-minus-45px {
        left: -45px;
    }

    .xl-left-minus-50px {
        left: -50px;
    }

    /* width */
    .xl-w-1px {
        width: 1px !important;
    }

    .xl-w-2px {
        width: 2px !important;
    }

    .xl-w-3px {
        width: 3px !important;
    }

    .xl-w-4px {
        width: 4px !important;
    }

    .xl-w-5px {
        width: 5px !important;
    }

    .xl-w-6px {
        width: 6px !important;
    }

    .xl-w-7px {
        width: 7px !important;
    }

    .xl-w-8px {
        width: 8px !important;
    }

    .xl-w-9px {
        width: 9px !important;
    }

    .xl-w-10px {
        width: 10px !important;
    }

    .xl-w-15px {
        width: 15px !important;
    }

    .xl-w-20px {
        width: 20px !important;
    }

    .xl-w-25px {
        width: 25px !important;
    }

    .xl-w-30px {
        width: 30px !important;
    }

    .xl-w-35px {
        width: 35px !important;
    }

    .xl-w-40px {
        width: 40px !important;
    }

    .xl-w-50px {
        width: 50px !important;
    }

    .xl-w-55px {
        width: 55px !important;
    }

    .xl-w-60px {
        width: 60px !important;
    }

    .xl-w-65px {
        width: 65px !important;
    }

    .xl-w-70px {
        width: 70px !important;
    }

    .xl-w-75px {
        width: 75px !important;
    }

    .xl-w-80px {
        width: 80px !important;
    }

    .xl-w-85px {
        width: 85px !important;
    }

    .xl-w-90px {
        width: 90px !important;
    }

    .xl-w-95px {
        width: 95px !important;
    }

    .xl-w-100px {
        width: 100px !important;
    }

    .xl-w-110px {
        width: 110px !important;
    }

    .xl-w-120px {
        width: 120px !important;
    }

    .xl-w-130px {
        width: 130px !important;
    }

    .xl-w-140px {
        width: 140px !important;
    }

    .xl-w-150px {
        width: 150px !important;
    }

    .xl-w-160px {
        width: 160px !important;
    }

    .xl-w-170px {
        width: 170px !important;
    }

    .xl-w-180px {
        width: 180px !important;
    }

    .xl-w-190px {
        width: 190px !important;
    }

    .xl-w-200px {
        width: 200px !important;
    }

    .xl-w-250px {
        width: 250px !important;
    }

    .xl-w-300px {
        width: 300px !important;
    }

    .xl-w-350px {
        width: 350px !important;
    }

    .xl-w-400px {
        width: 400px !important;
    }

    .xl-w-450px {
        width: 450px !important;
    }

    .xl-w-500px {
        width: 500px !important;
    }

    .xl-w-550px {
        width: 550px !important;
    }

    .xl-w-600px {
        width: 600px !important;
    }

    .xl-w-650px {
        width: 650px !important;
    }

    .xl-w-700px {
        width: 700px !important;
    }

    .xl-w-750px {
        width: 750px !important;
    }

    .xl-w-800px {
        width: 800px !important;
    }

    .xl-w-850px {
        width: 850px !important;
    }

    .xl-w-900px {
        width: 900px !important;
    }

    .xl-w-950px {
        width: 950px !important;
    }

    .xl-w-1000px {
        width: 1000px !important;
    }

    .xl-w-10 {
        width: 10% !important;
    }

    .xl-w-15 {
        width: 15% !important;
    }

    .xl-w-20 {
        width: 20% !important;
    }

    .xl-w-25 {
        width: 25% !important;
    }

    .xl-w-30 {
        width: 30% !important;
    }

    .xl-w-35 {
        width: 35% !important;
    }

    .xl-w-40 {
        width: 40% !important;
    }

    .xl-w-45 {
        width: 45% !important;
    }

    .xl-w-50 {
        width: 50% !important;
    }

    .xl-w-55 {
        width: 55% !important;
    }

    .xl-w-60 {
        width: 60% !important;
    }

    .xl-w-65 {
        width: 65% !important;
    }

    .xl-w-70 {
        width: 70% !important;
    }

    .xl-w-75 {
        width: 75% !important;
    }

    .xl-w-80 {
        width: 80% !important;
    }

    .xl-w-85 {
        width: 85% !important;
    }

    .xl-w-90 {
        width: 90% !important;
    }

    .xl-w-95 {
        width: 95% !important;
    }

    .xl-w-100 {
        width: 100% !important;
    }

    .xl-w-auto {
        width: auto !important;
    }

    /* height */
    .xl-h-1px {
        height: 1px !important;
    }

    .xl-h-2px {
        height: 2px !important;
    }

    .xl-h-3px {
        height: 3px !important;
    }

    .xl-h-4px {
        height: 4px !important;
    }

    .xl-h-5px {
        height: 5px !important;
    }

    .xl-h-6px {
        height: 6px !important;
    }

    .xl-h-7px {
        height: 7px !important;
    }

    .xl-h-8px {
        height: 8px !important;
    }

    .xl-h-9px {
        height: 9px !important;
    }

    .xl-h-10px {
        height: 10px !important;
    }

    .xl-h-20px {
        height: 20px !important;
    }

    .xl-h-30px {
        height: 30px !important;
    }

    .xl-h-40px {
        height: 40px !important;
    }

    .xl-h-42px {
        height: 42px !important;
    }

    .xl-h-50px {
        height: 50px !important;
    }

    .xl-h-60px {
        height: 60px !important;
    }

    .xl-h-70px {
        height: 70px !important;
    }

    .xl-h-80px {
        height: 80px !important;
    }

    .xl-h-90px {
        height: 90px !important;
    }

    .xl-h-100px {
        height: 100px !important;
    }

    .xl-h-110px {
        height: 110px !important;
    }

    .xl-h-120px {
        height: 120px !important;
    }

    .xl-h-130px {
        height: 130px !important;
    }

    .xl-h-140px {
        height: 140px !important;
    }

    .xl-h-150px {
        height: 150px !important;
    }

    .xl-h-160px {
        height: 160px !important;
    }

    .xl-h-170px {
        height: 170px !important;
    }

    .xl-h-180px {
        height: 180px !important;
    }

    .xl-h-190px {
        height: 190px !important;
    }

    .xl-h-200px {
        height: 200px !important;
    }

    .xl-h-250px {
        height: 250px !important;
    }

    .xl-h-300px {
        height: 300px !important;
    }

    .xl-h-350px {
        height: 350px !important;
    }

    .xl-h-400px {
        height: 400px !important;
    }

    .xl-h-450px {
        height: 450px !important;
    }

    .xl-h-500px {
        height: 500px !important;
    }

    .xl-h-520px {
        height: 520px !important;
    }

    .xl-h-550px {
        height: 550px !important;
    }

    .xl-h-580px {
        height: 580px !important;
    }

    .xl-h-600px {
        height: 600px !important;
    }

    .xl-h-650px {
        height: 650px !important;
    }

    .xl-h-700px {
        height: 700px !important;
    }

    .xl-h-720px {
        height: 720px !important;
    }

    .xl-h-750px {
        height: 750px !important;
    }

    .xl-h-800px {
        height: 800px !important;
    }

    .xl-h-820px {
        height: 820px !important;
    }

    .xl-h-830px {
        height: 830px !important;
    }

    .xl-h-850px {
        height: 850px !important;
    }

    .xl-h-50 {
        height: 50% !important;
    }

    .xl-h-100 {
        height: 100% !important;
    }

    .xl-h-auto {
        height: auto !important;
    }

    /* min-height */
    .xl-min-h-100px {
        min-height: 100px;
    }

    .xl-min-h-200px {
        min-height: 200px;
    }

    .xl-min-h-300px {
        min-height: 300px;
    }

    .xl-min-h-400px {
        min-height: 400px;
    }

    .xl-min-h-500px {
        min-height: 500px;
    }

    .xl-min-h-600px {
        min-height: 600px;
    }

    .xl-min-h-700px {
        min-height: 700px;
    }

    /* interactive banner style 09 */
    .interactive-banners-style-09 .interactive-banners-content .interactive-banners-hover-icon {
        left: 30px;
        bottom: 30px;
    }

    /* box layout */
    .box-layout {
        padding: 0 45px;
    }

    .box-layout-large {
        padding: 0 75px;
    }

    /* grid */
    .grid.xl-grid-6col li {
        width: 16.67%;
    }

    .grid.xl-grid-6col li.grid-item-double {
        width: 33.33%;
    }

    .grid.xl-grid-5col li {
        width: 20%;
    }

    .grid.xl-grid-5col li.grid-item-double {
        width: 40%;
    }

    .grid.xl-grid-4col li {
        width: 25%;
    }

    .grid.xl-grid-4col li.grid-item-double {
        width: 50%;
    }

    .grid.xl-grid-3col li {
        width: 33.33%;
    }

    .grid.xl-grid-3col li.grid-item-double {
        width: 66.67%;
    }

    .grid.xl-grid-2col li {
        width: 50%;
    }

    .grid.xl-grid-2col li.grid-item-double {
        width: 100%;
    }

    .grid.xl-grid-1col li {
        width: 100%;
    }

    /* architecture */
    .box-layout .navbar.navbar-boxed {
        padding-left: 30px;
        padding-right: 30px;
    }

    /* digital agency */
    .home-digital-agency .outside-box-text-right .text-extra-big-2 {
        font-size: 250px;
    }

    /* design agency */
    .home-design-agency .outside-box-left {
        margin-left: -40vw;
    }

    /* photography */
    .home-photography .interactive-banners-style-13 .interactive-banners-content {
        width: 40%;
    }

    /* landing page */
    .litho-parallax-bg {
        width: 800px;
    }

    .image-title img {
        height: 60px;
    }

    .title-huge {
        font-size: 54px;
        line-height: 60px;
    }

    .title-large {
        font-size: 28px;
        line-height: 34px;
    }

    .title-small {
        font-size: 22px;
        line-height: 28px;
        font-weight: 500 !important;
    }
}

@media (max-width: 1500px) {

    /*  architecture */
    .home-architecture .tparrows.tp-leftarrow {
        transform: matrix(1, 0, 0, 1, -67, -328) !important;
    }

    .home-architecture .tparrows.tp-rightarrow {
        transform: matrix(1, 0, 0, 1, -67, -261) !important;
    }

    /* fashion shop */
    .home-fashion-shop .tp-tabs {
        left: 54% !important;
    }

    .padding-6-rem-lr {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 1300px) {

    /* fashion shop */
    .home-fashion-shop .tp-tabs {
        left: 60% !important;
    }
}

@media (min-width: 1199px) {

    /* page container */
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1170px;
    }
}

@media (min-width: 1299px) {

    /* page container */
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1270px;
    }
}

@media (max-width: 1199px) {

    /* reset */
    html {
        font-size: 13px;
    }

    .md-center-col {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    section {
        padding: 90px 0;
    }

    section.big-section {
        padding: 120px 0;
    }

    section.extra-big-section {
        padding: 160px 0;
    }

    .center-col-style .custom-col {
        min-height: 0;
    }

    .parallax {
        background-attachment: inherit !important;
        background-position: center !important;
    }

    .lg-last-order {
        order: 10;
    }

    .html-video {
        height: 100%;
    }

    /* typography */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0 0 15px;
    }

    /* text size */
    .text-extra-large {
        font-size: 18px;
        line-height: 24px;
    }

    .text-extra-big {
        font-size: 170px;
        line-height: 170px;
    }

    .text-big {
        font-size: 160px;
        line-height: 160px;
    }

    .title-large {
        font-size: 28px;
        line-height: 34px;
    }

    .title-extra-large {
        font-size: 42px;
        line-height: 48px;
    }

    .title-huge {
        font-size: 60px;
        line-height: 60px;
    }

    /* lineheight */
    .lg-line-height-0px {
        line-height: 0px;
    }

    .lg-line-height-8px {
        line-height: 8px;
    }

    .lg-line-height-10px {
        line-height: 10px;
    }

    .lg-line-height-14px {
        line-height: 14px;
    }

    .lg-line-height-15px {
        line-height: 15px;
    }

    .lg-line-height-16px {
        line-height: 16px;
    }

    .lg-line-height-18px {
        line-height: 18px;
    }

    .lg-line-height-20px {
        line-height: 20px;
    }

    .lg-line-height-22px {
        line-height: 22px;
    }

    .lg-line-height-24px {
        line-height: 24px;
    }

    .lg-line-height-26px {
        line-height: 26px;
    }

    .lg-line-height-28px {
        line-height: 28px;
    }

    .lg-line-height-30px {
        line-height: 30px;
    }

    .lg-line-height-32px {
        line-height: 32px;
    }

    .lg-line-height-34px {
        line-height: 34px;
    }

    .lg-line-height-36px {
        line-height: 36px;
    }

    .lg-line-height-38px {
        line-height: 38px;
    }

    .lg-line-height-40px {
        line-height: 40px;
    }

    .lg-line-height-50px {
        line-height: 50px;
    }

    .lg-line-height-140px {
        line-height: 140px;
    }

    .lg-line-height-normal {
        line-height: normal;
    }

    /* letter spacing minus */
    .lg-letter-spacing-minus-1-half {
        letter-spacing: -0.5px;
    }

    .lg-letter-spacing-minus-1px {
        letter-spacing: -1px;
    }

    .lg-letter-spacing-minus-2px {
        letter-spacing: -2px;
    }

    .lg-letter-spacing-minus-3px {
        letter-spacing: -3px;
    }

    .lg-letter-spacing-minus-4px {
        letter-spacing: -4px;
    }

    .lg-letter-spacing-minus-5px {
        letter-spacing: -5px;
    }

    /* absolute middle center */
    .lg-absolute-middle-center {
        left: 50%;
        top: 50%;
        position: absolute;
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    /* background image */
    .lg-background-image-none {
        background: inherit !important;
    }

    .lg-background-position-left {
        background-position: left center;
    }

    .lg-background-position-right {
        background-position: right center;
    }

    .lg-background-position-top {
        background-position: right top;
    }

    .lg-background-position-center {
        background-position: center;
    }

    .lg-background-position-left-top {
        background-position: left top;
    }

    /* box shadow */
    .lg-box-shadow-none {
        box-shadow: none;
    }

    /* margin */
    .lg-margin-one-all {
        margin: 1%;
    }

    .lg-margin-two-all {
        margin: 2%;
    }

    .lg-margin-three-all {
        margin: 3%;
    }

    .lg-margin-four-all {
        margin: 4%;
    }

    .lg-margin-five-all {
        margin: 5%;
    }

    .lg-margin-six-all {
        margin: 6%;
    }

    .lg-margin-seven-all {
        margin: 7%;
    }

    .lg-margin-eight-all {
        margin: 8%;
    }

    .lg-margin-nine-all {
        margin: 9%;
    }

    .lg-margin-ten-all {
        margin: 10%;
    }

    .lg-margin-eleven-all {
        margin: 11%;
    }

    .lg-margin-twelve-all {
        margin: 12%;
    }

    .lg-margin-thirteen-all {
        margin: 13%;
    }

    .lg-margin-fourteen-all {
        margin: 14%;
    }

    .lg-margin-fifteen-all {
        margin: 15%;
    }

    .lg-margin-sixteen-all {
        margin: 16%;
    }

    .lg-margin-seventeen-all {
        margin: 17%;
    }

    .lg-margin-eighteen-all {
        margin: 18%;
    }

    .lg-margin-nineteen-all {
        margin: 19%;
    }

    .lg-margin-twenty-all {
        margin: 20%;
    }

    .lg-margin-5px-all {
        margin: 5px;
    }

    .lg-margin-10px-all {
        margin: 10px;
    }

    .lg-margin-15px-all {
        margin: 15px;
    }

    .lg-margin-20px-all {
        margin: 20px;
    }

    .lg-margin-25px-all {
        margin: 25px;
    }

    .lg-margin-30px-all {
        margin: 30px;
    }

    .lg-margin-35px-all {
        margin: 35px;
    }

    .lg-margin-40px-all {
        margin: 40px;
    }

    .lg-margin-45px-all {
        margin: 45px;
    }

    .lg-margin-50px-all {
        margin: 50px;
    }

    .lg-margin-55px-all {
        margin: 55px;
    }

    .lg-margin-60px-all {
        margin: 60px;
    }

    .lg-margin-65px-all {
        margin: 65px;
    }

    .lg-margin-70px-all {
        margin: 70px;
    }

    .lg-margin-75px-all {
        margin: 75px;
    }

    .lg-margin-80px-all {
        margin: 80px;
    }

    .lg-margin-85px-all {
        margin: 85px;
    }

    .lg-margin-90px-all {
        margin: 90px;
    }

    .lg-margin-95px-all {
        margin: 95px;
    }

    .lg-margin-100px-all {
        margin: 100px;
    }

    .lg-margin-1-rem-all {
        margin: 1rem;
    }

    .lg-margin-1-half-rem-all {
        margin: 1.5rem;
    }

    .lg-margin-2-rem-all {
        margin: 2rem;
    }

    .lg-margin-2-half-rem-all {
        margin: 2.5rem;
    }

    .lg-margin-3-rem-all {
        margin: 3rem;
    }

    .lg-margin-3-half-rem-all {
        margin: 3.5rem;
    }

    .lg-margin-4-rem-all {
        margin: 4rem;
    }

    .lg-margin-4-half-rem-all {
        margin: 4.5rem;
    }

    .lg-margin-5-rem-all {
        margin: 5rem;
    }

    .lg-margin-5-half-rem-all {
        margin: 5.5rem;
    }

    .lg-margin-6-rem-all {
        margin: 6rem;
    }

    .lg-margin-6-half-rem-all {
        margin: 6.5rem;
    }

    .lg-margin-7-rem-all {
        margin: 7rem;
    }

    .lg-margin-7-half-rem-all {
        margin: 7.5rem;
    }

    .lg-margin-8-rem-all {
        margin: 8rem;
    }

    .lg-margin-8-half-rem-all {
        margin: 8.5rem;
    }

    .lg-margin-9-rem-all {
        margin: 9rem;
    }

    .lg-margin-9-half-rem-all {
        margin: 9.5rem;
    }

    .lg-margin-10-rem-all {
        margin: 10rem;
    }

    .lg-margin-10-half-rem-all {
        margin: 10.5rem;
    }

    /* margin top */
    .lg-margin-one-top {
        margin-top: 1%;
    }

    .lg-margin-two-top {
        margin-top: 2%;
    }

    .lg-margin-three-top {
        margin-top: 3%;
    }

    .lg-margin-four-top {
        margin-top: 4%;
    }

    .lg-margin-five-top {
        margin-top: 5%;
    }

    .lg-margin-six-top {
        margin-top: 6%;
    }

    .lg-margin-seven-top {
        margin-top: 7%;
    }

    .lg-margin-eight-top {
        margin-top: 8%;
    }

    .lg-margin-nine-top {
        margin-top: 9%;
    }

    .lg-margin-ten-top {
        margin-top: 10%;
    }

    .lg-margin-eleven-top {
        margin-top: 11%;
    }

    .lg-margin-twelve-top {
        margin-top: 12%;
    }

    .lg-margin-thirteen-top {
        margin-top: 13%;
    }

    .lg-margin-fourteen-top {
        margin-top: 14%;
    }

    .lg-margin-fifteen-top {
        margin-top: 15%;
    }

    .lg-margin-sixteen-top {
        margin-top: 16%;
    }

    .lg-margin-seventeen-top {
        margin-top: 17%;
    }

    .lg-margin-eighteen-top {
        margin-top: 18%;
    }

    .lg-margin-nineteen-top {
        margin-top: 19%;
    }

    .lg-margin-twenty-top {
        margin-top: 20%;
    }

    .lg-margin-5px-top {
        margin-top: 5px;
    }

    .lg-margin-10px-top {
        margin-top: 10px;
    }

    .lg-margin-15px-top {
        margin-top: 15px;
    }

    .lg-margin-20px-top {
        margin-top: 20px;
    }

    .lg-margin-25px-top {
        margin-top: 25px;
    }

    .lg-margin-30px-top {
        margin-top: 30px;
    }

    .lg-margin-35px-top {
        margin-top: 35px;
    }

    .lg-margin-40px-top {
        margin-top: 40px;
    }

    .lg-margin-45px-top {
        margin-top: 45px;
    }

    .lg-margin-50px-top {
        margin-top: 50px;
    }

    .lg-margin-55px-top {
        margin-top: 55px;
    }

    .lg-margin-60px-top {
        margin-top: 60px;
    }

    .lg-margin-65px-top {
        margin-top: 65px;
    }

    .lg-margin-70px-top {
        margin-top: 70px;
    }

    .lg-margin-75px-top {
        margin-top: 75px;
    }

    .lg-margin-80px-top {
        margin-top: 80px;
    }

    .lg-margin-85px-top {
        margin-top: 85px;
    }

    .lg-margin-90px-top {
        margin-top: 90px;
    }

    .lg-margin-95px-top {
        margin-top: 95px;
    }

    .lg-margin-100px-top {
        margin-top: 100px;
    }

    .lg-margin-1-rem-top {
        margin-top: 1rem;
    }

    .lg-margin-1-half-rem-top {
        margin-top: 1.5rem;
    }

    .lg-margin-2-rem-top {
        margin-top: 2rem;
    }

    .lg-margin-2-half-rem-top {
        margin-top: 2.5rem;
    }

    .lg-margin-3-rem-top {
        margin-top: 3rem;
    }

    .lg-margin-3-half-rem-top {
        margin-top: 3.5rem;
    }

    .lg-margin-4-rem-top {
        margin-top: 4rem;
    }

    .lg-margin-4-half-rem-top {
        margin-top: 4.5rem;
    }

    .lg-margin-5-rem-top {
        margin-top: 5rem;
    }

    .lg-margin-5-half-rem-top {
        margin-top: 5.5rem;
    }

    .lg-margin-6-rem-top {
        margin-top: 6rem;
    }

    .lg-margin-6-half-rem-top {
        margin-top: 6.5rem;
    }

    .lg-margin-7-rem-top {
        margin-top: 7rem;
    }

    .lg-margin-7-half-rem-top {
        margin-top: 7.5rem;
    }

    .lg-margin-8-rem-top {
        margin-top: 8rem;
    }

    .lg-margin-8-half-rem-top {
        margin-top: 8.5rem;
    }

    .lg-margin-9-rem-top {
        margin-top: 9rem;
    }

    .lg-margin-9-half-rem-top {
        margin-top: 9.5rem;
    }

    .lg-margin-10-rem-top {
        margin-top: 10rem;
    }

    .lg-margin-10-half-rem-top {
        margin-top: 10.5rem;
    }

    /* margin bottom */
    .lg-margin-one-bottom {
        margin-bottom: 1%;
    }

    .lg-margin-two-bottom {
        margin-bottom: 2%;
    }

    .lg-margin-three-bottom {
        margin-bottom: 3%;
    }

    .lg-margin-four-bottom {
        margin-bottom: 4%;
    }

    .lg-margin-five-bottom {
        margin-bottom: 5%;
    }

    .lg-margin-six-bottom {
        margin-bottom: 6%;
    }

    .lg-margin-seven-bottom {
        margin-bottom: 7%;
    }

    .lg-margin-eight-bottom {
        margin-bottom: 8%;
    }

    .lg-margin-nine-bottom {
        margin-bottom: 9%;
    }

    .lg-margin-ten-bottom {
        margin-bottom: 10%;
    }

    .lg-margin-eleven-bottom {
        margin-bottom: 11%;
    }

    .lg-margin-twelve-bottom {
        margin-bottom: 12%;
    }

    .lg-margin-thirteen-bottom {
        margin-bottom: 13%;
    }

    .lg-margin-fourteen-bottom {
        margin-bottom: 14%;
    }

    .lg-margin-fifteen-bottom {
        margin-bottom: 15%;
    }

    .lg-margin-sixteen-bottom {
        margin-bottom: 16%;
    }

    .lg-margin-seventeen-bottom {
        margin-bottom: 17%;
    }

    .lg-margin-eighteen-bottom {
        margin-bottom: 18%;
    }

    .lg-margin-nineteen-bottom {
        margin-bottom: 19%;
    }

    .lg-margin-twenty-bottom {
        margin-bottom: 20%;
    }

    .lg-margin-5px-bottom {
        margin-bottom: 5px;
    }

    .lg-margin-10px-bottom {
        margin-bottom: 10px;
    }

    .lg-margin-15px-bottom {
        margin-bottom: 15px;
    }

    .lg-margin-20px-bottom {
        margin-bottom: 20px;
    }

    .lg-margin-25px-bottom {
        margin-bottom: 25px;
    }

    .lg-margin-30px-bottom {
        margin-bottom: 30px;
    }

    .lg-margin-35px-bottom {
        margin-bottom: 35px;
    }

    .lg-margin-40px-bottom {
        margin-bottom: 40px;
    }

    .lg-margin-45px-bottom {
        margin-bottom: 45px;
    }

    .lg-margin-50px-bottom {
        margin-bottom: 50px;
    }

    .lg-margin-55px-bottom {
        margin-bottom: 55px;
    }

    .lg-margin-60px-bottom {
        margin-bottom: 60px;
    }

    .lg-margin-65px-bottom {
        margin-bottom: 65px;
    }

    .lg-margin-70px-bottom {
        margin-bottom: 70px;
    }

    .lg-margin-75px-bottom {
        margin-bottom: 75px;
    }

    .lg-margin-80px-bottom {
        margin-bottom: 80px;
    }

    .lg-margin-85px-bottom {
        margin-bottom: 85px;
    }

    .lg-margin-90px-bottom {
        margin-bottom: 90px;
    }

    .lg-margin-95px-bottom {
        margin-bottom: 95px;
    }

    .lg-margin-100px-bottom {
        margin-bottom: 100px;
    }

    .lg-margin-1-rem-bottom {
        margin-bottom: 1rem;
    }

    .lg-margin-1-half-rem-bottom {
        margin-bottom: 1.5rem;
    }

    .lg-margin-2-rem-bottom {
        margin-bottom: 2rem;
    }

    .lg-margin-2-half-rem-bottom {
        margin-bottom: 2.5rem;
    }

    .lg-margin-3-rem-bottom {
        margin-bottom: 3rem;
    }

    .lg-margin-3-half-rem-bottom {
        margin-bottom: 3.5rem;
    }

    .lg-margin-4-rem-bottom {
        margin-bottom: 4rem;
    }

    .lg-margin-4-half-rem-bottom {
        margin-bottom: 4.5rem;
    }

    .lg-margin-5-rem-bottom {
        margin-bottom: 5rem;
    }

    .lg-margin-5-half-rem-bottom {
        margin-bottom: 5.5rem;
    }

    .lg-margin-6-rem-bottom {
        margin-bottom: 6rem;
    }

    .lg-margin-6-half-rem-bottom {
        margin-bottom: 6.5rem;
    }

    .lg-margin-7-rem-bottom {
        margin-bottom: 7rem;
    }

    .lg-margin-7-half-rem-bottom {
        margin-bottom: 7.5rem;
    }

    .lg-margin-8-rem-bottom {
        margin-bottom: 8rem;
    }

    .lg-margin-8-half-rem-bottom {
        margin-bottom: 8.5rem;
    }

    .lg-margin-9-rem-bottom {
        margin-bottom: 9rem;
    }

    .lg-margin-9-half-rem-bottom {
        margin-bottom: 9.5rem;
    }

    .lg-margin-10-rem-bottom {
        margin-bottom: 10rem;
    }

    .lg-margin-10-half-rem-bottom {
        margin-bottom: 10.5rem;
    }

    /* margin right */
    .lg-margin-one-right {
        margin-right: 1%;
    }

    .lg-margin-two-right {
        margin-right: 2%;
    }

    .lg-margin-three-right {
        margin-right: 3%;
    }

    .lg-margin-four-right {
        margin-right: 4%;
    }

    .lg-margin-five-right {
        margin-right: 5%;
    }

    .lg-margin-six-right {
        margin-right: 6%;
    }

    .lg-margin-seven-right {
        margin-right: 7%;
    }

    .lg-margin-eight-right {
        margin-right: 8%;
    }

    .lg-margin-nine-right {
        margin-right: 9%;
    }

    .lg-margin-ten-right {
        margin-right: 10%;
    }

    .lg-margin-eleven-right {
        margin-right: 11%;
    }

    .lg-margin-twelve-right {
        margin-right: 12%;
    }

    .lg-margin-thirteen-right {
        margin-right: 13%;
    }

    .lg-margin-fourteen-right {
        margin-right: 14%;
    }

    .lg-margin-fifteen-right {
        margin-right: 15%;
    }

    .lg-margin-sixteen-right {
        margin-right: 16%;
    }

    .lg-margin-seventeen-right {
        margin-right: 17%;
    }

    .lg-margin-eighteen-right {
        margin-right: 18%;
    }

    .lg-margin-nineteen-right {
        margin-right: 19%;
    }

    .lg-margin-twenty-right {
        margin-right: 20%;
    }

    .lg-margin-5px-right {
        margin-right: 5px;
    }

    .lg-margin-10px-right {
        margin-right: 10px;
    }

    .lg-margin-15px-right {
        margin-right: 15px;
    }

    .lg-margin-20px-right {
        margin-right: 20px;
    }

    .lg-margin-25px-right {
        margin-right: 25px;
    }

    .lg-margin-30px-right {
        margin-right: 30px;
    }

    .lg-margin-35px-right {
        margin-right: 35px;
    }

    .lg-margin-40px-right {
        margin-right: 40px;
    }

    .lg-margin-45px-right {
        margin-right: 45px;
    }

    .lg-margin-50px-right {
        margin-right: 50px;
    }

    .lg-margin-55px-right {
        margin-right: 55px;
    }

    .lg-margin-60px-right {
        margin-right: 60px;
    }

    .lg-margin-65px-right {
        margin-right: 65px;
    }

    .lg-margin-70px-right {
        margin-right: 70px;
    }

    .lg-margin-75px-right {
        margin-right: 75px;
    }

    .lg-margin-80px-right {
        margin-right: 80px;
    }

    .lg-margin-85px-right {
        margin-right: 85px;
    }

    .lg-margin-90px-right {
        margin-right: 90px;
    }

    .lg-margin-95px-right {
        margin-right: 95px;
    }

    .lg-margin-100px-right {
        margin-right: 100px;
    }

    .lg-margin-1-rem-right {
        margin-right: 1rem;
    }

    .lg-margin-1-half-rem-right {
        margin-right: 1.5rem;
    }

    .lg-margin-2-rem-right {
        margin-right: 2rem;
    }

    .lg-margin-2-half-rem-right {
        margin-right: 2.5rem;
    }

    .lg-margin-3-rem-right {
        margin-right: 3rem;
    }

    .lg-margin-3-half-rem-right {
        margin-right: 3.5rem;
    }

    .lg-margin-4-rem-right {
        margin-right: 4rem;
    }

    .lg-margin-4-half-rem-right {
        margin-right: 4.5rem;
    }

    .lg-margin-5-rem-right {
        margin-right: 5rem;
    }

    .lg-margin-5-half-rem-right {
        margin-right: 5.5rem;
    }

    .lg-margin-6-rem-right {
        margin-right: 6rem;
    }

    .lg-margin-6-half-rem-right {
        margin-right: 6.5rem;
    }

    .lg-margin-7-rem-right {
        margin-right: 7rem;
    }

    .lg-margin-7-half-rem-right {
        margin-right: 7.5rem;
    }

    .lg-margin-8-rem-right {
        margin-right: 8rem;
    }

    .lg-margin-8-half-rem-right {
        margin-right: 8.5rem;
    }

    .lg-margin-9-rem-right {
        margin-right: 9rem;
    }

    .lg-margin-9-half-rem-right {
        margin-right: 9.5rem;
    }

    .lg-margin-10-rem-right {
        margin-right: 10rem;
    }

    .lg-margin-10-half-rem-right {
        margin-right: 10.5rem;
    }

    /* margin left */
    .lg-margin-one-left {
        margin-left: 1%;
    }

    .lg-margin-two-left {
        margin-left: 2%;
    }

    .lg-margin-three-left {
        margin-left: 3%;
    }

    .lg-margin-four-left {
        margin-left: 4%;
    }

    .lg-margin-five-left {
        margin-left: 5%;
    }

    .lg-margin-six-left {
        margin-left: 6%;
    }

    .lg-margin-seven-left {
        margin-left: 7%;
    }

    .lg-margin-eight-left {
        margin-left: 8%;
    }

    .lg-margin-nine-left {
        margin-left: 9%;
    }

    .lg-margin-ten-left {
        margin-left: 10%;
    }

    .lg-margin-eleven-left {
        margin-left: 11%;
    }

    .lg-margin-twelve-left {
        margin-left: 12%;
    }

    .lg-margin-thirteen-left {
        margin-left: 13%;
    }

    .lg-margin-fourteen-left {
        margin-left: 14%;
    }

    .lg-margin-fifteen-left {
        margin-left: 15%;
    }

    .lg-margin-sixteen-left {
        margin-left: 16%;
    }

    .lg-margin-seventeen-left {
        margin-left: 17%;
    }

    .lg-margin-eighteen-left {
        margin-left: 18%;
    }

    .lg-margin-nineteen-left {
        margin-left: 19%;
    }

    .lg-margin-twenty-left {
        margin-left: 20%;
    }

    .lg-margin-5px-left {
        margin-left: 5px;
    }

    .lg-margin-10px-left {
        margin-left: 10px;
    }

    .lg-margin-15px-left {
        margin-left: 15px;
    }

    .lg-margin-20px-left {
        margin-left: 20px;
    }

    .lg-margin-25px-left {
        margin-left: 25px;
    }

    .lg-margin-30px-left {
        margin-left: 30px;
    }

    .lg-margin-35px-left {
        margin-left: 35px;
    }

    .lg-margin-40px-left {
        margin-left: 40px;
    }

    .lg-margin-45px-left {
        margin-left: 45px;
    }

    .lg-margin-50px-left {
        margin-left: 50px;
    }

    .lg-margin-55px-left {
        margin-left: 55px;
    }

    .lg-margin-60px-left {
        margin-left: 60px;
    }

    .lg-margin-65px-left {
        margin-left: 65px;
    }

    .lg-margin-70px-left {
        margin-left: 70px;
    }

    .lg-margin-75px-left {
        margin-left: 75px;
    }

    .lg-margin-80px-left {
        margin-left: 80px;
    }

    .lg-margin-85px-left {
        margin-left: 85px;
    }

    .lg-margin-90px-left {
        margin-left: 90px;
    }

    .lg-margin-95px-left {
        margin-left: 95px;
    }

    .lg-margin-100px-left {
        margin-left: 100px;
    }

    .lg-margin-1-rem-left {
        margin-left: 1rem;
    }

    .lg-margin-1-half-rem-left {
        margin-left: 1.5rem;
    }

    .lg-margin-2-rem-left {
        margin-left: 2rem;
    }

    .lg-margin-2-half-rem-left {
        margin-left: 2.5rem;
    }

    .lg-margin-3-rem-left {
        margin-left: 3rem;
    }

    .lg-margin-3-half-rem-left {
        margin-left: 3.5rem;
    }

    .lg-margin-4-rem-left {
        margin-left: 4rem;
    }

    .lg-margin-4-half-rem-left {
        margin-left: 4.5rem;
    }

    .lg-margin-5-rem-left {
        margin-left: 5rem;
    }

    .lg-margin-5-half-rem-left {
        margin-left: 5.5rem;
    }

    .lg-margin-6-rem-left {
        margin-left: 6rem;
    }

    .lg-margin-6-half-rem-left {
        margin-left: 6.5rem;
    }

    .lg-margin-7-rem-left {
        margin-left: 7rem;
    }

    .lg-margin-7-half-rem-left {
        margin-left: 7.5rem;
    }

    .lg-margin-8-rem-left {
        margin-left: 8rem;
    }

    .lg-margin-8-half-rem-left {
        margin-left: 8.5rem;
    }

    .lg-margin-9-rem-left {
        margin-left: 9rem;
    }

    .lg-margin-9-half-rem-left {
        margin-left: 9.5rem;
    }

    .lg-margin-10-rem-left {
        margin-left: 10rem;
    }

    .lg-margin-10-half-rem-left {
        margin-left: 10.5rem;
    }

    /* margin left right */
    .lg-margin-one-lr {
        margin-left: 1%;
        margin-right: 1%;
    }

    .lg-margin-two-lr {
        margin-left: 2%;
        margin-right: 2%;
    }

    .lg-margin-three-lr {
        margin-left: 3%;
        margin-right: 3%;
    }

    .lg-margin-four-lr {
        margin-left: 4%;
        margin-right: 4%;
    }

    .lg-margin-five-lr {
        margin-left: 5%;
        margin-right: 5%;
    }

    .lg-margin-six-lr {
        margin-left: 6%;
        margin-right: 6%;
    }

    .lg-margin-seven-lr {
        margin-left: 7%;
        margin-right: 7%;
    }

    .lg-margin-eight-lr {
        margin-left: 8%;
        margin-right: 8%;
    }

    .lg-margin-nine-lr {
        margin-left: 9%;
        margin-right: 9%;
    }

    .lg-margin-ten-lr {
        margin-left: 10%;
        margin-right: 10%;
    }

    .lg-margin-eleven-lr {
        margin-left: 11%;
        margin-right: 11%;
    }

    .lg-margin-twelve-lr {
        margin-left: 12%;
        margin-right: 12%;
    }

    .lg-margin-thirteen-lr {
        margin-left: 13%;
        margin-right: 13%;
    }

    .lg-margin-fourteen-lr {
        margin-left: 14%;
        margin-right: 14%;
    }

    .lg-margin-fifteen-lr {
        margin-left: 15%;
        margin-right: 15%;
    }

    .lg-margin-sixteen-lr {
        margin-left: 16%;
        margin-right: 16%;
    }

    .lg-margin-seventeen-lr {
        margin-left: 17%;
        margin-right: 17%;
    }

    .lg-margin-eighteen-lr {
        margin-left: 18%;
        margin-right: 18%;
    }

    .lg-margin-nineteen-lr {
        margin-left: 19%;
        margin-right: 19%;
    }

    .lg-margin-twenty-lr {
        margin-left: 20%;
        margin-right: 20%;
    }

    .lg-margin-5px-lr {
        margin-left: 5px;
        margin-right: 5px;
    }

    .lg-margin-10px-lr {
        margin-left: 10px;
        margin-right: 10px;
    }

    .lg-margin-15px-lr {
        margin-left: 15px;
        margin-right: 15px;
    }

    .lg-margin-20px-lr {
        margin-left: 20px;
        margin-right: 20px;
    }

    .lg-margin-25px-lr {
        margin-left: 25px;
        margin-right: 25px;
    }

    .lg-margin-30px-lr {
        margin-left: 30px;
        margin-right: 30px;
    }

    .lg-margin-35px-lr {
        margin-left: 35px;
        margin-right: 35px;
    }

    .lg-margin-40px-lr {
        margin-left: 40px;
        margin-right: 40px;
    }

    .lg-margin-45px-lr {
        margin-left: 45px;
        margin-right: 45px;
    }

    .lg-margin-50px-lr {
        margin-left: 50px;
        margin-right: 50px;
    }

    .lg-margin-55px-lr {
        margin-left: 55px;
        margin-right: 55px;
    }

    .lg-margin-60px-lr {
        margin-left: 60px;
        margin-right: 60px;
    }

    .lg-margin-65px-lr {
        margin-left: 65px;
        margin-right: 65px;
    }

    .lg-margin-70px-lr {
        margin-left: 70px;
        margin-right: 70px;
    }

    .lg-margin-75px-lr {
        margin-left: 75px;
        margin-right: 75px;
    }

    .lg-margin-80px-lr {
        margin-left: 80px;
        margin-right: 80px;
    }

    .lg-margin-85px-lr {
        margin-left: 85px;
        margin-right: 85px;
    }

    .lg-margin-90px-lr {
        margin-left: 90px;
        margin-right: 90px;
    }

    .lg-margin-95px-lr {
        margin-left: 95px;
        margin-right: 95px;
    }

    .lg-margin-100px-lr {
        margin-left: 100px;
        margin-right: 100px;
    }

    .lg-margin-1-rem-lr {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .lg-margin-1-half-rem-lr {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

    .lg-margin-2-rem-lr {
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .lg-margin-2-half-rem-lr {
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }

    .lg-margin-3-rem-lr {
        margin-left: 3rem;
        margin-right: 3rem;
    }

    .lg-margin-3-half-rem-lr {
        margin-left: 3.5rem;
        margin-right: 3.5rem;
    }

    .lg-margin-4-rem-lr {
        margin-left: 4rem;
        margin-right: 4rem;
    }

    .lg-margin-4-half-rem-lr {
        margin-left: 4.5rem;
        margin-right: 4.5rem;
    }

    .lg-margin-5-rem-lr {
        margin-left: 5rem;
        margin-right: 5rem;
    }

    .lg-margin-5-half-rem-lr {
        margin-left: 5.5rem;
        margin-right: 5.5rem;
    }

    .lg-margin-6-rem-lr {
        margin-left: 6rem;
        margin-right: 6rem;
    }

    .lg-margin-6-half-rem-lr {
        margin-left: 6.5rem;
        margin-right: 6.5rem;
    }

    .lg-margin-7-rem-lr {
        margin-left: 7rem;
        margin-right: 7rem;
    }

    .lg-margin-7-half-rem-lr {
        margin-left: 7.5rem;
        margin-right: 7.5rem;
    }

    .lg-margin-8-rem-lr {
        margin-left: 8rem;
        margin-right: 8rem;
    }

    .lg-margin-8-half-rem-lr {
        margin-left: 8.5rem;
        margin-right: 8.5rem;
    }

    .lg-margin-9-rem-lr {
        margin-left: 9rem;
        margin-right: 9rem;
    }

    .lg-margin-9-half-rem-lr {
        margin-left: 9.5rem;
        margin-right: 9.5rem;
    }

    .lg-margin-10-rem-lr {
        margin-left: 10rem;
        margin-right: 10rem;
    }

    .lg-margin-10-half-rem-lr {
        margin-left: 10.5rem;
        margin-right: 10.5rem;
    }

    /* margin top bottom */
    .lg-margin-one-tb {
        margin-top: 1%;
        margin-bottom: 1%;
    }

    .lg-margin-two-tb {
        margin-top: 2%;
        margin-bottom: 2%;
    }

    .lg-margin-three-tb {
        margin-top: 3%;
        margin-bottom: 3%;
    }

    .lg-margin-four-tb {
        margin-top: 4%;
        margin-bottom: 4%;
    }

    .lg-margin-five-tb {
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .lg-margin-six-tb {
        margin-top: 6%;
        margin-bottom: 6%;
    }

    .lg-margin-seven-tb {
        margin-top: 7%;
        margin-bottom: 7%;
    }

    .lg-margin-eight-tb {
        margin-top: 8%;
        margin-bottom: 8%;
    }

    .lg-margin-nine-tb {
        margin-top: 9%;
        margin-bottom: 9%;
    }

    .lg-margin-ten-tb {
        margin-top: 10%;
        margin-bottom: 10%;
    }

    .lg-margin-eleven-tb {
        margin-top: 11%;
        margin-bottom: 11%;
    }

    .lg-margin-twelve-tb {
        margin-top: 12%;
        margin-bottom: 12%;
    }

    .lg-margin-thirteen-tb {
        margin-top: 13%;
        margin-bottom: 13%;
    }

    .lg-margin-fourteen-tb {
        margin-top: 14%;
        margin-bottom: 14%;
    }

    .lg-margin-fifteen-tb {
        margin-top: 15%;
        margin-bottom: 15%;
    }

    .lg-margin-sixteen-tb {
        margin-top: 16%;
        margin-bottom: 16%;
    }

    .lg-margin-seventeen-tb {
        margin-top: 17%;
        margin-bottom: 17%;
    }

    .lg-margin-eighteen-tb {
        margin-top: 18%;
        margin-bottom: 18%;
    }

    .lg-margin-nineteen-tb {
        margin-top: 19%;
        margin-bottom: 19%;
    }

    .lg-margin-twenty-tb {
        margin-top: 20%;
        margin-bottom: 20%;
    }

    .lg-margin-5px-tb {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .lg-margin-10px-tb {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .lg-margin-15px-tb {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .lg-margin-20px-tb {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .lg-margin-25px-tb {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .lg-margin-30px-tb {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .lg-margin-35px-tb {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .lg-margin-40px-tb {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .lg-margin-45px-tb {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .lg-margin-50px-tb {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .lg-margin-55px-tb {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .lg-margin-60px-tb {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .lg-margin-65px-tb {
        margin-top: 65px;
        margin-bottom: 65px;
    }

    .lg-margin-70px-tb {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .lg-margin-75px-tb {
        margin-top: 75px;
        margin-bottom: 75px;
    }

    .lg-margin-80px-tb {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .lg-margin-85px-tb {
        margin-top: 85px;
        margin-bottom: 85px;
    }

    .lg-margin-90px-tb {
        margin-top: 90px;
        margin-bottom: 90px;
    }

    .lg-margin-95px-tb {
        margin-top: 95px;
        margin-bottom: 95px;
    }

    .lg-margin-100px-tb {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .lg-margin-1-rem-tb {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .lg-margin-1-half-rem-tb {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .lg-margin-2-rem-tb {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .lg-margin-2-half-rem-tb {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .lg-margin-3-rem-tb {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .lg-margin-3-half-rem-tb {
        margin-top: 3.5rem;
        margin-bottom: 3.5rem;
    }

    .lg-margin-4-rem-tb {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .lg-margin-4-half-rem-tb {
        margin-top: 4.5rem;
        margin-bottom: 4.5rem;
    }

    .lg-margin-5-rem-tb {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .lg-margin-5-half-rem-tb {
        margin-top: 5.5rem;
        margin-bottom: 5.5rem;
    }

    .lg-margin-6-rem-tb {
        margin-top: 6rem;
        margin-bottom: 6rem;
    }

    .lg-margin-6-half-rem-tb {
        margin-top: 6.5rem;
        margin-bottom: 6.5rem;
    }

    .lg-margin-7-rem-tb {
        margin-top: 7rem;
        margin-bottom: 7rem;
    }

    .lg-margin-7-half-rem-tb {
        margin-top: 7.5rem;
        margin-bottom: 7.5rem;
    }

    .lg-margin-8-rem-tb {
        margin-top: 8rem;
        margin-bottom: 8rem;
    }

    .lg-margin-8-half-rem-tb {
        margin-top: 8.5rem;
        margin-bottom: 8.5rem;
    }

    .lg-margin-9-rem-tb {
        margin-top: 9rem;
        margin-bottom: 9rem;
    }

    .lg-margin-9-half-rem-tb {
        margin-top: 9.5rem;
        margin-bottom: 9.5rem;
    }

    .lg-margin-10-rem-tb {
        margin-top: 10rem;
        margin-bottom: 10rem;
    }

    .lg-margin-10-half-rem-tb {
        margin-top: 10.5rem;
        margin-bottom: 10.5rem;
    }

    .lg-margin-auto-lr {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .lg-margin-auto {
        margin: auto;
    }

    .lg-no-margin {
        margin: 0 !important;
    }

    .lg-no-margin-top {
        margin-top: 0 !important;
    }

    .lg-no-margin-bottom {
        margin-bottom: 0 !important;
    }

    .lg-no-margin-left {
        margin-left: 0 !important;
    }

    .lg-no-margin-right {
        margin-right: 0 !important;
    }

    .lg-no-margin-tb {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .lg-no-margin-lr {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    /* padding */
    .lg-padding-one-all {
        padding: 1%;
    }

    .lg-padding-two-all {
        padding: 2%;
    }

    .lg-padding-three-all {
        padding: 3%;
    }

    .lg-padding-four-all {
        padding: 4%;
    }

    .lg-padding-five-all {
        padding: 5%;
    }

    .lg-padding-six-all {
        padding: 6%;
    }

    .lg-padding-seven-all {
        padding: 7%;
    }

    .lg-padding-eight-all {
        padding: 8%;
    }

    .lg-padding-nine-all {
        padding: 9%;
    }

    .lg-padding-ten-all {
        padding: 10%;
    }

    .lg-padding-eleven-all {
        padding: 11%;
    }

    .lg-padding-twelve-all {
        padding: 12%;
    }

    .lg-padding-thirteen-all {
        padding: 13%;
    }

    .lg-padding-fourteen-all {
        padding: 14%;
    }

    .lg-padding-fifteen-all {
        padding: 15%;
    }

    .lg-padding-sixteen-all {
        padding: 16%;
    }

    .lg-padding-seventeen-all {
        padding: 17%;
    }

    .lg-padding-eighteen-all {
        padding: 18%;
    }

    .lg-padding-nineteen-all {
        padding: 19%;
    }

    .lg-padding-twenty-all {
        padding: 20%;
    }

    .lg-padding-5px-all {
        padding: 5px;
    }

    .lg-padding-10px-all {
        padding: 10px;
    }

    .lg-padding-15px-all {
        padding: 15px;
    }

    .lg-padding-20px-all {
        padding: 20px;
    }

    .lg-padding-25px-all {
        padding: 25px;
    }

    .lg-padding-30px-all {
        padding: 30px;
    }

    .lg-padding-35px-all {
        padding: 35px;
    }

    .lg-padding-40px-all {
        padding: 40px;
    }

    .lg-padding-45px-all {
        padding: 45px;
    }

    .lg-padding-50px-all {
        padding: 50px;
    }

    .lg-padding-55px-all {
        padding: 55px;
    }

    .lg-padding-60px-all {
        padding: 60px;
    }

    .lg-padding-65px-all {
        padding: 65px;
    }

    .lg-padding-70px-all {
        padding: 70px;
    }

    .lg-padding-75px-all {
        padding: 75px;
    }

    .lg-padding-80px-all {
        padding: 80px;
    }

    .lg-padding-85px-all {
        padding: 85px;
    }

    .lg-padding-90px-all {
        padding: 90px;
    }

    .lg-padding-95px-all {
        padding: 95px;
    }

    .lg-padding-100px-all {
        padding: 100px;
    }

    .lg-padding-1-rem-all {
        padding: 1rem;
    }

    .lg-padding-1-half-rem-all {
        padding: 1.5rem;
    }

    .lg-padding-2-rem-all {
        padding: 2rem;
    }

    .lg-padding-2-half-rem-all {
        padding: 2.5rem;
    }

    .lg-padding-3-rem-all {
        padding: 3rem;
    }

    .lg-padding-3-half-rem-all {
        padding: 3.5rem;
    }

    .lg-padding-4-rem-all {
        padding: 4rem;
    }

    .lg-padding-4-half-rem-all {
        padding: 4.5rem;
    }

    .lg-padding-5-rem-all {
        padding: 5rem;
    }

    .lg-padding-5-half-rem-all {
        padding: 5.5rem;
    }

    .lg-padding-6-rem-all {
        padding: 6rem;
    }

    .lg-padding-6-half-rem-all {
        padding: 6.5rem;
    }

    .lg-padding-7-rem-all {
        padding: 7rem;
    }

    .lg-padding-7-half-rem-all {
        padding: 7.5rem;
    }

    .lg-padding-8-rem-all {
        padding: 8rem;
    }

    .lg-padding-8-half-rem-all {
        padding: 8.5rem;
    }

    .lg-padding-9-rem-all {
        padding: 9rem;
    }

    .lg-padding-9-half-rem-all {
        padding: 9.5rem;
    }

    .lg-padding-10-rem-all {
        padding: 10rem;
    }

    .lg-padding-10-half-rem-all {
        padding: 10.5rem;
    }

    /* padding top */
    .lg-padding-one-top {
        padding-top: 1%;
    }

    .lg-padding-two-top {
        padding-top: 2%;
    }

    .lg-padding-three-top {
        padding-top: 3%;
    }

    .lg-padding-four-top {
        padding-top: 4%;
    }

    .lg-padding-five-top {
        padding-top: 5%;
    }

    .lg-padding-six-top {
        padding-top: 6%;
    }

    .lg-padding-seven-top {
        padding-top: 7%;
    }

    .lg-padding-eight-top {
        padding-top: 8%;
    }

    .lg-padding-nine-top {
        padding-top: 9%;
    }

    .lg-padding-ten-top {
        padding-top: 10%;
    }

    .lg-padding-eleven-top {
        padding-top: 11%;
    }

    .lg-padding-twelve-top {
        padding-top: 12%;
    }

    .lg-padding-thirteen-top {
        padding-top: 13%;
    }

    .lg-padding-fourteen-top {
        padding-top: 14%;
    }

    .lg-padding-fifteen-top {
        padding-top: 15%;
    }

    .lg-padding-sixteen-top {
        padding-top: 16%;
    }

    .lg-padding-seventeen-top {
        padding-top: 17%;
    }

    .lg-padding-eighteen-top {
        padding-top: 18%;
    }

    .lg-padding-nineteen-top {
        padding-top: 19%;
    }

    .lg-padding-twenty-top {
        padding-top: 20%;
    }

    .lg-padding-5px-top {
        padding-top: 5px;
    }

    .lg-padding-10px-top {
        padding-top: 10px;
    }

    .lg-padding-15px-top {
        padding-top: 15px;
    }

    .lg-padding-20px-top {
        padding-top: 20px;
    }

    .lg-padding-25px-top {
        padding-top: 25px;
    }

    .lg-padding-30px-top {
        padding-top: 30px;
    }

    .lg-padding-35px-top {
        padding-top: 35px;
    }

    .lg-padding-40px-top {
        padding-top: 40px;
    }

    .lg-padding-45px-top {
        padding-top: 45px;
    }

    .lg-padding-50px-top {
        padding-top: 50px;
    }

    .lg-padding-55px-top {
        padding-top: 55px;
    }

    .lg-padding-60px-top {
        padding-top: 60px;
    }

    .lg-padding-65px-top {
        padding-top: 65px;
    }

    .lg-padding-70px-top {
        padding-top: 70px;
    }

    .lg-padding-75px-top {
        padding-top: 75px;
    }

    .lg-padding-80px-top {
        padding-top: 80px;
    }

    .lg-padding-85px-top {
        padding-top: 85px;
    }

    .lg-padding-90px-top {
        padding-top: 90px;
    }

    .lg-padding-95px-top {
        padding-top: 95px;
    }

    .lg-padding-100px-top {
        padding-top: 100px;
    }

    .lg-padding-1-rem-top {
        padding-top: 1rem;
    }

    .lg-padding-1-half-rem-top {
        padding-top: 1.5rem;
    }

    .lg-padding-2-rem-top {
        padding-top: 2rem;
    }

    .lg-padding-2-half-rem-top {
        padding-top: 2.5rem;
    }

    .lg-padding-3-rem-top {
        padding-top: 3rem;
    }

    .lg-padding-3-half-rem-top {
        padding-top: 3.5rem;
    }

    .lg-padding-4-rem-top {
        padding-top: 4rem;
    }

    .lg-padding-4-half-rem-top {
        padding-top: 4.5rem;
    }

    .lg-padding-5-rem-top {
        padding-top: 5rem;
    }

    .lg-padding-5-half-rem-top {
        padding-top: 5.5rem;
    }

    .lg-padding-6-rem-top {
        padding-top: 6rem;
    }

    .lg-padding-6-half-rem-top {
        padding-top: 6.5rem;
    }

    .lg-padding-7-rem-top {
        padding-top: 7rem;
    }

    .lg-padding-7-half-rem-top {
        padding-top: 7.5rem;
    }

    .lg-padding-8-rem-top {
        padding-top: 8rem;
    }

    .lg-padding-8-half-rem-top {
        padding-top: 8.5rem;
    }

    .lg-padding-9-rem-top {
        padding-top: 9rem;
    }

    .lg-padding-9-half-rem-top {
        padding-top: 9.5rem;
    }

    .lg-padding-10-rem-top {
        padding-top: 10rem;
    }

    .lg-padding-10-half-rem-top {
        padding-top: 10.5rem;
    }

    /* padding bottom */
    .lg-padding-one-bottom {
        padding-bottom: 1%;
    }

    .lg-padding-two-bottom {
        padding-bottom: 2%;
    }

    .lg-padding-three-bottom {
        padding-bottom: 3%;
    }

    .lg-padding-four-bottom {
        padding-bottom: 4%;
    }

    .lg-padding-five-bottom {
        padding-bottom: 5%;
    }

    .lg-padding-six-bottom {
        padding-bottom: 6%;
    }

    .lg-padding-seven-bottom {
        padding-bottom: 7%;
    }

    .lg-padding-eight-bottom {
        padding-bottom: 8%;
    }

    .lg-padding-nine-bottom {
        padding-bottom: 9%;
    }

    .lg-padding-ten-bottom {
        padding-bottom: 10%;
    }

    .lg-padding-eleven-bottom {
        padding-bottom: 11%;
    }

    .lg-padding-twelve-bottom {
        padding-bottom: 12%;
    }

    .lg-padding-thirteen-bottom {
        padding-bottom: 13%;
    }

    .lg-padding-fourteen-bottom {
        padding-bottom: 14%;
    }

    .lg-padding-fifteen-bottom {
        padding-bottom: 15%;
    }

    .lg-padding-sixteen-bottom {
        padding-bottom: 16%;
    }

    .lg-padding-seventeen-bottom {
        padding-bottom: 17%;
    }

    .lg-padding-eighteen-bottom {
        padding-bottom: 18%;
    }

    .lg-padding-nineteen-bottom {
        padding-bottom: 19%;
    }

    .lg-padding-twenty-bottom {
        padding-bottom: 20%;
    }

    .lg-padding-5px-bottom {
        padding-bottom: 5px;
    }

    .lg-padding-10px-bottom {
        padding-bottom: 10px;
    }

    .lg-padding-15px-bottom {
        padding-bottom: 15px;
    }

    .lg-padding-20px-bottom {
        padding-bottom: 20px;
    }

    .lg-padding-25px-bottom {
        padding-bottom: 25px;
    }

    .lg-padding-30px-bottom {
        padding-bottom: 30px;
    }

    .lg-padding-35px-bottom {
        padding-bottom: 35px;
    }

    .lg-padding-40px-bottom {
        padding-bottom: 40px;
    }

    .lg-padding-45px-bottom {
        padding-bottom: 45px;
    }

    .lg-padding-50px-bottom {
        padding-bottom: 50px;
    }

    .lg-padding-55px-bottom {
        padding-bottom: 55px;
    }

    .lg-padding-60px-bottom {
        padding-bottom: 60px;
    }

    .lg-padding-65px-bottom {
        padding-bottom: 65px;
    }

    .lg-padding-70px-bottom {
        padding-bottom: 70px;
    }

    .lg-padding-75px-bottom {
        padding-bottom: 75px;
    }

    .lg-padding-80px-bottom {
        padding-bottom: 80px;
    }

    .lg-padding-85px-bottom {
        padding-bottom: 85px;
    }

    .lg-padding-90px-bottom {
        padding-bottom: 90px;
    }

    .lg-padding-95px-bottom {
        padding-bottom: 95px;
    }

    .lg-padding-100px-bottom {
        padding-bottom: 100px;
    }

    .lg-padding-1-rem-bottom {
        padding-bottom: 1rem;
    }

    .lg-padding-1-half-rem-bottom {
        padding-bottom: 1.5rem;
    }

    .lg-padding-2-rem-bottom {
        padding-bottom: 2rem;
    }

    .lg-padding-2-half-rem-bottom {
        padding-bottom: 2.5rem;
    }

    .lg-padding-3-rem-bottom {
        padding-bottom: 3rem;
    }

    .lg-padding-3-half-rem-bottom {
        padding-bottom: 3.5rem;
    }

    .lg-padding-4-rem-bottom {
        padding-bottom: 4rem;
    }

    .lg-padding-4-half-rem-bottom {
        padding-bottom: 4.5rem;
    }

    .lg-padding-5-rem-bottom {
        padding-bottom: 5rem;
    }

    .lg-padding-5-half-rem-bottom {
        padding-bottom: 5.5rem;
    }

    .lg-padding-6-rem-bottom {
        padding-bottom: 6rem;
    }

    .lg-padding-6-half-rem-bottom {
        padding-bottom: 6.5rem;
    }

    .lg-padding-7-rem-bottom {
        padding-bottom: 7rem;
    }

    .lg-padding-7-half-rem-bottom {
        padding-bottom: 7.5rem;
    }

    .lg-padding-8-rem-bottom {
        padding-bottom: 8rem;
    }

    .lg-padding-8-half-rem-bottom {
        padding-bottom: 8.5rem;
    }

    .lg-padding-9-rem-bottom {
        padding-bottom: 9rem;
    }

    .lg-padding-9-half-rem-bottom {
        padding-bottom: 9.5rem;
    }

    .lg-padding-10-rem-bottom {
        padding-bottom: 10rem;
    }

    .lg-padding-10-half-rem-bottom {
        padding-bottom: 10.5rem;
    }

    /* padding right */
    .lg-padding-one-right {
        padding-right: 1%;
    }

    .lg-padding-two-right {
        padding-right: 2%;
    }

    .lg-padding-three-right {
        padding-right: 3%;
    }

    .lg-padding-four-right {
        padding-right: 4%;
    }

    .lg-padding-five-right {
        padding-right: 5%;
    }

    .lg-padding-six-right {
        padding-right: 6%;
    }

    .lg-padding-seven-right {
        padding-right: 7%;
    }

    .lg-padding-eight-right {
        padding-right: 8%;
    }

    .lg-padding-nine-right {
        padding-right: 9%;
    }

    .lg-padding-ten-right {
        padding-right: 10%;
    }

    .lg-padding-eleven-right {
        padding-right: 11%;
    }

    .lg-padding-twelve-right {
        padding-right: 12%;
    }

    .lg-padding-thirteen-right {
        padding-right: 13%;
    }

    .lg-padding-fourteen-right {
        padding-right: 14%;
    }

    .lg-padding-fifteen-right {
        padding-right: 15%;
    }

    .lg-padding-sixteen-right {
        padding-right: 16%;
    }

    .lg-padding-seventeen-right {
        padding-right: 17%;
    }

    .lg-padding-eighteen-right {
        padding-right: 18%;
    }

    .lg-padding-nineteen-right {
        padding-right: 19%;
    }

    .lg-padding-twenty-right {
        padding-right: 20%;
    }

    .lg-padding-5px-right {
        padding-right: 5px;
    }

    .lg-padding-10px-right {
        padding-right: 10px;
    }

    .lg-padding-15px-right {
        padding-right: 15px;
    }

    .lg-padding-20px-right {
        padding-right: 20px;
    }

    .lg-padding-25px-right {
        padding-right: 25px;
    }

    .lg-padding-30px-right {
        padding-right: 30px;
    }

    .lg-padding-35px-right {
        padding-right: 35px;
    }

    .lg-padding-40px-right {
        padding-right: 40px;
    }

    .lg-padding-45px-right {
        padding-right: 45px;
    }

    .lg-padding-50px-right {
        padding-right: 50px;
    }

    .lg-padding-55px-right {
        padding-right: 55px;
    }

    .lg-padding-60px-right {
        padding-right: 60px;
    }

    .lg-padding-65px-right {
        padding-right: 65px;
    }

    .lg-padding-70px-right {
        padding-right: 70px;
    }

    .lg-padding-75px-right {
        padding-right: 75px;
    }

    .lg-padding-80px-right {
        padding-right: 80px;
    }

    .lg-padding-85px-right {
        padding-right: 85px;
    }

    .lg-padding-90px-right {
        padding-right: 90px;
    }

    .lg-padding-95px-right {
        padding-right: 95px;
    }

    .lg-padding-100px-right {
        padding-right: 100px;
    }

    .lg-padding-1-rem-right {
        padding-right: 1rem;
    }

    .lg-padding-1-half-rem-right {
        padding-right: 1.5rem;
    }

    .lg-padding-2-rem-right {
        padding-right: 2rem;
    }

    .lg-padding-2-half-rem-right {
        padding-right: 2.5rem;
    }

    .lg-padding-3-rem-right {
        padding-right: 3rem;
    }

    .lg-padding-3-half-rem-right {
        padding-right: 3.5rem;
    }

    .lg-padding-4-rem-right {
        padding-right: 4rem;
    }

    .lg-padding-4-half-rem-right {
        padding-right: 4.5rem;
    }

    .lg-padding-5-rem-right {
        padding-right: 5rem;
    }

    .lg-padding-5-half-rem-right {
        padding-right: 5.5rem;
    }

    .lg-padding-6-rem-right {
        padding-right: 6rem;
    }

    .lg-padding-6-half-rem-right {
        padding-right: 6.5rem;
    }

    .lg-padding-7-rem-right {
        padding-right: 7rem;
    }

    .lg-padding-7-half-rem-right {
        padding-right: 7.5rem;
    }

    .lg-padding-8-rem-right {
        padding-right: 8rem;
    }

    .lg-padding-8-half-rem-right {
        padding-right: 8.5rem;
    }

    .lg-padding-9-rem-right {
        padding-right: 9rem;
    }

    .lg-padding-9-half-rem-right {
        padding-right: 9.5rem;
    }

    .lg-padding-10-rem-right {
        padding-right: 10rem;
    }

    .lg-padding-10-half-rem-right {
        padding-right: 10.5rem;
    }

    /* padding left */
    .lg-padding-one-left {
        padding-left: 1%;
    }

    .lg-padding-two-left {
        padding-left: 2%;
    }

    .lg-padding-three-left {
        padding-left: 3%;
    }

    .lg-padding-four-left {
        padding-left: 4%;
    }

    .lg-padding-five-left {
        padding-left: 5%;
    }

    .lg-padding-six-left {
        padding-left: 6%;
    }

    .lg-padding-seven-left {
        padding-left: 7%;
    }

    .lg-padding-eight-left {
        padding-left: 8%;
    }

    .lg-padding-nine-left {
        padding-left: 9%;
    }

    .lg-padding-ten-left {
        padding-left: 10%;
    }

    .lg-padding-eleven-left {
        padding-left: 11%;
    }

    .lg-padding-twelve-left {
        padding-left: 12%;
    }

    .lg-padding-thirteen-left {
        padding-left: 13%;
    }

    .lg-padding-fourteen-left {
        padding-left: 14%;
    }

    .lg-padding-fifteen-left {
        padding-left: 15%;
    }

    .lg-padding-sixteen-left {
        padding-left: 16%;
    }

    .lg-padding-seventeen-left {
        padding-left: 17%;
    }

    .lg-padding-eighteen-left {
        padding-left: 18%;
    }

    .lg-padding-nineteen-left {
        padding-left: 19%;
    }

    .lg-padding-twenty-left {
        padding-left: 20%;
    }

    .lg-padding-5px-left {
        padding-left: 5px;
    }

    .lg-padding-10px-left {
        padding-left: 10px;
    }

    .lg-padding-15px-left {
        padding-left: 15px;
    }

    .lg-padding-20px-left {
        padding-left: 20px;
    }

    .lg-padding-25px-left {
        padding-left: 25px;
    }

    .lg-padding-30px-left {
        padding-left: 30px;
    }

    .lg-padding-35px-left {
        padding-left: 35px;
    }

    .lg-padding-40px-left {
        padding-left: 40px;
    }

    .lg-padding-45px-left {
        padding-left: 45px;
    }

    .lg-padding-50px-left {
        padding-left: 50px;
    }

    .lg-padding-55px-left {
        padding-left: 55px;
    }

    .lg-padding-60px-left {
        padding-left: 60px;
    }

    .lg-padding-65px-left {
        padding-left: 65px;
    }

    .lg-padding-70px-left {
        padding-left: 70px;
    }

    .lg-padding-75px-left {
        padding-left: 75px;
    }

    .lg-padding-80px-left {
        padding-left: 80px;
    }

    .lg-padding-85px-left {
        padding-left: 85px;
    }

    .lg-padding-90px-left {
        padding-left: 90px;
    }

    .lg-padding-95px-left {
        padding-left: 95px;
    }

    .lg-padding-100px-left {
        padding-left: 100px;
    }

    .lg-padding-1-rem-left {
        padding-left: 1rem;
    }

    .lg-padding-1-half-rem-left {
        padding-left: 1.5rem;
    }

    .lg-padding-2-rem-left {
        padding-left: 2rem;
    }

    .lg-padding-2-half-rem-left {
        padding-left: 2.5rem;
    }

    .lg-padding-3-rem-left {
        padding-left: 3rem;
    }

    .lg-padding-3-half-rem-left {
        padding-left: 3.5rem;
    }

    .lg-padding-4-rem-left {
        padding-left: 4rem;
    }

    .lg-padding-4-half-rem-left {
        padding-left: 4.5rem;
    }

    .lg-padding-5-rem-left {
        padding-left: 5rem;
    }

    .lg-padding-5-half-rem-left {
        padding-left: 5.5rem;
    }

    .lg-padding-6-rem-left {
        padding-left: 6rem;
    }

    .lg-padding-6-half-rem-left {
        padding-left: 6.5rem;
    }

    .lg-padding-7-rem-left {
        padding-left: 7rem;
    }

    .lg-padding-7-half-rem-left {
        padding-left: 7.5rem;
    }

    .lg-padding-8-rem-left {
        padding-left: 8rem;
    }

    .lg-padding-8-half-rem-left {
        padding-left: 8.5rem;
    }

    .lg-padding-9-rem-left {
        padding-left: 9rem;
    }

    .lg-padding-9-half-rem-left {
        padding-left: 9.5rem;
    }

    .lg-padding-10-rem-left {
        padding-left: 10rem;
    }

    .lg-padding-10-half-rem-left {
        padding-left: 10.5rem;
    }

    /* padding top bottom */
    .lg-padding-one-tb {
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .lg-padding-two-tb {
        padding-top: 2%;
        padding-bottom: 2%;
    }

    .lg-padding-three-tb {
        padding-top: 3%;
        padding-bottom: 3%;
    }

    .lg-padding-four-tb {
        padding-top: 4%;
        padding-bottom: 4%;
    }

    .lg-padding-five-tb {
        padding-top: 5%;
        padding-bottom: 5%;
    }

    .lg-padding-six-tb {
        padding-top: 6%;
        padding-bottom: 6%;
    }

    .lg-padding-seven-tb {
        padding-top: 7%;
        padding-bottom: 7%;
    }

    .lg-padding-eight-tb {
        padding-top: 8%;
        padding-bottom: 8%;
    }

    .lg-padding-nine-tb {
        padding-top: 9%;
        padding-bottom: 9%;
    }

    .lg-padding-ten-tb {
        padding-top: 10%;
        padding-bottom: 10%;
    }

    .lg-padding-eleven-tb {
        padding-top: 11%;
        padding-bottom: 11%;
    }

    .lg-padding-twelve-tb {
        padding-top: 12%;
        padding-bottom: 12%;
    }

    .lg-padding-thirteen-tb {
        padding-top: 13%;
        padding-bottom: 13%;
    }

    .lg-padding-fourteen-tb {
        padding-top: 14%;
        padding-bottom: 14%;
    }

    .lg-padding-fifteen-tb {
        padding-top: 15%;
        padding-bottom: 15%;
    }

    .lg-padding-sixteen-tb {
        padding-top: 16%;
        padding-bottom: 16%;
    }

    .lg-padding-seventeen-tb {
        padding-top: 17%;
        padding-bottom: 17%;
    }

    .lg-padding-eighteen-tb {
        padding-top: 18%;
        padding-bottom: 18%;
    }

    .lg-padding-nineteen-tb {
        padding-top: 19%;
        padding-bottom: 19%;
    }

    .lg-padding-twenty-tb {
        padding-top: 20%;
        padding-bottom: 20%;
    }

    .lg-padding-5px-tb {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .lg-padding-10px-tb {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .lg-padding-15px-tb {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .lg-padding-20px-tb {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .lg-padding-25px-tb {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .lg-padding-30px-tb {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .lg-padding-35px-tb {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .lg-padding-40px-tb {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .lg-padding-45px-tb {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .lg-padding-50px-tb {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .lg-padding-55px-tb {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .lg-padding-60px-tb {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .lg-padding-65px-tb {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .lg-padding-70px-tb {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .lg-padding-75px-tb {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .lg-padding-80px-tb {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .lg-padding-85px-tb {
        padding-top: 85px;
        padding-bottom: 85px;
    }

    .lg-padding-90px-tb {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .lg-padding-95px-tb {
        padding-top: 95px;
        padding-bottom: 95px;
    }

    .lg-padding-100px-tb {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .lg-padding-1-rem-tb {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .lg-padding-1-half-rem-tb {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .lg-padding-2-rem-tb {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .lg-padding-2-half-rem-tb {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .lg-padding-3-rem-tb {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .lg-padding-3-half-rem-tb {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }

    .lg-padding-4-rem-tb {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .lg-padding-4-half-rem-tb {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem;
    }

    .lg-padding-5-rem-tb {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .lg-padding-5-half-rem-tb {
        padding-top: 5.5rem;
        padding-bottom: 5.5rem;
    }

    .lg-padding-6-rem-tb {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .lg-padding-6-half-rem-tb {
        padding-top: 6.5rem;
        padding-bottom: 6.5rem;
    }

    .lg-padding-7-rem-tb {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }

    .lg-padding-7-half-rem-tb {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem;
    }

    .lg-padding-8-rem-tb {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .lg-padding-8-half-rem-tb {
        padding-top: 8.5rem;
        padding-bottom: 8.5rem;
    }

    .lg-padding-9-rem-tb {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }

    .lg-padding-9-half-rem-tb {
        padding-top: 9.5rem;
        padding-bottom: 9.5rem;
    }

    .lg-padding-10-rem-tb {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }

    .lg-padding-10-half-rem-tb {
        padding-top: 10.5rem;
        padding-bottom: 10.5rem;
    }

    /* padding left right */
    .lg-padding-one-lr {
        padding-left: 1%;
        padding-right: 1%;
    }

    .lg-padding-two-lr {
        padding-left: 2%;
        padding-right: 2%;
    }

    .lg-padding-three-lr {
        padding-left: 3%;
        padding-right: 3%;
    }

    .lg-padding-four-lr {
        padding-left: 4%;
        padding-right: 4%;
    }

    .lg-padding-five-lr {
        padding-left: 5%;
        padding-right: 5%;
    }

    .lg-padding-six-lr {
        padding-left: 6%;
        padding-right: 6%;
    }

    .lg-padding-seven-lr {
        padding-left: 7%;
        padding-right: 7%;
    }

    .lg-padding-eight-lr {
        padding-left: 8%;
        padding-right: 8%;
    }

    .lg-padding-nine-lr {
        padding-left: 9%;
        padding-right: 9%;
    }

    .lg-padding-ten-lr {
        padding-left: 10%;
        padding-right: 10%;
    }

    .lg-padding-eleven-lr {
        padding-left: 11%;
        padding-right: 11%;
    }

    .lg-padding-twelve-lr {
        padding-left: 12%;
        padding-right: 12%;
    }

    .lg-padding-thirteen-lr {
        padding-left: 13%;
        padding-right: 13%;
    }

    .lg-padding-fourteen-lr {
        padding-left: 14%;
        padding-right: 14%;
    }

    .lg-padding-fifteen-lr {
        padding-left: 15%;
        padding-right: 15%;
    }

    .lg-padding-sixteen-lr {
        padding-left: 16%;
        padding-right: 16%;
    }

    .lg-padding-seventeen-lr {
        padding-left: 17%;
        padding-right: 17%;
    }

    .lg-padding-eighteen-lr {
        padding-left: 18%;
        padding-right: 18%;
    }

    .lg-padding-nineteen-lr {
        padding-left: 19%;
        padding-right: 19%;
    }

    .lg-padding-twenty-lr {
        padding-left: 20%;
        padding-right: 20%;
    }

    .lg-padding-5px-lr {
        padding-left: 5px;
        padding-right: 5px;
    }

    .lg-padding-10px-lr {
        padding-left: 10px;
        padding-right: 10px;
    }

    .lg-padding-15px-lr {
        padding-left: 15px;
        padding-right: 15px;
    }

    .lg-padding-20px-lr {
        padding-left: 20px;
        padding-right: 20px;
    }

    .lg-padding-25px-lr {
        padding-left: 25px;
        padding-right: 25px;
    }

    .lg-padding-30px-lr {
        padding-left: 30px;
        padding-right: 30px;
    }

    .lg-padding-35px-lr {
        padding-left: 35px;
        padding-right: 35px;
    }

    .lg-padding-40px-lr {
        padding-left: 40px;
        padding-right: 40px;
    }

    .lg-padding-45px-lr {
        padding-left: 45px;
        padding-right: 45px;
    }

    .lg-padding-50px-lr {
        padding-left: 50px;
        padding-right: 50px;
    }

    .lg-padding-55px-lr {
        padding-left: 55px;
        padding-right: 55px;
    }

    .lg-padding-60px-lr {
        padding-left: 60px;
        padding-right: 60px;
    }

    .lg-padding-65px-lr {
        padding-left: 65px;
        padding-right: 65px;
    }

    .lg-padding-70px-lr {
        padding-left: 70px;
        padding-right: 70px;
    }

    .lg-padding-75px-lr {
        padding-left: 75px;
        padding-right: 75px;
    }

    .lg-padding-80px-lr {
        padding-left: 80px;
        padding-right: 80px;
    }

    .lg-padding-85px-lr {
        padding-left: 85px;
        padding-right: 85px;
    }

    .lg-padding-90px-lr {
        padding-left: 90px;
        padding-right: 90px;
    }

    .lg-padding-95px-lr {
        padding-left: 95px;
        padding-right: 95px;
    }

    .lg-padding-100px-lr {
        padding-left: 100px;
        padding-right: 100px;
    }

    .lg-padding-1-rem-lr {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .lg-padding-1-half-rem-lr {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .lg-padding-2-rem-lr {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .lg-padding-2-half-rem-lr {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .lg-padding-3-rem-lr {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .lg-padding-3-half-rem-lr {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }

    .lg-padding-4-rem-lr {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .lg-padding-4-half-rem-lr {
        padding-left: 4.5rem;
        padding-right: 4.5rem;
    }

    .lg-padding-5-rem-lr {
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .lg-padding-5-half-rem-lr {
        padding-left: 5.5rem;
        padding-right: 5.5rem;
    }

    .lg-padding-6-rem-lr {
        padding-left: 6rem;
        padding-right: 6rem;
    }

    .lg-padding-6-half-rem-lr {
        padding-left: 6.5rem;
        padding-right: 6.5rem;
    }

    .lg-padding-7-rem-lr {
        padding-left: 7rem;
        padding-right: 7rem;
    }

    .lg-padding-7-half-rem-lr {
        padding-left: 7.5rem;
        padding-right: 7.5rem;
    }

    .lg-padding-8-rem-lr {
        padding-left: 8rem;
        padding-right: 8rem;
    }

    .lg-padding-8-half-rem-lr {
        padding-left: 8.5rem;
        padding-right: 8.5rem;
    }

    .lg-padding-9-rem-lr {
        padding-left: 9rem;
        padding-right: 9rem;
    }

    .lg-padding-9-half-rem-lr {
        padding-left: 9.5rem;
        padding-right: 9.5rem;
    }

    .lg-padding-10-rem-lr {
        padding-left: 10rem;
        padding-right: 10rem;
    }

    .lg-padding-10-half-rem-lr {
        padding-left: 10.5rem;
        padding-right: 10.5rem;
    }

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

    .lg-no-padding-lr {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .lg-no-padding-tb {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .lg-no-padding-top {
        padding-top: 0 !important;
    }

    .lg-no-padding-bottom {
        padding-bottom: 0 !important;
    }

    .lg-no-padding-left {
        padding-left: 0 !important;
    }

    .lg-no-padding-right {
        padding-right: 0 !important;
    }

    /* display and overflow */
    .lg-d-initial {
        display: initial !important;
    }

    .lg-overflow-hidden {
        overflow: hidden !important;
    }

    .lg-overflow-visible {
        overflow: visible !important;
    }

    .lg-overflow-auto {
        overflow: auto !important;
    }

    /* position */
    .lg-position-relative {
        position: relative !important;
    }

    .lg-position-absolute {
        position: absolute !important;
    }

    .lg-position-fixed {
        position: fixed !important;
    }

    .lg-position-inherit {
        position: inherit !important;
    }

    .lg-position-initial {
        position: initial !important;
    }

    /* top */
    .lg-top-0px {
        top: 0;
    }

    .lg-top-1px {
        top: 1px;
    }

    .lg-top-2px {
        top: 2px;
    }

    .lg-top-3px {
        top: 3px;
    }

    .lg-top-4px {
        top: 4px;
    }

    .lg-top-5px {
        top: 5px;
    }

    .lg-top-6px {
        top: 6px;
    }

    .lg-top-7px {
        top: 7px;
    }

    .lg-top-8px {
        top: 8px;
    }

    .lg-top-9px {
        top: 9px;
    }

    .lg-top-10px {
        top: 10px;
    }

    .lg-top-15px {
        top: 15px;
    }

    .lg-top-20px {
        top: 20px;
    }

    .lg-top-25px {
        top: 25px;
    }

    .lg-top-30px {
        top: 30px;
    }

    .lg-top-35px {
        top: 35px;
    }

    .lg-top-40px {
        top: 40px;
    }

    .lg-top-45px {
        top: 45px;
    }

    .lg-top-50px {
        top: 50px;
    }

    .lg-top-auto {
        top: auto;
    }

    .lg-top-inherit {
        top: inherit;
    }

    /* top minus */
    .lg-top-minus-1px {
        top: -1px;
    }

    .lg-top-minus-2px {
        top: -2px;
    }

    .lg-top-minus-3px {
        top: -3px;
    }

    .lg-top-minus-4px {
        top: -4px;
    }

    .lg-top-minus-5px {
        top: -5px;
    }

    .lg-top-minus-6px {
        top: -6px;
    }

    .lg-top-minus-7px {
        top: -7px;
    }

    .lg-top-minus-8px {
        top: -8px;
    }

    .lg-top-minus-9px {
        top: -9px;
    }

    .lg-top-minus-10px {
        top: -10px;
    }

    .lg-top-minus-15px {
        top: -15px;
    }

    .lg-top-minus-20px {
        top: -20px;
    }

    .lg-top-minus-25px {
        top: -25px;
    }

    .lg-top-minus-30px {
        top: -30px;
    }

    .lg-top-minus-35px {
        top: -35px;
    }

    .lg-top-minus-40px {
        top: -40px;
    }

    .lg-top-minus-45px {
        top: -45px;
    }

    .lg-top-minus-50px {
        top: -50px;
    }

    /* bottom */
    .lg-bottom-0px {
        bottom: 0;
    }

    .lg-bottom-1px {
        bottom: 1px;
    }

    .lg-bottom-2px {
        bottom: 2px;
    }

    .lg-bottom-3px {
        bottom: 3px;
    }

    .lg-bottom-4px {
        bottom: 4px;
    }

    .lg-bottom-5px {
        bottom: 5px;
    }

    .lg-bottom-6px {
        bottom: 6px;
    }

    .lg-bottom-7px {
        bottom: 7px;
    }

    .lg-bottom-8px {
        bottom: 8px;
    }

    .lg-bottom-9px {
        bottom: 9px;
    }

    .lg-bottom-10px {
        bottom: 10px;
    }

    .lg-bottom-15px {
        bottom: 15px;
    }

    .lg-bottom-20px {
        bottom: 20px;
    }

    .lg-bottom-25px {
        bottom: 25px;
    }

    .lg-bottom-30px {
        bottom: 30px;
    }

    .lg-bottom-35px {
        bottom: 35px;
    }

    .lg-bottom-40px {
        bottom: 40px;
    }

    .lg-bottom-45px {
        bottom: 45px;
    }

    .lg-bottom-50px {
        bottom: 50px;
    }

    .lg-bottom-55px {
        bottom: 55px;
    }

    .lg-bottom-60px {
        bottom: 60px;
    }

    .lg-bottom-auto {
        bottom: auto;
    }

    .lg-bottom-inherit {
        bottom: inherit;
    }

    /* bottom minus */
    .lg-bottom-minus-1px {
        bottom: -1px;
    }

    .lg-bottom-minus-2px {
        bottom: -2px;
    }

    .lg-bottom-minus-3px {
        bottom: -3px;
    }

    .lg-bottom-minus-4px {
        bottom: -4px;
    }

    .lg-bottom-minus-5px {
        bottom: -5px;
    }

    .lg-bottom-minus-6px {
        bottom: -6px;
    }

    .lg-bottom-minus-7px {
        bottom: -7px;
    }

    .lg-bottom-minus-8px {
        bottom: -8px;
    }

    .lg-bottom-minus-9px {
        bottom: -9px;
    }

    .lg-bottom-minus-10px {
        bottom: -10px;
    }

    .lg-bottom-minus-15px {
        bottom: -15px;
    }

    .lg-bottom-minus-20px {
        bottom: -20px;
    }

    .lg-bottom-minus-25px {
        bottom: -25px;
    }

    .lg-bottom-minus-30px {
        bottom: -30px;
    }

    .lg-bottom-minus-35px {
        bottom: -35px;
    }

    .lg-bottom-minus-40px {
        bottom: -40px;
    }

    .lg-bottom-minus-45px {
        bottom: -45px;
    }

    .lg-bottom-minus-50px {
        bottom: -50px;
    }

    /* right */
    .lg-right-0px {
        right: 0;
    }

    .lg-right-1px {
        right: 1px;
    }

    .lg-right-2px {
        right: 2px;
    }

    .lg-right-3px {
        right: 3px;
    }

    .lg-right-4px {
        right: 4px;
    }

    .lg-right-5px {
        right: 5px;
    }

    .lg-right-6px {
        right: 6px;
    }

    .lg-right-7px {
        right: 7px;
    }

    .lg-right-8px {
        right: 8px;
    }

    .lg-right-9px {
        right: 9px;
    }

    .lg-right-10px {
        right: 10px;
    }

    .lg-right-15px {
        right: 15px;
    }

    .lg-right-20px {
        right: 20px;
    }

    .lg-right-25px {
        right: 25px;
    }

    .lg-right-30px {
        right: 30px;
    }

    .lg-right-35px {
        right: 35px;
    }

    .lg-right-40px {
        right: 40px;
    }

    .lg-right-45px {
        right: 45px;
    }

    .lg-right-50px {
        right: 50px;
    }

    .lg-right-auto {
        right: auto;
    }

    .lg-right-inherit {
        right: inherit;
    }

    /* right minus */
    .lg-right-minus-1px {
        right: -1px;
    }

    .lg-right-minus-2px {
        right: -2px;
    }

    .lg-right-minus-3px {
        right: -3px;
    }

    .lg-right-minus-4px {
        right: -4px;
    }

    .lg-right-minus-5px {
        right: -5px;
    }

    .lg-right-minus-6px {
        right: -6px;
    }

    .lg-right-minus-7px {
        right: -7px;
    }

    .lg-right-minus-8px {
        right: -8px;
    }

    .lg-right-minus-9px {
        right: -9px;
    }

    .lg-right-minus-10px {
        right: -10px;
    }

    .lg-right-minus-15px {
        right: -15px;
    }

    .lg-right-minus-20px {
        right: -20px;
    }

    .lg-right-minus-25px {
        right: -25px;
    }

    .lg-right-minus-30px {
        right: -30px;
    }

    .lg-right-minus-35px {
        right: -35px;
    }

    .lg-right-minus-40px {
        right: -40px;
    }

    .lg-right-minus-45px {
        right: -45px;
    }

    .lg-right-minus-50px {
        right: -50px;
    }

    /* left */
    .lg-left-0px {
        left: 0;
    }

    .lg-left-1px {
        left: 1px;
    }

    .lg-left-2px {
        left: 2px;
    }

    .lg-left-3px {
        left: 3px;
    }

    .lg-left-4px {
        left: 4px;
    }

    .lg-left-5px {
        left: 5px;
    }

    .lg-left-6px {
        left: 6px;
    }

    .lg-left-7px {
        left: 7px;
    }

    .lg-left-8px {
        left: 8px;
    }

    .lg-left-9px {
        left: 9px;
    }

    .lg-left-10px {
        left: 10px;
    }

    .lg-left-15px {
        left: 15px;
    }

    .lg-left-20px {
        left: 20px;
    }

    .lg-left-25px {
        left: 25px;
    }

    .lg-left-30px {
        left: 30px;
    }

    .lg-left-35px {
        left: 35px;
    }

    .lg-left-40px {
        left: 40px;
    }

    .lg-left-45px {
        left: 45px;
    }

    .lg-left-50px {
        left: 50px;
    }

    .lg-left-55px {
        left: 55px;
    }

    .lg-left-60px {
        left: 60px;
    }

    .lg-left-auto {
        left: auto;
    }

    .lg-left-inherit {
        left: inherit;
    }

    /* left minus */
    .lg-left-minus-1px {
        left: -1px;
    }

    .lg-left-minus-2px {
        left: -2px;
    }

    .lg-left-minus-3px {
        left: -3px;
    }

    .lg-left-minus-4px {
        left: -4px;
    }

    .lg-left-minus-5px {
        left: -5px;
    }

    .lg-left-minus-6px {
        left: -6px;
    }

    .lg-left-minus-7px {
        left: -7px;
    }

    .lg-left-minus-8px {
        left: -8px;
    }

    .lg-left-minus-9px {
        left: -9px;
    }

    .lg-left-minus-10px {
        left: -10px;
    }

    .lg-left-minus-15px {
        left: -15px;
    }

    .lg-left-minus-20px {
        left: -20px;
    }

    .lg-left-minus-25px {
        left: -25px;
    }

    .lg-left-minus-30px {
        left: -30px;
    }

    .lg-left-minus-35px {
        left: -35px;
    }

    .lg-left-minus-40px {
        left: -40px;
    }

    .lg-left-minus-45px {
        left: -45px;
    }

    .lg-left-minus-50px {
        left: -50px;
    }

    /* width */
    .lg-w-1px {
        width: 1px !important;
    }

    .lg-w-2px {
        width: 2px !important;
    }

    .lg-w-3px {
        width: 3px !important;
    }

    .lg-w-4px {
        width: 4px !important;
    }

    .lg-w-5px {
        width: 5px !important;
    }

    .lg-w-6px {
        width: 6px !important;
    }

    .lg-w-7px {
        width: 7px !important;
    }

    .lg-w-8px {
        width: 8px !important;
    }

    .lg-w-9px {
        width: 9px !important;
    }

    .lg-w-10px {
        width: 10px !important;
    }

    .lg-w-15px {
        width: 15px !important;
    }

    .lg-w-20px {
        width: 20px !important;
    }

    .lg-w-25px {
        width: 25px !important;
    }

    .lg-w-30px {
        width: 30px !important;
    }

    .lg-w-35px {
        width: 35px !important;
    }

    .lg-w-40px {
        width: 40px !important;
    }

    .lg-w-50px {
        width: 50px !important;
    }

    .lg-w-55px {
        width: 55px !important;
    }

    .lg-w-60px {
        width: 60px !important;
    }

    .lg-w-65px {
        width: 65px !important;
    }

    .lg-w-70px {
        width: 70px !important;
    }

    .lg-w-75px {
        width: 75px !important;
    }

    .lg-w-80px {
        width: 80px !important;
    }

    .lg-w-85px {
        width: 85px !important;
    }

    .lg-w-90px {
        width: 90px !important;
    }

    .lg-w-95px {
        width: 95px !important;
    }

    .lg-w-100px {
        width: 100px !important;
    }

    .lg-w-110px {
        width: 110px !important;
    }

    .lg-w-120px {
        width: 120px !important;
    }

    .lg-w-130px {
        width: 130px !important;
    }

    .lg-w-140px {
        width: 140px !important;
    }

    .lg-w-150px {
        width: 150px !important;
    }

    .lg-w-160px {
        width: 160px !important;
    }

    .lg-w-170px {
        width: 170px !important;
    }

    .lg-w-180px {
        width: 180px !important;
    }

    .lg-w-190px {
        width: 190px !important;
    }

    .lg-w-200px {
        width: 200px !important;
    }

    .lg-w-250px {
        width: 250px !important;
    }

    .lg-w-300px {
        width: 300px !important;
    }

    .lg-w-350px {
        width: 350px !important;
    }

    .lg-w-400px {
        width: 400px !important;
    }

    .lg-w-450px {
        width: 450px !important;
    }

    .lg-w-500px {
        width: 500px !important;
    }

    .lg-w-550px {
        width: 550px !important;
    }

    .lg-w-600px {
        width: 600px !important;
    }

    .lg-w-650px {
        width: 650px !important;
    }

    .lg-w-700px {
        width: 700px !important;
    }

    .lg-w-750px {
        width: 750px !important;
    }

    .lg-w-800px {
        width: 800px !important;
    }

    .lg-w-850px {
        width: 850px !important;
    }

    .lg-w-900px {
        width: 900px !important;
    }

    .lg-w-950px {
        width: 950px !important;
    }

    .lg-w-1000px {
        width: 1000px !important;
    }

    .lg-w-10 {
        width: 10% !important;
    }

    .lg-w-15 {
        width: 15% !important;
    }

    .lg-w-20 {
        width: 20% !important;
    }

    .lg-w-25 {
        width: 25% !important;
    }

    .lg-w-30 {
        width: 30% !important;
    }

    .lg-w-35 {
        width: 35% !important;
    }

    .lg-w-40 {
        width: 40% !important;
    }

    .lg-w-45 {
        width: 45% !important;
    }

    .lg-w-50 {
        width: 50% !important;
    }

    .lg-w-55 {
        width: 55% !important;
    }

    .lg-w-60 {
        width: 60% !important;
    }

    .lg-w-65 {
        width: 65% !important;
    }

    .lg-w-70 {
        width: 70% !important;
    }

    .lg-w-75 {
        width: 75% !important;
    }

    .lg-w-80 {
        width: 80% !important;
    }

    .lg-w-85 {
        width: 85% !important;
    }

    .lg-w-90 {
        width: 90% !important;
    }

    .lg-w-95 {
        width: 95% !important;
    }

    .lg-w-100 {
        width: 100% !important;
    }

    .lg-w-auto {
        width: auto !important;
    }

    /* height */
    .lg-h-1px {
        height: 1px !important;
    }

    .lg-h-2px {
        height: 2px !important;
    }

    .lg-h-3px {
        height: 3px !important;
    }

    .lg-h-4px {
        height: 4px !important;
    }

    .lg-h-5px {
        height: 5px !important;
    }

    .lg-h-6px {
        height: 6px !important;
    }

    .lg-h-7px {
        height: 7px !important;
    }

    .lg-h-8px {
        height: 8px !important;
    }

    .lg-h-9px {
        height: 9px !important;
    }

    .lg-h-10px {
        height: 10px !important;
    }

    .lg-h-20px {
        height: 20px !important;
    }

    .lg-h-30px {
        height: 30px !important;
    }

    .lg-h-40px {
        height: 40px !important;
    }

    .lg-h-42px {
        height: 42px !important;
    }

    .lg-h-50px {
        height: 50px !important;
    }

    .lg-h-60px {
        height: 60px !important;
    }

    .lg-h-70px {
        height: 70px !important;
    }

    .lg-h-80px {
        height: 80px !important;
    }

    .lg-h-90px {
        height: 90px !important;
    }

    .lg-h-100px {
        height: 100px !important;
    }

    .lg-h-110px {
        height: 110px !important;
    }

    .lg-h-120px {
        height: 120px !important;
    }

    .lg-h-130px {
        height: 130px !important;
    }

    .lg-h-140px {
        height: 140px !important;
    }

    .lg-h-150px {
        height: 150px !important;
    }

    .lg-h-160px {
        height: 160px !important;
    }

    .lg-h-170px {
        height: 170px !important;
    }

    .lg-h-180px {
        height: 180px !important;
    }

    .lg-h-190px {
        height: 190px !important;
    }

    .lg-h-200px {
        height: 200px !important;
    }

    .lg-h-250px {
        height: 250px !important;
    }

    .lg-h-300px {
        height: 300px !important;
    }

    .lg-h-350px {
        height: 350px !important;
    }

    .lg-h-400px {
        height: 400px !important;
    }

    .lg-h-450px {
        height: 450px !important;
    }

    .lg-h-500px {
        height: 500px !important;
    }

    .lg-h-520px {
        height: 520px !important;
    }

    .lg-h-550px {
        height: 550px !important;
    }

    .lg-h-580px {
        height: 580px !important;
    }

    .lg-h-600px {
        height: 600px !important;
    }

    .lg-h-650px {
        height: 650px !important;
    }

    .lg-h-700px {
        height: 700px !important;
    }

    .lg-h-720px {
        height: 720px !important;
    }

    .lg-h-750px {
        height: 750px !important;
    }

    .lg-h-800px {
        height: 800px !important;
    }

    .lg-h-820px {
        height: 820px !important;
    }

    .lg-h-830px {
        height: 830px !important;
    }

    .lg-h-850px {
        height: 850px !important;
    }

    .lg-h-50 {
        height: 50% !important;
    }

    .lg-h-100 {
        height: 100% !important;
    }

    .lg-h-auto {
        height: auto !important;
    }

    /* min-height */
    .lg-min-h-100px {
        min-height: 100px;
    }

    .lg-min-h-200px {
        min-height: 200px;
    }

    .lg-min-h-300px {
        min-height: 300px;
    }

    .lg-min-h-400px {
        min-height: 400px;
    }

    .lg-min-h-500px {
        min-height: 500px;
    }

    .lg-min-h-600px {
        min-height: 600px;
    }

    .lg-min-h-700px {
        min-height: 700px;
    }

    /* screen height */
    .one-fifth-screen {
        height: 750px;
    }

    /* letter spacing */
    .lg-letter-spacing-normal {
        letter-spacing: normal;
    }

    .lg-letter-spacing-1-half {
        letter-spacing: 0.5px;
    }

    .lg-letter-spacing-1px {
        letter-spacing: 1px;
    }

    .lg-letter-spacing-2px {
        letter-spacing: 2px;
    }

    .lg-letter-spacing-3px {
        letter-spacing: 3px;
    }

    .lg-letter-spacing-4px {
        letter-spacing: 4px;
    }

    .lg-letter-spacing-5px {
        letter-spacing: 5px;
    }

    /* interactive banner style 02 */
    .interactive-banners-style-02 .category-name {
        left: 40px;
    }

    .interactive-banners-style-02 .category-content {
        padding: 20px 40px 40px;
    }

    /* interactive banner style 05 */
    .interactive-banners-style-05 .interactive-banners-content,
    .interactive-banners-style-05 .interactive-banners-overlayer {
        transform: translateY(calc(100% - 125px));
        -webkit-transform: translateY(calc(100% - 125px));
        -moz-transform: translateY(calc(100% - 125px));
        -ms-transform: translateY(calc(100% - 125px));
    }

    /* interactive banner style 09 */
    .interactive-banners-style-09 .interactive-banners-content .interactive-banners-hover-icon {
        left: 50px;
        bottom: 50px;
    }

    /* process step style 04 */
    .process-step-style-04 .process-step-item {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* accordion style 04 */
    .accordion-style-04 .panel .panel-body {
        width: 45%;
    }

    /* time table */
    .time-table .panel {
        padding: 20px 40px;
    }

    .time-table .panel .panel-time {
        min-width: 170px;
    }

    .time-table .panel .panel-body {
        width: calc(100% - 350px);
    }

    /* tab style 05 */
    .tab-style-05 .nav-tabs li a {
        padding: 8px 30px;
    }

    /* tab style 07 */
    .tab-style-07 .nav-tabs>li.nav-item {
        padding: 0 10px;
    }

    .tab-style-07 .nav-tabs>li.nav-item>a.nav-link {
        padding: 30px 30px 28px 30px;
    }

    /* no border */
    .lg-no-border-top {
        border-top: 0 !important;
    }

    .lg-no-border-bottom {
        border-bottom: 0 !important;
    }

    .lg-no-border-right {
        border-right: 0 !important;
    }

    .lg-no-border-left {
        border-left: 0 !important;
    }

    .lg-no-border-all {
        border: 0 !important;
    }

    /* border width */
    .lg-border-width-1px {
        border-width: 1px !important;
    }

    .lg-border-width-2px {
        border-width: 2px !important;
    }

    .lg-border-width-3px {
        border-width: 3px !important;
    }

    .lg-border-width-4px {
        border-width: 4px !important;
    }

    .lg-border-width-5px {
        border-width: 5px !important;
    }

    .lg-border-width-6px {
        border-width: 6px !important;
    }

    .lg-border-width-7px {
        border-width: 7px !important;
    }

    .lg-border-width-8px {
        border-width: 8px !important;
    }

    .lg-border-width-9px {
        border-width: 9px !important;
    }

    .lg-border-width-10px {
        border-width: 10px !important;
    }

    .lg-border-width-11px {
        border-width: 11px !important;
    }

    .lg-border-width-12px {
        border-width: 12px !important;
    }

    .lg-border-width-13px {
        border-width: 13px !important;
    }

    .lg-border-width-14px {
        border-width: 14px !important;
    }

    .lg-border-width-15px {
        border-width: 15px !important;
    }

    .lg-border-width-16px {
        border-width: 16px !important;
    }

    .lg-border-width-17px {
        border-width: 17px !important;
    }

    .lg-border-width-18px {
        border-width: 18px !important;
    }

    .lg-border-width-19px {
        border-width: 19px !important;
    }

    .lg-border-width-20px {
        border-width: 20px !important;
    }

    /* border */
    .lg-border-all {
        border: 1px solid;
    }

    .lg-border-top {
        border-top: 1px solid;
    }

    .lg-border-bottom {
        border-bottom: 1px solid;
    }

    .lg-border-left {
        border-left: 1px solid;
    }

    .lg-border-right {
        border-right: 1px solid;
    }

    .lg-border-lr {
        border-left: 1px solid;
        border-right: 1px solid;
    }

    .lg-border-tb {
        border-top: 1px solid;
        border-bottom: 1px solid;
    }

    /* border color */
    .lg-border-color-white {
        border-color: #fff;
    }

    .lg-border-color-black {
        border-color: #000;
    }

    .lg-border-color-sky-blue {
        border-color: #2e94eb;
    }

    .lg-border-color-extra-dark-gray {
        border-color: #232323;
    }

    .lg-border-color-medium-dark-gray {
        border-color: #363636;
    }

    .lg-border-color-dark-gray {
        border-color: #939393;
    }

    .lg-border-color-extra-medium-gray {
        border-color: #dbdbdb;
    }

    .lg-border-color-medium-gray {
        border-color: #e4e4e4;
    }

    .lg-border-color-extra-light-gray {
        border-color: #ededed;
    }

    .lg-border-color-light-gray {
        border-color: #f5f5f5;
    }

    .lg-border-color-light-pink {
        border-color: #862237;
    }

    .lg-border-color-deep-pink {
        border-color: #ff214f;
    }

    .lg-border-color-pink {
        border-color: #ff357c;
    }

    .lg-border-color-fast-blue {
        border-color: #0038e3;
    }

    .lg-border-color-orange {
        border-color: #ff6437;
    }

    .lg-border-color-green {
        border-color: #c5d300;
    }

    .lg-border-color-golden {
        border-color: #d0ba6d;
    }

    .lg-border-color-persian-blue {
        border-color: #0039cc;
    }

    .lg-border-color-purple {
        border-color: #7342ac;
    }

    .lg-border-color-parrot-green {
        border-color: #cee002;
    }

    .lg-border-color-dark-red {
        border-color: #e12837;
    }

    /* transparent border */
    .lg-border-color-transparent {
        border-color: transparent;
    }

    .lg-border-color-black-transparent {
        border-color: rgba(0, 0, 0, 0.1);
    }

    .lg-border-color-white-transparent {
        border-color: rgba(255, 255, 255, 0.1);
    }

    .lg-border-color-golden-transparent {
        border-color: rgba(208, 186, 109, 0.2);
    }

    .lg-border-color-pink-transparent {
        border-color: rgba(255, 33, 79, 0.45);
    }

    .lg-border-color-dark-white-transparent {
        border-color: rgba(255, 255, 255, 0.2);
    }

    .lg-border-color-medium-white-transparent {
        border-color: rgba(255, 255, 255, 0.4);
    }

    .lg-border-color-full-dark-white-transparent {
        border-color: rgba(255, 255, 255, 0.05);
    }

    .lg-border-color-light-white-transparent {
        border-color: rgba(255, 255, 255, 0.1);
    }

    .lg-border-color-nero-transparent {
        border-color: rgba(25, 25, 25, 0.1);
    }

    .lg-border-color-extra-medium-gray-transparent {
        border-color: rgba(219, 219, 219, 0.04);
    }

    /* border style */
    .lg-border-dotted {
        border-style: dotted !important;
    }

    .lg-border-dashed {
        border-style: dashed !important;
    }

    .lg-border-solid {
        border-style: solid !important;
    }

    .lg-border-double {
        border-style: double !important;
    }

    .lg-border-groove {
        border-style: groove !important;
    }

    .lg-border-ridge {
        border-style: ridge !important;
    }

    .lg-border-inset {
        border-style: inset !important;
    }

    .lg-border-outset {
        border-style: outset !important;
    }

    .lg-border-none {
        border-style: none !important;
    }

    .lg-border-hidden {
        border-style: hidden !important;
    }

    .lg-border-transperent {
        border-color: transparent !important;
    }

    /* box layout */
    .box-layout {
        padding: 0;
    }

    .box-layout-large {
        padding: 0;
    }

    /* navigation */
    .nav-item.dropdown.megamenu .menu-back-div {
        padding: 35px 50px 40px;
    }

    .nav-item.dropdown.megamenu .menu-back-div .col,
    .nav-item.dropdown.megamenu .menu-back-div ul[class*="d-"] {
        padding-right: 75px;
    }

    .nav-item.dropdown.megamenu .menu-back-div .col:last-child,
    .nav-item.dropdown.megamenu .menu-back-div ul[class*="d-"]:last-child {
        padding-right: 50px;
    }

    /* slider navigation style 02 */
    .slider-navigation-style-02.swiper-button-prev {
        left: -15px;
    }

    .slider-navigation-style-02.swiper-button-next {
        right: -15px;
    }

    /* slider navigation style 04 */
    .slider-navigation-style-04.swiper-button-prev {
        left: -20%;
    }

    .slider-navigation-style-04.swiper-button-next {
        right: -20%;
    }

    /* slider navigation style 07 */
    .slider-navigation-style-07.swiper-button-prev.light {
        left: -5px;
    }

    .slider-navigation-style-07.swiper-button-next.light {
        right: -5px;
    }

    /* grid */
    .grid.lg-grid-6col li {
        width: 16.67%;
    }

    .grid.lg-grid-6col li.grid-item-double {
        width: 33.33%;
    }

    .grid.lg-grid-5col li {
        width: 20%;
    }

    .grid.lg-grid-5col li.grid-item-double {
        width: 40%;
    }

    .grid.lg-grid-4col li {
        width: 25%;
    }

    .grid.lg-grid-4col li.grid-item-double {
        width: 50%;
    }

    .grid.lg-grid-3col li {
        width: 33.33%;
    }

    .grid.lg-grid-3col li.grid-item-double {
        width: 66.67%;
    }

    .grid.lg-grid-2col li {
        width: 50%;
    }

    .grid.lg-grid-2col li.grid-item-double {
        width: 100%;
    }

    .grid.lg-grid-1col li {
        width: 100%;
    }

    /* portfolio scattered */
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(4n + 0) .portfolio-box,
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(4n + 1) .portfolio-box {
        padding: 15% 0;
    }

    .portfolio-scattered.row-cols-xl-4 .col:nth-child(4n + 2) .portfolio-box,
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(4n + 3) .portfolio-box {
        padding: 0 15%;
    }

    .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n + 0) .portfolio-box,
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n + 1) .portfolio-box,
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n + 3) .portfolio-box,
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n + 6) .portfolio-box {
        padding: 15% 0;
    }

    .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n + 2) .portfolio-box,
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n + 4) .portfolio-box,
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n + 5) .portfolio-box,
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n + 7) .portfolio-box {
        padding: 0 15% 15%;
    }

    /* justified gallery */
    .justified-gallery>a>.caption,
    .justified-gallery>div>.caption,
    .justified-gallery>figure>.caption {
        bottom: 10px !important;
        left: 10px !important;
        right: 10px;
        box-shadow: none;
        white-space: normal;
        top: initial !important;
        width: calc(100% - 20px);
        display: block !important;
    }

    /* table style 01 */
    .table-style-01 {
        overflow-x: scroll;
    }

    .table-style-01 table {
        width: 900px;
    }

    /* blog modern */
    .blog-modern .post-details {
        left: 20px;
        width: calc(100% - 40px);
    }

    /* sidebar latest post */
    .latest-post-sidebar li figure {
        width: 100px;
    }

    .latest-post-sidebar li div {
        padding-left: 15px;
    }

    /* architecture */
    .box-layout .navbar.navbar-boxed {
        padding-left: 0px;
        padding-right: 0px;
    }

    .home-architecture .navbar.bg-transparent,
    .home-architecture.sticky .header-dark.header-always-fixed-scroll {
        background-color: transparent !important;
    }

    .home-architecture .navbar-dark.bg-transparent .push-button>span,
    .home-architecture.sticky .navbar-dark.bg-transparent .push-button>span {
        background-color: #ffffff !important;
    }

    .home-architecture .tparrows.tp-rightarrow {
        transform: matrix(1, 0, 0, 1, -67, -240) !important;
    }

    .home-architecture .tparrows.tp-leftarrow {
        transform: matrix(1, 0, 0, 1, -67, -307) !important;
    }

    /* application */
    .banner-bottom-right-images>img {
        bottom: -65px;
    }

    /* digital agency */
    .home-digital-agency .outside-box-text-right .text-extra-big-2 {
        font-size: 200px;
    }

    /* marketing agency */
    footer.home-marketing-agency .footer-horizontal-link li {
        margin-right: 20px;
    }

    footer.home-marketing-agency .footer-horizontal-link li:last-child {
        margin-right: 0;
    }

    /* vertical portfolio */
    .home-vertical-portfolio .navbar {
        padding: 0 4.5rem;
    }

    /* interactive list style */
    .fullscreen-hover-list .hover-list-item .interactive-title {
        font-size: 70px;
        line-height: 70px;
        padding: 20px 35px;
    }

    .fullscreen-hover-list .hover-list-item .interactive-title:after {
        bottom: 30px;
    }

    .fullscreen-hover-list .hover-list-item.active .interactive-title:after {
        width: calc(100% - 60px);
    }

    /* content box image */
    .content-box-image {
        height: 225px;
    }

    /* landing page */
    .litho-parallax-bg {
        width: 620px;
    }

    .customer-bg-section {
        top: 80px;
        bottom: inherit;
    }

    .landing-page-auto-slider .swiper-container.swiper-auto-slide .swiper-slide {
        width: 40% !important;
    }

    /* for buy and demo button */
    .theme-demos {
        display: none !important;
    }

    /* magnific popup */
    button.mfp-close,
    .mfp-image-holder button.mfp-close,
    .mfp-iframe-holder button.mfp-close,
    .mfp-close:active {
        top: 20px;
        right: 20px;
    }
}

@media (max-width: 1024px) {
    .top-bar-contact a {
        color: rgb(109, 109, 109);
    }

    .interactive-banner-focus .interactive-banners-content,
    .interactive-banner-focus .interactive-banners-overlayer {
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
    }

    .top-bar-contact .top-bar-contact-list {
        border-right: 1px solid rgba(255, 255, 255, 0.1);
        padding: 9px 15px;
        font-size: 12px;
        display: inline-block;
        float: left;
    }

    .collezioni-item {
        height: 360px;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    h4 {
        font-size: 22px;
        line-height: 26px;
    }

    .title-extra-big {
        font-size: 36px;
        line-height: 48px;
    }

    .show-gamma-color-single .show-gamma-color-single-variabilita,
    .show-gamma-color-single .show-gamma-color-single-formati {
        opacity: 1;
    }

    .show-gamma-color-single .show-gamma-color-single-formati ul li {
        line-height: 13px;
        font-size: 12px;
    }

    .bg-gradient-transparent-black-half {
        z-index: 0;
        background: rgb(0, 0, 0);
        background: -moz-linear-gradient(180deg,
                rgba(0, 0, 0, 1) 0%,
                rgba(0, 0, 0, 0.5) 30%,
                rgba(0, 0, 0, 0) 100%);
        background: -webkit-linear-gradient(180deg,
                rgba(0, 0, 0, 1) 0%,
                rgba(0, 0, 0, 0.5) 30%,
                rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(180deg,
                rgba(0, 0, 0, 1) 0%,
                rgba(0, 0, 0, 0.5) 30%,
                rgba(0, 0, 0, 0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
    }

    /*main content*/
    .main-content {
        margin-bottom: 0 !important;
        position: inherit;
    }

    /* background image */
    .fix-background {
        background-attachment: unset !important;
    }

    /* swiper vertical */
    .slider-vertical .swiper-number-pagination {
        left: 73px;
        bottom: 115px;
    }

    /* home decor */
    .home-decor .zeus {
        transform: matrix(1, 0, 0, 1, -470, -59) !important;
    }

    .home-decor .collection-btn span {
        width: 48px !important;
        height: 48px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    .home-decor .collection-btn:hover span {
        width: 100% !important;
        height: 48px;
    }

    .home-decor .tp-bullet {
        height: 8px !important;
        width: 8px !important;
    }

    /* fashion shop */
    .home-fashion-shop .tp-tabs {
        left: 605px !important;
    }

    /* home-architecture */
    .home-architecture .tparrows.tp-rightarrow {
        transform: matrix(1, 0, 0, 1, -67, -240) !important;
    }

    .home-architecture .tparrows.tp-leftarrow {
        transform: matrix(1, 0, 0, 1, -67, -307) !important;
    }

    /* interactive list style */
    .fullscreen-hover-list .hover-list-item.active .interactive-icon {
        opacity: 1;
        visibility: visible;
        transition-delay: 0.8s;
        transition-duration: 1s;
    }

    /* scroll to top */
    .scroll-top-arrow {
        right: 20px;
        bottom: 20px;
    }

    /*footer sticky*/
    .footer-sticky {
        position: relative !important;
        z-index: 0 !important;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 778px) {

    /* spa salon */
    .home-spa-salon .ares {
        top: 55.5% !important;
    }
}

/* Navigation breakpoint start */
@media (max-width: 991px) {

    #CarouselLastra .swiper-slide .btn {
        margin-bottom: 25px;
    }

    .menu-list-wrapper.mCS_no_scrollbar .mCSB_inside>.mCSB_container .menu-list {
        padding-right: 0;
    }

    .navbar-brand {
        padding: 0;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .menu-list-wrapper.mCS_no_scrollbar .mCSB_inside>.mCSB_container .menu-list-wrapper .menu-list {
        padding-right: 15px;
    }

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-right: 15px;
        padding-left: 15px;
    }

    /* header default */
    .navbar-nav {
        padding: 15px 15px 25px;
    }

    .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #fff;
        overflow: hidden;
        box-shadow: 0 20px 15px 0 rgba(23, 23, 23, 0.05);
        max-height: calc(100vh - 65px);
    }

    .navbar-collapse.show {
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    .navbar.navbar-dark .navbar-nav .nav-link,
    .navbar.navbar-light .navbar-nav .nav-link,
    .sticky .navbar.navbar-dark .navbar-nav .nav-link,
    .sticky .navbar.navbar-light .navbar-nav .nav-link,
    header.sticky .navbar.top-logo .navbar-nav .nav-link {
        color: #000;
        padding: 9px 15px;
        margin: 0;
    }

    .navbar .navbar-nav .nav-link {
        font-size: 15px;
    }

    .navbar.navbar-dark .navbar-nav>.dropdown.active>a,
    .sticky .navbar.header-dark .navbar-nav>.dropdown.active>a {
        color: rgba(0, 0, 0, 0.6) !important;
    }

    .navbar.navbar-boxed {
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-toggler {
        margin: 30px 0 28px 10px;
        transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
    }

    .sticky .navbar.responsive-sticky .navbar-toggler {
        margin-top: 21px;
        margin-bottom: 20px;
    }

    .dropdown-toggle:after {
        display: none;
    }

    .menu-order {
        order: 5;
        position: inherit !important;
    }

    .logo-order {
        order: 5;
    }

    .navbar-collapse-show .sticky .header-reverse-scroll {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-duration: 0.3s;
    }

    /* top bar */
    .top-bar-contact .top-bar-contact-list:last-child {
        border-right: none;
        padding-right: 0;
    }

    /* center logo */
    .menu-logo-center .menu-logo {
        position: relative;
        left: auto;
        text-align: left;
        margin: 0;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    .menu-logo-center .navbar-brand {
        padding: 18px 0;
    }

    .navbar-left,
    .navbar-right {
        width: 100%;
    }

    .sticky .navbar.header-dark .navbar-nav .nav-link {
        color: #000 !important;
    }

    .navbar-nav .nav-item:last-child .menu-back-div,
    .navbar-nav .nav-item:last-child .menu-back-div ul:last-child {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    .nav-item.dropdown.megamenu,
    .nav-item.dropdown.simple-dropdown {
        position: relative;
    }

    .nav-item.dropdown.megamenu .menu-back-div {
        display: none;
    }

    .nav-item.dropdown.megamenu.show .menu-back-div {
        display: block;
    }

    .nav-item.dropdown.megamenu .menu-back-div,
    .nav-item.dropdown.simple-dropdown .dropdown-menu {
        width: 100% !important;
        position: relative;
        box-shadow: none;
        padding: 0 15px 20px;
        top: 0;
        border-radius: 0;
        background-color: transparent;
    }

    .nav-item.dropdown.megamenu .menu-back-div .col,
    .nav-item.dropdown.megamenu .menu-back-div [class*="col-"] {
        padding: 0;
        margin-bottom: 8px;
    }

    .nav-item.dropdown.megamenu .menu-back-div .col,
    .nav-item.dropdown.megamenu .menu-back-div ul[class*="d-"] {
        padding: 15px 0 0 20px;
    }

    .nav-item.dropdown.megamenu .menu-back-div .col:last-child,
    .nav-item.dropdown.megamenu .menu-back-div ul[class*="d-"]:last-child {
        padding-right: 0;
    }

    .nav-item.dropdown.megamenu .menu-back-div ul.small-gap[class*="d-"] {
        padding-right: 0;
    }

    .dropdown-menu.megamenu-content li.dropdown-header {
        margin: 23px 0 10px 0;
        font-size: 14px;
        font-weight: 500;
    }

    .dropdown-menu.megamenu-content li.dropdown-header:first-child {
        margin-top: 10px;
    }

    .nav-item.dropdown.megamenu .menu-back-div [class*="col-"] li.dropdown-header:first-child,
    .nav-item.dropdown.megamenu .menu-back-div ul[class*="d-"]:first-child li.dropdown-header:first-child {
        margin-top: 0;
    }

    .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu {
        margin: 0 0 5px;
        left: 0;
        top: 0;
    }

    .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown>a {
        margin-bottom: 5px;
    }

    .nav-item>.dropdown-toggle {
        display: block;
        width: 48px;
        height: 48px;
        right: 0px;
        position: absolute;
        top: 0;
        text-align: center;
        line-height: 50px;
    }

    .nav-item.show>.dropdown-toggle {
        -ms-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .nav-item.dropdown.simple-dropdown .dropdown-menu {
        position: relative;
        width: 100%;
        box-shadow: none;
        display: none;
        top: 0;
    }

    .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown-menu {
        padding: 0;
    }

    .nav-item.dropdown.simple-dropdown.show .dropdown-menu {
        display: block;
    }

    .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown a {
        padding: 3px 15px 3px;
        font-size: 14px;
        margin-bottom: 5px;
    }

    .nav-item.dropdown.simple-dropdown .dropdown-menu>.dropdown>a {
        color: #000;
        margin: 15px 0 7px 0;
        font-size: 14px;
        font-weight: 500;
    }

    .megamenu-dropdown-dark {
        background-color: #232323;
    }

    .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown>a {
        color: #fff !important;
    }

    .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown.active>a {
        color: rgba(255, 255, 255, 0.6) !important;
    }

    .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown:hover>a,
    .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown.megamenu:hover>a,
    .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown.simple-dropdown:hover>a,
    .navbar.navbar-light .navbar-nav.megamenu-dropdown-dark .nav-item.dropdown>a:hover {
        color: #fff !important;
    }

    .megamenu-dropdown-dark .dropdown-menu.megamenu-content li.active a {
        color: rgba(255, 255, 255, 0.3) !important;
    }

    .megamenu-dropdown-dark .nav-item.dropdown.simple-dropdown .dropdown-menu>.dropdown>a {
        color: #fff;
    }

    .megamenu-dropdown-dark .nav-item.dropdown.simple-dropdown>.dropdown-menu {
        padding-top: 15px;
    }

    .megamenu-dropdown-dark .nav-item.dropdown.simple-dropdown .dropdown-menu>.dropdown>a {
        margin-top: 0;
    }

    .dropdown-menu.megamenu-content li a,
    .dropdown-menu.megamenu-content li.dropdown-header {
        line-height: normal;
    }

    .nav-item.dropdown.simple-dropdown .dropdown-menu>.dropdown {
        margin-bottom: 20px;
    }

    .nav-item.dropdown.simple-dropdown .dropdown-menu>.dropdown:last-child {
        margin-bottom: 0;
    }

    .simple-dropdown .dropdown-menu li {
        padding: 0;
    }

    .simple-dropdown .dropdown-menu .dropdown a .dropdown-toggle {
        display: none;
    }

    .dropdown-menu.megamenu-content li {
        padding-bottom: 5px;
    }

    .dropdown-menu.megamenu-content li a {
        padding-top: 3px;
        font-size: 14px;
    }

    /* header search form */
    .form-wrapper .search-form-box {
        width: 60%;
    }

    /* header sidebar */
    .sidebar-wrapper,
    .page-wrapper {
        padding-left: 0;
    }

    .sidebar-nav-action {
        width: 100%;
        height: auto;
        padding: 15px 30px;
    }

    .sidebar-nav-action-main {
        flex-flow: row;
        align-items: center;
    }

    .side-menu-header {
        position: fixed;
        left: 0;
        top: 0;
        text-align: left !important;
        width: 100%;
        background-color: #fff;
        border-bottom: 1px solid #f3f3f3;
        padding: 15px 30px;
        z-index: 9;
    }

    .side-menu-header .navbar-brand {
        z-index: 1;
        position: relative;
    }

    .side-menu-header-bottom,
    header.side-menu-nav {
        left: -290px;
        height: 100%;
        top: 0;
        padding-top: 60px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -ms-ransition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }

    .side-menu-header-bottom {
        padding-top: 0;
    }

    .show-menu .side-menu-header-bottom,
    .show-menu header.side-menu-nav {
        left: 0;
    }

    .side-menu-header .side-menu-button {
        display: inline-block;
        right: 30px;
    }

    .left-sidebar-wrapper {
        padding-left: 0;
    }

    .sidebar-nav-menu.left-sidebar-nav {
        left: -290px;
        overflow: visible;
        height: 100%;
        top: 0 !important;
    }

    .sidebar-nav-menu.left-sidebar-nav .side-menu-header-bottom {
        height: 100%;
        overflow: auto;
    }

    .show-menu .sidebar-nav-menu.left-sidebar-nav {
        left: 0;
    }

    .menu-toggle {
        top: 20px;
    }

    .menu-list li a {
        line-height: 40px;
        padding: 0;
    }

    .side-menu-button a {
        top: 1px;
    }

    .side-menu .sidebar-nav-menu .menu-list-wrapper {
        padding-bottom: 20px;
    }

    .sidebar-social-icon li {
        display: inline-block;
        margin: 0;
        padding: 0 7px;
    }

    .sidebar-social-icon li:last-child {
        padding-right: 0;
    }

    .navbar-left-sidebar,
    .navbar-left-sidebar .dropdown:hover>.dropdown-menu {
        width: auto;
    }

    .show-menu .menu-style-2 .sidebar-nav-menu {
        left: 0;
    }

    .menu-style-2 .sidebar-nav-menu .menu-list li {
        padding: 5px 0;
    }

    .menu-style-2 .sidebar-nav-menu .menu-list li ul li {
        padding-top: 0;
        padding-bottom: 0;
    }

    .menu-style-2 .sidebar-nav-menu .menu-list li .menu-toggle {
        top: 27px;
    }

    .menu-style-2 .sidebar-nav-menu .menu-list li ul li .menu-toggle {
        top: 15px;
    }

    /* sidebar nav menu */
    .navbar-left-sidebar>li>a {
        font-size: 14px;
        line-height: 20px;
    }

    .navbar-left-sidebar>li.dropdown>a>i {
        display: block;
        position: absolute;
        top: 15px;
        right: 5px;
        font-size: 16px;
    }

    .navbar-left-sidebar li a {
        padding: 10px 0;
        margin: 0;
        border-bottom: 0;
        font-size: 14px;
        line-height: 20px;
    }

    .menu-style-2 .navbar-left-sidebar .dropdown:hover>.dropdown-menu.second-level {
        left: 0;
        position: relative;
        background-color: #fff;
    }

    .navbar-left-sidebar .dropdown>.dropdown-menu.second-level li>a {
        border-bottom: 0;
        padding: 6px 0 5px 0;
    }

    .navbar-left-sidebar .dropdown-menu.second-level li>a:hover,
    .navbar-left-sidebar li>a:hover {
        background-color: transparent;
    }

    .top-logo .navbar-brand {
        padding-top: 0.3125rem;
        padding-bottom: 0.3125rem;
    }

    /* hamburger menu half */
    .hamburger-menu-half .menu-list>li {
        padding: 7px 0;
    }

    .hamburger-menu-half .menu-list li .menu-toggle {
        top: 29px;
    }

    .hamburger-menu-half .menu-list li ul li .menu-toggle {
        top: 15px;
    }

    .hamburger-menu-half .menu-list .menu-list-item>.sub-menu-item {
        padding-top: 5px;
    }

    .hamburger-menu-half .menu-list .menu-list-item .sub-menu-item .sub-menu-item {
        padding-top: 0;
    }

    .hamburger-menu-half .sub-menu-item .menu-toggle:before,
    .hamburger-menu-half .sub-menu-item .menu-toggle:after {
        right: 8px;
    }

    /* hamburger menu full width */
    .hamburger-menu.full-width .menu-list>li {
        padding: 5px 0;
    }

    .hamburger-menu.full-width .menu-list>li .menu-toggle {
        top: 27px;
    }

    .hamburger-menu.full-width .menu-list li ul li .menu-toggle {
        top: 15px;
    }

    .hamburger-menu.full-width .menu-list .menu-list-item>.sub-menu-item {
        padding-top: 5px;
    }

    .hamburger-menu.full-width .menu-list .menu-list-item .sub-menu-item .sub-menu-item {
        padding-top: 0;
    }

    /* center logo */
    .menu-logo-center .navbar-collapse>.navbar-nav:first-child {
        padding-bottom: 0;
    }

    .menu-logo-center .navbar-collapse>.navbar-nav:last-child {
        padding-top: 0;
    }

    /* hamburger menu big text */
    .hamburger-menu-big-font .menu-list li .sub-menu-item {
        padding: 20px 0 0 15px;
    }

    .hamburger-menu-big-font .menu-list li .menu-toggle {
        top: 34px;
    }

    .hamburger-menu-big-font .menu-list li a {
        font-size: 30px;
        line-height: 38px;
    }

    /* header navigation white */
    .navbar.navbar-dark.bg-transparent .navbar-nav .nav-link.active,
    .navbar.navbar-dark .navbar-nav .nav-link.active,
    .navbar-dark .navbar-nav .nav-link.active:hover,
    .navbar-dark .navbar-nav .nav-link.active:focus {
        color: rgba(0, 0, 0, 0.6) !important;
    }

    .navbar.navbar-dark .navbar-nav>.dropdown.active>a,
    .sticky .navbar.header-dark .navbar-nav>.dropdown.active>a,
    .navbar.navbar-dark .navbar-nav>.nav-item.dropdown.megamenu.active:hover>a,
    .navbar.navbar-dark .navbar-nav>.nav-item.dropdown.simple-dropdown.active:hover>a {
        color: rgba(0, 0, 0, 0.6) !important;
    }

    .navbar.navbar-dark .navbar-nav>.nav-item.dropdown.megamenu:hover>a,
    .navbar.navbar-dark .navbar-nav>.nav-item.dropdown.simple-dropdown:hover>a {
        color: rgba(0, 0, 0, 1) !important;
    }

    .navbar.navbar-light .navbar-nav>.nav-item.dropdown.megamenu:hover>a,
    .navbar.navbar-light .navbar-nav>.nav-item.dropdown.simple-dropdown:hover>a,
    .sticky .navbar.navbar-dark.header-light .navbar-nav>.nav-item.dropdown.megamenu:hover>a,
    .sticky .navbar.navbar-dark.header-light .navbar-nav>.nav-item.dropdown.simple-dropdown:hover>a {
        color: rgba(0, 0, 0, 1) !important;
    }

    /* header logo */
    header .navbar .navbar-brand .default-logo,
    header.sticky .navbar-brand .alt-logo,
    header.sticky .navbar .navbar-brand .default-logo,
    header .navbar-brand .alt-logo,
    header .sidebar-nav-menu .navbar-brand .default-logo {
        visibility: visible;
        opacity: 1;
        width: auto;
        margin-top: 10px;
    }

    .HomePage .vai-collezione .btn.btn-blue-blue {
        margin: 0 0 15px 0;
    }


    #about .title-extra-large {
        font-size: 32px;
        line-height: 36px;
    }

    #about .title-large {
        font-size: 24px;
        line-height: 30px;
    }

    #about .lg-padding-4-rem-lr {
        padding-left: 0rem;
        padding-right: 1rem;
    }

    #about .lg-padding-3-half-rem-tb {
        padding-top: 1.5rem;
        padding-bottom: 0;
    }

    .interactive-banner-focus .interactive-banners-content,
    .interactive-banner-focus .interactive-banners-overlayer {
        position: relative;
    }

    .interactive-banner-focus .overlayer-box {
        display: none;
        visibility: hidden;
    }

    .title-extra-small,
    .title-super-small,
    .title-small {
        font-size: 20px;
        line-height: 26px;
        color: #575756 !important;
        text-shadow: none;
        font-weight: 500 !important;
    }


    .interactive-banner-focus .interactive-banners-content .interactive-banners-content-text {
        display: none;
        visibility: hidden;
        opacity: 0;
    }

    .fancy-text-box-soluzioni {
        border: 0;
        border-bottom: 1px solid #e4e4e4 !important;
        ;
    }

    header .navbar .navbar-brand .mobile-logo,
    header .sidebar-nav-menu .navbar-brand .mobile-logo {
        visibility: visible;
        opacity: 1;
        width: auto;
    }

    /* header with top logo */
    .top-logo .navbar-brand+div[class*="col-"] div:first-child {
        padding-left: 0;
    }

    /* header toggle button */
    .navbar-dark.bg-transparent .navbar-toggler-line {
        overflow: hidden;
        background: #232323;
    }

    header.sticky .navbar.bg-transparent.hader-light .navbar-toggler-line {
        overflow: hidden;
        background: #fff;
    }





    .navbar.navbar-dark .header-social-icon,
    .sticky .navbar.header-dark .header-social-icon {
        border-color: rgba(0, 0, 0, 0.45);
    }

    .navbar.navbar-dark.bg-transparent .navbar-nav .nav-link,
    .navbar.navbar-dark.bg-transparent .header-search-icon>a,
    .navbar.navbar-dark.bg-transparent .header-social-icon>a,
    .navbar.navbar-dark.bg-transparent .header-cart-icon>a,
    .navbar.navbar-dark.bg-transparent .header-language>a,
    .navbar.navbar-dark .nav-bar-contact {
        color: #232323 !important;
    }

    header.sticky .navbar.navbar-dark.bg-transparent.header-dark .header-social-icon>a {
        color: #fff !important;
    }

    .navbar.navbar-dark.bg-transparent .header-search-icon>a:hover,
    .navbar.navbar-dark.bg-transparent .header-social-icon>a:hover,
    .navbar.navbar-dark.bg-transparent .header-cart-icon>a:hover,
    .navbar.navbar-dark.bg-transparent .header-language>a:hover,
    .sticky .navbar-dark.bg-transparent .header-search-icon>a:hover,
    .sticky .navbar-dark.bg-transparent .header-social-icon>a:hover,
    .sticky .navbar-dark.bg-transparent .header-cart-icon>a:hover,
    .sticky .navbar-dark.bg-transparent .header-language>a:hover {
        color: rgba(0, 0, 0, 0.6) !important;
    }

    .navbar.bg-transparent .header-button .btn.btn-white {
        background: #232323;
        border-color: #232323;
        color: #ffffff;
    }

    /* menu classic */
    [data-mobile-nav-style="classic"] .navbar-nav {
        display: block;
    }

    /* menu modern */
    [data-mobile-nav-style="modern"] .page-layout {
        background-color: #fff;
    }

    [data-mobile-nav-style="modern"] header .navbar-collapse {
        display: none !important;
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .navbar-nav {
        width: 100%;
        padding: 0;
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .navbar-collapse.show {
        height: 100%;
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .navbar-toggler-line {
        background-color: #fff;
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .nav-item a,
    [data-mobile-nav-style="modern"] .navbar-modern-inner .nav-item i,
    [data-mobile-nav-style="modern"] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a.active,
    [data-mobile-nav-style="modern"] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu>.dropdown>a {
        color: #fff;
        display: inline-block;
        right: 0;
        font-size: 17px;
        font-weight: 500;
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a.active {
        text-decoration: underline;
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .nav-item i {
        font-size: 14px;
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .nav-item i.dropdown-toggle {
        font-size: 17px;
        font-weight: 600;
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .nav-item .megamenu-content a,
    [data-mobile-nav-style="modern"] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu>.dropdown>a {
        font-size: 13px;
        padding: 0;
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .nav-item.dropdown.megamenu .menu-back-div,
    [data-mobile-nav-style="modern"] .dropdown-menu.megamenu-content li.dropdown-header {
        color: #fff;
        position: inherit !important;
        margin-bottom: 15px !important;
        margin-top: 6px;
        padding: 0 !important;
        right: 0;
    }

    [data-mobile-nav-style="modern"] .dropdown-menu.megamenu-content li.dropdown-header {
        opacity: 0.7;
        margin-top: 20px !important;
        font-weight: 500;
    }

    [data-mobile-nav-style="modern"] .dropdown-menu.megamenu-content li.dropdown-header:first-child {
        margin-top: 0 !important;
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .nav-item.dropdown.megamenu .menu-back-div ul {
        margin-bottom: 20px;
        padding: 0;
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .nav-item.dropdown.megamenu .menu-back-div ul:last-child {
        margin-bottom: 0;
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .dropdown-menu.megamenu-content li,
    [data-mobile-nav-style="modern"] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu {
        line-height: normal;
        padding-bottom: 5px;
        font-size: 15px;
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .nav-item.dropdown.megamenu .menu-back-div,
    [data-mobile-nav-style="modern"] .navbar-modern-inner .simple-dropdown>.dropdown-menu {
        border-radius: 0;
        background-color: transparent;
        transform: translate3d(0, 0, 0px) !important;
        position: inherit !important;
        padding: 8px 15px !important;
        margin-bottom: 0 !important;
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu>.dropdown {
        margin-bottom: 0;
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .simple-dropdown>.dropdown-menu {
        padding-top: 14px !important;
        padding-bottom: 0 !important;
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .simple-dropdown>.dropdown-menu li:last-child>ul {
        margin-bottom: 0 !important;
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu li {
        padding: 0;
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu {
        margin-bottom: 10px;
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown>a {
        opacity: 0.7;
        font-size: 14px;
        margin-bottom: 10px;
        margin-top: 0;
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu li>a {
        margin-bottom: 9px;
        font-size: 13px;
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown:hover>a,
    [data-mobile-nav-style="modern"] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a:hover,
    [data-mobile-nav-style="modern"] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a.active,
    [data-mobile-nav-style="modern"] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a:focus,
    [data-mobile-nav-style="modern"] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown.active>a {
        color: rgba(255, 255, 255, 0.6);
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .mCustomScrollBox {
        height: auto;
        width: 100%;
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .mCSB_inside>.mCSB_container {
        margin-right: 0;
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-right: 0;
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown a {
        padding: 0;
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .simple-dropdown .dropdown-menu .dropdown a .dropdown-toggle {
        display: none;
        right: 13px;
        top: 4px;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .dropdown-menu.megamenu-content li.active a,
    [data-mobile-nav-style="modern"] .navbar-modern-inner .dropdown-menu.megamenu-content li a:hover {
        color: rgba(255, 255, 255, 0.6);
    }

    .navbar-collapse-show[data-mobile-nav-style="modern"] {
        overflow: hidden;
        padding-top: 0;
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner {
        opacity: 0;
        visibility: hidden;
        overflow: visible !important;
        width: 70vw;
        height: 100vh !important;
        position: fixed;
        top: 0;
        right: -40vw;
        z-index: 90;
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition-duration: 0.65s;
        transition-duration: 0.65s;
        -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        -webkit-transform: translate3d(25vw, 0, 0);
        transform: translate3d(25vw, 0, 0);
    }

    .navbar-collapse-show[data-mobile-nav-style="modern"] .navbar-modern-inner {
        right: 0;
        opacity: 1;
        visibility: visible !important;
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    [data-mobile-nav-style="modern"] .navbar-show-modern-bg {
        display: inline-block;
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1;
        opacity: 0;
        background-image: linear-gradient(to right top,
                #0039e3,
                #4132e0,
                #5e28dd,
                #741bd9,
                #8600d4);
        -webkit-transform: scale(1.75);
        transform: scale(1.75);
        transition: opacity 0.3s, -webkit-transform 0.3s;
        transition: opacity 0.3s, transform 0.3s;
        transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
        -webkit-transition-delay: 0.4s;
        -o-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }

    .navbar-collapse-show[data-mobile-nav-style="modern"] .navbar-show-modern-bg {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        -webkit-transition-delay: 0s;
        -o-transition-delay: 0s;
        transition-delay: 0s;
    }

    [data-mobile-nav-style="modern"] .navbar,
    [data-mobile-nav-style="modern"] .sticky.header-appear .header-reverse-scroll,
    [data-mobile-nav-style="modern"] header .top-bar+.navbar.fixed-top {
        -webkit-transition-duration: 0.75s;
        -moz-transition-duration: 0.75s;
        -ms-transition-duration: 0.75s;
        -o-transition-duration: 0.75s;
        transition-duration: 0.75s;
    }

    [data-mobile-nav-style="modern"] .navbar,
    [data-mobile-nav-style="modern"] .page-layout,
    [data-mobile-nav-style="modern"] .top-bar {
        -webkit-transition: width 0.3s,
            -webkit-transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);
        transition: width 0.3s,
            -webkit-transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);
        transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1), width 0.3s;
        transition: transform 0.75s cubic-bezier(0.23, 1, 0.32, 1), width 0.3s,
            -webkit-transform 0.75s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .navbar-collapse-show[data-mobile-nav-style="modern"] .navbar,
    .navbar-collapse-show[data-mobile-nav-style="modern"] .page-layout,
    .navbar-collapse-show[data-mobile-nav-style="modern"] .top-bar {
        -webkit-transform: translate3d(-70vw, 0, 0);
        transform: translate3d(-70vw, 0, 0);
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .navbar-toggler {
        display: none;
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .navbar-collapse {
        position: static;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: transparent;
        padding: 100px 12vw;
        box-shadow: none;
        max-height: 100%;
        display: flex !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .navbar-collapse-show[data-mobile-nav-trigger-alignment="left"][data-mobile-nav-style="modern"] .navbar-modern-inner .navbar-toggler .navbar-collapse-show[data-mobile-nav-trigger-alignment="left"][data-mobile-nav-style="modern"] .navbar {
        position: absolute;
    }

    .navbar-collapse-show[data-mobile-nav-trigger-alignment="left"][data-mobile-nav-style="modern"] .navbar,
    .navbar-collapse-show[data-mobile-nav-trigger-alignment="left"][data-mobile-nav-style="modern"] .page-layout,
    .navbar-collapse-show[data-mobile-nav-trigger-alignment="left"][data-mobile-nav-style="modern"] .top-bar {
        -webkit-transform: translate3d(80vw, 0, 0);
        transform: translate3d(80vw, 0, 0);
    }

    [data-mobile-nav-trigger-alignment="left"] .navbar-modern-inner {
        width: 80vw;
        right: inherit;
        left: -30vw;
        -webkit-transform: translate3d(-25vw, 0, 0);
        transform: translate3d(-25vw, 0, 0);
    }

    .navbar-collapse-show[data-mobile-nav-trigger-alignment="left"] .navbar-modern-inner {
        left: 0;
        right: inherit;
    }

    [data-mobile-nav-trigger-alignment="left"] .navbar-modern-inner .navbar-collapse {
        right: 0;
        left: inherit;
        padding-right: 10vw;
        padding-left: 10vw;
    }

    [data-mobile-nav-trigger-alignment="left"][data-mobile-nav-style="modern"] .parallax {
        background-attachment: scroll !important;
    }

    [data-mobile-nav-style="modern"] .navbar-nav>.nav-item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-top: 10px;
        padding-bottom: 12px;
    }

    [data-mobile-nav-style="modern"] .navbar-nav>.nav-item:last-child {
        border-bottom: 0;
    }

    [data-mobile-nav-style="modern"] .nav-item>.dropdown-toggle {
        top: 7px;
    }

    /* full-screen-menu */
    .navbar-collapse-show[data-mobile-nav-style="full-screen-menu"] {
        overflow: hidden;
    }

    .navbar-collapse-show[data-mobile-nav-style="full-screen-menu"] .navbar .navbar-nav {
        padding: 0;
    }

    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner {
        background-image: linear-gradient(to right top,
                #0039e3,
                #4132e0,
                #5e28dd,
                #741bd9,
                #8600d4);
        visibility: hidden;
        overflow: hidden !important;
        width: 100vw;
        height: 100vh !important;
        position: fixed;
        top: -100vh;
        left: 0;
        z-index: 9999;
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all 0.4s ease-ou;
        transition: all 0.4s ease-out;
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s;
    }

    .navbar-collapse-show[data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner {
        height: 100vh !important;
        top: 0;
        visibility: visible !important;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }

    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .navbar-collapse {
        position: inherit;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        padding: 100px 0;
        max-height: 100%;
        box-shadow: none;
        background: transparent;
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .navbar-nav {
        padding: 0;
    }

    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .nav-item.dropdown.megamenu .menu-back-div,
    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .simple-dropdown>.dropdown-menu {
        border-radius: 0;
        background-color: transparent;
        transform: translate3d(0, 0, 0px) !important;
        position: inherit !important;
        padding: 8px 15px !important;
        margin-bottom: 0 !important;
        margin-top: 6px;
    }

    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .mCustomScrollBox {
        height: auto;
        width: 75%;
    }

    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .nav-item a,
    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .nav-item i,
    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu>.dropdown>a {
        color: #fff;
        font-size: 17px;
        font-weight: 500;
    }

    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .nav-item i {
        font-weight: 600;
    }

    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .nav-item.dropdown.megamenu .menu-back-div,
    [data-mobile-nav-style="full-screen-menu"] .dropdown-menu.megamenu-content li.dropdown-header {
        color: #fff;
        line-height: normal;
        padding-bottom: 5px;
        font-size: 15px;
    }

    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .dropdown-menu.megamenu-content li.active a,
    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .dropdown-menu.megamenu-content li a:hover {
        color: rgba(255, 255, 255, 0.6);
    }

    [data-mobile-nav-style="full-screen-menu"] .dropdown-menu.megamenu-content li.dropdown-header {
        opacity: 0.7;
        margin-top: 20px !important;
        font-weight: 500;
        margin-bottom: 4px;
    }

    [data-mobile-nav-style="full-screen-menu"] .dropdown-menu.megamenu-content li.dropdown-header:first-child {
        margin-top: 0 !important;
    }

    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .nav-item.dropdown.megamenu .menu-back-div ul {
        margin-bottom: 20px;
        padding: 0;
    }

    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .nav-item.dropdown.megamenu .menu-back-div ul:last-child {
        margin-bottom: 0;
    }

    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .dropdown-menu.megamenu-content li,
    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown .dropdown-menu {
        line-height: normal;
        padding-bottom: 12px;
        font-size: 15px;
    }

    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .nav-item .megamenu-content a,
    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu>.dropdown>a {
        font-size: 13px;
        padding: 0;
    }

    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .simple-dropdown>.dropdown-menu {
        padding-bottom: 0 !important;
    }

    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu>.dropdown {
        margin-bottom: 0;
    }

    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown a {
        padding: 3px 0 3px;
        font-size: 13px;
        margin-bottom: 6px;
        margin-top: 0;
    }

    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown>a {
        opacity: 0.7;
        margin-bottom: 7px !important;
        font-size: 14px;
        padding-top: 2px;
    }

    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .simple-dropdown>.dropdown-menu li:last-child>ul {
        margin-bottom: 0 !important;
        padding-bottom: 5px !important;
    }

    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .simple-dropdown .dropdown-menu .dropdown:hover>a,
    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .simple-dropdown .dropdown-menu .dropdown a:hover,
    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .simple-dropdown .dropdown-menu .dropdown a.active,
    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .simple-dropdown .dropdown-menu .dropdown a:focus,
    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .simple-dropdown .dropdown-menu .dropdown.active>a {
        color: rgba(255, 255, 255, 0.6);
    }

    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .navbar-toggler {
        margin: 0;
        position: absolute;
        right: 35px;
        top: 35px;
        opacity: 0;
        -webkit-transition: all 0.4s ease-ou;
        transition: all 0.4s ease-out;
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s;
    }

    .navbar-collapse-show[data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .navbar-toggler {
        opacity: 1;
    }

    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .navbar-toggler-line {
        background-color: #fff;
    }

    [data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li.nav-item>.dropdown-toggle {
        top: 8px;
        right: 0;
    }

    [data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li.nav-item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-top: 10px;
        padding-bottom: 12px;
        -webkit-transform: scale(1.15) translateY(-30px);
        transform: scale(1.15) translateY(-30px);
        opacity: 0;
        -webkit-transition: opacity 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99),
            -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        transition: opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99),
            -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99),
            opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99),
            opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99),
            -webkit-transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    }

    [data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li.nav-item:last-child {
        border-bottom: 0;
    }

    .navbar-collapse-show[data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li {
        -webkit-transform: scale(1) translateY(0px);
        transform: scale(1) translateY(0px);
        opacity: 1;
    }

    [data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(1) {
        -webkit-transition-delay: 0.49s;
        transition-delay: 0.49s;
    }

    [data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(2) {
        -webkit-transition-delay: 0.42s;
        transition-delay: 0.42s;
    }

    [data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(3) {
        -webkit-transition-delay: 0.35s;
        transition-delay: 0.35s;
    }

    [data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(4) {
        -webkit-transition-delay: 0.28s;
        transition-delay: 0.28s;
    }

    [data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(5) {
        -webkit-transition-delay: 0.21s;
        transition-delay: 0.21s;
    }

    [data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(6) {
        -webkit-transition-delay: 0.14s;
        transition-delay: 0.14s;
    }

    [data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(7) {
        -webkit-transition-delay: 0.07s;
        transition-delay: 0.07s;
    }

    [data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(8) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

    [data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(9) {
        -webkit-transition-delay: -0.07s;
        transition-delay: -0.07s;
    }

    [data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(10) {
        -webkit-transition-delay: -0.14s;
        transition-delay: -0.14s;
    }

    [data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(11) {
        -webkit-transition-delay: -0.21s;
        transition-delay: -0.21s;
    }

    [data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(12) {
        -webkit-transition-delay: -0.28s;
        transition-delay: -0.28s;
    }

    [data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(13) {
        -webkit-transition-delay: -0.35s;
        transition-delay: -0.35s;
    }

    [data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(14) {
        -webkit-transition-delay: -0.42s;
        transition-delay: -0.42s;
    }

    [data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(15) {
        -webkit-transition-delay: -0.49s;
        transition-delay: -0.49s;
    }

    .navbar-collapse-show[data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(1) {
        -webkit-transition-delay: 0.27s;
        transition-delay: 0.27s;
    }

    .navbar-collapse-show[data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(2) {
        -webkit-transition-delay: 0.34s;
        transition-delay: 0.34s;
    }

    .navbar-collapse-show[data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(3) {
        -webkit-transition-delay: 0.41s;
        transition-delay: 0.41s;
    }

    .navbar-collapse-show[data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(4) {
        -webkit-transition-delay: 0.48s;
        transition-delay: 0.48s;
    }

    .navbar-collapse-show[data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(5) {
        -webkit-transition-delay: 0.55s;
        transition-delay: 0.55s;
    }

    .navbar-collapse-show[data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(6) {
        -webkit-transition-delay: 0.62s;
        transition-delay: 0.62s;
    }

    .navbar-collapse-show[data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(7) {
        -webkit-transition-delay: 0.69s;
        transition-delay: 0.69s;
    }

    .navbar-collapse-show[data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(8) {
        -webkit-transition-delay: 0.76s;
        transition-delay: 0.76s;
    }

    .navbar-collapse-show[data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(9) {
        -webkit-transition-delay: 0.83s;
        transition-delay: 0.83s;
    }

    .navbar-collapse-show[data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(10) {
        -webkit-transition-delay: 0.9s;
        transition-delay: 0.9s;
    }

    .navbar-collapse-show[data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(11) {
        -webkit-transition-delay: 0.97s;
        transition-delay: 0.97s;
    }

    .navbar-collapse-show[data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(12) {
        -webkit-transition-delay: 1.04s;
        transition-delay: 1.04s;
    }

    .navbar-collapse-show[data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(13) {
        -webkit-transition-delay: 1.11s;
        transition-delay: 1.11s;
    }

    .navbar-collapse-show[data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(14) {
        -webkit-transition-delay: 1.18s;
        transition-delay: 1.18s;
    }

    .navbar-collapse-show[data-mobile-nav-style="full-screen-menu"] ul.navbar-nav>li:nth-child(15) {
        -webkit-transition-delay: 1.25s;
        transition-delay: 1.25s;
    }

    [data-mobile-nav-style="full-screen-menu"] .navbar-collapse.collapsing .mCSB_scrollTools {
        opacity: 0;
    }

    [data-mobile-nav-style="full-screen-menu"] .navbar-collapse.collapse .mCSB_scrollTools {
        opacity: 0;
    }

    [data-mobile-nav-style="full-screen-menu"] .navbar-collapse.collapse.show .mCSB_scrollTools {
        opacity: 1;
    }

    /* header cart and language */
    .header-cart-icon-mobile-left .cart-item-list,
    .header-language-mobile-left .dropdown-menu {
        left: 0;
        right: auto;
    }

    /* push menu */
    .push-menu {
        display: none;
    }
}

/* Navigation breakpoint end */

@media (max-width: 991px) {
    .sticky-top {
        position: relative;
    }

    /* reset */
    html {
        font-size: 12px;
    }

    section {
        padding: 75px 0;
    }

    section.big-section {
        padding: 95px 0;
    }

    section.extra-big-section {
        padding: 110px 0;
    }

    section.half-section {
        padding: 40px 0;
    }

    .md-no-overlap-section {
        height: auto !important;
    }

    .md-no-overlap-section~section .overlap-section {
        margin-top: 0 !important;
    }

    .md-last-order {
        order: 10;
    }

    /* typography */
    p {
        margin: 0 0 20px;
    }

    /* text size */
    .text-large {
        font-size: 16px;
        line-height: 22px;
    }

    .text-extra-large {
        font-size: 18px;
        line-height: 26px;
    }

    .title-small {
        font-size: 30px;
        line-height: 30px;
    }

    .title-medium {
        font-size: 40px;
        line-height: 40px;
    }

    .title-large {
        font-size: 28px;
        line-height: 34px;
    }

    .title-huge {
        font-size: 50px;
        line-height: 50px;
    }

    .title-extra-large {
        font-size: 42px;
        line-height: 48px;
    }

    .title-extra-large-heavy {
        font-size: 9rem;
        line-height: 11rem;
    }

    .text-big {
        font-size: 120px;
        line-height: 120px;
    }

    .font70 {
        font-size: 60px;
    }

    /* lineheight */
    .md-line-height-0px {
        line-height: 0px;
    }

    .md-line-height-8px {
        line-height: 8px;
    }

    .md-line-height-10px {
        line-height: 10px;
    }

    .md-line-height-14px {
        line-height: 14px;
    }

    .md-line-height-15px {
        line-height: 15px;
    }

    .md-line-height-16px {
        line-height: 16px;
    }

    .md-line-height-18px {
        line-height: 18px;
    }

    .md-line-height-20px {
        line-height: 20px;
    }

    .md-line-height-22px {
        line-height: 22px;
    }

    .md-line-height-24px {
        line-height: 24px;
    }

    .md-line-height-26px {
        line-height: 26px;
    }

    .md-line-height-28px {
        line-height: 28px;
    }

    .md-line-height-30px {
        line-height: 30px;
    }

    .md-line-height-32px {
        line-height: 32px;
    }

    .md-line-height-34px {
        line-height: 34px;
    }

    .md-line-height-36px {
        line-height: 36px;
    }

    .md-line-height-38px {
        line-height: 38px;
    }

    .md-line-height-40px {
        line-height: 40px;
    }

    .md-line-height-50px {
        line-height: 50px;
    }

    .md-line-height-140px {
        line-height: 140px;
    }

    .md-line-height-normal {
        line-height: normal;
    }

    /* letter spacing minus */
    .md-letter-spacing-minus-1-half {
        letter-spacing: -0.5px;
    }

    .md-letter-spacing-minus-1px {
        letter-spacing: -1px;
    }

    .md-letter-spacing-minus-2px {
        letter-spacing: -2px;
    }

    .md-letter-spacing-minus-3px {
        letter-spacing: -3px;
    }

    .md-letter-spacing-minus-4px {
        letter-spacing: -4px;
    }

    .md-letter-spacing-minus-5px {
        letter-spacing: -5px;
    }

    /* absolute middle center */
    .md-absolute-middle-center {
        left: 50%;
        top: 50%;
        position: absolute;
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    /* background image */
    .md-background-image-none {
        background: inherit !important;
    }

    .md-background-position-left {
        background-position: left center;
    }

    .md-background-position-right {
        background-position: right center;
    }

    .md-background-position-top {
        background-position: right top;
    }

    .md-background-position-center {
        background-position: center;
    }

    .md-background-position-left-top {
        background-position: left top;
    }

    /* blockquote */
    blockquote {
        padding: 2px 30px;
    }

    /* box shadow */
    .md-box-shadow-none {
        box-shadow: none;
    }

    /* margin */
    .md-margin-one-all {
        margin: 1%;
    }

    .md-margin-two-all {
        margin: 2%;
    }

    .md-margin-three-all {
        margin: 3%;
    }

    .md-margin-four-all {
        margin: 4%;
    }

    .md-margin-five-all {
        margin: 5%;
    }

    .md-margin-six-all {
        margin: 6%;
    }

    .md-margin-seven-all {
        margin: 7%;
    }

    .md-margin-eight-all {
        margin: 8%;
    }

    .md-margin-nine-all {
        margin: 9%;
    }

    .md-margin-ten-all {
        margin: 10%;
    }

    .md-margin-eleven-all {
        margin: 11%;
    }

    .md-margin-twelve-all {
        margin: 12%;
    }

    .md-margin-thirteen-all {
        margin: 13%;
    }

    .md-margin-fourteen-all {
        margin: 14%;
    }

    .md-margin-fifteen-all {
        margin: 15%;
    }

    .md-margin-sixteen-all {
        margin: 16%;
    }

    .md-margin-seventeen-all {
        margin: 17%;
    }

    .md-margin-eighteen-all {
        margin: 18%;
    }

    .md-margin-nineteen-all {
        margin: 19%;
    }

    .md-margin-twenty-all {
        margin: 20%;
    }

    .md-margin-5px-all {
        margin: 5px;
    }

    .md-margin-10px-all {
        margin: 10px;
    }

    .md-margin-15px-all {
        margin: 15px;
    }

    .md-margin-20px-all {
        margin: 20px;
    }

    .md-margin-25px-all {
        margin: 25px;
    }

    .md-margin-30px-all {
        margin: 30px;
    }

    .md-margin-35px-all {
        margin: 35px;
    }

    .md-margin-40px-all {
        margin: 40px;
    }

    .md-margin-45px-all {
        margin: 45px;
    }

    .md-margin-50px-all {
        margin: 50px;
    }

    .md-margin-55px-all {
        margin: 55px;
    }

    .md-margin-60px-all {
        margin: 60px;
    }

    .md-margin-65px-all {
        margin: 65px;
    }

    .md-margin-70px-all {
        margin: 70px;
    }

    .md-margin-75px-all {
        margin: 75px;
    }

    .md-margin-80px-all {
        margin: 80px;
    }

    .md-margin-85px-all {
        margin: 85px;
    }

    .md-margin-90px-all {
        margin: 90px;
    }

    .md-margin-95px-all {
        margin: 95px;
    }

    .md-margin-100px-all {
        margin: 100px;
    }

    .md-margin-1-rem-all {
        margin: 1rem;
    }

    .md-margin-1-half-rem-all {
        margin: 1.5rem;
    }

    .md-margin-2-rem-all {
        margin: 2rem;
    }

    .md-margin-2-half-rem-all {
        margin: 2.5rem;
    }

    .md-margin-3-rem-all {
        margin: 3rem;
    }

    .md-margin-3-half-rem-all {
        margin: 3.5rem;
    }

    .md-margin-4-rem-all {
        margin: 4rem;
    }

    .md-margin-4-half-rem-all {
        margin: 4.5rem;
    }

    .md-margin-5-rem-all {
        margin: 5rem;
    }

    .md-margin-5-half-rem-all {
        margin: 5.5rem;
    }

    .md-margin-6-rem-all {
        margin: 6rem;
    }

    .md-margin-6-half-rem-all {
        margin: 6.5rem;
    }

    .md-margin-7-rem-all {
        margin: 7rem;
    }

    .md-margin-7-half-rem-all {
        margin: 7.5rem;
    }

    .md-margin-8-rem-all {
        margin: 8rem;
    }

    .md-margin-8-half-rem-all {
        margin: 8.5rem;
    }

    .md-margin-9-rem-all {
        margin: 9rem;
    }

    .md-margin-9-half-rem-all {
        margin: 9.5rem;
    }

    .md-margin-10-rem-all {
        margin: 10rem;
    }

    .md-margin-10-half-rem-all {
        margin: 10.5rem;
    }

    /* margin top */
    .md-margin-one-top {
        margin-top: 1%;
    }

    .md-margin-two-top {
        margin-top: 2%;
    }

    .md-margin-three-top {
        margin-top: 3%;
    }

    .md-margin-four-top {
        margin-top: 4%;
    }

    .md-margin-five-top {
        margin-top: 5%;
    }

    .md-margin-six-top {
        margin-top: 6%;
    }

    .md-margin-seven-top {
        margin-top: 7%;
    }

    .md-margin-eight-top {
        margin-top: 8%;
    }

    .md-margin-nine-top {
        margin-top: 9%;
    }

    .md-margin-ten-top {
        margin-top: 10%;
    }

    .md-margin-eleven-top {
        margin-top: 11%;
    }

    .md-margin-twelve-top {
        margin-top: 12%;
    }

    .md-margin-thirteen-top {
        margin-top: 13%;
    }

    .md-margin-fourteen-top {
        margin-top: 14%;
    }

    .md-margin-fifteen-top {
        margin-top: 15%;
    }

    .md-margin-sixteen-top {
        margin-top: 16%;
    }

    .md-margin-seventeen-top {
        margin-top: 17%;
    }

    .md-margin-eighteen-top {
        margin-top: 18%;
    }

    .md-margin-nineteen-top {
        margin-top: 19%;
    }

    .md-margin-twenty-top {
        margin-top: 20%;
    }

    .md-margin-5px-top {
        margin-top: 5px;
    }

    .md-margin-10px-top {
        margin-top: 10px;
    }

    .md-margin-15px-top {
        margin-top: 15px;
    }

    .md-margin-20px-top {
        margin-top: 20px;
    }

    .md-margin-25px-top {
        margin-top: 25px;
    }

    .md-margin-30px-top {
        margin-top: 30px;
    }

    .md-margin-35px-top {
        margin-top: 35px;
    }

    .md-margin-40px-top {
        margin-top: 40px;
    }

    .md-margin-45px-top {
        margin-top: 45px;
    }

    .md-margin-50px-top {
        margin-top: 50px;
    }

    .md-margin-55px-top {
        margin-top: 55px;
    }

    .md-margin-60px-top {
        margin-top: 60px;
    }

    .md-margin-65px-top {
        margin-top: 65px;
    }

    .md-margin-70px-top {
        margin-top: 70px;
    }

    .md-margin-75px-top {
        margin-top: 75px;
    }

    .md-margin-80px-top {
        margin-top: 80px;
    }

    .md-margin-85px-top {
        margin-top: 85px;
    }

    .md-margin-90px-top {
        margin-top: 90px;
    }

    .md-margin-95px-top {
        margin-top: 95px;
    }

    .md-margin-100px-top {
        margin-top: 100px;
    }

    .md-margin-1-rem-top {
        margin-top: 1rem;
    }

    .md-margin-1-half-rem-top {
        margin-top: 1.5rem;
    }

    .md-margin-2-rem-top {
        margin-top: 2rem;
    }

    .md-margin-2-half-rem-top {
        margin-top: 2.5rem;
    }

    .md-margin-3-rem-top {
        margin-top: 3rem;
    }

    .md-margin-3-half-rem-top {
        margin-top: 3.5rem;
    }

    .md-margin-4-rem-top {
        margin-top: 4rem;
    }

    .md-margin-4-half-rem-top {
        margin-top: 4.5rem;
    }

    .md-margin-5-rem-top {
        margin-top: 5rem;
    }

    .md-margin-5-half-rem-top {
        margin-top: 5.5rem;
    }

    .md-margin-6-rem-top {
        margin-top: 6rem;
    }

    .md-margin-6-half-rem-top {
        margin-top: 6.5rem;
    }

    .md-margin-7-rem-top {
        margin-top: 7rem;
    }

    .md-margin-7-half-rem-top {
        margin-top: 7.5rem;
    }

    .md-margin-8-rem-top {
        margin-top: 8rem;
    }

    .md-margin-8-half-rem-top {
        margin-top: 8.5rem;
    }

    .md-margin-9-rem-top {
        margin-top: 9rem;
    }

    .md-margin-9-half-rem-top {
        margin-top: 9.5rem;
    }

    .md-margin-10-rem-top {
        margin-top: 10rem;
    }

    .md-margin-10-half-rem-top {
        margin-top: 10.5rem;
    }

    /* margin bottom */
    .md-margin-one-bottom {
        margin-bottom: 1%;
    }

    .md-margin-two-bottom {
        margin-bottom: 2%;
    }

    .md-margin-three-bottom {
        margin-bottom: 3%;
    }

    .md-margin-four-bottom {
        margin-bottom: 4%;
    }

    .md-margin-five-bottom {
        margin-bottom: 5%;
    }

    .md-margin-six-bottom {
        margin-bottom: 6%;
    }

    .md-margin-seven-bottom {
        margin-bottom: 7%;
    }

    .md-margin-eight-bottom {
        margin-bottom: 8%;
    }

    .md-margin-nine-bottom {
        margin-bottom: 9%;
    }

    .md-margin-ten-bottom {
        margin-bottom: 10%;
    }

    .md-margin-eleven-bottom {
        margin-bottom: 11%;
    }

    .md-margin-twelve-bottom {
        margin-bottom: 12%;
    }

    .md-margin-thirteen-bottom {
        margin-bottom: 13%;
    }

    .md-margin-fourteen-bottom {
        margin-bottom: 14%;
    }

    .md-margin-fifteen-bottom {
        margin-bottom: 15%;
    }

    .md-margin-sixteen-bottom {
        margin-bottom: 16%;
    }

    .md-margin-seventeen-bottom {
        margin-bottom: 17%;
    }

    .md-margin-eighteen-bottom {
        margin-bottom: 18%;
    }

    .md-margin-nineteen-bottom {
        margin-bottom: 19%;
    }

    .md-margin-twenty-bottom {
        margin-bottom: 20%;
    }

    .md-margin-5px-bottom {
        margin-bottom: 5px;
    }

    .md-margin-10px-bottom {
        margin-bottom: 10px;
    }

    .md-margin-15px-bottom {
        margin-bottom: 15px;
    }

    .md-margin-20px-bottom {
        margin-bottom: 20px;
    }

    .md-margin-25px-bottom {
        margin-bottom: 25px;
    }

    .md-margin-30px-bottom {
        margin-bottom: 30px;
    }

    .md-margin-35px-bottom {
        margin-bottom: 35px;
    }

    .md-margin-40px-bottom {
        margin-bottom: 40px;
    }

    .md-margin-45px-bottom {
        margin-bottom: 45px;
    }

    .md-margin-50px-bottom {
        margin-bottom: 50px;
    }

    .md-margin-55px-bottom {
        margin-bottom: 55px;
    }

    .md-margin-60px-bottom {
        margin-bottom: 60px;
    }

    .md-margin-65px-bottom {
        margin-bottom: 65px;
    }

    .md-margin-70px-bottom {
        margin-bottom: 70px;
    }

    .md-margin-75px-bottom {
        margin-bottom: 75px;
    }

    .md-margin-80px-bottom {
        margin-bottom: 80px;
    }

    .md-margin-85px-bottom {
        margin-bottom: 85px;
    }

    .md-margin-90px-bottom {
        margin-bottom: 90px;
    }

    .md-margin-95px-bottom {
        margin-bottom: 95px;
    }

    .md-margin-100px-bottom {
        margin-bottom: 100px;
    }

    .md-margin-1-rem-bottom {
        margin-bottom: 1rem;
    }

    .md-margin-1-half-rem-bottom {
        margin-bottom: 1.5rem;
    }

    .md-margin-2-rem-bottom {
        margin-bottom: 2rem;
    }

    .md-margin-2-half-rem-bottom {
        margin-bottom: 2.5rem;
    }

    .md-margin-3-rem-bottom {
        margin-bottom: 3rem;
    }

    .md-margin-3-half-rem-bottom {
        margin-bottom: 3.5rem;
    }

    .md-margin-4-rem-bottom {
        margin-bottom: 4rem;
    }

    .md-margin-4-half-rem-bottom {
        margin-bottom: 4.5rem;
    }

    .md-margin-5-rem-bottom {
        margin-bottom: 5rem;
    }

    .md-margin-5-half-rem-bottom {
        margin-bottom: 5.5rem;
    }

    .md-margin-6-rem-bottom {
        margin-bottom: 6rem;
    }

    .md-margin-6-half-rem-bottom {
        margin-bottom: 6.5rem;
    }

    .md-margin-7-rem-bottom {
        margin-bottom: 7rem;
    }

    .md-margin-7-half-rem-bottom {
        margin-bottom: 7.5rem;
    }

    .md-margin-8-rem-bottom {
        margin-bottom: 8rem;
    }

    .md-margin-8-half-rem-bottom {
        margin-bottom: 8.5rem;
    }

    .md-margin-9-rem-bottom {
        margin-bottom: 9rem;
    }

    .md-margin-9-half-rem-bottom {
        margin-bottom: 9.5rem;
    }

    .md-margin-10-rem-bottom {
        margin-bottom: 10rem;
    }

    .md-margin-10-half-rem-bottom {
        margin-bottom: 10.5rem;
    }

    /* margin right */
    .md-margin-one-right {
        margin-right: 1%;
    }

    .md-margin-two-right {
        margin-right: 2%;
    }

    .md-margin-three-right {
        margin-right: 3%;
    }

    .md-margin-four-right {
        margin-right: 4%;
    }

    .md-margin-five-right {
        margin-right: 5%;
    }

    .md-margin-six-right {
        margin-right: 6%;
    }

    .md-margin-seven-right {
        margin-right: 7%;
    }

    .md-margin-eight-right {
        margin-right: 8%;
    }

    .md-margin-nine-right {
        margin-right: 9%;
    }

    .md-margin-ten-right {
        margin-right: 10%;
    }

    .md-margin-eleven-right {
        margin-right: 11%;
    }

    .md-margin-twelve-right {
        margin-right: 12%;
    }

    .md-margin-thirteen-right {
        margin-right: 13%;
    }

    .md-margin-fourteen-right {
        margin-right: 14%;
    }

    .md-margin-fifteen-right {
        margin-right: 15%;
    }

    .md-margin-sixteen-right {
        margin-right: 16%;
    }

    .md-margin-seventeen-right {
        margin-right: 17%;
    }

    .md-margin-eighteen-right {
        margin-right: 18%;
    }

    .md-margin-nineteen-right {
        margin-right: 19%;
    }

    .md-margin-twenty-right {
        margin-right: 20%;
    }

    .md-margin-5px-right {
        margin-right: 5px;
    }

    .md-margin-10px-right {
        margin-right: 10px;
    }

    .md-margin-15px-right {
        margin-right: 15px;
    }

    .md-margin-20px-right {
        margin-right: 20px;
    }

    .md-margin-25px-right {
        margin-right: 25px;
    }

    .md-margin-30px-right {
        margin-right: 30px;
    }

    .md-margin-35px-right {
        margin-right: 35px;
    }

    .md-margin-40px-right {
        margin-right: 40px;
    }

    .md-margin-45px-right {
        margin-right: 45px;
    }

    .md-margin-50px-right {
        margin-right: 50px;
    }

    .md-margin-55px-right {
        margin-right: 55px;
    }

    .md-margin-60px-right {
        margin-right: 60px;
    }

    .md-margin-65px-right {
        margin-right: 65px;
    }

    .md-margin-70px-right {
        margin-right: 70px;
    }

    .md-margin-75px-right {
        margin-right: 75px;
    }

    .md-margin-80px-right {
        margin-right: 80px;
    }

    .md-margin-85px-right {
        margin-right: 85px;
    }

    .md-margin-90px-right {
        margin-right: 90px;
    }

    .md-margin-95px-right {
        margin-right: 95px;
    }

    .md-margin-100px-right {
        margin-right: 100px;
    }

    .md-margin-1-rem-right {
        margin-right: 1rem;
    }

    .md-margin-1-half-rem-right {
        margin-right: 1.5rem;
    }

    .md-margin-2-rem-right {
        margin-right: 2rem;
    }

    .md-margin-2-half-rem-right {
        margin-right: 2.5rem;
    }

    .md-margin-3-rem-right {
        margin-right: 3rem;
    }

    .md-margin-3-half-rem-right {
        margin-right: 3.5rem;
    }

    .md-margin-4-rem-right {
        margin-right: 4rem;
    }

    .md-margin-4-half-rem-right {
        margin-right: 4.5rem;
    }

    .md-margin-5-rem-right {
        margin-right: 5rem;
    }

    .md-margin-5-half-rem-right {
        margin-right: 5.5rem;
    }

    .md-margin-6-rem-right {
        margin-right: 6rem;
    }

    .md-margin-6-half-rem-right {
        margin-right: 6.5rem;
    }

    .md-margin-7-rem-right {
        margin-right: 7rem;
    }

    .md-margin-7-half-rem-right {
        margin-right: 7.5rem;
    }

    .md-margin-8-rem-right {
        margin-right: 8rem;
    }

    .md-margin-8-half-rem-right {
        margin-right: 8.5rem;
    }

    .md-margin-9-rem-right {
        margin-right: 9rem;
    }

    .md-margin-9-half-rem-right {
        margin-right: 9.5rem;
    }

    .md-margin-10-rem-right {
        margin-right: 10rem;
    }

    .md-margin-10-half-rem-right {
        margin-right: 10.5rem;
    }

    /* margin left */
    .md-margin-one-left {
        margin-left: 1%;
    }

    .md-margin-two-left {
        margin-left: 2%;
    }

    .md-margin-three-left {
        margin-left: 3%;
    }

    .md-margin-four-left {
        margin-left: 4%;
    }

    .md-margin-five-left {
        margin-left: 5%;
    }

    .md-margin-six-left {
        margin-left: 6%;
    }

    .md-margin-seven-left {
        margin-left: 7%;
    }

    .md-margin-eight-left {
        margin-left: 8%;
    }

    .md-margin-nine-left {
        margin-left: 9%;
    }

    .md-margin-ten-left {
        margin-left: 10%;
    }

    .md-margin-eleven-left {
        margin-left: 11%;
    }

    .md-margin-twelve-left {
        margin-left: 12%;
    }

    .md-margin-thirteen-left {
        margin-left: 13%;
    }

    .md-margin-fourteen-left {
        margin-left: 14%;
    }

    .md-margin-fifteen-left {
        margin-left: 15%;
    }

    .md-margin-sixteen-left {
        margin-left: 16%;
    }

    .md-margin-seventeen-left {
        margin-left: 17%;
    }

    .md-margin-eighteen-left {
        margin-left: 18%;
    }

    .md-margin-nineteen-left {
        margin-left: 19%;
    }

    .md-margin-twenty-left {
        margin-left: 20%;
    }

    .md-margin-5px-left {
        margin-left: 5px;
    }

    .md-margin-10px-left {
        margin-left: 10px;
    }

    .md-margin-15px-left {
        margin-left: 15px;
    }

    .md-margin-20px-left {
        margin-left: 20px;
    }

    .md-margin-25px-left {
        margin-left: 25px;
    }

    .md-margin-30px-left {
        margin-left: 30px;
    }

    .md-margin-35px-left {
        margin-left: 35px;
    }

    .md-margin-40px-left {
        margin-left: 40px;
    }

    .md-margin-45px-left {
        margin-left: 45px;
    }

    .md-margin-50px-left {
        margin-left: 50px;
    }

    .md-margin-55px-left {
        margin-left: 55px;
    }

    .md-margin-60px-left {
        margin-left: 60px;
    }

    .md-margin-65px-left {
        margin-left: 65px;
    }

    .md-margin-70px-left {
        margin-left: 70px;
    }

    .md-margin-75px-left {
        margin-left: 75px;
    }

    .md-margin-80px-left {
        margin-left: 80px;
    }

    .md-margin-85px-left {
        margin-left: 85px;
    }

    .md-margin-90px-left {
        margin-left: 90px;
    }

    .md-margin-95px-left {
        margin-left: 95px;
    }

    .md-margin-100px-left {
        margin-left: 100px;
    }

    .md-margin-1-rem-left {
        margin-left: 1rem;
    }

    .md-margin-1-half-rem-left {
        margin-left: 1.5rem;
    }

    .md-margin-2-rem-left {
        margin-left: 2rem;
    }

    .md-margin-2-half-rem-left {
        margin-left: 2.5rem;
    }

    .md-margin-3-rem-left {
        margin-left: 3rem;
    }

    .md-margin-3-half-rem-left {
        margin-left: 3.5rem;
    }

    .md-margin-4-rem-left {
        margin-left: 4rem;
    }

    .md-margin-4-half-rem-left {
        margin-left: 4.5rem;
    }

    .md-margin-5-rem-left {
        margin-left: 5rem;
    }

    .md-margin-5-half-rem-left {
        margin-left: 5.5rem;
    }

    .md-margin-6-rem-left {
        margin-left: 6rem;
    }

    .md-margin-6-half-rem-left {
        margin-left: 6.5rem;
    }

    .md-margin-7-rem-left {
        margin-left: 7rem;
    }

    .md-margin-7-half-rem-left {
        margin-left: 7.5rem;
    }

    .md-margin-8-rem-left {
        margin-left: 8rem;
    }

    .md-margin-8-half-rem-left {
        margin-left: 8.5rem;
    }

    .md-margin-9-rem-left {
        margin-left: 9rem;
    }

    .md-margin-9-half-rem-left {
        margin-left: 9.5rem;
    }

    .md-margin-10-rem-left {
        margin-left: 10rem;
    }

    .md-margin-10-half-rem-left {
        margin-left: 10.5rem;
    }

    /* margin left right */
    .md-margin-one-lr {
        margin-left: 1%;
        margin-right: 1%;
    }

    .md-margin-two-lr {
        margin-left: 2%;
        margin-right: 2%;
    }

    .md-margin-three-lr {
        margin-left: 3%;
        margin-right: 3%;
    }

    .md-margin-four-lr {
        margin-left: 4%;
        margin-right: 4%;
    }

    .md-margin-five-lr {
        margin-left: 5%;
        margin-right: 5%;
    }

    .md-margin-six-lr {
        margin-left: 6%;
        margin-right: 6%;
    }

    .md-margin-seven-lr {
        margin-left: 7%;
        margin-right: 7%;
    }

    .md-margin-eight-lr {
        margin-left: 8%;
        margin-right: 8%;
    }

    .md-margin-nine-lr {
        margin-left: 9%;
        margin-right: 9%;
    }

    .md-margin-ten-lr {
        margin-left: 10%;
        margin-right: 10%;
    }

    .md-margin-eleven-lr {
        margin-left: 11%;
        margin-right: 11%;
    }

    .md-margin-twelve-lr {
        margin-left: 12%;
        margin-right: 12%;
    }

    .md-margin-thirteen-lr {
        margin-left: 13%;
        margin-right: 13%;
    }

    .md-margin-fourteen-lr {
        margin-left: 14%;
        margin-right: 14%;
    }

    .md-margin-fifteen-lr {
        margin-left: 15%;
        margin-right: 15%;
    }

    .md-margin-sixteen-lr {
        margin-left: 16%;
        margin-right: 16%;
    }

    .md-margin-seventeen-lr {
        margin-left: 17%;
        margin-right: 17%;
    }

    .md-margin-eighteen-lr {
        margin-left: 18%;
        margin-right: 18%;
    }

    .md-margin-nineteen-lr {
        margin-left: 19%;
        margin-right: 19%;
    }

    .md-margin-twenty-lr {
        margin-left: 20%;
        margin-right: 20%;
    }

    .md-margin-5px-lr {
        margin-left: 5px;
        margin-right: 5px;
    }

    .md-margin-10px-lr {
        margin-left: 10px;
        margin-right: 10px;
    }

    .md-margin-15px-lr {
        margin-left: 15px;
        margin-right: 15px;
    }

    .md-margin-20px-lr {
        margin-left: 20px;
        margin-right: 20px;
    }

    .md-margin-25px-lr {
        margin-left: 25px;
        margin-right: 25px;
    }

    .md-margin-30px-lr {
        margin-left: 30px;
        margin-right: 30px;
    }

    .md-margin-35px-lr {
        margin-left: 35px;
        margin-right: 35px;
    }

    .md-margin-40px-lr {
        margin-left: 40px;
        margin-right: 40px;
    }

    .md-margin-45px-lr {
        margin-left: 45px;
        margin-right: 45px;
    }

    .md-margin-50px-lr {
        margin-left: 50px;
        margin-right: 50px;
    }

    .md-margin-55px-lr {
        margin-left: 55px;
        margin-right: 55px;
    }

    .md-margin-60px-lr {
        margin-left: 60px;
        margin-right: 60px;
    }

    .md-margin-65px-lr {
        margin-left: 65px;
        margin-right: 65px;
    }

    .md-margin-70px-lr {
        margin-left: 70px;
        margin-right: 70px;
    }

    .md-margin-75px-lr {
        margin-left: 75px;
        margin-right: 75px;
    }

    .md-margin-80px-lr {
        margin-left: 80px;
        margin-right: 80px;
    }

    .md-margin-85px-lr {
        margin-left: 85px;
        margin-right: 85px;
    }

    .md-margin-90px-lr {
        margin-left: 90px;
        margin-right: 90px;
    }

    .md-margin-95px-lr {
        margin-left: 95px;
        margin-right: 95px;
    }

    .md-margin-100px-lr {
        margin-left: 100px;
        margin-right: 100px;
    }

    .md-margin-1-rem-lr {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .md-margin-1-half-rem-lr {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

    .md-margin-2-rem-lr {
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .md-margin-2-half-rem-lr {
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }

    .md-margin-3-rem-lr {
        margin-left: 3rem;
        margin-right: 3rem;
    }

    .md-margin-3-half-rem-lr {
        margin-left: 3.5rem;
        margin-right: 3.5rem;
    }

    .md-margin-4-rem-lr {
        margin-left: 4rem;
        margin-right: 4rem;
    }

    .md-margin-4-half-rem-lr {
        margin-left: 4.5rem;
        margin-right: 4.5rem;
    }

    .md-margin-5-rem-lr {
        margin-left: 5rem;
        margin-right: 5rem;
    }

    .md-margin-5-half-rem-lr {
        margin-left: 5.5rem;
        margin-right: 5.5rem;
    }

    .md-margin-6-rem-lr {
        margin-left: 6rem;
        margin-right: 6rem;
    }

    .md-margin-6-half-rem-lr {
        margin-left: 6.5rem;
        margin-right: 6.5rem;
    }

    .md-margin-7-rem-lr {
        margin-left: 7rem;
        margin-right: 7rem;
    }

    .md-margin-7-half-rem-lr {
        margin-left: 7.5rem;
        margin-right: 7.5rem;
    }

    .md-margin-8-rem-lr {
        margin-left: 8rem;
        margin-right: 8rem;
    }

    .md-margin-8-half-rem-lr {
        margin-left: 8.5rem;
        margin-right: 8.5rem;
    }

    .md-margin-9-rem-lr {
        margin-left: 9rem;
        margin-right: 9rem;
    }

    .md-margin-9-half-rem-lr {
        margin-left: 9.5rem;
        margin-right: 9.5rem;
    }

    .md-margin-10-rem-lr {
        margin-left: 10rem;
        margin-right: 10rem;
    }

    .md-margin-10-half-rem-lr {
        margin-left: 10.5rem;
        margin-right: 10.5rem;
    }

    /* margin top bottom */
    .md-margin-one-tb {
        margin-top: 1%;
        margin-bottom: 1%;
    }

    .md-margin-two-tb {
        margin-top: 2%;
        margin-bottom: 2%;
    }

    .md-margin-three-tb {
        margin-top: 3%;
        margin-bottom: 3%;
    }

    .md-margin-four-tb {
        margin-top: 4%;
        margin-bottom: 4%;
    }

    .md-margin-five-tb {
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .md-margin-six-tb {
        margin-top: 6%;
        margin-bottom: 6%;
    }

    .md-margin-seven-tb {
        margin-top: 7%;
        margin-bottom: 7%;
    }

    .md-margin-eight-tb {
        margin-top: 8%;
        margin-bottom: 8%;
    }

    .md-margin-nine-tb {
        margin-top: 9%;
        margin-bottom: 9%;
    }

    .md-margin-ten-tb {
        margin-top: 10%;
        margin-bottom: 10%;
    }

    .md-margin-eleven-tb {
        margin-top: 11%;
        margin-bottom: 11%;
    }

    .md-margin-twelve-tb {
        margin-top: 12%;
        margin-bottom: 12%;
    }

    .md-margin-thirteen-tb {
        margin-top: 13%;
        margin-bottom: 13%;
    }

    .md-margin-fourteen-tb {
        margin-top: 14%;
        margin-bottom: 14%;
    }

    .md-margin-fifteen-tb {
        margin-top: 15%;
        margin-bottom: 15%;
    }

    .md-margin-sixteen-tb {
        margin-top: 16%;
        margin-bottom: 16%;
    }

    .md-margin-seventeen-tb {
        margin-top: 17%;
        margin-bottom: 17%;
    }

    .md-margin-eighteen-tb {
        margin-top: 18%;
        margin-bottom: 18%;
    }

    .md-margin-nineteen-tb {
        margin-top: 19%;
        margin-bottom: 19%;
    }

    .md-margin-twenty-tb {
        margin-top: 20%;
        margin-bottom: 20%;
    }

    .md-margin-5px-tb {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .md-margin-10px-tb {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .md-margin-15px-tb {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .md-margin-20px-tb {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .md-margin-25px-tb {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .md-margin-30px-tb {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .md-margin-35px-tb {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .md-margin-40px-tb {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .md-margin-45px-tb {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .md-margin-50px-tb {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .md-margin-55px-tb {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .md-margin-60px-tb {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .md-margin-65px-tb {
        margin-top: 65px;
        margin-bottom: 65px;
    }

    .md-margin-70px-tb {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .md-margin-75px-tb {
        margin-top: 75px;
        margin-bottom: 75px;
    }

    .md-margin-80px-tb {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .md-margin-85px-tb {
        margin-top: 85px;
        margin-bottom: 85px;
    }

    .md-margin-90px-tb {
        margin-top: 90px;
        margin-bottom: 90px;
    }

    .md-margin-95px-tb {
        margin-top: 95px;
        margin-bottom: 95px;
    }

    .md-margin-100px-tb {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .md-margin-1-rem-tb {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .md-margin-1-half-rem-tb {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .md-margin-2-rem-tb {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .md-margin-2-half-rem-tb {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .md-margin-3-rem-tb {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .md-margin-3-half-rem-tb {
        margin-top: 3.5rem;
        margin-bottom: 3.5rem;
    }

    .md-margin-4-rem-tb {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .md-margin-4-half-rem-tb {
        margin-top: 4.5rem;
        margin-bottom: 4.5rem;
    }

    .md-margin-5-rem-tb {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .md-margin-5-half-rem-tb {
        margin-top: 5.5rem;
        margin-bottom: 5.5rem;
    }

    .md-margin-6-rem-tb {
        margin-top: 6rem;
        margin-bottom: 6rem;
    }

    .md-margin-6-half-rem-tb {
        margin-top: 6.5rem;
        margin-bottom: 6.5rem;
    }

    .md-margin-7-rem-tb {
        margin-top: 7rem;
        margin-bottom: 7rem;
    }

    .md-margin-7-half-rem-tb {
        margin-top: 7.5rem;
        margin-bottom: 7.5rem;
    }

    .md-margin-8-rem-tb {
        margin-top: 8rem;
        margin-bottom: 8rem;
    }

    .md-margin-8-half-rem-tb {
        margin-top: 8.5rem;
        margin-bottom: 8.5rem;
    }

    .md-margin-9-rem-tb {
        margin-top: 9rem;
        margin-bottom: 9rem;
    }

    .md-margin-9-half-rem-tb {
        margin-top: 9.5rem;
        margin-bottom: 9.5rem;
    }

    .md-margin-10-rem-tb {
        margin-top: 10rem;
        margin-bottom: 10rem;
    }

    .md-margin-10-half-rem-tb {
        margin-top: 10.5rem;
        margin-bottom: 10.5rem;
    }

    .md-margin-auto-lr {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .md-margin-auto {
        margin: auto;
    }

    .md-no-margin {
        margin: 0 !important;
    }

    .md-no-margin-top {
        margin-top: 0 !important;
    }

    .md-no-margin-bottom {
        margin-bottom: 0 !important;
    }

    .md-no-margin-left {
        margin-left: 0 !important;
    }

    .md-no-margin-right {
        margin-right: 0 !important;
    }

    .md-no-margin-tb {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .md-no-margin-lr {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    /* padding */
    .md-padding-one-all {
        padding: 1%;
    }

    .md-padding-two-all {
        padding: 2%;
    }

    .md-padding-three-all {
        padding: 3%;
    }

    .md-padding-four-all {
        padding: 4%;
    }

    .md-padding-five-all {
        padding: 5%;
    }

    .md-padding-six-all {
        padding: 6%;
    }

    .md-padding-seven-all {
        padding: 7%;
    }

    .md-padding-eight-all {
        padding: 8%;
    }

    .md-padding-nine-all {
        padding: 9%;
    }

    .md-padding-ten-all {
        padding: 10%;
    }

    .md-padding-eleven-all {
        padding: 11%;
    }

    .md-padding-twelve-all {
        padding: 12%;
    }

    .md-padding-thirteen-all {
        padding: 13%;
    }

    .md-padding-fourteen-all {
        padding: 14%;
    }

    .md-padding-fifteen-all {
        padding: 15%;
    }

    .md-padding-sixteen-all {
        padding: 16%;
    }

    .md-padding-seventeen-all {
        padding: 17%;
    }

    .md-padding-eighteen-all {
        padding: 18%;
    }

    .md-padding-nineteen-all {
        padding: 19%;
    }

    .md-padding-twenty-all {
        padding: 20%;
    }

    .md-padding-5px-all {
        padding: 5px;
    }

    .md-padding-10px-all {
        padding: 10px;
    }

    .md-padding-15px-all {
        padding: 15px;
    }

    .md-padding-20px-all {
        padding: 20px;
    }

    .md-padding-25px-all {
        padding: 25px;
    }

    .md-padding-30px-all {
        padding: 30px;
    }

    .md-padding-35px-all {
        padding: 35px;
    }

    .md-padding-40px-all {
        padding: 40px;
    }

    .md-padding-45px-all {
        padding: 45px;
    }

    .md-padding-50px-all {
        padding: 50px;
    }

    .md-padding-55px-all {
        padding: 55px;
    }

    .md-padding-60px-all {
        padding: 60px;
    }

    .md-padding-65px-all {
        padding: 65px;
    }

    .md-padding-70px-all {
        padding: 70px;
    }

    .md-padding-75px-all {
        padding: 75px;
    }

    .md-padding-80px-all {
        padding: 80px;
    }

    .md-padding-85px-all {
        padding: 85px;
    }

    .md-padding-90px-all {
        padding: 90px;
    }

    .md-padding-95px-all {
        padding: 95px;
    }

    .md-padding-100px-all {
        padding: 100px;
    }

    .md-padding-1-rem-all {
        padding: 1rem;
    }

    .md-padding-1-half-rem-all {
        padding: 1.5rem;
    }

    .md-padding-2-rem-all {
        padding: 2rem;
    }

    .md-padding-2-half-rem-all {
        padding: 2.5rem;
    }

    .md-padding-3-rem-all {
        padding: 3rem;
    }

    .md-padding-3-half-rem-all {
        padding: 3.5rem;
    }

    .md-padding-4-rem-all {
        padding: 4rem;
    }

    .md-padding-4-half-rem-all {
        padding: 4.5rem;
    }

    .md-padding-5-rem-all {
        padding: 5rem;
    }

    .md-padding-5-half-rem-all {
        padding: 5.5rem;
    }

    .md-padding-6-rem-all {
        padding: 6rem;
    }

    .md-padding-6-half-rem-all {
        padding: 6.5rem;
    }

    .md-padding-7-rem-all {
        padding: 7rem;
    }

    .md-padding-7-half-rem-all {
        padding: 7.5rem;
    }

    .md-padding-8-rem-all {
        padding: 8rem;
    }

    .md-padding-8-half-rem-all {
        padding: 8.5rem;
    }

    .md-padding-9-rem-all {
        padding: 9rem;
    }

    .md-padding-9-half-rem-all {
        padding: 9.5rem;
    }

    .md-padding-10-rem-all {
        padding: 10rem;
    }

    .md-padding-10-half-rem-all {
        padding: 10.5rem;
    }

    /* padding top */
    .md-padding-one-top {
        padding-top: 1%;
    }

    .md-padding-two-top {
        padding-top: 2%;
    }

    .md-padding-three-top {
        padding-top: 3%;
    }

    .md-padding-four-top {
        padding-top: 4%;
    }

    .md-padding-five-top {
        padding-top: 5%;
    }

    .md-padding-six-top {
        padding-top: 6%;
    }

    .md-padding-seven-top {
        padding-top: 7%;
    }

    .md-padding-eight-top {
        padding-top: 8%;
    }

    .md-padding-nine-top {
        padding-top: 9%;
    }

    .md-padding-ten-top {
        padding-top: 10%;
    }

    .md-padding-eleven-top {
        padding-top: 11%;
    }

    .md-padding-twelve-top {
        padding-top: 12%;
    }

    .md-padding-thirteen-top {
        padding-top: 13%;
    }

    .md-padding-fourteen-top {
        padding-top: 14%;
    }

    .md-padding-fifteen-top {
        padding-top: 15%;
    }

    .md-padding-sixteen-top {
        padding-top: 16%;
    }

    .md-padding-seventeen-top {
        padding-top: 17%;
    }

    .md-padding-eighteen-top {
        padding-top: 18%;
    }

    .md-padding-nineteen-top {
        padding-top: 19%;
    }

    .md-padding-twenty-top {
        padding-top: 20%;
    }

    .md-padding-5px-top {
        padding-top: 5px;
    }

    .md-padding-10px-top {
        padding-top: 10px;
    }

    .md-padding-15px-top {
        padding-top: 15px;
    }

    .md-padding-20px-top {
        padding-top: 20px;
    }

    .md-padding-25px-top {
        padding-top: 25px;
    }

    .md-padding-30px-top {
        padding-top: 30px;
    }

    .md-padding-35px-top {
        padding-top: 35px;
    }

    .md-padding-40px-top {
        padding-top: 40px;
    }

    .md-padding-45px-top {
        padding-top: 45px;
    }

    .md-padding-50px-top {
        padding-top: 50px;
    }

    .md-padding-55px-top {
        padding-top: 55px;
    }

    .md-padding-60px-top {
        padding-top: 60px;
    }

    .md-padding-65px-top {
        padding-top: 65px;
    }

    .md-padding-70px-top {
        padding-top: 70px;
    }

    .md-padding-75px-top {
        padding-top: 75px;
    }

    .md-padding-80px-top {
        padding-top: 80px;
    }

    .md-padding-85px-top {
        padding-top: 85px;
    }

    .md-padding-90px-top {
        padding-top: 90px;
    }

    .md-padding-95px-top {
        padding-top: 95px;
    }

    .md-padding-100px-top {
        padding-top: 100px;
    }

    .md-padding-1-rem-top {
        padding-top: 1rem;
    }

    .md-padding-1-half-rem-top {
        padding-top: 1.5rem;
    }

    .md-padding-2-rem-top {
        padding-top: 2rem;
    }

    .md-padding-2-half-rem-top {
        padding-top: 2.5rem;
    }

    .md-padding-3-rem-top {
        padding-top: 3rem;
    }

    .md-padding-3-half-rem-top {
        padding-top: 3.5rem;
    }

    .md-padding-4-rem-top {
        padding-top: 4rem;
    }

    .md-padding-4-half-rem-top {
        padding-top: 4.5rem;
    }

    .md-padding-5-rem-top {
        padding-top: 5rem;
    }

    .md-padding-5-half-rem-top {
        padding-top: 5.5rem;
    }

    .md-padding-6-rem-top {
        padding-top: 6rem;
    }

    .md-padding-6-half-rem-top {
        padding-top: 6.5rem;
    }

    .md-padding-7-rem-top {
        padding-top: 7rem;
    }

    .md-padding-7-half-rem-top {
        padding-top: 7.5rem;
    }

    .md-padding-8-rem-top {
        padding-top: 8rem;
    }

    .md-padding-8-half-rem-top {
        padding-top: 8.5rem;
    }

    .md-padding-9-rem-top {
        padding-top: 9rem;
    }

    .md-padding-9-half-rem-top {
        padding-top: 9.5rem;
    }

    .md-padding-10-rem-top {
        padding-top: 10rem;
    }

    .md-padding-10-half-rem-top {
        padding-top: 10.5rem;
    }

    /* padding bottom */
    .md-padding-one-bottom {
        padding-bottom: 1%;
    }

    .md-padding-two-bottom {
        padding-bottom: 2%;
    }

    .md-padding-three-bottom {
        padding-bottom: 3%;
    }

    .md-padding-four-bottom {
        padding-bottom: 4%;
    }

    .md-padding-five-bottom {
        padding-bottom: 5%;
    }

    .md-padding-six-bottom {
        padding-bottom: 6%;
    }

    .md-padding-seven-bottom {
        padding-bottom: 7%;
    }

    .md-padding-eight-bottom {
        padding-bottom: 8%;
    }

    .md-padding-nine-bottom {
        padding-bottom: 9%;
    }

    .md-padding-ten-bottom {
        padding-bottom: 10%;
    }

    .md-padding-eleven-bottom {
        padding-bottom: 11%;
    }

    .md-padding-twelve-bottom {
        padding-bottom: 12%;
    }

    .md-padding-thirteen-bottom {
        padding-bottom: 13%;
    }

    .md-padding-fourteen-bottom {
        padding-bottom: 14%;
    }

    .md-padding-fifteen-bottom {
        padding-bottom: 15%;
    }

    .md-padding-sixteen-bottom {
        padding-bottom: 16%;
    }

    .md-padding-seventeen-bottom {
        padding-bottom: 17%;
    }

    .md-padding-eighteen-bottom {
        padding-bottom: 18%;
    }

    .md-padding-nineteen-bottom {
        padding-bottom: 19%;
    }

    .md-padding-twenty-bottom {
        padding-bottom: 20%;
    }

    .md-padding-5px-bottom {
        padding-bottom: 5px;
    }

    .md-padding-10px-bottom {
        padding-bottom: 10px;
    }

    .md-padding-15px-bottom {
        padding-bottom: 15px;
    }

    .md-padding-20px-bottom {
        padding-bottom: 20px;
    }

    .md-padding-25px-bottom {
        padding-bottom: 25px;
    }

    .md-padding-30px-bottom {
        padding-bottom: 30px;
    }

    .md-padding-35px-bottom {
        padding-bottom: 35px;
    }

    .md-padding-40px-bottom {
        padding-bottom: 40px;
    }

    .md-padding-45px-bottom {
        padding-bottom: 45px;
    }

    .md-padding-50px-bottom {
        padding-bottom: 50px;
    }

    .md-padding-55px-bottom {
        padding-bottom: 55px;
    }

    .md-padding-60px-bottom {
        padding-bottom: 60px;
    }

    .md-padding-65px-bottom {
        padding-bottom: 65px;
    }

    .md-padding-70px-bottom {
        padding-bottom: 70px;
    }

    .md-padding-75px-bottom {
        padding-bottom: 75px;
    }

    .md-padding-80px-bottom {
        padding-bottom: 80px;
    }

    .md-padding-85px-bottom {
        padding-bottom: 85px;
    }

    .md-padding-90px-bottom {
        padding-bottom: 90px;
    }

    .md-padding-95px-bottom {
        padding-bottom: 95px;
    }

    .md-padding-100px-bottom {
        padding-bottom: 100px;
    }

    .md-padding-1-rem-bottom {
        padding-bottom: 1rem;
    }

    .md-padding-1-half-rem-bottom {
        padding-bottom: 1.5rem;
    }

    .md-padding-2-rem-bottom {
        padding-bottom: 2rem;
    }

    .md-padding-2-half-rem-bottom {
        padding-bottom: 2.5rem;
    }

    .md-padding-3-rem-bottom {
        padding-bottom: 3rem;
    }

    .md-padding-3-half-rem-bottom {
        padding-bottom: 3.5rem;
    }

    .md-padding-4-rem-bottom {
        padding-bottom: 4rem;
    }

    .md-padding-4-half-rem-bottom {
        padding-bottom: 4.5rem;
    }

    .md-padding-5-rem-bottom {
        padding-bottom: 5rem;
    }

    .md-padding-5-half-rem-bottom {
        padding-bottom: 5.5rem;
    }

    .md-padding-6-rem-bottom {
        padding-bottom: 6rem;
    }

    .md-padding-6-half-rem-bottom {
        padding-bottom: 6.5rem;
    }

    .md-padding-7-rem-bottom {
        padding-bottom: 7rem;
    }

    .md-padding-7-half-rem-bottom {
        padding-bottom: 7.5rem;
    }

    .md-padding-8-rem-bottom {
        padding-bottom: 8rem;
    }

    .md-padding-8-half-rem-bottom {
        padding-bottom: 8.5rem;
    }

    .md-padding-9-rem-bottom {
        padding-bottom: 9rem;
    }

    .md-padding-9-half-rem-bottom {
        padding-bottom: 9.5rem;
    }

    .md-padding-10-rem-bottom {
        padding-bottom: 10rem;
    }

    .md-padding-10-half-rem-bottom {
        padding-bottom: 10.5rem;
    }

    /* padding right */
    .md-padding-one-right {
        padding-right: 1%;
    }

    .md-padding-two-right {
        padding-right: 2%;
    }

    .md-padding-three-right {
        padding-right: 3%;
    }

    .md-padding-four-right {
        padding-right: 4%;
    }

    .md-padding-five-right {
        padding-right: 5%;
    }

    .md-padding-six-right {
        padding-right: 6%;
    }

    .md-padding-seven-right {
        padding-right: 7%;
    }

    .md-padding-eight-right {
        padding-right: 8%;
    }

    .md-padding-nine-right {
        padding-right: 9%;
    }

    .md-padding-ten-right {
        padding-right: 10%;
    }

    .md-padding-eleven-right {
        padding-right: 11%;
    }

    .md-padding-twelve-right {
        padding-right: 12%;
    }

    .md-padding-thirteen-right {
        padding-right: 13%;
    }

    .md-padding-fourteen-right {
        padding-right: 14%;
    }

    .md-padding-fifteen-right {
        padding-right: 15%;
    }

    .md-padding-sixteen-right {
        padding-right: 16%;
    }

    .md-padding-seventeen-right {
        padding-right: 17%;
    }

    .md-padding-eighteen-right {
        padding-right: 18%;
    }

    .md-padding-nineteen-right {
        padding-right: 19%;
    }

    .md-padding-twenty-right {
        padding-right: 20%;
    }

    .md-padding-5px-right {
        padding-right: 5px;
    }

    .md-padding-10px-right {
        padding-right: 10px;
    }

    .md-padding-15px-right {
        padding-right: 15px;
    }

    .md-padding-20px-right {
        padding-right: 20px;
    }

    .md-padding-25px-right {
        padding-right: 25px;
    }

    .md-padding-30px-right {
        padding-right: 30px;
    }

    .md-padding-35px-right {
        padding-right: 35px;
    }

    .md-padding-40px-right {
        padding-right: 40px;
    }

    .md-padding-45px-right {
        padding-right: 45px;
    }

    .md-padding-50px-right {
        padding-right: 50px;
    }

    .md-padding-55px-right {
        padding-right: 55px;
    }

    .md-padding-60px-right {
        padding-right: 60px;
    }

    .md-padding-65px-right {
        padding-right: 65px;
    }

    .md-padding-70px-right {
        padding-right: 70px;
    }

    .md-padding-75px-right {
        padding-right: 75px;
    }

    .md-padding-80px-right {
        padding-right: 80px;
    }

    .md-padding-85px-right {
        padding-right: 85px;
    }

    .md-padding-90px-right {
        padding-right: 90px;
    }

    .md-padding-95px-right {
        padding-right: 95px;
    }

    .md-padding-100px-right {
        padding-right: 100px;
    }

    .md-padding-1-rem-right {
        padding-right: 1rem;
    }

    .md-padding-1-half-rem-right {
        padding-right: 1.5rem;
    }

    .md-padding-2-rem-right {
        padding-right: 2rem;
    }

    .md-padding-2-half-rem-right {
        padding-right: 2.5rem;
    }

    .md-padding-3-rem-right {
        padding-right: 3rem;
    }

    .md-padding-3-half-rem-right {
        padding-right: 3.5rem;
    }

    .md-padding-4-rem-right {
        padding-right: 4rem;
    }

    .md-padding-4-half-rem-right {
        padding-right: 4.5rem;
    }

    .md-padding-5-rem-right {
        padding-right: 5rem;
    }

    .md-padding-5-half-rem-right {
        padding-right: 5.5rem;
    }

    .md-padding-6-rem-right {
        padding-right: 6rem;
    }

    .md-padding-6-half-rem-right {
        padding-right: 6.5rem;
    }

    .md-padding-7-rem-right {
        padding-right: 7rem;
    }

    .md-padding-7-half-rem-right {
        padding-right: 7.5rem;
    }

    .md-padding-8-rem-right {
        padding-right: 8rem;
    }

    .md-padding-8-half-rem-right {
        padding-right: 8.5rem;
    }

    .md-padding-9-rem-right {
        padding-right: 9rem;
    }

    .md-padding-9-half-rem-right {
        padding-right: 9.5rem;
    }

    .md-padding-10-rem-right {
        padding-right: 10rem;
    }

    .md-padding-10-half-rem-right {
        padding-right: 10.5rem;
    }

    /* padding left */
    .md-padding-one-left {
        padding-left: 1%;
    }

    .md-padding-two-left {
        padding-left: 2%;
    }

    .md-padding-three-left {
        padding-left: 3%;
    }

    .md-padding-four-left {
        padding-left: 4%;
    }

    .md-padding-five-left {
        padding-left: 5%;
    }

    .md-padding-six-left {
        padding-left: 6%;
    }

    .md-padding-seven-left {
        padding-left: 7%;
    }

    .md-padding-eight-left {
        padding-left: 8%;
    }

    .md-padding-nine-left {
        padding-left: 9%;
    }

    .md-padding-ten-left {
        padding-left: 10%;
    }

    .md-padding-eleven-left {
        padding-left: 11%;
    }

    .md-padding-twelve-left {
        padding-left: 12%;
    }

    .md-padding-thirteen-left {
        padding-left: 13%;
    }

    .md-padding-fourteen-left {
        padding-left: 14%;
    }

    .md-padding-fifteen-left {
        padding-left: 15%;
    }

    .md-padding-sixteen-left {
        padding-left: 16%;
    }

    .md-padding-seventeen-left {
        padding-left: 17%;
    }

    .md-padding-eighteen-left {
        padding-left: 18%;
    }

    .md-padding-nineteen-left {
        padding-left: 19%;
    }

    .md-padding-twenty-left {
        padding-left: 20%;
    }

    .md-padding-5px-left {
        padding-left: 5px;
    }

    .md-padding-10px-left {
        padding-left: 10px;
    }

    .md-padding-15px-left {
        padding-left: 15px;
    }

    .md-padding-20px-left {
        padding-left: 20px;
    }

    .md-padding-25px-left {
        padding-left: 25px;
    }

    .md-padding-30px-left {
        padding-left: 30px;
    }

    .md-padding-35px-left {
        padding-left: 35px;
    }

    .md-padding-40px-left {
        padding-left: 40px;
    }

    .md-padding-45px-left {
        padding-left: 45px;
    }

    .md-padding-50px-left {
        padding-left: 50px;
    }

    .md-padding-55px-left {
        padding-left: 55px;
    }

    .md-padding-60px-left {
        padding-left: 60px;
    }

    .md-padding-65px-left {
        padding-left: 65px;
    }

    .md-padding-70px-left {
        padding-left: 70px;
    }

    .md-padding-75px-left {
        padding-left: 75px;
    }

    .md-padding-80px-left {
        padding-left: 80px;
    }

    .md-padding-85px-left {
        padding-left: 85px;
    }

    .md-padding-90px-left {
        padding-left: 90px;
    }

    .md-padding-95px-left {
        padding-left: 95px;
    }

    .md-padding-100px-left {
        padding-left: 100px;
    }

    .md-padding-1-rem-left {
        padding-left: 1rem;
    }

    .md-padding-1-half-rem-left {
        padding-left: 1.5rem;
    }

    .md-padding-2-rem-left {
        padding-left: 2rem;
    }

    .md-padding-2-half-rem-left {
        padding-left: 2.5rem;
    }

    .md-padding-3-rem-left {
        padding-left: 3rem;
    }

    .md-padding-3-half-rem-left {
        padding-left: 3.5rem;
    }

    .md-padding-4-rem-left {
        padding-left: 4rem;
    }

    .md-padding-4-half-rem-left {
        padding-left: 4.5rem;
    }

    .md-padding-5-rem-left {
        padding-left: 5rem;
    }

    .md-padding-5-half-rem-left {
        padding-left: 5.5rem;
    }

    .md-padding-6-rem-left {
        padding-left: 6rem;
    }

    .md-padding-6-half-rem-left {
        padding-left: 6.5rem;
    }

    .md-padding-7-rem-left {
        padding-left: 7rem;
    }

    .md-padding-7-half-rem-left {
        padding-left: 7.5rem;
    }

    .md-padding-8-rem-left {
        padding-left: 8rem;
    }

    .md-padding-8-half-rem-left {
        padding-left: 8.5rem;
    }

    .md-padding-9-rem-left {
        padding-left: 9rem;
    }

    .md-padding-9-half-rem-left {
        padding-left: 9.5rem;
    }

    .md-padding-10-rem-left {
        padding-left: 10rem;
    }

    .md-padding-10-half-rem-left {
        padding-left: 10.5rem;
    }

    /* padding top bottom */
    .md-padding-one-tb {
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .md-padding-two-tb {
        padding-top: 2%;
        padding-bottom: 2%;
    }

    .md-padding-three-tb {
        padding-top: 3%;
        padding-bottom: 3%;
    }

    .md-padding-four-tb {
        padding-top: 4%;
        padding-bottom: 4%;
    }

    .md-padding-five-tb {
        padding-top: 5%;
        padding-bottom: 5%;
    }

    .md-padding-six-tb {
        padding-top: 6%;
        padding-bottom: 6%;
    }

    .md-padding-seven-tb {
        padding-top: 7%;
        padding-bottom: 7%;
    }

    .md-padding-eight-tb {
        padding-top: 8%;
        padding-bottom: 8%;
    }

    .md-padding-nine-tb {
        padding-top: 9%;
        padding-bottom: 9%;
    }

    .md-padding-ten-tb {
        padding-top: 10%;
        padding-bottom: 10%;
    }

    .md-padding-eleven-tb {
        padding-top: 11%;
        padding-bottom: 11%;
    }

    .md-padding-twelve-tb {
        padding-top: 12%;
        padding-bottom: 12%;
    }

    .md-padding-thirteen-tb {
        padding-top: 13%;
        padding-bottom: 13%;
    }

    .md-padding-fourteen-tb {
        padding-top: 14%;
        padding-bottom: 14%;
    }

    .md-padding-fifteen-tb {
        padding-top: 15%;
        padding-bottom: 15%;
    }

    .md-padding-sixteen-tb {
        padding-top: 16%;
        padding-bottom: 16%;
    }

    .md-padding-seventeen-tb {
        padding-top: 17%;
        padding-bottom: 17%;
    }

    .md-padding-eighteen-tb {
        padding-top: 18%;
        padding-bottom: 18%;
    }

    .md-padding-nineteen-tb {
        padding-top: 19%;
        padding-bottom: 19%;
    }

    .md-padding-twenty-tb {
        padding-top: 20%;
        padding-bottom: 20%;
    }

    .md-padding-5px-tb {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .md-padding-10px-tb {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .md-padding-15px-tb {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .md-padding-20px-tb {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .md-padding-25px-tb {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .md-padding-30px-tb {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .md-padding-35px-tb {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .md-padding-40px-tb {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .md-padding-45px-tb {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .md-padding-50px-tb {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .md-padding-55px-tb {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .md-padding-60px-tb {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .md-padding-65px-tb {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .md-padding-70px-tb {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .md-padding-75px-tb {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .md-padding-80px-tb {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .md-padding-85px-tb {
        padding-top: 85px;
        padding-bottom: 85px;
    }

    .md-padding-90px-tb {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .md-padding-95px-tb {
        padding-top: 95px;
        padding-bottom: 95px;
    }

    .md-padding-100px-tb {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .md-padding-1-rem-tb {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .md-padding-1-half-rem-tb {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .md-padding-2-rem-tb {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .md-padding-2-half-rem-tb {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .md-padding-3-rem-tb {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .md-padding-3-half-rem-tb {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }

    .md-padding-4-rem-tb {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .md-padding-4-half-rem-tb {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem;
    }

    .md-padding-5-rem-tb {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .md-padding-5-half-rem-tb {
        padding-top: 5.5rem;
        padding-bottom: 5.5rem;
    }

    .md-padding-6-rem-tb {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .md-padding-6-half-rem-tb {
        padding-top: 6.5rem;
        padding-bottom: 6.5rem;
    }

    .md-padding-7-rem-tb {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }

    .md-padding-7-half-rem-tb {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem;
    }

    .md-padding-8-rem-tb {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .md-padding-8-half-rem-tb {
        padding-top: 8.5rem;
        padding-bottom: 8.5rem;
    }

    .md-padding-9-rem-tb {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }

    .md-padding-9-half-rem-tb {
        padding-top: 9.5rem;
        padding-bottom: 9.5rem;
    }

    .md-padding-10-rem-tb {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }

    .md-padding-10-half-rem-tb {
        padding-top: 10.5rem;
        padding-bottom: 10.5rem;
    }

    /* padding left right */
    .md-padding-one-lr {
        padding-left: 1%;
        padding-right: 1%;
    }

    .md-padding-two-lr {
        padding-left: 2%;
        padding-right: 2%;
    }

    .md-padding-three-lr {
        padding-left: 3%;
        padding-right: 3%;
    }

    .md-padding-four-lr {
        padding-left: 4%;
        padding-right: 4%;
    }

    .md-padding-five-lr {
        padding-left: 5%;
        padding-right: 5%;
    }

    .md-padding-six-lr {
        padding-left: 6%;
        padding-right: 6%;
    }

    .md-padding-seven-lr {
        padding-left: 7%;
        padding-right: 7%;
    }

    .md-padding-eight-lr {
        padding-left: 8%;
        padding-right: 8%;
    }

    .md-padding-nine-lr {
        padding-left: 9%;
        padding-right: 9%;
    }

    .md-padding-ten-lr {
        padding-left: 10%;
        padding-right: 10%;
    }

    .md-padding-eleven-lr {
        padding-left: 11%;
        padding-right: 11%;
    }

    .md-padding-twelve-lr {
        padding-left: 12%;
        padding-right: 12%;
    }

    .md-padding-thirteen-lr {
        padding-left: 13%;
        padding-right: 13%;
    }

    .md-padding-fourteen-lr {
        padding-left: 14%;
        padding-right: 14%;
    }

    .md-padding-fifteen-lr {
        padding-left: 15%;
        padding-right: 15%;
    }

    .md-padding-sixteen-lr {
        padding-left: 16%;
        padding-right: 16%;
    }

    .md-padding-seventeen-lr {
        padding-left: 17%;
        padding-right: 17%;
    }

    .md-padding-eighteen-lr {
        padding-left: 18%;
        padding-right: 18%;
    }

    .md-padding-nineteen-lr {
        padding-left: 19%;
        padding-right: 19%;
    }

    .md-padding-twenty-lr {
        padding-left: 20%;
        padding-right: 20%;
    }

    .md-padding-5px-lr {
        padding-left: 5px;
        padding-right: 5px;
    }

    .md-padding-10px-lr {
        padding-left: 10px;
        padding-right: 10px;
    }

    .md-padding-15px-lr {
        padding-left: 15px;
        padding-right: 15px;
    }

    .md-padding-20px-lr {
        padding-left: 20px;
        padding-right: 20px;
    }

    .md-padding-25px-lr {
        padding-left: 25px;
        padding-right: 25px;
    }

    .md-padding-30px-lr {
        padding-left: 30px;
        padding-right: 30px;
    }

    .md-padding-35px-lr {
        padding-left: 35px;
        padding-right: 35px;
    }

    .md-padding-40px-lr {
        padding-left: 40px;
        padding-right: 40px;
    }

    .md-padding-45px-lr {
        padding-left: 45px;
        padding-right: 45px;
    }

    .md-padding-50px-lr {
        padding-left: 50px;
        padding-right: 50px;
    }

    .md-padding-55px-lr {
        padding-left: 55px;
        padding-right: 55px;
    }

    .md-padding-60px-lr {
        padding-left: 60px;
        padding-right: 60px;
    }

    .md-padding-65px-lr {
        padding-left: 65px;
        padding-right: 65px;
    }

    .md-padding-70px-lr {
        padding-left: 70px;
        padding-right: 70px;
    }

    .md-padding-75px-lr {
        padding-left: 75px;
        padding-right: 75px;
    }

    .md-padding-80px-lr {
        padding-left: 80px;
        padding-right: 80px;
    }

    .md-padding-85px-lr {
        padding-left: 85px;
        padding-right: 85px;
    }

    .md-padding-90px-lr {
        padding-left: 90px;
        padding-right: 90px;
    }

    .md-padding-95px-lr {
        padding-left: 95px;
        padding-right: 95px;
    }

    .md-padding-100px-lr {
        padding-left: 100px;
        padding-right: 100px;
    }

    .md-padding-1-rem-lr {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .md-padding-1-half-rem-lr {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .md-padding-2-rem-lr {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .md-padding-2-half-rem-lr {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .md-padding-3-rem-lr {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .md-padding-3-half-rem-lr {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }

    .md-padding-4-rem-lr {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .md-padding-4-half-rem-lr {
        padding-left: 4.5rem;
        padding-right: 4.5rem;
    }

    .md-padding-5-rem-lr {
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .md-padding-5-half-rem-lr {
        padding-left: 5.5rem;
        padding-right: 5.5rem;
    }

    .md-padding-6-rem-lr {
        padding-left: 6rem;
        padding-right: 6rem;
    }

    .md-padding-6-half-rem-lr {
        padding-left: 6.5rem;
        padding-right: 6.5rem;
    }

    .md-padding-7-rem-lr {
        padding-left: 7rem;
        padding-right: 7rem;
    }

    .md-padding-7-half-rem-lr {
        padding-left: 7.5rem;
        padding-right: 7.5rem;
    }

    .md-padding-8-rem-lr {
        padding-left: 8rem;
        padding-right: 8rem;
    }

    .md-padding-8-half-rem-lr {
        padding-left: 8.5rem;
        padding-right: 8.5rem;
    }

    .md-padding-9-rem-lr {
        padding-left: 9rem;
        padding-right: 9rem;
    }

    .md-padding-9-half-rem-lr {
        padding-left: 9.5rem;
        padding-right: 9.5rem;
    }

    .md-padding-10-rem-lr {
        padding-left: 10rem;
        padding-right: 10rem;
    }

    .md-padding-10-half-rem-lr {
        padding-left: 10.5rem;
        padding-right: 10.5rem;
    }

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

    .md-no-padding-lr {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .md-no-padding-tb {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .md-no-padding-top {
        padding-top: 0 !important;
    }

    .md-no-padding-bottom {
        padding-bottom: 0 !important;
    }

    .md-no-padding-left {
        padding-left: 0 !important;
    }

    .md-no-padding-right {
        padding-right: 0 !important;
    }

    /* display and overflow */
    .md-d-initial {
        display: initial !important;
    }

    .md-overflow-hidden {
        overflow: hidden !important;
    }

    .md-overflow-visible {
        overflow: visible !important;
    }

    .md-overflow-auto {
        overflow: auto !important;
    }

    /* position */
    .md-position-relative {
        position: relative !important;
    }

    .md-position-absolute {
        position: absolute !important;
    }

    .md-position-fixed {
        position: fixed !important;
    }

    .md-position-inherit {
        position: inherit !important;
    }

    .md-position-initial {
        position: initial !important;
    }

    /* top */
    .md-top-0px {
        top: 0;
    }

    .md-top-1px {
        top: 1px;
    }

    .md-top-2px {
        top: 2px;
    }

    .md-top-3px {
        top: 3px;
    }

    .md-top-4px {
        top: 4px;
    }

    .md-top-5px {
        top: 5px;
    }

    .md-top-6px {
        top: 6px;
    }

    .md-top-7px {
        top: 7px;
    }

    .md-top-8px {
        top: 8px;
    }

    .md-top-9px {
        top: 9px;
    }

    .md-top-10px {
        top: 10px;
    }

    .md-top-15px {
        top: 15px;
    }

    .md-top-20px {
        top: 20px;
    }

    .md-top-25px {
        top: 25px;
    }

    .md-top-30px {
        top: 30px;
    }

    .md-top-35px {
        top: 35px;
    }

    .md-top-40px {
        top: 40px;
    }

    .md-top-45px {
        top: 45px;
    }

    .md-top-50px {
        top: 50px;
    }

    .md-top-auto {
        top: auto;
    }

    .md-top-inherit {
        top: inherit;
    }

    /* top minus */
    .md-top-minus-1px {
        top: -1px;
    }

    .md-top-minus-2px {
        top: -2px;
    }

    .md-top-minus-3px {
        top: -3px;
    }

    .md-top-minus-4px {
        top: -4px;
    }

    .md-top-minus-5px {
        top: -5px;
    }

    .md-top-minus-6px {
        top: -6px;
    }

    .md-top-minus-7px {
        top: -7px;
    }

    .md-top-minus-8px {
        top: -8px;
    }

    .md-top-minus-9px {
        top: -9px;
    }

    .md-top-minus-10px {
        top: -10px;
    }

    .md-top-minus-15px {
        top: -15px;
    }

    .md-top-minus-20px {
        top: -20px;
    }

    .md-top-minus-25px {
        top: -25px;
    }

    .md-top-minus-30px {
        top: -30px;
    }

    .md-top-minus-35px {
        top: -35px;
    }

    .md-top-minus-40px {
        top: -40px;
    }

    .md-top-minus-45px {
        top: -45px;
    }

    .md-top-minus-50px {
        top: -50px;
    }

    /* bottom */
    .md-bottom-0px {
        bottom: 0;
    }

    .md-bottom-1px {
        bottom: 1px;
    }

    .md-bottom-2px {
        bottom: 2px;
    }

    .md-bottom-3px {
        bottom: 3px;
    }

    .md-bottom-4px {
        bottom: 4px;
    }

    .md-bottom-5px {
        bottom: 5px;
    }

    .md-bottom-6px {
        bottom: 6px;
    }

    .md-bottom-7px {
        bottom: 7px;
    }

    .md-bottom-8px {
        bottom: 8px;
    }

    .md-bottom-9px {
        bottom: 9px;
    }

    .md-bottom-10px {
        bottom: 10px;
    }

    .md-bottom-15px {
        bottom: 15px;
    }

    .md-bottom-20px {
        bottom: 20px;
    }

    .md-bottom-25px {
        bottom: 25px;
    }

    .md-bottom-30px {
        bottom: 30px;
    }

    .md-bottom-35px {
        bottom: 35px;
    }

    .md-bottom-40px {
        bottom: 40px;
    }

    .md-bottom-45px {
        bottom: 45px;
    }

    .md-bottom-50px {
        bottom: 50px;
    }

    .md-bottom-55px {
        bottom: 55px;
    }

    .md-bottom-60px {
        bottom: 60px;
    }

    .md-bottom-auto {
        bottom: auto;
    }

    .md-bottom-inherit {
        bottom: inherit;
    }

    /* bottom minus */
    .md-bottom-minus-1px {
        bottom: -1px;
    }

    .md-bottom-minus-2px {
        bottom: -2px;
    }

    .md-bottom-minus-3px {
        bottom: -3px;
    }

    .md-bottom-minus-4px {
        bottom: -4px;
    }

    .md-bottom-minus-5px {
        bottom: -5px;
    }

    .md-bottom-minus-6px {
        bottom: -6px;
    }

    .md-bottom-minus-7px {
        bottom: -7px;
    }

    .md-bottom-minus-8px {
        bottom: -8px;
    }

    .md-bottom-minus-9px {
        bottom: -9px;
    }

    .md-bottom-minus-10px {
        bottom: -10px;
    }

    .md-bottom-minus-15px {
        bottom: -15px;
    }

    .md-bottom-minus-20px {
        bottom: -20px;
    }

    .md-bottom-minus-25px {
        bottom: -25px;
    }

    .md-bottom-minus-30px {
        bottom: -30px;
    }

    .md-bottom-minus-35px {
        bottom: -35px;
    }

    .md-bottom-minus-40px {
        bottom: -40px;
    }

    .md-bottom-minus-45px {
        bottom: -45px;
    }

    .md-bottom-minus-50px {
        bottom: -50px;
    }

    /* right */
    .md-right-0px {
        right: 0;
    }

    .md-right-1px {
        right: 1px;
    }

    .md-right-2px {
        right: 2px;
    }

    .md-right-3px {
        right: 3px;
    }

    .md-right-4px {
        right: 4px;
    }

    .md-right-5px {
        right: 5px;
    }

    .md-right-6px {
        right: 6px;
    }

    .md-right-7px {
        right: 7px;
    }

    .md-right-8px {
        right: 8px;
    }

    .md-right-9px {
        right: 9px;
    }

    .md-right-10px {
        right: 10px;
    }

    .md-right-15px {
        right: 15px;
    }

    .md-right-20px {
        right: 20px;
    }

    .md-right-25px {
        right: 25px;
    }

    .md-right-30px {
        right: 30px;
    }

    .md-right-35px {
        right: 35px;
    }

    .md-right-40px {
        right: 40px;
    }

    .md-right-45px {
        right: 45px;
    }

    .md-right-50px {
        right: 50px;
    }

    .md-right-auto {
        right: auto;
    }

    .md-right-inherit {
        right: inherit;
    }

    /* right minus */
    .md-right-minus-1px {
        right: -1px;
    }

    .md-right-minus-2px {
        right: -2px;
    }

    .md-right-minus-3px {
        right: -3px;
    }

    .md-right-minus-4px {
        right: -4px;
    }

    .md-right-minus-5px {
        right: -5px;
    }

    .md-right-minus-6px {
        right: -6px;
    }

    .md-right-minus-7px {
        right: -7px;
    }

    .md-right-minus-8px {
        right: -8px;
    }

    .md-right-minus-9px {
        right: -9px;
    }

    .md-right-minus-10px {
        right: -10px;
    }

    .md-right-minus-15px {
        right: -15px;
    }

    .md-right-minus-20px {
        right: -20px;
    }

    .md-right-minus-25px {
        right: -25px;
    }

    .md-right-minus-30px {
        right: -30px;
    }

    .md-right-minus-35px {
        right: -35px;
    }

    .md-right-minus-40px {
        right: -40px;
    }

    .md-right-minus-45px {
        right: -45px;
    }

    .md-right-minus-50px {
        right: -50px;
    }

    /* left */
    .md-left-0px {
        left: 0;
    }

    .md-left-1px {
        left: 1px;
    }

    .md-left-2px {
        left: 2px;
    }

    .md-left-3px {
        left: 3px;
    }

    .md-left-4px {
        left: 4px;
    }

    .md-left-5px {
        left: 5px;
    }

    .md-left-6px {
        left: 6px;
    }

    .md-left-7px {
        left: 7px;
    }

    .md-left-8px {
        left: 8px;
    }

    .md-left-9px {
        left: 9px;
    }

    .md-left-10px {
        left: 10px;
    }

    .md-left-15px {
        left: 15px;
    }

    .md-left-20px {
        left: 20px;
    }

    .md-left-25px {
        left: 25px;
    }

    .md-left-30px {
        left: 30px;
    }

    .md-left-35px {
        left: 35px;
    }

    .md-left-40px {
        left: 40px;
    }

    .md-left-45px {
        left: 45px;
    }

    .md-left-50px {
        left: 50px;
    }

    .md-left-55px {
        left: 55px;
    }

    .md-left-60px {
        left: 60px;
    }

    .md-left-auto {
        left: auto;
    }

    .md-left-inherit {
        left: inherit;
    }

    /* left minus */
    .md-left-minus-1px {
        left: -1px;
    }

    .md-left-minus-2px {
        left: -2px;
    }

    .md-left-minus-3px {
        left: -3px;
    }

    .md-left-minus-4px {
        left: -4px;
    }

    .md-left-minus-5px {
        left: -5px;
    }

    .md-left-minus-6px {
        left: -6px;
    }

    .md-left-minus-7px {
        left: -7px;
    }

    .md-left-minus-8px {
        left: -8px;
    }

    .md-left-minus-9px {
        left: -9px;
    }

    .md-left-minus-10px {
        left: -10px;
    }

    .md-left-minus-15px {
        left: -15px;
    }

    .md-left-minus-20px {
        left: -20px;
    }

    .md-left-minus-25px {
        left: -25px;
    }

    .md-left-minus-30px {
        left: -30px;
    }

    .md-left-minus-35px {
        left: -35px;
    }

    .md-left-minus-40px {
        left: -40px;
    }

    .md-left-minus-45px {
        left: -45px;
    }

    .md-left-minus-50px {
        left: -50px;
    }

    /* md width */
    .md-w-1px {
        width: 1px !important;
    }

    .md-w-2px {
        width: 2px !important;
    }

    .md-w-3px {
        width: 3px !important;
    }

    .md-w-4px {
        width: 4px !important;
    }

    .md-w-5px {
        width: 5px !important;
    }

    .md-w-6px {
        width: 6px !important;
    }

    .md-w-7px {
        width: 7px !important;
    }

    .md-w-8px {
        width: 8px !important;
    }

    .md-w-9px {
        width: 9px !important;
    }

    .md-w-10px {
        width: 10px !important;
    }

    .md-w-15px {
        width: 15px !important;
    }

    .md-w-20px {
        width: 20px !important;
    }

    .md-w-25px {
        width: 25px !important;
    }

    .md-w-30px {
        width: 30px !important;
    }

    .md-w-35px {
        width: 35px !important;
    }

    .md-w-40px {
        width: 40px !important;
    }

    .md-w-50px {
        width: 50px !important;
    }

    .md-w-55px {
        width: 55px !important;
    }

    .md-w-60px {
        width: 60px !important;
    }

    .md-w-65px {
        width: 65px !important;
    }

    .md-w-70px {
        width: 70px !important;
    }

    .md-w-75px {
        width: 75px !important;
    }

    .md-w-80px {
        width: 80px !important;
    }

    .md-w-85px {
        width: 85px !important;
    }

    .md-w-90px {
        width: 90px !important;
    }

    .md-w-95px {
        width: 95px !important;
    }

    .md-w-100px {
        width: 100px !important;
    }

    .md-w-110px {
        width: 110px !important;
    }

    .md-w-120px {
        width: 120px !important;
    }

    .md-w-130px {
        width: 130px !important;
    }

    .md-w-140px {
        width: 140px !important;
    }

    .md-w-150px {
        width: 150px !important;
    }

    .md-w-160px {
        width: 160px !important;
    }

    .md-w-170px {
        width: 170px !important;
    }

    .md-w-180px {
        width: 180px !important;
    }

    .md-w-190px {
        width: 190px !important;
    }

    .md-w-200px {
        width: 200px !important;
    }

    .md-w-250px {
        width: 250px !important;
    }

    .md-w-300px {
        width: 300px !important;
    }

    .md-w-350px {
        width: 350px !important;
    }

    .md-w-400px {
        width: 400px !important;
    }

    .md-w-450px {
        width: 450px !important;
    }

    .md-w-500px {
        width: 500px !important;
    }

    .md-w-550px {
        width: 550px !important;
    }

    .md-w-600px {
        width: 600px !important;
    }

    .md-w-650px {
        width: 650px !important;
    }

    .md-w-700px {
        width: 700px !important;
    }

    .md-w-750px {
        width: 750px !important;
    }

    .md-w-800px {
        width: 800px !important;
    }

    .md-w-850px {
        width: 850px !important;
    }

    .md-w-900px {
        width: 900px !important;
    }

    .md-w-950px {
        width: 950px !important;
    }

    .md-w-1000px {
        width: 1000px !important;
    }

    .md-w-10 {
        width: 10% !important;
    }

    .md-w-15 {
        width: 15% !important;
    }

    .md-w-20 {
        width: 20% !important;
    }

    .md-w-25 {
        width: 25% !important;
    }

    .md-w-30 {
        width: 30% !important;
    }

    .md-w-35 {
        width: 35% !important;
    }

    .md-w-40 {
        width: 40% !important;
    }

    .md-w-45 {
        width: 45% !important;
    }

    .md-w-50 {
        width: 50% !important;
    }

    .md-w-55 {
        width: 55% !important;
    }

    .md-w-60 {
        width: 60% !important;
    }

    .md-w-65 {
        width: 65% !important;
    }

    .md-w-70 {
        width: 70% !important;
    }

    .md-w-75 {
        width: 75% !important;
    }

    .md-w-80 {
        width: 80% !important;
    }

    .md-w-85 {
        width: 85% !important;
    }

    .md-w-90 {
        width: 90% !important;
    }

    .md-w-95 {
        width: 95% !important;
    }

    .md-w-100 {
        width: 100% !important;
    }

    .md-w-auto {
        width: auto !important;
    }

    /* height */
    .md-h-1px {
        height: 1px !important;
    }

    .md-h-2px {
        height: 2px !important;
    }

    .md-h-3px {
        height: 3px !important;
    }

    .md-h-4px {
        height: 4px !important;
    }

    .md-h-5px {
        height: 5px !important;
    }

    .md-h-6px {
        height: 6px !important;
    }

    .md-h-7px {
        height: 7px !important;
    }

    .md-h-8px {
        height: 8px !important;
    }

    .md-h-9px {
        height: 9px !important;
    }

    .md-h-10px {
        height: 10px !important;
    }

    .md-h-20px {
        height: 20px !important;
    }

    .md-h-30px {
        height: 30px !important;
    }

    .md-h-40px {
        height: 40px !important;
    }

    .md-h-42px {
        height: 42px !important;
    }

    .md-h-50px {
        height: 50px !important;
    }

    .md-h-60px {
        height: 60px !important;
    }

    .md-h-70px {
        height: 70px !important;
    }

    .md-h-80px {
        height: 80px !important;
    }

    .md-h-90px {
        height: 90px !important;
    }

    .md-h-100px {
        height: 100px !important;
    }

    .md-h-110px {
        height: 110px !important;
    }

    .md-h-120px {
        height: 120px !important;
    }

    .md-h-130px {
        height: 130px !important;
    }

    .md-h-140px {
        height: 140px !important;
    }

    .md-h-150px {
        height: 150px !important;
    }

    .md-h-160px {
        height: 160px !important;
    }

    .md-h-170px {
        height: 170px !important;
    }

    .md-h-180px {
        height: 180px !important;
    }

    .md-h-190px {
        height: 190px !important;
    }

    .md-h-200px {
        height: 200px !important;
    }

    .md-h-250px {
        height: 250px !important;
    }

    .md-h-300px {
        height: 300px !important;
    }

    .md-h-350px {
        height: 350px !important;
    }

    .md-h-400px {
        height: 400px !important;
    }

    .md-h-450px {
        height: 450px !important;
    }

    .md-h-500px {
        height: 500px !important;
    }

    .md-h-520px {
        height: 520px !important;
    }

    .md-h-550px {
        height: 550px !important;
    }

    .md-h-580px {
        height: 580px !important;
    }

    .md-h-600px {
        height: 600px !important;
    }

    .md-h-650px {
        height: 650px !important;
    }

    .md-h-700px {
        height: 700px !important;
    }

    .md-h-720px {
        height: 720px !important;
    }

    .md-h-750px {
        height: 750px !important;
    }

    .md-h-800px {
        height: 800px !important;
    }

    .md-h-820px {
        height: 820px !important;
    }

    .md-h-830px {
        height: 830px !important;
    }

    .md-h-850px {
        height: 850px !important;
    }

    .md-h-50 {
        height: 50%;
    }

    .md-h-100 {
        height: 100% !important;
    }

    .md-h-auto {
        height: auto !important;
    }

    /* min-height */
    .md-min-h-100px {
        min-height: 100px;
    }

    .md-min-h-200px {
        min-height: 200px;
    }

    .md-min-h-300px {
        min-height: 300px;
    }

    .md-min-h-400px {
        min-height: 400px;
    }

    .md-min-h-500px {
        min-height: 500px;
    }

    .md-min-h-600px {
        min-height: 600px;
    }

    .md-min-h-700px {
        min-height: 700px;
    }

    /* screen height */
    .one-third-screen {
        height: 550px;
    }

    .one-fourth-screen {
        height: 650px;
    }

    .one-fifth-screen {
        height: 750px;
    }

    /* text size */
    .text-extra-big {
        font-size: 130px;
        line-height: 130px;
    }

    /* letter spacing */
    .md-letter-spacing-normal {
        letter-spacing: normal;
    }

    .md-letter-spacing-1-half {
        letter-spacing: 0.5px;
    }

    .md-letter-spacing-1px {
        letter-spacing: 1px;
    }

    .md-letter-spacing-2px {
        letter-spacing: 2px;
    }

    .md-letter-spacing-3px {
        letter-spacing: 3px;
    }

    .md-letter-spacing-4px {
        letter-spacing: 4px;
    }

    .md-letter-spacing-5px {
        letter-spacing: 5px;
    }

    /* list style 08 */
    .list-style-08 li:last-child {
        padding-bottom: 22px;
    }

    /* accordion style 04 */
    .accordion-style-04 .panel .panel-body {
        width: 50%;
    }

    /* time table */
    .time-table .panel {
        padding: 20px;
    }

    .time-table .panel .panel-time {
        min-width: 150px;
    }

    .time-table .panel .panel-body {
        width: calc(100% - 330px);
    }

    /* tab */
    .nav-tabs>li {
        padding: 0 15px;
    }

    .nav-tabs>li.nav-item {
        margin: 0;
        padding: 0 8px;
    }

    /* tab style 05 */
    .tab-style-05 .nav-tabs li {
        padding: 0;
    }

    .tab-style-05 .nav-tabs li a {
        padding: 8px 22px;
    }

    /* tab style 06 */
    .tab-style-06 .nav-tabs>li.nav-item>a.nav-link {
        padding: 0 20px 22px;
    }

    /* tab style 07 */
    .tab-style-07 .nav-tabs {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .tab-style-07 .nav-tabs>li.nav-item>a.nav-link {
        padding: 20px 30px 18px 30px;
        line-height: 26px;
    }

    /* testimonials carousel style 01 */
    .testimonials-carousel-style-01 {
        min-width: 100%;
    }

    /* testimonials carousel style 02 */
    .testimonials-carousel-style-02 {
        min-width: 100%;
    }

    /* process step style 4 */
    .process-step-style-04 .process-step-item {
        padding-left: 0;
        padding-right: 0;
    }

    /* no border */
    .md-no-border-top {
        border-top: 0 !important;
    }

    .md-no-border-bottom {
        border-bottom: 0 !important;
    }

    .md-no-border-right {
        border-right: 0 !important;
    }

    .md-no-border-left {
        border-left: 0 !important;
    }

    .md-no-border-all {
        border: 0 !important;
    }

    /* border width */
    .md-border-width-1px {
        border-width: 1px !important;
    }

    .md-border-width-2px {
        border-width: 2px !important;
    }

    .md-border-width-3px {
        border-width: 3px !important;
    }

    .md-border-width-4px {
        border-width: 4px !important;
    }

    .md-border-width-5px {
        border-width: 5px !important;
    }

    .md-border-width-6px {
        border-width: 6px !important;
    }

    .md-border-width-7px {
        border-width: 7px !important;
    }

    .md-border-width-8px {
        border-width: 8px !important;
    }

    .md-border-width-9px {
        border-width: 9px !important;
    }

    .md-border-width-10px {
        border-width: 10px !important;
    }

    .md-border-width-11px {
        border-width: 11px !important;
    }

    .md-border-width-12px {
        border-width: 12px !important;
    }

    .md-border-width-13px {
        border-width: 13px !important;
    }

    .md-border-width-14px {
        border-width: 14px !important;
    }

    .md-border-width-15px {
        border-width: 15px !important;
    }

    .md-border-width-16px {
        border-width: 16px !important;
    }

    .md-border-width-17px {
        border-width: 17px !important;
    }

    .md-border-width-18px {
        border-width: 18px !important;
    }

    .md-border-width-19px {
        border-width: 19px !important;
    }

    .md-border-width-20px {
        border-width: 20px !important;
    }

    /* border */
    .md-border-all {
        border: 1px solid;
    }

    .md-border-top {
        border-top: 1px solid;
    }

    .md-border-bottom {
        border-bottom: 1px solid;
    }

    .md-border-left {
        border-left: 1px solid;
    }

    .md-border-right {
        border-right: 1px solid;
    }

    .md-border-lr {
        border-left: 1px solid;
        border-right: 1px solid;
    }

    .md-border-tb {
        border-top: 1px solid;
        border-bottom: 1px solid;
    }

    /* border color */
    .md-border-color-white {
        border-color: #fff;
    }

    .md-border-color-black {
        border-color: #000;
    }

    .md-border-color-sky-blue {
        border-color: #2e94eb;
    }

    .md-border-color-extra-dark-gray {
        border-color: #232323;
    }

    .md-border-color-medium-dark-gray {
        border-color: #363636;
    }

    .md-border-color-dark-gray {
        border-color: #939393;
    }

    .md-border-color-extra-medium-gray {
        border-color: #dbdbdb;
    }

    .md-border-color-medium-gray {
        border-color: #e4e4e4;
    }

    .md-border-color-extra-light-gray {
        border-color: #ededed;
    }

    .md-border-color-light-gray {
        border-color: #f5f5f5;
    }

    .md-border-color-light-pink {
        border-color: #862237;
    }

    .md-border-color-deep-pink {
        border-color: #ff214f;
    }

    .md-border-color-pink {
        border-color: #ff357c;
    }

    .md-border-color-fast-blue {
        border-color: #0038e3;
    }

    .md-border-color-orange {
        border-color: #ff6437;
    }

    .md-border-color-green {
        border-color: #c5d300;
    }

    .md-border-color-golden {
        border-color: #d0ba6d;
    }

    .md-border-color-persian-blue {
        border-color: #0039cc;
    }

    .md-border-color-purple {
        border-color: #7342ac;
    }

    .md-border-color-parrot-green {
        border-color: #cee002;
    }

    .md-border-color-dark-red {
        border-color: #e12837;
    }

    /* transparent border */
    .md-border-color-transparent {
        border-color: transparent;
    }

    .md-border-color-black-transparent {
        border-color: rgba(0, 0, 0, 0.1);
    }

    .md-border-color-white-transparent {
        border-color: rgba(255, 255, 255, 0.1);
    }

    .md-border-color-golden-transparent {
        border-color: rgba(208, 186, 109, 0.2);
    }

    .md-border-color-pink-transparent {
        border-color: rgba(255, 33, 79, 0.45);
    }

    .md-border-color-dark-white-transparent {
        border-color: rgba(255, 255, 255, 0.2);
    }

    .md-border-color-medium-white-transparent {
        border-color: rgba(255, 255, 255, 0.4);
    }

    .md-border-color-full-dark-white-transparent {
        border-color: rgba(255, 255, 255, 0.05);
    }

    .md-border-color-light-white-transparent {
        border-color: rgba(255, 255, 255, 0.1);
    }

    .md-border-color-nero-transparent {
        border-color: rgba(25, 25, 25, 0.1);
    }

    .md-border-color-extra-medium-gray-transparent {
        border-color: rgba(219, 219, 219, 0.04);
    }

    /* border style */
    .md-border-dotted {
        border-style: dotted !important;
    }

    .md-border-dashed {
        border-style: dashed !important;
    }

    .md-border-solid {
        border-style: solid !important;
    }

    .md-border-double {
        border-style: double !important;
    }

    .md-border-groove {
        border-style: groove !important;
    }

    .md-border-ridge {
        border-style: ridge !important;
    }

    .md-border-inset {
        border-style: inset !important;
    }

    .md-border-outset {
        border-style: outset !important;
    }

    .md-border-none {
        border-style: none !important;
    }

    .md-border-hidden {
        border-style: hidden !important;
    }

    .md-border-transperent {
        border-color: transparent !important;
    }

    /* swiper thumb */
    .single-product-thumb .slider-vertical {
        position: relative;
    }

    .single-product-thumb .slider-vertical .swiper-wrapper {
        flex-direction: row;
    }

    .single-product-thumb .slider-vertical .swiper-slide {
        width: 25%;
        margin-right: 10px;
    }

    .swiper-thumb-next-prev {
        top: 50%;
        bottom: inherit;
        z-index: 1;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    .swiper-thumb-next-prev .swiper-thumb-prev,
    .swiper-thumb-next-prev .swiper-thumb-next {
        width: 30px;
        height: 30px;
        line-height: 30px;
        position: absolute;
        transform: translateY(-50%) rotate(-90deg);
        -webkit-transform: translateY(-50%) rotate(-90deg);
        -moz-transform: translateY(-50%) rotate(-90deg);
        -ms-transform: translateY(-50%) rotate(-90deg);
    }

    .swiper-thumb-next-prev .swiper-thumb-prev {
        left: 15px;
    }

    .swiper-thumb-next-prev .swiper-thumb-next {
        right: 15px;
        left: auto;
    }

    /* swiper vertical */
    .slider-vertical .vh-100 {
        height: calc(100vh - 70px) !important;
    }

    .slider-vertical .swiper-number-pagination {
        left: 68px;
        bottom: 50px;
        font-size: 16px;
        line-height: 22px;
    }

    .slider-vertical>.swiper-pagination-bullets {
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    .slider-vertical>.swiper-pagination-bullets>.swiper-pagination-bullet {
        margin: 8px 0;
    }

    /* split slider */
    .home-split-portfolio {
        height: auto !important;
    }

    .home-split-portfolio .swiper-slide {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto;
    }

    .home-split-portfolio .swiper-slide .swiper-slide-l,
    .home-split-portfolio .swiper-slide .swiper-slide-r {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        width: 100% !important;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        height: calc(100vh - 70px) !important;
    }

    .home-split-portfolio .swiper-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: auto;
    }

    /* horizontal portfolio slider */
    .horizontal-portfolio-slider-main {
        -webkit-overflow-scrolling: touch;
    }

    .horizontal-portfolio-slider-main .horizontal-portfolio-slider .swiper-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: auto;
        transform: translate3d(0, 0px, 0px) !important;
    }

    /* grid */
    .grid.md-grid-6col li {
        width: 16.67%;
    }

    .grid.md-grid-6col li.grid-item-double {
        width: 33.33%;
    }

    .grid.md-grid-5col li {
        width: 20%;
    }

    .grid.md-grid-5col li.grid-item-double {
        width: 40%;
    }

    .grid.md-grid-4col li {
        width: 25%;
    }

    .grid.md-grid-4col li.grid-item-double {
        width: 50%;
    }

    .grid.md-grid-3col li {
        width: 33.33%;
    }

    .grid.md-grid-3col li.grid-item-double {
        width: 66.67%;
    }

    .grid.md-grid-2col li {
        width: 50%;
    }

    .grid.md-grid-2col li.grid-item-double {
        width: 100%;
    }

    .grid.md-grid-1col li {
        width: 100%;
    }

    /* team style 02 */
    .team-style-02 .social-icon a {
        margin: 0 8px;
    }

    /* blog side image */
    .blog-side-image .separator {
        display: none;
    }

    /* blog modern */
    .blog-modern .blog-post-image {
        margin-bottom: 120px;
    }

    .blog-modern .post-details {
        left: 30px;
        width: calc(100% - 60px);
    }

    /* outside box */
    .outside-box-left {
        margin-left: 0;
    }

    .outside-box-right {
        margin-right: 0;
    }

    .outside-box-bottom {
        margin-bottom: 0;
    }

    /* footer */
    footer .footer-horizontal-link li {
        margin-right: 20px;
    }

    /* magnific popup */
    .mfp-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    button.mfp-close,
    .mfp-image-holder button.mfp-close,
    .mfp-iframe-holder button.mfp-close,
    .mfp-close,
    .mfp-close:active {
        top: 15px;
        right: 15px;
    }

    /* cart and checkout page */
    .cart-products thead {
        display: none;
    }

    .cart-products tr {
        border-bottom: 1px solid #e8e8e8;
        position: relative;
        display: block;
        padding-left: 95px;
        padding-bottom: 20px;
        background: none;
        margin-bottom: 20px;
        overflow: hidden;
    }

    .cart-products td {
        display: block;
        border: none;
        text-align: right;
        margin-bottom: 10px;
        padding: 0;
    }

    .cart-products td:last-child {
        margin: 0;
    }

    .cart-products td:before {
        content: attr(data-title);
        font-weight: 500;
        float: left;
        display: block;
        color: #232323;
        font-family: "Poppins", sans-serif;
        font-size: 12px;
    }

    .cart-products .product-remove {
        width: auto;
        position: absolute;
        right: 0;
        margin: 0;
        padding: 0;
        text-align: right;
        top: 0;
        z-index: 11;
        border: none;
    }

    .cart-products .product-thumbnail {
        position: absolute;
        left: 0;
        width: 80px;
        display: inline-block;
        top: 0;
        overflow: hidden;
        text-align: left;
    }

    .cart-products .product-name {
        text-align: left;
        padding-right: 25px;
    }

    .cart-products .product-name .variation {
        float: none;
        display: block;
    }

    .total-price-table td {
        text-align: right;
    }

    .checkout-total-price-table td {
        text-align: left;
    }

    /* application */
    .banner-bottom-right-images>img {
        bottom: 0;
    }

    /* yoga meditation */
    .home-yoga-meditation .outside-box-right .absolute-middle-center {
        left: 50%;
    }

    /* consulting */
    .home-consulting .popup-youtube.absolute-middle-center {
        left: 50%;
    }

    /* digital agency */
    .home-digital-agency .outside-box-text-right .text-extra-big-2 {
        font-size: 150px;
    }

    /* design agency */
    .home-design-agency .outside-box-left {
        margin-left: 0;
    }

    /* interactive portfolio */
    .home-interactive-portfolio .fullscreen-hover-box .interactive-title {
        font-size: 55px;
        line-height: 60px;
    }

    /* vertical portfolio */
    .home-vertical-portfolio .navbar {
        padding: 0 3.5rem;
    }

    /* freelancer */
    .home-freelancer .title-extra-large-heavy {
        line-height: 90px;
    }

    /* fashion shop */
    .home-fashion-shop .tp-tabs {
        left: 50% !important;
        -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important;
        top: auto !important;
        bottom: 5% !important;
    }

    /* slider navigation style 04 */
    .slider-navigation-style-04.swiper-button-prev {
        left: -60px;
    }

    .slider-navigation-style-04.swiper-button-next {
        right: -60px;
    }

    /* content box image */
    .content-box-image {
        height: 300px;
    }

    /* interactive list style */
    .fullscreen-hover-list .hover-list-item .interactive-icon {
        top: 4px;
    }

    /* split portfolio */
    .home-split-portfolio.vh-100 {
        height: calc(100vh - 70px) !important;
    }

    .home-split-portfolio .title-large {
        font-size: 36px;
        line-height: 42px;
    }

    /* coming soon v2 */
    .show-notify-popup .mfp-container {
        padding-top: 30px;
    }

    /* landing page */
    .litho-landing-header .navbar-brand:after {
        display: none;
    }

    .litho-parallax-bg {
        width: 60%;
        right: -90px;
    }

    .customer-bg-section {
        display: none;
    }

    .landing-page-footer .title-large-2 {
        font-size: 54px;
        line-height: 64px;
    }

    .landing-page-auto-slider .swiper-container.swiper-auto-slide .swiper-slide {
        width: 60% !important;
    }

    /* text shadow */
    .md-no-text-shadow {
        text-shadow: none;
    }

    /* cookie message */
    .gdpr-container .gdpr-content {
        display: block;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .iconMobileOn {
        display: inline-block;
        visibility: visible;
    }

    .megaBurgerItemImg {
        text-align: left;
    }

    .megaBurgerItemImg .feature-box-image {
        display: none;
        visibility: hidden;
    }

    .megaBurgerItemImg .feature-box {
        margin-bottom: 0;
        text-align: left;
    }

    .megaBurgerItemImg .feature-box span {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        text-align: left;
    }
}

@media only screen and (max-width: 991px) and (orientation: landscape) {

    /* home decor */
    .home-decor .zeus {
        transform: translateX(-50%) !important;
        top: 90% !important;
    }

    /*home spa salon*/
    .home-spa-salon .img img {
        width: 220px !important;
    }

    .home-spa-salon .rev_slider_wrapper {
        height: 450px !important;
    }

    /*coming soon*/
    .coming-soon .tp-fullwidth-forcer,
    .coming-soon .rev_slider_wrapper {
        height: 450px !important;
    }

    .coming-soon .logo img {
        width: 100px !important;
    }

    .coming-soon .coming-soon-text {
        font-size: 12px !important;
        line-height: 14px !important;
        min-width: 300px !important;
    }

    .coming-soon .coming-soon-icon i {
        font-size: 11px !important;
    }

    /*home architecture*/
    .home-architecture .rev_slider_wrapper {
        min-height: 400px !important;
    }

    .architecture-overlap {
        position: relative !important;
    }

    .home-architecture .tparrows.tp-rightarrow {
        transform: matrix(1, 0, 0, 1, -67, -67) !important;
    }

    .home-architecture .tparrows.tp-leftarrow {
        transform: matrix(1, 0, 0, 1, -67, -134) !important;
    }

    .home-architecture .architecture-title {
        font-size: 34px !important;
        line-height: 34px !important;
    }

    /*home startup*/
    .home-startup .rev_slider_wrapper {
        min-height: 450px;
    }

    /*home yoga meditation*/
    .home-yoga-meditation .rev_slider_wrapper {
        height: 350px !important;
    }

    .home-yoga-meditation .yoga-woman,
    .home-yoga-meditation .yoga-leaves {
        bottom: -140px;
    }

    .home-yoga-meditation .yoga-woman img {
        height: 275px !important;
        width: auto !important;
    }

    .home-yoga-meditation .yoga-main-text {
        font-size: 60px !important;
        top: 25px !important;
    }

    .home-yoga-meditation .yoga-small-text {
        font-size: 15px !important;
        line-height: 20px !important;
    }

    .home-yoga-meditation .yoga-top-line {
        transform: matrix(1, 0, 0, 1, 0, 19) !important;
        min-width: 420px !important;
    }

    .home-yoga-meditation .yoga-bottom-line {
        transform: matrix(1, 0, 0, 1, 0, 36) !important;
        min-width: 400px !important;
    }

    /*home furniture shop*/
    .home-furniture-shop,
    .home-furniture-shop .rev_slider_wrapper {
        height: 350px !important;
    }

    /*home vertical portfolio*/
    .home-vertical-portfolio .slider-vertical {
        height: 100% !important;
    }

    /* maintenance */
    .maintenance .maintenance-title {
        font-size: 28px !important;
        line-height: 30px !important;
        padding-top: 20px !important;
    }

    /* height */
    .md-landscape-h-300px {
        height: 300px !important;
    }

    .md-landscape-h-350px {
        height: 350px !important;
    }

    .md-landscape-h-400px {
        height: 400px !important;
    }

    .md-landscape-h-450px {
        height: 450px !important;
    }

    .md-landscape-h-500px {
        height: 500px !important;
    }

    .md-landscape-h-520px {
        height: 520px !important;
    }

    .md-landscape-h-550px {
        height: 550px !important;
    }

    .md-landscape-h-580px {
        height: 580px !important;
    }

    .md-landscape-h-600px {
        height: 600px !important;
    }

    .md-landscape-h-650px {
        height: 650px !important;
    }

    .md-landscape-h-700px {
        height: 700px !important;
    }
}

@media only screen and (max-width: 991px) and (min-width: 767px) and (orientation: landscape) {
    .home-hotel-resort .rev_slider_wrapper {
        min-height: 450px !important;
    }

    .home-startup .rev_slider_wrapper {
        min-height: 450px;
    }
}

@media (max-width: 778px) {
    .d-sm-none {
        display: none;
        visibility: hidden;
    }

    /* home decor */
    .home-decor .rev_slider_wrapper {
        height: 540px;
    }

    .home-decor .zeus {
        transform: matrix(1, 0, 0, 1, -350, -59) !important;
    }

    /* architecture */
    .home-architecture .tparrows.tp-leftarrow {
        transform: matrix(1, 0, 0, 1, -67, -234) !important;
    }

    .home-architecture .tparrows.tp-rightarrow {
        transform: matrix(1, 0, 0, 1, -67, -301) !important;
    }
}

@media (min-width: 768px) {
    .d-lg-none {
        display: none;
        visibility: hidden;
    }
}

@media (max-width: 768px) {
    /* header transparent */
    .navbar.bg-transparent {
        background-color: #fff !important;
    }
    .navbar-dark .navbar-brand img.default-logo {
        filter: none;
    }
    .navbar-dark.bg-transparent .push-button>span,
    .sticky .navbar-dark.bg-transparent .push-button>span {
        background: #232323;
    }
    .text-center-sm{
        text-align: center;
    }
    .listing-item-decor-img-new{
        display: block;
    }
    .header-push-button {
        display: inline-block !important;
    }

    header.header-with-topbar .top-bar,
    .col-auto.menu-order.px-lg-0 {
        display: none !important;
    }

    .stickyLinks .btn {
        display: inline-block !important;
    }

    .btn.btn-rounded.btn-large {
        padding: 6px 12px;
        font-size: 12px;
        margin-bottom: 0;
    }

    .links {
        padding: 0;
    }

    .mt130 {
        margin-top: 80px;
    }
}

@media (max-width: 767.98px) {
    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .mb-sm-25{
        margin-bottom: 25px;
    }

    .mb-sm-50{
        margin-bottom: 50px;
    }

    .pb-component-SliderTop-Swiper {
        margin-top: 75px;
    }

    .bg {
        position: absolute;
        height: 100%;
        width: 100%;
        opacity: 1;
        top: 0;
        left: 0;
        z-index: 1;
        pointer-events: none;
        z-index: 0;
    }

    .ImmagineDesktop {
        display: none !important;
        visibility: hidden !important;
    }

    .ImmagineMobile {
        display: inline-block !important;
        visibility: visible !important;
        height: 100%;
        object-fit: cover;
    }

    .ImgOrder1 {
        order: 1;
    }

    .txtOrder2 {
        order: 2;
    }

    .ImgOrder2 {
        order: 2;
    }

    .txtOrder1 {
        order: 1;
    }

    #about .text-extra-medium {
        display: none;
        visibility: hidden;
    }

    .page-title-big {
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9;
    }

    .col-auto.text-right.pr-0.font-size-0 {
        padding-right: 15px !important;
    }

    .links {
        display: none;
    }

    .linksDx {
        display: inline-block;
        text-align: center !important;
    }

    .formpagebuilder {
        position: relative;
        width: 100%;
        float: left;
        right: 0;
        left: 0;
        bottom: auto;
        z-index: 999;
    }

    .h-sm-auto {
        height: auto;
    }

    .align-mobile {
        flex: 0 0 80%;
        max-width: 100%;
        text-align: right;
    }

    .show-gamma-color-single .show-gamma-color-single-variabilita,
    .show-gamma-color-single .show-gamma-color-single-formati,
    .portfolio-box .portfolio-hover {
        opacity: 1;
    }

    .portfolio-box .portfolio-hover:after {
        position: absolute;
        content: "GUARDA LA GALLERIA";
        bottom: 15px;
        left: 0;
        right: 0;
        top: auto;
        text-align: center;
        color: #fff;
        text-shadow: 0 0 100px rgb(0 0 0 / 90%);
    }

    .portfolio-box .move-top-bottom {
        opacity: 1;
        transform: translateY(0px);
        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        font-size: 40px;
        transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        margin-left: -20px;
        margin-top: -20px;
    }

    .gallery-section .portfolio-wrapper .grid-item {
        display: none;
        visibility: hidden;
    }

    .gallery-section .portfolio-wrapper .first-grid-item {
        display: block;
        visibility: visible;
    }

    .d-sm-none {
        display: none;
    }

    #download-section .btn {
        float: right;
    }

    html {
        font-size: 12px;
    }

    h4 {
        font-size: 24px;
    }

    .container-fluid {
        padding: 0;
    }

    .swiper-button-next,
    .swiper-button-prev {
        bottom: 15px;
    }

    .navbar-brand {
        padding-top: 0;
    }

    .xs-center-col {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    section,
    section.extra-big-section {
        padding: 50px 0;
    }

    section.big-section {
        padding: 80px 0;
    }

    .center-col-style .custom-col {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 8px 0;
    }

    .sm-last-order {
        order: 10;
    }

    .abs {
        text-align: center;
    }

    .show-gamma-color-single-list {
        margin-bottom: 10px;
    }

    .show-gamma-color-single-list img {}

    .show-gamma-color-single-list .d-block {}

    .tool-list li {
        width: 100%;
        font-size: 14px;
        border: 0;
        padding: 5px 10px !important;
    }

    .tool-list li.border-right {
        border-right: 0 !important;
        border-bottom: 1px solid !important;
    }

    .tool-list li i {
        margin-right: 10px;
    }

    .show-gamma-color-list .pt10 {
        padding-bottom: 10px;
    }

    section.gallery-section {
        padding: 50px 25px;
    }

    .list-style-08 li {
        padding-left: 0;
        padding-right: 0;
    }

    /* typography */
    p {
        margin: 0 0 15px;
    }

    /* text size */
    .title-extra-small {
        font-size: 20px;
        line-height: 30px;
        word-break: normal;
    }

    .title-large {
        font-size: 36px;
        line-height: 42px;
        word-break: normal;
    }

    .title-huge {
        font-size: 50px;
        line-height: 50px;
        word-break: normal;
    }

    .title-medium {
        font-size: 30px;
        line-height: 30px;
        word-break: normal;
    }

    .title-extra-large {
        font-size: 42px;
        line-height: 48px;
        word-break: normal;
    }

    .text-extra-big {
        font-size: 100px;
        line-height: 100px;
    }

    .text-big {
        font-size: 90px;
        line-height: 90px;
    }

    .nav-header-container {
        margin: 0;
    }

    /* lineheight */
    .sm-line-height-0px {
        line-height: 0px;
    }

    .sm-line-height-8px {
        line-height: 8px;
    }

    .sm-line-height-10px {
        line-height: 10px;
    }

    .sm-line-height-14px {
        line-height: 14px;
    }

    .sm-line-height-15px {
        line-height: 15px;
    }

    .sm-line-height-16px {
        line-height: 16px;
    }

    .sm-line-height-18px {
        line-height: 18px;
    }

    .sm-line-height-20px {
        line-height: 20px;
    }

    .sm-line-height-22px {
        line-height: 22px;
    }

    .sm-line-height-24px {
        line-height: 24px;
    }

    .sm-line-height-26px {
        line-height: 26px;
    }

    .sm-line-height-28px {
        line-height: 28px;
    }

    .sm-line-height-30px {
        line-height: 30px;
    }

    .sm-line-height-32px {
        line-height: 32px;
    }

    .sm-line-height-34px {
        line-height: 34px;
    }

    .sm-line-height-36px {
        line-height: 36px;
    }

    .sm-line-height-38px {
        line-height: 38px;
    }

    .sm-line-height-40px {
        line-height: 40px;
    }

    .sm-line-height-50px {
        line-height: 50px;
    }

    .sm-line-height-140px {
        line-height: 140px;
    }

    .sm-line-height-normal {
        line-height: normal;
    }

    /* letter spacing minus */
    .sm-letter-spacing-minus-1-half {
        letter-spacing: -0.5px;
    }

    .sm-letter-spacing-minus-1px {
        letter-spacing: -1px;
    }

    .sm-letter-spacing-minus-2px {
        letter-spacing: -2px;
    }

    .sm-letter-spacing-minus-3px {
        letter-spacing: -3px;
    }

    .sm-letter-spacing-minus-4px {
        letter-spacing: -4px;
    }

    .sm-letter-spacing-minus-5px {
        letter-spacing: -5px;
    }

    /* absolute middle center */
    .sm-absolute-middle-center {
        left: 50%;
        top: 50%;
        position: absolute;
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    /* background image */
    .sm-background-image-none {
        background: inherit !important;
    }

    .sm-background-position-left {
        background-position: left center;
    }

    .sm-background-position-right {
        background-position: right center;
    }

    .sm-background-position-top {
        background-position: right top;
    }

    .sm-background-position-center {
        background-position: center;
    }

    .sm-background-position-left-top {
        background-position: left top;
    }

    /* box shadow */
    .sm-box-shadow-none {
        box-shadow: none;
    }

    /* video */
    .html-video-play .play-icon {
        padding-left: 5px;
    }

    .html-video-play .pause-icon {
        font-size: 22px;
        padding-left: 0;
    }

    /* margin */
    .sm-margin-one-all {
        margin: 1%;
    }

    .sm-margin-two-all {
        margin: 2%;
    }

    .sm-margin-three-all {
        margin: 3%;
    }

    .sm-margin-four-all {
        margin: 4%;
    }

    .sm-margin-five-all {
        margin: 5%;
    }

    .sm-margin-six-all {
        margin: 6%;
    }

    .sm-margin-seven-all {
        margin: 7%;
    }

    .sm-margin-eight-all {
        margin: 8%;
    }

    .sm-margin-nine-all {
        margin: 9%;
    }

    .sm-margin-ten-all {
        margin: 10%;
    }

    .sm-margin-eleven-all {
        margin: 11%;
    }

    .sm-margin-twelve-all {
        margin: 12%;
    }

    .sm-margin-thirteen-all {
        margin: 13%;
    }

    .sm-margin-fourteen-all {
        margin: 14%;
    }

    .sm-margin-fifteen-all {
        margin: 15%;
    }

    .sm-margin-sixteen-all {
        margin: 16%;
    }

    .sm-margin-seventeen-all {
        margin: 17%;
    }

    .sm-margin-eighteen-all {
        margin: 18%;
    }

    .sm-margin-nineteen-all {
        margin: 19%;
    }

    .sm-margin-twenty-all {
        margin: 20%;
    }

    .sm-margin-5px-all {
        margin: 5px;
    }

    .sm-margin-10px-all {
        margin: 10px;
    }

    .sm-margin-15px-all {
        margin: 15px;
    }

    .sm-margin-20px-all {
        margin: 20px;
    }

    .sm-margin-25px-all {
        margin: 25px;
    }

    .sm-margin-30px-all {
        margin: 30px;
    }

    .sm-margin-35px-all {
        margin: 35px;
    }

    .sm-margin-40px-all {
        margin: 40px;
    }

    .sm-margin-45px-all {
        margin: 45px;
    }

    .sm-margin-50px-all {
        margin: 50px;
    }

    .sm-margin-55px-all {
        margin: 55px;
    }

    .sm-margin-60px-all {
        margin: 60px;
    }

    .sm-margin-65px-all {
        margin: 65px;
    }

    .sm-margin-70px-all {
        margin: 70px;
    }

    .sm-margin-75px-all {
        margin: 75px;
    }

    .sm-margin-80px-all {
        margin: 80px;
    }

    .sm-margin-85px-all {
        margin: 85px;
    }

    .sm-margin-90px-all {
        margin: 90px;
    }

    .sm-margin-95px-all {
        margin: 95px;
    }

    .sm-margin-100px-all {
        margin: 100px;
    }

    .sm-margin-1-rem-all {
        margin: 1rem;
    }

    .sm-margin-1-half-rem-all {
        margin: 1.5rem;
    }

    .sm-margin-2-rem-all {
        margin: 2rem;
    }

    .sm-margin-2-half-rem-all {
        margin: 2.5rem;
    }

    .sm-margin-3-rem-all {
        margin: 3rem;
    }

    .sm-margin-3-half-rem-all {
        margin: 3.5rem;
    }

    .sm-margin-4-rem-all {
        margin: 4rem;
    }

    .sm-margin-4-half-rem-all {
        margin: 4.5rem;
    }

    .sm-margin-5-rem-all {
        margin: 5rem;
    }

    .sm-margin-5-half-rem-all {
        margin: 5.5rem;
    }

    .sm-margin-6-rem-all {
        margin: 6rem;
    }

    .sm-margin-6-half-rem-all {
        margin: 6.5rem;
    }

    .sm-margin-7-rem-all {
        margin: 7rem;
    }

    .sm-margin-7-half-rem-all {
        margin: 7.5rem;
    }

    .sm-margin-8-rem-all {
        margin: 8rem;
    }

    .sm-margin-8-half-rem-all {
        margin: 8.5rem;
    }

    .sm-margin-9-rem-all {
        margin: 9rem;
    }

    .sm-margin-9-half-rem-all {
        margin: 9.5rem;
    }

    .sm-margin-10-rem-all {
        margin: 10rem;
    }

    .sm-margin-10-half-rem-all {
        margin: 10.5rem;
    }

    /* margin top */
    .sm-margin-one-top {
        margin-top: 1%;
    }

    .sm-margin-two-top {
        margin-top: 2%;
    }

    .sm-margin-three-top {
        margin-top: 3%;
    }

    .sm-margin-four-top {
        margin-top: 4%;
    }

    .sm-margin-five-top {
        margin-top: 5%;
    }

    .sm-margin-six-top {
        margin-top: 6%;
    }

    .sm-margin-seven-top {
        margin-top: 7%;
    }

    .sm-margin-eight-top {
        margin-top: 8%;
    }

    .sm-margin-nine-top {
        margin-top: 9%;
    }

    .sm-margin-ten-top {
        margin-top: 10%;
    }

    .sm-margin-eleven-top {
        margin-top: 11%;
    }

    .sm-margin-twelve-top {
        margin-top: 12%;
    }

    .sm-margin-thirteen-top {
        margin-top: 13%;
    }

    .sm-margin-fourteen-top {
        margin-top: 14%;
    }

    .sm-margin-fifteen-top {
        margin-top: 15%;
    }

    .sm-margin-sixteen-top {
        margin-top: 16%;
    }

    .sm-margin-seventeen-top {
        margin-top: 17%;
    }

    .sm-margin-eighteen-top {
        margin-top: 18%;
    }

    .sm-margin-nineteen-top {
        margin-top: 19%;
    }

    .sm-margin-twenty-top {
        margin-top: 20%;
    }

    .sm-margin-5px-top {
        margin-top: 5px;
    }

    .sm-margin-10px-top {
        margin-top: 10px;
    }

    .sm-margin-15px-top {
        margin-top: 15px;
    }

    .sm-margin-20px-top {
        margin-top: 20px;
    }

    .sm-margin-25px-top {
        margin-top: 25px;
    }

    .sm-margin-30px-top {
        margin-top: 30px;
    }

    .sm-margin-35px-top {
        margin-top: 35px;
    }

    .sm-margin-40px-top {
        margin-top: 40px;
    }

    .sm-margin-45px-top {
        margin-top: 45px;
    }

    .sm-margin-50px-top {
        margin-top: 50px;
    }

    .sm-margin-55px-top {
        margin-top: 55px;
    }

    .sm-margin-60px-top {
        margin-top: 60px;
    }

    .sm-margin-65px-top {
        margin-top: 65px;
    }

    .sm-margin-70px-top {
        margin-top: 70px;
    }

    .sm-margin-75px-top {
        margin-top: 75px;
    }

    .sm-margin-80px-top {
        margin-top: 80px;
    }

    .sm-margin-85px-top {
        margin-top: 85px;
    }

    .sm-margin-90px-top {
        margin-top: 90px;
    }

    .sm-margin-95px-top {
        margin-top: 95px;
    }

    .sm-margin-100px-top {
        margin-top: 100px;
    }

    .sm-margin-1-rem-top {
        margin-top: 1rem;
    }

    .sm-margin-1-half-rem-top {
        margin-top: 1.5rem;
    }

    .sm-margin-2-rem-top {
        margin-top: 2rem;
    }

    .sm-margin-2-half-rem-top {
        margin-top: 2.5rem;
    }

    .sm-margin-3-rem-top {
        margin-top: 3rem;
    }

    .sm-margin-3-half-rem-top {
        margin-top: 3.5rem;
    }

    .sm-margin-4-rem-top {
        margin-top: 4rem;
    }

    .sm-margin-4-half-rem-top {
        margin-top: 4.5rem;
    }

    .sm-margin-5-rem-top {
        margin-top: 5rem;
    }

    .sm-margin-5-half-rem-top {
        margin-top: 5.5rem;
    }

    .sm-margin-6-rem-top {
        margin-top: 6rem;
    }

    .sm-margin-6-half-rem-top {
        margin-top: 6.5rem;
    }

    .sm-margin-7-rem-top {
        margin-top: 7rem;
    }

    .sm-margin-7-half-rem-top {
        margin-top: 7.5rem;
    }

    .sm-margin-8-rem-top {
        margin-top: 8rem;
    }

    .sm-margin-8-half-rem-top {
        margin-top: 8.5rem;
    }

    .sm-margin-9-rem-top {
        margin-top: 9rem;
    }

    .sm-margin-9-half-rem-top {
        margin-top: 9.5rem;
    }

    .sm-margin-10-rem-top {
        margin-top: 10rem;
    }

    .sm-margin-10-half-rem-top {
        margin-top: 10.5rem;
    }

    /* margin bottom */
    .sm-margin-one-bottom {
        margin-bottom: 1%;
    }

    .sm-margin-two-bottom {
        margin-bottom: 2%;
    }

    .sm-margin-three-bottom {
        margin-bottom: 3%;
    }

    .sm-margin-four-bottom {
        margin-bottom: 4%;
    }

    .sm-margin-five-bottom {
        margin-bottom: 5%;
    }

    .sm-margin-six-bottom {
        margin-bottom: 6%;
    }

    .sm-margin-seven-bottom {
        margin-bottom: 7%;
    }

    .sm-margin-eight-bottom {
        margin-bottom: 8%;
    }

    .sm-margin-nine-bottom {
        margin-bottom: 9%;
    }

    .sm-margin-ten-bottom {
        margin-bottom: 10%;
    }

    .sm-margin-eleven-bottom {
        margin-bottom: 11%;
    }

    .sm-margin-twelve-bottom {
        margin-bottom: 12%;
    }

    .sm-margin-thirteen-bottom {
        margin-bottom: 13%;
    }

    .sm-margin-fourteen-bottom {
        margin-bottom: 14%;
    }

    .sm-margin-fifteen-bottom {
        margin-bottom: 15%;
    }

    .sm-margin-sixteen-bottom {
        margin-bottom: 16%;
    }

    .sm-margin-seventeen-bottom {
        margin-bottom: 17%;
    }

    .sm-margin-eighteen-bottom {
        margin-bottom: 18%;
    }

    .sm-margin-nineteen-bottom {
        margin-bottom: 19%;
    }

    .sm-margin-twenty-bottom {
        margin-bottom: 20%;
    }

    .sm-margin-5px-bottom {
        margin-bottom: 5px;
    }

    .sm-margin-10px-bottom {
        margin-bottom: 10px;
    }

    .sm-margin-15px-bottom {
        margin-bottom: 15px;
    }

    .sm-margin-20px-bottom {
        margin-bottom: 20px;
    }

    .sm-margin-25px-bottom {
        margin-bottom: 25px;
    }

    .sm-margin-30px-bottom {
        margin-bottom: 30px;
    }

    .sm-margin-35px-bottom {
        margin-bottom: 35px;
    }

    .sm-margin-40px-bottom {
        margin-bottom: 40px;
    }

    .sm-margin-45px-bottom {
        margin-bottom: 45px;
    }

    .sm-margin-50px-bottom {
        margin-bottom: 50px;
    }

    .sm-margin-55px-bottom {
        margin-bottom: 55px;
    }

    .sm-margin-60px-bottom {
        margin-bottom: 60px;
    }

    .sm-margin-65px-bottom {
        margin-bottom: 65px;
    }

    .sm-margin-70px-bottom {
        margin-bottom: 70px;
    }

    .sm-margin-75px-bottom {
        margin-bottom: 75px;
    }

    .sm-margin-80px-bottom {
        margin-bottom: 80px;
    }

    .sm-margin-85px-bottom {
        margin-bottom: 85px;
    }

    .sm-margin-90px-bottom {
        margin-bottom: 90px;
    }

    .sm-margin-95px-bottom {
        margin-bottom: 95px;
    }

    .sm-margin-100px-bottom {
        margin-bottom: 100px;
    }

    .sm-margin-1-rem-bottom {
        margin-bottom: 1rem;
    }

    .sm-margin-1-half-rem-bottom {
        margin-bottom: 1.5rem;
    }

    .sm-margin-2-rem-bottom {
        margin-bottom: 2rem;
    }

    .sm-margin-2-half-rem-bottom {
        margin-bottom: 2.5rem;
    }

    .sm-margin-3-rem-bottom {
        margin-bottom: 3rem;
    }

    .sm-margin-3-half-rem-bottom {
        margin-bottom: 3.5rem;
    }

    .sm-margin-4-rem-bottom {
        margin-bottom: 4rem;
    }

    .sm-margin-4-half-rem-bottom {
        margin-bottom: 4.5rem;
    }

    .sm-margin-5-rem-bottom {
        margin-bottom: 5rem;
    }

    .sm-margin-5-half-rem-bottom {
        margin-bottom: 5.5rem;
    }

    .sm-margin-6-rem-bottom {
        margin-bottom: 6rem;
    }

    .sm-margin-6-half-rem-bottom {
        margin-bottom: 6.5rem;
    }

    .sm-margin-7-rem-bottom {
        margin-bottom: 7rem;
    }

    .sm-margin-7-half-rem-bottom {
        margin-bottom: 7.5rem;
    }

    .sm-margin-8-rem-bottom {
        margin-bottom: 8rem;
    }

    .sm-margin-8-half-rem-bottom {
        margin-bottom: 8.5rem;
    }

    .sm-margin-9-rem-bottom {
        margin-bottom: 9rem;
    }

    .sm-margin-9-half-rem-bottom {
        margin-bottom: 9.5rem;
    }

    .sm-margin-10-rem-bottom {
        margin-bottom: 10rem;
    }

    .sm-margin-10-half-rem-bottom {
        margin-bottom: 10.5rem;
    }

    /* margin right */
    .sm-margin-one-right {
        margin-right: 1%;
    }

    .sm-margin-two-right {
        margin-right: 2%;
    }

    .sm-margin-three-right {
        margin-right: 3%;
    }

    .sm-margin-four-right {
        margin-right: 4%;
    }

    .sm-margin-five-right {
        margin-right: 5%;
    }

    .sm-margin-six-right {
        margin-right: 6%;
    }

    .sm-margin-seven-right {
        margin-right: 7%;
    }

    .sm-margin-eight-right {
        margin-right: 8%;
    }

    .sm-margin-nine-right {
        margin-right: 9%;
    }

    .sm-margin-ten-right {
        margin-right: 10%;
    }

    .sm-margin-eleven-right {
        margin-right: 11%;
    }

    .sm-margin-twelve-right {
        margin-right: 12%;
    }

    .sm-margin-thirteen-right {
        margin-right: 13%;
    }

    .sm-margin-fourteen-right {
        margin-right: 14%;
    }

    .sm-margin-fifteen-right {
        margin-right: 15%;
    }

    .sm-margin-sixteen-right {
        margin-right: 16%;
    }

    .sm-margin-seventeen-right {
        margin-right: 17%;
    }

    .sm-margin-eighteen-right {
        margin-right: 18%;
    }

    .sm-margin-nineteen-right {
        margin-right: 19%;
    }

    .sm-margin-twenty-right {
        margin-right: 20%;
    }

    .sm-margin-5px-right {
        margin-right: 5px;
    }

    .sm-margin-10px-right {
        margin-right: 10px;
    }

    .sm-margin-15px-right {
        margin-right: 15px;
    }

    .sm-margin-20px-right {
        margin-right: 20px;
    }

    .sm-margin-25px-right {
        margin-right: 25px;
    }

    .sm-margin-30px-right {
        margin-right: 30px;
    }

    .sm-margin-35px-right {
        margin-right: 35px;
    }

    .sm-margin-40px-right {
        margin-right: 40px;
    }

    .sm-margin-45px-right {
        margin-right: 45px;
    }

    .sm-margin-50px-right {
        margin-right: 50px;
    }

    .sm-margin-55px-right {
        margin-right: 55px;
    }

    .sm-margin-60px-right {
        margin-right: 60px;
    }

    .sm-margin-65px-right {
        margin-right: 65px;
    }

    .sm-margin-70px-right {
        margin-right: 70px;
    }

    .sm-margin-75px-right {
        margin-right: 75px;
    }

    .sm-margin-80px-right {
        margin-right: 80px;
    }

    .sm-margin-85px-right {
        margin-right: 85px;
    }

    .sm-margin-90px-right {
        margin-right: 90px;
    }

    .sm-margin-95px-right {
        margin-right: 95px;
    }

    .sm-margin-100px-right {
        margin-right: 100px;
    }

    .sm-margin-1-rem-right {
        margin-right: 1rem;
    }

    .sm-margin-1-half-rem-right {
        margin-right: 1.5rem;
    }

    .sm-margin-2-rem-right {
        margin-right: 2rem;
    }

    .sm-margin-2-half-rem-right {
        margin-right: 2.5rem;
    }

    .sm-margin-3-rem-right {
        margin-right: 3rem;
    }

    .sm-margin-3-half-rem-right {
        margin-right: 3.5rem;
    }

    .sm-margin-4-rem-right {
        margin-right: 4rem;
    }

    .sm-margin-4-half-rem-right {
        margin-right: 4.5rem;
    }

    .sm-margin-5-rem-right {
        margin-right: 5rem;
    }

    .sm-margin-5-half-rem-right {
        margin-right: 5.5rem;
    }

    .sm-margin-6-rem-right {
        margin-right: 6rem;
    }

    .sm-margin-6-half-rem-right {
        margin-right: 6.5rem;
    }

    .sm-margin-7-rem-right {
        margin-right: 7rem;
    }

    .sm-margin-7-half-rem-right {
        margin-right: 7.5rem;
    }

    .sm-margin-8-rem-right {
        margin-right: 8rem;
    }

    .sm-margin-8-half-rem-right {
        margin-right: 8.5rem;
    }

    .sm-margin-9-rem-right {
        margin-right: 9rem;
    }

    .sm-margin-9-half-rem-right {
        margin-right: 9.5rem;
    }

    .sm-margin-10-rem-right {
        margin-right: 10rem;
    }

    .sm-margin-10-half-rem-right {
        margin-right: 10.5rem;
    }

    /* margin left */
    .sm-margin-one-left {
        margin-left: 1%;
    }

    .sm-margin-two-left {
        margin-left: 2%;
    }

    .sm-margin-three-left {
        margin-left: 3%;
    }

    .sm-margin-four-left {
        margin-left: 4%;
    }

    .sm-margin-five-left {
        margin-left: 5%;
    }

    .sm-margin-six-left {
        margin-left: 6%;
    }

    .sm-margin-seven-left {
        margin-left: 7%;
    }

    .sm-margin-eight-left {
        margin-left: 8%;
    }

    .sm-margin-nine-left {
        margin-left: 9%;
    }

    .sm-margin-ten-left {
        margin-left: 10%;
    }

    .sm-margin-eleven-left {
        margin-left: 11%;
    }

    .sm-margin-twelve-left {
        margin-left: 12%;
    }

    .sm-margin-thirteen-left {
        margin-left: 13%;
    }

    .sm-margin-fourteen-left {
        margin-left: 14%;
    }

    .sm-margin-fifteen-left {
        margin-left: 15%;
    }

    .sm-margin-sixteen-left {
        margin-left: 16%;
    }

    .sm-margin-seventeen-left {
        margin-left: 17%;
    }

    .sm-margin-eighteen-left {
        margin-left: 18%;
    }

    .sm-margin-nineteen-left {
        margin-left: 19%;
    }

    .sm-margin-twenty-left {
        margin-left: 20%;
    }

    .sm-margin-5px-left {
        margin-left: 5px;
    }

    .sm-margin-10px-left {
        margin-left: 10px;
    }

    .sm-margin-15px-left {
        margin-left: 15px;
    }

    .sm-margin-20px-left {
        margin-left: 20px;
    }

    .sm-margin-25px-left {
        margin-left: 25px;
    }

    .sm-margin-30px-left {
        margin-left: 30px;
    }

    .sm-margin-35px-left {
        margin-left: 35px;
    }

    .sm-margin-40px-left {
        margin-left: 40px;
    }

    .sm-margin-45px-left {
        margin-left: 45px;
    }

    .sm-margin-50px-left {
        margin-left: 50px;
    }

    .sm-margin-55px-left {
        margin-left: 55px;
    }

    .sm-margin-60px-left {
        margin-left: 60px;
    }

    .sm-margin-65px-left {
        margin-left: 65px;
    }

    .sm-margin-70px-left {
        margin-left: 70px;
    }

    .sm-margin-75px-left {
        margin-left: 75px;
    }

    .sm-margin-80px-left {
        margin-left: 80px;
    }

    .sm-margin-85px-left {
        margin-left: 85px;
    }

    .sm-margin-90px-left {
        margin-left: 90px;
    }

    .sm-margin-95px-left {
        margin-left: 95px;
    }

    .sm-margin-100px-left {
        margin-left: 100px;
    }

    .sm-margin-1-rem-left {
        margin-left: 1rem;
    }

    .sm-margin-1-half-rem-left {
        margin-left: 1.5rem;
    }

    .sm-margin-2-rem-left {
        margin-left: 2rem;
    }

    .sm-margin-2-half-rem-left {
        margin-left: 2.5rem;
    }

    .sm-margin-3-rem-left {
        margin-left: 3rem;
    }

    .sm-margin-3-half-rem-left {
        margin-left: 3.5rem;
    }

    .sm-margin-4-rem-left {
        margin-left: 4rem;
    }

    .sm-margin-4-half-rem-left {
        margin-left: 4.5rem;
    }

    .sm-margin-5-rem-left {
        margin-left: 5rem;
    }

    .sm-margin-5-half-rem-left {
        margin-left: 5.5rem;
    }

    .sm-margin-6-rem-left {
        margin-left: 6rem;
    }

    .sm-margin-6-half-rem-left {
        margin-left: 6.5rem;
    }

    .sm-margin-7-rem-left {
        margin-left: 7rem;
    }

    .sm-margin-7-half-rem-left {
        margin-left: 7.5rem;
    }

    .sm-margin-8-rem-left {
        margin-left: 8rem;
    }

    .sm-margin-8-half-rem-left {
        margin-left: 8.5rem;
    }

    .sm-margin-9-rem-left {
        margin-left: 9rem;
    }

    .sm-margin-9-half-rem-left {
        margin-left: 9.5rem;
    }

    .sm-margin-10-rem-left {
        margin-left: 10rem;
    }

    .sm-margin-10-half-rem-left {
        margin-left: 10.5rem;
    }

    /* margin left right */
    .sm-margin-one-lr {
        margin-left: 1%;
        margin-right: 1%;
    }

    .sm-margin-two-lr {
        margin-left: 2%;
        margin-right: 2%;
    }

    .sm-margin-three-lr {
        margin-left: 3%;
        margin-right: 3%;
    }

    .sm-margin-four-lr {
        margin-left: 4%;
        margin-right: 4%;
    }

    .sm-margin-five-lr {
        margin-left: 5%;
        margin-right: 5%;
    }

    .sm-margin-six-lr {
        margin-left: 6%;
        margin-right: 6%;
    }

    .sm-margin-seven-lr {
        margin-left: 7%;
        margin-right: 7%;
    }

    .sm-margin-eight-lr {
        margin-left: 8%;
        margin-right: 8%;
    }

    .sm-margin-nine-lr {
        margin-left: 9%;
        margin-right: 9%;
    }

    .sm-margin-ten-lr {
        margin-left: 10%;
        margin-right: 10%;
    }

    .sm-margin-eleven-lr {
        margin-left: 11%;
        margin-right: 11%;
    }

    .sm-margin-twelve-lr {
        margin-left: 12%;
        margin-right: 12%;
    }

    .sm-margin-thirteen-lr {
        margin-left: 13%;
        margin-right: 13%;
    }

    .sm-margin-fourteen-lr {
        margin-left: 14%;
        margin-right: 14%;
    }

    .sm-margin-fifteen-lr {
        margin-left: 15%;
        margin-right: 15%;
    }

    .sm-margin-sixteen-lr {
        margin-left: 16%;
        margin-right: 16%;
    }

    .sm-margin-seventeen-lr {
        margin-left: 17%;
        margin-right: 17%;
    }

    .sm-margin-eighteen-lr {
        margin-left: 18%;
        margin-right: 18%;
    }

    .sm-margin-nineteen-lr {
        margin-left: 19%;
        margin-right: 19%;
    }

    .sm-margin-twenty-lr {
        margin-left: 20%;
        margin-right: 20%;
    }

    .sm-margin-5px-lr {
        margin-left: 5px;
        margin-right: 5px;
    }

    .sm-margin-10px-lr {
        margin-left: 10px;
        margin-right: 10px;
    }

    .sm-margin-15px-lr {
        margin-left: 15px;
        margin-right: 15px;
    }

    .sm-margin-20px-lr {
        margin-left: 20px;
        margin-right: 20px;
    }

    .sm-margin-25px-lr {
        margin-left: 25px;
        margin-right: 25px;
    }

    .sm-margin-30px-lr {
        margin-left: 30px;
        margin-right: 30px;
    }

    .sm-margin-35px-lr {
        margin-left: 35px;
        margin-right: 35px;
    }

    .sm-margin-40px-lr {
        margin-left: 40px;
        margin-right: 40px;
    }

    .sm-margin-45px-lr {
        margin-left: 45px;
        margin-right: 45px;
    }

    .sm-margin-50px-lr {
        margin-left: 50px;
        margin-right: 50px;
    }

    .sm-margin-55px-lr {
        margin-left: 55px;
        margin-right: 55px;
    }

    .sm-margin-60px-lr {
        margin-left: 60px;
        margin-right: 60px;
    }

    .sm-margin-65px-lr {
        margin-left: 65px;
        margin-right: 65px;
    }

    .sm-margin-70px-lr {
        margin-left: 70px;
        margin-right: 70px;
    }

    .sm-margin-75px-lr {
        margin-left: 75px;
        margin-right: 75px;
    }

    .sm-margin-80px-lr {
        margin-left: 80px;
        margin-right: 80px;
    }

    .sm-margin-85px-lr {
        margin-left: 85px;
        margin-right: 85px;
    }

    .sm-margin-90px-lr {
        margin-left: 90px;
        margin-right: 90px;
    }

    .sm-margin-95px-lr {
        margin-left: 95px;
        margin-right: 95px;
    }

    .sm-margin-100px-lr {
        margin-left: 100px;
        margin-right: 100px;
    }

    .sm-margin-1-rem-lr {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .sm-margin-1-half-rem-lr {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

    .sm-margin-2-rem-lr {
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .sm-margin-2-half-rem-lr {
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }

    .sm-margin-3-rem-lr {
        margin-left: 3rem;
        margin-right: 3rem;
    }

    .sm-margin-3-half-rem-lr {
        margin-left: 3.5rem;
        margin-right: 3.5rem;
    }

    .sm-margin-4-rem-lr {
        margin-left: 4rem;
        margin-right: 4rem;
    }

    .sm-margin-4-half-rem-lr {
        margin-left: 4.5rem;
        margin-right: 4.5rem;
    }

    .sm-margin-5-rem-lr {
        margin-left: 5rem;
        margin-right: 5rem;
    }

    .sm-margin-5-half-rem-lr {
        margin-left: 5.5rem;
        margin-right: 5.5rem;
    }

    .sm-margin-6-rem-lr {
        margin-left: 6rem;
        margin-right: 6rem;
    }

    .sm-margin-6-half-rem-lr {
        margin-left: 6.5rem;
        margin-right: 6.5rem;
    }

    .sm-margin-7-rem-lr {
        margin-left: 7rem;
        margin-right: 7rem;
    }

    .sm-margin-7-half-rem-lr {
        margin-left: 7.5rem;
        margin-right: 7.5rem;
    }

    .sm-margin-8-rem-lr {
        margin-left: 8rem;
        margin-right: 8rem;
    }

    .sm-margin-8-half-rem-lr {
        margin-left: 8.5rem;
        margin-right: 8.5rem;
    }

    .sm-margin-9-rem-lr {
        margin-left: 9rem;
        margin-right: 9rem;
    }

    .sm-margin-9-half-rem-lr {
        margin-left: 9.5rem;
        margin-right: 9.5rem;
    }

    .sm-margin-10-rem-lr {
        margin-left: 10rem;
        margin-right: 10rem;
    }

    .sm-margin-10-half-rem-lr {
        margin-left: 10.5rem;
        margin-right: 10.5rem;
    }

    /* margin top bottom */
    .sm-margin-one-tb {
        margin-top: 1%;
        margin-bottom: 1%;
    }

    .sm-margin-two-tb {
        margin-top: 2%;
        margin-bottom: 2%;
    }

    .sm-margin-three-tb {
        margin-top: 3%;
        margin-bottom: 3%;
    }

    .sm-margin-four-tb {
        margin-top: 4%;
        margin-bottom: 4%;
    }

    .sm-margin-five-tb {
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .sm-margin-six-tb {
        margin-top: 6%;
        margin-bottom: 6%;
    }

    .sm-margin-seven-tb {
        margin-top: 7%;
        margin-bottom: 7%;
    }

    .sm-margin-eight-tb {
        margin-top: 8%;
        margin-bottom: 8%;
    }

    .sm-margin-nine-tb {
        margin-top: 9%;
        margin-bottom: 9%;
    }

    .sm-margin-ten-tb {
        margin-top: 10%;
        margin-bottom: 10%;
    }

    .sm-margin-eleven-tb {
        margin-top: 11%;
        margin-bottom: 11%;
    }

    .sm-margin-twelve-tb {
        margin-top: 12%;
        margin-bottom: 12%;
    }

    .sm-margin-thirteen-tb {
        margin-top: 13%;
        margin-bottom: 13%;
    }

    .sm-margin-fourteen-tb {
        margin-top: 14%;
        margin-bottom: 14%;
    }

    .sm-margin-fifteen-tb {
        margin-top: 15%;
        margin-bottom: 15%;
    }

    .sm-margin-sixteen-tb {
        margin-top: 16%;
        margin-bottom: 16%;
    }

    .sm-margin-seventeen-tb {
        margin-top: 17%;
        margin-bottom: 17%;
    }

    .sm-margin-eighteen-tb {
        margin-top: 18%;
        margin-bottom: 18%;
    }

    .sm-margin-nineteen-tb {
        margin-top: 19%;
        margin-bottom: 19%;
    }

    .sm-margin-twenty-tb {
        margin-top: 20%;
        margin-bottom: 20%;
    }

    .sm-margin-5px-tb {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .sm-margin-10px-tb {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .sm-margin-15px-tb {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .sm-margin-20px-tb {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .sm-margin-25px-tb {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .sm-margin-30px-tb {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .sm-margin-35px-tb {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .sm-margin-40px-tb {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .sm-margin-45px-tb {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .sm-margin-50px-tb {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .sm-margin-55px-tb {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .sm-margin-60px-tb {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .sm-margin-65px-tb {
        margin-top: 65px;
        margin-bottom: 65px;
    }

    .sm-margin-70px-tb {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .sm-margin-75px-tb {
        margin-top: 75px;
        margin-bottom: 75px;
    }

    .sm-margin-80px-tb {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .sm-margin-85px-tb {
        margin-top: 85px;
        margin-bottom: 85px;
    }

    .sm-margin-90px-tb {
        margin-top: 90px;
        margin-bottom: 90px;
    }

    .sm-margin-95px-tb {
        margin-top: 95px;
        margin-bottom: 95px;
    }

    .sm-margin-100px-tb {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .sm-margin-1-rem-tb {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .sm-margin-1-half-rem-tb {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .sm-margin-2-rem-tb {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .sm-margin-2-half-rem-tb {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .sm-margin-3-rem-tb {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .sm-margin-3-half-rem-tb {
        margin-top: 3.5rem;
        margin-bottom: 3.5rem;
    }

    .sm-margin-4-rem-tb {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .sm-margin-4-half-rem-tb {
        margin-top: 4.5rem;
        margin-bottom: 4.5rem;
    }

    .sm-margin-5-rem-tb {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .sm-margin-5-half-rem-tb {
        margin-top: 5.5rem;
        margin-bottom: 5.5rem;
    }

    .sm-margin-6-rem-tb {
        margin-top: 6rem;
        margin-bottom: 6rem;
    }

    .sm-margin-6-half-rem-tb {
        margin-top: 6.5rem;
        margin-bottom: 6.5rem;
    }

    .sm-margin-7-rem-tb {
        margin-top: 7rem;
        margin-bottom: 7rem;
    }

    .sm-margin-7-half-rem-tb {
        margin-top: 7.5rem;
        margin-bottom: 7.5rem;
    }

    .sm-margin-8-rem-tb {
        margin-top: 8rem;
        margin-bottom: 8rem;
    }

    .sm-margin-8-half-rem-tb {
        margin-top: 8.5rem;
        margin-bottom: 8.5rem;
    }

    .sm-margin-9-rem-tb {
        margin-top: 9rem;
        margin-bottom: 9rem;
    }

    .sm-margin-9-half-rem-tb {
        margin-top: 9.5rem;
        margin-bottom: 9.5rem;
    }

    .sm-margin-10-rem-tb {
        margin-top: 10rem;
        margin-bottom: 10rem;
    }

    .sm-margin-10-half-rem-tb {
        margin-top: 10.5rem;
        margin-bottom: 10.5rem;
    }

    .sm-margin-auto-lr {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .sm-margin-auto {
        margin: auto;
    }

    .sm-no-margin {
        margin: 0 !important;
    }

    .sm-no-margin-top {
        margin-top: 0 !important;
    }

    .sm-no-margin-bottom {
        margin-bottom: 0 !important;
    }

    .sm-no-margin-left {
        margin-left: 0 !important;
    }

    .sm-no-margin-right {
        margin-right: 0 !important;
    }

    .sm-no-margin-tb {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .sm-no-margin-lr {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    /* padding */
    .sm-padding-one-all {
        padding: 1%;
    }

    .sm-padding-two-all {
        padding: 2%;
    }

    .sm-padding-three-all {
        padding: 3%;
    }

    .sm-padding-four-all {
        padding: 4%;
    }

    .sm-padding-five-all {
        padding: 5%;
    }

    .sm-padding-six-all {
        padding: 6%;
    }

    .sm-padding-seven-all {
        padding: 7%;
    }

    .sm-padding-eight-all {
        padding: 8%;
    }

    .sm-padding-nine-all {
        padding: 9%;
    }

    .sm-padding-ten-all {
        padding: 10%;
    }

    .sm-padding-eleven-all {
        padding: 11%;
    }

    .sm-padding-twelve-all {
        padding: 12%;
    }

    .sm-padding-thirteen-all {
        padding: 13%;
    }

    .sm-padding-fourteen-all {
        padding: 14%;
    }

    .sm-padding-fifteen-all {
        padding: 15%;
    }

    .sm-padding-sixteen-all {
        padding: 16%;
    }

    .sm-padding-seventeen-all {
        padding: 17%;
    }

    .sm-padding-eighteen-all {
        padding: 18%;
    }

    .sm-padding-nineteen-all {
        padding: 19%;
    }

    .sm-padding-twenty-all {
        padding: 20%;
    }

    .sm-padding-5px-all {
        padding: 5px;
    }

    .sm-padding-10px-all {
        padding: 10px;
    }

    .sm-padding-15px-all {
        padding: 15px;
    }

    .sm-padding-20px-all {
        padding: 20px;
    }

    .sm-padding-25px-all {
        padding: 25px;
    }

    .sm-padding-30px-all {
        padding: 30px;
    }

    .sm-padding-35px-all {
        padding: 35px;
    }

    .sm-padding-40px-all {
        padding: 40px;
    }

    .sm-padding-45px-all {
        padding: 45px;
    }

    .sm-padding-50px-all {
        padding: 50px;
    }

    .sm-padding-55px-all {
        padding: 55px;
    }

    .sm-padding-60px-all {
        padding: 60px;
    }

    .sm-padding-65px-all {
        padding: 65px;
    }

    .sm-padding-70px-all {
        padding: 70px;
    }

    .sm-padding-75px-all {
        padding: 75px;
    }

    .sm-padding-80px-all {
        padding: 80px;
    }

    .sm-padding-85px-all {
        padding: 85px;
    }

    .sm-padding-90px-all {
        padding: 90px;
    }

    .sm-padding-95px-all {
        padding: 95px;
    }

    .sm-padding-100px-all {
        padding: 100px;
    }

    .sm-padding-1-rem-all {
        padding: 1rem;
    }

    .sm-padding-1-half-rem-all {
        padding: 1.5rem;
    }

    .sm-padding-2-rem-all {
        padding: 2rem;
    }

    .sm-padding-2-half-rem-all {
        padding: 2.5rem;
    }

    .sm-padding-3-rem-all {
        padding: 3rem;
    }

    .sm-padding-3-half-rem-all {
        padding: 3.5rem;
    }

    .sm-padding-4-rem-all {
        padding: 4rem;
    }

    .sm-padding-4-half-rem-all {
        padding: 4.5rem;
    }

    .sm-padding-5-rem-all {
        padding: 5rem;
    }

    .sm-padding-5-half-rem-all {
        padding: 5.5rem;
    }

    .sm-padding-6-rem-all {
        padding: 6rem;
    }

    .sm-padding-6-half-rem-all {
        padding: 6.5rem;
    }

    .sm-padding-7-rem-all {
        padding: 7rem;
    }

    .sm-padding-7-half-rem-all {
        padding: 7.5rem;
    }

    .sm-padding-8-rem-all {
        padding: 8rem;
    }

    .sm-padding-8-half-rem-all {
        padding: 8.5rem;
    }

    .sm-padding-9-rem-all {
        padding: 9rem;
    }

    .sm-padding-9-half-rem-all {
        padding: 9.5rem;
    }

    .sm-padding-10-rem-all {
        padding: 10rem;
    }

    .sm-padding-10-half-rem-all {
        padding: 10.5rem;
    }

    /* padding top */
    .sm-padding-one-top {
        padding-top: 1%;
    }

    .sm-padding-two-top {
        padding-top: 2%;
    }

    .sm-padding-three-top {
        padding-top: 3%;
    }

    .sm-padding-four-top {
        padding-top: 4%;
    }

    .sm-padding-five-top {
        padding-top: 5%;
    }

    .sm-padding-six-top {
        padding-top: 6%;
    }

    .sm-padding-seven-top {
        padding-top: 7%;
    }

    .sm-padding-eight-top {
        padding-top: 8%;
    }

    .sm-padding-nine-top {
        padding-top: 9%;
    }

    .sm-padding-ten-top {
        padding-top: 10%;
    }

    .sm-padding-eleven-top {
        padding-top: 11%;
    }

    .sm-padding-twelve-top {
        padding-top: 12%;
    }

    .sm-padding-thirteen-top {
        padding-top: 13%;
    }

    .sm-padding-fourteen-top {
        padding-top: 14%;
    }

    .sm-padding-fifteen-top {
        padding-top: 15%;
    }

    .sm-padding-sixteen-top {
        padding-top: 16%;
    }

    .sm-padding-seventeen-top {
        padding-top: 17%;
    }

    .sm-padding-eighteen-top {
        padding-top: 18%;
    }

    .sm-padding-nineteen-top {
        padding-top: 19%;
    }

    .sm-padding-twenty-top {
        padding-top: 20%;
    }

    .sm-padding-5px-top {
        padding-top: 5px;
    }

    .sm-padding-10px-top {
        padding-top: 10px;
    }

    .sm-padding-15px-top {
        padding-top: 15px;
    }

    .sm-padding-20px-top {
        padding-top: 20px;
    }

    .sm-padding-25px-top {
        padding-top: 25px;
    }

    .sm-padding-30px-top {
        padding-top: 30px;
    }

    .sm-padding-35px-top {
        padding-top: 35px;
    }

    .sm-padding-40px-top {
        padding-top: 40px;
    }

    .sm-padding-45px-top {
        padding-top: 45px;
    }

    .sm-padding-50px-top {
        padding-top: 50px;
    }

    .sm-padding-55px-top {
        padding-top: 55px;
    }

    .sm-padding-60px-top {
        padding-top: 60px;
    }

    .sm-padding-65px-top {
        padding-top: 65px;
    }

    .sm-padding-70px-top {
        padding-top: 70px;
    }

    .sm-padding-75px-top {
        padding-top: 75px;
    }

    .sm-padding-80px-top {
        padding-top: 80px;
    }

    .sm-padding-85px-top {
        padding-top: 85px;
    }

    .sm-padding-90px-top {
        padding-top: 90px;
    }

    .sm-padding-95px-top {
        padding-top: 95px;
    }

    .sm-padding-100px-top {
        padding-top: 100px;
    }

    .sm-padding-1-rem-top {
        padding-top: 1rem;
    }

    .sm-padding-1-half-rem-top {
        padding-top: 1.5rem;
    }

    .sm-padding-2-rem-top {
        padding-top: 2rem;
    }

    .sm-padding-2-half-rem-top {
        padding-top: 2.5rem;
    }

    .sm-padding-3-rem-top {
        padding-top: 3rem;
    }

    .sm-padding-3-half-rem-top {
        padding-top: 3.5rem;
    }

    .sm-padding-4-rem-top {
        padding-top: 4rem;
    }

    .sm-padding-4-half-rem-top {
        padding-top: 4.5rem;
    }

    .sm-padding-5-rem-top {
        padding-top: 5rem;
    }

    .sm-padding-5-half-rem-top {
        padding-top: 5.5rem;
    }

    .sm-padding-6-rem-top {
        padding-top: 6rem;
    }

    .sm-padding-6-half-rem-top {
        padding-top: 6.5rem;
    }

    .sm-padding-7-rem-top {
        padding-top: 7rem;
    }

    .sm-padding-7-half-rem-top {
        padding-top: 7.5rem;
    }

    .sm-padding-8-rem-top {
        padding-top: 8rem;
    }

    .sm-padding-8-half-rem-top {
        padding-top: 8.5rem;
    }

    .sm-padding-9-rem-top {
        padding-top: 9rem;
    }

    .sm-padding-9-half-rem-top {
        padding-top: 9.5rem;
    }

    .sm-padding-10-rem-top {
        padding-top: 10rem;
    }

    .sm-padding-10-half-rem-top {
        padding-top: 10.5rem;
    }

    /* padding bottom */
    .sm-padding-one-bottom {
        padding-bottom: 1%;
    }

    .sm-padding-two-bottom {
        padding-bottom: 2%;
    }

    .sm-padding-three-bottom {
        padding-bottom: 3%;
    }

    .sm-padding-four-bottom {
        padding-bottom: 4%;
    }

    .sm-padding-five-bottom {
        padding-bottom: 5%;
    }

    .sm-padding-six-bottom {
        padding-bottom: 6%;
    }

    .sm-padding-seven-bottom {
        padding-bottom: 7%;
    }

    .sm-padding-eight-bottom {
        padding-bottom: 8%;
    }

    .sm-padding-nine-bottom {
        padding-bottom: 9%;
    }

    .sm-padding-ten-bottom {
        padding-bottom: 10%;
    }

    .sm-padding-eleven-bottom {
        padding-bottom: 11%;
    }

    .sm-padding-twelve-bottom {
        padding-bottom: 12%;
    }

    .sm-padding-thirteen-bottom {
        padding-bottom: 13%;
    }

    .sm-padding-fourteen-bottom {
        padding-bottom: 14%;
    }

    .sm-padding-fifteen-bottom {
        padding-bottom: 15%;
    }

    .sm-padding-sixteen-bottom {
        padding-bottom: 16%;
    }

    .sm-padding-seventeen-bottom {
        padding-bottom: 17%;
    }

    .sm-padding-eighteen-bottom {
        padding-bottom: 18%;
    }

    .sm-padding-nineteen-bottom {
        padding-bottom: 19%;
    }

    .sm-padding-twenty-bottom {
        padding-bottom: 20%;
    }

    .sm-padding-5px-bottom {
        padding-bottom: 5px;
    }

    .sm-padding-10px-bottom {
        padding-bottom: 10px;
    }

    .sm-padding-15px-bottom {
        padding-bottom: 15px;
    }

    .sm-padding-20px-bottom {
        padding-bottom: 20px;
    }

    .sm-padding-25px-bottom {
        padding-bottom: 25px;
    }

    .sm-padding-30px-bottom {
        padding-bottom: 30px;
    }

    .sm-padding-35px-bottom {
        padding-bottom: 35px;
    }

    .sm-padding-40px-bottom {
        padding-bottom: 40px;
    }

    .sm-padding-45px-bottom {
        padding-bottom: 45px;
    }

    .sm-padding-50px-bottom {
        padding-bottom: 50px;
    }

    .sm-padding-55px-bottom {
        padding-bottom: 55px;
    }

    .sm-padding-60px-bottom {
        padding-bottom: 60px;
    }

    .sm-padding-65px-bottom {
        padding-bottom: 65px;
    }

    .sm-padding-70px-bottom {
        padding-bottom: 70px;
    }

    .sm-padding-75px-bottom {
        padding-bottom: 75px;
    }

    .sm-padding-80px-bottom {
        padding-bottom: 80px;
    }

    .sm-padding-85px-bottom {
        padding-bottom: 85px;
    }

    .sm-padding-90px-bottom {
        padding-bottom: 90px;
    }

    .sm-padding-95px-bottom {
        padding-bottom: 95px;
    }

    .sm-padding-100px-bottom {
        padding-bottom: 100px;
    }

    .sm-padding-1-rem-bottom {
        padding-bottom: 1rem;
    }

    .sm-padding-1-half-rem-bottom {
        padding-bottom: 1.5rem;
    }

    .sm-padding-2-rem-bottom {
        padding-bottom: 2rem;
    }

    .sm-padding-2-half-rem-bottom {
        padding-bottom: 2.5rem;
    }

    .sm-padding-3-rem-bottom {
        padding-bottom: 3rem;
    }

    .sm-padding-3-half-rem-bottom {
        padding-bottom: 3.5rem;
    }

    .sm-padding-4-rem-bottom {
        padding-bottom: 4rem;
    }

    .sm-padding-4-half-rem-bottom {
        padding-bottom: 4.5rem;
    }

    .sm-padding-5-rem-bottom {
        padding-bottom: 5rem;
    }

    .sm-padding-5-half-rem-bottom {
        padding-bottom: 5.5rem;
    }

    .sm-padding-6-rem-bottom {
        padding-bottom: 6rem;
    }

    .sm-padding-6-half-rem-bottom {
        padding-bottom: 6.5rem;
    }

    .sm-padding-7-rem-bottom {
        padding-bottom: 7rem;
    }

    .sm-padding-7-half-rem-bottom {
        padding-bottom: 7.5rem;
    }

    .sm-padding-8-rem-bottom {
        padding-bottom: 8rem;
    }

    .sm-padding-8-half-rem-bottom {
        padding-bottom: 8.5rem;
    }

    .sm-padding-9-rem-bottom {
        padding-bottom: 9rem;
    }

    .sm-padding-9-half-rem-bottom {
        padding-bottom: 9.5rem;
    }

    .sm-padding-10-rem-bottom {
        padding-bottom: 10rem;
    }

    .sm-padding-10-half-rem-bottom {
        padding-bottom: 10.5rem;
    }

    /* padding right */
    .sm-padding-one-right {
        padding-right: 1%;
    }

    .sm-padding-two-right {
        padding-right: 2%;
    }

    .sm-padding-three-right {
        padding-right: 3%;
    }

    .sm-padding-four-right {
        padding-right: 4%;
    }

    .sm-padding-five-right {
        padding-right: 5%;
    }

    .sm-padding-six-right {
        padding-right: 6%;
    }

    .sm-padding-seven-right {
        padding-right: 7%;
    }

    .sm-padding-eight-right {
        padding-right: 8%;
    }

    .sm-padding-nine-right {
        padding-right: 9%;
    }

    .sm-padding-ten-right {
        padding-right: 10%;
    }

    .sm-padding-eleven-right {
        padding-right: 11%;
    }

    .sm-padding-twelve-right {
        padding-right: 12%;
    }

    .sm-padding-thirteen-right {
        padding-right: 13%;
    }

    .sm-padding-fourteen-right {
        padding-right: 14%;
    }

    .sm-padding-fifteen-right {
        padding-right: 15%;
    }

    .sm-padding-sixteen-right {
        padding-right: 16%;
    }

    .sm-padding-seventeen-right {
        padding-right: 17%;
    }

    .sm-padding-eighteen-right {
        padding-right: 18%;
    }

    .sm-padding-nineteen-right {
        padding-right: 19%;
    }

    .sm-padding-twenty-right {
        padding-right: 20%;
    }

    .sm-padding-5px-right {
        padding-right: 5px;
    }

    .sm-padding-10px-right {
        padding-right: 10px;
    }

    .sm-padding-15px-right {
        padding-right: 15px;
    }

    .sm-padding-20px-right {
        padding-right: 20px;
    }

    .sm-padding-25px-right {
        padding-right: 25px;
    }

    .sm-padding-30px-right {
        padding-right: 30px;
    }

    .sm-padding-35px-right {
        padding-right: 35px;
    }

    .sm-padding-40px-right {
        padding-right: 40px;
    }

    .sm-padding-45px-right {
        padding-right: 45px;
    }

    .sm-padding-50px-right {
        padding-right: 50px;
    }

    .sm-padding-55px-right {
        padding-right: 55px;
    }

    .sm-padding-60px-right {
        padding-right: 60px;
    }

    .sm-padding-65px-right {
        padding-right: 65px;
    }

    .sm-padding-70px-right {
        padding-right: 70px;
    }

    .sm-padding-75px-right {
        padding-right: 75px;
    }

    .sm-padding-80px-right {
        padding-right: 80px;
    }

    .sm-padding-85px-right {
        padding-right: 85px;
    }

    .sm-padding-90px-right {
        padding-right: 90px;
    }

    .sm-padding-95px-right {
        padding-right: 95px;
    }

    .sm-padding-100px-right {
        padding-right: 100px;
    }

    .sm-padding-1-rem-right {
        padding-right: 1rem;
    }

    .sm-padding-1-half-rem-right {
        padding-right: 1.5rem;
    }

    .sm-padding-2-rem-right {
        padding-right: 2rem;
    }

    .sm-padding-2-half-rem-right {
        padding-right: 2.5rem;
    }

    .sm-padding-3-rem-right {
        padding-right: 3rem;
    }

    .sm-padding-3-half-rem-right {
        padding-right: 3.5rem;
    }

    .sm-padding-4-rem-right {
        padding-right: 4rem;
    }

    .sm-padding-4-half-rem-right {
        padding-right: 4.5rem;
    }

    .sm-padding-5-rem-right {
        padding-right: 5rem;
    }

    .sm-padding-5-half-rem-right {
        padding-right: 5.5rem;
    }

    .sm-padding-6-rem-right {
        padding-right: 6rem;
    }

    .sm-padding-6-half-rem-right {
        padding-right: 6.5rem;
    }

    .sm-padding-7-rem-right {
        padding-right: 7rem;
    }

    .sm-padding-7-half-rem-right {
        padding-right: 7.5rem;
    }

    .sm-padding-8-rem-right {
        padding-right: 8rem;
    }

    .sm-padding-8-half-rem-right {
        padding-right: 8.5rem;
    }

    .sm-padding-9-rem-right {
        padding-right: 9rem;
    }

    .sm-padding-9-half-rem-right {
        padding-right: 9.5rem;
    }

    .sm-padding-10-rem-right {
        padding-right: 10rem;
    }

    .sm-padding-10-half-rem-right {
        padding-right: 10.5rem;
    }

    /* padding left */
    .sm-padding-one-left {
        padding-left: 1%;
    }

    .sm-padding-two-left {
        padding-left: 2%;
    }

    .sm-padding-three-left {
        padding-left: 3%;
    }

    .sm-padding-four-left {
        padding-left: 4%;
    }

    .sm-padding-five-left {
        padding-left: 5%;
    }

    .sm-padding-six-left {
        padding-left: 6%;
    }

    .sm-padding-seven-left {
        padding-left: 7%;
    }

    .sm-padding-eight-left {
        padding-left: 8%;
    }

    .sm-padding-nine-left {
        padding-left: 9%;
    }

    .sm-padding-ten-left {
        padding-left: 10%;
    }

    .sm-padding-eleven-left {
        padding-left: 11%;
    }

    .sm-padding-twelve-left {
        padding-left: 12%;
    }

    .sm-padding-thirteen-left {
        padding-left: 13%;
    }

    .sm-padding-fourteen-left {
        padding-left: 14%;
    }

    .sm-padding-fifteen-left {
        padding-left: 15%;
    }

    .sm-padding-sixteen-left {
        padding-left: 16%;
    }

    .sm-padding-seventeen-left {
        padding-left: 17%;
    }

    .sm-padding-eighteen-left {
        padding-left: 18%;
    }

    .sm-padding-nineteen-left {
        padding-left: 19%;
    }

    .sm-padding-twenty-left {
        padding-left: 20%;
    }

    .sm-padding-5px-left {
        padding-left: 5px;
    }

    .sm-padding-10px-left {
        padding-left: 10px;
    }

    .sm-padding-15px-left {
        padding-left: 15px;
    }

    .sm-padding-20px-left {
        padding-left: 20px;
    }

    .sm-padding-25px-left {
        padding-left: 25px;
    }

    .sm-padding-30px-left {
        padding-left: 30px;
    }

    .sm-padding-35px-left {
        padding-left: 35px;
    }

    .sm-padding-40px-left {
        padding-left: 40px;
    }

    .sm-padding-45px-left {
        padding-left: 45px;
    }

    .sm-padding-50px-left {
        padding-left: 50px;
    }

    .sm-padding-55px-left {
        padding-left: 55px;
    }

    .sm-padding-60px-left {
        padding-left: 60px;
    }

    .sm-padding-65px-left {
        padding-left: 65px;
    }

    .sm-padding-70px-left {
        padding-left: 70px;
    }

    .sm-padding-75px-left {
        padding-left: 75px;
    }

    .sm-padding-80px-left {
        padding-left: 80px;
    }

    .sm-padding-85px-left {
        padding-left: 85px;
    }

    .sm-padding-90px-left {
        padding-left: 90px;
    }

    .sm-padding-95px-left {
        padding-left: 95px;
    }

    .sm-padding-100px-left {
        padding-left: 100px;
    }

    .sm-padding-1-rem-left {
        padding-left: 1rem;
    }

    .sm-padding-1-half-rem-left {
        padding-left: 1.5rem;
    }

    .sm-padding-2-rem-left {
        padding-left: 2rem;
    }

    .sm-padding-2-half-rem-left {
        padding-left: 2.5rem;
    }

    .sm-padding-3-rem-left {
        padding-left: 3rem;
    }

    .sm-padding-3-half-rem-left {
        padding-left: 3.5rem;
    }

    .sm-padding-4-rem-left {
        padding-left: 4rem;
    }

    .sm-padding-4-half-rem-left {
        padding-left: 4.5rem;
    }

    .sm-padding-5-rem-left {
        padding-left: 5rem;
    }

    .sm-padding-5-half-rem-left {
        padding-left: 5.5rem;
    }

    .sm-padding-6-rem-left {
        padding-left: 6rem;
    }

    .sm-padding-6-half-rem-left {
        padding-left: 6.5rem;
    }

    .sm-padding-7-rem-left {
        padding-left: 7rem;
    }

    .sm-padding-7-half-rem-left {
        padding-left: 7.5rem;
    }

    .sm-padding-8-rem-left {
        padding-left: 8rem;
    }

    .sm-padding-8-half-rem-left {
        padding-left: 8.5rem;
    }

    .sm-padding-9-rem-left {
        padding-left: 9rem;
    }

    .sm-padding-9-half-rem-left {
        padding-left: 9.5rem;
    }

    .sm-padding-10-rem-left {
        padding-left: 10rem;
    }

    .sm-padding-10-half-rem-left {
        padding-left: 10.5rem;
    }

    /* padding top bottom */
    .sm-padding-one-tb {
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .sm-padding-two-tb {
        padding-top: 2%;
        padding-bottom: 2%;
    }

    .sm-padding-three-tb {
        padding-top: 3%;
        padding-bottom: 3%;
    }

    .sm-padding-four-tb {
        padding-top: 4%;
        padding-bottom: 4%;
    }

    .sm-padding-five-tb {
        padding-top: 5%;
        padding-bottom: 5%;
    }

    .sm-padding-six-tb {
        padding-top: 6%;
        padding-bottom: 6%;
    }

    .sm-padding-seven-tb {
        padding-top: 7%;
        padding-bottom: 7%;
    }

    .sm-padding-eight-tb {
        padding-top: 8%;
        padding-bottom: 8%;
    }

    .sm-padding-nine-tb {
        padding-top: 9%;
        padding-bottom: 9%;
    }

    .sm-padding-ten-tb {
        padding-top: 10%;
        padding-bottom: 10%;
    }

    .sm-padding-eleven-tb {
        padding-top: 11%;
        padding-bottom: 11%;
    }

    .sm-padding-twelve-tb {
        padding-top: 12%;
        padding-bottom: 12%;
    }

    .sm-padding-thirteen-tb {
        padding-top: 13%;
        padding-bottom: 13%;
    }

    .sm-padding-fourteen-tb {
        padding-top: 14%;
        padding-bottom: 14%;
    }

    .sm-padding-fifteen-tb {
        padding-top: 15%;
        padding-bottom: 15%;
    }

    .sm-padding-sixteen-tb {
        padding-top: 16%;
        padding-bottom: 16%;
    }

    .sm-padding-seventeen-tb {
        padding-top: 17%;
        padding-bottom: 17%;
    }

    .sm-padding-eighteen-tb {
        padding-top: 18%;
        padding-bottom: 18%;
    }

    .sm-padding-nineteen-tb {
        padding-top: 19%;
        padding-bottom: 19%;
    }

    .sm-padding-twenty-tb {
        padding-top: 20%;
        padding-bottom: 20%;
    }

    .sm-padding-5px-tb {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .sm-padding-10px-tb {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .sm-padding-15px-tb {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .sm-padding-20px-tb {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .sm-padding-25px-tb {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .sm-padding-30px-tb {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .sm-padding-35px-tb {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .sm-padding-40px-tb {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .sm-padding-45px-tb {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .sm-padding-50px-tb {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .sm-padding-55px-tb {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .sm-padding-60px-tb {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .sm-padding-65px-tb {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .sm-padding-70px-tb {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .sm-padding-75px-tb {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .sm-padding-80px-tb {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .sm-padding-85px-tb {
        padding-top: 85px;
        padding-bottom: 85px;
    }

    .sm-padding-90px-tb {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .sm-padding-95px-tb {
        padding-top: 95px;
        padding-bottom: 95px;
    }

    .sm-padding-100px-tb {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .sm-padding-1-rem-tb {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .sm-padding-1-half-rem-tb {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .sm-padding-2-rem-tb {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .sm-padding-2-half-rem-tb {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .sm-padding-3-rem-tb {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .sm-padding-3-half-rem-tb {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }

    .sm-padding-4-rem-tb {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .sm-padding-4-half-rem-tb {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem;
    }

    .sm-padding-5-rem-tb {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .sm-padding-5-half-rem-tb {
        padding-top: 5.5rem;
        padding-bottom: 5.5rem;
    }

    .sm-padding-6-rem-tb {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .sm-padding-6-half-rem-tb {
        padding-top: 6.5rem;
        padding-bottom: 6.5rem;
    }

    .sm-padding-7-rem-tb {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }

    .sm-padding-7-half-rem-tb {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem;
    }

    .sm-padding-8-rem-tb {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .sm-padding-8-half-rem-tb {
        padding-top: 8.5rem;
        padding-bottom: 8.5rem;
    }

    .sm-padding-9-rem-tb {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }

    .sm-padding-9-half-rem-tb {
        padding-top: 9.5rem;
        padding-bottom: 9.5rem;
    }

    .sm-padding-10-rem-tb {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }

    .sm-padding-10-half-rem-tb {
        padding-top: 10.5rem;
        padding-bottom: 10.5rem;
    }

    /* padding left right */
    .sm-padding-one-lr {
        padding-left: 1%;
        padding-right: 1%;
    }

    .sm-padding-two-lr {
        padding-left: 2%;
        padding-right: 2%;
    }

    .sm-padding-three-lr {
        padding-left: 3%;
        padding-right: 3%;
    }

    .sm-padding-four-lr {
        padding-left: 4%;
        padding-right: 4%;
    }

    .sm-padding-five-lr {
        padding-left: 5%;
        padding-right: 5%;
    }

    .sm-padding-six-lr {
        padding-left: 6%;
        padding-right: 6%;
    }

    .sm-padding-seven-lr {
        padding-left: 7%;
        padding-right: 7%;
    }

    .sm-padding-eight-lr {
        padding-left: 8%;
        padding-right: 8%;
    }

    .sm-padding-nine-lr {
        padding-left: 9%;
        padding-right: 9%;
    }

    .sm-padding-ten-lr {
        padding-left: 10%;
        padding-right: 10%;
    }

    .sm-padding-eleven-lr {
        padding-left: 11%;
        padding-right: 11%;
    }

    .sm-padding-twelve-lr {
        padding-left: 12%;
        padding-right: 12%;
    }

    .sm-padding-thirteen-lr {
        padding-left: 13%;
        padding-right: 13%;
    }

    .sm-padding-fourteen-lr {
        padding-left: 14%;
        padding-right: 14%;
    }

    .sm-padding-fifteen-lr {
        padding-left: 15%;
        padding-right: 15%;
    }

    .sm-padding-sixteen-lr {
        padding-left: 16%;
        padding-right: 16%;
    }

    .sm-padding-seventeen-lr {
        padding-left: 17%;
        padding-right: 17%;
    }

    .sm-padding-eighteen-lr {
        padding-left: 18%;
        padding-right: 18%;
    }

    .sm-padding-nineteen-lr {
        padding-left: 19%;
        padding-right: 19%;
    }

    .sm-padding-twenty-lr {
        padding-left: 20%;
        padding-right: 20%;
    }

    .sm-padding-5px-lr {
        padding-left: 5px;
        padding-right: 5px;
    }

    .sm-padding-10px-lr {
        padding-left: 10px;
        padding-right: 10px;
    }

    .sm-padding-15px-lr {
        padding-left: 15px;
        padding-right: 15px;
    }

    .sm-padding-20px-lr {
        padding-left: 20px;
        padding-right: 20px;
    }

    .sm-padding-25px-lr {
        padding-left: 25px;
        padding-right: 25px;
    }

    .sm-padding-30px-lr {
        padding-left: 30px;
        padding-right: 30px;
    }

    .sm-padding-35px-lr {
        padding-left: 35px;
        padding-right: 35px;
    }

    .sm-padding-40px-lr {
        padding-left: 40px;
        padding-right: 40px;
    }

    .sm-padding-45px-lr {
        padding-left: 45px;
        padding-right: 45px;
    }

    .sm-padding-50px-lr {
        padding-left: 50px;
        padding-right: 50px;
    }

    .sm-padding-55px-lr {
        padding-left: 55px;
        padding-right: 55px;
    }

    .sm-padding-60px-lr {
        padding-left: 60px;
        padding-right: 60px;
    }

    .sm-padding-65px-lr {
        padding-left: 65px;
        padding-right: 65px;
    }

    .sm-padding-70px-lr {
        padding-left: 70px;
        padding-right: 70px;
    }

    .sm-padding-75px-lr {
        padding-left: 75px;
        padding-right: 75px;
    }

    .sm-padding-80px-lr {
        padding-left: 80px;
        padding-right: 80px;
    }

    .sm-padding-85px-lr {
        padding-left: 85px;
        padding-right: 85px;
    }

    .sm-padding-90px-lr {
        padding-left: 90px;
        padding-right: 90px;
    }

    .sm-padding-95px-lr {
        padding-left: 95px;
        padding-right: 95px;
    }

    .sm-padding-100px-lr {
        padding-left: 100px;
        padding-right: 100px;
    }

    .sm-padding-1-rem-lr {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .sm-padding-1-half-rem-lr {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .sm-padding-2-rem-lr {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .sm-padding-2-half-rem-lr {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .sm-padding-3-rem-lr {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .sm-padding-3-half-rem-lr {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }

    .sm-padding-4-rem-lr {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .sm-padding-4-half-rem-lr {
        padding-left: 4.5rem;
        padding-right: 4.5rem;
    }

    .sm-padding-5-rem-lr {
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .sm-padding-5-half-rem-lr {
        padding-left: 5.5rem;
        padding-right: 5.5rem;
    }

    .sm-padding-6-rem-lr {
        padding-left: 6rem;
        padding-right: 6rem;
    }

    .sm-padding-6-half-rem-lr {
        padding-left: 6.5rem;
        padding-right: 6.5rem;
    }

    .sm-padding-7-rem-lr {
        padding-left: 7rem;
        padding-right: 7rem;
    }

    .sm-padding-7-half-rem-lr {
        padding-left: 7.5rem;
        padding-right: 7.5rem;
    }

    .sm-padding-8-rem-lr {
        padding-left: 8rem;
        padding-right: 8rem;
    }

    .sm-padding-8-half-rem-lr {
        padding-left: 8.5rem;
        padding-right: 8.5rem;
    }

    .sm-padding-9-rem-lr {
        padding-left: 9rem;
        padding-right: 9rem;
    }

    .sm-padding-9-half-rem-lr {
        padding-left: 9.5rem;
        padding-right: 9.5rem;
    }

    .sm-padding-10-rem-lr {
        padding-left: 10rem;
        padding-right: 10rem;
    }

    .sm-padding-10-half-rem-lr {
        padding-left: 10.5rem;
        padding-right: 10.5rem;
    }

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

    .sm-no-padding-lr {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .sm-no-padding-tb {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .sm-no-padding-top {
        padding-top: 0 !important;
    }

    .sm-no-padding-bottom {
        padding-bottom: 0 !important;
    }

    .sm-no-padding-left {
        padding-left: 0 !important;
    }

    .sm-no-padding-right {
        padding-right: 0 !important;
    }

    /* display and overflow */
    .sm-d-initial {
        display: initial !important;
    }

    .sm-overflow-hidden {
        overflow: hidden !important;
    }

    .sm-overflow-visible {
        overflow: visible !important;
    }

    .sm-overflow-auto {
        overflow: auto !important;
    }

    /* position */
    .sm-position-relative {
        position: relative !important;
    }

    .sm-position-absolute {
        position: absolute !important;
    }

    .sm-position-fixed {
        position: fixed !important;
    }

    .sm-position-inherit {
        position: inherit !important;
    }

    .sm-position-initial {
        position: initial !important;
    }

    /* top */
    .sm-top-0px {
        top: 0;
    }

    .sm-top-1px {
        top: 1px;
    }

    .sm-top-2px {
        top: 2px;
    }

    .sm-top-3px {
        top: 3px;
    }

    .sm-top-4px {
        top: 4px;
    }

    .sm-top-5px {
        top: 5px;
    }

    .sm-top-6px {
        top: 6px;
    }

    .sm-top-7px {
        top: 7px;
    }

    .sm-top-8px {
        top: 8px;
    }

    .sm-top-9px {
        top: 9px;
    }

    .sm-top-10px {
        top: 10px;
    }

    .sm-top-15px {
        top: 15px;
    }

    .sm-top-20px {
        top: 20px;
    }

    .sm-top-25px {
        top: 25px;
    }

    .sm-top-30px {
        top: 30px;
    }

    .sm-top-35px {
        top: 35px;
    }

    .sm-top-40px {
        top: 40px;
    }

    .sm-top-45px {
        top: 45px;
    }

    .sm-top-50px {
        top: 50px;
    }

    .sm-top-auto {
        top: auto;
    }

    .sm-top-inherit {
        top: inherit;
    }

    /* top minus */
    .sm-top-minus-1px {
        top: -1px;
    }

    .sm-top-minus-2px {
        top: -2px;
    }

    .sm-top-minus-3px {
        top: -3px;
    }

    .sm-top-minus-4px {
        top: -4px;
    }

    .sm-top-minus-5px {
        top: -5px;
    }

    .sm-top-minus-6px {
        top: -6px;
    }

    .sm-top-minus-7px {
        top: -7px;
    }

    .sm-top-minus-8px {
        top: -8px;
    }

    .sm-top-minus-9px {
        top: -9px;
    }

    .sm-top-minus-10px {
        top: -10px;
    }

    .sm-top-minus-15px {
        top: -15px;
    }

    .sm-top-minus-20px {
        top: -20px;
    }

    .sm-top-minus-25px {
        top: -25px;
    }

    .sm-top-minus-30px {
        top: -30px;
    }

    .sm-top-minus-35px {
        top: -35px;
    }

    .sm-top-minus-40px {
        top: -40px;
    }

    .sm-top-minus-45px {
        top: -45px;
    }

    .sm-top-minus-50px {
        top: -50px;
    }

    /* bottom */
    .sm-bottom-0px {
        bottom: 0;
    }

    .sm-bottom-1px {
        bottom: 1px;
    }

    .sm-bottom-2px {
        bottom: 2px;
    }

    .sm-bottom-3px {
        bottom: 3px;
    }

    .sm-bottom-4px {
        bottom: 4px;
    }

    .sm-bottom-5px {
        bottom: 5px;
    }

    .sm-bottom-6px {
        bottom: 6px;
    }

    .sm-bottom-7px {
        bottom: 7px;
    }

    .sm-bottom-8px {
        bottom: 8px;
    }

    .sm-bottom-9px {
        bottom: 9px;
    }

    .sm-bottom-10px {
        bottom: 10px;
    }

    .sm-bottom-15px {
        bottom: 15px;
    }

    .sm-bottom-20px {
        bottom: 20px;
    }

    .sm-bottom-25px {
        bottom: 25px;
    }

    .sm-bottom-30px {
        bottom: 30px;
    }

    .sm-bottom-35px {
        bottom: 35px;
    }

    .sm-bottom-40px {
        bottom: 40px;
    }

    .sm-bottom-45px {
        bottom: 45px;
    }

    .sm-bottom-50px {
        bottom: 50px;
    }

    .sm-bottom-55px {
        bottom: 55px;
    }

    .sm-bottom-60px {
        bottom: 60px;
    }

    .sm-bottom-auto {
        bottom: auto;
    }

    .sm-bottom-inherit {
        bottom: inherit;
    }

    /* bottom minus */
    .sm-bottom-minus-1px {
        bottom: -1px;
    }

    .sm-bottom-minus-2px {
        bottom: -2px;
    }

    .sm-bottom-minus-3px {
        bottom: -3px;
    }

    .sm-bottom-minus-4px {
        bottom: -4px;
    }

    .sm-bottom-minus-5px {
        bottom: -5px;
    }

    .sm-bottom-minus-6px {
        bottom: -6px;
    }

    .sm-bottom-minus-7px {
        bottom: -7px;
    }

    .sm-bottom-minus-8px {
        bottom: -8px;
    }

    .sm-bottom-minus-9px {
        bottom: -9px;
    }

    .sm-bottom-minus-10px {
        bottom: -10px;
    }

    .sm-bottom-minus-15px {
        bottom: -15px;
    }

    .sm-bottom-minus-20px {
        bottom: -20px;
    }

    .sm-bottom-minus-25px {
        bottom: -25px;
    }

    .sm-bottom-minus-30px {
        bottom: -30px;
    }

    .sm-bottom-minus-35px {
        bottom: -35px;
    }

    .sm-bottom-minus-40px {
        bottom: -40px;
    }

    .sm-bottom-minus-45px {
        bottom: -45px;
    }

    .sm-bottom-minus-50px {
        bottom: -50px;
    }

    /* right */
    .sm-right-0px {
        right: 0;
    }

    .sm-right-1px {
        right: 1px;
    }

    .sm-right-2px {
        right: 2px;
    }

    .sm-right-3px {
        right: 3px;
    }

    .sm-right-4px {
        right: 4px;
    }

    .sm-right-5px {
        right: 5px;
    }

    .sm-right-6px {
        right: 6px;
    }

    .sm-right-7px {
        right: 7px;
    }

    .sm-right-8px {
        right: 8px;
    }

    .sm-right-9px {
        right: 9px;
    }

    .sm-right-10px {
        right: 10px;
    }

    .sm-right-15px {
        right: 15px;
    }

    .sm-right-20px {
        right: 20px;
    }

    .sm-right-25px {
        right: 25px;
    }

    .sm-right-30px {
        right: 30px;
    }

    .sm-right-35px {
        right: 35px;
    }

    .sm-right-40px {
        right: 40px;
    }

    .sm-right-45px {
        right: 45px;
    }

    .sm-right-50px {
        right: 50px;
    }

    .sm-right-auto {
        right: auto;
    }

    .sm-right-inherit {
        right: inherit;
    }

    /* right minus */
    .sm-right-minus-1px {
        right: -1px;
    }

    .sm-right-minus-2px {
        right: -2px;
    }

    .sm-right-minus-3px {
        right: -3px;
    }

    .sm-right-minus-4px {
        right: -4px;
    }

    .sm-right-minus-5px {
        right: -5px;
    }

    .sm-right-minus-6px {
        right: -6px;
    }

    .sm-right-minus-7px {
        right: -7px;
    }

    .sm-right-minus-8px {
        right: -8px;
    }

    .sm-right-minus-9px {
        right: -9px;
    }

    .sm-right-minus-10px {
        right: -10px;
    }

    .sm-right-minus-15px {
        right: -15px;
    }

    .sm-right-minus-20px {
        right: -20px;
    }

    .sm-right-minus-25px {
        right: -25px;
    }

    .sm-right-minus-30px {
        right: -30px;
    }

    .sm-right-minus-35px {
        right: -35px;
    }

    .sm-right-minus-40px {
        right: -40px;
    }

    .sm-right-minus-45px {
        right: -45px;
    }

    .sm-right-minus-50px {
        right: -50px;
    }

    /* left */
    .sm-left-0px {
        left: 0;
    }

    .sm-left-1px {
        left: 1px;
    }

    .sm-left-2px {
        left: 2px;
    }

    .sm-left-3px {
        left: 3px;
    }

    .sm-left-4px {
        left: 4px;
    }

    .sm-left-5px {
        left: 5px;
    }

    .sm-left-6px {
        left: 6px;
    }

    .sm-left-7px {
        left: 7px;
    }

    .sm-left-8px {
        left: 8px;
    }

    .sm-left-9px {
        left: 9px;
    }

    .sm-left-10px {
        left: 10px;
    }

    .sm-left-15px {
        left: 15px;
    }

    .sm-left-20px {
        left: 20px;
    }

    .sm-left-25px {
        left: 25px;
    }

    .sm-left-30px {
        left: 30px;
    }

    .sm-left-35px {
        left: 35px;
    }

    .sm-left-40px {
        left: 40px;
    }

    .sm-left-45px {
        left: 45px;
    }

    .sm-left-50px {
        left: 50px;
    }

    .sm-left-55px {
        left: 55px;
    }

    .sm-left-60px {
        left: 60px;
    }

    .sm-left-auto {
        left: auto;
    }

    .sm-left-inherit {
        left: inherit;
    }

    /* left minus */
    .sm-left-minus-1px {
        left: -1px;
    }

    .sm-left-minus-2px {
        left: -2px;
    }

    .sm-left-minus-3px {
        left: -3px;
    }

    .sm-left-minus-4px {
        left: -4px;
    }

    .sm-left-minus-5px {
        left: -5px;
    }

    .sm-left-minus-6px {
        left: -6px;
    }

    .sm-left-minus-7px {
        left: -7px;
    }

    .sm-left-minus-8px {
        left: -8px;
    }

    .sm-left-minus-9px {
        left: -9px;
    }

    .sm-left-minus-10px {
        left: -10px;
    }

    .sm-left-minus-15px {
        left: -15px;
    }

    .sm-left-minus-20px {
        left: -20px;
    }

    .sm-left-minus-25px {
        left: -25px;
    }

    .sm-left-minus-30px {
        left: -30px;
    }

    .sm-left-minus-35px {
        left: -35px;
    }

    .sm-left-minus-40px {
        left: -40px;
    }

    .sm-left-minus-45px {
        left: -45px;
    }

    .sm-left-minus-50px {
        left: -50px;
    }

    /* width */
    .sm-w-1px {
        width: 1px !important;
    }

    .sm-w-2px {
        width: 2px !important;
    }

    .sm-w-3px {
        width: 3px !important;
    }

    .sm-w-4px {
        width: 4px !important;
    }

    .sm-w-5px {
        width: 5px !important;
    }

    .sm-w-6px {
        width: 6px !important;
    }

    .sm-w-7px {
        width: 7px !important;
    }

    .sm-w-8px {
        width: 8px !important;
    }

    .sm-w-9px {
        width: 9px !important;
    }

    .sm-w-10px {
        width: 10px !important;
    }

    .sm-w-15px {
        width: 15px !important;
    }

    .sm-w-20px {
        width: 20px !important;
    }

    .sm-w-25px {
        width: 25px !important;
    }

    .sm-w-30px {
        width: 30px !important;
    }

    .sm-w-35px {
        width: 35px !important;
    }

    .sm-w-40px {
        width: 40px !important;
    }

    .sm-w-50px {
        width: 50px !important;
    }

    .sm-w-55px {
        width: 55px !important;
    }

    .sm-w-60px {
        width: 60px !important;
    }

    .sm-w-65px {
        width: 65px !important;
    }

    .sm-w-70px {
        width: 70px !important;
    }

    .sm-w-75px {
        width: 75px !important;
    }

    .sm-w-80px {
        width: 80px !important;
    }

    .sm-w-85px {
        width: 85px !important;
    }

    .sm-w-90px {
        width: 90px !important;
    }

    .sm-w-95px {
        width: 95px !important;
    }

    .sm-w-100px {
        width: 100px !important;
    }

    .sm-w-110px {
        width: 110px !important;
    }

    .sm-w-120px {
        width: 120px !important;
    }

    .sm-w-130px {
        width: 130px !important;
    }

    .sm-w-140px {
        width: 140px !important;
    }

    .sm-w-150px {
        width: 150px !important;
    }

    .sm-w-160px {
        width: 160px !important;
    }

    .sm-w-170px {
        width: 170px !important;
    }

    .sm-w-180px {
        width: 180px !important;
    }

    .sm-w-190px {
        width: 190px !important;
    }

    .sm-w-200px {
        width: 200px !important;
    }

    .sm-w-250px {
        width: 250px !important;
    }

    .sm-w-300px {
        width: 300px !important;
    }

    .sm-w-350px {
        width: 350px !important;
    }

    .sm-w-400px {
        width: 400px !important;
    }

    .sm-w-450px {
        width: 450px !important;
    }

    .sm-w-500px {
        width: 500px !important;
    }

    .sm-w-550px {
        width: 550px !important;
    }

    .sm-w-600px {
        width: 600px !important;
    }

    .sm-w-650px {
        width: 650px !important;
    }

    .sm-w-700px {
        width: 700px !important;
    }

    .sm-w-750px {
        width: 750px !important;
    }

    .sm-w-800px {
        width: 800px !important;
    }

    .sm-w-850px {
        width: 850px !important;
    }

    .sm-w-900px {
        width: 900px !important;
    }

    .sm-w-950px {
        width: 950px !important;
    }

    .sm-w-1000px {
        width: 1000px !important;
    }

    .sm-w-10 {
        width: 10% !important;
    }

    .sm-w-15 {
        width: 15% !important;
    }

    .sm-w-20 {
        width: 20% !important;
    }

    .sm-w-25 {
        width: 25% !important;
    }

    .sm-w-30 {
        width: 30% !important;
    }

    .sm-w-35 {
        width: 35% !important;
    }

    .sm-w-40 {
        width: 40% !important;
    }

    .sm-w-45 {
        width: 45% !important;
    }

    .sm-w-50 {
        width: 50% !important;
    }

    .sm-w-55 {
        width: 55% !important;
    }

    .sm-w-60 {
        width: 60% !important;
    }

    .sm-w-65 {
        width: 65% !important;
    }

    .sm-w-70 {
        width: 70% !important;
    }

    .sm-w-75 {
        width: 75% !important;
    }

    .sm-w-80 {
        width: 80% !important;
    }

    .sm-w-85 {
        width: 85% !important;
    }

    .sm-w-90 {
        width: 90% !important;
    }

    .sm-w-95 {
        width: 95% !important;
    }

    .sm-w-100 {
        width: 100% !important;
    }

    .sm-w-auto {
        width: auto !important;
    }

    /* height */
    .sm-h-1px {
        height: 1px !important;
    }

    .sm-h-2px {
        height: 2px !important;
    }

    .sm-h-3px {
        height: 3px !important;
    }

    .sm-h-4px {
        height: 4px !important;
    }

    .sm-h-5px {
        height: 5px !important;
    }

    .sm-h-6px {
        height: 6px !important;
    }

    .sm-h-7px {
        height: 7px !important;
    }

    .sm-h-8px {
        height: 8px !important;
    }

    .sm-h-9px {
        height: 9px !important;
    }

    .sm-h-10px {
        height: 10px !important;
    }

    .sm-h-20px {
        height: 20px !important;
    }

    .sm-h-30px {
        height: 30px !important;
    }

    .sm-h-40px {
        height: 40px !important;
    }

    .sm-h-42px {
        height: 42px !important;
    }

    .sm-h-50px {
        height: 50px !important;
    }

    .sm-h-60px {
        height: 60px !important;
    }

    .sm-h-70px {
        height: 70px !important;
    }

    .sm-h-80px {
        height: 80px !important;
    }

    .sm-h-90px {
        height: 90px !important;
    }

    .sm-h-100px {
        height: 100px !important;
    }

    .sm-h-110px {
        height: 110px !important;
    }

    .sm-h-120px {
        height: 120px !important;
    }

    .sm-h-130px {
        height: 130px !important;
    }

    .sm-h-140px {
        height: 140px !important;
    }

    .sm-h-150px {
        height: 150px !important;
    }

    .sm-h-160px {
        height: 160px !important;
    }

    .sm-h-170px {
        height: 170px !important;
    }

    .sm-h-180px {
        height: 180px !important;
    }

    .sm-h-190px {
        height: 190px !important;
    }

    .sm-h-200px {
        height: 200px !important;
    }

    .sm-h-250px {
        height: 250px !important;
    }

    .sm-h-300px {
        height: 300px !important;
    }

    .sm-h-350px {
        height: 350px !important;
    }

    .sm-h-400px {
        height: 400px !important;
    }

    .sm-h-450px {
        height: 450px !important;
    }

    .sm-h-500px {
        height: 500px !important;
    }

    .sm-h-520px {
        height: 520px !important;
    }

    .sm-h-550px {
        height: 550px !important;
    }

    .sm-h-580px {
        height: 580px !important;
    }

    .sm-h-600px {
        height: 600px !important;
    }

    .sm-h-650px {
        height: 650px !important;
    }

    .sm-h-700px {
        height: 700px !important;
    }

    .sm-h-720px {
        height: 720px !important;
    }

    .sm-h-750px {
        height: 750px !important;
    }

    .sm-h-800px {
        height: 800px !important;
    }

    .sm-h-820px {
        height: 820px !important;
    }

    .sm-h-830px {
        height: 830px !important;
    }

    .sm-h-850px {
        height: 850px !important;
    }

    .sm-h-50 {
        height: 50% !important;
    }

    .sm-h-100 {
        height: 100% !important;
    }

    .sm-h-auto {
        height: auto !important;
    }

    /* min-height */
    .sm-min-h-100px {
        min-height: 100px;
    }

    .sm-min-h-200px {
        min-height: 200px;
    }

    .sm-min-h-300px {
        min-height: 300px;
    }

    .sm-min-h-400px {
        min-height: 400px;
    }

    .sm-min-h-500px {
        min-height: 500px;
    }

    .sm-min-h-600px {
        min-height: 600px;
    }

    .sm-min-h-700px {
        min-height: 700px;
    }

    /* screen height */
    .one-fifth-screen {
        height: 600px;
    }

    .one-fourth-screen {
        height: 500px;
    }

    .one-third-screen {
        height: 350px;
    }

    .one-second-screen {
        height: 300px;
    }

    .extra-small-screen {
        height: 250px;
    }

    /* magnific popup */
    button.mfp-arrow,
    .mfp-arrow:active {
        height: 50px;
        width: 50px;
        margin-top: -25px;
        opacity: 1;
    }

    .mfp-arrow:before {
        margin: 0 auto;
        width: 100%;
        height: 100%;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        line-height: 50px;
        border: 0;
    }

    /* content box image */
    .content-box-image {
        height: 100%;
    }

    /* slider navigation */
    .swiper-prev,
    .swiper-next {
        font-size: 16px;
    }

    .swiper-next i,
    .swiper-prev i {
        height: 35px;
        width: 35px;
        line-height: 35px;
    }

    .swiper-prev {
        left: 5px;
    }

    .swiper-next {
        right: 5px;
    }

    /* slider navigation style 08 */
    .slider-navigation-style-08.swiper-button-next.rounded-circle {
        right: 10px;
        width: 35px;
        height: 35px;
    }

    .slider-navigation-style-08.swiper-button-prev.rounded-circle {
        left: 10px;
        width: 35px;
        height: 35px;
    }

    /* swiper custom text */
    .slider-custom-text-prev.swiper-button-prev {
        padding-right: 30px;
    }

    .slider-custom-text-next.swiper-button-next {
        padding-left: 30px;
    }

    /* swiper vertical */
    .slider-vertical .swiper-number-pagination {
        bottom: 30px;
    }

    /* swiper pagination */
    .slider-multy-scroll-right>.swiper-pagination-bullets {
        right: 40px;
    }

    /* grid */
    .grid.sm-grid-6col li {
        width: 16.67%;
    }

    .grid.sm-grid-6col li.grid-item-double {
        width: 33.33%;
    }

    .grid.sm-grid-5col li {
        width: 20%;
    }

    .grid.sm-grid-5col li.grid-item-double {
        width: 40%;
    }

    .grid.sm-grid-4col li {
        width: 25%;
    }

    .grid.sm-grid-4col li.grid-item-double {
        width: 50%;
    }

    .grid.sm-grid-3col li {
        width: 33.33%;
    }

    .grid.sm-grid-3col li.grid-item-double {
        width: 66.67%;
    }

    .grid.sm-grid-2col li {
        width: 50%;
    }

    .grid.sm-grid-2col li.grid-item-double {
        width: 100%;
    }

    .grid.sm-grid-1col li {
        width: 100%;
    }

    /* gutter type */
    .grid.gutter-small {
        margin: 0 -7px;
    }

    .grid.gutter-small li {
        padding: 7px 7px;
    }

    .grid.gutter-extra-large li {
        padding: 15px;
    }

    .grid.gutter-extra-large {
        margin: 0 -15px;
    }

    .grid.gutter-double-extra-large li {
        padding: 15px;
    }

    .grid.gutter-medium {
        margin: 0 -7px;
    }

    .grid.gutter-medium li {
        padding: 7px 7px;
    }

    .grid.gutter-large {
        margin: 0 -10px;
    }

    .grid.gutter-large li {
        padding: 10px 10px;
    }

    /* portfolio scattered */
    .portfolio-scattered.row-cols-xl-4 .col:nth-child(odd) .portfolio-box {
        padding: 0 0 10%;
    }

    .portfolio-scattered.row-cols-xl-4 .col:nth-child(even) .portfolio-box {
        padding: 0 10% 10%;
    }

    /* interactive banner style 05 */
    .interactive-banners-style-05 .interactive-banners-content,
    .interactive-banners-style-05 .interactive-banners-overlayer {
        transform: translateY(calc(100% - 115px));
        -webkit-transform: translateY(calc(100% - 115px));
        -moz-transform: translateY(calc(100% - 115px));
        -ms-transform: translateY(calc(100% - 115px));
    }

    /* interactive banner style 09 */
    .interactive-banners-style-09 .interactive-banners-content .interactive-banners-hover-icon {
        left: 35px;
        bottom: 35px;
    }

    /* accordion style 04 */
    .accordion-style-04 .panel {
        padding-left: 20px;
        padding-right: 20px;
    }

    .accordion-style-04 .panel .panel-time {
        min-width: 115px;
    }

    .accordion-style-04 .panel .accordion-toggle {
        width: calc(100% - 330px);
    }

    .accordion-style-04 .panel .panel-body {
        margin-left: 115px;
        width: 70%;
    }

    /* time table */
    .time-table .panel .panel-time,
    .time-table .panel .panel-speaker {
        width: 100%;
        text-align: center;
    }

    .time-table .panel .panel-body {
        width: 100%;
    }

    /* tab */
    .nav-tabs>li {
        padding: 0;
        display: block;
        margin-bottom: 10px;
        width: 100%;
    }

    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:hover,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li>a:focus,
    .nav-tabs>li>a:hover {
        border: none;
    }

    .nav-tabs>li.nav-item {
        padding: 0;
    }

    /* tab style 01 */
    .tab-style-01 .nav-tabs {
        display: table;
        width: 100%;
    }

    .tab-style-01 .nav-tabs>li.nav-item {
        padding: 0;
        margin: 0 auto 20px;
        display: inherit;
        width: auto;
    }

    .tab-style-01 .nav-tabs>li.nav-item>a.nav-link {
        display: inline-block;
    }

    /* tab style 02 */
    .tab-style-02 .nav-tabs>li.nav-item {
        margin: 0 0 15px 0;
    }

    .tab-style-02 .nav-tabs>li.nav-item:last-child {
        margin-bottom: 0;
    }

    /* tab style 03 */
    .tab-style-03 .nav-tabs>li.nav-item {
        padding: 0;
        margin-bottom: 30px;
        border: 0;
    }

    /* tab style 04 */
    .tab-style-04 .nav-tabs>li.nav-item {
        width: auto;
    }

    /* tab style 05 */
    .tab-style-05 .nav-tabs li {
        margin-bottom: 5px;
    }

    /* tab style 06 */
    .tab-style-06 .nav-tabs {
        border-bottom: none;
    }

    .tab-style-06 .nav-tabs>li.nav-item {
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .tab-style-06 .nav-tabs>li.nav-item>a.nav-link {
        padding: 15px 20px;
    }

    /* tab style 07 */
    .tab-style-07 .nav-tabs {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .tab-style-07 .nav-tabs>li.nav-item {
        border-bottom: 1px solid #e4e4e4;
    }

    .tab-style-07 .nav-tabs>li.nav-item>a.nav-link {
        padding: 10px 30px 8px 30px;
    }

    /* process step style 04 */
    .process-step-style-04 .process-content {
        padding-top: 40px;
    }

    /* grid filter */
    .grid-filter>li.active>a,
    .grid-filter>li.active>a:focus,
    .grid-filter>li.active>a:hover,
    .grid-filter>li>a:hover {
        border-bottom: 1px solid;
    }

    /* newsletter style 01 */
    .newsletter-style-01 input {
        padding-right: 20px;
    }

    /* table style 01 */
    .table-style-01 table {
        width: 600px;
    }

    /* pricing table style 02 */
    .pricing-table-style-02 .pricing-popular {
        left: 0;
        width: 100%;
    }

    /* countdown style 02 */
    .countdown.countdown-style-02 .countdown-box {
        padding: 0 15px;
    }

    /* no border */
    .sm-no-border-top {
        border-top: 0 !important;
    }

    .sm-no-border-bottom {
        border-bottom: 0 !important;
    }

    .sm-no-border-right {
        border-right: 0 !important;
    }

    .sm-no-border-left {
        border-left: 0 !important;
    }

    .sm-no-border-all {
        border: 0 !important;
    }

    /* border width */
    .sm-border-width-1px {
        border-width: 1px !important;
    }

    .sm-border-width-2px {
        border-width: 2px !important;
    }

    .sm-border-width-3px {
        border-width: 3px !important;
    }

    .sm-border-width-4px {
        border-width: 4px !important;
    }

    .sm-border-width-5px {
        border-width: 5px !important;
    }

    .sm-border-width-6px {
        border-width: 6px !important;
    }

    .sm-border-width-7px {
        border-width: 7px !important;
    }

    .sm-border-width-8px {
        border-width: 8px !important;
    }

    .sm-border-width-9px {
        border-width: 9px !important;
    }

    .sm-border-width-10px {
        border-width: 10px !important;
    }

    .sm-border-width-11px {
        border-width: 11px !important;
    }

    .sm-border-width-12px {
        border-width: 12px !important;
    }

    .sm-border-width-13px {
        border-width: 13px !important;
    }

    .sm-border-width-14px {
        border-width: 14px !important;
    }

    .sm-border-width-15px {
        border-width: 15px !important;
    }

    .sm-border-width-16px {
        border-width: 16px !important;
    }

    .sm-border-width-17px {
        border-width: 17px !important;
    }

    .sm-border-width-18px {
        border-width: 18px !important;
    }

    .sm-border-width-19px {
        border-width: 19px !important;
    }

    .sm-border-width-20px {
        border-width: 20px !important;
    }

    /* border */
    .sm-border-all {
        border: 1px solid;
    }

    .sm-border-top {
        border-top: 1px solid;
    }

    .sm-border-bottom {
        border-bottom: 1px solid;
    }

    .sm-border-left {
        border-left: 1px solid;
    }

    .sm-border-right {
        border-right: 1px solid;
    }

    .sm-border-lr {
        border-left: 1px solid;
        border-right: 1px solid;
    }

    .sm-border-tb {
        border-top: 1px solid;
        border-bottom: 1px solid;
    }

    /* border color */
    .sm-border-color-white {
        border-color: #fff;
    }

    .sm-border-color-black {
        border-color: #000;
    }

    .sm-border-color-sky-blue {
        border-color: #2e94eb;
    }

    .sm-border-color-extra-dark-gray {
        border-color: #232323;
    }

    .sm-border-color-medium-dark-gray {
        border-color: #363636;
    }

    .sm-border-color-dark-gray {
        border-color: #939393;
    }

    .sm-border-color-extra-medium-gray {
        border-color: #dbdbdb;
    }

    .sm-border-color-medium-gray {
        border-color: #e4e4e4;
    }

    .sm-border-color-extra-light-gray {
        border-color: #ededed;
    }

    .sm-border-color-light-gray {
        border-color: #f5f5f5;
    }

    .sm-border-color-light-pink {
        border-color: #862237;
    }

    .sm-border-color-deep-pink {
        border-color: #ff214f;
    }

    .sm-border-color-pink {
        border-color: #ff357c;
    }

    .sm-border-color-fast-blue {
        border-color: #0038e3;
    }

    .sm-border-color-orange {
        border-color: #ff6437;
    }

    .sm-border-color-green {
        border-color: #c5d300;
    }

    .sm-border-color-golden {
        border-color: #d0ba6d;
    }

    .sm-border-color-persian-blue {
        border-color: #0039cc;
    }

    .sm-border-color-purple {
        border-color: #7342ac;
    }

    .sm-border-color-parrot-green {
        border-color: #cee002;
    }

    .sm-border-color-dark-red {
        border-color: #e12837;
    }

    /* transparent border */
    .sm-border-color-transparent {
        border-color: transparent;
    }

    .sm-border-color-black-transparent {
        border-color: rgba(0, 0, 0, 0.1);
    }

    .sm-border-color-white-transparent {
        border-color: rgba(255, 255, 255, 0.1);
    }

    .sm-border-color-golden-transparent {
        border-color: rgba(208, 186, 109, 0.2);
    }

    .sm-border-color-pink-transparent {
        border-color: rgba(255, 33, 79, 0.45);
    }

    .sm-border-color-dark-white-transparent {
        border-color: rgba(255, 255, 255, 0.2);
    }

    .sm-border-color-medium-white-transparent {
        border-color: rgba(255, 255, 255, 0.4);
    }

    .sm-border-color-full-dark-white-transparent {
        border-color: rgba(255, 255, 255, 0.05);
    }

    .sm-border-color-light-white-transparent {
        border-color: rgba(255, 255, 255, 0.1);
    }

    .sm-border-color-nero-transparent {
        border-color: rgba(25, 25, 25, 0.1);
    }

    .sm-border-color-extra-medium-gray-transparent {
        border-color: rgba(219, 219, 219, 0.04);
    }

    /* border style */
    .sm-border-dotted {
        border-style: dotted !important;
    }

    .sm-border-dashed {
        border-style: dashed !important;
    }

    .sm-border-solid {
        border-style: solid !important;
    }

    .sm-border-double {
        border-style: double !important;
    }

    .sm-border-groove {
        border-style: groove !important;
    }

    .sm-border-ridge {
        border-style: ridge !important;
    }

    .sm-border-inset {
        border-style: inset !important;
    }

    .sm-border-outset {
        border-style: outset !important;
    }

    .sm-border-none {
        border-style: none !important;
    }

    .sm-border-hidden {
        border-style: hidden !important;
    }

    .sm-border-transperent {
        border-color: transparent !important;
    }

    /* navigation */
    .navbar-toggler {
        margin-left: 0;
    }

    .navbar-nav {
        padding-left: 0;
        padding-right: 0;
    }

    .navbar.navbar-boxed {
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid,
    .navbar-expand-lg>.container-lg,
    .navbar-expand-lg>.container-md,
    .navbar-expand-lg>.container-sm,
    .navbar-expand-lg>.container-xl {
        padding-right: 0;
        padding-left: 0;
    }

    .top-bar .container-lg {
        padding-left: 0;
        padding-right: 0;
    }

    header .top-bar+.navbar.fixed-top {
        top: 0;
        padding: 10px 0;
    }

    /* hamburger menu */
    .hamburger-menu {
        width: 100%;
        min-width: 0;
    }

    .hamburger-menu .close-button-menu {
        top: 0;
        right: 0;
    }

    .hamburger-menu.menu-full-width .hamburger-menu-wrepper {
        width: 100%;
    }

    .hamburger-menu.menu-full-width .menu-list {
        width: 90%;
    }

    .hamburger-menu.menu-half-width {
        width: 100%;
    }

    /* hamburger menu big text */
    .hamburger-menu-big-font .menu-list li {
        padding: 10px 0;
    }

    .hamburger-menu-big-font .menu-list li a {
        font-size: 24px;
        line-height: 30px;
    }

    .hamburger-menu-big-font .menu-list li .menu-toggle {
        top: 27px;
    }

    .hamburger-menu-big-font .menu-list li .sub-menu-item {
        padding: 15px 0 0 15px;
    }

    /* header sidebar */
    .sidebar-nav-action,
    .side-menu-header {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* page title */
    .page-title-small span {
        margin-left: 0;
        padding-left: 0;
    }

    .page-title-small span:before {
        display: none;
    }

    .page-title-large h1 {
        font-size: 30px;
        line-height: 40px;
    }

    /* blog side image */
    .blog-side-image .blog-post {
        padding: 20px;
    }

    .blog-side-image .blog-post:nth-child(odd) {
        padding-right: 20px;
    }

    .blog-side-image .blog-post:nth-child(even) {
        padding-left: 20px;
    }

    .blog-side-image .blog-post-image,
    .blog-side-image .post-details {
        width: 100%;
    }

    .blog-side-image .blog-post:nth-child(even) .blog-post-image {
        -ms-flex-order: 1;
        order: 1;
    }

    .blog-side-image .blog-post:nth-child(even) .post-details {
        -ms-flex-order: 2;
        order: 2;
    }

    .blog-side-image .avtar-image {
        width: 30px;
        margin-right: 15px;
    }

    .blog-side-image .separator {
        display: inline-block;
    }

    /* blog modern */
    .blog-modern .blog-post-image {
        margin-bottom: 100px;
    }

    /* sidebar */
    .shopping-left-side-bar .shopping-content,
    .blog-left-side-bar .blog-content {
        order: 1;
        -ms-flex-order: 1;
    }

    .shopping-left-side-bar .shopping-sidebar,
    .blog-right-side-bar .blog-content {
        order: 2;
        -ms-flex-order: 2;
    }

    /* video icons */
    .video-icon .video-icon-sonar .video-icon-sonar-bfr {
        top: -30px;
        left: -30px;
    }

    .video-icon .video-icon-sonar .video-icon-sonar-afr {
        top: -15px;
        left: -15px;
    }

    .video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-bfr {
        top: -25px;
        left: -25px;
    }

    .video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-afr {
        top: -10px;
        left: -10px;
    }

    .video-icon-medium .video-icon .video-icon-sonar .video-icon-sonar-bfr {
        top: -25px;
        left: -25px;
    }

    .video-icon-medium .video-icon .video-icon-sonar .video-icon-sonar-afr {
        top: -10px;
        left: -10px;
    }

    .video-icon-extra-large .video-icon .video-icon-sonar .video-icon-sonar-afr {
        top: -10px;
        left: -10px;
    }

    /* video icon size */
    .video-icon-double-large .video-icon {
        width: 80px;
        height: 80px;
        font-size: 28px;
    }

    .video-icon-double-large.video-icon-box .video-icon i {
        margin-left: 5px;
    }

    .video-icon-double-large .video-icon .video-icon-sonar .video-icon-sonar-bfr {
        width: 140px;
        height: 140px;
    }

    .video-icon-double-large .video-icon .video-icon-sonar .video-icon-sonar-afr {
        width: 110px;
        height: 110px;
    }

    /* notify popup */
    .mfp-auto-cursor .mfp-content.notify-popup {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .show-notify-popup .mfp-container {
        padding-top: 0;
    }

    .mfp-notify button.mfp-close {
        top: 0;
        right: 0;
    }

    /* accordion style 03 */
    .accordion-style-03 .panel {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 15px;
    }

    .accordion-style-03 .panel .panel-heading {
        padding: 15px 25px 15px 0;
    }

    /* cart and checkout page */
    .total-price-table td,
    .total-price-table th {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    /* marketing agency */
    footer.home-marketing-agency .footer-horizontal-link li {
        margin-right: 0;
    }

    /* interactive list style */
    .fullscreen-hover-list .hover-list-item.active .interactive-number {
        transform: translateX(50px);
        -webkit-transform: translateX(50px);
        -moz-transform: translateX(50px);
        -ms-transform: translateX(50px);
    }

    .fullscreen-hover-list .hover-list-item .interactive-line {
        width: 20px;
        margin-left: 25px;
    }

    .fullscreen-hover-list .hover-list-item .interactive-title:after {
        left: 25px;
        bottom: 25px;
    }

    .fullscreen-hover-list .hover-list-item .interactive-title:hover:after {
        width: calc(100% - 50px);
    }

    /* interactive portfolio */
    .home-interactive-portfolio .fullscreen-hover-box .interactive-title {
        font-size: 35px;
        line-height: 35px;
        padding: 25px;
    }

    .fullscreen-hover-list .hover-list-item .interactive-icon {
        top: 1px;
    }

    /* photography */
    .home-photography .interactive-banners-style-13 .interactive-banners-image {
        width: 80%;
    }

    .home-photography .interactive-banners-style-13 .interactive-banners-content {
        width: 30%;
    }

    .home-photography .hover-option-2 .hover-option-content {
        width: 35%;
    }

    /* freelancer */
    .home-freelancer .title-extra-large-heavy {
        line-height: 70px;
    }

    .home-freelancer .title-extra-large {
        font-size: 65px;
    }

    .home-freelancer-bg-img {
        background: none !important;
    }

    /* hotel resort */
    .home-hotel-resort .book-now-btn {
        font-size: 11px !important;
        padding: 12px 24px !important;
    }

    .home-hotel-resort .rev_slider_wrapper {
        height: 450px !important;
    }

    /* swiper horizontal 3d */
    .swiper-horizontal-3d.swiper-container {
        padding-bottom: 0;
    }

    .swiper-horizontal-3d .swiper-slide.swiper-slide-prev,
    .swiper-horizontal-3d .swiper-slide.swiper-slide-next {
        opacity: 0;
    }

    .swiper-horizontal-3d .swiper-slide.swiper-slide-active {
        box-shadow: none;
    }

    /*home architecture*/
    .home-architecture .tparrows.tp-leftarrow {
        transform: translate(0) !important;
        bottom: 0;
        right: 0;
        top: auto !important;
        left: auto !important;
    }

    .home-architecture .tparrows.tp-rightarrow {
        transform: translate(0) !important;
        bottom: 67px;
        right: 0;
        top: auto !important;
        left: auto !important;
    }

    /* split slider */
    .home-split-portfolio .title-large {
        font-size: 28px;
        line-height: 34px;
    }

    /* elements social icon page */
    .elements-social .extra-small-icon li,
    .elements-social .small-icon li,
    .elements-social .medium-icon li,
    .elements-social .large-icon li,
    .elements-social .extra-large-icon li {
        margin-bottom: 20px;
    }

    .home-startup .tp-bullet {
        opacity: 0.5;
        height: 10px !important;
        width: 10px !important;
    }

    /*home decor*/
    .home-decor .tp-bullets {
        transform: translateX(-50%) !important;
        bottom: 30px !important;
        top: auto !important;
    }

    /* text shadow */
    .sm-no-text-shadow {
        text-shadow: none;
    }
}

@media screen and (max-width: 575px) {
    #collapseDecori.collapse:not(.show) {
        display: inline-block;
    }

    #collapsePezziSpeciali.collapse:not(.show) {
        display: inline-block;
    }

    /* reset */
    section.big-section {
        padding: 50px 0;
    }

    .xs-last-order {
        order: 10;
    }

    /* text size */
    .text-extra-big-2 {
        font-size: 230px;
        line-height: 190px;
    }

    /* lineheight */
    .xs-line-height-0px {
        line-height: 0px;
    }

    .xs-line-height-8px {
        line-height: 8px;
    }

    .xs-line-height-10px {
        line-height: 10px;
    }

    .xs-line-height-14px {
        line-height: 14px;
    }

    .xs-line-height-15px {
        line-height: 15px;
    }

    .xs-line-height-16px {
        line-height: 16px;
    }

    .xs-line-height-18px {
        line-height: 18px;
    }

    .xs-line-height-20px {
        line-height: 20px;
    }

    .xs-line-height-22px {
        line-height: 22px;
    }

    .xs-line-height-24px {
        line-height: 24px;
    }

    .xs-line-height-26px {
        line-height: 26px;
    }

    .xs-line-height-28px {
        line-height: 28px;
    }

    .xs-line-height-30px {
        line-height: 30px;
    }

    .xs-line-height-32px {
        line-height: 32px;
    }

    .xs-line-height-34px {
        line-height: 34px;
    }

    .xs-line-height-36px {
        line-height: 36px;
    }

    .xs-line-height-38px {
        line-height: 38px;
    }

    .xs-line-height-40px {
        line-height: 40px;
    }

    .xs-line-height-50px {
        line-height: 50px;
    }

    .xs-line-height-140px {
        line-height: 140px;
    }

    .xs-line-height-normal {
        line-height: normal;
    }

    /* letter spacing minus */
    .xs-letter-spacing-minus-1-half {
        letter-spacing: -0.5px;
    }

    .xs-letter-spacing-minus-1px {
        letter-spacing: -1px;
    }

    .xs-letter-spacing-minus-2px {
        letter-spacing: -2px;
    }

    .xs-letter-spacing-minus-3px {
        letter-spacing: -3px;
    }

    .xs-letter-spacing-minus-4px {
        letter-spacing: -4px;
    }

    .xs-letter-spacing-minus-5px {
        letter-spacing: -5px;
    }

    /* absolute middle center */
    .xs-absolute-middle-center {
        left: 50%;
        top: 50%;
        position: absolute;
        -ms-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    /* background image */
    .xs-background-image-none {
        background: inherit !important;
    }

    .xs-background-position-left {
        background-position: left center;
    }

    .xs-background-position-right {
        background-position: right center;
    }

    .xs-background-position-top {
        background-position: right top;
    }

    .xs-background-position-center {
        background-position: center;
    }

    .xs-background-position-left-top {
        background-position: left top;
    }

    /* overlap */
    .text-overlap-style-04 {
        font-size: 55px;
        line-height: 65px;
    }

    /* box shadow */
    .xs-box-shadow-none {
        box-shadow: none;
    }

    /* margin */
    .xs-margin-one-all {
        margin: 1%;
    }

    .xs-margin-two-all {
        margin: 2%;
    }

    .xs-margin-three-all {
        margin: 3%;
    }

    .xs-margin-four-all {
        margin: 4%;
    }

    .xs-margin-five-all {
        margin: 5%;
    }

    .xs-margin-six-all {
        margin: 6%;
    }

    .xs-margin-seven-all {
        margin: 7%;
    }

    .xs-margin-eight-all {
        margin: 8%;
    }

    .xs-margin-nine-all {
        margin: 9%;
    }

    .xs-margin-ten-all {
        margin: 10%;
    }

    .xs-margin-eleven-all {
        margin: 11%;
    }

    .xs-margin-twelve-all {
        margin: 12%;
    }

    .xs-margin-thirteen-all {
        margin: 13%;
    }

    .xs-margin-fourteen-all {
        margin: 14%;
    }

    .xs-margin-fifteen-all {
        margin: 15%;
    }

    .xs-margin-sixteen-all {
        margin: 16%;
    }

    .xs-margin-seventeen-all {
        margin: 17%;
    }

    .xs-margin-eighteen-all {
        margin: 18%;
    }

    .xs-margin-nineteen-all {
        margin: 19%;
    }

    .xs-margin-twenty-all {
        margin: 20%;
    }

    .xs-margin-5px-all {
        margin: 5px;
    }

    .xs-margin-10px-all {
        margin: 10px;
    }

    .xs-margin-15px-all {
        margin: 15px;
    }

    .xs-margin-20px-all {
        margin: 20px;
    }

    .xs-margin-25px-all {
        margin: 25px;
    }

    .xs-margin-30px-all {
        margin: 30px;
    }

    .xs-margin-35px-all {
        margin: 35px;
    }

    .xs-margin-40px-all {
        margin: 40px;
    }

    .xs-margin-45px-all {
        margin: 45px;
    }

    .xs-margin-50px-all {
        margin: 50px;
    }

    .xs-margin-55px-all {
        margin: 55px;
    }

    .xs-margin-60px-all {
        margin: 60px;
    }

    .xs-margin-65px-all {
        margin: 65px;
    }

    .xs-margin-70px-all {
        margin: 70px;
    }

    .xs-margin-75px-all {
        margin: 75px;
    }

    .xs-margin-80px-all {
        margin: 80px;
    }

    .xs-margin-85px-all {
        margin: 85px;
    }

    .xs-margin-90px-all {
        margin: 90px;
    }

    .xs-margin-95px-all {
        margin: 95px;
    }

    .xs-margin-100px-all {
        margin: 100px;
    }

    .xs-margin-1-rem-all {
        margin: 1rem;
    }

    .xs-margin-1-half-rem-all {
        margin: 1.5rem;
    }

    .xs-margin-2-rem-all {
        margin: 2rem;
    }

    .xs-margin-2-half-rem-all {
        margin: 2.5rem;
    }

    .xs-margin-3-rem-all {
        margin: 3rem;
    }

    .xs-margin-3-half-rem-all {
        margin: 3.5rem;
    }

    .xs-margin-4-rem-all {
        margin: 4rem;
    }

    .xs-margin-4-half-rem-all {
        margin: 4.5rem;
    }

    .xs-margin-5-rem-all {
        margin: 5rem;
    }

    .xs-margin-5-half-rem-all {
        margin: 5.5rem;
    }

    .xs-margin-6-rem-all {
        margin: 6rem;
    }

    .xs-margin-6-half-rem-all {
        margin: 6.5rem;
    }

    .xs-margin-7-rem-all {
        margin: 7rem;
    }

    .xs-margin-7-half-rem-all {
        margin: 7.5rem;
    }

    .xs-margin-8-rem-all {
        margin: 8rem;
    }

    .xs-margin-8-half-rem-all {
        margin: 8.5rem;
    }

    .xs-margin-9-rem-all {
        margin: 9rem;
    }

    .xs-margin-9-half-rem-all {
        margin: 9.5rem;
    }

    .xs-margin-10-rem-all {
        margin: 10rem;
    }

    .xs-margin-10-half-rem-all {
        margin: 10.5rem;
    }

    /* margin top */
    .xs-margin-one-top {
        margin-top: 1%;
    }

    .xs-margin-two-top {
        margin-top: 2%;
    }

    .xs-margin-three-top {
        margin-top: 3%;
    }

    .xs-margin-four-top {
        margin-top: 4%;
    }

    .xs-margin-five-top {
        margin-top: 5%;
    }

    .xs-margin-six-top {
        margin-top: 6%;
    }

    .xs-margin-seven-top {
        margin-top: 7%;
    }

    .xs-margin-eight-top {
        margin-top: 8%;
    }

    .xs-margin-nine-top {
        margin-top: 9%;
    }

    .xs-margin-ten-top {
        margin-top: 10%;
    }

    .xs-margin-eleven-top {
        margin-top: 11%;
    }

    .xs-margin-twelve-top {
        margin-top: 12%;
    }

    .xs-margin-thirteen-top {
        margin-top: 13%;
    }

    .xs-margin-fourteen-top {
        margin-top: 14%;
    }

    .xs-margin-fifteen-top {
        margin-top: 15%;
    }

    .xs-margin-sixteen-top {
        margin-top: 16%;
    }

    .xs-margin-seventeen-top {
        margin-top: 17%;
    }

    .xs-margin-eighteen-top {
        margin-top: 18%;
    }

    .xs-margin-nineteen-top {
        margin-top: 19%;
    }

    .xs-margin-twenty-top {
        margin-top: 20%;
    }

    .xs-margin-5px-top {
        margin-top: 5px;
    }

    .xs-margin-10px-top {
        margin-top: 10px;
    }

    .xs-margin-15px-top {
        margin-top: 15px;
    }

    .xs-margin-20px-top {
        margin-top: 20px;
    }

    .xs-margin-25px-top {
        margin-top: 25px;
    }

    .xs-margin-30px-top {
        margin-top: 30px;
    }

    .xs-margin-35px-top {
        margin-top: 35px;
    }

    .xs-margin-40px-top {
        margin-top: 40px;
    }

    .xs-margin-45px-top {
        margin-top: 45px;
    }

    .xs-margin-50px-top {
        margin-top: 50px;
    }

    .xs-margin-55px-top {
        margin-top: 55px;
    }

    .xs-margin-60px-top {
        margin-top: 60px;
    }

    .xs-margin-65px-top {
        margin-top: 65px;
    }

    .xs-margin-70px-top {
        margin-top: 70px;
    }

    .xs-margin-75px-top {
        margin-top: 75px;
    }

    .xs-margin-80px-top {
        margin-top: 80px;
    }

    .xs-margin-85px-top {
        margin-top: 85px;
    }

    .xs-margin-90px-top {
        margin-top: 90px;
    }

    .xs-margin-95px-top {
        margin-top: 95px;
    }

    .xs-margin-100px-top {
        margin-top: 100px;
    }

    .xs-margin-1-rem-top {
        margin-top: 1rem;
    }

    .xs-margin-1-half-rem-top {
        margin-top: 1.5rem;
    }

    .xs-margin-2-rem-top {
        margin-top: 2rem;
    }

    .xs-margin-2-half-rem-top {
        margin-top: 2.5rem;
    }

    .xs-margin-3-rem-top {
        margin-top: 3rem;
    }

    .xs-margin-3-half-rem-top {
        margin-top: 3.5rem;
    }

    .xs-margin-4-rem-top {
        margin-top: 4rem;
    }

    .xs-margin-4-half-rem-top {
        margin-top: 4.5rem;
    }

    .xs-margin-5-rem-top {
        margin-top: 5rem;
    }

    .xs-margin-5-half-rem-top {
        margin-top: 5.5rem;
    }

    .xs-margin-6-rem-top {
        margin-top: 6rem;
    }

    .xs-margin-6-half-rem-top {
        margin-top: 6.5rem;
    }

    .xs-margin-7-rem-top {
        margin-top: 7rem;
    }

    .xs-margin-7-half-rem-top {
        margin-top: 7.5rem;
    }

    .xs-margin-8-rem-top {
        margin-top: 8rem;
    }

    .xs-margin-8-half-rem-top {
        margin-top: 8.5rem;
    }

    .xs-margin-9-rem-top {
        margin-top: 9rem;
    }

    .xs-margin-9-half-rem-top {
        margin-top: 9.5rem;
    }

    .xs-margin-10-rem-top {
        margin-top: 10rem;
    }

    .xs-margin-10-half-rem-top {
        margin-top: 10.5rem;
    }

    /* margin bottom */
    .xs-margin-one-bottom {
        margin-bottom: 1%;
    }

    .xs-margin-two-bottom {
        margin-bottom: 2%;
    }

    .xs-margin-three-bottom {
        margin-bottom: 3%;
    }

    .xs-margin-four-bottom {
        margin-bottom: 4%;
    }

    .xs-margin-five-bottom {
        margin-bottom: 5%;
    }

    .xs-margin-six-bottom {
        margin-bottom: 6%;
    }

    .xs-margin-seven-bottom {
        margin-bottom: 7%;
    }

    .xs-margin-eight-bottom {
        margin-bottom: 8%;
    }

    .xs-margin-nine-bottom {
        margin-bottom: 9%;
    }

    .xs-margin-ten-bottom {
        margin-bottom: 10%;
    }

    .xs-margin-eleven-bottom {
        margin-bottom: 11%;
    }

    .xs-margin-twelve-bottom {
        margin-bottom: 12%;
    }

    .xs-margin-thirteen-bottom {
        margin-bottom: 13%;
    }

    .xs-margin-fourteen-bottom {
        margin-bottom: 14%;
    }

    .xs-margin-fifteen-bottom {
        margin-bottom: 15%;
    }

    .xs-margin-sixteen-bottom {
        margin-bottom: 16%;
    }

    .xs-margin-seventeen-bottom {
        margin-bottom: 17%;
    }

    .xs-margin-eighteen-bottom {
        margin-bottom: 18%;
    }

    .xs-margin-nineteen-bottom {
        margin-bottom: 19%;
    }

    .xs-margin-twenty-bottom {
        margin-bottom: 20%;
    }

    .xs-margin-5px-bottom {
        margin-bottom: 5px;
    }

    .xs-margin-10px-bottom {
        margin-bottom: 10px;
    }

    .xs-margin-15px-bottom {
        margin-bottom: 15px;
    }

    .xs-margin-20px-bottom {
        margin-bottom: 20px;
    }

    .xs-margin-25px-bottom {
        margin-bottom: 25px;
    }

    .xs-margin-30px-bottom {
        margin-bottom: 30px;
    }

    .xs-margin-35px-bottom {
        margin-bottom: 35px;
    }

    .xs-margin-40px-bottom {
        margin-bottom: 40px;
    }

    .xs-margin-45px-bottom {
        margin-bottom: 45px;
    }

    .xs-margin-50px-bottom {
        margin-bottom: 50px;
    }

    .xs-margin-55px-bottom {
        margin-bottom: 55px;
    }

    .xs-margin-60px-bottom {
        margin-bottom: 60px;
    }

    .xs-margin-65px-bottom {
        margin-bottom: 65px;
    }

    .xs-margin-70px-bottom {
        margin-bottom: 70px;
    }

    .xs-margin-75px-bottom {
        margin-bottom: 75px;
    }

    .xs-margin-80px-bottom {
        margin-bottom: 80px;
    }

    .xs-margin-85px-bottom {
        margin-bottom: 85px;
    }

    .xs-margin-90px-bottom {
        margin-bottom: 90px;
    }

    .xs-margin-95px-bottom {
        margin-bottom: 95px;
    }

    .xs-margin-100px-bottom {
        margin-bottom: 100px;
    }

    .xs-margin-1-rem-bottom {
        margin-bottom: 1rem;
    }

    .xs-margin-1-half-rem-bottom {
        margin-bottom: 1.5rem;
    }

    .xs-margin-2-rem-bottom {
        margin-bottom: 2rem;
    }

    .xs-margin-2-half-rem-bottom {
        margin-bottom: 2.5rem;
    }

    .xs-margin-3-rem-bottom {
        margin-bottom: 3rem;
    }

    .xs-margin-3-half-rem-bottom {
        margin-bottom: 3.5rem;
    }

    .xs-margin-4-rem-bottom {
        margin-bottom: 4rem;
    }

    .xs-margin-4-half-rem-bottom {
        margin-bottom: 4.5rem;
    }

    .xs-margin-5-rem-bottom {
        margin-bottom: 5rem;
    }

    .xs-margin-5-half-rem-bottom {
        margin-bottom: 5.5rem;
    }

    .xs-margin-6-rem-bottom {
        margin-bottom: 6rem;
    }

    .xs-margin-6-half-rem-bottom {
        margin-bottom: 6.5rem;
    }

    .xs-margin-7-rem-bottom {
        margin-bottom: 7rem;
    }

    .xs-margin-7-half-rem-bottom {
        margin-bottom: 7.5rem;
    }

    .xs-margin-8-rem-bottom {
        margin-bottom: 8rem;
    }

    .xs-margin-8-half-rem-bottom {
        margin-bottom: 8.5rem;
    }

    .xs-margin-9-rem-bottom {
        margin-bottom: 9rem;
    }

    .xs-margin-9-half-rem-bottom {
        margin-bottom: 9.5rem;
    }

    .xs-margin-10-rem-bottom {
        margin-bottom: 10rem;
    }

    .xs-margin-10-half-rem-bottom {
        margin-bottom: 10.5rem;
    }

    /* margin right */
    .xs-margin-one-right {
        margin-right: 1%;
    }

    .xs-margin-two-right {
        margin-right: 2%;
    }

    .xs-margin-three-right {
        margin-right: 3%;
    }

    .xs-margin-four-right {
        margin-right: 4%;
    }

    .xs-margin-five-right {
        margin-right: 5%;
    }

    .xs-margin-six-right {
        margin-right: 6%;
    }

    .xs-margin-seven-right {
        margin-right: 7%;
    }

    .xs-margin-eight-right {
        margin-right: 8%;
    }

    .xs-margin-nine-right {
        margin-right: 9%;
    }

    .xs-margin-ten-right {
        margin-right: 10%;
    }

    .xs-margin-eleven-right {
        margin-right: 11%;
    }

    .xs-margin-twelve-right {
        margin-right: 12%;
    }

    .xs-margin-thirteen-right {
        margin-right: 13%;
    }

    .xs-margin-fourteen-right {
        margin-right: 14%;
    }

    .xs-margin-fifteen-right {
        margin-right: 15%;
    }

    .xs-margin-sixteen-right {
        margin-right: 16%;
    }

    .xs-margin-seventeen-right {
        margin-right: 17%;
    }

    .xs-margin-eighteen-right {
        margin-right: 18%;
    }

    .xs-margin-nineteen-right {
        margin-right: 19%;
    }

    .xs-margin-twenty-right {
        margin-right: 20%;
    }

    .xs-margin-5px-right {
        margin-right: 5px;
    }

    .xs-margin-10px-right {
        margin-right: 10px;
    }

    .xs-margin-15px-right {
        margin-right: 15px;
    }

    .xs-margin-20px-right {
        margin-right: 20px;
    }

    .xs-margin-25px-right {
        margin-right: 25px;
    }

    .xs-margin-30px-right {
        margin-right: 30px;
    }

    .xs-margin-35px-right {
        margin-right: 35px;
    }

    .xs-margin-40px-right {
        margin-right: 40px;
    }

    .xs-margin-45px-right {
        margin-right: 45px;
    }

    .xs-margin-50px-right {
        margin-right: 50px;
    }

    .xs-margin-55px-right {
        margin-right: 55px;
    }

    .xs-margin-60px-right {
        margin-right: 60px;
    }

    .xs-margin-65px-right {
        margin-right: 65px;
    }

    .xs-margin-70px-right {
        margin-right: 70px;
    }

    .xs-margin-75px-right {
        margin-right: 75px;
    }

    .xs-margin-80px-right {
        margin-right: 80px;
    }

    .xs-margin-85px-right {
        margin-right: 85px;
    }

    .xs-margin-90px-right {
        margin-right: 90px;
    }

    .xs-margin-95px-right {
        margin-right: 95px;
    }

    .xs-margin-100px-right {
        margin-right: 100px;
    }

    .xs-margin-1-rem-right {
        margin-right: 1rem;
    }

    .xs-margin-1-half-rem-right {
        margin-right: 1.5rem;
    }

    .xs-margin-2-rem-right {
        margin-right: 2rem;
    }

    .xs-margin-2-half-rem-right {
        margin-right: 2.5rem;
    }

    .xs-margin-3-rem-right {
        margin-right: 3rem;
    }

    .xs-margin-3-half-rem-right {
        margin-right: 3.5rem;
    }

    .xs-margin-4-rem-right {
        margin-right: 4rem;
    }

    .xs-margin-4-half-rem-right {
        margin-right: 4.5rem;
    }

    .xs-margin-5-rem-right {
        margin-right: 5rem;
    }

    .xs-margin-5-half-rem-right {
        margin-right: 5.5rem;
    }

    .xs-margin-6-rem-right {
        margin-right: 6rem;
    }

    .xs-margin-6-half-rem-right {
        margin-right: 6.5rem;
    }

    .xs-margin-7-rem-right {
        margin-right: 7rem;
    }

    .xs-margin-7-half-rem-right {
        margin-right: 7.5rem;
    }

    .xs-margin-8-rem-right {
        margin-right: 8rem;
    }

    .xs-margin-8-half-rem-right {
        margin-right: 8.5rem;
    }

    .xs-margin-9-rem-right {
        margin-right: 9rem;
    }

    .xs-margin-9-half-rem-right {
        margin-right: 9.5rem;
    }

    .xs-margin-10-rem-right {
        margin-right: 10rem;
    }

    .xs-margin-10-half-rem-right {
        margin-right: 10.5rem;
    }

    /* margin left */
    .xs-margin-one-left {
        margin-left: 1%;
    }

    .xs-margin-two-left {
        margin-left: 2%;
    }

    .xs-margin-three-left {
        margin-left: 3%;
    }

    .xs-margin-four-left {
        margin-left: 4%;
    }

    .xs-margin-five-left {
        margin-left: 5%;
    }

    .xs-margin-six-left {
        margin-left: 6%;
    }

    .xs-margin-seven-left {
        margin-left: 7%;
    }

    .xs-margin-eight-left {
        margin-left: 8%;
    }

    .xs-margin-nine-left {
        margin-left: 9%;
    }

    .xs-margin-ten-left {
        margin-left: 10%;
    }

    .xs-margin-eleven-left {
        margin-left: 11%;
    }

    .xs-margin-twelve-left {
        margin-left: 12%;
    }

    .xs-margin-thirteen-left {
        margin-left: 13%;
    }

    .xs-margin-fourteen-left {
        margin-left: 14%;
    }

    .xs-margin-fifteen-left {
        margin-left: 15%;
    }

    .xs-margin-sixteen-left {
        margin-left: 16%;
    }

    .xs-margin-seventeen-left {
        margin-left: 17%;
    }

    .xs-margin-eighteen-left {
        margin-left: 18%;
    }

    .xs-margin-nineteen-left {
        margin-left: 19%;
    }

    .xs-margin-twenty-left {
        margin-left: 20%;
    }

    .xs-margin-5px-left {
        margin-left: 5px;
    }

    .xs-margin-10px-left {
        margin-left: 10px;
    }

    .xs-margin-15px-left {
        margin-left: 15px;
    }

    .xs-margin-20px-left {
        margin-left: 20px;
    }

    .xs-margin-25px-left {
        margin-left: 25px;
    }

    .xs-margin-30px-left {
        margin-left: 30px;
    }

    .xs-margin-35px-left {
        margin-left: 35px;
    }

    .xs-margin-40px-left {
        margin-left: 40px;
    }

    .xs-margin-45px-left {
        margin-left: 45px;
    }

    .xs-margin-50px-left {
        margin-left: 50px;
    }

    .xs-margin-55px-left {
        margin-left: 55px;
    }

    .xs-margin-60px-left {
        margin-left: 60px;
    }

    .xs-margin-65px-left {
        margin-left: 65px;
    }

    .xs-margin-70px-left {
        margin-left: 70px;
    }

    .xs-margin-75px-left {
        margin-left: 75px;
    }

    .xs-margin-80px-left {
        margin-left: 80px;
    }

    .xs-margin-85px-left {
        margin-left: 85px;
    }

    .xs-margin-90px-left {
        margin-left: 90px;
    }

    .xs-margin-95px-left {
        margin-left: 95px;
    }

    .xs-margin-100px-left {
        margin-left: 100px;
    }

    .xs-margin-1-rem-left {
        margin-left: 1rem;
    }

    .xs-margin-1-half-rem-left {
        margin-left: 1.5rem;
    }

    .xs-margin-2-rem-left {
        margin-left: 2rem;
    }

    .xs-margin-2-half-rem-left {
        margin-left: 2.5rem;
    }

    .xs-margin-3-rem-left {
        margin-left: 3rem;
    }

    .xs-margin-3-half-rem-left {
        margin-left: 3.5rem;
    }

    .xs-margin-4-rem-left {
        margin-left: 4rem;
    }

    .xs-margin-4-half-rem-left {
        margin-left: 4.5rem;
    }

    .xs-margin-5-rem-left {
        margin-left: 5rem;
    }

    .xs-margin-5-half-rem-left {
        margin-left: 5.5rem;
    }

    .xs-margin-6-rem-left {
        margin-left: 6rem;
    }

    .xs-margin-6-half-rem-left {
        margin-left: 6.5rem;
    }

    .xs-margin-7-rem-left {
        margin-left: 7rem;
    }

    .xs-margin-7-half-rem-left {
        margin-left: 7.5rem;
    }

    .xs-margin-8-rem-left {
        margin-left: 8rem;
    }

    .xs-margin-8-half-rem-left {
        margin-left: 8.5rem;
    }

    .xs-margin-9-rem-left {
        margin-left: 9rem;
    }

    .xs-margin-9-half-rem-left {
        margin-left: 9.5rem;
    }

    .xs-margin-10-rem-left {
        margin-left: 10rem;
    }

    .xs-margin-10-half-rem-left {
        margin-left: 10.5rem;
    }

    /* margin left right */
    .xs-margin-one-lr {
        margin-left: 1%;
        margin-right: 1%;
    }

    .xs-margin-two-lr {
        margin-left: 2%;
        margin-right: 2%;
    }

    .xs-margin-three-lr {
        margin-left: 3%;
        margin-right: 3%;
    }

    .xs-margin-four-lr {
        margin-left: 4%;
        margin-right: 4%;
    }

    .xs-margin-five-lr {
        margin-left: 5%;
        margin-right: 5%;
    }

    .xs-margin-six-lr {
        margin-left: 6%;
        margin-right: 6%;
    }

    .xs-margin-seven-lr {
        margin-left: 7%;
        margin-right: 7%;
    }

    .xs-margin-eight-lr {
        margin-left: 8%;
        margin-right: 8%;
    }

    .xs-margin-nine-lr {
        margin-left: 9%;
        margin-right: 9%;
    }

    .xs-margin-ten-lr {
        margin-left: 10%;
        margin-right: 10%;
    }

    .xs-margin-eleven-lr {
        margin-left: 11%;
        margin-right: 11%;
    }

    .xs-margin-twelve-lr {
        margin-left: 12%;
        margin-right: 12%;
    }

    .xs-margin-thirteen-lr {
        margin-left: 13%;
        margin-right: 13%;
    }

    .xs-margin-fourteen-lr {
        margin-left: 14%;
        margin-right: 14%;
    }

    .xs-margin-fifteen-lr {
        margin-left: 15%;
        margin-right: 15%;
    }

    .xs-margin-sixteen-lr {
        margin-left: 16%;
        margin-right: 16%;
    }

    .xs-margin-seventeen-lr {
        margin-left: 17%;
        margin-right: 17%;
    }

    .xs-margin-eighteen-lr {
        margin-left: 18%;
        margin-right: 18%;
    }

    .xs-margin-nineteen-lr {
        margin-left: 19%;
        margin-right: 19%;
    }

    .xs-margin-twenty-lr {
        margin-left: 20%;
        margin-right: 20%;
    }

    .xs-margin-5px-lr {
        margin-left: 5px;
        margin-right: 5px;
    }

    .xs-margin-10px-lr {
        margin-left: 10px;
        margin-right: 10px;
    }

    .xs-margin-15px-lr {
        margin-left: 15px;
        margin-right: 15px;
    }

    .xs-margin-20px-lr {
        margin-left: 20px;
        margin-right: 20px;
    }

    .xs-margin-25px-lr {
        margin-left: 25px;
        margin-right: 25px;
    }

    .xs-margin-30px-lr {
        margin-left: 30px;
        margin-right: 30px;
    }

    .xs-margin-35px-lr {
        margin-left: 35px;
        margin-right: 35px;
    }

    .xs-margin-40px-lr {
        margin-left: 40px;
        margin-right: 40px;
    }

    .xs-margin-45px-lr {
        margin-left: 45px;
        margin-right: 45px;
    }

    .xs-margin-50px-lr {
        margin-left: 50px;
        margin-right: 50px;
    }

    .xs-margin-55px-lr {
        margin-left: 55px;
        margin-right: 55px;
    }

    .xs-margin-60px-lr {
        margin-left: 60px;
        margin-right: 60px;
    }

    .xs-margin-65px-lr {
        margin-left: 65px;
        margin-right: 65px;
    }

    .xs-margin-70px-lr {
        margin-left: 70px;
        margin-right: 70px;
    }

    .xs-margin-75px-lr {
        margin-left: 75px;
        margin-right: 75px;
    }

    .xs-margin-80px-lr {
        margin-left: 80px;
        margin-right: 80px;
    }

    .xs-margin-85px-lr {
        margin-left: 85px;
        margin-right: 85px;
    }

    .xs-margin-90px-lr {
        margin-left: 90px;
        margin-right: 90px;
    }

    .xs-margin-95px-lr {
        margin-left: 95px;
        margin-right: 95px;
    }

    .xs-margin-100px-lr {
        margin-left: 100px;
        margin-right: 100px;
    }

    .xs-margin-1-rem-lr {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .xs-margin-1-half-rem-lr {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }

    .xs-margin-2-rem-lr {
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .xs-margin-2-half-rem-lr {
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }

    .xs-margin-3-rem-lr {
        margin-left: 3rem;
        margin-right: 3rem;
    }

    .xs-margin-3-half-rem-lr {
        margin-left: 3.5rem;
        margin-right: 3.5rem;
    }

    .xs-margin-4-rem-lr {
        margin-left: 4rem;
        margin-right: 4rem;
    }

    .xs-margin-4-half-rem-lr {
        margin-left: 4.5rem;
        margin-right: 4.5rem;
    }

    .xs-margin-5-rem-lr {
        margin-left: 5rem;
        margin-right: 5rem;
    }

    .xs-margin-5-half-rem-lr {
        margin-left: 5.5rem;
        margin-right: 5.5rem;
    }

    .xs-margin-6-rem-lr {
        margin-left: 6rem;
        margin-right: 6rem;
    }

    .xs-margin-6-half-rem-lr {
        margin-left: 6.5rem;
        margin-right: 6.5rem;
    }

    .xs-margin-7-rem-lr {
        margin-left: 7rem;
        margin-right: 7rem;
    }

    .xs-margin-7-half-rem-lr {
        margin-left: 7.5rem;
        margin-right: 7.5rem;
    }

    .xs-margin-8-rem-lr {
        margin-left: 8rem;
        margin-right: 8rem;
    }

    .xs-margin-8-half-rem-lr {
        margin-left: 8.5rem;
        margin-right: 8.5rem;
    }

    .xs-margin-9-rem-lr {
        margin-left: 9rem;
        margin-right: 9rem;
    }

    .xs-margin-9-half-rem-lr {
        margin-left: 9.5rem;
        margin-right: 9.5rem;
    }

    .xs-margin-10-rem-lr {
        margin-left: 10rem;
        margin-right: 10rem;
    }

    .xs-margin-10-half-rem-lr {
        margin-left: 10.5rem;
        margin-right: 10.5rem;
    }

    /* margin top bottom */
    .xs-margin-one-tb {
        margin-top: 1%;
        margin-bottom: 1%;
    }

    .xs-margin-two-tb {
        margin-top: 2%;
        margin-bottom: 2%;
    }

    .xs-margin-three-tb {
        margin-top: 3%;
        margin-bottom: 3%;
    }

    .xs-margin-four-tb {
        margin-top: 4%;
        margin-bottom: 4%;
    }

    .xs-margin-five-tb {
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .xs-margin-six-tb {
        margin-top: 6%;
        margin-bottom: 6%;
    }

    .xs-margin-seven-tb {
        margin-top: 7%;
        margin-bottom: 7%;
    }

    .xs-margin-eight-tb {
        margin-top: 8%;
        margin-bottom: 8%;
    }

    .xs-margin-nine-tb {
        margin-top: 9%;
        margin-bottom: 9%;
    }

    .xs-margin-ten-tb {
        margin-top: 10%;
        margin-bottom: 10%;
    }

    .xs-margin-eleven-tb {
        margin-top: 11%;
        margin-bottom: 11%;
    }

    .xs-margin-twelve-tb {
        margin-top: 12%;
        margin-bottom: 12%;
    }

    .xs-margin-thirteen-tb {
        margin-top: 13%;
        margin-bottom: 13%;
    }

    .xs-margin-fourteen-tb {
        margin-top: 14%;
        margin-bottom: 14%;
    }

    .xs-margin-fifteen-tb {
        margin-top: 15%;
        margin-bottom: 15%;
    }

    .xs-margin-sixteen-tb {
        margin-top: 16%;
        margin-bottom: 16%;
    }

    .xs-margin-seventeen-tb {
        margin-top: 17%;
        margin-bottom: 17%;
    }

    .xs-margin-eighteen-tb {
        margin-top: 18%;
        margin-bottom: 18%;
    }

    .xs-margin-nineteen-tb {
        margin-top: 19%;
        margin-bottom: 19%;
    }

    .xs-margin-twenty-tb {
        margin-top: 20%;
        margin-bottom: 20%;
    }

    .xs-margin-5px-tb {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .xs-margin-10px-tb {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .xs-margin-15px-tb {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .xs-margin-20px-tb {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .xs-margin-25px-tb {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .xs-margin-30px-tb {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .xs-margin-35px-tb {
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .xs-margin-40px-tb {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .xs-margin-45px-tb {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .xs-margin-50px-tb {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .xs-margin-55px-tb {
        margin-top: 55px;
        margin-bottom: 55px;
    }

    .xs-margin-60px-tb {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .xs-margin-65px-tb {
        margin-top: 65px;
        margin-bottom: 65px;
    }

    .xs-margin-70px-tb {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .xs-margin-75px-tb {
        margin-top: 75px;
        margin-bottom: 75px;
    }

    .xs-margin-80px-tb {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .xs-margin-85px-tb {
        margin-top: 85px;
        margin-bottom: 85px;
    }

    .xs-margin-90px-tb {
        margin-top: 90px;
        margin-bottom: 90px;
    }

    .xs-margin-95px-tb {
        margin-top: 95px;
        margin-bottom: 95px;
    }

    .xs-margin-100px-tb {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .xs-margin-1-rem-tb {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .xs-margin-1-half-rem-tb {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .xs-margin-2-rem-tb {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .xs-margin-2-half-rem-tb {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
    }

    .xs-margin-3-rem-tb {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .xs-margin-3-half-rem-tb {
        margin-top: 3.5rem;
        margin-bottom: 3.5rem;
    }

    .xs-margin-4-rem-tb {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .xs-margin-4-half-rem-tb {
        margin-top: 4.5rem;
        margin-bottom: 4.5rem;
    }

    .xs-margin-5-rem-tb {
        margin-top: 5rem;
        margin-bottom: 5rem;
    }

    .xs-margin-5-half-rem-tb {
        margin-top: 5.5rem;
        margin-bottom: 5.5rem;
    }

    .xs-margin-6-rem-tb {
        margin-top: 6rem;
        margin-bottom: 6rem;
    }

    .xs-margin-6-half-rem-tb {
        margin-top: 6.5rem;
        margin-bottom: 6.5rem;
    }

    .xs-margin-7-rem-tb {
        margin-top: 7rem;
        margin-bottom: 7rem;
    }

    .xs-margin-7-half-rem-tb {
        margin-top: 7.5rem;
        margin-bottom: 7.5rem;
    }

    .xs-margin-8-rem-tb {
        margin-top: 8rem;
        margin-bottom: 8rem;
    }

    .xs-margin-8-half-rem-tb {
        margin-top: 8.5rem;
        margin-bottom: 8.5rem;
    }

    .xs-margin-9-rem-tb {
        margin-top: 9rem;
        margin-bottom: 9rem;
    }

    .xs-margin-9-half-rem-tb {
        margin-top: 9.5rem;
        margin-bottom: 9.5rem;
    }

    .xs-margin-10-rem-tb {
        margin-top: 10rem;
        margin-bottom: 10rem;
    }

    .xs-margin-10-half-rem-tb {
        margin-top: 10.5rem;
        margin-bottom: 10.5rem;
    }

    .xs-margin-auto-lr {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .xs-margin-auto {
        margin: auto;
    }

    .xs-no-margin {
        margin: 0 !important;
    }

    .xs-no-margin-top {
        margin-top: 0 !important;
    }

    .xs-no-margin-bottom {
        margin-bottom: 0 !important;
    }

    .xs-no-margin-left {
        margin-left: 0 !important;
    }

    .xs-no-margin-right {
        margin-right: 0 !important;
    }

    .xs-no-margin-tb {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .xs-no-margin-lr {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    /* padding */
    .xs-padding-remove {
        padding: 0;
    }

    .xs-padding-one-all {
        padding: 1%;
    }

    .xs-padding-two-all {
        padding: 2%;
    }

    .xs-padding-three-all {
        padding: 3%;
    }

    .xs-padding-four-all {
        padding: 4%;
    }

    .xs-padding-five-all {
        padding: 5%;
    }

    .xs-padding-six-all {
        padding: 6%;
    }

    .xs-padding-seven-all {
        padding: 7%;
    }

    .xs-padding-eight-all {
        padding: 8%;
    }

    .xs-padding-nine-all {
        padding: 9%;
    }

    .xs-padding-ten-all {
        padding: 10%;
    }

    .xs-padding-eleven-all {
        padding: 11%;
    }

    .xs-padding-twelve-all {
        padding: 12%;
    }

    .xs-padding-thirteen-all {
        padding: 13%;
    }

    .xs-padding-fourteen-all {
        padding: 14%;
    }

    .xs-padding-fifteen-all {
        padding: 15%;
    }

    .xs-padding-sixteen-all {
        padding: 16%;
    }

    .xs-padding-seventeen-all {
        padding: 17%;
    }

    .xs-padding-eighteen-all {
        padding: 18%;
    }

    .xs-padding-nineteen-all {
        padding: 19%;
    }

    .xs-padding-twenty-all {
        padding: 20%;
    }

    .xs-padding-5px-all {
        padding: 5px;
    }

    .xs-padding-10px-all {
        padding: 10px;
    }

    .xs-padding-15px-all {
        padding: 15px;
    }

    .xs-padding-20px-all {
        padding: 20px;
    }

    .xs-padding-25px-all {
        padding: 25px;
    }

    .xs-padding-30px-all {
        padding: 30px;
    }

    .xs-padding-35px-all {
        padding: 35px;
    }

    .xs-padding-40px-all {
        padding: 40px;
    }

    .xs-padding-45px-all {
        padding: 45px;
    }

    .xs-padding-50px-all {
        padding: 50px;
    }

    .xs-padding-55px-all {
        padding: 55px;
    }

    .xs-padding-60px-all {
        padding: 60px;
    }

    .xs-padding-65px-all {
        padding: 65px;
    }

    .xs-padding-70px-all {
        padding: 70px;
    }

    .xs-padding-75px-all {
        padding: 75px;
    }

    .xs-padding-80px-all {
        padding: 80px;
    }

    .xs-padding-85px-all {
        padding: 85px;
    }

    .xs-padding-90px-all {
        padding: 90px;
    }

    .xs-padding-95px-all {
        padding: 95px;
    }

    .xs-padding-100px-all {
        padding: 100px;
    }

    .xs-padding-1-rem-all {
        padding: 1rem;
    }

    .xs-padding-1-half-rem-all {
        padding: 1.5rem;
    }

    .xs-padding-2-rem-all {
        padding: 2rem;
    }

    .xs-padding-2-half-rem-all {
        padding: 2.5rem;
    }

    .xs-padding-3-rem-all {
        padding: 3rem;
    }

    .xs-padding-3-half-rem-all {
        padding: 3.5rem;
    }

    .xs-padding-4-rem-all {
        padding: 4rem;
    }

    .xs-padding-4-half-rem-all {
        padding: 4.5rem;
    }

    .xs-padding-5-rem-all {
        padding: 5rem;
    }

    .xs-padding-5-half-rem-all {
        padding: 5.5rem;
    }

    .xs-padding-6-rem-all {
        padding: 6rem;
    }

    .xs-padding-6-half-rem-all {
        padding: 6.5rem;
    }

    .xs-padding-7-rem-all {
        padding: 7rem;
    }

    .xs-padding-7-half-rem-all {
        padding: 7.5rem;
    }

    .xs-padding-8-rem-all {
        padding: 8rem;
    }

    .xs-padding-8-half-rem-all {
        padding: 8.5rem;
    }

    .xs-padding-9-rem-all {
        padding: 9rem;
    }

    .xs-padding-9-half-rem-all {
        padding: 9.5rem;
    }

    .xs-padding-10-rem-all {
        padding: 10rem;
    }

    .xs-padding-10-half-rem-all {
        padding: 10.5rem;
    }

    /* padding top */
    .xs-padding-one-top {
        padding-top: 1%;
    }

    .xs-padding-two-top {
        padding-top: 2%;
    }

    .xs-padding-three-top {
        padding-top: 3%;
    }

    .xs-padding-four-top {
        padding-top: 4%;
    }

    .xs-padding-five-top {
        padding-top: 5%;
    }

    .xs-padding-six-top {
        padding-top: 6%;
    }

    .xs-padding-seven-top {
        padding-top: 7%;
    }

    .xs-padding-eight-top {
        padding-top: 8%;
    }

    .xs-padding-nine-top {
        padding-top: 9%;
    }

    .xs-padding-ten-top {
        padding-top: 10%;
    }

    .xs-padding-eleven-top {
        padding-top: 11%;
    }

    .xs-padding-twelve-top {
        padding-top: 12%;
    }

    .xs-padding-thirteen-top {
        padding-top: 13%;
    }

    .xs-padding-fourteen-top {
        padding-top: 14%;
    }

    .xs-padding-fifteen-top {
        padding-top: 15%;
    }

    .xs-padding-sixteen-top {
        padding-top: 16%;
    }

    .xs-padding-seventeen-top {
        padding-top: 17%;
    }

    .xs-padding-eighteen-top {
        padding-top: 18%;
    }

    .xs-padding-nineteen-top {
        padding-top: 19%;
    }

    .xs-padding-twenty-top {
        padding-top: 20%;
    }

    .xs-padding-5px-top {
        padding-top: 5px;
    }

    .xs-padding-10px-top {
        padding-top: 10px;
    }

    .xs-padding-15px-top {
        padding-top: 15px;
    }

    .xs-padding-20px-top {
        padding-top: 20px;
    }

    .xs-padding-25px-top {
        padding-top: 25px;
    }

    .xs-padding-30px-top {
        padding-top: 30px;
    }

    .xs-padding-35px-top {
        padding-top: 35px;
    }

    .xs-padding-40px-top {
        padding-top: 40px;
    }

    .xs-padding-45px-top {
        padding-top: 45px;
    }

    .xs-padding-50px-top {
        padding-top: 50px;
    }

    .xs-padding-55px-top {
        padding-top: 55px;
    }

    .xs-padding-60px-top {
        padding-top: 60px;
    }

    .xs-padding-65px-top {
        padding-top: 65px;
    }

    .xs-padding-70px-top {
        padding-top: 70px;
    }

    .xs-padding-75px-top {
        padding-top: 75px;
    }

    .xs-padding-80px-top {
        padding-top: 80px;
    }

    .xs-padding-85px-top {
        padding-top: 85px;
    }

    .xs-padding-90px-top {
        padding-top: 90px;
    }

    .xs-padding-95px-top {
        padding-top: 95px;
    }

    .xs-padding-100px-top {
        padding-top: 100px;
    }

    .xs-padding-1-rem-top {
        padding-top: 1rem;
    }

    .xs-padding-1-half-rem-top {
        padding-top: 1.5rem;
    }

    .xs-padding-2-rem-top {
        padding-top: 2rem;
    }

    .xs-padding-2-half-rem-top {
        padding-top: 2.5rem;
    }

    .xs-padding-3-rem-top {
        padding-top: 3rem;
    }

    .xs-padding-3-half-rem-top {
        padding-top: 3.5rem;
    }

    .xs-padding-4-rem-top {
        padding-top: 4rem;
    }

    .xs-padding-4-half-rem-top {
        padding-top: 4.5rem;
    }

    .xs-padding-5-rem-top {
        padding-top: 5rem;
    }

    .xs-padding-5-half-rem-top {
        padding-top: 5.5rem;
    }

    .xs-padding-6-rem-top {
        padding-top: 6rem;
    }

    .xs-padding-6-half-rem-top {
        padding-top: 6.5rem;
    }

    .xs-padding-7-rem-top {
        padding-top: 7rem;
    }

    .xs-padding-7-half-rem-top {
        padding-top: 7.5rem;
    }

    .xs-padding-8-rem-top {
        padding-top: 8rem;
    }

    .xs-padding-8-half-rem-top {
        padding-top: 8.5rem;
    }

    .xs-padding-9-rem-top {
        padding-top: 9rem;
    }

    .xs-padding-9-half-rem-top {
        padding-top: 9.5rem;
    }

    .xs-padding-10-rem-top {
        padding-top: 10rem;
    }

    .xs-padding-10-half-rem-top {
        padding-top: 10.5rem;
    }

    /* padding bottom */
    .xs-padding-one-bottom {
        padding-bottom: 1%;
    }

    .xs-padding-two-bottom {
        padding-bottom: 2%;
    }

    .xs-padding-three-bottom {
        padding-bottom: 3%;
    }

    .xs-padding-four-bottom {
        padding-bottom: 4%;
    }

    .xs-padding-five-bottom {
        padding-bottom: 5%;
    }

    .xs-padding-six-bottom {
        padding-bottom: 6%;
    }

    .xs-padding-seven-bottom {
        padding-bottom: 7%;
    }

    .xs-padding-eight-bottom {
        padding-bottom: 8%;
    }

    .xs-padding-nine-bottom {
        padding-bottom: 9%;
    }

    .xs-padding-ten-bottom {
        padding-bottom: 10%;
    }

    .xs-padding-eleven-bottom {
        padding-bottom: 11%;
    }

    .xs-padding-twelve-bottom {
        padding-bottom: 12%;
    }

    .xs-padding-thirteen-bottom {
        padding-bottom: 13%;
    }

    .xs-padding-fourteen-bottom {
        padding-bottom: 14%;
    }

    .xs-padding-fifteen-bottom {
        padding-bottom: 15%;
    }

    .xs-padding-sixteen-bottom {
        padding-bottom: 16%;
    }

    .xs-padding-seventeen-bottom {
        padding-bottom: 17%;
    }

    .xs-padding-eighteen-bottom {
        padding-bottom: 18%;
    }

    .xs-padding-nineteen-bottom {
        padding-bottom: 19%;
    }

    .xs-padding-twenty-bottom {
        padding-bottom: 20%;
    }

    .xs-padding-5px-bottom {
        padding-bottom: 5px;
    }

    .xs-padding-10px-bottom {
        padding-bottom: 10px;
    }

    .xs-padding-15px-bottom {
        padding-bottom: 15px;
    }

    .xs-padding-20px-bottom {
        padding-bottom: 20px;
    }

    .xs-padding-25px-bottom {
        padding-bottom: 25px;
    }

    .xs-padding-30px-bottom {
        padding-bottom: 30px;
    }

    .xs-padding-35px-bottom {
        padding-bottom: 35px;
    }

    .xs-padding-40px-bottom {
        padding-bottom: 40px;
    }

    .xs-padding-45px-bottom {
        padding-bottom: 45px;
    }

    .xs-padding-50px-bottom {
        padding-bottom: 50px;
    }

    .xs-padding-55px-bottom {
        padding-bottom: 55px;
    }

    .xs-padding-60px-bottom {
        padding-bottom: 60px;
    }

    .xs-padding-65px-bottom {
        padding-bottom: 65px;
    }

    .xs-padding-70px-bottom {
        padding-bottom: 70px;
    }

    .xs-padding-75px-bottom {
        padding-bottom: 75px;
    }

    .xs-padding-80px-bottom {
        padding-bottom: 80px;
    }

    .xs-padding-85px-bottom {
        padding-bottom: 85px;
    }

    .xs-padding-90px-bottom {
        padding-bottom: 90px;
    }

    .xs-padding-95px-bottom {
        padding-bottom: 95px;
    }

    .xs-padding-100px-bottom {
        padding-bottom: 100px;
    }

    .xs-padding-1-rem-bottom {
        padding-bottom: 1rem;
    }

    .xs-padding-1-half-rem-bottom {
        padding-bottom: 1.5rem;
    }

    .xs-padding-2-rem-bottom {
        padding-bottom: 2rem;
    }

    .xs-padding-2-half-rem-bottom {
        padding-bottom: 2.5rem;
    }

    .xs-padding-3-rem-bottom {
        padding-bottom: 3rem;
    }

    .xs-padding-3-half-rem-bottom {
        padding-bottom: 3.5rem;
    }

    .xs-padding-4-rem-bottom {
        padding-bottom: 4rem;
    }

    .xs-padding-4-half-rem-bottom {
        padding-bottom: 4.5rem;
    }

    .xs-padding-5-rem-bottom {
        padding-bottom: 5rem;
    }

    .xs-padding-5-half-rem-bottom {
        padding-bottom: 5.5rem;
    }

    .xs-padding-6-rem-bottom {
        padding-bottom: 6rem;
    }

    .xs-padding-6-half-rem-bottom {
        padding-bottom: 6.5rem;
    }

    .xs-padding-7-rem-bottom {
        padding-bottom: 7rem;
    }

    .xs-padding-7-half-rem-bottom {
        padding-bottom: 7.5rem;
    }

    .xs-padding-8-rem-bottom {
        padding-bottom: 8rem;
    }

    .xs-padding-8-half-rem-bottom {
        padding-bottom: 8.5rem;
    }

    .xs-padding-9-rem-bottom {
        padding-bottom: 9rem;
    }

    .xs-padding-9-half-rem-bottom {
        padding-bottom: 9.5rem;
    }

    .xs-padding-10-rem-bottom {
        padding-bottom: 10rem;
    }

    .xs-padding-10-half-rem-bottom {
        padding-bottom: 10.5rem;
    }

    /* padding right */
    .xs-padding-one-right {
        padding-right: 1%;
    }

    .xs-padding-two-right {
        padding-right: 2%;
    }

    .xs-padding-three-right {
        padding-right: 3%;
    }

    .xs-padding-four-right {
        padding-right: 4%;
    }

    .xs-padding-five-right {
        padding-right: 5%;
    }

    .xs-padding-six-right {
        padding-right: 6%;
    }

    .xs-padding-seven-right {
        padding-right: 7%;
    }

    .xs-padding-eight-right {
        padding-right: 8%;
    }

    .xs-padding-nine-right {
        padding-right: 9%;
    }

    .xs-padding-ten-right {
        padding-right: 10%;
    }

    .xs-padding-eleven-right {
        padding-right: 11%;
    }

    .xs-padding-twelve-right {
        padding-right: 12%;
    }

    .xs-padding-thirteen-right {
        padding-right: 13%;
    }

    .xs-padding-fourteen-right {
        padding-right: 14%;
    }

    .xs-padding-fifteen-right {
        padding-right: 15%;
    }

    .xs-padding-sixteen-right {
        padding-right: 16%;
    }

    .xs-padding-seventeen-right {
        padding-right: 17%;
    }

    .xs-padding-eighteen-right {
        padding-right: 18%;
    }

    .xs-padding-nineteen-right {
        padding-right: 19%;
    }

    .xs-padding-twenty-right {
        padding-right: 20%;
    }

    .xs-padding-5px-right {
        padding-right: 5px;
    }

    .xs-padding-10px-right {
        padding-right: 10px;
    }

    .xs-padding-15px-right {
        padding-right: 15px;
    }

    .xs-padding-20px-right {
        padding-right: 20px;
    }

    .xs-padding-25px-right {
        padding-right: 25px;
    }

    .xs-padding-30px-right {
        padding-right: 30px;
    }

    .xs-padding-35px-right {
        padding-right: 35px;
    }

    .xs-padding-40px-right {
        padding-right: 40px;
    }

    .xs-padding-45px-right {
        padding-right: 45px;
    }

    .xs-padding-50px-right {
        padding-right: 50px;
    }

    .xs-padding-55px-right {
        padding-right: 55px;
    }

    .xs-padding-60px-right {
        padding-right: 60px;
    }

    .xs-padding-65px-right {
        padding-right: 65px;
    }

    .xs-padding-70px-right {
        padding-right: 70px;
    }

    .xs-padding-75px-right {
        padding-right: 75px;
    }

    .xs-padding-80px-right {
        padding-right: 80px;
    }

    .xs-padding-85px-right {
        padding-right: 85px;
    }

    .xs-padding-90px-right {
        padding-right: 90px;
    }

    .xs-padding-95px-right {
        padding-right: 95px;
    }

    .xs-padding-100px-right {
        padding-right: 100px;
    }

    .xs-padding-1-rem-right {
        padding-right: 1rem;
    }

    .xs-padding-1-half-rem-right {
        padding-right: 1.5rem;
    }

    .xs-padding-2-rem-right {
        padding-right: 2rem;
    }

    .xs-padding-2-half-rem-right {
        padding-right: 2.5rem;
    }

    .xs-padding-3-rem-right {
        padding-right: 3rem;
    }

    .xs-padding-3-half-rem-right {
        padding-right: 3.5rem;
    }

    .xs-padding-4-rem-right {
        padding-right: 4rem;
    }

    .xs-padding-4-half-rem-right {
        padding-right: 4.5rem;
    }

    .xs-padding-5-rem-right {
        padding-right: 5rem;
    }

    .xs-padding-5-half-rem-right {
        padding-right: 5.5rem;
    }

    .xs-padding-6-rem-right {
        padding-right: 6rem;
    }

    .xs-padding-6-half-rem-right {
        padding-right: 6.5rem;
    }

    .xs-padding-7-rem-right {
        padding-right: 7rem;
    }

    .xs-padding-7-half-rem-right {
        padding-right: 7.5rem;
    }

    .xs-padding-8-rem-right {
        padding-right: 8rem;
    }

    .xs-padding-8-half-rem-right {
        padding-right: 8.5rem;
    }

    .xs-padding-9-rem-right {
        padding-right: 9rem;
    }

    .xs-padding-9-half-rem-right {
        padding-right: 9.5rem;
    }

    .xs-padding-10-rem-right {
        padding-right: 10rem;
    }

    .xs-padding-10-half-rem-right {
        padding-right: 10.5rem;
    }

    /* padding left */
    .xs-padding-one-left {
        padding-left: 1%;
    }

    .xs-padding-two-left {
        padding-left: 2%;
    }

    .xs-padding-three-left {
        padding-left: 3%;
    }

    .xs-padding-four-left {
        padding-left: 4%;
    }

    .xs-padding-five-left {
        padding-left: 5%;
    }

    .xs-padding-six-left {
        padding-left: 6%;
    }

    .xs-padding-seven-left {
        padding-left: 7%;
    }

    .xs-padding-eight-left {
        padding-left: 8%;
    }

    .xs-padding-nine-left {
        padding-left: 9%;
    }

    .xs-padding-ten-left {
        padding-left: 10%;
    }

    .xs-padding-eleven-left {
        padding-left: 11%;
    }

    .xs-padding-twelve-left {
        padding-left: 12%;
    }

    .xs-padding-thirteen-left {
        padding-left: 13%;
    }

    .xs-padding-fourteen-left {
        padding-left: 14%;
    }

    .xs-padding-fifteen-left {
        padding-left: 15%;
    }

    .xs-padding-sixteen-left {
        padding-left: 16%;
    }

    .xs-padding-seventeen-left {
        padding-left: 17%;
    }

    .xs-padding-eighteen-left {
        padding-left: 18%;
    }

    .xs-padding-nineteen-left {
        padding-left: 19%;
    }

    .xs-padding-twenty-left {
        padding-left: 20%;
    }

    .xs-padding-5px-left {
        padding-left: 5px;
    }

    .xs-padding-10px-left {
        padding-left: 10px;
    }

    .xs-padding-15px-left {
        padding-left: 15px;
    }

    .xs-padding-20px-left {
        padding-left: 20px;
    }

    .xs-padding-25px-left {
        padding-left: 25px;
    }

    .xs-padding-30px-left {
        padding-left: 30px;
    }

    .xs-padding-35px-left {
        padding-left: 35px;
    }

    .xs-padding-40px-left {
        padding-left: 40px;
    }

    .xs-padding-45px-left {
        padding-left: 45px;
    }

    .xs-padding-50px-left {
        padding-left: 50px;
    }

    .xs-padding-55px-left {
        padding-left: 55px;
    }

    .xs-padding-60px-left {
        padding-left: 60px;
    }

    .xs-padding-65px-left {
        padding-left: 65px;
    }

    .xs-padding-70px-left {
        padding-left: 70px;
    }

    .xs-padding-75px-left {
        padding-left: 75px;
    }

    .xs-padding-80px-left {
        padding-left: 80px;
    }

    .xs-padding-85px-left {
        padding-left: 85px;
    }

    .xs-padding-90px-left {
        padding-left: 90px;
    }

    .xs-padding-95px-left {
        padding-left: 95px;
    }

    .xs-padding-100px-left {
        padding-left: 100px;
    }

    .xs-padding-1-rem-left {
        padding-left: 1rem;
    }

    .xs-padding-1-half-rem-left {
        padding-left: 1.5rem;
    }

    .xs-padding-2-rem-left {
        padding-left: 2rem;
    }

    .xs-padding-2-half-rem-left {
        padding-left: 2.5rem;
    }

    .xs-padding-3-rem-left {
        padding-left: 3rem;
    }

    .xs-padding-3-half-rem-left {
        padding-left: 3.5rem;
    }

    .xs-padding-4-rem-left {
        padding-left: 4rem;
    }

    .xs-padding-4-half-rem-left {
        padding-left: 4.5rem;
    }

    .xs-padding-5-rem-left {
        padding-left: 5rem;
    }

    .xs-padding-5-half-rem-left {
        padding-left: 5.5rem;
    }

    .xs-padding-6-rem-left {
        padding-left: 6rem;
    }

    .xs-padding-6-half-rem-left {
        padding-left: 6.5rem;
    }

    .xs-padding-7-rem-left {
        padding-left: 7rem;
    }

    .xs-padding-7-half-rem-left {
        padding-left: 7.5rem;
    }

    .xs-padding-8-rem-left {
        padding-left: 8rem;
    }

    .xs-padding-8-half-rem-left {
        padding-left: 8.5rem;
    }

    .xs-padding-9-rem-left {
        padding-left: 9rem;
    }

    .xs-padding-9-half-rem-left {
        padding-left: 9.5rem;
    }

    .xs-padding-10-rem-left {
        padding-left: 10rem;
    }

    .xs-padding-10-half-rem-left {
        padding-left: 10.5rem;
    }

    /* padding top bottom */
    .xs-padding-one-tb {
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .xs-padding-two-tb {
        padding-top: 2%;
        padding-bottom: 2%;
    }

    .xs-padding-three-tb {
        padding-top: 3%;
        padding-bottom: 3%;
    }

    .xs-padding-four-tb {
        padding-top: 4%;
        padding-bottom: 4%;
    }

    .xs-padding-five-tb {
        padding-top: 5%;
        padding-bottom: 5%;
    }

    .xs-padding-six-tb {
        padding-top: 6%;
        padding-bottom: 6%;
    }

    .xs-padding-seven-tb {
        padding-top: 7%;
        padding-bottom: 7%;
    }

    .xs-padding-eight-tb {
        padding-top: 8%;
        padding-bottom: 8%;
    }

    .xs-padding-nine-tb {
        padding-top: 9%;
        padding-bottom: 9%;
    }

    .xs-padding-ten-tb {
        padding-top: 10%;
        padding-bottom: 10%;
    }

    .xs-padding-eleven-tb {
        padding-top: 11%;
        padding-bottom: 11%;
    }

    .xs-padding-twelve-tb {
        padding-top: 12%;
        padding-bottom: 12%;
    }

    .xs-padding-thirteen-tb {
        padding-top: 13%;
        padding-bottom: 13%;
    }

    .xs-padding-fourteen-tb {
        padding-top: 14%;
        padding-bottom: 14%;
    }

    .xs-padding-fifteen-tb {
        padding-top: 15%;
        padding-bottom: 15%;
    }

    .xs-padding-sixteen-tb {
        padding-top: 16%;
        padding-bottom: 16%;
    }

    .xs-padding-seventeen-tb {
        padding-top: 17%;
        padding-bottom: 17%;
    }

    .xs-padding-eighteen-tb {
        padding-top: 18%;
        padding-bottom: 18%;
    }

    .xs-padding-nineteen-tb {
        padding-top: 19%;
        padding-bottom: 19%;
    }

    .xs-padding-twenty-tb {
        padding-top: 20%;
        padding-bottom: 20%;
    }

    .xs-padding-5px-tb {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .xs-padding-10px-tb {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .xs-padding-15px-tb {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .xs-padding-20px-tb {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .xs-padding-25px-tb {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .xs-padding-30px-tb {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .xs-padding-35px-tb {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .xs-padding-40px-tb {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .xs-padding-45px-tb {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .xs-padding-50px-tb {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .xs-padding-55px-tb {
        padding-top: 55px;
        padding-bottom: 55px;
    }

    .xs-padding-60px-tb {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .xs-padding-65px-tb {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .xs-padding-70px-tb {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .xs-padding-75px-tb {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .xs-padding-80px-tb {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .xs-padding-85px-tb {
        padding-top: 85px;
        padding-bottom: 85px;
    }

    .xs-padding-90px-tb {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .xs-padding-95px-tb {
        padding-top: 95px;
        padding-bottom: 95px;
    }

    .xs-padding-100px-tb {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .xs-padding-1-rem-tb {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .xs-padding-1-half-rem-tb {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .xs-padding-2-rem-tb {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .xs-padding-2-half-rem-tb {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .xs-padding-3-rem-tb {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .xs-padding-3-half-rem-tb {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }

    .xs-padding-4-rem-tb {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .xs-padding-4-half-rem-tb {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem;
    }

    .xs-padding-5-rem-tb {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .xs-padding-5-half-rem-tb {
        padding-top: 5.5rem;
        padding-bottom: 5.5rem;
    }

    .xs-padding-6-rem-tb {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .xs-padding-6-half-rem-tb {
        padding-top: 6.5rem;
        padding-bottom: 6.5rem;
    }

    .xs-padding-7-rem-tb {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }

    .xs-padding-7-half-rem-tb {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem;
    }

    .xs-padding-8-rem-tb {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .xs-padding-8-half-rem-tb {
        padding-top: 8.5rem;
        padding-bottom: 8.5rem;
    }

    .xs-padding-9-rem-tb {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }

    .xs-padding-9-half-rem-tb {
        padding-top: 9.5rem;
        padding-bottom: 9.5rem;
    }

    .xs-padding-10-rem-tb {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }

    .xs-padding-10-half-rem-tb {
        padding-top: 10.5rem;
        padding-bottom: 10.5rem;
    }

    /* padding left right */
    .xs-padding-one-lr {
        padding-left: 1%;
        padding-right: 1%;
    }

    .xs-padding-two-lr {
        padding-left: 2%;
        padding-right: 2%;
    }

    .xs-padding-three-lr {
        padding-left: 3%;
        padding-right: 3%;
    }

    .xs-padding-four-lr {
        padding-left: 4%;
        padding-right: 4%;
    }

    .xs-padding-five-lr {
        padding-left: 5%;
        padding-right: 5%;
    }

    .xs-padding-six-lr {
        padding-left: 6%;
        padding-right: 6%;
    }

    .xs-padding-seven-lr {
        padding-left: 7%;
        padding-right: 7%;
    }

    .xs-padding-eight-lr {
        padding-left: 8%;
        padding-right: 8%;
    }

    .xs-padding-nine-lr {
        padding-left: 9%;
        padding-right: 9%;
    }

    .xs-padding-ten-lr {
        padding-left: 10%;
        padding-right: 10%;
    }

    .xs-padding-eleven-lr {
        padding-left: 11%;
        padding-right: 11%;
    }

    .xs-padding-twelve-lr {
        padding-left: 12%;
        padding-right: 12%;
    }

    .xs-padding-thirteen-lr {
        padding-left: 13%;
        padding-right: 13%;
    }

    .xs-padding-fourteen-lr {
        padding-left: 14%;
        padding-right: 14%;
    }

    .xs-padding-fifteen-lr {
        padding-left: 15%;
        padding-right: 15%;
    }

    .xs-padding-sixteen-lr {
        padding-left: 16%;
        padding-right: 16%;
    }

    .xs-padding-seventeen-lr {
        padding-left: 17%;
        padding-right: 17%;
    }

    .xs-padding-eighteen-lr {
        padding-left: 18%;
        padding-right: 18%;
    }

    .xs-padding-nineteen-lr {
        padding-left: 19%;
        padding-right: 19%;
    }

    .xs-padding-twenty-lr {
        padding-left: 20%;
        padding-right: 20%;
    }

    .xs-padding-5px-lr {
        padding-left: 5px;
        padding-right: 5px;
    }

    .xs-padding-10px-lr {
        padding-left: 10px;
        padding-right: 10px;
    }

    .xs-padding-15px-lr {
        padding-left: 15px;
        padding-right: 15px;
    }

    .xs-padding-20px-lr {
        padding-left: 20px;
        padding-right: 20px;
    }

    .xs-padding-25px-lr {
        padding-left: 25px;
        padding-right: 25px;
    }

    .xs-padding-30px-lr {
        padding-left: 30px;
        padding-right: 30px;
    }

    .xs-padding-35px-lr {
        padding-left: 35px;
        padding-right: 35px;
    }

    .xs-padding-40px-lr {
        padding-left: 40px;
        padding-right: 40px;
    }

    .xs-padding-45px-lr {
        padding-left: 45px;
        padding-right: 45px;
    }

    .xs-padding-50px-lr {
        padding-left: 50px;
        padding-right: 50px;
    }

    .xs-padding-55px-lr {
        padding-left: 55px;
        padding-right: 55px;
    }

    .xs-padding-60px-lr {
        padding-left: 60px;
        padding-right: 60px;
    }

    .xs-padding-65px-lr {
        padding-left: 65px;
        padding-right: 65px;
    }

    .xs-padding-70px-lr {
        padding-left: 70px;
        padding-right: 70px;
    }

    .xs-padding-75px-lr {
        padding-left: 75px;
        padding-right: 75px;
    }

    .xs-padding-80px-lr {
        padding-left: 80px;
        padding-right: 80px;
    }

    .xs-padding-85px-lr {
        padding-left: 85px;
        padding-right: 85px;
    }

    .xs-padding-90px-lr {
        padding-left: 90px;
        padding-right: 90px;
    }

    .xs-padding-95px-lr {
        padding-left: 95px;
        padding-right: 95px;
    }

    .xs-padding-100px-lr {
        padding-left: 100px;
        padding-right: 100px;
    }

    .xs-padding-1-rem-lr {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .xs-padding-1-half-rem-lr {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .xs-padding-2-rem-lr {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .xs-padding-2-half-rem-lr {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .xs-padding-3-rem-lr {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .xs-padding-3-half-rem-lr {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }

    .xs-padding-4-rem-lr {
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .xs-padding-4-half-rem-lr {
        padding-left: 4.5rem;
        padding-right: 4.5rem;
    }

    .xs-padding-5-rem-lr {
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .xs-padding-5-half-rem-lr {
        padding-left: 5.5rem;
        padding-right: 5.5rem;
    }

    .xs-padding-6-rem-lr {
        padding-left: 6rem;
        padding-right: 6rem;
    }

    .xs-padding-6-half-rem-lr {
        padding-left: 6.5rem;
        padding-right: 6.5rem;
    }

    .xs-padding-7-rem-lr {
        padding-left: 7rem;
        padding-right: 7rem;
    }

    .xs-padding-7-half-rem-lr {
        padding-left: 7.5rem;
        padding-right: 7.5rem;
    }

    .xs-padding-8-rem-lr {
        padding-left: 8rem;
        padding-right: 8rem;
    }

    .xs-padding-8-half-rem-lr {
        padding-left: 8.5rem;
        padding-right: 8.5rem;
    }

    .xs-padding-9-rem-lr {
        padding-left: 9rem;
        padding-right: 9rem;
    }

    .xs-padding-9-half-rem-lr {
        padding-left: 9.5rem;
        padding-right: 9.5rem;
    }

    .xs-padding-10-rem-lr {
        padding-left: 10rem;
        padding-right: 10rem;
    }

    .xs-padding-10-half-rem-lr {
        padding-left: 10.5rem;
        padding-right: 10.5rem;
    }

    .xs-no-padding {
        padding: 0 !important;
    }

    .xs-no-padding-lr {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .xs-no-padding-tb {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .xs-no-padding-top {
        padding-top: 0 !important;
    }

    .xs-no-padding-bottom {
        padding-bottom: 0 !important;
    }

    .xs-no-padding-left {
        padding-left: 0 !important;
    }

    .xs-no-padding-right {
        padding-right: 0 !important;
    }

    /* display and overflow */
    .xs-d-initial {
        display: initial !important;
    }

    .xs-overflow-hidden {
        overflow: hidden !important;
    }

    .xs-overflow-visible {
        overflow: visible !important;
    }

    .xs-overflow-auto {
        overflow: auto !important;
    }

    /* position */
    .xs-position-relative {
        position: relative !important;
    }

    .xs-position-absolute {
        position: absolute !important;
    }

    .xs-position-fixed {
        position: fixed !important;
    }

    .xs-position-inherit {
        position: inherit !important;
    }

    .xs-position-initial {
        position: initial !important;
    }

    /* top */
    .xs-top-0px {
        top: 0;
    }

    .xs-top-1px {
        top: 1px;
    }

    .xs-top-2px {
        top: 2px;
    }

    .xs-top-3px {
        top: 3px;
    }

    .xs-top-4px {
        top: 4px;
    }

    .xs-top-5px {
        top: 5px;
    }

    .xs-top-6px {
        top: 6px;
    }

    .xs-top-7px {
        top: 7px;
    }

    .xs-top-8px {
        top: 8px;
    }

    .xs-top-9px {
        top: 9px;
    }

    .xs-top-10px {
        top: 10px;
    }

    .xs-top-15px {
        top: 15px;
    }

    .xs-top-20px {
        top: 20px;
    }

    .xs-top-25px {
        top: 25px;
    }

    .xs-top-30px {
        top: 30px;
    }

    .xs-top-35px {
        top: 35px;
    }

    .xs-top-40px {
        top: 40px;
    }

    .xs-top-45px {
        top: 45px;
    }

    .xs-top-50px {
        top: 50px;
    }

    .xs-top-auto {
        top: auto;
    }

    .xs-top-inherit {
        top: inherit;
    }

    /* top minus */
    .xs-top-minus-1px {
        top: -1px;
    }

    .xs-top-minus-2px {
        top: -2px;
    }

    .xs-top-minus-3px {
        top: -3px;
    }

    .xs-top-minus-4px {
        top: -4px;
    }

    .xs-top-minus-5px {
        top: -5px;
    }

    .xs-top-minus-6px {
        top: -6px;
    }

    .xs-top-minus-7px {
        top: -7px;
    }

    .xs-top-minus-8px {
        top: -8px;
    }

    .xs-top-minus-9px {
        top: -9px;
    }

    .xs-top-minus-10px {
        top: -10px;
    }

    .xs-top-minus-15px {
        top: -15px;
    }

    .xs-top-minus-20px {
        top: -20px;
    }

    .xs-top-minus-25px {
        top: -25px;
    }

    .xs-top-minus-30px {
        top: -30px;
    }

    .xs-top-minus-35px {
        top: -35px;
    }

    .xs-top-minus-40px {
        top: -40px;
    }

    .xs-top-minus-45px {
        top: -45px;
    }

    .xs-top-minus-50px {
        top: -50px;
    }

    /* bottom */
    .xs-bottom-0px {
        bottom: 0;
    }

    .xs-bottom-1px {
        bottom: 1px;
    }

    .xs-bottom-2px {
        bottom: 2px;
    }

    .xs-bottom-3px {
        bottom: 3px;
    }

    .xs-bottom-4px {
        bottom: 4px;
    }

    .xs-bottom-5px {
        bottom: 5px;
    }

    .xs-bottom-6px {
        bottom: 6px;
    }

    .xs-bottom-7px {
        bottom: 7px;
    }

    .xs-bottom-8px {
        bottom: 8px;
    }

    .xs-bottom-9px {
        bottom: 9px;
    }

    .xs-bottom-10px {
        bottom: 10px;
    }

    .xs-bottom-15px {
        bottom: 15px;
    }

    .xs-bottom-20px {
        bottom: 20px;
    }

    .xs-bottom-25px {
        bottom: 25px;
    }

    .xs-bottom-30px {
        bottom: 30px;
    }

    .xs-bottom-35px {
        bottom: 35px;
    }

    .xs-bottom-40px {
        bottom: 40px;
    }

    .xs-bottom-45px {
        bottom: 45px;
    }

    .xs-bottom-50px {
        bottom: 50px;
    }

    .xs-bottom-55px {
        bottom: 55px;
    }

    .xs-bottom-60px {
        bottom: 60px;
    }

    .xs-bottom-auto {
        bottom: auto;
    }

    .xs-bottom-inherit {
        bottom: inherit;
    }

    /* bottom minus */
    .xs-bottom-minus-1px {
        bottom: -1px;
    }

    .xs-bottom-minus-2px {
        bottom: -2px;
    }

    .xs-bottom-minus-3px {
        bottom: -3px;
    }

    .xs-bottom-minus-4px {
        bottom: -4px;
    }

    .xs-bottom-minus-5px {
        bottom: -5px;
    }

    .xs-bottom-minus-6px {
        bottom: -6px;
    }

    .xs-bottom-minus-7px {
        bottom: -7px;
    }

    .xs-bottom-minus-8px {
        bottom: -8px;
    }

    .xs-bottom-minus-9px {
        bottom: -9px;
    }

    .xs-bottom-minus-10px {
        bottom: -10px;
    }

    .xs-bottom-minus-15px {
        bottom: -15px;
    }

    .xs-bottom-minus-20px {
        bottom: -20px;
    }

    .xs-bottom-minus-25px {
        bottom: -25px;
    }

    .xs-bottom-minus-30px {
        bottom: -30px;
    }

    .xs-bottom-minus-35px {
        bottom: -35px;
    }

    .xs-bottom-minus-40px {
        bottom: -40px;
    }

    .xs-bottom-minus-45px {
        bottom: -45px;
    }

    .xs-bottom-minus-50px {
        bottom: -50px;
    }

    /* right */
    .xs-right-0px {
        right: 0;
    }

    .xs-right-1px {
        right: 1px;
    }

    .xs-right-2px {
        right: 2px;
    }

    .xs-right-3px {
        right: 3px;
    }

    .xs-right-4px {
        right: 4px;
    }

    .xs-right-5px {
        right: 5px;
    }

    .xs-right-6px {
        right: 6px;
    }

    .xs-right-7px {
        right: 7px;
    }

    .xs-right-8px {
        right: 8px;
    }

    .xs-right-9px {
        right: 9px;
    }

    .xs-right-10px {
        right: 10px;
    }

    .xs-right-15px {
        right: 15px;
    }

    .xs-right-20px {
        right: 20px;
    }

    .xs-right-25px {
        right: 25px;
    }

    .xs-right-30px {
        right: 30px;
    }

    .xs-right-35px {
        right: 35px;
    }

    .xs-right-40px {
        right: 40px;
    }

    .xs-right-45px {
        right: 45px;
    }

    .xs-right-50px {
        right: 50px;
    }

    .xs-right-auto {
        right: auto;
    }

    .xs-right-inherit {
        right: inherit;
    }

    /* right minus */
    .xs-right-minus-1px {
        right: -1px;
    }

    .xs-right-minus-2px {
        right: -2px;
    }

    .xs-right-minus-3px {
        right: -3px;
    }

    .xs-right-minus-4px {
        right: -4px;
    }

    .xs-right-minus-5px {
        right: -5px;
    }

    .xs-right-minus-6px {
        right: -6px;
    }

    .xs-right-minus-7px {
        right: -7px;
    }

    .xs-right-minus-8px {
        right: -8px;
    }

    .xs-right-minus-9px {
        right: -9px;
    }

    .xs-right-minus-10px {
        right: -10px;
    }

    .xs-right-minus-15px {
        right: -15px;
    }

    .xs-right-minus-20px {
        right: -20px;
    }

    .xs-right-minus-25px {
        right: -25px;
    }

    .xs-right-minus-30px {
        right: -30px;
    }

    .xs-right-minus-35px {
        right: -35px;
    }

    .xs-right-minus-40px {
        right: -40px;
    }

    .xs-right-minus-45px {
        right: -45px;
    }

    .xs-right-minus-50px {
        right: -50px;
    }

    /* left */
    .xs-left-0px {
        left: 0;
    }

    .xs-left-1px {
        left: 1px;
    }

    .xs-left-2px {
        left: 2px;
    }

    .xs-left-3px {
        left: 3px;
    }

    .xs-left-4px {
        left: 4px;
    }

    .xs-left-5px {
        left: 5px;
    }

    .xs-left-6px {
        left: 6px;
    }

    .xs-left-7px {
        left: 7px;
    }

    .xs-left-8px {
        left: 8px;
    }

    .xs-left-9px {
        left: 9px;
    }

    .xs-left-10px {
        left: 10px;
    }

    .xs-left-15px {
        left: 15px;
    }

    .xs-left-20px {
        left: 20px;
    }

    .xs-left-25px {
        left: 25px;
    }

    .xs-left-30px {
        left: 30px;
    }

    .xs-left-35px {
        left: 35px;
    }

    .xs-left-40px {
        left: 40px;
    }

    .xs-left-45px {
        left: 45px;
    }

    .xs-left-50px {
        left: 50px;
    }

    .xs-left-55px {
        left: 55px;
    }

    .xs-left-60px {
        left: 60px;
    }

    .xs-left-auto {
        left: auto;
    }

    .xs-left-inherit {
        left: inherit;
    }

    /* left minus */
    .xs-left-minus-1px {
        left: -1px;
    }

    .xs-left-minus-2px {
        left: -2px;
    }

    .xs-left-minus-3px {
        left: -3px;
    }

    .xs-left-minus-4px {
        left: -4px;
    }

    .xs-left-minus-5px {
        left: -5px;
    }

    .xs-left-minus-6px {
        left: -6px;
    }

    .xs-left-minus-7px {
        left: -7px;
    }

    .xs-left-minus-8px {
        left: -8px;
    }

    .xs-left-minus-9px {
        left: -9px;
    }

    .xs-left-minus-10px {
        left: -10px;
    }

    .xs-left-minus-15px {
        left: -15px;
    }

    .xs-left-minus-20px {
        left: -20px;
    }

    .xs-left-minus-25px {
        left: -25px;
    }

    .xs-left-minus-30px {
        left: -30px;
    }

    .xs-left-minus-35px {
        left: -35px;
    }

    .xs-left-minus-40px {
        left: -40px;
    }

    .xs-left-minus-45px {
        left: -45px;
    }

    .xs-left-minus-50px {
        left: -50px;
    }

    /* width */
    .xs-w-1px {
        width: 1px !important;
    }

    .xs-w-2px {
        width: 2px !important;
    }

    .xs-w-3px {
        width: 3px !important;
    }

    .xs-w-4px {
        width: 4px !important;
    }

    .xs-w-5px {
        width: 5px !important;
    }

    .xs-w-6px {
        width: 6px !important;
    }

    .xs-w-7px {
        width: 7px !important;
    }

    .xs-w-8px {
        width: 8px !important;
    }

    .xs-w-9px {
        width: 9px !important;
    }

    .xs-w-10px {
        width: 10px !important;
    }

    .xs-w-15px {
        width: 15px !important;
    }

    .xs-w-20px {
        width: 20px !important;
    }

    .xs-w-25px {
        width: 25px !important;
    }

    .xs-w-30px {
        width: 30px !important;
    }

    .xs-w-35px {
        width: 35px !important;
    }

    .xs-w-40px {
        width: 40px !important;
    }

    .xs-w-50px {
        width: 50px !important;
    }

    .xs-w-55px {
        width: 55px !important;
    }

    .xs-w-60px {
        width: 60px !important;
    }

    .xs-w-65px {
        width: 65px !important;
    }

    .xs-w-70px {
        width: 70px !important;
    }

    .xs-w-75px {
        width: 75px !important;
    }

    .xs-w-80px {
        width: 80px !important;
    }

    .xs-w-85px {
        width: 85px !important;
    }

    .xs-w-90px {
        width: 90px !important;
    }

    .xs-w-95px {
        width: 95px !important;
    }

    .xs-w-100px {
        width: 100px !important;
    }

    .xs-w-110px {
        width: 110px !important;
    }

    .xs-w-120px {
        width: 120px !important;
    }

    .xs-w-130px {
        width: 130px !important;
    }

    .xs-w-140px {
        width: 140px !important;
    }

    .xs-w-150px {
        width: 150px !important;
    }

    .xs-w-160px {
        width: 160px !important;
    }

    .xs-w-170px {
        width: 170px !important;
    }

    .xs-w-180px {
        width: 180px !important;
    }

    .xs-w-190px {
        width: 190px !important;
    }

    .xs-w-200px {
        width: 200px !important;
    }

    .xs-w-250px {
        width: 250px !important;
    }

    .xs-w-300px {
        width: 300px !important;
    }

    .xs-w-350px {
        width: 350px !important;
    }

    .xs-w-400px {
        width: 400px !important;
    }

    .xs-w-450px {
        width: 450px !important;
    }

    .xs-w-500px {
        width: 500px !important;
    }

    .xs-w-550px {
        width: 550px !important;
    }

    .xs-w-600px {
        width: 600px !important;
    }

    .xs-w-650px {
        width: 650px !important;
    }

    .xs-w-700px {
        width: 700px !important;
    }

    .xs-w-750px {
        width: 750px !important;
    }

    .xs-w-800px {
        width: 800px !important;
    }

    .xs-w-850px {
        width: 850px !important;
    }

    .xs-w-900px {
        width: 900px !important;
    }

    .xs-w-950px {
        width: 950px !important;
    }

    .xs-w-1000px {
        width: 1000px !important;
    }

    .xs-w-10 {
        width: 10% !important;
    }

    .xs-w-15 {
        width: 15% !important;
    }

    .xs-w-20 {
        width: 20% !important;
    }

    .xs-w-25 {
        width: 25% !important;
    }

    .xs-w-30 {
        width: 30% !important;
    }

    .xs-w-35 {
        width: 35% !important;
    }

    .xs-w-40 {
        width: 40% !important;
    }

    .xs-w-45 {
        width: 45% !important;
    }

    .xs-w-50 {
        width: 50% !important;
    }

    .xs-w-55 {
        width: 55% !important;
    }

    .xs-w-60 {
        width: 60% !important;
    }

    .xs-w-65 {
        width: 65% !important;
    }

    .xs-w-70 {
        width: 70% !important;
    }

    .xs-w-75 {
        width: 75% !important;
    }

    .xs-w-80 {
        width: 80% !important;
    }

    .xs-w-85 {
        width: 85% !important;
    }

    .xs-w-90 {
        width: 90% !important;
    }

    .xs-w-95 {
        width: 95% !important;
    }

    .xs-w-100 {
        width: 100% !important;
    }

    .xs-w-auto {
        width: auto !important;
    }

    /* height */
    .xs-h-1px {
        height: 1px !important;
    }

    .xs-h-2px {
        height: 2px !important;
    }

    .xs-h-3px {
        height: 3px !important;
    }

    .xs-h-4px {
        height: 4px !important;
    }

    .xs-h-5px {
        height: 5px !important;
    }

    .xs-h-6px {
        height: 6px !important;
    }

    .xs-h-7px {
        height: 7px !important;
    }

    .xs-h-8px {
        height: 8px !important;
    }

    .xs-h-9px {
        height: 9px !important;
    }

    .xs-h-10px {
        height: 10px !important;
    }

    .xs-h-20px {
        height: 20px !important;
    }

    .xs-h-30px {
        height: 30px !important;
    }

    .xs-h-40px {
        height: 40px !important;
    }

    .xs-h-42px {
        height: 42px !important;
    }

    .xs-h-50px {
        height: 50px !important;
    }

    .xs-h-60px {
        height: 60px !important;
    }

    .xs-h-70px {
        height: 70px !important;
    }

    .xs-h-80px {
        height: 80px !important;
    }

    .xs-h-90px {
        height: 90px !important;
    }

    .xs-h-100px {
        height: 100px !important;
    }

    .xs-h-110px {
        height: 110px !important;
    }

    .xs-h-120px {
        height: 120px !important;
    }

    .xs-h-130px {
        height: 130px !important;
    }

    .xs-h-140px {
        height: 140px !important;
    }

    .xs-h-150px {
        height: 150px !important;
    }

    .xs-h-160px {
        height: 160px !important;
    }

    .xs-h-170px {
        height: 170px !important;
    }

    .xs-h-180px {
        height: 180px !important;
    }

    .xs-h-190px {
        height: 190px !important;
    }

    .xs-h-200px {
        height: 200px !important;
    }

    .xs-h-250px {
        height: 250px !important;
    }

    .xs-h-300px {
        height: 300px !important;
    }

    .xs-h-350px {
        height: 350px !important;
    }

    .xs-h-400px {
        height: 400px !important;
    }

    .xs-h-450px {
        height: 450px !important;
    }

    .xs-h-500px {
        height: 500px !important;
    }

    .xs-h-520px {
        height: 520px !important;
    }

    .xs-h-550px {
        height: 550px !important;
    }

    .xs-h-580px {
        height: 580px !important;
    }

    .xs-h-600px {
        height: 600px !important;
    }

    .xs-h-650px {
        height: 650px !important;
    }

    .xs-h-700px {
        height: 700px !important;
    }

    .xs-h-720px {
        height: 720px !important;
    }

    .xs-h-750px {
        height: 750px !important;
    }

    .xs-h-800px {
        height: 800px !important;
    }

    .xs-h-820px {
        height: 820px !important;
    }

    .xs-h-830px {
        height: 830px !important;
    }

    .xs-h-850px {
        height: 850px !important;
    }

    .xs-h-50 {
        height: 50% !important;
    }

    .xs-h-100 {
        height: 100% !important;
    }

    .xs-h-auto {
        height: auto !important;
    }

    /* min-height */
    .xs-min-h-100px {
        min-height: 100px;
    }

    .xs-min-h-200px {
        min-height: 200px;
    }

    .xs-min-h-300px {
        min-height: 300px;
    }

    .xs-min-h-400px {
        min-height: 400px;
    }

    .xs-min-h-500px {
        min-height: 500px;
    }

    .xs-min-h-600px {
        min-height: 600px;
    }

    .xs-min-h-700px {
        min-height: 700px;
    }

    /* screen height */
    .small-screen {
        height: 280px;
    }

    /* interactive banner style 05 */
    .interactive-banners-style-05 .interactive-banners-content,
    .interactive-banners-style-05 .interactive-banners-overlayer {
        transform: translateY(calc(100% - 105px));
        -webkit-transform: translateY(calc(100% - 105px));
        -moz-transform: translateY(calc(100% - 105px));
        -ms-transform: translateY(calc(100% - 105px));
    }

    /* interactive banner style 09 */
    .interactive-banners-style-09 .interactive-banners-content .interactive-banners-hover-icon {
        left: 5rem;
        bottom: 5rem;
    }

    /* accordion style 04 */
    .accordion-style-04 .panel .panel-time {
        min-width: 100%;
        padding-right: 15px;
    }

    .accordion-style-04 .panel .accordion-toggle {
        width: 100%;
    }

    .accordion-style-04 .panel .panel-body {
        margin-left: 0;
        width: 100%;
    }

    /* accordion style 05 */
    .accordion-style-05 .panel .panel-heading {
        padding: 15px 60px 15px 20px;
    }

    .accordion-style-05 .panel .panel-heading.active-accordion {
        padding-top: 20px;
    }

    .accordion-style-05 .panel .panel-body {
        padding: 0 40px 20px 20px;
    }

    .accordion-style-05 .panel .collapse.show .panel-body,
    .accordion-style-05 .panel .collapsing .panel-body {
        padding-bottom: 20px;
    }

    .accordion-style-05 .panel .panel-heading.active-accordion i {
        top: 50%;
    }

    /* table style 01 */
    .table-style-01+.mfp-close {
        width: 34px;
        height: 34px;
        line-height: 34px;
    }

    /* tab style 04 */
    .tab-style-04 .nav-tabs>li.nav-item {
        width: 100%;
    }

    /* process step style 02 */
    .process-step-style-02 .process-step-icon-wrap {
        margin-right: 25px;
    }

    /* process step style 03 */
    .process-step-style-03 .process-step-item-box .process-step-item-box-bfr {
        width: calc(100% - 50px);
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }

    /* countdown style 02 */
    .countdown.countdown-style-02 .countdown-box {
        margin-bottom: 15px;
        padding: 0 15px;
        width: 50%;
    }

    .countdown.countdown-style-02 .countdown-box:nth-child(2):after {
        display: none;
    }

    .countdown.countdown-style-02 .countdown-box .number {
        margin: 0 auto;
    }

    /* countdown style 03 */
    .countdown.countdown-style-03 .countdown-box {
        margin-bottom: 15px;
        padding: 0 15px;
        width: 50%;
    }

    .countdown.countdown-style-03 .countdown-box:nth-child(2):after {
        display: none;
    }

    .countdown.countdown-style-03 .countdown-box .number {
        margin: 0 auto;
    }

    /* newsletter style 04 */
    .newsletter-style-04 input {
        padding-right: 25px;
    }

    .newsletter-style-04 .btn {
        position: static;
        top: inherit;
        right: inherit;
        transform: translateY(0px);
        border-radius: 6px;
        margin-top: 15px;
        padding: 12px 35px;
        height: auto;
        width: 100%;
    }

    /* button */
    .btn-dual .btn {
        margin-left: 4px;
        margin-right: 4px;
    }

    /* no border */
    .xs-no-border-top {
        border-top: 0 !important;
    }

    .xs-no-border-bottom {
        border-bottom: 0 !important;
    }

    .xs-no-border-right {
        border-right: 0 !important;
    }

    .xs-no-border-left {
        border-left: 0 !important;
    }

    .xs-no-border-all {
        border: 0 !important;
    }

    .xs-no-border-radius {
        border-radius: 0 !important;
    }

    /* border width */
    .xs-border-width-1px {
        border-width: 1px !important;
    }

    .xs-border-width-2px {
        border-width: 2px !important;
    }

    .xs-border-width-3px {
        border-width: 3px !important;
    }

    .xs-border-width-4px {
        border-width: 4px !important;
    }

    .xs-border-width-5px {
        border-width: 5px !important;
    }

    .xs-border-width-6px {
        border-width: 6px !important;
    }

    .xs-border-width-7px {
        border-width: 7px !important;
    }

    .xs-border-width-8px {
        border-width: 8px !important;
    }

    .xs-border-width-9px {
        border-width: 9px !important;
    }

    .xs-border-width-10px {
        border-width: 10px !important;
    }

    .xs-border-width-11px {
        border-width: 11px !important;
    }

    .xs-border-width-12px {
        border-width: 12px !important;
    }

    .xs-border-width-13px {
        border-width: 13px !important;
    }

    .xs-border-width-14px {
        border-width: 14px !important;
    }

    .xs-border-width-15px {
        border-width: 15px !important;
    }

    .xs-border-width-16px {
        border-width: 16px !important;
    }

    .xs-border-width-17px {
        border-width: 17px !important;
    }

    .xs-border-width-18px {
        border-width: 18px !important;
    }

    .xs-border-width-19px {
        border-width: 19px !important;
    }

    .xs-border-width-20px {
        border-width: 20px !important;
    }

    /* border */
    .xs-border-all {
        border: 1px solid;
    }

    .xs-border-top {
        border-top: 1px solid;
    }

    .xs-border-bottom {
        border-bottom: 1px solid;
    }

    .xs-border-left {
        border-left: 1px solid;
    }

    .xs-border-right {
        border-right: 1px solid;
    }

    .xs-border-lr {
        border-left: 1px solid;
        border-right: 1px solid;
    }

    .xs-border-tb {
        border-top: 1px solid;
        border-bottom: 1px solid;
    }

    /* border color */
    .xs-border-color-white {
        border-color: #fff;
    }

    .xs-border-color-black {
        border-color: #000;
    }

    .xs-border-color-sky-blue {
        border-color: #2e94eb;
    }

    .xs-border-color-extra-dark-gray {
        border-color: #232323;
    }

    .xs-border-color-medium-dark-gray {
        border-color: #363636;
    }

    .xs-border-color-dark-gray {
        border-color: #939393;
    }

    .xs-border-color-extra-medium-gray {
        border-color: #dbdbdb;
    }

    .xs-border-color-medium-gray {
        border-color: #e4e4e4;
    }

    .xs-border-color-extra-light-gray {
        border-color: #ededed;
    }

    .xs-border-color-light-gray {
        border-color: #f5f5f5;
    }

    .xs-border-color-light-pink {
        border-color: #862237;
    }

    .xs-border-color-deep-pink {
        border-color: #ff214f;
    }

    .xs-border-color-pink {
        border-color: #ff357c;
    }

    .xs-border-color-fast-blue {
        border-color: #0038e3;
    }

    .xs-border-color-orange {
        border-color: #ff6437;
    }

    .xs-border-color-green {
        border-color: #c5d300;
    }

    .xs-border-color-golden {
        border-color: #d0ba6d;
    }

    .xs-border-color-persian-blue {
        border-color: #0039cc;
    }

    .xs-border-color-purple {
        border-color: #7342ac;
    }

    .xs-border-color-parrot-green {
        border-color: #cee002;
    }

    .xs-border-color-dark-red {
        border-color: #e12837;
    }

    /* transparent border */
    .xs-border-color-transparent {
        border-color: transparent;
    }

    .xs-border-color-black-transparent {
        border-color: rgba(0, 0, 0, 0.1);
    }

    .xs-border-color-white-transparent {
        border-color: rgba(255, 255, 255, 0.1);
    }

    .xs-border-color-golden-transparent {
        border-color: rgba(208, 186, 109, 0.2);
    }

    .xs-border-color-pink-transparent {
        border-color: rgba(255, 33, 79, 0.45);
    }

    .xs-border-color-dark-white-transparent {
        border-color: rgba(255, 255, 255, 0.2);
    }

    .xs-border-color-medium-white-transparent {
        border-color: rgba(255, 255, 255, 0.4);
    }

    .xs-border-color-full-dark-white-transparent {
        border-color: rgba(255, 255, 255, 0.05);
    }

    .xs-border-color-light-white-transparent {
        border-color: rgba(255, 255, 255, 0.1);
    }

    .xs-border-color-nero-transparent {
        border-color: rgba(25, 25, 25, 0.1);
    }

    .xs-border-color-extra-medium-gray-transparent {
        border-color: rgba(219, 219, 219, 0.04);
    }

    /* border style */
    .xs-border-dotted {
        border-style: dotted !important;
    }

    .xs-border-dashed {
        border-style: dashed !important;
    }

    .xs-border-solid {
        border-style: solid !important;
    }

    .xs-border-double {
        border-style: double !important;
    }

    .xs-border-groove {
        border-style: groove !important;
    }

    .xs-border-ridge {
        border-style: ridge !important;
    }

    .xs-border-inset {
        border-style: inset !important;
    }

    .xs-border-outset {
        border-style: outset !important;
    }

    .xs-border-none {
        border-style: none !important;
    }

    .xs-border-hidden {
        border-style: hidden !important;
    }

    .xs-border-transperent {
        border-color: transparent !important;
    }

    /* header search form */
    .form-wrapper .search-form-box {
        width: 90%;
    }

    .search-form .search-input {
        font-size: 18px;
        padding: 8px 38px 8px 2px;
        line-height: 30px;
    }

    .form-wrapper .search-form .search-button {
        bottom: 26px;
    }

    .form-wrapper .search-close {
        top: 5px;
        right: 5px;
    }

    .header-search-icon,
    .header-cart-icon,
    .header-language,
    .header-push-button,
    .header-button {
        padding-left: 15px;
    }

    /* menu modern */
    .navbar-collapse-show[data-mobile-nav-style="modern"] .navbar,
    .navbar-collapse-show[data-mobile-nav-style="modern"] .page-layout,
    .navbar-collapse-show[data-mobile-nav-style="modern"] .top-bar {
        -webkit-transform: translate3d(-85vw, 0, 0);
        transform: translate3d(-85vw, 0, 0);
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner {
        width: 85vw;
    }

    [data-mobile-nav-style="modern"] .navbar-modern-inner .navbar-collapse {
        padding-right: 10vw;
        padding-left: 10vw;
    }

    [data-mobile-nav-style="modern"][data-mobile-nav-trigger-alignment="left"] .navbar-modern-inner {
        width: 85vw;
    }

    [data-mobile-nav-style="modern"][data-mobile-nav-trigger-alignment="left"] .navbar-modern-inner .navbar-collapse {
        padding-right: 10vw;
        padding-left: 10vw;
    }

    .navbar-collapse-show[data-mobile-nav-style="modern"][data-mobile-nav-trigger-alignment="left"] .navbar,
    .navbar-collapse-show[data-mobile-nav-style="modern"][data-mobile-nav-trigger-alignment="left"] .page-layout,
    .navbar-collapse-show[data-mobile-nav-style="modern"][data-mobile-nav-trigger-alignment="left"] .top-bar {
        -webkit-transform: translate3d(85vw, 0, 0);
        transform: translate3d(85vw, 0, 0);
    }

    /* full-screen-menu */
    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .navbar-collapse {
        padding: 60px 0;
    }

    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .navbar-toggler {
        top: 20px;
        right: 20px;
    }

    /* push menu */
    .push-menu {
        width: 100%;
    }

    /* sidebar nav menu */
    .side-menu-button {
        right: 15px;
        left: inherit;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    .menu-style-2 .sidebar-nav-menu {
        width: 100%;
    }

    .side-menu-header .side-menu-button {
        right: 15px;
    }

    /* hamburger menu */
    .menu-list-wrapper.menu-list-wrapper-small {
        max-height: calc(100vh - 60px);
        height: calc(100vh - 60px);
    }

    /* header push menu close button */
    .close-menu {
        right: 0;
        top: 0;
    }

    /* swiper carousel */
    .swiper-container-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-fraction {
        bottom: 30px;
    }

    /* swiper custom image bullets */
    .slider-custom-image.swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 0;
    }

    .slider-custom-image-pagination .swiper-pagination-bullet {
        width: 32px;
        height: 32px;
        margin: 0 7px !important;
    }

    /* slider navigation style 02 */
    .slider-navigation-style-02.swiper-button-prev {
        left: 0;
    }

    .slider-navigation-style-02.swiper-button-next {
        right: 0;
    }

    /* slider navigation style 05 */
    .slider-navigation-style-05.swiper-button-prev {
        left: 15px;
    }

    .slider-navigation-style-05.swiper-button-next {
        right: 15px;
    }

    /* slider navigation style 07 */
    .slider-navigation-style-07.swiper-button-prev.light {
        left: 0;
    }

    .slider-navigation-style-07.swiper-button-next.light {
        right: 0;
    }

    .slider-navigation-style-07.swiper-button-next {
        right: 10px;
    }

    .slider-navigation-style-07.swiper-button-prev {
        left: 10px;
    }

    /* swiper custom text */
    .slider-custom-text-prev.swiper-button-prev {
        padding-left: 8px;
        padding-right: 8px;
    }

    .slider-custom-text-next.swiper-button-next {
        padding-left: 8px;
        padding-right: 8px;
    }

    /* swiper vertical */
    .slider-vertical>.swiper-pagination-bullets {
        right: 15px;
    }

    /* swiper pagination */
    .slider-multy-scroll-right>.swiper-pagination-bullets {
        right: 15px;
    }

    /* grid */
    .grid.xs-grid-6col li {
        width: 16.67%;
    }

    .grid.xs-grid-6col li.grid-item-double {
        width: 33.33%;
    }

    .grid.xs-grid-5col li {
        width: 20%;
    }

    .grid.xs-grid-5col li.grid-item-double {
        width: 40%;
    }

    .grid.xs-grid-4col li {
        width: 25%;
    }

    .grid.xs-grid-4col li.grid-item-double {
        width: 50%;
    }

    .grid.xs-grid-3col li {
        width: 33.33%;
    }

    .grid.xs-grid-3col li.grid-item-double {
        width: 66.67%;
    }

    .grid.xs-grid-2col li {
        width: 50%;
    }

    .grid.xs-grid-2col li.grid-item-double {
        width: 100%;
    }

    .grid.xs-grid-1col li {
        width: 100%;
    }

    /* gutter size */
    .grid.gutter-medium,
    .grid.gutter-large {
        margin: 0 -15px;
    }

    .grid.gutter-medium li,
    .grid.gutter-large li {
        padding: 7px 15px;
    }

    /* blog simple */
    .blog-simple .blog-post {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .blog-simple .blog-post-image,
    .blog-simple .post-details {
        width: 100%;
    }

    /* blog side image */
    .blog-side-image .separator {
        display: none;
    }

    /* blog widget */
    .blog-widget li figure {
        width: 100px;
    }

    .blog-widget li .media-body {
        padding-left: 15px;
    }

    /* sidebar latest post */
    .latest-post-sidebar li figure {
        width: 80px;
    }

    /* pagination style 01 */
    .pagination-style-01 .page-link {
        margin: 0 5px;
    }

    /* newsletter email */
    .newsletter-email input {
        padding-right: 65px;
    }

    /* newsletter style 01 */
    .newsletter-style-01 .btn {
        position: static;
        top: 0;
        border-radius: 100px;
        width: 100%;
        transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        margin-top: 15px;
    }

    /* letter spacing */
    .xs-letter-spacing-normal {
        letter-spacing: normal;
    }

    .xs-letter-spacing-1-half {
        letter-spacing: 0.5px;
    }

    .xs-letter-spacing-1px {
        letter-spacing: 1px;
    }

    .xs-letter-spacing-2px {
        letter-spacing: 2px;
    }

    .xs-letter-spacing-3px {
        letter-spacing: 3px;
    }

    .xs-letter-spacing-4px {
        letter-spacing: 4px;
    }

    .xs-letter-spacing-5px {
        letter-spacing: 5px;
    }

    /* text size */
    .text-extra-big {
        font-size: 55px;
        line-height: 55px;
    }

    .text-big {
        font-size: 50px;
        line-height: 50px;
    }

    /* countdown style 01 */
    .countdown.countdown-style-01 .countdown-box,
    .countdown.countdown-style-01 .countdown-box:first-child,
    .countdown.countdown-style-01 .countdown-box:last-child {
        margin: 0 0 30px;
        width: 50%;
    }

    /* footer */
    footer .footer-horizontal-link li {
        margin: 0 0 7px;
    }

    /* events conference */
    .home-events-conference h1 {
        font-size: 28px;
        line-height: 38px;
    }

    /* marketing agency */
    .team-tulip-bubble {
        bottom: 70px;
        padding: 15px;
    }

    /* interactive list style */
    .fullscreen-hover-list .hover-list-item.active .interactive-number {
        transform: translateX(30px);
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
    }

    .fullscreen-hover-list .hover-list-item .interactive-line {
        width: 15px;
        margin-left: 10px;
    }

    .fullscreen-hover-list .hover-list-item .interactive-title:after {
        left: 15px;
        bottom: 15px;
        height: calc(100% - 30px);
    }

    .fullscreen-hover-list .hover-list-item.active .interactive-title:after {
        width: calc(100% - 30px);
    }

    .fullscreen-hover-list.light .hover-list-item .interactive-title {
        -webkit-text-stroke: 1px #4e4e4f;
        text-stroke: 1px #4e4e4f;
    }

    .fullscreen-hover-list .hover-list-item .interactive-icon {
        font-size: 40px;
    }

    /* interactive portfolio */
    .home-interactive-portfolio .fullscreen-hover-box .interactive-title {
        font-size: 30px;
        line-height: 30px;
        padding: 15px;
    }

    /* vertical portfolio */
    .home-vertical-portfolio .navbar {
        padding: 0;
    }

    /* swiper vertical */
    .slider-vertical .swiper-number-pagination {
        left: 17px;
    }

    /* personal portfolio */
    .home-personal-portfolio .title-large-2 {
        font-size: 50px;
        line-height: 55px;
    }

    /* photography */
    .home-photography .title-extra-large-heavy {
        font-size: 5rem;
    }

    .home-photography .interactive-banners-style-13 .interactive-banners-content {
        width: 35%;
    }

    /* freelancer */
    .home-freelancer .icon-extra-medium {
        font-size: 25px;
    }

    /* creative agency */
    .home-creative-agency h1.title-extra-large {
        font-size: 42px;
        line-height: 48px;
    }

    /* digital agency */
    .home-digital-agency h1.title-extra-large {
        font-size: 42px;
        line-height: 48px;
    }

    /* landing page */
    .litho-parallax-bg {
        right: 0px;
        top: -50px;
    }

    .landing-page-auto-slider .swiper-container.swiper-auto-slide .swiper-slide {
        width: 100% !important;
    }

    .landing-page-footer .title-large-2 {
        font-size: 35px;
        line-height: 42px;
    }

    /* split portfolio */
    .home-split-portfolio .title-large {
        font-size: 45px;
        line-height: 40px;
    }
}

@media screen and (max-width: 480px) {

    /* yoga meditation*/
    .home-yoga-meditation .rev_slider_wrapper {
        height: calc(100vh - 72px) !important;
    }

    /* home decor */
    .home-decor .rev_slider_wrapper {
        height: calc(100vh - 100px) !important;
    }

    /*.home-decor .zeus { transform: matrix(1, 0, 0, 1, -26, -55) !important; }*/
    .home-decor .collection-btn {
        top: auto !important;
    }

    .home-decor .collection-btn span {
        width: 45px !important;
        height: 45px !important;
    }

    /* photography*/
    .home-photography .ares {
        display: none !important;
    }

    .home-photography .zeus {
        display: block !important;
    }

    .home-photography .zeus .tp-bullet {
        height: 8px;
        width: 8px;
        border: 1px solid #fff;
        opacity: 0.5;
    }

    .home-photography .zeus .tp-bullet.selected {
        opacity: 1;
    }

    .home-photography .tp-bullet-image,
    .home-photography .tp-bullet-title,
    .home-photography .tp-bullet-imageoverlay {
        display: none !important;
    }

    /* startup*/
    .home-startup .rs-btn div {
        height: 30px !important;
        width: 30px !important;
    }

    .home-startup .tp-bullet.selected {
        opacity: 1;
    }

    /* architecture*/
    .home-architecture .metis.tparrows {
        width: 50px;
        height: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        top: auto !important;
        bottom: -25px;
        -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
        transform: translate(-50%, -50%) !important;
    }

    .home-architecture .metis.tparrows:before {
        padding-top: 0;
    }

    .home-architecture .metis.tparrows:hover:before {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .home-architecture .metis.tparrows.tp-leftarrow {
        left: 94% !important;
    }

    .home-architecture .metis.tparrows.tp-rightarrow {
        left: 94% !important;
        bottom: 25px;
    }

    /* split slider */
    .home-split-portfolio .swiper-slide-l {
        background-size: 53%;
    }

    /* countdown style 02 */
    .countdown.countdown-style-02 .countdown-box {
        margin-bottom: 15px;
        padding: 0 25px;
    }
}

@media (max-height: 460px) {

    /* header search */
    .active-form .form-wrapper .search-form {
        height: 85vh;
    }
}

@media (max-height: 600px) {

    /* modern menu */
    [data-mobile-nav-style="modern"] .navbar-modern-inner .navbar-collapse {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    /* full menu */
    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .navbar-collapse {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .navbar-toggler {
        right: 15px;
        top: 15px;
    }

    /* height */
    .full-screen-auto {
        height: auto !important;
    }
}