body {
				position: relative;
			}
			#pageOneBody {
				font-family: Helvetica Neue Light;
			}
		
			#pageTwoBody {
				background-color: #050050;
				font-family: Helvetica Neue Light;				
			}
					
			#pageThreeBody {
				font-family: Helvetica Neue Light;				
			}
					
			#pageFourBody {
				font-family: Helvetica Neue Light;				
			}
					
			#pageFiveBody {
				font-family: Helvetica Neue Light;				
			}
								
			#pageSixBody {
				font-family: Helvetica Neue Light;				
			}			
			
			a:link, a:visited, a:focus, a:hover, a:active, a.active {
				text-decoration:none;
				border: none !important;
				border-radius: 4px !important;	
				outline: none !important; 
			}
			
			a.disabled {
				pointer-events: none;
			}
			
			.btn {
				border-radius: 4px;
				padding: 5px 10px;
				margin: auto;
				color: #f8f9fa;
				letter-spacing: 1px;
				text-transform: uppercase;
				font-family: Helvetica Now Display Medium;
				font-size: 12px;
				background-color: #aea77a99;
				border: none !important;
				outline: none !important;
			}
  
			.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.open {
				border:none !important;
				border-radius: 4px;
				color: #f8f9fa;
				letter-spacing: 1px;
				text-transform: uppercase;
				font-family: Helvetica Now Display Medium;
				font-size: 12px;			
				background-color: #827161;
				outline: none !important;
				box-shadow: none;
			}

			.btn::-moz-focus-inner {
				border: none !important;
			}
						
			#toTopBtn {
			  display: none; /* Hidden by default */
			  position: fixed;
			  top: 75%;
			  left: 94%;
			  -ms-transform: translate(-50%, -50%);
			  transform: translate(-50%, -50%);
			  z-index: 99;
			  border: none;
			  outline: none;
			  background-color: #827161;
			  opacity: 0.6;
			  color: white;
			  cursor: pointer; /* Add a mouse pointer on hover */
			  padding: 2px 6px 4px 6px;
			  border-radius: 2px; /* Rounded corners */
			}

			#toTopBtn:hover {
				opacity:0.9;
			}
			
			#cookieNotification {
				position:fixed; 
				top:75%; 
				z-index: 100000 !important; 
				background-color:black; 
				color:#f8f9fa; 
				padding: 20px 0;
			}
		
			.center {
				position: absolute;
				top: 50%;
				left: 50%;
				-ms-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
			}
			
			.modal-backdrop {
				z-index: 100000 !important;
			}

			.modal {
				z-index: 100001 !important;
			}
			
			nav {  
				background-color: #f8f9fa;
				border: 0;
				letter-spacing: 1px;
				border-radius: 0;
				overflow: hidden;
				-webkit-box-shadow: 0px 15px 15px -15px #8f8f8f;
				-moz-box-shadow:    0px 15px 15px -15px #8f8f8f;
				box-shadow:         0px 15px 15px -15px #8f8f8f;
				z-index:9999;
			}
			
			nav a {  
				color: #82716185;
				border-radius: 0;
				font-family: Helvetica Now Display ExtLt;
				font-size: 12px;
				text-align: right;
				vertical-align: middle;
				padding: 1px 1px;
				text-decoration: none;
				text-transform: uppercase;
				overflow: hidden;
			}
			
			nav a:hover, nav a:focus, nav a:active, nav a.active, nav a.open {
				background-color: #f8f9fa;
				color: #827161;
				text-decoration: none;
				border-width: 0;
				outline: none;
			}
			
			.navbar-toggle .icon-bar {
				display: block;
				width: 22px;
				height: 2px;
				background-color: #f8f9fa;
				border-radius: 1px;
			}

			#mainPageLogo{
				max-width:27%;
				height:auto;
				padding:0;
				margin:auto 0;
			}
			
			#mainPageSlogan{
				max-width:42%; 
				padding:1% 0 0 2%;
				margin:auto 0;
			}
			
			#navLogoSign {
				max-width:30%;
				max-height:45px; 
				margin:auto auto auto 0;
			}
			
			#logoutButton {
				border:none; 
				outline:none; 
				background-color:#f8f9fa; 
				color: #82716185;				
				font-family: Helvetica Now Display Regular;				
				margin:auto 0 auto auto;
			}

			.colum-brown{
			border-left:3px solid #932d3d; 
			margin:4vmin 0;
			}
			
			.colum-blue{
			border-left:3px solid #5cbcdf; 
			margin:4vmin 0;
			}
			
			.colum-red{
			border-left:3px solid #c00000; 
			margin:4vmin 0;
			}
			
			.colum-yellow{
			border-left:3px solid #e4a255; 
			margin:4vmin 0;
			}
			
			.gr-tex{
			color:#8f8f8f; 
			font-size:4vh;
			}
			
			.gr-num{
			color:#8f8f8f; 
			font-size:5vh;
			}

			main {
				height: auto;
				width: 100%;
				position: relative;
				padding: 0;
				margin:0;
				word-wrap:break-word;
				font-family: Helvetica Now Display Regular;
				letter-spacing:1px;	
				color: #796959;
			}
			
			.smallHeadline {
				font-size: 5vmin;
			}
			
			.smallText {
				font-size: 3vmin;
				font-family: Helvetica Now Display Regular;
				letter-spacing:1px;
				word-spacing: 3pt;
			}

			@media screen and (min-width: 901px) {
			.smIntro {
				margin-bottom: 1vmin;
			}
			}
			
			@media screen and (min-width: 901px) {
			.headline {
				font-size: 36px;
				font-family: Helvetica Now Display Bold;
				letter-spacing:-1.8px;
				word-spacing: 5pt;
				color: #aea77a99;
				text-transform: uppercase;				
			}
			}

			@media screen and (max-width: 900px) {
			.headline {
				font-size: 18px;
				font-family: Helvetica Now Display Bold;
				letter-spacing:-1px;
				word-spacing: 5pt;
				color: #aea77a99;
				text-transform: uppercase;				
			}
			}
			
			@media screen and (min-width: 901px) {
			.subHeadline {
				font-size: 30px;
			}
			}

			@media screen and (max-width: 900px) {
			.subHeadline {
				font-size: 20px;
			}
			}
			
			@media screen and (min-width: 901px) {
			.indxHeadline {
				font-size: 20px;
				font-family: Helvetica Now Display Bold;
				letter-spacing:-1px;
				word-spacing: 5pt;
				text-transform: uppercase;
				opacity:0.7;				
			}
			}

			@media screen and (max-width: 900px) {
			.indxHeadline {
				font-size: 15px;
				font-family: Helvetica Now Display Bold;
				letter-spacing:-1px;
				word-spacing: 5pt;
				text-transform: uppercase;
				opacity:0.7;
			}
			}
			
			@media screen and (min-width: 901px) {
			.introHeadline {
				font-size: 28px;
				font-family: Fjalla One, Helvetica, sans-serif;
				font-weight:200;
			}
			}

			@media screen and (max-width: 900px) {
			.introHeadline {
				font-size: 18px;
				font-family: Fjalla One, Helvetica, sans-serif;
				font-weight:200;
			}
			}
		
			@media screen and (min-width: 901px) {
			.ordinaryText {
				font-size: 18px;
			}
			}

			@media screen and (max-width: 900px) {
			.ordinaryText {
				font-size: 15px;
			}
			}
			
			@media screen and (min-width: 901px) {
			.ordinaryTextTwo {
				font-size: 17px;
			}
			}

			@media screen and (max-width: 900px) {
			.ordinaryTextTwo {
				font-size: 15px;
			}
			}	
			
			@media screen and (min-width: 901px) {
			.shortIntro {
				font-size: 15px;
				font-family: Helvetica Now Display Medium;
				letter-spacing: 2px;
				word-spacing: 3pt;
				color: #aea77a99;
				text-transform: uppercase;
			}
			}

			@media screen and (max-width: 900px) {
			.shortIntro {
				font-size: 13px;
				font-family: Helvetica Now Display Medium;
				letter-spacing: 0.5px;
				word-spacing: 2pt;
				color: #aea77a99;
				text-transform: uppercase;				
			}
			}
			
			.legalText {
				font-size: 14px;
				font-family: Helvetica Now Display Regular;
			}
			
			.pageHead {
				text-transform:uppercase;
				font-size:5vmin; 
				padding-top:2vmin;
			}
			
			.chapterHead {
				text-transform:uppercase;
				margin-top: 2vh;
				margin-bottom: 2vh;
			}
			
			.headlineLogo {
				max-width:7%;
				height:auto;
				border-radius:0;
				vertical-align: middle;
			}
			
			.copyright {
				font-size:12px;
				margin-top:4%;
				color:#8f8f8f;
			}
		
			.art_headline_big_blue {
				color:#050050;
				font-size:9vmin;
				font-weight: 500;
				font-family: Fjalla One, Helvetica, sans-serif;
			}

		
			.custom-select {
				font-family: Helvetica Neue Light !important;
			}
			
			.custom-select:focus {
				font-family: Helvetica Neue Light, sans-serif !important;
			}

		
			.custom-login {
				font-family: Helvetica Neue Light !important;
			}			
		
			#logoPicErr {
				max-width:7vmin;
				border-radius:0;
				position: absolute; 
				top: 15vmin; 
				left: 45vw;
			}

			.dropdown-menu {
				display: none;
				position: absolute;
				background-color: #f8f9fa;
				opacity:0.95;
				color:#050050;
				font-family: Helvetica Neue Light;				
				font-size:12px;				
				min-width: 270px;
				max-height: 60vh;
				overflow:auto;
				border: 1px solid #ddd;
				box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
				z-index: 1;
			}

			.dropdown-menu a {
				color: #050050;
				font-family: Helvetica Neue Light;				
				font-size:12px;
				padding: 8px 2vw;
				text-decoration: none;
				border-bottom: 1px solid #ddd;
				display: block;
			}

			.dropdown-menu a:hover, .dropdown-menu a:focus, .dropdown-menu a:active, .dropdown-menu a.active {
				background-color: #ddd !important;
				}
				
			#myInput, #myInputTwo, #myArticle {
				box-sizing: border-box;
				font-size: 14px;
				color: #050050;
				background-color:#f8f9fa;
				padding: 10px 80px 10px 10px;
				border: none;
				border-bottom: 1px solid #ddd;
			}
			
			#myInput:focus, #myInputTwo:focus, #myArticle:focus {
				outline: none;
			}
						
			#myVideo{
				max-width:55vw;
				max-height:31vw;
				position:relative;
				cursor:pointer;
			}
			
			video[poster]{
				display: flex;
				max-width: 70vw;
				max-height: 100%;
				cursor:pointer;
			}
			
			#linkedInButton{
				padding:0; 
				background-color:transparent; 
				display:inline-block; 
				cursor:pointer;
			}
			
			#dataFormStyle {
				padding: 0 4%; 
				color:#8f9c93; 
				font-size:14px;
				font-family: Helvetica Neue Light;				
			}
						
			.texts-move {
				position:absolute; 
				top:18%; 
				left:60%;
			}
			
			.texts-vision {
				position:absolute; 
				top:84%; 
				left:60%;
			}
			
			.texts-reason {
				position:absolute; 
				top:84%; 
				right:60%;
			}
			
			.texts-taste {
				position:absolute; 
				top:18%; 
				right:60%;
			}
			
			#checkDataMessage, #waitingStartMessage {
				position:absolute; 
				top:50vh; 
				color:#f8f9fa; 
				background-color:black; 
				padding:7px; 
			}
						
			#paymentButtonPP, #paymentButtonGA {
				margin: 5px 7px;
				background-color: #f8f9fa;
				color: #050050;
				outline: none;
			}
			
			#confirmCode {
				color:#050050; 
				background:transparent; 
				border:1px solid #d0d0d0; 
				height:100%; 
				padding:8px 3px 7px 3px;
			}

			#blockPersonType {
				color:#f8f9fa; 
				opacity:0.7; 
				padding: 1% 3%;
			}
			
			#iconsBlock {
				margin-top:7vh; 
				margin-bottom:5vh; 
				font-size:12px; 
				color:#8f8f8f; 
				width:100vw;
			}
		
			#typeImage, #articleImage {
				max-height:60vmin; 
				margin-top:3vmin; 
				margin-bottom:3vmin;
			}
			
			.reveal {
				position: relative;
				transform: translateY(130px);
				opacity: 0;
				transition: all 3s ease;
			}
			
			.reveal.active {
				transform: translateY(0px);
				opacity: 1;							
			}
			
			.zoom {
				transition: transform 1s ease;
				transform-origin: center center;
			}
			
			.zoom:hover, .zoom:focus {
				transform: scale(1.05); 
			}
			
			.marks-ani {
				-webkit-animation: trans 7s infinite; /* Safari */
				animation: trans 7s infinite;
				animation-fill-mode: both;
				animation-timing-function: cubic-bezier(0.8, 0.5, 0.5, 0.8);
			}
			
			.rounds-one {
				-webkit-animation: trans 5s; /* Safari */
				animation: trans 5s;
				animation-fill-mode: both;
				animation-timing-function: cubic-bezier(0.8, 0.5, 0.5, 0.8);
			}

			/* Safari */
			@-webkit-keyframes trans {
				0% { -webkit-opacity: 0; }
				50% { -webkit-opacity: 0.9; }
				100% { -webkit-opacity: 0; }
			}

			@keyframes trans {
				0% {opacity: 0;}
				50% {opacity: 0.9;}
				100% {opacity: 0;}
			}

			.rounds-zero {
				-webkit-animation: transOne 4s; /* Safari */
				animation: transOne 4s;
				animation-fill-mode: backwards;
				animation-timing-function: cubic-bezier(0.8, 0.5, 0.5, 0.8);
			}
			
			/* Safari */
			@-webkit-keyframes transOne {
				0% { -webkit-opacity: 0; }
				100% { -webkit-opacity: 0.8; }
			}

			@keyframes transOne {
				0% {opacity: 0;}
				100% {opacity: 0.8;}
			}


			.rounds-two {
				-webkit-animation: transOne 3s; /* Safari */
				animation: transOne 3s;
				animation-fill-mode: backwards;
				animation-timing-function: cubic-bezier(0.8, 0.5, 0.5, 0.8);
			}
			
			/* Safari */
			@-webkit-keyframes transOne {
				0% { -webkit-opacity: 0; }
				100% { -webkit-opacity: 1; }
			}

			@keyframes transOne {
				0% {opacity: 0;}
				100% {opacity: 1;}
			}
			
			.promo-ani {
				-webkit-animation: poster 27s infinite; /* Safari */
				animation: poster 27s infinite;
				animation-fill-mode: both;
				animation-timing-function: ease-out;
			}

			/* Safari */
			@-webkit-keyframes poster {
				0%  { -webkit-background: linear-gradient(to bottom right,rgba(253,51,71,0.5),rgba(239,103,45,1));}
				25% { -webkit-background: linear-gradient(to bottom right,rgba(253,51,71,0.5),rgba(239,103,45,1));}
				26% { -webkit-background: linear-gradient(to bottom right,rgba(20,130,30,0.5),rgba(153,212,94,1));}
				47% { -webkit-background: linear-gradient(to bottom right,rgba(20,130,30,0.5),rgba(153,212,94,1));}
				48% { -webkit-background: linear-gradient(to bottom right,rgba(16,100,226,0.5),rgba(8,198,172,1));}
				73% { -webkit-background: linear-gradient(to bottom right,rgba(16,100,226,0.5),rgba(8,198,172,1));}
				74% { -webkit-background: linear-gradient(to bottom right,rgba(203,0,218,0.5),rgba(225,10,153,1));}
				99% { -webkit-background: linear-gradient(to bottom right,rgba(203,0,218,0.5),rgba(225,10,153,1));}
				100%{ -webkit-background: linear-gradient(to bottom right,rgba(253,51,71,0.5),rgba(239,103,45,1));}
			}

			@keyframes poster {
				0%  {background: linear-gradient(to bottom right,rgba(253,51,71,0.5),rgba(239,103,45,1));}
				25% {background: linear-gradient(to bottom right,rgba(253,51,71,0.5),rgba(239,103,45,1));}
				26% {background: linear-gradient(to bottom right,rgba(20,130,30,0.5),rgba(153,212,94,1));}
				47% {background: linear-gradient(to bottom right,rgba(20,130,30,0.5),rgba(153,212,94,1));}
				48% {background: linear-gradient(to bottom right,rgba(16,100,226,0.5),rgba(8,198,172,1));}
				73% {background: linear-gradient(to bottom right,rgba(16,100,226,0.5),rgba(8,198,172,1));}
				74% {background: linear-gradient(to bottom right,rgba(203,0,218,0.5),rgba(225,10,153,1));}
				99% {background: linear-gradient(to bottom right,rgba(203,0,218,0.5),rgba(225,10,153,1));}
				100%{background: linear-gradient(to bottom right,rgba(253,51,71,0.5),rgba(239,103,45,1));}
			}
			
			footer {
				margin:0;
				padding:0;
				bottom: 0;
				background-color: #f8f9fa;
				border: 0;
				letter-spacing: 1px;
				border-radius: 0;
				overflow: hidden;
				-webkit-box-shadow: 0px -15px 10px -12px #8f8f8f;
				-moz-box-shadow:    0px -15px 10px -12px #8f8f8f;
				box-shadow:         0px -15px 10px -12px #8f8f8f;
				z-index:999;
			}
	
			footer a {
				color: #82716185;
				border-radius: 0;
				font-family: Helvetica Now Display ExtLt;
				font-size:12px;
				vertical-align: middle;
				text-decoration: none;
				text-transform: uppercase;
				overflow: hidden;
			}