/* =========================================================================== */
/* Import */
/* =========================================================================== */

	@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=cyrillic');

/* =========================================================================== */
/* Typography */
/* =========================================================================== */

	body {
		color: rgb(50, 50, 50);
		line-height: 16px;
		font-size: 17px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		background-color: rgb(245, 245, 245);
		
		/*-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;*/
		-webkit-touch-callout: none;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-tap-highlight-color: transparent;
	}

	p {
		margin-top: 2.2em;
	}

	h1 {
		clear: left;
		margin: 0%;
		font-size: 1.5em;
		line-height: 1.65em;
		font-weight: 900;
		color: rgb(100, 100, 100);
	}

	h2 {
		clear: left;
		margin: 0%;
		font-size: 1.5em;
		line-height: 1.65em;
		font-weight: 600;
		color: rgb(100, 100, 100);
	}

	h3 {
		clear: left;
		margin: 0;
		font-size: 1.1em;
		line-height: 1.65em;
		font-weight: 600;
		color: rgb(100, 100, 100);
	}

	svg {
		max-height: 100%;
	}

	ul, ol  {
		list-style-type:none;
		margin: 2.2em 0 0 0;
		padding: 0px;
	}

	li {
		list-style: none;
		background-image: none;
		background-repeat: none;
		background-position: 0; 
	}

	.boldText {
		font-weight: bold;
	}

	.linkText {
		position: relative;
		z-index: 1;
	}

	.linkLine {
		position: absolute;
		float: left;
		top: auto;
		right: auto;
		bottom: 0em;
		left: 0%;
		width: 100%;
		height: 1.75em;
		background-color: #71bc2e;
		opacity: 1;
		overflow: hidden;
	}

	.horLine {
		display: inline-block;
		position: relative;
		float: left;
		clear: left;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 2px;
		margin: 6.5% 0;
		background-color: rgb(255, 255, 255);
	}    

	.horLine2 {
		display: inline-block;
		position: relative;
		float: left;
		clear: left;
		top: 0px;
		left: 7.5%;
		width: 85%;
		height: 2px;
		margin: 0;
		background-color: rgb(255, 255, 255);
	}

/* =========================================================================== */
/* Logo */
/* =========================================================================== */

	#logoWrapper {
		float: left;
		height: auto;
		clear: none;
		width: 7.5%;
		position: fixed;
		padding: 0%;
		margin-top: 1.2%;
		left: 2.5%;
		bottom: auto;
		z-index: 11;
	}

	.logoDollartTop {
		position: absolute;
		float: left;
		clear: none;
		width: auto;
		max-width: 100%;
		min-width: 0px;
		height: auto;
		margin: 0%;
		padding: 0%;
		top: 0px;
		left: 0px;
	}

	.logoHover {
		opacity: 0;
		z-index: 1;
	}

/* =========================================================================== */
/* Helpers */
/* =========================================================================== */

	#inactive {
			position: fixed;
			width: 100%;
			height: 100%;
			top: 0px;
			left: 0px;
			right: auto;
			bottom: auto;
			z-index: 0;
	}

	.dark {
		background-color: rgb(10, 10, 10);
	}

	.light {
		background-color: rgb(240, 240, 240);
	}

	#socialBlock {
		position: relative;
		float: left;
		clear: both;
		width: 60%;
		height: auto;
		top: 0px;
		left: 0px;
		margin: 10% 0% 0% 0%;
	}

	#artistPhotoBlock {
		float: left;
		height: auto;
		margin-left: 5%;
		margin-top: 10%;
		clear: none;
		width: 15%;
	}

    #artistPhotoBlock .socialIcon {
        float: left;
        margin-top: 20%;
    }

/* =========================================================================== */
/* Main block */
/* =========================================================================== */

	#main {
		position: relative;
		width: 100%;
		height: auto;
		min-height: 100%;
		margin-left: auto;
		margin-right: auto;
		background-color: rgb(245, 245, 245);
	}

/* =========================================================================== */
/* Navigation */
/* =========================================================================== */

	nav {
		cursor: default;
	}

	#navBar {
		position: fixed;
		height: auto;
		width: 100%;
		padding: 2% 0% 2% 2.5%;
		background-color: rgba(10, 10, 10, 0.95);
		z-index: 10;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	#nav {
		position: relative;
		float: left;
		font-size: 0.8em;
		width: 100%;
		height: auto;
		clear: none;
		min-height: 0px;
		position: relative;
		top: 0px;
		left: 0px;
		margin: 0%;
		
	}

	.navLink {
		position: relative;
		float: right;
		display: inline-block;
		overflow: hidden;
		margin-bottom: -7px;
		margin-right: 2.5%;
		text-align: right;
		font-weight: 600;
		line-height: 0.8em;
		letter-spacing: 0.1em;
		color: rgb(200, 200, 200);
		text-transform: uppercase;
	}

	/*.navLink:last-child {
		margin-right: 0%;
	}*/

	.active {
		color: #71bc2e;
	}

	.navLine {
		position: relative;
		float: left;
		display: inline-block;
		top: auto;
		right: auto;
		bottom: 0%;
		left: 0%;
		width: 100%;
		height: auto;
		margin-top: 6px;
		padding-bottom: 2px;
		background-color: #71bc2e;
		opacity: 0;
	}

	.linkSpan {
		display: inline-block;
		position: relative;
		width: auto;
		height: auto;
		overflow: hidden;
	}

	.linkSpanP {
		display: inline-block;
		position: relative;
		width: auto;
		height: auto;
		overflow: hidden;
		color: #4b4b4b;
		margin-bottom: -8px;
		font-weight: bold;
	} 

	.footerTxt .linkSpan {
		font-size: 0.8em; 
		margin-top: 2%;
		padding: 0px 1px; 
		float: left;
		clear: left;
	}

	#navMobileWrapper, #menuIcon {
		display: none;
	} 

/* =========================================================================== */
/* Venera */
/* =========================================================================== */

	#venera {
		position: relative;
		width: 100%;
		height: auto;
		float: left;
		margin: 0%;
		clear: none;
		top: 0px;
		left: 0px;
		background-color: rgb(10, 10, 10);
		z-index: 1;
		padding: 0% 0% 56.5%;
		overflow: hidden;
	}

	#veneraImgStone, #veneraImgGold {
		display: block;
		position: absolute;
		float: none;
		clear: none;
		width: 18%;
		max-width: 100%;
		height: auto;
		min-height: 0px;
		top: 20%;
		left: 41%;
		bottom: auto;
		right: auto;
		z-index: 2;
		cursor: none;
	}

	#veneraImgGold {
		z-index: 3;
		opacity: 0.93;
	}

	#veneraBg {
		position: absolute;
		width: 100%; 
		height: 100%;
		top: 0px;
		right: auto;
		bottom: auto;
		left: 0px;
		background-image: url(../img/venera_bg.jpg);
		background-attachment: scroll;
		-webkit-background-size: cover;
		background-size: cover;
		background-position: 50% 50%;
		background-repeat: no-repeat no-repeat;
		z-index: 0;
	}

/* =========================================================================== */
/* Main blocks */
/* =========================================================================== */

	.txtBlockDark, .txtBlockLight {
		position: relative;
		float: left;
		clear: none;
		width: 100%;
		min-width: 0px;
		height: auto;
		top: 0px;
		left: 0px;
		margin: 0%;
		padding: 0%;
		overflow: hidden;
		background-color: rgb(10, 10, 10);
		z-index: 1;
	}

	.txtBlockLight {
		background-color: rgb(240, 240, 240);
	}

	#txtBlockDark1 {
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 2;
		background-color: rgba(10, 10, 10, 0);
		top: 80%;
	}

	.blockDarkMask, .blockLightMask, .blockLightMask2 {
		position: absolute;
		float: left;
		width: 104%;
		height: 104%;
		top: -1%;
		left: -1%;
		opacity: 1;
		z-index: 3;
		/*display: none;*/
	}

	.blockDarkMask {
		background-color: rgb(10, 10, 10);
	}

	.blockLightMask {
		background-color: rgb(240, 240, 240);
	}

	.blockLightMask2 {
		background-color: rgb(245, 245, 245);
	}

	.textWrapperDark, .textWrapperLight {
		display: block;
		position: relative;
		float: none;
		clear: none;
		width: 66.66%;
		height: auto;
		min-height: 0px;
		top: 0px;
		left: 0px;
		margin: 0% auto;
		padding: 5%;
		font-size: 1em;
		text-align: left;
		font-weight: normal;
		line-height: 1.65em;
		border: 2px solid rgb(0, 0, 0);
		color: rgb(200, 200, 200);
		margin: 5% auto;
	}

	.textWrapperLight {
		color: rgb(75, 75, 75);
		border: 2px solid rgb(255, 255, 255);
	}

	.blockBtn, .blockBtnActive {
		display: block;
		position: relative;
		float: none;
		width: 50%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		margin-top: 2.5%;
		padding: 0%;
		overflow: hidden;
		font-size: 0.9em;
		text-align: left;
		font-weight: normal;
		line-height: 1.65em;
		color: rgb(75, 75, 75);
		border: 2px solid rgb(255, 255, 255);
	}       

	.blockBtnActive {
		cursor: pointer;
	}  
	
	.blockBtn p, .blockBtnActive p {
		margin: 0%;
		padding: 5%;
		z-index: 1;
		-webkit-font-smoothing: antialiased;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}    

	.blockBtnBg {
		position: absolute;
		width: 100%;
		height: 100%;
		top: auto;
		right: 0px;
		left: 0px;
		bottom: 0px;
		margin: 0 auto;
		background-color: rgba(255, 255, 255, 1);
		z-index: -1;
	}

	.col2 {
		display: inline-block;
		float: left;
		clear: none;
		width: 50%;
		margin: 0%;
		padding: 0%;
	}

	.txtHeaderDark, .txtHeaderLight {
		position: relative;
		float: none;
		clear: none;
		width: 56.66%;
		height: auto;
		min-height: 0px;
		top: 0px;
		left: 0px;
		margin: 0% auto -5% auto;
		padding: 2.5%;
		text-align: center;
		font-size: 1.5em;
		line-height: 1em;
		letter-spacing: 0.1em;
		background-color: rgba(0, 0, 0, 0.15);
		border-top: 2px solid rgb(0, 0, 0);
		border-right: 2px solid rgb(0, 0, 0);
		border-left: 2px solid rgb(0, 0, 0);
		border-bottom: 0px solid rgb(0, 0, 0);
		color: rgb(200, 200, 200);
	}

	.txtHeaderLight {
		margin-top: 5%;
		background-color: rgba(255, 255, 255, 0.15);
		border-top: 2px solid rgb(255, 255, 255);
		border-right: 2px solid rgb(255, 255, 255);
		border-bottom: 0px solid rgb(255, 255, 255);
		border-left: 2px solid rgb(255, 255, 255);
		color: rgb(100, 100, 100);
	}

	.blockDarkGradientBg {
		position: absolute;
		top: 0%;
		right: 0%;
		bottom: 0%;
		left: 0%;
		z-index: 1;
		background: -moz-linear-gradient(top,  rgba(10,10,10,1) 0%, rgba(10,10,10,0) 10%, rgba(10,10,10,0) 90%, rgba(10,10,10,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(10,10,10,1) 0%,rgba(10,10,10,0) 10%,rgba(10,10,10,0) 90%,rgba(10,10,10,1) 100%);
		background: linear-gradient(to bottom,  rgba(10,10,10,1) 0%,rgba(10,10,10,0) 10%,rgba(10,10,10,0) 90%,rgba(10,10,10,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a0a0a', endColorstr='#0a0a0a',GradientType=0 );
	}

	.blockLightGradientBg {
		position: absolute;
		top: 0%;
		right: 0%;
		bottom: 0%;
		left: 0%;
		z-index: 1;
		background: -moz-linear-gradient(top,  rgba(250,250,250,1) 0%, rgba(250,250,250,0) 10%, rgba(250,250,250,0) 90%, rgba(250,250,250,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(250,250,250,0) 10%,rgba(250,250,250,0) 90%,rgba(250,250,250,1) 100%);
		background: linear-gradient(to bottom,  rgba(250,250,250,1) 0%,rgba(250,250,250,0) 10%,rgba(250,250,250,0) 90%,rgba(250,250,250,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a0a0a', endColorstr='#0a0a0a',GradientType=0 );
	}

/* =========================================================================== */
/* Images */
/* =========================================================================== */

	.blockImg {
		position: relative;    
		display: block;
		float: left;
		clear: none;
		width: 100%;
		min-width: 0px;
		height: auto;
		top: 0px;
		left: 0px;
		margin: 0%;
		padding: 0% 0% 50%;
		overflow: hidden;
		z-index: 1;
	}    

	.blockVideo {
		position: relative;    
		display: block;
		float: left;
		clear: none;
		width: 100%;
		min-width: 0px;
		height: auto;
		top: 0px;
		left: 0px;
		margin: 0%;
		padding: 0% 0% 5% 0%;
		overflow: hidden;
		z-index: 1;
	}

	.blockImgCollage {
		position: relative;    
		display: block;
		float: left;
		clear: none;
		width: 100%;
		min-width: 0px;
		height: auto;
		top: 0px;
		left: 0px;
		margin: 0%;
		padding: 0% 0% 50%;
		overflow: hidden;
		z-index: 1;
	}

	.mainImage {
		float: left;
		width: 100%;
		max-width: 100%;
		height: auto;
		clear: none;
		position: absolute;
		top: -5%;
		bottom: auto;
		opacity: 0.85;
	}    

	.mainVideo {
		position: relative;
		width: 66.66%;
		height: auto;
		clear: none;
		top: 0%;
		right: 0%;
		bottom: auto;
		left: 16.66%;
		margin: 0% auto;
		opacity: 1;
	}

	.collage {
		float: left;
		width: 100%;
		max-width: 100%;
		height: auto;
		clear: none;
		position: absolute;
		top: 0%;
		bottom: auto;
		opacity: 0.85;
	}

	.blockImgHalf {
		float: left;
		height: auto;
		margin: 0%;
		clear: none;
		width: 50%;
		z-index: 1;
		min-width: 0px;
		position: relative;
		top: 0px;
		left: 0px;
		padding: 0% 0% 50%;
		overflow: hidden;
		display: block;
		background-color: rgb(10, 10, 10);
	}

	.innerImage {
		display: block;
		position: relative;
		width: 100%;
		max-width: 100%;
		height: auto;
		top: 0px;
		left: 0px;
		margin-top: 2.5%;
		opacity: 0.75;
	}

/* =========================================================================== */
/* Buttons */
/* =========================================================================== */

	.mainBtnDark, .mainBtnLight, .mainBtnCenter  {
		position: absolute;
		width: auto;
		height: auto;
		float: left;
		clear: both;
		min-height: 0px;
		top: 10%;
		left: auto;
		bottom: auto;
		right: 5%;
		padding: 2.5%;
		z-index: 2;
		font-size: 1.5em;
		text-align: center;
		text-transform: uppercase;
		font-weight: 300;
		line-height: 1em;
		letter-spacing: 0.1em;
		color: rgb(200, 200, 200);
		border: 2px solid rgb(0, 0, 0);
		background-color: rgba(0, 0, 0, 0.3);
		cursor: pointer;
		will-change: transform;
	}

	.mainBtnLight {
		color: rgb(100, 100, 100);
		border: 2px solid rgb(255, 255, 255);
		background-color: rgba(255, 255, 255, 0.3);
	}

	.mainBtnCenter {
		top: 50%;
		left: 50%; 
		right: auto;
		bottom: auto;
		color: rgb(100, 100, 100);
		border: 0px solid rgb(255, 255, 255);
		background-color: rgba(255, 255, 255, 0.93);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.mainBtnDarkHalf {
		position: absolute;
		float: left;
		clear: both;
		width: auto;
		height: auto;
		min-height: 0px;
		padding: 5%;
		right: 10%;
		top: 10%;
		left: auto;
		bottom: auto;
		text-align: center;
		font-weight: normal;
		font-size: 1.5em;
		font-weight: 300;
		line-height: 0.7em;
		letter-spacing: 0.1em;
		color: rgb(200, 200, 200);
		border: 2px solid rgb(0, 0, 0);
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 1;
	}

	.borderLeft {
		border-left: 1px solid rgb(0, 0, 0);
	}

	.borderRight {
		border-right: 1px solid rgb(0, 0, 0);
	}

/* =========================================================================== */
/* Footer */
/* =========================================================================== */

	#footer {
		float: left;
		height: auto;
		margin: 0%;
		clear: none;
		width: 100%;
		position: relative;
		top: 0px;
		left: 0px;
		padding: 2.5%;
		background-color: rgb(235, 235, 235);
		z-index: 2;
	}

	#footerLogos {
		display: inline-block;
		position: relative;
		float: left;
		width: 8%;
		margin-right: 2.5%
	}

	#logoTshrCenter {
		position: relative;
		left: 10%;
		margin-top: 10%;
		width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		z-index: 1;
	}

	#logoTshrText {
		position: relative;
		left: 0px;
		top: 0px;
		width: 120%;
		height: auto;
		margin-top: -110%;
	}

	.footerTxtBlock {
		position: relative;
		float: left;
		margin-left: 2.5%;
		width: 60%;
		height: auto;
		margin-top: 0%;
		clear: none;
	}

	.footerTxt {
		position: relative;
		float: left;
		width: auto;
		height: auto;
		margin-top: 0%;
		clear: none;
		font-size: 0.8em;
		line-height: 1.65em;
		text-align: left;
		font-weight: normal;
		color: rgb(125, 125, 125);
	}

	.footerTxt p {
		margin-top: 0;
	} 

	#socialIcons {
		position: relative;
		float: right;
		clear: right;
		width: 10%;
		height: auto;
		margin: 0%;
		margin-top: 1.5%;
		left: 0px;
	}

	.socialIcon {
		position: relative;
		float: right;
		height: auto;
		margin: 0%;
		clear: none;
		width: 20%;
		top: 0px;
		left: 0px;
		min-width: 0px;
	}

	.shareTitle {
		float: right; 
		clear: none;
		text-align: right; 
	}

	.socialIconHover {
		position: relative;
		width: auto;
		max-width: 100%;
		height: auto;
		top: 0px;
		left: 0px;
		z-index: 1;
		opacity: 0;
	}

	.socialIconImg {
		position: relative;
		width: auto;
		max-width: 100%;
		height: auto;
		top: 0px;
		left: 0px;
		margin-top: -100%;
	}

/* =========================================================================== */
/* Hero image */
/* =========================================================================== */

	.hero {
		position: relative;    
		display: block;
		float: left;
		clear: none;
		width: 100%;
		min-width: 0px;
		height: auto;
		top: 0px;
		left: 0px;
		margin: 0%;
		padding: 0% 0% 60% 0%;
		overflow: hidden;
		z-index: 1;
	}


	.heroImgBg {
		float: left;
		width: 100%;
		max-width: 100%;
		height: auto;
		clear: none;
		position: absolute;
		top: 0%;
		bottom: auto;
	}

	.heroPoster {
		position: absolute;
		float: left;
		clear: left;
		width: 28%;
		height: auto;
		top: 0;
		left: 0;
		right: auto;
		bottom: auto;
		margin: 10.5% 0% 0% 35%;
		z-index: 1;
	}

/* =========================================================================== */
/* Full image */
/* =========================================================================== */

	#fullImgWrap {
		position: fixed;
		width: 100%;
		height: 100%;
		padding: 0%;
		left: 0%;
		right: auto;
		background-color: rgba(6,6,6,0.98);
		z-index: 4;
		opacity: 1;
		visibility: visible;
		overflow: hidden;
		will-change: transform;
	}

	#fullImgMask {
		position: absolute;
		width: 200%;
		height: 200%;
		top: 0px;
		left: 0px;
		border: 3px solid red
		z-index: 1;
		background-color: rgba(10,10,10,1);
	}

	#fullImgCont {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		float: left;
		clear: none;
		will-change: transform;
	}

	.fullImg {
		display: block;
		position: absolute;
		float: left;
		width: 100%;
		height: 100%;
		left: 0%; 
		top: 0%;
		margin: 0;
		background-attachment: scroll;
		-webkit-background-size: contain;
		background-size: contain;
		background-position: 50% 50%;
		background-repeat: no-repeat no-repeat;
		z-index: 3;
		will-change: transform;
		/*border: 2px solid rgb(50, 50, 50);*/
	}    

	#fullImgsArray {
		position: fixed;
		width: 0px;
		height: 0px;
		opacity: 0px;
		z-index: -10;
	}

	#inactive {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		right: auto;
		bottom: auto;
		z-index: 0;
	}    

	#inactiveLeft {
		position: absolute;
		width: 50%;
		height: 100%;
		top: 0px;
		left: 0px;
		right: auto;
		bottom: auto;
		cursor: url(../img/icons/prev.cur), pointer;
	}    

	#inactiveRight {
		position: absolute;
		width: 50%;
		height: 100%;
		top: 0px;
		left: auto;
		right: 0px;
		bottom: auto;
		cursor: url(../img/icons/next.cur), pointer;
	}

	#prevImage, #nextImage {
		position: absolute;
		width: 50%;
		height: 100%;
		left: 0px;
		top: 0px;
		right: auto;
		bottom: auto;
		z-index: 4;
	}    

	#prevImage {
		cursor: url(../img/icons/prev.cur), pointer;
	}
	#nextImage {
		left: auto;
		right: 0px;
		cursor: url(../img/icons/next.cur), pointer;
	}

	#closeIcon {
		position: fixed;
		width: 81px;
		height: 81px;
		top: 0px;
		right: 0px;
		bottom: auto;
		left: auto;
		margin-top: 0%;
		margin-right: 0%;
		padding: 25px;
		z-index: 6;
		cursor: pointer;
	}

	.gallery {
		cursor: pointer;
	}

	#galleryTitle {
		position: fixed;
		width: 25%;
		height: auto;
		top: auto;
		right: 0px;
		bottom: 0px;
		left: 0px;
		margin: 0 auto;
		padding: 15px 19px;
		text-align: center;
		line-height: 1em;
		font-size: 0.8em;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		color: rgb(200, 200, 200);
		background-color: rgba(10, 10, 10, 0.75);
		/*border: 2px solid rgba(35, 35, 35, 0.75);*/
		/*border-bottom: 0px solid rgb(50, 50, 50);*/
		z-index: 4;
	}

/* =========================================================================== */
/* Modal window */
/* =========================================================================== */
	
	#modalWrapper {
		position: fixed;
		width: 100%;
		height: auto;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		z-index: 2;
		background-color: rgba(235, 235, 235, 0);
		overflow: hidden;
	}

	#closeModal {
		position: fixed;
		width: 75px;
		height: 75px;
		top: 0px;
		margin-top: 9.85%;
		right: 16.85%;
		bottom: auto;
		left: auto;
		padding: 25px;
		z-index: 6;
		cursor: pointer;
	}

	#modalTitle {
		position: fixed;
		width: 61%;
		height: auto;
		margin-top: 9.5%;
		left: 16.66%;
		right: 0px;
		bottom: auto;
		padding: 2% 10% 2% 5%;
		z-index: 1;
		font-size: 1em;
		line-height: 1.65em;
		font-weight: 600;
		color: rgb(113, 188, 46);
		background-color: rgba(245, 245, 245, 1);
	}

	#modalContainer {
		position: relative;
		display: block;
		width: 66.66%;
		height: 90%;
		margin-top: 9.5%;
		left: 16.66%;
		padding: 0% 5% 5% 5%;
		float: left;
		clear: none;
		border-top: 7vh solid rgba(245, 245, 245, 1);
		border-right: 3px solid rgba(245, 245, 245, 1);
		border-bottom: 0px solid rgba(245, 245, 245, 1);
		border-left: 0px solid rgba(245, 245, 245, 1);
		background-color: rgba(245, 245, 245, 1);
		-webkit-box-shadow: rgba(7, 7, 7, 0.1) 0em 0.6em 2em 0em;
		-moz-box-shadow: rgba(7, 7, 7, 0.1) 0em 0.6em 2em 0em;
		box-shadow: rgba(7, 7, 7, 0.1) 0em 0.6em 2em 0em;
		overflow-y: scroll;
	}    

	#modalContent {
		margin: 2.5% 0% 7.5% 0%;
		padding: 0% 0% 7.5% 0%;
		font-size: 0.9em;
		text-align: left;
		font-weight: normal;
		line-height: 1.65em;
		color: rgb(75, 75, 75);
	}

	.modalImage {
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto;
		opacity: 1;
	}

	.moreInfo {
		display: inline-block;
		margin: 7.5% 0% 0% 0%;
		padding: 2.5% 3.5% 2.5% 3.5%;
		cursor: pointer;
		font-weight: 600;
		color: rgb(100, 100, 100);
		background-color: rgb(255, 255, 255);
	}    


	.moreInfoContent {
		display: none;
	}

	.moreInfoTitle {
		display: none;
	}

	.btnWhite {
		display: inline-block;
		margin: 7.5% 0% 0% 0%;
		padding: 2.5% 3.5% 2.5% 3.5%;
		cursor: pointer;
		font-weight: 600;
		color: rgb(100, 100, 100);
		background-color: rgb(255, 255, 255);
	}
	
/* =========================================================================== */
/* Artists card */
/* =========================================================================== */
	
	#artists {
		position: relative;
		float: left;
		clear: none;
		width: 100%;
		min-width: 0px;
		height: auto;
		top: 0px;
		left: 0px;
		margin: 5% 0% 2.5% 0%;
		z-index: 1;
	}

	.artistBlock {
		position: relative;
		float: left;
		clear: none;
		width: 21.86%;
		height: auto;
		margin: 2.5% 0% 0% 2.5%;
		padding: 0%;
		-webkit-box-shadow: rgba(7, 7, 7, 0.15) 0em 0.05em 0.3em 0em;
		-moz-box-shadow: rgba(7, 7, 7, 0.15) 0em 0.05em 0.3em 0em;
		box-shadow: rgba(7, 7, 7, 0.15) 0em 0.05em 0.3em 0em;
		opacity: 0.8;
		cursor: pointer;
		will-change: transform;
	}

	.artistWork {
		position: relative;
		float: left;
		clear: none;
		width: auto;
		max-width: 100%;
		height: auto;
		top: 0px;
		left: 0px;
		margin: 0%;
	}

	.artistInfo {
		position: relative;
		float: left;
		clear: none;
		width: 100%;
		min-width: 0px;
		margin: 0%;
		height: auto;
		top: 0px;
		left: 0px;
		padding: 5%;
		font-size: 0.9em;
		letter-spacing: 0.1em;
		font-weight: 300;
		color: rgb(100, 100, 100);
	}

	.artistPhoto {
		float: left;
		clear: none;
		width: 20%;
		max-width: 100%;
		height: auto;
		margin: 0%;
		border-top-left-radius: 50%;
		border-top-right-radius: 50%;
		border-bottom-right-radius: 50%;
		border-bottom-left-radius: 50%;
	}

	.artistName {
		position: relative;
		float: left;
		clear: none;
		width: auto;
		height: auto;
		min-height: 0px;
		min-width: 0px;
		top: 0px;
		left: 0px;
		padding: 0%;
		margin: 5%;
		font-size: 1em;
		text-align: left;
		font-weight: normal;
		line-height: 1em;
	}

/* =========================================================================== */
/* Artist page info */
/* =========================================================================== */

	#artistsPhotoBig {
		float: left;
		height: auto;
		margin: 0%;
		clear: none;
		width: 100%;
		border-top-left-radius: 50%;
		border-top-right-radius: 50%;
		border-bottom-right-radius: 50%;
		border-bottom-left-radius: 0%;
		border: 2px solid rgb(255, 255, 255);
		-webkit-box-shadow: rgba(45, 45, 45, 0.2) 0em 0.1em 0.3em 0em;
		box-shadow: rgba(45, 45, 45, 0.2) 0em 0.1em 0.3em 0em;
		position: relative;
		top: 0px;
		left: 0px;
		overflow: hidden;
		padding: 0%;
		min-width: 0px;
	}

	#artistsPhotoImg {
		float: left;
		width: 100%;
		max-width: 100%;
		height: auto;
		margin: 0%;
		clear: none;
		color: rgb(0, 0, 0);
		position: relative;
		top: 0px;
		left: 0px;
		border-top-left-radius: 50%;
		border-top-right-radius: 50%;
		border-bottom-right-radius: 50%;
		border-bottom-left-radius: 0%;
		opacity: 0.8;
	}

	#artistName {
		float: left;
		font-size: 1.5em;
		width: auto;
		height: auto;
		text-align: left;
		font-weight: 800;
		line-height: 1.5em;
		margin: 10% 0% 0% 5%;
		clear: none;
		min-height: 0px;
		position: relative;
		top: 0px;
		left: 0px;
		color: rgb(113, 188, 46);
		letter-spacing: 0.1em;
		padding: 0%;
	}

	#artistsInfo {
		float: left;
		width: 60%;
		height: auto;
		text-align: left;
		font-weight: normal;
		line-height: 1.65em;
		margin: 0% 0% 0% 5%;
		font-size: 0.90em;
		letter-spacing: 0.025em;
		clear: none;
		min-height: 0px;
		position: relative;
		top: 0px;
		left: 0px;
		padding: 0%;
	}

	.artistText {
		display: block;
		position: relative;
		float: left;
		height: auto;
		min-height: 0px;
		min-width: 0px;
		top: 0px;
		left: 0px;
		padding: 0%;
		font-size: 0.85em;
		text-align: left;
		font-weight: normal;
		line-height: 1.65em;
		letter-spacing: 0.025em;
	}

	.artistP {
		margin-top: 0;
	}

/* =========================================================================== */
/* Artist page doll */
/* =========================================================================== */

	.doll {
		position: relative;
		float: left;
		top: 0px;
		left: 0px;
		cursor: pointer;
		/*overflow: hidden;*/
		will-change: transform;
	}

	.dollHor {
		display: block;		
		width: 45%;
		height: auto;
		padding: 0% 0% 30%;
	}

	.dollVert {
		display: block;
		width: 30%;
		height: auto;
		padding: 0% 0% 45%;
	}

	.dollImage {
		position: absolute;
		float: left;
		width: 100%;
		max-width: 100%;
		height: auto;
		top: 0px;
		left: 0px;
		z-index: auto;
		opacity: 0.65;
	}

	.dollNameHor, .dollNameVert {
		display: block;
		position: absolute;
		float: left;
		clear: both;
		width: auto;
		height: auto;
		min-height: 0px;
		right: auto;
		bottom: auto;
		padding: 0%;
		font-size: 1.2em;
		font-weight: 600;
		line-height: 1em;
		text-align: left;
		letter-spacing: 0em;
		text-transform: uppercase;
		color: rgb(255, 255, 255);
		z-index: 2;
		will-change: transform;
	}

	.dollNameHor {
		top: 7.5%;
		left: 5%;
	}

	.dollNameVert {
		top: 5%;
		left: 7.5%;
	}

	.dollYear {
		display: block;
		line-height: 1.5em;
		font-size: 0.8em;
		text-transform: none;
		color: rgb(245, 245, 245);
	}

	.dollInfoHor, .dollInfoVert {
		display: block;
		position: absolute;
		float: left;
		clear: both;
		width: auto;
		height: auto;
		min-height: 0px;
		top: auto;
		right: left;
		padding: 0%;
		font-size: 0.8em;
		text-align: right;
		font-weight: 500;
		line-height: 1.2em;
		color: rgb(200, 200, 200);
		text-transform: none;
		letter-spacing: 0em;
		z-index: 1;
		will-change: transform;
	}

	.dollInfoHor {
		bottom: 7.5%;
		right: 5%;
	}

	.dollInfoVert {
		bottom: 5%;
		right: 7.5%;
	}

	#dollNameTitle {
		position: relative; 
		width: auto;
		height: auto;
	}

	#galleryTitle {
		line-height: 1.3em;
	}

	#dollNameTitle {
		
	}

	#dollYearTitle {
		text-transform: none;
	}

	#dollInfoTitle {
		text-transform: none;
		font-size: 0.8em;
	}

/* =========================================================================== */
/* Video page */
/* =========================================================================== */

	#videoList {
		position: relative;
		float: left;
		width: 30%;
		height: auto;
		padding: 10% 0% 10% 5%;
	}

	#videoList .videoListWrapper {
		position: inherit;
		float: inherit;
		width: 100%;
		height: auto;
		margin-top: 20%;
		opacity: 0.65;
	}

	#videoList .videoListWrapper:first-child {
		margin-top: 0%;
	}

	#videoList .videoHidden {
		display: none;
	}

	#videoList .videoListPlayBtn {
		
	}

	#videoList .videoListImg {
		position: relative;
		float: left;
		width: 100%;
		height: auto;
		cursor: pointer;
	}

	#videoList .videoListImgHover {
		position: relative;
		float: left;
		opacity: 0;
	}

	#videoList .videoListImg img {
		position: absolute;
		float: left;
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	#videoList .videoListInfo {
		position: relative;
		float: left;
		margin-top: 80%;
		font-size: 1em;
		font-weight: 400;
		line-height: 1.65em;
	}

	#videoWrapper {
		position: fixed;
		top: 0%;
		right: 0%;
		bottom: 0%;
		left: auto;
		width: 70%;
		padding: 7.5%;
		z-index: 1;
	}

	#videoWrapper #videoContent{
		position: absolute;
		width: auto;
		/*max-width: 100%;*/
		top: 50%;
		right: 10%;
		bottom: auto;
		left: 10%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	#videoWrapper video {
		width: 100%;
		height: auto; 

	}

/* =========================================================================== */
/* Scrollbar */
/* =========================================================================== */

	body::-webkit-scrollbar { 
		width: 12px;
	}

	body::-webkit-scrollbar-thumb {
	  border: none;
	  background: rgb(235, 235, 235);
	  border-left: 2px solid rgb(200, 200, 200);
	  border-right: 1px solid rgb(200, 200, 200);
	}

	body::-webkit-scrollbar-track {
	  border: none;
	  background: rgb(200, 200, 200);
	}    

	div::-webkit-scrollbar { 
		width: 10px;
	}

	div::-webkit-scrollbar-thumb {
	  border: none;
	  background: rgb(225, 225, 225);
	  border: 0px solid rgb(245, 245, 245);
	}

	div::-webkit-scrollbar-track {
	  border: none;
	  background: rgb(245, 245, 245);
	}

/* =========================================================================== */
/* Colors */
/* =========================================================================== */

 	.colorGray100 {
		color: rgb(100,100,100);
	}

/* =========================================================================== */
/* TranslateZ(0) */
/* =========================================================================== */

	#navBar, .navLink, #logoWrapper, #pageMask, #main, svg, canvas, .artistBlock, #fullImgWrap, #fullImgCont, .fullImg, .blockImg, .mainImage, #veneraImgGold, #veneraImgStone, .txtHeaderDark, .txtHeaderLight, .mainBtnDark, .mainBtnLight, .doll, .dollImage {

		-webkit-transform: translateZ(0) translate3d(0, 0, 0);
		-moz-transform: translateZ(0) translate3d(0, 0, 0);
		-ms-transform: translateZ(0) translate3d(0, 0, 0);
		-o-transform: translateZ(0) translate3d(0, 0, 0);
		transform: translateZ(0) translate3d(0, 0, 0);
	}

/* =========================================================================== */
/* Effects */
/* =========================================================================== */

	/*#canvasNoise {
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 1;
	}    

	#canvasSpace {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 140%;
		height: 140%;
		z-index: 1;
	}*/

/* =========================================================================== */
/* Media queries */
/* =========================================================================== */

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

		.artistBlock {
			float: left;
			clear: none;
			width: 30%;
			margin-top: 2.5%;
			margin-left: 2.5%;
		}

		#galleryTitle {
			width: 37%;
		}

		#artistPhotoBlock {
			margin-top: 10%;
		}
	}

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

		#venera {
			padding-bottom: 77%;
		}

		#veneraImgGold, #veneraImgStone {
			width: 30%;
			left: 35%;
			right: auto;
			top: 15%;
			bottom: auto;
		}

		.txtHeaderLight, .txtHeaderDark {
			width: 80%;
		}

		.textWrapperLight, .textWrapperDark {
			width: 90%;
		}

		#nav {
			font-size: 0.7em;
		}

		.logoDollartTop {
			top: 22.5%;
			bottom: auto;
		}

		.txtBlockDark {
			clear: none;
		}

		#socialIcons {
			width: 14%;
			margin-top: 2.5%;
		}

		/*.footerTxtBlock {
			width: 82.5%;
		}*/

		.blockBtn, .blockBtnActive {
			width: 90%;
		}

		.mainVideo {
			width: 90%;
			left: 5%;   
		}

		#modalContainer {
			height: 88%;
		}
	}

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

		.footerTxtBlock {
			width: 82.5%;
		}

		#footerLogos {
			width: 12%;
			margin-bottom: 5%;
		}

		#socialIcons {
			width: 20%;
			margin-bottom: 2.5%;
		}

		.artistBlock {
			width: 42.5%;
			margin-top: 5%;
			margin-left: 5%;
		}

		#artists {
			margin-bottom: 5%;
		}

		#galleryTitle {
			width: 50%;
		}

		#modalContainer {
			width: 90%;
			height: 93%;
			margin-top: 9.5%;
			left: 5%;
		}

		#closeModal {
			position: fixed;
			width: 75px;
			height: 75px;
			right: 5%;
		}

		#modalTitle {
			width: 85%;
			margin-top: 9.8%;
			left: 5%;
			padding: 2% 10% 2% 5%;
		}  

		 .dollImage {
			opacity: 1;
		}


		.dollImageHor {
			width: 150%;
			max-width: 150%;
			left: -25%;
		}

		.dollNameVert {
			left: 5%;
			top: 5%
		}

		.dollNameHor {
			left: 5%;
			top: 5%;
		}

		.dollInfoHor {
			bottom: 5%;
			right: 5%;
		}

		.dollInfoVert {
			bottom: 5%;
			right: 5%;
		}

		#artistPhotoBlock {
			margin-left: 10%;
			margin-top: 15%;
			width: 25%;
		}

		#artistName {
			clear: left;
			margin-left: 10%;
			margin-top: 5%;
		}

		#artistsInfo {
			width: 80%;
			margin-left: 10%;
			clear: left;
		}

		.artistText {
			font-size: 1em;
		}


	}

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

		body {
			font-size: 16px;
			background-color: rgb(245, 245, 245);
		}

		.col2 {
			width: 100%;
			margin-top: 0em;
		}

		.horLine {
			margin: 10% 0;
		}

		.txtBlockDark {
			padding-top: 5%;
			padding-bottom: 5%;
		}

		.mainBtnDark, .mainBtnLight, .mainBtnCenter {
			width: 83.5%;
			bottom: auto;
			top: 6.5%;
		}

		.blockBtn, .blockBtnActive {
			margin-top: 5%;
		}

		.mainBtnCenter {
			left: 6%;
			-webkit-transform: translate(0%, 0%);
			-moz-transform: translate(0%, 0%);
			-ms-transform: translate(0%, 0%);
			-o-transform: translate(0%, 0%);
			transform: translate(0%, 0%);
		}

		.txtHeaderLight, .txtHeaderDark{
			width: 80%;
			margin-top: 5%;
		}

		.textWrapperLight, .textWrapperDark {
			width: 90%;
			text-align: left;
		}

		.blockImg {
			padding-bottom: 90%;
		}    

		.blockImgCollage {
			padding-bottom: 90%;
		}

		#venera {
			padding-bottom: 130%;
		}

		#veneraImgGold, #veneraImgStone {
			width: 50%;
			right: auto;
			left: 25%;
			top: 15%;
			bottom: auto;
		}

		#blockImgHalf {
			padding-bottom: 70%;
			width: 100%;
		}

		#navMobileWrapper {
			display: block;
			width: 100%;
			height: 100%;
			position: fixed;
			text-align: center;
			top: 0%;
			right: auto;
			bottom: auto;
			left: 0%;
			background-color: rgba(20, 20, 20, 0.95);
			z-index: 2;
		}

		#navMobile {
			position: relative;
			top: 25%;
			visibility: visible;
		}

		.navMobileLink {
			margin: 5% auto;
			display: block;
			position: relative;
			float: none;
			clear: left;
			color: #969696;
			font-weight: 300;
			font-size: 2em;
			letter-spacing: 0.1em;
			visibility: visible;
		}

		#menuIcon {
			display: block;
			position: fixed;
			clear: none;
			float: right;
			width: 50px;
			height: 50px;
			top: 0%;
			right: 0%;
			bottom: auto;
			left: auto;
			margin: 0px;
			background-color: rgba(200, 200, 200, 0.9);
			z-index: 3;
			visibility: visible;
			cursor: pointer;
			
			/*-webkit-transform: skewX(-100%);
			-moz-transform: skewX(-100%);
			-ms-transform: skewX(-100%);
			-o-transform: skewX(-100%);
			transform: skewX(-100%);*/
		}

		#burgerMenu {
			position: absolute;
			padding: 15px;
			visibility: visible;
		}


		#navBar {
			display: none;
		}

		.active {
			font-weight: 400;
			color: #71bc2e;
		}

		#logoWrapper {
			width: 120px;
			height: 66px;
			padding: 0%;
			left: 0%;
			top: 0%;
			bottom: auto;
			/*background-color: rgb(245, 245, 245);*/
		}

		.logoDollartTop {
			position: absolute;
			width: 90px;
			top: 12px;
			left: 20px;
			bottom: auto;
			right: auto;
		}

		.logoHover {
			display: none;
		}

		#footer {
			padding: 10%;
		}   
		 
		.footerTxtBlock {
			width: 100%;
			margin-left: 0%;
		}

		.footerTxt {
			font-size: 0.9em;
			
		}    

		.footerTxt p {
			margin-top: 5%;
		}    

		.footerTxt .linkSpan {
			margin-top: 5%;
		}

		.shareTitle {
			width: 100%;
			text-align: left;
			float: left;
			left: 0;
			right: 0;
			margin: 5% auto 0% auto;
			font-size: 0.9em;
		} 

		#footerLogos {
			width: 30%;
			left: 0px;
			right: 0px;
			margin: 2.5% 0% 2.5% 50%;
			-webkit-transform: translateX(-50%);
			-moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			-o-transform: translateX(-50%);
			transform: translateX(-50%);
		}

		#socialIcons {
			width: 34%;
			clear: left;
			float: left;
			left: 0%;
			right: 0;
			margin: 5% 0 0 0;
		}

		.hero {
			padding-bottom: 100%;
		}

		.heroPoster {
			position: absolute;
			float: left;
			clear: left;
			width: 54%;
			height: auto;
			top: 0;
			left: 0;
			right: auto;
			bottom: auto;
			margin: 7% 0% 0% 25%;
			z-index: 1;
		}

		#artists {
			margin-top: 10%;
		}

		.artistBlock {
			width: 90%;
			margin-top: 15%;
			margin-left: 5%;
		}

		#galleryTitle {
			width: 80%;
		}

		#fullImgWrap {
			background-color: rgba(10,10,10,1);
		}

		#modalContainer {
			height: 95%;
		}

		#artistsInfo {
			margin-left: 10%;
		}

		#artistName {
			margin-left: 10%;
			width: 80%;
			text-align: center;
		}

		#artistPhotoBlock {
			margin-top: 20%;
			width: 45%;
			margin-left: 27.5%;
		}
	}

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

		body {
			font-size: 15px;
		}

		#logoWrapper {
			width: 33.33%;
		}

		#mainBtnDark {
			font-size: 1.2em;
		}

		.mainBtnLight {
			font-size: 1.2em;
		}

		.txtHeaderLight, .txtHeaderDark {
			font-size: 1.2em;
		}

		.artistBlock {
				width: 100%;
				margin-left: 0%;
				margin-top: 15%;
			}

		#artistsInfo {
			margin-left: 5%;
			width: 90%;
		}

		#artistName {
			margin-left: 5%;
			width: 90%;
		}

		.doll {
			margin-top: 5%;
		}

	}