/*html, body { height: 100% } 

body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
}
html {
  height: -webkit-fill-available;
}
*/


* {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

/*PASSCODE*/
/*PASSCODE*/
/*PASSCODE*/
.password-section {
  height: 100vh; /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);
  //max-height:100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Soehne", sans-serif;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  background: #040404;
}


#access--orgy {
    color: white;
    text-decoration: none;
    border-bottom: 1px solid white;

}

label {
  position: relative;
}

label input {
    font-family: "ocra", sans-serif;
    text-rendering: geometricPrecision;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
    color: #f9f9f9;
    background: transparent;
    padding: 1rem 3.2rem 1rem 1.2rem;
    min-width: 14rem;
    border-radius: 0.8rem;
    border: 2px solid #7a7a7a56;
    transition: border-color 0.2s;
}
@media (max-width:450px){
label input {
   width:100px;
}
}



label input:focus {
  border-color: #05ff01;
}

label p {
     font-family: 'Soehne';
    color: #f9f9f9;
    font-size: 16px;
    user-select: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 0.8rem;
    padding: 0 0.4rem;
    background: #040404;
    transition: top 0.2s, font-size 0.2s, color 0.2s;
    text-transform: capitalize;
    letter-spacing: normal;
}

label .password-icon {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 6rem;
  transform: translateY(-50%);
  width: 1.2rem;
  color: #f9f9f9;
  transition: color 0.2s;
}

label .password-icon .feather-eye-off {
  display: none;
}

label .password-icon:hover {
  cursor: pointer;
  color: #04ff00;
}

label input:focus + p,
label input:not(:placeholder-shown) + p {
  top: 0;
   font-size:14px;
  color: #05ff01;
}

label input:not(:focus) + p {
  color: white;
}

#button1 {    
    font-size: 14px;
    transition: color 0.2s;
    cursor: pointer;
    margin-left: 10px;
    background: none;
    /* margin-top: 1rem; */
    border-radius: .8rem;
    padding: 1rem .6rem;
    color: white;
    border: 1px solid;}

#button1:hover {
  cursor: pointer;
  color: #04ff00;
}
/*
.button2 {
  display: none;
  background: none;
  padding:1rem 16px;
  position:fixed;
  color: white;
  font-size:16px;
}*/
.button2 {
    display: none;
    background: none;
    padding: 1rem 16px;
    position: fixed;
  z-index:99;
    width: 100vw;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    /* height: 2000px; */
    background: #000000;
    color: white;
    font-size: 14px;
}
#hint{
  font-family: 'Soehne';
    position: fixed;
    bottom: 2.5rem;
      line-height: 1.2;
    font-size: 14px;
    color: white;
    letter-spacing: normal;
    text-transform: capitalize;
}

@media (max-width:450px){
#hint{
    position: fixed;
    bottom: 6rem;
    line-height: 1.2;
    font-family: 'Soehne';
    position: fixed;
    bottom: 3.8rem;
    font-size: 14px;
    color: white;
    text-align: left;
    letter-spacing: .02rem;
    text-transform: capitalize;
    padding: 0rem 0rem .6rem 9rem;
    max-width: 94vw;
}
}
span#acid {
  color:#04ff00;
  
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  text-transform:uppercase;
  font-family:ocra;
  font-size: 18px;
}

#icon--unlock{
    position: fixed;
    top: 120px;
    display: inline;
    width: 18px;
}

#icon--unlocked{
    position: fixed;
    top: 120px;
    left: calc(50% - 24px);
    width: 48px;
}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;-ms-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);-ms-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);-ms-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);-ms-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);-ms-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);-ms-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}


/*PASSCODE*/
/*PASSCODE*/
/*PASSCODE*/



.fixed{
  z-index:1;
  overflow:hidden;
  position:fixed;
}    
.dd{          
    font-size: 8vw;
    font-family: helvetica;
    background: #05ff01;
    padding: 10rem 0;
    width: 80vw;
    margin-top: 200px;
    z-index: 999999999;
    position: fixed;
    border-radius: 10rem;
    margin: auto;
    text-align: center;

}
   .mega-button{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

/*FLICKITY*/
/*AVATAR--INFO*/
.avatar--info a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 1rem .8rem 1rem 1rem;
    text-decoration:none;
}

.is-selected .avatar--info {
   transform: translateY(0);
     left:50%;
     -webkit-transform: translate(-50%,0px);
    transform: translate(-50%,0px);
 transition: 0.4s;
  transition-timing-function: ease-out;
  opacity:1;
  display:block; 
}
.caption--avatar {
    height: 100%;
    width: auto;
    border-radius: 2.5rem;
    display: block;
    line-height: 18px;
    font-family: "OcrA";
    -webkit-font-smoothing: antialiased;
}
.avatar-caption--secondary {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 12px;
    letter-spacing: normal;
    text-transform: capitalize;
    line-height: 18px;
    font-family: "OcrA";
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    color: var(--secondary-bg-color);

}
.avatar--info{
  max-width: 290px;
  min-width: 240px;
  transform: translateY(130%);
  transition-timing-function: ease-in;
  opacity: 0;
  transition: opacity .3s linear;
  transition: 0.5s;
  -webkit-box-shadow: 0 0px 7px rgba(0,0,0,0.4);
  box-shadow: 0 0px 7px rgba(0,0,0,0.4);
  bottom: 40px;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%,80px);
  transform: translate(-50%,80px);
  /* background: #fff; */
  background: #04ff00;
  border-radius: 1.5rem;
  text-align: left;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.avatar {
    display:block;
    opacity:1;
    width:60px;
    height:60px;
    border-radius: 1rem;
    padding: 2px;
}
.avatar img {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: .8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  }
.avatar-caption {
    padding: 0 0 0 8px;
}

.hide
{
    display: none;
    height:0;
}
.slide {
    display: block;
}

/*CAROUSEL*/

.carousel-cell {
    width: 800px;
    min-width: 500px;
    justify-content: center;
    align-items: center;
    display: flex;
    height: 100vh;
    overflow:hidden; 
    margin-right: 10px;
    background: none;
}

@media (max-width: 600px) {
.carousel-cell{
   width:90%;
    height: 90vh;
  }}


.carousel-cell-image {
  border-radius:5rem;
  display: block;
  max-height: 100%;
  margin: 0 auto;
  min-height:500px;
  width:500px;
  opacity: 0;
  -webkit-transition: opacity .4s;
          transition: opacity .4s;
}
@media (max-width: 600px){
.carousel-cell-image {
    /* min-height: 350px; */
    height: 350px;
    width: 350px;
    min-height: 350px;
    /* max-width: 90vw; */
}}

/* fade in lazy loaded image */
.carousel-cell-image.flickity-lazyloaded,
.carousel-cell-image.flickity-lazyerror {
  opacity: 1;
}

/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: fixed;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}


.img-cont {
    height: 500px;
    position: absolute;
}

@media (max-width: 600px) {
.img-cont {
  height: 350px;
    min-height: 350px;
  }}










/*B-LAZY*/
.ratio {
     background: #f0f4f6;
    border-radius: 2.5rem;
     height: 0;
     width: 100%;
     overflow: hidden;
     position: relative;
   
 }
.ratio-no-radius {
     background: #f0f4f6;
    border-radius: 0rem;
     height: 0;
     width: 100%;
     overflow: hidden;
     position: relative; 
 }

 .microstory-media-container-regular {
     overflow: hidden;
     position: relative;
   padding: 4rem 0;
 }

 .microstory-media-container {
     overflow: hidden;
   
   
      -webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
   -webkit-transform: translate3d(0, 0, 0);
     position: relative;
   padding-bottom: 4rem;
 }

 img {
     display: block;
     max-width: 100%;
     height: auto;
   
 }

 .b-lazy,
 video {

   
   
     //display: inline-block;
     position: absolute;
     left: 0;

     top: 0;
     //height:100%;
     width: 100%;
 }

 .b-lazy {
     border-radius: 2.5rem;
     max-height: 100%;
     height: auto;
 }

 b-lazy {
     -webkit-transition: opacity 2500ms ease-in-out;
     -moz-transition: opacity 300ms ease-in-out;
     -o-transition: opacity 300ms ease-in-out;
     transition: opacity 300ms ease-in-out;
     max-width: 100%;
     opacity: 0;
 }

 .b-loaded {
     opacity: 1;
 }

 .b-lazy.animate {
    -webkit-transition: opacity 300ms ease-in-out;
     -moz-transition: opacity 300ms ease-in-out;
     -o-transition: opacity 300ms ease-in-out;
     transition: opacity 300ms ease-in-out;
     max-width: 100%;
     opacity: 0;
 }

 .b-loaded.animate {
     opacity: 1;

 }
/*B-LAZY*/






/*
.responsively-lazy:not(img){
    position:relative;
    height:0;

}

.responsively-lazy:not(img) > img{
    position: absolute;
    top: 0;
  opacity:1;
    left: 0;
    width: 100%;
    height: 100%;  

}

img.responsively-lazy{
    width:100%;background: #f0f4f6;
    border-radius: 2.5rem;
}

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


.wrap-orgy-img{
padding: var(--padding-xl);
}

/* FOOTER */

p#footer{
  display:block;
  font-size:16px;
  color: white;
  font-weight:400;
  text-align: center;
  margin-top:10px;
  font-family: "OcrA";
   -webkit-font-smoothing: antialiased;
  //padding-top: 20px;
  
  
padding-bottom: 10px;
    //border-bottom: 1px solid #868686;
}



.info--footer.mobile--show.hide-me {
  color: white;
    font-weight: 400;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    padding-bottom: 10px;
    font-family: 'orgy';
    padding: 6rem 0;
  
  font-size: 15vw;
    text-transform: uppercase;
    line-height: 1;
}

 .footer {
	 margin: auto;
	 position: fixed;
   z-index: 99999999999999999999999;
	 width: 100%;
   height:4rem;
	 bottom: 0;
	 border-radius: 5rem 5rem 0rem 0rem;
	 background: black;
   
}

 @media (max-width: 450px) {
 .footer {
    border-radius: 2.5rem 2.5rem 0rem 0rem;
    background: hsla(0, 0%, 52%, 0.5);
    //background: hsla(0, 0%, 32%, 0.8);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(2rem);
    //height:160px;
    height: 140px;
    overflow: -webkit-paged-x;
}}




.footer:hover {
    
    height: 380px;
}
 @media (max-width: 450px) {
.footer:hover {


  overflow:scroll;
 
  transition-delay: 0.25s;
     height: 80vh;
  -webkit-transition: ease .2s,-webkit-transform 1s cubic-bezier(.23,1,.32,1);
    transition:  ease .2s,-webkit-transform 1s cubic-bezier(.23,1,.32,1);
    transition: ease .2s,transform 1s cubic-bezier(.23,1,.32,1);
    transition:  ease .2s,transform 1s cubic-bezier(.23,1,.32,1),-webkit-transform 1s cubic-bezier(.23,1,.32,1);
}

}}

.footer::before{
  overflow:initial;
}

.footer::after{
  overflow:scroll;
}




 .footer-show {
   	  -webkit-transition:  ease .2s,-webkit-transform 1s cubic-bezier(.23,1,.32,1);
    transition:  ease .2s,-webkit-transform 1s cubic-bezier(.23,1,.32,1);
    transition: ease .2s,transform 1s cubic-bezier(.23,1,.32,1);
    transition:  ease .2s,transform 1s cubic-bezier(.23,1,.32,1),-webkit-transform 1s cubic-bezier(.23,1,.32,1);
	 bottom: 0;
}


 .footer-hide {
     	 //transition:  0.2s ease-in;
	 bottom: -6rem;
}




 .card--container {
      cursor: pointer!important;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 3rem;
}
 @media (max-width: 450px) {
 .card--container {
   
  
   margin-bottom:150px;
       //background: red;
    display: list-item;
       padding: 0rem;
   //margin-top: 100px;
	}
}

@media (max-width: 450px) {
 .card--container:hover {
       //background: red;
    display: list-item;
       padding: 0rem;
   //margin-top: 100px;
	}
}



a.menu_item {
    cursor: pointer!important;
    padding: 1rem;
   display:block;

}

 @media (max-width: 450px) {
   a.menu_item {
     //background:red;
     margin:auto;
    cursor: pointer!important;
    //padding: 1rem 0;
    display: block;
         padding: 2rem 0;
             width: 50%;
}}

/*OTHER IMG*/
.img--punk--jkt{
  width:50vw;
}
 @media (max-width: 900px) {
.img--punk--jkt{
    width:80vw;
}}

 img.small-card-lost-tapes {
	 background: #3c3c3b;
   min-height:200px;
}
 img.small-card-sounds {
	 background: #6e32ff;
   min-height:200px;
}
 img.small-card-orgy {    
   min-height:200px;
   background-color: #CABA9F!important;
}
 img.small-card-tribe {   
   min-height:200px;
   background-color: #fe0000;
}
#small-card-footer{
   transition: all 0.2s ease-in;
  transform:scale(1);
}

#small-card-footer:hover{
  transform:scale(1.2);
}
 @media (max-width: 450px) {
#small-card-footer:hover{
  transform: scale(1);
	}
}

img#small-card-footer {
    padding: 3rem;
    border-radius: 2.5rem;
    width: 200px;
    margin: auto;

}
 @media (max-width: 450px) {
	 img#small-card-footer {
    border-radius: 1.5rem;
     
    //width: 220px;
    width: 100%; 
     transform: scale(1);
     
     
    padding: 1.8rem;
	}
}
 /*FOOTER */





@font-face {
    font-family: "orgy";
    src: url("https://www.lastorgy.com/font/SuisseIntlCondensed-Bold.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
}


@font-face {font-family: "Offline"; src: url("//db.onlinewebfonts.com/t/85f2039fe9e9fffb70d247cdd579d5e5.eot"); src: url("//db.onlinewebfonts.com/t/85f2039fe9e9fffb70d247cdd579d5e5.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/85f2039fe9e9fffb70d247cdd579d5e5.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/85f2039fe9e9fffb70d247cdd579d5e5.woff") format("woff"), url("//db.onlinewebfonts.com/t/85f2039fe9e9fffb70d247cdd579d5e5.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/85f2039fe9e9fffb70d247cdd579d5e5.svg#Offline") format("svg"); }
  
@font-face {font-family: "AktivGroteskW01-Bold"; src: url("//db.onlinewebfonts.com/t/7616ca3c88797a238b74acd9bfce2222.eot"); src: url("//db.onlinewebfonts.com/t/7616ca3c88797a238b74acd9bfce2222.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/7616ca3c88797a238b74acd9bfce2222.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/7616ca3c88797a238b74acd9bfce2222.woff") format("woff"), url("//db.onlinewebfonts.com/t/7616ca3c88797a238b74acd9bfce2222.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/7616ca3c88797a238b74acd9bfce2222.svg#AktivGroteskW01-Bold") format("svg"); }

@font-face {font-family: "OcrA"; src: url("//db.onlinewebfonts.com/t/125b05a4c16d6d448a21b045c0226b04.eot"); src: url("//db.onlinewebfonts.com/t/125b05a4c16d6d448a21b045c0226b04.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/125b05a4c16d6d448a21b045c0226b04.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/125b05a4c16d6d448a21b045c0226b04.woff") format("woff"), url("//db.onlinewebfonts.com/t/125b05a4c16d6d448a21b045c0226b04.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/125b05a4c16d6d448a21b045c0226b04.svg#OcrA") format("svg"); }


@font-face {
    font-family: 'spray';
    src: url('https://www.lastorgy.com/font/SisterSpray.woff2') format('woff2'),
        url('https://www.lastorgy.com/font/SisterSpray.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}





@font-face {
    font-family: 'Soehne';
    src: url('https://www.lastorgy.com/font/Sohne-Buch.woff2') format('woff2'),
        url('https://www.lastorgy.com/font/Sohne-Buch.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Soehne Kraftig';
    src: url('https://www.lastorgy.com/font/Sohne-Kraftig.woff2') format('woff2'),
        url('https://www.lastorgy.com/font/Sohne-Kraftig.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {font-family: "SF Pro Text"; src: url("//db.onlinewebfonts.com/t/1c45e28f8e86cc89876f003b953cc3e9.eot"); src: url("//db.onlinewebfonts.com/t/1c45e28f8e86cc89876f003b953cc3e9.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/1c45e28f8e86cc89876f003b953cc3e9.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/1c45e28f8e86cc89876f003b953c.discover--tapes-teaser-index.woff") format("woff"), url("//db.onlinewebfonts.com/t/1c45e28f8e86cc89876f003b953cc3e9.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/1c45e28f8e86cc89876f003b953cc3e9.svg#SF Pro Text") format("svg"); }




@font-face {
    font-family: "Last-Orgy-Tm-SFat";
    src: url("https://www.lastorgy.com/font/Last-Orgy-Tm-SFat.woff2") format("woff2");
}

@font-face {font-family: "News Gothic MT Std"; src: url("//db.onlinewebfonts.com/t/0464ce9d374d76fd226242e8f34b3669.eot"); src: url("//db.onlinewebfonts.com/t/0464ce9d374d76fd226242e8f34b3669.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/0464ce9d374d76fd226242e8f34b3669.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/0464ce9d374d76fd226242e8f34b3669.woff") format("woff"), url("//db.onlinewebfonts.com/t/0464ce9d374d76fd226242e8f34b3669.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/0464ce9d374d76fd226242e8f34b3669.svg#News Gothic MT Std") format("svg"); }

@font-face {font-family: "AktivGroteskW01-Bold"; src: url("//db.onlinewebfonts.com/t/7616ca3c88797a238b74acd9bfce2222.eot"); src: url("//db.onlinewebfonts.com/t/7616ca3c88797a238b74acd9bfce2222.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/7616ca3c88797a238b74acd9bfce2222.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/7616ca3c88797a238b74acd9bfce2222.woff") format("woff"), url("//db.onlinewebfonts.com/t/7616ca3c88797a238b74acd9bfce2222.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/7616ca3c88797a238b74acd9bfce2222.svg#AktivGroteskW01-Bold") format("svg"); }



span#p-secondary-red{
font-family: "Last-Orgy-Tm-SFat"!important;
letter-spacing: 5px;
text-align: center;
-ms-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-kerning: normal;
text-transform: none;
hyphens: auto;
font-weight:600;
}
@media (max-width:450px){
span#p-secondary-red{
font-size: 2.2rem;
  }}

span#p-secondary-RGL{
   color: var(--main-font-color);
  font-family: "Last-Orgy-Tm-SFat"!important;
letter-spacing: 5px;
text-align: center;
-ms-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-kerning: normal;
text-transform: none;
hyphens: auto;
  font-weight:400;
}


p.p-secondary{
 // font-family: "News Gothic MT Std";
  font-family: AktivGroteskW01-Bold;
    line-height: 1.232;
    font-size: calc(4vh + 2rem);
    hyphens: auto;
       max-width: 100%;
}
@media (max-width:900px){
 p.p-secondary{
font-size: 3rem;
  }}
@media (max-width:600px){
 p.p-secondary{
font-size: 2.5rem;
  }}


#sticky--main--bg--1{
      background-image: url(https://www.lastorgy.com/img/trash--0--00001.jpg);
}
#sticky--main--bg--2{
      background-image: url(https://www.lastorgy.com/img/main--seditionaries-0--00002.jpg); 
  
}
#sticky--main--bg--3{
      background-image: url(https://www.lastorgy.com/img/20200424-beastie-01.jpg); 
  
}

.wrapper--main {
    background-position: center;
    padding-top: 2rem;
    background-color: black;
    border-radius: var(--img-radius-5);
    background-repeat: no-repeat;
    background-size: cover;
    grid-template-columns: repeat(12, minmax(0,1fr));
    grid-column-gap: 2.093333%;
    grid-row-gap: 20px;
    display: grid;
   height:2000px;
}

@media (max-width:1200px){
.wrapper--main {
    height:1400px;
}
}
@media (max-width:800px){
.wrapper--main {
    height: 90vh;
}
}

@media (max-width:450px){
.wrapper--main {
  grid-row-gap: 300px;
	height:75vh;
}
}


.col {
position: sticky;
top: 0;
height:100%;
padding: 10px;

}
.span1, .span2, .span3, .span4 {
position: sticky;
top: 0;
height:10%;
padding: 10px;
}

.col.span2 {
  grid-column: auto / span 2;
}
.col.span3 {
grid-column: auto / span 3;
}
.col.span4 {
grid-column: auto / span 4;
}

#headline--sticky{
 font-family: ocra;
    text-transform: uppercase;
    color: #04ff00;
    font-size: 12px;
}


@media (max-width: 450px) {
#headline--sticky{
    font-size: 12px;
}}


.sp-0, .sp-1, .sp-2, .sp-3, .sp-4, .sp-5, .sp-6, .sp-7, .sp-8, .sp-9, .sp-10, .sp-11, .sp--down-1, .sp--down-2, .sp--down-3, .sp--down-4{
	display:block;
}

@media (max-width: 450px) {
.sp-0, .sp-2, .sp-3, .sp-4,  .sp-6, .sp-7, .sp-8, .sp-9, .sp-10, .sp-11, .sp--down-1, .sp--down-2, .sp--down-3,  .sp--down-4{
	display:none;
}
}






















br#br--mobile{
  display:none;
}
@media (max-width:450px){
br#br--mobile{
  display:block;
}
}


/*.fire-bottom{
    background-image: url(https://cutewallpaper.org/21/fire-background-gif/Fire-gif-transparent-10-transparent-clip-arts-and-logos-.gif);
    z-index: 9999999999999999999;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 550px;
    pointer-events: none;
    right: 0;
    z-index: 1000;
opacity:1;
}    
.wrap--item:hover .fire-bottom{
  opacity:1;
}*/


/*section#black{
  transition: all .5s ease;
}
section#black:hover{
filter: invert(1);
 transition: all .5s ease;
}

/*

/*WALL*/
#white{/* max-width: 1680px; */background: var(--main-bg-color); overflow:visible;}


#the-tribe{/* max-width: 1680px; */background: var(--main-bg-color); overflow:visible;}

  



#black{background: var(--secondary-bg-color);}
#red{background: var(--red-bg-color);}

section.radius-top{
  border-radius: var(--img-radius-top);
} 
section.radius-full{
  border-radius: var(--img-radius-5);
} 
section.radius-bottom{
  border-radius: var(--img-radius-bottom);
} 


  

/*IMG width*/





/*OTHER IMG*/
img.small-card-lost-tapes {
  background: #3C3C3B;}
img.small-card-sounds {
  background: #6E32FF;}

img#small-card {
    padding: 2em;
    border-radius: 5rem;
    width: 550px;
    margin: auto;
    margin-bottom: 5rem;
}
@media (max-width:900px){
 img#small-card {
    border-radius: 2.5rem;
    width: 320px;
    margin-bottom: 3rem;
}  
}




img#indeximg-burn {
    padding: 2rem 0;
    width: 200px;
    margin: auto;
}


/*img-radius*/
img#img-r-5 {
   border-radius: var(--img-radius-5);
}

/*article-padding*/
.article-p-xl{
  padding: var(--padding-xl);
}


.ftp{
  display:block;
}
@media (max-width:900px){
  .ftp{
  display:none;
}  
}






.teaser-discover--mobile{
  display:none;
}
@media (max-width:900px){
.teaser-discover--mobile{
  display:block;
}  
}
/*NAV--HEADER*/
.js-nav.go--back.open {
    position: fixed;
    top: 0;
    justify-content: center;
    width: 100%;
    display: flex;
}
/*NAV*/
/*NAV*/
 .header__logo {
   position:absolute;
   z-index:9;
   pointer-events:none;
   top:0;
   margin-top:20px;
   
    display:flex;
   justify-content:center;
   align-items:center;
   width:100%;
}
 .header__logo img{
   width:180px;
   
}


.container212 {
  mergin-top:10px;

 width: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    pointer-events: none;
    position: fixed;
    z-index: 9999;}

.navbar-brand img {
  pointer-events:none;
margin-top:10px;
	width: 40vw;
	-webkit-transition: width 0.2s; 
	-moz-transition: width 0.2s; 
	-ms-transition:  width 0.2s; 
	-o-transition:  width 0.2s; 
	transition:  width 0.2s; 
}

.navbar-brand.js-scrolling img {
	width: 180px;
	-webkit-transition: width 0.2s; 
	-moz-transition:  width 0.2s; 
	-ms-transition:  width 0.2s; 
	-o-transition:  width 0.2s; 
	transition:  width 0.2s; 
}





.nav ul li a:hover{
     text-decoration: none;
    transform: skewX(-10deg);
    opacity: 1;
     color: #04ff00;
    transition: transform .3s ease, opacity .15s ease;
   -webkit-transition: transform .3s ease, opacity .15s ease; 
}


 .nav {
   font-family: 'orgy', sans-serif;
	 display: none;
	 position: fixed;
   text-transform: uppercase;
	  width: 100%;
	 height: 100%;
  
	 position: absolute;
	 right: 0px;
	 bottom: 0px;
   z-index: 10;
	 transition-duration: 0.4s;
   
     -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
}
 .nav.open {
   
       z-index: 1;
   
   
   
   //background:var(--secondary-bg-color)!important;
	 width: 100%;
	 height: 100%;
   font-family: "orgy", helvetica, arial;
	 position: fixed;
	 right: 0px;
	 bottom: 0px;
	 border-radius: 0;
	 display: flex;
	 justify-content: center;
	 align-items: center;
   user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */

   
   
}
 .nav__list {
	 display: none;
   
}





/*
 .nav__list.show {
	 display: flex;
	 flex-direction: column;
	 list-style: none;
   line-height:1;
	 margin: 0;
	 padding: 0;
   
}*/

.nav__list.show {
    display: flex;
    flex-direction: column;
    list-style: none;
    line-height: 1;
    1: 1;
    margin: 0;
    border-radius: 2.5rem;
    padding: 50px;
    
  
     background: hsla(0, 0%, 52%, 0.5);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(2rem);
}
@media (max-width: 450px) {
ul.nav__list.js-nav__list.hide-me.show {
    height: 60vh;
    top: 0;
    width: calc(100vw - 20px);
    display: flex;
    justify-content: center;
    align-items: center;
}

}



 .nav__item {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 background-color: transparent;
	 width: 100%;
	 opacity: 0;

  animation-name: fadeInDown;
	 animation-duration: .6s; /*BEFORE*1*/
  -webkit-transition: ease .1s,-webkit-transform 1s cubic-bezier(.23,1,.32,1);
  transition:  ease .1s,-webkit-transform 1s cubic-bezier(.23,1,.32,1);
  transition:  ease .1s,transform 1s cubic-bezier(.23,1,.32,1);
  transition:  ease .1s,transform 1s cubic-bezier(.23,1,.32,1),
  -webkit-transform 1s cubic-bezier(.23,1,.2,1);
 
	 animation-fill-mode: forwards;
	
}
@keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
}
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none
}
}





 .nav__link {
	 font-size: 80px;
   //font-size: 24px;
	 //letter-spacing: 0.1em;
	 text-decoration: none;
	 color:var(--secondary-font-color);
   
}
@media screen 
  and (max-width: 450px){
    .nav__link {
      	 font-size: 50px;
}}
  
  
  
  

/*NAVTRIGGER*/
.button {
    position:fixed;
    z-index:9;
    will-change: transform;
    cursor: pointer!important;
    border-radius: 1.8em;
    -webkit-backdrop-filter: blur(2rem);
    backdrop-filter: blur(2rem);
    width: 50px;
    height: 27px;
    top: 15px;
    left: 15px;
    color: #000;
}
@media (max-width:900px){
.button {
    width: 60px;
    cursor: pointer;
    height: 35px;
    bottom: 15px;
    top:auto;
    left: 15px;
    border-radius: 1em;
}
}

.button__background {
  
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    transition: all .2s;
    border-radius: 3em;
    background: hsla(0, 0%, 52%, 0.5);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(2rem);
    color: white;
  border-radius: 1em;
    -webkit-backdrop-filter: blur(2rem);

}



/* DOTS */
.menu__dots {
  color:white;
  transform: scale(2);
  width: 11px;
  height: 4px;
  position: fixed;
  opacity: 1;
  transition: all .5s ease;
  transform: scale(2);
}


@media (max-width:900px){
.menu__dots {
  transform: scale(2.6);
}
}

.menu__dot {
      z-index: -1;
    display: block;
    position: absolute;
    top: 0;
    -webkit-animation: jump 1s ease infinite alternate;
    animation: jump 1s ease infinite alternate;
    width: 2px;
    height: 2px;
    background: currentColor;
}


.menu__dot1 {
    left: 0
}

.menu__dot2 {
    left: 4px;
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.menu__dot3 {
    left: 8px;
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

@-webkit-keyframes jump {
    0% {
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0)
    }

    50% {
        -webkit-transform: translate3d(0, 2px, 0);
        transform: translate3d(0, 2px, 0)
    }
}

@keyframes jump {
    0% {
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0)
    }

    50% {
        -webkit-transform: translate3d(0, 2px, 0);
        transform: translate3d(0, 2px, 0)
    }
}








li#li--234--menu {
    font-family: "monument grotesk", helvetica, serif;
    font-weight: 400;
    text-transform: initial;
    font-size: 20px;
    padding: 2.2rem .4rem;
    vertical-align: middle;
    text-align: center;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
}
a#menu--back--item {
    font-family: "OcrA";
    font-size: 20px;
    color: #04ff00;
    text-decoration: none;
}

.layout-default__nav {
      height: 10vh;
  
  
     position: fixed;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    //left: 50;
    /* height: fit-content; */
    /* bottom: auto; */
    /* top: auto; */
    bottom: 1.5rem!important;
    /* left: calc(50% - 30px); */
    z-index: 250;
}



@media (min-width: 10px){
.layout-default__nav {
  position: fixed;
    display: contents;
    background: blueviolet;
    width: 100%;
    align-items: center;
    justify-content: center;
    bottom: 10px;
    left: 0px;
    /* margin: 20px; */
    z-index: 1;
}
}

/* Slide transitions */
#header {

    top: 25px;
    position: fixed;
    width: 100%;
    z-index: 9;
}
@media (max-width: 900px) {
#header {
  top: auto;
     bottom: 25px!important;
}}


.slideUp {
transform:translateY(-70px);
  transition: transform .3s ease-out;
}

.slideDown {
  -webkit-transform:  scale(1);
  transition: trsform .3s ease-out;
  
     
}



/* DISCOVER BTN */
/*BTN */
div.discover{
z-index: 9;
 position: fixed;
  top:15px;
  right: 15px;
    list-style-type: none;
}

@media (max-width: 900px){
div.discover{
    top: auto;
  right: 15px!important;
    bottom: 15px!important;
}}


div#li--234 {
  font-family: "OcrA";
  font-weight:400;
  font-size: 1.2rem;
  /* padding: .2rem .4rem; */
  vertical-align: middle;
  text-align: center;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  border-radius: .8rem; 
  display: inline-block;
}
@media (max-width: 900px){
div#li--234 {
  padding: .5rem .6rem;

}}

.main-page-title-btn{/* background: hsla(0, 0%, 52%, 0.5); */-webkit-backdrop-filter: blur(30px);/* backdrop-filter: blur(30px); */-webkit-backdrop-filter: blur(2rem);color:white;display:block;}
@media (max-width: 900px){
div#li--234.main-page-title-btn {
    display: none;
}
}
.discover-page-title-btn{/* background: #04ff00; */transition: .2s ease-in-out 0s;}

.discover-page-title-btn:hover{
    //transform: scale(2) translateX(-40px);
}

li li {
  display: block;
}

a#a--234 {
  padding: .5rem .6rem;
  border-radius: .8rem;
  background: #04ff00;
  /* background: bisque; */
  text-decoration:none;
  color: black;
}

a#a--235 {
  background: hsla(0, 0%, 52%, 0.5);
  padding: .5rem .6rem;
  border-radius: .8rem;
  text-decoration:none;
  color: white;
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(2rem);
  display: inline-block;
}



/*
#a--235:hover, #a--235 :active{
 color:red;
  transform:scale(2);
}
*/











:root {
    --main-bg-color: #fff;
    --secondary-bg-color:  black;
    --red-bg-color: #fe0000;
  
    --clr-bg-color: #f00;
    --clr-bg-color-tribe: #6E32FF;
    --main-font-color: black;
    --secondary-font-color: white;
    --clr-red-font-color: #f00;
    --main-font-size: 50px;
    --mobile-font-size: 12px;
    --medium-font-size: 1.4rem;
   // --x-medium-font-size: 8.5vw;
    --large-font-size: 9vw;
   // --x-large-font-size: 13.5vw;
    --stroke-width: 1px;
    --logo-height: 7rem;
    --border-radius: 2rem;
    --padding-s: 1rem;
    --padding-m: 3rem;
    --padding-l: 4rem;
    --padding-xl: 6rem;
    --padding-xxl: 20rem 10rem;
    --padding-xxl-left-right:  0rem 10rem;
    --padding-xxl-top-bottom: 20rem 2rem;
        --padding-xxl-top: 20rem 0rem 0rem 0rem;
    --padding-top-10: 10rem 0 0 0 ;
    --padding-top-bottom: 10rem 0;
    --img-radius-1: 1rem;
    --img-radius-2: 2rem;
    --img-radius-3: 3rem;
    --img-radius-4: 4rem;
    --img-radius-5: 5rem;
    --img-radius-6: 6rem;
    --img-radius-7: 7rem;
    --img-radius-8: 8rem;
  
  
    --img-radius-top: 5rem 5rem 0 0;
    --img-radius-bottom: 0 0 5rem 5rem;
  
    --width-10: 10vw;
	  --width-20: 20vw;
  	--width-30: 30vw;
  	--width-40: 40vw;
  	--width-50: 50vw;
  	--width-60: 60vw;
  	--width-70: 70vw;
  	--width-80: 80vw;
  	--width-90: 90vw;
  	--width-100: 100vw;
  /*ROOT-CARD-TAPES*/
    --font-size-body: 12.5px;
    --font-size-body-title-card: 16px;
    --font-size-button: var(--font-size-body);
    --font-size-date: 22px;
    --font-size-heading: var(--font-size-body);
    --font-size-all-page: var(--font-size-body);
    --font-size-press-heading: var(--font-size-date);
    --border-radius: 10px;
    --spacing: 9px;
    --text-color-heading: #000;
    --text-color-body-card: #3f3f3f;
    --text-color-body-card-light: #fff;
    --text-color-link-hover: var(--text-color-heading);
    --module-bg-color: #e9e9e9;
    --module-bg-color-hover: #e0e0e0;
    --switch-bg-color: var(--module-bg-color);
    --switch-bg-color-hover: var(--module-bg-color-hover);
    --switch-knob-color: #fff;
}

@media screen and (max-width: 1200px) {
:root {
    --main-font-size: 48px;
    //--mobile-font-size: 12px;
    //--medium-font-size: 1.4115;
    --large-font-size: 80px;
    --stroke-width: 1px;
    --logo-height: 7rem;
    --border-radius: 2rem;
     --padding-s: 1rem;
    --padding-m: 3rem;
    --padding-l: 4rem;
    --padding-xl: 3rem;
      --padding-top-bottom: 8rem 0;
      --padding-xxl-left-right:  0rem 5rem;
      --padding-xxl: 8rem 5rem;
      --padding-xxl-top-bottom: 8rem 0rem;
        --padding-xxl-top: 8rem 0rem 0rem 0rem;
}}


@media screen and (max-width: 600px) {
:root {
    --main-font-color: black;
    --main-font-size: 30px;
    //--mobile-font-size: 12px;
    //--medium-font-size: 1.4rem;
    --large-font-size: 50px;
    --stroke-width: 1px;
    --logo-height: 7rem;
    --border-radius: 2rem;
     --padding-s: 0rem;
       --padding-m: 3rem 0;
    --padding-l: 4rem;
    --padding-xl: 2rem 0 0;
      --padding-xxl-left-right:  0rem 2rem;
      --padding-xxl: 8rem 2rem;
      --padding-xxl-top-bottom: 8rem 0rem;
      --padding-xxl-top: 8rem 0rem 0rem 0rem;
      --padding-top-bottom: 5rem 0;
  
  
      --img-radius-5: 2.5rem;
      --img-radius-top: 2.5rem 2.5rem 0 0;
    --img-radius-bottom: 0 0 2.5rem 2.5rem;
}}









html, * {
 box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
  

  
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;

    vertical-align:seline;
    background: transparent;
}




/*IMAGE_DECLARATION*/
img {
  user-drag: none; 
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;  
}

/*
img.lazy {
	 opacity: 0;
	 transform: translateY(8%);
}
 img {
  opacity: 1;
  transition: 1s;
	transform: scale(1) translateY(0);
  display: block;
  border: 0;
}*/


img#sticky{
  width:180px;
  margin:auto;
}
img.pad-top-10{
   padding: var(--padding-top-10);
}

#img10 {
    width: var(--width-10);
    margin: auto;
}
#img20 {
    width: var(--width-20);
    margin: auto;
}
@media (max-width: 700px) {
#img20 {
    width: var(--width-80);
}}
#img30 {
    width: var(--width-30);
    margin: auto;
}
@media (max-width: 700px) {
#img30 {
    width: var(--width-80);
}}
#img40 {
    width: var(--width-40);
    margin: auto;
}
@media (max-width: 700px) {
#img40 {
    width: var(--width-80);
}}
#img50 {
    width: var(--width-50);
    margin: auto;
}
@media (max-width: 700px) {
#img50 {
    width: var(--width-80);
}}
#img60 {
    width: var(--width-60);
    margin: auto;
}
@media (max-width: 700px) {
#img60 {
    width: var(--width-80);
}}
#img70 {
    width: var(--width-70);
    margin: auto;
}
#img80 {
    width: var(--width-80);
    margin: auto;
}
#img90 {
    width: var(--width-90);
    margin: auto;
}

img#sex-pistols-cover{
  width: var(--width-50);
  margin:auto;
}

@media (max-width: 700px) {
img#sex-pistols-cover{
      margin-top: 3rem;
    width: var(--width-80);
}}
img#icn {
    width: 51vw;
    max-width: 1200px;
    margin: auto;
}

img#logo--archives-svg {
    width: 90px;
    margin: 0 6rem;
      padding: 10px;
    transform: scale(3.4) rotate(-6deg);
    display: inline;
}
@media (max-width: 900px) {
img#logo--archives-svg {
 width: 290px;
      padding: 0px;
  transform: rotate(-6deg) scale(1);
  display:block;
    margin: auto;

}}


img#padding-s {
    width: var(--width-80);
    margin: auto;
}

img#indeximg-2 {
    margin:auto;
    width: var(--width-50);
}
@media (max-width: 700px) {
img#indeximg-2  {
    width: var(--width-70);
}}
img#indeximg {
    display: inline;
    width: var(--width-40);
    margin: auto;
}
@media (max-width: 700px) {
img#indeximg  {
    width: var(--width-70);
}}

img#orgy--sounds--card {
    width: var(--width-50);
    transform: rotate(45deg);
    margin: auto;
}
@media (max-width: 700px) {
img#orgy--sounds--card {
    width: var(--width-80);
}}
img#orgy--sounds--logo {
    width: var(--width-40);
    margin: auto;
}
@media (max-width: 700px) {
img#orgy--sounds--logo {
    width: var(--width-90);
}}
img#orgy--logo--original {
    transform: rotate(30deg);
    width: var(--width-90);
}

img#originator--card{
  -webkit-box-shadow: 0 0px 7px rgba(0,0,0,0.4); 
  box-shadow: 0 0px 7px rgba(0,0,0,0.4);
}
img#orgy--mo-vax {
    margin: 20px auto 0px auto;
    width: var(--width-60);
}
img#orgy--faces {

    padding: 60px;
}

/*
#orgy--faces:hover {
    transform: scale(.3);
    filter: blur(60px);
    
}*/

@media (max-width: 700px) {
img#orgy--faces {
         padding: 100px 20px;
}}
img#orgy--puppet {
    margin: 100px auto;
    width: var(--width-60);
}
img#orgy--stussy {
    width: 80vw;
  padding: 150px 0;
}
@media (max-width: 450px) {
img#orgy--stussy {
    width: var(--width-90);
    padding: 0;
}}
img#tbv {
    transform: rotate(10deg);
    border-radius: 3.5rem;
    width: var(--width-60);
    padding: 2rem;
    margin: auto;
}
@media (max-width: 700px) {
img#tbv {
    width: var(--width-80);
}}
img#promo--typewriter {
    padding: 40px;
    display:block;
}
@media (max-width: 700px) {
img#promo--typewriter {
     display:none;
}}


img#promo--typewriter-mobile {
    display:none;
}

@media (max-width: 700px) {
img#promo--typewriter-mobile {
     display:block;
}}

img#sid--quotes{
    width: 200px;
    display: inline;
}





/*ORGY PAGE*/
div#orgyimg-container {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.small-caption-orgy {
    display: initial;
    position: absolute;
    background: black;
    padding: 40px;
    max-width: 80vw;
    border-radius:2rem;
    transform: translateY(-50px);
}


img#orgyimg {
    border-radius: 5rem;
}
@media (max-width:800px){
img#orgyimg {
    border-radius: 2.5rem;
  }}

.caption--orgy--img {
  hyphens: auto;
  padding: 9em 0px;
}
@media (max-width:800px){
.caption--orgy--img {
  padding: 3em 0px;
  }}

.mine img{
    height: 100vh;object-fit:cover;
    border-radius:15px;
  -webkit-box-shadow: 0 0px 7px rgba(0,0,0,0.4); 
  box-shadow: 0 0px 7px rgba(0,0,0,0.4);
}
@media screen and (max-width: 450px) {
.mine img{
    height: 60vh;object-fit:cover;
}}
img#pad--xl{
  padding: var(--padding-xl);
  }}




















/*TEASER--CARD*/



*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

section.orgy-section {
    //padding: var(--padding-top-bottom);
}

.section--teaser--promo {
    padding: 4em 0;
}

@media only screen and (max-width:1000px) {
.section--teaser--promo  {
    padding: 1em 0;
    }
}

@media screen and (min-width:240px) {
     
  .section--teaser--promo {
        font-size: calc(6.87px + (1018vw - 2443.2px)/ 359)
    }
}

@media screen and (min-width:599px) {
  .section--teaser--promo {
        font-size: 17.05px
    }
}

@media screen and (min-width:600px) {
  .section--teaser--promo {
        font-size: calc(6.2px + (420vw - 2520px)/ 399)
    }
}

@media screen and (min-width:999px) {
  .section--teaser--promo {
        font-size: 10.4px
    }
}

@media screen and (min-width:1000px) {
  .section--teaser--promo {
        font-size: calc(7.6px + (140vw - 1400px)/ 399)
    }
}

@media screen and (min-width:1399px) {
  .section--teaser--promo {
        font-size: 9px
    }
}

@media screen and (min-width:1400px) {
  .section--teaser--promo {
        font-size: calc(9px + (300vw - 4200px)/ 520)
    }
}

@media screen and (min-width:1920px) {
  .section--teaser--promo {
        font-size: 12px
    }
}

@media screen and (min-width:1921px) {
  .section--teaser--promo {
        font-size: calc(12px + (250vw - 4802.5px)/ 1279)
    }
}

@media screen and (min-width:3200px) {
  .section--teaser--promo {
        font-size: 14.5px
    }
}

@media only screen and (min-width:3200px) {
  .section--teaser--promo {
        font-size: 14.5px
    }
}
a {
    color: inherit;
    text-decoration: none
}

p {
    margin: 0;
    font-size: 2.8rem
}



h4{
    font-size: 1.2rem;
    line-height: 1.6;
    font-weight: normal;
    font-family: "OcrA";
    -webkit-font-smoothing: antialiased;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    text-align: left;
}

h4#centered {
    text-align: center;
}

h4.pad-4{
  padding:0 4rem;
}
@media only screen and (max-width:450px) {
h4.pad-4{
  padding:0rem;
}
}


h4.xsmall--type{
 color: var(--text-color-body);
    font-family: "OcrA";
    -webkit-font-smoothing: antialiased;
    font-size: 12.5px;
    font-size: var(--font-size-body);
}


.tag {
    padding: 0 1rem;
      white-space: nowrap;
    border-radius: .6rem;
    background-color: #fff;
    color: #000;
    display: inline-block;
    border: 1px solid;
    color: inherit;
    height: 1.8rem;
    min-width: 4rem;
    text-align: center;
}

@media only screen and (max-width:500px) {
.tag {
    color: inherit;
    font-size: .9rem;
    line-height: 1.5;
    height: 1.4rem;
}
}

.tag-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -.4rem
}

.type-teaser .tag-wrapper {
    overflow: hidden;
    max-height: 4rem
}

.tag-wrapper .tag {
    margin: .4rem
}

@media only screen and (min-width:600px) {
    .tag-wrapper {
        margin: -.5rem
    }

    .type-teaser .tag-wrapper {
        max-height: 4.2rem
    }

    .tag-wrapper .tag {
        margin: .5rem
    }
}

.tag-wrapper--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}




.box-xxl {
    width: 33.6em;
    max-width: 100%
}

@media only screen and (min-width:600px) and (max-width:999px) {
    .box-xxl {
        width: 87.6em
    }
}

@media only screen and (min-width:1000px) {
    .box-xxl {
        width: 119.6em
    }
}


.type-teaser {
    display: block;
    word-break: break-word
}

.type-teaser__inner {
    background-color: #000;
    color: #fff;
    border-radius: var(--img-radius-5);
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

@supports (--css:variable) {
    .type-teaser__inner {
        background-color: var(--teaserBackground);
        color: var(--teaserFont)
    }
}

@media only screen and (min-width:600px) {
    .type-teaser__inner {
        border-radius: 12em
    }
}

.type-teaser--landscape .type-teaser__inner:before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 75%;
    height: 0
}

.type-teaser__inner:before {
    margin-left: -100%
}

.type-teaser__text {
    padding: 3em 2em;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -.8rem;
    --ttVariationSet: normal;
    font-variation-settings: var(--ttVariationSet)
}

.type-teaser--with-tags .type-teaser__text {
    margin-bottom: 3rem
}

.type-teaser__text p {
    opacity: 0
}

.type-teaser__text.has-text-fitted p {
    opacity: 1;
    -webkit-transition: opacity 1s cubic-bezier(.1, .6, .4, 1);
    transition: opacity 1s cubic-bezier(.1, .6, .4, 1)
}

.type-teaser__text.has-text-fitted p:first-child {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.type-teaser__text.has-text-fitted b {
    display: block
}

.type-teaser__text p {
    font-size: 1.4em
}

.type-teaser__text p .size-fit {
    font-size: 1em;
    white-space: nowrap
}

.type-teaser__text em {
    font-style: normal;

}

@supports (--css:variable) {
    .type-teaser__text em {
          color: black;
    }
}

.type-teaser__text i {
    font-style: normal
}

.type-teaser__text b {
    font-weight: 400
}

.type-teaser__text .align-center {
    text-align: center
}

.type-teaser__text .line-height-90 {
    line-height: .9;
}

@media only screen and (min-width:600px) {
    .type-teaser__text {
        margin: 0 -1.7rem;
        padding: 6em
    }
}

@media only screen and (min-width:1000px) {
    .type-teaser__text p {
        font-size: 6.72em
    }

    .box-xxl .type-teaser__text p {
        font-size: 5.04em
    }
}

@media only screen and (min-width:600px) and (max-width:999px) {
    .type-teaser__text p {
        font-size: 3.92em
    }

    .box-xxl .type-teaser__text p {
        font-size: 3.528em
    }
}

.type-teaser__column {
    margin: 0 .8rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.type-teaser--align-center .type-teaser__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width:600px) {
    .type-teaser__column {
        margin: 0 1.7rem
    }
}

.type-teaser__tag {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-left: 4em;
    padding-right: 4em;
    padding-bottom: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width:600px) :1(max-width:999px) {
    .type-teaser__tag {
        padding-bottom: 3em
    }
}

@media only screen and (min-width:1000px) {
    .type-teaser__tag {
        padding-bottom: 3em
    }
}

.type-teaser__tag .tag {
    color: #fff
}

@supports (--css:variable) {
    .type-teaser__tag .tag {
        color: var(--teaserFont)
    }
}

.type-teaser__tag .tag--inverted {
    color: #000
}

@supports (--css:variable) {
    .type-teaser__tag .tag--inverted {
        color: var(--teaserBackground)
    }
}


.edt--tag {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-left: 4em;
    padding-right: 4em;
    padding-bottom: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #000;
}



.boxes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
/*TEASER--CARD--END*/
















/*BLINK--Arrow*/
.message__arrow__small{
 width:.5em;
  tr
 text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}
.blink{
font-family:helvetica;
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
#popover__message__arrow{
 -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  opacity:1;
  display:inline;
   transform:rotate(0deg) scale(1) translateY(-3px);
 
}
.content__article__caption:hover #popover__message__arrow{
 opacity:0;
 transform: scale(0); 
}
/*BLINK--Arrow*/


/*CARD-TAPES
article.Article--Card--Wrapper {
  display: flex;
  padding: 0 10px 0 0;
}

#Card--Main--title{
  font-size: var(--font-size-body);
   color: var(--text-color-body);
}

#Card{
  margin: 0;
  }
.Card-module--card {
    //
    max-width:350px;
    border-radius: 10px;
    background-color: #f8f8f8;
    background-color: var(--background);
    bottom: 80px;
    height: 2;
    color: #3f3f3f;
    bottom: 400px;
    color: var(--text-color-body);
    font-family: SF Pro Text,sans-serif;
    font-size: 12.5px;
    font-size: var(--font-size-body);
    margin:0;
    padding: 0 0 0 10px;
    border-radius: 10px;
}
.FeedItem-module--header--3AFY4 {
    color: var(--text-color-body);
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.flex {
    display: flex;
    border-radius: 10px;
}
.FeedItem-module--title--mqCP2 {
  font-family: SF Pro Text,sans-serif;
  color: var(--text-color-heading);
  font-size: var(--font-size-heading);
  font-weight: 600;
  text-align: left;
  letter-spacing: -.0015em;
  margin-bottom: 0;
}
.FeedItem-module--thumbnail--5XpHW {
    border-radius: var(--border-radius);
    border-radius: 10px;
    height: 60px;
    flex: 0 0 auto;
    margin-right: 15px;
    width: 60px;
}
.Card-module--card--3FjBB {

    max-width:300px;

    background-color: #35ff32;
    border-radius: 18px;
    width: 260px;
    padding: 13px 13px;

    -webkit-box-shadow: rgba(0,0,0,.15) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,.15) 0 1px 3px;
    box-shadow: rgba(0,0,0,.15) 0 1px 3px;
    box-shadow: rgba(0,0,0,.15) 0 1px 6px url(0/IE9);
}
h2.FeedItem-module--title--mqCP2 {

    margin-block-start: 0.6em;
  margin-block-end: 0.4em;
  text-transform:capitalize;}
.FeedItem-module--thumbnail--5XpHW.gatsby-image-wrapper {
    margin: auto 10px auto 0;
}
/*CARD-TAPES*/





/*CARD-TAPES--COLORS*/
.colors--card--main{
      background-color: #35ff32;margin-bottom:10px;     
}
.colors--card--orgy{
      background-color: #CABA9F!important;margin-bottom:10px;     
}
.colors--card--orgy-b{
      background-color:#6E32FF;margin-bottom:10px;
}
.colors--card--orgy-c{
      background-color:grey;margin-bottom:10px;
}
.colors--card--orgy-d{
      background-color:orange;margin-bottom:10px;
}
/*container--icon--cards*/

 article.Card-module--card--3FjBB  a{ 
  text-decoration:none;
  color:inherit;
}
.container--icon--cards {
    display: flex;
    justify-content: center;
    align-items: center;
}
/*cards--icon*/
img#cards--icon {
    width: 60%;
    margin-bottom: 4px;
}

/*CARD-TAPES--COLORS*/
.card--close-button--3FjBB-a {
    display:block;
    font-size: 16px;
    font-weight:400;
    border: none;
    display: inline-block;
    padding: 1px 8px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    float:right;
    background-color: none;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
     pointer-events: all;
  }



 
/*CARD-TAPES*/
article.Article--Card--Wrapper {
  display: flex;      opacity: 1;    
  padding: 0 10px 0 0;
}

#Card--Main--title{
  font-family: "OcrA";
  //font-family: "Soehne";
  -webkit-font-smoothing: antialiased;
  //font-size: var(--font-size-body-title-card);
 
}

.Card--light{
   color: var(--text-color-body-card-light);
}
.Card--close--dark {
    color: var(--text-color-body);
}
.Card--close--light {
   color: var(--text-color-body-card-light);
}
#Card{
  margin: 0;
    color: var(--text-color-body);
        font-family: "OcrA";
    -webkit-font-smoothing: antialiased;
    font-size: 12.5px;
    font-size: var(--font-size-body);
    margin: 0;
  }

.Card-module--card {  
    opacity: 1;    
    max-width:350px;


    bottom: 80px;
    height: 2;
    bottom: 400px;
    color: var(--text-color-body);
    font-family: SF Pro Text,sans-serif;
    font-size: 12.5px;
    font-size: var(--font-size-body);
    margin:0;
    padding: 0 0 0 10px;
    border-radius: 10px;
}


.a-FeedItem-module--header--3AFY4 {  opacity: 1;    
    color: var(--text-color-body);
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
}
.FeedItem-module--header--3AFY4 {
    opacity: 1;
    color: var(--text-color-body);
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
}
.flex {
    display: flex;
    border-radius: 10px;
}
.FeedItem-module--title--mqCP2 {
    opacity: 1;
    font-family: "OcrA";
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    color: var(--text-color-heading);
    font-weight: normal;
    text-align: left;
    letter-spacing: 0;
    margin-bottom: 0;
}
.FeedItem-module--thumbnail--5XpHW {  opacity: 1;    
    border-radius: var(--border-radius);
    border-radius: 10px;
    height: 60px;
    flex: 0 0 auto;
    margin-right: 15px;
    width: 60px;
}


.Teaser--hover--card {
    transition: .2s ease-in-out 0s;
}
.Teaser--hover--card:hover {
    transform: scale(1.4) translateX(-2.2rem) translateY(20px);
}




.boxes:hover  .type-teaser__inner{
        transform: rotate(45deg) scale(.6);

}

@media (max-width: 900px) {
.boxes:hover  .type-teaser__inner{
    transform: none;
}}



.type-teaser__inner{
    transition: .2s ease-in-out .2s;
}



.Card-module--card--3FjBB {
   opacity: 1; 
    max-width:300px;
    background: #04ff00;
    border-radius: 1.5rem;
    width: 280px;
    padding: 13px 13px;
    -webkit-box-shadow: rgba(0,0,0,.15) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,.15) 0 1px 3px;
    box-shadow: rgba(0,0,0,.15) 0 1px 3px;
    box-shadow: rgba(0,0,0,.15) 0 1px 6px url(0/IE9);
    transition: .2s ease-in-out 0s;
}

.Hover-Vid{
      transition: .2s ease-in-out 0s;
}

.Hover-Vid:hover {
    position: relative;
    transform: scale(1.4);
    z-index: 99;
}
@media (max-width: 900px) {
.Hover-Vid:hover {
    transform: none;
}}

/*
@media (max-width: 700px) {
.Hover-Vid:hover {
    transform: scale(1.4);
}}*/
iframe{
  border-radius: var(--img-radius-5)!important;
}



h2.FeedItem-module--title--mqCP2 {
    /* font-size: 1.5em; */
    margin-block-start: 0.6em;
  margin-block-end: 0.4em;
  text-transform:capitalize;}
.FeedItem-module--thumbnail--5XpHW.gatsby-image-wrapper {
    margin: auto 10px auto 0;
}
/*CARD-TAPES*/



























/*MARQUEE*/
.content{
  margin: 0;
  padding: 0;
  color: black;
  font-size: 220px;
  font-family: monument grotesk;
  //
  text-transform:uppercase;
  font-weight: 400;
}

.marquee {
  position: relative;
  width: 100vw;
  max-width: 100%;
  height: 260px;
  background:red;
  overflow-x: hidden;
}
.track {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 8s linear infinite;
}

@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
section#slide-sentence {
    padding: 150px 0;
}






section#slider--section{
  margin:auto;
padding: var(--padding-xxl);
}





.promo-intro-slider {
	/* width: 75vw; */
	/* max-width: 1680px; */
	margin: auto;
}
@media (max-width: 900px) {
.promo-intro-slider {
	width: 100%;
}}


.promo-intro-slider-wrapper {
	width: 90vw;
  max-height: 800px;
	height: 130vh;
	margin: auto;
	position: relative;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:none;
}

@media (max-width: 900px) {
.promo-intro-slider-wrapper {
	height:90vh;
  width: 90vw;
}}

@media (max-width: 450px) {
.promo-intro-slider-wrapper {
   max-height: 400px;
    height: 45vh;
    width: 96vw;
}}

.promo-intro-slide {

 max-width: 1200px;
 max-height: 900px;

	position: absolute;
	width: 100%;
	height: 100%;
	object-fit:cover;
	border-radius: var(--img-radius-5);
	transition:none;
}

@media (max-width: 900px) {
.promo-intro-slide {
	max-height:80vh;
 max-width: 90vw;
}}

@media (max-width: 450px) {
.promo-intro-slide  {
	height:45vh;
}}






















/*CARD--INFO
@font-face {font-family: "SF Pro Text"; src: url("//db.onlinewebfonts.com/t/1c45e28f8e86cc89876f003b953cc3e9.eot"); src: url("//db.onlinewebfonts.com/t/1c45e28f8e86cc89876f003b953cc3e9.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/1c45e28f8e86cc89876f003b953cc3e9.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/1c45e28f8e86cc89876f003b953cc3e9.woff") format("woff"), url("//db.onlinewebfonts.com/t/1c45e28f8e86cc89876f003b953cc3e9.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/1c45e28f8e86cc89876f003b953cc3e9.svg#SF Pro Text") format("svg"); }


:root {
    --font-size-body: 12.5px;
    --font-size-button: var(--font-size-body);
    --font-size-date: 22px;
    --font-size-heading: var(--font-size-body);
    --font-size-all-page: var(--font-size-body);
    --font-size-press-heading: var(--font-size-date);
    --border-radius: 10px;
    --spacing: 9px;
    --text-color-heading: #000;
    --text-color-body: #3f3f3f;
    --text-color-link-hover: var(--text-color-heading);
    --module-bg-color: #e9e9e9;
    --module-bg-color-hover: #e0e0e0;
    --switch-bg-color: var(--module-bg-color);
    --switch-bg-color-hover: var(--module-bg-color-hover);
    --switch-knob-color: #fff;
}


article.Article--Card {
    display: flex;
    padding: 0 10px 10 0px;
}

#Card--Main--title{
  font-size: var(--font-size-body);
   color: var(--text-color-body);
}

#Card{
  margin: 0;
  }
.Card-module--card {
    border-radius: 10px;
    background-color: #f8f8f8;
    background-color: var(--background);
    box-sizing: border-box;
    color: #3f3f3f;
    color: var(--text-color-body);
    font-family: SF Pro Text,sans-serif;
    font-size: 12.5px;
    font-size: var(--font-size-body);
    margin:0;
    padding: 0 0 0 10px;
    border-radius: 10px;
}
.FeedItem-module--header--3AFY4 {
    color: var(--text-color-body);
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.flex {
    display: flex;
    border-radius: 10px;
}
.FeedItem-module--title--mqCP2 {
  font-family: SF Pro Text,sans-serif;
  color: var(--text-color-heading);
  font-size: var(--font-size-heading);
  font-weight: 600;
  text-align: left;
  letter-spacing: -.0015em;
  margin-bottom: 0;
}
.FeedItem-module--thumbnail--5XpHW {
    border-radius: var(--border-radius);
    border-radius: 10px;
    height: 60px;
    flex: 0 0 auto;
    margin-right: 15px;
    width: 60px;
}
.Card-module--card--3FjBB {
    //
    max-width:300px;
  
    background-color: var(--module-bg-color);
    border-radius: 10px;
    clear: both;
    padding: 13px 12px;
    margin: 8px auto;
}
h2.FeedItem-module--title--mqCP2 {
  
    margin-block-start: 0.6em;
  margin-block-end: 0.4em;
  text-transform:capitalize;}
.Item-module--thumbnail--5XpHW.gatsby-image-wrapper {
    margin: auto 10px auto 0;
}








/*SLIDESHOW*/
.flex-container {
   position:fixed;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.logocont  { 
  z-index:99;
  width:auto;
  padding:40px;
  position:absolute;
  display:flex;
  justify-content:center;
  align-items:center;
}

/*
.slideshow {
  padding:20px;
}*/
.slideshow244 {
    transform: translate3d(0px, 90px, 0);
    padding: 20px;
}
@media (max-width: 700px) {
.slideshow244 {
    transform: none;
    padding: 10px;
}}

.slideshow .slideshow244  { 

   width:100%;
  height: 100vh;
  -webkit-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
   overflow: hidden;
}
.logot24slide  {
    background: #ff0000;
    width: auto;
    border-radius: 40px;
    padding: 20px;
    -webkit-box-shadow: 0px 0px 37px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 37px -2px rgba(0,0,0,0.75);
    box-shadow: 0px section 37px -2px rgba(0,0,0,0.75);
    height: auto;
  
}

.logot24slide#d2{
    background: green;  
}

@media (max-width: 700px) {
.logot24slide  {
    width: auto;
    border-radius: 40px;
    padding: 20px;
    -webkit-box-shadow: 0px 0px 37px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 37px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 37px -2px rgba(0,0,0,0.75);
    height: auto;
}}







/*SLIDESHOW*/


section#e2bg {
    //background-image: url();
    background-color:red;
    background-size: cover;
}
/*
section#main {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100%;
    background-position: center;

    height: 100vh;
    background-image: url(https://www.matteogiordano.info/img/jonio--edt.jpg);
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width: 800px) {
section#main {
    background-size: 200%;
    background-image: url(https://www.matteogiordano.info/img/jonio--edt.jpg);
}}
@media screen and (max-width: 450px) {
section#main {
    background-size: 300%;
    background-image: url(https://www.matteogiordano.info/img/jonio--edt.jpg);
}}

*/
section#discover {
    padding: 150px 0;
}

section.jonio .flickity-enabled.is-draggable {
   position: initial;
    padding: 0;
    /* background: #cf2d2d; */
    height: 380px!important;
}
section.jonio .flickity-viewport {
    position: relative;
    max-width: 100%;
    width: 100%;
    /* height: 380px!important; */
}



/*
.Player-Wrapper-2CkwjG {
    display: flex;
    padding: 100px 0;
    justify-content: center;
    height: 80vh;
    align-items: center;
}*/
.Player-Wrapper-2CkwjG {
    display: flex;
    /* padding: 100px 0; */
    justify-content: center;
    height: 100vh;
    align-items: center;
}
 .copyright {
width: 100%;
    font-family: "Helvetica","Helvetica",Arial,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",Meiryo,メイリオ,sans-serif;
    font-size: 10px;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 4px;
    position: absolute;
    bottom: 16px;
    left: 0;
}











/*QR*/
/*QR*/

#qr-large-img-promo{
  width:50vw;
}
@media (max-width: 450px) {
#qr-large-img-promo{
    width: 90vw;
    padding: 0;
}}
section.qr{
  padding: 5rem 0;
 background-color:red;  
}
article.ar-qr{
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media (max-width:450px){
.ar-qr{
  display:none;
} 
}
.qr-glyph {
   width:180px;
   padding: 0 1rem;
}
/*MOBILE*/
/*MOBILE*/
.arkit-glyph {
    margin-bottom: 2em;
    width: 196px;
    height: 196px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(https://developer.apple.com/augmented-reality/images/arkit-glyph.svg);
}
section.ar-mobile{
  display:none;
}
@media (max-width:450px){
  section.ar-mobile{
      display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.8rem;
    font-weight: 500;
    /* padding-left: 3rem; */
    /* padding-right: 3rem; */
    max-width: 800px;
    margin: 0 auto;
} 
}


section#category--sounds--promo {
    padding: 100px 0;
}


section#intro {
    background: black;
}


.section-enter{
 height: 100vh; /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);
}

div#enter-orgy {
    z-index:999999999999999;
    text-decoration:none;
    position: fixed;
    bottom: 100px;
    width: 100%;
    text-align: center;
    font-family: helvetica;
    font-size: 18px;
}
div#enter-orgy a{
    color:black;
  cursor:s-resize;
text-decoration:none;
}

#intro-id {
    text-align: center;
    width: 100%;
    z-index: 99999999999999999999999999;
    position: relative;
    font-size: 25px;
    color: black;
}




/*ABOUT-PAGE-Typography*/
section#small-caption-wrapper-black {
    background: black;
    color: var(--text-color-body-card-light);
}
section#small-caption-wrapper-red{
  background:red;
  color: black;
}


.small-caption {
    padding: 100px 40px;
    margin: 0 10px;
    margin: auto;
    max-width: 1680px;
}


.small-caption--no-mrg {
    padding:  0 15px;
    margin:  0;
}

.hashtag-link-bubble {
    display: flex;
    font-family: "soehne";
}
.bubble-idle-container{
  text-align:center;
  display: block;
  padding: 3rem 0;
}
/*
.hashtag-link-bubble {
      display: inline-block;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}*/
.hashtag-link-bubble-idle {
    /* background-color: #101010; */
    /* border: 1px solid white; */
    color: #3e3e3e;
    font-weight:400;
    /* color: white; */
    font-family: ocra;
    padding: 0.3em .85em 0.3em 0.85em;
    /* transform: translateY(-4px); */
    /* border-radius: 1.1em; */
    margin-bottom: 1.2rem;
    /* -webkit-box-shadow: 0 0px 7px rgba(0,0,0,0.4); */
    background: lightgrey;
    -webkit-backdrop-filter: blur(10px);
    /* backdrop-filter: blur(10px); */
    /* background: hsla(0,0%,95%,.75); */
    /* border-radius: 15px; */
    /* padding: .48rem 0rem .48rem; */
    border-radius: .6rem;
    /* box-shadow: 0 0px 7px rgba(0,0,0,0.4); */
    font-size: 16px;
    margin-left: .5rem;
    /* display: inline; */
    -moz-user-select: none;
    -ms-user-select: none;
    position: relative;
    text-align: center;
    /* letter-spacing: .04em; */
}

/*bubble--TITLE*/
span#bubble-name {
    font-family: "OcrA";
    //font-family: 'Soehne Kraftig';
    font-size: 16px;
    color: #3e3e3e;
}
span#bubble-surname {
    font-family: "OcrA";
    //font-family: 'Soehne';
    padding-left: .4em;
    font-size: 16px;
    color: #3e3e3e;
}
/*bubble--DESCRIPTION*/
div#bubble--category {
    /* color: #7000ff; */
    background-color: #2f2f2f;
    color: #f1f1f1;
    //
    font-family: 'Soehne';
    /* font-family: "OcrA"; */
}
div#bubble--secondary--category{
    /* color: #7000ff; */
    background-color: #2f2f2f;
    color: #f1f1f1;
    //font-family: 'Soehne';
    font-family: "OcrA";
}
/*
h5{
    font-family: 'NeueHaasGrotesk', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 17px;
    width: 95vw;
      display: block;
}*/


.mobile--show{
  display:none;
}

@media (max-width:450px){
  .mobile--show{
  display:block;
  }
}


.mobile--hide{
  display:block;
}


@media (max-width:450px){
.mobile--hide{
  display:none;
}}

br.mobile{
  display:none;
}

@media (max-width:450px){
br.mobile{
  display:block;
}}

h5 {
    font-family: "Soehne", helvetica, arial;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: normal;
    line-height: normal;
    width: auto;
    display: block;
}
h5#small--caption-orgy-h5{
    color: var(--text-color-body-card-light);
    width: auto; 
    display: block;
}
h5#acid{
  color: #35ff32;
}
h5.white{
 color: var(--text-color-body-card-light);
}

p{
    margin: auto;
    max-width: 1680px;
    //font-size: var(--large-font-size);
      font-size: 12vw;
    text-align:center;
    font-family: "orgy", helvetica, arial;
    text-rendering: geometricPrecision;
    text-transform: uppercase;
    letter-spacing: normal;
    line-height: 1;
    letter-spacing: -1px;
    animation-duration: 250ms;
    transition-timing-function: ease-in;
    animation-fill-mode: both;
    animation-name: fadeIn;
    /* padding: 32px; */
    color: black;
    /* padding: 2rem; */
}

@media (max-width:900px){
p{  overflow:hidden!important;
    font-size: 15vw;
  }}

p#centered {
    text-align: center;
}

p.p-category-pad{
  padding:4rem 0;
  margin:5rem;
}

p.p-line-normal{
    line-height:.92;
}

/*
 p.p-secondary{
    hyphens: auto;
    text-align: left;
    margin: auto;
    max-width: 1680px;
    font-family: Helvetica Neue,Arial,sans-serif;
    font-size: 3rem;
    1vt-weight: 500;
    line-height: 1.21053;
    letter-spacing: .012em;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "kern" 1,"kern","kern";
    -webkit-font-kerning: normal;
    font-kerning: normal;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    color: var(--main-font-color);
    text-transform: none;
}*//*
 p.p-secondary{
    font-family: "Last-Orgy-Tm-SFat";
    font-size: 55px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: 5px;
    text-align: center;
    -ms-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-kerning: normal;
    text-transform: none;
    color: var(--main-font-color);
    hyphens: auto;
       max-width: 100%;
}
@media (max-width:900px){
 p.p-secondary{
font-size: 2rem;
  }}
*/

p.pad-2{
  padding:0 2rem;
}

p.p-xxl {
    color: #ffffff;
    /* font-family: helvetica; */
    text-align: left;
    text-align: center;
    font-weight: bold;
    letter-spacing: -5px;
    text-transform: initial;
    font-size: 39vw;
    line-height: .8;
    padding: 2rem 0;
}
p.p-offline{
font-size: 15vw;
    padding: 10rem 0rem;
    text-align: center;
    font-family: "offline", helvetica, arial;
    text-rendering: geometricPrecision;
    text-transform: uppercase;
    line-height: 2;
    letter-spacing: 45px;
    hyphens: auto;
    color: var(--text-color-body-card-light);}
/*
p.p-offline{
    font-size: 10vw;
    padding: 10rem 2rem;
    text-align: center;
    font-family: "offline", helvetica, arial;
    text-rendering: geometricPrecision; 
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 5px;
    color: var(--main-bg-color);
}*/
@media (max-width:900px){
p.p-offline{
font-size:13vw;
  }}

@media (min-width:1500px){
p.p-offline{
font-size:200px;
  }}


@media (max-width:450px){
p.p-offline{
    line-height: 2;
    background-color: transparent;
    max-width: 100%;
    letter-spacing: 10px;
    font-size: 20vw;
    word-wrap: break-word;
  }}





p.gr--d-caption-member{
margin: 50px 0 0;
}

p.padding{
  padding: var(--padding-m); 
}
@media (max-width:450px){
p.padding{
   padding: var(--padding-m); 
  }}

p#p-spray {
    font-family: 'spray';
    line-height: 1;
    line-height: 1.8;
    color: var(--main-font-color);
    font-size: 2.5vw;
}


/*TYPE-PALETTE*/
p#p-white{
  color: var(--text-color-body-card-light);
}
p#p-black{
   color: var(--main-font-color);
   max-width: 2000px;
   hyphens: auto;
   margin: auto;
}
p#p-black-edited{
   color: var(--main-font-color);
   line-height: .9;
}
p#p-black-x-large{
   font-size: var(--x-large-font-size);
   color: var(--main-font-color);
}
p#p-black-x-medium{
   font-size: var(--x-medium-font-size);
   color: var(--main-font-color);
}
p#p-secondary-red{
   color: var(--clr-red-font-color);
}

span#p-secondary-red{
   color: var(--clr-red-font-color);
}

p#p-secondary-white{
   color: var(--secondary-font-color);
}

p#p-secondary-black{
   color: var(--main-font-color);
}


.p-padding-xxl{
   padding: var(--padding-xxl);
}
p.p-padding-xxl-left-right{
   padding: var(--padding-xxl-left-right);
}
 article.p-padding-xxl{
   padding: var(--padding-xxl);
   max-width: 1680px;
}
 article.p-padding-xxl-top-bottom{
   padding: var(--padding-xxl-top-bottom);
   max-width: 1680px;
}

.p-padding-xxl-top{
   padding: var(--padding-xxl-top);
   max-width: 1680px;
}


 p.p-padding-4{
   padding: var(--padding-xxl);
}


/*BACKGROUND-PAGES*/

section.break--section{
  height:20rem;
}
@media (max-width:1200px){
section.break--section{
  height:8rem;
}
  }}


section.section-home .intro.hide-me-img {
    background: white;
}

section.section-orgy.intro.hide-me-img {
    background: var(--main-bg-color);
    padding: 100px 20px 100px 20px;
    
}
/*@media (max-width:450px){
section.section-orgy.intro.hide-me-img {
  min-height: 350px;
  padding:0;
  }}*/



section.section-music.intro.hide-me-img {
    background: var(--main-bg-color);
    padding-top: 100px;
}

section #category--sounds--promo{
      background:red;
    padding: 100px 0;
  
}

section#category--orgy--tv {
    background: red;
    padding: 100px 0;
}


section.section-shop.intro.hide-me-img {
    background: var(--main-bg-color);
    padding-top: 100px;
}
section.section-tapes.intro.hide-me-img {
    background: var(--main-bg-color);
    padding-top: 100px;
}

section.section-people.intro.hide-me-img {
    height: 90vh;
    overflow: hidden;
    background: var(--main-bg-color);
}
/*ARTICLE*/
  article{
    //max-width: 1680px;
    margin: 0 auto;
}




article#player-audio{
   max-width: 1680px;
   padding:2rem;
}



/*SOUNDCLOUD*/
iframe.sounds {
    height: 450px!important;
  	border-radius: var(--img-radius-5);
}







   
/*ARTICLE/INTRO*/
article a {
    text-decoration: underline;
    color: var(--secondary-font-color);
}

#intro-teaser-1{
  margin-top:0px;
  background: var(--main-bg-color);
}
@media (max-width:450px){
#intro-teaser-1{
  /* padding: var(--padding-xl); */
  }}
#intro-teaser-2{
  background:red;
}
#intro-teaser-3{
  //background: url(https://www.matteogiordano.info/gif/anarchic-adjustment.gif);
  //background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  //background:yellow;
  background:white;
}
#intro-index{
  background: var(--secondary-bg-color);
}
#intro-teaser-4{
  background: black;
}
article#intro-index{
  height: auto;
  width:100%;
  padding:100px 0 0 0;
  z-index:25;
}

article.intro-wrapper{
  position:relative;
  display: flex;
  align-items: center;
  justify-content:center;
  flex-direction:column;
  height: auto;
  min-height: 650px;
  width:100%;
  /* padding: 20rem 0; */
}
@media (max-width:900px){
article.intro-wrapper{
  min-height: 350px;
  /* padding:6rem 0; */
  }}



/*POP*/
img.pop-text {
   display:block;
}
@media (max-width:450px){
  img.pop-text {
display:none;
  }}

img.mobile-pop-text {
   display:none;
}
@media (max-width:450px){
  img.mobile-pop-text {
display:block;
  }}


img#swipe--for--more {
    width: 105px;
    margin: auto;
    padding-bottom: 4rem;
}



img#pop {
    padding-top: 0;
    border-radius: 5rem;
    margin: auto;
    transform: rotate(25deg)translateY(80px);
    width: 500px;
    display: flex;
}
@media (max-width:450px){
  img#pop {
  border-radius: 2rem;
   width: 350px;
  }}


img#indeximg-sub {
    width: var(--width-40);
    margin: auto;
}


















  

h3{ font-size: 14vw;
     color: var(--secondary-font-color);
    font-family: "orgy";
    text-transform: lowercase;
    text-align: center;
    padding: .4em;
    letter-spacing: -1.6vw;
    line-height: .6;
    font-weight: 900;
  
}
h2{  font-size: 68px;
     color: var(--secondary-font-color);
    font-family: "orgy";
    text-transform: lowercase;
    text-align: center;
    padding: .4em;
    letter-spacing: -.6vw;
    line-height: .6;font-weight: 900;}
h2#p-red{
  color:red;
}























/*TV--PROMO*/
section{
   width:100%;
    display:block;
}

video {
  display:block;
  width:100%;
  height:100%;
  max-width: 100%;
}

.FeedItem__text-container {
    position: absolute;
    top: 0;
    left: 0;
    height:600px;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    align-items: center;
    flex-direction: column;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media (max-width:450px){
.FeedItem__text-container {
    height:300px;
  }}



.FeedItem__text-content {
    //position: relative;
    position: sticky;
    top: 0;
   
    text-align: center;
    overflow: hidden;
    width: 100%;
    text-transform: uppercase;
}

.-type-large {
    font-size: 15vw;
    line-height: 1.05;
    letter-spacing: -.035em;
}

@media (max-width:450px){
.-type-large {
    font-size: 20vw;
  }}

.-type-large, .-type-title-small {
    font-family: Univers LT,helvetica,arial,sans-serif;
}

.FeedItem__text-content {
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
    text-decoration: none;
    -webkit-text-fill-color: none;
    text-decoration: none;
}
.FeedItem__content {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center; 
    height:600px;
    width:100%;
}
@media (max-width:450px){
.FeedItem__content {
    height:300px;
  }}
  

#blk{
  background:black;
}
/*TV--PROMO-END*/







html { visibility:hidden;   height: -webkit-fill-available!important;
}

/*
body{
  min-height: 100vh!important;
  min-height: -webkit-fill-available!important;
}*/


body{
     user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
}


  




#svg-back-home{
  width:60px;
  background:black;
  display: block;
  margin: auto;
  margin-bottom: 5px;
}
a#back--home {
  font-size:16px;
  text-align: center;
  position:fixed;
  top:20px;
}

@media (min-width:10px){
a#back--home {
top: 10px!important;
  }}




a#back--home:hover {
  color:black;
 transform: skewX(0deg);
}


.layout-default .chatbubble {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
   
    pointer-events: none;
}

.layout-default .chatbubble .blink {
    -webkit-animation: blinkanimate 4s infinite alternate;
    animation: blinkanimate 4s infinite alternate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes blinkanimate{
  0%{-webkit-transform:translateY(0); color:white; transform:translateY(0)}
  5%{-webkit-transform:translateY(2px); color:white;transform:translateY(2px)}
  70%{color:white;}
  80%{color:  grey;}
  90%{opacity:1}to{-webkit-transform:translateY(2px); color:white;transform:translateY(2px);opacity:0}}

@keyframes blinkanimate{0%{-webkit-transform:translateY(0); color:white;transform:translateY(0)}
  5%{-webkit-transform:translateY(2px); color:white;transform:translateY(2px)}
  70%{color:white;}
  80%{color:  grey;}
  90%{opacity:1}to{-webkit-transform:translateY(2px); color:white; transform:translateY(2px);opacity:0}}
/*NAVTRIGGER*/
/*NAV*/
/*NAV*/




















/*ANIMATION*/
.loader,
        .loader:after {
            border-radius: 50%;
            width: 10em;
            height: 10em;
        }
        .loader {            
            margin: 60px auto;
        
            font-size: 10px;
            position: relative;
            text-indent: -9999em;
          
            border-top: .2em solid rgba(255, 255, 255, 0.2);
            border-right: .2em solid rgba(255, 255, 255, 0.2);
            border-bottom: .2em solid rgba(255, 255, 255, 0.2);
            border-left: .2em solid #ffffff;
            -webkit-transform: translateZ(0);
            -ms-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-animation: load8 1.1s infinite linear;
            animation: load8 1.1s infinite linear;
        }
        @-webkit-keyframes load8 {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
        @keyframes load8 {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        #loadingDiv {
            cursor:progress;
          
          position:fixed;
          display:flex;
          align-items:center;
          justify-content:center;
          
            top:0;
            left:0;
            width:100%;
            height:110%;
            opacity:1;
            z-index:999999999999999999999;
            background-color:black;
        }



#loading-div-icon{    
        width:60px;  
         z-index:9999999999999999999999;
}



.loading-div-icon-container{   
          pointer-events:none;
          position:fixed;
          display:flex;
          align-items:center;
          justify-content:center;
            top:0;
            left:0;
            width:100%;
            height:110%;
         z-index:9999999999999999999999;
  
}
/*main{
  animation: transitionIn 1s;
}

@keyframes transitionIn {
  from {
    opacity: 0;
  }
  to {
    opacity:1;
  }
  
}*/


#player{
  display:block;
}
@media (max-width:450px){
#player{
 display:none;
  }
}

.television-mobile-container{
  display:none;
}
.television-mobile-container{
  display:none;
}
@media (max-width:450px){
.television-mobile-container{
 display:block;
  display: flex;
    align-items: center;
    justify-content: center;
  }
}
iframe#television-mobile {
    height: 100vh;
  padding: 200px 0;
}


.tt-button {
   cursor:pointer;
  
   list-style-type: none;
    font-family: "orgy";
  
    -webkit-text-stroke: 1px black;
    color: #ECE71B;
    text-decoration: none;
  
    font-size: 10.5px;
    font-size: 16px;
  
    -webkit-letter-spacing: .021em;
    -moz-letter-spacing: .021em;
    -ms-letter-spacing: .021em;
    letter-spacing: .021em;
    color: #ECE71B;
    line-height: 80px;
    text-transform: uppercase;
}
section.introa.animate-this {
    z-index: 9;
    position: absolute;
  cursor:auto;
}







/*ABOUT-PAGE-Typography*//*
h2{   
  //overflow:visible;
  font-family: arial;
  font-size:70px;
  line-height:1;
  padding:20px;
  font-weight:bold;
  color:black;
  text-align:left;
}
@media (max-width:1000px){
h2{ font-size:50px;line-height:1;}    
}

@media screen and (max-width: 450px) {
h2{ font-size:30px;line-height:1;}       
}
/*
/*ABOUT-PAGE-draggable-images*/
#imgsection{height:280px;width:auto;background:none;-webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;
    animation-fill-mode: forwards;
}



@-webkit-keyframes fadeIn {
    0% { opacity: 0;}
    20% { opacity: 0;}
    100% { opacity: 1;}
}  
@keyframes fadeIn {
    0% { opacity: 0;}
     20% { opacity: 0;}
    100% { opacity: 1;}
}



@media(max-width:1000px){
#imgsection{height:200px;}    
}
@media(max-width:700px){
#imgsection{height:200px;}    
}
@media screen and (max-width: 400px) {
#imgsection{height:140px;}    
}

#logo{width:80vw;}

.shape {
  z-index:999999999999;position:absolute;
  //display: inline-block;
  //font-size: 7.5vw;
  //background-color: #00FF26;
  //color: white;
  //line-height: 1;
  //padding: 2.25vw;
}
#shape-one{background-color:none!important;}
#shape-two{ color:white;font-size:550px;}
#shape-three{background-color:purple!important;}
#shape-four{background-color:purple!important;}
#shape-five{background-color:purple!important;}
#shape-six{background-color:purple!important;}
#shape-seven{background-color:purple!important;}
#shape-eight{background-color:purple!important;}









main{   
  margin:0;padding:0;
  display:block;
}
#white{
  background-color: white;  
}
#red{
  background-color: red;  
}

#light{
  color:black;  
}





/*TRANSITION*/

#trans{
    width: 100%;
 height: calc(var(--vh, 1vh) * 100);
    min-height: 100vh;
  min-height: -webkit-fill-available;

    color: white;
    transform: scaleY(0);
    position: absolute;
    z-index: 99999;
}



.load-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  height: calc(var(--vh, 1vh) * 100);
    min-height: 100vh;
  min-height: -webkit-fill-available;
    //overflow: hidden;
  
  /*I ADD THIS REMOVE TO HAVE THE LOADER BACK*/
  z-index: 99999;
    pointer-events: none;

}

/*ANIMATION*/
.loading-screen {
    display:block;
    pointer-events: none;
    position: relative;
    overflow:hidden!important;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;

    
    width: 0%;
    height: calc(var(--vh, 1vh) * 100);
    min-height: 100vh;
  min-height: -webkit-fill-available;
}



#svg-container
{   

  cursor:s-resize;

  position:relative;
  display: flex;
   flex-wrap: wrap;
  align-items: center; 
  
  //background:black;
  //border-radius:5rem;
  
  height: calc(var(--vh, 1vh) * 100);
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  
  z-index: 99999;
  margin:0;padding:0;
}
@media (max-width: 450px) {
#svg-container{       height: 90vh!important;
  }}

.svg-back-home{
    width: 80px;
    margin-top: 50px;
   display:none;
}
.menu-icon{
  display:none;}

.svg-back-home.menu-icon{
  display:block;
  background:black;
}
@media (max-width:450px){
.svg-back-home{
  width: 60px;
  }}






#svg-1{   

  //border-radius:5rem;
  
  
  
  //fill: white;
  //z-index:27;
  //width:25%;
  width:30%;
  
    //background-color: black;


  
  margin: 0 auto;
     display: block;
}
#ee{
 height:10vh;
}


@media (max-width: 850px) {
#svg-1{     width:60%;
  }}
@media (max-width: 650px) {
#svg-1{     width:80%;
  }}
/*TRANSITION*/
h1 {
    font-family: "OcrA";
    color:white;
    padding:20px;
    font-size: 50px;

}
@media screen and (max-width:900px){
h1 {

 font-size: 5.5vw;
  line-height:.8;

  hyphens: auto;
} 
}
a#nav-bar--index {
    text-stroke: 1px black;
    -webkit-text-stroke: 1px black;
    color: #ECE71B;
 text-decoration:none;
}
span#offline {
    font-family: 'Offline';
    font-size: 100px;
    font-weight: 400;
    text-transform: uppercase;
}

span#regular {
    font-weight: 300;
}

span#underline{
  text-decoration:underline;
  color: transparent;
  border-bottom:2px solid white;
  font:inherit;  
}
span.headline {
    padding: .5rem;
    background: #ff6287;
    border-radius: .6rem;
}


/*GALLERY GRID*/
.gallery {
  padding: 0 2rem;}

@media (max-width:700px){
.gallery {
  padding: 0 1rem;}
}

.gallery.no-rg{
	 padding:0;
}
 .gr--a {
	 display: grid;
	 grid-template-columns: repeat(2, 1fr);
	 //border: 6px solid red;
   gap: 12px;
	 padding: 6px;
}
 .grid__item {
	 height: auto;
   box-sizing:border-box;
	 background: #3621c4;
}

 .grid__item__2 {
	 height: auto;
	 background: red;
}

 img {
	 width: 100%;
	 max-width: 1680px;
	 margin: auto;
	 height: auto;
	 vertical-align: middle;
}
.imgsizing--container{
    position: relative;
    z-index:99;
}
.imgsizing img {
    width: auto;
    height: auto;
    position:absolute;
    z-index:99;
}

/*GRID-B--redcords*/

 .gr--b {

    max-width: 1680px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: auto;
    gap:6rem;
    padding: 6px;
}

/*
 .gr--b {
	 max-width: 1680px;
	 display: grid;
	 grid-template-columns: repeat(5, 1fr);
	 gap: 12px;
	 margin: auto;
	 gap: 50px;
	 padding: 6px;
}*/
@media (max-width:1000px){
 .gr--b {
    grid-template-columns: repeat(3, 1fr);
      gap:4rem;
  }    
}

@media (max-width:700px){
 .gr--b {
       gap: 2rem;
    grid-template-columns: repeat(2, 1fr);
      gap:2rem;
  }    
}

.gr--b img{
      border-radius: 3.5rem;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
}
@media (max-width:900px){
 .gr--b img{
    border-radius: 2rem;
  }    
}

@media (max-width:700px){
 .gr--b img{
    border-radius: 2.5rem;
  }    
}

@media (max-width:450px){
 .gr--b img{
    border-radius: 1.5rem;
  }    
}
 .gr--d {
	 max-width: 1680px;
	 margin: auto;
	 display: grid;
	 grid-template-columns: repeat(3, 1fr);
	 //
	 border: 5px solid #3621c4;
	 gap: 50px;
	 padding: 10.5rem 10px;
}
.gr--d img{
   background: #f0f4f6;
}
@media (max-width:625px){
 .gr--d {
    grid-template-columns: repeat(1, 1fr);
  }   
}
@media (max-width:450px){
 .gr--d {
    grid-template-columns: repeat(1, 1fr);
  }   
}
.gr--d .members {
  
     
  position: inherit!important;
  border-radius: 2.5rem;}

.col--start-1 {
    grid-column-start: 1;
}
.col--start-2 {
    grid-column-start: 2;
}
.col--start-3 {
    grid-column-start: 3;
}
.col--start-4 {
    grid-column-start: 4;
}
.col--start-5 {
    grid-column-start: 5;
}
.col--start-6 {
    grid-column-start: 6;
}
.col--start-7 {
    grid-column-start: 7;
}
.col--start-8 {
    grid-column-start: 8;
}
.col--start-9 {
    grid-column-start: 9;
}
.col--start-10 {
    grid-column-start: 10;
}
.col--start-11 {
    grid-column-start: 11;
}
.col--start-12 {
    grid-column-start: 12;
}


.col--1 {
    grid-column-end: 1;
}
.col--2 {
    grid-column-end:2;
}
.col--3 {
    grid-column-end: 3;
}
.col--4 {
    grid-column-end:4;
}
.col--5 {
    grid-column-end: 5;
}
.col--6 {
    grid-column-end: 6;
}
.col--7 {
    grid-column-end: 7;
}
.col--8 {
    grid-column-end: 8;
}
.col--9 {
    grid-column-end: 9;
}
.col--10 {
    grid-column-end: 10;
}
.col--11 {
    grid-column-end: 11;
}
.col--12 {
    grid-column-end: 12;
}
.col--13 {
    grid-column-end: 13;
}

 .gr--c {
	 display: grid;
	 grid-template-columns: repeat(2, 1fr);
	 //border: 6px solid green;
	 gap: 12px;
	 padding: 6px;
}



.gr--4 {
transform: scale(1);  
transition:all .2s ease;
}
/*
.gr--4:hover {
  transform: scale(1.4);    
}*/
.gr--4 {
    grid-template-columns: repeat(4, 1fr);
    padding: 5rem 0;
    display: grid;
}

@media (max-width:900px){
.gr--4 {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    padding: 2rem;
    display: grid;
}}

@media (max-width:450px){
.gr--4 {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
    padding: 2rem;
    display: grid;
}
.gr--4:hover {
  transform: none;    
}}



















.orgy--img--container{
 margin-top:0px;
  //padding:1em;
  padding:0;
}
@media (max-width:450px){
.orgy--img--container{ 
  margin-top:0px;
  padding:10px;
  }    
}


.orgy--img{
  width:100%;
  margin-top:0px;
  positon:relative;
}
.orgy--img-framed{
    border-radius: 115px;
    padding: 100px;

}
@media (max-width:850px){
.orgy--img-framed{
  border-radius: 0px;
  padding:0;
}}

img#img--no-future {
    width: 300px;
    padding: 4rem 0;
}

/*COVER*/
img#orgy--img--main--cover{
  display:block;
}
@media (max-width:850px){
  img#orgy--img--main--cover{
  display:none;
}}
/*COVER--MOBILE*/
img#orgy--img--main--cover--mobile{
   display:none;
}
@media (max-width:850px){
img#orgy--img--main--cover--mobile{
  display:block;
  margin-top: 130px;
}}









.section-people{
    height: calc(var(--vh, 1vh) * 100);
}





/*ABOUT--PAGES*/
#svg-container--about
{ position:relative;
  display: flex;
  align-items: center;
  //background-color:red;
  height: calc(var(--vh, 1vh) * 100);
  width:100%;
  z-index:25;
  margin:0;padding:0;
}
@media (max-width: 450px) {
#svg-container--about{  
  height: calc(var(--vh, 1vh) * 100);
    overflow: hidden;
    width: 100%;
  }}


#svg-1--about{   
  fill: white;
  z-index:27;
  width:30%;
  margin: 0 auto;
  display: block;
}
@media (max-width: 850px) {
#svg-1--about{     width:60%;
  }}
@media (max-width: 650px) {
#svg-1--about{     width:80%;
  }}





div.img--about {
    position: fixed;
    z-index: 999;
}

#img2{ 
  
  //position: fixed;
  transform: rotate(15deg);
  //width:60vw;
  //left: 2vw;
  //top: 60vh;}

#img--murakami{
  position: fixed;
  transform: rotate(-9deg);
  width:6vw;
  left: 70vw;
  top: 10vh;}

  

section.orgy-banner-index{
  height: auto;
  padding-bottom:0;
}

article.pop-container{
      padding: 5rem 0px;
}
article.article-intro {
    margin: 10.5rem 0;
}
article.article-intro-orgy-logo {
    padding: 10.5rem 0;
}
article.article-intro div#orgy-large-img-promo {
    transform: rotate(28deg);
    width: 95vw;
}

/*CONTACT*/
section.orgy-banner{
 height: auto;
  padding-bottom:500px;
}


/*
.wrapper {
  display: flex;
  justify-content: center;

  width: 100%;
  height: 100vh;
  //background-color: red;
  background: url(https://live.staticflickr.com/6176/6187970968_23d2e684f1_h.jpg);
  //background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
}
.wrapper-letter {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100vh;
  background: none;
  background-size: contain;
  overflow: hidden;
}*/
.wrapper-2 {
  display: flex;
  justify-content: center;
  /*justify-content: flex-end;*/
  width: 100%;
  height: 100vh;
  //background-color: red;
  background: url(https://live.staticflickr.com/6164/6187950348_80dfa9963f_h.jpg);
  //background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
}

#light{color:white;}
.square {
  display: flex;
  flex-wrap: wrap;
  width: 100vh;
  height: 100vh;
  //background-color: red;

}

.square-2 {
  display: flex;
  flex-wrap: wrap;
  width: 100vh;
  height: 100vh;
  background-color: yellow;

}

.division {
  //display: flex;
  //align-items: center;
  //justify-content: center;
  width: 50%;
  height: 50%;
  //background-color: red;
  //border: 1px solid white;
  box-sizing: border-box;
}

.letter {
  cursor: -webkit-grab;
  cursor: grab;
  font-weight: bold;
  font-family: helvetica;
  display: inline-block;
  font-size: 50vh;
  margin: 0;
  padding: 0;
  line-height: .8;
  transform-origin: top left;
  color: black;
}
.circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid white;
  background-color: black;
  box-sizing: border-box;
}
/*CONTACT*/




























/*FLICKITY*/
/*AVATAR--INFO*/
.avatar--info a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 1rem .8rem 1rem 1rem;
    text-decoration:none;
}

.is-selected .avatar--info {
   transform: translateY(0);
     left:50%;
     -webkit-transform: translate(-50%,0px);
    transform: translate(-50%,0px);
 transition: 0.4s;
  transition-timing-function: ease-out;
  opacity:1;
  display:block; 
}

.avatar--info{
  max-width: 290px;
  min-width: 240px;
  transform: translateY(130%);
  transition-timing-function: ease-in;
  opacity: 0;
  transition: opacity .3s linear;
  transition: 0.5s;
  -webkit-box-shadow: 0 0px 7px rgba(0,0,0,0.4);
  box-shadow: 0 0px 7px rgba(0,0,0,0.4);
  bottom: 40px;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%,80px);
  transform: translate(-50%,80px);
  /* background: #fff; */
  background: #04ff00;
  border-radius: 1.5rem;
  text-align: left;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.avatar {
    display:block;
    opacity:1;
    width:60px;
    height:60px;
    border-radius: 1rem;
    padding: 2px;
    /* background-image: linear-gradient(45deg, #ffa95f 5%, #f99c4a 15%, #f47838 30%, #e75157 45%, #d92d7a 70%, #cc2a92 80%, #c32e92 95%); */
}
.avatar img {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: .8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border: 2px solid #fff; */
  }
.avatar-caption {
    padding: 0 0 0 8px;
}

.hide
{
    display: none;
    height:0;
}
.slide {
    display: block;
}

/*TYPOGRAPHY-FLICKITY*/
h5{
 margin:0;
}
.caption--avatar {
  height: 100%;
  width: auto;
  border-radius: 2.5rem;
  display: block;
  /* color: #262626; */
  /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; */
  /* font-size: 14px; */
  line-height: 18px;
  /* font-weight:800; */
  font-family: "OcrA";

  -webkit-font-smoothing: antialiased;
}
.avatar-caption--secondary{
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 12px;
    letter-spacing: normal;
    text-transform: capitalize;
    line-height: 18px;
    font-family: "OcrA";
    -webkit-font-smoothing: antialiased;
    /* font-size: 12.5px; */
    font-size: var(--font-size-body);
    /* font-weight: 500; */
    color: var(--secondary-bg-color);
    /* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; */
}



/*SLIDE*/
.slide, .main-carousel {
    width: 100%;
   cursor:move!important; cursor:-webkit-grab!important; cursor:-moz-grab!important; cursor:grab!important;
    height: auto;  
}
.slide {
    display: flex;
    height: 70vh;
    width: 100%;
    max-width: 100%;
    max-height: 800px;
    padding: 8px;
    width: auto;
}
@media only screen and (max-width: 640px) {
.slide {
        height:50vh;
  }}

.slide img {
    height: 100%;
    width: auto;
    border-radius: 2.5rem;
    display: block;
}
/*FLICKITY-Tapes*/

.slideshow.js-slideshow {
    height: 500px!important;
}




/*INTRO*/
main#intro-section--container {
    width: 100%;
    background: white;
    max-width: 100%;
    overflow: hidden;
}

/*TELEVISION*/
.centered {
    text-align: center;
}
.centered img {
    margin: auto;
    width: 150px;
    text-align: center;
    padding: 150px 0;
}

main#tribe--section--container {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}





/*TELEVISION*/


#blocca{
  height:100vh;
  width:100%;
  max-width:100%;
}

@media only screen and (max-width: 640px) {
#blocca{
   height:80vh;
   max-width:100%;
  width:100%;
  }}