#particles-js {
  position: absolute;
  width: calc(100% - 185px);
  height: 100%;
  /*background-image: url("");*/
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  z-index: -1;
}

.mob_list {
	display: none;
}

.box1 {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	max-width: 680px;
}

.value {
	width: 380px;
	height: 380px;
	background: url("../img/home_circle.png") no-repeat;
	background-size: 100%;
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.value input {
	display: inline-block;
	color: #000;
	line-height: 26px;
	font-family: 'Century Gothic', sans-serif;
	font-size: 26px;
	font-weight: 400;
	white-space: nowrap;
	letter-spacing: 0.01em;
	height: 26px;
	width: 118px;
	text-align: center;
	/*border: none;*/
	outline: none;
	margin: 14px;
}

.value h2 {
	margin: 0;
}

.value-input {
	text-decoration: none;
	color: #000;
	display: inline-block;
	height: 70px;
	width: 118px;
	margin-bottom: 10px;
	position: relative;
	background-color: #fff;
	border-top: 2px solid #a8a8a8;
	border-bottom: 2px solid #515151;
}

.currency-list {
    opacity: 0;
	transition: opacity .5s;
}

.coin {
	position: relative;
	margin:0 5px;
}

.coin img {
	vertical-align: middle;
	height: 26px;
	width: auto;
}

.coin::after {
	content: "";
	position: absolute;
	top: -5px;
	left: -5px;
	width: 40px;
	height: 30px;
	background: linear-gradient(to left, rgba(255,255,255,.0), rgba(255,255,255,.8), rgba(255,255,255,.0)) no-repeat -2em 0%;
	background-size: 2em 100%;
	-moz-transform: skewX(-50deg);
	-o-transform: skewX(-50deg);
	-webkit-transform: skewX(-50deg);
	transform: skewX(-40deg);
}

.coin.blink::after {
	transition: 1s linear;
	background-position: 200% 0%;
}

.box1 ul {
	width: 130px;
}

.box1 li {
	margin: 20px 0;
}

.from li, .to li{
	position: relative;
}

.box1 .from li .currency,  .box1 .to li .currency{
	position: absolute;
	cursor: pointer;
	width: 170px;
}

.box1 .from li:nth-child(1) .currency{
	top: -10px;
	left: 115px;
}

.box1 .from li:nth-child(2) .currency{
	top: 45px;
	left: 70px;
}

.box1 .from li:nth-child(3) .currency{
	top: 98px;
	left: 30px;
}

.box1 .from li:nth-child(4) .currency{
	top: 173px;
	left: 13px;
}

.box1 .from li:nth-child(5) .currency{
	top: 249px;
	left: 20px;
}

.box1 .to li:nth-child(1) .currency{
	top: -10px;
	right: 40px;
}

.box1 .to li:nth-child(2) .currency{
	top: 45px;
	right: -12px;
}

.box1 .to li:nth-child(3) .currency{
	top: 98px;
	right: -37px;
}

.box1 .to li:nth-child(4) .currency{
	top: 173px;
	right: -45px;
}

.box1 .to li:nth-child(5) .currency{
	top: 249px;
	right: -23px;
}

.arrows {
	transform: rotate(90deg);
}

.arrow_right {
	width: 15px;
	padding-right: 10px;
	display: inline;
}

.arrow_left {
	width: 15px;
	padding-left: 10px;
	display: inline;
}

.arrow {
	opacity: 0;
}

.first, .second {
	line-height: 36px;
	font-family: 'Century Gothic', sans-serif;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #000;
	text-align: right;
	/*margin-left: 30px;*/
	outline: none;
	border: none;
	width: auto;
	overflow: visible;
	background: transparent;
}

.first option {
	text-align: right;
}

.currency-select {
	display: none;
}

.currency-select:checked + .arrow {
	opacity: 1;
}

.custom-form {
	margin-bottom: 4vh;
	/*display: flex;*/
	/*flex-direction: column;*/
	/*justify-content: center;*/
	/*align-items: center;*/
}

.telegram_box {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: left;
}

.telegram_box p {
	margin: 0;
	margin-right: 10px;
}

.third_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

.news {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 900px;
}

.news-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}

.news-item {
	display: inline-block;
	text-decoration: none;
	max-width: 256px;
	margin: 0 0px 40px 0;
}

.video {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	width: 900px;
}

.video-list {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
}

.video-item {
	display: inline-block;
}

.social-list {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding-bottom: 40px;
	margin: 0 auto;
}

.social-link {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	width: 40px;
	margin-right: 10px;
}

.form_section {
	display: flex;
	justify-content: space-around;
	padding: 5vh 0;
}

@media (max-width: 1200px) {
	p {
		margin-left: 10px;
	}

	.video, .news {
		width: auto;
	}

	.news-item p {
		margin-left: 0;
	}

	.form_section {
		flex-direction: column;
	}

	.box1 {
		width: 100%;
		max-width: 100vw;
	}

	.custom-input {
		width: 240px;
	}

	.custom-button {
		width: 282px;
	}

	.news-list, .video-list {
		width: auto;
		flex-direction: column;
	}

	iframe {
		width: 280px;
	}

	.container {
		width: 94vw;
	}

	.form-input, .form-button {
		transform: scale(0.9);
	}

	.from, .to {
		display: none;
	}

	.mob_arrow_left, .mob_arrow_right {
		vertical-align: middle;
	}

	.value-input {
		transform: scale(0.8);
	}

	.mob_sub li {
		display: flex;
		padding-bottom: 2px;
		justify-content: flex-end;
		cursor: pointer;
	}

	.mob_sub_right li {
		justify-content: flex-start;
	}

	.mob_list {
		display: flex;
		justify-content: center;
		padding: 0 25px 0 12px;
	}

	.mob_list img {
		padding: 0;
		margin: 0;
		height: 26px;
		width: auto;
	}

	.mob_from, .mob_to {
		position: relative;
	}

	.mob_from {
		margin-right: 7vh;
	}

	.mob_from img {
		transform: rotate(-90deg);
	}

	.mob_to img {
		transform: rotate(90deg);
	}

	.from li span::after {
		content: url("../img/bitcoin_icon.png");
		padding-left: 15px;
		vertical-align: -14%;
	}

	.to li span::before {
		content: url("../img/bitcoin_icon.png");
		padding-right: 15px;
		vertical-align: -14%;
	}

	.mob_from .bcoin {
		transform: rotate(1deg);
	}

	.mob_to .bcoin {
		transform: rotate(1deg);
	}

	.mob_sub {
		display: block;
		position: absolute;
		top: 40px;
		left: -19px;
		background: #fff;
		border-radius: 4px;
		border: 1px solid #c2bdd3;
		width: 105px;
		padding: 4px;
	}

	.mob_sub_right {
		left: 19px;
	}

	.usd-left {
		padding-right: 47px;
	}

	.usd-right {
		padding-left: 47px;
	}

	.hide {
		display: none;
	}
}

@media (max-width: 600px) {
	.form-input, .form-button{
		transform: scale(0.8);
	}
}

@media (max-width: 500px) {
	.form-input, .form-button{
		transform: scale(0.6);
	}
}

@media (max-width: 400px) {
	.form-input, .form-button{
		transform: scale(0.5);
	}
	.value {
		width: 270px;
		height: 270px;
	}
	.value-input {
		transform: scale(0.5);
	}
	.container .first {
		margin-bottom: -2vh;
	}
	.container .second {
		margin-bottom: 0;
		margin-top: -2vh;
	}
	.arrows {
		height: 30px;
	}

	.mob_from {
		margin-right: 7vh;
	}
}