:root {
  --black-color: #000;
  --black-transp: #000000a1;
  --blue-color: #0f1527;
  --white-blue: #0293a3;
  --blue-transp: #0f152782;
  --red-color: #ff0000;
  --red-transp: #ff000094;
  --green-color:  #21b04b;
  --green-transp:  #21b04b4f;
  --grey-color: #4f4f4f;
  --white-grey-color: #b3b3b3;
  --font-first: 14px;
  --mouse-x: .5;
  --mouse-y: .5;
}
* {
	margin: 0;
	padding: 0;
    box-sizing: border-box;
	position:relative;
    letter-spacing: 0.5px;
	color: var(--red-color);
}
a {
	text-decoration: none;
	color: var(--grey-color);
}
a:hover {
	text-decoration: none;
}
body {
	background: var(--black-color);
    font-size: var(--font-first);
    font-family: "Roboto", "Open Sans";
    text-shadow: 0 0 15px rgb(68, 17, 17);
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
input:focus:not([type="checkbox"]), textarea:focus, select:focus {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
}
input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: var(--black-color) !important;
    color: var(--green-color) !important;
}
#loading {
  position: relative;
  text-align: left;
  font-family: "Rubik Glitch","Butcherman", monospace;
  font-size: 4.5em;text-transform: uppercase;
  margin: 0;
   word-break: break-all
}
#loading span:not(#loading span.glow){
 color: var(--grey-color);
}
#matrix {
display:block;
position: fixed;
top:0;
left:0;
width: 100%;
height: 100%;
    z-index: -1;
}
.glow {
  color: var(--red-color);
  /* text-shadow: 0px 0px 10px #f00; */
}
span {
  display: inline-block;
  padding: 0 10px;
}
br.clearfix {
	clear: both;
}
h1,h2,h3,h4 {
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Open Sans", sans-serif;
	color: var(--green-color);
	margin-bottom: 1em;
}
h1 {
    font-size: 1.75em;
    font-weight: 700;
    letter-spacing: 1px;
}
h2  {
	font-size: 1.5em;
    color: var(--red-color);
    font-weight: 700;
    letter-spacing: 1px;
}
h4 {
	font-size: 1em;
}
h3 {
	font-size: 1.25em;
    color: var(--red-color);
    font-weight: 500;
    letter-spacing: 1px;
}
.number_step {
    background-color: var(--red-color);
    color: var(--black-color);
    padding: 10px 2px;
    font-size: 1em;
    font-weight: 900;
    /* text-shadow: -1px 2px var(--white-grey-color); */
}
.header_home {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-around;
    height: auto;
}
nav {
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0;
	display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: nowrap;
    text-align: center;
    background: var(--blue-color);
    position: sticky;
    top: 0;
    z-index: 1000;
}
nav a {
    text-align: center;
    text-transform: uppercase;
    font-size: var(--font-first);
    font-weight: 900;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    color: var(--green-color);
    border: none;
    border-bottom: 2px solid transparent;
    border-right: 1px solid var(--green-transp);
    justify-content: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
	transition: color 0.3s;
}
nav a.active, nav a:hover{
    color: var(--red-color);
    border-bottom: 2px solid;
    background: linear-gradient(45deg, var(--black-color), var(--green-color), var(--red-color), var(--black-color));
    background-size: 400% 400%;
    animation: gradient 3s ease infinite;
}
a.nav_href.active::before {
    content: "";
    width: 15px;
    height: 15px;
    background: var(--red-color);
    position: absolute;
    z-index: 1;
    transform: rotateZ(45deg);
    bottom: -10px;
}
#block_site {
    width: 100%;
    max-width: 1200px;
    height: 100%;
    min-height: 100vh;
}
.content_box {
    display: block;
    width: 100%;
    height: fit-content;
    margin: 0;
    padding: 0;
    margin-top: 15px;
    min-height: calc(100vh - 230px);
}
.home_buttons {
    list-style: none;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    height: auto;
    box-sizing: border-box;
    background-size: 50%;
    background-position: top;
    overflow: hidden;
    background-image: url(/images/hacking.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    animation: bg-img 10s ease infinite alternate;
}
.button_href {
    text-transform: uppercase;
    font-weight: 800;
    color: var(--red-color);
    letter-spacing: 2px;
    font-size: 2.5em;
    text-shadow: 0 0 6px black;
    background-color: var(--black-transp);
    width: 49%;
    margin: 5px;
    /* padding: 10px; */
    display: flex;
    height: 100px;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    text-align: center;
    border: 1px solid var(--red-transp);
    box-shadow: inset 0 0 28px var(--red-transp);
    cursor: pointer;
    transition: all 0.7s;
	opacity: 0;
}
.home_buttons :nth-child(odd){
	transform: skewX(30deg) translateX(350px);
}
.home_buttons :nth-child(even){
	transform: skewX(-30deg) translateX(-350px);
}
.button_href:hover {
    transform: scale(1.02) skewX(0deg) translateX(0px) !important;
}
textarea, input,#result_mnemonic {
    overflow: hidden;
    background-image: url(/images/hacking.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    animation: bg-img 10s ease infinite alternate;
    background-size: 50%;
    background-position: top;
}
textarea:hover, input:hover,#result_mnemonic:hover {
    
}
@keyframes bg-img {
	0% {background-position: center center;
	}
	25% {background-position: center top;
	}
	50% {background-position: right center;
	}
	75% {background-position: center bottom;
	}
	100% {background-position: left center;
	}
}

@-webkit-keyframes flicker {
  0% {
    opacity: 0.5;
    text-shadow: 2px 2px 10px var(--red-transp);
  }
  100% {
    opacity: 1;
    text-shadow: 2px 2px 20px var(--red-transp);
  }
}

@keyframes flicker {
  0% {
    opacity: 0.5;
    text-shadow: 2px 2px 10px var(--red-transp);
  }
  100% {
    opacity: 1;
    text-shadow: 2px 2px 20px var(--red-transp);
  }
}

.bikubik {
width: 0px;
height: 0px;
display: block;
position: relative;
z-index: -1;
}
.home_buttons:hover{
background-position: calc(var(--mouse-x) * 100%) calc(var(--mouse-y) * 100%) !important;
}
/* .button_href:hover {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: stretch;
    justify-content: space-between;
    box-shadow: inset 0 0 90px var(--red-transp);
    overflow: unset;
    background: linear-gradient(-45deg, var(--black-color), var(--green-color), var(--red-color), var(--black-color));
    background-size: 400% 400%;
    animation: gradient 3s ease infinite;
} */

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.button_href:hover .bikubik {
background-color: var(--red-transp);
    width: 20px;
    height: 20px;
}
.button_href h2 {
    position: absolute;
    margin: 0;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke: var(--red-color);
    -webkit-text-stroke-width: 1px;
    text-shadow: 2px 2px 10px var(--red-transp);
    transition: all 0.5s ease-in-out;
    text-align: center;
    -webkit-animation: flicker 0.5s ease-in-out infinite alternate;
    animation: flicker 1s ease-in-out infinite alternate;
    font-size: inherit;
	transform: none !important;
}
.button_href h2:hover{
color: var(--red-color);
}
#chaged_lang {
    position: absolute;
    top: 20px;
    right: 15px;
    width: auto;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    height: 30px;
    opacity: 0.8;
    min-width: fit-content;
    z-index: 1010;
    background-color: var(--black-transp);
}
.change_language {
    top: 0;
    right: 0;
    width: auto;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    height: 30px;
    min-width: fit-content;
    margin-bottom: 10px;
}
.icon_lang {
    position: relative;
    height: 30px;
    width: 30px;
}
#change_lang {
    position: absolute;
    opacity: 1;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    min-width: fit-content;
    z-index: 1010;
    top: 65px;
    right: 15px;
}
.hidden{
display: none !important;
}
#mnemonic {
    width: 100%;
    background-color: var(--black-color);
    color: var(--green-color);
    font-size: 1.2em;
    height: 55px;
    border: 1px solid var(--red-transp);
    padding: 10px;
    /* max-height: 60px; */
    min-width: 100%;
    min-height: 85px;
}
.copy_pay_amount,
.copy_pay,
#buffer_mnemonic {
    position: absolute;
    z-index: 2;
    top: 1px;
    right: 1px;
    background-color: var(--grey-color);
    border: none;
    color: var(--black-color);
    padding: 4px;
    cursor: pointer;
    text-transform: uppercase;
    text-shadow: 0 0 black;
    font-size: calc(0.6 * var(--font-first));
    min-width: fit-content;
}
.copy_pay_amount.iscopy,
.copy_pay.iscopy,
#buffer_mnemonic.iscopy{
background-color:var(--green-color);
}
.btns {
    display: flex;
    width: 100%;
    margin-top: 15px;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}
#reset_check_mnemonic {
    background: var(--grey-color);
}

button {
    border: none;
    padding: 12px;
    text-transform: uppercase;
    font-size: 0.8em;
    background-color: var(--red-color);
    color: var(--black-color);
    font-weight: 900;
    letter-spacing: 1px;
    cursor: pointer;
    min-width: 200px;
}
button[type='reset'] {
    background-color: var(--grey-color);
}
#reload_mnemonic {
    background-color: var(--grey-color);
}
#result_mnemonic {
    width: 100%;
    min-height: 45px;
    background-color: var(--black-color);
    border: 1px solid var(--red-color);
    margin-bottom: 15px;
    padding: 8px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    color: var(--green-color);
    font-weight: 900;
    letter-spacing: 0.5px;
}
#change_work {
    display: flex;
    width: 100%;
    padding: 8px;
    margin-bottom: 15px;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.shufle_work {
    padding: 2px 12px;
    display: block;
    text-align: center;
    box-sizing: border-box;
    background-color: var(--green-color);
    margin: 0px 15px;
    border-radius: 50em;
    color: var(--white-grey-color);
    letter-spacing: 1px;
    cursor: pointer;
}
.input {
    width: 100%;
    display: block;
    padding: 12px;
    font-size: 1.4em;
    background-color: var(--black-color);
    border: 1px solid var(--red-transp);
    color: var(--green-color);
}
.label {
    color: var(--red-color);
}
#generate_pass {
    cursor: pointer;
    color: var(--green-color);
    font-weight: 700;
}
.payment_amount {
    background: var(--black-transp);
    padding: 15px;
    position: relative;
    border: 1px solid var(--red-transp);
    font-size: 3.8em;
    color: var(--red-color);
}
p.label {
    font-size: 1.5em;
    background-color: var(--black-transp);
    margin-bottom: 15px;
}
.logo_payment {
    display: flex;
    width: 100%;
    background-color: var(--black-transp);
    border: 1px solid var(--red-transp);
    margin: 15px 0px;
    padding: 12px;
}
.address_payment {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}
.payment_wallet {
    font-size: 1.5em;
    color: var(--red-color);
}
.address_payment em {
    color: var(--green-color);
    font-weight: 600;
    font-size: 1.2em;
}
.logo_payment img {
    width: 25px;
    margin-right: 8px;
}
b.name_check {
    color: var(--red-color);
}
@keyframes check {
0% {
    background-color: #03db39;
    box-shadow: 0 0 2px #03db39;
    border: 1px solid transparent;
    transform: scale3d(1, 1, 1);
}

100% {
    background-color: #07ff00;
    box-shadow: 0 0 45px #a7ff00;
    border: 1px solid #fff96f;
    transform: scale3d(1.2, 1.2, 1.2);
}
}
.logo_name b{
position: relative;
z-index: 2;
}
.check_active {
    width: 40px;
    display: block;
    padding: 2px;
    border: 6px solid transparent;
    border-radius: 50em;
    height: 40px;
    margin-left: 10px;
    margin-right: 10px;
    animation: check 3s ease-in-out infinite alternate;
    background: #a7ff00;
    transition: all 2s ease;
}
.check_active xml svg {
    width: 55px;
    height: 50px;
    position: relative;
    top: -13px;
}
.check_warning {
    width: 35px;
    display: block;
    padding: 2px;
    border: none;
    border-radius: 50em;
    height: 35px;
    margin-left: 10px;
    margin-right: 10px;
}
.check_view {
    display: flex;
    width: 100%;
    background-color: var(--black-transp);
    padding: 15px;
    border: 1px solid var(--red-transp);
    color: var(--red-color);
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-top: 45px;
}
.logo_name {
    font-size: 1.8em;
    color: var(--red-color);
    font-weight: 900;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    z-index: 1;
}
.check_view_header {
    color: #4eff08;
    font-weight: 600;
    font-size: 1.8em;
    margin-bottom: 15px;
    z-index: 2;
    text-shadow: 0 0 6px black;
}
.check_nominal {
    font-size: 1.2em;
    font-weight: 300;
    z-index: 20;
}
span.nominal {
    display: block;
    font-size: 3.4em;
    font-weight: 900;
}
#cashout_check {
    background-color: var(--green-color);
}
button#editing_check {
    background-color: var(--green-color);
}
#form_edit {
    width: 100%;
    margin-top: 15px;
    text-align: left;
}
.check_noactive {
    width: 35px;
    display: block;
    padding: 2px;
    border: 3px solid var(--red-transp);
    border-radius: 50em;
    height: 35px;
    margin-left: 10px;
}
.check_view.bad {
    filter: grayscale(0.7);
}
.disabled {
    font-size: 1.5em;
    font-weight: 900;
    text-transform: uppercase;
}
#cashout_check_form {
    width: 100%;
    background-color: var(--black-transp);
    padding: 10px;
}
select.select {
    display: block;
    width: 100%;
    max-width: 140px;
    padding: 12px;
    font-size: 1.5em;
    background-color: var(--black-color);
    border: 1px solid var(--red-transp);
    color: var(--green-color);
}
.inpts_out {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}
.recomendations {
    color: var(--green-color);
}
.success_out {
    background-color: var(--black-transp);
    border: 1px solid var(--red-transp);
    color: var(--green-color);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    padding: 15px;
    text-transform: uppercase;
}
#howdoes{
display: block;
width:100%;
height: auto;
}
#exchanges,
#back_guarantees,
#back_how_does{
    display: flex;
    width: 100%;
    height: auto;
    min-height: 650px;
    overflow: hidden;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}
.title_block {
    font-size: 2em;
    text-align: center;
    margin: 15px 0;
    color: var(--green-color);
    background: var(--blue-transp);
    padding: 15px 0;
    box-sizing: border-box;
    width: 100%;
}
footer {
    display: flex;
    width: 100%;
    height: auto;
    min-height: 60px;
    background-color: var(--blue-transp);
    box-sizing: border-box;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.chg_view {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%22300%22%20height%3D%22300%22%3E%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22m235.28%20156q-16.878-26.205-42.306-39.197%206.7734%2011.548%206.7734%2024.984%200%2020.542-14.602%2035.144t-35.144%2014.602-35.144-14.602-14.602-35.144q0-13.436%206.7734-24.984-25.428%2012.992-42.306%2039.197%2014.768%2022.763%2037.032%2036.255%2022.264%2013.491%2048.247%2013.491t48.247-13.491%2037.032-36.255zm-79.949-42.639q0-2.2208-1.5546-3.7754t-3.7754-1.5546q-13.88%200-23.818%209.9381-9.9381%209.9381-9.9381%2023.818%200%202.2208%201.5546%203.7754t3.7754%201.5546%203.7754-1.5546%201.5546-3.7754q0-9.5494%206.7734-16.323%206.7734-6.7734%2016.323-6.7734%202.2208%200%203.7754-1.5546t1.5546-3.7754zm94.162%2042.639q0%203.7754-2.2208%207.6618-15.546%2025.539-41.807%2040.918-26.25%2015.38-55.46%2015.38-29.2%200-55.463-15.43-26.261-15.44-41.806-40.87-2.221-3.88-2.221-7.66%200-3.7754%202.2208-7.6618%2015.546-25.428%2041.807-40.863t55.464-15.435q29.204%200%2055.464%2015.435%2026.261%2015.435%2041.807%2040.863%202.2208%203.8864%202.2208%207.6618z%22%2F%3E%20%3Cpath%20fill%3D%22%23F00%22%20d%3D%22m150%200.005c82.8%200%20150%2067.2%20150%20150s-67.2%20150-150%20150-150-67.2-150-150%2067.2-150%20150-150zm0%2028.571c-67.029%200-121.43%2054.4-121.43%20121.43%200%2028.042%209.5462%2053.851%2025.53%2074.414l170.31-170.31c-20.56-15.984-46.37-25.53-74.41-25.53zm95.898%2047.015-170.31%20170.31c20.563%2015.984%2046.372%2025.53%2074.414%2025.53%2067.029%200%20121.43-54.4%20121.43-121.43%200-28.042-9.5462-53.851-25.53-74.414z%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
	width: 25px;
    height: 15px;
    display: block;
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: var(--grey-color);
    border-radius: 50em;
    border: none;
	cursor:pointer;
}
.block_historys {
    background-color: var(--black-transp);
    box-sizing: border-box;
    padding: 8px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.block_transaction {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin: 15px 0;
    box-sizing: border-box;
    padding: 8px;
    border: 1px solid var(--red-transp);
}
.amount_history {
    display: flex;
    margin-right: 4px;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
}
.block_val_history {
    margin-right: 4px;
    background-color: var(--blue-transp);
}
.status_val.success {
    color: var(--green-color);
}
.amount_correct {
    font-size: 1.5em;
    font-weight: 900;
}
.history_date {
    font-size: 0.9em;
}
.history_address {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.history_exchanges {
    display: flex;
    flex-direction: column;
    width: 95px;
    align-items: center;
    justify-content: center;
}
.exchg_logo {
    width: 60px;
    /* border-radius: 50em; */
    height: 60px;
}
.his_address.filter {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}
.address_exchag_his {
    font-size: 1.4em;
    filter: blur(4px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 320px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.echg_href {
    text-decoration: underline;
    color: var(--green-color);
}
#show_nav {
    display: none;
    position: fixed;
    z-index: 1100;
    width: 60px !important;
    height: 60px;
    right: 14px;
    min-width: 60px;
    border-radius: 50em;
    top: 14px;
}
#back_exchanges {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: var(--black-transp);
    height: 100%;
    box-sizing: border-box;
    padding: 15px;
	position: relative;
}
.exchg_block {
    display: flex;
    width: 100%;
    min-height: 280px;
    max-width: 30%;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    margin: 2px;
    border: 1px solid var(--blue-transp);
    overflow: hidden;
    position: relative;
    padding-top: 40px;
    opacity: 0;
    transform: translateY(150px);
    transition: all 0.5s, opacity 0.5s;
}
.exchg_name {
    position: absolute;
    top: 0;
    text-transform: uppercase;
    font-size: 1.6em;
    font-weight: 900;
    color: var(--green-color);
    background: var(--blue-color);
    text-align: center;
    left: 0;
    right: 0;
    padding: 4px 0;
}
.exchg_logo {
    width: 140px;
    height: 140px;
}
.exchg_href {
    width: auto;
    padding: 4px 12px;
    background-color: var(--green-transp);
    border-radius: 50em;
	transition: all 0.6s ease;
}
.exchg_block:hover {
    border-color: var(--red-transp);
    transform: scale(1.05) translateY(0px) !important;
    background-color: var(--blue-color);
    z-index: 10;
}
.ocean_logo{
    display: block;
    width: 160px;
    height: 160px;
    padding: 15px;
    box-sizing: border-box;
    background-color: var(--blue-color);
    border-bottom-left-radius: 50em;
    border-bottom-right-radius: 50em;
    position: relative;
    top: -55px;
    transition: all 0.6s;
}
.ocean_logo svg{
display: block;
width: 100%;
height: auto;
}
.ocean_name {
    font-size: 0.8em;
    font-weight: 100;
    width: fit-content;
    margin: 0;
    position: relative;
    top: -65px;
}
#ocen_block {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 70px;
    background-color: var(--green-transp);
    margin-top: 90px;
    position: relative;
    z-index: 100;
    width: 100%;
}
.step_ocen p {
    color: inherit;
    font-size: inherit;
    max-width: 600px;
    font-size: 1.2em;
}
.step_ocen_hr{
    width: 320px;
    border: none;
    border-bottom: 3px double var(--blue-color);
    position: relative;
    bottom: -15px;
}
.ocean_hr {
    width: 100px;
    border: none;
    border-bottom: 3px double var(--blue-color);
    position: relative;
    top: -65px;
}
.arrow_down {
    width: 100%;
    height: 50px;
    display: block;
    margin: 0;
    padding: 0;
}
.step_ocen {
    box-sizing: border-box;
    background-color: var(--green-transp);
    padding: 15px;
    margin: 0;
    color: var(--green-color);
    text-align: center;
    font-size: 0.9em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all 0.6s;
    background: linear-gradient(45deg, var(--green-transp) 0 20%, var(--red-color) 49.5% 50.5%, var(--green-transp) 80% 100%);
    background-size: 100% 100%;
}
.step_ocen a{
    color: var(--blue-color);
text-decoration: underline;
}
.up_div {
    position: relative;
    margin-top: -30px;
}
.anim_ocean_step{
opacity: 0;
transition: all 1s ease;
width: 100%;
transform: translateY(200px);
}
.counter_step{
    display: flex;
    font-size: 4em;
    border-radius: 50em;
    width: 70px;
    text-align: center;
    z-index: -1;
    background-color: var(--green-transp);
    height: 70px;
    font-weight: 900;
    color: #fff90075;
    align-items: center;
    justify-content: center;
    position: relative;
    bottom: -110px;
    margin-top: -60px;
	animation: step_ocean 1s ease-in-out alternate infinite;
    box-shadow: 0 0 48px var(--green-color);
}
.pas_ocean{
width: 100%;
background:var(--green-transp);
height: 15px;
}
.full{
width: 100%;
height: auto;
}
@keyframes step_ocean {
0% {
    opacity: 0.4;
    transform: scale(1);
    box-shadow: 0 0 0 var(--green-transp);
}
100% {
    opacity: 0.8;
    transform: scale(1.1);
}
}
.step_ocen:hover {
    background: linear-gradient(45deg, var(--green-transp) 0 20%, var(--red-color) 49.5% 50.5%, var(--green-transp) 80% 100%);
    background-size: 100% 100%;
}
.ocean_logo:hover {
    transform: scale(1.05);
}
.mail_support {
    font-size: 1.4em;
    color: var(--green-color);
}
div#back_guarantees {
    background-color: var(--blue-transp);
    margin: 0;
    padding: 25px 0;
    margin-top: -15px;
    min-height: auto;
}
@media (max-device-width: 1000px) {
.button_href{
	width: 48%;
}

}
/*MEDIA*/
@media (max-device-width: 860px) {
:root{
  --font-first: 30px;
 }
.button_href{
	width: 100%;
    color: var(--red-color);
    height: 240px;
}
#block_site{
    padding: 8px;
}
.button_href h2 {
    color: var(--red-color);
    height: 100%;
}
ul.home_buttons {
        min-height: 65vh;
        animation: none;
        background-size: 100%;
        background-position: center 25%;
}
nav {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    width: auto;
    display: none;
    flex-direction: column;
}
.show{
display: flex;
}
a.nav_href {
    font-size: 2em;
}
#show_nav {
    display: block;
}
button#chaged_lang {
        left: 15px;
        top: 15px;
        width: 60px;
        height: 60px;
        background: none;
}
img.icon_lang {
    width: 160px;
    height: 160px;
}
.change_language {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
}
#change_lang {
    background: none;
        top: 85px;
        right: 80px;
}
#chaged_lang .icon_lang{
    width: 60px;
    height: 60px;
}
button#show_nav {
    position: fixed;
    z-index: 1100;
    width: 60px !important;
    height: 60px;
    display: block;
    right: 14px;
    min-width: 60px;
    border-radius: 50em;
    top: 22px;
    cursor: pointer;
}
#loading{
    font-size: 2.2em;
    margin-top: 95px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: hidden;
    justify-content: flex-start;
}
a#mnemonic {
    min-height: 300px;
}
.exchg_block {
    max-width: unset;
    height: 280px;
    min-height: 540px;
}
.exchg_logo {
    width: 200px;
    height: auto;
    margin-bottom: 25px;
}
#change_lang {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    background: var(--blue-color);
    z-index: 2000;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
select.select {
    max-width: fit-content;
}
.ocean_logo {
    width: 280px;
    height: 280px;
    top: -85px;
}
#ocen_block {
    height: 165px;
    margin-top: 100px;
}
.ocean_name {
    top: -95px;
}
.ocean_hr {
    top: -95px;
}
.arrow_down {
    height: 75px;
}
.counter_step {
    bottom: -140px;
}
#mnemonic {
    min-height: 250px;
    max-height: unset;
}
#result_mnemonic {
    min-height: 120px;
}
.address_payment {
    max-width: 100%;
    overflow: hidden;
	word-break: break-all
}









}