/*
======================
Fonts
======================
*/
@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.eot');
	src: local('HelveticaNeueCyr-Medium'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.woff') format('woff'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Heavy.eot');
	src: local('HelveticaNeueCyr-Heavy'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Heavy.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Heavy.woff') format('woff'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Heavy.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-HeavyItalic.eot');
	src: local('HelveticaNeueCyr-HeavyItalic'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-HeavyItalic.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-HeavyItalic.woff') format('woff'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-HeavyItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Black.eot');
	src: local('HelveticaNeueCyr-Black'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Black.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Black.woff') format('woff'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLightItalic.eot');
	src: local('HelveticaNeueCyr-UltraLightItalic'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLightItalic.woff') format('woff'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLightItalic.ttf') format('truetype');
	font-weight: 200;
	font-style: italic;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-BlackItalic.eot');
	src: local('HelveticaNeueCyr-BlackItalic'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-BlackItalic.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-BlackItalic.woff') format('woff'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-ThinItalic.eot');
	src: local('HelveticaNeueCyr-ThinItalic'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-ThinItalic.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-ThinItalic.woff') format('woff'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-ThinItalic.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-MediumItalic.eot');
	src: local('HelveticaNeueCyr-MediumItalic'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-MediumItalic.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-MediumItalic.woff') format('woff'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-LightItalic.eot');
	src: local('HelveticaNeueCyr-LightItalic'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-LightItalic.woff') format('woff'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLight.eot');
	src: local('HelveticaNeueCyr-UltraLight'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLight.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLight.woff') format('woff'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-UltraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-BoldItalic.eot');
	src: local('HelveticaNeueCyr-BoldItalic'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-BoldItalic.woff') format('woff'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Italic.eot');
	src: local('HelveticaNeueCyr-Italic'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Italic.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Italic.woff') format('woff'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Italic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman.eot');
	src: local('HelveticaNeueCyr-Roman'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman.woff') format('woff'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold.eot');
	src: local('HelveticaNeueCyr-Bold'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold.woff') format('woff'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Light.eot');
	src: local('HelveticaNeueCyr-Light'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Light.woff') format('woff'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Thin.eot');
	src: local('HelveticaNeueCyr-Thin'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Thin.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Thin.woff') format('woff'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}


/*
======================
CSS Reset
======================
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
======================
CSS Data
======================
*/

body {
  background-color: #000000;
  box-sizing: border-box;
  color: #ffffff;
}

div {
  box-sizing: border-box;
}

h2 {
  font-family: 'HelveticaNeueCyr';
  font-size: 2.2vw;
  font-weight: 300;
  color: #ffffff;
  text-transform: none;
  text-align: center;
  line-height: 3vw;
  margin-bottom: 2vw;
}

h3 {
  font-family: 'HelveticaNeueCyr';
  font-size: 1.5vw;
  color: #000000;
}

ul, ol {
  font-family: 'HelveticaNeueCyr';
  font-size: 1vw;
  line-height: 1.5vw;
  text-align: left;
}

p {
  font-family: 'HelveticaNeueCyr';
  padding: 1vw 0vw;
}

li {
  margin-bottom: 0.25vw;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.jistify {
  text-align: justify; 
}

.orange {
  color: #fe8000;
}

.gray {
  color: #767676;
}

.dark-gray-background {
  background-color: #161616;
}
  
.small-font {
  font-family: 'HelveticaNeueCyr';
  font-size: 1vw;
}

.HelveticaNeueCyr {
  font-family: 'HelveticaNeueCyr';
}

.first-level {
  list-style: disc;
  list-style-position: inside;
  color: #ffffff;
}

.second-level {
  margin-top: 2vw;
  padding-left: 5vw;
}

.digital {
  list-style: decimal;
  list-style-position: inside;
}

.text-decoration-none {
  text-decoration: none;
}

#global-wrapper {
  width: 100%;
  text-align: center;
}

#top-menu {
  width: 100%;
  height: auto;
  padding: 0.8vw;
  position: absolute;
  left: 0vw;
  top: 5.3vw;
}

menu li {
  display: inline-block;
  text-align: center;
  padding: 1.5vw;
  margin: 0vw;
}

menu a li {
  font-size: 1vw;
  font-family: 'HelveticaNeueCyr';
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
}

menu a:hover li {
  color: #9a1826;
}

.logobox {
  position: absolute;
  padding: 0vw;
  margin: 0vw;
}

#logo-1 {
  left: 15.8vw;
  top: 14vw;
  width: 11.5vw;
}

#logo-1 img {
  width: 11.5vw;
}

#logo-2 {
  left: 43.6vw;
  top: 14vw;
  width: 12.8vw;
}

#logo-2 img {
  width: 12.8vw;
}

#logo-3 {
  right: 16.4vw;
  top: 12.9vw;
  width: 7.1vw;
}

#logo-3 img {
  width: 7.1vw;
}

#header {
  position: absolute;
  top: 21vw;
  right: 0vw;
  width: 100%;
  text-align: center;
  font-size: 3vw;
  line-height: 4vw;
  font-family: 'HelveticaNeueCyr';
  font-weight: 300;
  color: #ffffff;
}

#header span {
  color: #9a1826;
}

#digits {
  position: absolute;
  width: 68vw;
  top: 69vw;
  left: 16vw;
  text-align: center;
}

#words {
  position: absolute;
  width: 68vw;
  top: 80vw;
  left: 16vw;
  text-align: center;
}

.third {
  width: 21vw;
  display: inline-block;
  padding: 2vw;
  margin: 0vw;
  text-align: center;
  vertical-align: top;
  font-size: 1vw;
  line-height: 1.25vw;
  font-family: 'HelveticaNeueCyr';
  font-weight: 300;
  color: #ffffff;
}

.third li {
  margin: 0vw;
  padding-left: 0vw;
  list-style-type: disc;
  list-style-position: outside;
}

#reg_button {
  position: absolute;
  width: 68vw;
  top: 95vw;
  left: 16vw;
  text-align: center;
  font-size: 1.3vw;
  line-height: 1.5vw;
  font-family: 'HelveticaNeueCyr';
  font-weight: 300;
  color: #ffffff;
}

#reg_button a {
  color: #ffffff;
}

#rules_button {
  position: absolute;
  width: 48vw;
  top: 41vw;
  left: 50vw;
  text-align: center;
  font-size: 1.3vw;
  line-height: 1.5vw;
  font-family: 'HelveticaNeueCyr';
  font-weight: 300;
  color: #ffffff;
}

#rules_button a {
  color: #ffffff;
}

#learn_button {
  position: absolute;
  width: 26vw;
  top: 59vw;
  left: 69vw;
  text-align: center;
  font-size: 1.3vw;
  line-height: 1.5vw;
  font-family: 'HelveticaNeueCyr';
  font-weight: 300;
  color: #ffffff;
}

#learn_button a {
  color: #ffffff;
}

.white-button {
  display: inline-block;
  padding: 1.8vw 3vw;
  background-color: #ffffff;
  border-radius: 1vw;
  font-size: 2vw;
  line-height: 2vw;
  font-family: 'HelveticaNeueCyr';
  font-weight: 300;
  color: #000000; 
}

.block-header {
  position: absolute;
  top: 4.2vw;
  right: 0;
  width: 100%;
  text-align: center;
}

#istagram-blogs {
  position: absolute;
  top: 12vw;
  left: 0vw;
  padding: 0vw 10vw;
  text-align: center;
  vertical-align: top;
}

#instagram-post {
  width: 33vw;
  text-align: left;
  display: inline-block;
  padding: 0vw;
  margin: 0vw 2.25vw;
  vertical-align: top;
}

#instagram-post p {
  font-weight: 300;
  font-size: 1.15vw;
  line-height: 1.6vw;
}

#instagram-post span {
  font-weight: 600;
}

#learn-header {
  position: absolute;
  top: 4.2vw;
  left: 57vw;
  text-align: left;
}

#learn-header h2 {
  font-size: 3.2vw;
  line-height: 4vw;
  text-align: left;
}

#shops-logo {
  position: absolute;
  top: 10vw;
  width: 100%;
  text-align: center;
  padding: 0 9vw;
  font-size: 1vw;
  line-height: 1.5vw;
  font-family: 'HelveticaNeueCyr';
  font-weight: 300;
  color: #ffffff;
}

.logo-block {
  vertical-align: top;
  display: inline-block;
  margin: 1vw 2vw;
}

.logo-block-st {
  vertical-align: top;
  display: inline-block;
  margin: 0.5vw;
  width: 12vw;
  min-width: 80px;
}

.logo-block-st img {
  width: 12vw;
  min-width: 80px;
}

.copyright {
  float: right;
  text-align: right;
  font-size: 1.3vw;
  line-height: 1.5vw;
  font-family: 'HelveticaNeueCyr';
  font-weight: 300;
  color: #ffffff;
}

#bottom-wrapper {
  width: 100%;
  padding: 1vw;
}

.main-wrapper {
  margin: auto;
}

#top-banner {
  position: relative;
  top: -5vw;
  width: 100%;
  margin: 0vw;
  padding: 0vw;
}

#rog-phone-banner {
  position: relative;
  width: 100%;
  margin: 0vw;
  padding: 0vw;
}

#instagram-block {
  position: relative;
  width: 100%;
  margin: 0vw;
  padding: 0vw;
}

#learn-block {
  position: relative;
  width: 100%;
  margin: 0vw;
  padding: 0vw;
}

#partners-block {
  position: relative;
  width: 100%;
  margin: 0vw;
  padding: 0vw;
}

#prize-list {
  position: absolute;
  top: 42vw;
  left: 28vw;
  text-align: left;
}

#learn-vivo {
  position: absolute;
  top: 57vw;
  left: 10vw;
  width: 48vw;
  text-align: left;
  font-size: 1.5vw;
  line-height: 1.8vw;
  font-family: 'HelveticaNeueCyr';
  font-weight: 300;
  color: #ffffff;
}

#learn-vivo a {
  color: #ffffff;
}

#content-wrapper {
  background-image: url('../img/CoD/COD-ACRU-bckg.jpg');
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: 100% auto;
  padding: 3vw 12vw;
}

#top-description {
  font-family: HelveticaNeueCyr;
  font-size: 2vw;
  line-height: 2.5vw;
}

.content-block {
  padding: 3vw;
  width: 100%;
}

.secondary-content-wrapper {
  padding: 3vw;
}

#main-banner {
  display: block;
}

.gray-hr {
  border-top: 2px solid #8d8d8d;
}

.button-wrapper {
  width: 100%;
  text-align: center;
  padding: 2vw;
}

.button-block {
  width: 65%;
  margin: auto;
  border: 3px solid #f7941d;
  padding: 2.4vw 5%;
  font-family: HelveticaNeueCyr;
  font-size: 2.4vw;
  color: #ffffff;
  text-transform: uppercase;
}

.button-block:hover {
  background-color: #f7941d;
}

#agreement-description {
  font-family: HelveticaNeueCyr;
  text-align: center;
  padding: 0px;
}

#content-bottom {
  font-family: Roboto;
  font-size: 0.65vw;
  text-align: center;
}

.bottom-left {
  float: left;
  text-align: left;
  display: inline-block;
}

.bottom-right {
  float: right;
  text-align: right;
  display: inline-block;
}

.clear {
  clear: both;
}

#steps-to-accept-wrapper {
  width: 100%;
  text-align: center;
  padding: 1vw 0vw;
}

#steps-to-accept {
  background-image: url('../img/CoD/steps_bckg.png');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: 60vw;
  height: 8.1vw;
  margin: auto;
}

.step-detail {
  font-family: HelveticaNeueCyr;
  font-size: 1.5vw;
  width: 20vw;
  float: left;
  padding: 1.7vw 1.4vw;
}

#step1 {
  padding-right: 2vw;
  text-align: right;
}

#step2 {
  
}

#step3 {
  padding-left: 2vw;
  text-align: left;
}

.bottom-logo {
  height: 5vw;
  margin-left: 2vw;
}

/*=  Диалоговое окно =*/
#shadow-block {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
  display: none;
  z-index: 100000;
  padding: 0vw;
}

#dialog-block {
  position: relative;
  width: 100%;
  max-width: 980px;
  height: 99%;
  background-color: #ffffff;
  color:#000000;
  margin: auto;
  overflow: hidden;
}

#dialog-block-title {
  width: 100%;
  background-color: #ffffff;
  min-height: 4.5vw;
}

#dialog-block-title a {
  float: right;
}

#close-button {
  position: absolute;
  top: 2vw;
  right: 2vw;
  float: right;
  width: 2vw;
  height: 2vw;
}

#dialog-block-title h3 {
  margin: 1.5vw;
  font-family: 'HelveticaNeueCyr';
  font-size: 2vw;
  font-weight: 600;
  color: #000000;
  text-transform: none;
  text-align: center;
  line-height: 2.5vw;
  margin-bottom: 1vw;
}

#dialog-block-content-wrapper {
  width: 100%;
  overflow: hidden;
  height: 100%;
}

#dialog-block-content {
  overflow-y: scroll;
  height: 100%;
  max-height: 88vh;
  width: 100%;
  color: #000000;
  padding: 2vw;
}

#dialog-block-content-form {
}

.dialog-block-content-form-field {
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
}

.dialog-block-content-form-label {
  display: inline-block;
  width: 49%;
  height: 100%;
  text-align: right;
  padding: 0.35vw;
  color: #000000;
  font-size: 1.2vw;
  font-family: 'HelveticaNeueCyr';
  vertical-align: middle;
}

.dialog-block-content-form-label span {
  color: #000000;
  font-size: 0.85vw;
}

.dialog-block-content-form-input {
  display: inline-block;
  width: 49%;
  height: 100%;
  text-align: left;
  padding: 0.35vw;
  vertical-align: middle;
}

input, select {
  box-sizing: border-box;
  width: 100%;
  font-size: 1.2vw;
}

input {
  font-family: 'HelveticaNeueCyr';
  border: 1px solid #797979;
  border-radius: 0.25vw;
  padding:0.25vw;
}

select {
  width: 100%;
  font-family: 'HelveticaNeueCyr';
  padding: 0.25vw;
  border-radius: 0.25vw;
}

.load-button {
  display: inline-block;
  color: #ffffff;
  font-size: 1.2vw;
  font-family: 'HelveticaNeueCyr';
  background-color: #000000;
  padding: 0.75vw 2vw;
  margin: 0.1vw;
  cursor: pointer;
  text-align: center;
  border-radius: 0.5vw;
}

.hidden-object {
  visibility: hidden;
}

.display-none {
  display: none;
}

input[type="checkbox"] {
  width: 1.2vw;
  height: 1.2vw;
  margin-right: 1vw;
}

.dialog-block-content-form-checkbox {
  display: inline-block;
  padding: 0.6vw;
  margin-left: 3vw;
  color: #000000;
  font-size: 1.2vw;
  font-family: 'HelveticaNeueCyr';
  line-height: 1.5vw;
  text-align: left;
}

.dialog-block-content-form-checkbox a {
  color: #000000;
  text-decoration: underline;
}

.size-item {
  width: 3vw;
  display: inline-block;
  color: #000000;
  font-size: 1.6vw;
  font-family: 'HelveticaNeueCyr';
  background-color: #ffffff;
  padding: 0.5vw;
  border: 1px solid black;
  border-radius: 0.25vw;
  text-align: center;
  margin: 0vw 0.25vw;
  cursor: pointer;
}

.selected-size {
  background-color: #000000;
  color: #ffffff;
}

.submit-button {
  display: inline-block;
  color: #ffffff;
  font-size: 1.2vw;
  font-family: 'HelveticaNeueCyr';
  text-transform: uppercase;
  background-color: #000000;
  padding: 0.8vw 3.8vw;
  margin-top: 1vw;
  cursor: pointer;
  border-radius: 0.25vw;
}

#error-reporter-block {
  width: 100%;
  text-align: center;
}

.dialog-result-table {
  font-family: 'HelveticaNeueCyr';
  font-size: 1.5vw;
  width: 90%;
  margin: 5%;
}

.dialog-result-table th, td {
  border: 1px solid black;
  padding: 0.25vw;
}

.dialog-result-table th {
  font-weight: bold;
}

.align-center {
  width: 100%;
  text-align: center;
}

.footer-block-smlogo {
  width: 3vw;
  height: 3vw;
  padding: 1vw;
}

#success-message {
  width: 80%;
  max-width: 50vw;
  height: 80%;
  max-height: 40vh;
  margin: 5vw auto;
  background-color: #ffffff;
  color: #000000;
  font-size: 2.5vw;
  font-family: 'HelveticaNeueCyr';
  text-align: center;
  padding: 2vw;
}

#success-message a {
  font-size: 2.5vw;
  font-family: 'HelveticaNeueCyr';
  color: #000000;
  text-decoration: underline;
}

.manylevels {
  font-size: 1.2vw;
  font-family: 'HelveticaNeueCyr';
  color: #000000;
  counter-reset: li;
}

.manylevels li {
  margin-top: 0.25vw;
}

.manylevels li:before {
  counter-increment: li;
  content: counters(li,".") ". ";
}

.firstlevel {
  margin-top: 1vw !important;
  font-family: 'HelveticaNeueCyr';
}

#rules-text-block {
  height: 100%;
  padding: 1vw;
}

#scrollup {
  position: fixed;
  opacity: 0.5;
  margin: 1vw;
  right: 1vw;
  bottom: 1vw;
  cursor: pointer;
}

#scrollup img {
  width: 3vw;
  height: 3vw;
}

#menu-button-block {
  display: none;
}


@media screen and (max-width: 980px) {
  
  .display-none {
    display: block;
  }
  
  #top-banner {
    top: 0vw;
  }

  #menu_button {
    display: block;
  }
  
  #menu-list {
    display: none;
  }

  #top-menu {
    width: 100%;
    text-align: right;
    top: 0vw;
    z-index: 500;
  }

  #menu-button-block {
    box-sizing: border-box;
    width: 99%;
    display: block;
    float: right;
    text-align: right;
    padding: 3.5vw;
  }
  
  #top-menu li {
    box-sizing: border-box;
    display: block;
    float: right;
    width: 99%;
    text-align: left;
    background-color: white;
    color: black;
    z-index: 1000;
    font-size: 5.5vw;
    padding: 3.5vw;
    border: 1px solid black;
  }
  
  #logo-1 {
    width: 17.25vw;
    top: 10vw;
  }
  
  #logo-1 img {
    width: 17.25vw;
  }

  #logo-2 {
    left: 43.6vw;
    top: 10vw;
    width: 19.2vw;
  }
  
  #logo-2 img {
    width: 19.2vw;
  }

  #logo-3 {
    top: 9vw;
    width: 10.65vw;
  }

  #logo-3 img {
    width: 10.65vw;
  }

  #header {
    top: 18vw;
    font-size: 5vw;
    line-height: 6vw;
  }

  #digits {
    width: 100%;
    top: 60vw;
    left: 0vw;
    box-sizing: border-box;
  }
    
  #words {
    width: 100%;
    top: 71vw;
    left: 0vw;
    box-sizing: border-box;
  }

  .third {
    box-sizing: border-box;
    width: 30vw;
    font-size: 1.8vw;
    line-height: 2.2vw;
  }
  
  .third li {
    font-size: 1.8vw;
    line-height: 2.2vw;
  }
  
  .white-button {
  font-size: 2.5vw;
  line-height: 2.5vw;
    
  }

  #reg_button {
    top: 92vw;
    font-size: 1.8vw;
    line-height: 2.2vw;
  }
  
  #prize-list {
    top: 38vw;
    left: 20vw;
    text-align: left;
  }
  
  #rules_button {
    top: 38vw;
    left: 50vw;
    font-size: 1.8vw;
    line-height: 2.2vw;    
  }
  
  .block-header h2 {
    font-size: 3.5vw;
  }
  
  #istagram-blogs {
    top: 10vw;
    padding: 0vw;
  }
  
  #instagram-post {
    width: 42.5vw;
  }
  
  #instagram-post img {
    display: block;
    margin: auto;
  }
  
  #instagram-post p {
    font-size: 2vw;
    line-height: 2.2vw;
  }

  #learn-header h2 {
    font-size: 3.5vw;
  }
  
  #learn-vivo {
    top: 55vw;
    font-size: 1.8vw;
    line-height: 2.2vw;
  }
  
  #learn_button {
    top: 55vw;
    left: 60vw;
    width: 35vw;
    text-align: center;
  }

  #dialog-block-title h3 {
    font-size: 4vw;
    line-height: 5vw;
  }

  #close-button {
    width: 4vw;
    height: 4vw;
  }
  
  .manylevels {
    font-size: 2.5vw;
    line-height: 3vw;
  }
  
  #dialog-block-content {
    padding: 4vw;
  }
  
  .dialog-block-content-form-field {
    padding: 1.5vw;
  }
  
  .dialog-block-content-form-label {
    text-align: left;
    width: 100%;
    font-size: 2.5vw;
  }
  
  .dialog-block-content-form-label span {
    color: #000000;
    font-size: 1.5vw;
  }

  .dialog-block-content-form-input {
    width: 100%;
  }

  .dialog-block-content-form-checkbox {
    font-size: 2.5vw;
    line-height: 3vw;
  }
  
  input, select {
    font-size: 2.5vw;
    padding: 0.75vw;
  }
  
  .load-button {
    font-size: 2.5vw;
    padding: 1.25vw 3vw;
  }
  
  .size-item {
    width: 6vw;
    font-size: 3.2vw;
    padding: 1vw;
    margin: 0.25vw 1vw;
  }
  
  .submit-button {
    font-size: 2.5vw;
    padding: 1.6vw 7.6vw;
  }
  
  .dialog-result-table {
    font-size: 2vw;
  }
  
  #scrollup img {
    width: 10vw;
    height: 10vw;
  }
}