@import url('https://fonts.googleapis.com/css?family=Open+Sans');
			
			@keyframes main {
				from {width:0;}
				to {width:65%;}
			}
			
			@keyframes aside {
				from {position:absolute;top:-1000px;left:0;z-index:1;}
				to {position:absolute;top:50px;left:0;z-index:1;}
			}
			
			@keyframes head {
				from {background-color:#3a47ed;}
				to {background-color:#ea3e2b;}
			}
		
			body {
				font-size:16px;
				font-family: 'Open Sans', sans-serif;
				color:#000;
				/*background-color:#f8f8f8;*/
				min-width:690px;
			}
			
			body.full aside {
				opacity:0;

			}
			
			body.full main {
				width:100%;
			}
		
			header {
				height:55px;
				background-color:#ea3e2b;
				padding:10px 30px;
				z-index:9999;
				position:relative;
				animation: head ease-out;
			}
			
			.logo {
				display:inline-block;
				width:268px;
				height:51px;
				background-image:url('../img/logo.png');
				text-indent:-9999px;
			}

			.dbut {
				display:inline-block;
				width:195px;
				margin-left: 10px;
			}
			
			.dbut:hover {
				background-color:#2a33a6;
			}
			
			header .dbut {
				float: right;
			}
			
			aside {
				width: 35%;
				float: left;
				box-sizing: border-box;
				animation: aside ease-in;
				background-color:#fff;
				height:100%;
				max-width:512px;
				transition:all 2s;
			}
			
			
			.map img {
				width:100%;
			}
			
			.map figcaption {
				padding:20px 30px;
				
			}
			
			.map figcaption>div {
				width:32%;
				box-sizing: border-box;
				text-align:center;
				display:inline-block;
			}
			
			.map figcaption>div h5 {
				color:#75838c;
				font-weight:bold;
				font-size:1.25em;
			}
			
			.map figcaption>div h4 {
				color:#d2d2d2;
				font-weight:normal;
				font-size:0.75em;
				text-transform:uppercase;
				margin-top: 0.5em;
			}
			
			.map figcaption>div.time {
				border-left:1px solid #ccd3d7;
				border-right:1px solid #ccd3d7;
			}

			.map-share {
				width: 80vw; height:70vh;
				margin:0 auto;
				padding-bottom: 20vh;
			}

			aside article {
				padding:0 30px;
			}
			
			aside article h2 {
				margin:20px 0 20px 0;
				font-weight:bold;
				font-size:1.67em;
			}
			
			aside article .info {
				color:#62717a;
				font-size:1.125em;
				overflow:hidden;
				line-height:1.7em;
				opacity:0;
				transition:all 1s;
				width:0;
				height:0;
			}
			
			aside article > input {
				display:none;
			}
			
			aside article > label {
				cursor: pointer;
				border: 1px solid #3a47ed;
				width: 50%;
				box-sizing: border-box;
				display: inline-block;
				text-align: center;
				margin-bottom: 10px;
				height: 38px;
				line-height: 2.2em;
				color:#3a47ed;
				transition:all 0.5s;
			}
			
			aside article > input:checked + label {
				background-color:#3a47ed;
				color:#fff;
			}
			
			aside article > label.lb1 {
				border-radius:20px 0 0 20px;
				float:left;
			}
			
			aside article > label.lb2 {
				border-radius:0 20px 20px 0;
			}
			
			aside article > input#radio_video:checked ~ div.video, aside article > input#radio_text:checked ~ div.text {
				opacity:1;
				width:100%;
				height:auto;
			}
			
			aside article .video iframe{
				width:100%!important;
				height:230px!important;
			}
			
			.author {
				margin-top:10px;
				margin-bottom:5px;
				position:relative;
			}
			
			.author a {
				color: #3a47ed;
				line-height: 30px;
				position: absolute;
				left: 57px;
				top: 7px;
			}

			.author img {
				height:47px;
				border-radius:25px;
			}

			
			.finish {
				margin-bottom: 10px;
				background-color:#f2f2f2;
				color:#62717a;
				font-weight:bold;
				font-size:1.125em;
				padding:0 30px;
				border-top:1px solid #e5e9f2;
				border-bottom:1px solid #e5e9f2;
				display: grid;
				text-align: center;
			}

			.finish .store-buttons {
				padding: 20px;
			}

			.finish .store-buttons div {
				padding: 5px;
			}

			.finish .store-buttons .store-ios {
				width: 195px;
				margin: 0 auto;
			}

			.finish .store-buttons .store-android {
				width: 195px;
				margin: 0 auto;
			}


			.finish .store-buttons .store-android img {
				width: 195px;
			}


			.finish .equal {
				margin-top:27px;
				word-break:break-all;
			}
			
			.finish .dbut {
				float:right;
				width:255px;
				border-radius:31px;
				margin-top:20px;
				height:61px;
				line-height: 3.1em;
				font-weight:normal;
				-webkit-box-shadow: 0px 3px 10px 0px rgba(58, 71, 237, 0.5);
				-moz-box-shadow:    0px 3px 10px 0px rgba(58, 71, 237, 0.5);
				box-shadow:         0px 3px 10px 0px rgba(58, 71, 237, 0.5);
			}
			
			footer {
				color:#62717a;
				font-size:0.75em;
				padding:0 30px 20px 30px;
			}
			
			/*Right side */

			main {
				width: 65%;
				float: right;
				box-sizing: border-box;
				padding:0 35px;
				background: url('../img/pin.png') no-repeat 16px 13px;
				animation: main 0.7s ease-out;
				background-color:#f8f8f8;
				transition:all 0.5s;
			}

			#title {
				color:#62717a;
				font-size: 1.5em;
				font-weight: normal;
				margin:15px 0 14px 32px;

			}

			main section {
				border-left:1px solid #c9c6c6;
				transition:all 0.5s;
				position:relative;
			}
			
			main section:last-child {
				border-bottom: 1px solid #eceff4;
			}
			
			main section:last-child time{
				border-right: 1px solid #eceff4;
			}
			
			main section article {
				border-top: 1px solid #eceff4;
				border-right: 1px solid #eceff4;
				border-bottom: 1px solid #eceff4;
				padding:20px 34px 20px 30px;
				background:url('../img/up.png') no-repeat center right+8px, url(../img/line.png) repeat-y right top #fff;
				transition:all 1s;
				position:relative;
				max-height:5200px;
			}
			
			main section article button {
				width:125px;
				height:41px;				
				background-color:#fff;
				color:#3a47ed;
				border:1px solid #3a47ed;
				border-radius:20px;
				text-align:center;
				transition:all 0.5s;
				padding-top: 0px;
				cursor:pointer;
				font-size:1em;
				font-family: 'Open Sans', sans-serif;
				position: absolute;
				top: 25px;
				right: 50px;
				opacity:1;
			}
			
			main section article button:hover {
				background-color:#3a47ed;
				color:#fff;
			}
			
			main section article h3 {
				font-size:1.25em;
				font-weight:normal;
				color:#000;
			}
			
			main section article address {
				font-size:0.875em;
				font-style:normal ;
				color:#d2d2d2;
			}
			
			main section article ul.photos {
				margin-top:20px;
			}

			ul.photos li a .gallery-image {
				-webkit-box-shadow: 0px 2px 2px 0px rgba(210, 210, 210, 1);
				-moz-box-shadow:    0px 2px 2px 0px rgba(210, 210, 210, 1);
				box-shadow:         0px 2px 2px 0px rgba(210, 210, 210, 1);
				width:125px!important;
				height:125px!important;
				cursor: pointer;
				background-size: cover;
				background-position: center;
			}
			
			ul.photos li {
				float:left;
				display:block;
				margin:0 10px 10px 0;
			}
			
			ul.photos li .sm {
				display:none;
				opacity:0;
				width:125px;
				height:125px;
				position:absolute;
				top:0;
				left:0;
				background:url('../img/sm.png') no-repeat;
				cursor:pointer;
			}
			
			main section article p, main section article a {
				color:#62717a;	
				font-size:1em;
			}
			
			.steps {
				clear:both;
				padding-right:15px;
			}
			
			article .contacts {
				margin-top:20px;
				transition:all 0.5s;
			}
			
			article .site {
				font-size:0.875em;
				text-decoration:underline;
			}
			
			section time {
				font-size:0.875em;
				color:#75838c;
				padding:10px;
				display:block;
			}
			
			.point {
				position:absolute;
				top:40%;
				left:-16px;
				background-image:url('../img/point.png');
				width:32px;
				height:32px;
				transition:all 0.5s;
			}
			
			/*hide sections*/
			
			main section.hide article {
				height:212px;
				max-height:212px;
				overflow: hidden;
				transition:all 0.5s;
				background:url('../img/down.png') no-repeat center right+8px, url(../img/line.png) repeat-y right top #fff;
			}
			
			main section.hide article button {
				opacity:0;
			}
			
			main section.hide article ul.photos {
				height: 135px;
				overflow: hidden;
			}	
			
			section.hide article .contacts {
				opacity:0;
			}
			
			section.hide article .steps {
				height: 1.5em;
				overflow: hidden;
			}
			
			.photos li.last {
				position:relative;
			}
			
			section.hide .photos .last .gallery-image {
				opacity:0.2;
			/*	transition:all 0.5s; */
			}
			
			section.hide ul.photos li .sm {
				opacity:1;
				display:block;
			}

			/*small displays */
			
			@media screen and (max-width: 1285px) {
			
				aside {
					max-width:412px;
				}
			
				.finish {
					font-size:1em;
				}
				
				.finish .dbut {
					width:228px;
					height:41px;
					line-height:2.4em;	
					margin-top:30px;					
				}
			}
			
			@media screen and (max-width: 1040px) {
				.finish, aside article, .map figcaption, footer {
					padding-left:10px;
					padding-right:10px;
				}
				
				
				.finish {
					text-align:center;
				}
				
				.finish .equal, .finish .dbut {
					float:none;
				}

				.track-video {
					width: 100%;
				}

			}
			
			@media screen and (max-width: 850px) {
				main {
					padding:0 20px;
					background-position: 1px 13px;
				}
				
				main section.hide article ul.photos {
					height:130px;
				}
				
				ul.photos li {
					margin:0 5px 5px 0;
				}
				
				main section article {
					padding-left:20px;
				}
			}

			/* NO SELECT + HIGHLIGHT COLOR */
			* {
				user-select: none;
			}
			*::selection {
				background: none;
			}
			*::-moz-selection {
				background: none;
			}