:root {
    --transition:.3s;
    --font-size-no-text:0px;
    --font-size-very-small:4px;
    --font-size-extra-small:5px;
    --font-size-small:7px;
    --font-size-small-to-medium:8px;
    --font-size-medium-small:9px;
    --font-size-regular:10px;
    --font-size-small-to-medium-em:0.6em;
    --font-size-medium:12px;
    --font-size-medium-medium:13px;
    --font-size-medium-large-medium:14px;
    --font-size-medium-to-large:15px;
    --font-size-medium-regular:16px;
    --font-size-medium-1rem:1rem;
    --font-size-medium-large:17px;
    --font-size-medium-extra-large:18px;
    --font-size-medium-very-large:19px;
    --font-size-large-regular:20px;
    --font-size-large-medium:21px;
    --font-size-large-large:22px;
    --font-size-extra-large-small:25px;
    --font-size-extra-large-medium:26px;
    --font-size-very-large:28px;
    --font-size-extra-very-large:35px;
    --font-size-huge:40px;
    --font-size-giant:100px;
    --font-size-massive:130px
}
.font-size-medium-large-medium {
    font-size:var(--font-size-medium-large-medium)
}
.font-size-large-regular {
    font-size:var(--font-size-large-regular)
}
.font-size-large-large {
    font-size:var(--font-size-large-large)
}
.font-size-extra-large-small {
    font-size:var(--font-size-extra-large-small)
}
.font-size-huge {
    font-size:var(--font-size-huge)
}
.c_text,body,html {
    color:var(--color--text)
}
.c_white {
    color:var(--color--white)
}
.c_red {
    color:var(--color--red)
}
.bg-c_green {
    background-color:var(--color--green)
}
.bg-c_orange{
    color:var(--color--orange)
}
.bg-c_yellow-dark {
    background-color:var(--color--yellow-dark)
}
* {
    box-sizing:border-box;
    font-family:Lato,sans-serif;
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:transparent!important;
    outline:0!important;
    -webkit-overflow-scrolling:touch
}
body,html {
    margin:0;
    padding:0;
    width:100%;
    height:auto;
    overflow-y:auto
}
body {
    padding-right:0!important
}
.col-1 {
    width:8.33%
}
.col-2 {
    width:16.66%
}
.col-3 {
    width:25%
}
.col-4 {
    width:33.33%
}
.col-5 {
    width:41.66%
}
.col-6 {
    width:50%
}
.col-7 {
    width:58.33%
}
.col-8 {
    width:66.66%
}
.col-9 {
    width:75%
}
.col-11 {
    width:91.66%
}
.col-12,.w_100-perc {
    width:100%
}
.cursor_pointer {
    cursor:pointer
}
.d_none {
    display:none
}
.d_block {
    display:block
}
.d_inline {
    display:inline
}
.d_i-block {
    display:inline-block
}
.d_flex,.flex {
    display:flex
}
.flex_drt_c {
    flex-direction:column
}
.flex_align-items_c {
    align-items:center
}
.flex_just-cont-c {
    justify-content:center
}
.text_dcrt-none {
    text-decoration:none
}
.text_dcrt-underline {
    text-decoration:underline
}
.f_weight-bold {
    font-weight:700
}
.f_weight-600 {
    font-weight:600
}
.h_20 {
    height:20px
}
.h_27 {
    height:27px
}
.h_64 {
    height:64px
}
.h_min_45 {
    min-height:45px
}
.h_min_74 {
    min-height:74px
}
.h_min_500 {
    min-height:500px
}
.h_100-perc {
    height:100%
}
.m-around_auto {
    margin:auto
}
.m-around_0 {
    margin:0
}
.m-top_10 {
    margin-top:10px
}




.p-vertical_15 {
    padding:15px 0
}
.m-vertical_15 {
    margin-top:15px;
    margin-bottom:15px
}
.border_rd-7px {
    border-radius:7px
}
.p-bottom_5 {
    padding-bottom:5px
}
.m-right_25 {
    margin-right:25px
}






.m-left_27 {
    margin-left:27px
}
.m-top_5-perc {
    margin-top:5%
}
.m-vertical_30 {
    margin-top: 30px;
    margin-bottom: 30px
}
.opacity_0_5 {
    opacity:.5
}
.p-around_10 {
    padding:10px
}
.p-around_15 {
    padding:15px
}
.p-bottom_0 {
    padding-bottom:0
}
.p-left_0 {
    padding-left:0
}
.p-left_15 {
    padding-left:15px
}
.p-right_0 {
    padding-right:0
}
.text-align_left {
    text-align:left
}
.text-align_center {
    text-align:center
}
.w_20 {
    width:20px
}
.w_40 {
    width:40px
}
.w_64 {
    width:64px
}
.w_100 {
    width:100px
}
.position_rel {
    position:relative
}
.position_abs {
    position:absolute
}
.top_0 {
    top:0
}
.left_0 {
    left:0
}
.border_rd-3px {
    border-radius:3px
}
.line-height_20px {
    line-height:20px
}
.line-height_40px {
    line-height:40px
}
.table-layout_fixed {
    table-layout:fixed
}