.color_white{
    color: #FFF;
}
.color_black{
    color: #000000;
}
.color_water{
    color: #56C5C7;
}
.color_lowgray{
    color: #F2F2F2;
}
.color_lightred{
    color: #F9EBE5;
}
.color_darkblue{
    color: #00244C;
}
.color_darkwater{
    color: #059696;
}
.color_blue{
    color: #0075BE;
}
.color_red{
    color: #BB122F;
}
.color_green{
    color: #37B34A;
}
.backg_white {
    background-color: #FFF;
}
.backg_black {
    background-color: #000000;
}
.backg_water{
    background-color: #56C5C7;
}
.backg_lightred{
    background-color: #F9EBE5;
}
.backg_lowgray{
    background-color: #F2F2F2;
}
.backg_darkblue{
    background-color: #00244C;
}
.backg_darkwater{
    background-color: #059696;
}
.backg_blue{
    background-color: #0075BE;
}
.backg_red{
    background-color: #BB122F;
}
.backg_deg1{
    background: #B0E5FF;
    background: linear-gradient(0deg, rgba(156, 209, 242, 1) 0%, rgba(176, 229, 255, 1) 30%, rgba(176, 229, 255, 1) 70%, rgba(156, 209, 242, 1) 100%);
}
.backg_deg2{
    background: #1E9CD7;
    background: linear-gradient(90deg, rgba(0, 91, 151, 1) 0%, rgba(0, 117, 190, 1) 15%, rgba(30, 156, 215, 1) 30%, rgba(204, 224, 244, 0) 45%, rgba(204, 224, 244, 0) 55%, rgba(30, 156, 215, 1) 70%, rgba(0, 117, 190, 1) 85%, rgba(0, 91, 151, 1) 100%);
}
.backg_deg2a{
    background: #005B97;
    background: linear-gradient(0deg, rgba(0, 36, 76, 1) 30%, rgba(19, 46, 82, 1) 50%, rgba(0, 36, 76, 1) 70%);
}
.backg_deg3{
    background: #132E52;
    background: linear-gradient(180deg,rgba(0, 36, 76, 1) 0%, rgba(19, 46, 82, 1) 50%, rgba(0, 36, 76, 1) 100%);
}
.backg_animgrad{
    animation: gradient 7s ease infinite;
    background-size: 150% 150%;
}
.backg_animrota{
    animation: rotateBackground 10s ease infinite;
    background-size: 150% 150%;
}
@keyframes gradient{
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
@keyframes rotateBackground{
    0% {
        background-position: 0% 50%;
    }
    25% {
        background-position: 50% 50%;
    }
    50% {
        background-position: 50% 0%;        
    }
    75% {
        background-position: 50% 100%;
    }
    100% {
        background-position: 0% 100%;
    }
}
@keyframes rotateBackground3{
    from {
        background: linear-gradient(90deg, rgba(0, 91, 151, 1) 0%, rgba(0, 117, 190, 1) 15%, rgba(30, 156, 215, 1) 30%, rgba(204, 224, 244, 0) 45%, rgba(204, 224, 244, 0) 55%, rgba(30, 156, 215, 1) 70%, rgba(0, 117, 190, 1) 85%, rgba(0, 91, 151, 1) 100%);
    }
    to {
        background: linear-gradient(180deg, rgba(0, 91, 151, 1) 0%, rgba(0, 117, 190, 1) 15%, rgba(30, 156, 215, 1) 30%, rgba(204, 224, 244, 0) 45%, rgba(204, 224, 244, 0) 55%, rgba(30, 156, 215, 1) 70%, rgba(0, 117, 190, 1) 85%, rgba(0, 91, 151, 1) 100%);
    }
}
.border_white{
    border: solid 1px #FFF;
}
.border_black{
    border: solid 1px #000000;
}
.border_water{
    border: solid 1px #56C5C7;
}
.border_lowgray{
    border: solid 1px #F2F2F2;
}
.border_darkblue{
    border: solid 1px #00244C;
}
.border_blue{
    border: solid 1px #0075BE;
}
.border_red{
    border: solid 1px #BB122F;
}
.border_lightred{
    border: solid 1px #F9EBE5;
}
.fnt14{
    font-size: 14px;
}
.fnt15{
    font-size: 15px;
}
.fnt18{
    font-size: 18px;
}
.fnt20{
    font-size: 20px;
}
.fnt22{
    font-size: 22px;
}
.fnt24{
    font-size: 24px;
}
.fnt28{
    font-size: 28px;
}
.fnt30{
    font-size: 30px;
}
.fnt40{
    font-size: 40px;
}
.fnt50{
    font-size: 50px;
}
.fntbld{
    font-weight: bold;
}
.fntlig{
    font-weight: lighter;
}
.fntita{
    font-style: italic;
}
.fntwithoutita{
    font-style: normal;
}
.txtal_center{
    text-align: center;
}
.txtal_right{
    text-align: right;
}
.txtal_left{
    text-align: left;
}
.txtal_justify{
    text-align: justify;
}
.txt_underline{
    text-decoration: underline;
}
.height100{
    height: 100%;
}
.width100{
    width: 100%;
}
.marg_auto{
    margin: auto;
}
.dis_inline{
    display: inline-block;
}
.dis_block{
    display: block;
}
.dis_hide{
    display: none;
}
.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;
}
.btn_red{
    border: solid 2px #BB122F;
    color: #BB122F !important;
}
.btn_red:hover{
    background-color: #BB122F;
    color: #FFF !important;
}
.btn_darkblue{
    background-color: #00244C;
}
.btn_darkblue:hover{
    background-color: #BB122F;
    color: #FFF;
}
.btn_lightred{
    background-color: #F9EBE5;
}
.btn_lightred:hover{
    background-color: #56C5C7;
    color: #FFF;
}
.btn_water{
    background-color: #56C5C7;
}
.btn_water:hover{
    background-color: #F9EBE5;
    color: #FFF;
}
.bord_but_lightred{
    border-bottom: solid 1px #F9EBE5;
}
.bord_top_lightred{
    border-top: solid 1px #F9EBE5;
}
.txt_area_lines{
    white-space: pre-line;
    /*text-align: justify;*/
    word-wrap: break-word;
}
.arrow_white{
    background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000000/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;
}
.fnt_line_ini{
    line-height: initial;
}
    
/* Small screens and Medium screens */
/* max-width 640px, mobile-only, 641px - 1024px, tablet-only */
@media only screen and (max-width: 40em), only screen and (min-width: 40.063em) and (max-width: 64em){
    /*body{
        font-size: 20px;
    }
    .fnt13{
        font-size: 18px;
    }
    .fnt15{
        font-size: 20px;
    }
    .fnt30{
        font-size: 35px;
    }
    [type=color], [type=date], [type=datetime-local], [type=datetime], 
    [type=email], [type=month], [type=number], [type=password], 
    [type=search], [type=tel], [type=text], [type=time], 
    [type=url], [type=week], textarea, select {
        font-size: 18px;
    }
    select{
        padding-top: 2px;
        padding-bottom: 2px;
    }
    label{
        font-size: 20px;
    }*/
}