a {
	outline: none;
	cursor: pointer !important;
}

body {
	top: 0;
	color: #1b354a;
	width: 100%;
	height: 100%;
	font-family: sans-serif;
	font-size: 18px;
	line-height: 22px;
	margin: 0 auto;
	overflow-x: hidden;
	cursor: default;
}

a {
	text-decoration: underline;
	color: #00f;
	cursor: auto;
}

a:hover {
	color: #3434fd;
	text-decoration: none;
}

h1 {
	margin: 0 0 17px;
	font-family: sans-serif;
	font-size: 30px;
	line-height: 34px;
	color: #1b354a;
}

h2 {
	margin: 18px 0;
	font-family: sans-serif;
	font-size: 22px;
	line-height: 26px;
	font-weight: normal;
	color: #1b354a;
}

img {
	max-width: 100%;
}

ul li,
ol li {
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 10px;
}

p {
	margin: 0;
	padding: 10px 0;
}

.container {
	width: 1020px;
	position: relative;
	margin: 0 auto;
}

header {
	position: relative;
	width: 100%;
	background-color: #fff;
	padding: 10px 0;
}

.time {
	line-height: 20px;
	display: inline-block;
	font-size: 11px;
	font-family: sans-serif;
	color: #909090;
	margin-left: 15px;
}

.in {
	background: transparent url("../images/in.svg") no-repeat scroll center center / 20px 20px;
}

.header_line_2 {
	margin-top: 0;
	padding-bottom: 6px;
}

.links {
	padding-top: 5px;
	font-size: 0;
	position: relative;
	margin-left: 69px;
	display: inline-block;
}

.links li {
	font-family: sans-serif;

	display: inline-block;
	margin-right: 15px;
	cursor: pointer;
	letter-spacing: 0.9px;
}

.links li a {
	font-size: 14px;
	color: #1b354a;
	text-decoration: none;
}

.links li a:hover {
	color: #5296db;
}

.links li:nth-child(1) {
	margin-right: 11px;
}

.links li:nth-child(2) {
	margin-right: 11px;
}

.links li:last-child {
	margin-right: 0;
}

.chosen_link {
	border-radius: 3px;
	border: 2px solid #05519d;
	padding: 4px;
}

.text_section {
	position: relative;
	width: 100%;
	background: #260701;
	padding-bottom: 10px;
}

.white_base {
	position: relative;
}

.base {
	padding: 40px 40px 0;
	width: 940px;
	background-color: #fff;
	overflow: hidden;
}

.comments {
	position: relative;
	margin-top: 40px;
}

.red {
	font-size: 22px;
	padding: 10px 0 0;
	color: #f40b0b;
}

.link {
	position: relative;
	margin: 30px auto 0;
	width: 300px;
	height: 71px;
	background: transparent url(../images/button1.jpg) no-repeat scroll 0% 0%;
}

.link a {
	display: block;
	text-align: center;
	height: 100%;
	color: #666;
}

.submit {
	margin-top: 10px;
	height: 50px;
	width: 400px;
	background-color: #b22222;
	color: #fff;
	font-size: 30px;
	border-radius: 3px;
}


input {
	font-family: sans-serif;
	font-size: inherit;
	line-height: inherit;
}

b {
	font-family: sans-serif;
}

.submit-roulette:hover {
	background: #b00;
	transition: background 0.3s;
}

.submit-roulette:active {
	transform: translateY(2px);
	box-shadow: none;
}

.submit-roulette {
	text-transform: uppercase;
	padding: 10px 15px;
	margin: 15px 0;
	outline: none;
	border: none;
	margin-top: 5px;
	border-radius: 5px;
	box-shadow: 0 4px 3px #242120;
	background: red;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	transition: background 0.3s;
}

input[type="submit"]:hover {
	background: #b00 !important;
	transition: background 0.3s;
}

input[type="submit"]:active {
	transform: translateY(2px);
	box-shadow: none !important;
}

.input-roulette {
	padding-left: 5px;
	height: 42px;
	box-sizing: border-box;
	font-size: 16px;
	outline: none;
	margin-bottom: 10px;
	width: 100% !important;
	max-width: 350px;
}

.ruletka-p {
	text-indent: 0;
	color: #000;
	text-align: center !important;
	margin: 15px;
	line-height: 25px;
	font-weight: bold;
}

.ruletka-p h2 {
	font-size: 25px;
	margin-bottom: 15px;
}

.danger-text {
	color: red;
	font-weight: bold;
}

.order_block {
	display: none;
	text-align: center !important;
}

.order_block img {
	width: 20%;
}

.order_block h3 {
	font: bold 18px sans-serif !important;
	background: transparent;
}

.spin-result-wrapper {
	display: none;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	top: 0;
	z-index: 999;
	left: 0;
	height: 100%;
	position: fixed;
	background-color: rgba(0, 0, 0, 0.6);
	text-align: center;
}

.pop-up-window {
	position: relative;
	max-width: 400px;
	right: 0;
	left: 0;
	top: 40%;
	margin: 0 auto;
	background: #fff none repeat scroll 0% 0%;
	text-align: center;
	padding: 10px;
	padding-top: 70px;
	padding-bottom: 20px;
	border-radius: 10px;
	animation: 0.7s ease 0s normal none 1 running pop-up-appear;
}

.close-popup {
	position: absolute;
	width: 30px;
	height: 30px;
	background-image: url(../images/cross_1.svg);
	background-size: 100%;
	top: -40px;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 10px #fff;
	box-shadow: 0 0 10px #fff;
	right: 0;
	cursor: pointer;
}

.pop-up-text {
	margin-bottom: 25px;
	font-size: 24px;
	line-height: 30px;
	text-align: center !important;
}

.pop-up-button {
	text-transform: uppercase;
	text-decoration: none !important;
	padding: 10px 20%;
	font-size: 20px;
	border-radius: 5px;
	background-color: #71c341;
	color: #fff !important;
	border: medium none;
	cursor: pointer;
	outline: medium none;
}

.pop-up-window {
	position: relative;
	max-width: 400px;
	right: 0;
	left: 0;
	top: 40%;
	margin: 0 auto;
	background: #fff none repeat scroll 0% 0%;
	text-align: center;
	padding: 10px;
	padding-top: 70px;
	padding-bottom: 20px;
	border-radius: 10px;
	animation: 0.7s ease 0s normal none 1 running pop-up-appear;
}

.pop-up-window::before {
	content: "";
	position: absolute;
	width: 110px;
	height: 110px;
	top: -55px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-color: #71c341;
	border-radius: 50%;
	animation: 0.5s ease 0.6s normal backwards 1 running pop-up-appear-before;
}

.pop-up-window::after {
	content: "";
	position: absolute;
	width: 50px;
	height: 20px;
	top: -20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-width: medium medium 4px 4px;
	border-style: none none solid solid;
	border-color: currentcolor currentcolor #fff #fff;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: opacity 1s ease 0s;
	animation: 0.5s ease 0.6s normal backwards 1 running pop-up-appear-after;
}

@keyframes pop-up-appear {
	0% {
		transform: translateY(-2000px);
	}

	30% {
		transform: translateY(100px);
	}

	100% {
		transform: translateY(0px);
	}
}

@keyframes pop-up-appear-before {
	0% {
		transform: scale(0);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes pop-up-appear-after {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.pop-up-button:hover {
	color: #fff !important;
	text-decoration: none !important;
}

@media screen and (max-width: 1019px) {
	img {
		max-width: 100%;
	}

	.time {
		display: block;
		margin-left: 0;
		margin-bottom: 10px;
	}

	.header_line_2 {
		text-align: center;
	}

	.base {
		width: calc(100% - 50px);
		padding-right: 15px;
		padding-left: 15px;
		margin-right: 10px;
		margin-left: 10px;
	}

	.container {
		width: 100% !important;
	}

	.links {
		height: 40px;
		overflow: hidden;
		padding: 0;
		margin: 0;
	}
}

@media screen and (max-width: 767px) {

	p {
		text-align: left;
	}
}

.comments h2 {
	font-size: 30px;
	margin-bottom: 35px;
}

@media screen and (max-width: 320px) {

	.base p {
		font-size: 16px;
	}
}


.vk-comment-load {
	margin-bottom: 15px;
	position: relative;
	border-bottom: 1px solid #dae1e8;
	padding-bottom: 15px;
}

.vk-comment-name {
	color: #a40000;
	font-weight: bold;
	font-size: 18px;
	margin-left: 59px;
}

.vk-avatar img {
	width: 58px !important;
}

.vk-avatar img {
	float: left;
	margin-right: 10px;
	border-radius: 1.575em;
}

.vk-comment-text p {
	margin-bottom: 0;
}

.vk-comment-text {
	margin-left: 70px;
}

.base {
	padding-top: 0 !important;
}

.headline {
	font-weight: bold;
	font-size: 44px;
	line-height: 48px;
	margin: 20px 0;
}

input {
	font-size: 14px;
}

@media (max-width: 1019px) {
	.base {
		padding-top: 0 !important;
	}

	.base h1 {
		margin-top: 0 !important;
	}
}

@media (max-width: 767px) {
	.headline {
		font-size: 28px;
		line-height: 38px;
	}
}

@media (max-width: 480px) {
	.header_line_2 {
		display: none;
	}

	.time {
		margin-bottom: 0 !important;
	}
}

@media (max-width: 360px) {
	.door__sales {
		top: 75px !important;
	}
}

@media (max-width: 320px) {

	p {
		font-size: 16px;
	}
}

body * {
	font-family: sans-serif !important;
}

figure {
	margin: 0 auto;
}

figure img {
	display: block;
	margin: 0 auto;
}

figcaption {
	text-align: center;
	font-size: 16px;
	margin-top: 5px;
	font-style: italic;
}

.door__container {
	display: flex;
	justify-content: space-evenly
}

.door_box {
	perspective: 500px;
	position: relative
}

.door_box,
.door {
	width: 165px;
	height: 346px;
	box-shadow: inset -1px -1px 0 1px #191919, inset 1px 1px 0 1px #191919
}

.door,
.hi {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%
}

.door {
	background-image: url(../images/door1.png);
	background-repeat: no-repeat;
	transform: rotateY(0deg);
	display: inline-block;
	transition: all .75s ease;
	transform-origin: 0% 0%;
	cursor: pointer;
	background-size: contain
}

#door__2 {
	background-image: url(../images/door2.png)
}

#door__3 {
	background-image: url(../images/door3.png)
}

.door:hover {
	transform: rotateY(-30deg)
}

.door.open {
	transform: rotateY(-85deg)
}

.door__head {
	font-size: 18px;
	margin: 18px 0;
	text-align: center
}

.door__sales {
	position: relative;
	font-size: 45px !important;
	font-weight: 700 !important;
	color: red !important;
	border-radius: 30px !important;
	padding: 30px 5px !important;
	box-shadow: 0 1px 2px 2px #7f7878;
	margin: 0 !important
}

.door__title {
	color: #fff !important;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	font-size: 22px !important;
	margin-bottom: 25px;
	background-color: #3a4752;
	padding: 10px 0 !important;
	border-radius: .5em
}

@media(max-width:1040px) {

	.door_box,
	.door {
		width: 95px;
		height: 200px
	}

	.door__sales {
		font-size: 23px !important
	}

	#form-block {
		margin-bottom: 30px !important
	}
}

@media(max-width:840px) {
	.door__sales {
		font-size: 20px !important;
		font-weight: 700 !important;
		color: red !important;
		border-radius: 30px !important;
		padding: 30px 5px
	}

	.door {
		background-size: contain
	}

	#door__2 {
		background-size: contain
	}

	#door__3 {
		background-size: contain
	}
}

@media(max-width:360px) {
	.door_box+.door_box {
		margin-left: 15px
	}

	.door__sales {
		font-size: 19px !important;
		font-weight: 700 !important;
		color: red !important;
		border-radius: 30px !important;
		padding: 30px 5px
	}
}

body *:not(i) {
	font-family: sans-serif !important
}

h1.popup-title {
	color: #000
}

.submit-roulette:hover {
	background: #b00;
	transition: background .3s
}

.submit-roulette:active {
	transform: translateY(2px);
	box-shadow: none
}

input[value='Получить бесплатно'],
.submit-roulette {
	text-transform: uppercase;
	padding: 10px 15px;
	margin: 15px 0;
	outline: none;
	border: none;
	margin-top: 5px;
	border-radius: 5px;
	box-shadow: 0 4px 3px #242120;
	background: red;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
	transition: background .3s
}

input[value='Получить бесплатно']:hover {
	background: #b00 !important;
	transition: background .3s
}

input[value='Получить бесплатно']:active {
	transform: translateY(2px);
	box-shadow: none !important
}

.input-roulette::placeholder {
	font-size: .9em
}

.input-roulette {
	padding-left: 5px;
	height: 42px;
	margin-bottom: 10px;
	width: 100%;
	max-width: 300px;
	display: block;
	margin: 10px auto
}

.ruletka-p {
	text-indent: 0;
	color: #000;
	text-align: center !important;
	margin: 15px;
	line-height: 25px;
	font-weight: 700
}

.ruletka-p h2 {
	font-size: 25px;
	margin-bottom: 15px
}

.danger-text {
	color: red;
	font-weight: 700;
	white-space: nowrap
}

.spin-result-wrapper {
	display: none;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	top: 0;
	z-index: 999;
	left: 0;
	height: 100%;
	position: fixed;
	background-color: rgba(0, 0, 0, .6);
	text-align: center
}

.pop-up-window {
	position: relative;
	max-width: 400px;
	right: 0;
	left: 0;
	top: 40%;
	margin: 0 auto;
	background: #fff none repeat scroll 0% 0%;
	text-align: center;
	padding: 10px;
	padding-top: 70px;
	padding-bottom: 20px;
	border-radius: 10px;
	animation: .7s ease 0s normal none 1 running pop-up-appear
}

.close-popup {
	position: absolute;
	width: 30px;
	height: 30px;
	background-image: url(../images/cross.svg);
	background-size: 100%;
	top: -40px;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 10px #fff;
	box-shadow: 0 0 10px #fff;
	right: -40px;
	cursor: pointer
}

.pop-up-text {
	margin-bottom: 25px;
	font-size: 24px;
	line-height: 30px;
	text-align: center !important
}

.pop-up-button {
	text-transform: uppercase;
	text-decoration: none !important;
	padding: 10px 20%;
	font-size: 20px;
	border-radius: 5px;
	background-color: #71c341;
	color: #fff !important;
	border: medium;
	cursor: pointer;
	outline: medium
}

.pop-up-window {
	position: relative;
	max-width: 400px;
	right: 0;
	left: 0;
	top: 40%;
	margin: 0 auto;
	background: #fff none repeat scroll 0% 0%;
	text-align: center;
	padding: 10px;
	padding-top: 70px;
	padding-bottom: 20px;
	border-radius: 10px;
	animation: .7s ease 0s normal none 1 running pop-up-appear
}

.pop-up-window::before {
	content: '';
	position: absolute;
	width: 110px;
	height: 110px;
	top: -55px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-color: #71c341;
	border-radius: 50%;
	animation: .5s ease .6s normal backwards 1 running pop-up-appear-before
}

.pop-up-window::after {
	content: '';
	position: absolute;
	width: 50px;
	height: 20px;
	top: -20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-width: medium medium 4px 4px;
	border-style: none none solid solid;
	border-color: currentcolor currentcolor #fff #fff;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	transform: rotate(-45deg);
	transition: opacity 1s ease 0s;
	animation: .5s ease .6s normal backwards 1 running pop-up-appear-after
}

#order {
	display: none
}

@keyframes pop-up-appear {
	0% {
		transform: translateY(-2000px)
	}

	30% {
		transform: translateY(100px)
	}

	100% {
		transform: translateY(0px)
	}
}

@keyframes pop-up-appear-before {
	0% {
		transform: scale(0)
	}

	100% {
		transform: scale(1)
	}
}

@keyframes pop-up-appear-after {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.pop-up-button:hover {
	color: #fff !important;
	text-decoration: none !important
}

@media all and (max-width:520px) {

	.close-popup {
		right: 0 !important
	}
}

@media(max-width:500px) {

	.door_box,
	.door {
		width: 85px;
		height: 180px
	}
}

.ring-loading {
	animation: loadingD 1.5s .3s cubic-bezier(.17, .37, .43, .67) infinite;
	width: 10px;
	height: 10px;
	margin: 0 auto;
	padding: 15px !important;
	border: 7px dashed #000;
	border-radius: 100%;
	display: none;
	margin: 10px auto !important
}

@keyframes loadingD {
	0% {
		transform: rotate(0deg)
	}

	50% {
		transform: rotate(180deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

.submit-roulette:hover {
	background: #b00;
	transition: background .3s
}

#order_form {
	display: flex;
	flex-direction: column;
	align-items: center
}

#order_form input {
	display: flex
}

.submit-roulette:active {
	transform: translateY(2px);
	box-shadow: none
}

.submit-roulette {
	width: 100%;
	max-width: 300px;
	justify-content: center;
	text-transform: uppercase;
	padding: 10px 15px;
	margin: 15px 0;
	outline: none;
	border: none;
	margin-top: 5px;
	border-radius: 5px;
	box-shadow: 0 4px 3px #242120;
	background: red;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
	transition: background .3s
}

input[value='Получить бесплатно']:hover {
	background: #b00 !important;
	transition: background .3s
}

input[value='Получить бесплатно']:active {
	transform: translateY(2px);
	box-shadow: none !important
}

.input-roulette::placeholder {
	font-size: .9em
}

.ruletka-p {
	text-indent: 0;
	color: #000;
	text-align: center !important;
	margin: 15px;
	line-height: 25px;
	font-weight: 700
}

.ruletka-p h2 {
	font-size: 25px;
	margin-bottom: 15px
}

.danger-text {
	color: red;
	font-weight: 700
}

.order_block {
	display: none;
	text-align: center !important
}

.order_block img {
	width: 20%
}

.order_block h3 {
	font: 700 18px sans-serif !important;
	background: 0 0
}

.spin-result-wrapper {
	display: none;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	top: 0;
	z-index: 999;
	left: 0;
	height: 100%;
	position: fixed;
	background-color: rgba(0, 0, 0, .6);
	text-align: center
}

.pop-up-window {
	position: relative;
	max-width: 400px;
	right: 0;
	left: 0;
	top: 40%;
	margin: 0 auto;
	background: #fff none repeat scroll 0% 0%;
	text-align: center;
	padding: 10px;
	padding-top: 70px;
	padding-bottom: 20px;
	border-radius: 10px;
	animation: .7s ease 0s normal none 1 running pop-up-appear
}

.close-popup {
	position: absolute;
	width: 30px;
	height: 30px;
	background-image: url(../images/cross.svg);
	background-size: 100%;
	top: -40px;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 10px #fff;
	box-shadow: 0 0 10px #fff;
	right: -40px;
	cursor: pointer
}

.pop-up-text {
	margin-bottom: 25px;
	font-size: 24px;
	line-height: 30px;
	text-align: center !important
}

.pop-up-button {
	text-transform: uppercase;
	text-decoration: none !important;
	padding: 10px 20%;
	font-size: 20px;
	border-radius: 5px;
	background-color: #71c341;
	color: #fff !important;
	border: medium;
	cursor: pointer;
	outline: medium
}

.pop-up-window {
	position: relative;
	max-width: 400px;
	right: 0;
	left: 0;
	top: 40%;
	margin: 0 auto;
	background: #fff none repeat scroll 0% 0%;
	text-align: center;
	padding: 10px;
	padding-top: 70px;
	padding-bottom: 20px;
	border-radius: 10px;
	animation: .7s ease 0s normal none 1 running pop-up-appear
}

.pop-up-window::before {
	content: '';
	position: absolute;
	width: 110px;
	height: 110px;
	top: -55px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-color: #71c341;
	border-radius: 50%;
	animation: .5s ease .6s normal backwards 1 running pop-up-appear-before
}

.pop-up-window::after {
	content: '';
	position: absolute;
	width: 50px;
	height: 20px;
	top: -20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-width: medium medium 4px 4px;
	border-style: none none solid solid;
	border-color: currentcolor currentcolor #fff #fff;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	transform: rotate(-45deg);
	transition: opacity 1s ease 0s;
	animation: .5s ease .6s normal backwards 1 running pop-up-appear-after
}

@keyframes pop-up-appear {
	0% {
		transform: translateY(-2000px)
	}

	30% {
		transform: translateY(100px)
	}

	100% {
		transform: translateY(0px)
	}
}

@keyframes pop-up-appear-before {
	0% {
		transform: scale(0)
	}

	100% {
		transform: scale(1)
	}
}

@keyframes pop-up-appear-after {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.pop-up-button:hover {
	color: #fff !important;
	text-decoration: none !important
}

.order_block img {
	width: 100% !important;
	max-width: 250px !important;
}

.center {
	text-align: center;
}