@-webkit-keyframes prog {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@keyframes prog {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

.prog-bar {
    -webkit-animation: prog 2s linear infinite;
    animation: prog 2s linear infinite;
    height: 100%;
    border-radius: 8px;
    background: -webkit-gradient(linear, left top, right top, color-stop(12.71%, #0093C9), to(#30AF15));
    background: linear-gradient(90deg, #0093C9 12.71%, #30AF15 100%)
}

.cont {
    width: 21.4375rem;
    height: 3px;
    margin: 50px auto 0
}

@media (max-width: 767px) {
    .cont {
        width: 10.5rem
    }
}

.preloader-bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 6.25rem
}

@media (min-width: 768px) and (max-width: 991px) {
    .preloader-bg {
        margin-top: 12.5rem
    }
}

.preloader-bg-img {
    width: 15.3125rem;
    height: 12.3125rem
}

@media (min-width: 768px) and (max-width: 1024px) {
    .preloader-bg-img {
        width: 15.3125rem;
        height: 12.3125rem
    }
}

@media (max-width: 767px) {
    .preloader-bg-img {
        width: 10.4375rem;
        height: 8.375rem
    }
}

@keyframes line {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes fill-it {
    100% {
        fill: transparent
    }
}

.logo {
    fill: none;
    stroke: #E5231E;
    stroke-width: 2;
    stroke-dasharray: 563;
    stroke-dashoffset: 563;
    animation: line 10s linear forwards, fill-it .3s 3s forwards
}

@keyframes red {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes fill-it {
    100% {
        fill: transparent
    }
}

.logo-speed {
    fill: none;
    stroke: #E5231E;
    stroke-width: 2;
    stroke-dasharray: 563;
    stroke-dashoffset: 563;
    animation: red 5s linear forwards, fill-it .3s 3s forwards
}

@keyframes lin {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes fill-it {
    100% {
        fill: transparent
    }
}

.log {
    fill: none;
    stroke: #0093C9;
    stroke-width: 2;
    stroke-dasharray: 563;
    stroke-dashoffset: 563;
    animation: lin 10s linear forwards, fill-it .3s 3s forwards
}

@keyframes blue {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes fill-it {
    100% {
        fill: transparent
    }
}

.log-speed {
    fill: none;
    stroke: #0093C9;
    stroke-width: 2;
    stroke-dasharray: 563;
    stroke-dashoffset: 563;
    animation: blue 5s linear forwards, fill-it .3s 3s forwards
}

@keyframes line-orange {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes fill-it {
    100% {
        fill: transparent
    }
}

.orange {
    fill: none;
    stroke: #ED7000;
    stroke-width: 2;
    stroke-dasharray: 563;
    stroke-dashoffset: 563;
    animation: line-orange 10s linear forwards, fill-it .3s 3s forwards;
    z-index: 999999999
}

@keyframes orange {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes fill-it {
    100% {
        fill: transparent
    }
}

.orange-speed {
    fill: none;
    stroke: #ED7000;
    stroke-width: 2;
    stroke-dasharray: 563;
    stroke-dashoffset: 563;
    animation: orange 5s linear forwards, fill-it .3s 3s forwards;
    z-index: 999999999
}

@keyframes line-green {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes fill-it {
    100% {
        fill: transparent
    }
}

.green {
    fill: none;
    stroke: #30AF15;
    stroke-width: 2;
    stroke-dasharray: 563;
    stroke-dashoffset: 563;
    animation: line-orange 10s linear forwards, fill-it .3s 3s forwards;
    z-index: 999
}

@keyframes green {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes fill-it {
    100% {
        fill: transparent
    }
}

.green-speed {
    fill: none;
    stroke: #30AF15;
    stroke-width: 2;
    stroke-dasharray: 563;
    stroke-dashoffset: 563;
    animation: green 5s linear forwards, fill-it .3s 3s forwards;
    z-index: 999
}

@keyframes animation-grey {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes fill-it {
    100% {
        fill: transparent
    }
}

.contact-grey {
    fill: none;
    stroke: #A5A5A5;
    background: #fff;
    stroke-widh: 2;
    stroke-dasharray: 563;
    stroke-dashoffset: 563;
    animation: animation-grey 7s linear forwards, fill-it .3s 3s forwards;
    z-index: 999
}

@keyframes animation-grey-speed {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes fill-it {
    100% {
        fill: transparent
    }
}

.contact-grey-speed {
    fill: none;
    stroke: #A5A5A5;
    background: #fff;
    stroke-widh: 2;
    stroke-dasharray: 563;
    stroke-dashoffset: 563;
    animation: animation-grey-speed 4s linear forwards, fill-it .3s 3s forwards;
    z-index: 999
}

@keyframes animation-green {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes fill-it {
    100% {
        fill: transparent
    }
}

.contact-green {
    fill: none;
    stroke: #30AF15;
    stroke-width: 2;
    stroke-dasharray: 563;
    stroke-dashoffset: 563;
    animation: animation-green 7s linear forwards, fill-it .3s 3s forwards;
    z-index: 999
}

@keyframes animation-green-speed {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes fill-it {
    100% {
        fill: transparent
    }
}

.contact-green-speed {
    fill: none;
    stroke: #30AF15;
    stroke-width: 2;
    stroke-dasharray: 563;
    stroke-dashoffset: 563;
    animation: animation-green-speed 4s linear forwards, fill-it .3s 3s forwards;
    z-index: 999
}

@keyframes animation-orange {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes fill-it {
    100% {
        fill: transparent
    }
}

.contact-orange {
    fill: none;
    stroke: #ED7000;
    stroke-width: 2;
    stroke-dasharray: 563;
    stroke-dashoffset: 563;
    animation: animation-orange 7s linear forwards, fill-it .3s 3s forwards;
    z-index: 999
}

@keyframes animation-orange-speed {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes fill-it {
    100% {
        fill: transparent
    }
}

.contact-orange-speed {
    fill: none;
    stroke: #ED7000;
    stroke-width: 2;
    stroke-dasharray: 563;
    stroke-dashoffset: 563;
    animation: animation-orange-speed 4s linear forwards, fill-it .3s 3s forwards;
    z-index: 999
}

@keyframes animation-red {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes fill-it {
    100% {
        fill: transparent
    }
}

.contact-red {
    fill: none;
    stroke: #A52828;
    stroke-width: 2;
    stroke-dasharray: 563;
    stroke-dashoffset: 563;
    animation: animation-red 7s linear forwards, fill-it .3s 3s forwards;
    z-index: 999
}

@keyframes animation-blue {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes fill-it {
    100% {
        fill: transparent
    }
}

.contact-blue {
    fill: none;
    stroke: #0093C9;
    stroke-width: 2;
    stroke-dasharray: 563;
    stroke-dashoffset: 563;
    animation: animation-blue 7s linear forwards, fill-it .3s 3s forwards;
    z-index: 999
}

.contact-blue-speed {
    fill: none;
    stroke: #0093C9;
    stroke-width: 2;
    stroke-dasharray: 563;
    stroke-dashoffset: 563;
    animation: animation-blue-speed 4s linear forwards, fill-it .3s 3s forwards;
    z-index: 999
}

@keyframes animation-blue-speed {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes fill-it {
    100% {
        fill: transparent
    }
}

.contact-blue-animation {
    fill: none;
    stroke: #0093C9;
    stroke-width: 2;
    stroke-dasharray: 563;
    stroke-dashoffset: 563;
    animation: animation-blue-animation 2s linear forwards, fill-it .3s 3s forwards;
    z-index: 999
}

@keyframes animation-blue-animation {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes fill-it {
    100% {
        fill: transparent
    }
}

@keyframes animation-blue-od {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes fill-it {
    100% {
        fill: transparent
    }
}

.contact-blue-od {
    fill: none;
    stroke: #0093C9;
    stroke-width: 2;
    stroke-dasharray: 580;
    stroke-dashoffset: 563;
    animation: animation-blue-od 7s linear forwards, fill-it .3s 3s forwards;
    z-index: 999
}

@keyframes animation-blue_width {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes fill-it {
    100% {
        fill: transparent
    }
}

.contact-blue_width {
    fill: none;
    stroke: #0093C9;
    stroke-width: 0.4167;
    stroke-dasharray: 563;
    stroke-dashoffset: 563;
    animation: animation-blue_width 15s linear forwards;
    z-index: 999
}

@keyframes animation-red_width {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes fill-it {
    100% {
        fill: transparent
    }
}

.contact-red_width {
    fill: none;
    stroke: #A52828;
    stroke-width: 0.4167;
    stroke-dasharray: 563;
    stroke-dashoffset: 563;
    animation: animation-red_width 15s linear forwards;
    z-index: 999
}

@keyframes animation-orange_width {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes fill-it {
    100% {
        fill: transparent
    }
}

.contact-orange_width {
    fill: none;
    stroke: #ED7000;
    stroke-width:0.4167;
    stroke-dasharray: 563;
    stroke-dashoffset: 563;
    animation: animation-orange_width 15s linear forwards;
    z-index: 999
}

@keyframes animation-green_width {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes fill-it {
    100% {
        fill: transparent
    }
}

.contact-green_width {
    fill: none;
    stroke: #30AF15;
    stroke-width: 0.4167;
    stroke-dasharray: 563;
    stroke-dashoffset: 563;
    animation: animation-green_width 15s linear forwards;
    z-index: 999
}
@keyframes animation-red_width_slim {
    100%{
        stroke-dashoffset: 0;
    }
}
@keyframes fill-it {
    100% {
        fill: transparent;
    }
}
.contact-red_width_slim {
    fill:none;
    stroke:#A52828;
    stroke-width:0.2835;
    stroke-dasharray: 33;
    stroke-dashoffset: 33;
    animation: animation-red_width_slim 15s linear forwards;
    z-index: 999;
}
@keyframes animation-contact-grey_width{
    100%{
        stroke-dashoffset: 0;
    }
}
@keyframes fill-it {
    100% {
        fill: transparent;
    }
}
.contact-grey_width {
    fill:none;
    stroke:#A5A5A5;
    background: white;
    stroke-widh: 0.4167;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation: animation-contact-grey_width 15s linear forwards;
    z-index: 999;
}

@keyframes animation-blue_width_slim {
    100%{
        stroke-dashoffset: 0;
    }
}
@keyframes fill-it {
    100% {
        fill: transparent;
    }
}
.contact-blue_width_slim {
    fill:none;
    stroke:#0093C9;
    stroke-width:0.4167;
    stroke-dasharray: 563;
    stroke-dashoffset: 563;
    animation: animation-blue_width_slim 15s linear forwards;
    z-index: 999;
}
@keyframes animation-blue_width_speed {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes fill-it {
    100% {
        fill: transparent;
    }
}

.contact-blue_width_speed{
    fill: none;
    stroke: #0093C9;
    stroke-width: 0.4167;
    stroke-dasharray: 163;
    stroke-dashoffset: 163;
    animation: animation-blue_width_speed 15s linear forwards;
    z-index: 999;
}
@keyframes animation-contact-grey_width_speed {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes fill-it {
    100% {
        fill: transparent;
    }
}

.contact-grey_width_speed {
    fill: none;
    stroke: #A5A5A5;
    background: white;
    stroke-widh: 0.4167;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation: animation-contact-grey_width_speed 5s linear forwards;
    z-index: 999;
}
@keyframes animation-orange_width_speed {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes fill-it {
    100% {
        fill: transparent;
    }
}

.contact-orange_width_speed {
    fill: none;
    stroke: #ED7000;
    stroke-width: 0.4167;
    stroke-dasharray: 563;
    stroke-dashoffset: 563;
    animation: animation-orange_width_speed 8s linear forwards;
    z-index: 999;
}

@keyframes animation-orange_width_speed {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes fill-it {
    100% {
        fill: transparent;
    }
}

.contact-orange_width_speed {
    fill: none;
    stroke: #ED7000;
    stroke-width: 0.4167;
    stroke-dasharray: 563;
    stroke-dashoffset: 563;
    animation: animation-orange_width_speed 8s linear forwards;
    z-index: 999;
}
@keyframes animation-green_width {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes fill-it {
    100% {
        fill: transparent;
    }
}

.contact-green_width {
    fill: none;
    stroke: #30AF15;
    stroke-width: 0.4167;
    stroke-dasharray: 563;
    stroke-dashoffset: 563;
    animation: animation-green_width 15s linear forwards;
    z-index: 999;
}
@keyframes contact-red_new {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes fill-it {
    100% {
        fill: transparent;
    }
}

.contact-red_new {
    fill: none;
    stroke: #AA231F;
    stroke-width:0.5669;
    stroke-dasharray: 663;
    stroke-dashoffset: 663;
    animation: contact-red_new 10s linear forwards;
    z-index: 999;
}

@keyframes contact-blue_new {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes fill-it {
    100% {
        fill: transparent;
    }
}

.contact-blue_new {
    fill: none;
    stroke: #0093C9;
    stroke-width: 0.5669;
    stroke-dasharray: 563;
    stroke-dashoffset: 563;
    animation: contact-blue_new 15s linear forwards;
    z-index: 999;
}

@keyframes contact-green_width_new {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes fill-it {
    100% {
        fill: transparent;
    }
}

.contact-green_width_new {
    fill: none;
    stroke: #30AF15;
    stroke-width: 0.5669;
    stroke-dasharray: 463;
    stroke-dashoffset: 463;
    animation: contact-green_width_new 7s linear forwards;
    z-index: 999;
}

@keyframes contact-grey_width_new {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes fill-it {
    100% {
        fill: transparent;
    }
}

.contact-grey_width_new{
    fill: none;
    stroke: #A5A5A5;
    stroke-width: 0.5669;
    stroke-dasharray: 563;
    stroke-dashoffset: 563;
    animation: contact-green_width_new 15s linear forwards;
    z-index: 999;
}

@keyframes orange_new {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes fill-it {
    100% {
        fill: transparent;
    }
}

.orange_new {
    fill: none;
    stroke: #E96C09;
    stroke-width: 0.5669;
    stroke-dasharray: 63;
    stroke-dashoffset: 63;
    animation: orange_new 4s linear forwards;
    z-index: 999;
}

@keyframes orange_new_width {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes fill-it {
    100% {
        fill: transparent;
    }
}

.orange_new_width {
    fill: none;
    stroke: #E96C09;
    stroke-width: 0.5669;
    stroke-dasharray: 363;
    stroke-dashoffset: 363;
    animation: orange_new_width 4s linear forwards;
    z-index: 999;
}