/**
 * Content
 */

.pro-title{
	color: white;
    margin-bottom: 40px;;
}

.vimeo-pick{
    height: 80px;
    width:80px;
    margin: 0px auto;;
	background-image: url("https://files.cargocollective.com/c438213/1.svg");
}

.info-hold{
    z-index: 0;
  
}
 [data-id="8622306"].page_container{
 	z-index:9 !important;
 }


.section-one {
	width: 100%;
	display: inline-block;
	position: relative;
	overflow: hidden;
	height: 50vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/*background-image: url("https://freight.cargo.site/t/original/i/ac7e0e29e37d635b7dd7cb31765764b6197e39940781a7aa72633f201571e1f6/Screen-Shot-2019-03-21-at-14.16.15.png");*/
}
/*.section-one:hover {
	background-image: url("https://freight.cargo.site/t/original/i/df1f8bc876ea512ba9ab99f373c5e30b93e82cb3eb63b77630edcc735b981692/Artist-conpressed.gif");
}*/
.section-two {
	width: 100%;
	display: inline-block;
	position: relative;
	overflow: hidden;
	height: 50vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/*background-image: url("https://freight.cargo.site/t/original/i/ec0c2fe745cc5a528a71cb198872ba76a20716725a330727bb4e2a14e1b3272b/Travis-Scott-2.png");*/
}
/*.section-two:hover {
	background-image: url("	https://freight.cargo.site/t/original/i/6e7b43ec31a4505825d7ae80565d143e08084d0c876b1f7fecddbe1294533241/Concept.gif");
}*/
.section-three {
	width: 100%;
	display: inline-block;
	position: relative;
	overflow: hidden;
	height: 50vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/*background-image: url("https://freight.cargo.site/t/original/i/f3428503f13120e6cf0aa011920ecfccca7e80c1de10cffa84d426edc568f90d/valentino.jpg");*/
}
/*.section-three:hover {
	background-image: url("	https://freight.cargo.site/t/original/i/c274d504d6e3263b3617ecd0da4240ae9232fa9efcb8c8c899b069ca440d9de5/electronica.gif");
}*/
.section-four {
	width: 100%;
	display: inline-block;
	position: relative;
	overflow: hidden;
	height: 50vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/*background-image: url("https://freight.cargo.site/t/original/i/c0b079354b117738bed39abcc3b4cb553666068c1a1fa3d592217000752dc91c/ZANE.jpg");*/
}

/* DO NOT TOUCH CODE BELOW HERE */


[data-page-id="8143970"] #top, [data-page-id="8143970"] #bottom,[data-page-id="8143970"] #left, [data-page-id="8143970"] #right {
    background: #000;}

[data-page-id="8143972"] #top, [data-page-id="8143972"] #bottom,[data-page-id="8143972"] #left, [data-page-id="8143972"] #right {
    background: #000;}

[data-page-id="8144068"] #top, [data-page-id="8144068"] #bottom,[data-page-id="8144068"] #left, [data-page-id="8144068"] #right {
    background: #000;}

[data-page-id="8144067"] #top, [data-page-id="8144067"] #bottom,[data-page-id="8144067"] #left, [data-page-id="8144067"] #right {
    background: #000;}

#top, #bottom, #left, #right {
	background: #fff;
	position: fixed;
	}
	#left, #right {
		top: 0; bottom: 0;
		width: 10px;
		}
		#left { left: 0; }
		#right { right: 0; }
		
	#top, #bottom {
		left: 0; right: 0;
		height: 10px;
		}
		#top { top: 0; }
		#bottom { bottom: 0; }


.pinned.pinned_top .page_container.overlay{
	
    z-index: 9999999 !important;
}


.new-logo {
	margin: 0px auto;
	
	z-index: 9999999;
	width: 300px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: cetner;
	opacity: 0.98;
	height: 219px;
	
	background-image: url("https://files.cargocollective.com/c438213/Caz-Clayton-edited-2.svg");
	
}

[data-page-id="8138229"] .index-link{
display: none;
}

[data-page-id="8622306"] [data-view="pinned_top"] {


}
[data-page-id="8138229"] .nav-wrap {
	display: none;
}
.section-one:hover .top-left {
	color: #00ff00;
}
.section-two:hover .top-right {
	color: #00ff00;
}
.section-three:hover .bottom-left {
	color: #00ff00;
}
.section-four:hover .bottom-right {
	color: #00ff00;
}
.section-one:hover video {
	display: block;
}
.section-two:hover video {
	display: block;
}
.section-three:hover video {
	display: block;
}
.section-four:hover video {
	display: block;
}
.section-one video {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100vw;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 0;
}
.section-three video {
	position: absolute;
	left: 50%;
	display: block;
	top: 50%;
	width: 100vw;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 0;
}
.section-two video {
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100vw;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 0;
}
.section-four video {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100vw;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 0;
}
.index-page a {
font-size: 36px;
    letter-spacing: 3px;;
font-family: league-gothic-condensed, sans-serif;

	
	height: 50vh;
	cursor: pointer !important;
	float: left;
	width: 50%;
	display: inline-block;
}
.index-page a:hover {
	font-style: italic;
}
.nav-wrap a {
    font-size: 36px;
    color: white;
    letter-spacing: 3px;;
font-family: league-gothic-condensed, sans-serif;
}
.nav-wrap a:hover {
	font-style: italic;
}
.tags i {
    pointer-events: none;
	color: rgba(255, 255, 255, 0.8);
	display: inline;
	font-style: normal !important;
	font-size: 10px;
	;
}
.title i {
	color: grey;
}
.thumbnail img {
   
	position: absolute;
	left: 0px !important;
	right: 0px !important;
	top: 0px;
	transition: 0.3s -webkit-filter linear;}
.thumbnail:hover img {
	margin: auto;
	webkit-filter: blur(3px);
	/* Chrome, Safari, Opera */
	filter: blur(3px);
	/* -webkit-transform: scale3d(1.1, 1.1, 1);*/
	/* transform: scale3d(1.1, 1.1, 1); */
}
.thumbnail:hover .tags a {
	color: #00ff00 !important;
}
.item {
	margin: 0px auto;
	;
	z-index: 9999999;
	width: 31px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: cetner;
	;
	height: 33px;
	;
	background-image: url("https://files.cargocollective.com/c438213/C-NEW-.svg");
	;
}
.item:hover {
	background-image: url("https://files.cargocollective.com/c438213/C-NEW-HOVER.svg")
}
.close:hover {
	color: #00ff00;
}
.close-icon:hover {
	color: #00ff00;
}
div[thumbnails] {
	justify-content: flex-start;
	align-items: flex-start;
}
.info-link:hover {
	color: #00ff00;
}
.top-left a:hover {
	color: #00ff00;
}
.top-right a:hover {
	color: #00ff00;
}
.bottom-left a:hover {
	color: #00ff00;
}
.bottom-right a:hover {
	color: #00ff00;
}
.thumbnail {
    position: relative;
	vertical-align: top !important;
}
.thumb_image {
	margin-bottom: 0px;
	display: block;
    z-index: -10;
    position: relative;
}
.nav-wrap a:hover {
	color: #00ff00 !important;
}

[data-set-id="8628533"] .nav-wrap  {
    display: none;
}

[data-set-id="8628533"] .content_padding {
	max-width: 1000px;
	margin: 0px auto;
    width: 100% !important;
	padding-top: 100px !important/*!main_margin*/
	;
	padding-bottom: 100px !important/*!main_margin*/
	;
	padding-left: 50px !important/*!main_margin*/
	;
	padding-right: 50px !important/*!main_margin*/
	;
}

/* ARTIST FOCUSED */

[data-set-id="8169334"] .content_padding {
	max-width: 1000px;
	margin: 0px auto;
    width: 100% !important;
	padding-top: 100px !important/*!main_margin*/
	;
	padding-bottom: 100px !important/*!main_margin*/
	;
	padding-left: 50px !important/*!main_margin*/
	;
	padding-right: 50px !important/*!main_margin*/
	;
}
[data-page-id="8143970"] .top-left a {
	color: #00ff00 !important;
    font-style: italic;
}
[data-page-id="8143970"] .top-left a {
	color: black;
}
[data-page-id="8143970"] .index-link a {
	color: black;
}
[data-page-id="8143970"] .top-right a {
	color: black;
}
[data-page-id="8143970"] .bottom-right a {
	color: black;
}
[data-page-id="8143970"] .bottom-left a {
	color: black;
}
[data-page-id="8143970"] .info-link {
    	background-image: url("https://files.cargocollective.com/c438213/i-black.svg");;

}
[data-page-id="8143970"] .info-link:hover {
	color: #00ff00 !important;
}
[data-page-id="8143970"] .item {
	background-image: url("https://files.cargocollective.com/c438213/C-NEW-BLACK.svg");
	;
}
[data-page-id="8143970"] .item:hover {
	background-image: url("https://files.cargocollective.com/c438213/C-NEW-HOVER.svg");
	;
}
/* CONTCEPT LED */

[data-set-id="8169516"] .content_padding {
	max-width: 1000px;
	margin: 0px auto;
        width: 100% !important;

	padding-top: 100px !important/*!main_margin*/
	;
	padding-bottom: 100px !important/*!main_margin*/
	;
	padding-left: 50px !important/*!main_margin*/
	;
	padding-right: 50px !important/*!main_margin*/
	;
}
[data-page-id="8143972"] .top-left a {
	color: black;
}
[data-page-id="8143972"] .top-logo a {
	color: black;
}
[data-page-id="8143972"] .item {
	background-image: url("https://files.cargocollective.com/c438213/C-NEW-BLACK.svg");
	;
}
[data-page-id="8143972"] .item:hover {
	background-image: url("https://files.cargocollective.com/c438213/C-NEW-HOVER.svg");
	;
}
[data-page-id="8143972"] .top-right a {
	color: #00ff00 !important;
        font-style: italic;

}
[data-page-id="8143972"] .top-logo {
	color: black;
}
[data-page-id="8143972"] .top-right a {
	color: black;
}
[data-page-id="8143972"] .bottom-right a {
	color: black;
}
[data-page-id="8143972"] .bottom-left a {
	color: black;
}
[data-page-id="8143972"] .info-link {

}
[data-page-id="8143972"] .info-link:hover {
	color: #00ff00 !important;
}
/* ELECTRONICA */

[data-set-id="8169655"] .content_padding {
	max-width: 1000px;
	margin: 0px auto;
        width: 100% !important;

	padding-top: 100px !important/*!main_margin*/
	;
	padding-bottom: 100px !important/*!main_margin*/
	;
	padding-left: 50px !important/*!main_margin*/
	;
	padding-right: 50px !important/*!main_margin*/
	;
}
[data-page-id="8144068"] .top-left a {
	color: black;
}
[data-page-id="8144068"] .top-logo a {
	color: black;
}
[data-page-id="8144068"] .top-logo {
	color: black;
}
[data-page-id="8144068"] .top-right a {
	color: black;
}
[data-page-id="8144068"] .bottom-right a {
	color: black;
}
[data-page-id="8144068"] .bottom-left a {
	color: #00ff00;
        font-style: italic;

}
[data-page-id="8144068"] .info-link:hover {
	color: #00ff00 !important;
}
[data-page-id="8144068"] .info-link {
    	background-image: url("https://files.cargocollective.com/c438213/i-black.svg");;

}
[data-page-id="8144068"] .item {
	background-image: url("https://files.cargocollective.com/c438213/C-NEW-BLACK.svg");
	;
}
[data-page-id="8144068"] .item:hover {
	background-image: url("https://files.cargocollective.com/c438213/C-NEW-HOVER.svg");
	;
}
/* REAL PEOPLE */

[data-set-id="8169738"] .content_padding {
	max-width: 1000px;
    width:100% !important;
        width: 100% !important;

	margin: 0px auto;
	padding-top: 100px !important/*!main_margin*/
	;
	padding-bottom: 100px !important/*!main_margin*/
	;
	padding-left: 50px !important/*!main_margin*/
	;
	padding-right: 50px !important/*!main_margin*/
	;
}
[data-page-id="8144067"] .top-logo {
	color: black;
}
[data-page-id="8144067"] .top-left a {
	color: black;
}
[data-page-id="8144067"] .top-logo a {
	color: black;
}
[data-page-id="8144067"] .top-right a {
	color: black;
}
[data-page-id="8144067"] .bottom-right a {
	color: #00ff00;
        font-style: italic;
}
[data-page-id="8144067"] .bottom-left a {
	color: black;
}
[data-page-id="8144067"] .info-link:hover {
	color: #00ff00 !important;
}
[data-page-id="8144067"] .info-link {
    	background-image: url("https://files.cargocollective.com/c438213/i-black.svg");;

}
[data-page-id="8144067"] .item {
	background-image: url("https://files.cargocollective.com/c438213/C-NEW-BLACK.svg");
	;
}
[data-page-id="8144067"] .item:hover {
	background-image: url("https://files.cargocollective.com/c438213/C-NEW-HOVER.svg");
	;
}
#toolset {
	display: none;
}
.back-to-index {
	background: #000;
	;
	position: absolute;
	width: 100%;
	top: 0px;
	z-index: -10;
	left: 0px;
	height: 100%;
}
.close {
    z-index: 999999999;
		font-family: league-gothic, sans-serif !important;
letter-spacing: 3px;;
	font-size: 30px;
    height: 32px;;
	position: fixed;
	top: 32px;
	width: 100px;
	color: #fff;
	left: 0px;
	right: 0px;
	text-align: center;
	margin: 0px auto;
	display: inline-block;
}
.close:hover{
	font-style: italic;;
}
.credits {
	font-size: 14px;
	line-height: 1.6;
	position: absolute;
	bottom: 40px;
	color: #fff;
	width: 70%;
	left: 0px;
	right: 0px;
	text-align: center;
	margin: 0px auto;
	display: inline-block;
}
.index-link {
    color: black !important;
    font-family: league-gothic, sans-serif !important;

	position: fixed;
	top: 29px;
	font-size: 30px;
	color: white;
    width:100px;
	z-index: -10;
	left: 0px;
        letter-spacing: 2px;

	right: 0px;
	margin: 0px auto;
	text-align: center;
}

.index-link:hover{
		color: #00ff00 !important;

}
.info-outer {
	text-align: center;
	z-index: 9999999999999;
	position: fixed;
    width: 100%;
	display: none;
}
.info-outer a {
	position: relative;
	display: block;
}
.info-link {
    cursor: pointer;
	position: fixed;
	bottom: 52px;
    background-position: center;
    background-repeat: no-repeat;
	font-size: 30px;
	text-align: center;
	margin: 0px auto;
    z-index: 99999999;
	left: 0px;
    max-width: 190px;
    width: auto;
    text-transform: uppercase;
	right: 0px;
        animation: 1s infinite blink;

    		font-family: league-gothic, sans-serif !important;

}

[data-page-id="8622306"] .info-link {
            	color: #00ff00 !important;
    max-width: 80px;
	
}



@keyframes blink {
    0%, 15% {
        	color: #00ff00;

    }
    16%, 100% {
        opacity: 1;
    }
}


.info {
	position: relative;
	height: 100vh;
    font-size: 18px;;
    	font-family: rhode, sans-serif;
    padding: 0px 30px;;
	display: flex;
	text-align: center;
	flex-direction: column;
	justify-content: center;
	background: rgba(0, 0, 0, 0.92);
	color: white;
	line-height: 33px;
}

.info a{    
    font-family: rhode, sans-serif;
letter-spacing: 0px;
    text-decoration: none;
	font-size: 18px;;
}
.close-icon {
	text-align: center;
	display: inline-block;
		font-family: league-gothic, sans-serif !important;

	position: absolute !important;
	left: 0px;
	right: 0px;
	margin: 0px auto;
	width: 100px;
	font-size: 30px;
	;
	bottom: 50px !important;
}

.close-icon:hover{
	font-style: italic;
}
.bottom-left {
	position: fixed;
	left: -38px;
	z-index: 9999999;
    	display: none;

	bottom: 133px;
	height: 0px;
	line-height: 0px;
	color: white;
	text-transform: uppercase;
	;
	transform: rotate(-90deg);
}
.top-left {
	position: fixed;
	left: -51px;
    	display: none;

	z-index: 9999999;
	top: 142px;
	height: 0px;
	line-height: 0px;
	color: white;
	text-transform: uppercase;
	;
	transform: rotate(-90deg);
}
.top-right {
	position: fixed;
	right: -31px;
	z-index: 9999999;
	top:119px;
	height: 0px;
	line-height: 0px;
	color: white;
	text-transform: uppercase;
	display: none;
	transform: rotate(-90deg);
}
.bottom-right {
	position: fixed;
	right: -8px;
	z-index: 9999999;
	bottom: 99px;
	height: 0px;
	line-height: 0px;
	color: white;
	text-transform: uppercase;
		display: none;

	transform: rotate(-90deg);
}
.middle {
	margin: auto;
	color: white;
	z-index: 9999;
	left: 50%;
    max-width: 300px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50% !important;
	line-height: 0px;
	display: block;
	position: absolute;
}
.middle h1 {
	height: 0px;
	line-height: 0px !important;
}
.index-page {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
.top-left:hover .section-one:hover {
	background-image: url("https://freight.cargo.site/t/original/i/df1f8bc876ea512ba9ab99f373c5e30b93e82cb3eb63b77630edcc735b981692/Artist-conpressed.gif");
}

/*.section-four:hover {
	background-image: url("https://freight.cargo.site/t/original/i/d77861ca4286cdbfd7718ed480c11e68a72c6020b5cab78a709f943717f45496/real-people.gif");
}*/
body {
	background-color: #fff;
	color: #000;
}
a:active {
	opacity: 0.7;
}
.page a.active {
	opacity: 1;
}
i, em {
	font-style: italic;
}
b, strong {
	font-weight: 600;
}
sub, sup {
	position: relative;
	vertical-align: baseline;
}
sub {
	top: 0.3em;
}
sup {
	top: -0.4em;
}
s {
	text-decoration: line-through;
}
img {
	border: 0;
	padding: 0;
}
ul, ol {
	margin: 0;
	padding: 0 0 0 1em;
}
blockquote {
	margin: 0;
	padding: 0 0 0 2em;
}
hr {
	background: rgba(127, 127, 127, 0.2);
	border: 0;
	height: 1px;
	display: block;
}
.content img {
	float: none;
	margin-bottom: .5em;
}
.gallery_image_caption {
	margin-top: 1.2rem;
	margin-bottom: 0.5rem;
	font-size: 1.5rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.35);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons
	;
	font-style: normal;
	line-height: 1.3;
}
/**
 * Loading Animation
 */

.loading[data-loading] {
	position: fixed;
	bottom: 8px;
	left: 8px;
}
/**
 * Editor styles
 */

[data-predefined-style="true"] bodycopy {
	font-size: 18px;
	;
	font-weight: 300;
	color: rgba(0, 0, 0, 0.85);
	font-family: rhode, sans-serif;
	font-style: normal;
	line-height: 1.3;
}
[data-predefined-style="true"] bodycopy a {
	color: rgb(255, 255, 255);
	cursor: pointer !important;
	border-bottom: 0.0em solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}
[data-predefined-style="true"] bodycopy a:hover {
	color: #00ff00;
	cursor: pointer;
}
bodycopy a.image-link, bodycopy a.icon-link, bodycopy a.image-link:hover, bodycopy a.icon-link:hover {
	border-bottom: 0;
	padding-bottom: 0;
}
[data-predefined-style="true"] h1 {
	font-family: rhode-condensed, sans-serif;
	width: 100%;
	font-weight: 200;
	padding: 0;
	letter-spacing: 2px;
	margin: 0;
	font-size: 100px;
	;
	line-height: 1.2;
	color: rgba(255, 255, 255, 1);
	}
[data-predefined-style="true"] h1 a {
	color: rgba(0, 0, 0, 0.85);
}
[data-predefined-style="true"] h2 {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons
	;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	color: rgba(0, 0, 0, 0.85);
	font-size: 3rem;
	line-height: 1.2;
	}
[data-predefined-style="true"] h2 a {
	color: rgba(0, 0, 0, 0.85);
}
[data-predefined-style="true"] small {
	display: inline-block;
	font-size: 1.6rem;
	line-height: 1.3;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, 'Sans Serif', Icons
	;
	font-style: normal;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.35);
}
[data-predefined-style="true"] small a {
	color: rgba(0, 0, 0, 1);
	border-bottom-width: 0em;
}
/**
 * Breakpoints
 */

[data-css-preset] .page {
	background-color: initial/*!page_bgcolor*/
	;
}
.mobile .page, [data-css-preset].mobile .page {
	position: relative;
	min-height: 10px;
	max-width: 100%;
	width: 100%;
	background-color: transparent/*!page_bgcolor*/
	;
}
[data-css-preset] .container {
	margin-left: 0/*!content_left*/
	;
	margin-right: auto/*!content_left*/
	;
	text-align: left/*!text_left*/
	;
}
[data-css-preset] body {
	background-color: rgb(255, 255, 255)/*!body_bgcolor*/
	;
}
[data-css-preset] .container_width {
	width: 100%/*!content_left*/
	;
}
[data-css-preset] .content_padding {
	padding-top: 0rem/*!main_margin*/
	;
	padding-bottom: 0rem/*!main_margin*/
	;
	padding-left: 0rem/*!main_margin*/
	;
	padding-right: 0rem/*!main_margin*/
	;
}
[data-css-preset] text-limit {
	display: inline-block/*!text_width*/
	;
	max-width: 66rem/*!text_width*/
	;
}
/**
 * Thumbnails
 */

div[thumbnails] {
	justify-content: flex-start;
}
[data-css-preset] .thumbnails {
    background: white !important;
	width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: calc(100% - 40px);
    z-index: 8;
	margin: 100px auto 145px auto;
	background-color: rgba(0, 0, 0, 0)/*!thumbnails_bgcolor*/
	;
}
[data-css-preset] .thumbnails_width {
	width: 100%/*!thumbnails_width*/
	;
}
[data-css-preset] [thumbnails-pad] {
	padding: 5px/*!thumbnails_padding*/
	;
}
[data-css-preset] [thumbnails-gutter] {
	margin: -20px/*!thumbnails_padding*/
	;
}
[data-css-preset] [responsive-layout] [thumbnails-pad] {
	padding: 0rem/*!responsive_thumbnails_padding*/
	;
}
[data-css-preset] [responsive-layout] [thumbnails-gutter] {
	margin: 0rem/*!responsive_thumbnails_padding*/
	;
}
.thumbnails .thumb_image {
	outline: 0px solid rgba(0, 0, 0, .12);
	outline-offset: -1px;
}
.thumbnails .title {
    pointer-events: none;
	text-align: left;
	margin-bottom: 0px;
	font-size: 0px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    margin: auto;
    top: 0px;;
    right: 0px;
    width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: calc(100% - 10px);
    z-index: 99999999999999;
    display: block;
    opacity: 1;
    height: -moz-calc(100% - 10px);
	height: -webkit-calc(100% - 10px);
	height: calc(100% - 10px);
	font-weight: normal;
	background: rgba(0, 0, 0, 0.40);
	font-family: rhode, sans-serif;
	font-style: normal;
	line-height: 1.1;
}
.thumbnails .tags {
    position: absolute;
    z-index: 0;
    pointer-events: none;
	padding-left: 20px !important;
   bottom: 20px;
    padding-right: 20px;
	display: inline-block;
	text-align: left;
	margin-top: 2px;
    z-index: 9999999999999;
	font-size: 12px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.35);
	font-family: rhode, sans-serif;
	font-style: normal;
	line-height: 1.5;
}
.thumbnails .tags a {
    pointer-events: none;
    text-transform: uppercase;
	font-style: normal !important;
	border-bottom: 0;
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
}
.thumbnails .has_title .tags {}
/**
 * Site Menu
 */

[data-css-preset] #site_menu_button {
	color: rgba(0, 0, 0, 0.75);
	line-height: 1;
	font-size: 28px/*!site_menu_button*/
	;
	padding: 6px;
	line-height: 1;
	background: rgba(33, 32, 46, 0);
	position: fixed;
	top: 2rem/*!site_menu_button*/
	;
	right: 2rem/*!site_menu_button*/
	;
}
body.mobile #site_menu_button {
	margin: -6px;
	font-size: 34px;
}
#site_menu_button.custom_icon {
	width: 40px;
	height: auto;
}
#site_menu_button.active {
	display: none;
}
/**
 * Site Menu
 */

#site_menu {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons
	;
	background: rgba(20, 20, 20, 0.95);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	padding: 20px 30px 90px 30px;
	max-width: 400px;
	min-width: 300px;
	text-align: left;
	display: flex;
	justify-content: flex-start;
}
body.mobile #site_menu {
	width: 100%;
}
#site_menu .page-link a {
	color: rgba(255, 255, 255, 0.75);
}
#site_menu .set-link>a {
	color: rgba(255, 255, 255, 0.75);
	font-weight: bold;
}
#site_menu a:active {
	opacity: .7;
}
#site_menu a.active {
	opacity: .4;
}
#site_menu .close {
	display: none;
	color: rgba(255, 255, 255, 0.4);
	line-height: .85em;
	font-size: 45px;
}
body.mobile #site_menu .close {
	display: block;
	font-size: 50px;
	line-height: 1em;
}
#site_menu .break {
	height: 28px;
}
#site_menu .indent {
	margin-left: 28px;
}
/*
 * Shop Button
 */

[data-css-preset] #shop_button {
	color: rgba(0, 0, 0, 0.85);
	background: transparent;
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	position: fixed;
	padding: 6px;
	top: 2rem/*!shop_button*/
	;
	right: 2rem/*!shop_button*/
	;
}
#shop_button.text {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons
	;
	font-size: 2rem;
	padding: 0;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.85);
}
#shop_button.custom_icon {
	width: 40px;
	height: auto;
}
body.mobile #shop_button:not(.text) {
	margin: -6px;
	font-size: 36px;
}
/*
 * Shop Product Widget
 */

.shop_product {
	width: 100%;
	max-width: 22rem;
	position: relative;
	display: block;
}
.shop_product .price {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons
	;
	font-size: 2rem;
	line-height: 1;
	color: rgba(0, 0, 0, 0.85);
	display: block;
	margin-bottom: 1rem;
}
.shop_product .dropdown {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons
	;
	font-size: 1.4rem;
	display: inline-block;
	width: 100%;
	border: 1px solid rgba(0, 0, 0, .2);
	background: white url(https://static.cargo.site/assets/images/select-arrows.svg) no-repeat right;
	margin-bottom: 1rem;
	line-height: 1.2;
	padding: .7rem 1rem;
}
.shop_product .button {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons
	;
	font-size: 1.4rem;
	background: rgba(0, 0, 0, 0.7);
	color: rgba(255, 255, 255, 1);
	flex: 0 0 50%;
	text-align: left;
	display: inline-block;
	line-height: 1;
	padding: .8rem 1rem .9rem;
}
/*
 * Image Zoom
 */

.content img.image-zoom:active {
	opacity: .7;
}
/**
 * Quick View
 */

[data-css-preset] .quick-view {
    padding-top: 2.5rem /*!quick_view_padding*/;
    padding-bottom: 2.5rem /*!quick_view_padding*/;
    padding-left: 2.5rem /*!quick_view_padding*/;
    padding-right: 2.5rem /*!quick_view_padding*/;
    height: 100% /*!quick_view_height*/;
    width: 100% /*!quick_view_width*/;
}

body.mobile .quick-view {
    width: 100%;
    height: 100%;
    margin: 0;
}


[data-css-preset] .quick-view-background {
	background: rgba(255, 255, 255, 0.95) /*!quick_view_bgcolor*/;
}

.quick-view-caption {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
    transition: 100ms opacity ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 2rem 0;
    text-align: center;
    font-size: 1.8rem;
}

.quick-view-caption span {
    padding: 0.5rem 1rem;
    display: inline-block;
    background: rgba(0,0,0,0.4);
    color: white;
}
/**
 * Quick View Navigation 
 */

.quick-view-navigation .left-arrow {
    left: 10px;
}

.quick-view-navigation .right-arrow {
    right: 10px;
}

.quick-view-navigation .left-arrow, .quick-view-navigation .right-arrow {
	/* Change height/width together to scale */
	height: 36px;
	width: 36px;
}
.quick-view-navigation .left-arrow .inner-color, .quick-view-navigation .right-arrow .inner-color {
	stroke: #fff;
    stroke-width: 1.5px;
}
.quick-view-navigation .left-arrow .outer-color, .quick-view-navigation .right-arrow .outer-color {
	stroke: #000;
    stroke-width: 2.5px;
	opacity: 0.6;
}
.quick-view-navigation .close-button {
	top: 10px;
	right: 10px;
	/* Change height/width together to scale */
	width: 36px;
	height: 36px;
}
.quick-view-navigation .close-button .inner-color {
	stroke: #fff;
    stroke-width: 1.5px;
}
.quick-view-navigation .close-button .outer-color {
	stroke: #000;
    stroke-width: 2.5px;
	opacity: 0.6;
}
/** 
 * Image Gallery Navigation Arrows 
 */

.image-gallery-navigation .left-arrow, .image-gallery-navigation .right-arrow {
	/* Change height/width together to scale */
	height: 36px;
	width: 36px;
}
.image-gallery-navigation .left-arrow .inner-color, .image-gallery-navigation .right-arrow .inner-color {
	stroke: #fff;
    stroke-width: 1.5px;
}
.image-gallery-navigation .left-arrow .outer-color, .image-gallery-navigation .right-arrow .outer-color {
	stroke: #000;
    stroke-width: 2.5px;
	opacity: 0.6;
}
/**
 * Wallpaper Backdrop Navigation Arrows 
 */

.wallpaper-navigation .left-arrow, .wallpaper-navigation .right-arrow {
	/* Change height/width together to scale */
	width: 36px;
	height: 36px;
}
.wallpaper-navigation .left-arrow .inner-color, .wallpaper-navigation .right-arrow .inner-color {
	stroke: #fff;
    stroke-width: 1.5px;
}
.wallpaper-navigation .left-arrow .outer-color, .wallpaper-navigation .right-arrow .outer-color {
	stroke: #000;
    stroke-width: 2.5px;
	opacity: 0.6;
}
/**
 * Feed
 */

.feed .content_container .page {
	border-top: 0px dashed rgba(0, 0, 0, 0.2);
}
.feed .content_container .page_container:first-child .page {
	border-top: 0;
}
/*
 * Audio Player
 */

.audio-player {
	max-width: 36rem;
	height: 3.3rem;
	outline: 1px solid rgba(0, 0, 0, 0.15);
	color: rgba(0, 0, 0, 0.6);
	background: #fff;
	font-size: 1.2rem;
	line-height: 1.3;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons
	;
	font-style: normal;
	font-weight: 400;
	text-align: left;
	margin: 1px 1px 1em 1px;
}
body.mobile .audio-player {
	max-width: 100%;
}
.audio-player .separator {
	width: 1px;
	background-color: rgba(0, 0, 0, 0.15);
}
.audio-player .button {
	background: transparent;
	cursor: pointer;
	fill: rgba(0, 0, 0, 0.85);
}
.audio-player .icon {
	fill: rgba(0, 0, 0, 0.85);
	padding: 30%;
	width: 100%;
	margin: auto;
}
.audio-player .buffer {
	background: rgba(0, 0, 0, 0.03);
}
.audio-player .progress {
	background: rgba(0, 0, 0, 0.1);
}
.audio-player .progress-indicator {
	border: 1px solid rgba(0, 0, 0, 0.7);
	width: 1px;
	height: 100%;
	right: 0;
	position: absolute;
	cursor: ew-resize;
}
.audio-player .note-icon {
	height: 100%;
	width: 3.8rem;
	padding: 1rem;
	fill: rgba(0, 0, 0, 0.5);
}
.audio-player .current-time {
	padding-left: 1rem;
}
.audio-player .total-time {
	padding-right: 1rem;
}

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


.thumbnail {
		width: 25% !important;
	}
}

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

.section-one video {
    width:150vw;
    }
    
    .section-two video {
    width:150vw;
    }
    
    .section-three video {
    width:150vw;
    }
    
    .section-four video {
    width:150vw;
    }
}

@media only screen and (max-width: 900px) {
	.thumbnail {
		width: 33.33% !important;
	}
	[data-css-preset] [thumbnails-pad] {
		padding: 5px !important/*!thumbnails_padding*/
		;
	}
	.middle h1 {
		font-size: 27px;
		width: 100%;
		letter-spacing: 3px;
		;
		height: 0px;
		line-height: 0px !important;
	}
	
	.bottom-left {
		left: -48px;
		bottom: 123px;
	}
	.bottom-right {
		right: -17px;
		bottom: 89px;
	}
	.top-left {
		top: 132px;
		left: -61px;
	}
	.top-logo {
		top: 20px;
	}
	.top-right {
		top: 109px;
		right: -41px
	}
	[data-css-preset] .thumbnails {
		width: -moz-calc(100% - 140px);
		width: -webkit-calc(100% - 140px);
		width: calc(100% - 40px);
		margin: 95px auto 120px auto;
		background-color: rgba(0, 0, 0, 0)/*!thumbnails_bgcolor*/
		;
	}
	.info-link {
		position: fixed;
		bottom: 40px;
	
    
	}
	.thumbnails .title {
	
	}
	.middle {
		width: 100%;
		text-align: center;
	}
	.close-icon {
		font-size: 25px;
		bottom: 20px !important;
	}
    
    .close {		font-size: 25px;
    }

}
@media only screen and (max-width: 768px) {
   
    .new-logo {
	margin: 0px auto;
	;
	z-index: 9999999;
	width: 180px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: cetner;
	;
	height: 136px;
	;
	background-image: url("	https://files.cargocollective.com/c438213/Caz-Clayton.svg");
	;
}
    
    
    .bottom-left {
		left: -42px;
		bottom: 92px;
	}
	.bottom-right {
		right: -17px;
		bottom: 66px;
	}
	.top-left {
		top: 100px;
		left: -53px;
	}
	.top-logo {
		top: 20px;
	}
	.top-right {
		top: 81px;
		right: -36px
	}
    
    .index-page a {
font-size: 25px;
    letter-spacing: 3px;;
font-family: league-gothic-condensed, sans-serif;

    }
    
    .index-page .bottom-left{
	display: none;
}
    
       .index-page .bottom-right{
	display: none;
}
    
       .index-page .top-left{
	display: none;
}
    
       .index-page .top-right{
	display: none;
}
    
    .nav-wrap a {
	font-size: 25px;
    letter-spacing: 3px;
}
    .info a{    	font-family: rhode, sans-serif;
letter-spacing: 0.5px;
	font-size: 14px;;
}
    .info{
	font-size: 14px;
}
	.section-four {
		width: 100%;
		height: 25vh;
	}
	.section-one {
		width: 100%;
		height: 25vh;
	}
	.section-two {
		width: 100%;
		height: 25vh;
	}
	.section-three {
		width: 100%;
		height: 25vh;
	}
	.index-page a {
		height: 25vh;
		cursor: pointer;
		float: left;
		width: 100%;
		display: inline-block;
	}
	[data-css-preset] .thumbnails {
		width: -moz-calc(100% - 0px);
		width: -webkit-calc(100% - 0px);
		width: calc(100% - 0px);
    z-index: 0;
		margin: 40px auto 70px auto;
		background-color: rgba(0, 0, 0, 0)/*!thumbnails_bgcolor*/
		;
	}
	.thumbnail {
		width: 50% !important;
	}
    [data-predefined-style="true"] bodycopy {
	font-size: 14px;

}
    .info-link {
		position: fixed;
		bottom: 20px;
    font-size: 25px;
	
    
	}
    
    .index-link {
    font-size: 25px;
    position: absolute;
        top: 12px;;
    z-index: 999999999999;
    }
    .pinned.pinned_top .page_container.overlay{
	
    z-index: 4!important;
}
    
    [data-set-id="8169655"] .content_padding {
	max-width: 1000px;
    width:100% !important;
        width: 100% !important;

	margin: 0px auto;
	padding-top: 50px !important/*!main_margin*/
	;
	padding-bottom: 50px !important/*!main_margin*/
	;
	padding-left: 20px !important/*!main_margin*/
	;
	padding-right: 20px !important/*!main_margin*/
	;
}
    
    
[data-set-id="8169516"] .content_padding {
	max-width: 1000px;
    width:100% !important;
        width: 100% !important;

	margin: 0px auto;
	padding-top: 50px !important/*!main_margin*/
	;
	padding-bottom: 50px !important/*!main_margin*/
	;
	padding-left: 20px !important/*!main_margin*/
	;
	padding-right: 20px !important/*!main_margin*/
	;
}
    
    [data-set-id="8169738"] .content_padding {
	max-width: 1000px;
    width:100% !important;
        width: 100% !important;

	margin: 0px auto;
	padding-top: 50px !important/*!main_margin*/
	;
	padding-bottom: 50px !important/*!main_margin*/
	;
	padding-left: 20px !important/*!main_margin*/
	;
	padding-right: 20px !important/*!main_margin*/
	;
}
 [data-set-id="8169334"] .content_padding {
		max-width: 1000px;
    width:100% !important;
        width: 100% !important;

	margin: 0px auto;
	padding-top: 50px !important/*!main_margin*/
	;
	padding-bottom: 50px !important/*!main_margin*/
	;
	padding-left: 20px !important/*!main_margin*/
	;
	padding-right: 20px !important/*!main_margin*/
	;
}

}
@media only screen and (max-width: 550px) {
    [data-set-id="8628533"] .content_padding {
	max-width: 1000px;
	margin: 0px auto;
    width: 100% !important;
		padding-top: 50px !important/*!main_margin*/
	;
	padding-bottom: 50px !important/*!main_margin*/
	;
	padding-left: 20px !important/*!main_margin*/
	;
	padding-right: 20px !important/*!main_margin*/
	;
}
    [data-css-preset] [thumbnails-pad] {
		padding: 0px 5px 10px 5px !important/*!thumbnails_padding*/
		
	}
    
    .credits {
     bottom: 90px; 
    width:100%;
    padding: 0px 20px;;
    }
    
    .thumbnails .title {
	
    width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: calc(100% - 10px);
  top:-10px;
    height: -moz-calc(100% - 10px);
	height: -webkit-calc(100% - 10px);
	height: calc(100% - 10px);
	
}
    
    .thumbnails .tags {
    position: absolute;
        font-size: 9px;
	padding-left: 15px !important;
   bottom: 20px;
    }
    
	[data-css-preset] .thumbnails {
		width: -moz-calc(100% - 0px);
		width: -webkit-calc(100% - 0px);
		width: calc(100% - 0px);
		margin: 50px auto 50px auto;
		background-color: rgba(0, 0, 0, 0)/*!thumbnails_bgcolor*/
		;
	}
	.thumbnail {
		width: 50% !important;
    margin-bottom: 0px;;
	}
    
    .info a{    	font-family: rhode, sans-serif;

	font-size: 14px;
        margin: 0px;
        line-height: 20px;
        letter-spacing: 0px;
}
    #top, #bottom, #left, #right {
	background: #fff;
	position: fixed;
	}
	#left, #right {
		top: 0; bottom: 0;
		width: 5px;
		}
		#left { left: 0; }
		#right { right: 0; }
		
	#top, #bottom {
		left: 0; right: 0;
		height: 5px;
		}
		#top { top: 0; }
		#bottom { bottom: 0; }
    
   
}

 /* body.mobile    .section-one video{
	
          display: none !important;
}
      
   body.mobile      .section-two video{
	
          display: none !important;
}
      
     body.mobile    .section-three video{
	
          display: none !important;
}
      
    body.mobile     .section-four video{
	
          display: none !important;
}
*/
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
      

 .close-icon {
		bottom: 90px !important;
	}
      
      .close{
			bottom: 90px !important;

}
      
   /*    .section-one:hover video {
	display: none;
}
.section-two:hover video {
	display: none;
}
.section-three:hover video {
	display: none;
}
.section-four:hover video {
	display: none;
}*/
}