/* GLOBAL */
a 							{color: #0055a4}
sub, sup                    {font-size: 50%;}
.tr                         {transition: transform 0.3s ease-in-out;}

.section_hidden             {display: none;}

.container .row             {margin: 0 auto;}
.container--75 .row         {width: 75%; margin: 0 auto;}
.container--85 .row         {width: 85%; margin: 0 auto;}
.container--90 .row         {width: 90%; margin: 0 auto;}
.container--95 .row         {width: 95%; margin: 0 auto;}
.container--100 .row        {width: 100%; margin: 0 auto;}

.pt_10 .row                 {padding-top: 10em;}
.pt_9 .row                  {padding-top: 9em;}
.pt_8 .row                  {padding-top: 8em;}
.pt_7 .row                  {padding-top: 7em;}
.pt_6 .row                  {padding-top: 6em;}
.pt_5 .row                  {padding-top: 5em;}
.pt_4 .row                  {padding-top: 4em;}
.pt_3 .row                  {padding-top: 3em;}
.pt_2 .row                  {padding-top: 2em;}
.pt_1 .row                  {padding-top: 1em;}
.pt_0 .row                  {padding-top: 0em;}

.pb_10 .row                 {padding-bottom: 10em;}
.pb_9 .row                  {padding-bottom: 9em;}
.pb_8 .row                  {padding-bottom: 8em;}
.pb_7 .row                  {padding-bottom: 7em;}
.pb_6 .row                  {padding-bottom: 6em;}
.pb_5 .row                  {padding-bottom: 5em;}
.pb_4 .row                  {padding-bottom: 4em;}
.pb_3 .row                  {padding-bottom: 3em;}
.pb_2 .row                  {padding-bottom: 2em;}
.pb_1 .row                  {padding-bottom: 1em;}
.pb_0 .row                  {padding-bottom: 0em;}

.bg_pos_right               {background-position: center right;}
.bg_pos_left                {background-position: center left;}
.bg_pos_center              {background-position: center center;}

    /*mobile*/
    @media (max-width: 767px){
        .container--75 .row         {width: 100%;}
        .container--85 .row         {width: 100%;}
        .container--95 .row         {width: 100%;}
    }



/* Spinners, loaders, animations */
.spinner {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 4px solid;
    border-color: #dbdcef;
    border-right-color: #0055a4;
    animation: spinner 1s infinite linear;
    display:block;
}

@keyframes spinner {
    to { transform: rotate(1turn); }
}


.circles{
    position: relative;
}

.circles div,
.circles form   {z-index: 2; position: relative;}

.circles::before{
    animation: circles-kf 10s infinite linear;
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background: #62b445;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    z-index: 1;
    opacity: 0.5;
}

.circles::after{
    animation: circles-kf 7s infinite linear;
    content: "";
    position: absolute;
    bottom: -10%;
    right: -6%;
    background: #0055a4;
    width: 200px;
    height: 200px;
    border-radius: 100%;
    z-index: 0;
}

.image_shape_circle                                             {z-index: 10;}
.image_circles_yes,
.image_circles_yes_static                                       {position: relative;}
.image_circles_yes::after                                       {animation: circles-kf 7s infinite linear; content: ""; position: absolute; top: 7%; right: 2%;  background: #0055a4; width: 130px; height: 130px; border-radius: 100%; z-index: 0;}
.image_circles_yes::before                                      {animation: circles-kf 10s infinite linear; content: ""; position: absolute; top: 5%; right: 10%;    background: #62b445; width: 100px; height: 100px; border-radius: 100%; z-index: 1; opacity: 0.5;}
.image_circles_yes_static::after                                {content: ""; position: absolute; top: 7%; right: 2%;  background: #0055a4; width: 130px; height: 130px; border-radius: 100%; z-index: 0;}
.image_circles_yes_static::before                               {content: ""; position: absolute; top: 5%; right: 10%;    background: #62b445; width: 100px; height: 100px; border-radius: 100%; z-index: 1; opacity: 0.5;}

@keyframes circles-kf {
    0%   {transform: translateY(0%) translateX(0%)}
    50%  {transform: translateY(15%) translateX(5%)}
    100% {transform: translateY(0%) translateX(0%)}
}