:root {
				  --main-blue: #163d5e;
				  --main-gray: #f6f7f9;
				}
				
			@font-face {
				font-family: 'CirceExtraLight';
				src: url('/v2m/fonts/CirceExtraLight.eot');
				src: url('/v2m/fonts/CirceExtraLight.eot') format('embedded-opentype'),
					 url('/v2m/fonts/CirceExtraLight.woff2') format('woff2'),
					 url('/v2m/fonts/CirceExtraLight.woff') format('woff'),
					 url('/v2m/fonts/CirceExtraLight.ttf') format('truetype');
				font-style: normal;
				font-weight: 100;
			}
			@font-face {
				font-family: 'CirceLight';
				src: url('/v2m/fonts/CirceLight.eot');
				src: url('/v2m/fonts/CirceLight.eot') format('embedded-opentype'),
					 url('/v2m/fonts/CirceLight.woff2') format('woff2'),
					 url('/v2m/fonts/CirceLight.woff') format('woff'),
					 url('/v2m/fonts/CirceLight.ttf') format('truetype');
				font-style: normal;
				font-weight: 200;
			}
			@font-face {
				font-family: 'Circe';
				src: url('/v2m/fonts/Circe.eot');
				src: url('/v2m/fonts/Circe.eot') format('embedded-opentype'),
					 url('/v2m/fonts/Circe.woff2') format('woff2'),
					 url('/v2m/fonts/Circe.woff') format('woff'),
					 url('/v2m/fonts/Circe.ttf') format('truetype');
				font-style: normal;
				font-weight: normal;
			}
			@font-face {
				font-family: 'CirceBold';
				src: url('/v2m/fonts/CirceBold.eot');
				src: url('/v2m/fonts/CirceBold.eot') format('embedded-opentype'),
					 url('/v2m/fonts/CirceBold.woff2') format('woff2'),
					 url('/v2m/fonts/CirceBold.woff') format('woff'),
					 url('/v2m/fonts/CirceBold.ttf') format('truetype');
				font-style: normal;
				font-weight: 700;
			}
			@font-face {
				font-family: 'Circe';
				src: url('/v2m/fonts/CirceExtraBold.eot');
				src: url('/v2m/fonts/CirceExtraBold.eot') format('embedded-opentype'),
					 url('/v2m/fonts/CirceExtraBold.woff2') format('woff2'),
					 url('/v2m/fonts/CirceExtraBold.woff') format('woff'),
					 url('/v2m/fonts/CirceExtraBold.ttf') format('truetype');
				font-style: normal;
				font-weight: 800;
			}
						
			body
				{
					margin: 0px;
					padding: 0px;
					font-family: 'Open sans';
					font-family: 'Circe',sans-serif;
					
					/*background-color: #33ccff;*/
					
					height: 100%;
				}
				
			body > header
				{
					display: block;
					width: 100%;
					height: auto;
					
					/*border-bottom: 1px solid #fff;*/
					
					content: '';
					z-index: 3000;
					
					padding: 20px 0px 0px 0px;
				}
			
			/*bb
				{
					display: block;
					position: absolute;
					bottom: 0px;
					left: 0px;
					width: 100%;
					height: 40px;
					content: '';
					background-image: url(http://therm-src.more-on.ru/wp-content/themes/main/img/border_tile.svg);
					background-repeat: round;
					background-color: #fff;
				}*/
						
			body > main
				{
					display: block;
					position: relative;
					text-align: center;
					
					
					
				}
			
			
			section
				{
					display: block;
					position: relative;
					/*height: auto;*/
					height: 100%;
					width: 100%;
					
					content: '';
					text-align: center;
				}
			
			section > container
				{
					display: inline-block;
					position: relative;
					width: 1200px;
					content: '';
					/*min-height: 200px;*/
				}
			
			section_f > container
				{
					display: inline-block;
					position: relative;
					width: 1200px;
					content: '';
					/*min-height: 200px;*/
				}
			
			
			/**************************************/
			/*ilya*/
			
			video 
			{
				position: absolute;
				top: 50%;
				left: 50%;
				min-width: 100%;
				min-height: 100%;
				width: auto;
				height: auto;
				z-index: -100;
				
				transform: translateX(-50%) translateY(-50%);
			}
			
			bgshadow
			{
				display: block;
				width: 100%;
				height: 100vh;
				background-color: #000;
				opacity: 0.3;
				z-index: -10;
				position: absolute;
			}
			
			
			telnumberbox
			{
				display: block;
				
				float: left;
				
				padding: 10px 0px 0px 0px;
			}
			
			telnumberbox > telnumber
			{
				display: block;
				
				color: #000;
				font-size: 28px;
				
			}
			
			menu
			{
				display: block;
			}
			
			menu.header
			{
				float: right;
				
				padding: 5px 0px 0px 0px;
			}
			
			menu > a
			{
				text-decoration: none;
				color: #000;
				
				padding: 0px 20px;
			}
			
			
			
			menu.footer__white > a {
				
				padding: 0px 20px;
			}
						
						
			menu > a > menuitem:hover
			{
				border: 1px solid #fff;
			
			}
			
			menu > a > menuitem
			{
				display: inline-block;
				
				border: 1px solid transparent;
				border-radius: 5px;
				
				font-family: 'Circe',sans-serif;
				padding: 0px 5px;
			}
			
			
						
			
			
			/*main*/
			
			bigtitle
			{
				display: block;
				/*font-size: calc(142vh / 6.6);*/
				font-size: calc(120vh / 6.6);
				letter-spacing: calc(3vh / 6.6);
				color: #fff;
				font-weight: 700;
				line-height: calc(160vh / 6.6);
			}
			
			titledescr
			{
				display: block;
				
				font-size: calc(28vh / 6.6);
				color: #fff;
				
				/* padding: 0px 0px 30px 0px; */
				padding: 0;
			}
			
			buttonbox
			{
				display: inline-block;
				padding: calc(40vh / 6.6) 0px 0px 0px;
			}
			
			buttonbox > a
			{
				text-decoration: none;
				
			}
			
			buttonbox > a > btnpayticket
			{
				display: inline-block;
				border-radius: calc(60vh / 6.6);
				background-color: #fff;
				text-transform: uppercase;
				letter-spacing: calc(2vh / 6.6);
				font-weight: 700;
				/*font-size: calc(18vh / 6.6);*/
				font-size: calc(14vh / 6.6);
				cursor: pointer;
				color: #000;
				/*padding: calc(25vh / 6.6) calc(60vh / 6.6);*/
				padding: calc(17vh / 6.6) calc(28vh / 6.6);
				margin: 0 calc(5vh / 6.6);
				
				background: #ff6600;
			}
			
			buttonbox > a > btnpayticket:hover
			{
				display: inline-block;
				
				background-color: #ff8600;
				opacity: 0.8;
			}
			
			buttonbox > a > actionbtn
			{
				display: inline-block;
				border-radius: calc(60vh / 6.6);
				background-color: #fff;
				text-transform: uppercase;
				letter-spacing: calc(2vh / 6.6);
				font-weight: 700;
				/*font-size: calc(18vh / 6.6);*/
				font-size: calc(14vh / 6.6);
				cursor: pointer;
				color: #000;
				/*padding: calc(25vh / 6.6) calc(60vh / 6.6);*/
				padding: calc(17vh / 6.6) calc(28vh / 6.6);
				margin: 0 calc(5vh / 6.6);
			}
						
			
			
			/*footer*/
			
			body > footer
				{
					display: block;
					width: 100%;
					height: 150px;
										
					position: absolute;
					bottom: 0px;
				}
						
			
			footerbox
			{
				display: block;
			}
			
			logobox
			{
				display: block;
				
				float: left;
			}
			
			logobox img
			{
				width: 160px;
				height: 70px;
			}
			
			socialweb
			{
				display: block;
				
				float: right;
				
				padding: 25px 0px 0px 0px;
			}
			
			socialweb > a > img
			{
				display: inline-block;
				
				padding: 0px 2px;
			}
			
			socialweb > a > img
			{
				width: 30px;
				height: 30px;
			}
			
			clear
			{
				clear: both;
				display: block;
				content: "";
			}
			
			menu.footer
			{
				float: right;
				
				padding: 5px 0px 0px 0px;
			}
			
			menu.footer__white
			{
				float: right;
				
				padding: 5px 0px 0px 0px;
				margin: 0;
			}
			
			menu.footer > a > menuitem:hover
			{
				    border-bottom: 1px solid #06b4e4;
					color: #06b4e4;
				
			}
			
			menu.footer__white > a > menuitem
			{
				
				color: #fff;
			}
			
			menu.footer__white > a > menuitem:hover
			{
				border-bottom: 1px solid #fff;
				color: #fff;
			}
			
			copyrightbox
			{
				display: block;
				
				float: left;
				
				color: #fff;
				font-size: 16px;
				
				padding: 5px 0px 0px 0px;
			}
			
			section#center
			{
				/*position: fixed;*/
			}
			
			centerbox
			{
				/*position: absolute;
				top: 35%;
				left: 50%;
				height: 30%;
				width: 50%;
				margin: -20% 0 0 -25%;*/
				
				
			}
			
			
			/***********************************************************/
			/* logos moreon */
			
			ourplacesbox
			{
				display: block;
				/*width: 1200px;*/
				margin: auto;
				height: 90px;
				float: left;
			}
			
			ourplacesbox > a
			{
				float: left;
				margin: 10px 0 0px 0px;
				display: block;
				
			}
			
			ourplacesbox > a > opbitem
			{
				display: block;
				background-repeat: no-repeat;
				background-size: 100% auto;
				background-position: 50% 50%;
				height: 60px;
				width: 120px;
				margin: 0px 5px 0px 5px;
			}
			
			/*********************************************/
			
			
			
			