@import url("reset.css");


/* font-family: "OpenSansRegular"; */
@font-face {
    font-family: "OpenSansRegular";
    src: url("../fonts/OpenSansRegular/OpenSansRegular.eot");
    src: url("../fonts/OpenSansRegular/OpenSansRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/OpenSansRegular/OpenSansRegular.woff") format("woff"),
    url("../fonts/OpenSansRegular/OpenSansRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "OpenSansBold"; */
@font-face {
    font-family: "OpenSansBold";
    src: url("../fonts/OpenSansBold/OpenSansBold.eot");
    src: url("../fonts/OpenSansBold/OpenSansBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/OpenSansBold/OpenSansBold.woff") format("woff"),
    url("../fonts/OpenSansBold/OpenSansBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "OpenSansSemiBold"; */
@font-face {
    font-family: "OpenSansSemiBold";
    src: url("../fonts/OpenSansSemiBold/OpenSansSemiBold.eot");
    src: url("../fonts/OpenSansSemiBold/OpenSansSemiBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/OpenSansSemiBold/OpenSansSemiBold.woff") format("woff"),
    url("../fonts/OpenSansSemiBold/OpenSansSemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

body {
    background: #fff;
    background-size: cover;
    font-size: 13px;
    line-height: 1.4;
    overflow: hidden;
    font-family: OpenSansRegular, serif;
    color: #0a0a0a;
    min-height: 100vh;
    min-width: 100vw;
    max-width: 100vw;

}
a{
    text-decoration: none;
    color: #345985;
}
a:hover {
    color: #804f9f;
}
a:focus, a:active {
    color: #804f9f;
}
p {
    margin-bottom: 15px;
}
h1 {
    font-size: 36px;
    font-weight: 100;
}
h2 {
    font-size: 30px;
    font-weight: 100;
}
h3 {
    font-size: 28px;
    font-weight: 100;
}
h4 {
    font-size: 24px;
    font-weight: 100;
}
.wrap {
    width: 1220px;
    margin: 0 auto;
}
input:focus {
    outline: none;
}
img {
    max-width: 100%;
}

.home-start {
    width: 100vw;
    height: calc(100vh - 80px);
    position: relative;
    background: url(../images/bg.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
    padding: 40px 0;
}
.home-start .header {
    display: flex;
    align-items: center;
    height: 60px;
}
.home-start .header .header-logo {
    width: 200px;
    height: 60px;
    text-align: center;
    margin-left: auto;
}
.home-start .header .social-list {
    width: calc(50% - 100px);
    text-align: right;
}
.home-start .header .btn-menu {
    width: 60px;
    height: 60px;
    background: url(../images/ico-menu.png) no-repeat center;
    cursor: pointer;
}
.home-start .main-message {
    height: calc(100vh - 210px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-start .main-message span {
    font-size: 100px;
    line-height: 1.2;
    font-family: OpenSansSemiBold, serif;
    text-align: center;
    text-transform: uppercase;
}
.home-start .bottom-part .btn {
    line-height: 62px;
    width: 200px;
    display: block;
    cursor: pointer;
    border: 2px solid #fff;
    margin: 0 auto;
    font-size: 28px;
    text-align: center;
    padding-bottom: 4px;
    transition-duration: 0.3s;
}
.home-start .bottom-part .btn:hover {
    background: #fff;
    color: #000;
}

.to-be-contined {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999999999;
    background: url(../images/bg.jpg) no-repeat center;
    background-size: cover;
    animation:bg_fade 1000ms linear 1750ms forwards;
}
@keyframes bg_fade {
    50% {
        opacity: 1;
    }
    99% {
        transform: scale(10,10);
        opacity: 0;
    }
    100% {
        top: -100vh;
        transform: scale(1,1);
        opacity: 0;
    }
}
.logo {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
}
.white .logo { 
    background: #fff;
}

.logo svg{
    width: 100vw;
    height: 100vh;
}

.iXAHOHEK_0{
    stroke-dasharray:483 485;
    stroke-dashoffset:484;
    animation:iXAHOHEK_draw 2000ms linear 0ms forwards;
}
.iXAHOHEK_1{
    stroke-dasharray:1068 1070;
    stroke-dashoffset:1069;
    animation:iXAHOHEK_draw 2000ms linear 62ms forwards;
}
.iXAHOHEK_2{
    stroke-dasharray:532 534;
    stroke-dashoffset:533;
    animation:iXAHOHEK_draw 2000ms linear 125ms forwards;
}
.iXAHOHEK_3{
    stroke-dasharray:1029 1031;
    stroke-dashoffset:1030;
    animation:iXAHOHEK_draw 2000ms linear 187ms forwards;
}
.iXAHOHEK_4{
    stroke-dasharray:114 116;
    stroke-dashoffset:115;
    animation:iXAHOHEK_draw 2000ms linear 250ms forwards;
}
.iXAHOHEK_5{
    stroke-dasharray:666 668;
    stroke-dashoffset:667;
    animation:iXAHOHEK_draw 2000ms linear 312ms forwards;
}
.iXAHOHEK_6{
    stroke-dasharray:467 469;
    stroke-dashoffset:468;
    animation:iXAHOHEK_draw 2000ms linear 375ms forwards;
}
.iXAHOHEK_7{
    stroke-dasharray:600 602;
    stroke-dashoffset:601;
    animation:iXAHOHEK_draw 2000ms linear 437ms forwards;
}
.iXAHOHEK_8{
    stroke-dasharray:1112 1114;
    stroke-dashoffset:1113;
    animation:iXAHOHEK_draw 2000ms linear 500ms forwards;
}
@keyframes iXAHOHEK_draw{
    50%{
        stroke-dashoffset:0;
        fill: rgba(255,255,255,0);
    }
    100%{
        stroke-dashoffset:0;
        fill: rgba(255,255,255,1);
    }
}
@keyframes iXAHOHEK_fade{
    0%{
        stroke-opacity:1;
    }
    92.98245614035088%{
        stroke-opacity:1;
    }
    100%{
        stroke-opacity:0;
    }
}



.jXOjJVME_0{stroke-dasharray:1332 1334;stroke-dashoffset:1333;animation:jXOjJVME_draw 3000ms linear 0ms forwards;}
.jXOjJVME_1{stroke: #FF0014; stroke-dasharray:1334 1336;stroke-dashoffset:1335;animation:jXOjJVME_draw1 3000ms linear 0ms forwards;}
.jXOjJVME_2{stroke-dasharray:1022 1024;stroke-dashoffset:1023;animation:jXOjJVME_draw 3000ms linear 0ms forwards;}
.jXOjJVME_3{stroke-dasharray:1677 1679;stroke-dashoffset:1678;animation:jXOjJVME_draw 3000ms linear 0ms forwards;}
@keyframes jXOjJVME_draw{
    50%{
        stroke-dashoffset:0;
        fill: rgba(255,255,255,0);
    }
    100%{
        stroke-dashoffset:0;
        fill: rgba(255,255,255,1);
    }
}
@keyframes jXOjJVME_draw1{
    50%{
        stroke-dashoffset:0;
        fill: rgba(255, 0, 20, 0);
    }
    100%{
        stroke-dashoffset:0;
        fill: rgba(255, 0, 20, 1);
    }
}
@keyframes jXOjJVME_fade{
    0%{stroke-opacity:1;}
    92.98245614035088%{stroke-opacity:1;}
    100%{stroke-opacity:0;}
}



.st0,
.st1,
.st2{
    fill: rgba(255,255,255,0);
    stroke:rgba(255,255,255,1);
    stroke-width:2;
    stroke-miterlimit:5;
}
.st2{
    fill: rgba(255,0,0,0);
    stroke:rgba(255,0,0,1);
}

.VwaBDHeL_0{
    stroke-dasharray:46 48;
    stroke-dashoffset:47;
    animation:VwaBDHeL_draw 1500ms linear 1000ms forwards;
}
.VwaBDHeL_1{
    stroke-dasharray:267 269;
    stroke-dashoffset:268;
    animation:VwaBDHeL_draw 1500ms linear 1000ms forwards;
}
.VwaBDHeL_2{
    stroke-dasharray:187 189;
    stroke-dashoffset:188;
    animation:VwaBDHeL_draw 1500ms linear 1000ms forwards;
}
.VwaBDHeL_3{stroke-dasharray:240 242;
    stroke-dashoffset:241;
    animation:VwaBDHeL_draw 1500ms linear 1000ms forwards;
}
.VwaBDHeL_4{
    stroke-dasharray:445 447;
    stroke-dashoffset:446;
    animation:VwaBDHeL_draw 1500ms linear 1000ms forwards;
}
.VwaBDHeL_5{
    stroke-dasharray:1332 1334;
    stroke-dashoffset:1333;
    animation:VwaBDHeL_draw 2000ms linear 0ms forwards;
}
.VwaBDHeL_6{
    stroke-dasharray:1334 1336;
    stroke-dashoffset:1335;
    animation:VwaBDHeL_drawR 2000ms linear 0ms forwards;
}
.VwaBDHeL_7{
    stroke-dasharray:1022 1024;
    stroke-dashoffset:1023;
    animation:VwaBDHeL_draw 2000ms linear 0ms forwards;
}
.VwaBDHeL_8{
    stroke-dasharray:1677 1679;
    stroke-dashoffset:1678;
    animation:VwaBDHeL_draw 2000ms linear 0ms forwards;
}
@keyframes VwaBDHeL_draw{
    50% {
        stroke-dashoffset:0;
        fill: rgba(255,255,255,0);
    }
    100% {
        stroke-dashoffset:0;
        fill: rgba(255,255,255,1);
    }
}
@keyframes VwaBDHeL_drawR{
    50%{
        stroke-dashoffset:0;
        fill: rgba(255,0,0,0);
    }
    100% {
        stroke-dashoffset:0;
        fill: rgba(255,0,0,1);
    }
}



.tc {
    background: #fff;
    width: 100%;
    height: 100%;
}