html {
	scroll-behavior: smooth;
	height: -webkit-fill-available;
}

@media only screen
	and (min-width: 375px) 
	and (max-width: 750px) 
	and (orientation: portrait)  {
		html {
			margin:0; padding:0; min-height:88vh; /* ios mobile redraw issue with screen orientation change */
		}
}


body {
	max-width: 2160px;
	margin: 0 auto !important;
	float: none !important;
	width:100%;margin:0;padding:0;background: rgba(254, 254, 250, 1);
	font-family: 'Arial', sans-serif; font-size:0.9em; color: rgba(0, 0, 0, 1);
	letter-spacing:0px;
	
	    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.5s; /* Firefox < 16 */
        -ms-animation: fadein 0.5s; /* Internet Explorer */
         -o-animation: fadein 0.5s; /* Opera < 12.1 */
            animation: fadein 0.5s;
			
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;


}

img {
	aspect-ratio: attr(width) / attr(height);
	font-size:10px;
	background-color:pink;
	color:black;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align: center;
	white-space:pre; /* in combination with line break in alt tag */
}

.hideX {
	overflow-x:hidden; /* neded for some mobile browsers */
	width:100%;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}



* {
	box-sizing:border-box;
}

/********** PAGE Backgrounds *********/

#introBackground, #infoBackground, #copyrightBackground {
	background-position: center bottom;
	background-repeat: no-repeat; 
	background-size: cover;
	overflow:hidden;
	width:100%;
	position:relative;
}

#introBackground {
	background-image: url("https://www.woszczynawiesnowski.com/imageCentral/Woszczyna&Wiesnowski_201711240394_1366.webp");
}

@media screen and (max-width:1080px) {
	#introBackground {
		background-image: url("https://www.woszczynawiesnowski.com/imageCentral/Woszczyna&Wiesnowski_201711240394_1080.webp");
	}
}

@media screen and (max-width:800px) {
	#introBackground {
		background-image: url("https://www.woszczynawiesnowski.com/imageCentral/Woszczyna&Wiesnowski_201711240394_800.webp");
	}
}

@media screen and (max-width:683px) {
	#introBackground {
		background-image: url("https://www.woszczynawiesnowski.com/imageCentral/Woszczyna&Wiesnowski_201711240394_683.webp");
	}
}

@media screen and (max-width:400px) {
	#introBackground {
		background-image: url("https://www.woszczynawiesnowski.com/imageCentral/Woszczyna&Wiesnowski_201711240394_400.webp");
	}
}



.hideOverflow {
	overflow:hidden;
}

/********************************************/

/*********** NAVIGATION and LINKS ***********/

/********************************************/

nav, li, ul {
	display:inline;
	padding:0;
	margin:0;
}

#intro a.intro, #one a.one, #two a.two, #three a.three, #four a.four, #five a.five, #six a.six, #seven a.seven, #nine a.nine, #ten a.ten, #editorial a.editorial, #commercial a.commercial, #personal a.personal, #tested a.tested, #info a.info, #about a.about, #archives a.archives, #private a.private {
  	color: rgba(76, 127, 178, 1);
}

a {
	outline:none;
	border: none;
	text-decoration:none;
	color:inherit;
	padding:0;
	margin:0;
}

a.menuLink {
	font-family: ThunderExtLtLC;
	font-size: 9vw; /* fall-back */
	text-transform:uppercase;
	transition: all .6s;
	letter-spacing:0.8rem;
}

a.six.menulink {
	letter-spacing:0.68rem;
}

@media (min-aspect-ratio: 4/3) {
	a.menuLink {
	   font-size:9vw; /* at about 4/3 viewport */
	}
}

@media (min-aspect-ratio: 16/10) {
		a.menuLink {
			font-size:8vw; /* fullscreen 16/10 viewport */
		}
}

@media (min-aspect-ratio: 16/9) {
		a.menuLink {
			font-size:9vw; /* at about 16/10 viewport */
		}
}

@media (min-aspect-ratio: 17/9) {
		a.menuLink {
			font-size:8vw; /* at about 16/9 viewport */
		}
}

@media screen and (orientation:portrait) and (max-width:360px) {
	a.menuLink {
		font-size:14vw; /* Samsung Galaxy 9 */
	}
}

.galleryFooter a.menuLink {
	padding:0;
	cursor:pointer;
}

a.moreLink, a.backLink, .contactLink{
	transition: all .6s;
}

@media only screen
	and (min-width: 375px) 
	and (max-width: 750px) 
	and (orientation: portrait)  {
		a.menuLink {
			font-size:15vw;
		}
}


/* Headings */

h1 {
	font-weight:400;
	font-size:10vw;
	font-family: ThunderLightLC;
	text-transform:uppercase;
}

h2 {
	font-family: ThunderExtLtLCIta;
	font-size: 8.4vw;
	transform:rotate(358deg);
}

h3	{
	font-size:6vw;
	font-family: ThunderLC;
}


 h4	{
	font-weight:400;
	line-height:1.5;
	font-size:10vw;
	font-family: 'Arial', sans-serif;
}

@media screen and (orientation: portrait) {
	h3 {
		font-size:8vw;
	}
	h4 {
		font-size:15vw;
	}
}


.scrollTop {
	position:fixed;
	right:5%;
	bottom:8%;
	z-index:101;
	opacity:0.1;
	padding: 8vw 4vw 1 vw 8vw;
}

@media only screen
	and (min-width: 375px) 
	and (max-width: 750px) 
	and (orientation: portrait)  {
		.scrollTop {
			right:6%;
		}
}


/********** INTRO Page **********/

#Top {
	width:100%;
}

.logoBox {
	position:fixed;
	top:50%;
	border-radius: 35px;
	padding: 4vw;
	z-index:10;
	transform:translateY(-50%);
}

@media screen and (orientation:portrait) {
	.logoBox {
		top:50%;
		border-radius:15px;
		padding:7vw;
	}
	#intro .logoBox {
		top:15%;
	}
}

#menuPointerBox {
	position:absolute;
	bottom:53%;
	left:50%;
	transform:translateX(-50%);
	font-weight:700;
	font-size:3.5vw;
}

#MENU {
}

.menuBox {
	position:absolute;
	top:53%;
	right:5%;
	bottom:2%;
}

.menuItem {
	width:100%;
}

.barcodeHolder {
	position:absolute;
	bottom:3%;
	left:6%;
	width:15vw;
}

.barcodeHolder img {
	width:100%;
	height:auto;
}

@media screen and (orientation: portrait) {
	#menuPointerBox {
		display:none;
	}
	.menuBox {
		top:auto;
	}
	.menuItem {
		padding-top:2vh;
	}
	.barcodeHolder {
		width:25vw;
	}
}

@media only screen 
  and (min-width: 375px) 
  and (max-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait)  {
	  	.menuItem {
		padding-top:3.5vh;
		}
}

#tagWW {
	position:absolute;
	left:5vw;
	bottom:3%;
	font-size: 20px;
	letter-spacing: 3px;
}

@media screen and (orientation:portrait) {
	#tagWW {
		display:none;
	}
}

/*********** INFO Page ***********/

#aboutBox {
	position:absolute;
	top:25%;
	right:25%;
	left:15%;
	height:25%;
}
#aboutBox {
	font-size:4vw;
	font-family: 'Raleway', sans-serif; font-weight:500; font-style:italic;
}

#definitionBox {
	width:60vw;
	font-size:4vw;
	margin-left:2vh; /* visual adjustment */
}

blockquote {
	font-family: 'Raleway', sans-serif; font-weight:500; font-style:italic;
}

blockquote:before {
	display: block;
	content: "\201C";
	font-size: 16vw;
	position: absolute;
	left: -7vw;
	top: -6vw;
	color: #999;
}

blockquote cite {
	color: #ccc;
	font-size: 2vw;
	display: block;
	margin-top: 5vh;
}

blockquote footer {
    padding: 0 2em 0 0;
    text-align:right;
}

blockquote cite:before {
    content: "\2013";
	padding-right:1vw;
}

/******** Contact Box ********/

#contactBox, #copyrightBox {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
}

#logoInfo {
	margin-bottom:2vh
}

.moreBox {
	position:absolute;
	bottom:53%;
	right:6%;
	font-weight:700;
	font-size:3.5vw;
}

/********** Down Arrow **********/

.downArrow {
	position:fixed;
	left:50%;
	bottom:3%;
	transform:translateX(-50%);
	z-index:20;
}

.downArrow div:first-child {
	font-size: 15px;
	letter-spacing:3px;
	padding-left:3px; /* offset spacing */
	font-family: ThunderLC;
	padding-bottom: 6px;
}

.downArrow div:last-child {
	font-size:20px;
}

@media screen and (orientation:portrait) {
	#intro .downArrow, #intro .downArrow div {
		display:none;
	}
}

.backBox {
	position: fixed;
	top: 3%;
	left: 3vw;
	font-size:14px;
	letter-spacing:1px;
}

@media screen and (orientation:portrait) {
	.backBox {
		top:5%;
		left:5vw;
		font-size:14px;
	}
}

.topBox {
	position: fixed;
	bottom: 3%;
	right: 3vw;
	font-size:20px;
	letter-spacing:3px;
}

@media screen and (orientation:portrait) {
	.topBox {
		bottom:3%;
		right:5vw;
		font-size:14px;
	}
}

#fullSc {
	display:none;
}

@media screen and (orientation:landscape) and (min-width:1280px) {
	#fullSc {
		display:inline;
		position: fixed;
		top:3%;
		right:3vw;
		z-index:30;
		opacity:1;
		font-family: 'Arial', sans-serif;
		font-size:24px;
		padding: 0 10px 10px 10px;
		z-index:20;
	}
}

@media screen and (device-aspect-ratio: 16/9) { /* old browser version */
	#aboutBox .moreBox {
		font-size:3.5vw;
	}
	#definitionBox {
		font-size:3.5vw;
	}
	#aboutBox {
		top:28%;
		height:22%;
	}
}

@media (aspect-ratio: 16/9) {
	#aboutBox .moreBox  {
		font-size:3.5vw;
	}
	#definitionBox {
		font-size:3.5vw;
	}
	#aboutBox {
		top:28%;
		height:22%;
	}
}

@media (max-width: 1366px) and (orientation:landscape) {
	#aboutBox, .moreBox {
		font-size:3.5vw;
	}
	#definitionBox {
		font-size:3.5vw;
	}
	#aboutBox {
		top:28%;
		height:22%;
	}
}

@media screen and (orientation: portrait) {
	#aboutBox {
		top:30%;
		left:12%;
		right:12%;
		height:auto;
	}
	#aboutBox {
		font-size:6vw;
	}
	#definitionBox {
		width:70vw;
		font-size:6vw;
	}
	blockquote cite {
		font-size:3vw;
		margin-top:1vw;
	}
	.moreBox {
		display:none;
	}
	.downBox {
		right:3%
	}
	#logoInfo {
		margin-bottom:5vh;
	}
}

@media only screen
	and (min-width: 375px) 
	and (max-width: 750px) 
	and (orientation: portrait)  {
	#aboutBox {
		top:28%;
	}
	#aboutBox {
		font-size: 7vw;
	}
	#definitionBox {
		font-size:7vw;
	}
		blockquote cite {
		font-size:4vw;
		margin-top:1.5vw
	}
	#contactBox, #copyrightBox {
		font-size:4vw !important;
	}
}

/********** GALLERY *********/

.fadeout {
	opacity:0;
	transition:all 1s linear;
}

@media @media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait)  {
	.galleryButtonWrapper {
		position:fixed;
		height:88vh;
	}
}

.galleryHolder {
	margin:0 auto;
	width:100%;
}

/********** GALLERY Animation assist settings *********/

.heroScale {
		width:100%;
		padding:0;
		display: -webkit-box;
    		display: -moz-box;
    		display: -ms-flexbox;
    		display: -webkit-flex;
    		display: flex;
    -webkit-box-flex-direction: row;
        -webkit-flex-direction: row;
       -moz-box-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
		-webkit-touch-callout: none;
		margin-bottom: 10vw /* match with .Narrow .Wide */
}

/********* end assist settings ********/

.galleryItem {
		box-sizing:border-box;
		width: 100%;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-o-user-select: none;
		user-select: none;
		/* prevent image selection on safari */
		-webkit-touch-callout: none;
}

/******** positioning within gallery ********/

.galleryItem.topLeft { /* set item width on item itself! */
	margin:0 auto auto 0;
}

.galleryItem.topCenter; {
	margin: 0 auto auto auto;
}

.galleryItem.topRight {
	margin:0 0 auto auto;
}

.galleryItem.center {
	margin:auto;
}

.galleryItem.centerLeft {
	margin: auto auto auto 0;
}

.galleryItem.centerRight {
	margin: auto 0 auto auto;
}

.galleryItem.bottomLeft {
	margin: auto auto 0 0;
}

.galleryItem.bottomCenter {
	margin: auto auto 0 auto;
}

.galleryItem.bottomRight {
	margin: auto 0 0 auto;
}

.galleryItem img {
	box-sizing:border-box;
	width:100%;
	height:auto;
	float:left;
	-webkit-touch-callout: none;
	pointer-events: none;
}

.coverImage {
	height:150vw;
}

.galleryItem.coverImage img {
		height: 100%;
		width: 100%;
		object-fit: cover;
		pointer-events: none;
}

@media only screen and (orientation:portrait) {
	.coverImageOnV {
		height:100vh;
	}
	.galleryItem.coverImageOnV img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
}

@media only screen and (max-width:767px) and (orientation:portrait) {
	.coverImage {
		height:100vh;
	}
}

.Narrow, .Wide {
	margin-bottom: 10vw;
	overflow: hidden;
}

.Narrow {
	width: 50%;
	flex: 0 0 50%;
	display: flex;
}

.Wide {
		width:100%;
		flex: 0 0 100%;
}

.trig10, .trig20 {
	position:absolute;
	left:0;
	width:1px;
	height:1px;
}

.trig10 {
	top:10%;
}

.trig20 {
	top:20%;
}

@media screen and (orientation:portrait) {
	.trig10, .trig20 {
		top:0;
	}
}

/********** GALLERY FOOTER ********/

.galleryFooter {
	height: 100vh;
	width:100%;
	position:absolute;
	bottom:0;
}

.galleryFooter .backBox {
	bottom:3%;
}

.galleryFooter .barcodeHolder {
	left:50%;
	bottom:10%;
	transform:translate(-50%);
}

.footerScrollTop {
	position:absolute;
	right:6%;
	bottom:3%;
}

.footerCopyright {
	font-family: 'Roboto Condensed', sans-serif;
	position: absolute;
	bottom: 4%;
	left:50%;
	transform:translateX(-50%);
	font-size:12px;
	text-align:center;
}

.topMargH50V25 {
	margin-top:50vh;
}

.bottomMargH50V25 {
	margin-bottom:50vh;
}

.bottomMargH70V25 {
	margin-bottom:70vh;
}

.topMargH100V50 {
	margin-top:100vh; /* extra margin on Portrait only */
}

.bottomMargH100V50 {
	margin-bottom:100vh;
}

.bottomMargH150V75 {
	margin-bottom:150vh;
}

.bottomMargH200V60 {
	margin-bottom:200vh;
}

/*********** Gallery Media Queries **********/

@media screen and (max-width: 767px) {
		.Narrow {
			width:100%;
			flex:0 0 100%;
		}
		.footerCopyright {
			bottom:3%;
			font-size: 10px;
		}
		.topMargH100V50 {
			margin-top:50vh;
		}
		.topMargH50V25 {
			margin-top:25vh;
		}
		.bottomMargH50V25, .bottomMargH70V25 {
			margin-bottom:25vh;
		}
		.bottomMargH100V50 {
			margin-bottom:50vh;
		}
		.bottomMargH150V75 {
			margin-bottom:75vh;
		}
		.bottomMargH200V60 {
			margin-bottom:60vh;
		}
}

@media screen and (orientation:portrait) {
	.bottomMargH200V60 {
		margin-bottom:100vh;
	}
}

@media screen and (max-width: 600px) and (orientation:portrait) {
		.footerCopyright {
			bottom:3%;
			font-size: 10px;
		}
}

/*******************************************/

/************ common DEFINITIONS ***********/

/*******************************************/

/******** Scroller ********/

/* Works on Firefox */

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(176, 62, 134, 1) blue;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: blue;
}

*::-webkit-scrollbar-thumb {
  background-color: ;
  border-radius: 20px;
  border: 3px solid rgba(176, 62, 134, 1);
}


/********* PAGE definitions *********/

.fullPage, .doublePage, .infinatePage {
	box-sizing:border-box;
	width:100%;
}

.fullPage {
	height:100vh;
}

.doublePage {
	height:200vh;
}

.infinatePage {
	min-height:100vh;
}


@media screen and (orientation: portrait) {
	.fullPage {
		height:50vh;
	}
	.doublePage {
		min-height:100vh;
		height: -webkit-fill-available;
	}
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait)  {
	.fullPage {
		height:44vh;
	}
	.doublePage {
		height:100vh;
		height: -webkit-fill-available;
	}
}


.flex {
			display: -webkit-box;
    		display: -moz-box;
    		display: -ms-flexbox;
    		display: -webkit-flex;
    		display: flex;
}

.column {
		display: -webkit-box;
    		display: -moz-box;
    		display: -ms-flexbox;
    		display: -webkit-flex;
    		display: flex;
    -webkit-box-flex-direction: column;
       -moz-box-flex-direction: column;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
}

.columnReverse {
			display: -webkit-box;
    		display: -moz-box;
    		display: -ms-flexbox;
    		display: -webkit-flex;
    		display: flex;
    -webkit-box-flex-direction: column-reverse;
       -moz-box-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
}

.row {
		display: -webkit-box;
		display: -moz-box;
    	display: -ms-flexbox;
    	display: -webkit-flex;
    	display: flex;
-webkit-box-flex-direction: row;
   -moz-box-flex-direction: row;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
}

.justStart {
-webkit-box-justify-content: flex-start;
   -moz-box-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    	-ms-justify-content: flex-start;
    	    justify-content: flex-start;
}

.justCenter {
-webkit-box-justify-content: center;
   -moz-box-justify-content: center;
    -webkit-justify-content: center;
    	-ms-justify-content: center;
    	    justify-content: center;
}

.justBetween {
-webkit-box-justify-content: space-between;
   -moz-box-justify-content: space-between;
    -webkit-justify-content: space-between;
    	-ms-justify-content: space-between;
    	    justify-content: space-between;
}

.justEven {
-webkit-box-justify-content: space-evenly;
   -moz-box-justify-content: space-evenly;
    -webkit-justify-content: space-evenly;
    	-ms-justify-content: space-evenly;
    	    justify-content: space-evenly;
}

.justAround {
-webkit-box-justify-content: space-around;
   -moz-box-justify-content: space-around;
    -webkit-justify-content: space-around;
    	-ms-justify-content: space-around;
    	    justify-content: space-around;
}

.justEnd {
-webkit-box-justify-content: flex-end;
   -moz-box-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    	-ms-justify-content: flex-end;
    	    justify-content: flex-end;
}

.centerCenter {
-webkit-box-justify-content: center;
   -moz-box-justify-content: center;
    -webkit-justify-content: center;
    	-ms-justify-content: center;
    	    justify-content: center;
	  -webkit-box-align: center;
	     -moz-box-align: center;
	     -ms-flex-align: center;
	-webkit-align-items: center;
		align-items: center;
}

.centerSpace {
-webkit-box-justify-content: space-between;
   -moz-box-justify-content: space-between;
    -webkit-justify-content: space-between;
    	-ms-justify-content: space-between;
    	    justify-content: space-between;
	  -webkit-box-align: center;
	     -moz-box-align: center;
	     -ms-flex-align: center;
	-webkit-align-items: center;
		align-items: center;
}

.centerAround {
-webkit-box-justify-content: space-around;
   -moz-box-justify-content: space-around;
    -webkit-justify-content: space-around;
    	-ms-justify-content: space-around;
    	    justify-content: space-around;
	  -webkit-box-align: center;
	     -moz-box-align: center;
	     -ms-flex-align: center;
	-webkit-align-items: center;
		align-items: center;
}

.endEnd {

	  -webkit-box-align: flex-end;
	     -moz-box-align: flex-end;
	     -ms-flex-align: flex-end;
	-webkit-align-items: flex-end;
		align-items: flex-end;
}



.alStart {
	  -webkit-box-align: flex-start;
	     -moz-box-align: flex-start;
	     -ms-flex-align: flex-start;
	-webkit-align-items: flex-start;
			align-items: flex-start;
}

.alCenter {
	  -webkit-box-align: center;
	     -moz-box-align: center;
	     -ms-flex-align: center;
	-webkit-align-items: center;
			align-items: center;
}

.alEnd {
	  -webkit-box-align: flex-end;
	     -moz-box-align: flex-end;
	     -ms-flex-align: flex-end;
	-webkit-align-items: flex-end;
			align-items: flex-end;
}

.alStretch {
	  -webkit-box-align: stretch;
		 -moz-box-align: stretch;
		 -ms-flex-align: stretch;
	-webkit-align-items: stretch;
			align-items: stretch;
}

.wrap {
	-webkit-flex-wrap: wrap; 
		-ms-flex-wrap: wrap;  
			flex-wrap: wrap;
}

.selfEnd {
	align-self: flex-end;
}

@media screen and (orientation: portrait) {
	.VjustStart {
-webkit-box-justify-content: flex-start;
   -moz-box-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    	-ms-justify-content: flex-start;
    	    justify-content: flex-start;
	}
	.VjustEnd {
-webkit-box-justify-content: flex-end;
   -moz-box-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    	-ms-justify-content: flex-end;
    	    justify-content: flex-end;
	}
	.Vcolumn {
   -webkit-box-flex-direction: column;
      -moz-box-flex-direction: column;
       -webkit-flex-direction: column;
           -ms-flex-direction: column;
               flex-direction: column;
	}
	
	.VRcolumn {
   -webkit-box-flex-direction: column-reverse;
      -moz-box-flex-direction: column-reverse;
       -webkit-flex-direction: column-reverse;
           -ms-flex-direction: column-reverse;
               flex-direction: column-reverse;
	}
	.VRrow {
   -webkit-box-flex-direction: row-reverse;
      -moz-box-flex-direction: row-reverse;
       -webkit-flex-direction: row-reverse;
           -ms-flex-direction: row-reverse;
               flex-direction: row-reverse;	
	}
	.ValCenter {
	  -webkit-box-align: center;
	     -moz-box-align: center;
	     -ms-flex-align: center;
	-webkit-align-items: center;
		align-items: center;
	}
	.ValStretch {
	  -webkit-box-align: stretch;
		 -moz-box-align: stretch;
		 -ms-flex-align: stretch;
	-webkit-align-items: stretch;
			align-items: stretch;
	}
}

/********* Positions *********/

.relative {
	position:relative;
}

.noBreak {
	white-space:nowrap;
}

/********* Colors *********/

.blackout03, .blackout05, .blackout07, .whiteout03, .whiteout05, .blackoutLeft {
	position:absolute;
	top:0;right:0;bottom:0;left:0;
	visibility: visible;
}

.blackoutTop, .blueoutTop, .orangeoutTop {
	position:absolute;
	top:0;right:0;left:0;
	visibility: visible;
	height:100vh;
}

.blackout03 {
	background-color:black;
	opacity:0.3;
}

.blackout05 {
	background-color:black;
	opacity:0.5;
}

.blackout07 {
	background-color:black;
	opacity:0.7;
}

.whiteout03 {
	background-color:white;
	opacity:0.5;
}

.whiteout05 {
	background-color:white;
	opacity:0.3;
}

.blackoutLeft {
	background: linear-gradient(to left, rgba(255,0,0,0) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.90) 100%);
}

.orangeoutTop {
	background: linear-gradient(0deg, rgba(255,136,0,0) 55%, rgba(255,136,0,0.9) 100%);
	z-index:3;
}

.blueoutTop {
	background: linear-gradient(0deg, rgba(0,0,255,0) 55%, rgba(0,0,255,0.9) 100%);
	z-index:3;
}

.blackoutTop {
	background: linear-gradient(0deg, rgba(0,0,0,0) 55%, rgba(0,0,0,0.4) 100%);
	z-index:3;
}

@media screen and (orientation:portrait) {
	#two .orangeoutTop {
			background: linear-gradient(0deg, rgba(255,136,0,0) 75%, rgba(255,136,0,0.9) 100%);
	}
	#three .blueoutTop {
			background: linear-gradient(0deg, rgba(0,0,255,0) 75%, rgba(0,0,255,0.4) 100%);
	}
	#six .blackoutTop {
			background: linear-gradient(0deg, rgba(0,0,0,0) 75%, rgba(0,0,0,0.9) 100%);
	}
}

.bgGrey {background-color: #333;}
.bgMdGrey {background-color: #666;}
.bgLtGrey {background-color: #999;}
.bgWhite {background-color: white;}
.bgPink {background-color: rgba(176, 62, 134, 1);}
.bgBlack {background-color: black;}

.bgHalfGrey {background-color: rgba(51,51,51,0.5);}
.bgHalfMdGrey {background-color: rgba(102,102,102,0.5);}
.bgLtHalfGrey {background-color: rgba(153,153,153,0.5);}
.bgHslfWhite {background-color: rgba(255,255,255,0.5);}
.bgHalfPink {background-color: rgba(176, 62, 134, 0.5);}

.Grey {color: #333;}
.MdGrey {color: #666;}
.LtGrey {color: #999;}
.White {color: white;}
.Pink {color: rgba(176, 62, 134, 1);}
.Black {color: black;}


/********* Hide with Java **********/

.displayNone {
	visibility:hidden;
}

.displayAll {
	visibility:visible;
	opacity:0.1; /* for Scroll Magic Opacity effect */
}

.hideMe, .displayRemove, .displayNone {
	display:none;
}

.showMe, .displayInline {
	display:inline;
}

@media screen and (orientation:portrait) {
	.displayRemove {
		display:inline-block;
	}
}

/********* Margin Settings ********/

.centerMargin {
	margin: 0 auto;
}

/********* Rotations **********/

.rotate340 {
	transform: rotate(340deg)
}

/********** Neon Text *********/

.neonPink {
    text-shadow: 0 0 5px #ccc, 0 0 10px #ccc, 0 0 15px #e60073, 0 0 20px #e60073, 0 0 25px #e60073, 0 0 30px #e60073, 0 0 35px #e60073;
}

.neonBlue {
    text-shadow: 0 0 5px #ccc, 0 0 10px #ccc, 0 0 15px #00d0e6, 0 0 20px #6dc8e3, 0 0 25px #7be1ec, 0 0 30px #5bb0d9, 0 0 35px #5acdd9;
}

.neonWhite {
    text-shadow: 0 0 5px #fff, 0 0 10px #aaa, 0 0 15px #fff, 0 0 20px #fff, 0 0 25px #fff, 0 0 30px #fff, 0 0 35px #fff;
}

/********** Neon Box ********/

.neonBoxPurple {
	background-color: rgba(0, 0, 0, 0.7);
	box-shadow: 0 0 .2rem #fff, 0 0 .2rem #fff, 0 0 2rem #bc13fe, 0 0 0.8rem #bc13fe, 0 0 2.8rem #bc13fe, inset 0 0 1.3rem #bc13fe;
}

/********* Text Flicker ********/

.flickerText01 {
	animation: flicker-text-01 10s linear infinite;
}

@keyframes flicker-text-01 {
	0% {opacity:1;}
	2% {opacity:0.5;}
	3% {opacity:1;}
	6% {opacity:0.1;}
	7% {opacity:0.5;}
	9% {opacity:1;}
	80% {opacity:1;}
	81% {opacity:0;}
	83% {opacity:1;}
}

.flickerText02 {
	animation: flicker-text-02 6s linear infinite;
}

@keyframes flicker-text-02 {
	0% {opacity:1;}
	2% {opacity:0;}
	3% {opacity:1;}
	13% {opacity:1;}
	14% {opacity:0.5;}
	15% {opacity:0;}
	16% {opacity:1;}
	18% {opacity:1;}
	19% {opacity:0;}
	20% {opacity:1;}
	79% {opacity:1;}
	80% {opacity:0.3;}
	81% {opacity:1;}
}

.flickerText03 {
	animation: flicker-text-03 10s linear infinite;
}

@keyframes flicker-text-03 {
	0% {opacity:1;}
	10% {opacity:1;}
	11% {opacity:0;}
	12% {opacity:1;}
	20% {opacity:1;}
	21% {opacity:0.4;}
	22% {opacity:1;}
	50% {opacity:1;}
	51% {opacity:0;}
	52%	{opacity:1;}
}

.flickerLetter01 {
	animation: flicker-letter-01 9s linear infinite;
}

@keyfames flicker-letter-01 {
	0% {opacity:1;}
	21% {opacity:1;}
	20% {opacity:0;}
	21% {opacity:1;}
	29% {opacity:1;}
	30% {opacity:0.5;}
	31% {opacity:1;}
	39% {opacity:1;}
	40% {opacity:0;}
	41% {opacity:1;}
	50% {opacity:0;}
	51% {opacity:1;}
	75% {opacity:1;}
	76% {opacity:0;}
	77% {opacity:1;}
}

.flickerLetter02 {
	animation: flicker-letter-02 9s linear infinite;
}

@keyfames flicker-letter-02 {
	0% {opacity:1;}
	1% {opacity:0.5;}
	3% {opacity:1;}
	20% {opacity:0;}
	21% {opacity:1;}
	40% {opacity:0;}
	41% {opacity:0;}
	45% {opacity:1;}
	74% {opacity:0;}
	75% {opacity:1;}
}

.pulsateText01 {
	animation: pulsate 0.11s ease-in-out infinite alternate; 
}

/********** Fonts **********/

.fontThin {font-family: ThunderThinLC;}
.fontExtLt {font-family: ThunderExtLtLC}
.fontLight {font-family: ThunderLightLC;}
.fontRegular {font-family: ThunderLC;}
.fontSemiBold {font-family: ThunderSemiBdLC;}

.fontThinIta {font-family: ThunderThinLCIta;}
.fontExtLtIta {font-family: ThunderExtLtLCIta}
.fontLightIta {font-family: ThunderLightLCIta;}
.fontRegularIta {font-family: ThunderLCIta;}
.fontSemiBoldIta {font-family: ThunderSemiBdLCIta;}

.fontThinHC {font-family: ThunderThinHC;}
.fontExtLtHC {font-family: ThunderExtLtHC}
.fontLightHC {font-family: ThunderLightHC;}
.fontRegularHC {font-family: ThunderHC;}
.fontSemiBoldHC {font-family: ThunderSemiBdHC;}

.fontThinItaHC {font-family: ThunderThinHCIta;}
.fontExtLtItaHC {font-family: ThunderExtLtCIta}
.fontLightItaHC {font-family: ThunderLightHCIta;}
.fontRegularItaHC {font-family: ThunderHCIta;}
.fontSemiBoldItaHC {font-family: ThunderSemiBdHCIta;}


/******** Page positions for hoover scroll ********/


.top-corner {
	position: absolute;
	top: 0px;
	left: -30px;
	width: 1px;
	height: 1px;
}

.bottom-corner {
	position: absolute;
	bottom: 0px;
	left: -30px;
	width: 1px;
	height: 1px;
}

.top-link-click {
position: fixed;
top: 60px;
right: 0px;
z-index: 10000;
width: 50px;
height: 50px;
background: #333;
}

.top-link {
position: fixed;
top: 110px;
right: 0px;
display: inline-block;
z-index: 10000;
width: 50px;
height: 50px;
background: #666;
}

.bottom-link {
position: fixed;
bottom: 60px;
right: 0px;
display: inline-block;
z-index: 10000;
width: 50px;
height: 50px;
background: #333;
}

.bottom-link-click {
display: inline-block;
width: 50px;
height: 50px;
position: fixed;
bottom: 10px;
right: 0px;
z-index: 10000;
width: 50px;
height: 50px;
background: #666;
}

/********** FINAL CALL setting - technical reason *********/

.zeroMarg {
	margin:0;
}

@media screen and (orientation: portrait) {
	.contactScrollBox {
		display:none; !important
	}
	.hideOnV {
		display:none;
	}
	.fullOnV {
		height:100vh;
	}
	.reduceMe {
		font-size:66%;
	}
}