*{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
@font-face {
    font-family: 'verdana';
    src: url('../fonts/verdana.eot');
    src: url('../fonts/verdana.eot?#iefix') format('embedded-opentype'),
    url('../fonts/verdana.woff') format('woff'),
    url('../fonts/verdana.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'vBold';
    src: url('../fonts/vBold.eot');
    src: url('../fonts/vBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/vBold.woff') format('woff'),
    url('../fonts/vBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'vItalic';
    src: url('../fonts/vItalic.eot');
    src: url('../fonts/vItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/vItalic.woff') format('woff'),
    url('../fonts/vItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'vBItalic';
    src: url('../fonts/vBItalic.eot');
    src: url('../fonts/vBItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/vBItalic.woff') format('woff'),
    url('../fonts/vBItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
html {
    scroll-behavior: smooth;
}
html, body{
    overflow-x: hidden;
}
body{
    font-size: 1vw;
    font-family: verdana;
    color: #000000;
    line-height: 1;
    background: #ffffff;
}
.flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.start{
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.center{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.end{
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.wrap{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.align-start{
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.align-center{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.align-end{
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.rel{
    position: relative;
}
.upper{
    text-transform: uppercase;
}
.bold{
    font-family: vBold;
}
.loader{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
    z-index: 100;
    -webkit-transform: scale3d(0,0,0);
    transform: scale3d(0,0,0);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.loader.active{
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
.loader img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 140px;
}
a, button{
    cursor: pointer !important;
    text-decoration: none;
    outline: none;
    border: none;
    background: none;
    color: #000000;
}
header{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 1.2em;
    z-index: 16;
}
.container{
    width: 89%;
    margin: 0 auto;
}
.head-center{
    width: 5.6em;
}
.head-center img{
    width: 100%;
}
.head-left{
    width: calc(50% - 2.8em);
    padding-right: 2em;
}
.head-right{
    width: calc(50% - 2.8em);
    padding-left: 1.5em;
}
.head-menu-box{
    padding-top: 0.34em;
}
.head-menu{
    font-size: 0.73em;
}
.head-menu:hover{
    color: #1c3c6e;
}
.head-right-box1{
    width: 39.2%;
}
.head-right-box2{
    width: 44.8%;
}
.language{
    display: block;
    position: relative;
}
.language img{
    width: 2.33em;
}
.language .lng-i2{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.language.active .lng-i2, .language:hover .lng-i2{
    opacity: 1;
}
.lng{
    font-size: 0.75em;
    position: absolute;
    top: 45%;
    left: 55%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    color: #ffffff;
}
.head-tell-icon {
    width: 2.1em;
    margin-right: 0.55em;
}
.head-tell-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 1.2em;
}
.head-tell{
    font-size: 0.73em;
}
.head-tell:hover{
    color: #1c3c6e;
}
.section-top{
    width: 100%;
    background-image: url("../img/sec1-fon.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
}
#sec1{
    padding-top: 7em;
    min-height: 38em;
}
.sec1-info {
    width: 45%;
    padding-top: 3em;
    overflow-y: hidden;
}
.sec1-title{
    font-family: vBold;
    font-size: 3.68em;
    color: #0693ff;
    margin-bottom: 0.3em;
}
.sec1-title2{
    font-size: 1.84em;
}
.sec1-line{
    width: 6.2em;
    height: 0.08em;
    background: #0693ff;
    margin: 1.52em 0;
}
.sec1-text{
    font-size: 1.23em;
    margin-bottom: 2.05em;
}
.sec1-text span{
    font-family: vBold;
}
.sec1-anime{
    opacity: 0;
}
.sec1-anime.active{
    opacity: 1;
    -webkit-animation: fadeInUp 1s;
    animation: fadeInUp 1s;
}
.sec1-btn{
    padding-left: 4.3em;
}
.btn{
    display: inline-block;
    position: relative;
    font-size: 0.74em;
    min-width: 14.15em;
    padding: 1.36em 2em 1.4em 1.5em;
    color: #ffffff;
    text-align: center;
}
.btn span{
    position: relative;
    z-index: 2;
}
.btn:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(#fb2539), to(#722a4d));
    background: -o-linear-gradient(right, #fb2539 0%, #722a4d 100%);
    background: linear-gradient(-90deg, #fb2539 0%, #722a4d 100%);
    border-top-right-radius: 2.7em;
    border-bottom-right-radius: 2.7em;
    z-index: 1;
}
.btn:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(#1192f4), to(#1082dc));
    background: -o-linear-gradient(right, #1192f4 0%, #1082dc 100%);
    background: linear-gradient(-90deg, #1192f4 0%, #1082dc 100%);
    border-top-right-radius: 2.7em;
    border-bottom-right-radius: 2.7em;
    z-index: 1;
    opacity: 1;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.btn img{
    position: absolute;
    top: 0;
    right: calc(100% - 0.5em);
    height: 100%;
}
.btn-imghov{
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.btn:hover:after{
    opacity: 0;
}
.btn:hover .btn-imghov{
    opacity: 1;
}
#sec1 .btn{
    opacity: 0;
}
#sec1 .btn.active{
    opacity: 1;
    -webkit-animation: fadeInLeft 1s;
    animation: fadeInLeft 1s;
}
.sec1-right{
    position: absolute;
    top: -6.9em;
    right: -5.3em;
    width: 54.6em;
}
.sec1-map{
    width: 100%;
    opacity: 1;
}
.map-tkrug{
    position: absolute;
    right: 13.12em;
    bottom: 6.12em;
    width: 3.2em;
    height: 3.2em;
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 50%;
}
.map-tkrug2{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 2.6em;
    height: 2.6em;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 50%;
}
.map-tkrug3{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 1em;
    height: 1em;
    background: rgba(255,255,255,1);
    border-radius: 50%;
    -webkit-box-shadow: 0 0 6px 2px #ffea00;
    box-shadow: 0 0 6px 2px #ffea00;
}
.map-line{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    border-top: 1px dotted #ffffff;
    opacity: 0.4;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
[data-line="1"]{
    width: 12.5em;
    -webkit-transform: rotate(-66.5deg);
    -ms-transform: rotate(-66.5deg);
    transform: rotate(-66.5deg);
}
.map-tochka{
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateX(50%) translateY(-50%);
    -ms-transform: translateX(50%) translateY(-50%);
    transform: translateX(50%) translateY(-50%);
    width: 0.8em;
    height: 0.8em;
    background: rgba(255,255,255,1);
    border-radius: 50%;
    -webkit-box-shadow: 0 0 4px 1px #ffea00;
    box-shadow: 0 0 4px 1px #ffea00;
}
.name-city{
    position: absolute;
    font-size: 0.65em;
    width: 11em;
    color: #ffffff;
}
[data-line="1"] .name-city{
    bottom: 0;
    right: -1.4em;
    -webkit-transform: rotate(66.5deg);
    -ms-transform: rotate(66.5deg);
    transform: rotate(66.5deg);
}
.map-line.active{
    opacity: 1;
}
.map-line.active .map-tochka{
    -webkit-box-shadow: 0 0 4px 1px #ffffff;
    box-shadow: 0 0 4px 1px #ffffff;
}
.map-line.active .name-city{
    text-transform: uppercase;
}
[data-line="2"]{
    width: 12.3em;
    -webkit-transform: rotate(-86.5deg);
    -ms-transform: rotate(-86.5deg);
    transform: rotate(-86.5deg);
}
[data-line="2"] .name-city{
    bottom: -5.6em;
    right: -2.9em;
    -webkit-transform: rotate(86.5deg);
    -ms-transform: rotate(86.5deg);
    transform: rotate(86.5deg);
}
[data-line="3"]{
    width: 15.3em;
    -webkit-transform: rotate(-103deg);
    -ms-transform: rotate(-103deg);
    transform: rotate(-103deg);
}
[data-line="3"] .name-city{
    top: -1em;
    left: -4.2em;
    -webkit-transform: rotate(103deg);
    -ms-transform: rotate(103deg);
    transform: rotate(103deg);
}
[data-line="4"]{
    width: 10.5em;
    -webkit-transform: rotate(-119.5deg);
    -ms-transform: rotate(-119.5deg);
    transform: rotate(-119.5deg);
}
[data-line="4"] .name-city{
    bottom: -5.5em;
    right: -1.3em;
    -webkit-transform: rotate(119.5deg);
    -ms-transform: rotate(119.5deg);
    transform: rotate(119.5deg);
}
[data-line="5"]{
    width: 21em;
    -webkit-transform: rotate(-121.6deg);
    -ms-transform: rotate(-121.6deg);
    transform: rotate(-121.6deg);
}
[data-line="5"] .name-city{
    bottom: 0;
    right: -2.5em;
    -webkit-transform: rotate(121.6deg);
    -ms-transform: rotate(121.6deg);
    transform: rotate(121.6deg);
}
[data-line="6"]{
    width: 13.6em;
    -webkit-transform: rotate(-126deg);
    -ms-transform: rotate(-126deg);
    transform: rotate(-126deg);
}
[data-line="6"] .name-city{
    bottom: -5.3em;
    right: -0.7em;
    -webkit-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    transform: rotate(126deg);
}
[data-line="7"]{
    width: 18.2em;
    -webkit-transform: rotate(-131.8deg);
    -ms-transform: rotate(-131.8deg);
    transform: rotate(-131.8deg);
}
[data-line="7"] .name-city{
    bottom: -4.9em;
    right: -0.1em;
    -webkit-transform: rotate(131.8deg);
    -ms-transform: rotate(131.8deg);
    transform: rotate(131.8deg);
}
[data-line="8"]{
    width: 22.1em;
    -webkit-transform: rotate(-135.8deg);
    -ms-transform: rotate(-135.8deg);
    transform: rotate(-135.8deg);
}
[data-line="8"] .name-city{
    bottom: -4.5em;
    right: 0.7em;
    -webkit-transform: rotate(135.8deg);
    -ms-transform: rotate(135.8deg);
    transform: rotate(135.8deg);
}
[data-line="9"]{
    width: 26.7em;
    -webkit-transform: rotate(-155.4deg);
    -ms-transform: rotate(-155.4deg);
    transform: rotate(-155.4deg);
}
[data-line="9"] .name-city{
    bottom: -2.6em;
    right: 1.4em;
    -webkit-transform: rotate(155.4deg);
    -ms-transform: rotate(155.4deg);
    transform: rotate(155.4deg);
}
[data-line="10"]{
    width: 32.1em;
    -webkit-transform: rotate(-157.4deg);
    -ms-transform: rotate(-157.4deg);
    transform: rotate(-157.4deg);
}
[data-line="10"] .name-city{
    top: -0.4em;
    right: -1.9em;
    -webkit-transform: rotate(157.4deg);
    -ms-transform: rotate(157.4deg);
    transform: rotate(157.4deg);
}
[data-line="11"]{
    width: 32.8em;
    -webkit-transform: rotate(-165.4deg);
    -ms-transform: rotate(-165.4deg);
    transform: rotate(-165.4deg);
}
[data-line="11"] .name-city{
    bottom: -2em;
    right: 1.2em;
    -webkit-transform: rotate(165.4deg);
    -ms-transform: rotate(165.4deg);
    transform: rotate(165.4deg);
}
[data-line="12"]{
    width: 16.6em;
    -webkit-transform: rotate(-166.7deg);
    -ms-transform: rotate(-166.7deg);
    transform: rotate(-166.7deg);
}
[data-line="12"] .name-city{
    top: -1.1em;
    left: -6.3em;
    -webkit-transform: rotate(166.7deg);
    -ms-transform: rotate(166.7deg);
    transform: rotate(166.7deg);
}
[data-line="13"]{
    width: 31em;
    -webkit-transform: rotate(-175deg);
    -ms-transform: rotate(-175deg);
    transform: rotate(-175deg);
}
[data-line="13"] .name-city{
    bottom: 1.1em;
    right: 1.6em;
    -webkit-transform: rotate(175deg);
    -ms-transform: rotate(175deg);
    transform: rotate(175deg);
}
[data-line="14"]{
    width: 7.8em;
    -webkit-transform: rotate(-185deg);
    -ms-transform: rotate(-185deg);
    transform: rotate(-185deg);
}
[data-line="14"] .name-city{
    bottom: -1.3em;
    right: -4.1em;
    -webkit-transform: rotate(185deg);
    -ms-transform: rotate(185deg);
    transform: rotate(185deg);
}
[data-line="15"]{
    width: 10.2em;
    -webkit-transform: rotate(-192.7deg);
    -ms-transform: rotate(-192.7deg);
    transform: rotate(-192.7deg);
}
[data-line="15"] .name-city{
    bottom: -1.2em;
    left: -4.3em;
    -webkit-transform: rotate(192.7deg);
    -ms-transform: rotate(192.7deg);
    transform: rotate(192.7deg);
}
#sec2{
    padding-top: 6.4em;
    height: 47.6em;
    padding-bottom: 11em;
}
.sec2-left{
    width: 40%;
}
.sec2-zz-im{
    width: 28.5em;
    margin-left: 3em;
}
.tr1{
    position: absolute;
    top: 23.3em;
    left: 4.6em;
    width: 3.6em;
}
.tr2{
    position: absolute;
    top: 2.15em;
    left: 7.7em;
    width: 1.75em;
}
.tr3{
    position: absolute;
    top: 4.05em;
    right: 6.95em;
    width: 2.55em;
    -webkit-transform: rotate(38deg);
    -ms-transform: rotate(38deg);
    transform: rotate(38deg);
}
.tr4{
    position: absolute;
    top: 26.5em;
    right: 2.45em;
    width: 2.55em;
    -webkit-transform: rotate(-41.3deg);
    -ms-transform: rotate(-41.3deg);
    transform: rotate(-41.3deg);
}
.tr5{
    position: absolute;
    top: 10.85em;
    right: 4.1em;
    width: 1.8em;
}
.tr6{
    position: absolute;
    top: 2.2em;
    left: -3.45em;
    width: 1.7em;
}
.tr7{
    position: absolute;
    top: 0.35em;
    right: 1.8em;
    -webkit-transform: rotate(42.7deg);
    -ms-transform: rotate(42.7deg);
    transform: rotate(42.7deg);
    width: 2.5em;
}
.tr8{
    position: absolute;
    top: 1.75em;
    left: 1.4em;
    -webkit-transform: rotate(-38deg);
    -ms-transform: rotate(-38deg);
    transform: rotate(-38deg);
    width: 2.5em;
}
.tr9{
    position: absolute;
    top: 1.45em;
    right: 5em;
    -webkit-transform: rotate(-59deg);
    -ms-transform: rotate(-59deg);
    transform: rotate(-59deg);
    width: 1em;
}
.tr10{
    position: absolute;
    top: 4.15em;
    right: -0.6em;
    -webkit-transform: rotate(-58deg);
    -ms-transform: rotate(-58deg);
    transform: rotate(-58deg);
    width: 1.75em;
}
.tr11{
    position: absolute;
    top: 8.95em;
    right: 5.8em;
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    width: 1.2em;
}
.tr12{
    position: absolute;
    top: 11.8em;
    left: 0.6em;
    -webkit-transform: rotate(-26deg);
    -ms-transform: rotate(-26deg);
    transform: rotate(-26deg);
    width: 1.3em;
}
.tr13{
    position: absolute;
    top: 0.4em;
    left: 3.3em;
    -webkit-transform: rotate(-19deg);
    -ms-transform: rotate(-19deg);
    transform: rotate(-19deg);
    width: 1.6em;
}
.tr14{
    position: absolute;
    top: 14.8em;
    left: 1.9em;
    -webkit-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    transform: rotate(9deg);
    width: 2.3em;
}
.tr15{
    position: absolute;
    top: 13em;
    left: 9.4em;
    width: 2.5em;
}
.tr16{
    position: absolute;
    top: 14.4em;
    left: 13.2em;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 1.6em;
}
.tr17{
    position: absolute;
    top: 14.2em;
    right: 28em;
    -webkit-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    transform: rotate(1deg);
    width: 2.5em;
}
.tr18{
    position: absolute;
    top: 2.6em;
    right: 21.5em;
    -webkit-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
    width: 1.3em;
}
.tr19{
    position: absolute;
    top: -1.3em;
    right: 2.7em;
    -webkit-transform: rotate(26deg);
    -ms-transform: rotate(26deg);
    transform: rotate(26deg);
    width: 1.3em;
}
.tr20{
    position: absolute;
    top: 0.2em;
    right: 0.1em;
    -webkit-transform: rotate(67deg);
    -ms-transform: rotate(67deg);
    transform: rotate(67deg);
    width: 2.3em;
}
.tr21{
    position: absolute;
    bottom: 0.6em;
    left: 0.3em;
    -webkit-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    transform: rotate(1deg);
    width: 3em;
}
.tr22{
    position: absolute;
    bottom: 1.7em;
    right: 0;
    -webkit-transform: rotate(-44deg);
    -ms-transform: rotate(-44deg);
    transform: rotate(-44deg);
    width: 2.3em;
}
.tr23{
    position: absolute;
    top: -0.9em;
    right: 13em;
    -webkit-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg);
    width: 2em;
}
.tr1 img, .tr2 img, .tr3 img, .tr4 img, .tr5 img, .tr6 img, .tr7 img,
.tr8 img, .tr9 img, .tr10 img, .tr11 img, .tr12 img, .tr13 img, .tr14 img,
.tr15 img, .tr16 img, .tr17 img, .tr18 img, .tr19 img, .tr20 img, .tr21 img,
.tr22 img, .tr23 img{
    width: 100%;
    position: relative;
    -webkit-filter: drop-shadow(-4px 4px 4px rgba(255,0,0,0.7));
    filter: drop-shadow(-4px 4px 4px rgba(255,0,0,0.7));
}
.parallax{
    top: 0;
    right: 0;
}
.parallax2{
    top: 0;
    left: 0;
}
.parallax3{
    bottom: 0;
    left: 0;
}
.parallax4{
    bottom: 0;
    right: 0;
}
.sec2-right{
    width: 58.25%;
}
.sec2-title{
    font-family: vBold;
    color: #2a90dc;
    font-size: 1.85em;
    padding-top: 0.35em;
}
.sec2-title2{
    font-size: 1.54em;
    padding-top: 0.05em;
}
.sec2-info-box{
    width: 72.8%;
    margin: 1.6em 0 1.3em;
    border-top: 1px solid #1e3f71;
    border-bottom: 1px solid #1e3f71;
    padding: 0.85em 0;
}
.sec2-box-title{
    font-family: vBold;
    font-size: 0.71em;
    margin-bottom: 1.55em;
}
.inp-tip{
    display: block;
    position: relative;
    font-family: vItalic;
    font-size: 0.84em;
    height: 1.3em;
    padding-left: 2.05em;
    margin-bottom: 1.6em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1.2;
}
.inp-tip input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.checkmark {
    position: absolute;
    top: 50%;
    left: 1px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 1.1em;
    width: 1.1em;
    border-radius: 50%;
    background: #ffffff;
    -webkit-box-shadow: inset -1px 1px 3px 0 rgba(0,0,0,0.3);
    box-shadow: inset -1px 1px 3px 0 rgba(0,0,0,0.3);
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.inp-tip:hover input ~ .checkmark {
    -webkit-box-shadow: inset -1px 1px 5px 0 rgba(0,0,0,0.3);
    box-shadow: inset -1px 1px 5px 0 rgba(0,0,0,0.3);
}
.inp-tip input:checked ~ .checkmark {
    background-color: #2a90dc;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.inp-tip input:checked ~ .checkmark:after {
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 0.58em;
    height: 0.58em;
    border-radius: 50%;
    background: #ffffff;
}
.tip1 {
    margin-right: 1.5em;
}
.tip2 {
    margin-right: 1em;
}
.tip3 {
    margin-right: 0.75em;
}
.tip3-inp{
    margin-right: 0.6em;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}
.tip3-inp input{
    display: inline-block;
    position: relative;
    width: 14.1em;
    height: 3.2em;
    background: #ffffff;
    border: none;
    -webkit-box-shadow: 0 0 4px 4px #dddddd;
    box-shadow: 0 0 4px 4px #dddddd;
    outline: none;
    padding: 0.6em;
    font-family: vItalic;
    font-size: 0.84em;
}
.tip3-inp:before {
    content: "";
    position: absolute;
    top: 0.6em;
    left: 0.5em;
    width: 100%;
    height: 100%;
    border: 1px solid #264677;
}
.sec2-info-box2{
    padding-top: 1.6em;
    width: 100%;
}
.inp-info{
    position: relative;
    width: 45.4%;
    margin-right: 0.65em;
}
.inp-info label{
    position: relative;
    display: block;
    font-family: vBold;
    font-size: 0.7em;
    margin-bottom: 0.9em;
    padding-left: 0.3em;
}
.inp-info input{
    position: relative;
    display: block;
    width: 100%;
    height: 2.73em;
    border: none;
    background: #ffffff;
    -webkit-box-shadow: 0 0 4px 4px #dddddd;
    box-shadow: 0 0 4px 4px #dddddd;
    outline: none;
    padding: 0.6em;
}
.inp-info:before {
    content: "";
    position: absolute;
    bottom: -1.1em;
    left: 0.4em;
    width: 100%;
    height: 2.7em;
    border: 1px solid #264677;
}
.mb-1{
    margin-bottom: 3.1em;
}
.mb-2{
    margin-bottom: 1.6em;
}
.sec2-box-btn{
    width: 72.8%;
}
#sec3 {
    width: 100%;
    margin-top: -1.1em;
}
.sec3-left{
    width: 40.7%;
}
.sec3-right{
    width: 59.3%;
}
.sec3-left-box{
    width: 92.6%;
    height: 40em;
    border: 0.4em solid #dddddd;
    padding: 1.5em 1.7em;
    margin-bottom: 9em;
}
.sec3-left-title{
    font-family: vBold;
    color: #2a90dc;
    font-size: 1.85em;
    margin-left: 0.2em;
}
.sec3-left-title2{
    font-size: 1.55em;
    margin-top: 0.1em;
    margin-left: 0.2em;
}
.sec3-left-text{
    font-size: 0.82em;
    margin-top: 1.8em;
    margin-left: 0.4em;
    line-height: 1.1;
    margin-bottom: 0.5em;
}
.sec3-left-pl{
    position: absolute;
    bottom: -8.9em;
    left: -1em;
    width: 28.2em;
}
.sec3-left-im{
    position: absolute;
    bottom: -3.8em;
    right: -2.95em;
    width: 31.8em;
    -webkit-box-shadow: -0.1em 0 1.7em 0 rgba(0,0,0,0.35);
    box-shadow: -0.1em 0 1.7em 0 rgba(0,0,0,0.35);
}
.sec3-right-top{
    width: 100%;
    height: 14.9em;
    margin-bottom: 4.5em;
}
.sec3-right-krug{
    position: absolute;
    width: 14.9em;
    height: 14.9em;
    border-radius: 50%;
}
.sec3-k1{
    top: 0;
    right: -0.1em;
    background: #ffffff;
    -webkit-box-shadow: 0 0 3em 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 3em 0 rgba(0,0,0,0.25);
}
.sec3-k2{
    top: 0;
    right: 12.2em;
    background: #0a65b6;
    -webkit-box-shadow: -1.2em 1.4em 1em -1em rgba(0,0,0,0.25);
    box-shadow: -1.2em 1.4em 1em -1em rgba(0,0,0,0.25);
}
.sec3-k3{
    top: 0;
    left: 12.6em;
    background: #ffffff;
    -webkit-box-shadow: 0 0 3em 0 rgba(0,0,0,0.25);
    box-shadow: 0 0 3em 0 rgba(0,0,0,0.25);
}
.sec3-k4{
    top: 0;
    left: 0;
    background: #1e65a4;
    -webkit-box-shadow: -1.2em 1.4em 1em -1em rgba(0,0,0,0.25);
    box-shadow: -1.2em 1.4em 1em -1em rgba(0,0,0,0.25);
}
.sec3-to-krug{
    position: absolute;
    top: 50%;
    left: -1.58em;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 4.05em;
}
.sec3-rtop-icon{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 3.7em;
    margin: 1.9em auto 0;
}
.sec3-rtop-icon img{
    height: 100%;
}
.sec3-rtop-line{
    width: 3.2em;
    height: 0.15em;
    margin: 1.25em auto 0.85em;
}
.sec3-k4 .sec3-rtop-line, .sec3-k2 .sec3-rtop-line{
    background: #ffffff;
}
.sec3-k3 .sec3-rtop-line, .sec3-k1 .sec3-rtop-line{
    background: #001c44;
}
.sec3-rtop-text{
    font-size: 0.81em;
    text-align: center;
    margin: 0 auto;
}
.sec3-rtop-text span{
    font-family: vBold;
    text-transform: uppercase;
}
.sec3-k4 .sec3-rtop-text{
    color: #ffffff;
    width: 67.8%;
    padding-right: 1.9em;
}
.sec3-k3 .sec3-rtop-text{
    color: #001c44;
    width: 59%;
    padding-right: 1.1em;
}
.sec3-k2 .sec3-rtop-text{
    color: #ffffff;
    width: 57.5%;
    padding-right: 1.3em;
}
.sec3-k1 .sec3-rtop-text{
    color: #001c44;
    width: 84%;
    padding-left: 1.85em;
}
.sec3-right-center {
    width: 88%;
    margin: 0 auto;
}
.sec3-rcenter-title {
    text-align: center;
    font-size: 1.23em;
    padding-top: 0.1em;
    margin-right: 1.9em;
}
.sec3-rcenter-box{
    position: relative;
    width: 100%;
    padding: 6.9em 1.5em 2.9em;
}
.sec3-rcenter-fon{
    width: 100%;
}
.sec3-rcenter-i1{
    position: absolute;
    bottom: 1.8em;
    left: -0.9em;
    width: 5.9em;
}
.sec3-rcenter-i2{
    position: absolute;
    top: 6em;
    right: 50%;
    width: 8.7em;
}
.sec3-rcenter-i3{
    position: absolute;
    top: 5.15em;
    right: 26.4%;
    width: 3.27em;
}
.sec3-rcenter-line{
    position: absolute;
    top: 7.9em;
    left: 1.32em;
    width: calc(100% - 2.4em);
}
.sec3-rcenter-i1 img, .sec3-rcenter-i2 img, .sec3-rcenter-i3 img, .sec3-rcenter-line img{
    width: 100%;
}
.sec3-rcenter-pl1, .sec3-rcenter-pl2, .sec3-rcenter-pl3{
    position: absolute;
    width: 12em;
    height: 6.25em;
    padding: 0.5em 1.2em;
    padding-bottom: 2.1em;
}
.sec3-rcenter-pl1{
    top: 4.5em;
    left: 1.67em;
}
.sec3-rcenter-pl2{
    top: 2.8em;
    left: 16.6em;
}
.sec3-rcenter-pl3{
    top: 1.35em;
    right: 2.6em;
}
.sec3-rcenter-pl1 img, .sec3-rcenter-pl2 img, .sec3-rcenter-pl3 img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-filter: drop-shadow(-0.6em 0.6em 0.4em rgba(141, 154, 172, 0.7));
    filter: drop-shadow(-0.6em 0.6em 0.4em rgba(141, 154, 172, 0.7));
}
.sec3-pl-text{
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 0.84em;
}
.sec3-rbottom-box{
    width: calc(100% - 1.1em);
    padding: 0.8em 0 0.8em 0.6em;
    margin: 0 0.1em 0 1em;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}
.sec3-rbottom-text{
    width: 66%;
    font-family: vBold;
    font-size: 1.236em;
    padding-left: 0.13em;
    margin-bottom: 0.2em;
    color: #011b45;
}
.sec3-rbottom-text span{
    text-transform: uppercase;
    font-size: 1.38em;
    display: block;
    margin: 0.1em 0 0.15em -0.04em;
    color: #ffffff;
    -webkit-filter: drop-shadow(0 0 0.1em #75839a);
    filter: drop-shadow(0 0 0.1em #75839a);
}
@-webkit-keyframes rubBand {
    0% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}
    7.5% {-webkit-transform: scale3d(1.25, .75, 1);transform: scale3d(1.25, .75, 1)}
    10% {-webkit-transform: scale3d(.75, 1.25, 1);transform: scale3d(.75, 1.25, 1)}
    12.5% {-webkit-transform: scale3d(1.15, .85, 1);transform: scale3d(1.15, .85, 1)}
    16.25% {-webkit-transform: scale3d(.95, 1.05, 1);transform: scale3d(.95, 1.05, 1)}
    18.75% {-webkit-transform: scale3d(1.05, .95, 1);transform: scale3d(1.05, .95, 1)}
    25% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}
    100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}
}
@keyframes rubBand {
    0% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}
    7.5% {-webkit-transform: scale3d(1.25, .75, 1);transform: scale3d(1.25, .75, 1)}
    10% {-webkit-transform: scale3d(.75, 1.25, 1);transform: scale3d(.75, 1.25, 1)}
    12.5% {-webkit-transform: scale3d(1.15, .85, 1);transform: scale3d(1.15, .85, 1)}
    16.25% {-webkit-transform: scale3d(.95, 1.05, 1);transform: scale3d(.95, 1.05, 1)}
    18.75% {-webkit-transform: scale3d(1.05, .95, 1);transform: scale3d(1.05, .95, 1)}
    25% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}
    100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}
}
.sec3-k4 .sec3-rtop-icon img{
    -webkit-animation: rubBand 4s linear 0s infinite forwards;
    animation: rubBand 4s linear 0s infinite forwards;
}
.sec3-k3 .sec3-rtop-icon img{
    -webkit-animation: rubBand 4s linear 1s infinite forwards;
    animation: rubBand 4s linear 1s infinite forwards;
}
.sec3-k2 .sec3-rtop-icon img{
    -webkit-animation: rubBand 4s linear 2s infinite forwards;
    animation: rubBand 4s linear 2s infinite forwards;
}
.sec3-k1 .sec3-rtop-icon img{
    -webkit-animation: rubBand 4s linear 3s infinite forwards;
    animation: rubBand 4s linear 3s infinite forwards;
}
#sec4 {
    width: 100%;
    margin-top: 4.6em;
    margin-bottom: 6em;
}
.sec4-title{
    font-size: 1.543em;
    padding-top: 0.16em;
    margin-left: 1.62em;
    margin-bottom: 3.6em;
    line-height: 1.1;
}
.sec4-title span{
    display: block;
    text-transform: uppercase;
    font-family: vBold;
    color: #588fd8;
    font-size: 1.2em;
}
.sec4-info{
    width: 74%;
    margin: 0 auto;
}
.sec4-info-box{
    position: relative;
    width: 13.5em;
    height: 11.7em;
    overflow: hidden;
}
.sec4-burysh{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.sec4-info-text{
    font-size: 0.925em;
    margin-top: -0.7em;
    margin-left: 1.85em;
    line-height: 1.15;
}
.sec4-info-text span{
    font-family: vBold;
    text-transform: uppercase;
    font-size: 1.33em;
}
.sec4-pl{
    position: absolute;
    top: 1.8em;
    left: 2.8em;
    width: 8.3em;
    opacity: 1;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}
.sec4-pl.active{
    opacity: 0;
}
.sec4-to-right{
    position: absolute;
    top: 3.35em;
    right: 0.1em;
    width: 12.4em;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.sec4-to-right.active{
    right: 100%;
}
.sec4-line{
    width: 100%;
}
.sec4-icon{
    position: absolute;
    top: 50%;
    right: 3.9em;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3.8em;
}
#sec5 {
    position: relative;
    width: 100%;
    padding-top: 3.5em;
    margin-bottom: 6.5em;
}
.sec5-title{
    font-size: 1.543em;
    margin-left: 7.9%;
    line-height: 0.94;
    margin-bottom: 0.25em;
}
.sec5-title span{
    display: block;
    text-transform: uppercase;
    font-family: vBold;
    color: #588fd8;
    font-size: 1.2em;
}
.sec5-info{
    background-image: url("../img/sec5-fon.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
}
.sec5-info-box{
    position: relative;
    padding-top: 13.6em;
    width: 100%;
}
.sec5-line{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}
.sec5-line.active{
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
}
.sec5-tochka{
    position: absolute;
    width: 2.1em;
    height: 2.1em;
    background: #ffffff;
    border: 0.45em solid #cd0013;
    border-radius: 50%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.sec5-tochka.active{
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.sec5-t1{
    top: 23.1em;
    left: 9.5em;
}
.sec5-t2{
    top: 17em;
    left: 24.4em;
}
.sec5-t3{
    top: 22.6em;
    left: 42.9em;
}
.sec5-t4{
    top: 14.6em;
    left: 61.7em;
}
.sec5-t5{
    top: 19.9em;
    left: 80.4em;
}
.sec5-plashka{
    position: absolute;
    left: 0.6em;
    -webkit-box-shadow: -1.5em 1.8em 6em 0.1em #001c45;
    box-shadow: -1.5em 1.8em 6em 0.1em #001c45;
}
.sec5-t1 .sec5-plashka{
    top: -11.27em;
    width: 9.5em;
}
.sec5-t2 .sec5-plashka{
    top: -8.77em;
    width: 11.6em;
}
.sec5-t3 .sec5-plashka{
    top: -11.27em;
    width: 11.7em;
}
.sec5-t4 .sec5-plashka{
    top: -7.57em;
    width: 12.7em;
}
.sec5-t5 .sec5-plashka{
    top: -10.47em;
    width: 12.8em;
}
.sec5-plashka:after{
    content: "";
    position: absolute;
    top: 0.55em;
    left: 0.4em;
    width: 98.3%;
    height: 95.8%;
    border: 0.1em solid #03388a;
}
.sec5-plashka:before{
    content: "";
    position: absolute;
    top: 0;
    left: -0.1em;
    width: 0.1em;
    background: rgba(255,255,255,0.9);
}
.sec5-t1 .sec5-plashka:before{
    height: 10.77em;
}
.sec5-t2 .sec5-plashka:before{
    height: 8.27em;
}
.sec5-t3 .sec5-plashka:before{
    height: 10.77em;
}
.sec5-t4 .sec5-plashka:before{
    height: 7.07em;
}
.sec5-t5 .sec5-plashka:before{
    height: 9.97em;
}
.sec5-pl-text{
    position: relative;
    z-index: 1;
    font-size: 0.92em;
    line-height: 1.2;
    padding: 0.8em 1.1em 1em 1.5em;
    background: rgba(255,255,255,0.9);
}
.sec5-pl-text span{
    display: block;
    font-family: vBold;
}
.sec5-cifr{
    font-family: vBold;
    color: #ffffff;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-size: 2.52em;
    position: absolute;
}
.sec5-t1 .sec5-cifr{
    top: 0.89em;
    left: -1.86em;
}
.sec5-t2 .sec5-cifr{
    top: 0.69em;
    left: -1.13em;
}
.sec5-t3 .sec5-cifr{
    top: 0.45em;
    left: -1.53em;
}
.sec5-t4 .sec5-cifr{
    top: 0.65em;
    left: -1.16em;
}
.sec5-t5 .sec5-cifr{
    top: 0.55em;
    left: -1.14em;
}
.sec5-zz {
    width: 51.7%;
    margin: 0 auto;
}
.sec5-zz-left {
    width: 55%;
    padding-top: 1.4em;
    padding-left: 0.25em;
}
.sec5-zz-right {
    position: relative;
    width: 43%;
    padding-top: 0.25em;
    padding-right: 2.7em;
    margin-bottom: 4em;
}
.sec5-zz-title{
    font-family: vBold;
    color: #001c45;
    font-size: 1.23em;
    margin-bottom: 1.1em;
}
.sec5-zz-title span{
    display: block;
    font-size: 1.41em;
    margin-bottom: 0.32em;
    color: #ffffff;
    text-transform: uppercase;
    text-shadow: 0 0 7px rgba(0, 28, 69, 0.73);
}
.sec5-zz-btn {
    padding-left: 3.3em;
}
.sec5-zz-img{
    display: block;
    width: 100%;
}
#sec6 {
    width: 100%;
    padding-top: 1em;
}
.sec6-title{
    font-size: 1.543em;
    margin-left: 1.5em;
    margin-bottom: 1.65em;
}
.sec6-title span{
    display: block;
    text-transform: uppercase;
    font-family: vBold;
    color: #588fd8;
    font-size: 1.2em;
}
.sec6-info {
    padding-bottom: 4.5em;
}
.sec6-btn{
    position: relative;
}
.sec6-btn:hover .sec6-prev {
    -webkit-filter: drop-shadow(0 0 2px #1e65a4);
    filter: drop-shadow(0 0 2px #1e65a4);
}
.sec6-prev{
    width: 7.9em;
}
.sec6-prev-tri{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.3em;
}
#to-left .sec6-prev-tri{
    right: 2.3em;
}
#to-right .sec6-prev-tri{
    left: 2.3em;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.sec6-prev-hov{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.3em;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
#to-left .sec6-prev-hov{
    right: 2.3em;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
#to-right .sec6-prev-hov{
    left: 2.3em;
}
.sec6-info-box {
    width: 73em;
}
.sec6-btn:hover .sec6-prev-hov{
    opacity: 1;
}
.sec6-company {
    width: 71em;
    margin-top: 1.6em;
    padding-right: 0.7em;
    padding-left: 2.2em;
    margin-right: 0.5em;
    margin-bottom: 2.4em;
}
.sec6-company-top {
    width: 100%;
    margin-bottom: 3.3em;
}
.sec6-company-bottom {
    width: 100%;
}
.sec6-comp {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4.9em;
    -webkit-box-shadow: -0.5em 0.5em 1.8em 0 rgba(0,28,70,0.33);
    box-shadow: -0.5em 0.5em 1.8em 0 rgba(0,28,70,0.33);
    margin-left: 0.7em;
    padding: 0 1.2em;
}
.sec6-comp:before{
    content: "";
    position: absolute;
    top: 0.4em;
    left: 0.4em;
    width: 100%;
    height: 100%;
    border: 0.1em solid #1e3f71;
}
.sec6-comp:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
}
.sec6-comp img {
    max-height: 3.3em;
    min-height: 2.3em;
    z-index: 1;
}
.section-bottom{
    position: relative;
    width: 100%;
    background-image: url("../img/section-bottom.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
}
#sec7{
    width: 100%;
    margin-top: -2.6em;
    padding-top: 11.4em;
    margin-bottom: 3.8em;
}
.sec7 {
    padding-top: 1.8em;
    padding-bottom: 2.35em;
}
.sec7-title {
    position: relative;
    width: 17.6em;
    padding-left: 2em;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}
.sec7-title.active{
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.sec7-title-pl {
    width: 100%;
}
.sec7-title-text {
    position: absolute;
    top: 3.74em;
    left: 2.95em;
    color: #ffffff;
    font-size: 1.225em;
}
.sec7-title-text span {
    display: block;
    font-family: vBold;
    text-transform: uppercase;
    margin-bottom: 0.3em;
}
.sec7-shagi {
    position: relative;
    padding-top: 0.6em;
}
.sec7-sh1{
    margin-right: 1.9em;
}
.sec7-sh2{
    margin-right: 4.8em;
}
.sec7-sh3{
    margin-right: 2.7em;
}
.sec7-shag-nom{
    margin: 0 auto;
    font-size: 1.25em;
    width: 1.94em;
    height: 1.94em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0.08em solid #03388a;
    background: #ffffff;
    color: #cd0013;
    border-radius: 50%;
}
.sec7-icon-box{
    margin: 0.65em auto 1.5em;
    width: 5.85em;
    height: 5.85em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ffffff;
    -webkit-box-shadow: 0 0.9em 2.4em 0 rgba(0, 28, 69, 0.3);
    box-shadow: 0 0.9em 2.4em 0 rgba(0, 28, 69, 0.3);
}
.sec7-sh2 .sec7-icon-box{
    margin: 0.65em auto 1.2em;
}
.sec7-icon{
    height: 70%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}
.sec7-icon.active{
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.sec7-shag-text {
    font-size: 1.19em;
}
.sec7-sh1 .sec7-shag-text{
    margin-left: 2.9em;
    width: 14.4em;
}
.sec7-sh2 .sec7-shag-text{
    margin-left: 0.9em;
    width: 13em;
}
.sec7-sh3 .sec7-shag-text{
    margin-left: 1em;
    width: 14.5em;
}
.sec7-shag-text span {
    font-family: vBold;
    text-transform: uppercase;
}
.sec7-shag1{
    position: absolute;
    top: 0.25em;
    left: 9.8em;
    width: 20.2em;
    -webkit-clip-path: polygon(2% 100%, 2% 100%, 2% 100%, 0 100%, 0 100%, 2% 100%);
    clip-path: polygon(2% 100%, 2% 100%, 2% 100%, 0 100%, 0 100%, 2% 100%);
}
@-webkit-keyframes shag1{
    0%{-webkit-clip-path: polygon(2% 100%, 2% 100%, 2% 100%, 0 100%, 0 100%, 2% 100%);clip-path: polygon(2% 100%, 2% 100%, 2% 100%, 0 100%, 0 100%, 2% 100%);}
    10%{-webkit-clip-path: polygon(2% 10%, 2% 10%, 2% 100%, 0 100%, 0 0, 2% 0);clip-path: polygon(2% 10%, 2% 10%, 2% 100%, 0 100%, 0 0, 2% 0);}
    80%{-webkit-clip-path: polygon(100% 10%, 2% 10%, 2% 100%, 0 100%, 0 0, 100% 0);clip-path: polygon(100% 10%, 2% 10%, 2% 100%, 0 100%, 0 0, 100% 0);}
    100%{-webkit-clip-path: polygon(100% 100%, 2% 100%, 2% 100%, 0 100%, 0 0, 100% 0);clip-path: polygon(100% 100%, 2% 100%, 2% 100%, 0 100%, 0 0, 100% 0);}
}
@keyframes shag1{
    0%{-webkit-clip-path: polygon(2% 100%, 2% 100%, 2% 100%, 0 100%, 0 100%, 2% 100%);clip-path: polygon(2% 100%, 2% 100%, 2% 100%, 0 100%, 0 100%, 2% 100%);}
    10%{-webkit-clip-path: polygon(2% 10%, 2% 10%, 2% 100%, 0 100%, 0 0, 2% 0);clip-path: polygon(2% 10%, 2% 10%, 2% 100%, 0 100%, 0 0, 2% 0);}
    80%{-webkit-clip-path: polygon(100% 10%, 2% 10%, 2% 100%, 0 100%, 0 0, 100% 0);clip-path: polygon(100% 10%, 2% 10%, 2% 100%, 0 100%, 0 0, 100% 0);}
    100%{-webkit-clip-path: polygon(100% 100%, 2% 100%, 2% 100%, 0 100%, 0 0, 100% 0);clip-path: polygon(100% 100%, 2% 100%, 2% 100%, 0 100%, 0 0, 100% 0);}
}
.sec7-shag1.active{
    -webkit-animation: shag1 1s linear forwards;
    animation: shag1 1s linear forwards;
}
.sec7-shag2{
    position: absolute;
    bottom: 0em;
    left: 29.45em;
    width: 23em;
    -webkit-clip-path: polygon(2% 0, 2% 0, 2% 0, 0 0, 0 0, 2% 0);
    clip-path: polygon(2% 0, 2% 0, 2% 0, 0 0, 0 0, 2% 0);
}
@-webkit-keyframes shag2{
    0%{-webkit-clip-path: polygon(6% 0, 6% 0, 6% 0, 0 0, 0 0, 6% 0);clip-path: polygon(6% 0, 6% 0, 6% 0, 0 0, 0 0, 6% 0);}
    10%{-webkit-clip-path: polygon(6% 90%, 6% 90%, 6% 100%, 0 100%, 0 0, 6% 0);clip-path: polygon(6% 90%, 6% 90%, 6% 100%, 0 100%, 0 0, 6% 0);}
    80%{-webkit-clip-path: polygon(6% 90%, 100% 90%, 100% 100%, 0 100%, 0 0, 6% 0);clip-path: polygon(6% 90%, 100% 90%, 100% 100%, 0 100%, 0 0, 6% 0);}
    100%{-webkit-clip-path: polygon(6% 0, 100% 0, 100% 100%, 0 100%, 0 0, 6% 0);clip-path: polygon(6% 0, 100% 0, 100% 100%, 0 100%, 0 0, 6% 0);}
}
@keyframes shag2{
    0%{-webkit-clip-path: polygon(6% 0, 6% 0, 6% 0, 0 0, 0 0, 6% 0);clip-path: polygon(6% 0, 6% 0, 6% 0, 0 0, 0 0, 6% 0);}
    10%{-webkit-clip-path: polygon(6% 90%, 6% 90%, 6% 100%, 0 100%, 0 0, 6% 0);clip-path: polygon(6% 90%, 6% 90%, 6% 100%, 0 100%, 0 0, 6% 0);}
    80%{-webkit-clip-path: polygon(6% 90%, 100% 90%, 100% 100%, 0 100%, 0 0, 6% 0);clip-path: polygon(6% 90%, 100% 90%, 100% 100%, 0 100%, 0 0, 6% 0);}
    100%{-webkit-clip-path: polygon(6% 0, 100% 0, 100% 100%, 0 100%, 0 0, 6% 0);clip-path: polygon(6% 0, 100% 0, 100% 100%, 0 100%, 0 0, 6% 0);}
}
.sec7-shag2.active{
    -webkit-animation: shag2 1s linear forwards;
    animation: shag2 1s linear forwards;
}
.sec7-shag3{
    position: absolute;
    top: 0.85em;
    right: 11.8em;
    width: 24.4em;
    -webkit-clip-path: polygon(0 0, 0 0, 0 15%, 0 40%);
    clip-path: polygon(0 0, 0 0, 0 15%, 0 40%);
}
@-webkit-keyframes shag3{
    0%{-webkit-clip-path: polygon(0 0, 0 0, 0 15%, 0 40%);clip-path: polygon(0 0, 0 0, 0 15%, 0 40%);}
    90%{-webkit-clip-path: polygon(0 0, 100% 0, 100% 15%, 0 40%);clip-path: polygon(0 0, 100% 0, 100% 15%, 0 40%);}
    100%{-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}
@keyframes shag3{
    0%{-webkit-clip-path: polygon(0 0, 0 0, 0 15%, 0 40%);clip-path: polygon(0 0, 0 0, 0 15%, 0 40%);}
    90%{-webkit-clip-path: polygon(0 0, 100% 0, 100% 15%, 0 40%);clip-path: polygon(0 0, 100% 0, 100% 15%, 0 40%);}
    100%{-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}
.sec7-shag3.active{
    -webkit-animation: shag3 1s linear forwards;
    animation: shag3 1s linear forwards;
}
.sec7-airplane{
    position: absolute;
    top: -4.35em;
    left: 16.55em;
    width: 9.45em;
}
.sec7-zz {
    margin: 5.8em auto 0;
    width: 69.4%;
    height: 21.3em;
    padding-left: 0.8em;
}
.sec7-zz-box {
    position: relative;
    width: 100%;
    height: 100%;
    border: 0.38em solid #dddddd;
    padding-left: 1.9em;
}
.sec7-zz-title{
    font-family: vBold;
    color: #001c45;
    font-size: 1.236em;
    margin-bottom: 2.7em;
}
.sec7-zz-title span{
    display: block;
    font-size: 1.5em;
    color: #ffffff;
    text-transform: uppercase;
    text-shadow: 0 0 0.3em rgba(0, 28, 69, 0.73);
    margin-bottom: 0.3em;
}
.sec7-zz-btn {
    padding-left: 5.45em;
    padding-bottom: 1.2em;
}
.sec7-zz-right{
    position: absolute;
    top: -7.2%;
    right: -2.6%;
    width: 48%;
    height: 97%;
    background: #ffffff;
    -webkit-box-shadow: 0 1.8em 3.5em 0.2em rgba(0, 28, 69, 0.42);
    box-shadow: 0 1.8em 3.5em 0.2em rgba(0, 28, 69, 0.42);
}
.sec7-zz-right img{
    position: absolute;
    top: 0;
    left: 51.4%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 86%;
}
.sec-bottom-cloud{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 1;
}
#foot{
    position: relative;
    width: 100%;
    border-top: 0.1em solid #d1d1d1;
    padding: 1em 0 1.5em;
    z-index: 1;
}
.foot-left{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.foot-info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.foot-pl {
    height: 3.3em;
}
.foot-icon{
    position: absolute;
    right: 2.1em;
    top: 50%;
    -webkit-transform: translateX(50%) translateY(-50%);
    -ms-transform: translateX(50%) translateY(-50%);
    transform: translateX(50%) translateY(-50%);
    height: 2em;
}
.foot-text{
    font-size: 0.73em;
    margin-left: 1.4em;
    line-height: 1.2;
    width: 18em;
    margin-right: 3em;
}
.foot-info:nth-child(2) .foot-text{
    margin-left: 1.2em;
    margin-right: 1.1em;
}
.foot-info:nth-child(3) .foot-text{
    margin-left: 2.1em;
    margin-right: unset;
}
.foot-right {
    padding-right: 0.8em;
    padding-bottom: 0.5em;
}
.maint-icon{
    height: 1.44em;
}
.modal-open {
    overflow: hidden;
    padding-right: 0!important;
}
.modal-content {
    border: none;
    border-radius: 0;
}
.close-modal {
    position: absolute;
    top: 0.6em;
    right: 0.6em;
    background: #ffffff;
    z-index: 1;
    padding: 0.3em;
}
.close {
    position: relative;
}
.close img {
    width: 1.8em;
}
.modal-body {
    margin: 1.6em;
    border: 1px solid #20325c;
    padding: 1.5em;
    padding-right: 2.6em;
}
.form-group label {
    font-family: vBold;
    font-size: 0.75em;
    display: block;
    text-align: start;
    margin-bottom: 1em;
}
.modal-dialog-centered {
    font-size: 1vw !important;
    max-width: 34em;
    margin: 1.5rem auto;
    min-height: calc(100% - 3rem);
}
.form-group .input {
    position: relative;
    -webkit-box-shadow: 0 0 1.5em 0.3em rgba(0, 0, 0, 0.24);
    box-shadow: 0 0 1.5em 0.3em rgba(0, 0, 0, 0.24);
    margin-bottom: 2em;
}
.form-group input {
    position: relative;
    font-size: 0.85em;
    width: 100%;
    outline: 0;
    border: none;
    padding: 0.8em;
    z-index: 1;
}
.form-group .input:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0.4em;
    left: 0.4em;
    border: 0.08em solid #254678;
}
.modal-button {
    padding-left: 4em;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
}
@-webkit-keyframes faderight2 {
    from {
        opacity: 0.3;
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes faderight2 {
    from {
        opacity: 0.3;
        -webkit-transform: translate3d(-100px, 0, 0);
        transform: translate3d(-100px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.modal-button button{
    opacity: 0;
    -webkit-animation: faderight2 0.6s linear 0.6s forwards;
    animation: faderight2 0.6s linear 0.6s forwards;
}
.modal-dialog-centered:before{
    display: none;
}
.mob_block{
    display: none;
}
input.error{
    background: #29c0ff;
}
.black_loader {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 100;
    display: none;
}
.black_loader  .loader {
    width: 4em;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    background: none;
}



