@charset "UTF-8";

.js-loading *,
.js-loading *:before,
.js-loading *:after {
    animation-play-state: paused !important;
}

.no-animation {
    animation: none !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
}

#notification {
	z-index: 9999999999999999999999999999999999999999999999999999  !important;
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	background-color: black;
	height: 25px;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	vertical-align: middle;
    font-family: neue-haas-grotesk-text, sans-serif;
    font-weight: 400;
	color: white;
    font-style: normal;
    list-style: none;
    text-decoration: none;
    font-size: 13px;	
}

#notification>a {
	z-index: 9999999999999999999999999999999999999999999999999999  !important;
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	background-color: black;
	height: 25px;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	vertical-align: middle;
    font-family: neue-haas-grotesk-text, sans-serif;
    font-weight: 400;
	color: white;
    font-style: normal;
    list-style: none;
    text-decoration: none;
    font-size: 13px;	
}

#notificationmobile {
	z-index: 9999999999999999999999999999999999999999999999999999  !important;
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 25px;
	top: 90%;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	vertical-align: middle;
    font-family: neue-haas-grotesk-text, sans-serif;
    font-weight: 400;
	color: white;
    font-style: normal;
    list-style: none;
    text-decoration: none;
    font-size: 11px;		
}

#loadingsvg {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    position: fixed;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}

#loadingsvg img {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    -webkit-filter: invert(100%);
    filter: invert(100%);
    margin: 0 auto;
    height: 63px;
    width: 63px;
    pointer-events: none;
    user-select: none;
}

body {
    background: black !important;
}

::selection {
    background-color: transparent;
}

::-webkit-scrollbar {
    height: .8vh;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: white;
}

::-webkit-scrollbar-thumb:hover {
    background: #ffffff;
}

#headercontainer {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 12%;
    height: 10%;
    margin: 0 auto;
    margin-top: 2%;
    z-index: 2;
}

#headerlogo img {
    margin: 0 auto;
    width: 100%;
}

#headercontainermenu {
    display: none;
}

#container {
    background-color: black;
    z-index: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

#shirt {
    position: fixed;
    top: 2.5%;
    left: 1%;
    height: 30px;
    width: 30px;
}

#shirt img {
    width: 100%;
}

.footer {
    position: fixed;
    left: 0;
    bottom: 3%;
    width: 100%;
    text-align: center;
    z-index: 1000000000;
}

.footernav {
    position: fixed;
    right: 3%;
    bottom: 3%;
    text-align: right;
    z-index: 1000000000;
}

.storenav {
    position: fixed;
    left: 3%;
    top: 20%;
    text-align: left;
    z-index: 1000000000;
    display: none;
}

.storenav>p {
    display: block;
    top: 0;
    font-family: neue-haas-grotesk-text, sans-serif;
    color: #ffffff;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: left;
    text-decoration: none;
    font-size: 13px;
}

.footernav2 {
    position: fixed;
    left: 3%;
    bottom: 3%;
    text-align: left;
    z-index: 1000000000;
}

.footer>li {
    display: inline-block;
}

.footernav>li,
.footernav2>li {
    display: inline-block;
}

.footer>li>a {
    display: inline-block;
    font-family: neue-haas-grotesk-text, sans-serif;
    color: #7e7e7e;
    font-weight: 400;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
}

.footernav>li>a,
.footernav2>li>a {
    display: inline-block;
    font-family: neue-haas-grotesk-text, sans-serif;
    color: #7e7e7e;
    font-weight: 400;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
}

.footer>li>a:hover {
    color: #ffffff;
}

.footernav>li>a:hover,
.footernav2>li>a:hover {
    color: #ffffff;
}

.span {
    font-family: neue-haas-grotesk-text, sans-serif;
    color: #7e7e7e;
    font-weight: 400;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    user-select: none;
}

#productinfo {
    padding-left: 3%;
    padding-right: 3%;
    position: fixed;
    height: 90%;
    width: 19%;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 99999999999999999999999999;
    background: black;
}

#productinfocontainer {
    position: fixed;
    top: 20%;
    width: 19%;
}

.mobileh1 {
    display: none;
}

#productinfocontainer>h1 {
    display: block;
    font-family: neue-haas-grotesk-text, sans-serif;
    color: white;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: left;
    text-decoration: none;
    font-size: 15px;
    top: 0;
    /*line-height: 0; */
}

.pricecontainer>h2 {
    display: block;
    font-family: neue-haas-grotesk-text, sans-serif;
    color: #7e7e7e;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: left;
    text-decoration: none;
    font-size: 13px;
}

.pricecontainer>h3 {
    display: block;
    font-family: neue-haas-grotesk-text, sans-serif;
    color: white;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: left;
    text-decoration: none;
    font-size: 13px;
}

.pricecontainer>h4 {
    display: block;
    font-family: neue-haas-grotesk-text, sans-serif;
    color: white;
    font-weight: 400;
    font-style: normal;
    list-style: none;
    text-align: left;
    text-decoration: none;
    font-size: 13px;
}

.pricecontainer>h1 {
    display: none;
}

#productinfocontainer>p {
    display: block;
    font-family: neue-haas-grotesk-text, sans-serif;
    color: #ffffff;
    font-weight: 400;
    font-style: normal;
    list-style: none;
    text-align: left;
    text-decoration: none;
    font-size: 13px;
}

#productinfocontainer>p>a {
    font-family: neue-haas-grotesk-text, sans-serif;
    color: #ffffff;
    font-weight: 400;
    font-style: normal;
    list-style: none;
    text-align: left;
    font-size: 13px;
}

.pricecontainer {
    width: 19%;
    position: fixed;
    bottom: calc(20% + 40px);
}

.pricecontainermobile {
    display: none;
}

.buttoncontainermobile {
    display: none;
}

.buttoncontainer {
    width: 19%;
    position: fixed;
    bottom: 20%;
}

#horizontalcontainer {
    z-index: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

#horizontalproductcontainer {
    z-index: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
	-webkit-overflow-scrolling: touch;
}

#mobilewrapperpleaseworkimsosickofcodingihavenoideawhatimdoinglol {
    z-index: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    -webkit-overflow-scrolling: touch;	
}

#horizontalstorecontainer {
    z-index: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

#scrolling-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    text-align: center;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.deckcard1 .close-btn {
    display: none;
}

.deckcardvideo .close-btn {
    display: none;
}


#scrolling-wrapper-video {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    text-align: center;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#collagebutton,
#inkbutton,
#crossbutton,
#crossbutton2,
#streakbutton,
#thermalbutton,
#databendbutton,
#trilogybutton,
#temperaturebutton,
#crosscollectorsbutton,
#streakcollectorsbutton,
#temperaturecollectorsbutton,
#phaserblackbutton,
#phaserwhitebutton,
#embroideredlogohoodieblackbutton,
#atrbutton,
#atrvhsbutton,
#articlebutton,
#lolbutton,
#lollbutton,
#lolllbutton,
#gesturemorn,
#roonhood,
#smallpaint,
#bigpaint,
#thegesturebutton,
#mediumpaint,
#d8,
#bb,
#brb,
#sb,
#charhood,
#fghood,
#whood,
#rbhood,
#ana,
#whydontyouwork,
#pig,
#met,
#mett,
#unc,
#cs,
#cs2,
#cs3,
#cs4,
#cs5,
#cs6,
#cs7,
#cs8,
#cs9,
#cs10,
#cs11,
#cs12,
#cs13,
#cs100,
#oi,
#io,
#cs14,
#cs15,
#philly1,
#philly2,
#philly3,
#holy,
#holyu,
#font,
#cwb,
#cw,
#cwu,
#gjh,
#bf1,
#bf2,
#bf3,
#home,
#st,
#stt,
#sts,
#cush,
#cushp,
#lmp {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}

#seriouslygottabetextwhy,
#scoobster {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}

#collageinfobutton,
#databendinfobutton,
#inkinfobutton,
#thermalinfobutton,
#analoginfobutton {
    position: relative;
}

#crossinfobuttonmobile,
#collageinfobuttonmobile,
#databendinfobuttonmobile,
#inkinfobuttonmobile,
#streakinfobuttonmobile,
#thermalinfobuttonmobile,
#temperatureinfobuttonmobile,
#phaserblackinfobuttonmobile,
#analoginfobuttonmobile {
    display: none;
}

.store-scrolling-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    text-align: center;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
}

.store-scrolling-wrapper-clothing {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    text-align: center;
    margin: 0 auto;
    height: 60%;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
}

#play-all {
	font-family: neue-haas-grotesk-text, sans-serif;
	position: absolute;
    top: 50%;
    transform: translate(0, -50%);
	left: 28%;
	z-index: 100000000000000000;
	background: transparent;
	color: #7e7e7e;
	outline: none;
	border: none;
	font-size: 10px;
	font-weight: 600;
	opacity: 100%;
}

#play-all:hover {
    cursor: pointer;
    color: #ffffff;
}

.videocardall {
    padding-left: 27%;
    padding-right: 2.5%;
    display: inline-block;
    position: relative;
    width: 46.25%;
    top: 50%;
    transform: translateY(-50%);
    animation-name: videoslideall;
    animation-duration: 1.5s;
    animation-delay: 0s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    -webkit-animation-name: videoslideall;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-name: videoslideall;
    -moz-animation-duration: 1.5s;
    -moz-animation-delay: 0s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-name: videoslideall;
    -o-animation-duration: 1.5s;
    -o-animation-delay: 0s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
}

.videocard2024 {
    padding-left: 27%;
    padding-right: 2.5%;
    display: inline-block;
    position: relative;
    width: 46.25%;
    top: 50%;
    transform: translateY(-50%);
    animation-name: videoslide2024;
    animation-duration: 1.5s;
    animation-delay: 0s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    -webkit-animation-name: videoslide2024;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-name: videoslide2024;
    -moz-animation-duration: 1.5s;
    -moz-animation-delay: 0s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-name: videoslide2024;
    -o-animation-duration: 1.5s;
    -o-animation-delay: 0s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
}

.videocard2023 {
    padding-left: 27%;
    padding-right: 2.5%;
    display: inline-block;
    position: relative;
    width: 46.25%;
    top: 50%;
    transform: translateY(-50%);
    animation-name: videoslide2023;
    animation-duration: 1.5s;
    animation-delay: 0s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    -webkit-animation-name: videoslide2023;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-name: videoslide2023;
    -moz-animation-duration: 1.5s;
    -moz-animation-delay: 0s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-name: videoslide2023;
    -o-animation-duration: 1.5s;
    -o-animation-delay: 0s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
}

.videocard2022 {
    padding-left: 27%;
    padding-right: 2.5%;
    display: inline-block;
    position: relative;
    width: 46.25%;
    top: 50%;
    transform: translateY(-50%);
    animation-name: videoslide2022;
    animation-duration: 1.5s;
    animation-delay: 0s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    -webkit-animation-name: videoslide2022;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-name: videoslide2022;
    -moz-animation-duration: 1.5s;
    -moz-animation-delay: 0s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-name: videoslide2022;
    -o-animation-duration: 1.5s;
    -o-animation-delay: 0s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
}

.videocard2021 {
    padding-left: 27%;
    padding-right: 2.5%;
    display: inline-block;
    position: relative;
    width: 46.25%;
    top: 50%;
    transform: translateY(-50%);
    animation-name: videoslide2021;
    animation-duration: 1.5s;
    animation-delay: 0s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    -webkit-animation-name: videoslide2021;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-name: videoslide2021;
    -moz-animation-duration: 1.5s;
    -moz-animation-delay: 0s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-name: videoslide2021;
    -o-animation-duration: 1.5s;
    -o-animation-delay: 0s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
}

.videocard2020 {
    padding-left: 27%;
    padding-right: 2.5%;
    display: inline-block;
    position: relative;
    width: 46.25%;
    top: 50%;
    transform: translateY(-50%);
    animation-name: videoslide2020;
    animation-duration: 1.5s;
    animation-delay: 0s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    -webkit-animation-name: videoslide2020;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-name: videoslide2020;
    -moz-animation-duration: 1.5s;
    -moz-animation-delay: 0s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-name: videoslide2020;
    -o-animation-duration: 1.5s;
    -o-animation-delay: 0s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
}

.videocardbattles {
    padding-left: 27%;
    padding-right: 2.5%;
    display: inline-block;
    position: relative;
    width: 46.25%;
    top: 50%;
    transform: translateY(-50%);
    animation-name: videoslidebattles;
    animation-duration: 1.5s;
    animation-delay: 0s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    -webkit-animation-name: videoslidebattles;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-name: videoslidebattles;
    -moz-animation-duration: 1.5s;
    -moz-animation-delay: 0s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-name: videoslidebattles;
    -o-animation-duration: 1.5s;
    -o-animation-delay: 0s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
}

.videocardtutorials {
    padding-left: 27%;
    padding-right: 2.5%;
    display: inline-block;
    position: relative;
    width: 46.25%;
    top: 50%;
    transform: translateY(-50%);
    animation-name: videoslidetutorials;
    animation-duration: 1.5s;
    animation-delay: 0s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    -webkit-animation-name: videoslidetutorials;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-name: videoslidetutorials;
    -moz-animation-duration: 1.5s;
    -moz-animation-delay: 0s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-name: videoslidetutorials;
    -o-animation-duration: 1.5s;
    -o-animation-delay: 0s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
}

.videocardonly {
    display: inline-block;
    position: relative;
    width: 46.25%;
    top: 50%;
    transform: translateY(-50%);
}

@keyframes videoslide2024 {
    0% {
        margin-left: -1620%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes videoslidemobile2024 {
    0% {
        margin-left: -2862%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes videoslide2023 {
    0% {
        margin-left: -690%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes videoslidemobile2023 {
    0% {
        margin-left: -1500%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes videoslide2022 {
    0% {
        margin-left: -345%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes videoslidemobile2022 {
    0% {
        margin-left: -1200%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes videoslide2021 {
    0% {
        margin-left: -490%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes videoslidemobile2021 {
    0% {
        margin-left: -1500%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes videoslide2020 {
    0% {
        margin-left: -540%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes videoslidemobile2020 {
    0% {
        margin-left: -1500%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes videoslidebattles {
    0% {
        margin-left: -1050%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes videoslidetutorials {
    0% {
        margin-left: -290%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes videoslidemobilebattles {
    0% {
        margin-left: -1200%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes videoslidemobiletutorials {
    0% {
        margin-left: -1000%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes videoslideall {
    0% {
        margin-left: -2310%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes videoslidemobileall {
    0% {
        margin-left: -3762%;
    }

    100% {
        margin-left: 0;
    }
}

.videocard {
    padding-right: 2.5%;
    display: inline-block;
    position: relative;
    width: 46.25%;
    top: 50%;
    transform: translateY(-50%);
}

.videocardlast {
    padding-right: 27%;
    display: inline-block;
    position: relative;
    width: 46.25%;
    top: 50%;
    transform: translateY(-50%);
}

.productcardfirst {
    display: inline-block;
    position: relative;
    height: 60%;
    width: 40%;
    top: 50.6%;
    transform: translateY(-50%);
    animation-name: productslide;
    animation-duration: 1.1s;
    animation-delay: .5s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    -webkit-animation-name: productslide;
    -webkit-animation-duration: 1.1s;
    -webkit-animation-delay: .5s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-name: productslide;
    -moz-animation-duration: 1.1s;
    -moz-animation-delay: .5s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-name: productslide;
    -o-animation-duration: 1.1s;
    -o-animation-delay: .5s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
}

.newproductcardfirst {
    display: inline-block;
    position: relative;
    height: 60%;
    width: 40%;
    top: 50.6%;
    transform: translateY(-50%);
    animation-name: newproductslide;
    animation-duration: 1.5s;
    animation-delay: .5s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    -webkit-animation-name: newproductslide;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-delay: .5s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-name: newproductslide;
    -moz-animation-duration: 1.5s;
    -moz-animation-delay: .5s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-name: newproductslide;
    -o-animation-duration: 1.5s;
    -o-animation-delay: .5s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
}

@keyframes newproductslide {
    0% {
        margin-left: -493%;
    }

    100% {
        margin-left: 30%;
    }
}

@keyframes newproductslidemobile {
    0% {
        margin-left: -275%;
    }

    100% {
        margin-left: 6%;
    }
}

@keyframes productslide {
    0% {
        margin-left: -50.3%;
    }

    100% {
        margin-left: 30%;
    }
}

@keyframes productslidemobile {
    0% {
        margin-left: -275%;
    }

    100% {
        margin-left: 6%;
    }
}

.productcardtext {
    display: none;
    position: relative;
    height: 60%;
    width: 40%;
    top: 50.6%;
    transform: translateY(-50%);
}

.productcard {
    display: inline-block;
    position: relative;
    height: 60%;
    width: 40%;
    top: 50.6%;
    transform: translateY(-50%);
}

.productcardonly {
    display: inline-block;
    position: relative;
    width: 40%;
    height: 60%;
    top: 50%;
    transform: translateY(-50%);
}

.productcardlast {
    display: inline-block;
    position: relative;
    height: 60%;
    width: 40%;
    top: 50.6%;
    transform: translateY(-50%);
    margin-right: 30%;
}

.productcardlastmobile {
    display: none;
    position: relative;
    height: 60%;
    width: 40%;
    top: 50.6%;
    transform: translateY(-50%);
}

.productcard img,
.productcardonly img,
.productcardfirst img,
.productcardlast img,
.newproductcardfirst img {
    height: 100%;
    width: auto;
}

#fullscreen {
    display: none;
}

.deckcard1 {
    background-color: black;
    left: 0;
    display: block;
    position: fixed;
    height: 90%;
    top: 50.45%;
    width: 7%;
    transform: translateY(-50%);
    z-index: 99999999999999999999999999999999999999999999999999999999999999999;
}

.deckcard1>.archivewrapper>.archivetextewrapperlolgoodness>a {
    width: inherit;
    align-content: center;
    align-items: center;
    margin: 0 auto;
    display: block;
    padding: 0;
    font-family: neue-haas-grotesk-text, sans-serif;
    color: #7e7e7e;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    margin-top: 12px;
    margin-bottom: 15px;
}

.deckcard1>.archivewrapper>.archivetextewrapperlolgoodnessvideo>a {
    width: inherit;
    align-content: center;
    align-items: center;
    margin: 0 auto;
    display: block;
    padding: 0;
    font-family: neue-haas-grotesk-text, sans-serif;
    color: #7e7e7e;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    margin-top: 12px;
    margin-bottom: 15px;
}

.deckcard1>.archivewrapper>.archivetextewrapperlolgoodness>a:hover {
    color: white;
}

.deckcard1>.archivewrapper>.archivetextewrapperlolgoodnessvideo>a:hover {
    color: white;
}

.deckcardvideo {
    background-color: black;
    left: 0;
    display: block;
    position: fixed;
    height: 90%;
    top: 50%;
    width: 8%;
    transform: translateY(-50%);
    z-index: 99999999999999999999999999999999999999999999999999999999999999999;
}

.deckcardvideo>.archivewrapper>.archivetextewrapperlolgoodness>a {
    width: inherit;
    align-content: center;
    align-items: center;
    margin: 0 auto;
    display: block;
    padding: 0;
    font-family: neue-haas-grotesk-text, sans-serif;
    color: #7e7e7e;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    margin-top: 12px;
    margin-bottom: 15px;
}

.deckcardvideo>.archivewrapper>.archivetextewrapperlolgoodnessvideo>a {
    width: inherit;
    align-content: center;
    align-items: center;
    margin: 0 auto;
    display: block;
    padding: 0;
    font-family: neue-haas-grotesk-text, sans-serif;
    color: #7e7e7e;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    margin-top: 12px;
    margin-bottom: 15px;
}

.deckcardvideo>.archivewrapper>.archivetextewrapperlolgoodness>a:hover {
    color: white;
}

.deckcardvideo>.archivewrapper>.archivetextewrapperlolgoodnessvideo>a:hover {
    color: white;
}

.deckcard2,
.deckcard3 {
    display: inline-block;
    position: relative;
    height: 60%;
    width: 35%;
    top: 50.6%;
    transform: translateY(-50%);
}

@keyframes storeslidebase {
    0% {
        margin-left: -1090%;
    }

    100% {
        margin-left: 32.5%;
    }
}

@keyframes storeslideearlyaccess {
    0% {
        margin-left: -900%;
    }

    100% {
        margin-left: 32.5%;
    }
}

@keyframes storeslide2024 {
    0% {
        margin-left: -1400%;
    }

    100% {
        margin-left: 32.5%;
    }
}

@keyframes storeslide2023 {
    0% {
        margin-left: -1145%;
    }

    100% {
        margin-left: 32.5%;
    }
}

@keyframes storeslide2022 {
    0% {
        margin-left: -690%;
    }

    100% {
        margin-left: 32.5%;
    }
}

@keyframes storeslide2021 {
    0% {
        margin-left: -830%;
    }

    100% {
        margin-left: 32.5%;
    }
}

@keyframes storeslide2020 {
    0% {
        margin-left: -2000%;
    }

    100% {
        margin-left: 32.5%;
    }
}

@keyframes storeslidemobilebase {
    0% {
        margin-left: -3450%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes storeslidemobileearlyaccess {
    0% {
        margin-left: -2500%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes storeslidemobile2024 {
    0% {
        margin-left: -1800%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes storeslidemobile2023 {
    0% {
        margin-left: -3300%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes storeslidemobile2022 {
    0% {
        margin-left: -2300%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes storeslidemobile2021 {
    0% {
        margin-left: -2200%;
    }

    100% {
        margin-left: 0;
    }
}

@keyframes storeslidemobile2020 {
    0% {
        margin-left: -1300%;
    }

    100% {
        margin-left: 0;
    }
}

.clothingcard1 {
    display: inline-block;
    position: relative;
    height: 60%;
    width: 35%;
    top: 50.6%;
    transform: translateY(-50%);
}

.clothingcard2 {
    display: inline-block;
    position: relative;
    height: 60%;
    width: 35%;
    top: 50.6%;
    transform: translateY(-50%);
}

.clothingcardfirst,
.cardfirst {
    display: inline-block;
    position: relative;
    height: 60%;
    width: 35%;
    top: 50.6%;
    transform: translateY(-50%);
    margin-right: 32.5%;
}

.clothingcardlast {
    display: inline-block;
    position: relative;
    height: 60%;
    width: 35%;
    top: 50.6%;
    transform: translateY(-50%);
    animation-name: storeslide;
    animation-duration: 1.5s;
    animation-delay: .3s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    -webkit-animation-name: storeslide;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-delay: .3s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-name: storeslide;
    -moz-animation-duration: 1.5s;
    -moz-animation-delay: .3s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-name: storeslide;
    -o-animation-duration: 1.5s;
    -o-animation-delay: .3s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
}

.cardlastbase {
    display: inline-block;
    position: relative;
    height: 60%;
    width: 35%;
    top: 50.6%;
    transform: translateY(-50%);
	margin-left: 32.5%;
    animation-name: storeslidebase;
    animation-duration: 1.5s;
    animation-delay: .3s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    -webkit-animation-name: storeslidebase;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-delay: .3s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-name: storeslidebase;
    -moz-animation-duration: 1.5s;
    -moz-animation-delay: .3s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-name: storeslidebase;
    -o-animation-duration: 1.5s;
    -o-animation-delay: .3s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
}

.singlecard {
    display: inline-block;
    position: relative;
    height: 60%;
    width: 35%;
    top: 50.6%;
    transform: translateY(-50%);
}

.cardlastearlyaccess {
    display: inline-block;
    position: relative;
    height: 60%;
    width: 35%;
    top: 50.6%;
    transform: translateY(-50%);
	margin-left: 32.5%;
    animation-name: storeslideearlyaccess;
    animation-duration: 1.5s;
    animation-delay: .3s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    -webkit-animation-name: storeslideearlyaccess;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-delay: .3s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-name: storeslideearlyaccess;
    -moz-animation-duration: 1.5s;
    -moz-animation-delay: .3s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-name: storeslideearlyaccess;
    -o-animation-duration: 1.5s;
    -o-animation-delay: .3s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
}

.cardlast2024 {
    display: inline-block;
    position: relative;
    height: 60%;
    width: 35%;
    top: 50.6%;
    transform: translateY(-50%);
	margin-left: 32.5%;
    animation-name: storeslide2024;
    animation-duration: 1.5s;
    animation-delay: .3s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    -webkit-animation-name: storeslide2024;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-delay: .3s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-name: storeslide2024;
    -moz-animation-duration: 1.5s;
    -moz-animation-delay: .3s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-name: storeslide2024;
    -o-animation-duration: 1.5s;
    -o-animation-delay: .3s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
}

.cardlast2023 {
    display: inline-block;
    position: relative;
    height: 60%;
    width: 35%;
    top: 50.6%;
    transform: translateY(-50%);
	margin-left: 32.5%;
    animation-name: storeslide2023;
    animation-duration: 1.5s;
    animation-delay: .3s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    -webkit-animation-name: storeslide2023;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-delay: .3s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-name: storeslide2023;
    -moz-animation-duration: 1.5s;
    -moz-animation-delay: .3s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-name: storeslide2023;
    -o-animation-duration: 1.5s;
    -o-animation-delay: .3s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
}

.cardlast2022 {
    display: inline-block;
    position: relative;
    height: 60%;
    width: 35%;
    top: 50.6%;
    transform: translateY(-50%);
	margin-left: 32.5%;
    animation-name: storeslide2022;
    animation-duration: 1.5s;
    animation-delay: .3s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    -webkit-animation-name: storeslide2022;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-delay: .3s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-name: storeslide2022;
    -moz-animation-duration: 1.5s;
    -moz-animation-delay: .3s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-name: storeslide2022;
    -o-animation-duration: 1.5s;
    -o-animation-delay: .3s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
}

.cardlast2021 {
    display: inline-block;
    position: relative;
    height: 60%;
    width: 35%;
    top: 50.6%;
    transform: translateY(-50%);
	margin-left: 32.5%;
    animation-name: storeslide2021;
    animation-duration: 1.5s;
    animation-delay: .3s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    -webkit-animation-name: storeslide2021;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-delay: .3s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-name: storeslide2021;
    -moz-animation-duration: 1.5s;
    -moz-animation-delay: .3s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-name: storeslide2021;
    -o-animation-duration: 1.5s;
    -o-animation-delay: .3s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
}

.cardlast2020 {
    display: inline-block;
    position: relative;
    height: 60%;
    width: 35%;
    top: 50.6%;
    transform: translateY(-50%);
	margin-left: 32.5%;
    animation-name: storeslide2020;
    animation-duration: 1.5s;
    animation-delay: .3s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    -webkit-animation-name: storeslide2020;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-delay: .3s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: both;
    -moz-animation-name: storeslide2020;
    -moz-animation-duration: 1.5s;
    -moz-animation-delay: .3s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-fill-mode: both;
    -o-animation-name: storeslide2020;
    -o-animation-duration: 1.5s;
    -o-animation-delay: .3s;
    -o-animation-timing-function: ease-in-out;
    -o-animation-fill-mode: both;
}

.storecard {
    display: inline-block;
    position: relative;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.productwrapper {
    top: 0;
    width: 100%;
    display: inline-block;
    height: calc(100% - 42px);
}

.archivewrapper {
    top: 0;
    width: 100%;
    display: inline-block;
    height: 100%;
}

.productwrapperclothing {
    top: 0;
    width: 100%;
    display: inline-block;
    height: calc(100% - 42px);
}

.animationwrapper {
    display: inline-block;
    height: calc(100% - 66.4px);
    -webkit-perspective: 2400px;
    -moz-perspective: 2400px;
    -ms-perspective: 2400px;
    -o-perspective: 2400px;
    perspective: 2400px;
}

.animationwrapperless {
    display: inline-block;
    height: calc(100% - 66.4px);
    -webkit-perspective: 3000px;
    -moz-perspective: 3000px;
    -ms-perspective: 3000px;
    -o-perspective: 3000px;
    perspective: 3000px;
}

.anotherwrapperlol {
    display: inline-block;
    height: calc(100% - 66.4px);
	background-color: transparent;
}

.animationwrapperclothing {
    height: calc(100% - 66.4px);
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    -ms-perspective: 2000px;
    -o-perspective: 2000px;
    perspective: 2000px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.animationwrapperclothing>a {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.deckcard1 img,
.deckcardvideo img,
.storecard img,
.deckcard2 img,
.deckcard3 img,
.deckcard0 img,
.cardfirst img {
    height: 100%;
}

.clothingcard1 img,
.clothingcard2 img,
.cardlastbase img,
.singlecard img,
.cardlastearlyaccess img,
.cardlast2024 img,
.cardlast2023 img,
.cardlast2022 img,
.cardlast2021 img,
.cardlast2020 img,
.clothingcardlast img,
.clothingcardfirst img,
.cardfirst img {
    height: 100%;
}

#linkplaceholder {
    margin: 0 auto;
    z-index: 10000000;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30%;
}

#linkplaceholder img {
    width: 100%;
    opacity: 0;
}

#logocontainer {
    margin: 0 auto;
    z-index: 1;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30%;
}

#logocontainer img {
    width: 100%;
}

#productpage {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#productcontainer {
    margin: 0 auto;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    width: 50%;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    overflow: auto;
}

.itemandpricewrapper,
.itemandpricewrapperclothing {
    position: fixed;
    width: 100%;
    bottom: 42px;
    margin: 0 auto;
    right: 0;
    left: 0;
}

.archivetextewrapperlolgoodness {
    position: fixed;
    width: 100%;
    bottom: calc(50% - 90px);
    margin: 0 auto;
    right: 0;
    left: 0;
}

.archivetextewrapperlolgoodnessvideo {
    position: fixed;
    width: 100%;
    bottom: calc(50% - 123px);
    margin: 0 auto;
    right: 0;
    left: 0;
}

.archivetextewrapperlolgoodness>h1 {
    font-size: 13px;
}

.archivetextewrapperlolgoodnessvideo>h1 {
    font-size: 13px;
}

.archivetextewrapperlolgoodness>h10 {
    display: block;
    font-family: neue-haas-grotesk-text, sans-serif;
    color: white;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    margin-top: 12px;
    margin-bottom: 15px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.archivetextewrapperlolgoodnessvideo>h10 {
    display: block;
    font-family: neue-haas-grotesk-text, sans-serif;
    color: white;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    margin-top: 12px;
    margin-bottom: 15px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.archivetextewrapperlolgoodness>h20 {
    display: block;
    font-family: neue-haas-grotesk-text, sans-serif;
    color: #7e7e7e;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    margin-top: 12px;
    margin-bottom: 15px;
}

.archivetextewrapperlolgoodnessvideo>h20 {
    display: block;
    font-family: neue-haas-grotesk-text, sans-serif;
    color: #7e7e7e;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    margin-top: 12px;
    margin-bottom: 15px;
}

.archivetextewrapperlolgoodness>h30 {
    display: block;
    font-family: neue-haas-grotesk-text, sans-serif;
    color: #7e7e7e;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    margin-bottom: 15px;
}

.archivetextewrapperlolgoodnessvideo>h30 {
    display: block;
    font-family: neue-haas-grotesk-text, sans-serif;
    color: #7e7e7e;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    margin-bottom: 15px;
}

.archivetextewrapperlolgoodness>h40 {
    display: block;
    font-family: neue-haas-grotesk-text, sans-serif;
    color: #7e7e7e;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
}

.archivetextewrapperlolgoodnessvideo>h40 {
    display: block;
    font-family: neue-haas-grotesk-text, sans-serif;
    color: #7e7e7e;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
}

.archivetextewrapperlolgoodness>h50 {
    display: block;
    font-family: neue-haas-grotesk-text, sans-serif;
    color: #7e7e7e;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    margin-bottom: 15px;
    font-size: 12px;	
}


.archivetextewrapperlolgoodnessvideo>h50 {
    display: block;
    font-family: neue-haas-grotesk-text, sans-serif;
    color: #7e7e7e;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    margin-bottom: 15px;
    font-size: 12px;	
}

.archivetextewrapperlolgoodness>h9 {
    display: block;
    font-family: neue-haas-grotesk-text, sans-serif;
    color: #7e7e7e;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    margin-bottom: 15px;
}

.archivetextewrapperlolgoodnessvideo>h9 {
    display: block;
    font-family: neue-haas-grotesk-text, sans-serif;
    color: #7e7e7e;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    margin-bottom: 15px;
    font-size: 12px;		
}

h50 {
    font-size: 12px;
    margin-bottom: 15px;
	margin-top: 12px;
}

.itemcontainer {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;	
}

h1 {
    font-family: neue-haas-grotesk-text, sans-serif;
    color: white;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
}

.itemandpricewrapper>a,
.itemandpricewrapperclothing>a {
    display: inline-block;
    list-style: none;
    text-decoration: none;
}

h2 {
    font-family: neue-haas-grotesk-text, sans-serif;
    color: #7e7e7e;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    margin-top: -4px;
}

h3 {
    font-family: neue-haas-grotesk-text, sans-serif;
    color: white;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    margin-top: -4px;
}

h4 {
    font-family: neue-haas-grotesk-text, sans-serif;
    color: white;
    font-weight: 400;
    font-style: normal;
    list-style: none;
    text-align: left;
    text-decoration: none;
    font-size: 12px;
}

p {
    font-family: neue-haas-grotesk-text, sans-serif;
    color: white;
    font-weight: 400;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-size: 11px;
    margin-bottom: -4px;
}

div.a,
div.c,
div.t2,
div.h,
div.k2,
div.n2 {
    left: 34%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 72px;
    background-color: transparent;
    position: fixed;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.z,
div.l2,
div.w2,
div.y,
div.r,
div.g,
div.x {
    left: 34%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 72px;
    background-color: transparent;
    position: fixed;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.j2,
div.q2,
div.s2,
div.p,
div.v2,
div.d {
    left: 34%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 72px;
    background-color: transparent;
    position: fixed;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.b,
div.f2,
div.m2,
div.i2,
div.o,
div.e2,
div.u2 {
    left: 34%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 72px;
    background-color: transparent;
    position: fixed;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.w,
div.b2,
div.l,
div.c2,
div.j,
div.g2 {
    left: 34%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 72px;
    background-color: transparent;
    position: fixed;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.p2,
div.y2,
div.f,
div.z2,
div.s,
div.k,
div.a2 {
    left: 34%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 72px;
    background-color: transparent;
    position: fixed;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.q,
div.v,
div.n,
div.d2,
div.m,
div.x2,
div.i {
    left: 34%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 72px;
    background-color: transparent;
    position: fixed;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.r2,
div.u,
div.o2,
div.e,
div.h2,
div.t {
    left: 34%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 72px;
    background-color: transparent;
    position: fixed;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.index {
    height: 100%;
}

#navcontainer {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 10000;
}

.store {
    top: 0;
}

.lastseen {
    bottom: 0;
}

.lastseen,
.store {
    position: absolute;
    width: 100%;
    text-align: center;
}

.lastseen a,
.store a {
    font-family: neue-haas-grotesk-text, sans-serif;
    color: #ffffff;
    font-weight: 500;
    font-style: normal;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
}

.back {
    margin: 0 auto;
    position: absolute;
    height: 100%;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    -webkit-animation: love 5s infinite;
    -moz-animation: love 5s infinite;
    -o-animation: love 5s infinite;
    animation: love 5s infinite;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 1px solid transparent;
}

.front {
    margin: 0 auto;
    visibility: hidden;
    position: relative;
    height: 100%;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    -webkit-animation: swag 5s infinite;
    -moz-animation: swag 5s infinite;
    -o-animation: swag 5s infinite;
    animation: swag 5s infinite;
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 1px solid transparent;
}

.clothing {
    margin: 0 auto;
    position: relative;
    height: 100%;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    bottom: 0;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 1px solid transparent;
}

@-webkit-keyframes love {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@-moz-keyframes love {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@-o-keyframes love {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@keyframes love {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

@-webkit-keyframes swag {
    0% {
        visibility: visible;
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }

    100% {
        visibility: visible;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
}

@-moz-keyframes swag {
    0% {
        visibility: visible;
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }

    100% {
        visibility: visible;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
}

@-o-keyframes swag {
    0% {
        visibility: visible;
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }

    100% {
        visibility: visible;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
}

@keyframes swag {
    0% {
        visibility: visible;
        -webkit-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }

    100% {
        visibility: visible;
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
}

@media screen and (orientation: portrait) {
    #scrolling-wrapper::-webkit-scrollbar {
        display: none;
    }

    .footernav,
    .footernav2 {
        display: none;
    }

    .clothingcard1,
    .deckcard2,
    .clothingcard2,
    .deckcard3,
    .cardlastbase,	
	.singlecard,
    .cardlastearlyaccess,	
    .cardlast2024,
    .deckcard0,
    .cardlast2022,
	.cardlast2023,
    .cardlast2021,
    .cardlast2020,
    .clothingcardlast,
    .clothingcardfirst,
    .cardfirst {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-right: 0;
    }

    .deckcard1 {
        display: block;
        position: fixed;
        width: 65%;
        height: 100%;
        padding: 0;
        margin: 0;
        left: -65%;
        transition: left 0.2s ease;
        z-index: 99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
    }

    .deckcard1 .close-btn {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 16px;
        height: 16px;
        cursor: pointer;
        display: block;
    }

    .deckcard1.slide-in {
        left: 0;
        /* Slide-in position */
    }
	
	.deckcardvideo {
        display: block;
        position: fixed;
        width: 65%;
        height: 100%;
        padding: 0;
        margin: 0;
        left: -65%;
        transition: left 0.2s ease;
        z-index: 99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
		top: 50.45%;
    }

    .deckcardvideo .close-btn {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 16px;
        height: 16px;
        cursor: pointer;
        display: block;
    }

    .deckcardvideo.slide-in {
        left: 0;
        /* Slide-in position */
    }

    #toggleImage {
        cursor: pointer;
    }

    #fullscreen {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: white;
        opacity: 0;
        z-index: 10;
    }

    #headercontainermenu {
        position: fixed;
        z-index: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
        display: block;
    }

    #headercontainermenu img {
        position: fixed;
        left: 3%;
        right: 0;
        top: 48.5%;
        bottom: 0;
        height: 3%;
        width: inherit;
        z-index: 999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
        display: block;
        padding-right: 15px;
        padding-left: 15px;
        margin-left: -15px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: -10px;
    }
	
    .cardlastbase {
        animation-name: storeslidemobilebase;
        animation-duration: 1.5s;
        animation-delay: .3s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: both;
        -webkit-animation-name: storeslidemobilebase;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-delay: .3s;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: both;
        -moz-animation-name: storeslidemobilebase;
        -moz-animation-duration: 1.5s;
        -moz-animation-delay: .3s;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-fill-mode: both;
        -o-animation-name: storeslidemobilebase;
        -o-animation-duration: 1.5s;
        -o-animation-delay: .3s;
        -o-animation-timing-function: ease-in-out;
        -o-animation-fill-mode: both;
    }	
	
    .cardlastearlyaccess {
        animation-name: storeslidemobileearlyaccess;
        animation-duration: 1.5s;
        animation-delay: .3s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: both;
        -webkit-animation-name: storeslidemobileearlyaccess;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-delay: .3s;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: both;
        -moz-animation-name: storeslidemobileearlyaccess;
        -moz-animation-duration: 1.5s;
        -moz-animation-delay: .3s;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-fill-mode: both;
        -o-animation-name: storeslidemobileearlyaccess;
        -o-animation-duration: 1.5s;
        -o-animation-delay: .3s;
        -o-animation-timing-function: ease-in-out;
        -o-animation-fill-mode: both;
    }		

    .cardlast2024 {
        animation-name: storeslidemobile2024;
        animation-duration: 1.5s;
        animation-delay: .3s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: both;
        -webkit-animation-name: storeslidemobile2024;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-delay: .3s;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: both;
        -moz-animation-name: storeslidemobile2024;
        -moz-animation-duration: 1.5s;
        -moz-animation-delay: .3s;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-fill-mode: both;
        -o-animation-name: storeslidemobile2024;
        -o-animation-duration: 1.5s;
        -o-animation-delay: .3s;
        -o-animation-timing-function: ease-in-out;
        -o-animation-fill-mode: both;
    }

    .clothingcardlast {
        animation-name: storeslidemobile;
        animation-duration: 1.5s;
        animation-delay: .3s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: both;
        -webkit-animation-name: storeslidemobile;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-delay: .3s;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: both;
        -moz-animation-name: storeslidemobile;
        -moz-animation-duration: 1.5s;
        -moz-animation-delay: .3s;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-fill-mode: both;
        -o-animation-name: storeslidemobile;
        -o-animation-duration: 1.5s;
        -o-animation-delay: .3s;
        -o-animation-timing-function: ease-in-out;
        -o-animation-fill-mode: both;
    }
	
    .cardlast2023 {
        animation-name: storeslidemobile2023;
        animation-duration: 1.5s;
        animation-delay: .3s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: both;
        -webkit-animation-name: storeslidemobile2023;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-delay: .3s;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: both;
        -moz-animation-name: storeslidemobile2023;
        -moz-animation-duration: 1.5s;
        -moz-animation-delay: .3s;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-fill-mode: both;
        -o-animation-name: storeslidemobile2023;
        -o-animation-duration: 1.5s;
        -o-animation-delay: .3s;
        -o-animation-timing-function: ease-in-out;
        -o-animation-fill-mode: both;
    }	

    .cardlast2022 {
        animation-name: storeslidemobile2022;
        animation-duration: 1.5s;
        animation-delay: .3s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: both;
        -webkit-animation-name: storeslidemobile2022;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-delay: .3s;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: both;
        -moz-animation-name: storeslidemobile2022;
        -moz-animation-duration: 1.5s;
        -moz-animation-delay: .3s;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-fill-mode: both;
        -o-animation-name: storeslidemobile2022;
        -o-animation-duration: 1.5s;
        -o-animation-delay: .3s;
        -o-animation-timing-function: ease-in-out;
        -o-animation-fill-mode: both;
    }

    .cardlast2021 {
        animation-name: storeslidemobile2021;
        animation-duration: 1.5s;
        animation-delay: .3s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: both;
        -webkit-animation-name: storeslidemobile2021;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-delay: .3s;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: both;
        -moz-animation-name: storeslidemobile2021;
        -moz-animation-duration: 1.5s;
        -moz-animation-delay: .3s;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-fill-mode: both;
        -o-animation-name: storeslidemobile2021;
        -o-animation-duration: 1.5s;
        -o-animation-delay: .3s;
        -o-animation-timing-function: ease-in-out;
        -o-animation-fill-mode: both;
    }

    .cardlast2020 {
        animation-name: storeslidemobile2020;
        animation-duration: 1.5s;
        animation-delay: .3s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: both;
        -webkit-animation-name: storeslidemobile2020;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-delay: .3s;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: both;
        -moz-animation-name: storeslidemobile2020;
        -moz-animation-duration: 1.5s;
        -moz-animation-delay: .3s;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-fill-mode: both;
        -o-animation-name: storeslidemobile2020;
        -o-animation-duration: 1.5s;
        -o-animation-delay: .3s;
        -o-animation-timing-function: ease-in-out;
        -o-animation-fill-mode: both;
    }

    .productwrapperclothing {
        padding: 0;
    }

    .clothingcard1 img,
    .clothingcard2 img,
    .clothingcardlast img,
    .clothingcardfirst img {
        max-width: 95%;
        max-height: 100%;
        height: auto;
        width: auto;
    }
	
    .videocardall {
        width: 84%;
        padding-left: 8%;
        padding-right: 3%;
        animation-name: videoslidemobileall;
        animation-duration: 1.25;
        animation-delay: 0s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: both;
        -webkit-animation-name: videoslidemobileall;
        -webkit-animation-duration: 1.25s;
        -webkit-animation-delay: 0s;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: both;
        -moz-animation-name: videoslidemobileall;
        -moz-animation-duration: 1.25s;
        -moz-animation-delay: 0s;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-fill-mode: both;
        -o-animation-name: videoslidemobileall;
        -o-animation-duration: 1.25s;
        -o-animation-delay: 0s;
        -o-animation-timing-function: ease-in-out;
        -o-animation-fill-mode: both;
    }

    .videocard2024 {
        width: 84%;
        padding-left: 8%;
        padding-right: 3%;
        animation-name: videoslidemobile2024;
        animation-duration: 1.25;
        animation-delay: 0s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: both;
        -webkit-animation-name: videoslidemobile2024;
        -webkit-animation-duration: 1.25s;
        -webkit-animation-delay: 0s;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: both;
        -moz-animation-name: videoslidemobile2024;
        -moz-animation-duration: 1.25s;
        -moz-animation-delay: 0s;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-fill-mode: both;
        -o-animation-name: videoslidemobile2024;
        -o-animation-duration: 1.25s;
        -o-animation-delay: 0s;
        -o-animation-timing-function: ease-in-out;
        -o-animation-fill-mode: both;
    }
	
	.videocard2023 {
        width: 84%;
        padding-left: 8%;
        padding-right: 3%;
        animation-name: videoslidemobile2023;
        animation-duration: 1.25;
        animation-delay: 0s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: both;
        -webkit-animation-name: videoslidemobile2023;
        -webkit-animation-duration: 1.25s;
        -webkit-animation-delay: 0s;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: both;
        -moz-animation-name: videoslidemobile2023;
        -moz-animation-duration: 1.25s;
        -moz-animation-delay: 0s;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-fill-mode: both;
        -o-animation-name: videoslidemobile2023;
        -o-animation-duration: 1.25s;
        -o-animation-delay: 0s;
        -o-animation-timing-function: ease-in-out;
        -o-animation-fill-mode: both;
    }
	
	.videocard2022 {
        width: 84%;
        padding-left: 8%;
        padding-right: 3%;
        animation-name: videoslidemobile2022;
        animation-duration: 1.25;
        animation-delay: 0s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: both;
        -webkit-animation-name: videoslidemobile2022;
        -webkit-animation-duration: 1.25s;
        -webkit-animation-delay: 0s;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: both;
        -moz-animation-name: videoslidemobile2022;
        -moz-animation-duration: 1.25s;
        -moz-animation-delay: 0s;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-fill-mode: both;
        -o-animation-name: videoslidemobile2022;
        -o-animation-duration: 1.25s;
        -o-animation-delay: 0s;
        -o-animation-timing-function: ease-in-out;
        -o-animation-fill-mode: both;
    }	
	
	.videocard2021 {
        width: 84%;
        padding-left: 8%;
        padding-right: 3%;
        animation-name: videoslidemobile2021;
        animation-duration: 1.25;
        animation-delay: 0s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: both;
        -webkit-animation-name: videoslidemobile2021;
        -webkit-animation-duration: 1.25s;
        -webkit-animation-delay: 0s;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: both;
        -moz-animation-name: videoslidemobile2021;
        -moz-animation-duration: 1.25s;
        -moz-animation-delay: 0s;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-fill-mode: both;
        -o-animation-name: videoslidemobile2021;
        -o-animation-duration: 1.25s;
        -o-animation-delay: 0s;
        -o-animation-timing-function: ease-in-out;
        -o-animation-fill-mode: both;
    }
	
	.videocard2020 {
        width: 84%;
        padding-left: 8%;
        padding-right: 3%;
        animation-name: videoslidemobile2020;
        animation-duration: 1.25;
        animation-delay: 0s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: both;
        -webkit-animation-name: videoslidemobile2020;
        -webkit-animation-duration: 1.25s;
        -webkit-animation-delay: 0s;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: both;
        -moz-animation-name: videoslidemobile2020;
        -moz-animation-duration: 1.25s;
        -moz-animation-delay: 0s;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-fill-mode: both;
        -o-animation-name: videoslidemobile2020;
        -o-animation-duration: 1.25s;
        -o-animation-delay: 0s;
        -o-animation-timing-function: ease-in-out;
        -o-animation-fill-mode: both;
    }	
	
	.videocardbattles {
        width: 84%;
        padding-left: 8%;
        padding-right: 3%;
        animation-name: videoslidemobilebattles;
        animation-duration: 1.25;
        animation-delay: 0s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: both;
        -webkit-animation-name: videoslidemobilebattles;
        -webkit-animation-duration: 1.25s;
        -webkit-animation-delay: 0s;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: both;
        -moz-animation-name: videoslidemobilebattles;
        -moz-animation-duration: 1.25s;
        -moz-animation-delay: 0s;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-fill-mode: both;
        -o-animation-name: videoslidemobilebattles;
        -o-animation-duration: 1.25s;
        -o-animation-delay: 0s;
        -o-animation-timing-function: ease-in-out;
        -o-animation-fill-mode: both;
    }	
	
		.videocardtutorials {
        width: 84%;
        padding-left: 8%;
        padding-right: 3%;
        animation-name: videoslidemobiletutorials;
        animation-duration: 1.25;
        animation-delay: 0s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: both;
        -webkit-animation-name: videoslidemobiletutorials;
        -webkit-animation-duration: 1.25s;
        -webkit-animation-delay: 0s;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: both;
        -moz-animation-name: videoslidemobiletutorials;
        -moz-animation-duration: 1.25s;
        -moz-animation-delay: 0s;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-fill-mode: both;
        -o-animation-name: videoslidemobiletutorials;
        -o-animation-duration: 1.25s;
        -o-animation-delay: 0s;
        -o-animation-timing-function: ease-in-out;
        -o-animation-fill-mode: both;
    }	
	
    .videocardonly {
        width: 84%;
        padding-left: 3%;
        padding-right: 3%;
    }	

    .videocard {
        width: 84%;
        padding-right: 3%;
    }

    .videocardlast {
        width: 84%;
        padding-right: 8%;
    }

    .storenav {
        display: none;
    }

    #productinfo {
        padding-left: 5%;
        padding-right: 5%;
        background: transparent;
		display: none;
    }

    #productinfocontainer {
        display: none;
    }

    .buttoncontainer {
        display: none;
    }

    .pricecontainer {
        display: none;
    }

    .pricecontainermobile {
        display: block;
        position: absolute;
        width: 100%;
        margin: 0 auto;
    }

    .buttoncontainermobile {
        display: block;
        position: absolute;
        width: 100%;
        margin: 0 auto;
        padding-top: 35px;
    }

    .pricecontainermobile>h2 {
        text-align: center;
        font-size: 12px;
    }

    .pricecontainermobile>h3 {
        text-align: center;
        font-size: 12px;
    }

    .pricecontainermobile>h4 {
        text-align: left;
        font-size: 12px;
    }

    .pricecontainermobile>h1 {
        display: block;
        font-family: neue-haas-grotesk-text, sans-serif;
        color: white;
        font-weight: 500;
        font-style: normal;
        list-style: none;
        text-align: center;
        text-decoration: none;
        font-size: 13px;
        top: 0;
    }

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

    .itemcontainer {
        z-index: 0;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: auto;
    }

    #scrolling-wrapper {
        height: auto;
    }

    #collageinfobutton,
    #databendinfobutton,
    #crossinfobutton,
    #inkinfobutton,
    #streakinfobutton,
    #thermalinfobutton,
    #temperatureinfobutton,
    #phaserblackinfobutton,
    #analoginfobutton {
        display: none;
    }

    #crossinfobuttonmobile,
    #collageinfobuttonmobile,
    #databendinfobuttonmobile,
    #inkinfobuttonmobile,
    #streakinfobuttonmobile,
    #thermalinfobuttonmobile,
    #temperatureinfobuttonmobile,
    #phaserblackinfobuttonmobile,
    #analoginfobuttonmobile {
        margin: 0 auto;
        display: block;
    }

    .productcardonly {
        top: 0;
        transform: none;
        width: 88%;
        height: auto;
    }

    .productcard {
        top: 0;
        transform: none;
        width: 88%;
        padding-right: 3%;
        height: auto;
    }

    .productcardlastmobile {
        display: inline-block;
        top: 0;
        transform: none;
        width: 88%;
        padding-right: 3%;
        height: auto;
    }

    .productcardtext {
        display: inline-block;
        top: 0;
        transform: none;
        width: 88%;
        margin-right: 6%;
        height: auto;
        position: relative;
    }

    #textcontainer {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
    }

    #textcontainer>p {
        display: block;
        font-family: neue-haas-grotesk-text, sans-serif;
        color: #ffffff;
        font-weight: 400;
        font-style: normal;
        list-style: none;
        text-align: left;
        text-decoration: none;
        font-size: 12px;
        white-space: normal;
    }

    #textcontainer>p>a {
        font-family: neue-haas-grotesk-text, sans-serif;
        color: #ffffff;
        font-weight: 400;
        font-style: normal;
        list-style: none;
        text-align: left;
        font-size: 12px;
        white-space: normal;
    }

    .productcardfirst {
        top: 0;
        transform: none;
        margin-left: 6%;
        padding-right: 3%;
        width: 88%;
        height: auto;
        animation-name: productslidemobile;
        animation-duration: 1.1s;
        animation-delay: .5s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: both;
        -webkit-animation-name: productslidemobile;
        -webkit-animation-duration: 1.1s;
        -webkit-animation-delay: .5s;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: both;
        -moz-animation-name: productslidemobile;
        -moz-animation-duration: 1.1s;
        -moz-animation-delay: .5s;
        -moz-animation-timing-function: ease-in-out;
        -moz-animation-fill-mode: both;
        -o-animation-name: productslidemobile;
        -o-animation-duration: 1.1s;
        -o-animation-delay: .5s;
        -o-animation-timing-function: ease-in-out;
        -o-animation-fill-mode: both;
    }

    .productcardlast {
        display: none;
    }

    .productcard img,
    .productcardonly img,
    .productcardfirst img,
    .productcardtext img,
    .productcardlastmobile img {
        width: 100%;
        height: auto;
    }

    .footer>li {
        margin-bottom: 4%;
    }

    .footer {
        bottom: 0;
        z-index: 10;
    }

    #headercontainer {
        width: 40%;
        margin-top: 4%;
        height: 6%;
    }

    .index {
        height: 77%;
    }

    #logocontainer {
        width: 88%;
    }

    #linkplaceholder {
        width: 88%;
    }

    div.a,
    div.c,
    div.t2,
    div.h,
    div.k2,
    div.n2,
    div.z,
    div.l2,
    div.w2,
    div.y,
    div.r,
    div.g,
    div.x {
        left: -5%;
    }

    div.j2,
    div.q2,
    div.s2,
    div.p,
    div.v2,
    div.d,
    div.b,
    div.f2,
    div.m2,
    div.i2,
    div.o,
    div.e2,
    div.u2 {
        left: -5%;
    }

    div.w,
    div.b2,
    div.l,
    div.c2,
    div.j,
    div.g2,
    div.p2,
    div.y2,
    div.f,
    div.z2,
    div.s,
    div.k,
    div.a2 {
        left: -5%;
    }

    div.q,
    div.v,
    div.n,
    div.d2,
    div.m,
    div.x2,
    div.i,
    div.r2,
    div.u,
    div.o2,
    div.e,
    div.h2,
    div.t {
        left: -5%;
    }

    #play-all {
        display: none;
    }
	.archivetextewrapperlolgoodnessvideo {
	    transform: translateY(5px);	
	}
}