html
{
    font-size: 62.5%;
}

::selection
{
    background-color: #0033E2;
    color: white;
}

body
{
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    margin: 0;
}
.rvp-radius-100p{
 border-radius: 100%;
}
/* - - - - - - - - - - - - - - - - - - - - - START FONTS - - - - - - - - - - - - - - - - - - - - - */

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

.qs
{
    font-family: 'Quicksand', sans-serif;
}

.qs-300
{
    font-family: 'Quicksand', sans-serif;
    font-weight: 300;
}

.qs-400
{
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
}

.qs-500
{
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
}

.qs-700
{
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
}

/* - - - - - - - - - - - - - - - - - - - - - END FONTS - - - - - - - - - - - - - - - - - - - - - */



/* - - - - - - - - - - - - - - - - - - - - - START COLOR CLASSES - - - - - - - - - - - - - - - - - - - - - */

.rvp-white
{
    color: white;
}

.rvp-white-bg
{
    background-color: white;
}

.rvp-red
{
    color: #0033E2;
}

.rvp-red-bg
{
    background-color: #0033E2;
}

.rvp-gray
{
    color: #666666;
}

.rvp-gray-bg
{
    background-color: #666666;
}

.rvp-dark-gray
{
    color: #333333;
}

.rvp-dark-gray-bg
{
    background-color: #333333;
}

.rvp-light-gray
{
    color: #a9a9a9;
}

.rvp-light-gray-bg
{
    background-color: #a9a9a9;
}

.rvp-offwhite
{
    color: #f5f5f5;
}

.rvp-offwhite-bg
{
    background-color: #f5f5f5;
}
.rvp-blue {
     color: #0096ff;
}
.rvp-blue-bg {
     background-color: #0096ff;
}
/* - - - - - - - - - - - - - - - - - - - - - END COLOR CLASSES - - - - - - - - - - - - - - - - - - - - - */


/* - - - - - - - - - - - - - - - - - - - - - START FONT SIZES - - - - - - - - - - - - - - - - - - - - - */

.rvp-fontsize-0_8p
{
    font-size: 0.8em;
}
.rvp-fontsize-1rem
{
    font-size: 1rem;
}
.rvp-fontsize-1_2rem
{
    font-size: 1.2rem;
}
.rvp-fontsize-1em
{
    font-size: 1em;
}

.rvp-fontsize-1_3em
{
    font-size: 1.3em;
}

.rvp-fontsize-1_5em
{
    font-size: 1.5em;
}

.rvp-fontsize-1_7em
{
    font-size: 1.7em;
}

.rvp-fontsize-2em
{
    font-size: 2em;
}

.rvp-fontsize-2_5em
{
    font-size: 2.5em;
}

.rvp-fontsize-3em
{
    font-size: 3em;
}

.rvp-fontsize-3_5em
{
    font-size: 3.5em;
}

.rvp-fontsize-4em
{
    font-size: 4em;
}

.rvp-fontsize-5em
{
    font-size: 5em;
}


/* - - - - - - - - - - - - - - - - - - - - - END FONT SIZES - - - - - - - - - - - - - - - - - - - - - */


/* - - - - - - - - - - - - - - - - - - - - - START LAYOUT CLASSES - - - - - - - - - - - - - - - - - - - - - */

.rvp-margin-0
{
    margin: 0px auto;
}

.rvp-padding-0
{
    padding: 0px;
}

.rvp-margin-padding-0
{
    margin: 0px auto;
    padding: 0px;
}

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

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

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

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

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

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

.rvp-margin-top-1p
{
    margin-top: 1%;
}

.rvp-margin-top-1_5p
{
    margin-top: 1.5%;
}

.rvp-margin-top-2p
{
    margin-top: 2%;
}

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

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

.rvp-margin-top-3p
{
    margin-top: 3%;
}

.rvp-margin-top-3_5p
{
    margin-top: 3.5%;
}

.rvp-margin-top-4p
{
    margin-top: 4%;
}

.rvp-margin-top-5p
{
    margin-top: 5%;
}

.rvp-margin-top-7p
{
    margin-top: 7%;
}
.rvp-margin-top-20p
{
    margin-top: 20%;
}
.rvp-margin-top-15p
{
    margin-top: 15%;
}
.rvp-margin-top-22p
{
    margin-top: 22%;
}

.rvp-margin-top-50p
{
    margin-top: 50%;
}

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

.rvp-margin-bottom-1p
{
    margin-bottom: 1%;
}

.rvp-margin-bottom-2p
{
    margin-bottom: 2%;
}

.rvp-margin-bottom-3p
{
    margin-bottom: 3%;
}

.rvp-margin-bottom-3_5p
{
    margin-bottom: 3.5%;
}

.rvp-margin-bottom-4p
{
    margin-bottom: 4%;
}

.rvp-margin-bottom-5p
{
    margin-bottom: 5%;
}

.rvp-margin-right-2p
{
    margin-right: 2%;
}

.rvp-margin-left-1p
{
    margin-left: 1%;
}

.rvp-margin-left-2p
{
    margin-left: 2%;
}
.rvp-margin-left-3p
{
    margin-left: 3%;
}
.rvp-margin-left-5p
{
    margin-left: 5%;
}

.rvp-margin-left-10p
{
    margin-left: 10%;
}

.rvp-margin-top-bottom-1p
{
    margin-top: 1%;
    margin-bottom: 1%;
}

.rvp-margin-top-bottom-2p
{
    margin-top: 2%;
    margin-bottom: 2%;
}

.rvp-margin-top-bottom-3p
{
    margin-top: 3%;
    margin-bottom: 3%;
}

.rvp-margin-top-bottom-5p
{
    margin-top: 5%;
    margin-bottom:5%;
}

.rvp-margin-top-bottom-7p
{
    margin-top: 7%;
    margin-bottom: 7%;
}
.rvp-margin-top-bottom-18p
{
    margin-top: 18%;
    margin-bottom: 18%;
}
.rvp-margin-right-left-2p
{
    margin-right: 2%;
    margin-left: 2%;
}

.rvp-margin-right-5p
{
    margin-right: 5%;
}

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

.rvp-padding-1p
{
    padding: 1%;
}

.rvp-padding-2p
{
    padding: 2%;
}

.rvp-padding-3p
{
    padding: 3%;
}

.rvp-padding-right-left-3px
{
    padding-right: 3px;
    padding-left: 3px;
}

.rvp-padding-top-bottom-1p
{
    padding-top: 1%;
    padding-bottom: 1%;
}

.py-1
{
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.py-2
{
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.px-1
{
    padding-left: .5rem;
    padding-right: .5rem;
}

.px-2
{
    padding-left: 1rem;
    padding-right: 1rem;
}

.rvp-padding-top-bottom-2p
{
    padding-top: 2%;
    padding-bottom: 2%;
}

.rvp-padding-top-bottom-3p
{
    padding-top: 3%;
    padding-bottom: 3%;
}

.rvp-padding-top-bottom-3_5p
{
    padding-top: 3.5%;
    padding-bottom: 3.5%;
}

.rvp-padding-top-bottom-5p
{
    padding-top: 5%;
    padding-bottom: 5%;
}

.rvp-padding-top-bottom-6p
{
    padding-top: 6%;
    padding-bottom: 6%;
}

.rvp-padding-top-bottom-7p
{
    padding-top: 7%;
    padding-bottom: 7%;
}

.rvp-padding-top-bottom-9p
{
    padding-top: 9%;
    padding-bottom: 9%;
}

.rvp-padding-top-bottom-15p
{
    padding-top: 15%;
    padding-bottom: 15%;
}

.rvp-padding-right-left-1p
{
    padding-right: 1%;
    padding-left: 1%;
}

.rvp-padding-right-left-2p
{
    padding-right: 2%;
    padding-left: 2%;
}

.rvp-padding-right-left-3p
{
    padding-right: 3%;
    padding-left: 3%;
}

.rvp-padding-right-left-4p
{
    padding-right: 4%;
    padding-left: 4%;
}

.rvp-padding-right-left-5p
{
    padding-right: 5%;
    padding-left: 5%;
}

.rvp-padding-right-left-7p
{
    padding-right: 7%;
    padding-left: 7%;
}

.rvp-padding-right-left-10p
{
    padding-right: 10%;
    padding-left: 10%;
}

.rvp-padding-top-1p
{
    padding-top: 1%;
}

.rvp-padding-top-2p
{
    padding-top: 2%;
}

.rvp-padding-top-3_5p
{
    padding-top: 3.5%;
}

.rvp-padding-top-4p
{
    padding-top: 4%;
}

.rvp-padding-top-5p
{
    padding-top: 5%;
}

.rvp-padding-top-7p
{
    padding-top: 7%;
}

.rvp-padding-top-8p
{
    padding-top: 8%;
}

.rvp-padding-top-10p
{
    padding-top: 10%;
}

.rvp-padding-top-15p
{
    padding-top: 15%;
}

.rvp-padding-bottom-1p
{
    padding-bottom: 1%;
}

.rvp-padding-bottom-2p
{
    padding-bottom: 2%;
}

.rvp-padding-bottom-3p
{
    padding-bottom:3%;
}

.rvp-padding-bottom-3_5p
{
    padding-bottom:3.5%;
}

.rvp-padding-bottom-5p
{
    padding-bottom: 5%;
}

.rvp-padding-bottom-6p
{
    padding-bottom: 6%;
}

.rvp-padding-bottom-7p
{
    padding-bottom:7%;
}

.rvp-padding-left-2p
{
    padding-left: 2%;
}

.rvp-padding-left-3p
{
    padding-left: 3%;
}

.rvp-padding-left-5p
{
    padding-left: 5%;
}

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

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

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

.rvp-justify-content-center
{
    justify-content: center;
}

.rvp-float-left
{
    float: left;
}

.rvp-float-right
{
    float: right;
}

.rvp-float-none
{
    float: none;
}

.rvp-display-inline
{
    display: inline;
}

.rvp-display-inline-flex
{
    display: inline-flex;
}

.rvp-display-inline-block
{
    display: inline-block;
}

.rvp-display-block
{
    display: block;
}

.rvp-width-100p
{
    width: 100%;
}

.rvp-width-90p
{
    width: 90%;
}

.rvp-width-80p
{
    width: 80%;
}

.rvp-width-50p
{
    width: 50%;
}

.rvp-width-33p
{
    width: 33%;
}

.rvp-width-25p
{
    width: 25%;
}

.rvp-width-12_5p
{
    width: 12.5%;
}

.rvp-width-10p
{
    width: 10%;
}

.rvp-height-100vh
{
    height: 100vh;
}

.rvp-height-90vh
{
    height: 90vh;
}

.rvp-height-auto
{
    height: auto;
}

.rvp-position-absolute
{
    position: absolute;
}

.rvp-position-relative
{
    position: relative;
}

.rvp-position-fixed
{
    position: fixed;
}

.rvp-flex-vertical
{
    display: flex;
    align-items: center;
}

.rvp-justify-content-center
{
    display: flex;
    justify-content: center;
}

.rvp-overflow-hidden
{
    overflow:hidden;
}

/* - - - - - - - - - - - - - - - - - - - - - END LAYOUT CLASSES - - - - - - - - - - - - - - - - - - - - - */


/* - - - - - - - - - - - - - - - - - - - - - START OTHER DEFAULT USEFUL CLASSES - - - - - - - - - - - - - - - - - - - - - */

.rvp-text-uppercase
{
    text-transform: uppercase;
}

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

/*.rvp-letter-spacing-1px
{
    letter-spacing: 1px;
}

.rvp-letter-spacing-2px
{
    letter-spacing: 2px;
}

.rvp-letter-spacing-3px
{
    letter-spacing: 3px;
}

.rvp-letter-spacing-4px
{
    letter-spacing: 4px;
}

.rvp-letter-spacing-5px
{
    letter-spacing: 5px;
}

.rvp-letter-spacing-6px
{
    letter-spacing: 6px;
}

.rvp-letter-spacing-7px
{
    letter-spacing: 7px;
}*/

.rvp-link-clear
{
    text-decoration: none;
}

.rvp-link-clear:hover
{
    text-decoration: none;
    color: inherit;
}

.rvp-link-clear:focus
{
    text-decoration: none;
}

.rvp-link-clear:active
{

}

.rvp-clear-both
{
    clear: both;
}

.rvp-z-index-1
{
    z-index: 1;
}

.rvp-z-index-2
{
    z-index: 2;
}

.rvp-z-index-3
{
    z-index: 3;
}

.rvp-z-index-4
{
    z-index: 4;
}

.rvp-word-wrap
{
    word-wrap: break-word;
}

.rvp-border-none
{
    border: none !important;
}

.rvp-outline-none
{
    outline: none;
}

.rvp-border-4side-black
{
    border: 1px solid black;
}

.rvp-border-bottom-black
{
    border-bottom: 1px solid black;
}

.rvp-border-top-black
{
    border-top: 1px solid black;
}

.rvp-border-left-black
{
    border-left: 1px solid black;
}

.rvp-border-right-black
{
    border-right: 1px solid black;
}

.rvp-border-bottom-dark-blue
{
    border-bottom: 1px solid #2c313d;
}

.rvp-border-4side-white
{
    border: 1px solid white;
}

.rvp-border-bottom-white
{
    border-bottom: 1px solid white;
}

.rvp-border-bottom-white-2px
{
    border-bottom: 2px solid white;
}

.rvp-border-bottom-white-5px
{
    border-bottom: 5px solid white;
}

.rvp-border-top-white
{
    border-top: 1px solid white;
}

.rvp-border-left-white
{
    border-left: 1px solid white;
}

.rvp-border-right-white
{
    border-right: 1px solid white;
}


.rvp-border-radius-4side-5px
{
    border-radius: 5px;
}

.rvp-border-radius-4side-7px
{
    border-radius: 5px;
}

.rvp-border-radius-4side-10px
{
    border-radius: 10px;
}

.rvp-border-radius-4side-15px
{
    border-radius: 15px;
}

.rvp-top-border-radius-5px
{
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.rvp-top-border-radius-10px
{
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.rvp-bottom-border-radius-5px
{
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.rvp-bottom-border-radius-10px
{
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.rvp-opacity-0_9
{
    opacity: 0.9;
}

.rvp-opacity-0_8
{
    opacity: 0.8;
}

.rvp-opacity-0_7
{
    opacity: 0.7;
}

.rvp-opacity-0_6
{
    opacity: 0.6;
}

.rvp-opacity-0_5
{
    opacity: 0.5;
}

.rvp-line-height-1_2
{
    line-height: 1.2;
}

.rvp-line-height-1_5
{
    line-height: 1.5;
}

.rvp-line-height-1_7
{
    line-height: 1.7;
}



/* - - - - - - - - - - - - - - - - - - - - - END OTHER DEFAULT USEFUL CLASSES - - - - - - - - - - - - - - - - - - - - - */