/**
 * Content
 */

@-webkit-keyframes scroller {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-10px);
	}
}

[data-set-id="18736680"] .menu li{
	
    display: none !important;
}

[data-set-id="18736680"] .menu li.backhome-mobile{
	
    display: block !important;
}

.menu li.backhome-mobile{
	
    display: none ;
}

[data-set-id="18736680"] .header-2 .left a{
	
    display: none !important;
}

[data-set-id="18736680"] .header-2 .right a{
	
    display: none !important;
}

[data-set-id="18736680"] .header-2 .right .icon-link{
	
    display: block !Important;
}

[data-set-id="18736680"] .header-2 .right span{
	
    display: none;
}

[data-set-id="18736680"] .header-2 .left span{
	
    display: none;
}

.backhome{
	
    display: none;
}

[data-set-id="18736680"] .header-2 .left .backhome{
	
    display: block !Important;
}

[data-set-id="18736680"] .inner h2 {
    font-size: 28px;
    font-weight: 600;
    font-family: p22-underground, sans-serif;
	text-transform: uppercase;
}
[data-set-id="18736680"] .inner h1 {
	text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    margin-bottom: 30px;
    letter-spacing: 2px;
}
[data-set-id="18736680"] .inner hr{
	max-width: 50px;
}
[data-set-id="18736680"] .inner{
	max-width: 800px;
}

[data-set-id="18736680"] .header{
	
    display: none;
}


h2 b{
	text-transform: uppercase;
    font-size: 20px !important;
    font-family: p22-underground, sans-serif;
    letter-spacing: 2px;;
	font-weight: 500;
}

[data-set-id="18736680"] .header-2{
	
   
	text-align: center;
	position: fixed;
	transition: all .4s ease-in-out;
	z-index: 999999;
	background: #0e2b2c;
	position: fixed;
	top: 0px;
	z-index: 999;
	width: 100%;
	transition: height .25s, filter .3s, border-bottom-color .25s, transform .33s;
	transform: translateY(-0%);
}


#jobs{
	
    margin-top: 50px;
}
#job{
	
    margin-top: 50px;
}

body.scrolled-2 .header-2 {
	transform: translateY(0%);
	display: block;
}


.inner li:before {
	content: "—";
}
.inner li {
    	text-align:left;

	list-style: none !important;
	padding-left: 1.3em;
}
.inner li:before {
	color: #fff;
	/* FontAwesome Unicode */
	display: inline-block;
	margin-left: -1.3em;
	/* same as padding-left set on li */
	width: 1.3em;
	/* same as padding-left set on li */
}
.menu-navigation {
	top: 14px;
	display: none;
	position: relative;
	transition: all 0.3s;
	z-index: 999999999;
}
.menu-icon-toggle {
	display: block;
	width: 32px;
	height: 19px;
	position: relative;
	z-index: 9;
}
.open .menu-icon-toggle::before {
	background-color: #fff;
}
.open .menu-icon-toggle::after {
	background-color: #fff;
}
.open .menu-icon-toggle span {
	background: #fff !important;
}
.menu-icon-toggle span {
	display: block;
	width: 100%;
	margin: 0px !important;
	height: 2px;
	position: absolute;
	top: 50%;
	background-color: #fff;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: opacity 0.3s 0.3s;
	transition: opacity 0.3s 0.3s;
}
.menu-icon-toggle::before, .menu-icon-toggle::after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	background-color: #fff;
	-webkit-transition: top 0.3s 0.3s, bottom 0.3s 0.3s, -webkit-transform 0.3s;
	transition: top 0.3s 0.3s, bottom 0.3s 0.3s, -webkit-transform 0.3s;
	transition: transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s;
	transition: transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s, -webkit-transform 0.3s;
}
.menu-icon-toggle::before {
	top: 0px;
}
.menu-icon-toggle::after {
	bottom: 0px;
}
.open .menu-icon-toggle span {
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.open .menu-icon-toggle::before {
	background-color: #fff;
}
.open .menu-icon-toggle::after {
	background-color: #fff;
}
.open .menu-icon-toggle::before {
	top: calc(50% - 1px);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.open .menu-icon-toggle::after {
	bottom: calc(50% - 1px);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.open .menu-icon-toggle::before, .open .menu-icon-toggle::after {
	-webkit-transition: top 0.3s, bottom 0.3s, -webkit-transform 0.3s 0.3s;
	transition: top 0.3s, bottom 0.3s, -webkit-transform 0.3s 0.3s;
	transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s;
	transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
}
.open .menu {
	left: 0px;
}
.menu {
	visibility: visible;
	box-sizing: border-box;
	left: -100%;
	right: 0px;
	padding: 110px 30px 30px 30px;
	transition: all 0.3s;
	background: #1f1f1f;
	position: fixed;
	width: 100%;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	display: flex;
	height: 100vh;
}
.menu-left {
	color: #656565;
	width: 75%;
}
.menu-right {
	text-align: right;
	width: 50%;
}
.menu-right a {
	margin-left: 5px;
	display: inline-block !important;
}
.menu-right a:before {
	content: "";
	width: 0px !important;
}
.menu ul {
	position: relative;
	top: -40px;
	text-align: center;
	padding-left: 0px !important;
	margin-left: 0px !important;
}
.menu ul ul {
	top: 0px;
	margin-bottom: 20px;
	padding-left: 0px !important;
	margin-left: 0px !important;
}
.menu ul ul li a {
	font-size: 18px;
	color: #d7d7d7;
	line-height: 24px;
}
.menu ul ul li {
	margin-bottom: 10px;
}
.menu li {
	list-style: none;
	opacity: 0;
	margin-bottom: 15px;
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.menu li {
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.5s;
}
.menu li span {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.open .menu li {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.open .menu li {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.open .menu li span {
	-webkit-transition-delay: 0.75s;
	transition-delay: 0.75s;
}
.menu a {
	font-family: p22-underground, sans-serif !important;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	font-size: 20px;
	letter-spacing: 2px;
	text-decoration: none;
	color: #fff;
}
#about {
	padding-top: 40px;
}
#find-us {
	padding-top: 55px;
	padding-bottom: 55px;
}
#gallery {
	padding-top: 80px;
	padding-bottom: 80px;
}
#team {
	padding-top: 40px;
	padding-bottom: 40px;
}
.pinned {
	height: auto !important;
}
button.slick-prev {
	font-size: 0px;
	width: 45px;
	background: transparent;
	top: 50%;
	opacity: 1;
	left: 5rem;
	border: 0px;
	padding: 0px !important;
	z-index: 99999999999;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-image: url("https://files.cargocollective.com/c800859/left-new.svg") !important;
	height: 18px !important;
}
button.slick-next {
	font-size: 0px;
	width: 45px;
	background: transparent;
	top: 50%;
	opacity: 1;
	right: 5rem !important;
	border: 0px;
	padding: 0px !important;
	z-index: 99999999999;
	background-position: center right;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-image: url("https://files.cargocollective.com/c800859/right-new.svg") !important;
	height: 18px !important;
}
.slick-next svg, .wallpaper-navigation .slick-next svg {
	font-size: 0px;
	width: 45px;
	background: transparent;
	opacity: 1;
	right: 20px !important;
	border: 0px;
	padding: 0px !important;
	z-index: 99999999999;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-image: url("https://files.cargocollective.com/c800859/left-new.svg") !important;
	height: 18px !important;
}
.slick-prev svg, .wallpaper-navigation .slick-prev svg {
	font-size: 0px;
	width: 45px;
	background: transparent;
	opacity: 1;
	left: 20px !important;
	border: 0px;
	padding: 0px !important;
	z-index: 99999999999;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-image: url("https://files.cargocollective.com/c800859/left-new.svg") !important;
	height: 18px !important;
}
.new-slider {
	margin-bottom: 0px;
	;
}
.new-slider .slick-track {
	height: 70vh;
}
.new-slider .slick-slide img {
	height: 100% !important;
	width: auto !important;
}
.new-slider .slick-slide {
	padding: 0px 15px;
	height: 100%;
	position: relative;
	pointer-events: none;
}
.new-slider .slick-slide.slick-current {
	pointer-events: all !important;
}
.slider .next .flickity-button-icon {
	background-size: 50px;
	background-position: center;
	transform: rotate(-90deg);
	background-repeat: no-repeat !important;
	background-image: url("https://files.cargocollective.com/c734151/ARROW-DOWN.svg")
}
.slider .previous .flickity-button-icon {
	background-size: 50px;
	transform: rotate(90deg);
	background-position: center;
	background-repeat: no-repeat !important;
	background-image: url("https://files.cargocollective.com/c734151/ARROW-DOWN.svg")
}
.slider .flickity-prev-next-button path {
	display: none;
}
.flickity-prev-next-button {
	width: 60px !important;
	height: 60px !important;
}
.slider .flickity-prev-next-button {
	background-color: transparent !important;
}
.slider {
	padding: 100px;
	position: relative;
	/* overflow: hidden; */
}
.flickity-viewport {}
.carousel-cell {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 50vw;
	height: 50vh;
}
.carousel-cell.custom {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100vw;
	height: 100vh;
}
#first {
	top: 0px;
	width: 100%;
	z-index: -1000;
	padding-top: 0px;
}
.carousel-cell img {
	display: block;
	width: auto !important;
	height: 100% !important;
	max-width: inherit;
}
.text-block {
	max-width: 100%;
	height: 100%;
	color: white;
	display: flex;
	align-content: center;
	justify-content: center;
	flex-direction: column;
	padding: 25px 50px 100px 50px;
}
.instagram {
	background: white;
	margin-bottom: -10px;
}
#map .gm-style .marker img {
	-webkit-animation: scroller 1s infinite alternate;
	animation: scroller 1s infinite alternate;
}
.content_container.full_height {
	min-height: 0px !important;
}
.contact-module {
	position: relative;
	background: rgba(0, 0, 0, 0.7);
	min-height: 100vh;
	justify-content: center;
	flex-direction: column;
	display: flex;
	padding: 70px 40px;
	text-align: center;
}
.contact-module h2 {
	max-width: 500px;
	margin: 0px auto !important;
	font-size: 30px !important;
}
.contact-module:before {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: -1;
	background-size: cover;
	left: 0px;
	background-position: center;
	top: 0px;
	;
	opacity: 5;
	background-image: url("https://freight.cargo.site/t/original/i/c9f5fe8017ff2ccb6a7199f34564414113d8c97f3635692b20f789bea2d50d72/Contact-module.jpg");
}
.contact-module span {
	text-align: center;
	display: block;
	margin: 0px auto 20px auto !important;
	font-size: 11px !important;
	font-family: p22-underground, sans-serif !important;
	text-transform: uppercase;
	font-weight: 600 !important;
	color: #7d7d7d !important;
}
[local-style="14252326"] {
	z-index: 9999 !important;
}
.thumbnails {
	background: #e2e2e3 !important;
	margin: 0px auto;
	padding: 0px 50px !important;
	width: -moz-calc(100% - 0px);
	width: -webkit-calc(100% - 0px);
	width: calc(100% - 0px);
}
.thumbnails_width {
	margin: 0px auto !important;
	max-width: 1700px !important;
}
.work-header {
	padding: 100px 0px 0px 0px;
	background: #e2e2e3 !important;
}
.work-header h1 {
	color: #0f2c2c !important;
}
.instagram h2 {
	text-align: center;
	margin: 40px auto 35px auto !important;
	font-size: 11px !important;
	font-family: p22-underground, sans-serif !important;
	text-transform: uppercase;
	font-weight: 600 !important;
	color: #0f2c2c !important;
}
.col h2 {
	text-align: left;
	margin: 0px auto !important;
	font-size: 11px !important;
	font-family: p22-underground, sans-serif !important;
	text-transform: uppercase;
	font-weight: 600 !important;
	color: #fff !important;
}
.footer {
	background: #0f2c2c;
}
.footer-inner {
	padding-top: 10px;
}
.footer-cols {
	max-width: 1600px;
	width: -moz-calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	width: calc(100% - 100px);
	margin: 0px auto;
	border-top: 1px solid white;
	display: flex;
	font-size: 16px;
	padding: 60px 0px;
}
.footer .col:first-child {
	width: 35%;
}
.col {
	width: 21.66%;
}
.footer-bottom {
	background: black;
}
.footer-bottom-inner {
	max-width: 1700px;
	margin: 0px auto;
	;
	letter-spacing: 0.8px;
	display: flex;
	font-family: p22-underground, sans-serif !important;
	text-transform: uppercase;
	font-size: 12px;
	padding: 20px 50px;
	justify-content: space-between;
	background: black;
}
.footer-bottom-inner a {
	opacity: 1 !important;
	color: #b39780 !important;
}
.col-one {
	width: 33.33%;
	text-align: left;
}
.col-two {
	width: 33.33%;
	text-align: center;
}
.col-three {
	width: 33.33%;
	text-align: right;
	display: inline-block;
}
.col-four {
	width: 21.66%;
}
[data-id="14356057"].page:before {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: -3;
	opacity: 0.1;
	mix-blend-mode: multiply;
	background-image: url("https://freight.cargo.site/t/original/i/b09d768580031e8400cd14b4c91533071e9bed4befe18c3d6418e830119ada12/marble-copy.jpg");
}
[data-id="14771235"].page:before {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: -3;
	opacity: 0.1;
	mix-blend-mode: multiply;
	background-image: url("https://freight.cargo.site/t/original/i/b09d768580031e8400cd14b4c91533071e9bed4befe18c3d6418e830119ada12/marble-copy.jpg");
}
.thumb_image {
	position: relative;
}
.thumb_image:before {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 0;
	background: rgba(14, 43, 44, 0.6);
	opacity: 1;
	mix-blend-mode: multiply;
}
.button {
	font-family: p22-underground, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	;
	font-size: 12px;
	
	padding: 14px 25px 12px 25px;
	flex-basis: center;
	margin: 50px auto 0px auto;
	;
	display: inline-block;
	border: 2px solid white;
}
.button:hover {
	background: white;
	color: #0f2c2c !important;
}
.down {
	color: white !important;
	font-family: Nitti, Icons;
	-webkit-animation: scroller 1s infinite alternate;
	animation: scroller 1s infinite alternate;
	bottom: 30px;
	width: 40px;
	z-index: 99999999999;
	text-align: center;
	left: 0px;
	margin: 0px auto;
	right: 0px;
	position: absolute;
	z-index: 99999999;
	font-style: normal;
	font-weight: 400;
}
.down-arrow {
	display: inline-block;
	background-image: url("	https://files.cargocollective.com/c706834/ARROW-DOWN.svg");
	width: 33px;
	height: 40px;
	background-size: contain;
}
body.scrolled-2 .header-2 {
	transform: translateY(0%);
	display: block;
}
.header-2 {
	text-align: center;
	position: fixed;
	transition: all .4s ease-in-out;
	z-index: 999999;
	background: #0e2b2c;
	position: fixed;
	top: 0px;
	z-index: 999;
	width: 100%;
	transition: height .25s, filter .3s, border-bottom-color .25s, transform .33s;
	transform: translateY(-200%);
}
.header {
	width: 100%;
}
.header-inner {
	width: 100%;
	padding: 50px;
	font-family: p22-underground, sans-serif;
	font-size: 12px;
	font-weight: 600;
	display: flex;
	justify-content: space-between;
}
.header-2 .header-inner {
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: space-between;
	padding: 25px 50px;
}
.header-2 .header-inner span {
	margin: 0px 20px;
	color: #b39780;
}
.header-2 .header-inner .left {
	display: flex;
	justify-content: space-between;
}
.header-2 .header-inner .right {
	display: flex;
	right: 0px;
	justify-content: space-between;
}
.header-inner .left {
	z-index: 999999;
	color: #fff;
	text-transform: uppercase;
	padding-left: 0px;
	position: relative;
	bottom: 0px;
	padding-bottom: 0px;
	;
	float: none;
}
.header-inner a {
	letter-spacing: 1px !important;
	color: white !important;
}
.header-inner .right {
	z-index: 999999;
	color: #fff;
	text-transform: uppercase;
	padding-left: 0px;
	position: relative;
	bottom: 0px;
	padding-bottom: 0px;
	;
	float: none;
}
.contact-box a {
	color: white;
	text-decoration: none;
}
.contact-box a:hover {
	color: rgba(179, 151, 128, 0.98);
}
.color-block {
	height: 100vh;
	width: 50%;
	display: block;
	position: absolute;
	right: 0px;
	background-blend-mode: multiply;
	padding: 0px;
	top: 0px;
	background-color: rgba(72, 88, 91, 0.9);
	;
}
.home-slide [data-slideshow-in-transition] .gallery_image_caption {
	opacity: 0.5 !important;
	transition: none !important;
	-webkit-transition: none !important;
}
img[src=''], img:not([src]) {
	outline: 0px solid rgba(177, 177, 177, 1) !important;
	outline-offset: -1px;
	content: url(data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==);
}
.home-slide img {
	opacity: 0;
}
[local-style="4346880"] {
	padding-top: 0px !important;
}
.home-slide .slick-slider {
	height: 100vh !important;
}
.home-slide .slick-list {
	height: 100% !important;
}
.home-slide .gallery_image_caption {
	height: 100vh !important;
	top: 0px !important;
	position: absolute;
	bottom: 0px !important;
	opacity: 1;
	background-size: cover !important;
	left: 0px;
	right: 0px;
}
.home-slide .gallery_image_caption .top {
	position: absolute;
	height: 100% !important;
	top: 0px !important;
	width: 100% !important;
	bottom: 0px !important;
	opacity: 1;
	background-position: center;
	background-size: cover !important;
	left: 0px;
	right: 0px;
}
.home-slide .gallery_image_caption img {
	opacity: 1 !important;
}
.home-slide .gallery_card {
	opacity: 1 !important;
	height: 100vh !important;
	position: relative !important;
	margin: 0px !important;
}
.backer {
	background-image: url("https://freight.cargo.site/t/original/i/9f19e8b227580b1d7a58c345a74d0616c2ab3a0be89865ae8aec6055ca357420/veneer.jpg");
	height: 100vh;
	background-size: cover;
}
#toolset {
	display: none;
}
a {
	cursor: pointer;
}
.center-logo {
	width: 100%;
	position: absolute;
}
.contact-box {
	font-size: 20px;
	color: white;
	z-index: 9999999999999;
	-webkit-transition: all 1s;
	transition: all 0.7s;
	cursor: pointer;
	padding: 50px;
	background: #767a7c;
	width: 50%;
	bottom: -250px;
	position: fixed;
	;
}
.close {
	font-weight: 200;
	font-size: 60px;
	;
	position: absolute;
	right: 20px;
	top: 20px;
}
.contact-box.slide {
	bottom: 0px;
}
.about-link {
	color: white;
	text-align: center;
	position: absolute;
	bottom: 30px;
	left: 0px;
	right: 0px;
	margin: 0px auto;
	;
}
.about-link a {
	color: white;
	text-decoration: none;
}
.left {
	font-family: p22-underground, sans-serif;
	font-size: 12px !important;
	z-index: 999999;
	color: #fff;
	text-transform: uppercase;
	padding-left: 50px;
	position: absolute;
	bottom: 0px;
	padding-bottom: 50px;
	float: left;
}
.left a {
	letter-spacing: 1px !important;
	font-weight: 600;
	color: white !important;
}
.right {
	color: #fff;
	z-index: 999999;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	position: absolute;
	bottom: 0px;
	right: 50px;
	padding-bottom: 50px;
}
.right a {
	font-family: p22-underground, sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: white !important;
	text-decoration: none;
}
#map {
	border: 50px solid white;
	border-bottom: 0px !important;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'></feColorMatrix></filter></svg>#grayscale");
	/* Firefox 10+ */
	filter: gray;
	/* IE6-9 */
	-webkit-filter: grayscale(99%);
	/* Chrome 19+ & Safari 6+ */
	-webkit-backface-visibility: hidden;
	width: 100%;
	height: calc(100vh - 110px);
}
.inner h2 {
	margin-bottom: 40px !important;
	text-align: center;
}
.right-col {
	display: NONE;
	align-content: center;
	align-self: center;
	align-items: center;
	width: 50%;
	height: 100vh;
	float: right;
}
.inner {
	max-width: 560px;
	height: 70%;
	justify-content: space-around;
	display: flex;
	align-self: center;
	align-content: center;
	flex-direction: column;
	text-align: center;
	margin: 0px auto;
	padding: 50px 60px;
}
.logo {
	cursor: pointer;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 48% !important;
	background-image: url("https://files.cargocollective.com/c324846/Brockhampton-Logo.svg");
	width: 390px;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	height: 60px;
	margin: 0px auto;
}
.footer-logo {
	cursor: pointer;
	background-image: url("https://files.cargocollective.com/c324846/Brockhampton-Logo.svg");
	width: 340px;
	display: block;
	position: relative;
	background-size: contain;
	background-repeat: no-repeat;
	height: 52px;
	margin: 50px auto !important;
}
.inner-top {
	text-align: justify;
}
a.slim {
	width: 250px;
	display: block !important;
	position: absolute !important;
	left: 0px !important;
	right: 0px !important;
	margin: 0px auto !important;
}
.slim-logo {
	position: relative;
	background-image: url("https://files.cargocollective.com/c800859/single-logo.svg");
	width: 250px;
	background-size: contain;
	background-repeat: no-repeat;
	height: 20px;
}
body {
	font-family: 'PortraitText-Regular';
	font-size: 16px;
	letter-spacing: 0.5px;
	line-height: 32px;
	;
	background-color: #fff;
	color: #000;
}
a:active {
	cursor: pointer;
	opacity: 0.7;
}
.page a.active {
	opacity: .4;
}
i, em {
	font-style: italic;
}
b, strong {
	font-weight: bold;
}
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(255, 255, 255, 1);
	border: 0;
	height: 1px;
	display: block;
}
.content img {
	float: none;
	margin-bottom: .5em;
}
.gallery_image_caption {
	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: 400;
	color: rgba(255, 255, 255, 1);
	font-style: normal;
	line-height: 1.5;
}
[data-predefined-style="true"] bodycopy a {
	color: rgb(255, 255, 255);
	padding-bottom: 0.1em;
	border-bottom: 0.0em solid rgba(127, 127, 127, 0.2);
	text-decoration: none;
}
[data-predefined-style="true"] bodycopy a:hover {}
bodycopy a.image-link, bodycopy a.icon-link, bodycopy a.image-link:hover, bodycopy a.icon-link:hover {
	border-bottom: 0;
	font-family: Nitti, Icons;
	padding-bottom: 0;
}
[data-predefined-style="true"] h1 {
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	font-size: 3rem;
	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: 'PortraitText-Regular';
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	letter-spacing: 2px;
	;
	color: rgba(255, 255, 255, 0.85);
	font-size: 30px;
	line-height: 1.2;
}
.gallery {
	padding-top: 0px !important;
	color: #0e2b2c !important;
}
[data-predefined-style="true"] h2 a {
	color: rgba(0, 0, 0, 0.85);
}
[data-predefined-style="true"] small {
	display: inline-block;
	font-size: 16px;
	;
	line-height: 1.2;
	margin-left: 5px;
	;
	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(255, 255, 255, 1);
}
[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*/
	;
}
.thumbnail {
	position: relative;
}
[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-color: rgba(0, 0, 0, 0)/*!thumbnails_bgcolor*/
	;
}
[data-css-preset] .thumbnails_width {
	width: 100%/*!thumbnails_width*/
	;
}
[data-css-preset] [thumbnails-pad] {
	padding: 40px 30px 40px 30px/*!thumbnails_padding*/
	;
}
[data-css-preset] [thumbnails-gutter] {
	margin: -2rem/*!thumbnails_padding*/
	;
}
[data-css-preset] [responsive-layout] [thumbnails-pad] {
	padding: 0.5rem/*!responsive_thumbnails_padding*/
	;
}
[data-css-preset] [responsive-layout] [thumbnails-gutter] {
	margin: -1rem/*!responsive_thumbnails_padding*/
	;
}
.thumbnails .thumb_image {}
.thumbnails .title {
	margin-top: 0px;
	text-transform: uppercase;
	position: absolute;
	bottom: 120px;
	padding-left: 31px;
	margin-bottom: 0px;
	font-size: 12px;
	font-weight: 600;
	color: rgba(255, 255, 255, 1);
	font-family: p22-underground, sans-serif !important;
	font-style: normal;
	line-height: 1.1;
}
.thumbnails .tags {
	position: absolute;
	bottom: 75px;
	padding-left: 30px;
	;
	font-size: 27px;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	font-family: 'PortraitText-Regular';
	font-style: normal;
	line-height: 1.2;
}
.thumbnails .tags a {
	border-bottom: 0;
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
}
.thumbnails .has_title .tags {
	margin-top: 0rem;
}
/**
 * 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;
	opacity: 0;
	stroke-width: 1.5px;
}
.wallpaper-navigation .left-arrow .outer-color, .wallpaper-navigation .right-arrow .outer-color {
	stroke: #000;
	stroke-width: 2.5px;
	opacity: 0;
}
/**
 * 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;
}
a.insta-link {
	opacity: 0;
	font-size: 28px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons !important;
}
.open a.insta-link {
	opacity: 1;
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
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: 980px) {
    
    [data-set-id="18736680"] .backdrop>div {
    will-change: initial !important; 
    position: fixed !important; 
   }
    
    
	[split-responsive] [data-auxiliary].backdrop {
		top: initial !important;
		position: absolute !important;
		bottom: 0px !important;
	}
	[local-style="14771235"] .container_width {
		width: 100% !important/*!variable_defaults*/
		;
	}
	.backdrop>div {
		will-change: initial !important;
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100% !important;
		transform: translate3d(0, 0, 0) !important;
	}
	[local-style="14356057"] .backdrop {
		width: calc(100% - 0%)/*!left_fit*/
		!important;
		right: 0/*!left_fit*/
		;
	}
	[split-responsive] {
		display: flex !important;
		flex-direction: column !important;
	}
	[local-style="14356057"] .container_width {
		width: 100%/*!variable_defaults*/
		!important;
	}
	[split-responsive] .backdrop {
		position: relative !important;
		height: 100vh !important;
		width: 100%;
	}
	.header-2 .header-inner .left {
		display: none;
	}
	.header-2 .header-inner .right {
		display: none;
	}
	a.slim {
		width: 250px;
		display: block !important;
		position: absolute !important;
		left: 30px !important;
		right: initial !important;
		margin: 0px auto !important;
	}
	.menu-navigation {
		display: block;
		position: absolute;
		right: 30px;
	}
	[local-style="14771235"] .backdrop {
		width: calc(100% - 0%)/*!right_fit*/
		!important;
		left: 0/*!right_fit*/
		;
	}
}
@media only screen and (max-width: 768px) {
    [data-set-id="18736680"] .inner h2 {
    font-size: 22px;
    font-weight: 600;
    font-family: p22-underground, sans-serif;
	text-transform: uppercase;
}
[data-set-id="18736680"] .inner h1 {
	text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    margin-bottom: 30px;
    letter-spacing: 2px;
}
    
	[split-responsive] .backdrop {
		position: relative !important;
		height: 50vh !important;
		width: 100%;
	}
	.logo {
		cursor: pointer;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		top: 50% !important;
		background-image: url("https://files.cargocollective.com/c324846/Brockhampton-Logo.svg");
		width: 290px;
		position: absolute;
		background-size: contain;
		background-repeat: no-repeat;
		height: 60px;
		margin: 0px auto;
	}
	.header-inner {
		width: 100%;
		font-size: 10px;
		padding: 30px;
	}
	.left {
		font-size: 10px;
		padding-left: 30px;
		padding-bottom: 30px;
	}
	.left a {
		font-size: 10px;
	}
	.right a {
		font-size: 10px;
	}
	.right {
		right: 30px;
		padding-bottom: 30px;
	}
    .shift-up{
	margin-top: -29px;
}
	.inner {
		max-width: 675px;
		height: 100%;
		justify-content: space-around;
		display: flex;
		align-self: center;
		align-content: center;
		flex-direction: column;
		text-align: center;
		margin: 0px auto;
		padding: 50px 30px;
	}
	[data-predefined-style="true"] h2 {
		font-family: A'PortraitText-Regular';
		font-style: normal;
		font-weight: 400;
		padding: 0;
		margin: 0;
		letter-spacing: 2px;
		;
		color: rgba(255, 255, 255, 0.85);
		font-size: 25px;
		line-height: 1.2;
	}
	#map {
		border: 30px solid white;
		height: calc(500px - 80px);
	}
	.footer-bottom-inner {
		padding: 30px;
		display: block;
	}
	.col-one {
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
		;
	}
	.col-two {
		text-align: center;
		width: 100%;
		margin-bottom: 10px;
		;
	}
	.col-three {
		text-align: center;
		width: 100%;
		margin-bottom: 0px;
		;
	}
	.slim-logo {
		position: relative;
		background-image: url("https://files.cargocollective.com/c800859/single-logo.svg");
		width: 209px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		height: 20px;
	}
	[data-predefined-style="true"] bodycopy {
		font-size: 16px;
	}
	.down {
		bottom: 20px;
	}
	.new-slider .slick-track {
		height: 50vh;
	}
	button.slick-prev {
		left: 30px;
	}
	button.slick-next {
		right: 30px !important;
	}
	#gallery {
		padding-top: 60px;
		padding-bottom: 30px;
	}
	.contact-module:before {
		background-position: 35% 50%;
	}
	[data-id="14356057"] {
		order: 1 !important;
	}
	[data-id="14771235"] {
		order: 1 !important;
	}
	#team {
		padding-top: 40px;
		padding-bottom: 0px;
	}
	body.mobile [split-responsive] [data-auxiliary].backdrop {
		top: initial !important;
		bottom: 0px !important;
	}
}