/* Colors */
    .color_white{
        color: #FFF;
    }
    .color_black{
        color: #000;
    }
    .color_hardpurple{
        color: #5D266F;
    }
    .color_purple{
        color: #9B6CA5;
    }
    .color_softpurple{
        color: #DDCEE0;
    }
    .color_red{
        color: #CF0A2C;
    }
    .color_halfgray{
        color: #818285;
    }
    .color_gray{
        color: #58595B;
    }
    .color_green{
        color: #0E8042;
    }
/* backg_   border_   btn_   hov_ */
/* Colors Comp */
    a.color_white, a.color_white:link, a.color_white:visited{
        color: #FFF;
    }
    .backg_white{
        background-color: #FFF;
    }
    .border_white{
        border: solid 1px #FFF;
    }
    .hov_white:hover{
        color: #FFF !important;
    }
    a.color_black, a.color_black:link, a.color_black:visited{
        color: #000;
    }
    .backg_black{
        background-color: #000;
    }
    .border_black{
        border: solid 1px #000;
    }
    .hov_black:hover{
        color: #000 !important;
    }
    a.color_hardpurple, a.color_hardpurple:link, a.color_hardpurple:visited{
        color: #5D266F;
    }
    .backg_hardpurple{
        background-color: #5D266F;
    }
    .border_hardpurple{
        border: solid 1px #5D266F;
    }
    .btn_hardpurple{
        color: #FFF !important;
        background-color: #5D266F;
    }
    .btn_hardpurple:hover{
        background-color: #818285;
        color: #FFF;
    }
    .hov_hardpurple:hover{
        color: #5D266F !important;
    }
    li.bull_hardpurple::before{
        content: "• ";
        color: #5D266F;
        margin-right: 4px;
    }
    a.color_halfgray, a.color_halfgray:link, a.color_halfgray:visited{
        color: #818285;
    }
    .backg_halfgray{
        background-color: #818285;
    }
    .border_halfgray{
        border: solid 1px #818285;
    }
    .btn_halfgray{
        background-color: #818285;
    }
    .btn_halfgray:hover{
        background-color: #5D266F;
        color: #FFF;
    }
    .hov_halfgray:hover{
        color: #818285 !important;
    }
    a.color_gray, a.color_gray:link, a.color_gray:visited{
        color: #58595B;
    }
    .backg_gray{
        background-color: #58595B;
    }
    .border_gray{
        border: solid 1px #58595B;
    }
    .btn_gray{
        background-color: #58595B;
    }
    .btn_gray:hover{
        background-color: #F16624;
        color: #FFF;
    }
    .hov_gray:hover{
        color: #58595B !important;
    }
    a.color_purple, a.color_purple:link, a.color_purple:visited{
        color: #9B6CA5;
    }
    .backg_purple{
        background-color: #9B6CA5;
    }
    .border_purple{
        border: solid 1px #9B6CA5;
    }
    .btn_purple{
        background-color: #9B6CA5;
    }
    .btn_purple:hover{
        background-color: #818285;
        color: #FFF;
    }
    .hov_purple:hover{
        color: #9B6CA5 !important;
    }
    li.bull_purple::before{
        content: "• ";
        color: #9B6CA5;
        margin-right: 4px;
    }
    a.color_softpurple, a.color_softpurple:link, a.color_softpurple:visited{
        color: #DDCEE0;
    }
    .backg_softpurple{
        background-color: #DDCEE0;
    }
    .border_softpurple{
        border: solid 1px #DDCEE0;
    }
    .btn_softpurple{
        background-color: #DDCEE0;
    }
    .btn_softpurple:hover{
        background-color: #5D266F;
        color: #FFF;
    }
    .hov_softpurple:hover{
        color: #DDCEE0 !important;
    }
    li.bull_softpurple::before{
        content: "• ";
        color: #DDCEE0;
        margin-right: 4px;
    }
/* Size fonts */
    .fnt16{
        font-size: 16px;
    }
    .fnt18{
        font-size: 18px;
    }
    .fnt20{
        font-size: 20px;
    }
    .fnt27{
        font-size: 27px;
    }
    .fnt35{
        font-size: 35px;
    }
    .fnt45{
        font-size: 45px;
    }
    .fntbld{
        font-weight: bold;
    }
    .fntlig{
        font-weight: lighter;
    }
    .fntwnor{
        font-weight: normal;
    }
    .fntsnor{
        font-style: normal;
    }
    .fntita{
        font-style: italic;
    }
    .txt_underline{
        text-decoration: underline;
    }
    .txt_thro{
        text-decoration: line-through;
    }
/* Misc */
    .txtal_center{
        text-align: center;
    }
    .txtal_right{
        text-align: right;
    }
    .txtal_left{
        text-align: left;
    }
    .txtal_justify{
        text-align: justify;
    }
    .marg_auto{
        margin: auto;
    }
    .dis_inline{
        display: inline-block;
    }
    .dis_block{
        display: block;
    }
    .dis_hide{
        display: none;
    }
    .dis_table{
        display: table;
    }
    .ver_alig_mid{
        vertical-align: middle;
    }
    .ver_alig_sup{
        vertical-align: super;
    }
    .padding_0{
        padding: 0px;
    }
    .cur_poi{
        cursor: pointer;
    }
    .mrg_lef20{
        margin-left: 20px;
    }
    .mrg_rig20{
        margin-right: 20px;
    }
    .pos_rel{
        position: relative;
    }
    .pos_abs{
        position: absolute;
    }
    .txt_area_lines{
        white-space: pre-line;
        /*text-align: justify;*/
        word-wrap: break-word;
    }
    .txt_area_lines ul{
        margin-bottom: 0px;
        padding: 0px;
        line-height: 0px;
    }
    .txt_area_lines li{
        line-height: 25px;
    }
    .arrow_white{
        background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb(255, 255, 255)"></polygon></svg>') ;
    }
    .txt_upper{
        text-transform: uppercase;
    }
    a.a_underline:link,
    .a_underline{
        text-decoration: underline;
    }
    .height_100{
        height: 100%;
    }
    .lin_hei_ini{
        line-height: initial;
    }
    ul.styl_none{
        list-style: none;
    }
    
/* Small screens and Medium screens */
/* max-width 640px, mobile-only, 641px - 1024px, tablet-only */
@media only screen and (max-width: 39.9375em), only screen and (min-width: 40em) and (max-width: 63.9375em){
    .fnt27 {
        font-size: 24px;
    }
    .fnt35{
        font-size: 30px;
    }
}