.travel .titlepage {background: none !important;}
.travel .slider-facts {display: none !important;}
.travel ul li, .travel ul li:before {border-left: none;}
.travel, .travel h2 {color: #fff;}

.travel .block0 {margin-top: -11rem; padding-top: 13rem; background: url(/media/img/spaceflights/block0_bg.jpg) no-repeat 50% 100% #000; color: #fff; box-sizing: border-box;}
.travel .block0 .dream {line-height: 1.3em; font-size: 2.2rem; padding: 2rem 0 3rem 0;}
.travel .block0 .now {font-size: 1.3rem; margin-right: 2rem; padding: 0 0 0 165px; float: right; position: relative; display: inline-block;}
.travel .block0 .now:before {position: absolute; top: 0.7em; left: 0; height: 1px; width: 150px; background-image: linear-gradient(to left, #ff2e2d, rgba(255,46,45,0)); display: inline-block; content:"";}
.travel .block0 .wrapper {max-width: 1350px; height: 395px; width: 90%; margin: 0 auto; position: relative; padding: 0;}
.travel .block0 .picture { float: right; width: 607px; height: 395px; overflow: hidden;}
.travel .block0 .picture .cosmo1 {position: relative; z-index: 1; width: 100%; height: 100%;}
.travel .block0 .cosmo1hand {position: absolute; bottom: -166px; right: 0; z-index: 3; width: 607px; height: 566px; display: block;}
.travel .block0 .cosmo1hand2 {transform: translateY(0px) translateX(0) rotate(0deg); animation: cosmo1-2 2.2s ease-in-out infinite; animation-direction: alternate; position: absolute; top: 0; left: 0; z-index: 2; display: block;}
.travel .block0 .picture .cosmo1,
.travel .block0 .cosmo1hand {transform: translateY(0px) translateX(0) rotate(0deg); animation: cosmo1 3.6s ease-in-out infinite; animation-direction: alternate;}
@keyframes cosmo1 {
   0% {transform: translateY(0px) translateX(0) rotate(0deg);}
   50% {transform: translateY(1px) translateX(2px);}
   100% {transform: translateY(-2px) translateX(0) rotate(0.5deg);}
}
@keyframes cosmo1-2 {
   0% {transform: translateX(0) rotate(0deg);}
   100% {transform: translateX(0px) rotate(-2deg);}
}
@media screen and (max-width: 1281px) {
.travel .block0 .now {margin-right: 1rem; padding: 0 0 0 115px;}
.travel .block0 .now:before {width: 100px;}
}
.travel .block1 {position: relative; z-index: 2; background: url(/media/img/spaceflights/earth_bg.png) no-repeat 50% 0 #020408; color: #fff; box-sizing: border-box;}
.travel .block1 .info {width: 100%; height_: 960px; position: relative; overflow: hidden;}
.travel .block1 h1 {font-size: 1.6rem; height: 80px; position: relative; z-index: 98; padding-top: 3rem;}
.travel .block1 .info .text {position: absolute; top: 6%; left: 50%; z-index: 2; margin-left: -560px; width: 450px}
.travel .block1 .info .text p {padding: 0; line-height: 1.5rem;}
.travel .block1 .earth {width: 960px; height: 960px; position: absolute; top: 60px; left: 50%; margin-left: -480px; z-index: 1;}
.travel .block1 .earth .orbit {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -480px;
    width: 960px; height: 960px;
}
.travel .block1 .earth-rotate {width: 300px; height: 298px; border-radius: 50%; overflow: hidden; position: absolute; left: 50%; top: 50%; margin-top: -149px; margin-left: -150px;}
.travel .block1 .earth .earth-rotate:before {width: 100%; height: 100%; border-radius: 50%; box-shadow: inset 0 0 5px rgba(44,77,117,1); position: absolute; top: 0; left: 0; z-index: 2; content:""; display: block;}
.travel .block1 .earth .earth-rotate:after {width: 100%; height: 100%; border-radius: 50%; box-shadow: inset 0 0 100px rgba(20,50,90,0.9); position: absolute; top: 0; left: 0; z-index: 1; content:""; display: block;}
.travel .block1 .earth .earth-rotate img {border-radius: 50%; width: 99%; height: auto; opacity: 0.95;}

.travel .block1 .earth .orbit1 {transform: rotate(0deg); animation: orbit-left 18s linear infinite; animation-direction: normal;}
.travel .block1 .earth .orbit2 {transform: rotate(0deg); animation: orbit-right 12s linear infinite; animation-direction: normal;}
.travel .block1 .earth .orbit3 {transform: rotate(0deg); animation: orbit-right 22s linear infinite; animation-direction: normal;}
@keyframes orbit-left {
   0% {transform: rotate(0deg);}
   100% {transform: rotate(-360deg);}
}
@keyframes orbit-right {
   0% {transform: rotate(0deg);}
   100% {transform: rotate(360deg);}
}

.travel .block1 ul {height: 900px; margin: 0; padding: 0; position: relative; z-index: 3;}
.travel .block1 ul li {margin: 0; line-height: 1.4em; border: none; width: 350px; position: absolute; left: 50%; padding: 0; border: 0;}
.travel .block1 ul li:after,
.travel .block1 ul li:before {display: none !important;}
.travel .block1 ul li .blue {display: block; margin-bottom: 0.5rem; font-size: 1.3rem;}
.travel .block1 ul li:nth-child(1),
.travel .block1 ul li:nth-child(2),
.travel .block1 ul li:nth-child(3) {text-align: right;}
.travel .block1 ul li:nth-child(1) {top: 23%; margin-left: -560px;}
.travel .block1 ul li:nth-child(2) {top: 45%; margin-left: -630px;}
.travel .block1 ul li:nth-child(3) {top: 65%; margin-left: -560px;}
.travel .block1 ul li:nth-child(4) {top: 82%; margin-left: -120px; width: 240px! important; text-align: center;}
.travel .block1 ul li:nth-child(5) {top: 65%; margin-left: 210px;}
.travel .block1 ul li:nth-child(6) {top: 45%; margin-left: 280px; width: 300px! important;}
.travel .block1 ul li:nth-child(7) {top: 23%; margin-left: 210px;}
.travel .block1 ul li:nth-child(8) {top: 100px;}

.why {overflow: hidden; max-width: 100%; background: url(/media/img/spaceflights/why_bg.jpg) no-repeat 0 0 #296fc5; background-size: cover; padding: 5rem 5rem 0 5rem; color: #fff; position: relative; box-sizing: border-box;}
.why .cosmo2 {position: absolute; bottom: 0; left: 45%; z-index: 0;}
.why .sl-nav {font-family: fonts;}
.why .sl-nav a {border: 1px dashed rgba(255,255,255,0.7); background: rgba(7,24,138,0.5); padding-right: 2rem; height: 60px; line-height: 60px; color: #fff; display: inline-block; margin: 0 20px; text-transform: uppercase; position: relative; border-radius: 30px;}
.why .sl-nav a.active {background: rgba(7,24,138,1) !important;}
.why .sl-nav a:hover {background: #2f7fe2;}
.why .sl-nav a:after {display: none;}
.why .sl-nav a:before {transform: translateY(0); animation: jump2 1.1s ease-in-out infinite; animation-direction: alternate; width: 43px; height: 39px; border: none; background: url(/media/img/spaceflights/icon_check-red.png) 0 0 no-repeat; content: ''; display: block; position: relative; float: left; margin: 11px 5px 0 10px;}
.why .sl-nav a:hover:before {animation: none;}
@keyframes jump2 {
   100% {transform: translateY(5px);}
}
.why .slick-content {height: 615px;}
.why .slick-content .slide {text-align: left;}
.why .slick-content .slide .text {max-width: 50%; box-sizing: border-box;}
.why .slick-content .slide .text li a {color: #71aae1; border-top: 1px dashed #71aae1; display: block; margin: 0.4em 0 3rem 0; font-size: 0.9rem; text-decoration: none;}
.why .slick-content .slide .text li a i {color: #ff2e2d; font-size: 1.5rem;display: inline-block; line-height: 1rem; position: relative; top: 3px;}
.why .slick-content .slide .text li a:hover {color: #fff;}
.why .slick-content .slide .text li a:hover i {transform: translateX(0); animation: jump 0.8s ease-in-out infinite; animation-direction: alternate; }
.why .slick-content .slide .text li .red {text-shadow: 0px 0px 1px #fff;}
.why .slick-content .slide .text li big {border-bottom: 2px solid #ff2e2d;}
.why ul, .why ul li {padding-left:0; margin-left: 0;}
.why ul li {border: none !important; margin-bottom: 2rem;}
.why ul li:before {display: none;}
/*
.why ul li:after {width: 30px; height: 1px; background: #ff2e2d; position: absolute; top: 100px; left: 0; display: block; content:'';}
*/
.why ul li img {width: 85px; width: 85px; background: rgba(7,24,138,0.4); position: relative; margin-right: 15px !important; display: block; float: left; border_: 1px dashed #fff; border-radius: 50%; box-sizing: border-box;} 
.why ul li span {height: 90px; width: calc(100% - 110px); display: table-cell; vertical-align: middle;}
@media screen and (min-width: 1600px) {
.why .slick-content .slide .text {margin-left: 8rem; max-width: 45%;}
}

.block3-4bg {background: url(/media/img/spaceflights/block3-4bg.png) no-repeat 0 0 #133b7d; color: #fff; box-sizing: border-box; position: relative; z-index: 0;}
.obzor-missii {padding-top: 3rem; position: relative; color: #fff; background_: url(/im/bg_dark.png) no-repeat 0 0 #1d5296;}
.obzor-missii .slick-content {position: relative; z-index: 2;}
.obzor-missii .slick-content h3 {text-align: center; text-transform: uppercase; padding-top: 2rem;}
.obzor-missii .slick-content ul li img {margin-left: 0;}
.obzor-missii .slick-content ul {transition: all 0.9s linear; transform: translateY(40px); opacity: 0;}
.obzor-missii .slick-content .slick-active ul {transform: translateY(0); opacity: 1;}
.obzor-missii ul {margin: 0 !important; padding: 0 !important;}
.obzor-missii ul li:before {display: none;}
.obzor-missii ul li {border: none !important; text-align: left !important; line-height: 1.3rem; display: block; float: left; width: calc(33.3333% - 4rem); padding: 0; margin: 2rem; box-sizing: border-box;}
.obzor-missii ul li img {display: block; float: left; background: #2f7fe2; width: 70px; height: 70px; line-height: 70px; text-align: center; margin-right: 15px !important; border-radius: 50%;}
.obzor-missii ul li span {line-height: 1.5rem; height: 70px; width: calc(100% - 90px); display: table-cell; vertical-align: middle;}
.obzor-missii ul li a.popup {color: #fff; position: relative; display: block;}
.obzor-missii ul li a.popup:hover {color: #01a5fe;}
.obzor-missii ul li a.popup span {padding: 1.1rem 0 0 85px; vertical-align: top !important;  position: relative;}
.obzor-missii ul li a.popup span:before {color: #ff2e2d; font-size: 2rem; width: 40px; height: 1.2rem; border: none; content: "\2192"; display: block; position: absolute; top: -7px; left: 85px;}
.obzor-missii ul li a:hover.popup span:before {transform: translateX(0); animation: jump 0.8s ease-in-out infinite; animation-direction: alternate;}
@keyframes jump {
   100% {transform: translateX(5px);}
}
.obzor-missii ul li a.popup strong {color: #2f7fe2; font-size: 3.2rem; font-weight: 800; display: block; line-height: 40px; width: 75px; text-align: left; position: absolute; top: 0; left: 0;}
.obzor-missii .sl-nav {padding: 0; margin-top: 5rem; margin-bottom: 1rem;}
.obzor-missii .sl-nav a:after {display: none;}
.obzor-missii .sl-nav a {border: 1px dashed rgba(255,255,255,0.8); color: #fff; background: rgba(0,0,0,0.1); display: inline-block; margin: 0 15px; text-transform: uppercase; position: relative; border-radius: 3rem; text-decoration_: none; font-size: 0.9rem; padding_: 0 2rem; text-align: center; width: 300px; line-height: 50px; height: 50px; box-sizing: border-box;}
.obzor-missii .sl-nav a:hover {background: rgba(0,0,0,0.3) !important; border: 1px dashed rgba(47,127,226,1);}
.obzor-missii .sl-nav a:nth-child(1) {background: rgba(47,127,226,0.4);}
.obzor-missii .sl-nav a.active {background: #2f7fe2;}
.obzor-missii .sl-nav:after,
.obzor-missii .sl-nav:before {display: inline-block; position: absolute; top: 24px;
    background-image_: linear-gradient(to right, rgba(47,127,226,0), #2f7fe2, #2f7fe2, rgba(47,127,226,0));
    height: 1px;
    width: calc(50% - 315px);
    margin_: -25px auto 0 auto;
    display: block;
    content: "";
}
.obzor-missii .sl-nav:before {left: 0; background-image: linear-gradient(to right, rgba(47,127,226,0), #2f7fe2, #2f7fe2);}
.obzor-missii .sl-nav:after {right: 0; background-image: linear-gradient(to right, #2f7fe2, #2f7fe2, rgba(47,127,226,0));}

.rocket-popup-nav {background: none !important;}
.rocket-popup-nav li a {color: #2f7fe2; text-align: left; padding: 0 2em;}
.rocket-popup-nav li:last-child a {text-align: right !important;}
.spaceflights-popup {padding: 40px 80px 120px 80px; background: #fff;}
.spaceflights-popup p {line-height: 2em;}
.spaceflights-popup .description span {font-size: 1.3rem; color: #8592ab; font-family: fonts-bold; position: absolute; top: 40px; left: 40px;}
.spaceflights-popup .description em {font-style: normal; font-size: 1.5em;}
.spaceflights-popup .description h3 {text-align: center; margin: 1em 0 1.5em 0; display_: inline-block; min-height_: 80px;}
.spaceflights-popup .description i {padding: 5px; background: #2f7fe2; border-radius: 50%; display: block; float_: left; width: 92px; height: 92px; margin: 0 auto;}
.spaceflights-popup .description i img {border: 1px dashed #fff; filter: brightness(1000%); border-radius: 50%;}


.iss {padding-top: 150px; margin: -100px 0 -170px 0; width: 100%; position: relative;}
.iss h2 {color: #2f7fe2; font-size: 1.5rem; text-align: center; text-transform: uppercase;}
.iss h2:after {width: 60%; margin: 0 auto 0 auto; height: 1px; display: block; display: block; content: ""; background-image: linear-gradient(to right, rgba(47,127,226,0), #2f7fe2, rgba(47,127,226,0));}
.iss-pict img {width: 100%; height: auto; margin-top: -50px;}
.iss .iss-pict {position: relative;}
.iss-pict img.round-fill {position: absolute; top: 0; left: 0; z-index: 2; animation: pulse 1.1s ease-in-out infinite alternate; transform: scale(1); opacity: 1;}
.iss-pict img.station {position: absolute; top: 0; left: 0; z-index: 3;}
.iss-pict img.round-stroke {position: absolute; top: 0; left: 0; z-index: 4; animation: pulse 1.1s ease-in-out infinite alternate; transform: scale(1); opacity: 1;}
@keyframes pulse {
   100% {transform: scale(0.98); opacity: 0.7;}
}
.iss .iss-text {position: absolute; z-index: 5; top: 25%; margin-left: -275px; top_: 50%; left: 50%; width: 650px;}
.iss .iss-text:before {display: none !important;}
.iss .iss-text .tth .cell {width: auto !important;}
.iss-pict .link {width: 220px; height: 220px; display: block; position: absolute; top: 55%; left: 50%; z-index: 6;}
@media screen and (min-width: 1600px) {
.iss-pict .link {width: 280px; height: 280px;}
}
.souz-info {padding: 1rem 5rem 0 7rem; position: relative;}
.souz-info.slick-dzz:before {display: none !important;}
.souz-info .tth {margin-top: 2rem;}
.tth .cell {margin: 0rem 3rem 0rem 0 !important; height: 100px !important;}
.souz-ms {width: 43%; float: right; position: relative; z-index: 4;}
.souz-ms .info {width: 30%; position: absolute; top: -50px; left: 50%;}
.souz-rn {width: 56%; float: left; position: relative; z-index: 1;}
.souz-rn .tth {max-width: 240px;}
.souz-rn .tth .cell {float: none !important;}
.souz-rn .rn {animation: rocket 1s steps(24) infinite; width: 715px; min-height: 807px; height: 100%; float: right; margin: 0 20px 0 -487px; position: relative; background: url(/media/img/spaceflights/souz_launch_sprite.png) no-repeat 0 100%; z-index: 0;}
@keyframes rocket { 
0% { background-position: 0px;}
100% { background-position: -17160px;}
}
.souz-rn .rn:after {background: url(/media/img/spaceflights/souz_launch_round.png) no-repeat 0 100%; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; display: block; content:'';}
.iss h4, .souz-info h4 {position: relative; z-index: 4; margin-bottom: 2rem; color: #ff2e2d;}
h4 .red a {color: #ff2e2d !important;}
.iss h4 { margin-bottom: 3rem !important;}
.iss h4:after, .souz-info h4:after {
    box-sizing: border-box;
    content: "";
    width: 91px;
    height: 4px;
    background: url(/im/b-border.png) no-repeat;
    position: absolute;
    bottom: -20px;
    left: 0;
}
.souz-rn .text {padding-right: 460px; position: relative; z-index: 4;}
@media screen and (max-width: 1600px) {
.iss_ {margin: -100px 0 -140px 0;}
.iss h3 {float: none;}
.souz-info .souz-ms,
.souz-info .souz-rn {float: none; width: 100%;}
.souz-info .souz-rn {padding-top: 8rem;}
.souz-rn .rn {margin-top: -5rem;}
}

.your-mks-1 {padding: 5rem 0; background: url(/media/img/spaceflights/your-mks_bg1.jpg) no-repeat 100% 0 #000c1d; background-size: cover; box-sizing: border-box; position: relative;}
.your-mks-1 h1 {margin-bottom: 140px;}
.your-mks-1 .picture {background: url(/media/img/spaceflights/cosmo_3_orbit2.png) no-repeat 100% 0; width: 50%; height: 876px; position: absolute; top: 6rem; left: 0; overflow: hidden;}
.your-mks-1 .picture .orbit-rotate {transform: rotate(0deg); animation: orbit-right 12s linear infinite; width: 876px; height: 876px; position: absolute; top: 0; right: 0;}
.your-mks-1 ul {width: calc(50% + 150px); margin: -35px 0 0 -150px; float: right; position: relative; z-index: 2; padding: 0; box-sizing: border-box;}
.your-mks-1 ul li {border: none; height: 80px; box-sizing: border-box; padding-right: 3rem; font-size: 1.2rem;}
.your-mks-1 ul li:before {border-left: 5px solid #ff2e2d;}
.your-mks-1 ul li:nth-child(2),
.your-mks-1 ul li:nth-child(6) {margin-left: 50px;}
.your-mks-1 ul li:nth-child(3),
.your-mks-1 ul li:nth-child(5) {margin-left: 75px;}
.your-mks-1 ul li:nth-child(4) {margin-left: 85px;}

.your-mks-2 {padding: 5rem 0 6rem 0; background: url(/media/img/spaceflights/your-mks_bg2.jpg) no-repeat 50% 100% #00255e; background-size: cover; position: relative;}
.your-mks-2 h1 {font-size: 1.5rem; margin-bottom: 4rem;}
.your-mks-2 ul {padding: 0; margin: 0 auto; width: 100%; max-width: 1400px; box-sizing: border-box;}
.your-mks-2 ul li {min-height: 130px; width: calc(50% - 6rem); margin: 2rem 3rem; float: left; box-sizing: border-box; position: relative;}
.your-mks-2 ul li:nth-child(odd) {padding: 0 110px 0 0;}
.your-mks-2 ul li:nth-child(even) {padding: 0 0 0 110px;}
.your-mks-2 ul li p big {display: block;}
.your-mks-2 ul li p:after {background: #ff2e2d; margin: 0;
    background-image_: linear-gradient(to left, #ff2e2d, rgba(255,46,45,0));
    height: 1px;
    width: 100px;
    display: inline-block;
    content: "";
}
.your-mks-2 ul li:blue {display: block; color: #71aae1;}
.your-mks-2 ul li:nth-child(odd), .your-mks-2 ul li:nth-child(odd) p {text-align: right;}
.your-mks-2 ul li img {width: 85px; height: 85px; border: 1px dashed #71aae1; background: rgba(44,158,255,0.4); position: absolute; top: 0; margin-right_: 15px; display: block; border-radius: 50%; box-sizing: border-box;}
.your-mks-2 ul li:nth-child(odd) img {right: 0;}
.your-mks-2 ul li:nth-child(even) img {left: 0;}
.your-mks-2 .contact-comm {width: 800px; margin: 4rem auto 0 auto;}
.your-mks-2 .contact-comm:before {width: 100%;
    margin: 0 auto 2rem auto;
    height: 1px;
    display: block;
    content: "";
    background-image: linear-gradient(to right, rgba(47,127,226,0), #2f7fe2, rgba(47,127,226,0));
}
.your-mks-2 .contact-comm .fl {line-height: 2.2rem; font-size: 1.5rem; width: 60%; padding-right: 3rem; text-align: right; float: left; position: relative;}
.your-mks-2 .contact-comm .fl:after {width: 65%; height: 3px; background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1)); position: absolute; right: 3.3rem; bottom: -21px; display: block; content: "";}
.your-mks-2 .contact-comm .fl:before {width: 3px; height: 3px; background: #fff; position: absolute; right: 3rem; bottom: -21px; display: block; content: "";}
.your-mks-2 .contact-comm .fr { width: 40%; float: right;}
.your-mks-2 .contact-comm .fr p {padding: 0; line-height: 2.2rem; position: relative;}
.your-mks-2 .contact-comm .fr .red:after {width: 40px; height: 1px; background: #ff2e2d; position: absolute; left: 0; bottom: 0px; display: block; content: "";}
.your-mks-2 .contact-comm .fr a {color: #71aae1;}
.logo-comm {text-align: center; margin-top: 5rem;}
.logo-comm img {margin: 0 auto;}

.travel blockquote {
    color: #6faae1;
    border-left: none;
    background: url(/media/img/spaceflights/information.png) 0 0 no-repeat;
    margin: 0 0 0 -55px;
    padding: 30px 20px 15px 55px;
}


@media screen and (min-width: 1281px) {
.fancybox-wrap {min-height: 440px;}
.fancybox-wrap {width: 55% !important;}
}
@media screen and (max-width: 1600px) {
.travel .info .text {max-width_: 500px;}
}


/*----- Animation -----*/
@keyframes move-up {
    from {transform:translateY(40px); opacity: 0;}
    to   {transform:translateY(0); opacity: 1;}
}
@keyframes move-down {
    from {transform:translateY(-40px); opacity: 0;}
    to   {transform:translateY(0); opacity: 1;}
}
@keyframes move-right {
    from {transform:translateX(-40px); opacity: 0;}
    to   {transform:translateX(0); opacity: 1;}
}
@keyframes move-left {
    from {transform:translateX(40px); opacity: 0;}
    to   {transform:translateX(0); opacity: 1;}
}
@keyframes opacity {
    from {opacity: 0;}
    to   {opacity: 1;}
}
@keyframes type{
    from {width: 0;}
    to {width: 100%;}
}
@keyframes scale{
    to {transform: scale(1); opacity: 1;}
}
.body-wrap{max-width: 100%; overflow: hidden;}
.titlepage h1 p {animation: move-down ease-in-out 0.6s forwards 0.3s; opacity: 0;}
h1 span {opacity: 0; transform: translateY(-40px); display: inline-block;}
.active h1 span {animation: move-down ease-in-out 0.6s forwards 0.3s;}
h3 span,
.why .cosmo2,
.why .sl-nav a {opacity: 0; transform: translateY(40px); display: inline-block;}
.active h3 span,
.why.active .sl-nav a {animation: move-up ease-in-out 0.6s forwards 0.3s;}
.why.active .cosmo2 {animation: move-up ease-in-out 1.2s forwards 0.8s;}

.travel .block0 .dream {animation: move-right ease-in-out 1.2s forwards 0.8s; opacity: 0; transform:translateX(40px);}
.travel .block0 .now,
.why .slick-content .slide .text {animation: move-left ease-in-out 1.2s forwards 0.8s; opacity: 0; transform:translateX(40px);}
.block1 h1 span {animation-delay: 2s;}

h4 em {white-space: nowrap; width: 0; max-width: 500px; overflow: hidden; display: inline-block; font-style: normal;}
.active h4 em {animation: type 3s steps(50, end) forwards 0.3s;}
.obzor-missii .sl-nav {animation: opacity ease-in-out 1s forwards 0.6s; opacity: 0;}

.obzor-missii ul li,
.your-mks-1 ul li {opacity: 0; transform:translateX(40px);}
.obzor-missii.active ul li,
.your-mks-1.active ul li {animation: move-left ease-in-out 0.8s forwards;}
.obzor-missii.active ul li:nth-child(1),
.your-mks-1.active ul li:nth-child(1) {animation-delay: 0.6s;}
.obzor-missii.active ul li:nth-child(2),
.your-mks-1.active ul li:nth-child(2) {animation-delay: 1s;}
.obzor-missii.active ul li:nth-child(3),
.your-mks-1.active ul li:nth-child(3) {animation-delay: 1.4s;}
.obzor-missii.active ul li:nth-child(4),
.your-mks-1.active ul li:nth-child(4) {animation-delay: 1.8s;}
.obzor-missii.active ul li:nth-child(5),
.your-mks-1.active ul li:nth-child(5) {animation-delay: 2.2s;}
.obzor-missii.active ul li:nth-child(6),
.your-mks-1.active ul li:nth-child(6) {animation-delay: 2.6s;}
.your-mks-1.active ul li:nth-child(7) {animation-delay: 3s;}

.your-mks-1 .picture {transform: scale(0); opacity: 0; }
.your-mks-1.active .picture {animation: scale ease-in-out 0.5s forwards 0.8s;}

.your-mks-2 ul li:nth-child(2n+1) {opacity: 0; transform:translateX(40px);}
.your-mks-2.active ul li:nth-child(2n+1) {animation: move-right ease-in-out 1.2s forwards 0.8s;}
.your-mks-2 ul li:nth-child(2n) {opacity: 0; transform:translateX(-40px);}
.your-mks-2.active ul li:nth-child(2n) {animation: move-left ease-in-out 1.2s forwards 0.8s;}
.your-mks-2 .contact-comm {opacity: 0; transform: translateY(40px);}
.your-mks-2.active .contact-comm {animation: move-up ease-in-out 0.6s forwards 2s;}


/*-----id35--------*/
.blue2 {color: #71aae1;}

.link-ppn {text-align: right; white-space: nowrap; display: block; position: absolute; top: 27px; left: 50%; width: 280px; height: 80px; margin-left: -297px; z-index: 3;}
.link-ppn:after {border-bottom: 1px solid rgba(47, 127, 226, 0.5); width: 200px; height: 50%; content:""; display: inline-block; position: absolute; top: 0; right: 0;}
.link-ppn a {width: 80px; height: 80px; color: #2f7fe2; background: #2f9ce2; display: block; text-decoration: none; border-radius: 50%; transition: all 0.3s linear; position: relative;}
.link-ppn a:hover {background: #2f7fe2;}
.link-ppn a:before {pointer-events: none; width: 100%; height: 100%; background: url(/media/img/launch/ppn/icons_ppn_dark.png) no-repeat 50% 50%; background-size: cover; content:""; display: block; position: absolute; top: 0; right: 0; z-index: 5;}
.link-ppn a:after {
    transition: all 0.7s linear;
    pointer-events: none;
    animation: rotate 8s linear infinite;
    border: 1px dashed #2f9ce2;
    width: 90px;
    height: 90px;
    margin-left: -46px;
    border-radius: 50%;
    position: absolute;
    top: -6px;
    left: 50%;
    z-index: 2;
    display: block;
    content: "";
}


.link-missions {text-align: right; white-space: nowrap; display: block; position: absolute; top: 40px; left: 50%; width: 550px; margin-left: -567px; z-index: 3; height: 55px;}
.link-missions:after {border-bottom: 1px solid rgba(47, 127, 226, 0.5); width: 100px; height: 50%; content:""; display: inline-block; position: absolute; top: 0; right: 0;}
.link-missions a {position: absolute; top: 0; border: 1px dashed rgba(47, 127, 226, 0.5); color: #2f7fe2; background: rgba(47, 127, 226, 0.1); display: inline-block; text-transform: uppercase; border-radius: 3rem; text-decoration: none; font-size: 1rem; letter-spacing: 1px; padding: 1rem 1.5rem; transition: all 0.3s linear;}
.link-missions a:hover {background: rgba(47, 127, 226, 0.2); }
.link-missions a:nth-child(1){left: 0;}
.link-missions a:nth-child(2){right: 100px;}

.souz .souz-0 {position: absolute !important; width: 166px; height: 70px; z-index: 5 !important;}7
.souz div.souz-0:before {border: 1px dashed #ff2e2d !important;}
.souz .souz-0 a._fancy_image {position: absolute !important; opacity: 1 !important;}
.souz .souz-0 a._fancy_image:nth-child(2) {display: none;}
.souz div.souz-0:after {background: url(/media/img/launch/ppn/ic_foto.png) no-repeat 50% 50% transparent !important; content: "";}
.souz div.souz-0:hover:before {border: 1px dashed #2f7fe2;}

.info-num {position: absolute; top: 140px; left: 10%; width: 35%; margin: 0 !important; padding: 0 !important;}
.info-num .blue {display: block; position: relative; padding: 0 0 5px 0;}
.info-num .blue big {font-size: 2rem; font-family: fonts-bold;}
.info-num .blue:before {width: 100%; height: 1px; border-top: 1px dashed #2f7fe2; position: absolute; bottom: 0; left: 0; content: ""; display: block;}
.info-num .blue:after {width: 20px; height: 1px; border-top: 1px solid #ff2e2d; position: absolute; bottom: 0; right: 0; content: ""; display: block;}

.launch-intro {font-size: 1rem;}
.launch-intro ul.info-num li img {background: rgba(26, 106, 206, 1) !important;}
.launch-intro ul.info-num li {border: none !important; margin: 0 0 2em 0;}

.launch-intro ul.souz-info {position: absolute; top: 150px; left: 50%; margin: 0 0 0 180px !important; padding: 0 !important;}
.launch-intro ul.souz-info li {margin: 0 0 2em 0; font-family: fonts-bold; line-height: 18px; text-transform: uppercase; border: none !important;}
.launch-intro ul.souz-info li:before,
.launch-intro ul.info-num li:before {display: none;}
.launch-intro ul.souz-info li p,
.launch-intro ul.info-num li p,
.glavk-info ul li p {display: table-cell; vertical-align: middle; height: 85px; padding-left: 90px;}

.fotoblock {background: rgba(0,0,0,0.5); text-align: center; padding: 1.5rem 3rem; position: absolute; bottom: 0; left: 0; width: 100%;}
.fotoblock .album {display: inline-block; margin: 0 auto; max-height: 170px; overflow: hidden;}
.fotoblock .album a {display: inline-block; float: none;}
.fotoblock .album a img {transform: scale(1); transition: all 0.2s linear; opacity: 0.8; border: none !important;}
.fotoblock .album a:hover img {transform: scale(1.2);}
.line-blue {width: 50%; height: 1px; margin: 0 auto; background-image: linear-gradient(to right, rgba(47,127,226,0), #2f7fe2, rgba(47,127,226,0)); position: relative;}
.fotoblock .line-blue:before {
    content: '';
    display: block;
    position: absolute;
    top: -10px;
    left: 50%;
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 5px solid #2f7fe2;
}
.glavk-info {background: rgba(0,0,0,0.3); padding: 3rem 3rem 2rem 3rem; margin: 0 -3rem -3rem -3rem;}
.glavk-info ul li {padding_: 0 0 0 110px;
    min-height: 130px;
    width: calc(50% - 6rem);
    margin: 2rem 3rem 0 0;
    float: left;
    box-sizing: border-box;
    position: relative;
border-left: none;
}
.glavk-info ul li:before {border-left: none;}
.glavk-info ul li img,
.launch-intro ul.souz-info li img,
.launch-intro ul.info-num li img {
    width: 85px;
    height: 85px;
    border: 2px solid #1a6ace;
background-color: rgba(26, 106, 206, 0.2);
    position: absolute;
    top: 0; left: 0;
    display: block;
    border-radius: 50%;
    box-sizing: border-box;
}


.rocket-popup h3 {margin-bottom: 10px !important; font-size: 1.2rem !important;}
.rockets-popup-body .miss-pict {float: right; margin-left: 20px;}


.ppn-page { color: #fff;}
.ppn-block0 {transition: all 1s linear; padding: 13rem 3rem 0rem 3rem; margin-top: -11rem; 
background: url(/media/img/launch/ppn/ppn_block0_bg.jpg) no-repeat 50% 100% #06152e;}
.ppn-block0 .wrapper {margin-right: -3rem; min-height: 450px; padding-right_: 610px; padding-bottom: 3rem; background: url(/media/img/launch/ppn/fregat_foto.png) no-repeat 100% 0;}
.ppn-block0 .wrapper,
.ppn-block1 .wrapper {
    width: 75%;
    margin: 0 auto;
    position: relative;
    max-width: 90%;
}
.ppn-block0 p {line-height: 1.8em;}
@media screen and (max-width: 1600px) {
.ppn-block0 .wrapper ,
.ppn-block1 .wrapper {min-width: 100% !important;}
}
.ppn-block1 {margin-top_: -140px; position: relative; z-index: 3; padding: 3rem; background: url(/media/img/launch/ppn/ppn_block1_bg.jpg) no-repeat 100% 100% #02070d; background-size_: cover;}

.line-red {margin: 2rem 0; background-image: linear-gradient(to right, #ff2e2d, rgba(255,46,45,0)); height: 1px; width: 70%;}

table.missions {margin: 0 !important;}
table.missions td:after {border-top: none !important;}
table.missions th {text-align: left; background: none !important; font-weight: 400; padding: 0 !important; vertical-align: bottom;}
table.missions th p {
    white-space: nowrap;
    padding: 0 0 4px 0 !important; margin-right: 1em;
    color: #71aae1;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 1px;
    position: relative;
}
table.missions th p:after {
    width: 1%;
    height: 1px;
    background: #71aae1;
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    display: block;
}
table.missions th p:before {
    width: 98%;
    height: 1px;
    background: #71aae1;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
}
table.missions td, table.missions td p {color: #fff;}
table.missions .blue {color: #2f7fe2 !important;}
table.missions td_:nth-child(1) {font-size: 1.3rem; font-family: fonts-bold;}
table.missions td img {max-width: 100%; height: auto !important;}
table.missions td {border-bottom: 1px dotted #2f7fe2;}

.link-send {margin: 4rem -5rem -5rem -5rem; height: 270px; background: url(/media/img/launch/ppn/link_bg.png) 50% 0 no-repeat; position: relative;}
.link-send a.link { text-align: center; display: block; width: 100%; height: 100%; color: #fff; text-decoration: none; transition_: all 0.3s linear; position: relative;}
.link-send a .text1 {position: absolute; top: 30px; left: 0; display: block; width: 100%; font-size: 1.8rem; font-weight: 300; transform: translateY(3rem); opacity: 0; transition: all 0.4s linear; text-tranfform: uppercase;}
.link-send a .text2 {width: 0; overflow: hidden; text-align: left; font-family: fonts-bold; display: block; font-size: 2rem; position: absolute; top: 80px; left: 50%; margin-left: -350px; transition: all 0.4s linear;}
.link-send .but { transition: all 1.2s linear; transition-delay: 2.5s !important;
    background: url("/im/dzz_order_bg.png") 0 50% no-repeat #1a6ace; 
    display: inline-block; opacity: 0; 
    border-radius: 25px;
    text-decoration: none;
    display: inline-block; text-align: center;
    color: #fff; line-height: 48px; font-family: fonts-bold; text-transform: uppercase;
    transition: all 0.2s linear;
    position: absolute; width: 220px; left: 50%; margin-left: -110px; top: 200px;
    z-index: 9;
    font-size: 0.9rem;
}
.link-send .but span {background: rgba(202,32,39,0); border-radius: 25px; display: block; height: 100%; width: 100%; transition: all 0.4s linear;}
.link-send.active a .but {opacity: 1; transform: translateY(-40px);}
.link-send.active a .text1 {transform: translateY(0rem); opacity: 1;}
.link-send.active a .text2 {animation: titletext 3s steps(50, end) forwards 1; animation-delay: 0.4s; width: 0px; white-space:nowrap;}
@keyframes titletext {
    0% {width: 0;}
    100% {width: 700px;}
}
.link-send a:hover .but span {background: rgba(202,32,39,1);}





.pusk-page {color: #fff;}
.pusk-page ul li, 
.pusk-page ul li:before {border-left: none;}
.pusk-page h4 {font-size: 2rem;
    position: relative;
    z-index: 4;
    margin-bottom: 2rem;
    color: #ff2e2d;
}
.pusk-page h4:after {
    box-sizing: border-box;
    content: "";
    width: 91px;
    height: 4px;
    background: url(/im/b-border.png) no-repeat;
    position: absolute;
    bottom: -20px;
    left: 0;
}
.pusk-page .wrapper {
    width: 75%;
    margin: 0 auto;
    position: relative;
    max-width: 90%;
}
.pusk-block1 {background: url(/media/img/launch/ppn/ppn_block1_bg.jpg) no-repeat 100% -50px #02070d; position: relative; z-index: 3; padding: 0 0 5rem 0;}
.pusk-block1 .missions .rn {opacity: 0; transform: translateY(150px); max-width: max-content !important;}
.pusk-block1.active .missions .rn1 {animation: move-up ease-in-out 0.8s forwards 0.4s;}
.pusk-block1.active .missions .rn3 {animation: move-up ease-in-out 0.8s forwards 0.8s;}
.pusk-block1.active .missions .rn4 {animation: move-up ease-in-out 0.8s forwards 1.4s;}
.pusk-block1.active .missions .rn5 {animation: move-up ease-in-out 0.8s forwards 1.6s;}
.pusk-block1.active .missions .text {padding: 2rem 0; background: linear-gradient(to right, rgba(47,127,226,0), rgba(47,127,226,0.3), rgba(47,127,226,0));}

.pusk-page .block-rn-1 {min-height: 800px; overflow: hidden;
    padding: 5rem 0;
    background: url(/media/img/launch/dedicated/bg_souz1.jpg) no-repeat 50% 100% #000;
    background-size: cover;
    box-sizing: border-box;
    position: relative;
}
.pusk-page .block-rn-1 .picture {width: 550px; float: left; position: relative;}
.pusk-page .block-rn-1 .picture img {
    position: absolute;
    top: 130px;
    right: 120px;
    z-index: 1;
    opacity: 0;
    transform: translateY(150px);
    display: inline-block;
}
.pusk-page .block-rn-1.active .picture img {animation: move-up ease-in-out 0.8s forwards 0.4s;}

.pusk-page .block-rn-1 .picture .step {opacity: 0; transform: translateX(-30px); color: #71aae1; position: absolute; left: 0; z-index: 0; width: calc(100% - 210px); text-align: right; padding: 20px 60px 0 0;}
.pusk-page .block-rn-1 .picture .step4 {height: 132px; top: 133px; background: linear-gradient(to right, rgba(47,127,226,0), rgba(47,127,226,0.3));}
.pusk-page .block-rn-1 .picture .step3 {height: 88px; top: 265px; background: linear-gradient(to right, rgba(47,127,226,0), rgba(47,127,226,0.5));}
.pusk-page .block-rn-1 .picture .step2 {height: 323px; top: 353px; background: linear-gradient(to right, rgba(47,127,226,0), rgba(47,127,226,0.3));}
.pusk-page .block-rn-1 .picture .step1 {height: 228px; top: 448px; background: linear-gradient(to right, rgba(47,127,226,0), rgba(47,127,226,0.5));}
.pusk-page .block-rn-1.active .picture .step1 {animation: move-left ease-in-out 0.6s forwards 1.2s;}
.pusk-page .block-rn-1.active .picture .step2 {animation: move-left ease-in-out 0.6s forwards 1.6s;}
.pusk-page .block-rn-1.active .picture .step3 {animation: move-left ease-in-out 0.6s forwards 2.0s;}
.pusk-page .block-rn-1.active .picture .step4 {animation: move-left ease-in-out 0.6s forwards 2.4s;}

.pusk-page .block-rn-1 .rn-info {width: calc(100% - 550px);  float: left; position: relative;}
.pusk-page .slick-dzz:before {display: none;}

.pusk-page .block-rn-2 {background: url(/media/img/launch/dedicated/bg_protonm.jpg) no-repeat 50% 100% #000; padding: 5rem 0;}
.pusk-page .block-rn-2 .picture {position: absolute; top: 0; right: 0; width: 750px;}
.pusk-page .block-rn-2 .picture img.im1 {z-index: 3; position: relative; top: 0; left: 0; width: 100%; height: auto;}
.pusk-page .block-rn-2 .picture img.im2 {z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: auto;}
.pusk-page .block-rn-2 .picture .step {float: left; z-index: 2; position: relative;}
.pusk-page .block-rn-2 .picture .step p:nth-child(1) {color: #71aae1;}
.pusk-page .block-rn-2 .picture .step p:nth-child(2),
.pusk-page .block-rn-2 .picture .step p:nth-child(3) {font-size: 0.8em;}
.pusk-page .block-rn-2 .picture .step .red {display: block;}
.pusk-page .block-rn-2 .picture .step1 {width: 24%; margin-top: -80px; padding: 110px 15px 0 15px; background: linear-gradient(to bottom, rgba(47,127,226,0), rgba(47,127,226,0.3), rgba(47,127,226,0));}
.pusk-page .block-rn-2 .picture .step2 {width: 23%; margin-top: -227px; padding: 170px 15px 0 15px; background: linear-gradient(to bottom, rgba(47,127,226,0), rgba(47,127,226,0.5), rgba(47,127,226,0));}
.pusk-page .block-rn-2 .picture .step3 {width: 20%; margin-top: -270px; padding: 130px 15px 0 15px; background: linear-gradient(to bottom, rgba(47,127,226,0), rgba(47,127,226,0.3), rgba(47,127,226,0));}
.pusk-page .block-rn-2 .picture .step4 {width: 28%; margin-top: -405px; padding: 190px 15px 0 15px; background: linear-gradient(to bottom, rgba(47,127,226,0), rgba(47,127,226,0.5), rgba(47,127,226,0));}

.pusk-page .block-rn-2 .rn-info {position: relative; max-width: 700px; z-index: 3; float: left;}
.pusk-page .block-rn-2 ul.info-num {position: absolute; top: 0; left: 550px; width: 430px;}
.pusk-page .block-rn-2 .tth {margin-top: 60px;}
@media screen and (max-width: 1600px) {
.pusk-page .wrapper {width: 90%;}
.pusk-page .block-rn-2 .picture {position: relative; top: 0; left: 0;}
.pusk-page .block-rn-2 .rn-info {width: 100%; max-width: 100%; float: none;}
}
@media screen and (min-width: 1601px) and (max-width: 1900px) {
.pusk-page .block-rn-2 .tth .cell:nth-child(7) {display: block !important; width: 270px !important;}
}
.pusk-page .block-rn-3 {background: url(/media/img/launch/dedicated/bg_angara5.jpg) no-repeat 50% 100% #000; padding: 5rem 0;}
.pusk-page .block-rn-3 .rn-info {position: relative; max-width: 700px;}
.pusk-page .block-rn-3 .tth {margin-top: 60px;}
.pusk-page .block-rn-3 ul.info-num {position: absolute; top: 0; left: 550px; width: 250px;}

.pusk-page .block-rn-0 {background: url(/media/img/launch/dedicated/bg_angara1.jpg) no-repeat 50% 100% #000; padding: 5rem 0; min-height: 855px;}
.pusk-page .block-rn-0 .rn-info {width: calc(100% - 550px); float: left;}
.pusk-page .block-rn-0 ul.info-num {padding-bottom: 40px !important; position: relative; top: 0; left: 0; width: 100%;}
.pusk-page .block-rn-0 .picture {width: 550px; float: left; position: relative;}

.pusk-page .block-rn-1 ul.info-num {padding-bottom: 40px !important; position: relative; top: 0; left: 0; width: 100%;}
.pusk-page .block-rn-1 ul.info-num li {margin-bottom: 40px;}
.pusk-page ul.info-num li img {
    width: 85px;
    height: 85px;
    border: 2px solid #1a6ace;
background-color: rgba(26, 106, 206, 0.2);
    position: absolute;
    top: 0; left: 0;
    display: block;
    border-radius: 50%;
    box-sizing: border-box;
}
.pusk-page ul.info-num li p {
    display: table-cell;
    vertical-align: middle;
    height: 85px;
    padding-left: 90px;
}
.pusk-page .slick-dzz .tth .cell {min-height: 130px; float: none; width: auto;}
.pusk-page .block-zakaz {padding-top: 2rem; background: url(/media/img/programm/programm_bg_new.jpg) 0 0 no-repeat #2f7fe2; background-size: cover; position: relative;}
.pusk-page .block-zakaz:before {background: rgba(0,0,0,0.2); position: absolute; top: 0; left: 0; width: 100%; height: 72%; display: block; content:"";}
.pusk-page .link-send {margin: 0 !important; z-index: 1; background-image: none;}
.pusk-page .link-send a .text2 {margin-left: -250px !important;}