body > .main > section {
    border-bottom: 1px solid #3fa2f7;
}

a {
    color: #297fca;
    text-decoration: none;
}

    a:hover {
        color: #3fa2f7;
    }

        a:hover img {
            opacity: 0.8;
        }

    a.arrow {
        display: inline-block;
        padding-right: 20px;
    }

        a.arrow::after {
            content: '';
            position: absolute;
            right: 2px;
            top: 50%;
            margin-top: -4px;
            width: 8px;
            height: 8px;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            border-bottom: 1px solid #297fca;
            border-right: 1px solid #297fca;
        }

    a.arrow-top::after {
        margin-top: 0;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

    a.rounded-arrow {
        padding-right: 56px;
        display: inline-block;
    }

span.arrow {
    display: inline-block;
    padding-right: 20px;
}

    span.arrow::after {
        content: '';
        position: absolute;
        right: 2px;
        top: 50%;
        margin-top: -4px;
        width: 8px;
        height: 8px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        border-bottom: 1px solid #297fca;
        border-right: 1px solid #297fca;
    }

span.arrow-top::after {
    margin-top: 0;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

span.rounded-arrow {
    padding-right: 56px;
    display: inline-block;
}

.image {
    background: #e4f1fd;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 4px;
    width: 100%;
}

    .image.userpic-xl {
        background-image: url("../images/pics/user-157.svg");
        background-size: 157px 152px;
    }

    .image.userpic-lg {
        background-image: url("../images/pics/user-112.svg");
        background-size: 112px 109px;
    }

    .image.userpic-md {
        background-image: url("../images/pics/user-112.svg");
        background-size: 87px 85px;
    }

    .image.userpic-sm {
        background-image: url("../images/pics/user-112.svg");
        background-size: 61px 60px;
    }

    .image.userpic-xs {
        background-image: url("../images/pics/user-112.svg");
        background-size: 36px 36px;
    }

    .image.pic-xl {
        background-image: url("../images/pics/pic-202.svg");
        background-size: 202px 140px;
    }

    .image.pic-lg {
        background-image: url("../images/pics/pic-140.svg");
        background-size: 140px 98px;
    }

    .image.pic-md {
        background-image: url("../images/pics/pic-100.svg");
        background-size: 100px 69px;
    }

    .image.pic-sm {
        background-image: url("../images/pics/pic-70.svg");
        background-size: 70px 48px;
    }

.video,
.video-sm,
.video-circle {
    position: relative;
    cursor: pointer;
}

    .video::after,
    .video-sm::after,
    .video-circle::after {
        content: '';
        position: absolute;
        -webkit-transition: 0.3 ease all;
        transition: 0.3 ease all;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
    }

    .video::after {
        width: 57px;
        height: 90px;
        background-image: url("../images/pics/video.svg");
        background-size: 57px 90px;
    }

    .video-sm::after {
        width: 42px;
        height: 61px;
        background-image: url("../images/pics/video-sm.svg");
        background-size: 42px 61px;
    }

    .video-circle::after {
        width: 150px;
        height: 150px;
        background-image: url("../images/pics/video-circle.svg");
        background-size: 150px 150px;
    }

    .video:hover::after,
    .video-sm:hover::after,
    .video-circle:hover::after {
        opacity: 0.8;
    }

.card {
    border: 2px solid #e4f1fd;
    background: #fff;
    border-radius: 4px;
    min-height: 100%;
    transition-delay: 0, 0;
    transition-duration: 0.3s, 0.3s;
    transition-property: background;
    transition-timing-function: ease, ease;
}

.card-color:hover {
    background-color: #e4f1fd;
    transition-delay: 0, 0;
    transition-duration: 0.3s, 0.3s;
    transition-property: background-color;
    transition-timing-function: ease, ease;
}

.card-center {
    border: 2px solid #e4f1fd;
    background: #fff;
    border-radius: 4px;
    min-height: 100%;
    text-align: center !important;
    transition-delay: 0, 0;
    transition-duration: 0.3s, 0.3s;
    transition-property: opacity;
    transition-timing-function: ease, ease;
}

    .card-center:hover {
        opacity: 1;
        transition-delay: 0, 0;
        transition-duration: 0.3s, 0.3s;
        transition-property: opacity;
        transition-timing-function: ease, ease;
    }

.panel {
    border-radius: 4px;
    background: #e4f1fd;
}

.ratio-1-1,
.ratio-2-1,
.ratio-4-3,
.ratio-sm-1-1 {
    position: relative;
    min-height: calc(100vw - 30px);
}

@media (min-width: 576px) {
    .ratio-1-1,
    .ratio-2-1,
    .ratio-4-3,
    .ratio-sm-1-1 {
        min-height: 0;
    }

        .ratio-1-1::after,
        .ratio-2-1::after,
        .ratio-4-3::after,
        .ratio-sm-1-1::after {
            content: '';
            display: block;
        }
}

.ratio-1-1 > div,
.ratio-2-1 > div,
.ratio-4-3 > div,
.ratio-sm-1-1 > div {
    min-height: calc(100vw - 30px);
}

@media (min-width: 576px) {
    .ratio-1-1 > div,
    .ratio-2-1 > div,
    .ratio-4-3 > div,
    .ratio-sm-1-1 > div {
        min-height: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
}

@media (min-width: 576px) {
    .ratio-1-1::after {
        padding-bottom: 100%;
    }
}

@media (min-width: 576px) {
    .ratio-2-1::after {
        padding-bottom: 100%;
    }
}

@media (min-width: 576px) {
    .ratio-2-1::after {
        padding-bottom: calc(50% - 15px);
    }
}

.ratio-4-3::after {
    padding-bottom: 75%;
}

@media (min-width: 992px) {
    .ratio-lg-2-1::after {
        padding-bottom: calc(50% - 15px);
    }
}

.slider {
    display: block;
    margin-left: -15px;
    margin-right: -15px;
}

    .slider.no-gutters {
        margin-left: 0;
        margin-right: 0;
    }

.slider-item {
    float: left;
    width: 100%;
}

.slider-item {
    padding-left: 15px;
    padding-right: 15px;
}

.with-overlay__content {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all;
    background: #e4f1fd;
    margin: 0;
    border-radius: 4px;
}

.with-overlay:hover .with-overlay__content {
    opacity: 1;
}

.socials,
.socials-lg {
    font-size: 0;
    margin: 0 -12px;
}

    .socials img,
    .socials-lg img {
        margin: 0 12px;
        vertical-align: middle;
    }

    .socials-lg img {
        margin: 0 12px;
    }

@media (min-width: 992px) {
    .socials-lg img {
        margin: 0 24px;
    }
}

.flickity-prev-next-button,
.flickity-prev-next-button:hover {
    width: 17px;
    height: 32px;
    background: none;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0;
    display: none;
}

@media (min-width: 992px) {
    .flickity-prev-next-button,
    .flickity-prev-next-button:hover {
        display: block;
    }
}

.flickity-prev-next-button svg,
.flickity-prev-next-button:hover svg {
    display: none;
}

.flickity-prev-next-button.previous,
.flickity-prev-next-button:hover.previous {
    background-image: url("../images/icons/arrow-left.svg");
    left: -80px;
}

.flickity-prev-next-button.next,
.flickity-prev-next-button:hover.next {
    background-image: url("../images/icons/arrow-right.svg");
    right: -80px;
}

.slider-slim .flickity-prev-next-button.previous {
    left: -50px;
}

.slider-slim .flickity-prev-next-button.next {
    right: -50px;
}

.slider-rounded-buttons .flickity-prev-next-button {
    border: 2px solid #3fa2f7;
    margin-top: -18px;
    width: 35px;
    height: 35px;
    background-size: 6px 11px;
}

    .slider-rounded-buttons .flickity-prev-next-button.previous {
        background-image: url("../images/icons/arrow-xs-left.svg");
    }

    .slider-rounded-buttons .flickity-prev-next-button.next {
        background-image: url("../images/icons/arrow-xs-right.svg");
    }

.flickity-page-dots {
    line-height: 6px;
    z-index: 1;
    bottom: -33px;
    padding: 0 7px;
    text-align: inherit;
}

@media (min-width: 992px) {
    .flickity-page-dots {
        bottom: -53px;
    }
}

.flickity-page-dots .dot {
    width: 6px;
    height: 6px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background: #e4f1fd;
    opacity: 1;
    display: inline-block;
}

    .flickity-page-dots .dot::before {
        content: '';
        width: 30px;
        height: 30px;
        position: absolute;
        margin: -12px;
    }

    .flickity-page-dots .dot.is-selected {
        -webkit-transform: scale(1.6, 1.6);
        transform: scale(1.6, 1.6);
        background: #3fa2f7;
    }

.slider-stick-dots .flickity-page-dots {
    bottom: -33px;
}

.slider-inner-dots .dot {
    background: #9fd0fb;
}

.slider-inner-dots .flickity-page-dots {
    bottom: 33px;
}

.icon {
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
    vertical-align: middle;
}

.icon-resize {
    background-image: url("../images/icons/resize.svg");
    width: 12px;
    height: 12px;
    position: absolute;
    right: 8px;
    bottom: 8px;
}

.icon-plane,
.icon-plane-light {
    width: 16px;
    height: 17px;
    position: absolute;
    left: 20px;
    top: 22px;
}

.icon-plane {
    background-image: url("../images/icons/paperplane.svg");
}

.icon-plane-light {
    background-image: url("../images/icons/paperplane-light.svg");
}

.icon-facebook {
    background-image: url("../images/icons/facebook-white.svg");
    width: 10px;
    height: 18px;
    display: inline-block;
    top: -1px;
}

.icon-twitter {
    background-image: url("../images/icons/twitter-white.svg");
    width: 17px;
    height: 14px;
    display: inline-block;
    top: -2px;
}

.icon-pin {
    background-image: url("../images/icons/pin.svg");
    width: 11px;
    height: 18px;
    display: inline-block;
    top: -2px;
}

.icon-pin-stroke {
    background-image: url("../images/icons/pin-stroke.svg");
    width: 11px;
    height: 17px;
    display: inline-block;
    top: -2px;
}

.icon-star {
    background-image: url("../images/icons/star.svg");
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 10px;
    top: -2px;
}

.icon-circle-arrow {
    width: 36px;
    height: 36px;
    line-height: 32px;
    border: 2px solid #3fa2f7;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -18px;
}

    .icon-circle-arrow::after {
        content: '';
        background: url("../images/icons/arrow-xs-right.svg") center no-repeat;
        width: 6px;
        height: 11px;
        display: inline-block;
        margin-left: 2px;
    }

.icon-arrow-right {
    display: inline-block;
    position: absolute;
    background: none;
    border: none;
    padding: 0;
    right: 20px;
    top: 16px;
    width: 11px;
    height: 11px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom: 1px solid #297fca;
    border-right: 1px solid #297fca;
}

.glyphicon + span,
.icon + span {
    vertical-align: middle;
    display: inline-block;
    margin-left: 10px;
}

* {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

p {
    opacity: 0.8;
    margin: 0;
}

html,
body {
    width: 100%;
    min-height: 100%;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 25px;
    color: #297fca;
    font-family: 'Roboto', 'Helvetica', arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

h1 h2 h3 h4 h5 h6 {
    margin-top: 0;
    margin-bottom: 0;
}

hr {
    border: none;
    width: 100%;
    height: 1px;
    background: #3fa2f7;
    margin: 0;
}

img {
    display: inline-block;
    vertical-align: middle;
}

.bg-light {
    background-color: #e4f1fd;
}

.bg-accent {
    background-color: #3fa2f7;
}

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

.text-accent {
    color: #297fca;
}

.text-light {
    color: #e4f1fd;
}

.text-white {
    color: #fff;
}

.text-capitalize {
    text-transform: capitalize;
}

.icon-20 {
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 1;
    vertical-align: middle;
    top: -2px;
}

    .icon-20 img {
        display: inline-block;
        height: 100%;
    }

    .icon-20 + span {
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }

.b-300 {
    font-weight: 300;
}

.b-400 {
    font-weight: 400;
}

.b-500 {
    font-weight: 500;
}

.m-auto {
    margin: 0 auto;
}

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

@media (min-width: 576px) {
    .mt-sm--60 {
        margin-top: -60px !important;
    }
}

@media (min-width: 768px) {
    .mt-md--60 {
        margin-top: -60px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg--60 {
        margin-top: -60px !important;
    }
}

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

@media (min-width: 576px) {
    .mb-sm--60 {
        margin-bottom: -60px !important;
    }
}

@media (min-width: 768px) {
    .mb-md--60 {
        margin-bottom: -60px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg--60 {
        margin-bottom: -60px !important;
    }
}

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

@media (min-width: 576px) {
    .ml-sm--60 {
        margin-left: -60px !important;
    }
}

@media (min-width: 768px) {
    .ml-md--60 {
        margin-left: -60px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg--60 {
        margin-left: -60px !important;
    }
}

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

@media (min-width: 576px) {
    .mr-sm--60 {
        margin-right: -60px !important;
    }
}

@media (min-width: 768px) {
    .mr-md--60 {
        margin-right: -60px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg--60 {
        margin-right: -60px !important;
    }
}

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

@media (min-width: 576px) {
    .pb-sm--60 {
        padding-bottom: -60px !important;
    }
}

@media (min-width: 768px) {
    .pb-md--60 {
        padding-bottom: -60px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg--60 {
        padding-bottom: -60px !important;
    }
}

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

@media (min-width: 576px) {
    .pt-sm--60 {
        padding-top: -60px !important;
    }
}

@media (min-width: 768px) {
    .pt-md--60 {
        padding-top: -60px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg--60 {
        padding-top: -60px !important;
    }
}

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

@media (min-width: 576px) {
    .pl-sm--60 {
        padding-left: -60px !important;
    }
}

@media (min-width: 768px) {
    .pl-md--60 {
        padding-left: -60px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg--60 {
        padding-left: -60px !important;
    }
}

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

@media (min-width: 576px) {
    .pr-sm--60 {
        padding-right: -60px !important;
    }
}

@media (min-width: 768px) {
    .pr-md--60 {
        padding-right: -60px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg--60 {
        padding-right: -60px !important;
    }
}

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

@media (min-width: 576px) {
    .mt-sm--50 {
        margin-top: -50px !important;
    }
}

@media (min-width: 768px) {
    .mt-md--50 {
        margin-top: -50px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg--50 {
        margin-top: -50px !important;
    }
}

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

@media (min-width: 576px) {
    .mb-sm--50 {
        margin-bottom: -50px !important;
    }
}

@media (min-width: 768px) {
    .mb-md--50 {
        margin-bottom: -50px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg--50 {
        margin-bottom: -50px !important;
    }
}

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

@media (min-width: 576px) {
    .ml-sm--50 {
        margin-left: -50px !important;
    }
}

@media (min-width: 768px) {
    .ml-md--50 {
        margin-left: -50px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg--50 {
        margin-left: -50px !important;
    }
}

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

@media (min-width: 576px) {
    .mr-sm--50 {
        margin-right: -50px !important;
    }
}

@media (min-width: 768px) {
    .mr-md--50 {
        margin-right: -50px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg--50 {
        margin-right: -50px !important;
    }
}

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

@media (min-width: 576px) {
    .pb-sm--50 {
        padding-bottom: -50px !important;
    }
}

@media (min-width: 768px) {
    .pb-md--50 {
        padding-bottom: -50px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg--50 {
        padding-bottom: -50px !important;
    }
}

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

@media (min-width: 576px) {
    .pt-sm--50 {
        padding-top: -50px !important;
    }
}

@media (min-width: 768px) {
    .pt-md--50 {
        padding-top: -50px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg--50 {
        padding-top: -50px !important;
    }
}

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

@media (min-width: 576px) {
    .pl-sm--50 {
        padding-left: -50px !important;
    }
}

@media (min-width: 768px) {
    .pl-md--50 {
        padding-left: -50px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg--50 {
        padding-left: -50px !important;
    }
}

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

@media (min-width: 576px) {
    .pr-sm--50 {
        padding-right: -50px !important;
    }
}

@media (min-width: 768px) {
    .pr-md--50 {
        padding-right: -50px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg--50 {
        padding-right: -50px !important;
    }
}

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

@media (min-width: 576px) {
    .mt-sm--40 {
        margin-top: -40px !important;
    }
}

@media (min-width: 768px) {
    .mt-md--40 {
        margin-top: -40px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg--40 {
        margin-top: -40px !important;
    }
}

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

@media (min-width: 576px) {
    .mb-sm--40 {
        margin-bottom: -40px !important;
    }
}

@media (min-width: 768px) {
    .mb-md--40 {
        margin-bottom: -40px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg--40 {
        margin-bottom: -40px !important;
    }
}

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

@media (min-width: 576px) {
    .ml-sm--40 {
        margin-left: -40px !important;
    }
}

@media (min-width: 768px) {
    .ml-md--40 {
        margin-left: -40px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg--40 {
        margin-left: -40px !important;
    }
}

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

@media (min-width: 576px) {
    .mr-sm--40 {
        margin-right: -40px !important;
    }
}

@media (min-width: 768px) {
    .mr-md--40 {
        margin-right: -40px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg--40 {
        margin-right: -40px !important;
    }
}

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

@media (min-width: 576px) {
    .pb-sm--40 {
        padding-bottom: -40px !important;
    }
}

@media (min-width: 768px) {
    .pb-md--40 {
        padding-bottom: -40px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg--40 {
        padding-bottom: -40px !important;
    }
}

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

@media (min-width: 576px) {
    .pt-sm--40 {
        padding-top: -40px !important;
    }
}

@media (min-width: 768px) {
    .pt-md--40 {
        padding-top: -40px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg--40 {
        padding-top: -40px !important;
    }
}

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

@media (min-width: 576px) {
    .pl-sm--40 {
        padding-left: -40px !important;
    }
}

@media (min-width: 768px) {
    .pl-md--40 {
        padding-left: -40px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg--40 {
        padding-left: -40px !important;
    }
}

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

@media (min-width: 576px) {
    .pr-sm--40 {
        padding-right: -40px !important;
    }
}

@media (min-width: 768px) {
    .pr-md--40 {
        padding-right: -40px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg--40 {
        padding-right: -40px !important;
    }
}

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

@media (min-width: 576px) {
    .mt-sm--30 {
        margin-top: -30px !important;
    }
}

@media (min-width: 768px) {
    .mt-md--30 {
        margin-top: -30px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg--30 {
        margin-top: -30px !important;
    }
}

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

@media (min-width: 576px) {
    .mb-sm--30 {
        margin-bottom: -30px !important;
    }
}

@media (min-width: 768px) {
    .mb-md--30 {
        margin-bottom: -30px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg--30 {
        margin-bottom: -30px !important;
    }
}

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

@media (min-width: 576px) {
    .ml-sm--30 {
        margin-left: -30px !important;
    }
}

@media (min-width: 768px) {
    .ml-md--30 {
        margin-left: -30px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg--30 {
        margin-left: -30px !important;
    }
}

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

@media (min-width: 576px) {
    .mr-sm--30 {
        margin-right: -30px !important;
    }
}

@media (min-width: 768px) {
    .mr-md--30 {
        margin-right: -30px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg--30 {
        margin-right: -30px !important;
    }
}

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

@media (min-width: 576px) {
    .pb-sm--30 {
        padding-bottom: -30px !important;
    }
}

@media (min-width: 768px) {
    .pb-md--30 {
        padding-bottom: -30px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg--30 {
        padding-bottom: -30px !important;
    }
}

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

@media (min-width: 576px) {
    .pt-sm--30 {
        padding-top: -30px !important;
    }
}

@media (min-width: 768px) {
    .pt-md--30 {
        padding-top: -30px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg--30 {
        padding-top: -30px !important;
    }
}

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

@media (min-width: 576px) {
    .pl-sm--30 {
        padding-left: -30px !important;
    }
}

@media (min-width: 768px) {
    .pl-md--30 {
        padding-left: -30px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg--30 {
        padding-left: -30px !important;
    }
}

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

@media (min-width: 576px) {
    .pr-sm--30 {
        padding-right: -30px !important;
    }
}

@media (min-width: 768px) {
    .pr-md--30 {
        padding-right: -30px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg--30 {
        padding-right: -30px !important;
    }
}

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

@media (min-width: 576px) {
    .mt-sm--20 {
        margin-top: -20px !important;
    }
}

@media (min-width: 768px) {
    .mt-md--20 {
        margin-top: -20px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg--20 {
        margin-top: -20px !important;
    }
}

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

@media (min-width: 576px) {
    .mb-sm--20 {
        margin-bottom: -20px !important;
    }
}

@media (min-width: 768px) {
    .mb-md--20 {
        margin-bottom: -20px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg--20 {
        margin-bottom: -20px !important;
    }
}

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

@media (min-width: 576px) {
    .ml-sm--20 {
        margin-left: -20px !important;
    }
}

@media (min-width: 768px) {
    .ml-md--20 {
        margin-left: -20px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg--20 {
        margin-left: -20px !important;
    }
}

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

@media (min-width: 576px) {
    .mr-sm--20 {
        margin-right: -20px !important;
    }
}

@media (min-width: 768px) {
    .mr-md--20 {
        margin-right: -20px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg--20 {
        margin-right: -20px !important;
    }
}

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

@media (min-width: 576px) {
    .pb-sm--20 {
        padding-bottom: -20px !important;
    }
}

@media (min-width: 768px) {
    .pb-md--20 {
        padding-bottom: -20px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg--20 {
        padding-bottom: -20px !important;
    }
}

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

@media (min-width: 576px) {
    .pt-sm--20 {
        padding-top: -20px !important;
    }
}

@media (min-width: 768px) {
    .pt-md--20 {
        padding-top: -20px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg--20 {
        padding-top: -20px !important;
    }
}

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

@media (min-width: 576px) {
    .pl-sm--20 {
        padding-left: -20px !important;
    }
}

@media (min-width: 768px) {
    .pl-md--20 {
        padding-left: -20px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg--20 {
        padding-left: -20px !important;
    }
}

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

@media (min-width: 576px) {
    .pr-sm--20 {
        padding-right: -20px !important;
    }
}

@media (min-width: 768px) {
    .pr-md--20 {
        padding-right: -20px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg--20 {
        padding-right: -20px !important;
    }
}

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

@media (min-width: 576px) {
    .mt-sm--15 {
        margin-top: -15px !important;
    }
}

@media (min-width: 768px) {
    .mt-md--15 {
        margin-top: -15px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg--15 {
        margin-top: -15px !important;
    }
}

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

@media (min-width: 576px) {
    .mb-sm--15 {
        margin-bottom: -15px !important;
    }
}

@media (min-width: 768px) {
    .mb-md--15 {
        margin-bottom: -15px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg--15 {
        margin-bottom: -15px !important;
    }
}

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

@media (min-width: 576px) {
    .ml-sm--15 {
        margin-left: -15px !important;
    }
}

@media (min-width: 768px) {
    .ml-md--15 {
        margin-left: -15px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg--15 {
        margin-left: -15px !important;
    }
}

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

@media (min-width: 576px) {
    .mr-sm--15 {
        margin-right: -15px !important;
    }
}

@media (min-width: 768px) {
    .mr-md--15 {
        margin-right: -15px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg--15 {
        margin-right: -15px !important;
    }
}

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

@media (min-width: 576px) {
    .pb-sm--15 {
        padding-bottom: -15px !important;
    }
}

@media (min-width: 768px) {
    .pb-md--15 {
        padding-bottom: -15px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg--15 {
        padding-bottom: -15px !important;
    }
}

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

@media (min-width: 576px) {
    .pt-sm--15 {
        padding-top: -15px !important;
    }
}

@media (min-width: 768px) {
    .pt-md--15 {
        padding-top: -15px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg--15 {
        padding-top: -15px !important;
    }
}

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

@media (min-width: 576px) {
    .pl-sm--15 {
        padding-left: -15px !important;
    }
}

@media (min-width: 768px) {
    .pl-md--15 {
        padding-left: -15px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg--15 {
        padding-left: -15px !important;
    }
}

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

@media (min-width: 576px) {
    .pr-sm--15 {
        padding-right: -15px !important;
    }
}

@media (min-width: 768px) {
    .pr-md--15 {
        padding-right: -15px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg--15 {
        padding-right: -15px !important;
    }
}

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

@media (min-width: 576px) {
    .mt-sm--10 {
        margin-top: -10px !important;
    }
}

@media (min-width: 768px) {
    .mt-md--10 {
        margin-top: -10px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg--10 {
        margin-top: -10px !important;
    }
}

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

@media (min-width: 576px) {
    .mb-sm--10 {
        margin-bottom: -10px !important;
    }
}

@media (min-width: 768px) {
    .mb-md--10 {
        margin-bottom: -10px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg--10 {
        margin-bottom: -10px !important;
    }
}

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

@media (min-width: 576px) {
    .ml-sm--10 {
        margin-left: -10px !important;
    }
}

@media (min-width: 768px) {
    .ml-md--10 {
        margin-left: -10px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg--10 {
        margin-left: -10px !important;
    }
}

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

@media (min-width: 576px) {
    .mr-sm--10 {
        margin-right: -10px !important;
    }
}

@media (min-width: 768px) {
    .mr-md--10 {
        margin-right: -10px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg--10 {
        margin-right: -10px !important;
    }
}

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

@media (min-width: 576px) {
    .pb-sm--10 {
        padding-bottom: -10px !important;
    }
}

@media (min-width: 768px) {
    .pb-md--10 {
        padding-bottom: -10px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg--10 {
        padding-bottom: -10px !important;
    }
}

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

@media (min-width: 576px) {
    .pt-sm--10 {
        padding-top: -10px !important;
    }
}

@media (min-width: 768px) {
    .pt-md--10 {
        padding-top: -10px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg--10 {
        padding-top: -10px !important;
    }
}

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

@media (min-width: 576px) {
    .pl-sm--10 {
        padding-left: -10px !important;
    }
}

@media (min-width: 768px) {
    .pl-md--10 {
        padding-left: -10px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg--10 {
        padding-left: -10px !important;
    }
}

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

@media (min-width: 576px) {
    .pr-sm--10 {
        padding-right: -10px !important;
    }
}

@media (min-width: 768px) {
    .pr-md--10 {
        padding-right: -10px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg--10 {
        padding-right: -10px !important;
    }
}

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

@media (min-width: 576px) {
    .mt-sm--5 {
        margin-top: -5px !important;
    }
}

@media (min-width: 768px) {
    .mt-md--5 {
        margin-top: -5px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg--5 {
        margin-top: -5px !important;
    }
}

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

@media (min-width: 576px) {
    .mb-sm--5 {
        margin-bottom: -5px !important;
    }
}

@media (min-width: 768px) {
    .mb-md--5 {
        margin-bottom: -5px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg--5 {
        margin-bottom: -5px !important;
    }
}

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

@media (min-width: 576px) {
    .ml-sm--5 {
        margin-left: -5px !important;
    }
}

@media (min-width: 768px) {
    .ml-md--5 {
        margin-left: -5px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg--5 {
        margin-left: -5px !important;
    }
}

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

@media (min-width: 576px) {
    .mr-sm--5 {
        margin-right: -5px !important;
    }
}

@media (min-width: 768px) {
    .mr-md--5 {
        margin-right: -5px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg--5 {
        margin-right: -5px !important;
    }
}

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

@media (min-width: 576px) {
    .pb-sm--5 {
        padding-bottom: -5px !important;
    }
}

@media (min-width: 768px) {
    .pb-md--5 {
        padding-bottom: -5px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg--5 {
        padding-bottom: -5px !important;
    }
}

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

@media (min-width: 576px) {
    .pt-sm--5 {
        padding-top: -5px !important;
    }
}

@media (min-width: 768px) {
    .pt-md--5 {
        padding-top: -5px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg--5 {
        padding-top: -5px !important;
    }
}

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

@media (min-width: 576px) {
    .pl-sm--5 {
        padding-left: -5px !important;
    }
}

@media (min-width: 768px) {
    .pl-md--5 {
        padding-left: -5px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg--5 {
        padding-left: -5px !important;
    }
}

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

@media (min-width: 576px) {
    .pr-sm--5 {
        padding-right: -5px !important;
    }
}

@media (min-width: 768px) {
    .pr-md--5 {
        padding-right: -5px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg--5 {
        padding-right: -5px !important;
    }
}

.p-0 {
    padding-top: 0px;
    padding-bottom: 0px;
}

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

@media (min-width: 768px) {
    .p-md-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

@media (min-width: 992px) {
    .p-lg-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

.ph-0 {
    padding-left: 0px;
    padding-right: 0px;
}

@media (min-width: 576px) {
    .ph-sm-0 {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 768px) {
    .ph-md-0 {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width: 992px) {
    .ph-lg-0 {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.mt-0 {
    margin-top: 0px;
}

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

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

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

.mb-0 {
    margin-bottom: 0px;
}

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

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

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

.ml-0 {
    margin-left: 0px;
}

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

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

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

.mr-0 {
    margin-right: 0px;
}

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

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

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

.pb-0 {
    padding-bottom: 0px;
}

@media (min-width: 576px) {
    .pb-sm-0 {
        padding-bottom: 0px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-0 {
        padding-bottom: 0px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-0 {
        padding-bottom: 0px !important;
    }
}

.pt-0 {
    padding-top: 0px;
}

@media (min-width: 576px) {
    .pt-sm-0 {
        padding-top: 0px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-0 {
        padding-top: 0px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-0 {
        padding-top: 0px !important;
    }
}

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

@media (min-width: 576px) {
    .pl-sm-0 {
        padding-left: 0px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-0 {
        padding-left: 0px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-0 {
        padding-left: 0px !important;
    }
}

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

@media (min-width: 576px) {
    .pr-sm-0 {
        padding-right: 0px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-0 {
        padding-right: 0px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-0 {
        padding-right: 0px !important;
    }
}

.p-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (min-width: 576px) {
    .p-sm-5 {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

@media (min-width: 768px) {
    .p-md-5 {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

@media (min-width: 992px) {
    .p-lg-5 {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

.ph-5 {
    padding-left: 5px;
    padding-right: 5px;
}

@media (min-width: 576px) {
    .ph-sm-5 {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (min-width: 768px) {
    .ph-md-5 {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (min-width: 992px) {
    .ph-lg-5 {
        padding-left: 5px;
        padding-right: 5px;
    }
}

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

@media (min-width: 576px) {
    .mt-sm-5 {
        margin-top: 5px !important;
    }
}

@media (min-width: 768px) {
    .mt-md-5 {
        margin-top: 5px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-5 {
        margin-top: 5px !important;
    }
}

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

@media (min-width: 576px) {
    .mb-sm-5 {
        margin-bottom: 5px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-5 {
        margin-bottom: 5px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-5 {
        margin-bottom: 5px !important;
    }
}

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

@media (min-width: 576px) {
    .ml-sm-5 {
        margin-left: 5px !important;
    }
}

@media (min-width: 768px) {
    .ml-md-5 {
        margin-left: 5px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-5 {
        margin-left: 5px !important;
    }
}

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

@media (min-width: 576px) {
    .mr-sm-5 {
        margin-right: 5px !important;
    }
}

@media (min-width: 768px) {
    .mr-md-5 {
        margin-right: 5px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg-5 {
        margin-right: 5px !important;
    }
}

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

@media (min-width: 576px) {
    .pb-sm-5 {
        padding-bottom: 5px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-5 {
        padding-bottom: 5px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-5 {
        padding-bottom: 5px !important;
    }
}

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

@media (min-width: 576px) {
    .pt-sm-5 {
        padding-top: 5px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-5 {
        padding-top: 5px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-5 {
        padding-top: 5px !important;
    }
}

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

@media (min-width: 576px) {
    .pl-sm-5 {
        padding-left: 5px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-5 {
        padding-left: 5px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-5 {
        padding-left: 5px !important;
    }
}

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

@media (min-width: 576px) {
    .pr-sm-5 {
        padding-right: 5px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-5 {
        padding-right: 5px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-5 {
        padding-right: 5px !important;
    }
}

.p-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

@media (min-width: 576px) {
    .p-sm-10 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 768px) {
    .p-md-10 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 992px) {
    .p-lg-10 {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.ph-10 {
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 576px) {
    .ph-sm-10 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 768px) {
    .ph-md-10 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 992px) {
    .ph-lg-10 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

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

@media (min-width: 576px) {
    .mt-sm-10 {
        margin-top: 10px !important;
    }
}

@media (min-width: 768px) {
    .mt-md-10 {
        margin-top: 10px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-10 {
        margin-top: 10px !important;
    }
}

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

@media (min-width: 576px) {
    .mb-sm-10 {
        margin-bottom: 10px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-10 {
        margin-bottom: 10px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-10 {
        margin-bottom: 10px !important;
    }
}

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

@media (min-width: 576px) {
    .ml-sm-10 {
        margin-left: 10px !important;
    }
}

@media (min-width: 768px) {
    .ml-md-10 {
        margin-left: 10px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-10 {
        margin-left: 10px !important;
    }
}

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

@media (min-width: 576px) {
    .mr-sm-10 {
        margin-right: 10px !important;
    }
}

@media (min-width: 768px) {
    .mr-md-10 {
        margin-right: 10px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg-10 {
        margin-right: 10px !important;
    }
}

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

@media (min-width: 576px) {
    .pb-sm-10 {
        padding-bottom: 10px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-10 {
        padding-bottom: 10px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-10 {
        padding-bottom: 10px !important;
    }
}

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

@media (min-width: 576px) {
    .pt-sm-10 {
        padding-top: 10px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-10 {
        padding-top: 10px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-10 {
        padding-top: 10px !important;
    }
}

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

@media (min-width: 576px) {
    .pl-sm-10 {
        padding-left: 10px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-10 {
        padding-left: 10px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-10 {
        padding-left: 10px !important;
    }
}

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

@media (min-width: 576px) {
    .pr-sm-10 {
        padding-right: 10px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-10 {
        padding-right: 10px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-10 {
        padding-right: 10px !important;
    }
}

.p-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

@media (min-width: 576px) {
    .p-sm-15 {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media (min-width: 768px) {
    .p-md-15 {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media (min-width: 992px) {
    .p-lg-15 {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.ph-15 {
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 576px) {
    .ph-sm-15 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 768px) {
    .ph-md-15 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 992px) {
    .ph-lg-15 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

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

@media (min-width: 576px) {
    .mt-sm-15 {
        margin-top: 15px !important;
    }
}

@media (min-width: 768px) {
    .mt-md-15 {
        margin-top: 15px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-15 {
        margin-top: 15px !important;
    }
}

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

@media (min-width: 576px) {
    .mb-sm-15 {
        margin-bottom: 15px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-15 {
        margin-bottom: 15px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-15 {
        margin-bottom: 15px !important;
    }
}

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

@media (min-width: 576px) {
    .ml-sm-15 {
        margin-left: 15px !important;
    }
}

@media (min-width: 768px) {
    .ml-md-15 {
        margin-left: 15px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-15 {
        margin-left: 15px !important;
    }
}

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

@media (min-width: 576px) {
    .mr-sm-15 {
        margin-right: 15px !important;
    }
}

@media (min-width: 768px) {
    .mr-md-15 {
        margin-right: 15px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg-15 {
        margin-right: 15px !important;
    }
}

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

@media (min-width: 576px) {
    .pb-sm-15 {
        padding-bottom: 15px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-15 {
        padding-bottom: 15px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-15 {
        padding-bottom: 15px !important;
    }
}

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

@media (min-width: 576px) {
    .pt-sm-15 {
        padding-top: 15px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-15 {
        padding-top: 15px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-15 {
        padding-top: 15px !important;
    }
}

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

@media (min-width: 576px) {
    .pl-sm-15 {
        padding-left: 15px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-15 {
        padding-left: 15px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-15 {
        padding-left: 15px !important;
    }
}

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

@media (min-width: 576px) {
    .pr-sm-15 {
        padding-right: 15px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-15 {
        padding-right: 15px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-15 {
        padding-right: 15px !important;
    }
}

.p-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

@media (min-width: 576px) {
    .p-sm-20 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media (min-width: 768px) {
    .p-md-20 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media (min-width: 992px) {
    .p-lg-20 {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

.ph-20 {
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 576px) {
    .ph-sm-20 {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 768px) {
    .ph-md-20 {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 992px) {
    .ph-lg-20 {
        padding-left: 20px;
        padding-right: 20px;
    }
}

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

@media (min-width: 576px) {
    .mt-sm-20 {
        margin-top: 20px !important;
    }
}

@media (min-width: 768px) {
    .mt-md-20 {
        margin-top: 20px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-20 {
        margin-top: 20px !important;
    }
}

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

@media (min-width: 576px) {
    .mb-sm-20 {
        margin-bottom: 20px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-20 {
        margin-bottom: 20px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-20 {
        margin-bottom: 20px !important;
    }
}

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

@media (min-width: 576px) {
    .ml-sm-20 {
        margin-left: 20px !important;
    }
}

@media (min-width: 768px) {
    .ml-md-20 {
        margin-left: 20px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-20 {
        margin-left: 20px !important;
    }
}

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

@media (min-width: 576px) {
    .mr-sm-20 {
        margin-right: 20px !important;
    }
}

@media (min-width: 768px) {
    .mr-md-20 {
        margin-right: 20px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg-20 {
        margin-right: 20px !important;
    }
}

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

@media (min-width: 576px) {
    .pb-sm-20 {
        padding-bottom: 20px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-20 {
        padding-bottom: 20px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-20 {
        padding-bottom: 20px !important;
    }
}

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

@media (min-width: 576px) {
    .pt-sm-20 {
        padding-top: 20px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-20 {
        padding-top: 20px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-20 {
        padding-top: 20px !important;
    }
}

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

@media (min-width: 576px) {
    .pl-sm-20 {
        padding-left: 20px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-20 {
        padding-left: 20px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-20 {
        padding-left: 20px !important;
    }
}

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

@media (min-width: 576px) {
    .pr-sm-20 {
        padding-right: 20px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-20 {
        padding-right: 20px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-20 {
        padding-right: 20px !important;
    }
}

.p-25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

@media (min-width: 576px) {
    .p-sm-25 {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}

@media (min-width: 768px) {
    .p-md-25 {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}

@media (min-width: 992px) {
    .p-lg-25 {
        padding-top: 25px;
        padding-bottom: 25px;
    }
}

.ph-25 {
    padding-left: 25px;
    padding-right: 25px;
}

@media (min-width: 576px) {
    .ph-sm-25 {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (min-width: 768px) {
    .ph-md-25 {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (min-width: 992px) {
    .ph-lg-25 {
        padding-left: 25px;
        padding-right: 25px;
    }
}

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

@media (min-width: 576px) {
    .mt-sm-25 {
        margin-top: 25px !important;
    }
}

@media (min-width: 768px) {
    .mt-md-25 {
        margin-top: 25px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-25 {
        margin-top: 25px !important;
    }
}

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

@media (min-width: 576px) {
    .mb-sm-25 {
        margin-bottom: 25px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-25 {
        margin-bottom: 25px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-25 {
        margin-bottom: 25px !important;
    }
}

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

@media (min-width: 576px) {
    .ml-sm-25 {
        margin-left: 25px !important;
    }
}

@media (min-width: 768px) {
    .ml-md-25 {
        margin-left: 25px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-25 {
        margin-left: 25px !important;
    }
}

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

@media (min-width: 576px) {
    .mr-sm-25 {
        margin-right: 25px !important;
    }
}

@media (min-width: 768px) {
    .mr-md-25 {
        margin-right: 25px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg-25 {
        margin-right: 25px !important;
    }
}

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

@media (min-width: 576px) {
    .pb-sm-25 {
        padding-bottom: 25px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-25 {
        padding-bottom: 25px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-25 {
        padding-bottom: 25px !important;
    }
}

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

@media (min-width: 576px) {
    .pt-sm-25 {
        padding-top: 25px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-25 {
        padding-top: 25px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-25 {
        padding-top: 25px !important;
    }
}

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

@media (min-width: 576px) {
    .pl-sm-25 {
        padding-left: 25px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-25 {
        padding-left: 25px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-25 {
        padding-left: 25px !important;
    }
}

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

@media (min-width: 576px) {
    .pr-sm-25 {
        padding-right: 25px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-25 {
        padding-right: 25px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-25 {
        padding-right: 25px !important;
    }
}

.p-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (min-width: 576px) {
    .p-sm-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .p-md-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (min-width: 992px) {
    .p-lg-30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.ph-30 {
    padding-left: 30px;
    padding-right: 30px;
}

@media (min-width: 576px) {
    .ph-sm-30 {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 768px) {
    .ph-md-30 {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width: 992px) {
    .ph-lg-30 {
        padding-left: 30px;
        padding-right: 30px;
    }
}

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

@media (min-width: 576px) {
    .mt-sm-30 {
        margin-top: 30px !important;
    }
}

@media (min-width: 768px) {
    .mt-md-30 {
        margin-top: 30px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-30 {
        margin-top: 30px !important;
    }
}

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

@media (min-width: 576px) {
    .mb-sm-30 {
        margin-bottom: 30px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-30 {
        margin-bottom: 30px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-30 {
        margin-bottom: 30px !important;
    }
}

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

@media (min-width: 576px) {
    .ml-sm-30 {
        margin-left: 30px !important;
    }
}

@media (min-width: 768px) {
    .ml-md-30 {
        margin-left: 30px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-30 {
        margin-left: 30px !important;
    }
}

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

@media (min-width: 576px) {
    .mr-sm-30 {
        margin-right: 30px !important;
    }
}

@media (min-width: 768px) {
    .mr-md-30 {
        margin-right: 30px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg-30 {
        margin-right: 30px !important;
    }
}

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

@media (min-width: 576px) {
    .pb-sm-30 {
        padding-bottom: 30px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-30 {
        padding-bottom: 30px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-30 {
        padding-bottom: 30px !important;
    }
}

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

@media (min-width: 576px) {
    .pt-sm-30 {
        padding-top: 30px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-30 {
        padding-top: 30px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-30 {
        padding-top: 30px !important;
    }
}

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

@media (min-width: 576px) {
    .pl-sm-30 {
        padding-left: 30px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-30 {
        padding-left: 30px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-30 {
        padding-left: 30px !important;
    }
}

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

@media (min-width: 576px) {
    .pr-sm-30 {
        padding-right: 30px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-30 {
        padding-right: 30px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-30 {
        padding-right: 30px !important;
    }
}

.p-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

@media (min-width: 576px) {
    .p-sm-40 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (min-width: 768px) {
    .p-md-40 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (min-width: 992px) {
    .p-lg-40 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.ph-40 {
    padding-left: 40px;
    padding-right: 40px;
}

@media (min-width: 576px) {
    .ph-sm-40 {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (min-width: 768px) {
    .ph-md-40 {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (min-width: 992px) {
    .ph-lg-40 {
        padding-left: 40px;
        padding-right: 40px;
    }
}

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

@media (min-width: 576px) {
    .mt-sm-40 {
        margin-top: 40px !important;
    }
}

@media (min-width: 768px) {
    .mt-md-40 {
        margin-top: 40px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-40 {
        margin-top: 40px !important;
    }
}

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

@media (min-width: 576px) {
    .mb-sm-40 {
        margin-bottom: 40px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-40 {
        margin-bottom: 40px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-40 {
        margin-bottom: 40px !important;
    }
}

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

@media (min-width: 576px) {
    .ml-sm-40 {
        margin-left: 40px !important;
    }
}

@media (min-width: 768px) {
    .ml-md-40 {
        margin-left: 40px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-40 {
        margin-left: 40px !important;
    }
}

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

@media (min-width: 576px) {
    .mr-sm-40 {
        margin-right: 40px !important;
    }
}

@media (min-width: 768px) {
    .mr-md-40 {
        margin-right: 40px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg-40 {
        margin-right: 40px !important;
    }
}

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

@media (min-width: 576px) {
    .pb-sm-40 {
        padding-bottom: 40px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-40 {
        padding-bottom: 40px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-40 {
        padding-bottom: 40px !important;
    }
}

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

@media (min-width: 576px) {
    .pt-sm-40 {
        padding-top: 40px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-40 {
        padding-top: 40px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-40 {
        padding-top: 40px !important;
    }
}

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

@media (min-width: 576px) {
    .pl-sm-40 {
        padding-left: 40px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-40 {
        padding-left: 40px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-40 {
        padding-left: 40px !important;
    }
}

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

@media (min-width: 576px) {
    .pr-sm-40 {
        padding-right: 40px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-40 {
        padding-right: 40px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-40 {
        padding-right: 40px !important;
    }
}

.p-45 {
    padding-top: 45px;
    padding-bottom: 45px;
}

@media (min-width: 576px) {
    .p-sm-45 {
        padding-top: 45px;
        padding-bottom: 45px;
    }
}

@media (min-width: 768px) {
    .p-md-45 {
        padding-top: 45px;
        padding-bottom: 45px;
    }
}

@media (min-width: 992px) {
    .p-lg-45 {
        padding-top: 45px;
        padding-bottom: 45px;
    }
}

.ph-45 {
    padding-left: 45px;
    padding-right: 45px;
}

@media (min-width: 576px) {
    .ph-sm-45 {
        padding-left: 45px;
        padding-right: 45px;
    }
}

@media (min-width: 768px) {
    .ph-md-45 {
        padding-left: 45px;
        padding-right: 45px;
    }
}

@media (min-width: 992px) {
    .ph-lg-45 {
        padding-left: 45px;
        padding-right: 45px;
    }
}

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

@media (min-width: 576px) {
    .mt-sm-45 {
        margin-top: 45px !important;
    }
}

@media (min-width: 768px) {
    .mt-md-45 {
        margin-top: 45px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-45 {
        margin-top: 45px !important;
    }
}

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

@media (min-width: 576px) {
    .mb-sm-45 {
        margin-bottom: 45px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-45 {
        margin-bottom: 45px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-45 {
        margin-bottom: 45px !important;
    }
}

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

@media (min-width: 576px) {
    .ml-sm-45 {
        margin-left: 45px !important;
    }
}

@media (min-width: 768px) {
    .ml-md-45 {
        margin-left: 45px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-45 {
        margin-left: 45px !important;
    }
}

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

@media (min-width: 576px) {
    .mr-sm-45 {
        margin-right: 45px !important;
    }
}

@media (min-width: 768px) {
    .mr-md-45 {
        margin-right: 45px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg-45 {
        margin-right: 45px !important;
    }
}

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

@media (min-width: 576px) {
    .pb-sm-45 {
        padding-bottom: 45px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-45 {
        padding-bottom: 45px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-45 {
        padding-bottom: 45px !important;
    }
}

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

@media (min-width: 576px) {
    .pt-sm-45 {
        padding-top: 45px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-45 {
        padding-top: 45px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-45 {
        padding-top: 45px !important;
    }
}

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

@media (min-width: 576px) {
    .pl-sm-45 {
        padding-left: 45px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-45 {
        padding-left: 45px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-45 {
        padding-left: 45px !important;
    }
}

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

@media (min-width: 576px) {
    .pr-sm-45 {
        padding-right: 45px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-45 {
        padding-right: 45px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-45 {
        padding-right: 45px !important;
    }
}

.p-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

@media (min-width: 576px) {
    .p-sm-50 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media (min-width: 768px) {
    .p-md-50 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media (min-width: 992px) {
    .p-lg-50 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

.ph-50 {
    padding-left: 50px;
    padding-right: 50px;
}

@media (min-width: 576px) {
    .ph-sm-50 {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (min-width: 768px) {
    .ph-md-50 {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (min-width: 992px) {
    .ph-lg-50 {
        padding-left: 50px;
        padding-right: 50px;
    }
}

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

@media (min-width: 576px) {
    .mt-sm-50 {
        margin-top: 50px !important;
    }
}

@media (min-width: 768px) {
    .mt-md-50 {
        margin-top: 50px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-50 {
        margin-top: 50px !important;
    }
}

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

@media (min-width: 576px) {
    .mb-sm-50 {
        margin-bottom: 50px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-50 {
        margin-bottom: 50px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-50 {
        margin-bottom: 50px !important;
    }
}

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

@media (min-width: 576px) {
    .ml-sm-50 {
        margin-left: 50px !important;
    }
}

@media (min-width: 768px) {
    .ml-md-50 {
        margin-left: 50px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-50 {
        margin-left: 50px !important;
    }
}

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

@media (min-width: 576px) {
    .mr-sm-50 {
        margin-right: 50px !important;
    }
}

@media (min-width: 768px) {
    .mr-md-50 {
        margin-right: 50px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg-50 {
        margin-right: 50px !important;
    }
}

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

@media (min-width: 576px) {
    .pb-sm-50 {
        padding-bottom: 50px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-50 {
        padding-bottom: 50px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-50 {
        padding-bottom: 50px !important;
    }
}

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

@media (min-width: 576px) {
    .pt-sm-50 {
        padding-top: 50px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-50 {
        padding-top: 50px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-50 {
        padding-top: 50px !important;
    }
}

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

@media (min-width: 576px) {
    .pl-sm-50 {
        padding-left: 50px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-50 {
        padding-left: 50px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-50 {
        padding-left: 50px !important;
    }
}

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

@media (min-width: 576px) {
    .pr-sm-50 {
        padding-right: 50px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-50 {
        padding-right: 50px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-50 {
        padding-right: 50px !important;
    }
}

.p-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

@media (min-width: 576px) {
    .p-sm-60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media (min-width: 768px) {
    .p-md-60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media (min-width: 992px) {
    .p-lg-60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.ph-60 {
    padding-left: 60px;
    padding-right: 60px;
}

@media (min-width: 576px) {
    .ph-sm-60 {
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media (min-width: 768px) {
    .ph-md-60 {
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media (min-width: 992px) {
    .ph-lg-60 {
        padding-left: 60px;
        padding-right: 60px;
    }
}

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

@media (min-width: 576px) {
    .mt-sm-60 {
        margin-top: 60px !important;
    }
}

@media (min-width: 768px) {
    .mt-md-60 {
        margin-top: 60px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-60 {
        margin-top: 60px !important;
    }
}

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

@media (min-width: 576px) {
    .mb-sm-60 {
        margin-bottom: 60px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-60 {
        margin-bottom: 60px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-60 {
        margin-bottom: 60px !important;
    }
}

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

@media (min-width: 576px) {
    .ml-sm-60 {
        margin-left: 60px !important;
    }
}

@media (min-width: 768px) {
    .ml-md-60 {
        margin-left: 60px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-60 {
        margin-left: 60px !important;
    }
}

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

@media (min-width: 576px) {
    .mr-sm-60 {
        margin-right: 60px !important;
    }
}

@media (min-width: 768px) {
    .mr-md-60 {
        margin-right: 60px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg-60 {
        margin-right: 60px !important;
    }
}

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

@media (min-width: 576px) {
    .pb-sm-60 {
        padding-bottom: 60px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-60 {
        padding-bottom: 60px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-60 {
        padding-bottom: 60px !important;
    }
}

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

@media (min-width: 576px) {
    .pt-sm-60 {
        padding-top: 60px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-60 {
        padding-top: 60px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-60 {
        padding-top: 60px !important;
    }
}

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

@media (min-width: 576px) {
    .pl-sm-60 {
        padding-left: 60px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-60 {
        padding-left: 60px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-60 {
        padding-left: 60px !important;
    }
}

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

@media (min-width: 576px) {
    .pr-sm-60 {
        padding-right: 60px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-60 {
        padding-right: 60px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-60 {
        padding-right: 60px !important;
    }
}

.p-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}

@media (min-width: 576px) {
    .p-sm-70 {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}

@media (min-width: 768px) {
    .p-md-70 {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}

@media (min-width: 992px) {
    .p-lg-70 {
        padding-top: 70px;
        padding-bottom: 70px;
    }
}

.ph-70 {
    padding-left: 70px;
    padding-right: 70px;
}

@media (min-width: 576px) {
    .ph-sm-70 {
        padding-left: 70px;
        padding-right: 70px;
    }
}

@media (min-width: 768px) {
    .ph-md-70 {
        padding-left: 70px;
        padding-right: 70px;
    }
}

@media (min-width: 992px) {
    .ph-lg-70 {
        padding-left: 70px;
        padding-right: 70px;
    }
}

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

@media (min-width: 576px) {
    .mt-sm-70 {
        margin-top: 70px !important;
    }
}

@media (min-width: 768px) {
    .mt-md-70 {
        margin-top: 70px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-70 {
        margin-top: 70px !important;
    }
}

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

@media (min-width: 576px) {
    .mb-sm-70 {
        margin-bottom: 70px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-70 {
        margin-bottom: 70px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-70 {
        margin-bottom: 70px !important;
    }
}

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

@media (min-width: 576px) {
    .ml-sm-70 {
        margin-left: 70px !important;
    }
}

@media (min-width: 768px) {
    .ml-md-70 {
        margin-left: 70px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-70 {
        margin-left: 70px !important;
    }
}

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

@media (min-width: 576px) {
    .mr-sm-70 {
        margin-right: 70px !important;
    }
}

@media (min-width: 768px) {
    .mr-md-70 {
        margin-right: 70px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg-70 {
        margin-right: 70px !important;
    }
}

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

@media (min-width: 576px) {
    .pb-sm-70 {
        padding-bottom: 70px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-70 {
        padding-bottom: 70px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-70 {
        padding-bottom: 70px !important;
    }
}

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

@media (min-width: 576px) {
    .pt-sm-70 {
        padding-top: 70px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-70 {
        padding-top: 70px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-70 {
        padding-top: 70px !important;
    }
}

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

@media (min-width: 576px) {
    .pl-sm-70 {
        padding-left: 70px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-70 {
        padding-left: 70px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-70 {
        padding-left: 70px !important;
    }
}

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

@media (min-width: 576px) {
    .pr-sm-70 {
        padding-right: 70px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-70 {
        padding-right: 70px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-70 {
        padding-right: 70px !important;
    }
}

.p-80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

@media (min-width: 576px) {
    .p-sm-80 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (min-width: 768px) {
    .p-md-80 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (min-width: 992px) {
    .p-lg-80 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.ph-80 {
    padding-left: 80px;
    padding-right: 80px;
}

@media (min-width: 576px) {
    .ph-sm-80 {
        padding-left: 80px;
        padding-right: 80px;
    }
}

@media (min-width: 768px) {
    .ph-md-80 {
        padding-left: 80px;
        padding-right: 80px;
    }
}

@media (min-width: 992px) {
    .ph-lg-80 {
        padding-left: 80px;
        padding-right: 80px;
    }
}

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

@media (min-width: 576px) {
    .mt-sm-80 {
        margin-top: 80px !important;
    }
}

@media (min-width: 768px) {
    .mt-md-80 {
        margin-top: 80px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-80 {
        margin-top: 80px !important;
    }
}

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

@media (min-width: 576px) {
    .mb-sm-80 {
        margin-bottom: 80px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-80 {
        margin-bottom: 80px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-80 {
        margin-bottom: 80px !important;
    }
}

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

@media (min-width: 576px) {
    .ml-sm-80 {
        margin-left: 80px !important;
    }
}

@media (min-width: 768px) {
    .ml-md-80 {
        margin-left: 80px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-80 {
        margin-left: 80px !important;
    }
}

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

@media (min-width: 576px) {
    .mr-sm-80 {
        margin-right: 80px !important;
    }
}

@media (min-width: 768px) {
    .mr-md-80 {
        margin-right: 80px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg-80 {
        margin-right: 80px !important;
    }
}

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

@media (min-width: 576px) {
    .pb-sm-80 {
        padding-bottom: 80px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-80 {
        padding-bottom: 80px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-80 {
        padding-bottom: 80px !important;
    }
}

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

@media (min-width: 576px) {
    .pt-sm-80 {
        padding-top: 80px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-80 {
        padding-top: 80px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-80 {
        padding-top: 80px !important;
    }
}

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

@media (min-width: 576px) {
    .pl-sm-80 {
        padding-left: 80px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-80 {
        padding-left: 80px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-80 {
        padding-left: 80px !important;
    }
}

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

@media (min-width: 576px) {
    .pr-sm-80 {
        padding-right: 80px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-80 {
        padding-right: 80px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-80 {
        padding-right: 80px !important;
    }
}

.p-85 {
    padding-top: 85px;
    padding-bottom: 85px;
}

@media (min-width: 576px) {
    .p-sm-85 {
        padding-top: 85px;
        padding-bottom: 85px;
    }
}

@media (min-width: 768px) {
    .p-md-85 {
        padding-top: 85px;
        padding-bottom: 85px;
    }
}

@media (min-width: 992px) {
    .p-lg-85 {
        padding-top: 85px;
        padding-bottom: 85px;
    }
}

.ph-85 {
    padding-left: 85px;
    padding-right: 85px;
}

@media (min-width: 576px) {
    .ph-sm-85 {
        padding-left: 85px;
        padding-right: 85px;
    }
}

@media (min-width: 768px) {
    .ph-md-85 {
        padding-left: 85px;
        padding-right: 85px;
    }
}

@media (min-width: 992px) {
    .ph-lg-85 {
        padding-left: 85px;
        padding-right: 85px;
    }
}

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

@media (min-width: 576px) {
    .mt-sm-85 {
        margin-top: 85px !important;
    }
}

@media (min-width: 768px) {
    .mt-md-85 {
        margin-top: 85px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-85 {
        margin-top: 85px !important;
    }
}

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

@media (min-width: 576px) {
    .mb-sm-85 {
        margin-bottom: 85px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-85 {
        margin-bottom: 85px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-85 {
        margin-bottom: 85px !important;
    }
}

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

@media (min-width: 576px) {
    .ml-sm-85 {
        margin-left: 85px !important;
    }
}

@media (min-width: 768px) {
    .ml-md-85 {
        margin-left: 85px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-85 {
        margin-left: 85px !important;
    }
}

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

@media (min-width: 576px) {
    .mr-sm-85 {
        margin-right: 85px !important;
    }
}

@media (min-width: 768px) {
    .mr-md-85 {
        margin-right: 85px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg-85 {
        margin-right: 85px !important;
    }
}

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

@media (min-width: 576px) {
    .pb-sm-85 {
        padding-bottom: 85px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-85 {
        padding-bottom: 85px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-85 {
        padding-bottom: 85px !important;
    }
}

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

@media (min-width: 576px) {
    .pt-sm-85 {
        padding-top: 85px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-85 {
        padding-top: 85px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-85 {
        padding-top: 85px !important;
    }
}

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

@media (min-width: 576px) {
    .pl-sm-85 {
        padding-left: 85px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-85 {
        padding-left: 85px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-85 {
        padding-left: 85px !important;
    }
}

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

@media (min-width: 576px) {
    .pr-sm-85 {
        padding-right: 85px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-85 {
        padding-right: 85px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-85 {
        padding-right: 85px !important;
    }
}

.p-90 {
    padding-top: 90px;
    padding-bottom: 90px;
}

@media (min-width: 576px) {
    .p-sm-90 {
        padding-top: 90px;
        padding-bottom: 90px;
    }
}

@media (min-width: 768px) {
    .p-md-90 {
        padding-top: 90px;
        padding-bottom: 90px;
    }
}

@media (min-width: 992px) {
    .p-lg-90 {
        padding-top: 90px;
        padding-bottom: 90px;
    }
}

.ph-90 {
    padding-left: 90px;
    padding-right: 90px;
}

@media (min-width: 576px) {
    .ph-sm-90 {
        padding-left: 90px;
        padding-right: 90px;
    }
}

@media (min-width: 768px) {
    .ph-md-90 {
        padding-left: 90px;
        padding-right: 90px;
    }
}

@media (min-width: 992px) {
    .ph-lg-90 {
        padding-left: 90px;
        padding-right: 90px;
    }
}

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

@media (min-width: 576px) {
    .mt-sm-90 {
        margin-top: 90px !important;
    }
}

@media (min-width: 768px) {
    .mt-md-90 {
        margin-top: 90px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-90 {
        margin-top: 90px !important;
    }
}

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

@media (min-width: 576px) {
    .mb-sm-90 {
        margin-bottom: 90px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-90 {
        margin-bottom: 90px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-90 {
        margin-bottom: 90px !important;
    }
}

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

@media (min-width: 576px) {
    .ml-sm-90 {
        margin-left: 90px !important;
    }
}

@media (min-width: 768px) {
    .ml-md-90 {
        margin-left: 90px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-90 {
        margin-left: 90px !important;
    }
}

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

@media (min-width: 576px) {
    .mr-sm-90 {
        margin-right: 90px !important;
    }
}

@media (min-width: 768px) {
    .mr-md-90 {
        margin-right: 90px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg-90 {
        margin-right: 90px !important;
    }
}

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

@media (min-width: 576px) {
    .pb-sm-90 {
        padding-bottom: 90px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-90 {
        padding-bottom: 90px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-90 {
        padding-bottom: 90px !important;
    }
}

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

@media (min-width: 576px) {
    .pt-sm-90 {
        padding-top: 90px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-90 {
        padding-top: 90px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-90 {
        padding-top: 90px !important;
    }
}

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

@media (min-width: 576px) {
    .pl-sm-90 {
        padding-left: 90px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-90 {
        padding-left: 90px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-90 {
        padding-left: 90px !important;
    }
}

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

@media (min-width: 576px) {
    .pr-sm-90 {
        padding-right: 90px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-90 {
        padding-right: 90px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-90 {
        padding-right: 90px !important;
    }
}

.p-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

@media (min-width: 576px) {
    .p-sm-100 {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media (min-width: 768px) {
    .p-md-100 {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media (min-width: 992px) {
    .p-lg-100 {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

.ph-100 {
    padding-left: 100px;
    padding-right: 100px;
}

@media (min-width: 576px) {
    .ph-sm-100 {
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media (min-width: 768px) {
    .ph-md-100 {
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media (min-width: 992px) {
    .ph-lg-100 {
        padding-left: 100px;
        padding-right: 100px;
    }
}

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

@media (min-width: 576px) {
    .mt-sm-100 {
        margin-top: 100px !important;
    }
}

@media (min-width: 768px) {
    .mt-md-100 {
        margin-top: 100px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-100 {
        margin-top: 100px !important;
    }
}

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

@media (min-width: 576px) {
    .mb-sm-100 {
        margin-bottom: 100px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-100 {
        margin-bottom: 100px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-100 {
        margin-bottom: 100px !important;
    }
}

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

@media (min-width: 576px) {
    .ml-sm-100 {
        margin-left: 100px !important;
    }
}

@media (min-width: 768px) {
    .ml-md-100 {
        margin-left: 100px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-100 {
        margin-left: 100px !important;
    }
}

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

@media (min-width: 576px) {
    .mr-sm-100 {
        margin-right: 100px !important;
    }
}

@media (min-width: 768px) {
    .mr-md-100 {
        margin-right: 100px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg-100 {
        margin-right: 100px !important;
    }
}

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

@media (min-width: 576px) {
    .pb-sm-100 {
        padding-bottom: 100px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-100 {
        padding-bottom: 100px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-100 {
        padding-bottom: 100px !important;
    }
}

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

@media (min-width: 576px) {
    .pt-sm-100 {
        padding-top: 100px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-100 {
        padding-top: 100px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-100 {
        padding-top: 100px !important;
    }
}

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

@media (min-width: 576px) {
    .pl-sm-100 {
        padding-left: 100px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-100 {
        padding-left: 100px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-100 {
        padding-left: 100px !important;
    }
}

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

@media (min-width: 576px) {
    .pr-sm-100 {
        padding-right: 100px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-100 {
        padding-right: 100px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-100 {
        padding-right: 100px !important;
    }
}

.p-110 {
    padding-top: 110px;
    padding-bottom: 110px;
}

@media (min-width: 576px) {
    .p-sm-110 {
        padding-top: 110px;
        padding-bottom: 110px;
    }
}

@media (min-width: 768px) {
    .p-md-110 {
        padding-top: 110px;
        padding-bottom: 110px;
    }
}

@media (min-width: 992px) {
    .p-lg-110 {
        padding-top: 110px;
        padding-bottom: 110px;
    }
}

.ph-110 {
    padding-left: 110px;
    padding-right: 110px;
}

@media (min-width: 576px) {
    .ph-sm-110 {
        padding-left: 110px;
        padding-right: 110px;
    }
}

@media (min-width: 768px) {
    .ph-md-110 {
        padding-left: 110px;
        padding-right: 110px;
    }
}

@media (min-width: 992px) {
    .ph-lg-110 {
        padding-left: 110px;
        padding-right: 110px;
    }
}

.mt-110 {
    margin-top: 110px;
}

@media (min-width: 576px) {
    .mt-sm-110 {
        margin-top: 110px !important;
    }
}

@media (min-width: 768px) {
    .mt-md-110 {
        margin-top: 110px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-110 {
        margin-top: 110px !important;
    }
}

.mb-110 {
    margin-bottom: 110px;
}

@media (min-width: 576px) {
    .mb-sm-110 {
        margin-bottom: 110px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-110 {
        margin-bottom: 110px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-110 {
        margin-bottom: 110px !important;
    }
}

.ml-110 {
    margin-left: 110px;
}

@media (min-width: 576px) {
    .ml-sm-110 {
        margin-left: 110px !important;
    }
}

@media (min-width: 768px) {
    .ml-md-110 {
        margin-left: 110px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-110 {
        margin-left: 110px !important;
    }
}

.mr-110 {
    margin-right: 110px;
}

@media (min-width: 576px) {
    .mr-sm-110 {
        margin-right: 110px !important;
    }
}

@media (min-width: 768px) {
    .mr-md-110 {
        margin-right: 110px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg-110 {
        margin-right: 110px !important;
    }
}

.pb-110 {
    padding-bottom: 110px;
}

@media (min-width: 576px) {
    .pb-sm-110 {
        padding-bottom: 110px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-110 {
        padding-bottom: 110px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-110 {
        padding-bottom: 110px !important;
    }
}

.pt-110 {
    padding-top: 110px;
}

@media (min-width: 576px) {
    .pt-sm-110 {
        padding-top: 110px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-110 {
        padding-top: 110px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-110 {
        padding-top: 110px !important;
    }
}

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

@media (min-width: 576px) {
    .pl-sm-110 {
        padding-left: 110px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-110 {
        padding-left: 110px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-110 {
        padding-left: 110px !important;
    }
}

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

@media (min-width: 576px) {
    .pr-sm-110 {
        padding-right: 110px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-110 {
        padding-right: 110px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-110 {
        padding-right: 110px !important;
    }
}

.p-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

@media (min-width: 576px) {
    .p-sm-120 {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}

@media (min-width: 768px) {
    .p-md-120 {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}

@media (min-width: 992px) {
    .p-lg-120 {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}

.ph-120 {
    padding-left: 120px;
    padding-right: 120px;
}

@media (min-width: 576px) {
    .ph-sm-120 {
        padding-left: 120px;
        padding-right: 120px;
    }
}

@media (min-width: 768px) {
    .ph-md-120 {
        padding-left: 120px;
        padding-right: 120px;
    }
}

@media (min-width: 992px) {
    .ph-lg-120 {
        padding-left: 120px;
        padding-right: 120px;
    }
}

.mt-120 {
    margin-top: 120px;
}

@media (min-width: 576px) {
    .mt-sm-120 {
        margin-top: 120px !important;
    }
}

@media (min-width: 768px) {
    .mt-md-120 {
        margin-top: 120px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-120 {
        margin-top: 120px !important;
    }
}

.mb-120 {
    margin-bottom: 120px;
}

@media (min-width: 576px) {
    .mb-sm-120 {
        margin-bottom: 120px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-120 {
        margin-bottom: 120px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-120 {
        margin-bottom: 120px !important;
    }
}

.ml-120 {
    margin-left: 120px;
}

@media (min-width: 576px) {
    .ml-sm-120 {
        margin-left: 120px !important;
    }
}

@media (min-width: 768px) {
    .ml-md-120 {
        margin-left: 120px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-120 {
        margin-left: 120px !important;
    }
}

.mr-120 {
    margin-right: 120px;
}

@media (min-width: 576px) {
    .mr-sm-120 {
        margin-right: 120px !important;
    }
}

@media (min-width: 768px) {
    .mr-md-120 {
        margin-right: 120px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg-120 {
        margin-right: 120px !important;
    }
}

.pb-120 {
    padding-bottom: 120px;
}

@media (min-width: 576px) {
    .pb-sm-120 {
        padding-bottom: 120px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-120 {
        padding-bottom: 120px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-120 {
        padding-bottom: 120px !important;
    }
}

.pt-120 {
    padding-top: 120px;
}

@media (min-width: 576px) {
    .pt-sm-120 {
        padding-top: 120px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-120 {
        padding-top: 120px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-120 {
        padding-top: 120px !important;
    }
}

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

@media (min-width: 576px) {
    .pl-sm-120 {
        padding-left: 120px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-120 {
        padding-left: 120px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-120 {
        padding-left: 120px !important;
    }
}

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

@media (min-width: 576px) {
    .pr-sm-120 {
        padding-right: 120px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-120 {
        padding-right: 120px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-120 {
        padding-right: 120px !important;
    }
}

.p-130 {
    padding-top: 130px;
    padding-bottom: 130px;
}

@media (min-width: 576px) {
    .p-sm-130 {
        padding-top: 130px;
        padding-bottom: 130px;
    }
}

@media (min-width: 768px) {
    .p-md-130 {
        padding-top: 130px;
        padding-bottom: 130px;
    }
}

@media (min-width: 992px) {
    .p-lg-130 {
        padding-top: 130px;
        padding-bottom: 130px;
    }
}

.ph-130 {
    padding-left: 130px;
    padding-right: 130px;
}

@media (min-width: 576px) {
    .ph-sm-130 {
        padding-left: 130px;
        padding-right: 130px;
    }
}

@media (min-width: 768px) {
    .ph-md-130 {
        padding-left: 130px;
        padding-right: 130px;
    }
}

@media (min-width: 992px) {
    .ph-lg-130 {
        padding-left: 130px;
        padding-right: 130px;
    }
}

.mt-130 {
    margin-top: 130px;
}

@media (min-width: 576px) {
    .mt-sm-130 {
        margin-top: 130px !important;
    }
}

@media (min-width: 768px) {
    .mt-md-130 {
        margin-top: 130px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-130 {
        margin-top: 130px !important;
    }
}

.mb-130 {
    margin-bottom: 130px;
}

@media (min-width: 576px) {
    .mb-sm-130 {
        margin-bottom: 130px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-130 {
        margin-bottom: 130px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-130 {
        margin-bottom: 130px !important;
    }
}

.ml-130 {
    margin-left: 130px;
}

@media (min-width: 576px) {
    .ml-sm-130 {
        margin-left: 130px !important;
    }
}

@media (min-width: 768px) {
    .ml-md-130 {
        margin-left: 130px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-130 {
        margin-left: 130px !important;
    }
}

.mr-130 {
    margin-right: 130px;
}

@media (min-width: 576px) {
    .mr-sm-130 {
        margin-right: 130px !important;
    }
}

@media (min-width: 768px) {
    .mr-md-130 {
        margin-right: 130px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg-130 {
        margin-right: 130px !important;
    }
}

.pb-130 {
    padding-bottom: 130px;
}

@media (min-width: 576px) {
    .pb-sm-130 {
        padding-bottom: 130px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-130 {
        padding-bottom: 130px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-130 {
        padding-bottom: 130px !important;
    }
}

.pt-130 {
    padding-top: 130px;
}

@media (min-width: 576px) {
    .pt-sm-130 {
        padding-top: 130px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-130 {
        padding-top: 130px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-130 {
        padding-top: 130px !important;
    }
}

.pl-130 {
    padding-left: 130px;
}

@media (min-width: 576px) {
    .pl-sm-130 {
        padding-left: 130px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-130 {
        padding-left: 130px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-130 {
        padding-left: 130px !important;
    }
}

.pr-130 {
    padding-right: 130px;
}

@media (min-width: 576px) {
    .pr-sm-130 {
        padding-right: 130px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-130 {
        padding-right: 130px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-130 {
        padding-right: 130px !important;
    }
}

.p-140 {
    padding-top: 140px;
    padding-bottom: 140px;
}

@media (min-width: 576px) {
    .p-sm-140 {
        padding-top: 140px;
        padding-bottom: 140px;
    }
}

@media (min-width: 768px) {
    .p-md-140 {
        padding-top: 140px;
        padding-bottom: 140px;
    }
}

@media (min-width: 992px) {
    .p-lg-140 {
        padding-top: 140px;
        padding-bottom: 140px;
    }
}

.ph-140 {
    padding-left: 140px;
    padding-right: 140px;
}

@media (min-width: 576px) {
    .ph-sm-140 {
        padding-left: 140px;
        padding-right: 140px;
    }
}

@media (min-width: 768px) {
    .ph-md-140 {
        padding-left: 140px;
        padding-right: 140px;
    }
}

@media (min-width: 992px) {
    .ph-lg-140 {
        padding-left: 140px;
        padding-right: 140px;
    }
}

.mt-140 {
    margin-top: 140px;
}

@media (min-width: 576px) {
    .mt-sm-140 {
        margin-top: 140px !important;
    }
}

@media (min-width: 768px) {
    .mt-md-140 {
        margin-top: 140px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-140 {
        margin-top: 140px !important;
    }
}

.mb-140 {
    margin-bottom: 140px;
}

@media (min-width: 576px) {
    .mb-sm-140 {
        margin-bottom: 140px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-140 {
        margin-bottom: 140px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-140 {
        margin-bottom: 140px !important;
    }
}

.ml-140 {
    margin-left: 140px;
}

@media (min-width: 576px) {
    .ml-sm-140 {
        margin-left: 140px !important;
    }
}

@media (min-width: 768px) {
    .ml-md-140 {
        margin-left: 140px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-140 {
        margin-left: 140px !important;
    }
}

.mr-140 {
    margin-right: 140px;
}

@media (min-width: 576px) {
    .mr-sm-140 {
        margin-right: 140px !important;
    }
}

@media (min-width: 768px) {
    .mr-md-140 {
        margin-right: 140px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg-140 {
        margin-right: 140px !important;
    }
}

.pb-140 {
    padding-bottom: 140px;
}

@media (min-width: 576px) {
    .pb-sm-140 {
        padding-bottom: 140px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-140 {
        padding-bottom: 140px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-140 {
        padding-bottom: 140px !important;
    }
}

.pt-140 {
    padding-top: 140px;
}

@media (min-width: 576px) {
    .pt-sm-140 {
        padding-top: 140px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-140 {
        padding-top: 140px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-140 {
        padding-top: 140px !important;
    }
}

.pl-140 {
    padding-left: 140px;
}

@media (min-width: 576px) {
    .pl-sm-140 {
        padding-left: 140px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-140 {
        padding-left: 140px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-140 {
        padding-left: 140px !important;
    }
}

.pr-140 {
    padding-right: 140px;
}

@media (min-width: 576px) {
    .pr-sm-140 {
        padding-right: 140px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-140 {
        padding-right: 140px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-140 {
        padding-right: 140px !important;
    }
}

.p-150 {
    padding-top: 150px;
    padding-bottom: 150px;
}

@media (min-width: 576px) {
    .p-sm-150 {
        padding-top: 150px;
        padding-bottom: 150px;
    }
}

@media (min-width: 768px) {
    .p-md-150 {
        padding-top: 150px;
        padding-bottom: 150px;
    }
}

@media (min-width: 992px) {
    .p-lg-150 {
        padding-top: 150px;
        padding-bottom: 150px;
    }
}

.ph-150 {
    padding-left: 150px;
    padding-right: 150px;
}

@media (min-width: 576px) {
    .ph-sm-150 {
        padding-left: 150px;
        padding-right: 150px;
    }
}

@media (min-width: 768px) {
    .ph-md-150 {
        padding-left: 150px;
        padding-right: 150px;
    }
}

@media (min-width: 992px) {
    .ph-lg-150 {
        padding-left: 150px;
        padding-right: 150px;
    }
}

.mt-150 {
    margin-top: 150px;
}

@media (min-width: 576px) {
    .mt-sm-150 {
        margin-top: 150px !important;
    }
}

@media (min-width: 768px) {
    .mt-md-150 {
        margin-top: 150px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-150 {
        margin-top: 150px !important;
    }
}

.mb-150 {
    margin-bottom: 150px;
}

@media (min-width: 576px) {
    .mb-sm-150 {
        margin-bottom: 150px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-150 {
        margin-bottom: 150px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-150 {
        margin-bottom: 150px !important;
    }
}

.ml-150 {
    margin-left: 150px;
}

@media (min-width: 576px) {
    .ml-sm-150 {
        margin-left: 150px !important;
    }
}

@media (min-width: 768px) {
    .ml-md-150 {
        margin-left: 150px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-150 {
        margin-left: 150px !important;
    }
}

.mr-150 {
    margin-right: 150px;
}

@media (min-width: 576px) {
    .mr-sm-150 {
        margin-right: 150px !important;
    }
}

@media (min-width: 768px) {
    .mr-md-150 {
        margin-right: 150px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg-150 {
        margin-right: 150px !important;
    }
}

.pb-150 {
    padding-bottom: 150px;
}

@media (min-width: 576px) {
    .pb-sm-150 {
        padding-bottom: 150px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-150 {
        padding-bottom: 150px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-150 {
        padding-bottom: 150px !important;
    }
}

.pt-150 {
    padding-top: 150px;
}

@media (min-width: 576px) {
    .pt-sm-150 {
        padding-top: 150px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-150 {
        padding-top: 150px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-150 {
        padding-top: 150px !important;
    }
}

.pl-150 {
    padding-left: 150px;
}

@media (min-width: 576px) {
    .pl-sm-150 {
        padding-left: 150px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-150 {
        padding-left: 150px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-150 {
        padding-left: 150px !important;
    }
}

.pr-150 {
    padding-right: 150px;
}

@media (min-width: 576px) {
    .pr-sm-150 {
        padding-right: 150px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-150 {
        padding-right: 150px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-150 {
        padding-right: 150px !important;
    }
}

.p-160 {
    padding-top: 160px;
    padding-bottom: 160px;
}

@media (min-width: 576px) {
    .p-sm-160 {
        padding-top: 160px;
        padding-bottom: 160px;
    }
}

@media (min-width: 768px) {
    .p-md-160 {
        padding-top: 160px;
        padding-bottom: 160px;
    }
}

@media (min-width: 992px) {
    .p-lg-160 {
        padding-top: 160px;
        padding-bottom: 160px;
    }
}

.ph-160 {
    padding-left: 160px;
    padding-right: 160px;
}

@media (min-width: 576px) {
    .ph-sm-160 {
        padding-left: 160px;
        padding-right: 160px;
    }
}

@media (min-width: 768px) {
    .ph-md-160 {
        padding-left: 160px;
        padding-right: 160px;
    }
}

@media (min-width: 992px) {
    .ph-lg-160 {
        padding-left: 160px;
        padding-right: 160px;
    }
}

.mt-160 {
    margin-top: 160px;
}

@media (min-width: 576px) {
    .mt-sm-160 {
        margin-top: 160px !important;
    }
}

@media (min-width: 768px) {
    .mt-md-160 {
        margin-top: 160px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-160 {
        margin-top: 160px !important;
    }
}

.mb-160 {
    margin-bottom: 160px;
}

@media (min-width: 576px) {
    .mb-sm-160 {
        margin-bottom: 160px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-160 {
        margin-bottom: 160px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-160 {
        margin-bottom: 160px !important;
    }
}

.ml-160 {
    margin-left: 160px;
}

@media (min-width: 576px) {
    .ml-sm-160 {
        margin-left: 160px !important;
    }
}

@media (min-width: 768px) {
    .ml-md-160 {
        margin-left: 160px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-160 {
        margin-left: 160px !important;
    }
}

.mr-160 {
    margin-right: 160px;
}

@media (min-width: 576px) {
    .mr-sm-160 {
        margin-right: 160px !important;
    }
}

@media (min-width: 768px) {
    .mr-md-160 {
        margin-right: 160px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg-160 {
        margin-right: 160px !important;
    }
}

.pb-160 {
    padding-bottom: 160px;
}

@media (min-width: 576px) {
    .pb-sm-160 {
        padding-bottom: 160px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-160 {
        padding-bottom: 160px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-160 {
        padding-bottom: 160px !important;
    }
}

.pt-160 {
    padding-top: 160px;
}

@media (min-width: 576px) {
    .pt-sm-160 {
        padding-top: 160px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-160 {
        padding-top: 160px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-160 {
        padding-top: 160px !important;
    }
}

.pl-160 {
    padding-left: 160px;
}

@media (min-width: 576px) {
    .pl-sm-160 {
        padding-left: 160px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-160 {
        padding-left: 160px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-160 {
        padding-left: 160px !important;
    }
}

.pr-160 {
    padding-right: 160px;
}

@media (min-width: 576px) {
    .pr-sm-160 {
        padding-right: 160px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-160 {
        padding-right: 160px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-160 {
        padding-right: 160px !important;
    }
}

.p-170 {
    padding-top: 170px;
    padding-bottom: 170px;
}

@media (min-width: 576px) {
    .p-sm-170 {
        padding-top: 170px;
        padding-bottom: 170px;
    }
}

@media (min-width: 768px) {
    .p-md-170 {
        padding-top: 170px;
        padding-bottom: 170px;
    }
}

@media (min-width: 992px) {
    .p-lg-170 {
        padding-top: 170px;
        padding-bottom: 170px;
    }
}

.ph-170 {
    padding-left: 170px;
    padding-right: 170px;
}

@media (min-width: 576px) {
    .ph-sm-170 {
        padding-left: 170px;
        padding-right: 170px;
    }
}

@media (min-width: 768px) {
    .ph-md-170 {
        padding-left: 170px;
        padding-right: 170px;
    }
}

@media (min-width: 992px) {
    .ph-lg-170 {
        padding-left: 170px;
        padding-right: 170px;
    }
}

.mt-170 {
    margin-top: 170px;
}

@media (min-width: 576px) {
    .mt-sm-170 {
        margin-top: 170px !important;
    }
}

@media (min-width: 768px) {
    .mt-md-170 {
        margin-top: 170px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-170 {
        margin-top: 170px !important;
    }
}

.mb-170 {
    margin-bottom: 170px;
}

@media (min-width: 576px) {
    .mb-sm-170 {
        margin-bottom: 170px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-170 {
        margin-bottom: 170px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-170 {
        margin-bottom: 170px !important;
    }
}

.ml-170 {
    margin-left: 170px;
}

@media (min-width: 576px) {
    .ml-sm-170 {
        margin-left: 170px !important;
    }
}

@media (min-width: 768px) {
    .ml-md-170 {
        margin-left: 170px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-170 {
        margin-left: 170px !important;
    }
}

.mr-170 {
    margin-right: 170px;
}

@media (min-width: 576px) {
    .mr-sm-170 {
        margin-right: 170px !important;
    }
}

@media (min-width: 768px) {
    .mr-md-170 {
        margin-right: 170px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg-170 {
        margin-right: 170px !important;
    }
}

.pb-170 {
    padding-bottom: 170px;
}

@media (min-width: 576px) {
    .pb-sm-170 {
        padding-bottom: 170px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-170 {
        padding-bottom: 170px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-170 {
        padding-bottom: 170px !important;
    }
}

.pt-170 {
    padding-top: 170px;
}

@media (min-width: 576px) {
    .pt-sm-170 {
        padding-top: 170px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-170 {
        padding-top: 170px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-170 {
        padding-top: 170px !important;
    }
}

.pl-170 {
    padding-left: 170px;
}

@media (min-width: 576px) {
    .pl-sm-170 {
        padding-left: 170px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-170 {
        padding-left: 170px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-170 {
        padding-left: 170px !important;
    }
}

.pr-170 {
    padding-right: 170px;
}

@media (min-width: 576px) {
    .pr-sm-170 {
        padding-right: 170px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-170 {
        padding-right: 170px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-170 {
        padding-right: 170px !important;
    }
}

.p-180 {
    padding-top: 180px;
    padding-bottom: 180px;
}

@media (min-width: 576px) {
    .p-sm-180 {
        padding-top: 180px;
        padding-bottom: 180px;
    }
}

@media (min-width: 768px) {
    .p-md-180 {
        padding-top: 180px;
        padding-bottom: 180px;
    }
}

@media (min-width: 992px) {
    .p-lg-180 {
        padding-top: 180px;
        padding-bottom: 180px;
    }
}

.ph-180 {
    padding-left: 180px;
    padding-right: 180px;
}

@media (min-width: 576px) {
    .ph-sm-180 {
        padding-left: 180px;
        padding-right: 180px;
    }
}

@media (min-width: 768px) {
    .ph-md-180 {
        padding-left: 180px;
        padding-right: 180px;
    }
}

@media (min-width: 992px) {
    .ph-lg-180 {
        padding-left: 180px;
        padding-right: 180px;
    }
}

.mt-180 {
    margin-top: 180px;
}

@media (min-width: 576px) {
    .mt-sm-180 {
        margin-top: 180px !important;
    }
}

@media (min-width: 768px) {
    .mt-md-180 {
        margin-top: 180px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-180 {
        margin-top: 180px !important;
    }
}

.mb-180 {
    margin-bottom: 180px;
}

@media (min-width: 576px) {
    .mb-sm-180 {
        margin-bottom: 180px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-180 {
        margin-bottom: 180px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-180 {
        margin-bottom: 180px !important;
    }
}

.ml-180 {
    margin-left: 180px;
}

@media (min-width: 576px) {
    .ml-sm-180 {
        margin-left: 180px !important;
    }
}

@media (min-width: 768px) {
    .ml-md-180 {
        margin-left: 180px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-180 {
        margin-left: 180px !important;
    }
}

.mr-180 {
    margin-right: 180px;
}

@media (min-width: 576px) {
    .mr-sm-180 {
        margin-right: 180px !important;
    }
}

@media (min-width: 768px) {
    .mr-md-180 {
        margin-right: 180px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg-180 {
        margin-right: 180px !important;
    }
}

.pb-180 {
    padding-bottom: 180px;
}

@media (min-width: 576px) {
    .pb-sm-180 {
        padding-bottom: 180px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-180 {
        padding-bottom: 180px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-180 {
        padding-bottom: 180px !important;
    }
}

.pt-180 {
    padding-top: 180px;
}

@media (min-width: 576px) {
    .pt-sm-180 {
        padding-top: 180px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-180 {
        padding-top: 180px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-180 {
        padding-top: 180px !important;
    }
}

.pl-180 {
    padding-left: 180px;
}

@media (min-width: 576px) {
    .pl-sm-180 {
        padding-left: 180px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-180 {
        padding-left: 180px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-180 {
        padding-left: 180px !important;
    }
}

.pr-180 {
    padding-right: 180px;
}

@media (min-width: 576px) {
    .pr-sm-180 {
        padding-right: 180px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-180 {
        padding-right: 180px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-180 {
        padding-right: 180px !important;
    }
}

.p-190 {
    padding-top: 190px;
    padding-bottom: 190px;
}

@media (min-width: 576px) {
    .p-sm-190 {
        padding-top: 190px;
        padding-bottom: 190px;
    }
}

@media (min-width: 768px) {
    .p-md-190 {
        padding-top: 190px;
        padding-bottom: 190px;
    }
}

@media (min-width: 992px) {
    .p-lg-190 {
        padding-top: 190px;
        padding-bottom: 190px;
    }
}

.ph-190 {
    padding-left: 190px;
    padding-right: 190px;
}

@media (min-width: 576px) {
    .ph-sm-190 {
        padding-left: 190px;
        padding-right: 190px;
    }
}

@media (min-width: 768px) {
    .ph-md-190 {
        padding-left: 190px;
        padding-right: 190px;
    }
}

@media (min-width: 992px) {
    .ph-lg-190 {
        padding-left: 190px;
        padding-right: 190px;
    }
}

.mt-190 {
    margin-top: 190px;
}

@media (min-width: 576px) {
    .mt-sm-190 {
        margin-top: 190px !important;
    }
}

@media (min-width: 768px) {
    .mt-md-190 {
        margin-top: 190px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-190 {
        margin-top: 190px !important;
    }
}

.mb-190 {
    margin-bottom: 190px;
}

@media (min-width: 576px) {
    .mb-sm-190 {
        margin-bottom: 190px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-190 {
        margin-bottom: 190px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-190 {
        margin-bottom: 190px !important;
    }
}

.ml-190 {
    margin-left: 190px;
}

@media (min-width: 576px) {
    .ml-sm-190 {
        margin-left: 190px !important;
    }
}

@media (min-width: 768px) {
    .ml-md-190 {
        margin-left: 190px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-190 {
        margin-left: 190px !important;
    }
}

.mr-190 {
    margin-right: 190px;
}

@media (min-width: 576px) {
    .mr-sm-190 {
        margin-right: 190px !important;
    }
}

@media (min-width: 768px) {
    .mr-md-190 {
        margin-right: 190px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg-190 {
        margin-right: 190px !important;
    }
}

.pb-190 {
    padding-bottom: 190px;
}

@media (min-width: 576px) {
    .pb-sm-190 {
        padding-bottom: 190px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-190 {
        padding-bottom: 190px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-190 {
        padding-bottom: 190px !important;
    }
}

.pt-190 {
    padding-top: 190px;
}

@media (min-width: 576px) {
    .pt-sm-190 {
        padding-top: 190px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-190 {
        padding-top: 190px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-190 {
        padding-top: 190px !important;
    }
}

.pl-190 {
    padding-left: 190px;
}

@media (min-width: 576px) {
    .pl-sm-190 {
        padding-left: 190px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-190 {
        padding-left: 190px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-190 {
        padding-left: 190px !important;
    }
}

.pr-190 {
    padding-right: 190px;
}

@media (min-width: 576px) {
    .pr-sm-190 {
        padding-right: 190px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-190 {
        padding-right: 190px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-190 {
        padding-right: 190px !important;
    }
}

.p-200 {
    padding-top: 200px;
    padding-bottom: 200px;
}

@media (min-width: 576px) {
    .p-sm-200 {
        padding-top: 200px;
        padding-bottom: 200px;
    }
}

@media (min-width: 768px) {
    .p-md-200 {
        padding-top: 200px;
        padding-bottom: 200px;
    }
}

@media (min-width: 992px) {
    .p-lg-200 {
        padding-top: 200px;
        padding-bottom: 200px;
    }
}

.ph-200 {
    padding-left: 200px;
    padding-right: 200px;
}

@media (min-width: 576px) {
    .ph-sm-200 {
        padding-left: 200px;
        padding-right: 200px;
    }
}

@media (min-width: 768px) {
    .ph-md-200 {
        padding-left: 200px;
        padding-right: 200px;
    }
}

@media (min-width: 992px) {
    .ph-lg-200 {
        padding-left: 200px;
        padding-right: 200px;
    }
}

.mt-200 {
    margin-top: 200px;
}

@media (min-width: 576px) {
    .mt-sm-200 {
        margin-top: 200px !important;
    }
}

@media (min-width: 768px) {
    .mt-md-200 {
        margin-top: 200px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-200 {
        margin-top: 200px !important;
    }
}

.mb-200 {
    margin-bottom: 200px;
}

@media (min-width: 576px) {
    .mb-sm-200 {
        margin-bottom: 200px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-200 {
        margin-bottom: 200px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-200 {
        margin-bottom: 200px !important;
    }
}

.ml-200 {
    margin-left: 200px;
}

@media (min-width: 576px) {
    .ml-sm-200 {
        margin-left: 200px !important;
    }
}

@media (min-width: 768px) {
    .ml-md-200 {
        margin-left: 200px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-200 {
        margin-left: 200px !important;
    }
}

.mr-200 {
    margin-right: 200px;
}

@media (min-width: 576px) {
    .mr-sm-200 {
        margin-right: 200px !important;
    }
}

@media (min-width: 768px) {
    .mr-md-200 {
        margin-right: 200px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg-200 {
        margin-right: 200px !important;
    }
}

.pb-200 {
    padding-bottom: 200px;
}

@media (min-width: 576px) {
    .pb-sm-200 {
        padding-bottom: 200px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-200 {
        padding-bottom: 200px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-200 {
        padding-bottom: 200px !important;
    }
}

.pt-200 {
    padding-top: 200px;
}

@media (min-width: 576px) {
    .pt-sm-200 {
        padding-top: 200px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-200 {
        padding-top: 200px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-200 {
        padding-top: 200px !important;
    }
}

.pl-200 {
    padding-left: 200px;
}

@media (min-width: 576px) {
    .pl-sm-200 {
        padding-left: 200px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-200 {
        padding-left: 200px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-200 {
        padding-left: 200px !important;
    }
}

.pr-200 {
    padding-right: 200px;
}

@media (min-width: 576px) {
    .pr-sm-200 {
        padding-right: 200px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-200 {
        padding-right: 200px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-200 {
        padding-right: 200px !important;
    }
}

.p-220 {
    padding-top: 220px;
    padding-bottom: 220px;
}

@media (min-width: 576px) {
    .p-sm-220 {
        padding-top: 220px;
        padding-bottom: 220px;
    }
}

@media (min-width: 768px) {
    .p-md-220 {
        padding-top: 220px;
        padding-bottom: 220px;
    }
}

@media (min-width: 992px) {
    .p-lg-220 {
        padding-top: 220px;
        padding-bottom: 220px;
    }
}

.ph-220 {
    padding-left: 220px;
    padding-right: 220px;
}

@media (min-width: 576px) {
    .ph-sm-220 {
        padding-left: 220px;
        padding-right: 220px;
    }
}

@media (min-width: 768px) {
    .ph-md-220 {
        padding-left: 220px;
        padding-right: 220px;
    }
}

@media (min-width: 992px) {
    .ph-lg-220 {
        padding-left: 220px;
        padding-right: 220px;
    }
}

.mt-220 {
    margin-top: 220px;
}

@media (min-width: 576px) {
    .mt-sm-220 {
        margin-top: 220px !important;
    }
}

@media (min-width: 768px) {
    .mt-md-220 {
        margin-top: 220px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-220 {
        margin-top: 220px !important;
    }
}

.mb-220 {
    margin-bottom: 220px;
}

@media (min-width: 576px) {
    .mb-sm-220 {
        margin-bottom: 220px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-220 {
        margin-bottom: 220px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-220 {
        margin-bottom: 220px !important;
    }
}

.ml-220 {
    margin-left: 220px;
}

@media (min-width: 576px) {
    .ml-sm-220 {
        margin-left: 220px !important;
    }
}

@media (min-width: 768px) {
    .ml-md-220 {
        margin-left: 220px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-220 {
        margin-left: 220px !important;
    }
}

.mr-220 {
    margin-right: 220px;
}

@media (min-width: 576px) {
    .mr-sm-220 {
        margin-right: 220px !important;
    }
}

@media (min-width: 768px) {
    .mr-md-220 {
        margin-right: 220px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg-220 {
        margin-right: 220px !important;
    }
}

.pb-220 {
    padding-bottom: 220px;
}

@media (min-width: 576px) {
    .pb-sm-220 {
        padding-bottom: 220px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-220 {
        padding-bottom: 220px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-220 {
        padding-bottom: 220px !important;
    }
}

.pt-220 {
    padding-top: 220px;
}

@media (min-width: 576px) {
    .pt-sm-220 {
        padding-top: 220px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-220 {
        padding-top: 220px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-220 {
        padding-top: 220px !important;
    }
}

.pl-220 {
    padding-left: 220px;
}

@media (min-width: 576px) {
    .pl-sm-220 {
        padding-left: 220px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-220 {
        padding-left: 220px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-220 {
        padding-left: 220px !important;
    }
}

.pr-220 {
    padding-right: 220px;
}

@media (min-width: 576px) {
    .pr-sm-220 {
        padding-right: 220px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-220 {
        padding-right: 220px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-220 {
        padding-right: 220px !important;
    }
}

.p-240 {
    padding-top: 240px;
    padding-bottom: 240px;
}

@media (min-width: 576px) {
    .p-sm-240 {
        padding-top: 240px;
        padding-bottom: 240px;
    }
}

@media (min-width: 768px) {
    .p-md-240 {
        padding-top: 240px;
        padding-bottom: 240px;
    }
}

@media (min-width: 992px) {
    .p-lg-240 {
        padding-top: 240px;
        padding-bottom: 240px;
    }
}

.ph-240 {
    padding-left: 240px;
    padding-right: 240px;
}

@media (min-width: 576px) {
    .ph-sm-240 {
        padding-left: 240px;
        padding-right: 240px;
    }
}

@media (min-width: 768px) {
    .ph-md-240 {
        padding-left: 240px;
        padding-right: 240px;
    }
}

@media (min-width: 992px) {
    .ph-lg-240 {
        padding-left: 240px;
        padding-right: 240px;
    }
}

.mt-240 {
    margin-top: 240px;
}

@media (min-width: 576px) {
    .mt-sm-240 {
        margin-top: 240px !important;
    }
}

@media (min-width: 768px) {
    .mt-md-240 {
        margin-top: 240px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-240 {
        margin-top: 240px !important;
    }
}

.mb-240 {
    margin-bottom: 240px;
}

@media (min-width: 576px) {
    .mb-sm-240 {
        margin-bottom: 240px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-240 {
        margin-bottom: 240px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-240 {
        margin-bottom: 240px !important;
    }
}

.ml-240 {
    margin-left: 240px;
}

@media (min-width: 576px) {
    .ml-sm-240 {
        margin-left: 240px !important;
    }
}

@media (min-width: 768px) {
    .ml-md-240 {
        margin-left: 240px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-240 {
        margin-left: 240px !important;
    }
}

.mr-240 {
    margin-right: 240px;
}

@media (min-width: 576px) {
    .mr-sm-240 {
        margin-right: 240px !important;
    }
}

@media (min-width: 768px) {
    .mr-md-240 {
        margin-right: 240px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg-240 {
        margin-right: 240px !important;
    }
}

.pb-240 {
    padding-bottom: 240px;
}

@media (min-width: 576px) {
    .pb-sm-240 {
        padding-bottom: 240px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-240 {
        padding-bottom: 240px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-240 {
        padding-bottom: 240px !important;
    }
}

.pt-240 {
    padding-top: 240px;
}

@media (min-width: 576px) {
    .pt-sm-240 {
        padding-top: 240px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-240 {
        padding-top: 240px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-240 {
        padding-top: 240px !important;
    }
}

.pl-240 {
    padding-left: 240px;
}

@media (min-width: 576px) {
    .pl-sm-240 {
        padding-left: 240px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-240 {
        padding-left: 240px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-240 {
        padding-left: 240px !important;
    }
}

.pr-240 {
    padding-right: 240px;
}

@media (min-width: 576px) {
    .pr-sm-240 {
        padding-right: 240px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-240 {
        padding-right: 240px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-240 {
        padding-right: 240px !important;
    }
}

.p-260 {
    padding-top: 260px;
    padding-bottom: 260px;
}

@media (min-width: 576px) {
    .p-sm-260 {
        padding-top: 260px;
        padding-bottom: 260px;
    }
}

@media (min-width: 768px) {
    .p-md-260 {
        padding-top: 260px;
        padding-bottom: 260px;
    }
}

@media (min-width: 992px) {
    .p-lg-260 {
        padding-top: 260px;
        padding-bottom: 260px;
    }
}

.ph-260 {
    padding-left: 260px;
    padding-right: 260px;
}

@media (min-width: 576px) {
    .ph-sm-260 {
        padding-left: 260px;
        padding-right: 260px;
    }
}

@media (min-width: 768px) {
    .ph-md-260 {
        padding-left: 260px;
        padding-right: 260px;
    }
}

@media (min-width: 992px) {
    .ph-lg-260 {
        padding-left: 260px;
        padding-right: 260px;
    }
}

.mt-260 {
    margin-top: 260px;
}

@media (min-width: 576px) {
    .mt-sm-260 {
        margin-top: 260px !important;
    }
}

@media (min-width: 768px) {
    .mt-md-260 {
        margin-top: 260px !important;
    }
}

@media (min-width: 992px) {
    .mt-lg-260 {
        margin-top: 260px !important;
    }
}

.mb-260 {
    margin-bottom: 260px;
}

@media (min-width: 576px) {
    .mb-sm-260 {
        margin-bottom: 260px !important;
    }
}

@media (min-width: 768px) {
    .mb-md-260 {
        margin-bottom: 260px !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-260 {
        margin-bottom: 260px !important;
    }
}

.ml-260 {
    margin-left: 260px;
}

@media (min-width: 576px) {
    .ml-sm-260 {
        margin-left: 260px !important;
    }
}

@media (min-width: 768px) {
    .ml-md-260 {
        margin-left: 260px !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-260 {
        margin-left: 260px !important;
    }
}

.mr-260 {
    margin-right: 260px;
}

@media (min-width: 576px) {
    .mr-sm-260 {
        margin-right: 260px !important;
    }
}

@media (min-width: 768px) {
    .mr-md-260 {
        margin-right: 260px !important;
    }
}

@media (min-width: 992px) {
    .mr-lg-260 {
        margin-right: 260px !important;
    }
}

.pb-260 {
    padding-bottom: 260px;
}

@media (min-width: 576px) {
    .pb-sm-260 {
        padding-bottom: 260px !important;
    }
}

@media (min-width: 768px) {
    .pb-md-260 {
        padding-bottom: 260px !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-260 {
        padding-bottom: 260px !important;
    }
}

.pt-260 {
    padding-top: 260px;
}

@media (min-width: 576px) {
    .pt-sm-260 {
        padding-top: 260px !important;
    }
}

@media (min-width: 768px) {
    .pt-md-260 {
        padding-top: 260px !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-260 {
        padding-top: 260px !important;
    }
}

.pl-260 {
    padding-left: 260px;
}

@media (min-width: 576px) {
    .pl-sm-260 {
        padding-left: 260px !important;
    }
}

@media (min-width: 768px) {
    .pl-md-260 {
        padding-left: 260px !important;
    }
}

@media (min-width: 992px) {
    .pl-lg-260 {
        padding-left: 260px !important;
    }
}

.pr-260 {
    padding-right: 260px;
}

@media (min-width: 576px) {
    .pr-sm-260 {
        padding-right: 260px !important;
    }
}

@media (min-width: 768px) {
    .pr-md-260 {
        padding-right: 260px !important;
    }
}

@media (min-width: 992px) {
    .pr-lg-260 {
        padding-right: 260px !important;
    }
}

.h-40 {
    height: 40px;
}

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

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

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

.w-40 {
    width: 40px;
}

@media (min-width: 576px) {
    .w-sm-40 {
        width: 40px;
    }
}

@media (min-width: 768px) {
    .w-md-40 {
        width: 40px;
    }
}

@media (min-width: 992px) {
    .w-lg-40 {
        width: 40px;
    }
}

.h-42 {
    height: 42px;
}

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

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

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

.w-42 {
    width: 42px;
}

@media (min-width: 576px) {
    .w-sm-42 {
        width: 42px;
    }
}

@media (min-width: 768px) {
    .w-md-42 {
        width: 42px;
    }
}

@media (min-width: 992px) {
    .w-lg-42 {
        width: 42px;
    }
}

.h-50 {
    height: 50px;
}

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

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

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

.w-50 {
    width: 50px;
}

@media (min-width: 576px) {
    .w-sm-50 {
        width: 50px;
    }
}

@media (min-width: 768px) {
    .w-md-50 {
        width: 50px;
    }
}

@media (min-width: 992px) {
    .w-lg-50 {
        width: 50px;
    }
}

.h-70 {
    height: 70px;
}

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

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

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

.w-70 {
    width: 70px;
}

@media (min-width: 576px) {
    .w-sm-70 {
        width: 70px;
    }
}

@media (min-width: 768px) {
    .w-md-70 {
        width: 70px;
    }
}

@media (min-width: 992px) {
    .w-lg-70 {
        width: 70px;
    }
}

.h-80 {
    height: 80px;
}

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

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

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

.w-80 {
    width: 80px;
}

@media (min-width: 576px) {
    .w-sm-80 {
        width: 80px;
    }
}

@media (min-width: 768px) {
    .w-md-80 {
        width: 80px;
    }
}

@media (min-width: 992px) {
    .w-lg-80 {
        width: 80px;
    }
}

.h-90 {
    height: 90px;
}

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

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

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

.w-90 {
    width: 90px;
}

@media (min-width: 576px) {
    .w-sm-90 {
        width: 90px;
    }
}

@media (min-width: 768px) {
    .w-md-90 {
        width: 90px;
    }
}

@media (min-width: 992px) {
    .w-lg-90 {
        width: 90px;
    }
}

.h-100 {
    height: 100px;
}

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

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

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

.w-100 {
    width: 100px;
}

@media (min-width: 576px) {
    .w-sm-100 {
        width: 100px;
    }
}

@media (min-width: 768px) {
    .w-md-100 {
        width: 100px;
    }
}

@media (min-width: 992px) {
    .w-lg-100 {
        width: 100px;
    }
}

.h-240 {
    height: 240px;
}

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

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

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

.w-240 {
    width: 240px;
}

@media (min-width: 576px) {
    .w-sm-240 {
        width: 240px;
    }
}

@media (min-width: 768px) {
    .w-md-240 {
        width: 240px;
    }
}

@media (min-width: 992px) {
    .w-lg-240 {
        width: 240px;
    }
}

.h-260 {
    height: 260px;
}

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

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

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

.w-260 {
    width: 260px;
}

@media (min-width: 576px) {
    .w-sm-260 {
        width: 260px;
    }
}

@media (min-width: 768px) {
    .w-md-260 {
        width: 260px;
    }
}

@media (min-width: 992px) {
    .w-lg-260 {
        width: 260px;
    }
}

.h-300 {
    height: 300px;
}

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

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

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

.w-300 {
    width: 300px;
}

@media (min-width: 576px) {
    .w-sm-300 {
        width: 300px;
    }
}

@media (min-width: 768px) {
    .w-md-300 {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .w-lg-300 {
        width: 300px;
    }
}

.h-310 {
    height: 310px;
}

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

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

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

.w-310 {
    width: 310px;
}

@media (min-width: 576px) {
    .w-sm-310 {
        width: 310px;
    }
}

@media (min-width: 768px) {
    .w-md-310 {
        width: 310px;
    }
}

@media (min-width: 992px) {
    .w-lg-310 {
        width: 310px;
    }
}

.h-340 {
    height: 340px;
}

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

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

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

.w-340 {
    width: 340px;
}

@media (min-width: 576px) {
    .w-sm-340 {
        width: 340px;
    }
}

@media (min-width: 768px) {
    .w-md-340 {
        width: 340px;
    }
}

@media (min-width: 992px) {
    .w-lg-340 {
        width: 340px;
    }
}

.h-360 {
    height: 360px;
}

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

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

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

.w-360 {
    width: 360px;
}

@media (min-width: 576px) {
    .w-sm-360 {
        width: 360px;
    }
}

@media (min-width: 768px) {
    .w-md-360 {
        width: 360px;
    }
}

@media (min-width: 992px) {
    .w-lg-360 {
        width: 360px;
    }
}

.h-400 {
    height: 400px;
}

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

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

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

.w-400 {
    width: 400px;
}

@media (min-width: 576px) {
    .w-sm-400 {
        width: 400px;
    }
}

@media (min-width: 768px) {
    .w-md-400 {
        width: 400px;
    }
}

@media (min-width: 992px) {
    .w-lg-400 {
        width: 400px;
    }
}

.h-450 {
    height: 450px;
}

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

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

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

.w-450 {
    width: 450px;
}

@media (min-width: 576px) {
    .w-sm-450 {
        width: 450px;
    }
}

@media (min-width: 768px) {
    .w-md-450 {
        width: 450px;
    }
}

@media (min-width: 992px) {
    .w-lg-450 {
        width: 450px;
    }
}

.h-540 {
    height: 540px;
}

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

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

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

.w-540 {
    width: 540px;
}

@media (min-width: 576px) {
    .w-sm-540 {
        width: 540px;
    }
}

@media (min-width: 768px) {
    .w-md-540 {
        width: 540px;
    }
}

@media (min-width: 992px) {
    .w-lg-540 {
        width: 540px;
    }
}

.h-555 {
    height: 555px;
}

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

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

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

.w-555 {
    width: 555px;
}

@media (min-width: 576px) {
    .w-sm-555 {
        width: 555px;
    }
}

@media (min-width: 768px) {
    .w-md-555 {
        width: 555px;
    }
}

@media (min-width: 992px) {
    .w-lg-555 {
        width: 555px;
    }
}

.h-600 {
    height: 600px;
}

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

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

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

.w-600 {
    width: 600px;
}

@media (min-width: 576px) {
    .w-sm-600 {
        width: 600px;
    }
}

@media (min-width: 768px) {
    .w-md-600 {
        width: 600px;
    }
}

@media (min-width: 992px) {
    .w-lg-600 {
        width: 600px;
    }
}

.h-700 {
    height: 700px;
}

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

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

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

.w-700 {
    width: 700px;
}

@media (min-width: 576px) {
    .w-sm-700 {
        width: 700px;
    }
}

@media (min-width: 768px) {
    .w-md-700 {
        width: 700px;
    }
}

@media (min-width: 992px) {
    .w-lg-700 {
        width: 700px;
    }
}

.w-auto {
    width: auto;
}

.w-full {
    width: 100%;
}

@media (min-width: 576px) {
    .w-sm-auto {
        width: auto;
    }
}

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

.h-50v {
    min-height: 100vw;
}

@media (min-width: 576px) {
    .h-50v {
        min-height: 50vw;
    }
}

.bt {
    border-top: 1px solid #e4f1fd;
}

.br {
    border-right: 1px solid #e4f1fd;
}

.bb {
    border-bottom: 1px solid #e4f1fd;
}

.bb-light {
    border-bottom: 1px solid #9dd0fb;
}

h1 {
    font-size: 36px;
    line-height: 42px;
    font-weight: 300;
    letter-spacing: -2px;
    margin-top: 0;
    margin-bottom: 0;
}

@media (min-width: 992px) {
    h1 {
        font-size: 52px;
        line-height: 58px;
    }
}

h2 {
    font-size: 32px;
    line-height: 38px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 0;
}

h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
}

h4 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    opacity: 0.8;
    margin-top: 0;
    margin-bottom: 0;
}

h5 {
    font-size: 16px;
    line-height: 1.19em;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .headers.bg-iphone-left,
    .headers.bg-iphone-right {
        background-image: url("../images/bg/iphone-lg.svg");
        background-repeat: no-repeat;
        background-size: 412px auto;
    }
}

.headers.bg-iphone-left {
    background-position: 25% 154px;
}

.headers.bg-iphone-right {
    background-position: 75% 154px;
}

@media (min-width: 992px) {
    .headers .bg-iphone-left-small {
        background-image: url("../images/iphone-330.svg");
        background-repeat: no-repeat;
        background-size: 330px auto;
        background-position: center;
    }
}

@media (min-width: 992px) {
    .headers.bg-macbook-left {
        background-image: url("../images/bg/macbook-full.svg");
        background-repeat: no-repeat;
        background-position: -5vw 18vh;
        background-size: 50vw auto;
    }
}

@media (min-width: 992px) {
    .headers.bg-devices {
        background-image: url("../images/ipad-iphone.svg");
        background-repeat: no-repeat;
        background-position: right 190px;
        background-size: 50% auto;
    }
}

.headers .bg-browser {
    background-image: url("../images/browserframe.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}

    .headers .bg-browser::after {
        content: '';
        display: block;
        padding-top: 30%;
    }

.headers .bg-macbook {
    background-image: url("../images/bg/macbook-full.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
}

    .headers .bg-macbook::after {
        content: '';
        display: block;
        padding-top: 30%;
    }

.headers .bg-ipad {
    background-image: url("../images/ipad.svg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}

    .headers .bg-ipad::after {
        content: '';
        display: block;
        padding-top: 35%;
    }

.headers .striked-header span {
    background: #e4f1fd;
    padding: 0 25px;
}

.headers .striked-header::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 13px;
    border-bottom: 1px solid #9dd0fb;
}

.contents .divided-item:first-child {
    border-bottom: 1px solid #e4f1fd;
}

@media (min-width: 992px) {
    .contents .divided-item:first-child {
        border-bottom: none;
        border-right: 1px solid #e4f1fd;
    }
}

.contents.bg-iphone-left,
.contents.bg-iphone-right {
    background-repeat: no-repeat;
}

@media (min-width: 992px) {
    .contents.bg-iphone-left,
    .contents.bg-iphone-right {
        background-image: url("../images/bg/iphone-lg.svg");
        background-size: 420px 853px;
    }
}

@media (min-width: 992px) {
    .contents.bg-iphone-left {
        background-position: calc(50% - 290px) 100px;
    }
}

@media (min-width: 992px) {
    .contents.bg-iphone-right {
        background-position: calc(50% + 290px) 100px;
    }
}

.contents.bg-devices {
    background-image: url("../images/bg/ipads.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.contents.bg-macbook {
    background-repeat: no-repeat;
    background-position: center;
}

@media (min-width: 576px) {
    .contents.bg-macbook {
        background-image: url("../images/bg/macbook.svg");
        background-size: 473px 280px;
        background-position-x: calc(50% + 55px);
    }
}

@media (min-width: 992px) {
    .contents.bg-macbook {
        background-size: 723px 429px;
        background-position-x: calc(50% + 220px);
    }
}

@media (min-width: 992px) {
    .sliders.bg-macbook {
        background: url("../images/bg/macbook-full.svg") no-repeat;
        background-size: 760px 439px;
        background-position: calc(50% - 500px) center;
    }
}

.sliders .bg-iphone {
    padding: 53px 0 62px;
    background: #fff url("../images/bg/iphone-330-noscreen.svg") no-repeat;
    background-position: center top;
    background-size: auto 462px;
}

@media (min-width: 576px) {
    .sliders .bg-iphone {
        padding: 78px 0 90px;
        background-size: auto 670px;
    }
}

.sliders .iphone-screen {
    height: 346px;
    width: 200px;
    margin: 0 auto;
    -webkit-transition: 0.5s ease background, 0.5s ease border;
    transition: 0.5s ease background, 0.5s ease border;
    border: 2px solid transparent;
}

@media (min-width: 576px) {
    .sliders .iphone-screen {
        height: 502px;
        width: 290px;
    }
}

.sliders .is-selected .iphone-screen {
    background-color: #fff;
    border: 1px solid #3fa2f7;
}

@media (min-width: 576px) {
    .sliders .is-selected .iphone-screen {
        border: 2px solid #3fa2f7;
    }
}

.sliders .slider-fluid .slider-item {
    max-width: calc(100% - 30px);
    opacity: 0.3;
    -webkit-transition: 0.5s ease opacity;
    transition: 0.5s ease opacity;
}

@media (min-width: 576px) {
    .sliders .slider-fluid .slider-item {
        max-width: 80%;
    }
}

@media (min-width: 992px) {
    .sliders .slider-fluid .slider-item {
        max-width: 950px;
    }
}

.sliders .slider-fluid .slider-item.is-selected {
    opacity: 1;
}

.features.bg-iphone-left,
.features.bg-iphone-center,
.features.bg-iphone-right,
.features.bg-iphone-right-top,
.features.bg-macbook-left {
    background-repeat: no-repeat;
}

@media (min-width: 576px) {
    .features.bg-iphone-left,
    .features.bg-iphone-center,
    .features.bg-iphone-right,
    .features.bg-iphone-right-top,
    .features.bg-macbook-left {
        background-image: url("../images/bg/iphone-lg.svg");
        background-size: 280px 568px;
    }
}

@media (min-width: 992px) {
    .features.bg-iphone-left,
    .features.bg-iphone-center,
    .features.bg-iphone-right,
    .features.bg-iphone-right-top,
    .features.bg-macbook-left {
        background-size: 420px 853px;
    }
}

@media (min-width: 576px) {
    .features.bg-iphone-left {
        background-position: calc(33% - 140px) 50%;
    }
}

@media (min-width: 992px) {
    .features.bg-iphone-left {
        background-position: calc(50% - 290px) 100px;
    }
}

@media (min-width: 576px) {
    .features.bg-iphone-center {
        background-image: none;
    }
}

@media (min-width: 992px) {
    .features.bg-iphone-center {
        background-image: url("../images/bg/iphone-lg.svg");
        background-position: 50% 260px;
    }
}

@media (min-width: 576px) {
    .features.bg-iphone-right {
        background-position: calc(50% + 170px) 140px;
    }
}

@media (min-width: 992px) {
    .features.bg-iphone-right {
        background-position: calc(50% + 290px) 220px;
    }
}

@media (min-width: 576px) {
    .features.bg-iphone-right-top {
        background-position: calc(50% + 170px) 60px;
    }
}

@media (min-width: 992px) {
    .features.bg-iphone-right-top {
        background-position: calc(50% + 290px) 100px;
    }
}

@media (min-width: 576px) {
    .features.bg-macbook-left {
        background-image: url("../images/bg/macbook-full.svg");
        background-size: 594px 342px;
        background-position: calc(50% - 372px) center;
    }
}

@media (min-width: 992px) {
    .features.bg-macbook-left {
        background-image: url("../images/bg/macbook-full.svg");
        background-size: 890px 514px;
        background-position: calc(50% - 475px) 268px;
    }
}

.features .bg-macbook-center {
    background-size: 121% auto;
    background-position: center top;
    background-image: url("../images/bg/macbook-full.svg");
}

    .features .bg-macbook-center::after {
        content: '';
        display: block;
        padding-top: 40%;
    }

.features .feature-tooltips {
    display: inline-block;
    position: relative;
}

.features .icon-feature {
    border: 2px solid #e4f1fd;
    position: absolute;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    -webkit-transition: 0.3s ease border;
    transition: 0.3s ease border;
    cursor: pointer;
    margin: -16px 0 0 -16px;
    background: url("../images/icons/plus.svg") center no-repeat #fff;
}

    .features .icon-feature:hover {
        border-color: #3fa2f7;
    }

.features .feature-tooltip {
    width: 100%;
    top: 50%;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    margin-top: -16px;
}

@media (min-width: 992px) {
    .features .feature-tooltip {
        width: 0;
        height: 32px;
    }

        .features .feature-tooltip.tooltip-1 {
            left: 10%;
            top: 16%;
        }

        .features .feature-tooltip.tooltip-2 {
            left: 91%;
            top: 32%;
        }

        .features .feature-tooltip.tooltip-3 {
            left: 19%;
            top: 75%;
        }

        .features .feature-tooltip.tooltip-4 {
            left: 76%;
            top: 93%;
        }
}

.features .feature-tooltip-overlay {
    position: absolute;
    height: 300px;
    top: -134px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.5s ease opacity;
    transition: 0.5s ease opacity;
}

@media (min-width: 576px) {
    .features .feature-tooltip-overlay {
        width: 315px;
        left: 50%;
        margin-left: -162px;
    }
}

@media (min-width: 992px) {
    .features .feature-tooltip-overlay {
        left: 50px;
        margin-left: 0;
    }
}

.features .icon-feature:hover + .feature-tooltip {
    visibility: visible;
    opacity: 1;
    z-index: 3;
}

.features .feature-tooltip-overlay {
    pointer-events: none;
}

    .features .feature-tooltip-overlay .inner {
        border: 2px solid #e4f1fd;
        width: 100%;
        border-radius: 4px;
        background: #fff;
        padding: 30px;
    }

@media (min-width: 992px) {
    .features .feature-tooltip-overlay .inner::after,
    .features .feature-tooltip-overlay .inner::before {
        content: '';
        border: 10px solid;
        border-width: 10px 10px 10px 0;
        border-color: transparent;
        position: absolute;
        left: -10px;
        width: 0;
        height: 0;
        top: 50%;
        margin-top: -10px;
    }

    .features .feature-tooltip-overlay .inner::before {
        border-right-color: #e4f1fd;
    }

    .features .feature-tooltip-overlay .inner::after {
        border-right-color: #fff;
        margin-left: 3px;
    }
}

.features .percentage {
    width: 230px;
    height: 230px;
}

.features .percentage__circle {
    position: absolute;
}

.features .percentage__content {
    height: 230px;
}

.features .striked-vertical::before {
    content: '';
    position: absolute;
    border-left: 2px solid #e4f1fd;
    left: 31px;
    top: 15px;
    bottom: 0;
}

@media (min-width: 992px) {
    .features .feature-callout::before,
    .features .feature-callout::after {
        content: '';
        position: absolute;
    }
}

.features .feature-callout::before {
    width: 10px;
    height: 10px;
    background: #3fa2f7;
    border-radius: 5px;
    top: 22px;
}

.features .feature-callout::after {
    border-top: 2px solid #3fa2f7;
    top: 26px;
    right: 100%;
}

.features .feature-callout:nth-child(1)::after,
.features .feature-callout:nth-child(1)::before {
    left: -75%;
}

.features .feature-callout:nth-child(2)::after,
.features .feature-callout:nth-child(2)::before {
    left: -65%;
}

.features .feature-callout:nth-child(3)::after,
.features .feature-callout:nth-child(3)::before {
    left: -103%;
}

.features .plain-tabs::before,
.features .plain-tab::before {
    content: '';
    position: absolute;
    border-left: 4px solid #e4f1fd;
    left: 0;
    top: 0;
    bottom: 0;
}

@media (min-width: 576px) {
    .features .plain-tabs::before,
    .features .plain-tab::before {
        bottom: auto;
        right: 15px;
        left: 15px;
        border-left: none;
        border-top: 4px solid #e4f1fd;
    }
}

.features .plain-tab {
    padding-left: 26px;
    padding-top: 15px;
    padding-bottom: 15px;
}

@media (min-width: 576px) {
    .features .plain-tab {
        padding: 30px 15px 0;
    }
}

.features .plain-tab.active::before {
    border-left: 4px solid #3fa2f7;
}

@media (min-width: 576px) {
    .features .plain-tab.active::before {
        border-left: none;
        border-top: 4px solid #3fa2f7;
    }
}

@media (min-width: 576px) {
    .features .feature-dots::before {
        top: 61px;
        content: '';
        position: absolute;
        border-bottom: 1px solid #e4f1fd;
        left: 0;
        right: 0;
    }
}

.features .feature-dot {
    width: 10px;
    height: 10px;
    background: #e4f1fd;
    border-radius: 5px;
    margin: 0 auto 20px;
}

.features .active .feature-dot {
    background: #3fa2f7;
}

@media (min-width: 576px) {
    .features .features-striked-horizontal::before {
        top: 165px;
        content: '';
        position: absolute;
        border-bottom: 2px solid #e4f1fd;
        left: 0;
        right: 0;
    }
}

.features .feature-tablet {
    max-width: 100%;
}

.ecommerces .colors span {
    border-radius: 50%;
    height: 24px;
    width: 24px;
    display: inline-block;
    margin: 0 7px;
}

    .ecommerces .colors span.bg-accent-dark {
        background: #297fca;
    }

    .ecommerces .colors span.bg-accent {
        background: #3fa2f7;
    }

    .ecommerces .colors span.bg-white {
        background: #e4f1fd;
    }

    .ecommerces .colors span.bg-white {
        background: #fff;
    }

.ecommerces .additional-row {
    border-top: 1px solid #e4f1fd;
    border-bottom: 1px solid #e4f1fd;
    line-height: 40px;
    margin-bottom: -1px;
}

.ecommerces .rating-stars {
    margin-left: -2px;
    margin-right: -2px;
}

    .ecommerces .rating-stars .glyphicon {
        margin: 0 2px;
    }

.ecommerces .more,
.ecommerces .less {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    border: none;
    padding: 0;
    margin: 0;
    width: 33px;
    height: 30px;
    border-radius: 0 6px 0 0;
    background: #e4f1fd;
}

    .ecommerces .more:focus,
    .ecommerces .less:focus {
        outline: none;
    }

    .ecommerces .more::before,
    .ecommerces .less::before {
        content: '';
        display: inline-block;
        position: absolute;
        top: 2px;
        left: -10px;
        width: 10px;
        height: 56px;
        background: #fff;
    }

    .ecommerces .more::after,
    .ecommerces .less::after {
        content: '';
        display: inline-block;
        position: absolute;
        top: 13px;
        left: 13px;
        width: 7px;
        height: 7px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        border-top: 2px solid #3fa2f7;
        border-right: 2px solid #3fa2f7;
    }

    .ecommerces .more.less,
    .ecommerces .less.less {
        top: 30px;
        border-radius: 0 0 6px 0;
        border-top: 1px solid rgba(63,162,247,0.25);
    }

        .ecommerces .more.less::before,
        .ecommerces .less.less::before {
            content: none;
        }

        .ecommerces .more.less::after,
        .ecommerces .less.less::after {
            top: 9px;
            border-top: none;
            border-right: none;
            border-bottom: 2px solid #3fa2f7;
            border-left: 2px solid #3fa2f7;
        }

.blogs .post-footer {
    border-top: 1px solid #e4f1fd;
    color: #3fa2f7;
}

    .blogs .post-footer a {
        color: #3fa2f7;
    }

.blogs .features {
    border-top: 1px solid #e4f1fd;
    border-bottom: 1px solid #e4f1fd;
}

.blogs .comments > div {
    border-bottom: 1px solid #e4f1fd;
}

    .blogs .comments > div:last-child {
        border: none;
    }

@media (min-width: 576px) {
    .blogs .splited-text {
        -webkit-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 30px;
        column-gap: 30px;
    }
}

@media (min-width: 576px) {
    .prices .card-group > div:first-child .card {
        border-right: none;
        border-radius: 4px 0 0 4px;
    }

    .prices .card-group > div:last-child .card {
        border-left: none;
        border-radius: 0 4px 4px 0;
    }

    .prices .card-group.card-group-line .card {
        border-radius: 0;
    }
}

.prices .faded-items div {
    border-bottom: 1px solid #e4f1fd;
    line-height: 42px;
}

    .prices .faded-items div:nth-child(1) {
        opacity: 1;
    }

    .prices .faded-items div:nth-child(2) {
        opacity: 0.9;
    }

    .prices .faded-items div:nth-child(3) {
        opacity: 0.8;
    }

    .prices .faded-items div:nth-child(4) {
        opacity: 0.7;
    }

    .prices .faded-items div:nth-child(5) {
        opacity: 0.6;
    }

.prices .value-bar {
    display: inline-block;
    width: auto;
    height: 8px;
    background: #3fa2f7;
    border-radius: 4px;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 4;
}

.prices input[type=range] {
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    width: 100%;
    background: transparent;
    z-index: 2;
}

    .prices input[type=range]:focus {
        outline: none;
    }

    .prices input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        width: 20px;
        height: 20px;
        position: relative;
        top: -6px;
        background: #3fa2f7;
        border: none;
        border-radius: 50%;
        cursor: pointer;
    }

        .prices input[type=range]::-webkit-slider-thumb:focus {
            outline: none;
        }

    .prices input[type=range]::-webkit-slider-runnable-track {
        width: 100%;
        height: 8px;
        border-radius: 4px;
        background: #e4f1fd;
    }

        .prices input[type=range]::-webkit-slider-runnable-track:focus {
            outline: none;
        }

    .prices input[type=range]::-ms-track {
        background: transparent;
        border-color: transparent;
        color: transparent;
    }

@media (min-width: 576px) {
    .footers .country {
        padding-right: 18px;
        border-right: 2px solid #e4f1fd;
    }
}

@media (min-width: 576px) {
    .footers .splited-columns .col-12 {
        border-right: 1px solid #e4f1fd;
    }

        .footers .splited-columns .col-12:last-child {
            border-right: none;
        }
}

.call-to-actions.bg-iphone {
    background: url("../images/iPhone.svg") center bottom -95px no-repeat;
    padding-bottom: 350px;
    background-size: 224px auto;
}

@media (min-width: 576px) {
    .call-to-actions.bg-iphone {
        background-position: center bottom -145px;
        background-size: 324px auto;
        padding-bottom: 475px;
    }
}

@media (min-width: 992px) {
    .call-to-actions.bg-iphone {
        background-position: center bottom -170px;
    }
}

.teams .team-userpics {
    margin-left: -10px;
    margin-right: -10px;
}

    .teams .team-userpics img {
        margin: 0 10px 10px;
    }

.teams .slider-full-three .slider-item {
    max-width: 380px;
}

@media (min-width: 992px) {
    .teams .slider-full-three .slider-item {
        opacity: 0.3;
    }
}

.teams .slider-full-three .slider-item.is-selected {
    opacity: 1;
}

.teams .slider-nav {
    background: #e4f1fd;
}

    .teams .slider-nav .flickity-viewport {
        padding-top: 8px;
        top: -8px;
    }

    .teams .slider-nav .slider-item {
        line-height: 140px;
    }

    .teams .slider-nav .is-selected::before {
        content: '';
        position: absolute;
        top: -8px;
        left: 50%;
        margin-left: -8px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 8px 8px 8px;
        border-color: transparent transparent #e4f1fd transparent;
    }

.forms.bg-macbook {
    background-repeat: no-repeat;
    background-position: center;
}

@media (min-width: 576px) {
    .forms.bg-macbook {
        background-image: url("../images/bg/macbook-full.svg");
        background-size: 600px auto;
        background-position-x: calc(80% + 315px);
    }
}

@media (min-width: 992px) {
    .forms.bg-macbook {
        background-size: 890px auto;
        background-position-x: calc(50% + 460px);
    }
}

.forms.bg-devices {
    background-image: url("../images/bg/ipads.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.forms .checkbox {
    display: inline-block;
}

.forms .checkbox:hover {
    cursor: pointer;
}

    .forms .checkbox input {
        position: absolute;
        opacity: 0;
        z-index: -1;
    }

        .forms .checkbox input:checked ~ .check-pointer {
            background: url("../images/icons/verification-mark.svg") center no-repeat;
            background-size: 80%;
        }

    .forms .checkbox .check-pointer {
        width: 25px;
        height: 25px;
        border-radius: 4px;
        border: solid 2px #297fca;
        position: absolute;
    }

    .forms .checkbox .checkbox-label {
        opacity: 0.8;
        padding-left: 35px;
        text-align: left;
    }

.forms .mail-link {
    font-size: 20px;
    border-bottom: 1px solid;
}

.testimonials .slider-fluid .slider-item {
    max-width: calc(100% - 30px);
    opacity: 0.3;
    -webkit-transition: 0.5s ease opacity;
    transition: 0.5s ease opacity;
}

@media (min-width: 576px) {
    .testimonials .slider-fluid .slider-item {
        max-width: 60%;
    }
}

@media (min-width: 992px) {
    .testimonials .slider-fluid .slider-item {
        max-width: 554px;
    }
}

.testimonials .slider-fluid .slider-item.is-selected {
    opacity: 1;
}

.testimonials .slider-fluid .slider-item .slider-skeleton {
    color: transparent;
    background: -webkit-gradient(linear, left bottom, left top, from(#3fa2f7), to(#3fa2f7)) repeat-x;
    background: linear-gradient(to top, #3fa2f7, #3fa2f7) repeat-x;
    background-size: 1px 12px;
    background-position: center;
    -webkit-transition: 0.5s ease all;
    transition: 0.5s ease all;
}

.testimonials .slider-fluid .slider-item.is-selected .slider-skeleton {
    color: inherit;
    font-size: inherit;
    background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(transparent));
    background-image: linear-gradient(to top, transparent, transparent);
}

.testimonials .slider-subnav .slider-item,
.testimonials .slider-nav .slider-item {
    opacity: 0.3;
}

.testimonials .slider-subnav .is-selected,
.testimonials .slider-nav .is-selected {
    opacity: 1;
}

.testimonials .slider-nav {
    background: #e4f1fd;
}

    .testimonials .slider-nav .flickity-viewport {
        padding-top: 8px;
        top: -8px;
    }

    .testimonials .slider-nav .slider-item {
        line-height: 140px;
    }

    .testimonials .slider-nav .is-selected::before {
        content: '';
        position: absolute;
        top: -8px;
        left: 50%;
        margin-left: -8px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 8px 8px 8px;
        border-color: transparent transparent #e4f1fd transparent;
    }

.testimonials .rating-stars {
    margin: 0 -2px;
}

    .testimonials .rating-stars .glyphicon {
        margin: 0 2px;
    }

    .testimonials .rating-stars .disabled-star {
        color: #e4f1fd;
    }

.contacts .bg-map-right {
    background: url("../images/maps/map-1.png") no-repeat;
    background-size: cover;
    min-height: calc(100vw - 30px);
    border-radius: 4px;
}

@media (min-width: 576px) {
    .contacts .bg-map-right {
        min-height: 50%;
    }
}

.contacts .bg-map-left {
    background-image: url("../images/maps/map-2.png");
    background-size: cover;
    border-radius: 4px;
    min-height: calc(100vw - 30px);
}

@media (min-width: 576px) {
    .contacts .bg-map-left {
        min-height: 100%;
    }
}

.contacts .bg-square-map {
    background-image: url("../images/maps/map-4.png");
    border-radius: 4px;
    background-size: cover;
}

.contacts .bg-full-map {
    background-image: url("../images/maps/map-3.png");
    background-size: cover;
}

.contacts .pin {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -34px 0 0 -10px;
    width: 21px;
    height: 34px;
}

.contacts .baloon {
    text-align: left;
    width: 300px;
    position: absolute;
    background: #fff;
    border-radius: 4px;
    padding: 30px;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -85px;
}

@media (min-width: 576px) {
    .contacts .baloon {
        width: 360px;
        margin-left: -180px;
    }
}

.contacts .baloon::after {
    content: '';
    left: 50%;
    margin-left: -10px;
    top: 100%;
    border: 10px solid transparent;
    border-width: 10px 10px 0 10px;
    border-top-color: #fff;
    position: absolute;
}

@media (min-width: 992px) {
    .contacts .baloon.left-tail {
        margin-left: 15px;
    }

        .contacts .baloon.left-tail::after {
            left: 40px;
            margin-left: 0;
        }
}

.contacts .baloon.baloon-on-map {
    position: absolute;
    pointer-events: none;
    left: 0;
    right: 0;
    margin: -190px auto 0 auto;
    top: 50%;
    opacity: 0;
    display: none;
}

@media (min-width: 576px) {
    .contacts .baloon.baloon-on-map {
        margin: -100px auto 0 auto;
    }
}

.contacts .baloon.baloon-on-map::after {
    display: none;
}

@media (min-width: 992px) {
    .contacts .baloon.baloon-on-map {
        margin: 20px 0 0 -45px;
        -webkit-transition: 0.3s ease opacity;
        transition: 0.3s ease opacity;
    }

        .contacts .baloon.baloon-on-map.baloon-1 {
            left: 26%;
            top: 33%;
        }

        .contacts .baloon.baloon-on-map.baloon-2 {
            left: 57.5%;
            top: 28%;
        }

        .contacts .baloon.baloon-on-map.baloon-3 {
            left: 85.5%;
            top: 43%;
        }

        .contacts .baloon.baloon-on-map.baloon-4 {
            left: 21.5%;
            top: 55.5%;
        }

        .contacts .baloon.baloon-on-map.baloon-5 {
            left: 55%;
            top: 52.5%;
        }

        .contacts .baloon.baloon-on-map::after {
            display: block;
            left: 35px;
            margin-left: 0;
            top: -10px;
            border-width: 0 10px 10px 10px;
            border-top-color: transparent;
            border-bottom-color: #fff;
        }
}

.contacts .map-pin {
    position: absolute;
}

    .contacts .map-pin:hover + .baloon.baloon-on-map {
        display: block;
        opacity: 1;
        z-index: 3;
    }

.contacts .baloon-content img {
    float: left;
    margin-right: 15px;
}

.contacts .baloon-content-text {
    overflow: hidden;
}

.form-control {
    font-family: inherit;
    font-size: 16px;
    line-height: 20px;
    padding: 20px;
    font-weight: 400;
    min-height: 60px;
    color: #3fa2f7;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
    display: block;
    width: 100%;
    outline: none;
    resize: none;
}

.form-control-light {
    background: #e4f1fd;
}

.form-control-white {
    background: #fff;
    border: 2px solid #e4f1fd;
    padding: 18px;
}

.form-control-small {
    height: 42px;
    min-height: 42px;
    padding: 11px 20px;
}

.form-control::-webkit-input-placeholder {
    color: #5499d5;
}

.form-control::-moz-placeholder {
    color: #5499d5;
}

.form-control:-moz-placeholder {
    color: #5499d5;
}

.form-control:-ms-input-placeholder {
    color: #5499d5;
}

.form-control.icon-left {
    padding-left: 52px;
}

.form-control.icon-right {
    padding-right: 52px;
}

.btn {
    background: #3fa2f7;
    font-family: inherit;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    padding: 20px 50px;
    font-weight: 500;
    height: 60px;
    border: none;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
}

    .btn.btn-small {
        padding: 13px 30px;
        line-height: 1;
        height: auto;
    }

    .btn:hover {
        background: #52abf8;
        color: #fff;
    }

    .btn.no-padding {
        padding-left: 0;
        padding-right: 0;
    }

.form-group .form-control {
    border-radius: 4px 0 0 4px;
}

.form-group .btn {
    border-radius: 0 4px 4px 0;
    padding-left: 0;
    padding-right: 0;
}

.form-control-feedback {
    position: absolute;
    top: 15px;
    right: 9px;
    opacity: 0.4;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.nav-tabs {
    border: none;
    font-weight: 500;
    padding: 0;
    margin-left: -2px;
    margin-right: -2px;
}

@media (min-width: 576px) {
    .nav-tabs {
        margin-left: -7px;
        margin-right: -7px;
    }
}

.nav-tabs > li,
.nav-tabs > li.active {
    float: none;
    background: transparent;
    display: inline-block;
    margin: 0 2px 10px;
}

@media (min-width: 576px) {
    .nav-tabs > li,
    .nav-tabs > li.active {
        margin: 0 7px 10px;
    }
}

.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    display: inline-block;
    padding: 0 25px;
    height: 42px;
    line-height: 38px;
    border-radius: 32px;
    border: 2px solid #e4f1fd;
    text-align: center;
    opacity: 1;
    cursor: pointer;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-radius: 32px;
    border: 2px solid #3fa2f7;
    text-align: center;
    opacity: 1;
    cursor: pointer;
    color: #297fca;
}

.nav-tabs > li .badge-light {
    margin: 0 12px 0 -12px;
}

.tabs-content > .tab-panel {
    display: none;
}

    .tabs-content > .tab-panel.active {
        display: block;
    }

.navbar {
    margin-left: -15px;
    margin-right: -15px;
    text-align: center;
}

    .navbar > a,
    .navbar > .dropdown {
        margin-left: 15px;
        margin-right: 15px;
        display: inline-block;
    }

.badge-round {
    width: 32px;
    height: 32px;
    border: 2px solid #e4f1fd;
    background: #fff;
    border-radius: 50%;
    line-height: 28px;
    text-align: center;
    display: inline-block;
}

.badge-light,
.badge-dark {
    font-size: 12px;
    width: 20px;
    height: 20px;
    background: #e4f1fd;
    color: #3fa2f7;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    font-weight: 700;
    vertical-align: baseline;
}

.badge-dark {
    color: #fff;
    background: #3fa2f7;
}

.dropdown {
    display: inline-block;
}

    .dropdown > a {
        display: inline-block;
        padding-right: 14px;
    }

        .dropdown > a::after {
            content: '';
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -5px;
            width: 6px;
            height: 11px;
            background: url("../images/icons/arrow-xs-right.svg") no-repeat;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }

    .dropdown.open .dropdown-menu {
        display: block;
    }

.dropdown-menu {
    z-index: 3;
    position: absolute;
    border: 1px solid #e4f1fd;
    background: #fff;
    white-space: nowrap;
    min-width: 100%;
    border-radius: 4px;
    top: 100%;
    margin-top: 10px;
    overflow: hidden;
    padding: 3px 0;
    left: 0;
    right: auto;
    display: none;
}

    .dropdown-menu .dropdown-divider {
        margin: 3px 0;
        border-top: 1px solid #e4f1fd;
    }

    .dropdown-menu a {
        display: block;
        padding: 3px 20px;
    }

        .dropdown-menu a:hover {
            background: #e4f1fd;
        }

.dropdown-right .dropdown-menu {
    right: 0;
    left: auto;
}

@media (min-width: 576px) {
    .dropdown-right .dropdown-menu {
        left: 0;
        right: auto;
    }
}


.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn:hover,
.btn:focus,
.btn.focus {
    color: #fff;
    text-decoration: none;
}

.btn:active,
.btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.65;
    -webkit-box-shadow: none;
    box-shadow: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-default:focus,
    .btn-default.focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c;
    }

    .btn-default:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        color: #333;
        background-color: #e6e6e6;
        background-image: none;
        border-color: #adadad;
    }

        .btn-default:active:hover,
        .btn-default.active:hover,
        .open > .dropdown-toggle.btn-default:hover,
        .btn-default:active:focus,
        .btn-default.active:focus,
        .open > .dropdown-toggle.btn-default:focus,
        .btn-default:active.focus,
        .btn-default.active.focus,
        .open > .dropdown-toggle.btn-default.focus {
            color: #333;
            background-color: #d4d4d4;
            border-color: #8c8c8c;
        }

    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled.focus,
    .btn-default[disabled].focus,
    fieldset[disabled] .btn-default.focus {
        background-color: #fff;
        border-color: #ccc;
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333;
    }

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

    .btn-primary:focus,
    .btn-primary.focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40;
    }

    .btn-primary:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #286090;
        background-image: none;
        border-color: #204d74;
    }

        .btn-primary:active:hover,
        .btn-primary.active:hover,
        .open > .dropdown-toggle.btn-primary:hover,
        .btn-primary:active:focus,
        .btn-primary.active:focus,
        .open > .dropdown-toggle.btn-primary:focus,
        .btn-primary:active.focus,
        .btn-primary.active.focus,
        .open > .dropdown-toggle.btn-primary.focus {
            color: #fff;
            background-color: #204d74;
            border-color: #122b40;
        }

    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus {
        background-color: #337ab7;
        border-color: #2e6da4;
    }

    .btn-primary .badge {
        color: #337ab7;
        background-color: #fff;
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .btn-success:focus,
    .btn-success.focus {
        color: #fff;
        background-color: #449d44;
        border-color: #255625;
    }

    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #449d44;
        background-image: none;
        border-color: #398439;
    }

        .btn-success:active:hover,
        .btn-success.active:hover,
        .open > .dropdown-toggle.btn-success:hover,
        .btn-success:active:focus,
        .btn-success.active:focus,
        .open > .dropdown-toggle.btn-success:focus,
        .btn-success:active.focus,
        .btn-success.active.focus,
        .open > .dropdown-toggle.btn-success.focus {
            color: #fff;
            background-color: #398439;
            border-color: #255625;
        }

    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled.focus,
    .btn-success[disabled].focus,
    fieldset[disabled] .btn-success.focus {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff;
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

    .btn-info:focus,
    .btn-info.focus {
        color: #fff;
        background-color: #31b0d5;
        border-color: #1b6d85;
    }

    .btn-info:hover {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #31b0d5;
        background-image: none;
        border-color: #269abc;
    }

        .btn-info:active:hover,
        .btn-info.active:hover,
        .open > .dropdown-toggle.btn-info:hover,
        .btn-info:active:focus,
        .btn-info.active:focus,
        .open > .dropdown-toggle.btn-info:focus,
        .btn-info:active.focus,
        .btn-info.active.focus,
        .open > .dropdown-toggle.btn-info.focus {
            color: #fff;
            background-color: #269abc;
            border-color: #1b6d85;
        }

    .btn-info.disabled:hover,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info:hover,
    .btn-info.disabled:focus,
    .btn-info[disabled]:focus,
    fieldset[disabled] .btn-info:focus,
    .btn-info.disabled.focus,
    .btn-info[disabled].focus,
    fieldset[disabled] .btn-info.focus {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff;
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

    .btn-warning:focus,
    .btn-warning.focus {
        color: #fff;
        background-color: #ec971f;
        border-color: #985f0d;
    }

    .btn-warning:hover {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ec971f;
        background-image: none;
        border-color: #d58512;
    }

        .btn-warning:active:hover,
        .btn-warning.active:hover,
        .open > .dropdown-toggle.btn-warning:hover,
        .btn-warning:active:focus,
        .btn-warning.active:focus,
        .open > .dropdown-toggle.btn-warning:focus,
        .btn-warning:active.focus,
        .btn-warning.active.focus,
        .open > .dropdown-toggle.btn-warning.focus {
            color: #fff;
            background-color: #d58512;
            border-color: #985f0d;
        }

    .btn-warning.disabled:hover,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning:hover,
    .btn-warning.disabled:focus,
    .btn-warning[disabled]:focus,
    fieldset[disabled] .btn-warning:focus,
    .btn-warning.disabled.focus,
    .btn-warning[disabled].focus,
    fieldset[disabled] .btn-warning.focus {
        background-color: #f0ad4e;
        border-color: #eea236;
    }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff;
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

    .btn-danger:focus,
    .btn-danger.focus {
        color: #fff;
        background-color: #c9302c;
        border-color: #761c19;
    }

    .btn-danger:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #c9302c;
        background-image: none;
        border-color: #ac2925;
    }

        .btn-danger:active:hover,
        .btn-danger.active:hover,
        .open > .dropdown-toggle.btn-danger:hover,
        .btn-danger:active:focus,
        .btn-danger.active:focus,
        .open > .dropdown-toggle.btn-danger:focus,
        .btn-danger:active.focus,
        .btn-danger.active.focus,
        .open > .dropdown-toggle.btn-danger.focus {
            color: #fff;
            background-color: #ac2925;
            border-color: #761c19;
        }

    .btn-danger.disabled:hover,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-danger:focus,
    .btn-danger.disabled.focus,
    .btn-danger[disabled].focus,
    fieldset[disabled] .btn-danger.focus {
        background-color: #d9534f;
        border-color: #d43f3a;
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff;
    }

.btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0;
}

    .btn-link,
    .btn-link:active,
    .btn-link.active,
    .btn-link[disabled],
    fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btn-link,
        .btn-link:hover,
        .btn-link:focus,
        .btn-link:active {
            border-color: transparent;
        }

            .btn-link:hover,
            .btn-link:focus {
                color: #23527c;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:hover,
            fieldset[disabled] .btn-link:hover,
            .btn-link[disabled]:focus,
            fieldset[disabled] .btn-link:focus {
                color: #777777;
                text-decoration: none;
            }

.btn-lg,
.btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn-sm,
.btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs,
.btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

    .fade.in {
        opacity: 1;
    }

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    text-align: left;
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
        -webkit-transition: -webkit-transform 0.3s ease-out;
        -o-transition: -o-transform 0.3s ease-out;
        transition: -webkit-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modal-open .modal {
    overflow-x: hidden;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .modal-header .close {
        padding: 1rem;
        margin: -3rem -1rem -1rem auto;
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem);
    }

        .modal-dialog-scrollable .modal-content {
            max-height: calc(100vh - 3.5rem);
        }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }

        .modal-dialog-centered::before {
            height: calc(100vh - 3.5rem);
        }

    .modal-sm {
        max-width: 300px;
    }
}

.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
    display: table;
    content: " ";
}

.modal-header:after,
.modal-footer:after {
    clear: both;
}

.glyphicon-modal-window:before {
    content: "\e237";
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}

    .modal-dialog-centered::before {
        display: block;
        height: calc(100vh - 1rem);
        content: "";
    }

    .modal-dialog-centered.modal-dialog-scrollable {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
    }

        .modal-dialog-centered.modal-dialog-scrollable .modal-content {
            max-height: none;
        }

        .modal-dialog-centered.modal-dialog-scrollable::before {
            content: none;
        }

body.modal-open {
    padding-right: 0 !important;
}

.modal-header h5 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
    font-size: 1.25rem;
}

.form-control.login {
    border: 1px white solid;
}