html, body {

}
body {
font-family:'Raleway', Arial, sans-serif;
font-size:16px;
font-weight: 500;
line-height:normal;
color:#25304c;
background:black;
-webkit-font-smoothing: antialiased;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-feature-settings: 'pnum' on, 'lnum' on;
}


*, *:before, *:after {
margin:0;
padding:0;
box-sizing:border-box;
outline: none !important;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
-webkit-tap-highlight-color: transparent;
}
a {
color:#2488ff;
outline:none;
text-decoration:none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
a:hover, a:focus {
color:#2488ff;
outline:none !important;
text-decoration:none;
}
img {
border:none;
max-width:100%;
}
svg, path {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
lottie-player {
display: block;
width: auto;
height: auto;
max-width:100%;
}
input:focus, button, button:focus, button:active, select, input, textarea:focus {
outline:none !important;
}
:invalid {
box-shadow: none;
}
input[type="submit"], button {
cursor:pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
input[disabled="disabled"], 
button[disabled="disabled"],
a[disabled="disabled"] {
cursor:not-allowed;
}
input[type="number"], input[type="date"] {
-moz-appearance:textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button {
-webkit-appearance: none; margin: 0px;
}
input, textarea, button, select {
font-family:'Raleway', Arial, sans-serif;
font-size:18px;
color:#000;
background: none;
font-feature-settings: 'pnum' on, 'lnum' on;
}
fieldset{
border:none;
}
textarea{
resize:none;
overflow:auto;
}
table {
border-collapse:collapse;
border-spacing:0;
}
.clear {
width:100%;
height:0;
clear:both;
}
.clr:after, .clr:before {
content:'';
display:block;
width:100%;
height:0;
clear:both;
}
b, strong {
font-weight:700;
}
i {
font-style:italic;
}
.tac {
text-align:center;
margin-left:auto;
margin-right:auto;
}
.tar {
text-align:right;
margin-left:auto;
}


h1, h2, h3, h4, h5 {
font-weight: bold;
}
h1 {
font-size: 48px;
font-weight: 900;
}
h2 {
font-size:36px;
}
h3 {
font-size:30px;
}
h4 {
font-size:24px;
}
h5 {
font-size:18px;
}
p {
margin-bottom:30px;
}

.zilla {
font-family:'Zilla Slab', Arial, sans-serif;
}



.container {
max-width:1230px;
min-width:320px;
width:100%;
padding:0 15px;
margin:0 auto;
}
.btnmenu {
position:absolute;
top:0;
right:0;
z-index:200;
width:120px;
height:120px;
background:#005fa3;
display:flex;
justify-content:center;
align-items:center;
}
.btnmenu span {
display:grid;
grid-template-columns:1fr 1fr 1fr;
row-gap:6px;
column-gap:6px;
}
.btnmenu i {
display:block;
width:9px;
height:9px;
background:#fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.btnmenu:hover i:nth-child(1),
.btnmenu:hover i:nth-child(3),
.btnmenu:hover i:nth-child(7),
.btnmenu:hover i:nth-child(9) {
opacity:0.3;
}
.show_menu_overlay .btnmenu i:nth-child(1),
.show_menu_overlay .btnmenu i:nth-child(3),
.show_menu_overlay .btnmenu i:nth-child(7),
.show_menu_overlay .btnmenu i:nth-child(9) {
opacity:1;
}
.show_menu_overlay .btnmenu i:nth-child(2),
.show_menu_overlay .btnmenu i:nth-child(4),
.show_menu_overlay .btnmenu i:nth-child(6),
.show_menu_overlay .btnmenu i:nth-child(8) {
opacity:0.3;
}
.header {
background:#fff;
}
.header_inner {
display:flex;
justify-content:space-between;
align-items:center;
height:120px;
}
.header_center_fl {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:16px;
}
.header_accept {
display:flex;
align-items:center;
margin-right:20px;
}
.header_accept span {
margin-right:15px;
}
.header_accept a {
display:block;
border-radius:50%;
margin-right:5px;
}
.header_accept a img {
display:block;
}
.header_accept a:hover {
box-shadow: 0 0 12px 0 rgba(0, 207, 255, 0.75);
}

.logo,
.logo img {
display:block;
}
.logo:hover,
.logo_footer:hover {
opacity:0.7;
}

.active_lang {
display:flex;
align-items:center;
width: 89px;
height: 40px;
border-radius: 22px;
border: solid 1px #c5c5c5;
padding:3px;
font-size: 18px;
text-decoration:none;
color:#005fa3;
}
.active_lang .img {
display:block;
width:34px;
height:34px;
border-radius:50%;
overflow:hidden;
margin-right:8px;
}
.active_lang .img img {
width:100%;
}
.active_lang:hover {
color:#005fa3;
background-color: #f7f7f7;
}

.top_menu ul {
list-style:none;
display:flex;
align-items:center;
}
.top_menu li {
position:relative;
}
.top_menu li:last-child {
margin-right:0;
}
.top_menu a {
display:flex;
align-items:center;
text-decoration:none;
text-transform:uppercase;
font-size: 18px;
font-weight: bold;
color:#005fa3;
padding:0 20px;
}
.top_menu > ul > li:first-child > a {
padding-left:0;
}
.top_menu > ul > li:last-child > a {
padding-right:0;
}
.top_menu a svg {
margin-left:9px;
}
.top_menu li:hover > a {
color:#ea2121;
}
.top_menu li:hover > a svg path {
fill:#ea2121;
}

.submenu {
position:absolute;
z-index:-10;
top:100%;
left:50%;
transform: translateX(-50%);
padding-top:40px;
opacity:0;
}
.top_menu li:hover .submenu {
z-index:10;
opacity:1;
}
.top_menu ul ul {
white-space:nowrap;
padding:30px;
transition: opacity 2 ease-out;
display:block;
opacity: 0;
}
.top_menu li:hover ul {
animation: clipPath 0.25s ease-out 1 forwards;
}
.top_menu ul ul:after {
content: '';
position: absolute;
top: 0;
left: calc(50% - 10px);
border-color: transparent transparent white transparent;
border-width: 10px;
border-style: solid;
transition: all 0.1s ease-out;
}
.top_menu li:hover ul:after {
top: -20px;
}
.top_menu ul ul li {
margin-right:0;
margin-bottom:12px;
transform:translateX(-40px);
opacity: 0;
transition: all 0.25s ease-out, opacity 0.25s ease-in, margin-left 0.25s ease-out, clip-path 0.15s ease-out;
}
.top_menu li:hover ul li {
opacity: 1;
transform:translateX(0);
clip-path: inset(0 0 0 0);
}
.top_menu ul ul li:last-child {
margin-bottom:0;
}
.top_menu ul ul a {
display:block;
padding:0;
text-transform:none;
}
.subname {
position:relative;
display:inline-block;
font-size:18px;
font-weight:bold;
color:#005fa3;
padding-right:16px;
letter-spacing: 1.54px;
transition: all 0.1s ease-out;
}
.subname:after {
content: '';
position:absolute;
top:50%;
left:100%;
margin-top:-5px;
margin-left:-12px;
width:0;
height:9px;
background:url(../svg/submenu_arrow.html) no-repeat center;
transition: all 0.1s ease-out;
}
.subdesc {
display:block;
font-size:14px;
font-weight:500;
color:#5a6882;
letter-spacing: 1.2px;
transition: all 0.1s ease-out;
}
.top_menu ul ul a:hover .subname,
.top_menu ul ul a:hover .subdesc {
color:#ea2121;
}
.top_menu ul ul a:hover .subname:after {
width:12px;
}

@keyframes clipPath {
    0% {
        opacity: 0;
    }
    100% {
        transform: rotateX(0deg) scale(1);
        opacity: 1;        
    }
}
.top_menu {
position:relative;
}
.submenu_bg {
position:absolute;
z-index:8;
top:100%;
left:0;
width:0;
height:0;
background:#fff;
box-shadow: 0 11px 29px -13px rgba(0, 0, 0, 0.3);
margin-top:40px;
opacity:0;
transform:translateY(-10%);
transition: opacity 0.25s ease-out, transform 0.25s ease-out;
}
.submenu_bg.open {
opacity:1;
transform:translateY(0);
}
.submenu_bg.active {
transition: width 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), height 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), left 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}



.header_right_fl {
display:flex;
align-items:center;
margin-bottom:17px;
}
.header_right_fl > div:first-child {
margin-right:15px;
}
.header_mail {
text-align:right;
}
.header_mail a {
display:inline-block;
text-decoration:none;
font-size: 14px;
color:#005fa3;
}

.section_video {
position:relative;
background: #13192f;
}
.section_video:before {
content:'';
position:absolute;
top:0;
left:0;
right:120px;
height:100%;
background: url(../img/section_video.jpg) no-repeat center;
background-size: cover;
}
.section_video .container {
position:relative;
z-index:2;
}
.section_video_inner {
height: calc(100vh - 120px - 184px);
display:flex;
justify-content:space-between;
align-items:center;
padding-right: 120px;
}
.section_video_inner > div {
min-width:0;
width:50%;
}
.section_video_inner > div:nth-child(2) {
max-width:460px;
padding-right:40px;
}
.section_video_inner h1 {
display:inline;
font-size: 48px;
font-weight: bold;
color:#fff;
letter-spacing: 5.23px;
text-transform:uppercase;
border-bottom: solid 2px rgba(255,255,255,0.3);
}

.section_video_btn {
display:flex;
}
.section_video_btn > div {
margin-right:20px;
}
.white_btn {
position:relative;
display:inline-flex;
justify-content:center;
align-items:center;
text-align:center;
text-decoration:none;
min-width:140px;
height: 60px;
border-radius: 30px;
font-size: 21px;
font-weight: 500;
color:#fff;
padding:0 25px;
letter-spacing: 1.8px;
}
.green2_btn {
position:relative;
z-index: 0;
display:inline-flex;
justify-content:center;
align-items:center;
text-align:center;
text-decoration:none;
min-width:140px;
height: 60px;
border-radius: 30px;
font-size: 21px;
font-weight: 500;
color:#fff;
padding:0 25px;
letter-spacing: 1.8px;
}
a.green2_btn {
color:#fff;
}
.green2_btn img {
margin-left:22px;
}
a.green2_btn:before {
content: '';
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, #00A651 -19.6%, #8CC63F 95.54%);
border-radius: 30px;
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
a.green2_btn:hover:before {
transform: scale3d(1.2,1.2,1);
}
.white_btn_icon {
padding-right:8px;
}
.white_btn_s {
height:40px;
border-radius:20px;
font-size:16px;
padding:0 10px;
min-width:105px;
min-width:0;
letter-spacing: 0;
}
.white_btn span {
position:relative;
z-index:2;
display:flex;
align-items:center;
}
.white_btn span img {
display:block;
width:45px;
height:45px;
margin-left:10px;
}
.active_lang_rect {
position:relative;
}
.white_btn svg {
display:none;
}
.load .white_btn svg {
display:block;
}
.white_btn svg, .active_lang_rect svg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: translateX(.25px);
transform: translateX(.25px);
}
.white_btn svg rect, .active_lang_rect svg rect {
stroke: hsla(0,0%,100%,.24);
rx: 30px;
ry: 30px;
fill: none;
stroke-width: 0.75;
width: calc(100% - 1px);
height: calc(100% - 1px);
stroke-dasharray: 321%;
stroke-dashoffset: 0%;
-webkit-transition-duration: .4s;
transition-duration: .4s;
-webkit-transition-timing-function: cubic-bezier(.25,.74,.22,.99);
transition-timing-function: cubic-bezier(.25,.74,.22,.99);
-webkit-transition-property: stroke-dashoffset;
transition-property: stroke-dashoffset;
}
.white_btn_s svg rect, .active_lang_rect svg rect {
rx: 20px;
ry: 20px;
}
.white_btn svg rect + rect, .active_lang_rect svg rect + rect {
stroke: #fff;
stroke-dashoffset: 321%;
}
.white_btn:hover svg rect, .active_lang_rect:hover svg rect {
stroke-dashoffset: -321%;
}
.white_btn:hover svg rect + rect, .active_lang_rect:hover svg rect + rect {
stroke-dashoffset: 0%;
}
.white_btn i, .active_lang_rect i {
position:absolute;
z-index:1;
top:0;
left:0;
width:100%;
height:100%;
border-radius: 30px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.27));
transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
}
.white_btn i {
border:1px rgba(218,218,218,0.75) solid;
}
.load .white_btn i {
border:none;
}
.white_btn i.bgwhite {
background:#fff;
}
.white_btn:hover {
color:#fff;
}
.white_btn:hover i, .active_lang_rect:hover i {
transform: scale3d(1.1, 1.1, 1);
}

.header_btn {
display:flex;
align-items:center;
justify-content:center;
width: 105px;
height: 40px;
border-radius: 25px;
text-align:center;
text-decoration:none;
color:#005fa3;
}
.header_btn:hover {
color:#005fa3;
}
.header_btn svg rect {
stroke:#dadada;
}
.header_btn svg rect + rect {
stroke:#5a6882;
}



.green_btn {
position:relative;
display:inline-flex;
justify-content:center;
align-items:center;
text-align:center;
text-decoration:none;
height: 60px;
border-radius: 30px;
font-size: 21px;
font-weight: 500;
color:#25304c;
padding:0 25px;
letter-spacing: 1.8px;
border:none;
}
.green_btn2 {
height: 80px;
padding:0 40px;
border-radius: 40px;
font-size: 24px;
}
.green_btn span {
display: block;
position: relative;
z-index: 10;
}
.green_btn_bg {
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
box-shadow: 0px 4px 40px #82E5E2;
background-image: linear-gradient(to bottom, #8eebe8, #55cdc7);
border-radius: 30px;
overflow: hidden;
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.green_btn2 .green_btn_bg {
border-radius: 40px;
}
.green_btn:hover .green_btn_bg {
transform: scale3d(1.2,1.2,1);
}
.green_btn_bg:before {
content: '';
position: absolute;
width: 110%;
height: 0;
padding-bottom: 110%;
top: 50%;
left: 50%;
border-radius: 50%;
background: linear-gradient(to top, #005fa3, #34b0ab);
transform: translate3d(-50%,-50%,0) scale3d(0,0,1);
}
.green_btn:hover .green_btn_bg:before {
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
transform: translate3d(-50%,-50%,0) scale3d(1,1,1);
}
.green_btn:hover {
color:#fff;
}


.social_right {
position:absolute;
z-index:3;
top:0;
right:0;
width:120px;
height:100%;
background:#fff;
display:flex;
align-items:center;
overflow:hidden;
}
.social_right_inner {
flex-grow:1;
width:100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 30px 0;
}
.social_right_list {
display:flex;
flex-direction:column;
align-items:center;
}
.social_right_list a {
position:relative;
display:block;
margin-bottom:6px;
}
.social_right_list a span {
position:absolute;
left:50%;
bottom:0;
white-space:nowrap;
height:9px;
line-height:6px;
font-weight: bold;
font-size: 9px;
color: #005FA3;
background: #18DFFB;
border-radius: 35px;
padding:0 2px;
transform:translateX(-50%);
display:flex;
align-items:center;
}
.social_right_list [fill="#00f2eb"] {
fill:#c5c5c5;
}
.social_right_list [stroke="#00f2eb"] {
stroke:#c5c5c5;
}
.social_right_list [fill="none"] {
fill:rgba(0,0,0,0);
}
.social_right_list a:hover svg path[fill="none"] {
fill:#c5c5c5;
}
.social_right_list a:hover svg path[fill="#00f2eb"] {
fill:#fff;
}
.social_right_title {
display:flex;
justify-content:center;
align-items:center;
position:relative;
padding-top:100%;
margin-bottom:10px;
}
.social_right_title div {
position:absolute;
top:50%;
left:50%;
white-space:nowrap;
transform:translate(-50%, -50%) rotate(90deg);
}



.section_currency {
position:relative;
background:#081A34;
border-top:3px #3FA9F5 solid;
border-bottom:3px #3FA9F5 solid;
padding:12px 0;
padding-right:120px;
}
.wrp_section_currency_title {
position:absolute;
bottom:100%;
left:0;
width:100%;
text-align:center;
}
.section_currency_title {
position:relative;
z-index:0;
display:inline-block;
text-align:center;
padding: 7px 20px;
perspective: 200px;
}
.section_currency_title:before {
content:'';
position:absolute;
z-index:-1;
top:0;
left:0;
width:100%;
height:100%;
background: #3FA9F5;
border-radius: 15px 15px 0 0;
transform: rotateX(20deg);
transform-origin: 50% 100%;
}

.section_currency_wrap {
position:relative;
overflow:hidden;
}
.section_currency_wrap:after {
content:'';
position:absolute;
z-index:2;
top:0;
right:0;
width: 280px;
height: 100%;
background: linear-gradient(270deg, #081A34 -5.56%, rgba(8, 26, 52, 0.82) 44.36%, rgba(8, 26, 52, 0) 82.54%);
}
.section_currency_btn {
position:absolute;
z-index:5;
top:0;
right:0;
width:120px;
height:100%;
display:flex;
align-items:center;
justify-content:center;
}
.section_currency_btn a {
position:relative;
z-index:0;
display:flex;
align-items:center;
min-width: max-content;
height:42px;
padding:0 12px 0 20px;
border-radius:21px;
font-weight: 300;
font-size: 23.3766px;
letter-spacing: 1.16883px;
color: #FFFFFF;
transform: rotate(90deg);
}
.section_currency_btn a img {
margin-left:7px;
}
.section_currency_btn a:before {
content:'';
position:absolute;
z-index:-1;
top:0;
left:0;
width:100%;
height:100%;
border-radius:21px;
background: linear-gradient(64.5deg, #2FDBCA -5.07%, #641AFF 105.07%);
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.section_currency_btn a:hover:before {
transform: scale3d(1.2,1.2,1);
}
.section_currency_slider {
display:flex;
width: max-content;
}
.section_currency_slider.slick-initialized {
display:block;
}
.currency_item {
display:flex;
border: 1px solid #023162;
border-radius: 15px;
margin-left:20px;
white-space:nowrap;
}
.currency_item_left {
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
width:50px;
min-width:50px;
background: #023162;
border-radius: 15px 0 0 15px;
line-height: 18px;
padding:5px 0;
}
.currency_icon {
width:30px;
height:30px;
border-radius:50%;
background: #005FA3;
overflow:hidden;
padding:5px;
margin-left:auto;
margin-right:auto;
}
.currency_item_info {
padding:8px;
text-align:center;
border-bottom: 1px solid #023162;
}
.currency_item_info:last-child {
border-bottom: none;
}
.market {
display:inline-flex;
align-items:center;
}
.market img {
width:20px;
margin-right:3px;
}
.currency_item_info_flex {
display:grid;
grid-template-columns: 1fr 1fr;
grid-gap:10px;
}

.currency_item_up {
background: rgba(48, 184, 0, 0.2);
-webkit-animation: inserttd 0.7s ease forwards;
animation: inserttd 0.7s ease forwards;
}
@-webkit-keyframes inserttd {
  0% {
    background: rgba(48, 184, 0, 0.2);
  }
  100% {
    background: rgba(0, 6, 16, 0.2);
  }
}

@keyframes inserttd {
  0% {
    background: rgba(48, 184, 0, 0.2);
  }
  100% {
    background: rgba(0, 6, 16, 0.2);
  }
}
.currency_item_down {
background: rgba(206, 0, 0, 0.2);
-webkit-animation: inserttd2 0.7s ease forwards;
animation: inserttd2 0.7s ease forwards;
}
@-webkit-keyframes inserttd2 {
  0% {
    background: rgba(206, 0, 0, 0.2);
  }
  100% {
    background: rgba(0, 6, 16, 0.2);
  }
}

@keyframes inserttd2 {
  0% {
    background: rgba(206, 0, 0, 0.2);
  }
  100% {
    background: rgba(0, 6, 16, 0.2);
  }
}


.section_ouradvantages {
position:relative;
z-index:2;
background: url(../svg/section_ouradvantages3.svg) no-repeat right 412px, url(../svg/section_ouradvantages2.svg) repeat-x center 71px, url(../svg/section_ouradvantages.svg) no-repeat center bottom;
background-size:auto, auto, 100% 100%;
padding-top:81px;
padding-bottom:261px;
}
.section_title {
font-size: 60px;
font-weight: bold;
text-transform:uppercase;
line-height: 1;
letter-spacing: 5.14px;
margin-bottom:30px;
}

.hrwhite {
width: 72px;
height: 4px;
background:#fff;
}
.hrred {
width: 72px;
height: 4px;
background:#ea2121;
}

.ouradvantages_inner {
position:relative;
}
.ouradvantages_img {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -45%);
width:35%;
}
.wrp_aditem {
display:grid;
grid-template-columns:1fr 1fr;
row-gap:10px;
column-gap:0;
}
.wrp_aditem.slick-initialized {
display:block;
}
.wrp_aditem .slick-list {
margin-bottom:20px;
}
.wrp_aditem .slick-dots {
list-style:none;
display:flex;
justify-content:center;
}
.wrp_aditem .slick-dots li {
margin:0 5px;
}
.wrp_aditem .slick-dots li button {
display:block;
width:10px;
height:10px;
border: 1px #fff solid;
background:none;
border-radius:50%;
font-size:0;
}
.wrp_aditem .slick-dots li.slick-active button {
background:#fff;
}
.aditem {
max-width:364px;
}
.wrp_aditem > div:nth-child(even) .aditem {
margin-left:auto;
}
.wrp_aditem > div:nth-child(1) .aditem,
.wrp_aditem > div:nth-child(4) .aditem,
.wrp_aditem > div:nth-child(5) .aditem {
padding-left: 8%;
}
.aditem img,
.aditem lottie-player {
display:block;
margin-bottom:17px;
}
.aditem lottie-player {
height:180px;
}

.section_work_bg {
padding-top:261px;
margin-top:-261px;
background:url(../svg/section_work_bg.svg) no-repeat center top, url(../img/circle.png) repeat center top;
background-size:100% auto, auto,;
}
.circle_bg {
position:relative;
width:100%;
height:0;
}
.circle_bg:before {
content:'';
position:absolute;
z-index:-1;
top:-200px;
left:50%;
width:100%;
max-width:970px;
height:970px;
transform:translateX(-50%);
background: url(../svg/section_work.svg) no-repeat center / 100% auto;
pointer-events:none;
}
.section_work {
padding-top:48px;
padding-bottom:80px;
}
.whydoesitwork_scroll {
overflow-x:auto;
}
.whydoesitwork {
background:url(../svg/map.svg) no-repeat center;
min-width:800px;
}
.whydoesitwork svg {
max-width:100%;
height:auto;
}
.section_roadmap {
position:relative;
padding-top:80px;
}
.section_roadmap:after {
content:'';
position:absolute;
bottom:0;
left:0;
width:100%;
height:138px;
background:url(../svg/section_roadmap_bottom.svg) no-repeat center top;
}

.roadmap_title_sticky {
position:sticky;
top:0;
z-index:100;
min-height:100vh;
pointer-events: none;
}
.roadmap_title_sticky > div {
background:#f1f8f9;
padding-top:30px;
}

.roadmap {
position:relative;
background:url(../svg/roadmap_line.svg) repeat center top;
padding-bottom:227px;
margin-top: calc((100vh - 230px) * -1);
}
.roadmap_progress {
display:none;
}
.wrp_roadmap_year_list {
position:absolute;
z-index:110;
top:0;
right:0;
height:100%;
}
.roadmap_year_list {
position:sticky;
top:50%;
right:0;
transform: translateY(-50%);
display:flex;
flex-direction:column;
align-items:flex-end;
}
.roadmap_year_list div {
position:relative;
cursor:pointer;
display:flex;
box-shadow: 3px 10px 22px 0 #5489b0;
background-color: #005fa3;
margin-bottom:10px;
}
.roadmap_year_list div span {
position:relative;
z-index:2;
display:flex;
justify-content:center;
align-items:center;
width:70px;
height:35px;
font-size: 21px;
font-weight: bold;
color:#fff;
background: #005fa3;
}
.roadmap_year_list div:before {
content:'';
position:absolute;
z-index:1;
top:0;
left:0;
display:block;
width:40px;
height:35px;
background: #005fa3 url(../svg/roadmap_year_list.html) no-repeat 6px center;
border-radius:20px 0 0 20px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.roadmap_year_list div:hover:before {
left:-40px;
}
.roadmap_list {
position:relative;
max-width:972px;
margin:0 auto;
overflow:hidden;
}
.roadmap_list:before,
.roadmap_list:after {
content:'';
position:absolute;
top:0;
left:50%;
width:0;
height:100%;
border-right:2px #5a6882 dotted;
margin-left:-25px;
}
.roadmap_list:after {
margin-left:23px;
}
.roadmap_list > div {
position:relative;
width:50%;
text-align:right;
padding-right:128px;
}
.roadmap_inner {
padding-top:25px;
padding-bottom:25px;
}
.roadmap_list > div:nth-child(even) {
text-align:left;
padding-right:0;
padding-left:128px;
margin-left:auto;
}
.roadmap_title {
position:relative;
font-size: 24px;
font-weight: 800;
color:#005fa3;
min-height: 58px;
display: flex;
align-items: center;
margin-bottom:40px;
}
.roadmap_title div {
width:100%;
}
.roadmap_title_img {
position:absolute;
z-index:5;
top:50%;
right:-81px;
margin-top:-30px;
width:60px;
height:60px;
background:#fff;
box-shadow: 0px 0px 17px #D1DBE4;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
}
.roadmap_title:after {
content:'';
position:absolute;
z-index:5;
top:50%;
right:-108px;
margin-top:-12px;
width:9px;
height:33px;
background:url(../svg/roadmap_title2.svg) no-repeat center;
}
.roadmap_list > div:nth-child(even) .roadmap_title_img {
right:auto;
left:-81px;
}
.roadmap_list > div:nth-child(even) .roadmap_title:after {
right:auto;
left:-108px;
}
.roadmap_desc ul {
list-style:none;
}
.roadmap_desc ul ul {
padding-top:14px;
}
.roadmap_desc li {
position:relative;
font-size: 14px;
color:#5a6882;
margin-bottom:10px;
}
.roadmap_desc li:after {
content:'';
position:absolute;
top:0;
right:-58px;
width:14px;
height:14px;
background:#fff;
border: solid 1px #adadad;
border-radius:50%;
}
.roadmap_desc li li:after {
display:none;
}
.roadmap_desc li:before {
content:'';
position:absolute;
top:-10px;
bottom:0;
right:-51px;
width:1px;
background:#c5c5c5;
}
.roadmap_desc li li {
padding-right:14px;
}
.roadmap_desc li li:before {
content:'';
position:absolute;
top:0;
bottom:0;
right:0;
width:3px;
background:#EA2121;
}
.roadmap_desc li:first-child:before {
top:-40px;
}
.roadmap_desc li:last-child:before {
bottom:-60px;
}
.roadmap_inner:last-child .roadmap_desc li:last-child:before {
bottom:100%;
}
.roadmap_list > div:nth-child(even) .roadmap_desc li:after {
right:auto;
left:-58px;
}
.roadmap_list > div:nth-child(even) .roadmap_desc li:before {
right:auto;
left:-51px;
}
.roadmap_list > div:nth-child(even) .roadmap_desc li li:before {
right:auto;
left:0;
}
.roadmap_list > div .roadmap_desc li li:first-child:before {
top:0;
}
.roadmap_list > div .roadmap_desc li li:last-child:before {
bottom:0;
}
.roadmap_inner:last-child .roadmap_desc li li:last-child:before {
bottom:0;
}
.roadmap_list > div:nth-child(even) .roadmap_desc li li {
padding-right:0;
padding-left:14px;
}
.roadmap_year {
position:absolute;
top:0;
right:-13px;
width:26px;
height:100%;
background:linear-gradient(to bottom, rgba(0, 152, 208, 0), #005fa3);
}
.roadmap_list > div:nth-child(even) .roadmap_year {
right:auto;
left:-13px;
}
.roadmap_year span {
position:absolute;
bottom:0;
left:50%;
font-size: 18px;
font-weight: bold;
color:#fff;
transform: translate(-50%, -20px) rotate(-90deg);
}

.section_news {
position:relative;
padding-top:77px;
padding-bottom:120px;
background: url(../img/section_news.png) repeat-x center, linear-gradient(0deg, #005FA3 1.69%, #76DEDA 154.26%);
}
.section_news_btn {
display:flex;
justify-content:space-between;
align-items:center;
}



.btn_all {
position:relative;
display:inline-flex;
justify-content:center;
align-items:center;
text-align:center;
text-decoration:none;
width:160px;
height: 40px;
border-radius: 20px;
background: #fff;
font-size: 16px;
font-weight: bold;
color:#005fa3;
letter-spacing: 1.37px;
}
.btn_all span {
display: block;
position: relative;
z-index: 10;
}
.btn_all_bg {
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
box-shadow: 3px 5px 22px 0 rgba(0, 36, 34, 0.33);
background: #fff;
border-radius: 30px;
overflow: hidden;
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
.btn_all:hover .btn_all_bg {
transform: scale3d(1.2,1.2,1);
}
.btn_all_bg:before {
content: '';
position: absolute;
width: 110%;
height: 0;
padding-bottom: 110%;
top: 50%;
left: 50%;
border-radius: 50%;
background: #00f2eb;
transform: translate3d(-50%,-50%,0) scale3d(0,0,1);
}
.btn_all:hover .btn_all_bg:before {
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
transform: translate3d(-50%,-50%,0) scale3d(1,1,1);
}
.btn_all:hover {
color:#005fa3;
}


.news_list {
display:flex;
}
.news_item {
position:relative;
margin:0 20px;
box-shadow: 0 20px 50px 0 #005fa3;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.news_item_top {
position:relative;
width: 580px;
height: 315px;
}
.news_item_img {
position:absolute;
z-index:1;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
}
.news_item_img:after {
content:'';
position:absolute;
z-index:2;
top:0;
left:0;
width:100%;
height:100%;
background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.52));
}
.news_item_img img {
position:relative;
z-index:1;
width:100%;
height:100%;
object-fit:cover;
}
.news_item_bottom {
position:absolute;
z-index:2;
left:0;
bottom:0;
width:100%;
background:#fff;
padding:15px 40px;
display:flex;
flex-direction:column;
justify-content:flex-end;
}
.news_item_name {
font-weight: bold;
font-size: 18px;
letter-spacing: 2.05714px;
color: #005FA3;
margin-bottom:6px;
padding-right:150px;
}
.news_item_name a {
color: #005FA3;
text-decoration:none;
}
.news_item_date {
font-size: 12px;
font-weight: bold;
}
.news_item_btn {
position:absolute;
z-index:6;
top:-32.5px;
right:70px;
width:65px;
height:65px;
background:#005fa3;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
}
.news_item_btn svg {
display:block;
width:100%;
height:100%;
}
.news_item:hover {
box-shadow: 0 20px 70px 0 rgba(0, 221, 255, 0.5);
}
.news_item:hover .news_item_btn {
background-image: linear-gradient(to bottom, #88fffb 0%, #00d1ce);
}
.news_item:hover .news_item_btn path {
fill:#005fa3;
}

.news_wrap {
position:relative;
overflow:hidden;
}
.is_touch .news_wrap {
overflow-x:auto;
}
#planes {
position:relative;
z-index:2;
cursor: move;
min-width: max-content;
padding-top:60px;
padding-bottom:89px;
}
.dragged .news_item {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.news_progress {
position:relative;
height:4px;
background:#e1e1e1;
}
.news_progress div {
width:0;
height:4px;
background:#00f2eb;
}
.is_touch .news_progress {
display:none;
}



.footer {
background:#005fa3;
}
.footer_top,
.footer_center {
border-bottom:1px #2b84c4 solid;
}
.footer_top_inner {
display:flex;
justify-content:space-between;
align-items:center;
padding-top:20px;
padding-bottom:30px;
}
.footer_top_inner > div {
padding-right:10px;
}
.footer_top_inner > div:last-child {
padding-right:0;
}
.footer_top_flex {
display:flex;
justify-content:space-between;
align-items:center;
}
.footer_top_flex > div:first-child {
margin-right:10px;
}
.footer .active_lang {
color:#87cdff;
border: solid 1px #2b84c4;
}
.footer_center_inner {
display:flex;
justify-content:space-between;
padding-top:30px;
padding-bottom:20px;
}
.footer_center_inner > div {
padding-right:10px;
}
.footer_center_inner > div:last-child {
padding-right:0;
}
.footer_center_flex {
display:flex;
align-items:center;
}
.footer_menu ul {
list-style:none;
}
.footer_menu li {
position:relative;
padding-left:25px;
margin-bottom:5px;
}
.footer_menu li:before {
content:'';
position:absolute;
top:50%;
left:0;
width: 15px;
height: 15px;
border: solid 1px #00ddff;
transform:translateY(-50%);
border-radius:50%;
}
.footer_menu li:after {
content:'';
position:absolute;
top:50%;
left:2px;
width: 11px;
height: 11px;
background:#00ddff;
transform:translateY(-50%);
border-radius:50%;
opacity:0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.footer_menu li:hover:after,
.footer_menu li.active:after {
opacity:1;
}
.footer_menu li a {
position:relative;
display:inline-block;
font-size: 18px;
line-height: 18px;
letter-spacing: 1.54px;
color: #00f2eb;
text-decoration:none;
}
.footer_menu li a:hover,
.footer_menu li.active a {
color:#fff;
}
.footer .white_btn {
margin-right:20px;
}
.footer_social {
display:flex;
align-items:center;
}
.footer_social a {
position:relative;
display:block;
margin-right:10px;
}
.footer_social a span {
position:absolute;
left:50%;
bottom:0;
white-space:nowrap;
height:9px;
line-height:9px;
font-weight: bold;
font-size: 9px;
color: #005FA3;
background: #18DFFB;
border-radius: 35px;
padding:0 2px;
transform:translateX(-50%);
}
.footer_social a svg {
display:block;
}
.footer_social a svg path[fill="none"] {
fill:rgba(0,0,0,0);
}
.footer_social a:hover svg path[fill="none"] {
fill:#00f2eb;
}
.footer_social a:hover svg path[fill="#00f2eb"] {
fill:#005fa3;
}
.footer_social a:hover svg .socstroke {
stroke:#005fa3;
}
.footer_accept {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
column-gap: 7px;
row-gap: 7px;
}
.footer_accept a {
position:relative;
width:35px;
height:35px;
border-radius: 50%;
background: rgba(63, 169, 245, 0.2);
padding:5px;
}
.footer_accept a span {
position:absolute;
left:50%;
bottom:0;
white-space:nowrap;
height:9px;
line-height:6px;
font-weight: bold;
font-size: 9px;
color: #005FA3;
background: #18DFFB;
border-radius: 35px;
padding:0 2px;
text-transform:uppercase;
transform:translateX(-50%);
display:flex;
align-items:center;
}
.footer_accept a:hover {
box-shadow: 0 0 12px 0 rgba(0, 207, 255, 0.75);
}
.footer_accept a img {
width:100%;
}
.footer_bottom_inner {
display:flex;
justify-content:space-between;
align-items:center;
padding:24px 0;
}
.footer_bottom_inner > div:first-child {
max-width:50%;
}
.footer_bottom_inner > div:last-child {
display:flex;
align-items:center;
}
#totop {
position:relative;
margin-left:35px;
display:block;
width:50px;
height:50px;
}
#totop span {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:center;
}
.progress {
display:block;
width:50px;
height:50px;
transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
}
.progress__circle {
fill: none;
}
.progress__circle, .progress__path {
stroke: rgba(255,255,255,.55);
stroke-width: 1px;
}
.progress__path {
stroke: #fff;
stroke-dasharray: 1;
stroke-dashoffset: 1;
transition: stroke-dashoffset 0.4s cubic-bezier(0.7, 0, 0.3, 1);
}
#totop:hover .progress {
transform: scale3d(1.2, 1.2, 1);
}
#totop:hover .progress__path {
stroke-dashoffset: 0;
}

.link,
.modalyashare li a {
position:relative;
display:inline-block;
padding-top:2px;
padding-bottom:2px;
}
.link:before,
.modalyashare li a:before {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
background:rgba(0, 95, 163, 0.21);
height: 100%;
opacity: 0;
}
.link:after,
.modalyashare li a:after {
content:'';
position:absolute;
bottom:0;
right:0;
width:100%;
height:1px;
background:rgba(0, 95, 163, 0.21);
opacity:1;
transition: width 0.3s;
}
.link:hover:before,
.modalyashare li a:hover:before {
opacity: 1;
animation: coverUp 0.3s ease forwards;
}
.link:hover:after,
.modalyashare li a:hover:after {
width:0;
opacity:0;
}

.footer a.link, a.brightaqua {
color: #00f2eb;
}
.footer .link:before,
.footer .link:after,
.link.brightaqua:before,
.link.brightaqua:after {
background:rgba(0, 242, 235, 0.4);
}
a.color-peacockblue {
color: #005fa3;
}
.link.color-peacockblue:before,
.link.color-peacockblue:after {
background:rgba(0, 95, 163, 0.4);
}
a.color-red {
color: #ef3a3b;
}
.link.color-red:before,
.link.color-red:after {
background:rgba(239, 58, 59, 0.4);
}
a.color-white {
color: #fff;
}
.link.color-white:before,
.link.color-white:after {
background:rgba(255, 255, 255, 0.4);
}

@keyframes coverUp {
    0% {
        transform-origin: 50% 100%;
        transform: scale3d(1, 0.045, 1);
    }

    50% {
        transform-origin: 50% 100%;
        transform: scale3d(1, 1, 1);
    }

    51% {
        transform-origin: 50% 0%;
        transform: scale3d(1, 1, 1);
    }

    100% {
        transform-origin: 50% 0%;
        transform: scale3d(1, 0.045, 1);
    }
}




.menu_overlay {
position:fixed;
z-index:190;
top:-100%;
left:0;
width:100%;
height:100%;
overflow-y:auto;
background:#005fa3;
padding-left:165px;
padding-right:40px;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: all cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
transition-delay: 0s;
}
.menu_overlay_bg {
position: fixed;
top:-100%;
left:0;
width:100%;
height:100%;
background: rgba(0,95,163,0.5);
z-index:50;
opacity:1;
pointer-events: none;
transition: all cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
transition-delay: 0.1s;
}
.show_menu_overlay {
overflow:hidden;
}
.show_menu_overlay .menu_overlay {
top:0;
transition-delay: 0.1s;
}
.show_menu_overlay .menu_overlay_bg {
top:0;
opacity:0;
transition-delay: 0s;
}
.menu_overlay:before {
content:'';
position:absolute;
top:40px;
left:120px;
bottom:40px;
width:1px;
background: rgba(109, 171, 216, 0.7);
}
.menu_overlay_header {
height:120px;
display:flex;
align-items:center;
}
.menu_overlay_header_btn {
display:flex;
margin-left:120px;
}
.menu_overlay_header_btn > div {
margin-right:20px;
}
.menu_overlay_content {
display:flex;
justify-content:space-between;
flex-grow:1;
}
.menu_overlay_news {
width: 45%;
display:flex;
flex-direction:column;
justify-content:space-between;
}
.menu_overlay_right {
width:50%;
display:flex;
flex-direction:column;
justify-content:space-between;
max-height:740px;
padding-bottom:20px;
}
.menu_overlay_title {
font-size:48px;
margin-bottom:14px;
}
.menu_overlay_col2 {
display:grid;
grid-template-columns:1fr 1fr;
row-gap:0;
column-gap:0;
max-width:860px;
}
.menu_overlay_right ul {
list-style:none;
}
.menu_overlay_right li {
margin-bottom:10px;
}
.menu_overlay_right li a {
font-size:24px;
color:#00f2eb;
text-decoration:none;
}
.menu_overlay_right li a:hover {
color:#fff;
}
.menu_overlay_right li a:before,
.menu_overlay_right li a:after {
background: rgba(0, 242, 235, 0.4);
}
.menu_overlay_right li a:hover:before,
.menu_overlay_right li a:hover:after {
background: rgba(255, 255, 255, 0.4);
}
.menu_overlay_hr {
margin: 0;
height:1px;
background:rgba(109, 171, 216, 0.7);
}
.menu_overlay_news_wrp {
position:relative;
flex-grow:1;
min-height:0;
display:flex;
flex-direction:column;
justify-content:space-between;
}
.menu_overlay_news_title {

}
.menu_overlay_news_inner {
position: relative;
z-index: 10000;
flex-grow:1;
min-height:0;
display:flex;
flex-direction:column;
justify-content:space-between;
align-items: flex-start;
}
.menu_overlay_news_inner .news_item {
margin: 0 0 20px 0;
width: 100%;
min-height:0;
flex-grow:1;
display:flex;
flex-direction:column;
}
.menu_overlay_news_inner .news_item_img {
position: relative;
}
.menu_overlay_news_inner .news_item_img img {
display:block;
}
.menu_overlay_news_inner .news_item_bottom {
position:relative;
}
.menu_overlay_news_inner .news_item_top {
height: 100%;
flex-grow:1;
min-height:0;
width:auto;
}
.menu_overlay_bottom {
border-top: solid 1px rgba(109, 171, 216, 0.7);
padding-top:20px;
padding-bottom:20px;
display:flex;
justify-content:space-between;
align-items:center;
}
.menu_overlay_bottom > div {
display:flex;
align-items:center;
justify-content:space-between;
}
.menu_overlay_bottom > div:last-child {
width:50%;
}
.menu_overlay_bottom .footer_social {
margin-left:12px;
}
.menu_overlay_bottom .active_lang {
color: #87cdff;
}

.active_lang_rect,
.footer .active_lang_rect {
border:none;
}
.active_lang_rect:hover {
background:none;
}
.header .active_lang_rect svg rect {
stroke:#c5c5c5;
}
.header .active_lang_rect svg rect + rect {
stroke:#5a6882;
}


.animstep1,
.animstep2,
.animstep3 {
overflow:hidden;
}
.animstep1 > *,
.animstep2 > *,
.animstep3 > * {
display:inline-block;
-webkit-transition: all 0.8s;
transition: all 0.8s;
transform:translateY(100%);
}
.animstep2 > * {
transition-delay:0.1s;
}
.animstep3 > * {
transition-delay:0.2s;
}
.anim_start .animstep1 > *,
.anim_start .animstep2 > *,
.anim_start .animstep3 > * {
transform:translateY(0);
}



.section_login {
background:url(../img/section_login.jpg) no-repeat center;
background-size:cover;
}
.wrp_login {
min-height:calc(100vh - 120px);
display:flex;
align-items:center;
padding: 15px 0;
}
.login_inner {
flex-grow:1;
width:100%;
display:flex;
overflow:hidden;
background:url(../img/loginbg.png) no-repeat left top, url(../img/loginbg.png) no-repeat right top;
background-size:480px auto;
}
.wrp_login_desc {
width:40%;
background-image: linear-gradient(to top, rgba(41, 36, 95, 0.45), #461e54);
color:#fff; 
overflow:hidden;
}
.wrp_login_desc_w {
max-width:340px;
margin:0 auto;
}
.wrp_login_form {
width:60%;
background:#fff;
padding:60px 10px 10px 10px;
}
.bl_register {
margin-right:-40%;
}

.wrp_login_desc {



}
.logindescopacity {
opacity:0;
padding:60px 10px 40px 10px; 
animation: bllogin2s 0.2s ease forwards;
}
.bl_login {
animation: bllogin 0.5s ease forwards;
}
.bl_login.open {
animation: blloginr 0.5s ease forwards;
}
.open .logindescopacity {
animation: bllogin2 0.4s ease forwards 0.4s;
}
@keyframes bllogin {
    0% {
        margin-left:0;
    }
    100% {
        margin-left:-40%;
    }
}
@keyframes blloginr {
    0% {
        margin-left:-40%;
    }
    100% {
        margin-left:0;
    }
}
@keyframes bllogin2 {
    0% {
	opacity:0;
    }
    100% {
        opacity:1;
    }
}
@keyframes bllogin2s {
    0% {
	opacity:1;
    }
    100% {
        opacity:0;
    }
}



.wrp_login_desc_hr {
height:2px;
background:rgba(255, 255, 255, 0.28);
margin:20px 0;
}
.loginlist {
list-style:none;
margin-bottom:50px;
}
.loginlist li {
position:relative;
margin-bottom:24px;
font-size: 16px;
color:#6dabd8;
line-height: 1.63;
padding-left:50px;
}
.loginlist li:before {
content:'';
position:absolute;
top:50%;
left:0;
margin-top:-17px;
width:35px;
height:35px;
background:#fff url(../svg/loginlist.html) no-repeat center;
border-radius:50%;
}
.loginlist li:last-child {
margin-bottom:0;
}

.wrp_login_form_w {
max-width:400px;
margin:0 auto;
}

.input {
position: relative;
margin-bottom:40px;
}
.input__field--isao {
position: relative;
z-index: 10;
width: 100%;
height:50px;
color: #005fa3;
background:none;
border:none;
padding:0 12px;
}
textarea.input__field--isao {
height:120px;
padding:12px;
}
.input__label--isao {
position: absolute;
top:0;
left:0;
padding: 0 8px;
width: 100%;
height:50px;
color: #005fa3;
text-align: left;
font-size: 16px;
padding-top:12px;
display:flex;
align-items:flex-start;
pointer-events: none;
background: #F2F2F2;
}
textarea.input__field--isao + .input__label--isao {
height:120px;
}
.input__label-content {
position: relative;
display: block;
line-height:26px;
padding:0 4px;
}
.input__label-content--isao {
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
transition-timing-function: ease, ease;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.input__field--isao:focus + .input__label--isao .input__label-content--isao,
.input--isao.input--filled .input__label--isao .input__label-content--isao {
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
background:#fff;
}
.input__error {
padding-top:5px;
font-size: 12px;
letter-spacing: 1.37143px;
color: #EA2121;
}
select.input__field {
width:100%;
padding:0;
border:none;
background:none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.select {
position:relative;
}
.select:after {
content:'';
position:absolute;
top:15px;
right:5px;
width:10px;
height:8px;
background:url(../svg/select.html) no-repeat center;
pointer-events: none;
}

.captcha {
position:relative;
}
.captcha_img {
position:absolute;
top:0;
right:0;
z-index:12;
}
.login_form_btn {
padding:60px 0 30px 0;
}

.wrp_register_form_w {
max-width:590px;
margin:0 auto;
padding-bottom: 26px;
}
.input_red .input__label--isao:after {
color:#ea2121;
}
.input_green .input__label--isao:after {
color:#4ec359;
}
.input_red .input__field--isao:focus + .input__label--isao::before {
background-color: #ea2121;
}
.input_green .input__field--isao:focus + .input__label--isao::before {
background-color: #4ec359;
}
.register_form_flex {
display:grid;
grid-template-columns:1fr 1fr;
row-gap:0;
column-gap:50px;
}
.icon_password {
cursor: pointer;
position: absolute;
z-index: 15;
top: 30px;
right: 12px;
margin-top: -10px;
width: 25px;
height: 13px;
}
.icon_password:before,
.icon_password:after {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background: url(../svg/password.html) no-repeat left bottom;
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity:0;
}
.icon_password:after {
background-position:left top;
opacity:1;
}
.showpassword .icon_password:before {
opacity:1;
}
.showpassword .icon_password:after {
opacity:0;
}

.password_info {
display:flex;
flex-wrap:wrap;
}
.password_info > div {
font-size: 12px;
color:#5a6882;
line-height:15px;
border-radius: 4px;
background-color: #d8d8d8;
width:32%;
min-width:85px;
text-align:center;
margin-bottom:8px;
margin-right:2%;
}
.password_info > div.valid {
background:#00f2eb;
color:#005fa3;
}
.password_info > div:last-child {
margin-right:0;
}
.checkbox {
display:inline-block;
}
.checkbox input {
display:none;
}
.checkbox label {
cursor:pointer;
display:block;
}
.checkbox span {
position:relative;
display:block;
font-size:14px;
color:#5a6882;
padding-left:30px;
}
.checkbox span:before {
content:'';
position:absolute;
top:0;
left:0;
width: 20px;
height: 20px;
background: transparent;
border: 2px solid #5a6882;
border-radius: 2px;
transition: all 250ms cubic-bezier(.4,.0,.23,1);
}
.checkbox input[type="checkbox"]:checked + span:before {
border-color: #005fa3;
background: #005fa3;
animation: shrink-bounce 200ms cubic-bezier(.4,.0,.23,1);
}
.checkbox input[type="checkbox"]:checked + span:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 4px;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    transform: rotate(45deg);
    transform-origin: 0% 100%;
    animation: checkbox-check 125ms 250ms cubic-bezier(.4,.0,.23,1) forwards;
}
@keyframes shrink-bounce{
  0%{
    transform: scale(1);
  }
  33%{    
    transform: scale(.85);
  }
  100%{
    transform: scale(1);    
  }
}
@keyframes checkbox-check{
  0%{
    width: 0;
    height: 0;
    border-color: #fff;
    transform: translate3d(0,0,0) rotate(45deg);
  }
  33%{
    width: 6px;
    height: 0;
    transform: translate3d(0,0,0) rotate(45deg);
  }
  100%{    
    width: 6px;
    height: 13px;    
    border-color: #fff;
    transform: translate3d(0,-12px,0) rotate(45deg);
  }
}


.loginform,
.registerform {
overflow:hidden;
animation: formopacity1 0.2s ease forwards;
}
.loginform.show,
.registerform.show {
opacity:0;
height:0;
animation: formopacity2 0.4s ease forwards 0.4s;
}
@keyframes formopacity1 {
    0% {
	height:auto;
	opacity:1;
    }
    99% {
	height:auto;
    }
    100% {
	height:0;
        opacity:0;
    }
}
@keyframes formopacity2 {
    0% {
	height:auto;
	opacity:0;
    }
    100% {
	height:auto;
        opacity:1;
    }
}


.wrp_reset {
width: 100%;
max-width:730px;
margin:0 auto;
}
.reset_inner {
box-shadow: 0 7px 63px 0 #13124b;
background-color: #fff;
padding:80px 10px;
margin-bottom:40px;
}
.reset_w {
max-width:404px;
margin:0 auto;
}

.anim_overlay {
position:fixed;
z-index:-300;
top:50%;
left:50%;
transform:translate(-50%, -50%);
transition: z-index 0s cubic-bezier(0.3, 0, 0, 1.3) 0.3s;
}
.anim_overlay_inner {
border-radius: 15px;
box-shadow: 0 2px 20px 0 rgba(52, 67, 171, 0.21);
background-color: #fff;
width: 370px;
padding: 30px;
transform: scale(0);
transition: transform 0.3s ease-in;
}
.active .anim_overlay_inner {
transform: scale(1);
transition: transform 0.4s cubic-bezier(0.3, 0, 0, 1.3);
}
.anim_overlay.active {
z-index:300;
transition: none;
}
.anim_overlay_close {
position:absolute;
top:26px;
right:26px;
width:40px;
height:40px;
border-radius:50%;
border:2px #56bbcb solid;
}
.anim_overlay_close:before,
.anim_overlay_close:after {
content:'';
position:absolute;
top:50%;
left:50%;
width:16px;
height:2px;
background:#56bbcb;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.anim_overlay_close:before {
transform: translate(-50%, -50%) rotate(-45deg);
}
.anim_overlay_close:after {
transform: translate(-50%, -50%) rotate(45deg);
}
.anim_overlay_close:hover {
border-color:#005fa3;
}
.anim_overlay_close:hover:before,
.anim_overlay_close:hover:after {
background:#005fa3;
}
.anim_overlay_title {
color:#56bbcb;
margin-bottom:20px;
letter-spacing: 2.06px;
}
.anim_overlay_content ul {
list-style:none;
display:grid;
grid-template-columns:1fr 1fr;
row-gap:20px;
column-gap:15px;
}
.langlist li {
padding-left:38px;
transform: scale(0.7) translateX(10px) translateY(-10px);
transition: all 0.25s ease-in-out;
transform-origin: 0% 0%;
opacity: 0;
}
.langlist .modalyashare li {
padding-left:0;
}
.active .langlist li {
transform: scale(1) translateX(0) translateY(0);
opacity: 1;
}
.active .langlist li:nth-child(1) { transition-delay: 0.03s;}
.active .langlist li:nth-child(2) { transition-delay: 0.06s;}
.active .langlist li:nth-child(3) { transition-delay: 0.09s;}
.active .langlist li:nth-child(4) { transition-delay: 0.12s;}
.active .langlist li:nth-child(5) { transition-delay: 0.15s;}
.active .langlist li:nth-child(6) { transition-delay: 0.18s;}
.active .langlist li:nth-child(7) { transition-delay: 0.21s;}
.active .langlist li:nth-child(8) { transition-delay: 0.24s;}
.active .langlist li:nth-child(9) { transition-delay: 0.27s;}
.active .langlist li:nth-child(10) { transition-delay: 0.30s;}
.active .langlist li:nth-child(11) { transition-delay: 0.33s;}
.active .langlist li:nth-child(12) { transition-delay: 0.36s;}
.active .langlist li:nth-child(13) { transition-delay: 0.39s;}
.langlist a {
position:relative;
display:inline-block;
font-size: 14px;
color:#005fa3;
}
.langlist a:hover {
color:#ef3a3b;
}
.langlist .img {
position:absolute;
top:50%;
left:-38px;
transform:translateY(-50%);
width:38px;
height:25px;
overflow:hidden;
}
.langlist .img img {
width:25px;
height:25px;
border-radius:50%;
}

.wrp_header_title {
position:relative;
background: #005fa3 url(../svg/header_title.html) repeat left top;
overflow: hidden;
}
.wrp_header_title .container {
position:relative;
}
.header_title_img {
position:absolute;
z-index:1;
top:0;
left:0;
height:100%;
overflow:hidden;
}
.header_title_img img {
display:block;
height:100%;
max-width:none;
margin-left:195px;
}
.header_title {
position:relative;
z-index:2;
height:460px;
display:flex;
align-items:center;
padding-left:90px;
padding-right: 120px;
}
.header_title_height_auto {
height:auto;
min-height:360px;
padding-top:70px;
padding-bottom:70px;
padding-left:0;
}
.header_title h1 {
display:inline;
color:#fff;
text-transform:uppercase;
font-size: 61px;
font-weight: bold;
letter-spacing: 5.23px;
}
.header_title h1.ttn {
text-transform:none;
}
.header_title h1 span {
position:relative;
display:inline-block;
}
.header_title h1 span:after {
content:'';
position:absolute;
left:0;
bottom:8px;
width:100%;
height:2px;
background: rgba(255,255,255,0.3);
}
.section_gradient {
padding:90px 0;
background-image: linear-gradient(to top, #76deda, #005fa3);
}
.about_flex {
display:flex;
justify-content:space-between;
}
.about_flex_ac {
align-items:center;
}
.about_flex > div {
flex-grow:1;
width:50%;
max-width:486px;
}
.about_flex > div:first-child {
padding-right:10px;
}
.about_flex > div:last-child {
padding-left:10px;
}
.about_flex_padd {
padding:130px 0;
}

.hrbigwhite {
max-width:310px;
height:11px;
background:#fff;
}

.ulred {
list-style:none;
}
.ulred li {
position:relative;
padding-left:45px;
margin-bottom:15px;
}
.ulred li:before {
content:'';
position:absolute;
top:2px;
left:0;
width:25px;
height:25px;
border-radius:50%;
border:8px #ef3a3b solid;
}
.about_img {
position:relative;
z-index:5;
box-shadow: 0 40px 60px -19px rgba(0, 0, 0, 0.31);
}
.about_img img {
display:block;
}
.about_img_bottom {
margin-bottom:-190px;
}
.about_img_top {
margin-top:-190px;
}
.about_img_center {
position:relative;
max-width:800px;
height:0;
margin-left:auto;
margin-right:auto;
box-shadow: none;
}
.about_img_center img {
display:block;
transform:translateY(-50%);
box-shadow: 0 40px 60px -19px rgba(0, 0, 0, 0.31);
}


.bg_dark-grey-blue {
background:#25304c;
}
.about_advantages {
display:grid;
grid-template-columns:1fr 1fr 1fr;
row-gap:0;
column-gap:100px;
}
.about_advantages.slick-initialized {
display:block;
}
.about_advantages_img {
width:168px;
height:168px;
border-radius:50%;
background-image: linear-gradient(298deg, rgba(143, 223, 231, 0), #56bbcb 100%);
margin-bottom:20px;
display:flex;
justify-content:center;
align-items:center;
}
.about_advantages_item {
padding-left:35px;
}
.about_advantages_img img,
.about_advantages_img lottie-player {
max-width:none;
width:200px;
}
.slick-initialized .about_advantages_item {
width:100%;
padding-left: 0;
padding-top:0;
text-align:center;
}
.slick-initialized .about_advantages_img img,
.slick-initialized .about_advantages_img lottie-player {
margin:0;
}
.slick-initialized .about_advantages_img {
margin:0 auto 20px auto;
}
.about_advantages .slick-dots {
list-style: none;
display: flex;
justify-content: center;
margin-top:20px;
}
.about_advantages .slick-dots li {
margin: 0 5px;
}
.about_advantages .slick-dots li button {
display: block;
width: 10px;
height: 10px;
border: 1px #00ddff solid;
background: none;
border-radius: 50%;
font-size: 0;
}
.about_advantages .slick-dots li.slick-active button {
background: #00ddff;
}
.hrneonblue {
width: 50px;
height: 4px;
background: #00ddff;
}
.bg_about2_inner {
position:relative;
max-width:600px;
margin-left:auto;
padding:80px 40px;
}
.bg_about2_inner > div {
position:relative;
z-index:5;
}
.bg_about2_inner:before {
content:'';
position:absolute;
z-index:1;
top:0;
left:0;
width:100vw;
height:100%;
background:rgba(0, 22, 56, 0.78);
}
.bg_about2 {
background: url(../img/bg_about2.jpg) no-repeat center top;
background-size:cover;
overflow:hidden;
}

.bg_about3_inner {
padding:90px 0;
}

.bg_about_list {
background:linear-gradient( to left, rgba(0, 0, 0, 0) 50%, #005fa3 50%);
}
.bg_about_list_inner {
display:flex;
align-items:center;
background:#005fa3;
padding:80px 0;
}
.about_list_btn {
position:relative;
min-width:380px;
max-width:380px;
}
.about_list_active {
position:absolute;
z-index:2;
top:0;
right:-1px;
width:3px;
height:0;
background:#fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.about_list_btn ul {
list-style:none;
border-right:1px #6dabd8 solid;
}
.about_list_btn li {
margin-bottom:24px;
}
.about_list_btn li:last-child {
margin-bottom:0;
}
.about_list_btn li a {
display:block;
font-size:18px;
font-weight:bold;
color:#fff;
text-decoration:none;
text-transform:uppercase;
padding:6px 20px 6px 0;
}
.about_list_btn li a:hover,
.about_list_btn li.active a {
color:#00f2eb;
}

.about_list_content {
flex-grow:1;
padding:0 70px;
}
.about_list_content > div {
display:none;
}
.about_list_content > div.active {
display:block;
}
.title_mobile {
display:none;
}

.page_bg {
background: url(../svg/section_work_bg.svg) no-repeat center top, url(../img/circle.png) repeat center top;
background-size: 100% auto, auto;
}

.bg_white {
background:#fff;
}

.page_bg .roadmap_title_sticky {
min-height: 120px;
}
.page_bg .roadmap {
margin-top: 0;
}

.howtostart {
padding-top:150px;
padding-bottom:36px;
background: url(../img/howtostart.png) repeat-x center top, linear-gradient(to top, #76deda, #005fa3);
overflow:hidden;
}
.howtostart_inner {
position:relative;
}
.howtostart_sl {
position:absolute;
z-index:1;
top:120px;
left:0;
width:100%;
height:3px;
background:rgba(255,255,255,0.2);
}
.howtostart_items {
display:flex;
max-width:1260px;
margin:0 auto;
-webkit-transition: all 0.8s;
transition: all 0.8s;
}
.howtostart_items > div {
position:relative;
width:33.33%;
}
.howtostart_item {
cursor:pointer;
position:absolute;
top:-60px;
left:50%;
text-align:center;
white-space:nowrap;
transform:translateX(-50%);
}
.howtostart_img {
width: 120px;
height: 120px;
border: solid 6px #53a1c4;
background-color: #fff;
border-radius:50%;
margin:0 auto 20px auto;
display: flex;
justify-content: center;
align-items: center;
transform: scale(0.2);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.howtostart_item:hover .howtostart_img {
transform: scale(1);
}
.howtostart_img lottie-player {
max-width:none;
width:180px;
height:auto;
opacity:0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.howtostart_item:hover .howtostart_img lottie-player {
opacity:1;
}
.howtostart_desc {
position:relative;
max-width:500px;
margin:0 auto;
}
.howtostart_desc > div {
position:absolute;
z-index:5;
opacity:0;
top:0;
left:0;
width: 100%;
transform:translateY(100px);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.howtostart_desc > div.active {
transform:translateY(0);
z-index:6;
opacity:1;
}
.howtostart_center {
position:relative;
width: 420px;
height: 240px;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
}
.howtostart_center > div {
position:absolute;
z-index:5;
opacity:0;
top:0;
left:0;
width: 100%;
height: 100%;
background-color: rgba(0, 116, 255, 1);
box-shadow: 0 40px 60px -19px rgba(0, 0, 0, 0.31);
transform: scale(0.5);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.howtostart_center > div.active {
transform: scale(1);
z-index:6;
opacity:1;
}
.howtostart_play {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.howtostart_play:after {
content:'';
position:absolute;
z-index:4;
top:0;
left:0;
width:100%;
height:100%;
background:url(../svg/howtostart_play.html) no-repeat center;
}
.howtostart_play img {
position:relative;
z-index:1;
width:100%;
height:100%;
display:block;
object-fit:cover;
}

.flex50 {
display:flex;
}
.flex50 > div {
width:50%;
}
.bg_white_padd {
position:relative;
background:#fff;
padding:90px 0 90px 85px;
}
.bg_white_padd:before {
content:'';
position:absolute;
top:0;
left:100%;
width:100vw;
height:100%;
background:#fff;
}
.bg_white_padd_left:before {
left:auto;
right:100%;
}
.ovh {
overflow:hidden;
}

.page_submenu ul {
list-style:none;
display:flex;
justify-content:center;
align-items:center;
}
.page_submenu li {
padding:18px 25px 0 25px;
}
.page_submenu a {
position:relative;
display:block;
line-height:60px;
font-size:24px;
font-weight:bold;
text-decoration:none;
color:#25304c;
letter-spacing: 2.06px;
padding-bottom:11px;
}
.page_submenu a:after {
content:'';
position:absolute;
bottom:0;
left:0;
width:100%;
height:6px;
background:#ea2121;
opacity:0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.page_submenu a:hover:after,
.page_submenu li.active a:after {
opacity:1;
}

.wrp_calculate {
display:grid;
grid-template-columns:3fr 7fr;
row-gap:0;
column-gap:0;
}
.calculate_form {
padding:30px;
background: url(../img/calculate_form.png) no-repeat center bottom, linear-gradient(31deg, #00c7ab 4%, #008890 37%, #00577a 54%, #00336a 69%, #001d61 81%, #00155d 89%);
box-shadow: 0 40px 60px -20px rgba(0, 156, 151, 0.53);
}
.calculate_btn {
display:flex;
flex-wrap:wrap;
justify-content:center;
margin-bottom:10px;
margin-left:-18px;
margin-right:-18px;
}
.calculate_btn a {
position:relative;
display:block;
text-align:center;
text-decoration:none;
border-radius: 15px;
background: rgba(0, 60, 119, 0.71);
border: 1px solid #6DABD8;
padding:7px 6px;
color: #6DABD8;
font-size: 12px;
margin:0 3px 20px 3px;
}
.calculate_btn a .img {
display:flex;
justify-content:center;
align-items:center;
width:35px;
height:35px;
border-radius:50%;
background: #005FA3;
margin:0 auto 7px auto;
}
.calculate_btn a img {
width:23px;
}
.calculate_btn a:hover,
.calculate_btn a.active {
color:#005fa3;
background:#fff;
border-color:#fff;
}
.calculate_btn a:hover img,
.calculate_btn a.active img {
opacity: 1;
}
.calculate_btn a:hover:before,
.calculate_btn a.active:before {
content:'';
position:absolute;
top:-13px;
left:50%;
margin-left:-4px;
width:8px;
height:8px;
background:#fff;
border-radius:50%;
}
.wrp_calculate_input {
position:relative;
overflow:hidden;
}
.calculate_input {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
opacity:0;
display:grid;
grid-template-columns:1fr;
row-gap:20px;
column-gap:0;
transform:translateX(50%);
animation: calculateinput 500ms ease forwards;
}
@keyframes calculateinput{
  0%{
    transform:translateX(0);
    opacity:1;
  }
  100%{
    transform:translateX(50%); 
    opacity:0;   
  }
}
.calculate_input.active {
position:relative;
z-index:4;
animation: calculateinput2 500ms ease forwards;
}
@keyframes calculateinput2{
  0%{
    transform:translateX(-50%);
    opacity:0;
  }
  100%{
    transform:translateX(0); 
    opacity:1;   
  }
}
.calc_inp_group {
position:relative;
height:80px;
background:#fff;
}
.bg-brightaqua {
background:#00f2eb;
}
.calc_inp_group input {
display:block;
width:100%;
height:100%;
padding:0 12px;
font-size:24px;
font-weight: 500;
color:#005fa3;
background:none;
border:none;
}
.calc_inp_label {
position:absolute;
top:50%;
left:0;
width:100%;
transform:translateY(-50%);
display:flex;
align-items:center;
padding:6px 12px 6px 12px;
font-size:24px;
color:#005fa3;
pointer-events:none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.input--filled .calc_inp_label {
font-size: 16px;
color:#6dabd8;
top:0;
transform:translateY(0);
}
.bg-brightaqua.input--filled .calc_inp_label {
color:#005fa3;
}

.wrp_calculate_right {
padding:30px 0;
}
.calculate_right {
padding:35px 30px;
background:#fff;
display:grid;
grid-template-columns:19fr 18fr;
row-gap:30px;
column-gap:30px;
}
.calculate_deposit_info {
display:grid;
grid-template-columns:1fr;
row-gap:15px;
column-gap:0;
}
.calculate_deposit_info > div {
padding:15px 10px;
background:#f7f7f7;
}
.wrp_calculate_chart {
background:#005fa3;
padding:30px;
}
.calculate_chart_table {
position:relative;
padding-top:93.33%;
border:1px #0fd173 solid;
}
.calculate_chart_table:before {
content:'';
position:absolute;
z-index:1;
top:0;
left:50%;
width:1px;
height:100%;
background:#0fd173;
}
.calculate_chart_table:after {
content:'';
position:absolute;
z-index:1;
top:50%;
left:0;
width:100%;
height:1px;
background:#0fd173;
}
.calculate_chart_img {
position:absolute;
z-index:5;
top:0;
left:0;
width:50%;
height:50%;
display:flex;
justify-content:center;
align-items:center;
}
.calculate_chart_img2 {
position:absolute;
z-index:4;
top:0;
left:0;
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items:flex-end;
}
.calculate_chart_info {
display:flex;
justify-content:space-between;
}
.calculate_chart_info > div:last-child {
text-align:right;
}

.calculate_deposit_info > div.calcdifl {
background:none;
display:flex;
align-items:center;
padding:0 0 0 12px;
}
.calcdiflb {
flex-grow:1;
display:flex;
margin-left:8px;
}
.btn_percent {
cursor:pointer;
position:relative;
width:50%;
height:60px;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
color: #005fa3;
background:#00ddff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
overflow:hidden;
}
.btn_percent span {
position:relative;
z-index:2;
}
.btn_percent:before {
content:'';
position:absolute;
z-index:1;
top:0;
left:0;
width:100%;
height:100%;
background:#005fa3;
transform:translateX(100%);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.btn_percent:last-child:before {
transform:translateX(-100%);
border-radius:0 30px 30px 0;
}
.btn_percent:first-child:before {
border-radius:30px 0 0 30px;
}
.btn_percent.active:before {
transform:translateX(0);
}
.btn_percent.active {
color:#fff;
box-shadow: 0 7px 20px 0 rgba(0, 95, 163, 0.45);
}
.calcdiflb > div:first-child {
border-radius: 30px 0 0 30px;
}
.calcdiflb > div:last-child {
border-radius: 0 30px 30px 0;
}

.wrp_calculate2 {
display:grid;
grid-template-columns:7fr 3fr;
row-gap:0;
column-gap:0;
}
.calculate_right2 {
padding:20px 30px;
background:#fff;
}
.wrp_calculate_chart2 {
background:#74ffbc;
padding:20px;
}
.calculate_chart2 {
position:relative;
height:150px;
border:1px #0fd173 solid;
}
.calculate_chart2:before {
content:'';
position:absolute;
z-index:1;
top:0;
left:50%;
width:1px;
height:100%;
background:#0fd173;
}
.calculate_chart2:after {
content:'';
position:absolute;
z-index:1;
top:50%;
left:0;
width:100%;
height:1px;
background:#0fd173;
}
.calculate_chart2_desc {
position: relative;
z-index: 5;
height: 50%;
display: flex;
align-items: center;
padding: 0 5px 0 20px;
}
.calculate_right2 .calculate_deposit_info {
display:grid;
grid-template-columns:1fr 1fr;
row-gap:15px;
column-gap:15px;
}





.wrp_lot_list {
display:flex;
justify-content:space-between;
}
.wrp_lot_list > div {
width:33.33%;
max-width:345px;
}
.wrp_lot_list.slick-initialized {
display:block;
margin-left:-15px;
margin-right:-15px;
}
.wrp_lot_list.slick-initialized > div {
width:100%;
max-width:none;
}
.wrp_lot_list .slick-track {
padding-bottom:93px;
}
.lot_item {
position:relative;
z-index:0;
max-width:330px;
margin:0 auto;
background: linear-gradient(158.95deg, rgba(152, 234, 255, 0.58) -2.2%, #1C5898 100.9%);
}
.lot_item_inner {
padding-top:26px;
background: url(../svg/lot_item.html) no-repeat center top;
}
.lot_item:before {
content:'';
position:absolute;
z-index:-1;
top:0;
left:0;
width:100%;
height:100%;
background: linear-gradient(360deg, #00486B 0%, #006DA3 0.01%, #129CFF 100%);
opacity:0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.lot_item:hover:before {
opacity:1;
}
.lot_item_tag {
display:inline-flex;
align-items:center;
height:30px;
background: #18DFFB;
border-radius: 15px;
padding:0 20px;
}
.lot_item_circle {
display:inline-flex;
flex-direction:column;
justify-content:center;
align-items:center;
min-width:88px;
height:88px;
background: #fff;
border-radius: 44px;
padding:0 20px;
}
.lot_item_table {
padding:0 16px;
}
.lot_item_table > div {
display:flex;
justify-content:space-between;
align-items:center;
padding:14px 0;
border-bottom:1px rgba(255, 255, 255, 0.2) solid;
}
.lot_item_table > div:last-child {
border-bottom:none;
}
.lot_item_table > div > div:nth-child(1) {
color:#fff;
}
.lot_item_table > div > div:nth-child(2) {
color: #005FA3;
background: #FFFFFF;
border: 1px solid #FFFFFF;
border-radius: 47px;
padding:7px 15px;
white-space:nowrap;
}
.lot_item_btn {
display:flex;
align-items:center;
justify-content:center;
height:108px;
background: #005FA3;
}






.lot_item_sold {
position:absolute;
z-index:15;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
}
.lot_item_sold:before {
content:'';
position:absolute;
z-index:10;
top:0;
left:0;
width:100%;
height:100%;
background: linear-gradient(to top, #76deda, #005fa3);
opacity: 0.8;
}
.lot_item_sold_name {
position:relative;
z-index:12;
background:#dd2822;
color:#fff;
font-size:28px;
text-align:center;
height:40px;
line-height:40px;
transform: rotate(-45deg) translate(-30%, -50%);
}
.wrp_lot_list .slick-dots {
list-style: none;
display: flex;
justify-content: center;
}
.wrp_lot_list .slick-dots li {
margin: 0 5px;
}
.wrp_lot_list .slick-dots li button {
position:relative;
display: block;
width: 20px;
height: 20px;
border: 1px solid #005FA3;
background: none;
border-radius: 50%;
font-size: 0;
}
.wrp_lot_list .slick-dots li button:before {
content:'';
position:absolute;
top:2px;
left:2px;
width:14px;
height:14px;
border-radius:50%;
background: #EA2121;
opacity:0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.wrp_lot_list .slick-dots li.slick-active button {
border: 1px solid #EA2121;
}
.wrp_lot_list .slick-dots li.slick-active button:before {
opacity:1;
}

.pagetable_scroll {
overflow-x:auto;
padding-bottom:20px;
}
.pagetable {
position: relative;
z-index: 1;
width:100%;
display: grid;
border-collapse: collapse;
min-width: 100%;
row-gap:5px;
column-gap:0;
}
.col6 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.col2 {
grid-template-columns: 3fr 7fr;
}
.pagetable thead,
.pagetable tbody,
.pagetable tr {
display: contents;
}
.pagetable th {
position:relative;
padding:12px 20px;
font-size: 21px;
font-weight: bold;
color:#fff;
background:#005fa3;
text-align:left;
display:flex;
align-items:center;
}
.pagetable td {
position:relative;
padding:25px;
font-size: 35px;
font-weight: 300;
color:#005fa3;
background:#fff;
text-align:left;
display:flex;
align-items:center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.pagetable th:before,
.pagetable td:before {
content:'';
position:absolute;
z-index: -1;
top:0;
left:0;
width:100%;
height:100%;
box-shadow: 0 2px 2px 0 rgba(90, 104, 130, 0.3);
}
.pagetable th:after,
.pagetable td:after {
content:'';
position:absolute;
top:25%;
bottom:25%;
right:0;
width:1px;
background:#408dc5;
}
.pagetable td:after {
background:#c5c5c5;
}
.pagetable th:last-child:after {
display:none;
}
.pagetable td:last-child:after {
top:0;
bottom:0;
width:15px;
background:#ef3a3b;
}
.pagetable tbody tr {
cursor:pointer;
}
.pagetable tbody tr:hover td {
background:#f4f4f4;
}

.partnersflex {
display:flex;
justify-content:space-between;
}
.partnersflex > div {
width:49%;
}
.partnersflex2 {
display:flex;
justify-content:space-between;
align-items:center;
}
.partnersflex2 > div:first-child {
width:40%;
}
.partnersflex2 > div:last-child {
width:55%;
}
.partnersflex_img {
position:relative;
display:inline-block;
}
.partnersflex_img a {
display:block;
}
.partnersflex_img img {
position:relative;
z-index:2;
display:block;
}
.partnersflex_img_blur {
position:absolute;
z-index:1;
top:22px;
left:50%;
transform: translateX(-50%);
width:100%;
height:100%;
background-position:left top;
background-repeat:no-repeat;
background-size:100% auto;
opacity: 0.8;
-webkit-filter: blur(35px);
filter: blur(35px);
}

.news_first_item {
display: grid;
grid-template-columns: 1fr 1fr;
row-gap:0;
column-gap:30px;
}
.news_first_item a {
text-decoration:none;
}
a.news_title {
position:relative;
display:inline-block;
color: #25304c;
}
a.news_title:hover {
color:#56bbcb;
}
/*
.news_title:before, .news_title:after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: currentColor;
top: 100%;
left: 0;
pointer-events: none;
}
.news_title:before {
height: 10px;
top: 100%;
opacity: 0;
}
.news_title:after {
transition: opacity 0.3s;
opacity: 0;
transition-delay: 0s;
}
.news_title:hover:after {
opacity: 1;
transition-delay: 0.3s;
}
.news_title:hover:before {
opacity: 1;
animation: lineUp 0.3s ease forwards;
}
@keyframes lineUp {
    0% {
        transform-origin: 50% 100%;
        transform: scale3d(1, 0.045, 1);
    }

    50% {
        transform-origin: 50% 100%;
        transform: scale3d(1, 1, 1);
    }

    51% {
        transform-origin: 50% 0%;
        transform: scale3d(1, 1, 1);
    }

    100% {
        transform-origin: 50% 0%;
        transform: scale3d(1, 0.045, 1);
    }
}
*/
.wrp_news_list {
display: grid;
grid-template-columns: 1fr 1fr;
row-gap:50px;
column-gap:70px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.news_list_item {
display: grid;
grid-template-columns: 1fr 1fr;
row-gap:0;
column-gap:30px;
}
.news_list_item:nth-child(even) {
padding-top:80px;
}
.wrp_news_list .news_title {
font-size:28px;
}

.news_btn {
display:inline-flex;
align-items:center;
font-size: 18px;
font-weight: 800;
color:#005fa3;
text-decoration:none;
}
.wrp_news_list .news_btn {
font-size: 14px;
}
.news_btn_img {
position:relative;
display:flex;
justify-content:center;
align-items:center;
width:65px;
height:65px;
background:#005fa3;
border-radius:50%;
margin-right:11px;
padding-left:6px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.wrp_news_list .news_btn_img {
width:47px;
height:47px;
padding-left:3px;
}
.news_btn_img:before {
content:'';
position:absolute;
z-index:1;
top:0;
left:0;
width:100%;
height:100%;
border-radius:50%;
background: linear-gradient(to bottom, #88fffb 0%, #00d1ce);
opacity:0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.news_btn_img svg {
position:relative;
z-index:2;
}
.wrp_news_list .news_btn_img svg {
width:9px;
}
.news_btn_name {
opacity:0;
transform: translateX(-10%);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.news_btn:hover .news_btn_img:before {
opacity:1;
}
.news_btn:hover .news_btn_img {
background:rgba(255,255,255,0);
}
.news_btn:hover .news_btn_img path {
fill:#005fa3;
}
.news_btn:hover .news_btn_name {
opacity:1;
transform: translateX(0);
}

.news_pagination {
display:flex;
justify-content:center;
padding:15px 0;
}
.news_pagination a {
display:flex;
align-items:center;
font-size: 18px;
color:#25304c;
text-decoration:none;
margin:0 50px;
}
.news_pagination a span {
display:flex;
justify-content:center;
align-items:center;
width:60px;
height:60px;
border-radius:50%;
border:1px #25304c solid;
margin:0 20px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.news_pagination a span path {
fill:#25304c;
}
.news_pagination a:hover span {
background:#005fa3;
border-color:#005fa3;
}
.news_pagination a:hover span path {
fill:#fff;
}
.modal_share_copy {
cursor:pointer;
position:relative;
white-space:nowrap;
padding:12px 40px 12px 10px;
border-radius: 5px;
background: #f4f6fa;
font-size: 14px;
color:#005fa3;
}
.modal_share_copy_text {
position:relative;
overflow:hidden;
}
.modal_share_copy_text:after {
content:'';
position:absolute;
top:0;
right:0;
width:11px;
height:100%;
background: linear-gradient(to right, rgba(0,0,0,0), #f4f6fa);
}
.modal_share_copy_btn {
position:absolute;
top:0;
right:0;
width:40px;
height:100%;
display:flex;
justify-content:center;
align-items:center;
}
.modal_share_copy:hover path {
fill:#ef3a3b;
}

.wrp_search {
position:relative;
border-radius: 34px;
background: #ef3a3b url(../svg/search.html) no-repeat 23px center;
max-width:777px;
margin-left:auto;
margin-right:auto;
}
.wrp_search input {
display:block;
width:100%;
height:68px;
background:none;
border:none;
padding-left:75px;
padding-right:150px;
font-size: 18px;
color:#fff;
}
.wrp_search button {
position:absolute;
z-index:2;
top:6px;
right:6px;
width: 144px;
height: 55px;
border-radius: 27.5px;
text-align:center;
border:none;
}
.wrp_search button i {
background:#fff;
}
.wrp_search input::-moz-placeholder { color: #fff;opacity: 1; }
.wrp_search input:-moz-placeholder { color: #fff;opacity: 1; }
.wrp_search input::-webkit-input-placeholder { color: #fff;opacity: 1; }
.wrp_search input::-ms-input-placeholder { color: #fff;opacity: 1; }
.wrp_search input:-ms-input-placeholder { color: #fff;opacity: 1; }
.wrp_search input::placeholder { color: #fff;opacity: 1; }

.search_result {
display:none;
position:absolute;
z-index:10;
top:100%;
left:0;
width:100%;
background:#fff;
border-radius: 25px;
box-shadow: 0 11px 20px 0 rgba(0, 0, 0, 0.11);
padding:20px 30px;
margin-top:10px;
}
.wrp_search.result .search_result {
display:block;
}
.search_result ul {
list-style:none;
}
.search_result li {
margin-bottom:10px;
}
.search_result li:last-child {
margin-bottom:0;
}

.wrp_faq_list {
padding:0 30px;
margin-bottom:90px;
}
.faq_list {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
row-gap:0;
column-gap:40px;
}
.faq_list div {
display:block;
}
.faq_list a {
display:block;
text-decoration:none;
background:#fff;
font-size: 24px;
color:#56bbcb;
text-transform:uppercase;
padding:30px 30px;
}
.faq_list a:hover,
.faq_list a.active {
box-shadow: 0 25px 35px 0 #cedfe1;
}
.faq_list a .img {
display:flex;
justify-content:center;
align-items:flex-end;
height:127px;
margin-bottom:25px;
}
.faq_list a .img img {
max-height:100%;
}
.faq_list a .name {
display:block;
text-align:center;
}


.faq_item {
position:relative;
}
.faq_item:after,
.faq_item:before {
content:'';
position:absolute;
z-index:1;
bottom:0;
left:0;
width:100%;
height:1px;
background:#dfdfdf;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.faq_item:after {
width:0;
background:#ea2121;
}
.faq_item.open:after {
width:100%;
}
.faq_item_title {
cursor:pointer;
position:relative;
display:flex;
align-items:center;
min-height:87px;
padding:20px 60px 20px 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.faq_item_title:hover,
.open .faq_item_title {
padding-left:48px;
}
.faq_item_title:before {
content:'';
position:absolute;
top:50%;
left:0;
margin-top:-5px;
width:10px;
height:10px;
background:#005fa3;
border-radius:50%;
opacity:0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.faq_item_title:hover:before,
.open .faq_item_title:before {
opacity:1;
}
.faq_item_title:hover,
.open .faq_item_title {
color:#005fa3;
}
.faq_item_title i {
position:absolute;
z-index:5;
top:50%;
right:0;
transform:translateY(-50%);
width:60px;
height:60px;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
}
.faq_item_title i svg {
position:relative;
z-index:2;
}
.faq_item_title i:before {
content:'';
position:absolute;
z-index:1;
top:0;
left:0;
width:100%;
height:100%;
border-radius:50%;
border: solid 1px rgba(37, 48, 76, 0.8);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.open .faq_item_title i:before {
border-color:#005fa3;
}
.faq_item_title:hover i:before {
border-color:#005fa3;
background:#005fa3;
transform: scale(1.9);
}
.open .faq_item_title i svg {
transform: rotate(-180deg);
}
.open .faq_item_title i path {
fill:#005fa3;
}
.faq_item_title:hover i path {
fill:#fff;
}
.faq_item_content {
display:none;
padding-top:8px;
padding-bottom:30px;
}
.faq_item_content p:last-child {
margin-bottom:0;
}

.wrp_contact {
display: grid;
grid-template-columns: 5fr 7fr;
row-gap:0;
column-gap:0;
}
.contact_info {
padding:60px 40px;
background: url(../img/contact_info.png) repeat left top , linear-gradient(to top, #5ec5cf, #005fa3);
}
.contact_info .footer_social a {
margin-right: 15px;
}
.contact_info .footer_social a svg {
width:37px;
height: 37px;
}
.contact_table {
width:100%;
}
.contact_table td {
padding-bottom:15px;
}
.contact_table td:nth-child(1) {
width:35%;
padding-right:15px;
}
.contact_table td:nth-child(2) {
width:65%;
}
.wrp_contact_form {
padding:80px 0;
}
.contact_form {
background:#fff;
padding:30px 50px;
}
.contact_form_grid {
display: grid;
grid-template-columns: 1fr 1fr;
row-gap:0;
column-gap:50px;
}
.radio_list {
display:flex;
flex-wrap:wrap;
}
.radio_list > div {
margin:0 50px 20px 0;
}
.radio {
cursor:pointer;
font-size: 14px;
color:#5a6882;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.radio input {
display:none;
}
.radio label {
cursor:pointer;
display:block;
}
.radio span {
position:relative;
display:block;
padding-left:30px;
}
.radio span:before {
content:'';
position:absolute;
top:50%;
left:0;
width:20px;
height:20px;
margin-top:-10px;
border-radius: 50%;
border: solid 2px #5a6882;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.radio:hover {
color:#00ddff;
}
.radio:hover span:before {
background:#d8d8d8;
}
.radio input:checked + span:before {
background:#00ddff;
border-color:#00ddff;
}
.page_contact {
position:relative;
padding-bottom:200px;
}
.page_contact .container {
position:relative;
z-index:4;
}
.page_contact:before {
content:'';
position:absolute;
z-index:1;
top:50%;
left:0;
bottom:0;
width:100%;
background:#25304c;
}

.content_flex {
display:flex;
margin-bottom:40px;
}
.content_flex > div:first-child {
width:40%;
margin-right:40px;
}
.content_flex > div:last-child {
width:60%;
}

.anim_overlay_content .modalyashare ul {
row-gap: 10px;
}

#modal_video {
width:100%;
max-width:800px;
}
#modal_video .anim_overlay_inner {
width:auto;
}
.iframe_video {
margin-top:40px;
}
.iframe_video iframe {
width:100%;
height:400px;
}



.overlay_message {
position:fixed;
z-index:100;
top:50%;
right:0;
transform:translateY(-50%);
}
.overlay_message_item {
position:relative;
padding:16px 70px 16px 0;
display:flex;
align-items:center;
width:385px;
margin-bottom:13px;
color: #00155D;
background: #FFFFFF;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
}
.overlay_message_item_icon {
width:82px;
min-width:82px;
display:flex;
justify-content:center;
}
.overlay_message_close {
position: absolute;
top: 18px;
right: 15px;
width: 25px;
height: 25px;
border: 1px solid #005FA3;
border-radius: 50%;
display:flex;
justify-content:center;
align-items:center;
}
.overlay_message_close:hover {
border: 1px solid #EA2121;
}
.overlay_message_close:hover path {
fill:#EA2121;
}
.message_success {
border-bottom:5px #00C7AB solid;
}
.message_warning {
border-bottom:5px #FFA607 solid;
}
.message_error {
border-bottom:5px #EF3A3B solid;
}
.message_info {
border-bottom:5px #3FA9F5 solid;
}


.bgwhite_inline {
background:#fff;
padding:7px 13px;
display:inline-block;
}
.header_phone {
position:relative;
border: 1px solid #DADADA;
border-radius: 59px;
padding:6px 18px 6px 54px;
background:url(../svg/header_phone.html) no-repeat 15px center;
margin-right:10px;
}

.wrp_error {
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
padding:10px;
min-height: calc(100vh - 120px);
}
.error1 {
font-weight: bold;
font-size: 60px;
line-height: 60px;
letter-spacing: 5.14286px;
text-transform: uppercase;
color: #005FA3;
margin-bottom:20px;
}
.error2 {
font-size: 36px;
line-height: 42px;
letter-spacing: 1.2px;
color: #25304C;
margin-bottom:57px;
}


.lot_item_circle_reverse {
display: flex;
align-items: center;
justify-content: space-between;
width: 184px;
height: 60px;
background: #00DDFF;
border-radius: 30px;
font-weight: 800;
margin-left:10px;
}
.lot_item_circle_reverse > div:nth-child(1) {
width: 60px;
min-width: 60px;
height: 60px;
background: #fff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
background: #005FA3;
}
.lot_item_circle_reverse > div:last-child {
width: 60px;
min-width: 60px;
height: 60px;
background: #5AE9FF;
border: 1px dashed #00ADC6;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
color: rgba(0, 95, 163, 0.5);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
a.btn_circle_reverse {
display: block;
text-decoration: none;
font-weight: 500;
font-size: 12px;
text-align: center;
color: #005FA3;
padding-top: 24px;
background: url(../svg/btn_circle_reverse.html) no-repeat center top / 21px auto;
}
.lot_item_circle_reverse > div:nth-child(1) {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.lot_item_circle_reverse.reverse > div:nth-child(1) {
background: #5AE9FF;
border: 1px dashed #00ADC6;
color: rgba(0, 95, 163, 0.5);
}
.lot_item_circle_reverse.reverse > div:last-child {
background: #005FA3;
color: #fff;
border: none;
}

.imgcrc {
display:inline-block;
vertical-align:middle;
}

.top_desc_grid {
display:grid;
grid-template-columns:1fr 1fr;
grid-gap:60px;
}
a.btn_download1 {
position:relative;
z-index:0;
display:inline-flex;
align-items:center;
padding:0 8px 0 22px;
width:max-content;
height:60px;
border-radius: 30px;
font-weight: 500;
font-size: 16px;
letter-spacing: 1.37143px;
color: #FFFFFF;
transform: translate(-20%, 100%) rotate(90deg);
}
a.btn_download1:before {
content:'';
position:absolute;
z-index:-1;
top:0;
left:0;
width:100%;
height:100%;
background: linear-gradient(90deg, #00A651 -19.6%, #8CC63F 95.54%);
border-radius: 30px;
transition: transform 0.4s cubic-bezier(0.1, 0, 0.3, 1);
}
a.btn_download1:hover:before {
transform: scale3d(1.2,1.2,1);
}
.btn_download1 img {
margin-left: 10px;
transform: rotate(-90deg);
}
a.btn_download2 {
display:inline-flex;
align-items:center;
padding:0 8px 0 22px;
width:max-content;
height:60px;
border: 1px solid #2B84C4;
border-radius: 30px;
font-weight: 500;
font-size: 16px;
letter-spacing: 1.37143px;
color: #87CDFF;
}
.btn_download2 img {
margin-left: 10px;
}

.wrpblock1 {
position:relative;
overflow: hidden;
display:flex;
justify-content:center;
padding-top:40%;
margin-bottom:70px;
}
.block1 {
position:absolute;
top:50%;
left:50%;
width:1200px;
min-width:1200px;
height:466px;
display:flex;
justify-content:space-between;
background:url(../svg/section3.svg) no-repeat center top;
transform-origin: 50% 50%;
margin-top:-233px;
margin-left:-600px;
}
@media all and (max-width:1200px) {.block1 {transform: scale(0.9);}}
@media all and (max-width:1100px) {.block1 {transform: scale(0.8);}}
@media all and (max-width:1000px) {.block1 {transform: scale(0.7);}}
@media all and (max-width:880px) {.block1 {transform: scale(0.6);}}
@media all and (max-width:760px) {
.wrpblock1 {
padding-top:50%;
margin-bottom:30px;
}
.block1 {
transform: scale(0.5);
width: 1050px;
min-width: 1050px;
margin-left:-525px;
}
}
@media all and (max-width:560px) {.block1 {transform: scale(0.4);}}
@media all and (max-width:460px) {
.wrpblock1 {
margin-left:-15px;
margin-right:-15px;
}
.block1 {
transform: scale(0.39);
}
}
@media all and (max-width:412px) {.block1 {transform: scale(0.35);}}
@media all and (max-width:374px) {.block1 {transform: scale(0.3);}}

.block1 > div:nth-child(2) {
padding-top:125px;
}
.block1circle {
position:relative;
z-index:0;
width:210px;
height:210px;
border-radius:50%;
margin:0 auto 30px auto;
}
.block1circle:before {
content:'';
position:absolute;
z-index:-1;
top:-10px;
right:-10px;
bottom:-10px;
left:-10px;
background:#fff;
border-radius:50%;
animation: pulses 3s linear infinite;
transform-origin:  50% 50%;
}
@keyframes pulses {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
.block1circle img {
display:block;
}
.block1 > div:nth-child(3) {
width:306px;
}
.block1_item {
display:flex;
align-items:center;
height:94px;
width:327px;
background: linear-gradient(270.17deg, #76DEDA -11.36%, #005FA3 94.15%);
border-radius: 87px;
padding:0 17px;
margin-bottom:30px;
}
.block1_item:last-child {
margin-bottom:0;
}
.block1_img {
width:66px;
min-width:66px;
margin-right:20px;
}
.block1r_item {
position:relative;
width:231px;
height:66px;
background: linear-gradient(240deg, #2FDBCA -5.07%, #641AFF 105.07%);
border-radius: 10px;
width:231px;
color:#fff;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
}
.block1r_item > div {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:space-between;
padding:6px 15px 9px 19px;
opacity:0;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.block1r_item > div.active {
opacity:1;
}
.block1r_item > div > div:nth-child(1) {
padding-right:10px;
}
.block1r_title {
font-weight: 500;
font-size: 24px;
line-height: 26px;
text-align: center;
letter-spacing: 1.37143px;
text-transform: uppercase;
color: #00336A;
margin-bottom:28px;
}
.block1c_title {
position:relative;
display:flex;
align-items:center;
padding:14px 20px;
font-weight: bold;
font-size: 24px;
letter-spacing: 1.37143px;
width:270px;
margin:0 auto;
}
.block1c_title span {
background: linear-gradient(90deg, #56CDC8 -2.16%, #2E8EFC 102.81%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.block1c_title:before,
.block1c_title:after {
content:'';
position:absolute;
top:0;
left:0;
width: 9px;
height: 9px;
background: #55CCC9;
}
.block1c_title:after {
bottom:0;
top:auto;
}
.block1c_title i:before,
.block1c_title i:after {
content:'';
position:absolute;
top:0;
right:0;
width: 9px;
height: 9px;
background: #2D8DFD;
}
.block1c_title i:after {
bottom:0;
top:auto;
}
.block1 .fs-24 {
font-size:24px;
}

.wrp_home_video {
position:relative;
z-index:0;
width:420px;
}
.wrp_home_video .partnersflex_img_blur {
z-index:-1;
}
.wrp_home_video a {
position:relative;
display:block;
}
.wrp_home_video a img {
position:relative;
z-index:1;
display:block;
}
.wrp_home_video a:before {
content:'';
position:absolute;
z-index:2;
top:0;
left:0;
width:100%;
height:100%;
background: rgba(5, 34, 43, 0.7);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.wrp_home_video a:hover:before {
background: rgba(5, 34, 43, 0.4);
}
.home_video_icon {
position:absolute;
z-index:3;
top:50%;
left:50%;
width:59px;
height:41px;
background:url(../svg/home_video_icon.html) no-repeat center / 100% auto;
transform:translate(-50%, -50%);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.wrp_home_video a:hover .home_video_icon {
transform:translate(-50%, -50%) scale(1.2);
}
.home_video_icon_new {
position:absolute;
z-index:4;
top:-22px;
right:-40px;
width:125px;
height:57px;
font-weight: bold;
font-size: 24px;
letter-spacing: 2.4px;
color: #FFFFFF;
text-align:center;
padding-top:7px;
padding-left:8px;
text-transform: uppercase;
background:url(../svg/home_video_icon_new.html) no-repeat left top;
}
.posrel {
position:relative;
z-index:2;
}

.btnlink1 {
position:relative;
display:inline-block;
padding:6px 0;
margin-left:40px;
}
.btnlink1 svg {
position:absolute;
top:50%;
left:-40px;
transform:translateY(-50%);
}
.wrp_home_video .partnersflex_img {
display:block;
width:100%;
}
[data-youtube-inner] iframe,
[data-video-inner] iframe {
    position: relative;
    z-index: 5;
    display: block;
    width: 100%;
    height: 300px;
}

.images_flex {
display:flex;
flex-wrap:wrap;
justify-content:center;
}
.images_flex a {
position:relative;
display:block;
margin:0 10px 20px 10px;
}
.images_flex a:after {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background: rgba(5, 34, 43, 0.704762) url(../svg/icon_fancybox.html) no-repeat center;
opacity:0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.images_flex a:hover:after {
opacity:1;
}
.images_flex a img {
display:block;
}

.video_single {
width:100%;
max-width:1000px;
margin:0 auto;
}
.video_single .home_video_icon {
width: 134px;
height: 93px;
}
.video_single [data-youtube-inner] iframe,
.video_single [data-video-inner] iframe {
    height: 400px;
}
.video_desc {
max-height:78px;
overflow:hidden;
}
.linkwhite,
a.linkwhite {
color:#fff;
}
.linkwhite:hover,
a.linkwhite:hover {
color: #56bbcb;
} 

.howtostart2 {

}
.howtostart2 .page_bg {
background: url(../svg/section_work_bg.svg) no-repeat center 228px / 100% auto, linear-gradient(#fff, #fff) no-repeat left top / 100% 228px;
}
.howtostart2_item {
position:relative;
max-width:913px;
margin-left:auto;
margin-right:auto;
padding-left:107px;
margin-bottom:60px;
}
.howtostart2_item_inner {
position:relative;
}
.howtostart2_item_inner:before {
content:'';
position:absolute;
z-index:1;
top:0;
left:-107px;
bottom:0;
width:80px;
background:url(../svg/howtostart2_line.html) no-repeat center bottom;
}
.howtostart2_item:last-child .howtostart2_item_inner:before {
background:url(../svg/howtostart2_line_last.html) no-repeat center bottom;
}
.howtostart2_item .wrp_home_video {
position:relative;
padding-top:57%;
width:100%;
max-width:none;
}
.howtostart2_item .wrp_home_video .partnersflex_img {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.howtostart2_item .wrp_home_video a {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.howtostart2_item .wrp_home_video a img {
width:100%;
height:100%;
display: block;
object-fit:cover;
}
.howtostart2_item .home_video_icon {
width: 100px;
height: 69px;
}
.howtostart2_item_desc {
position: relative;
z-index: 5;
background:#fff;
padding:25px 40px;
color: #005FA3;
}
.howtostart2_item_desc ol {
margin-left:20px;
}
.howtostart2_item_desc li::marker {
font-weight:bold;
}
.howtostart2_item [data-youtube-inner] iframe,
.howtostart2_item [data-video-inner] iframe {
    width: 100% !important;
    height: 100% !important;
}
.howtostart2_item_num {
position:absolute;
z-index:2;
top: -16px;
left:-107px;
width: 80px;
height: 80px;
background: #FFFFFF;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25);
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
font-weight: bold;
font-size: 48px;
color: #005FA3;
}

.inline_flex {
display:inline-flex;
}
.inline_flex > div {
margin-right:30px;
}
.gradientanim {
display:inline-block;
background: linear-gradient(90deg, #00F2EB 0%, #CDFF3E 25%, #7660FF 50%, #CDFF3E 75%, #00F2EB 100%);
background-size:200% 100%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-webkit-animation: gradient 3s linear infinite;
        animation: gradient 3s linear infinite;
}
@-webkit-keyframes gradient {
  0% {
    background-position:0 0;
  }
  100% {
    background-position:-200% 0;
  }
}
@keyframes gradient {
  0% {
    background-position:0 0;
  }
  100% {
    background-position:-200% 0;
  }
}


.wrp_header_title_trading {
background:#081A34;
border-bottom: 6px #005FA3 solid;
}
.trading_bg {
background: url(../svg/section_work_bg2.html) no-repeat center top, url(../img/circle2.png) repeat center top;
background-size: 100% auto, auto;
background-color:#081A34;
border-bottom:5px #3FA9F5 solid;
}
.table_scroll {
overflow-x: auto;
}
.wrp_trading_filter {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:10px;
}
.show_count {
display:flex;
align-items:center;
}
.show_count div {
margin-right:15px;
}
.show_count a {
display:flex;
justify-content:center;
align-items:center;
text-align:center;
width:50px;
height:50px;
background: #023162;
font-size: 18px;
color: #005FA3;
margin-left:3px;
}
.show_count a.active,
.show_count a:hover {
background: #005FA3;
color:#fff;
}
.last_time {
display:inline-block;
background: rgba(63, 169, 245, 0.1);
padding:0 3px;
border-bottom: 1px solid #005FA3;
}

.trading_table {
width:100%;
}
.trading_table th {
text-align:center;
font-weight: bold;
font-size: 14px;
letter-spacing: 1.02857px;
text-transform: uppercase;
color: #FFFFFF;
padding:20px 15px;
background: #005FA3;
border-right: 1px solid rgba(0, 60, 119, 0.71);
border-bottom:4px #023162 solid;
}
.trading_table th:first-child {
text-align:left;
}
.trading_table th:last-child {
text-align:right;
border-right: none;
}
.trading_table td {
text-align:center;
font-size: 14px;
color: #6DABD8;
padding:10px 15px;
background: rgba(0, 6, 16, 0.2);
border-bottom: 1px solid #023162;
}
.trading_table td:first-child {
text-align:left;
}
.trading_table td:last-child {
text-align:right;
}
.trading_up td:first-child {
border-left:4px #00900E solid;
}
.trading_down td:first-child {
border-left:4px #900000 solid;
}
.trading_up td {
background: rgba(48, 184, 0, 0.2);
-webkit-animation: inserttd 0.7s ease forwards;
animation: inserttd 0.7s ease forwards;
}
@-webkit-keyframes inserttd {
  0% {
    background: rgba(48, 184, 0, 0.2);
  }
  100% {
    background: rgba(0, 6, 16, 0.2);
  }
}

@keyframes inserttd {
  0% {
    background: rgba(48, 184, 0, 0.2);
  }
  100% {
    background: rgba(0, 6, 16, 0.2);
  }
}
.trading_down td {
background: rgba(206, 0, 0, 0.2);
-webkit-animation: inserttd2 0.7s ease forwards;
animation: inserttd2 0.7s ease forwards;
}
@-webkit-keyframes inserttd2 {
  0% {
    background: rgba(206, 0, 0, 0.2);
  }
  100% {
    background: rgba(0, 6, 16, 0.2);
  }
}

@keyframes inserttd2 {
  0% {
    background: rgba(206, 0, 0, 0.2);
  }
  100% {
    background: rgba(0, 6, 16, 0.2);
  }
}

.tabicon1 {
display:inline-flex;
align-items:center;
}
.tabicon1 .img {
width:30px;
min-width:30px;
height:30px;
margin-right:8px;
}
.tabicon2 {
display:inline-flex;
align-items:center;
}
.tabicon2 .img {
width:30px;
min-width:30px;
height:30px;
border:5px #005FA3 solid;
border-radius:50%;
overflow:hidden;
margin-right:8px;
}

.table_list_pair {
display:inline-flex;
align-items:center;
}
.table_list_pair_icon {
width:15px;
height:13px;
background:url(../svg/table_list_pair_icon.html) no-repeat left top;
margin:0 7px;
}
/* New style */
/* .section_video::after {
	content: '';
	display: block;
	width: 100%;
	height: 43px;
	position: relative;
	z-index: 1;
	position: absolute;
	top: -20px;
	left: 0;
	background: url(../img/ms-l-1.png);
} */
/* New style */


.wrp_chart_header {
display:flex;
align-items:center;
justify-content:center;
padding:20px 15px;
background: #004184;
}
.wrp_chart_header.tac {
justify-content:center;
}
.chart_header_title {
color: #0089EB;
}
.chart_filter {
display:flex;
flex-grow:1;
overflow:hidden;
}
.wrp_chart_filter {
display: flex;
background: #023162;
}
.inner_chart_filter {
display:flex;
min-width:0;
flex-grow:1;
}
.chart_filter_title {
color: #0089EB;
padding: 0 15px;
display: flex;
align-items: center;
white-space: nowrap;
}
.chart_filter a {
position: relative;
display:flex;
justify-content:center;
align-items:center;
flex-direction: column;
text-align:center;
color: #6DABD8;
font-size:14px;
width:110px;
min-width:110px;
height:80px;
border-right: 1px solid #0E568A;
padding:0 5px;
}
.chart_filter a span:nth-child(1) {
border-bottom: 1px solid #174A80;
padding-bottom: 5px;
margin-bottom: 5px;
}
.chart_filter a.disabled {
  color: #436c8a; 
  cursor: not-allowed;
  background: #032344;
}
.chart_filter a:hover {
background: #053C77;
}
.chart_filter a.active {
color: #00DDFF;
}
.chart_filter a.active:after {
content:'';
position: absolute;
left:0;
bottom: 0;
width:100%;
height:4px;
background: #00DDFF;
}
.chart_filter_prev,
.chart_filter_next {
width:40px;
min-width:40px;
height:80px;
background: #3FA9F5;
display:flex;
align-items:center;
justify-content:center;
}
.chart_filter_prev:hover,
.chart_filter_next:hover {
opacity:0.5;
}
.chart_filter_scroll {
position:relative;
height:1px;
background:rgba(0, 60, 119, 0.71);
}
.chart_filter_scroll_btn {
cursor:pointer;
position:absolute;
top:-3px;
left:0;
height:6px;
background:#6DABD8;
}

.scroll_chart {
overflow-x:auto;
}
.wrp_chart {
min-width:700px;
background: #023162;
padding:20px 20px 50px 100px;
}
#chart {
position:relative;
height:300px;
}
.chart_vertical {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:flex;
flex-direction:column;
justify-content:space-between;
border-left: 1px solid #0E568A;
}
.chart_vertical div {
position:relative;
height:0;
border-bottom: 1px dashed #0E568A;
}
.chart_vertical div:last-child {
border-bottom: 1px solid #0E568A;
}
.chart_vertical span {
position:absolute;
top:50%;
right:100%;
font-size: 12px;
text-align: right;
color: #0089EB;
margin-right:5px;
transform:translateY(-50%);
}
.chart_horizont,
.chart_horizont_line {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:flex;
justify-content:space-between;
align-items:flex-end;
font-size: 12px;
color: #0089EB;
text-align:center;
}
.chart_horizont > div,
.chart_horizont_line > div {
position:relative;
width:14px;
}
.chart_horizont .chart_line_green {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), linear-gradient(0deg, #00A651 0%, #8CC63F 100%);
}
.chart_horizont .chart_line_red {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(0deg, #AF2B22 0%, #EA8221 96.84%);
}
.chart_horizont > div > span {
position:absolute;
top:100%;
left:50%;
margin-top:14px;
transform:translateX(-50%);
}
.chart_popup {
position:absolute;
z-index:10;
bottom:0;
left:50%;
transform:translateX(-50%);
margin-bottom:13px;
background: #FFFFFF;
box-shadow: 0px 3px 10px rgba(0, 95, 163, 0.415746);
border-radius: 10px;
font-weight: 500;
font-size: 12px;
color: #fff;
text-align:left;
white-space:nowrap;
opacity:0;
visibility:hidden;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.chart_horizont .chart_line_green .chart_popup {
background: #00A656;
}
.chart_horizont .chart_line_red .chart_popup {
background: #D14C2E;
}
.chart_horizont_line .chart_popup {
bottom:100%;
background: #0089EB;
box-shadow: 0px 3px 10px rgba(0, 95, 163, 0.415746);
color: #00FFFF;
}
.chart_popup.chart_popup_bottom {
bottom:auto;
top:0;
margin-bottom:0;
margin-top:13px;
}
.chart_popup:before {
content:'';
position:absolute;
bottom:-4px;
left:50%;
width:0;
height:0;
margin-left:-4px;
border-left:4px transparent solid;
border-right:4px transparent solid;
border-top:4px #fff solid;
}
.chart_popup.chart_popup_bottom:before {
bottom:auto;
top:-8px;
}
.chart_horizont .chart_line_green .chart_popup:before {
border-top:4px #00A656 solid;
}
.chart_horizont .chart_line_red .chart_popup:before {
border-top:4px #D14C2E solid;
}
.chart_horizont_line .chart_popup:before {
border-top:4px #0089EB solid;
}
.chart_horizont_line .chart_popup.chart_popup_bottom:before {
border-top:4px transparent solid;
border-bottom:4px #0089EB solid;
}
.chart_popup > div {
padding:3px 10px;
border-bottom: 1px solid rgba(255,255,255,0.26);
}
.chart_horizont_line .chart_popup > div {
border-color:#115178;
}
.chart_popup > div:last-child {
border-bottom:none;
}
.chart_horizont > div:last-child .chart_popup,
.chart_horizont_line > div:last-child .chart_popup {
left:auto;
right:-7px;
transform:translateX(0);
}
.chart_horizont > div:last-child .chart_popup:before,
.chart_horizont_line > div:last-child .chart_popup:before {
left:auto;
right:10px;
margin-left:0;
}
.chart_horizont > div.active .chart_popup,
.chart_horizont > div:hover .chart_popup,
.chart_horizont_line > div.active .chart_popup,
.chart_horizont_line > div:hover .chart_popup {
opacity:1;
visibility:visible;
}
.chart_horizont > div.active:before,
.chart_horizont > div:hover:before {
content:'';
position:absolute;
z-index:10;
bottom:0;
left:50%;
margin:0 0 -4.5px -4.5px;
width:9px;
height:9px;
border-radius:50%;
}
.chart_horizont_line > div.active:before,
.chart_horizont_line > div:hover:before {
content:'';
position:absolute;
z-index:10;
top:0;
left:50%;
margin:-4.5px 0 0 -4.5px;
width:9px;
height:9px;
border-radius:50%;
}
.chart_line_red:before {
background: #FFFFFF;
border:3px rgba(117, 0, 0, 0.3484) solid;
box-shadow: 0 0 0px 9px rgba(255, 107, 0, 0.35);
}
.chart_line_green:before {
background: #FFFFFF;
border:3px rgba(0, 194, 255, 0.3484) solid;
box-shadow: 0 0 0px 9px rgba(2, 117, 0, 0.35);
}
.chart_horizont_line > div:before {
background: #00DDFF;
border:3px rgba(36, 124, 255, 0.3484) solid;
box-shadow: 0 0 0px 9px rgba(36, 242, 255, 0.15);
}
.chart_popup_percent {
padding-left:14px;
}
.chart_line_red .chart_popup_percent {
background:url(../svg/chart_line_red.html) no-repeat left center;
}
.chart_line_green .chart_popup_percent {
background:url(../svg/chart_line_green.html) no-repeat left center;
}
.chart_horizont .chart_line_red .chart_popup_percent {
background:url(../svg/chart_line_white_down.html) no-repeat left center;
}
.chart_horizont .chart_line_green .chart_popup_percent {
background:url(../svg/chart_line_white_up.html) no-repeat left center;
}
.charts {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.trading_grid {
display:grid;
grid-template-columns: 1fr 1fr;
grid-gap:17px;
}
.trading_grid > div {
min-width:0;
background: #005FA3;
}
.trading_flex_item {
display:flex;
align-items:center;
justify-content:space-between;
padding:7px 20px;
background:rgba(63, 169, 245, 0.1);
margin-bottom:5px;
}
.trading_flex_item:last-child {
margin-bottom:0;
}
.trading_flex_item > div:nth-child(1) {
font-size:14px;
color: #E0F2FF;
}
.trading_flex_item > div:nth-child(2) {
font-size:12px;
color: #83C9FF;
text-align:right;
}
.trading_title2 {
letter-spacing: 5.14286px;
color: #3FA9F5;
}

.trading_grid2 {
display:grid;
grid-template-columns: 1fr 1fr;
grid-gap:0;
background: #005FA3;
}
.trading_grid2 > div {
min-width:0;
padding: 27px 20px;
}
.trading_grid2_left {
display:grid;
grid-template-columns: 1fr 1.3fr;
grid-gap:30px;
align-items:center;
min-height:40px;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #004B95;
}
.trading_grid2_left:first-child {
border-bottom:none;
margin-bottom:4px;
min-height:0;
}
.trading_grid2_left:last-child {
padding-bottom:0;
margin-bottom:0;
border-bottom:none;
}
.trading_grid2_left > div {
min-width:0;
}
.trading_grid2_title {
color: #E0F2FF;
}
.trading_grid2 .tabicon2 {
margin-right:10px;
}
.trading_grid2 .tabicon2 .img {
border: 5px rgba(63, 169, 245, 0.2) solid;
}
.trading_grid2_line {
position:relative;
height: 23px;
}
.trading_grid2_line:before {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border: 2px solid rgba(255, 255, 255, 0.1);
}
.line_blue {
background: linear-gradient(90deg, #6DC8BF 0%, #0071BC 100%);
}
.line_red {
background: linear-gradient(90deg, #AF2222 0%, #EA8221 100%);
}
.line_green {
background: linear-gradient(90deg, #00A651 0%, #8CC63F 100%);
}
.trading_grid2_line div {
position:absolute;
z-index:10;
top:100%;
left:50%;
transform:translateX(-50%);
background: #FFFFFF;
box-shadow: 0px 3px 10px rgba(0, 95, 163, 0.415746);
border-radius: 10px;
margin-top:6px;
pointer-events:none;
font-size: 12px;
text-align: center;
color: #00336A;
padding:4px 6px;
white-space:nowrap;
visibility:hidden;
opacity:0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.trading_grid2_line:hover div {
visibility:visible;
opacity:1;
}
.trading_grid2_line div:before {
content:'';
position:absolute;
top:-4px;
left:50%;
width:0;
height:0;
margin-left:-4px;
border-left:4px transparent solid;
border-right:4px transparent solid;
border-bottom:4px #fff solid;
}
.trading_grid2_line:after {
content:'';
position:absolute;
z-index:10;
top:50%;
left:50%;
margin:-2px 0 0 -2px;
width:4px;
height:4px;
border-radius:50%;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.trading_grid2_line:hover:after {
background: #fff;
box-shadow: 0 0 0px 9px rgba(255, 255, 255, 0.15), 0 0 0px 4px rgba(255, 255, 255, 0.3484);
}
.trading_grid2_line i{
position:absolute;
top:50%;
left:0;
width:100%;
height:1px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.trading_grid2_line:hover i {
background:rgba(255, 255, 255, 0.1);
}
.trading_grid2_line_wrp {
position:relative;
}
.trading_grid2_line_percent {
position:absolute;
top:50%;
right:100%;
transform:translateY(-50%);
margin-right:10px;
font-size: 14px;
color: #83C9FF;
}
.trading_grid2_right {
display:grid;
grid-template-columns: 1fr 1fr;
grid-gap:12px;
align-items:center;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #004B95;
min-height:40px;
}
.trading_grid2_right:first-child {
border-bottom:none;
margin-bottom:4px;
min-height:0;
}
.trading_grid2_right:last-child {
padding-bottom:0;
margin-bottom:0;
border-bottom:none;
}
.trading_grid2_right > div {
min-width:0;
}
.trading_grid2_right > div:nth-child(1) {
text-align:right;
}
.trading_grid2_right > div:nth-child(1) .trading_grid2_line {
margin-left:auto;
}
.menu_overlay_header_wrp {
display:flex;
justify-content: space-between;
align-items:center;
margin-bottom:20px;
}
.menu_overlay_header_wrp > div:nth-child(2) {
flex-grow: 1;
max-width: 50%;
display: flex;
justify-content: flex-end;
padding-right: 100px;
}
.menu_overlay_header_wrp .active_lang {
color: #87cdff;
}

.wrp_video_list {
display:grid;
grid-template-columns: 1fr 1fr;
grid-gap: 50px;
}
.flex_video_single {
display:flex;
justify-content:space-between;
align-items:center;
}
.flex_video_single .news_btn_name {
opacity: 1;
transform: translateX(0);
}
.video_single_pagination {
display:flex;
justify-content:space-between;
align-items:center;
padding:20px 0;
}
.video_single_pagination > div {
max-width:400px;
}
.video_single_pagination > div:nth-child(1) {
padding-right:10px;
}
.video_single_pagination > div:nth-child(2) {
padding-left:10px;
}
.wrp_playlists {
display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 40px;
}
.wrp_playlists .news_btn_img {
width: 47px;
height: 47px;
}
.wrp_playlists .news_btn {
font-size: 14px;
}
.playlists_video_count {
position:absolute;
z-index:5;
top:0;
right:0;
width:100px;
height:100%;
background: rgba(5, 34, 43, 0.704762) ;
font-weight: bold;
font-size: 24px;
text-align: center;
color: #FFFFFF;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
.playlists_video_count:after {
content:'';
display:block;
width:33px;
height:33px;
background:url(../svg/playlists_video_count.html) no-repeat center;
}
.title_video_single h1 {
font-size:40px;
}
.title_video_single {
min-height: 0;
}