/* Version 2.1 */

@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,400i,100i,300i,700|Montserrat:400,700');

*{
	box-sizing:border-box;
}

textarea,
input.text,
input[type="text"],
input[type="email"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
border:none;
}

html, body{
	height: 100%;
	display: initial;
}

.darkOverlay{
	background-color:rgba(0,0,0,.8);
	width: 100vw;
	height: 100vh;
	position:fixed;
	z-index: 900;
	pointer-events:none;
	opacity: 0;
	transition: opacity .5s;
}

.darkOverlay.show{
	opacity: 1;
}

.page-id-4 #page, .page-id-4 .site-inner, .page-id-4 .site-content, .page-id-4 .content-area, .page-id-4 .site-main{
	height: 100%;
	display: initial;
}

body{
	font-family: 'Lato', sans-serif;
	margin: 0px;
	background-color: #000;
}

.preloadImages{
	opacity: 0;
	pointer-events:none;
	position: fixed;
	top:-100%;
	width: 1px;
	height: 1px;
}

.button{
	font-family: 'Montserrat', sans-serif;
}

.regularButton{
    display: inline-block;
    width: 8vw;
    font-size: 0.7vw;
    margin: 0px;
    padding: .65vw;
    text-align: center;
    text-transform: uppercase;
    font-family: 'montserrat';
    font-weight: 100;
    margin: 0.5vw 0vw;
    border-radius: 5px;
    text-decoration: none;
    transition: all .3s;
}

.regularButton.right{
	float:right;
}

.regularButton.white{
	color: #3c4242;
    background-color: #FFF;
}

.regularButton.white:hover{
	color: #fff;
    background-color: #ff0300;
}

.content-area.padding6{
	padding:0vw 6vw 6vw 6vw;
	/*min-height: calc(100vh - 4.5vw);*/
	min-height: calc(100vh - 0vw);
}

.page-id-188 .content-area.padding6, .page-id-202 .content-area.padding6{
	display: inline-block;
	width: 100%;
}

.displayTable{
	display: table;
}

.displayTable .cell{
	display: table-cell;
	vertical-align: middle;
}

.displayTable .cell.alignTop{
	display: table-cell;
	vertical-align: top;
}

.displayTable .cell.alignBottom{
	display: table-cell;
	vertical-align: bottom;
}

@media screen and (orientation:portrait){

	.displayTable .cell.alignBottomVertical{
		display: table-cell;
		vertical-align: bottom;
	}

	.content-area.padding6{
		padding:0vw 6vw 6vw 6vw;
		min-height: calc(100vh - 23.5vw);
	}

	.page-id-97 .content-area.padding6, .page-id-132 .content-area.padding6, .page-id-153 .content-area.padding6 {
	    padding: 0vw 6vw 10vw 6vw;
	    min-height: calc(100vh - 23.5vw);
	}

	.page-id-188 .content-area.padding6, .page-id-202 .content-area.padding6 {
	    padding: 0vw 15vw 13vw 15vw;
	    min-height: calc(100vh - 23.5vw);
	}
}

#page{
	transition: filter .7s;
}

#page.darken{
	filter: brightness(.3);
}

/* MENU ------------------------------------ */
.menuSocialIcon {
    float: left;
    width: 3.5vw;
    height: 3.5vw;
    margin: .8vw .6vw 0 0;
    cursor: pointer;
}

.hamburgerMenu{
	width: 5vw;
    height: 5vw;
    position: absolute;
    left: 0px;
    cursor: pointer;
    transition: all .3s;
    pointer-events:all;
}

.hamburgerMenu:hover{
	opacity: .8;
}

.menuClose{
	width: 5vw;
    height: 5vw;
    position: absolute;
    right: 3vw;
    top: 1.6vw;
    cursor: pointer;
    transition: all .3s;
    display:none;
}

.menuClose:hover{
	opacity: .8;
}

.menuArea{
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1000;
	width: 100vw;
	text-align: center;
	transition: all .5s;
	pointer-events:none;
}


.mainMenu{
	background-color:rgba(255,255,255,.1);
	width: 100%;
	padding: 5.5vw 0px;
	pointer-events:all;
	transition: background-color .5s;
	transition-delay: .5s;
}

.mainMenu .cell{
	text-align: center;
}

.mainLogoArea{
	background-color:rgba(255,255,255,.1);
	width: 10vw;
	height: 10vw;
	display: inline-block;
	cursor:pointer;
	pointer-events:all;
	transition: background-color .5s;
	transition-delay: .5s;
}

.mainLogoArea img{
	width: 100%;
	height: 100%;
	cursor:pointer;
}

.mainMenu a{
	color:white;
	text-decoration: none;
	font-family: "Lato";
	font-weight: 100;
	font-size: 4vw;
	display: block;
	transition: opacity .3s;
}

.mainMenu a:hover{
	opacity: 0.5;
}

.menuWrapper{
	display: inline-block;
}

.navLeft{
    float: left;
    padding-right: 4vw;
    text-align: left;
}

.navRight{
    float: left;
    text-align: left;
}

@media screen and (orientation:portrait){
	.menuSocialIcon {
	    float: left;
	    width: 7.5vw;
	    height: 7.5vw;
	    margin: .8vw 1.6vw 0 0;
	}

	.mainLogoArea{
		width: 15vw;
		height: 15vw;
	}

	.hamburgerMenu{
		width: 15vw;
	    height: 15vw;
	}

	.menuClose{
		width: 15vw;
	    height: 15vw;
	}

	.mainMenu {
	    padding: 15vw 0px;
	}

	.mainMenu a {
	    font-size: 8vw;
	}

	.navLeft{
	    padding-right: 8vw;
	}

	.mainMenu a{
		font-weight: 300;
	}
}

/* MENUCOLORS */



.page-id-4.loaded .mainMenu, .page-id-4.loaded .mainLogoArea{
	background-color:rgba(60,66,66,.94);
}

.page-id-30.loaded .mainMenu, .page-id-30.loaded .mainLogoArea{
	background-color:rgba(60,66,66,.94);
}

.page-id-188.loaded .mainMenu, .page-id-188.loaded .mainLogoArea{
	background-color:rgba(60,66,66,.94);
}

.page-id-97.loaded .mainMenu, .page-id-97.loaded .mainLogoArea{
	background-color: rgba(45,39,86,.94);
}

.page-id-507.loaded .mainMenu, .page-id-507.loaded .mainLogoArea{
	background-color: rgba(45,39,86,.94);
}

.page-id-477.loaded .mainMenu, .page-id-477.loaded .mainLogoArea{
	background-color: rgba(45,39,86,.94);
}

.page-id-153.loaded .mainMenu, .page-id-153.loaded .mainLogoArea{
	background-color: rgba(45,39,86,.94);
}

.page-id-132.loaded .mainMenu, .page-id-132.loaded .mainLogoArea{
	background-color: rgba(0,125,144,.84);
}

.page-id-202.loaded .mainMenu, .page-id-202.loaded .mainLogoArea{
	background-color: rgba(27,15,12,.84);
}


.page-id-204.loaded .mainMenu, .page-id-204.loaded .mainLogoArea{
	background-color: rgba(79,64,92,.9);
}

.page-id-234.loaded .mainMenu, .page-id-234.loaded .mainLogoArea{
	background-color: rgba(79,64,92,.9);
}



/* FOOTER ELEMENTS ------------------------------------ */

.site-footer{
	background-color: white;
	width: 100%;
	text-align: center;
	position: relative;
	opacity: 0;
}

.loaded .site-footer{
	opacity: 1;
}

.site-footer nav {
	display: inline-block;
}

.site-footer nav a{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 1.1vw;
	text-decoration: none;
	color:black;
	margin-right: 1vw;
	transition: all .3s;
	line-height: 4.8vw;
}

.site-footer nav a:nth-child(3){
	margin-right: 0px;
}

.site-footer nav a:hover{
	opacity: 0.6;
}

.site-footer .copyright{
	font-size: 1.1vw;
	position: absolute;
    left: 0px;
    top: 1.6vw;
    margin-left: 1.3vw;
}

.site-footer .social{
	position: absolute;
    right: 1vw;
    top: .7vw;
}

.site-footer .social img{
	width:3vw;
	height:3vw;
}

.site-footer .social a{
	margin-right: 0.2vw;
}



@media screen and (orientation:portrait){
	.site-footer .social img {
	    width: 7vw;
	    height: 7vw;
	}

	.site-footer .copyright {
    	font-size: 2.8vw;
    }

	.site-footer {
	    height: 24vw;
	}

	.site-footer .social {
	    bottom: 1.7vw;
	    right: 5vw;
	    top: initial;
	}

	.site-footer .copyright {
	    bottom: 4.4vw;
	    left: 5vw;
	    top: initial;
	}

	.site-footer nav a {
	    font-size: 2.8vw;
	    margin-right: 5.5vw;
	}


	.site-footer nav {
	    display: inline-block;
	    border-bottom: 1px solid #DDD;
	    width: 100%;
	    padding: 3.4vw;
	}
}

/* HIDDEN ELEMENTS ------------------------------------ */

.skip-link.screen-reader-text{
	display: none;
}

.entry-header{
	display: none;
}

/* BACKGROUNDS ------------------------------------ */

.pageBackgound{
	width: 100vw;
	height: 100vh;
	position: fixed;
	left:0px;
	top:0px;
	background-color: #333;
	z-index: -10;
	opacity: 0;
	transition-delay: .25s;
	transition: opacity .5s;
}

.loaded .pageBackgound{
	transition-delay: 1.2s;
	opacity: 1;
}

#primary{
	opacity: 0;
	transition-delay: 1s;
	transition: opacity .5s;
}

.loaded #primary{
	transition-delay: 2.2s;
	opacity: 1;
}

.homeUnit{
	opacity: 0;
	transition-delay: 2s;
	transition: opacity .5s;
}

.loaded .homeUnit{
	transition-delay: 2s;
	opacity: 1;
}

.sideFilter{
	opacity: 0;
	margin-top: 70%;
	transition: opacity .5s, margin .5s;
}

.loaded .sideFilter{
	opacity: 1;
	margin-top: 0;
	transition-delay:2s;
}


.pageBackgound .bgImage{
	width: 110vw;
	height: 110vh;
	position: absolute;
	left:-5vw;
	top:-5vw;

	background-size: cover;
	background-position: center top
}

.pageBackgound .bgImage.bgBlur{
	filter: blur(20px);
}

.page-id-30 .pageBackgound .bgImage{
	background-image: url('images/bg-news.jpg');
}

.page-id-97 .pageBackgound .bgImage, .page-id-507 .pageBackgound .bgImage, .page-id-477 .pageBackgound .bgImage{
	background-image: url('images/bg-media.jpg');
}

.page-id-132 .pageBackgound .bgImage{
	background-image: url('images/bg-thoughts.jpg');
}

.page-id-153 .pageBackgound .bgImage{
	background-image: url('images/bg-shop.jpg');
}

.page-id-188 .pageBackgound .bgImage{
	background-image: url('images/bg-contact2.jpg');
}

.page-id-202 .pageBackgound .bgImage{
	background-image: url('images/bg-tour.jpg');
	background-position: right top;
}

.page-id-204 .pageBackgound .bgImage, .page-id-846 .pageBackgound .bgImage{
	background-image: url('images/bg-music.jpg');
	background-position: right top;
}

.page-id-234 .pageBackgound .bgImage{
	background-image: url('images/bg-bio.jpg');
	background-position: left top;
}

@media screen and (orientation:portrait){
	.page-id-30 .pageBackgound .bgImage{
		background-image: url('images/bg-news-v.jpg');
	}

	.page-id-132 .pageBackgound .bgImage{
		background-image: url('images/bg-thoughts-v.jpg');
	}

	.page-id-188 .pageBackgound .bgImage{
		background-image: url('images/bg-contact2v.jpg');
	}

	.page-id-202 .pageBackgound .bgImage{
		background-image: url('images/bg-tour-v.jpg');
		background-position: center top;
	}

	.page-id-204 .pageBackgound .bgImage, .page-id-846 .pageBackgound .bgImage{
		background-image: url('images/bg-music-v.jpg');
		background-position: right top;
	}

	.page-id-234 .pageBackgound .bgImage{
		background-image: url('images/bg-bio-v.jpg');
		background-position: center top;
	}

}

/* TITLES ------------------------------------ */

.titleArea{
	height: 68vh;
	width: 100%;
	position: relative;
	display: table;
}

.titleAreaShort {
    height: 26vh;
    width: 100%;
    position: relative;
    display: table;
}

.titleArea .cell, .titleAreaShort .cell{
	display: table-cell;
	vertical-align: middle;
}

.titleArea .cell .halfW{
	width:50%;
	padding-left: 5vw;
}

@media screen and (orientation:portrait){
	.titleArea .cell .halfW{
		width:90%;
		padding-left: 5vw;
	}
}

.titleArea .cell.alignRight{
	text-align: right;
}

h1{
	font-weight: 100;
    color: white;
    font-size: 3.5vw;
}

.titleArea h3{
	font-family: 'Lato';
    font-weight: 300;
    font-size: 1.5vw;
    color: white;
}

.titleArea p{
	font-family: 'Lato';
    font-weight: 300;
    font-size: 1.23vw;
    color: white;
    font-style: italic;
    opacity: .7;
}

@media screen and (orientation:portrait){
	.titleArea {
	    height: auto;
	    margin-top: 65vh;
	}

	.page-id-188 .titleArea {
	    height: auto;
	    margin-top: 58vh;
	    margin-bottom: 7vw;
	}

	.page-id-202 .titleArea {
	    height: auto;
		margin-top: 50vh;
		margin-bottom: 0vw;
	}

	.titleArea .cell {
	    vertical-align: bottom;
	}

	.titleArea .cell.alignRight {
	    text-align: center;
	}

	h1 {
	    font-size: 7.5vw;
	    font-weight: 300;
	    margin: 0px;
	}

	.page-id-202 h1{
		font-size: 6vw;
	}



	.titleArea h3 {
	    font-size: 3.5vw;
	}

	.titleArea p {
	    font-size: 3.4vw;
	}

	.titleAreaShort {
	    height: 19vh;
	    margin-bottom: 4vw;
	}

	.titleAreaShort.vericalCentered {
	    height: 19vh;
	    margin-bottom: 4vw;
	    text-align: center;
   		padding-right: 16vw;
	}

	.titleAreaShort.centercenter {
	    height: 19vh;
	    margin-bottom: 4vw;
	    text-align: center;
   		padding-right: 0vw;
	}


	    

	.titleAreaShort .cell {
	    display: table-cell;
	    vertical-align: bottom;
	}
}

/*NEWS------------------------------------------*/

.bricks-buttons{
	display: none;
}

#bricks .bricks-content .brick{
	border:0px;
}

#bricks .bricks-content .brick {
    border: 0px;
    font-size: 14px;
}

#bricks .bricks-content .brick .share-panel {
    margin: 0px 0 0 -125.5px;
}


/*MUSIC PLAYER------------------------------------------*/

.musicTab{
	position: absolute;
    left: -2.2vw;
    width: 2.8vw;
    height: auto;
    top: 1vw;
    cursor: pointer
}

.musicTabClosed{
	position: absolute;
    left: -2.2vw;
    width: 2.8vw;
    height: auto;
    top: 1vw;
    cursor: pointer;
    transition: opacity .3s;
    transition-delay: 0.5s;
    pointer-events:none;
}

.sideMusicPlayer.show .musicTabClosed{
	transition-delay: 0s;
	opacity: 0;
}

.sideMusicPlayer {
    width: 30%;
    height: 100%;
    position: fixed;
    background-color: white;
    top: 0px;
    right: calc(-30% + 0.6vw);
    z-index: 1500;
    transition: all .5s;
}

.sideMusicPlayer.show{
	right:0px;
}

.albumCover{
	width: 8.5vw;
	height: 8.5vw;
    float: left;
    margin-right: 1vw;

}

.sideMusicPlayer h3{
	margin: 0px;
    font-size: 1.6vw;
    font-weight: 400;
}

.sideMusicPlayer h4{
	margin: 0px;
    font-size: 1.1vw;
    font-weight: 300;
    margin-bottom: 2.5vw;
}

.albumArea{
	padding: 2.5vw 4.5vw;
	opacity: 0;
	transition: opacity .3s;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+66,d8d7d6+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 66%, #d8d7d6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 66%,#d8d7d6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 66%,#d8d7d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d7d6',GradientType=0 ); /* IE6-9 */


}

.sideMusicPlayer.show .albumArea{
	opacity: 1;
}

.blackButton{
	background-color: #000000;
    color: white;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    padding: 0.3vw 1.2vw 0.3vw 0.4vw;
    font-size: 0.8vw;
    font-weight: 400;
    font-family: 'montserrat';
    line-height: 2.6vw;
    border-radius: 0.3vw;
    transition: all .4s;
    text-transform: uppercase;
}

.blackButton.bannerButtom{
	font-size: 1.3vw;
    padding: .9vw 2.2vw .7vw 1vw;
    text-rendering: geometricPrecision;
    width: 44%;
    margin-right: 3%;
    line-height: 2.3vw;
}

.blackButton.noIcon{
	padding: .9vw 1vw .7vw 1vw;
}

.blackButton.orangeColor{
	background-color: #FF0300;
	text-rendering: geometricPrecision;
}

.blackButton.orangeColor:hover{
	background-color: #333;
}

.blackButton.blackColor{
	background-color: #000;
}

.blackButton.blackColor:hover{
	background-color: #333;
}

.blackButton.whiteColor{
	filter: invert(100%);
	color: rgba(255,255,255,.6);
}

.blackButton.whiteColor:hover{
	filter: invert(100%);
	color: rgba(255,255,255,1);
}

.blackButton.whiteColor:hover{
	background-color: #333;
	filter: invert(0%);
}

@media screen and (orientation:portrait){
	.blackButton.bannerButtom {
	    font-size: 2.5vw;
	    padding: .7vw 4vw .7vw 1vw;
	    width: 48%;

	    text-rendering: geometricPrecision;
	    margin-right: 0%;
	    line-height: 7.2vw;
	}

	.blackButton.noIcon{
		padding: .7vw 1vw .7vw 1vw;
	}
}

.blackButton:hover{
	background-color: #ff0300;
}

.blackButton img{
	width: 2.5vw;
    height: 2.5vw;
    float: left;
    margin-right: 0.5vw;
}

.blackButton.whiteColor img{
	opacity: .6;
}

.blackButton.whiteColor:hover img{
	opacity: 1;
}

.playerTable{
	display: table;
    width: 100%;
    height: calc(100% - 13.5vw);
}

.playerTable .cell{
	display: table-cell;
	vertical-align: middle;
}

@media screen and (orientation:portrait){

	.sideMusicPlayer {
	    width: 30%;
	    height: 100%;
	    position: fixed;
	    background-color: white;
	    top: 0px;
	    right: calc(-85% + 1.8vw);
	    z-index: 1500;
	}	

	.musicTab {
	    position: absolute;
	    left: -7vw;
	    width: 8.8vw;
	    height: auto;
	    top: 3vw;
	}

	.musicTabClosed{
		position: absolute;
	    left: -7vw;
	    width: 8.8vw;
	    height: auto;
	    top: 3vw;
	}

	.playerTable {
	    display: table;
	    width: 100%;
	    height: calc(100% - 27vw);
	}

	.sideMusicPlayer{
		width:85%;
	}

	.playerTable .cell {
	    display: table-cell;
	    padding: 5vw;
	    vertical-align: middle;
	}

	.blackButton img {
	    width: 7vw;
	    height: 7vw;
	    float: left;
	    margin-right: 0.5vw;
	}

	.blackButton {
	    background-color: #000000;
	    color: white;
	    text-decoration: none;
	    display: inline-block;
	    text-align: center;
	    padding: 1vw 4.1vw 1vw 1.5vw;
	    font-size: 2.8vw;
	    font-weight: 400;
	    font-family: 'montserrat';
	    line-height: 7.2vw;
	    border-radius: 1.3vw;
	    transition: all .4s;
	}

	.sideMusicPlayer h3 {
	    margin: 0px;
	    font-size: 5vw;
	    font-weight: 400;
	}

	.sideMusicPlayer h4 {
	    margin: 0px;
	    font-size: 3.5vw;
	    font-weight: 300;
	    margin-bottom: 2.5vw;
	}

	.albumArea {
	    padding: 6.5vw 9.5vw 7vw;
	}

	.albumCover {
	    width: 23.5vw;
	    height: 23.5vw;
	    float: left;
	    margin-right: 4vw;
	}
}

/*VIDEOS------------------------------------------*/

.videoUnit{
	width:19.65vw;
	background-color: white;
	float: left;
	display: inline-block;
	margin: 1vw;
	border-radius: 5px;
    overflow: hidden;
}

.videoUnit .thumbnail{
	width:20vw;
	height: 11vw;
	background-color:black;
	background-size: cover;
	background-position: center center;
	position: relative;
}
.videoUnit .thunb-clothing {
	width:20vw;
	height: 15vw;
	background-color:black;
	background-size: cover;
	background-position: center center;
	position: relative;
}

.videoPlay{
	width: auto;
    height: 25%;
    margin: 3%;
    bottom: 0px;
    position: absolute;
}

.videoLabel{
	width: auto;
    height: 25%;
    margin: 3%;
    bottom: 0px;
    right: 0px;
    position: absolute;
}

.videoUnit .title{
	padding: 1vw 1.5vw;
    text-align: center;
    font-family: 'Lato';
    font-weight: 400;
    font-size: 1.1vw;
    text-decoration: none;
    color: black;
    display: table;
    width: 100%;
}

.videoUnit .title .cell{
	display: table-cell;
	vertical-align: middle;
	height: 3vw;
}

.videoUnit .title a{
	text-decoration: none;
	color: black;

	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media screen and (orientation:portrait){
	.videoUnit {
	    width: 65vw;
	}

	.videoUnit .thumbnail {
	    width: 65vw;
	    height: 37vw;
	}

	.videoUnit .title {
	    padding: 4vw 4.5vw;
	    font-size: 3.5vw;
	}
}

/*FILTERS------------------------------------------*/

.sideFilter{
	position: fixed;
    width: 3.8vw;
    height: auto;
    top: 10vw;
    left: .6vw;
}

.sideFilter .filter{
	width: 3.8vw;
	height: 3.8vw;
	background-color:rgba(255,255,255,.3);
	margin-bottom: 1px;
	transition: all .3s;
}

.sideFilter .filter:hover{
	background-color:rgba(255,255,255,.6);
}

.sideFilter .filter img{
	width:100%;
	height: 100%;
	filter: brightness(0%) invert(100%);
}

.sideFilter .filter.selected{
	background-color: white;
}

.sideFilter .filter.selected:hover{
	background-color: white;
}

.sideFilter .filter.selected img{
	filter: brightness(100%) invert(0%);
}

@media screen and (orientation:portrait){
	.sideFilter {
	    position: fixed;
	    width: 3.8vw;
	    height: auto;
	    top: 21vw;
	    left: .6vw;
	}

	.sideFilter .filter {
	    width: 13vw;
	    height: 13vw;
	}
}


/*THOUGHTS------------------------------------------*/
.thoughtUnit{
	width:18.6%;
	background-color: white;
	border-radius: 5px;
	font-size: 1vw;
	float:left;
	display: inline-block;
	margin: .6vw;
}

.thoughtUnit .content{
	font-family: 'Lato';
	font-style: italic;
	padding: 1.8vw 1.8vw;
}

.thoughtUnit .content p{
    padding: 0px;
    margin: 0px;
}

.thoughtUnit .title{
	font-family: 'Arial';
    font-weight: 600;
    padding: 1vw 1.2vw 1vw 1.8vw;
    border-bottom: 1px solid #ccc;
    font-size: 1.1vw;
    line-height: 2.5vw;
}

.thoughtUnit .title img{
	width: 2.5vw;
	height: 2.5vw;
	float: right;
}

@media screen and (orientation:portrait){
	.thoughtUnit {
	    width: 93%;
	    background-color: white;
	    border-radius: 5px;
	    font-size: 3vw;
	    float: left;
	    display: inline-block;
	    margin: 2vw 0vw;
	}

	.thoughtUnit .title img {
	    width: 7.5vw;
	    height: 7.5vw;
	    float: right;
	}

	.thoughtUnit .title {
	    font-family: 'Arial';
	    font-weight: 600;
	    padding: 3vw 3.5vw 3vw 6.5vw;
	    border-bottom: 1px solid #ccc;
	    font-size: 3.5vw;
	    line-height: 7.5vw;
	}

	.thoughtUnit .content {
	    font-family: 'Lato';
	    font-style: italic;
	    padding: 6.2vw;
	}

}


/*PRODUCTS------------------------------------------*/

.productUnit{
	width:19.7vw;
	background-color: white;
	float: left;
	display: inline-block;
	margin: 1vw;
	border-radius: 5px;
    overflow: hidden;
}

.productUnit .thumbnail{
	width:20.1vw;
	height: 20.4vw;
	background-color:#d8d6d6;
	background-size: cover;
	background-position: center center;
	position: relative;
}

.productUnit .thumbnail img{
	width: 100%;
	height: auto;
}

.productUnit .title{
	padding: 1vw 1.5vw;
    text-align: center;
    font-family: 'Lato';
    font-weight: 400;
    font-size: 1.1vw;
    text-decoration: none;
    color: black;
    display: table;
    width: 100%;
}

.productUnit .title .cell{
	display: table-cell;
	vertical-align: middle;
	height: 3vw;
}

.productUnit .title a{
	text-decoration: none;
	color: black;

	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.shopPopUp, .mailChimpPop{
	background-color: white;
	padding: 0vw 4vw 2vw 4vw;
	border-radius: 5px;
	width: 34vw;
	max-height: none !important;
}

.shopPopUp img{
	width: 26vw;
}

.shopPopUp h4{
	font-size: 1.1vw;
}

.shopPopUp select{
	width: 25.5vw;
    height: 3vw;
    font-size: 1vw;
}

.productRow{
    display: flex;
    margin-bottom: 7vw;
}

.salesFinal {
    opacity: .5;
    font-size: .6em !important;
    margin-top: -1em;
    margin-bottom: 4em;
    text-align: center;
}

@media screen AND (orientation:landscape){
	.productRow.music .productUnit:nth-child(2) .thumbnail, 
	.productRow.music .productUnit:nth-child(4) .thumbnail, 
	.productRow.music .productUnit:nth-child(5) .thumbnail, 
	.productRow.music .productUnit:nth-child(7) .thumbnail, 
	.productRow.music .productUnit:nth-child(10) .thumbnail, 
	.productRow.music .productUnit:nth-child(12) .thumbnail, 
	.productRow.music .productUnit:nth-child(12) .thumbnail, 
	.productRow.music .productUnit:nth-child(13) .thumbnail, 
	.productRow.music .productUnit:nth-child(15) .thumbnail
	{
		background-color: #27013c;
	}
}

@media screen AND (orientation:portrait){
	.productRow.music .productUnit:nth-child(2) .thumbnail, 
	.productRow.music .productUnit:nth-child(3) .thumbnail, 
	.productRow.music .productUnit:nth-child(6) .thumbnail, 
	.productRow.music .productUnit:nth-child(7) .thumbnail, 
	.productRow.music .productUnit:nth-child(10) .thumbnail, 
	.productRow.music .productUnit:nth-child(11) .thumbnail, 
	.productRow.music .productUnit:nth-child(14) .thumbnail, 
	.productRow.music .productUnit:nth-child(15) .thumbnail, 
	.productRow.music .productUnit:nth-child(18) .thumbnail, 
	.productRow.music .productUnit:nth-child(19) .thumbnail 
	{
		background-color: #27013c;
	}
}

.productCategoryTitle{
	width: 100%;
    border-bottom: 1px solid rgba(255,255,255,.5);
    text-align: right;
    line-height: 3vw;
    font-size: 2vw;
    font-weight: 100;
    color: white;
    padding: 1.5vw 0vw;
    margin-top: -6.5vw;
    margin-bottom: 1vw;
}

.productCategoryTitle img{
	width: 3vw;
	height: 3vw;
	float: right;
	margin-left: 1vw;
}


/*LITYSHOP----------------------------------------------*/

.lity-close {
    width: 40px !important;
    height: 40px !important;
    font-size: 36px !important;
    border-radius: 40px !important;
    box-shadow: 0 0 40px rgba(0,0,0,.5)
}

.page-id-97 .lity-wrap {
	overflow: hidden;
	padding:5vw !important;
}

.lity-wrap {
	overflow: scroll;
	padding:0px !important;
	overflow-y: auto;
	overflow-x: auto;
}

.lity-wrap::-webkit-scrollbar { 
    display: none; 
}

.lity-container {
    margin: 1vw 0vw !important;
}

.lity-container h3{
	font-family: 'Lato';
    font-size: 1.5vw;
    font-weight: 400;
}

.lity-container p{
	    font-size: 1vw;
}

.shopPopUp input {
    background-image: url(images/bt-buy-paypal.png)!important;
    background-size: 100% auto;
    background-repeat: no-repeat;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 5vw;
    width: 26vw;
    margin-top: 10px;
    transition:opacity .5s;

}

.shopPopUp input:hover{
	opacity: .7;
}


@media screen and (orientation:portrait){
	.productUnit .title .cell{
		display: table-cell;
		vertical-align: middle;
		height: 9vw;
	}

	.productUnit {
	    width: 42vw;
	}

	.productUnit .thumbnail {
	    width: 42vw;
	    height: 44vw;
	}

	.productUnit .title {
	    padding: 4vw 4.5vw;
	    font-size: 3.5vw;
	}

	.productCategoryTitle {
	    width: 94%;
	    border-bottom: 1px solid rgba(255,255,255,.5);
	    text-align: right;
	    line-height: 8vw;
	    font-size: 4vw;
	    font-weight: 300;
	    color: white;
	    padding: 1.5vw 0vw;
	    margin-top: 0vw;
	    margin-bottom: 1vw;
	}	

	.productCategoryTitle img {
	    width: 8vw;
	    height: 8vw;
	    float: right;
	    margin-left: 3vw;
	}

	.shopPopUp, .mailChimpPop {
	    background-color: white;
	    padding: 0vw 6vw 4vw 6vw;
	    border-radius: 5px;
	    width: 80vw;
	    max-height: none !important;
	}	

	.shopPopUp img {
	    width: 67vw;
	}	

	.shopPopUp input {
	    background-image: url(images/bt-buy-paypal.png)!important;
	    background-size: 100% auto;
	    background-repeat: no-repeat;
	    display: block;
	    height: 0;
	    overflow: hidden;
	    padding-top: 14vw;
	    width: 67vw;
	    margin-top: 10px;
	    transition: opacity .5s;
	}	

	.shopPopUp h4 {
	    font-size: 4.1vw;
	}

	.lity-container p {
	    font-size: 3.2vw;
	}	

	.lity-container h3 {
	    font-family: 'Lato';
	    font-size: 5.5vw;
	    font-weight: 400;
	}	

	.shopPopUp select {
	    width: 66.5vw;
	    height: 8vw;
	    font-size: 3vw;
	}
}

/*CONTACT----------------------------------------------*/

.contactBox {
    width: 30%;
    background-color: white;
    border-radius: 5px;
    padding: 3vw;
    color: black;
    font-family: 'montserrat';
    float:left;
    margin: 1.5%;
    height: 38.7vw;
}

.contactBox h2 {
    font-size: 2.3vw;
    font-weight: 100;
    margin: 0px;
    margin-bottom: 1.5vw;
    font-family: 'Lato';
}

.contactBox h3 {
    font-size: 1.5vw;
    font-weight: 100;
    margin: 0px;
}

.contactBox h4 {
    font-size: 1vw;
}

.contactBox p{
	font-size: 1vw;
}

.contactBox p.name {
    font-weight: 600;
    margin: 0px;
}

.contactBox a.email {
    font-weight: 100;
    margin: 0px;
    font-size: 1vw;
    text-decoration: none;
    color: black
}

.contactBox a.email:hover {
    text-decoration: underline;
    color: black
}



@media screen and (orientation:landscape){
	.contactBox.booking, .contactBox.press{
		height: 20vw;
	}

	.contactBox.legal, .contactBox.general{
		height: 16vw;
	}

	/*colors*/

	.contactBox.booking, .contactBox.general{
		background-color: #27013c;
		color: white;
	}

	.contactBox.booking a, .contactBox.booking a:hover, .contactBox.general a, .contactBox.general a:hover{
		color: white;
	}

}


@media screen and (orientation:portrait){

	.contactBox {
	    width: 95%;
	    background-color: white;
	    border-radius: 5px;
	    padding: 8vw;
	    color: black;
	    font-family: 'montserrat';
	    float: left;
	    margin: 1.5%;
	    height: auto;
	}

	.contactBox h2 {
	    font-size: 6vw;
	    font-weight: 100;
	    margin: 0px;
	    margin-bottom: 3.5vw;
	    font-family: 'Lato';
	}

	.contactBox h3 {
	    font-size: 4.5vw;
	    font-weight: 100;
	    margin: 0px;
	}	

	.contactBox p {
	    font-size: 3vw;
	}

	.contactBox h4 {
	    font-size: 3vw;
	}

	.contactBox p.name {
	    font-weight: 600;
	    margin: 0px;
	}

	.contactBox a.email {
	    font-weight: 100;
	    margin: 0px;
	    font-size: 3vw;
	    text-decoration: none;
	    color: black;
	}

	/*colors*/

	.contactBox.booking, .contactBox.legal{
		background-color: #27013c;
		color: white;
	}

	.contactBox.booking a, .contactBox.booking a:hover, .contactBox.legal a, .contactBox.legal a:hover{
		color: white;
	}

}


/*TOUR----------------------------------------------*/

.bookBox{
	width: 34%;
	border-radius: 5px;
	padding: 4vw;
	color:#503a38;
	font-family: 'Lato';
	float: left;
	background-color: white;
	text-align: center;
}

.bookBox h2 {
    font-weight: 300;
    font-size: 2.4vw;
    margin: 0px;
    margin-bottom: 2vw;
}

.bookBox a {
    font-family: 'Montserrat';
    font-size: 0.7vw;
    padding: 1vw;
    border: 1px solid #503a38;
    margin-top: 1vw;
    color: #503a38;
    text-decoration: none;
    width: 100%;
    display: block;
    border-radius: 5px;
    background-color: white;
    transition: all .3s;
}

.bookBox a:hover {
    background-color: #503a38;
    color: white;
}

.eventBox{
	width: 60%;
	border-radius: 5px;
	background-color: rgba(0,0,0,.33);
	color:white;
	font-family: 'Lato';
	padding: 4vw;
	float: right;
}

.eventBox .eventUnit {
    border-bottom: 1px solid rgba(255,255,255,.6);
    display: inline-block;
    width: 100%;
}



.eventBox .noEventsArea {
	padding: 2vw;
    width: 100%;
    font-size: 2vw;
    font-weight: 100;
    text-align: center;
}

.page-id-4 .eventBox .noEventsArea {
	padding: 4vw 2vw;
    width: 100%;
    font-size: 2vw;
    font-weight: 100;
    text-align: center;
    background-color: rgba(255,255,255,.1);
    border-radius: 5px;
}

@media screen and (orientation:portrait){
	.page-id-4 .eventBox .noEventsArea {
	    padding: 4vw 2vw;
	    width: 100%;
	    font-size: 4vw;
	    margin-top: 4vw;
	    font-weight: 100;
	    text-align: center;
	    background-color: rgba(255,255,255,.1);
	    border-radius: 5px;
	}
		
	.eventBox .noEventsArea {
	    padding: 2vw;
	    width: 100%;
	    font-size: 5vw;
	    font-weight: 100;
	    text-align: center;
	}
}

.eventBox .eventUnit h2 {
    display: inline-block;
    float: left;
    width: 22%;
    font-size: 0.7vw;
    color: white;
    background-color: #ff0300;
    margin: 0px;
    padding: .65vw;
    text-align: center;
    text-transform: uppercase;
    font-family: 'montserrat';
    font-weight: 100;
    margin: 0.5vw 1vw 0.5vw 0px;
}

.eventBox .eventUnit .eventLocation{
	width: 50%;
	float: left;
}

.eventBox .eventUnit p.date {
    text-transform: uppercase;
    font-size: .75vw;
    margin: 0.5vw 0px 0px 0px;
    font-weight: 300;
    opacity: .7;
}

.eventBox .eventUnit p.venue {
    font-size: 1vw;
    margin: 0.1vw 0px;
    font-weight: 300;
}

.eventBox .eventUnit .button{
    display: inline-block;
    float: right;
    width: 18%;
    font-size: 0.7vw;
    margin: 0px;
    padding: .65vw;
    text-align: center;
    text-transform: uppercase;
    font-family: 'montserrat';
    font-weight: 100;
    margin: 0.5vw 0vw 0.5vw 1vw;
    border-radius: 5px;
    text-decoration: none;
    transition: all .3s;
}

.eventBox .eventUnit .button.onSale {
    color: #3c4242;
    background-color: #FFF;
}

.eventBox .eventUnit .button.onSale:hover{
	background-color: black;
	color: white;
}

.eventBox .eventUnit .button.saleSoon {
    color: white;
    background-color: rgba(255, 255, 255, .30);
    pointer-events:none;
}

.eventBox .eventUnit .button.private {
    color: rgba(255,255,255,.7);
    background-color: rgba(35, 38, 38, .77);
    pointer-events:none;
}

@media screen and (orientation:portrait){
	.bookBox {
		margin-top: 7vw;
	    width: 100%;
	    padding: 8vw;
	}

	.eventBox {
		margin-top: 7vw;
	    width: 100%;
	    padding: 0vw;
	    background-color: transparent;
	}

	.eventBox.empty{
		width: 100%;
		border-radius: 5px;
		background-color: rgba(0,0,0,.33);
		color:white;
		font-family: 'Lato';
		padding: 4vw;
	}

	.bookBox h2 {
	    font-size: 5.4vw;
	    margin-bottom: 6vw;
	}

	.bookBox a {
	    font-size: 2.5vw;
	    padding: 2.5vw;
	    margin-top: 1vw;
	}

	.eventBox .eventUnit h2 {
	    float: left;
	    width: 37%;
	    font-size: 2vw;
	    padding: 1.5vw;
	    margin: 2vw 1vw 0.5vw 0px;
	}

	.eventBox .eventUnit .button {
	    display: inline-block;
	    float: right;
	    width: 32%;
	    font-size: 2vw;
	    margin: 0px;
	    padding: 1.65vw 0vw;
	    text-align: center;
	    text-transform: uppercase;
	    font-family: 'montserrat';
	    font-weight: 100;
	    margin: 3vw 0vw 0.5vw 1vw;
	    border-radius: 5px;
	    text-decoration: none;
	    transition: all .3s;
	}	

	.eventBox .eventUnit .eventLocation {
	    width: 65%;
	    float: left;
	    margin-bottom: 2vw;
	    margin-top: 1vw;
	}
	.eventBox .eventUnit p.date {
	    text-transform: uppercase;
		font-size: 2.7vw;
		margin: 0.5vw 0px 0px 0px;
		font-weight: 400;
		opacity: .7;
	}	

	.eventBox .eventUnit p.venue {
	    font-size: 3.4vw;
		margin: 0.1vw 0px;
		font-weight: 300;
	}
}


/*MUSIC PAGE----------------------------------------------*/

.albumSelect.show{margin-top: -100vh}
.albumUnit.show{margin-top: -100vh}
.pageTitleMusic.show{margin-top: -100vh}

.navBt{
	background-color: white;
	height: 100px;
	width: 45px;
	top:calc(50% - 50px);
	position: fixed;
	box-shadow: 0px 0px 20px rgba(0,0,0,.2);
	border-radius: 4px;
}

.navBt.nextBt{
	right: -5px;
}

.navBt.prevBt{
	left: -5px;
}

.navBullet{
	height: 10vw;
	width: auto;
	position: fixed;
	top:calc(50% - 5vw);
	transition: all .3s;
	opacity: 1;
}

@media screen and (orientation:portrait){
	.navBullet{
		display: none;
	}
}

.navBullet.hide{
	margin-top: -3vw;
	opacity: 0;
}

.bulletLeft{
	
	left:.5vw;
}

.bulletRight{
	right:.5vw;
}

.albumSelect{
	width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    transition: margin .5s;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow: -moz-scrollbars-none;
}

.albumSelect::-webkit-scrollbar { 
    display: none; 
}

.albumUnit {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 100%;
    transition: margin .5s;
    display: none;
}

.albumUnit.displayAlbum {
	display: block;
}

.albumSelect .table{
	display: table;
    height: 100%;
    padding: 0vw 10vw;
}

.albumSelect .cell{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.albumSelect .albumScroller{
	width: 100vw;
	overflow-x: scroll; 
	padding: 0vw 10vw;
	-webkit-overflow-scrolling: touch;
}

.albumSelect .albumScroller::-webkit-scrollbar { 
    display: none; 
}


.albumSelect .albumTray{

}

.albumSelect .albumSelectUnit{
	width: 22vw;
	margin-right: .5vw;
	text-align: center;
	float: left;
}

.albumSelect .albumSelectUnit .cover{
	width: 20vw;
	margin: 1vw;
	height: auto;
	cursor: pointer;
	transition: all .6s;
}

.albumSelect .albumSelectUnit .cover:hover{
	width: 22vw;
	box-shadow: 1vw 1vw 3vw rgba(0,0,0,1);
	margin: 0vw;
}

.albumSelect .albumSelectUnit .arrowDown{
	margin-top: 1vw;
	width: 2vw;
	transition: all .3s;
}

.albumSelect .albumSelectUnit:hover .arrowDown{
	opacity: 0.3;
}


.albumUnit .albumCoverArea {
    width: 50%;
    height: 100%;
    display: table;
    float: left;
    padding-right: 7vw;
    padding-left: 12vw;
}

.albumUnit .albumCoverArea .cell{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.albumUnit .albumCoverArea .cover {
    width: 30vw;
    height: auto;
    margin-bottom: -1vw;
}

.albumUnit .albumCoverArea .blackButton {
    margin-top: -1vw;
}

.albumUnit .albumCoverArea .backButton {
    margin-bottom: 1vw;
    width: 13vw;
    transition: opacity .3s;
   	cursor: pointer;
}

.albumUnit .albumCoverArea .backButton:hover{
	opacity: .6;
}

.albumUnit .albumTracksArea {
    width: 50%;
    height: 100%;
    float: left;
    overflow-y: scroll;
    padding: 6vw 0vw 6vw 2vw;
    padding-left: 2vw;
    padding-right: 12vw;
    padding-top: calc((100vh - 29vw)/2);
    padding-bottom: calc((100vh - 33vw)/2);
    
}

.albumUnit .albumTracksArea::-webkit-scrollbar { 
    display: none; 
}

.albumUnit .albumTracksArea .name, .albumUnit .albumTracksArea .artist, .albumUnit .albumTracksArea .collection{
	display: none;
	color:transparent;
}

.musicbox .tracks ul li .name{
	float:left;
}

.musicbox .tracks ul li .name a {
    color: white;
    text-decoration: none;
    /*pointer-events: none;*/
    cursor: pointer;
    font-family: 'Lato';
    font-weight: 100;
    font-size: 2vw;
    font-style: italic;
    line-height: 46px;
    margin-left: 1vw;
    transition: opacity .3s;
}

.otherTracks {
    color: white;
    text-decoration: none;
    /*pointer-events: none;*/
    cursor: pointer;
    font-family: 'Lato';
    font-weight: 100;
    font-size: 2vw;
    font-style: italic;
    line-height: 46px;
    transition: opacity .3s;
}

.otherTracks ul {
	list-style: none;
	margin: 0;
    padding: 0;
}

.otherTracks li {
	border-bottom: 1px solid rgba(255,255,255,.2);
	line-height: 4.5vw;
}



.musicbox .tracks ul li .name a:hover{
	opacity: .7;
}

.musicbox .tracks {
    background-color: transparent;
}

.musicbox .tracks ul li .track-thumb {
    background-image: none !important;
}

.musicbox .tracks {
    background-color: transparent !important;
}

.musicbox .tracks ul {
    color: transparent;
}

.musicbox .tracks ul li {
    border-bottom: 1px solid rgba(255,255,255,.16) !important;
}

.pageTitleMusic {
    width: 100%;
    height: 100%;
    z-index: 2;
    position: fixed;
    left: 0px;
    top: 0px;
    padding: 0vw;
    pointer-events: none;
    display: table;
    transition: margin .5s;
}

.pageTitleMusic .cell{
	display: table-cell;
	text-align: center;
	vertical-align: bottom;
}

.pageTitleMusic h1{
	font-size: 5.5vw;
}

@media screen and (orientation:portrait){

	.pageTitleMusic h1 {
	    font-size: 10.5vw;
	}

	.pageTitleMusic {
	    padding-bottom: 10vw;
	}


	.albumSelect .albumSelectUnit{
		width: 57vw;
		margin-right: 2vw;
		text-align: center;
		float: left;
	}

	.albumSelect .albumSelectUnit .cover{
		width: 53vw;
		margin: 2vw;
		height: auto;
		cursor: pointer;
		transition: all .6s;
	}

	.albumSelect .albumSelectUnit .cover:hover{
		width: 57vw;
		margin: 0vw;
		box-shadow: 2vw 2vw 6vw rgba(0,0,0,1);
	}

	.albumUnit {
	    width: 100%;
	    height: 100%;
	    position: fixed;
	    left: 0px;
	    top: 100vh;
	    overflow-y: scroll;
	    -webkit-overflow-scrolling: touch;
	}

	.albumSelect .albumSelectUnit .arrowDown {
	    margin-top: 3vw;
	    width: 7vw;
	}

	.albumUnit .albumCoverArea {
	    width: 100%;
	    height: auto; 
	    display: table;
	    float: left;
	    padding-right: 15vw;
	    padding-left: 15vw;
	    padding-top: 19vw;
	    padding-bottom: 8vw;
	}

	.albumUnit .albumCoverArea .backButton {
	    margin-bottom: 4vw;
	    width: 30vw;
	    transition: opacity .3s;
	    cursor: pointer;
	}

	.albumUnit .albumCoverArea .cover {
	    width: 50vw;
	    height: auto;
	    margin-bottom: -1vw;
	}

	.albumUnit .albumTracksArea {
	    width: 100%;
	    height: auto;
	    float: left;
	    overflow-y: visible;	
	    padding: 6vw 0vw 6vw 2vw;
	    padding-left: 11vw;
	    padding-right: 11vw;
	    padding-top: 0px;
	    padding-bottom: 15vw;
	}	

	.musicbox .tracks ul li .name a {
	    color: white;
	    text-decoration: none;
	    pointer-events: none;
	    font-family: 'Lato';
	    font-weight: 300;
	    font-size: 5vw;
	    font-style: italic;
	    line-height: 46px;
	    margin-left: 1vw;
	}
}

/*HOME----------------------------------------------*/

.homeUnit{
	width: 100%;
    height: auto;
    position: relative;
    display: table;
    background-size: cover;
    background-position: center center;
}

.homeUnit.banners{
	height: 100%;
	background-color: #efefef;
	z-index: 1
}



.homeUnit .homePadding6LR{
	padding-left: 6vw;
	padding-right: 6vw;
}

.homeUnit.eventsArea{
    padding: 2vw 6vw;

    background-image: url('images/bg-home-performances.jpg');
    background-position: left center;
}

.homeUnit.shopArea {
    background-image: url(images/bg-home-shop.jpg);
    background-position: center top;
    padding: 3vw 0 6vw 0;
    background-attachment: fixed;
}

.homeUnit.socialArea{
	background-image: url('images/bg-home-social.jpg');
    background-position: center top;
	padding: 4vw 0px 6vw 0px;
	background-attachment: fixed;
}

@media screen and (orientation:portrait){
	.homeUnit.shopArea {
	    background-attachment: scroll;
	}

	.homeUnit.socialArea{
		background-attachment: scroll;
	}
}

.homeUnit.shopArea .productRow {
    margin-bottom: 0px;
    padding: 0 5.4vw;
}

.homeTitleArea{
	display: table;
    width: 100%;
    padding:0vw 1vw 1.5vw 1vw;
}

.homeTitleArea h1{
	float: left;
	margin: 0px;
}

.page-id-4 .eventBox {
    background-color: transparent;
}

.regularButton.viewMoreTitle{
	margin-top: 1.2vw;
}

.page-id-4 #bricks .bricks-content .brick {
    width: 27.2vw !important;
    margin: 0px !important;
    margin-right: 3vw !important;
    position: relative !important;
    float: left;
    left: initial !important;
    top: initial !important;
    display: inline-block !important;
}


.page-id-4 #bricks .bricks-content .brick:nth-child(1){
	/*margin-right: 0px !important;
	left:6vw !important;*/
}

.page-id-4 #bricks .bricks-content .brick:nth-child(2){
	/*margin-right: 0px !important;
	left:36.24vw !important;
	transition: none;*/
}

.page-id-4 #bricks .bricks-content .brick:nth-child(3){
	margin-right: 0px !important;
	/*left:66.48vw !important;*/
}

.page-id-4 #bricks .bricks-content .brick header {
    float: left;
    width: 100%;
    max-height: 27.2vw;
    overflow: hidden;
}

/*.page-id-4 #bricks .bricks-content .brick.twitter section .text{
	font-size: 2vw;
    font-weight: 300;
    padding: 1.5vw;
}*/

.page-id-4 .brick footer {
    background-color: white;
}

.page-id-4 .bricks-content{
	height: auto !important;
	padding: 0px 5.5vw;
}

.page-id-4 .brick .counts {
    display: none !important;
}

.page-id-4 .eventBox .eventUnit p.date {
    text-transform: none;
    font-size: 1.3vw;
    line-height: 2.1vw;
    margin: 0.5vw 0px 0px 0px;
    font-weight: 300;
    opacity: .7;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.page-id-4 .eventBox .eventUnit .eventLocation {
    width: 65%;
    float: left;
}

.plusButton {
    color: white;
    font-weight: 600;
    font-size: 2vw;
    line-height: 2.8vw;
    float: right;
    transition: color .3s;
    text-decoration: none;
}

.plusButton:hover{
	color:#ff0300;
}

.homeUnit .bannerArea.active{
	opacity: 1;
	pointer-events: auto;
}

.homeUnit .bannerArea {
    width: 100%;
    height: 100%;
    background-color: #eee;
    position: relative;
    display: block;
    background-size: cover;
    background-position: center center;
    padding: 6vw;
    position: absolute;
    z-index: 10;
    overflow: hidden;
    transition: opacity .5s;
    opacity: 0;
    pointer-events: none;
}

.homeUnit .bannerArea.whitetext, .homeUnit .bannerArea.whitetext h1, .homeUnit .bannerArea.whitetext h2{
	color:white;
}

.scrollingArea{
	position: fixed;
	top: 0px;
}

.scrollingSize{
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
}

.scrollingArea.scroll{
	position: absolute;
	top: 100%;
}

.homeUnit .bannerArea .infoArea{
	width: 50%;
	height: 100%;
	float: left;
	opacity: 0;
	transition: opacity .5s, transform .5s;
	transition-delay: 1s;
	transform: translateY(20vh);
}

.homeUnit .bannerArea.active .infoArea{
	opacity: 1;
	transform: translateY(0vh);
}

.homeUnit .bannerArea .infoArea .titleImage{
	width: 100%;
	height: auto;
}

.homeUnit .bannerArea .textArea{
	padding-left: 2vw;
} 

.homeUnit .bannerArea h2 {
    font-family: 'Lato';
    font-weight: 100;
    font-size: 3vw;
    line-height: 3.1vw;
    margin: 0px 0px 3vw 0px;
}

.homeUnit .bannerArea h1 {
    font-family: 'Lato';
    font-size: 5vw;
    line-height: 4.2vw;
    text-transform: uppercase;
    color: black;
    font-weight: 300;
    font-style: italic;
    margin: 0px;
    margin-bottom: 2vw;

}

.homeUnit .bannerArea p{
	margin:0px;
}




.bannerArea{
	position: absolute;
	top:0px;
	left: 0px;
}

@media screen and (orientation:portrait){

	.homeUnit .bannerArea p br{
		display:none;
	}
	
	.homeUnit .bannerArea {
	    padding: 15vw;
	}

	.homeUnit .bannerArea .infoArea {
	    width: 100%;
	    float: left;
	}	

	.homeUnit .bannerArea .infoArea .cell{
		vertical-align: bottom;
	}

	.homeUnit .bannerArea .textArea{
		text-align: center;
	} 

	.homeUnit .bannerArea h1 {
	    font-family: 'Lato';
	    font-size: 8.5vw;
	    line-height: 8vw;
	    text-transform: uppercase;
	    color: black;
	    font-weight: 400;
	    font-style: italic;
	    margin: 0px;
	    margin-bottom: 4vw;
	}

	.homeUnit .bannerArea h2 {
	    font-weight: 300;
	    font-size: 6.5vw;
	    line-height: 6.6vw;
	    margin: 0px 0px 7vw 0px;
	}

	.page-id-4 .bricks-content {
	    height: auto !important;
	    padding: 0px 15vw;
	    width: 218vw;
	}

	.homeUnit .homePadding6LR {
	    padding-left: 15vw;
	    padding-right: 15vw;
	}	

	.page-id-4 #bricks {
	    position: relative;
	    width: 100vw;
	    overflow-x: scroll;
	    -webkit-overflow-scrolling: touch;
	}

	.page-id-4 #bricks::-webkit-scrollbar { 
	    display: none; 
	}

	.page-id-4 #bricks .bricks-content .brick {
    	width: 60vw !important;
    }

    .page-id-4 #bricks .bricks-content .brick.twitter section .text{
		font-size: medium;
	}

	.page-id-4 #bricks .bricks-content .brick header {
	    max-height: 55.2vw;
	}	

	.homeUnit.socialArea {
	    padding: 21vw 0px 15vw 0px;
	}    

	.homeUnit.eventsArea {
	    padding: 72vw 15vw 12vw 15vw;
	    background-image: url(images/bg-home-performances-v.jpg);
	    background-position: center top;
	}

	.page-id-4 .shopTray {
	    width: 207vw;
	    display: flex;
	    padding: 0 15vw;
	}

	.homeUnit.shopArea .productRow {
	    margin-bottom: 0px;
	    overflow-x: scroll;
	    width: 100vw;
	    margin-top: 5vw;
	    padding: 0px;
	    -webkit-overflow-scrolling: touch;
	}	

	.homeUnit.shopArea .productRow::-webkit-scrollbar { 
	    display: none; 
	}

	.homeUnit.shopArea .shopTray::-webkit-scrollbar { 
	    display: none; 
	}	

	.regularButton {
	    display: inline-block;
	    float: right;
	    width: 32%;
	    font-size: 2vw;
	    margin: 0px;
	    padding: 1.65vw 0vw;
	    text-align: center;
	    text-transform: uppercase;
	    font-family: 'montserrat';
	    font-weight: 100;
	    margin: 3vw 0vw 0.5vw 1vw;
	    border-radius: 5px;
	    text-decoration: none;
	    transition: all .3s;
	}

	.regularButton.viewMoreTitle {
	    margin-top: 2vw;
	}

	.page-id-4 h1 {
	    font-size: 6.5vw;
	    font-weight: 300;
	    margin: 0px;
	}

	.page-id-4 .eventBox .eventUnit .eventLocation {
	    width: 50%;
	    float: left;
	    margin-bottom: 2vw;
	    margin-top: 1vw;
	}

	.page-id-4 .eventBox .eventUnit p.date {
	    text-transform: none;
	    font-size: 3vw;
	    line-height: 6vw;
	    margin: 0.5vw 0px 0px 1.5vw;
	    font-weight: 300;
	    opacity: 1;
	}	

	.plusButton {
	    color: white;
	    font-weight: 500;
	    font-size: 6vw;
	    line-height: 8.3vw;
	    float: right;
	    transition: color .3s;
	    text-decoration: none;
	}

	.homeUnit.shopArea {
	    background-image: url(images/bg-home-shop.jpg);
	    background-position: center top;
	    padding: 7vw 0 15vw 0;
	}	

}

/*BIOPAGE----------------------------------------------*/

.page-id-234 #main{
	position: fixed;
	width: 100vw;
	height: 100%;
	overflow: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}

.page-id-234 #main::-webkit-scrollbar { 
    display: none; 
}

.page-id-234 .scrollArea{
	width: calc(382vh + 522vw);
	padding-right: 0vw;
	height: 100%;
	overflow:hidden;

}

.bioSectionIntro{
	width: auto;
    width: 160vh;
    height: 100%;
    position: relative;
    display: inline-block;
    float: left;
    margin-left: -21vw;
    margin-right: -13vw;
    z-index: 2;
}

.bioSectionIntro.second{
	margin-left: -45vh;
    margin-right: -40vh;
    z-index: 1;
}

.bioSectionIntro.last {
    margin-left: -45vh;
    margin-right: -40vh;
    z-index: 1;
}

.bioSectionIntro img{
	width: auto;
	height: 100vh;
}

.content-area.padding0{
	padding: 0px;
}

.bigTextSection{
	width: 50vw;
	height: 100vh;
	position: relative;
	float: left;
	padding: 1vw 0px 1vw 10vw;
	z-index: 3
}

.bigTextSection.second{
	padding: 1vw 0vw 1vw 0vw;
	width: 30vw;
	z-index: 3;
}

.bigTextSection h2{
	font-family: 'Lato';
	font-weight:400;
	color: white;
	font-size: 2.8vw;
	text-transform: uppercase;
}

.bigTextSection h3{
	font-family: 'Lato';
	font-weight:300;
	color: white;
	font-size: 2vw;
	padding-right: 3vw;
}

.last.bigTextSection h3{
	padding-right: 0vw;
}

.mediaSection{
	width: 35vw;
	height: 100%;
	color: white;
	margin-left: 5vw;
	float: left;
	position: relative;
	z-index: 3;
}

.mediaSection .disk{
	width: 1.5vw;
    height: 1.5vw;
    background-color: white;
    border-radius: 10vw;
    position: absolute;
    bottom: 3vw;
    margin-left: 16.75vw;
    cursor: pointer;
}

.bioSectionIntro .disk, .bigTextSection .disk{
	width: 4.5vw;
    height: 4.5vw;
    background-color: white;
    border-radius: 10vw;
    position: absolute;
    bottom: 1.5vw;
    margin-left: 77vh;
    background-image: url(images/bio-gg-logo.svg);
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;

}

.bigTextSection .disk{
	display: none;
	margin-left: -44.75vw;
}

.mediaSection .textArea{
	height:16.3vw;
}

.mediaSection h2{
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.5vw;
}

.mediaSection h3{
	font-weight: 300;
	font-size: 1.3vw;
	opacity: .7;
}

.mediaSection .imageArea{
	width: 35vw;
	height: 17vw;
	background-color: black;
	background-size: cover;
	background-position: center center;
	position: relative;
	transition: opacity .3s;
}

.bioItem a{
	cursor: pointer;
	transition: opacity .3s;
}

.bioItem a div:hover{
	opacity: .6;
}

.dottedLine{
	border-top: 2px dotted rgba(255,255,255,.3);
    width: calc(262vh + 451vw);
    position: absolute;
    bottom: 3.7vw;
    left: 80vh;
    pointer-events:none;
    margin-left:0px;
    animation: linear .5s dottedMove infinite;
}

@keyframes dottedMove {
  to {
    margin-left: 4px;
  }
}

.bioLabel{
	width: auto;
    height: 20%;
    margin: 3%;
    bottom: 0px;
    right: 0px;
    position: absolute;
}

@media screen and (orientation:portrait){

	.bigTextSection .disk{
		display: block;
		margin-left: -44.75vw;
	}

	.verticalDarkGradient{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+52,0.58+99 */
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 16%, rgba(0,0,0,0.58) 99%, rgba(0,0,0,0.58) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 16%,rgba(0,0,0,0.58) 99%,rgba(0,0,0,0.58) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 16%,rgba(0,0,0,0.58) 99%,rgba(0,0,0,0.58) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#94000000',GradientType=0 ); /* IE6-9 */

	}

	.page-id-234 .scrollArea {
	    width: 1300vw;
	    padding-right: 0vw;
	    height: 100%;
	    overflow: hidden;
	}

	.bioSectionIntro.last {
	    /*width: 174vw;*/
    	overflow: hidden;
	}


	.bigTextSection {
	    width: 100vw;
	    height: 100%;
	    padding: 1vw 10vw 13vw 10vw;

	    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+52,0.58+99 */
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 16%, rgba(0,0,0,0.58) 99%, rgba(0,0,0,0.58) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 16%,rgba(0,0,0,0.58) 99%,rgba(0,0,0,0.58) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 16%,rgba(0,0,0,0.58) 99%,rgba(0,0,0,0.58) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#94000000',GradientType=0 ); /* IE6-9 */
	}

	.mediaSection{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+52,0.58+99 */
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 16%, rgba(0,0,0,0.58) 99%, rgba(0,0,0,0.58) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 16%,rgba(0,0,0,0.58) 99%,rgba(0,0,0,0.58) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 16%,rgba(0,0,0,0.58) 99%,rgba(0,0,0,0.58) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#94000000',GradientType=0 ); /* IE6-9 */
	}

	.bigTextSection.second {
	    padding: 1vw 10vw 13vw 10vw;
	    width: 100vw;
	    z-index: 3;

	    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+52,0.58+99 */
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 16%, rgba(0,0,0,0.58) 99%, rgba(0,0,0,0.58) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 16%,rgba(0,0,0,0.58) 99%,rgba(0,0,0,0.58) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 16%,rgba(0,0,0,0.58) 99%,rgba(0,0,0,0.58) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#94000000',GradientType=0 ); /* IE6-9 */
	}

	.bigTextSection h2 {
	    font-size: 2.5vh;
	}

	.bigTextSection h3 {
	    font-size: 2.3vh;
	}

	.bioSectionIntro {
	    margin-left: calc(-50vw - 80vh);;
	    margin-right: -87vw;
	}

	.dottedLine {
	    width: 1201vw;
	  	bottom: 5.5%;
	    left: 80vh;
	}

	.bioSectionIntro .disk {
	    width: 0.5vw;
	    height: 0.5vw;
	    bottom: calc(5.5% - 5.25vw);
	    opacity: 0;
	    pointer-events:none;
	}

	.bigTextSection .disk{
		width: 10.5vw;
	    height: 10.5vw;
	    bottom: calc(5.5% - 5.25vw);
	}

	.mediaSection {
	    width: 90vw;
	    height: 100%;
    	padding: 10vw 0vw 10vw 10vw;
	}

	.mediaSection .imageArea {
	    width: 100%;
	    height: 45vw;
	}

	.mediaSection h2 {
	    font-size: 2.6vh;
	}

	.mediaSection h3 {
	    font-size: 2.3vh;
	    font-weight: 300;
	}

	.mediaSection .textArea {
	    height: 35vh;
	}

	.mediaSection .disk {
	    width: 3.5vw;
		height: 3.5vw;
		bottom: calc(5.5% - 1.4vw);
		margin-left: 38.25vw;
	}

	.bioSectionIntro.second{
		margin-left: calc((-160vh + 100vw)/2);
    	margin-right: calc(-160vh + 50vw);
	    z-index: 1;

	}

	.mediaSection {
	    margin-left: 0px;
	}
}

.lity-image img {
    max-height: 80vh !important;
}


/*Animations----------------------------------------------*/

/*
 * Pulse animation
*/
@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); opacity: 1; }
    50% { -webkit-transform: scale(1.1); opacity: 1; }
    100% { -webkit-transform: scale(1); opacity: 1; }
}
@keyframes pulse {
    0% { -webkit-transform: scale(1); opacity: 1; }
    50% { -webkit-transform: scale(1.1); opacity: 1; }
    100% { -webkit-transform: scale(1); opacity: 1; }
}
.pulse {
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}

.pulse2 {
    -webkit-animation: pulse 4s infinite;
    animation: pulse 4s infinite;
}

@-webkit-keyframes pulseSlow {
    0% { -webkit-transform: scale(.9); opacity: 1; }
    50% { -webkit-transform: scale(1.2); opacity: 1; }
    100% { -webkit-transform: scale(.9); opacity: 1; }
}
@keyframes pulseSlow {
    0% { -webkit-transform: scale(.9); opacity: 1; }
    50% { -webkit-transform: scale(1.2); opacity: 1; }
    100% { -webkit-transform: scale(.9); opacity: 1; }
}

.pulseSlow {
    -webkit-animation: pulseSlow 4s infinite;
    animation: pulseSlow 4s infinite;
}

.pulseSlow2 {
    -webkit-animation: pulseSlow 5.5s infinite;
    animation: pulseSlow 5.5s infinite;
}

/*PASSWORD FORM*/
.post-password-form{
    width: 50%;
    margin-left: 25%;
    text-align: center;
    color: white;
    background-color: rgba(255,255,255,.1);
    padding: 2vw;
    border-radius: 6px;
    font-size: 1.5vw;
    font-weight: 300;
    font-family: Lato;
}

.post-password-form p{
	font-size: 1.3em;
}

.post-password-form label{
	font-size: .7em;
}


.loaded #primary.password {
    transition-delay: 2.2s;
    opacity: 1;
    display: table;
    width: 100%;
}

.loaded #main.password{
	display: table-cell;
    vertical-align: middle;
}

@media screen and (orientation:portrait){
	.post-password-form {
	    width: 90%;
	    margin-left: 5%;
	    text-align: center;
	    color: white;
	    background-color: rgba(255,255,255,.1);
	    padding: 6vw;
	    border-radius: 6px;
	    font-size: 3.5vw;
	    font-weight: 300;
	    font-family: Lato;
	}
}

.requestPass, .requestPass a{
	text-align: center;
	color: white;
}



@media screen and (orientation: portrait){
	.page-id-507 .content-area.padding6, .page-id-477 .content-area.padding6{
	    padding: 0vw 4vw 6vw 6vw;
	    min-height: calc(100vh - 23.5vw);
	}

	.page-id-507 .titleAreaShort.vericalCentered, .page-id-477 .titleAreaShort.vericalCentered {
	    height: 19vh;
	    margin-bottom: 4vw;
	    text-align: center;
	    padding-right: 0vw;
	}

	.page-id-507 .productRow, .page-id-477 .productRow {
	    display: flex;
	    margin-bottom: 7vw;
	    margin-left: 8vw;
	}
}


/* Mail Chimp ---------------------------------------- */

#popMailChimp{
	/*width: 50%;*/
}

#mc_embed_signup{
    background-color: white;
    border-radius: 1em;
    padding: 2.5vw 0em;
}

#mc_embed_signup_scroll .textInput{
	width: 100%;
    font-size: 1.1vw;
    padding: .5em;
    margin-bottom: 0.2em;
    margin-top: .3em;
    border: 1px solid #ddd;
}

.mailChimpPop .bannerButtom{
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
	margin-top: 1em;
}

@media screen and (orientation:portrait){



	#mc_embed_signup_scroll .textInput{
	    font-size: 3.2vw;
	}

}

.lity.absolutePop, .lity-wrap.absolutePop {
    position: absolute !important;
}