body {
    /*padding-top: 50px;*/
    font-family: "Lato", Helvetica, Arial, sans-serif;
    line-height: 1.5;
    /*padding-bottom: 20px;*/
}

a {
    color: inherit;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: inherit;
    text-decoration: underline;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

@media (min-width: 480px) {
    .big {
        font-size: 106.25%;
        font-weight: 300;
        line-height: 1.470588235294118;
    }

    h1 .big,
    .h1 .big {
        font-size: 142.22%;
        line-height: 1.125;
    }

    h2 .big,
    .h2 .big {
        font-size: 90.36%;
        line-height: 1.142857142857143;
    }
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 400;
    line-height: 1.1;
    color: inherit;
}

div.oao-row {
    /*margin-top: 20px;*/
    padding-left: 15px;
    padding-right: 15px;
}

.oao-title {
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
}

.oao-checkbox {
    padding-left: 25px;
    padding-right: 10px;
    font-size: 14px;
    margin-bottom: -10px;
    display: block;
}

.oao-description {
    color: rgb(112, 112, 112);
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
}

.oao-input {
    line-height: 24px;
    box-shadow: none;
    font-size: 13px;
    height: 40px;
    padding: 7px 12px;
    border-radius: 3px;
}

.mea-has-error {
    border: 2px solid #cd2026 !important;
}

div.mea-has-error {
    padding: 3px;
}

.mea-control-error {
    font-size: 14px;
    color: #cd2026
}

a.popupinfo {
    cursor: pointer;
    margin-left: 5px;
}

i.popupinfo {
    color: #1A7AC6;
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 16px;
    color: #1a7ac5;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 9px 9px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.base-label-title {
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0px;
    padding-top: 5px;
}

.base-label-description {
    font-size: 14px;
    color: #727272;
    margin-top: 0px;
}

span.text-red {
    color: red;
    padding-left: 3px;
}

div.row {
    padding-top: 0px;
}

.nohighlight {
    padding-left: 10px;
}

.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
}
/*Radio and Checkbox control - custom shadow*/
.custom-control-label::before {
    border: 1px solid #9b9b9b;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15);
    background: #f5f5f5;
    font-size: 14px;
}

/* This is the checked state */
.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #56575a;
    border-radius: 50%;
}

/* active state i.e. displayed while the mouse is being pressed down */
.custom-radio .custom-control-input:active ~ .custom-control-label::before {
    color: #fff;
    background-color: #9b9b9b;
}

/* Custom Checkbox - Overflow */
.custom-control.overflow-checkbox .overflow-control-input {
    display: none;
}

    .custom-control.overflow-checkbox .overflow-control-input:checked ~ .overflow-control-indicator::after {
        -webkit-transform: rotateZ(45deg) scale(1);
        transform: rotateZ(45deg) scale(1);
        top: -6px;
        left: 5px;
    }

    .custom-control.overflow-checkbox .overflow-control-input:checked ~ .overflow-control-indicator::before {
        opacity: 1;
    }

.custom-control.overflow-checkbox .overflow-control-indicator {
    border-radius: 3px;
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 16px;
    height: 16px;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15);
    background: #f5f5f5;
    border: 1px solid #9b9b9b;
}

    .custom-control.overflow-checkbox .overflow-control-indicator::after {
        content: '';
        display: block;
        position: absolute;
        width: 16px;
        height: 16px;
        transition: .3s;
        -webkit-transform: rotateZ(90deg) scale(0);
        transform: rotateZ(90deg) scale(0);
        width: 8px;
        border-bottom: 2px solid #434345;
        border-right: 2px solid #434345;
        border-radius: 0px;
        top: -2px;
        left: 2px;
    }

    .custom-control.overflow-checkbox .overflow-control-indicator::before {
        content: '';
        display: block;
        position: absolute;
        width: 16px;
        height: 16px;
        transition: .3s;
        width: 10px;
        border-right: 1px solid transparent;
        border-radius: 0px;
        -webkit-transform: rotateZ(45deg) scale(1);
        transform: rotateZ(45deg) scale(1);
        top: -4px;
        left: 5px;
        opacity: 0;
    }

/* This is the checked state */
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    color: #56575a;
    background-color: #fff;
    border-radius: 3px;
}

/*.custom-control-input:checked ~ .custom-control-indicator {
    content: "f00c";
    font-family: "FontAwesome";
    background-color: #fff;
}*/

/* active state i.e. displayed while the mouse is being pressed down */
.custom-checkbox .custom-control-input:active ~ .custom-control-label::before {
    color: #fff;
    background-color: #9b9b9b;
}

.hideme {
    display: none;
}

.card {
    margin-bottom: 5px;
    border-radius: 3px;
}

.card-header {
    padding: 0 0 0 10px;
    /*margin-bottom: 5px;*/
    background-color: #fff;
    border: none;
    color: lightgray;
}

.card-body {
    padding: 10px 25px 10px 25px;
    text-align: left;
    background-color: rgba(1,1,1,0);
    border-style: solid;
    border-color: rgba(0,0,0,.125);
    border-top-width: 1px;
    border-bottom: none;
    border-left: none;
    border-right: none;
    margin-bottom: 5px;
    margin-top: -5px;
}

.card-header-active {
    border-left: 5px solid #00802b;
    color: inherit;
    margin-bottom: 5px;
}

.card-header-complete {
    border-left: 5px solid #42b574;
    color: inherit;
    /*margin-bottom: 5px;*/
}

.card-header:first-child {
    border-radius: 3px;
}

.btn-wizard {
    background: transparent;
    width: 100%;
    text-align: left;
    border: none;
    font-weight: 700;
    margin-right: -30px;
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 15px;
}

    .btn-wizard.collapsed {
        color: #9b9b9b;
    }

.oao-sign {
    font-size: 14px;
}

.oao-check {
    color: #42b574;
}

.btn:focus {
    border: none;
    outline: none !important;
    box-shadow: none;
}

.btn-md {
    margin-right: 15px;
    line-height: 20px;
}

.media {
    margin-top: 15px;
}

    .media:first-child {
        margin-top: 0;
    }

.media,
.media-body {
    zoom: 1;
    overflow: hidden;
}

.media-pclass {
    padding-left: 15px;
    color: #727272;
    font-size: 14px;
}

.media-body {
    width: 10000px;
}

.media-object {
    display: block;
}

    .media-object.img-thumbnail {
        max-width: none;
    }

.media-right,
.media > .pull-right {
    padding-left: 10px;
}

.media-left,
.media > .pull-left {
    padding-right: 10px;
    position: relative;
    z-index: 98;
}

.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top;
}

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.media-list {
    padding-left: 0;
    list-style: none;
}

.box-comment-meta {
    margin-bottom: 0;
    font-size: 12px;
}

    .box-comment-meta a:hover {
        color: #55bbeb;
    }

.box-comment-meta-icon {
    font-size: 14px;
}

.box-comment-title {
    margin-top: 0;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

.box-comment-img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.box-comment-body {
    font-size: 15px;
}

@media (min-width: 480px) {
    .box-comment-img {
        width: 60px;
        height: 60px;
    }
}

.box-comment-classic {
    position: relative;
}

    .box-comment-classic:before, .box-comment-classic:after {
        content: '';
        position: absolute;
        left: 19px;
        background: #d9d9d9;
        width: 1px;
    }

    .box-comment-classic:before {
        top: 48px;
        bottom: -8px;
    }

    .box-comment-classic:last-child:before {
        display: none;
    }

@media (max-width: 480px) {
    .box-comment-classic > .box-comment .box-comment-img {
        width: 30px;
        height: 30px;
        margin-top: 5px;
        margin-left: 5px;
    }
}

@media (min-width: 480px) {
    .box-comment-classic:after {
        display: none;
    }

    .box-comment-classic + .box-comment-classic:after,
    .box-comment-classic .media + .box-comment-classic:after {
        display: block;
    }

    .box-comment-classic .media + .box-comment-classic:after {
        bottom: auto;
        top: 29px;
        right: 100%;
        left: auto;
        height: 1px;
        margin-right: 8px;
        width: 42px;
    }

    .box-comment-classic .box-comment-header {
        margin-top: 5px;
    }

    .box-comment-classic > .box-comment {
        margin-left: 80px;
    }

    .box-comment-classic:before {
        top: 68px;
    }

    .box-comment-classic:before, .box-comment-classic:after {
        left: 29px;
    }
}

.box-comment-classic + .box-comment-classic,
.box-comment-classic > .box-comment {
    margin-top: 16px;
}

.box-comment-boxed .box-comment-img {
    margin-top: 15px;
    border: 1px solid #d9d9d9;
    background: #fff;
    padding: 2px;
    margin-right: -30px;
}

.box-comment-boxed .box-comment-body {
    margin-top: 10px;
}

.box-comment-boxed .media-body {
    padding: 15px 20px 15px 30px;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
}

@media (min-width: 480px) {
    .box-comment-boxed .box-comment-img {
        margin-right: -50px;
        padding: 4px;
    }

    .box-comment-boxed .media-body {
        padding: 20px 30px 20px 40px;
        margin-left: 10px;
    }
}

@media (min-width: 1200px) {
    .box-comment-boxed > .box-comment-boxed {
        margin-left: 30px;
    }

    .box-comment-boxed .box-comment-meta {
        float: right;
    }

    .box-comment-boxed > .box-comment-outboxed {
        margin-left: 80px;
    }
}

.box-comment-boxed + .box-comment-boxed,
.box-comment-boxed > .box-comment {
    margin-top: 20px;
}

.box-comment-outboxed .box-comment-body {
    margin-top: 5px;
}

@media (min-width: 1200px) {
    .box-comment-outboxed .box-comment-body {
        margin-top: 10px;
    }

    .box-comment-outboxed .box-comment-img {
        margin-top: 10px;
    }

    .box-comment-outboxed .media-body {
        padding: 20px;
        border-radius: 3px;
        border: 1px solid #d9d9d9;
    }

    .box-comment-outboxed .box-comment-meta > li:first-child {
        float: right;
        margin-left: 20px;
    }

    .box-comment-outboxed > .box-comment-outboxed {
        margin-left: 80px;
    }
}

.box-comment-outboxed + .box-comment-outboxed,
.box-comment-outboxed > .box-comment {
    margin-top: 20px;
}

/** 2.42 Responsive Units */
.unit {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex: 0 1 100%;
    -webkit-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.unit-body {
    -ms-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
}

.unit-left,
.unit-right {
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
}

.unit-align-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.unit-align-left {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.unit-align-right {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.unit-align-justify {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.unit-align-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.unit-top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.unit-middle {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.unit-bottom {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.unit-grow-1 {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.unit-grow-2 {
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

.unit-grow-3 {
    -webkit-flex-grow: 3;
    -ms-flex-positive: 3;
    flex-grow: 3;
}

.unit-item-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.unit-item-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.unit-item-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.unit-item-narrow {
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.unit-item-standart {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.unit-item-wide {
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

.unit,
.unit-vertical {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .unit > [class*='unit-']:first-child,
    .unit-vertical > [class*='unit-']:first-child {
        padding-top: 0;
    }

    .unit > .unit-left + .unit-right,
    .unit > .unit-left + .unit-body,
    .unit-vertical > .unit-left + .unit-right,
    .unit-vertical > .unit-left + .unit-body {
        padding-left: 0;
        padding-top: 20px;
    }

    .unit > .unit-body + .unit-right,
    .unit-vertical > .unit-body + .unit-right {
        padding-left: 0;
        padding-top: 20px;
    }

.unit-horizontal {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

    .unit-horizontal > .unit-left + .unit-right,
    .unit-horizontal > .unit-left + .unit-body {
        padding-top: 0;
        padding-left: 30px;
    }

    .unit-horizontal > .unit-body + .unit-right {
        padding-top: 0;
        padding-left: 30px;
    }

.unit-inverse {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

    .unit-inverse, .unit-inverse.unit-vertical {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

        .unit-inverse > [class*='unit-']:first-child, .unit-inverse.unit-vertical > [class*='unit-']:first-child {
            padding-top: 20px;
        }

        .unit-inverse > [class*='unit-']:last-child, .unit-inverse.unit-vertical > [class*='unit-']:last-child {
            padding-top: 0;
        }

        .unit-inverse.unit-horizontal {
            -webkit-flex-direction: row-reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
        }

            .unit-inverse.unit-horizontal > [class*='unit-']:first-child {
                padding-top: 0;
                padding-left: 30px;
            }

            .unit-inverse.unit-horizontal > [class*='unit-']:last-child {
                padding-left: 0;
            }

@media (min-width: 480px) {
    .unit-xs-align-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .unit-xs-align-left {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .unit-xs-align-right {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .unit-xs-align-justify {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .unit-xs-align-around {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .unit-xs-top {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .unit-xs-middle {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .unit-xs-bottom {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .unit-xs-grow-1 {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .unit-xs-grow-2 {
        -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
    }

    .unit-xs-grow-3 {
        -webkit-flex-grow: 3;
        -ms-flex-positive: 3;
        flex-grow: 3;
    }

    .unit-item-xs-top {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .unit-item-xs-middle {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .unit-item-xs-bottom {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .unit-item-xs-narrow {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }

    .unit-item-xs-standart {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .unit-item-xs-wide {
        -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
    }

    .unit-xs,
    .unit-xs-vertical {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .unit-xs > [class*='unit-']:first-child,
        .unit-xs-vertical > [class*='unit-']:first-child {
            padding-top: 0;
        }

        .unit-xs > .unit-left + .unit-right,
        .unit-xs > .unit-left + .unit-body,
        .unit-xs-vertical > .unit-left + .unit-right,
        .unit-xs-vertical > .unit-left + .unit-body {
            padding-left: 0;
            padding-top: 20px;
        }

        .unit-xs > .unit-body + .unit-right,
        .unit-xs-vertical > .unit-body + .unit-right {
            padding-left: 0;
            padding-top: 20px;
        }

    .unit-xs-horizontal {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .unit-xs-horizontal > .unit-left + .unit-right,
        .unit-xs-horizontal > .unit-left + .unit-body {
            padding-top: 0;
            padding-left: 30px;
        }

        .unit-xs-horizontal > .unit-body + .unit-right {
            padding-top: 0;
            padding-left: 30px;
        }

    .unit-xs-inverse {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

        .unit-xs-inverse, .unit-xs-inverse.unit-xs-vertical {
            -webkit-flex-direction: column-reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
        }

            .unit-xs-inverse > [class*='unit-']:first-child, .unit-xs-inverse.unit-xs-vertical > [class*='unit-']:first-child {
                padding-top: 20px;
            }

            .unit-xs-inverse > [class*='unit-']:last-child, .unit-xs-inverse.unit-xs-vertical > [class*='unit-']:last-child {
                padding-top: 0;
            }

            .unit-xs-inverse.unit-xs-horizontal {
                -webkit-flex-direction: row-reverse;
                -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
            }

                .unit-xs-inverse.unit-xs-horizontal > [class*='unit-']:first-child {
                    padding-top: 0;
                    padding-left: 30px;
                }

                .unit-xs-inverse.unit-xs-horizontal > [class*='unit-']:last-child {
                    padding-left: 0;
                }
}

@media (min-width: 768px) {
    .unit-sm-align-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .unit-sm-align-left {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .unit-sm-align-right {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .unit-sm-align-justify {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .unit-sm-align-around {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .unit-sm-top {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .unit-sm-middle {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .unit-sm-bottom {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .unit-sm-grow-1 {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .unit-sm-grow-2 {
        -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
    }

    .unit-sm-grow-3 {
        -webkit-flex-grow: 3;
        -ms-flex-positive: 3;
        flex-grow: 3;
    }

    .unit-item-sm-top {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .unit-item-sm-middle {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .unit-item-sm-bottom {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .unit-item-sm-narrow {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }

    .unit-item-sm-standart {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .unit-item-sm-wide {
        -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
    }

    .unit-sm,
    .unit-sm-vertical {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .unit-sm > [class*='unit-']:first-child,
        .unit-sm-vertical > [class*='unit-']:first-child {
            padding-top: 0;
        }

        .unit-sm > .unit-left + .unit-right,
        .unit-sm > .unit-left + .unit-body,
        .unit-sm-vertical > .unit-left + .unit-right,
        .unit-sm-vertical > .unit-left + .unit-body {
            padding-left: 0;
            padding-top: 20px;
        }

        .unit-sm > .unit-body + .unit-right,
        .unit-sm-vertical > .unit-body + .unit-right {
            padding-left: 0;
            padding-top: 20px;
        }

    .unit-sm-horizontal {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .unit-sm-horizontal > .unit-left + .unit-right,
        .unit-sm-horizontal > .unit-left + .unit-body {
            padding-top: 0;
            padding-left: 30px;
        }

        .unit-sm-horizontal > .unit-body + .unit-right {
            padding-top: 0;
            padding-left: 30px;
        }

    .unit-sm-inverse {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

        .unit-sm-inverse, .unit-sm-inverse.unit-sm-vertical {
            -webkit-flex-direction: column-reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
        }

            .unit-sm-inverse > [class*='unit-']:first-child, .unit-sm-inverse.unit-sm-vertical > [class*='unit-']:first-child {
                padding-top: 20px;
            }

            .unit-sm-inverse > [class*='unit-']:last-child, .unit-sm-inverse.unit-sm-vertical > [class*='unit-']:last-child {
                padding-top: 0;
            }

            .unit-sm-inverse.unit-sm-horizontal {
                -webkit-flex-direction: row-reverse;
                -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
            }

                .unit-sm-inverse.unit-sm-horizontal > [class*='unit-']:first-child {
                    padding-top: 0;
                    padding-left: 30px;
                }

                .unit-sm-inverse.unit-sm-horizontal > [class*='unit-']:last-child {
                    padding-left: 0;
                }
}

@media (min-width: 992px) {
    .unit-md-align-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .unit-md-align-left {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .unit-md-align-right {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .unit-md-align-justify {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .unit-md-align-around {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .unit-md-top {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .unit-md-middle {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .unit-md-bottom {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .unit-md-grow-1 {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .unit-md-grow-2 {
        -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
    }

    .unit-md-grow-3 {
        -webkit-flex-grow: 3;
        -ms-flex-positive: 3;
        flex-grow: 3;
    }

    .unit-item-md-top {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .unit-item-md-middle {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .unit-item-md-bottom {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .unit-item-md-narrow {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }

    .unit-item-md-standart {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .unit-item-md-wide {
        -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
    }

    .unit-md,
    .unit-md-vertical {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .unit-md > [class*='unit-']:first-child,
        .unit-md-vertical > [class*='unit-']:first-child {
            padding-top: 0;
        }

        .unit-md > .unit-left + .unit-right,
        .unit-md > .unit-left + .unit-body,
        .unit-md-vertical > .unit-left + .unit-right,
        .unit-md-vertical > .unit-left + .unit-body {
            padding-left: 0;
            padding-top: 20px;
        }

        .unit-md > .unit-body + .unit-right,
        .unit-md-vertical > .unit-body + .unit-right {
            padding-left: 0;
            padding-top: 20px;
        }

    .unit-md-horizontal {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .unit-md-horizontal > .unit-left + .unit-right,
        .unit-md-horizontal > .unit-left + .unit-body {
            padding-top: 0;
            padding-left: 30px;
        }

        .unit-md-horizontal > .unit-body + .unit-right {
            padding-top: 0;
            padding-left: 30px;
        }

    .unit-md-inverse {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

        .unit-md-inverse, .unit-md-inverse.unit-md-vertical {
            -webkit-flex-direction: column-reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
        }

            .unit-md-inverse > [class*='unit-']:first-child, .unit-md-inverse.unit-md-vertical > [class*='unit-']:first-child {
                padding-top: 20px;
            }

            .unit-md-inverse > [class*='unit-']:last-child, .unit-md-inverse.unit-md-vertical > [class*='unit-']:last-child {
                padding-top: 0;
            }

            .unit-md-inverse.unit-md-horizontal {
                -webkit-flex-direction: row-reverse;
                -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
            }

                .unit-md-inverse.unit-md-horizontal > [class*='unit-']:first-child {
                    padding-top: 0;
                    padding-left: 30px;
                }

                .unit-md-inverse.unit-md-horizontal > [class*='unit-']:last-child {
                    padding-left: 0;
                }
}

@media (min-width: 1200px) {
    .unit-lg-align-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .unit-lg-align-left {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .unit-lg-align-right {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .unit-lg-align-justify {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .unit-lg-align-around {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .unit-lg-top {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .unit-lg-middle {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .unit-lg-bottom {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .unit-lg-grow-1 {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .unit-lg-grow-2 {
        -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
    }

    .unit-lg-grow-3 {
        -webkit-flex-grow: 3;
        -ms-flex-positive: 3;
        flex-grow: 3;
    }

    .unit-item-lg-top {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .unit-item-lg-middle {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .unit-item-lg-bottom {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .unit-item-lg-narrow {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }

    .unit-item-lg-standart {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .unit-item-lg-wide {
        -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
    }

    .unit-lg,
    .unit-lg-vertical {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .unit-lg > [class*='unit-']:first-child,
        .unit-lg-vertical > [class*='unit-']:first-child {
            padding-top: 0;
        }

        .unit-lg > .unit-left + .unit-right,
        .unit-lg > .unit-left + .unit-body,
        .unit-lg-vertical > .unit-left + .unit-right,
        .unit-lg-vertical > .unit-left + .unit-body {
            padding-left: 0;
            padding-top: 20px;
        }

        .unit-lg > .unit-body + .unit-right,
        .unit-lg-vertical > .unit-body + .unit-right {
            padding-left: 0;
            padding-top: 20px;
        }

    .unit-lg-horizontal {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .unit-lg-horizontal > .unit-left + .unit-right,
        .unit-lg-horizontal > .unit-left + .unit-body {
            padding-top: 0;
            padding-left: 30px;
        }

        .unit-lg-horizontal > .unit-body + .unit-right {
            padding-top: 0;
            padding-left: 30px;
        }

    .unit-lg-inverse {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

        .unit-lg-inverse, .unit-lg-inverse.unit-lg-vertical {
            -webkit-flex-direction: column-reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
        }

            .unit-lg-inverse > [class*='unit-']:first-child, .unit-lg-inverse.unit-lg-vertical > [class*='unit-']:first-child {
                padding-top: 20px;
            }

            .unit-lg-inverse > [class*='unit-']:last-child, .unit-lg-inverse.unit-lg-vertical > [class*='unit-']:last-child {
                padding-top: 0;
            }

            .unit-lg-inverse.unit-lg-horizontal {
                -webkit-flex-direction: row-reverse;
                -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
            }

                .unit-lg-inverse.unit-lg-horizontal > [class*='unit-']:first-child {
                    padding-top: 0;
                    padding-left: 30px;
                }

                .unit-lg-inverse.unit-lg-horizontal > [class*='unit-']:last-child {
                    padding-left: 0;
                }
}

@media (min-width: 1800px) {
    .unit-xl-align-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .unit-xl-align-left {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .unit-xl-align-right {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .unit-xl-align-justify {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .unit-xl-align-around {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .unit-xl-top {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .unit-xl-middle {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .unit-xl-bottom {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .unit-xl-grow-1 {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .unit-xl-grow-2 {
        -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
    }

    .unit-xl-grow-3 {
        -webkit-flex-grow: 3;
        -ms-flex-positive: 3;
        flex-grow: 3;
    }

    .unit-item-xl-top {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .unit-item-xl-middle {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .unit-item-xl-bottom {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .unit-item-xl-narrow {
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }

    .unit-item-xl-standart {
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .unit-item-xl-wide {
        -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
    }

    .unit-xl,
    .unit-xl-vertical {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .unit-xl > [class*='unit-']:first-child,
        .unit-xl-vertical > [class*='unit-']:first-child {
            padding-top: 0;
        }

        .unit-xl > .unit-left + .unit-right,
        .unit-xl > .unit-left + .unit-body,
        .unit-xl-vertical > .unit-left + .unit-right,
        .unit-xl-vertical > .unit-left + .unit-body {
            padding-left: 0;
            padding-top: 20px;
        }

        .unit-xl > .unit-body + .unit-right,
        .unit-xl-vertical > .unit-body + .unit-right {
            padding-left: 0;
            padding-top: 20px;
        }

    .unit-xl-horizontal {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .unit-xl-horizontal > .unit-left + .unit-right,
        .unit-xl-horizontal > .unit-left + .unit-body {
            padding-top: 0;
            padding-left: 30px;
        }

        .unit-xl-horizontal > .unit-body + .unit-right {
            padding-top: 0;
            padding-left: 30px;
        }

    .unit-xl-inverse {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

        .unit-xl-inverse, .unit-xl-inverse.unit-xl-vertical {
            -webkit-flex-direction: column-reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
        }

            .unit-xl-inverse > [class*='unit-']:first-child, .unit-xl-inverse.unit-xl-vertical > [class*='unit-']:first-child {
                padding-top: 20px;
            }

            .unit-xl-inverse > [class*='unit-']:last-child, .unit-xl-inverse.unit-xl-vertical > [class*='unit-']:last-child {
                padding-top: 0;
            }

            .unit-xl-inverse.unit-xl-horizontal {
                -webkit-flex-direction: row-reverse;
                -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
            }

                .unit-xl-inverse.unit-xl-horizontal > [class*='unit-']:first-child {
                    padding-top: 0;
                    padding-left: 30px;
                }

                .unit-xl-inverse.unit-xl-horizontal > [class*='unit-']:last-child {
                    padding-left: 0;
                }
}

.unit-spacing-xxs.unit > [class*='unit-']:first-child, .unit-spacing-xxs.unit-vertical > [class*='unit-']:first-child {
    padding-top: 0;
}

.unit-spacing-xxs.unit > .unit-left + .unit-right,
.unit-spacing-xxs.unit > .unit-left + .unit-body, .unit-spacing-xxs.unit-vertical > .unit-left + .unit-right,
.unit-spacing-xxs.unit-vertical > .unit-left + .unit-body {
    padding-left: 0;
    padding-top: 0px;
}

.unit-spacing-xxs.unit > .unit-body + .unit-right, .unit-spacing-xxs.unit-vertical > .unit-body + .unit-right {
    padding-left: 0;
    padding-top: 0px;
}

.unit-spacing-xxs.unit-horizontal > .unit-left + .unit-right,
.unit-spacing-xxs.unit-horizontal > .unit-left + .unit-body {
    padding-top: 0;
    padding-left: 10px;
}

.unit-spacing-xxs.unit-horizontal > .unit-body + .unit-right {
    padding-top: 0;
    padding-left: 10px;
}

.unit-spacing-xxs.unit-inverse > [class*='unit-']:first-child, .unit-spacing-xxs.unit-inverse.unit-vertical > [class*='unit-']:first-child {
    padding-top: 0px;
}

.unit-spacing-xxs.unit-inverse > [class*='unit-']:last-child, .unit-spacing-xxs.unit-inverse.unit-vertical > [class*='unit-']:last-child {
    padding-top: 0;
}

.unit-spacing-xxs.unit-inverse.unit-horizontal > [class*='unit-']:first-child {
    padding-top: 0;
    padding-left: 10px;
}

.unit-spacing-xxs.unit-inverse.unit-horizontal > [class*='unit-']:last-child {
    padding-left: 0;
}

@media (min-width: 480px) {
    .unit-spacing-xxs.unit-xs > [class*='unit-']:first-child, .unit-spacing-xxs.unit-xs-vertical > [class*='unit-']:first-child {
        padding-top: 0;
    }

    .unit-spacing-xxs.unit-xs > .unit-left + .unit-right,
    .unit-spacing-xxs.unit-xs > .unit-left + .unit-body, .unit-spacing-xxs.unit-xs-vertical > .unit-left + .unit-right,
    .unit-spacing-xxs.unit-xs-vertical > .unit-left + .unit-body {
        padding-left: 0;
        padding-top: 0px;
    }

    .unit-spacing-xxs.unit-xs > .unit-body + .unit-right, .unit-spacing-xxs.unit-xs-vertical > .unit-body + .unit-right {
        padding-left: 0;
        padding-top: 0px;
    }

    .unit-spacing-xxs.unit-xs-horizontal > .unit-left + .unit-right,
    .unit-spacing-xxs.unit-xs-horizontal > .unit-left + .unit-body {
        padding-top: 0;
        padding-left: 10px;
    }

    .unit-spacing-xxs.unit-xs-horizontal > .unit-body + .unit-right {
        padding-top: 0;
        padding-left: 10px;
    }

    .unit-spacing-xxs.unit-xs-inverse > [class*='unit-']:first-child, .unit-spacing-xxs.unit-xs-inverse.unit-xs-vertical > [class*='unit-']:first-child {
        padding-top: 0px;
    }

    .unit-spacing-xxs.unit-xs-inverse > [class*='unit-']:last-child, .unit-spacing-xxs.unit-xs-inverse.unit-xs-vertical > [class*='unit-']:last-child {
        padding-top: 0;
    }

    .unit-spacing-xxs.unit-xs-inverse.unit-xs-horizontal > [class*='unit-']:first-child {
        padding-top: 0;
        padding-left: 10px;
    }

    .unit-spacing-xxs.unit-xs-inverse.unit-xs-horizontal > [class*='unit-']:last-child {
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .unit-spacing-xxs.unit-sm > [class*='unit-']:first-child, .unit-spacing-xxs.unit-sm-vertical > [class*='unit-']:first-child {
        padding-top: 0;
    }

    .unit-spacing-xxs.unit-sm > .unit-left + .unit-right,
    .unit-spacing-xxs.unit-sm > .unit-left + .unit-body, .unit-spacing-xxs.unit-sm-vertical > .unit-left + .unit-right,
    .unit-spacing-xxs.unit-sm-vertical > .unit-left + .unit-body {
        padding-left: 0;
        padding-top: 0px;
    }

    .unit-spacing-xxs.unit-sm > .unit-body + .unit-right, .unit-spacing-xxs.unit-sm-vertical > .unit-body + .unit-right {
        padding-left: 0;
        padding-top: 0px;
    }

    .unit-spacing-xxs.unit-sm-horizontal > .unit-left + .unit-right,
    .unit-spacing-xxs.unit-sm-horizontal > .unit-left + .unit-body {
        padding-top: 0;
        padding-left: 10px;
    }

    .unit-spacing-xxs.unit-sm-horizontal > .unit-body + .unit-right {
        padding-top: 0;
        padding-left: 10px;
    }

    .unit-spacing-xxs.unit-sm-inverse > [class*='unit-']:first-child, .unit-spacing-xxs.unit-sm-inverse.unit-sm-vertical > [class*='unit-']:first-child {
        padding-top: 0px;
    }

    .unit-spacing-xxs.unit-sm-inverse > [class*='unit-']:last-child, .unit-spacing-xxs.unit-sm-inverse.unit-sm-vertical > [class*='unit-']:last-child {
        padding-top: 0;
    }

    .unit-spacing-xxs.unit-sm-inverse.unit-sm-horizontal > [class*='unit-']:first-child {
        padding-top: 0;
        padding-left: 10px;
    }

    .unit-spacing-xxs.unit-sm-inverse.unit-sm-horizontal > [class*='unit-']:last-child {
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .unit-spacing-xxs.unit-md > [class*='unit-']:first-child, .unit-spacing-xxs.unit-md-vertical > [class*='unit-']:first-child {
        padding-top: 0;
    }

    .unit-spacing-xxs.unit-md > .unit-left + .unit-right,
    .unit-spacing-xxs.unit-md > .unit-left + .unit-body, .unit-spacing-xxs.unit-md-vertical > .unit-left + .unit-right,
    .unit-spacing-xxs.unit-md-vertical > .unit-left + .unit-body {
        padding-left: 0;
        padding-top: 0px;
    }

    .unit-spacing-xxs.unit-md > .unit-body + .unit-right, .unit-spacing-xxs.unit-md-vertical > .unit-body + .unit-right {
        padding-left: 0;
        padding-top: 0px;
    }

    .unit-spacing-xxs.unit-md-horizontal > .unit-left + .unit-right,
    .unit-spacing-xxs.unit-md-horizontal > .unit-left + .unit-body {
        padding-top: 0;
        padding-left: 10px;
    }

    .unit-spacing-xxs.unit-md-horizontal > .unit-body + .unit-right {
        padding-top: 0;
        padding-left: 10px;
    }

    .unit-spacing-xxs.unit-md-inverse > [class*='unit-']:first-child, .unit-spacing-xxs.unit-md-inverse.unit-md-vertical > [class*='unit-']:first-child {
        padding-top: 0px;
    }

    .unit-spacing-xxs.unit-md-inverse > [class*='unit-']:last-child, .unit-spacing-xxs.unit-md-inverse.unit-md-vertical > [class*='unit-']:last-child {
        padding-top: 0;
    }

    .unit-spacing-xxs.unit-md-inverse.unit-md-horizontal > [class*='unit-']:first-child {
        padding-top: 0;
        padding-left: 10px;
    }

    .unit-spacing-xxs.unit-md-inverse.unit-md-horizontal > [class*='unit-']:last-child {
        padding-left: 0;
    }
}

@media (min-width: 1200px) {
    .unit-spacing-xxs.unit-lg > [class*='unit-']:first-child, .unit-spacing-xxs.unit-lg-vertical > [class*='unit-']:first-child {
        padding-top: 0;
    }

    .unit-spacing-xxs.unit-lg > .unit-left + .unit-right,
    .unit-spacing-xxs.unit-lg > .unit-left + .unit-body, .unit-spacing-xxs.unit-lg-vertical > .unit-left + .unit-right,
    .unit-spacing-xxs.unit-lg-vertical > .unit-left + .unit-body {
        padding-left: 0;
        padding-top: 0px;
    }

    .unit-spacing-xxs.unit-lg > .unit-body + .unit-right, .unit-spacing-xxs.unit-lg-vertical > .unit-body + .unit-right {
        padding-left: 0;
        padding-top: 0px;
    }

    .unit-spacing-xxs.unit-lg-horizontal > .unit-left + .unit-right,
    .unit-spacing-xxs.unit-lg-horizontal > .unit-left + .unit-body {
        padding-top: 0;
        padding-left: 10px;
    }

    .unit-spacing-xxs.unit-lg-horizontal > .unit-body + .unit-right {
        padding-top: 0;
        padding-left: 10px;
    }

    .unit-spacing-xxs.unit-lg-inverse > [class*='unit-']:first-child, .unit-spacing-xxs.unit-lg-inverse.unit-lg-vertical > [class*='unit-']:first-child {
        padding-top: 0px;
    }

    .unit-spacing-xxs.unit-lg-inverse > [class*='unit-']:last-child, .unit-spacing-xxs.unit-lg-inverse.unit-lg-vertical > [class*='unit-']:last-child {
        padding-top: 0;
    }

    .unit-spacing-xxs.unit-lg-inverse.unit-lg-horizontal > [class*='unit-']:first-child {
        padding-top: 0;
        padding-left: 10px;
    }

    .unit-spacing-xxs.unit-lg-inverse.unit-lg-horizontal > [class*='unit-']:last-child {
        padding-left: 0;
    }
}

@media (min-width: 1800px) {
    .unit-spacing-xxs.unit-xl > [class*='unit-']:first-child, .unit-spacing-xxs.unit-xl-vertical > [class*='unit-']:first-child {
        padding-top: 0;
    }

    .unit-spacing-xxs.unit-xl > .unit-left + .unit-right,
    .unit-spacing-xxs.unit-xl > .unit-left + .unit-body, .unit-spacing-xxs.unit-xl-vertical > .unit-left + .unit-right,
    .unit-spacing-xxs.unit-xl-vertical > .unit-left + .unit-body {
        padding-left: 0;
        padding-top: 0px;
    }

    .unit-spacing-xxs.unit-xl > .unit-body + .unit-right, .unit-spacing-xxs.unit-xl-vertical > .unit-body + .unit-right {
        padding-left: 0;
        padding-top: 0px;
    }

    .unit-spacing-xxs.unit-xl-horizontal > .unit-left + .unit-right,
    .unit-spacing-xxs.unit-xl-horizontal > .unit-left + .unit-body {
        padding-top: 0;
        padding-left: 10px;
    }

    .unit-spacing-xxs.unit-xl-horizontal > .unit-body + .unit-right {
        padding-top: 0;
        padding-left: 10px;
    }

    .unit-spacing-xxs.unit-xl-inverse > [class*='unit-']:first-child, .unit-spacing-xxs.unit-xl-inverse.unit-xl-vertical > [class*='unit-']:first-child {
        padding-top: 0px;
    }

    .unit-spacing-xxs.unit-xl-inverse > [class*='unit-']:last-child, .unit-spacing-xxs.unit-xl-inverse.unit-xl-vertical > [class*='unit-']:last-child {
        padding-top: 0;
    }

    .unit-spacing-xxs.unit-xl-inverse.unit-xl-horizontal > [class*='unit-']:first-child {
        padding-top: 0;
        padding-left: 10px;
    }

    .unit-spacing-xxs.unit-xl-inverse.unit-xl-horizontal > [class*='unit-']:last-child {
        padding-left: 0;
    }
}

.unit-spacing-xs.unit > [class*='unit-']:first-child, .unit-spacing-xs.unit-vertical > [class*='unit-']:first-child {
    padding-top: 0;
}

.unit-spacing-xs.unit > .unit-left + .unit-right,
.unit-spacing-xs.unit > .unit-left + .unit-body, .unit-spacing-xs.unit-vertical > .unit-left + .unit-right,
.unit-spacing-xs.unit-vertical > .unit-left + .unit-body {
    padding-left: 0;
    padding-top: 7px;
}

.unit-spacing-xs.unit > .unit-body + .unit-right, .unit-spacing-xs.unit-vertical > .unit-body + .unit-right {
    padding-left: 0;
    padding-top: 7px;
}

.unit-spacing-xs.unit-horizontal > .unit-left + .unit-right,
.unit-spacing-xs.unit-horizontal > .unit-left + .unit-body {
    padding-top: 0;
    padding-left: 15px;
}

.unit-spacing-xs.unit-horizontal > .unit-body + .unit-right {
    padding-top: 0;
    padding-left: 15px;
}

.unit-spacing-xs.unit-inverse > [class*='unit-']:first-child, .unit-spacing-xs.unit-inverse.unit-vertical > [class*='unit-']:first-child {
    padding-top: 7px;
}

.unit-spacing-xs.unit-inverse > [class*='unit-']:last-child, .unit-spacing-xs.unit-inverse.unit-vertical > [class*='unit-']:last-child {
    padding-top: 0;
}

.unit-spacing-xs.unit-inverse.unit-horizontal > [class*='unit-']:first-child {
    padding-top: 0;
    padding-left: 15px;
}

.unit-spacing-xs.unit-inverse.unit-horizontal > [class*='unit-']:last-child {
    padding-left: 0;
}

@media (min-width: 480px) {
    .unit-spacing-xs.unit-xs > [class*='unit-']:first-child, .unit-spacing-xs.unit-xs-vertical > [class*='unit-']:first-child {
        padding-top: 0;
    }

    .unit-spacing-xs.unit-xs > .unit-left + .unit-right,
    .unit-spacing-xs.unit-xs > .unit-left + .unit-body, .unit-spacing-xs.unit-xs-vertical > .unit-left + .unit-right,
    .unit-spacing-xs.unit-xs-vertical > .unit-left + .unit-body {
        padding-left: 0;
        padding-top: 7px;
    }

    .unit-spacing-xs.unit-xs > .unit-body + .unit-right, .unit-spacing-xs.unit-xs-vertical > .unit-body + .unit-right {
        padding-left: 0;
        padding-top: 7px;
    }

    .unit-spacing-xs.unit-xs-horizontal > .unit-left + .unit-right,
    .unit-spacing-xs.unit-xs-horizontal > .unit-left + .unit-body {
        padding-top: 0;
        padding-left: 15px;
    }

    .unit-spacing-xs.unit-xs-horizontal > .unit-body + .unit-right {
        padding-top: 0;
        padding-left: 15px;
    }

    .unit-spacing-xs.unit-xs-inverse > [class*='unit-']:first-child, .unit-spacing-xs.unit-xs-inverse.unit-xs-vertical > [class*='unit-']:first-child {
        padding-top: 7px;
    }

    .unit-spacing-xs.unit-xs-inverse > [class*='unit-']:last-child, .unit-spacing-xs.unit-xs-inverse.unit-xs-vertical > [class*='unit-']:last-child {
        padding-top: 0;
    }

    .unit-spacing-xs.unit-xs-inverse.unit-xs-horizontal > [class*='unit-']:first-child {
        padding-top: 0;
        padding-left: 15px;
    }

    .unit-spacing-xs.unit-xs-inverse.unit-xs-horizontal > [class*='unit-']:last-child {
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .unit-spacing-xs.unit-sm > [class*='unit-']:first-child, .unit-spacing-xs.unit-sm-vertical > [class*='unit-']:first-child {
        padding-top: 0;
    }

    .unit-spacing-xs.unit-sm > .unit-left + .unit-right,
    .unit-spacing-xs.unit-sm > .unit-left + .unit-body, .unit-spacing-xs.unit-sm-vertical > .unit-left + .unit-right,
    .unit-spacing-xs.unit-sm-vertical > .unit-left + .unit-body {
        padding-left: 0;
        padding-top: 7px;
    }

    .unit-spacing-xs.unit-sm > .unit-body + .unit-right, .unit-spacing-xs.unit-sm-vertical > .unit-body + .unit-right {
        padding-left: 0;
        padding-top: 7px;
    }

    .unit-spacing-xs.unit-sm-horizontal > .unit-left + .unit-right,
    .unit-spacing-xs.unit-sm-horizontal > .unit-left + .unit-body {
        padding-top: 0;
        padding-left: 15px;
    }

    .unit-spacing-xs.unit-sm-horizontal > .unit-body + .unit-right {
        padding-top: 0;
        padding-left: 15px;
    }

    .unit-spacing-xs.unit-sm-inverse > [class*='unit-']:first-child, .unit-spacing-xs.unit-sm-inverse.unit-sm-vertical > [class*='unit-']:first-child {
        padding-top: 7px;
    }

    .unit-spacing-xs.unit-sm-inverse > [class*='unit-']:last-child, .unit-spacing-xs.unit-sm-inverse.unit-sm-vertical > [class*='unit-']:last-child {
        padding-top: 0;
    }

    .unit-spacing-xs.unit-sm-inverse.unit-sm-horizontal > [class*='unit-']:first-child {
        padding-top: 0;
        padding-left: 15px;
    }

    .unit-spacing-xs.unit-sm-inverse.unit-sm-horizontal > [class*='unit-']:last-child {
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .unit-spacing-xs.unit-md > [class*='unit-']:first-child, .unit-spacing-xs.unit-md-vertical > [class*='unit-']:first-child {
        padding-top: 0;
    }

    .unit-spacing-xs.unit-md > .unit-left + .unit-right,
    .unit-spacing-xs.unit-md > .unit-left + .unit-body, .unit-spacing-xs.unit-md-vertical > .unit-left + .unit-right,
    .unit-spacing-xs.unit-md-vertical > .unit-left + .unit-body {
        padding-left: 0;
        padding-top: 7px;
    }

    .unit-spacing-xs.unit-md > .unit-body + .unit-right, .unit-spacing-xs.unit-md-vertical > .unit-body + .unit-right {
        padding-left: 0;
        padding-top: 7px;
    }

    .unit-spacing-xs.unit-md-horizontal > .unit-left + .unit-right,
    .unit-spacing-xs.unit-md-horizontal > .unit-left + .unit-body {
        padding-top: 0;
        padding-left: 15px;
    }

    .unit-spacing-xs.unit-md-horizontal > .unit-body + .unit-right {
        padding-top: 0;
        padding-left: 15px;
    }

    .unit-spacing-xs.unit-md-inverse > [class*='unit-']:first-child, .unit-spacing-xs.unit-md-inverse.unit-md-vertical > [class*='unit-']:first-child {
        padding-top: 7px;
    }

    .unit-spacing-xs.unit-md-inverse > [class*='unit-']:last-child, .unit-spacing-xs.unit-md-inverse.unit-md-vertical > [class*='unit-']:last-child {
        padding-top: 0;
    }

    .unit-spacing-xs.unit-md-inverse.unit-md-horizontal > [class*='unit-']:first-child {
        padding-top: 0;
        padding-left: 15px;
    }

    .unit-spacing-xs.unit-md-inverse.unit-md-horizontal > [class*='unit-']:last-child {
        padding-left: 0;
    }
}

@media (min-width: 1200px) {
    .unit-spacing-xs.unit-lg > [class*='unit-']:first-child, .unit-spacing-xs.unit-lg-vertical > [class*='unit-']:first-child {
        padding-top: 0;
    }

    .unit-spacing-xs.unit-lg > .unit-left + .unit-right,
    .unit-spacing-xs.unit-lg > .unit-left + .unit-body, .unit-spacing-xs.unit-lg-vertical > .unit-left + .unit-right,
    .unit-spacing-xs.unit-lg-vertical > .unit-left + .unit-body {
        padding-left: 0;
        padding-top: 7px;
    }

    .unit-spacing-xs.unit-lg > .unit-body + .unit-right, .unit-spacing-xs.unit-lg-vertical > .unit-body + .unit-right {
        padding-left: 0;
        padding-top: 7px;
    }

    .unit-spacing-xs.unit-lg-horizontal > .unit-left + .unit-right,
    .unit-spacing-xs.unit-lg-horizontal > .unit-left + .unit-body {
        padding-top: 0;
        padding-left: 15px;
    }

    .unit-spacing-xs.unit-lg-horizontal > .unit-body + .unit-right {
        padding-top: 0;
        padding-left: 15px;
    }

    .unit-spacing-xs.unit-lg-inverse > [class*='unit-']:first-child, .unit-spacing-xs.unit-lg-inverse.unit-lg-vertical > [class*='unit-']:first-child {
        padding-top: 7px;
    }

    .unit-spacing-xs.unit-lg-inverse > [class*='unit-']:last-child, .unit-spacing-xs.unit-lg-inverse.unit-lg-vertical > [class*='unit-']:last-child {
        padding-top: 0;
    }

    .unit-spacing-xs.unit-lg-inverse.unit-lg-horizontal > [class*='unit-']:first-child {
        padding-top: 0;
        padding-left: 15px;
    }

    .unit-spacing-xs.unit-lg-inverse.unit-lg-horizontal > [class*='unit-']:last-child {
        padding-left: 0;
    }
}

@media (min-width: 1800px) {
    .unit-spacing-xs.unit-xl > [class*='unit-']:first-child, .unit-spacing-xs.unit-xl-vertical > [class*='unit-']:first-child {
        padding-top: 0;
    }

    .unit-spacing-xs.unit-xl > .unit-left + .unit-right,
    .unit-spacing-xs.unit-xl > .unit-left + .unit-body, .unit-spacing-xs.unit-xl-vertical > .unit-left + .unit-right,
    .unit-spacing-xs.unit-xl-vertical > .unit-left + .unit-body {
        padding-left: 0;
        padding-top: 7px;
    }

    .unit-spacing-xs.unit-xl > .unit-body + .unit-right, .unit-spacing-xs.unit-xl-vertical > .unit-body + .unit-right {
        padding-left: 0;
        padding-top: 7px;
    }

    .unit-spacing-xs.unit-xl-horizontal > .unit-left + .unit-right,
    .unit-spacing-xs.unit-xl-horizontal > .unit-left + .unit-body {
        padding-top: 0;
        padding-left: 15px;
    }

    .unit-spacing-xs.unit-xl-horizontal > .unit-body + .unit-right {
        padding-top: 0;
        padding-left: 15px;
    }

    .unit-spacing-xs.unit-xl-inverse > [class*='unit-']:first-child, .unit-spacing-xs.unit-xl-inverse.unit-xl-vertical > [class*='unit-']:first-child {
        padding-top: 7px;
    }

    .unit-spacing-xs.unit-xl-inverse > [class*='unit-']:last-child, .unit-spacing-xs.unit-xl-inverse.unit-xl-vertical > [class*='unit-']:last-child {
        padding-top: 0;
    }

    .unit-spacing-xs.unit-xl-inverse.unit-xl-horizontal > [class*='unit-']:first-child {
        padding-top: 0;
        padding-left: 15px;
    }

    .unit-spacing-xs.unit-xl-inverse.unit-xl-horizontal > [class*='unit-']:last-child {
        padding-left: 0;
    }
}

.unit-spacing-sm.unit > [class*='unit-']:first-child, .unit-spacing-sm.unit-vertical > [class*='unit-']:first-child {
    padding-top: 0;
}

.unit-spacing-sm.unit > .unit-left + .unit-right,
.unit-spacing-sm.unit > .unit-left + .unit-body, .unit-spacing-sm.unit-vertical > .unit-left + .unit-right,
.unit-spacing-sm.unit-vertical > .unit-left + .unit-body {
    padding-left: 0;
    padding-top: 20px;
}

.unit-spacing-sm.unit > .unit-body + .unit-right, .unit-spacing-sm.unit-vertical > .unit-body + .unit-right {
    padding-left: 0;
    padding-top: 20px;
}

.unit-spacing-sm.unit-horizontal > .unit-left + .unit-right,
.unit-spacing-sm.unit-horizontal > .unit-left + .unit-body {
    padding-top: 0;
    padding-left: 20px;
}

.unit-spacing-sm.unit-horizontal > .unit-body + .unit-right {
    padding-top: 0;
    padding-left: 20px;
}

.unit-spacing-sm.unit-inverse > [class*='unit-']:first-child, .unit-spacing-sm.unit-inverse.unit-vertical > [class*='unit-']:first-child {
    padding-top: 20px;
}

.unit-spacing-sm.unit-inverse > [class*='unit-']:last-child, .unit-spacing-sm.unit-inverse.unit-vertical > [class*='unit-']:last-child {
    padding-top: 0;
}

.unit-spacing-sm.unit-inverse.unit-horizontal > [class*='unit-']:first-child {
    padding-top: 0;
    padding-left: 20px;
}

.unit-spacing-sm.unit-inverse.unit-horizontal > [class*='unit-']:last-child {
    padding-left: 0;
}

@media (min-width: 480px) {
    .unit-spacing-sm.unit-xs > [class*='unit-']:first-child, .unit-spacing-sm.unit-xs-vertical > [class*='unit-']:first-child {
        padding-top: 0;
    }

    .unit-spacing-sm.unit-xs > .unit-left + .unit-right,
    .unit-spacing-sm.unit-xs > .unit-left + .unit-body, .unit-spacing-sm.unit-xs-vertical > .unit-left + .unit-right,
    .unit-spacing-sm.unit-xs-vertical > .unit-left + .unit-body {
        padding-left: 0;
        padding-top: 20px;
    }

    .unit-spacing-sm.unit-xs > .unit-body + .unit-right, .unit-spacing-sm.unit-xs-vertical > .unit-body + .unit-right {
        padding-left: 0;
        padding-top: 20px;
    }

    .unit-spacing-sm.unit-xs-horizontal > .unit-left + .unit-right,
    .unit-spacing-sm.unit-xs-horizontal > .unit-left + .unit-body {
        padding-top: 0;
        padding-left: 20px;
    }

    .unit-spacing-sm.unit-xs-horizontal > .unit-body + .unit-right {
        padding-top: 0;
        padding-left: 20px;
    }

    .unit-spacing-sm.unit-xs-inverse > [class*='unit-']:first-child, .unit-spacing-sm.unit-xs-inverse.unit-xs-vertical > [class*='unit-']:first-child {
        padding-top: 20px;
    }

    .unit-spacing-sm.unit-xs-inverse > [class*='unit-']:last-child, .unit-spacing-sm.unit-xs-inverse.unit-xs-vertical > [class*='unit-']:last-child {
        padding-top: 0;
    }

    .unit-spacing-sm.unit-xs-inverse.unit-xs-horizontal > [class*='unit-']:first-child {
        padding-top: 0;
        padding-left: 20px;
    }

    .unit-spacing-sm.unit-xs-inverse.unit-xs-horizontal > [class*='unit-']:last-child {
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .unit-spacing-sm.unit-sm > [class*='unit-']:first-child, .unit-spacing-sm.unit-sm-vertical > [class*='unit-']:first-child {
        padding-top: 0;
    }

    .unit-spacing-sm.unit-sm > .unit-left + .unit-right,
    .unit-spacing-sm.unit-sm > .unit-left + .unit-body, .unit-spacing-sm.unit-sm-vertical > .unit-left + .unit-right,
    .unit-spacing-sm.unit-sm-vertical > .unit-left + .unit-body {
        padding-left: 0;
        padding-top: 20px;
    }

    .unit-spacing-sm.unit-sm > .unit-body + .unit-right, .unit-spacing-sm.unit-sm-vertical > .unit-body + .unit-right {
        padding-left: 0;
        padding-top: 20px;
    }

    .unit-spacing-sm.unit-sm-horizontal > .unit-left + .unit-right,
    .unit-spacing-sm.unit-sm-horizontal > .unit-left + .unit-body {
        padding-top: 0;
        padding-left: 20px;
    }

    .unit-spacing-sm.unit-sm-horizontal > .unit-body + .unit-right {
        padding-top: 0;
        padding-left: 20px;
    }

    .unit-spacing-sm.unit-sm-inverse > [class*='unit-']:first-child, .unit-spacing-sm.unit-sm-inverse.unit-sm-vertical > [class*='unit-']:first-child {
        padding-top: 20px;
    }

    .unit-spacing-sm.unit-sm-inverse > [class*='unit-']:last-child, .unit-spacing-sm.unit-sm-inverse.unit-sm-vertical > [class*='unit-']:last-child {
        padding-top: 0;
    }

    .unit-spacing-sm.unit-sm-inverse.unit-sm-horizontal > [class*='unit-']:first-child {
        padding-top: 0;
        padding-left: 20px;
    }

    .unit-spacing-sm.unit-sm-inverse.unit-sm-horizontal > [class*='unit-']:last-child {
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .unit-spacing-sm.unit-md > [class*='unit-']:first-child, .unit-spacing-sm.unit-md-vertical > [class*='unit-']:first-child {
        padding-top: 0;
    }

    .unit-spacing-sm.unit-md > .unit-left + .unit-right,
    .unit-spacing-sm.unit-md > .unit-left + .unit-body, .unit-spacing-sm.unit-md-vertical > .unit-left + .unit-right,
    .unit-spacing-sm.unit-md-vertical > .unit-left + .unit-body {
        padding-left: 0;
        padding-top: 20px;
    }

    .unit-spacing-sm.unit-md > .unit-body + .unit-right, .unit-spacing-sm.unit-md-vertical > .unit-body + .unit-right {
        padding-left: 0;
        padding-top: 20px;
    }

    .unit-spacing-sm.unit-md-horizontal > .unit-left + .unit-right,
    .unit-spacing-sm.unit-md-horizontal > .unit-left + .unit-body {
        padding-top: 0;
        padding-left: 20px;
    }

    .unit-spacing-sm.unit-md-horizontal > .unit-body + .unit-right {
        padding-top: 0;
        padding-left: 20px;
    }

    .unit-spacing-sm.unit-md-inverse > [class*='unit-']:first-child, .unit-spacing-sm.unit-md-inverse.unit-md-vertical > [class*='unit-']:first-child {
        padding-top: 20px;
    }

    .unit-spacing-sm.unit-md-inverse > [class*='unit-']:last-child, .unit-spacing-sm.unit-md-inverse.unit-md-vertical > [class*='unit-']:last-child {
        padding-top: 0;
    }

    .unit-spacing-sm.unit-md-inverse.unit-md-horizontal > [class*='unit-']:first-child {
        padding-top: 0;
        padding-left: 20px;
    }

    .unit-spacing-sm.unit-md-inverse.unit-md-horizontal > [class*='unit-']:last-child {
        padding-left: 0;
    }
}

@media (min-width: 1200px) {
    .unit-spacing-sm.unit-lg > [class*='unit-']:first-child, .unit-spacing-sm.unit-lg-vertical > [class*='unit-']:first-child {
        padding-top: 0;
    }

    .unit-spacing-sm.unit-lg > .unit-left + .unit-right,
    .unit-spacing-sm.unit-lg > .unit-left + .unit-body, .unit-spacing-sm.unit-lg-vertical > .unit-left + .unit-right,
    .unit-spacing-sm.unit-lg-vertical > .unit-left + .unit-body {
        padding-left: 0;
        padding-top: 20px;
    }

    .unit-spacing-sm.unit-lg > .unit-body + .unit-right, .unit-spacing-sm.unit-lg-vertical > .unit-body + .unit-right {
        padding-left: 0;
        padding-top: 20px;
    }

    .unit-spacing-sm.unit-lg-horizontal > .unit-left + .unit-right,
    .unit-spacing-sm.unit-lg-horizontal > .unit-left + .unit-body {
        padding-top: 0;
        padding-left: 20px;
    }

    .unit-spacing-sm.unit-lg-horizontal > .unit-body + .unit-right {
        padding-top: 0;
        padding-left: 20px;
    }

    .unit-spacing-sm.unit-lg-inverse > [class*='unit-']:first-child, .unit-spacing-sm.unit-lg-inverse.unit-lg-vertical > [class*='unit-']:first-child {
        padding-top: 20px;
    }

    .unit-spacing-sm.unit-lg-inverse > [class*='unit-']:last-child, .unit-spacing-sm.unit-lg-inverse.unit-lg-vertical > [class*='unit-']:last-child {
        padding-top: 0;
    }

    .unit-spacing-sm.unit-lg-inverse.unit-lg-horizontal > [class*='unit-']:first-child {
        padding-top: 0;
        padding-left: 20px;
    }

    .unit-spacing-sm.unit-lg-inverse.unit-lg-horizontal > [class*='unit-']:last-child {
        padding-left: 0;
    }
}

@media (min-width: 1800px) {
    .unit-spacing-sm.unit-xl > [class*='unit-']:first-child, .unit-spacing-sm.unit-xl-vertical > [class*='unit-']:first-child {
        padding-top: 0;
    }

    .unit-spacing-sm.unit-xl > .unit-left + .unit-right,
    .unit-spacing-sm.unit-xl > .unit-left + .unit-body, .unit-spacing-sm.unit-xl-vertical > .unit-left + .unit-right,
    .unit-spacing-sm.unit-xl-vertical > .unit-left + .unit-body {
        padding-left: 0;
        padding-top: 20px;
    }

    .unit-spacing-sm.unit-xl > .unit-body + .unit-right, .unit-spacing-sm.unit-xl-vertical > .unit-body + .unit-right {
        padding-left: 0;
        padding-top: 20px;
    }

    .unit-spacing-sm.unit-xl-horizontal > .unit-left + .unit-right,
    .unit-spacing-sm.unit-xl-horizontal > .unit-left + .unit-body {
        padding-top: 0;
        padding-left: 20px;
    }

    .unit-spacing-sm.unit-xl-horizontal > .unit-body + .unit-right {
        padding-top: 0;
        padding-left: 20px;
    }

    .unit-spacing-sm.unit-xl-inverse > [class*='unit-']:first-child, .unit-spacing-sm.unit-xl-inverse.unit-xl-vertical > [class*='unit-']:first-child {
        padding-top: 20px;
    }

    .unit-spacing-sm.unit-xl-inverse > [class*='unit-']:last-child, .unit-spacing-sm.unit-xl-inverse.unit-xl-vertical > [class*='unit-']:last-child {
        padding-top: 0;
    }

    .unit-spacing-sm.unit-xl-inverse.unit-xl-horizontal > [class*='unit-']:first-child {
        padding-top: 0;
        padding-left: 20px;
    }

    .unit-spacing-sm.unit-xl-inverse.unit-xl-horizontal > [class*='unit-']:last-child {
        padding-left: 0;
    }
}

.unit-spacing-lg.unit > [class*='unit-']:first-child, .unit-spacing-lg.unit-vertical > [class*='unit-']:first-child {
    padding-top: 0;
}

.unit-spacing-lg.unit > .unit-left + .unit-right,
.unit-spacing-lg.unit > .unit-left + .unit-body, .unit-spacing-lg.unit-vertical > .unit-left + .unit-right,
.unit-spacing-lg.unit-vertical > .unit-left + .unit-body {
    padding-left: 0;
    padding-top: 40px;
}

.unit-spacing-lg.unit > .unit-body + .unit-right, .unit-spacing-lg.unit-vertical > .unit-body + .unit-right {
    padding-left: 0;
    padding-top: 40px;
}

.unit-spacing-lg.unit-horizontal > .unit-left + .unit-right,
.unit-spacing-lg.unit-horizontal > .unit-left + .unit-body {
    padding-top: 0;
    padding-left: 40px;
}

.unit-spacing-lg.unit-horizontal > .unit-body + .unit-right {
    padding-top: 0;
    padding-left: 40px;
}

.unit-spacing-lg.unit-inverse > [class*='unit-']:first-child, .unit-spacing-lg.unit-inverse.unit-vertical > [class*='unit-']:first-child {
    padding-top: 40px;
}

.unit-spacing-lg.unit-inverse > [class*='unit-']:last-child, .unit-spacing-lg.unit-inverse.unit-vertical > [class*='unit-']:last-child {
    padding-top: 0;
}

.unit-spacing-lg.unit-inverse.unit-horizontal > [class*='unit-']:first-child {
    padding-top: 0;
    padding-left: 40px;
}

.unit-spacing-lg.unit-inverse.unit-horizontal > [class*='unit-']:last-child {
    padding-left: 0;
}

@media (min-width: 480px) {
    .unit-spacing-lg.unit-xs > [class*='unit-']:first-child, .unit-spacing-lg.unit-xs-vertical > [class*='unit-']:first-child {
        padding-top: 0;
    }

    .unit-spacing-lg.unit-xs > .unit-left + .unit-right,
    .unit-spacing-lg.unit-xs > .unit-left + .unit-body, .unit-spacing-lg.unit-xs-vertical > .unit-left + .unit-right,
    .unit-spacing-lg.unit-xs-vertical > .unit-left + .unit-body {
        padding-left: 0;
        padding-top: 40px;
    }

    .unit-spacing-lg.unit-xs > .unit-body + .unit-right, .unit-spacing-lg.unit-xs-vertical > .unit-body + .unit-right {
        padding-left: 0;
        padding-top: 40px;
    }

    .unit-spacing-lg.unit-xs-horizontal > .unit-left + .unit-right,
    .unit-spacing-lg.unit-xs-horizontal > .unit-left + .unit-body {
        padding-top: 0;
        padding-left: 40px;
    }

    .unit-spacing-lg.unit-xs-horizontal > .unit-body + .unit-right {
        padding-top: 0;
        padding-left: 40px;
    }

    .unit-spacing-lg.unit-xs-inverse > [class*='unit-']:first-child, .unit-spacing-lg.unit-xs-inverse.unit-xs-vertical > [class*='unit-']:first-child {
        padding-top: 40px;
    }

    .unit-spacing-lg.unit-xs-inverse > [class*='unit-']:last-child, .unit-spacing-lg.unit-xs-inverse.unit-xs-vertical > [class*='unit-']:last-child {
        padding-top: 0;
    }

    .unit-spacing-lg.unit-xs-inverse.unit-xs-horizontal > [class*='unit-']:first-child {
        padding-top: 0;
        padding-left: 40px;
    }

    .unit-spacing-lg.unit-xs-inverse.unit-xs-horizontal > [class*='unit-']:last-child {
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .unit-spacing-lg.unit-sm > [class*='unit-']:first-child, .unit-spacing-lg.unit-sm-vertical > [class*='unit-']:first-child {
        padding-top: 0;
    }

    .unit-spacing-lg.unit-sm > .unit-left + .unit-right,
    .unit-spacing-lg.unit-sm > .unit-left + .unit-body, .unit-spacing-lg.unit-sm-vertical > .unit-left + .unit-right,
    .unit-spacing-lg.unit-sm-vertical > .unit-left + .unit-body {
        padding-left: 0;
        padding-top: 40px;
    }

    .unit-spacing-lg.unit-sm > .unit-body + .unit-right, .unit-spacing-lg.unit-sm-vertical > .unit-body + .unit-right {
        padding-left: 0;
        padding-top: 40px;
    }

    .unit-spacing-lg.unit-sm-horizontal > .unit-left + .unit-right,
    .unit-spacing-lg.unit-sm-horizontal > .unit-left + .unit-body {
        padding-top: 0;
        padding-left: 40px;
    }

    .unit-spacing-lg.unit-sm-horizontal > .unit-body + .unit-right {
        padding-top: 0;
        padding-left: 40px;
    }

    .unit-spacing-lg.unit-sm-inverse > [class*='unit-']:first-child, .unit-spacing-lg.unit-sm-inverse.unit-sm-vertical > [class*='unit-']:first-child {
        padding-top: 40px;
    }

    .unit-spacing-lg.unit-sm-inverse > [class*='unit-']:last-child, .unit-spacing-lg.unit-sm-inverse.unit-sm-vertical > [class*='unit-']:last-child {
        padding-top: 0;
    }

    .unit-spacing-lg.unit-sm-inverse.unit-sm-horizontal > [class*='unit-']:first-child {
        padding-top: 0;
        padding-left: 40px;
    }

    .unit-spacing-lg.unit-sm-inverse.unit-sm-horizontal > [class*='unit-']:last-child {
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .unit-spacing-lg.unit-md > [class*='unit-']:first-child, .unit-spacing-lg.unit-md-vertical > [class*='unit-']:first-child {
        padding-top: 0;
    }

    .unit-spacing-lg.unit-md > .unit-left + .unit-right,
    .unit-spacing-lg.unit-md > .unit-left + .unit-body, .unit-spacing-lg.unit-md-vertical > .unit-left + .unit-right,
    .unit-spacing-lg.unit-md-vertical > .unit-left + .unit-body {
        padding-left: 0;
        padding-top: 40px;
    }

    .unit-spacing-lg.unit-md > .unit-body + .unit-right, .unit-spacing-lg.unit-md-vertical > .unit-body + .unit-right {
        padding-left: 0;
        padding-top: 40px;
    }

    .unit-spacing-lg.unit-md-horizontal > .unit-left + .unit-right,
    .unit-spacing-lg.unit-md-horizontal > .unit-left + .unit-body {
        padding-top: 0;
        padding-left: 40px;
    }

    .unit-spacing-lg.unit-md-horizontal > .unit-body + .unit-right {
        padding-top: 0;
        padding-left: 40px;
    }

    .unit-spacing-lg.unit-md-inverse > [class*='unit-']:first-child, .unit-spacing-lg.unit-md-inverse.unit-md-vertical > [class*='unit-']:first-child {
        padding-top: 40px;
    }

    .unit-spacing-lg.unit-md-inverse > [class*='unit-']:last-child, .unit-spacing-lg.unit-md-inverse.unit-md-vertical > [class*='unit-']:last-child {
        padding-top: 0;
    }

    .unit-spacing-lg.unit-md-inverse.unit-md-horizontal > [class*='unit-']:first-child {
        padding-top: 0;
        padding-left: 40px;
    }

    .unit-spacing-lg.unit-md-inverse.unit-md-horizontal > [class*='unit-']:last-child {
        padding-left: 0;
    }
}

@media (min-width: 1200px) {
    .unit-spacing-lg.unit-lg > [class*='unit-']:first-child, .unit-spacing-lg.unit-lg-vertical > [class*='unit-']:first-child {
        padding-top: 0;
    }

    .unit-spacing-lg.unit-lg > .unit-left + .unit-right,
    .unit-spacing-lg.unit-lg > .unit-left + .unit-body, .unit-spacing-lg.unit-lg-vertical > .unit-left + .unit-right,
    .unit-spacing-lg.unit-lg-vertical > .unit-left + .unit-body {
        padding-left: 0;
        padding-top: 40px;
    }

    .unit-spacing-lg.unit-lg > .unit-body + .unit-right, .unit-spacing-lg.unit-lg-vertical > .unit-body + .unit-right {
        padding-left: 0;
        padding-top: 40px;
    }

    .unit-spacing-lg.unit-lg-horizontal > .unit-left + .unit-right,
    .unit-spacing-lg.unit-lg-horizontal > .unit-left + .unit-body {
        padding-top: 0;
        padding-left: 40px;
    }

    .unit-spacing-lg.unit-lg-horizontal > .unit-body + .unit-right {
        padding-top: 0;
        padding-left: 40px;
    }

    .unit-spacing-lg.unit-lg-inverse > [class*='unit-']:first-child, .unit-spacing-lg.unit-lg-inverse.unit-lg-vertical > [class*='unit-']:first-child {
        padding-top: 40px;
    }

    .unit-spacing-lg.unit-lg-inverse > [class*='unit-']:last-child, .unit-spacing-lg.unit-lg-inverse.unit-lg-vertical > [class*='unit-']:last-child {
        padding-top: 0;
    }

    .unit-spacing-lg.unit-lg-inverse.unit-lg-horizontal > [class*='unit-']:first-child {
        padding-top: 0;
        padding-left: 40px;
    }

    .unit-spacing-lg.unit-lg-inverse.unit-lg-horizontal > [class*='unit-']:last-child {
        padding-left: 0;
    }
}

@media (min-width: 1800px) {
    .unit-spacing-lg.unit-xl > [class*='unit-']:first-child, .unit-spacing-lg.unit-xl-vertical > [class*='unit-']:first-child {
        padding-top: 0;
    }

    .unit-spacing-lg.unit-xl > .unit-left + .unit-right,
    .unit-spacing-lg.unit-xl > .unit-left + .unit-body, .unit-spacing-lg.unit-xl-vertical > .unit-left + .unit-right,
    .unit-spacing-lg.unit-xl-vertical > .unit-left + .unit-body {
        padding-left: 0;
        padding-top: 40px;
    }

    .unit-spacing-lg.unit-xl > .unit-body + .unit-right, .unit-spacing-lg.unit-xl-vertical > .unit-body + .unit-right {
        padding-left: 0;
        padding-top: 40px;
    }

    .unit-spacing-lg.unit-xl-horizontal > .unit-left + .unit-right,
    .unit-spacing-lg.unit-xl-horizontal > .unit-left + .unit-body {
        padding-top: 0;
        padding-left: 40px;
    }

    .unit-spacing-lg.unit-xl-horizontal > .unit-body + .unit-right {
        padding-top: 0;
        padding-left: 40px;
    }

    .unit-spacing-lg.unit-xl-inverse > [class*='unit-']:first-child, .unit-spacing-lg.unit-xl-inverse.unit-xl-vertical > [class*='unit-']:first-child {
        padding-top: 40px;
    }

    .unit-spacing-lg.unit-xl-inverse > [class*='unit-']:last-child, .unit-spacing-lg.unit-xl-inverse.unit-xl-vertical > [class*='unit-']:last-child {
        padding-top: 0;
    }

    .unit-spacing-lg.unit-xl-inverse.unit-xl-horizontal > [class*='unit-']:first-child {
        padding-top: 0;
        padding-left: 40px;
    }

    .unit-spacing-lg.unit-xl-inverse.unit-xl-horizontal > [class*='unit-']:last-child {
        padding-left: 0;
    }
}

/** 2.43 Icon Boxes */
.box-icon {
    position: relative;
    padding: 42px 25px 27px 25px;
}

.box-icon-sm {
    padding: 15px;
}

.box-icon-lg {
    padding: 50px;
}

.box-icon-bordered {
    border: 2px solid #f2f2f2;
}

.box-icon .icon {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/** 2.44 Floating Groups */
.floating-group {
    margin-top: -5px;
    margin-left: -5px;
}

    .floating-group:before, .floating-group:after {
        content: " ";
        display: table;
    }

    .floating-group:after {
        clear: both;
    }

    .floating-group > *, .floating-group > *:first-child {
        float: left;
        margin-top: 5px;
        margin-left: 5px;
    }

/** 2.45 Pricing and Plans */
.box-pricing {
    text-align: left;
}

.box-pricing-title {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex: 0 1 100%;
    -webkit-flex: 0 1 100%;
    flex: 0 1 100%;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

    .box-pricing-title > *, .box-pricing-title:after {
        -ms-flex: 0 1 auto;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }

    .box-pricing-title .box-pricing-price {
        margin-top: 0;
    }

    .box-pricing-title .box-pricing-name {
        padding-top: 5px;
    }

    .box-pricing-title .box-pricing-dots {
        position: relative;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        top: -6px;
        left: -2px;
        border-bottom: 2px dotted #434345;
    }

.box-pricing li + li {
    margin-top: 23px;
}

.box-planning {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 11%;
}

.box-planning-label {
    display: none;
    z-index: 2;
    color: #fff;
}

    .box-planning-label span {
        position: absolute;
    }

.box-planning h1, .box-planning .h1 {
    margin-bottom: 0;
    margin-top: 0;
}

.box-planning h2, .box-planning .h2 {
    margin-top: 0;
    margin-bottom: 10px;
}

.box-planning .small {
    margin-top: 0;
    font-size: 13px;
}

.box-planning .btn, .box-planning .pagination-classic > li > a, .box-planning
.pagination-classic > li > span {
    margin-top: 35px;
}

.box-planning .divider {
    width: 100%;
    margin-top: 18px;
    margin-bottom: 21px;
}

.box-planning .plan-price sup {
    font-size: 35%;
    top: -1.2em;
}

    .box-planning .plan-price sup.big {
        font-size: 60%;
        top: -0.6em;
    }

.box-planning .plan-price sub {
    font-size: 35%;
    bottom: 0;
}

.box-planning .list span + span, .box-planning .list-separated span + span {
    margin-left: 6px;
}

.box-planning .box-planning-body {
    padding: 11% 8% 8% 8%;
    border: 1px solid #f5f5f5;
    border-top: none;
}

.box-planning.active .box-planning-label {
    display: block;
}

.box-planning-type-1 {
    max-width: 300px;
    overflow: hidden;
}

    .box-planning-type-1 .box-planning-label {
        position: absolute;
        top: -35px;
        right: -35px;
        font-size: 11px;
        font-weight: 900;
        line-height: 34px;
        text-transform: uppercase;
        letter-spacing: .119em;
    }

        .box-planning-type-1 .box-planning-label > span {
            right: 32px;
            top: 48px;
            -webkit-transform: rotate(47deg);
            transform: rotate(47deg);
        }

        .box-planning-type-1 .box-planning-label .box-planning-svg {
            width: 150px;
            height: 150px;
            fill: #42b574;
        }

    .box-planning-type-1.active {
        box-shadow: 0 5px 23px 0 rgba(0, 0, 0, 0.15);
    }

        .box-planning-type-1.active .h1 {
            color: #42b574;
            background: -webkit-linear-gradient(0deg, #42b574 0%, #84c450 100%);
            /* safari5.1+,chrome10+ */
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

.box-planning-type-2 {
    max-width: 320px;
}

    .box-planning-type-2 .box-planning-label {
        position: absolute;
        top: 25px;
        right: -17px;
    }

        .box-planning-type-2 .box-planning-label span {
            right: 10px;
            top: 10px;
            -webkit-transform: rotate(-27deg);
            transform: rotate(-27deg);
        }

        .box-planning-type-2 .box-planning-label .box-planning-svg {
            width: 75px;
            height: 75px;
        }

    .box-planning-type-2.active {
        box-shadow: 0 5px 23px 0 rgba(0, 0, 0, 0.15);
    }

.box-planning-type-1,
.box-planning-type-2 {
    border: 1px solid #f5f5f5;
}

.box-planning-type-3, .box-planning-type-4 {
    max-width: 295px;
    padding: 0;
}

    .box-planning-type-3 .box-planning-header, .box-planning-type-4 .box-planning-header {
        padding: 11%;
    }

        .box-planning-type-3 .box-planning-header h2, .box-planning-type-3 .box-planning-header .h2, .box-planning-type-4 .box-planning-header h2, .box-planning-type-4 .box-planning-header .h2 {
            margin-bottom: 0;
        }

        .box-planning-type-3 .box-planning-header h3, .box-planning-type-3 .box-planning-header .h3, .box-planning-type-4 .box-planning-header h3, .box-planning-type-4 .box-planning-header .h3 {
            margin-top: 5px;
            margin-bottom: 7px;
        }

    .box-planning-type-3 .btn, .box-planning-type-3 .pagination-classic > li > a, .box-planning-type-3
    .pagination-classic > li > span, .box-planning-type-4 .btn, .box-planning-type-4 .pagination-classic > li > a, .box-planning-type-4
    .pagination-classic > li > span {
        margin-top: 25px;
    }

    .box-planning-type-3 .btn-default, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a, .box-planning-type-3
    .pagination-classic > li + li:not(:last-child) > span, .box-planning-type-4 .btn-default, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a, .box-planning-type-4
    .pagination-classic > li + li:not(:last-child) > span {
        color: #fff;
        background-color: #434345;
        border-color: #434345;
    }

        .box-planning-type-3 .btn-default:focus, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a:focus, .box-planning-type-3
        .pagination-classic > li + li:not(:last-child) > span:focus, .box-planning-type-3 .btn-default.focus, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a.focus, .box-planning-type-3
        .pagination-classic > li + li:not(:last-child) > span.focus, .box-planning-type-3 .btn-default:hover, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a:hover, .box-planning-type-3
        .pagination-classic > li + li:not(:last-child) > span:hover, .box-planning-type-3 .btn-default:active, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a:active, .box-planning-type-3
        .pagination-classic > li + li:not(:last-child) > span:active, .box-planning-type-3 .btn-default.active, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a.active, .box-planning-type-3
        .pagination-classic > li + li:not(:last-child) > span.active,
        .open > .box-planning-type-3 .btn-default.dropdown-toggle,
        .open > .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle,
        .open > .box-planning-type-3
        .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle, .box-planning-type-4 .btn-default:focus, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a:focus, .box-planning-type-4
        .pagination-classic > li + li:not(:last-child) > span:focus, .box-planning-type-4 .btn-default.focus, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a.focus, .box-planning-type-4
        .pagination-classic > li + li:not(:last-child) > span.focus, .box-planning-type-4 .btn-default:hover, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a:hover, .box-planning-type-4
        .pagination-classic > li + li:not(:last-child) > span:hover, .box-planning-type-4 .btn-default:active, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a:active, .box-planning-type-4
        .pagination-classic > li + li:not(:last-child) > span:active, .box-planning-type-4 .btn-default.active, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a.active, .box-planning-type-4
        .pagination-classic > li + li:not(:last-child) > span.active,
        .open > .box-planning-type-4 .btn-default.dropdown-toggle,
        .open > .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle,
        .open > .box-planning-type-4
        .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle {
            color: #fff;
            background-color: #42b574;
            border-color: #42b574;
        }

        .box-planning-type-3 .btn-default:active, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a:active, .box-planning-type-3
        .pagination-classic > li + li:not(:last-child) > span:active, .box-planning-type-3 .btn-default.active, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a.active, .box-planning-type-3
        .pagination-classic > li + li:not(:last-child) > span.active,
        .open > .box-planning-type-3 .btn-default.dropdown-toggle,
        .open > .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle,
        .open > .box-planning-type-3
        .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle, .box-planning-type-4 .btn-default:active, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a:active, .box-planning-type-4
        .pagination-classic > li + li:not(:last-child) > span:active, .box-planning-type-4 .btn-default.active, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a.active, .box-planning-type-4
        .pagination-classic > li + li:not(:last-child) > span.active,
        .open > .box-planning-type-4 .btn-default.dropdown-toggle,
        .open > .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle,
        .open > .box-planning-type-4
        .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle {
            -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
        }

            .box-planning-type-3 .btn-default:active:hover, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a:active:hover, .box-planning-type-3
            .pagination-classic > li + li:not(:last-child) > span:active:hover, .box-planning-type-3 .btn-default:active:focus, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a:active:focus, .box-planning-type-3
            .pagination-classic > li + li:not(:last-child) > span:active:focus, .box-planning-type-3 .btn-default:active.focus, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a:active.focus, .box-planning-type-3
            .pagination-classic > li + li:not(:last-child) > span:active.focus, .box-planning-type-3 .btn-default.active:hover, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a.active:hover, .box-planning-type-3
            .pagination-classic > li + li:not(:last-child) > span.active:hover, .box-planning-type-3 .btn-default.active:focus, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a.active:focus, .box-planning-type-3
            .pagination-classic > li + li:not(:last-child) > span.active:focus, .box-planning-type-3 .btn-default.active.focus, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a.active.focus, .box-planning-type-3
            .pagination-classic > li + li:not(:last-child) > span.active.focus,
            .open > .box-planning-type-3 .btn-default.dropdown-toggle:hover,
            .open > .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle:hover,
            .open > .box-planning-type-3
            .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle:hover,
            .open > .box-planning-type-3 .btn-default.dropdown-toggle:focus,
            .open > .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle:focus,
            .open > .box-planning-type-3
            .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle:focus,
            .open > .box-planning-type-3 .btn-default.dropdown-toggle.focus,
            .open > .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle.focus,
            .open > .box-planning-type-3
            .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle.focus, .box-planning-type-4 .btn-default:active:hover, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a:active:hover, .box-planning-type-4
            .pagination-classic > li + li:not(:last-child) > span:active:hover, .box-planning-type-4 .btn-default:active:focus, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a:active:focus, .box-planning-type-4
            .pagination-classic > li + li:not(:last-child) > span:active:focus, .box-planning-type-4 .btn-default:active.focus, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a:active.focus, .box-planning-type-4
            .pagination-classic > li + li:not(:last-child) > span:active.focus, .box-planning-type-4 .btn-default.active:hover, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a.active:hover, .box-planning-type-4
            .pagination-classic > li + li:not(:last-child) > span.active:hover, .box-planning-type-4 .btn-default.active:focus, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a.active:focus, .box-planning-type-4
            .pagination-classic > li + li:not(:last-child) > span.active:focus, .box-planning-type-4 .btn-default.active.focus, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a.active.focus, .box-planning-type-4
            .pagination-classic > li + li:not(:last-child) > span.active.focus,
            .open > .box-planning-type-4 .btn-default.dropdown-toggle:hover,
            .open > .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle:hover,
            .open > .box-planning-type-4
            .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle:hover,
            .open > .box-planning-type-4 .btn-default.dropdown-toggle:focus,
            .open > .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle:focus,
            .open > .box-planning-type-4
            .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle:focus,
            .open > .box-planning-type-4 .btn-default.dropdown-toggle.focus,
            .open > .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a.dropdown-toggle.focus,
            .open > .box-planning-type-4
            .pagination-classic > li + li:not(:last-child) > span.dropdown-toggle.focus {
                color: #fff;
                background-color: #42b574;
                border-color: #42b574;
            }

        .box-planning-type-3 .btn-default.disabled, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a.disabled, .box-planning-type-3
        .pagination-classic > li + li:not(:last-child) > span.disabled, .box-planning-type-3 .btn-default[disabled], .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a[disabled], .box-planning-type-3
        .pagination-classic > li + li:not(:last-child) > span[disabled],
        fieldset[disabled] .box-planning-type-3 .btn-default,
        fieldset[disabled] .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a,
        fieldset[disabled] .box-planning-type-3
        .pagination-classic > li + li:not(:last-child) > span, .box-planning-type-4 .btn-default.disabled, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a.disabled, .box-planning-type-4
        .pagination-classic > li + li:not(:last-child) > span.disabled, .box-planning-type-4 .btn-default[disabled], .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a[disabled], .box-planning-type-4
        .pagination-classic > li + li:not(:last-child) > span[disabled],
        fieldset[disabled] .box-planning-type-4 .btn-default,
        fieldset[disabled] .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a,
        fieldset[disabled] .box-planning-type-4
        .pagination-classic > li + li:not(:last-child) > span {
            pointer-events: none;
            opacity: .5;
        }

        .box-planning-type-3 .btn-default .badge, .box-planning-type-3 .pagination-classic > li + li:not(:last-child) > a .badge, .box-planning-type-3
        .pagination-classic > li + li:not(:last-child) > span .badge, .box-planning-type-4 .btn-default .badge, .box-planning-type-4 .pagination-classic > li + li:not(:last-child) > a .badge, .box-planning-type-4
        .pagination-classic > li + li:not(:last-child) > span .badge {
            color: #434345;
            background-color: #fff;
        }

.box-planning-type-4 {
    max-width: 270px;
}

@media (min-width: 992px) {
    .box-planning-type-1,
    .box-planning-type-2 {
        border: none;
    }
}

#unifi-page-container {
    position: relative;
    min-height: 100vh;
}

#unifi-content-wrap {
    padding-bottom: 170px; /* Footer height */
    text-align: center;
}

#unifi-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 155px; /* Footer height */
    max-height: 500px !important;
    background: #1a4734;
    color: white;
    padding-top: 34px;
    padding-bottom: 15px;
}

.unifi-footer-brand {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}

.unifi-routing-footer {
    margin-top: 4px;
    font-size: 12.5px;
    color: #C4C4C4;
    font-weight: 400;
}

.lead {
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .lead {
        font-size: 24px;
    }
}

.brand-lg {
    max-height: 150px;
    width: auto;
}

.brand-sm {
    margin-top: -15px;
    margin-left: 0px;
    max-height: 62px;
    width: auto;
}

small,
.small {
    font-size: 93%;
}

mark,
.mark {
    background-color: #f5bf2f;
    padding: .2em;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

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

.text-uppercase, .initialism {
    text-transform: uppercase;
}

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

.text-muted {
    color: #d9d9d9;
}

.small {
    font-size: 12px;
}

.list-inline {
    margin-left: -5px;
    margin-right: -5px;
}

    .list-inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }

.list-inline-sm {
    margin-left: -10px;
    margin-right: -10px;
}

    .list-inline-sm > li {
        padding-left: 10px;
        padding-right: 10px;
    }

.list-inline-md {
    margin-left: -15px;
    margin-right: -15px;
}

    .list-inline-md > li {
        padding-left: 15px;
        padding-right: 15px;
    }

.list-inline-lg {
    margin-left: -30px;
    margin-right: -30px;
}

    .list-inline-lg > li {
        padding-left: 30px;
        padding-right: 30px;
    }

        .list-inline-lg > li:first-child {
            padding-left: 0;
        }

        .list-inline-lg > li:before {
            color: #d9d9d9;
        }

        .list-inline-lg > li + li [class*='fa-']:before {
            margin-left: 15px;
        }

@media (min-width: 768px) {
    .list-inline-lg li + li [class*='fa-']:before {
        margin-left: 0;
    }

    .list-inline-lg [class*='fa-']:before {
        padding-left: 15px;
        padding-right: 10px;
    }
}

.list-inline-dashed > li {
    padding-right: 0;
}

    .list-inline-dashed > li + li:before {
        content: '/';
        padding-right: 5px;
    }

.list-inline-dashed-wide > li {
    padding-right: 0;
}

    .list-inline-dashed-wide > li + li:before {
        content: '/';
        padding-right: 20px;
    }

@media (min-width: 992px) {
    .list-inline-dashed-wide > li + li:before {
        padding-right: 15px;
    }
}


.rd-navbar {
    text-align: unset;
}

.rd-navbar-default.rd-navbar-fixed .rd-navbar-toggle, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-toggle, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-toggle, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-toggle {
    position: fixed;
    z-index: 17;
    top: 4px;
    left: 4px;
    display: inline-block;
    width: 48px;
    height: 48px;
    font-size: 24px;
    line-height: 48px;
    text-align: left;
    cursor: pointer;
    color: #fff;
    background: none;
    border: none;
    outline: none;
    padding: 0;
}

/*Responsive Text*/
@media (min-width: 480px) {
    .text-xs-left {
        text-align: left;
    }

    .text-xs-center {
        text-align: center;
    }

    .text-xs-right {
        text-align: right;
    }

    .text-xs-justify {
        text-align: justify;
    }

    .text-xs-nowrap {
        white-space: nowrap;
    }

    .text-xs-normal {
        white-space: normal;
    }
}

@media (min-width: 768px) {
    .text-sm-left {
        text-align: left;
    }

    .text-sm-center {
        text-align: center;
    }

    .text-sm-right {
        text-align: right;
    }

    .text-sm-justify {
        text-align: justify;
    }

    .text-sm-nowrap {
        white-space: nowrap;
    }

    .text-sm-normal {
        white-space: normal;
    }
}

@media (min-width: 992px) {
    .text-md-left {
        text-align: left;
    }

    .text-md-center {
        text-align: center;
    }

    .text-md-right {
        text-align: right;
    }

    .text-md-justify {
        text-align: justify;
    }

    .text-md-nowrap {
        white-space: nowrap;
    }

    .text-md-normal {
        white-space: normal;
    }
}

@media (min-width: 1200px) {
    .text-lg-left {
        text-align: left;
    }

    .text-lg-center {
        text-align: center;
    }

    .text-lg-right {
        text-align: right;
    }

    .text-lg-justify {
        text-align: justify;
    }

    .text-lg-nowrap {
        white-space: nowrap;
    }

    .text-lg-normal {
        white-space: normal;
    }
}

@media (min-width: 1800px) {
    .text-xl-left {
        text-align: left;
    }

    .text-xl-center {
        text-align: center;
    }

    .text-xl-right {
        text-align: right;
    }

    .text-xl-justify {
        text-align: justify;
    }

    .text-xl-nowrap {
        white-space: nowrap;
    }

    .text-xl-normal {
        white-space: normal;
    }
}

/*Flex Grid*/
/** 2.2  Flex Grid System */
.shell,
.shell-wide,
.shell-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.shell,
.shell-wide {
    min-width: 300px;
    max-width: 480px;
}

@media (min-width: 768px) {
    .shell,
    .shell-wide {
        max-width: 750px;
    }
}

@media (min-width: 992px) {
    .shell,
    .shell-wide {
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    .shell,
    .shell-wide {
        max-width: 1200px;
    }
}

@media (min-width: 1800px) {
    .shell-wide {
        max-width: 1800px;
    }
}

.range {
    margin-left: -15px;
    margin-right: -15px;
}

    .range > .range {
        margin-left: 0;
        margin-right: 0;
    }

.range-spacer {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

[class*="cell-"] {
    padding-left: 15px;
    padding-right: 15px;
}

html.lt-ie-10 * + .range,
* + .range {
    margin-top: 10px;
}

html.lt-ie-10 * + [class*='cell-'], * + [class*='cell-'], html.lt-ie-10 * + .range-sm, * + .range-sm {
    margin-top: 0px;
}


html.lt-ie-10 * + .range-lg,
* + .range-lg {
    margin-top: 66px;
}

html.lt-ie-10 .range-condensed,
.range-condensed {
    margin-left: 0;
    margin-right: 0;
}

    html.lt-ie-10 .range-condensed > [class*='cell'],
    .range-condensed > [class*='cell'] {
        padding-left: 0;
        padding-right: 0;
    }

    html.lt-ie-10 .range-condensed > * + [class*='cell'],
    .range-condensed > * + [class*='cell'] {
        margin-top: 0;
    }

html.lt-ie-10 .range-narrow,
.range-narrow {
    margin-left: -5px;
    margin-right: -5px;
}

    html.lt-ie-10 .range-narrow > [class*='cell'],
    .range-narrow > [class*='cell'] {
        padding-left: 5px;
        padding-right: 5px;
    }

    html.lt-ie-10 .range-narrow > * + [class*='cell'],
    .range-narrow > * + [class*='cell'] {
        padding-left: 5px;
        padding-right: 5px;
    }

@media (min-width: 480px) {
    .range {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex: 0 1 auto;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .range > .range {
            -webkit-flex-basis: 100%;
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            max-width: 100%;
        }

    .range-vertical {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .range > [class*='cell'] {
        -ms-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }
}

@media (min-width: 480px) {
    * + [class*='cell-xs-'] {
        margin-top: 0;
    }

    .range-xs-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .range-xs-left {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .range-xs-right {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .range-xs-justify {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .range-xs-around {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .range-xs-top {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .range-xs {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .range-xs-reverse {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .range-xs-middle {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .range-xs-bottom {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .range-xs-baseline {
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .cell-xs-top {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .cell-xs-middle {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .cell-xs-bottom {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .range > .cell-xs-preffix-0 {
        margin-left: 0%;
    }

    .range > .cell-xs-1 {
        -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
    }

    .range > .cell-xs-preffix-1 {
        margin-left: 8.33333%;
    }

    .range > .cell-xs-push-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .range > .cell-xs-2 {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
    }

    .range > .cell-xs-preffix-2 {
        margin-left: 16.66667%;
    }

    .range > .cell-xs-push-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .range > .cell-xs-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .range > .cell-xs-preffix-3 {
        margin-left: 25%;
    }

    .range > .cell-xs-push-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .range > .cell-xs-4 {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }

    .range > .cell-xs-preffix-4 {
        margin-left: 33.33333%;
    }

    .range > .cell-xs-push-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .range > .cell-xs-5 {
        -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
    }

    .range > .cell-xs-preffix-5 {
        margin-left: 41.66667%;
    }

    .range > .cell-xs-push-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .range > .cell-xs-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .range > .cell-xs-preffix-6 {
        margin-left: 50%;
    }

    .range > .cell-xs-push-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .range > .cell-xs-7 {
        -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
    }

    .range > .cell-xs-preffix-7 {
        margin-left: 58.33333%;
    }

    .range > .cell-xs-push-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .range > .cell-xs-8 {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
    }

    .range > .cell-xs-preffix-8 {
        margin-left: 66.66667%;
    }

    .range > .cell-xs-push-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .range > .cell-xs-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .range > .cell-xs-preffix-9 {
        margin-left: 75%;
    }

    .range > .cell-xs-push-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .range > .cell-xs-10 {
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
    }

    .range > .cell-xs-preffix-10 {
        margin-left: 83.33333%;
    }

    .range > .cell-xs-push-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .range > .cell-xs-11 {
        -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
    }

    .range > .cell-xs-preffix-11 {
        margin-left: 91.66667%;
    }

    .range > .cell-xs-push-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .range > .cell-xs-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .range > .cell-xs-preffix-12 {
        margin-left: 100%;
    }

    .range > .cell-xs-push-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .range > .cell-xs-1-5 {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
    }
}

@media (min-width: 768px) {
    * + [class*='cell-sm-'] {
        margin-top: 0;
    }

    .range-sm-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .range-sm-left {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .range-sm-right {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .range-sm-justify {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .range-sm-around {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .range-sm-top {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .range-sm {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .range-sm-reverse {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .range-sm-middle {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .range-sm-bottom {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .range-sm-baseline {
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .cell-sm-top {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .cell-sm-middle {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .cell-sm-bottom {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .range > .cell-sm-preffix-0 {
        margin-left: 0%;
    }

    .range > .cell-sm-1 {
        -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
    }

    .range > .cell-sm-preffix-1 {
        margin-left: 8.33333%;
    }

    .range > .cell-sm-push-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .range > .cell-sm-2 {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
    }

    .range > .cell-sm-preffix-2 {
        margin-left: 16.66667%;
    }

    .range > .cell-sm-push-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .range > .cell-sm-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .range > .cell-sm-preffix-3 {
        margin-left: 25%;
    }

    .range > .cell-sm-push-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .range > .cell-sm-4 {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }

    .range > .cell-sm-preffix-4 {
        margin-left: 33.33333%;
    }

    .range > .cell-sm-push-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .range > .cell-sm-5 {
        -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
    }

    .range > .cell-sm-preffix-5 {
        margin-left: 41.66667%;
    }

    .range > .cell-sm-push-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .range > .cell-sm-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .range > .cell-sm-preffix-6 {
        margin-left: 50%;
    }

    .range > .cell-sm-push-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .range > .cell-sm-7 {
        -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
    }

    .range > .cell-sm-preffix-7 {
        margin-left: 58.33333%;
    }

    .range > .cell-sm-push-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .range > .cell-sm-8 {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
    }

    .range > .cell-sm-preffix-8 {
        margin-left: 66.66667%;
    }

    .range > .cell-sm-push-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .range > .cell-sm-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .range > .cell-sm-preffix-9 {
        margin-left: 75%;
    }

    .range > .cell-sm-push-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .range > .cell-sm-10 {
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
    }

    .range > .cell-sm-preffix-10 {
        margin-left: 83.33333%;
    }

    .range > .cell-sm-push-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .range > .cell-sm-11 {
        -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
    }

    .range > .cell-sm-preffix-11 {
        margin-left: 91.66667%;
    }

    .range > .cell-sm-push-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .range > .cell-sm-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .range > .cell-sm-preffix-12 {
        margin-left: 100%;
    }

    .range > .cell-sm-push-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .range > .cell-sm-1-5 {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
    }
}

@media (min-width: 992px) {
    * + [class*='cell-md-'] {
        margin-top: 0;
    }

    .range-md-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .range-md-left {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .range-md-right {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .range-md-justify {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .range-md-around {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .range-md-top {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .range-md {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .range-md-reverse {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .range-md-middle {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .range-md-bottom {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .range-md-baseline {
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .cell-md-top {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .cell-md-middle {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .cell-md-bottom {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .range > .cell-md-preffix-0 {
        margin-left: 0%;
    }

    .range > .cell-md-1 {
        -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
    }

    .range > .cell-md-preffix-1 {
        margin-left: 8.33333%;
    }

    .range > .cell-md-push-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .range > .cell-md-2 {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
    }

    .range > .cell-md-preffix-2 {
        margin-left: 16.66667%;
    }

    .range > .cell-md-push-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .range > .cell-md-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .range > .cell-md-preffix-3 {
        margin-left: 25%;
    }

    .range > .cell-md-push-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .range > .cell-md-4 {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }

    .range > .cell-md-preffix-4 {
        margin-left: 33.33333%;
    }

    .range > .cell-md-push-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .range > .cell-md-5 {
        -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
    }

    .range > .cell-md-preffix-5 {
        margin-left: 41.66667%;
    }

    .range > .cell-md-push-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .range > .cell-md-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .range > .cell-md-preffix-6 {
        margin-left: 50%;
    }

    .range > .cell-md-push-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .range > .cell-md-7 {
        -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
    }

    .range > .cell-md-preffix-7 {
        margin-left: 58.33333%;
    }

    .range > .cell-md-push-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .range > .cell-md-8 {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
    }

    .range > .cell-md-preffix-8 {
        margin-left: 66.66667%;
    }

    .range > .cell-md-push-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .range > .cell-md-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .range > .cell-md-preffix-9 {
        margin-left: 75%;
    }

    .range > .cell-md-push-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .range > .cell-md-10 {
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
    }

    .range > .cell-md-preffix-10 {
        margin-left: 83.33333%;
    }

    .range > .cell-md-push-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .range > .cell-md-11 {
        -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
    }

    .range > .cell-md-preffix-11 {
        margin-left: 91.66667%;
    }

    .range > .cell-md-push-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .range > .cell-md-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .range > .cell-md-preffix-12 {
        margin-left: 100%;
    }

    .range > .cell-md-push-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .range > .cell-md-1-5 {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
    }
}

@media (min-width: 992px) {
    * + [class*='cell-lg-'] {
        margin-top: 0;
    }

    .range-lg-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .range-lg-left {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .range-lg-right {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .range-lg-justify {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .range-lg-around {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .range-lg-top {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .range-lg {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .range-lg-reverse {
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .range-lg-middle {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .range-lg-bottom {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .range-lg-baseline {
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .cell-lg-top {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }

    .cell-lg-middle {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }

    .cell-lg-bottom {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }

    .range > .cell-lg-preffix-0 {
        margin-left: 0%;
    }

    .range > .cell-lg-1 {
        -webkit-flex-basis: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
        max-width: 8.33333%;
    }

    .range > .cell-lg-preffix-1 {
        margin-left: 8.33333%;
    }

    .range > .cell-lg-push-1 {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .range > .cell-lg-2 {
        -webkit-flex-basis: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
        max-width: 16.66667%;
    }

    .range > .cell-lg-preffix-2 {
        margin-left: 16.66667%;
    }

    .range > .cell-lg-push-2 {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .range > .cell-lg-3 {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .range > .cell-lg-preffix-3 {
        margin-left: 25%;
    }

    .range > .cell-lg-push-3 {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .range > .cell-lg-4 {
        -webkit-flex-basis: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
    }

    .range > .cell-lg-preffix-4 {
        margin-left: 33.33333%;
    }

    .range > .cell-lg-push-4 {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .range > .cell-lg-5 {
        -webkit-flex-basis: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%;
        max-width: 41.66667%;
    }

    .range > .cell-lg-preffix-5 {
        margin-left: 41.66667%;
    }

    .range > .cell-lg-push-5 {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .range > .cell-lg-6 {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .range > .cell-lg-preffix-6 {
        margin-left: 50%;
    }

    .range > .cell-lg-push-6 {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .range > .cell-lg-7 {
        -webkit-flex-basis: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%;
        max-width: 58.33333%;
    }

    .range > .cell-lg-preffix-7 {
        margin-left: 58.33333%;
    }

    .range > .cell-lg-push-7 {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .range > .cell-lg-8 {
        -webkit-flex-basis: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%;
    }

    .range > .cell-lg-preffix-8 {
        margin-left: 66.66667%;
    }

    .range > .cell-lg-push-8 {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .range > .cell-lg-9 {
        -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .range > .cell-lg-preffix-9 {
        margin-left: 75%;
    }

    .range > .cell-lg-push-9 {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .range > .cell-lg-10 {
        -webkit-flex-basis: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%;
        max-width: 83.33333%;
    }

    .range > .cell-lg-preffix-10 {
        margin-left: 83.33333%;
    }

    .range > .cell-lg-push-10 {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .range > .cell-lg-11 {
        -webkit-flex-basis: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%;
        max-width: 91.66667%;
    }

    .range > .cell-lg-preffix-11 {
        margin-left: 91.66667%;
    }

    .range > .cell-lg-push-11 {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .range > .cell-lg-12 {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .range > .cell-lg-preffix-12 {
        margin-left: 100%;
    }

    .range > .cell-lg-push-12 {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .range > .cell-lg-1-5 {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%;
    }
}

@media (min-width: 1800px) {
    * + [class*='cell-xl-'] {
        margin-top: 0;
    }

    .range-xl-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .range-xl-left {
        -webkit-justify-content: flex-start;
        -ms-flex