/* layout helpers */

.v-border-Red {
    border: 1px solid red;
}

.v-border-White {
    border: 1px solid white;
}

.v-border-Gray {
    border: 1px solid #ddd;
}

.v-Hide {
    display: none;
}

.v-Preformatted {
    white-space: pre-wrap;
}

.v-Hide-Mobile {}

.v-Hide-Desktop {
    display: none;
}

.v-NoWrap {
    white-space: nowrap;
}


/* box decorations */

.v-box-SoftRadius {
    border-radius: 5px;
    -webkit-box-shadow: 5px 1px 31px -9px rgba(163, 163, 163, 1);
    box-shadow: 5px 1px 31px -9px rgba(163, 163, 163, 1);
}

.v-box-Shadow {
    -webkit-box-shadow: inset 13px 0px 23px -21px rgba(163, 163, 163, 0.53);
    box-shadow: inset 13px 0px 23px -21px rgba(163, 163, 163, 0.53);
}


/* text decorations */

.v-txt-Bold {
    font-weight: bold;
}

.v-txt-Underline {
    text-decoration: underline;
}

.v-txt-Italic {
    font-style: italic;
}

.v-txt-Shadow {
    text-shadow: 2px 2px 8px #777;
}

.v-txt-Gi {
    /* giant */
    font-size: 4vw;
}

.v-txt-Lg {
    /* large */
    font-size: 2vw;
}

.v-txt-Lg-Md {
    /* medium large */
    font-size: 1.7vw;
}

.v-txt-Md {
    /* medium */
    font-size: 1.5vw;
}

.v-txt-Md-Sm {
    /* medium small */
    font-size: 1.2vw;
}

.v-txt-Sm {
    /* small */
    font-size: 1vw;
}

.v-txt-Ti {
    /* tiny */
    font-size: .5vw;
}

.v-txt-Left {
    text-align: left;
}

.v-txt-Right {
    text-align: right;
}

.v-txt-Center {
    text-align: center;
}


/* text colors */

.v-txt-Blue {
    color: #003f54;
}

.v-txt-Green {
    color: #88c833
}

.v-txt-DarkGreen {
    color: #5d9656;
}

.v-txt-White {
    color: #fff;
}

.v-txt-LightBlue {
    color: #23d5e2;
}


/* hr colors */


/* colors and backgrounds */

.v-bg-Green {
    background: #88c833;
}

.v-bg-DarkGreen {
    background: #567656;
}

.v-bg-White {
    background: #fff;
}

.v-bg-Blue {
    background: #003f54;
}

.v-bg-Red {
    background: #e04653;
}

.v-bg-Orange {
    background: #da9722;
}

.v-bg-LightBlue {
    background: #23d5e2;
}

.v-bg-LightGray {
    background: #f8f8f8;
}

.v-bg-MediumBlue {
    background: #0079a2;
}


/* other */

.v-ShiftUp {
    position: relative;
    top: -8%;
}


/* border radius */

.v-rad-All {
    border-radius: 10px;
}

.v-rad-Top {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.v-rad-Bottom {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.v-rad-All-Sm {
    border-radius: 5px;
}

.v-rad-Top-Sm {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.v-rad-Bottom-Sm {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}


/* margins */

.v-mar-5T {
    margin-top: 5px;
}

.v-mar-10T {
    margin-top: 10px;
}

.v-mar-15T {
    margin-top: 15px;
}

.v-mar-20T {
    margin-top: 20px;
}

.v-mar-25T {
    margin-top: 25px;
}

.v-mar-5B {
    margin-bottom: 5px;
}

.v-mar-10B {
    margin-bottom: 10px;
}

.v-mar-15B {
    margin-bottom: 15px;
}

.v-mar-20B {
    margin-bottom: 20px;
}

.v-mar-25B {
    margin-bottom: 25px;
}

.v-mar-5L {
    margin-left: 5px;
}

.v-mar-10L {
    margin-left: 10px;
}

.v-mar-15L {
    margin-left: 15px;
}

.v-mar-20L {
    margin-left: 20px;
}

.v-mar-25L {
    margin-left: 25px;
}

.v-mar-5R {
    margin-right: 5px;
}

.v-mar-10R {
    margin-right: 10px;
}

.v-mar-15R {
    margin-right: 15px;
}

.v-mar-20R {
    margin-right: 20px;
}

.v-mar-25R {
    margin-right: 25px;
}

.v-mar-5A {
    margin: 5px;
}

.v-mar-10A {
    margin: 10px;
}

.v-mar-15A {
    margin: 15px;
}

.v-mar-20A {
    margin: 20px;
}

.v-mar-25A {
    margin: 25px;
}


/* padding */

.v-pad-5T {
    padding-top: 5px;
}

.v-pad-10T {
    padding-top: 10px;
}

.v-pad-15T {
    padding-top: 15px;
}

.v-pad-20T {
    padding-top: 20px;
}

.v-pad-25T {
    padding-top: 25px;
}

.v-pad-5B {
    padding-bottom: 5px;
}

.v-pad-10B {
    padding-bottom: 10px;
}

.v-pad-15B {
    padding-bottom: 15px;
}

.v-pad-20B {
    padding-bottom: 20px;
}

.v-pad-25B {
    padding-bottom: 25px;
}

.v-pad-5L {
    padding-left: 5px;
}

.v-pad-10L {
    padding-left: 10px;
}

.v-pad-15L {
    padding-left: 15px;
}

.v-pad-20L {
    padding-left: 20px;
}

.v-pad-25L {
    padding-left: 25px;
}

.v-pad-5R {
    padding-right: 5px;
}

.v-pad-10R {
    padding-right: 10px;
}

.v-pad-15R {
    padding-right: 15px;
}

.v-pad-20R {
    padding-right: 20px;
}

.v-pad-25R {
    padding-right: 25px;
}

.v-pad-5A {
    padding: 5px;
}

.v-pad-10A {
    padding: 10px;
}

.v-pad-15A {
    padding: 15px;
}

.v-pad-20A {
    padding: 20px;
}

.v-pad-25A {
    padding: 25px;
}

.v-img-Responsive {
    /* display: block; */
    width: 100%;
    max-width: 100%;
    height: auto;
}

@media only screen and (max-width: 700px) {
    .v-Hide-Mobile {
        display: none;
    }
    .v-Hide-Desktop {
        /* display: initial; */
    }
    .v-txt-Gi {
        /* giant */
        font-size: 8vw;
    }
    .v-txt-Lg {
        /* large */
        font-size: 7vw;
    }
    .v-txt-Lg-Md {
        /* medium large */
        font-size: 6vw;
    }
    .v-txt-Md {
        /* medium */
        font-size: 5vw;
    }
    .v-txt-Md-Sm {
        /* medium small */
        font-size: 4vw;
    }
    .v-txt-Sm {
        /* small */
        font-size: 3.5vw;
    }
    .v-txt-Ti {
        /* tiny */
        font-size: 1vw;
    }
}


/* layout helpers */

.v-border-Red {
    border: 1px solid red;
}

.v-border-White {
    border: 1px solid white;
}

.v-border-Gray {
    border: 1px solid #ddd;
}

.v-Hide {
    display: none;
}

.v-Hide-Mobile {}

.v-Hide-Desktop {
    display: none;
}

.v-NoWrap {
    white-space: nowrap;
}


/* box decorations */

.v-box-SoftRadius {
    border-radius: 5px;
    -webkit-box-shadow: 5px 1px 31px -9px rgba(163, 163, 163, 1);
    box-shadow: 5px 1px 31px -9px rgba(163, 163, 163, 1);
}

.v-box-Shadow {
    -webkit-box-shadow: inset 13px 0px 23px -21px rgba(163, 163, 163, 0.53);
    box-shadow: inset 13px 0px 23px -21px rgba(163, 163, 163, 0.53);
}


/* text decorations */

.v-txt-Bold {
    font-weight: bold;
}

.v-txt-Underline {
    text-decoration: underline;
}

.v-txt-Italic {
    font-style: italic;
}

.v-txt-Gi {
    /* giant */
    font-size: 4vw;
}

.v-txt-Lg {
    /* large */
    font-size: 2vw;
}

.v-txt-Lg-Md {
    /* medium large */
    font-size: 1.7vw;
}

.v-txt-Md {
    /* medium */
    font-size: 1.5vw;
}

.v-txt-Md-Sm {
    /* medium small */
    font-size: 1.2vw;
}

.v-txt-Sm {
    /* small */
    font-size: 1vw;
}

.v-txt-Ti {
    /* tiny */
    font-size: .5vw;
}

.v-txt-Left {
    text-align: left;
}

.v-txt-Right {
    text-align: right;
}

.v-txt-Center {
    text-align: center;
}


/* text colors */

.v-txt-Blue {
    color: #003f54;
}

.v-txt-Green {
    color: #88c833
}

.v-txt-DarkGreen {
    color: #5d9656;
}

.v-txt-White {
    color: #fff;
}

.v-txt-LightBlue {
    color: #23d5e2;
}


/* hr colors */


/* colors and backgrounds */

.v-bg-Green {
    background: #88c833;
}

.v-bg-White {
    background: #fff;
}

.v-bg-Blue {
    background: #003f54;
}

.v-bg-Red {
    background: #e04653;
}

.v-bg-Orange {
    background: #da9722;
}

.v-bg-LightBlue {
    background: #23d5e2;
}

.v-bg-LightGray {
    background: #f8f8f8;
}

.v-bg-MediumBlue {
    background: #0079a2;
}


/* other */

.v-ShiftUp {
    position: relative;
    top: -8%;
}


/* border radius */

.v-rad-All {
    border-radius: 10px;
}

.v-rad-Top {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.v-rad-Bottom {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.v-rad-All-Sm {
    border-radius: 5px;
}

.v-rad-Top-Sm {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.v-rad-Bottom-Sm {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}


/* margins */

.v-mar-5T {
    margin-top: 5px;
}

.v-mar-10T {
    margin-top: 10px;
}

.v-mar-15T {
    margin-top: 15px;
}

.v-mar-20T {
    margin-top: 20px;
}

.v-mar-25T {
    margin-top: 25px;
}

.v-mar-5B {
    margin-bottom: 5px;
}

.v-mar-10B {
    margin-bottom: 10px;
}

.v-mar-15B {
    margin-bottom: 15px;
}

.v-mar-20B {
    margin-bottom: 20px;
}

.v-mar-25B {
    margin-bottom: 25px;
}

.v-mar-5L {
    margin-left: 5px;
}

.v-mar-10L {
    margin-left: 10px;
}

.v-mar-15L {
    margin-left: 15px;
}

.v-mar-20L {
    margin-left: 20px;
}

.v-mar-25L {
    margin-left: 25px;
}

.v-mar-5R {
    margin-right: 5px;
}

.v-mar-10R {
    margin-right: 10px;
}

.v-mar-15R {
    margin-right: 15px;
}

.v-mar-20R {
    margin-right: 20px;
}

.v-mar-25R {
    margin-right: 25px;
}

.v-mar-5A {
    margin: 5px;
}

.v-mar-10A {
    margin: 10px;
}

.v-mar-15A {
    margin: 15px;
}

.v-mar-20A {
    margin: 20px;
}

.v-mar-25A {
    margin: 25px;
}


/* padding */

.v-pad-5T {
    padding-top: 5px;
}

.v-pad-10T {
    padding-top: 10px;
}

.v-pad-15T {
    padding-top: 15px;
}

.v-pad-20T {
    padding-top: 20px;
}

.v-pad-25T {
    padding-top: 25px;
}

.v-pad-5B {
    padding-bottom: 5px;
}

.v-pad-10B {
    padding-bottom: 10px;
}

.v-pad-15B {
    padding-bottom: 15px;
}

.v-pad-20B {
    padding-bottom: 20px;
}

.v-pad-25B {
    padding-bottom: 25px;
}

.v-pad-5L {
    padding-left: 5px;
}

.v-pad-10L {
    padding-left: 10px;
}

.v-pad-15L {
    padding-left: 15px;
}

.v-pad-20L {
    padding-left: 20px;
}

.v-pad-25L {
    padding-left: 25px;
}

.v-pad-5R {
    padding-right: 5px;
}

.v-pad-10R {
    padding-right: 10px;
}

.v-pad-15R {
    padding-right: 15px;
}

.v-pad-20R {
    padding-right: 20px;
}

.v-pad-25R {
    padding-right: 25px;
}

.v-pad-5A {
    padding: 5px;
}

.v-pad-10A {
    padding: 10px;
}

.v-pad-15A {
    padding: 15px;
}

.v-pad-20A {
    padding: 20px;
}

.v-pad-25A {
    padding: 25px;
}

.v-img-Responsive {
    /* display: block; */
    width: 100%;
    max-width: 100%;
    height: auto;
}

@media only screen and (max-width: 700px) {
    .v-Hide-Mobile {
        display: none;
    }
    .v-Hide-Desktop {
        display: initial;
    }
    .v-txt-Gi {
        /* giant */
        font-size: 8vw;
    }
    .v-txt-Lg {
        /* large */
        font-size: 7vw;
    }
    .v-txt-Lg-Md {
        /* medium large */
        font-size: 6vw;
    }
    .v-txt-Md {
        /* medium */
        font-size: 5vw;
    }
    .v-txt-Md-Sm {
        /* medium small */
        font-size: 4vw;
    }
    .v-txt-Sm {
        /* small */
        font-size: 3.5vw;
    }
    .v-txt-Ti {
        /* tiny */
        font-size: 1vw;
    }
}