/*
Theme Name: Oli
Description: Responsive Coming Soon Template
Author: Erilisdesign
Theme URI: https://preview.erilisdesign.com/html/oli
Author URI: https://themeforest.net/user/erilisdesign
Version: 2.1.0
License: https://themeforest.net/licenses/standard
*/

/*------------------------------------------------------------------
This is a premium product available exclusively on Themeforest.
You can see it at this address http://themeforest.net/user/erilisdesign/portfolio
This file is minified/crypted only for the "live preview", you will find an expanded, commented and accurate file in your download pack.
Thanks!
-------------------------------------------------------------------*/
.bg-primary {
    background-color: #2754db !important
}

.bg-secondary {
    background-color: #01b7ce !important
}

.bg-light {
    background-color: #f7f7f7 !important
}

.bg-dark {
    background-color: #000 !important
}

.bg-navy {
    background-color: #001f3f
}

.bg-blue {
    background-color: #0074d9
}

.bg-aqua {
    background-color: #7fDBFF
}

.bg-teal {
    background-color: #39cccc
}

.bg-olive {
    background-color: #3D9970
}

.bg-green {
    background-color: #2ECC40
}

.bg-lime {
    background-color: #01ff70
}

.bg-yellow {
    background-color: #ffdc00
}

.bg-orange {
    background-color: #ff851B
}

.bg-red {
    background-color: #ff4136
}

.bg-marron {
    background-color: #85144b
}

.bg-fuchsia {
    background-color: #f012BE
}

.bg-purple {
    background-color: #B10DC9
}

.bg-black {
    background-color: #000
}

.bg-white {
    background-color: #fff
}

.bg-transparent {
    background: transparent
}

.bg-gradient-1 {
    background-color: #21D4FD;
    background-image: linear-gradient(27deg, #21D4FD 0%, #B721FF 100%);
}

.bg-gradient-2 {
    background-color: #2a27db;
    background-image: linear-gradient(45deg, #2a27db 0%, #2754db 100%);
}

.bg-gradient-3 {
    background-color: #ff4136;
    background-image: linear-gradient(45deg, #ff4136 0%, #ff851B 100%);
}

.bg-gradient-4 {
    background-color: #39cccc;
    background-image: linear-gradient(45deg, #2f46e4 0%, #39cccc 100%);
}

.bg-gradient-5 {
    background-color: #db2727;
    background-image: linear-gradient(45deg, #2754db 0%, #db2727 100%);
}

.bg-cover {
    background-size: cover
}

.bg-contain {
    background-size: contain
}

.bg-cover,
.bg-contain {
    background-repeat: no-repeat;
    background-position: center
}

.bg-top-left {
    background-position: top left
}

.bg-top-center {
    background-position: top center
}

.bg-top-right {
    background-position: top right
}

.bg-center-left {
    background-position: center left
}

.bg-center {
    background-position: center
}

.bg-center-right {
    background-position: center right
}

.bg-bottom-left {
    background-position: bottom left
}

.bg-bottom-center {
    background-position: bottom center
}

.bg-bottom-right {
    background-position: bottom right
}

.bg-repeat {
    background-repeat: repeat
}

.bg-repeat-x {
    background-repeat: repeat-x
}

.bg-repeat-y {
    background-repeat: repeat-y
}

.bg-norepeat {
    background-repeat: no-repeat
}

.w--25 {
    width: 25%
}

.w--50 {
    width: 50%
}

.w--75 {
    width: 75%
}

.w--100 {
    width: 100%
}

.w--auto {
    width: auto
}

.mw--100 {
    max-width: 100%
}

.min-w--100 {
    min-width: 100%
}

.min-vw--100 {
    min-width: 100vw
}

.vw--100 {
    width: 100vw
}

@media(min-width:576px) {
    .w-sm--25 {
        width: 25%
    }

    .w-sm--50 {
        width: 50%
    }

    .w-sm--75 {
        width: 75%
    }

    .w-sm--100 {
        width: 100%
    }

    .w-sm--auto {
        width: auto
    }

    .mw-sm--100 {
        max-width: 100%
    }

    .min-w-sm--100 {
        min-width: 100%
    }

    .min-vw-sm--100 {
        min-width: 100vw
    }

    .vw-sm--100 {
        width: 100vw
    }
}

@media(min-width:768px) {
    .w-md--25 {
        width: 25%
    }

    .w-md--50 {
        width: 50%
    }

    .w-md--75 {
        width: 75%
    }

    .w-md--100 {
        width: 100%
    }

    .w-md--auto {
        width: auto
    }

    .mw-md--100 {
        max-width: 100%
    }

    .min-w-md--100 {
        min-width: 100%
    }

    .min-vw-md--100 {
        min-width: 100vw
    }

    .vw-md--100 {
        width: 100vw
    }
}

@media(min-width:992px) {
    .w-lg--25 {
        width: 25%
    }

    .w-lg--50 {
        width: 50%
    }

    .w-lg--75 {
        width: 75%
    }

    .w-lg--100 {
        width: 100%
    }

    .w-lg--auto {
        width: auto
    }

    .mw-lg--100 {
        max-width: 100%
    }

    .min-w-lg--100 {
        min-width: 100%
    }

    .min-vw-lg--100 {
        min-width: 100vw
    }

    .vw-lg--100 {
        width: 100vw
    }
}

@media(min-width:1200px) {
    .w-xl--25 {
        width: 25%
    }

    .w-xl--50 {
        width: 50%
    }

    .w-xl--75 {
        width: 75%
    }

    .w-xl--100 {
        width: 100%
    }

    .w-xl--auto {
        width: auto
    }

    .mw-xl--100 {
        max-width: 100%
    }

    .min-w-xl--100 {
        min-width: 100%
    }

    .min-vw-xl--100 {
        min-width: 100vw
    }

    .vw-xl--100 {
        width: 100vw
    }
}

.h--25 {
    height: 25%
}

.h--50 {
    height: 50%
}

.h--75 {
    height: 75%
}

.h--100 {
    height: 100%
}

.h--auto {
    height: auto
}

.mh--100 {
    max-height: 100%
}

.min-vh--50 {
    min-height: 50vh
}

.min-vh--75 {
    min-height: 75vh
}

.min-vh--100 {
    min-height: 100vh
}

.vh--100 {
    height: 100vh
}

@media(min-width:576px) {
    .h-sm--25 {
        height: 25%
    }

    .h-sm--50 {
        height: 50%
    }

    .h-sm--75 {
        height: 75%
    }

    .h-sm--100 {
        height: 100%
    }

    .h-sm--auto {
        height: auto
    }

    .mh-sm--100 {
        max-height: 100%
    }

    .min-vh-sm--50 {
        min-height: 50vh
    }

    .min-vh-sm--75 {
        min-height: 75vh
    }

    .min-vh-sm--100 {
        min-height: 100vh
    }

    .vh-sm--100 {
        height: 100vh
    }
}

@media(min-width:768px) {
    .h-md--25 {
        height: 25%
    }

    .h-md--50 {
        height: 50%
    }

    .h-md--75 {
        height: 75%
    }

    .h-md--100 {
        height: 100%
    }

    .h-md--auto {
        height: auto
    }

    .mh-md--100 {
        max-height: 100%
    }

    .min-vh-md--50 {
        min-height: 50vh
    }

    .min-vh-md--75 {
        min-height: 75vh
    }

    .min-vh-md--100 {
        min-height: 100vh
    }

    .vh-md--100 {
        height: 100vh
    }
}

@media(min-width:992px) {
    .h-lg--25 {
        height: 25%
    }

    .h-lg--50 {
        height: 50%
    }

    .h-lg--75 {
        height: 75%
    }

    .h-lg--100 {
        height: 100%
    }

    .h-lg--auto {
        height: auto
    }

    .mh-lg--100 {
        max-height: 100%
    }

    .min-vh-lg--50 {
        min-height: 50vh
    }

    .min-vh-lg--75 {
        min-height: 75vh
    }

    .min-vh-lg--100 {
        min-height: 100vh
    }

    .vh-lg--100 {
        height: 100vh
    }
}

@media(min-width:1200px) {
    .h-xl--25 {
        height: 25%
    }

    .h-xl--50 {
        height: 50%
    }

    .h-xl--75 {
        height: 75%
    }

    .h-xl--100 {
        height: 100%
    }

    .h-xl--auto {
        height: auto
    }

    .mh-xl--100 {
        max-height: 100%
    }

    .min-vh-xl--50 {
        min-height: 50vh
    }

    .min-vh-xl--75 {
        min-height: 75vh
    }

    .min-vh-xl--100 {
        min-height: 100vh
    }

    .vh-xl--100 {
        height: 100vh
    }
}

.pin-t {
    top: 0
}

.pin-r {
    right: 0
}

.pin-b {
    bottom: 0
}

.pin-l {
    left: 0
}

.pin-y {
    top: 0;
    bottom: 0
}

.pin-x {
    right: 0;
    left: 0
}

.pin {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.pin-none {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto
}

@media(min-width:576px) {
    .pin-sm-t {
        top: 0
    }

    .pin-sm-r {
        right: 0
    }

    .pin-sm-b {
        bottom: 0
    }

    .pin-sm-l {
        left: 0
    }

    .pin-sm-y {
        top: 0;
        bottom: 0
    }

    .pin-sm-x {
        right: 0;
        left: 0
    }

    .pin-sm {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .pin-sm-none {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }
}

@media(min-width:768px) {
    .pin-md-t {
        top: 0
    }

    .pin-md-r {
        right: 0
    }

    .pin-md-b {
        bottom: 0
    }

    .pin-md-l {
        left: 0
    }

    .pin-md-y {
        top: 0;
        bottom: 0
    }

    .pin-md-x {
        right: 0;
        left: 0
    }

    .pin-md {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .pin-md-none {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }
}

@media(min-width:992px) {
    .pin-lg-t {
        top: 0
    }

    .pin-lg-r {
        right: 0
    }

    .pin-lg-b {
        bottom: 0
    }

    .pin-lg-l {
        left: 0
    }

    .pin-lg-y {
        top: 0;
        bottom: 0
    }

    .pin-lg-x {
        right: 0;
        left: 0
    }

    .pin-lg {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .pin-lg-none {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }
}

@media(min-width:1200px) {
    .pin-xl-t {
        top: 0
    }

    .pin-xl-r {
        right: 0
    }

    .pin-xl-b {
        bottom: 0
    }

    .pin-xl-l {
        left: 0
    }

    .pin-xl-y {
        top: 0;
        bottom: 0
    }

    .pin-xl-x {
        right: 0;
        left: 0
    }

    .pin-xl {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .pin-xl-none {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto
    }
}

.text-decoration-underline {
    text-decoration: underline
}

.font-body {
    font-family: 'Roboto', Helvetica, sans-serif
}

.font-display {
    font-family: 'Montserrat', Helvetica, sans-serif
}

.font-thin {
    font-weight: 100
}

.font-extralight {
    font-weight: 200
}

.font-light {
    font-weight: 300
}

.font-normal {
    font-weight: 400
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-black {
    font-weight: 900
}

@media(min-width:576px) {
    .font-sm-thin {
        font-weight: 100
    }

    .font-sm-extralight {
        font-weight: 200
    }

    .font-sm-light {
        font-weight: 300
    }

    .font-sm-normal {
        font-weight: 400
    }

    .font-sm-medium {
        font-weight: 500
    }

    .font-sm-semibold {
        font-weight: 600
    }

    .font-sm-bold {
        font-weight: 700
    }

    .font-sm-extrabold {
        font-weight: 800
    }

    .font-sm-black {
        font-weight: 900
    }
}

@media(min-width:768px) {
    .font-md-thin {
        font-weight: 100
    }

    .font-md-extralight {
        font-weight: 200
    }

    .font-md-light {
        font-weight: 300
    }

    .font-md-normal {
        font-weight: 400
    }

    .font-md-medium {
        font-weight: 500
    }

    .font-md-semibold {
        font-weight: 600
    }

    .font-md-bold {
        font-weight: 700
    }

    .font-md-extrabold {
        font-weight: 800
    }

    .font-md-black {
        font-weight: 900
    }
}

@media(min-width:992px) {
    .font-lg-thin {
        font-weight: 100
    }

    .font-lg-extralight {
        font-weight: 200
    }

    .font-lg-light {
        font-weight: 300
    }

    .font-lg-normal {
        font-weight: 400
    }

    .font-lg-medium {
        font-weight: 500
    }

    .font-lg-semibold {
        font-weight: 600
    }

    .font-lg-bold {
        font-weight: 700
    }

    .font-lg-extrabold {
        font-weight: 800
    }

    .font-lg-black {
        font-weight: 900
    }
}

@media(min-width:1200px) {
    .font-xl-thin {
        font-weight: 100
    }

    .font-xl-extralight {
        font-weight: 200
    }

    .font-xl-light {
        font-weight: 300
    }

    .font-xl-normal {
        font-weight: 400
    }

    .font-xl-medium {
        font-weight: 500
    }

    .font-xl-semibold {
        font-weight: 600
    }

    .font-xl-bold {
        font-weight: 700
    }

    .font-xl-extrabold {
        font-weight: 800
    }

    .font-xl-black {
        font-weight: 900
    }
}

.letter-spacing-tight {
    letter-spacing: -0.05em
}

.letter-spacing-normal {
    letter-spacing: 0
}

.letter-spacing-wide {
    letter-spacing: .05em
}

@media(min-width:576px) {
    .letter-spacing-sm-tight {
        letter-spacing: -0.05em
    }

    .letter-spacing-sm-normal {
        letter-spacing: 0
    }

    .letter-spacing-sm-wide {
        letter-spacing: .05em
    }
}

@media(min-width:768px) {
    .letter-spacing-md-tight {
        letter-spacing: -0.05em
    }

    .letter-spacing-md-normal {
        letter-spacing: 0
    }

    .letter-spacing-md-wide {
        letter-spacing: .05em
    }
}

@media(min-width:992px) {
    .letter-spacing-lg-tight {
        letter-spacing: -0.05em
    }

    .letter-spacing-lg-normal {
        letter-spacing: 0
    }

    .letter-spacing-lg-wide {
        letter-spacing: .05em
    }
}

@media(min-width:1200px) {
    .letter-spacing-xl-tight {
        letter-spacing: -0.05em
    }

    .letter-spacing-xl-normal {
        letter-spacing: 0
    }

    .letter-spacing-xl-wide {
        letter-spacing: .05em
    }
}

.line-height-none {
    line-height: 1
}

.line-height-tight {
    line-height: 1.25
}

.line-height-normal {
    line-height: 1.5
}

.line-height-greater {
    line-height: 1.75
}

.line-height-loose {
    line-height: 2
}

[class*="display--"] {
    line-height: 1.2
}

.display--1 {
    font-size: 6rem
}

.display--2 {
    font-size: 5.5rem
}

.display--3 {
    font-size: 4.5rem
}

.display--4 {
    font-size: 3.5rem
}

@media(min-width:576px) {
    .display--sm-1 {
        font-size: 6rem
    }

    .display--sm-2 {
        font-size: 5.5rem
    }

    .display--sm-3 {
        font-size: 4.5rem
    }

    .display--sm-4 {
        font-size: 3.5rem
    }
}

@media(min-width:768px) {
    .display--md-1 {
        font-size: 6rem
    }

    .display--md-2 {
        font-size: 5.5rem
    }

    .display--md-3 {
        font-size: 4.5rem
    }

    .display--md-4 {
        font-size: 3.5rem
    }
}

@media(min-width:992px) {
    .display--lg-1 {
        font-size: 6rem
    }

    .display--lg-2 {
        font-size: 5.5rem
    }

    .display--lg-3 {
        font-size: 4.5rem
    }

    .display--lg-4 {
        font-size: 3.5rem
    }
}

@media(min-width:1200px) {
    .display--xl-1 {
        font-size: 6rem
    }

    .display--xl-2 {
        font-size: 5.5rem
    }

    .display--xl-3 {
        font-size: 4.5rem
    }

    .display--xl-4 {
        font-size: 3.5rem
    }
}

.text-primary {
    color: #2754db !important
}

a.text-primary:hover,
a.text-primary:focus {
    color: #2754db !important
}

.text-secondary {
    color: #01b7ce !important
}

a.text-secondary:hover,
a.text-secondary:focus {
    color: #01b7ce !important
}

.text-dark {
    color: #252729 !important
}

a.text-dark:hover,
a.text-dark:focus {
    color: #343a40 !important
}

.text-navy {
    color: #001f3f
}

a.text-navy:hover,
a.text-navy:focus {
    color: #001f3f
}

.text-blue {
    color: #0074d9
}

a.text-blue:hover,
a.text-blue:focus {
    color: #0074d9
}

.text-aqua {
    color: #7fDBFF
}

a.text-aqua:hover,
a.text-aqua:focus {
    color: #7fDBFF
}

.text-teal {
    color: #39cccc
}

a.text-teal:hover,
a.text-teal:focus {
    color: #39cccc
}

.text-olive {
    color: #3D9970
}

a.text-olive:hover,
a.text-olive:focus {
    color: #3D9970
}

.text-green {
    color: #2ECC40
}

a.text-green:hover,
a.text-green:focus {
    color: #2ECC40
}

.text-lime {
    color: #01ff70
}

a.text-lime:hover,
a.text-lime:focus {
    color: #01ff70
}

.text-yellow {
    color: #ffdc00
}

a.text-yellow:hover,
a.text-yellow:focus {
    color: #ffdc00
}

.text-orange {
    color: #ff851B
}

a.text-orange:hover,
a.text-orange:focus {
    color: #ff851B
}

.text-red {
    color: #ff4136
}

a.text-red:hover,
a.text-red:focus {
    color: #ff4136
}

.text-marron {
    color: #85144b
}

a.text-marron:hover,
a.text-marron:focus {
    color: #85144b
}

.text-fuchsia {
    color: #f012BE
}

a.text-fuchsia:hover,
a.text-fuchsia:focus {
    color: #f012BE
}

.text-purple {
    color: #B10DC9
}

a.text-purple:hover,
a.text-purple:focus {
    color: #B10DC9
}

.text-black {
    color: #000
}

a.text-black:hover,
a.text-black:focus {
    color: #000
}

.text-white {
    color: #fff
}

a.text-white:hover,
a.text-white:focus {
    color: #fff
}

.opacity-100 {
    opacity: 1
}

.opacity-95 {
    opacity: .95
}

.opacity-90 {
    opacity: .9
}

.opacity-85 {
    opacity: .85
}

.opacity-80 {
    opacity: .8
}

.opacity-75 {
    opacity: .75
}

.opacity-70 {
    opacity: .70
}

.opacity-65 {
    opacity: .65
}

.opacity-60 {
    opacity: .60
}

.opacity-55 {
    opacity: .55
}

.opacity-50 {
    opacity: .5
}

.opacity-45 {
    opacity: .45
}

.opacity-40 {
    opacity: .4
}

.opacity-35 {
    opacity: .35
}

.opacity-30 {
    opacity: .3
}

.opacity-25 {
    opacity: .25
}

.opacity-20 {
    opacity: .2
}

.opacity-15 {
    opacity: .15
}

.opacity-10 {
    opacity: .1
}

.opacity-5 {
    opacity: .05
}

.opacity-0 {
    opacity: 0
}

.zindex-0 {
    z-index: 0
}

.zindex-10 {
    z-index: 10
}

.zindex-20 {
    z-index: 20
}

.zindex-30 {
    z-index: 30
}

.zindex-40 {
    z-index: 40
}

.zindex-50 {
    z-index: 50
}

.zindex-auto {
    z-index: auto
}

@media(min-width:576px) {
    .zindex-sm-0 {
        z-index: 0
    }

    .zindex-sm-10 {
        z-index: 10
    }

    .zindex-sm-20 {
        z-index: 20
    }

    .zindex-sm-30 {
        z-index: 30
    }

    .zindex-sm-40 {
        z-index: 40
    }

    .zindex-sm-50 {
        z-index: 50
    }

    .zindex-sm-auto {
        z-index: auto
    }
}

@media(min-width:768px) {
    .zindex-md-0 {
        z-index: 0
    }

    .zindex-md-10 {
        z-index: 10
    }

    .zindex-md-20 {
        z-index: 20
    }

    .zindex-md-30 {
        z-index: 30
    }

    .zindex-md-40 {
        z-index: 40
    }

    .zindex-md-50 {
        z-index: 50
    }

    .zindex-md-auto {
        z-index: auto
    }
}

@media(min-width:992px) {
    .zindex-lg-0 {
        z-index: 0
    }

    .zindex-lg-10 {
        z-index: 10
    }

    .zindex-lg-20 {
        z-index: 20
    }

    .zindex-lg-30 {
        z-index: 30
    }

    .zindex-lg-40 {
        z-index: 40
    }

    .zindex-lg-50 {
        z-index: 50
    }

    .zindex-lg-auto {
        z-index: auto
    }
}

@media(min-width:1200px) {
    .zindex-xl-0 {
        z-index: 0
    }

    .zindex-xl-10 {
        z-index: 10
    }

    .zindex-xl-20 {
        z-index: 20
    }

    .zindex-xl-30 {
        z-index: 30
    }

    .zindex-xl-40 {
        z-index: 40
    }

    .zindex-xl-50 {
        z-index: 50
    }

    .zindex-xl-auto {
        z-index: auto
    }
}

.shadow-1 {
    box-shadow: 0 3px 12px rgba(0, 0, 0, .054)
}

.shadow-2 {
    box-shadow: 0 7px 21px rgba(0, 0, 0, .054)
}

.shadow-3 {
    box-shadow: 0 12px 36px rgba(0, 0, 0, .054)
}

.shadow-4 {
    box-shadow: 0 27px 54px rgba(0, 0, 0, .054)
}

.shadow-5 {
    box-shadow: 0 0 27px rgba(0, 0, 0, .054)
}

.shadow-6 {
    box-shadow: 0 0 27px rgba(0, 0, 0, .12)
}

.shadow-7 {
    box-shadow: 0 0 27px rgba(0, 0, 0, .27)
}

.shadow-8 {
    box-shadow: 0 0 54px rgba(0, 0, 0, .054)
}

.shadow-9 {
    box-shadow: 0 0 54px rgba(0, 0, 0, .12)
}

.shadow-10 {
    box-shadow: 0 0 54px rgba(0, 0, 0, .27)
}

[class*="border--"] {
    border: 0
}

.border--0 {
    border: 0
}

.border--1 {
    border: 1px
}

.border--2 {
    border: 2px
}

.border-t--0 {
    border-top: 0
}

.border-t--1 {
    border-top: 1px
}

.border-t--2 {
    border-top: 2px
}

.border-b--0 {
    border-bottom: 0
}

.border-b--1 {
    border-bottom: 1px
}

.border-b--2 {
    border-bottom: 2px
}

.border-l--0 {
    border-left: 0
}

.border-l--1 {
    border-left: 1px
}

.border-l--2 {
    border-left: 2px
}

.border-r--0 {
    border-right: 0
}

.border-r--1 {
    border-right: 1px
}

.border-r--2 {
    border-right: 2px
}

@media(min-width: 576px) {
    .border--sm-0 {
        border: 0
    }

    .border--sm-1 {
        border: 1px
    }

    .border--sm-2 {
        border: 2px
    }

    .border--sm-t-0 {
        border-top: 0
    }

    .border--sm-t-1 {
        border-top: 1px
    }

    .border--sm-t-2 {
        border-top: 2px
    }

    .border--sm-b-0 {
        border-bottom: 0
    }

    .border--sm-b-1 {
        border-bottom: 1px
    }

    .border--sm-b-2 {
        border-bottom: 2px
    }

    .border--sm-l-0 {
        border-left: 0
    }

    .border--sm-l-1 {
        border-left: 1px
    }

    .border--sm-l-2 {
        border-left: 2px
    }

    .border--sm-r-0 {
        border-right: 0
    }

    .border--sm-r-1 {
        border-right: 1px
    }

    .border--sm-r-2 {
        border-right: 2px
    }
}

@media(min-width: 768px) {
    .border--md-0 {
        border: 0
    }

    .border--md-1 {
        border: 1px
    }

    .border--md-2 {
        border: 2px
    }

    .border--md-t-0 {
        border-top: 0
    }

    .border--md-t-1 {
        border-top: 1px
    }

    .border--md-t-2 {
        border-top: 2px
    }

    .border--md-b-0 {
        border-bottom: 0
    }

    .border--md-b-1 {
        border-bottom: 1px
    }

    .border--md-b-2 {
        border-bottom: 2px
    }

    .border--md-l-0 {
        border-left: 0
    }

    .border--md-l-1 {
        border-left: 1px
    }

    .border--md-l-2 {
        border-left: 2px
    }

    .border--md-r-0 {
        border-right: 0
    }

    .border--md-r-1 {
        border-right: 1px
    }

    .border--md-r-2 {
        border-right: 2px
    }
}

@media(min-width: 992px) {
    .border--lg-0 {
        border: 0
    }

    .border--lg-1 {
        border: 1px
    }

    .border--lg-2 {
        border: 2px
    }

    .border--lg-t-0 {
        border-top: 0
    }

    .border--lg-t-1 {
        border-top: 1px
    }

    .border--lg-t-2 {
        border-top: 2px
    }

    .border--lg-b-0 {
        border-bottom: 0
    }

    .border--lg-b-1 {
        border-bottom: 1px
    }

    .border--lg-b-2 {
        border-bottom: 2px
    }

    .border--lg-l-0 {
        border-left: 0
    }

    .border--lg-l-1 {
        border-left: 1px
    }

    .border--lg-l-2 {
        border-left: 2px
    }

    .border--lg-r-0 {
        border-right: 0
    }

    .border--lg-r-1 {
        border-right: 1px
    }

    .border--lg-r-2 {
        border-right: 2px
    }
}

@media(min-width: 1200px) {
    .border--xl-0 {
        border: 0
    }

    .border--xl-1 {
        border: 1px
    }

    .border--xl-2 {
        border: 2px
    }

    .border--xl-t-0 {
        border-top: 0
    }

    .border--xl-t-1 {
        border-top: 1px
    }

    .border--xl-t-2 {
        border-top: 2px
    }

    .border--xl-b-0 {
        border-bottom: 0
    }

    .border--xl-b-1 {
        border-bottom: 1px
    }

    .border--xl-b-2 {
        border-bottom: 2px
    }

    .border--xl-l-0 {
        border-left: 0
    }

    .border--xl-l-1 {
        border-left: 1px
    }

    .border--xl-l-2 {
        border-left: 2px
    }

    .border--xl-r-0 {
        border-right: 0
    }

    .border--xl-r-1 {
        border-right: 1px
    }

    .border--xl-r-2 {
        border-right: 2px
    }
}

[class*="border--"] {
    border-style: solid;
    border-color: #E5E5E5
}

.border--primary {
    border-color: #2754db !important
}

.border--secondary {
    border-color: #01b7ce !important
}

.border--light {
    border-color: #E5E5E5 !important
}

.border--dark {
    border-color: #030507 !important
}

.border--navy {
    border-color: #001f3f
}

.border--blue {
    border-color: #0074d9
}

.border--aqua {
    border-color: #7fDBFF
}

.border--teal {
    border-color: #39cccc
}

.border--olive {
    border-color: #3D9970
}

.border--green {
    border-color: #2ECC40
}

.border--lime {
    border-color: #01ff70
}

.border--yellow {
    border-color: #ffdc00
}

.border--orange {
    border-color: #ff851B
}

.border--red {
    border-color: #ff4136
}

.border--marron {
    border-color: #85144b
}

.border--fuchsia {
    border-color: #f012BE
}

.border--purple {
    border-color: #B10DC9
}

.border--black {
    border-color: #000
}

.border--white {
    border-color: #fff
}

.border--transparent {
    border: transparent
}

.m--0 {
    margin: 0
}

.mt--0,
.my--0 {
    margin-top: 0
}

.mr--0,
.mx--0 {
    margin-right: 0
}

.mb--0,
.my--0 {
    margin-bottom: 0
}

.ml--0,
.mx--0 {
    margin-left: 0
}

.m--10 {
    margin: 10px
}

.mt--10,
.my--10 {
    margin-top: 10px
}

.mr--10,
.mx--10 {
    margin-right: 10px
}

.mb--10,
.my--10 {
    margin-bottom: 10px
}

.ml--10,
.mx--10 {
    margin-left: 10px
}

.m--15 {
    margin: 15px
}

.mt--15,
.my--15 {
    margin-top: 15px
}

.mr--15,
.mx--15 {
    margin-right: 15px
}

.mb--15,
.my--15 {
    margin-bottom: 15px
}

.ml--15,
.mx--15 {
    margin-left: 15px
}

.m--20 {
    margin: 20px
}

.mt--20,
.my--20 {
    margin-top: 20px
}

.mr--20,
.mx--20 {
    margin-right: 20px
}

.mb--20,
.my--20 {
    margin-bottom: 20px
}

.ml--20,
.mx--20 {
    margin-left: 20px
}

.m--30 {
    margin: 30px
}

.mt--30,
.my--30 {
    margin-top: 30px
}

.mr--30,
.mx--30 {
    margin-right: 30px
}

.mb--30,
.my--30 {
    margin-bottom: 30px
}

.ml--30,
.mx--30 {
    margin-left: 30px
}

.m--40 {
    margin: 40px
}

.mt--40,
.my--40 {
    margin-top: 40px
}

.mr--40,
.mx--40 {
    margin-right: 40px
}

.mb--40,
.my--40 {
    margin-bottom: 40px
}

.ml--40,
.mx--40 {
    margin-left: 40px
}

.m--50 {
    margin: 50px
}

.mt--50,
.my--50 {
    margin-top: 50px
}

.mr--50,
.mx--50 {
    margin-right: 50px
}

.mb--50,
.my--50 {
    margin-bottom: 50px
}

.ml--50,
.mx--50 {
    margin-left: 50px
}

.m--60 {
    margin: 60px
}

.mt--60,
.my--60 {
    margin-top: 60px
}

.mr--60,
.mx--60 {
    margin-right: 60px
}

.mb--60,
.my--60 {
    margin-bottom: 60px
}

.ml--60,
.mx--60 {
    margin-left: 60px
}

.m--70 {
    margin: 70px
}

.mt--70,
.my--70 {
    margin-top: 70px
}

.mr--70,
.mx--70 {
    margin-right: 70px
}

.mb--70,
.my--70 {
    margin-bottom: 70px
}

.ml--70,
.mx--70 {
    margin-left: 70px
}

.m--80 {
    margin: 80px
}

.mt--80,
.my--80 {
    margin-top: 80px
}

.mr--80,
.mx--80 {
    margin-right: 80px
}

.mb--80,
.my--80 {
    margin-bottom: 80px
}

.ml--80,
.mx--80 {
    margin-left: 80px
}

.m--90 {
    margin: 90px
}

.mt--90,
.my--90 {
    margin-top: 90px
}

.mr--90,
.mx--90 {
    margin-right: 90px
}

.mb--90,
.my--90 {
    margin-bottom: 90px
}

.ml--90,
.mx--90 {
    margin-left: 90px
}

.m--100 {
    margin: 100px
}

.mt--100,
.my--100 {
    margin-top: 100px
}

.mr--100,
.mx--100 {
    margin-right: 100px
}

.mb--100,
.my--100 {
    margin-bottom: 100px
}

.ml--100,
.mx--100 {
    margin-left: 100px
}

.m--110 {
    margin: 110px
}

.mt--110,
.my--110 {
    margin-top: 110px
}

.mr--110,
.mx--110 {
    margin-right: 110px
}

.mb--110,
.my--110 {
    margin-bottom: 110px
}

.ml--110,
.mx--110 {
    margin-left: 110px
}

.m--120 {
    margin: 120px
}

.mt--120,
.my--120 {
    margin-top: 120px
}

.mr--120,
.mx--120 {
    margin-right: 120px
}

.mb--120,
.my--120 {
    margin-bottom: 120px
}

.ml--120,
.mx--120 {
    margin-left: 120px
}

.m--auto {
    margin: auto
}

.mt--auto,
.my--auto {
    margin-top: auto
}

.mr--auto,
.mx--auto {
    margin-right: auto
}

.mb--auto,
.my--auto {
    margin-bottom: auto
}

.ml--auto,
.mx--auto {
    margin-left: auto
}

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

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

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

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

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

    .m-sm--10 {
        margin: 10px
    }

    .mt-sm--10,
    .my-sm--10 {
        margin-top: 10px
    }

    .mr-sm--10,
    .mx-sm--10 {
        margin-right: 10px
    }

    .mb-sm--10,
    .my-sm--10 {
        margin-bottom: 10px
    }

    .ml-sm--10,
    .mx-sm--10 {
        margin-left: 10px
    }

    .m-sm--15 {
        margin: 15px
    }

    .mt-sm--15,
    .my-sm--15 {
        margin-top: 15px
    }

    .mr-sm--15,
    .mx-sm--15 {
        margin-right: 15px
    }

    .mb-sm--15,
    .my-sm--15 {
        margin-bottom: 15px
    }

    .ml-sm--15,
    .mx-sm--15 {
        margin-left: 15px
    }

    .m-sm--20 {
        margin: 20px
    }

    .mt-sm--20,
    .my-sm--20 {
        margin-top: 20px
    }

    .mr-sm--20,
    .mx-sm--20 {
        margin-right: 20px
    }

    .mb-sm--20,
    .my-sm--20 {
        margin-bottom: 20px
    }

    .ml-sm--20,
    .mx-sm--20 {
        margin-left: 20px
    }

    .m-sm--30 {
        margin: 30px
    }

    .mt-sm--30,
    .my-sm--30 {
        margin-top: 30px
    }

    .mr-sm--30,
    .mx-sm--30 {
        margin-right: 30px
    }

    .mb-sm--30,
    .my-sm--30 {
        margin-bottom: 30px
    }

    .ml-sm--30,
    .mx-sm--30 {
        margin-left: 30px
    }

    .m-sm--40 {
        margin: 40px
    }

    .mt-sm--40,
    .my-sm--40 {
        margin-top: 40px
    }

    .mr-sm--40,
    .mx-sm--40 {
        margin-right: 40px
    }

    .mb-sm--40,
    .my-sm--40 {
        margin-bottom: 40px
    }

    .ml-sm--40,
    .mx-sm--40 {
        margin-left: 40px
    }

    .m-sm--50 {
        margin: 50px
    }

    .mt-sm--50,
    .my-sm--50 {
        margin-top: 50px
    }

    .mr-sm--50,
    .mx-sm--50 {
        margin-right: 50px
    }

    .mb-sm--50,
    .my-sm--50 {
        margin-bottom: 50px
    }

    .ml-sm--50,
    .mx-sm--50 {
        margin-left: 50px
    }

    .m-sm--60 {
        margin: 60px
    }

    .mt-sm--60,
    .my-sm--60 {
        margin-top: 60px
    }

    .mr-sm--60,
    .mx-sm--60 {
        margin-right: 60px
    }

    .mb-sm--60,
    .my-sm--60 {
        margin-bottom: 60px
    }

    .ml-sm--60,
    .mx-sm--60 {
        margin-left: 60px
    }

    .m-sm--70 {
        margin: 70px
    }

    .mt-sm--70,
    .my-sm--70 {
        margin-top: 70px
    }

    .mr-sm--70,
    .mx-sm--70 {
        margin-right: 70px
    }

    .mb-sm--70,
    .my-sm--70 {
        margin-bottom: 70px
    }

    .ml-sm--70,
    .mx-sm--70 {
        margin-left: 70px
    }

    .m-sm--80 {
        margin: 80px
    }

    .mt-sm--80,
    .my-sm--80 {
        margin-top: 80px
    }

    .mr-sm--80,
    .mx-sm--80 {
        margin-right: 80px
    }

    .mb-sm--80,
    .my-sm--80 {
        margin-bottom: 80px
    }

    .ml-sm--80,
    .mx-sm--80 {
        margin-left: 80px
    }

    .m-sm--90 {
        margin: 90px
    }

    .mt-sm--90,
    .my-sm--90 {
        margin-top: 90px
    }

    .mr-sm--90,
    .mx-sm--90 {
        margin-right: 90px
    }

    .mb-sm--90,
    .my-sm--90 {
        margin-bottom: 90px
    }

    .ml-sm--90,
    .mx-sm--90 {
        margin-left: 90px
    }

    .m-sm--100 {
        margin: 100px
    }

    .mt-sm--100,
    .my-sm--100 {
        margin-top: 100px
    }

    .mr-sm--100,
    .mx-sm--100 {
        margin-right: 100px
    }

    .mb-sm--100,
    .my-sm--100 {
        margin-bottom: 100px
    }

    .ml-sm--100,
    .mx-sm--100 {
        margin-left: 100px
    }

    .m-sm--110 {
        margin: 110px
    }

    .mt-sm--110,
    .my-sm--110 {
        margin-top: 110px
    }

    .mr-sm--110,
    .mx-sm--110 {
        margin-right: 110px
    }

    .mb-sm--110,
    .my-sm--110 {
        margin-bottom: 110px
    }

    .ml-sm--110,
    .mx-sm--110 {
        margin-left: 110px
    }

    .m-sm--120 {
        margin: 120px
    }

    .mt-sm--120,
    .my-sm--120 {
        margin-top: 120px
    }

    .mr-sm--120,
    .mx-sm--120 {
        margin-right: 120px
    }

    .mb-sm--120,
    .my-sm--120 {
        margin-bottom: 120px
    }

    .ml-sm--120,
    .mx-sm--120 {
        margin-left: 120px
    }

    .m-sm--auto {
        margin: auto
    }

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

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

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

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

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

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

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

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

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

    .m-md--10 {
        margin: 10px
    }

    .mt-md--10,
    .my-md--10 {
        margin-top: 10px
    }

    .mr-md--10,
    .mx-md--10 {
        margin-right: 10px
    }

    .mb-md--10,
    .my-md--10 {
        margin-bottom: 10px
    }

    .ml-md--10,
    .mx-md--10 {
        margin-left: 10px
    }

    .m-md--15 {
        margin: 15px
    }

    .mt-md--15,
    .my-md--15 {
        margin-top: 15px
    }

    .mr-md--15,
    .mx-md--15 {
        margin-right: 15px
    }

    .mb-md--15,
    .my-md--15 {
        margin-bottom: 15px
    }

    .ml-md--15,
    .mx-md--15 {
        margin-left: 15px
    }

    .m-md--20 {
        margin: 20px
    }

    .mt-md--20,
    .my-md--20 {
        margin-top: 20px
    }

    .mr-md--20,
    .mx-md--20 {
        margin-right: 20px
    }

    .mb-md--20,
    .my-md--20 {
        margin-bottom: 20px
    }

    .ml-md--20,
    .mx-md--20 {
        margin-left: 20px
    }

    .m-md--30 {
        margin: 30px
    }

    .mt-md--30,
    .my-md--30 {
        margin-top: 30px
    }

    .mr-md--30,
    .mx-md--30 {
        margin-right: 30px
    }

    .mb-md--30,
    .my-md--30 {
        margin-bottom: 30px
    }

    .ml-md--30,
    .mx-md--30 {
        margin-left: 30px
    }

    .m-md--40 {
        margin: 40px
    }

    .mt-md--40,
    .my-md--40 {
        margin-top: 40px
    }

    .mr-md--40,
    .mx-md--40 {
        margin-right: 40px
    }

    .mb-md--40,
    .my-md--40 {
        margin-bottom: 40px
    }

    .ml-md--40,
    .mx-md--40 {
        margin-left: 40px
    }

    .m-md--50 {
        margin: 50px
    }

    .mt-md--50,
    .my-md--50 {
        margin-top: 50px
    }

    .mr-md--50,
    .mx-md--50 {
        margin-right: 50px
    }

    .mb-md--50,
    .my-md--50 {
        margin-bottom: 50px
    }

    .ml-md--50,
    .mx-md--50 {
        margin-left: 50px
    }

    .m-md--60 {
        margin: 60px
    }

    .mt-md--60,
    .my-md--60 {
        margin-top: 60px
    }

    .mr-md--60,
    .mx-md--60 {
        margin-right: 60px
    }

    .mb-md--60,
    .my-md--60 {
        margin-bottom: 60px
    }

    .ml-md--60,
    .mx-md--60 {
        margin-left: 60px
    }

    .m-md--70 {
        margin: 70px
    }

    .mt-md--70,
    .my-md--70 {
        margin-top: 70px
    }

    .mr-md--70,
    .mx-md--70 {
        margin-right: 70px
    }

    .mb-md--70,
    .my-md--70 {
        margin-bottom: 70px
    }

    .ml-md--70,
    .mx-md--70 {
        margin-left: 70px
    }

    .m-md--80 {
        margin: 80px
    }

    .mt-md--80,
    .my-md--80 {
        margin-top: 80px
    }

    .mr-md--80,
    .mx-md--80 {
        margin-right: 80px
    }

    .mb-md--80,
    .my-md--80 {
        margin-bottom: 80px
    }

    .ml-md--80,
    .mx-md--80 {
        margin-left: 80px
    }

    .m-md--90 {
        margin: 90px
    }

    .mt-md--90,
    .my-md--90 {
        margin-top: 90px
    }

    .mr-md--90,
    .mx-md--90 {
        margin-right: 90px
    }

    .mb-md--90,
    .my-md--90 {
        margin-bottom: 90px
    }

    .ml-md--90,
    .mx-md--90 {
        margin-left: 90px
    }

    .m-md--100 {
        margin: 100px
    }

    .mt-md--100,
    .my-md--100 {
        margin-top: 100px
    }

    .mr-md--100,
    .mx-md--100 {
        margin-right: 100px
    }

    .mb-md--100,
    .my-md--100 {
        margin-bottom: 100px
    }

    .ml-md--100,
    .mx-md--100 {
        margin-left: 100px
    }

    .m-md--110 {
        margin: 110px
    }

    .mt-md--110,
    .my-md--110 {
        margin-top: 110px
    }

    .mr-md--110,
    .mx-md--110 {
        margin-right: 110px
    }

    .mb-md--110,
    .my-md--110 {
        margin-bottom: 110px
    }

    .ml-md--110,
    .mx-md--110 {
        margin-left: 110px
    }

    .m-md--120 {
        margin: 120px
    }

    .mt-md--120,
    .my-md--120 {
        margin-top: 120px
    }

    .mr-md--120,
    .mx-md--120 {
        margin-right: 120px
    }

    .mb-md--120,
    .my-md--120 {
        margin-bottom: 120px
    }

    .ml-md--120,
    .mx-md--120 {
        margin-left: 120px
    }

    .m-md--auto {
        margin: auto
    }

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

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

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

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

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

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

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

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

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

    .m-lg--10 {
        margin: 10px
    }

    .mt-lg--10,
    .my-lg--10 {
        margin-top: 10px
    }

    .mr-lg--10,
    .mx-lg--10 {
        margin-right: 10px
    }

    .mb-lg--10,
    .my-lg--10 {
        margin-bottom: 10px
    }

    .ml-lg--10,
    .mx-lg--10 {
        margin-left: 10px
    }

    .m-lg--15 {
        margin: 15px
    }

    .mt-lg--15,
    .my-lg--15 {
        margin-top: 15px
    }

    .mr-lg--15,
    .mx-lg--15 {
        margin-right: 15px
    }

    .mb-lg--15,
    .my-lg--15 {
        margin-bottom: 15px
    }

    .ml-lg--15,
    .mx-lg--15 {
        margin-left: 15px
    }

    .m-lg--20 {
        margin: 20px
    }

    .mt-lg--20,
    .my-lg--20 {
        margin-top: 20px
    }

    .mr-lg--20,
    .mx-lg--20 {
        margin-right: 20px
    }

    .mb-lg--20,
    .my-lg--20 {
        margin-bottom: 20px
    }

    .ml-lg--20,
    .mx-lg--20 {
        margin-left: 20px
    }

    .m-lg--30 {
        margin: 30px
    }

    .mt-lg--30,
    .my-lg--30 {
        margin-top: 30px
    }

    .mr-lg--30,
    .mx-lg--30 {
        margin-right: 30px
    }

    .mb-lg--30,
    .my-lg--30 {
        margin-bottom: 30px
    }

    .ml-lg--30,
    .mx-lg--30 {
        margin-left: 30px
    }

    .m-lg--40 {
        margin: 40px
    }

    .mt-lg--40,
    .my-lg--40 {
        margin-top: 40px
    }

    .mr-lg--40,
    .mx-lg--40 {
        margin-right: 40px
    }

    .mb-lg--40,
    .my-lg--40 {
        margin-bottom: 40px
    }

    .ml-lg--40,
    .mx-lg--40 {
        margin-left: 40px
    }

    .m-lg--50 {
        margin: 50px
    }

    .mt-lg--50,
    .my-lg--50 {
        margin-top: 50px
    }

    .mr-lg--50,
    .mx-lg--50 {
        margin-right: 50px
    }

    .mb-lg--50,
    .my-lg--50 {
        margin-bottom: 50px
    }

    .ml-lg--50,
    .mx-lg--50 {
        margin-left: 50px
    }

    .m-lg--60 {
        margin: 60px
    }

    .mt-lg--60,
    .my-lg--60 {
        margin-top: 60px
    }

    .mr-lg--60,
    .mx-lg--60 {
        margin-right: 60px
    }

    .mb-lg--60,
    .my-lg--60 {
        margin-bottom: 60px
    }

    .ml-lg--60,
    .mx-lg--60 {
        margin-left: 60px
    }

    .m-lg--70 {
        margin: 70px
    }

    .mt-lg--70,
    .my-lg--70 {
        margin-top: 70px
    }

    .mr-lg--70,
    .mx-lg--70 {
        margin-right: 70px
    }

    .mb-lg--70,
    .my-lg--70 {
        margin-bottom: 70px
    }

    .ml-lg--70,
    .mx-lg--70 {
        margin-left: 70px
    }

    .m-lg--80 {
        margin: 80px
    }

    .mt-lg--80,
    .my-lg--80 {
        margin-top: 80px
    }

    .mr-lg--80,
    .mx-lg--80 {
        margin-right: 80px
    }

    .mb-lg--80,
    .my-lg--80 {
        margin-bottom: 80px
    }

    .ml-lg--80,
    .mx-lg--80 {
        margin-left: 80px
    }

    .m-lg--90 {
        margin: 90px
    }

    .mt-lg--90,
    .my-lg--90 {
        margin-top: 90px
    }

    .mr-lg--90,
    .mx-lg--90 {
        margin-right: 90px
    }

    .mb-lg--90,
    .my-lg--90 {
        margin-bottom: 90px
    }

    .ml-lg--90,
    .mx-lg--90 {
        margin-left: 90px
    }

    .m-lg--100 {
        margin: 100px
    }

    .mt-lg--100,
    .my-lg--100 {
        margin-top: 100px
    }

    .mr-lg--100,
    .mx-lg--100 {
        margin-right: 100px
    }

    .mb-lg--100,
    .my-lg--100 {
        margin-bottom: 100px
    }

    .ml-lg--100,
    .mx-lg--100 {
        margin-left: 100px
    }

    .m-lg--110 {
        margin: 110px
    }

    .mt-lg--110,
    .my-lg--110 {
        margin-top: 110px
    }

    .mr-lg--110,
    .mx-lg--110 {
        margin-right: 110px
    }

    .mb-lg--110,
    .my-lg--110 {
        margin-bottom: 110px
    }

    .ml-lg--110,
    .mx-lg--110 {
        margin-left: 110px
    }

    .m-lg--120 {
        margin: 120px
    }

    .mt-lg--120,
    .my-lg--120 {
        margin-top: 120px
    }

    .mr-lg--120,
    .mx-lg--120 {
        margin-right: 120px
    }

    .mb-lg--120,
    .my-lg--120 {
        margin-bottom: 120px
    }

    .ml-lg--120,
    .mx-lg--120 {
        margin-left: 120px
    }

    .m-lg--auto {
        margin: auto
    }

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

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

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

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

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

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

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

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

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

    .m-xl--10 {
        margin: 10px
    }

    .mt-xl--10,
    .my-xl--10 {
        margin-top: 10px
    }

    .mr-xl--10,
    .mx-xl--10 {
        margin-right: 10px
    }

    .mb-xl--10,
    .my-xl--10 {
        margin-bottom: 10px
    }

    .ml-xl--10,
    .mx-xl--10 {
        margin-left: 10px
    }

    .m-xl--15 {
        margin: 15px
    }

    .mt-xl--15,
    .my-xl--15 {
        margin-top: 15px
    }

    .mr-xl--15,
    .mx-xl--15 {
        margin-right: 15px
    }

    .mb-xl--15,
    .my-xl--15 {
        margin-bottom: 15px
    }

    .ml-xl--15,
    .mx-xl--15 {
        margin-left: 15px
    }

    .m-xl--20 {
        margin: 20px
    }

    .mt-xl--20,
    .my-xl--20 {
        margin-top: 20px
    }

    .mr-xl--20,
    .mx-xl--20 {
        margin-right: 20px
    }

    .mb-xl--20,
    .my-xl--20 {
        margin-bottom: 20px
    }

    .ml-xl--20,
    .mx-xl--20 {
        margin-left: 20px
    }

    .m-xl--30 {
        margin: 30px
    }

    .mt-xl--30,
    .my-xl--30 {
        margin-top: 30px
    }

    .mr-xl--30,
    .mx-xl--30 {
        margin-right: 30px
    }

    .mb-xl--30,
    .my-xl--30 {
        margin-bottom: 30px
    }

    .ml-xl--30,
    .mx-xl--30 {
        margin-left: 30px
    }

    .m-xl--40 {
        margin: 40px
    }

    .mt-xl--40,
    .my-xl--40 {
        margin-top: 40px
    }

    .mr-xl--40,
    .mx-xl--40 {
        margin-right: 40px
    }

    .mb-xl--40,
    .my-xl--40 {
        margin-bottom: 40px
    }

    .ml-xl--40,
    .mx-xl--40 {
        margin-left: 40px
    }

    .m-xl--50 {
        margin: 50px
    }

    .mt-xl--50,
    .my-xl--50 {
        margin-top: 50px
    }

    .mr-xl--50,
    .mx-xl--50 {
        margin-right: 50px
    }

    .mb-xl--50,
    .my-xl--50 {
        margin-bottom: 50px
    }

    .ml-xl--50,
    .mx-xl--50 {
        margin-left: 50px
    }

    .m-xl--60 {
        margin: 60px
    }

    .mt-xl--60,
    .my-xl--60 {
        margin-top: 60px
    }

    .mr-xl--60,
    .mx-xl--60 {
        margin-right: 60px
    }

    .mb-xl--60,
    .my-xl--60 {
        margin-bottom: 60px
    }

    .ml-xl--60,
    .mx-xl--60 {
        margin-left: 60px
    }

    .m-xl--70 {
        margin: 70px
    }

    .mt-xl--70,
    .my-xl--70 {
        margin-top: 70px
    }

    .mr-xl--70,
    .mx-xl--70 {
        margin-right: 70px
    }

    .mb-xl--70,
    .my-xl--70 {
        margin-bottom: 70px
    }

    .ml-xl--70,
    .mx-xl--70 {
        margin-left: 70px
    }

    .m-xl--80 {
        margin: 80px
    }

    .mt-xl--80,
    .my-xl--80 {
        margin-top: 80px
    }

    .mr-xl--80,
    .mx-xl--80 {
        margin-right: 80px
    }

    .mb-xl--80,
    .my-xl--80 {
        margin-bottom: 80px
    }

    .ml-xl--80,
    .mx-xl--80 {
        margin-left: 80px
    }

    .m-xl--90 {
        margin: 90px
    }

    .mt-xl--90,
    .my-xl--90 {
        margin-top: 90px
    }

    .mr-xl--90,
    .mx-xl--90 {
        margin-right: 90px
    }

    .mb-xl--90,
    .my-xl--90 {
        margin-bottom: 90px
    }

    .ml-xl--90,
    .mx-xl--90 {
        margin-left: 90px
    }

    .m-xl--100 {
        margin: 100px
    }

    .mt-xl--100,
    .my-xl--100 {
        margin-top: 100px
    }

    .mr-xl--100,
    .mx-xl--100 {
        margin-right: 100px
    }

    .mb-xl--100,
    .my-xl--100 {
        margin-bottom: 100px
    }

    .ml-xl--100,
    .mx-xl--100 {
        margin-left: 100px
    }

    .m-xl--110 {
        margin: 110px
    }

    .mt-xl--110,
    .my-xl--110 {
        margin-top: 110px
    }

    .mr-xl--110,
    .mx-xl--110 {
        margin-right: 110px
    }

    .mb-xl--110,
    .my-xl--110 {
        margin-bottom: 110px
    }

    .ml-xl--110,
    .mx-xl--110 {
        margin-left: 110px
    }

    .m-xl--120 {
        margin: 120px
    }

    .mt-xl--120,
    .my-xl--120 {
        margin-top: 120px
    }

    .mr-xl--120,
    .mx-xl--120 {
        margin-right: 120px
    }

    .mb-xl--120,
    .my-xl--120 {
        margin-bottom: 120px
    }

    .ml-xl--120,
    .mx-xl--120 {
        margin-left: 120px
    }

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

    .mt-xl--auto,
    .my-xl--auto {
        margin-top: auto
    }

    .mr-xl--auto,
    .mx-xl--auto {
        margin-right: auto
    }

    .mb-xl--auto,
    .my-xl--auto {
        margin-bottom: auto
    }

    .ml-xl--auto,
    .mx-xl--auto {
        margin-left: auto
    }
}

.p--0 {
    padding: 0
}

.pt--0,
.py--0 {
    padding-top: 0
}

.pr--0,
.px--0 {
    padding-right: 0
}

.pb--0,
.py--0 {
    padding-bottom: 0
}

.pl--0,
.px--0 {
    padding-left: 0
}

.p--10 {
    padding: 10px
}

.pt--10,
.py--10 {
    padding-top: 10px
}

.pr--10,
.px--10 {
    padding-right: 10px
}

.pb--10,
.py--10 {
    padding-bottom: 10px
}

.pl--10,
.px--10 {
    padding-left: 10px
}

.p--15 {
    padding: 15px
}

.pt--15,
.py--15 {
    padding-top: 15px
}

.pr--15,
.px--15 {
    padding-right: 15px
}

.pb--15,
.py--15 {
    padding-bottom: 15px
}

.pl--15,
.px--15 {
    padding-left: 15px
}

.p--20 {
    padding: 20px
}

.pt--20,
.py--20 {
    padding-top: 20px
}

.pr--20,
.px--20 {
    padding-right: 20px
}

.pb--20,
.py--20 {
    padding-bottom: 20px
}

.pl--20,
.px--20 {
    padding-left: 20px
}

.p--30 {
    padding: 30px
}

.pt--30,
.py--30 {
    padding-top: 30px
}

.pr--30,
.px--30 {
    padding-right: 30px
}

.pb--30,
.py--30 {
    padding-bottom: 30px
}

.pl--30,
.px--30 {
    padding-left: 30px
}

.p--40 {
    padding: 40px
}

.pt--40,
.py--40 {
    padding-top: 40px
}

.pr--40,
.px--40 {
    padding-right: 40px
}

.pb--40,
.py--40 {
    padding-bottom: 40px
}

.pl--40,
.px--40 {
    padding-left: 40px
}

.p--50 {
    padding: 50px
}

.pt--50,
.py--50 {
    padding-top: 50px
}

.pr--50,
.px--50 {
    padding-right: 50px
}

.pb--50,
.py--50 {
    padding-bottom: 50px
}

.pl--50,
.px--50 {
    padding-left: 50px
}

.p--60 {
    padding: 60px
}

.pt--60,
.py--60 {
    padding-top: 60px
}

.pr--60,
.px--60 {
    padding-right: 60px
}

.pb--60,
.py--60 {
    padding-bottom: 60px
}

.pl--60,
.px--60 {
    padding-left: 60px
}

.p--70 {
    padding: 70px
}

.pt--70,
.py--70 {
    padding-top: 70px
}

.pr--70,
.px--70 {
    padding-right: 70px
}

.pb--70,
.py--70 {
    padding-bottom: 70px
}

.pl--70,
.px--70 {
    padding-left: 70px
}

.p--80 {
    padding: 80px
}

.pt--80,
.py--80 {
    padding-top: 80px
}

.pr--80,
.px--80 {
    padding-right: 80px
}

.pb--80,
.py--80 {
    padding-bottom: 80px
}

.pl--80,
.px--80 {
    padding-left: 80px
}

.p--90 {
    padding: 90px
}

.pt--90,
.py--90 {
    padding-top: 90px
}

.pr--90,
.px--90 {
    padding-right: 90px
}

.pb--90,
.py--90 {
    padding-bottom: 90px
}

.pl--90,
.px--90 {
    padding-left: 90px
}

.p--100 {
    padding: 100px
}

.pt--100,
.py--100 {
    padding-top: 100px
}

.pr--100,
.px--100 {
    padding-right: 100px
}

.pb--100,
.py--100 {
    padding-bottom: 100px
}

.pl--100,
.px--100 {
    padding-left: 100px
}

.p--110 {
    padding: 110px
}

.pt--110,
.py--110 {
    padding-top: 110px
}

.pr--110,
.px--110 {
    padding-right: 110px
}

.pb--110,
.py--110 {
    padding-bottom: 110px
}

.pl--110,
.px--110 {
    padding-left: 110px
}

.p--120 {
    padding: 120px
}

.pt--120,
.py--120 {
    padding-top: 120px
}

.pr--120,
.px--120 {
    padding-right: 120px
}

.pb--120,
.py--120 {
    padding-bottom: 120px
}

.pl--120,
.px--120 {
    padding-left: 120px
}

@media(min-width:576px) {
    .p-sm--0 {
        padding: 0
    }

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

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

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

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

    .p-sm--10 {
        padding: 10px
    }

    .pt-sm--10,
    .py-sm--10 {
        padding-top: 10px
    }

    .pr-sm--10,
    .px-sm--10 {
        padding-right: 10px
    }

    .pb-sm--10,
    .py-sm--10 {
        padding-bottom: 10px
    }

    .pl-sm--10,
    .px-sm--10 {
        padding-left: 10px
    }

    .p-sm--15 {
        padding: 15px
    }

    .pt-sm--15,
    .py-sm--15 {
        padding-top: 15px
    }

    .pr-sm--15,
    .px-sm--15 {
        padding-right: 15px
    }

    .pb-sm--15,
    .py-sm--15 {
        padding-bottom: 15px
    }

    .pl-sm--15,
    .px-sm--15 {
        padding-left: 15px
    }

    .p-sm--20 {
        padding: 20px
    }

    .pt-sm--20,
    .py-sm--20 {
        padding-top: 20px
    }

    .pr-sm--20,
    .px-sm--20 {
        padding-right: 20px
    }

    .pb-sm--20,
    .py-sm--20 {
        padding-bottom: 20px
    }

    .pl-sm--20,
    .px-sm--20 {
        padding-left: 20px
    }

    .p-sm--30 {
        padding: 30px
    }

    .pt-sm--30,
    .py-sm--30 {
        padding-top: 30px
    }

    .pr-sm--30,
    .px-sm--30 {
        padding-right: 30px
    }

    .pb-sm--30,
    .py-sm--30 {
        padding-bottom: 30px
    }

    .pl-sm--30,
    .px-sm--30 {
        padding-left: 30px
    }

    .p-sm--40 {
        padding: 40px
    }

    .pt-sm--40,
    .py-sm--40 {
        padding-top: 40px
    }

    .pr-sm--40,
    .px-sm--40 {
        padding-right: 40px
    }

    .pb-sm--40,
    .py-sm--40 {
        padding-bottom: 40px
    }

    .pl-sm--40,
    .px-sm--40 {
        padding-left: 40px
    }

    .p-sm--50 {
        padding: 50px
    }

    .pt-sm--50,
    .py-sm--50 {
        padding-top: 50px
    }

    .pr-sm--50,
    .px-sm--50 {
        padding-right: 50px
    }

    .pb-sm--50,
    .py-sm--50 {
        padding-bottom: 50px
    }

    .pl-sm--50,
    .px-sm--50 {
        padding-left: 50px
    }

    .p-sm--60 {
        padding: 60px
    }

    .pt-sm--60,
    .py-sm--60 {
        padding-top: 60px
    }

    .pr-sm--60,
    .px-sm--60 {
        padding-right: 60px
    }

    .pb-sm--60,
    .py-sm--60 {
        padding-bottom: 60px
    }

    .pl-sm--60,
    .px-sm--60 {
        padding-left: 60px
    }

    .p-sm--70 {
        padding: 70px
    }

    .pt-sm--70,
    .py-sm--70 {
        padding-top: 70px
    }

    .pr-sm--70,
    .px-sm--70 {
        padding-right: 70px
    }

    .pb-sm--70,
    .py-sm--70 {
        padding-bottom: 70px
    }

    .pl-sm--70,
    .px-sm--70 {
        padding-left: 70px
    }

    .p-sm--80 {
        padding: 80px
    }

    .pt-sm--80,
    .py-sm--80 {
        padding-top: 80px
    }

    .pr-sm--80,
    .px-sm--80 {
        padding-right: 80px
    }

    .pb-sm--80,
    .py-sm--80 {
        padding-bottom: 80px
    }

    .pl-sm--80,
    .px-sm--80 {
        padding-left: 80px
    }

    .p-sm--90 {
        padding: 90px
    }

    .pt-sm--90,
    .py-sm--90 {
        padding-top: 90px
    }

    .pr-sm--90,
    .px-sm--90 {
        padding-right: 90px
    }

    .pb-sm--90,
    .py-sm--90 {
        padding-bottom: 90px
    }

    .pl-sm--90,
    .px-sm--90 {
        padding-left: 90px
    }

    .p-sm--100 {
        padding: 100px
    }

    .pt-sm--100,
    .py-sm--100 {
        padding-top: 100px
    }

    .pr-sm--100,
    .px-sm--100 {
        padding-right: 100px
    }

    .pb-sm--100,
    .py-sm--100 {
        padding-bottom: 100px
    }

    .pl-sm--100,
    .px-sm--100 {
        padding-left: 100px
    }

    .p-sm--110 {
        padding: 110px
    }

    .pt-sm--110,
    .py-sm--110 {
        padding-top: 110px
    }

    .pr-sm--110,
    .px-sm--110 {
        padding-right: 110px
    }

    .pb-sm--110,
    .py-sm--110 {
        padding-bottom: 110px
    }

    .pl-sm--110,
    .px-sm--110 {
        padding-left: 110px
    }

    .p-sm--120 {
        padding: 120px
    }

    .pt-sm--120,
    .py-sm--120 {
        padding-top: 120px
    }

    .pr-sm--120,
    .px-sm--120 {
        padding-right: 120px
    }

    .pb-sm--120,
    .py-sm--120 {
        padding-bottom: 120px
    }

    .pl-sm--120,
    .px-sm--120 {
        padding-left: 120px
    }
}

@media(min-width:768px) {
    .p-md--0 {
        padding: 0
    }

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

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

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

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

    .p-md--10 {
        padding: 10px
    }

    .pt-md--10,
    .py-md--10 {
        padding-top: 10px
    }

    .pr-md--10,
    .px-md--10 {
        padding-right: 10px
    }

    .pb-md--10,
    .py-md--10 {
        padding-bottom: 10px
    }

    .pl-md--10,
    .px-md--10 {
        padding-left: 10px
    }

    .p-md--15 {
        padding: 15px
    }

    .pt-md--15,
    .py-md--15 {
        padding-top: 15px
    }

    .pr-md--15,
    .px-md--15 {
        padding-right: 15px
    }

    .pb-md--15,
    .py-md--15 {
        padding-bottom: 15px
    }

    .pl-md--15,
    .px-md--15 {
        padding-left: 15px
    }

    .p-md--20 {
        padding: 20px
    }

    .pt-md--20,
    .py-md--20 {
        padding-top: 20px
    }

    .pr-md--20,
    .px-md--20 {
        padding-right: 20px
    }

    .pb-md--20,
    .py-md--20 {
        padding-bottom: 20px
    }

    .pl-md--20,
    .px-md--20 {
        padding-left: 20px
    }

    .p-md--30 {
        padding: 30px
    }

    .pt-md--30,
    .py-md--30 {
        padding-top: 30px
    }

    .pr-md--30,
    .px-md--30 {
        padding-right: 30px
    }

    .pb-md--30,
    .py-md--30 {
        padding-bottom: 30px
    }

    .pl-md--30,
    .px-md--30 {
        padding-left: 30px
    }

    .p-md--40 {
        padding: 40px
    }

    .pt-md--40,
    .py-md--40 {
        padding-top: 40px
    }

    .pr-md--40,
    .px-md--40 {
        padding-right: 40px
    }

    .pb-md--40,
    .py-md--40 {
        padding-bottom: 40px
    }

    .pl-md--40,
    .px-md--40 {
        padding-left: 40px
    }

    .p-md--50 {
        padding: 50px
    }

    .pt-md--50,
    .py-md--50 {
        padding-top: 50px
    }

    .pr-md--50,
    .px-md--50 {
        padding-right: 50px
    }

    .pb-md--50,
    .py-md--50 {
        padding-bottom: 50px
    }

    .pl-md--50,
    .px-md--50 {
        padding-left: 50px
    }

    .p-md--60 {
        padding: 60px
    }

    .pt-md--60,
    .py-md--60 {
        padding-top: 60px
    }

    .pr-md--60,
    .px-md--60 {
        padding-right: 60px
    }

    .pb-md--60,
    .py-md--60 {
        padding-bottom: 60px
    }

    .pl-md--60,
    .px-md--60 {
        padding-left: 60px
    }

    .p-md--70 {
        padding: 70px
    }

    .pt-md--70,
    .py-md--70 {
        padding-top: 70px
    }

    .pr-md--70,
    .px-md--70 {
        padding-right: 70px
    }

    .pb-md--70,
    .py-md--70 {
        padding-bottom: 70px
    }

    .pl-md--70,
    .px-md--70 {
        padding-left: 70px
    }

    .p-md--80 {
        padding: 80px
    }

    .pt-md--80,
    .py-md--80 {
        padding-top: 80px
    }

    .pr-md--80,
    .px-md--80 {
        padding-right: 80px
    }

    .pb-md--80,
    .py-md--80 {
        padding-bottom: 80px
    }

    .pl-md--80,
    .px-md--80 {
        padding-left: 80px
    }

    .p-md--90 {
        padding: 90px
    }

    .pt-md--90,
    .py-md--90 {
        padding-top: 90px
    }

    .pr-md--90,
    .px-md--90 {
        padding-right: 90px
    }

    .pb-md--90,
    .py-md--90 {
        padding-bottom: 90px
    }

    .pl-md--90,
    .px-md--90 {
        padding-left: 90px
    }

    .p-md--100 {
        padding: 100px
    }

    .pt-md--100,
    .py-md--100 {
        padding-top: 100px
    }

    .pr-md--100,
    .px-md--100 {
        padding-right: 100px
    }

    .pb-md--100,
    .py-md--100 {
        padding-bottom: 100px
    }

    .pl-md--100,
    .px-md--100 {
        padding-left: 100px
    }

    .p-md--110 {
        padding: 110px
    }

    .pt-md--110,
    .py-md--110 {
        padding-top: 110px
    }

    .pr-md--110,
    .px-md--110 {
        padding-right: 110px
    }

    .pb-md--110,
    .py-md--110 {
        padding-bottom: 110px
    }

    .pl-md--110,
    .px-md--110 {
        padding-left: 110px
    }

    .p-md--120 {
        padding: 120px
    }

    .pt-md--120,
    .py-md--120 {
        padding-top: 120px
    }

    .pr-md--120,
    .px-md--120 {
        padding-right: 120px
    }

    .pb-md--120,
    .py-md--120 {
        padding-bottom: 120px
    }

    .pl-md--120,
    .px-md--120 {
        padding-left: 120px
    }
}

@media(min-width:992px) {
    .p-lg--0 {
        padding: 0
    }

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

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

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

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

    .p-lg--10 {
        padding: 10px
    }

    .pt-lg--10,
    .py-lg--10 {
        padding-top: 10px
    }

    .pr-lg--10,
    .px-lg--10 {
        padding-right: 10px
    }

    .pb-lg--10,
    .py-lg--10 {
        padding-bottom: 10px
    }

    .pl-lg--10,
    .px-lg--10 {
        padding-left: 10px
    }

    .p-lg--15 {
        padding: 15px
    }

    .pt-lg--15,
    .py-lg--15 {
        padding-top: 15px
    }

    .pr-lg--15,
    .px-lg--15 {
        padding-right: 15px
    }

    .pb-lg--15,
    .py-lg--15 {
        padding-bottom: 15px
    }

    .pl-lg--15,
    .px-lg--15 {
        padding-left: 15px
    }

    .p-lg--20 {
        padding: 20px
    }

    .pt-lg--20,
    .py-lg--20 {
        padding-top: 20px
    }

    .pr-lg--20,
    .px-lg--20 {
        padding-right: 20px
    }

    .pb-lg--20,
    .py-lg--20 {
        padding-bottom: 20px
    }

    .pl-lg--20,
    .px-lg--20 {
        padding-left: 20px
    }

    .p-lg--30 {
        padding: 30px
    }

    .pt-lg--30,
    .py-lg--30 {
        padding-top: 30px
    }

    .pr-lg--30,
    .px-lg--30 {
        padding-right: 30px
    }

    .pb-lg--30,
    .py-lg--30 {
        padding-bottom: 30px
    }

    .pl-lg--30,
    .px-lg--30 {
        padding-left: 30px
    }

    .p-lg--40 {
        padding: 40px
    }

    .pt-lg--40,
    .py-lg--40 {
        padding-top: 40px
    }

    .pr-lg--40,
    .px-lg--40 {
        padding-right: 40px
    }

    .pb-lg--40,
    .py-lg--40 {
        padding-bottom: 40px
    }

    .pl-lg--40,
    .px-lg--40 {
        padding-left: 40px
    }

    .p-lg--50 {
        padding: 50px
    }

    .pt-lg--50,
    .py-lg--50 {
        padding-top: 50px
    }

    .pr-lg--50,
    .px-lg--50 {
        padding-right: 50px
    }

    .pb-lg--50,
    .py-lg--50 {
        padding-bottom: 50px
    }

    .pl-lg--50,
    .px-lg--50 {
        padding-left: 50px
    }

    .p-lg--60 {
        padding: 60px
    }

    .pt-lg--60,
    .py-lg--60 {
        padding-top: 60px
    }

    .pr-lg--60,
    .px-lg--60 {
        padding-right: 60px
    }

    .pb-lg--60,
    .py-lg--60 {
        padding-bottom: 60px
    }

    .pl-lg--60,
    .px-lg--60 {
        padding-left: 60px
    }

    .p-lg--70 {
        padding: 70px
    }

    .pt-lg--70,
    .py-lg--70 {
        padding-top: 70px
    }

    .pr-lg--70,
    .px-lg--70 {
        padding-right: 70px
    }

    .pb-lg--70,
    .py-lg--70 {
        padding-bottom: 70px
    }

    .pl-lg--70,
    .px-lg--70 {
        padding-left: 70px
    }

    .p-lg--80 {
        padding: 80px
    }

    .pt-lg--80,
    .py-lg--80 {
        padding-top: 80px
    }

    .pr-lg--80,
    .px-lg--80 {
        padding-right: 80px
    }

    .pb-lg--80,
    .py-lg--80 {
        padding-bottom: 80px
    }

    .pl-lg--80,
    .px-lg--80 {
        padding-left: 80px
    }

    .p-lg--90 {
        padding: 90px
    }

    .pt-lg--90,
    .py-lg--90 {
        padding-top: 90px
    }

    .pr-lg--90,
    .px-lg--90 {
        padding-right: 90px
    }

    .pb-lg--90,
    .py-lg--90 {
        padding-bottom: 90px
    }

    .pl-lg--90,
    .px-lg--90 {
        padding-left: 90px
    }

    .p-lg--100 {
        padding: 100px
    }

    .pt-lg--100,
    .py-lg--100 {
        padding-top: 100px
    }

    .pr-lg--100,
    .px-lg--100 {
        padding-right: 100px
    }

    .pb-lg--100,
    .py-lg--100 {
        padding-bottom: 100px
    }

    .pl-lg--100,
    .px-lg--100 {
        padding-left: 100px
    }

    .p-lg--110 {
        padding: 110px
    }

    .pt-lg--110,
    .py-lg--110 {
        padding-top: 110px
    }

    .pr-lg--110,
    .px-lg--110 {
        padding-right: 110px
    }

    .pb-lg--110,
    .py-lg--110 {
        padding-bottom: 110px
    }

    .pl-lg--110,
    .px-lg--110 {
        padding-left: 110px
    }

    .p-lg--120 {
        padding: 120px
    }

    .pt-lg--120,
    .py-lg--120 {
        padding-top: 120px
    }

    .pr-lg--120,
    .px-lg--120 {
        padding-right: 120px
    }

    .pb-lg--120,
    .py-lg--120 {
        padding-bottom: 120px
    }

    .pl-lg--120,
    .px-lg--120 {
        padding-left: 120px
    }
}

@media(min-width:1200px) {
    .p-xl--0 {
        padding: 0
    }

    .pt-xl--0,
    .py-xl--0 {
        padding-top: 0
    }

    .pr-xl--0,
    .px-xl--0 {
        padding-right: 0
    }

    .pb-xl--0,
    .py-xl--0 {
        padding-bottom: 0
    }

    .pl-xl--0,
    .px-xl--0 {
        padding-left: 0
    }

    .p-xl--10 {
        padding: 10px
    }

    .pt-xl--10,
    .py-xl--10 {
        padding-top: 10px
    }

    .pr-xl--10,
    .px-xl--10 {
        padding-right: 10px
    }

    .pb-xl--10,
    .py-xl--10 {
        padding-bottom: 10px
    }

    .pl-xl--10,
    .px-xl--10 {
        padding-left: 10px
    }

    .p-xl--15 {
        padding: 15px
    }

    .pt-xl--15,
    .py-xl--15 {
        padding-top: 15px
    }

    .pr-xl--15,
    .px-xl--15 {
        padding-right: 15px
    }

    .pb-xl--15,
    .py-xl--15 {
        padding-bottom: 15px
    }

    .pl-xl--15,
    .px-xl--15 {
        padding-left: 15px
    }

    .p-xl--20 {
        padding: 20px
    }

    .pt-xl--20,
    .py-xl--20 {
        padding-top: 20px
    }

    .pr-xl--20,
    .px-xl--20 {
        padding-right: 20px
    }

    .pb-xl--20,
    .py-xl--20 {
        padding-bottom: 20px
    }

    .pl-xl--20,
    .px-xl--20 {
        padding-left: 20px
    }

    .p-xl--30 {
        padding: 30px
    }

    .pt-xl--30,
    .py-xl--30 {
        padding-top: 30px
    }

    .pr-xl--30,
    .px-xl--30 {
        padding-right: 30px
    }

    .pb-xl--30,
    .py-xl--30 {
        padding-bottom: 30px
    }

    .pl-xl--30,
    .px-xl--30 {
        padding-left: 30px
    }

    .p-xl--40 {
        padding: 40px
    }

    .pt-xl--40,
    .py-xl--40 {
        padding-top: 40px
    }

    .pr-xl--40,
    .px-xl--40 {
        padding-right: 40px
    }

    .pb-xl--40,
    .py-xl--40 {
        padding-bottom: 40px
    }

    .pl-xl--40,
    .px-xl--40 {
        padding-left: 40px
    }

    .p-xl--50 {
        padding: 50px
    }

    .pt-xl--50,
    .py-xl--50 {
        padding-top: 50px
    }

    .pr-xl--50,
    .px-xl--50 {
        padding-right: 50px
    }

    .pb-xl--50,
    .py-xl--50 {
        padding-bottom: 50px
    }

    .pl-xl--50,
    .px-xl--50 {
        padding-left: 50px
    }

    .p-xl--60 {
        padding: 60px
    }

    .pt-xl--60,
    .py-xl--60 {
        padding-top: 60px
    }

    .pr-xl--60,
    .px-xl--60 {
        padding-right: 60px
    }

    .pb-xl--60,
    .py-xl--60 {
        padding-bottom: 60px
    }

    .pl-xl--60,
    .px-xl--60 {
        padding-left: 60px
    }

    .p-xl--70 {
        padding: 70px
    }

    .pt-xl--70,
    .py-xl--70 {
        padding-top: 70px
    }

    .pr-xl--70,
    .px-xl--70 {
        padding-right: 70px
    }

    .pb-xl--70,
    .py-xl--70 {
        padding-bottom: 70px
    }

    .pl-xl--70,
    .px-xl--70 {
        padding-left: 70px
    }

    .p-xl--80 {
        padding: 80px
    }

    .pt-xl--80,
    .py-xl--80 {
        padding-top: 80px
    }

    .pr-xl--80,
    .px-xl--80 {
        padding-right: 80px
    }

    .pb-xl--80,
    .py-xl--80 {
        padding-bottom: 80px
    }

    .pl-xl--80,
    .px-xl--80 {
        padding-left: 80px
    }

    .p-xl--90 {
        padding: 90px
    }

    .pt-xl--90,
    .py-xl--90 {
        padding-top: 90px
    }

    .pr-xl--90,
    .px-xl--90 {
        padding-right: 90px
    }

    .pb-xl--90,
    .py-xl--90 {
        padding-bottom: 90px
    }

    .pl-xl--90,
    .px-xl--90 {
        padding-left: 90px
    }

    .p-xl--100 {
        padding: 100px
    }

    .pt-xl--100,
    .py-xl--100 {
        padding-top: 100px
    }

    .pr-xl--100,
    .px-xl--100 {
        padding-right: 100px
    }

    .pb-xl--100,
    .py-xl--100 {
        padding-bottom: 100px
    }

    .pl-xl--100,
    .px-xl--100 {
        padding-left: 100px
    }

    .p-xl--110 {
        padding: 110px
    }

    .pt-xl--110,
    .py-xl--110 {
        padding-top: 110px
    }

    .pr-xl--110,
    .px-xl--110 {
        padding-right: 110px
    }

    .pb-xl--110,
    .py-xl--110 {
        padding-bottom: 110px
    }

    .pl-xl--110,
    .px-xl--110 {
        padding-left: 110px
    }

    .p-xl--120 {
        padding: 120px
    }

    .pt-xl--120,
    .py-xl--120 {
        padding-top: 120px
    }

    .pr-xl--120,
    .px-xl--120 {
        padding-right: 120px
    }

    .pb-xl--120,
    .py-xl--120 {
        padding-bottom: 120px
    }

    .pl-xl--120,
    .px-xl--120 {
        padding-left: 120px
    }
}