/* Colors */
    .color_white{
        color: #FFF;
    }
    .color_black{
        color: #000;
    }
    .color_pink{ /* magenta */
        color: #DA1964;
    }
    .color_pinkgray{  
        color: #E2AFC4;
    }
    .color_pink2{
        color: #FF7BAC;
    }
    .color_magenta{
        color: #DA1964;
    }
    .color_green{
        color: #39B54A;
    }
    .color_darkgreen{
        color: #068C7F;
    }
    .color_greengray{
        color: #BAE5BA;
    }
    .color_blue{
        color: #0D72B9;
    }
    .color_bluegray{
        color: #A6C4D1;
    }
    .color_gray{ /* darkgray */
        color: #807F7F;
    }
    .color_gray2{
        color: #CCCCCC;
    }
    .color_softgray{
        color: #F1F1F2;
    }
    .color_halfgray{
        color: #A6A8AB;
    }
    .color_mediumgray{
        color: #DCDCDC;
    }
    .color_darkgray{
        color: #807F7F;
    }
    .color_red{
        color: #ED1C24;
    }
    .color_yellow{
        color: #FBB03B;
    }
    .color_orange{
        color: #F15A24;
    }
/* backg_   border_   btn_   hov_ */
/* Colors Comp */
    .backg_white{
        background-color: #FFF;
    }
    .border_white{
        border: solid 1px #FFF;
    }
    a.color_white, a.color_white:link, a.color_white:visited{
        color: #FFF;
    }
    li.bull_white::before{
        content: "• ";
        color: #FFF;
        margin-right: 4px;
    }
    .backg_black{
        background-color: #000;
    }
    .border_black{
        border: solid 1px #000;
    }
    a.color_black, a.color_black:link, a.color_black:visited{
        color: #000;
    }
    li.bull_black::before{
        content: "• ";
        color: #000;
        margin-right: 4px;
    }
    .backg_pink{
        background-color: #DA1964;
    }
    .border_pink{
        border: solid 1px #DA1964;
    }
    .btn_pink{
        background-color: #DA1964;
    }
    .btn_pink:hover{
        background-color: #39B54A;
        color: #FFF;
    }
    .hov_pink:hover{
        color: #DA1964 !important;
    }
    a.color_pink, a.color_pink:link, a.color_pink:visited{
        color: #DA1964;
    }
    li.bull_pink::before{
        content: "• ";
        color: #DA1964;
        margin-right: 4px;
    }
    .backg_green{
        background-color: #39B54A;
    }
    .border_green{
        border: solid 1px #39B54A;
    }
    .btn_green{
        background-color: #39B54A;
    }
    .btn_green:hover{
        background-color: #DA1964;
        color: #FFF;
    }
    .hov_green:hover{
        color: #39B54A !important;
    }
    a.color_green, a.color_green:link, a.color_green:visited{
        color: #39B54A;
    }
    li.bull_green::before{
        content: "• ";
        color: #39B54A;
        margin-right: 4px;
    }
    .backg_blue{
        background-color: #0D72B9;
    }
    .border_blue{
        border: solid 1px #0D72B9;
    }
    .btn_blue{
        background-color: #0D72B9;
    }
    .btn_blue:hover{
        background-color: #DA1964;
        color: #FFF;
    }
    .hov_blue:hover{
        color: #0D72B9 !important;
    }
    a.color_blue, a.color_blue:link, a.color_blue:visited{
        color: #0D72B9;
    }
    li.bull_blue::before{
        content: "• ";
        color: #0D72B9;
        margin-right: 4px;
    }
    .backg_darkgreen{
        background-color: #068C7F;
    }
    .border_darkgreen{
        border: solid 1px #068C7F;
    }
    .btn_darkgreen{
        background-color: #068C7F;
    }
    .btn_darkgreen:hover{
        background-color: #DA1964;
        color: #FFF;
    }
    a.color_darkgreen, a.color_darkgreen:link, a.color_darkgreen:visited{
        color: #068C7F;
    }
    li.bull_darkgreen::before{
        content: "• ";
        color: #068C7F;
        margin-right: 4px;
    }
    .backg_softgray{
        background-color: #F1F1F2;
    }
    .border_softgray{
        border: solid 1px #F1F1F2;
    }
    .btn_softgray{
        background-color: #F1F1F2;
    }
    .btn_softgray:hover{
        background-color: #DA1964;
        color: #FFF;
    }
    a.color_softgray, a.color_softgray:link, a.color_softgray:visited{
        color: #F1F1F2;
    }
    li.bull_softgray::before{
        content: "• ";
        color: #F1F1F2;
        margin-right: 4px;
    }
    .backg_halfgray{
        background-color: #A6A8AB;
    }
    .border_halfgray{
        border: solid 1px #A6A8AB;
    }
    .btn_halfgray{
        background-color: #A6A8AB;
    }
    .btn_halfgray:hover{
        background-color: #DA1964;
        color: #FFF !important;
    }
    .hov_halfgray:hover{
        color: #A6A8AB !important;
    }
    a.color_halfgray, a.color_halfgray:link, a.color_halfgray:visited{
        color: #A6A8AB;
    }
    li.bull_halfgray::before{
        content: "• ";
        color: #A6A8AB;
        margin-right: 4px;
    }
    .backg_gray{
        background-color: #807F7F;
    }
    .border_gray{
        border: solid 1px #807F7F;
    }
    .btn_gray{
        background-color: #807F7F;
    }
    .btn_gray:hover{
        background-color: #DA1964;
        color: #FFF;
    }
    a.color_gray, a.color_gray:link, a.color_gray:visited{
        color: #807F7F;
    }
    li.bull_gray::before{
        content: "• ";
        color: #807F7F;
        margin-right: 4px;
    }
    .backg_mediumgray{
        background-color: #DCDCDC;
    }
    .backg_greengray{
        background-color: #BAE5BA;
    }
    .backg_bluegray{
        background-color: #A6C4D1;
    }
    .backg_gray2{
        background-color: #CCCCCC;
    }
    .backg_darkgray{
        background-color: #807F7F;
    }
    .backg_yellow{
        background-color: #FBB03B;
    }
    .backg_red{
        background-color: #ED1C24;
    }
    .backg_orange{
        background-color: #F15A24;
    }
    .border_gray2{
        border: solid 1px #CCCCCC;
    }
/* Size fonts */
    .fnt12{
        font-size: 12px;
    }
    .fnt13{
        font-size: 13px;
    }
    .fnt14{
        font-size: 14px;
    }
    .fnt15{
        font-size: 15px;
    }
    .fnt16{
        font-size: 16px;
    }
    .fnt18{
        font-size: 18px;
    }
    .fnt19{
        font-size: 19px;
    }
    .fnt20{
        font-size: 20px;
    }
    .fnt22{
        font-size: 22px;
    }
    .fnt25{
        font-size: 25px;
    }
    .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%;
    }
    .width_100{
        width: 100%;
    }
    .lin_hei_ini{
        line-height: initial;
    }
    ul.styl_none{
        list-style: none;
    }
    .dot_text{ 
        text-overflow: ellipsis;
        overflow: hidden; 
        white-space: nowrap;
    }
    
/* 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;
    }
}