@media (min-width:320px)  {
    .navigation {
 /* display: none; */
}
    
    .buttback2{
	 /* display: none; */
}
    .buttback{
 /* display: none; */
}
    .shoplink{
	text-align: left !important ;
}
    
   /*  .boxlink {
    font-size: 5vw;
}*/
}


.boxlink {
  display: inline-block;
  padding: 8px 16px;
  border: 1.5px solid black !important;
    border-bottom: 1.5px solid black !important;
  background-color: white;
  color: black;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 4.5vw;
}

.boxlink:hover {
  background-color: transparent;
  color: white;
}


@media only screen and (min-device-width: 896px) and (max-device-width:414px)
{ 
    buttbackabotcenter{
	     display: none !important;
}
    
    .buttbackbottom{
  position: absolute;
  top: 5%;
  left: 90vw;
  z-index: -1;
  animation: floatnav2 9s linear infinite;;  
}
    .buttbackbottom img{
	width: 5vw !important;
    height: 5vh !important; 
        display: none;
}
        buttbackabotright2{
	display: none !important;  
}
    
        .buttbacknew3{
	   display: none !important;
}
    .buttbacknew4{
	   display: none !important;
}
    .buttbacknew4{
	  position: absolute;
       left:  3% !important;
        top: 50vh !important;
    display: none !important;
}
    
    .buttbacklullaby{
	   display: none !important;
}

        .navigation {
            display: none;
}
        a.image-link content{
	width: 49vw !important;
    height: 17vh !important;
}
    
    .image-link content img{
	width: 49vw !important;
    height: 17vh !important;
}
    
    .buttback2{
        display: none;
}
    .buttback{
        display: none;
}
    
    
    .buttback3{
        display: none !important;
}
    
    .buttbackabotright {
   display: none !important;
}
    
    .circle{
	position: absolute;
    left: 18vw !important;
}
    
    .shoplink{
	text-align: left !important ;
}
    
    Lullabyh1{
	font-size: 5.2rem !important;
}
    
    .workshops{
	    font-size: 18vmin !important;
}
    
    image-link{
	width: 13vw !important;
}
    
    [data-backdrop="wallpaper"] .background_splash .slide_container {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("https://i.ibb.co/zPngb32/ezgif-com-gif-maker-22.gif");
}
    [data-backdrop="wallpaper"] .background_splash {
    pointer-events: none !important;
    background-image: url("https://i.ibb.co/zPngb32/ezgif-com-gif-maker-22.gif") !important;
    background-size: contain  !important;
}
    
    html {
    cursor: url("https://i.ibb.co/hg7NSTZ/m-curn.png"), auto !important;
}

a {
      z-index: 1000000000000 !important;
    cursor: url("https://i.ibb.co/hg7NSTZ/m-curn.png"), auto !important;
}

body {
    cursor: url("https://i.ibb.co/hg7NSTZ/m-curn.png"), auto !important;
}

img {
    cursor: url("https://i.ibb.co/hg7NSTZ/m-curn.png"), auto !important;
}

div {
    cursor: url("https://i.ibb.co/hg7NSTZ/m-curn.png"), auto !important;
}
        .buttbackabotcenter{
    top: 100vh !important;
     left: 70vw !important;
}
}
 
/*addded works on mobile*/
@media only screen and (max-width: 600px) {
       .soundjr{
     font-size:3rem !important;
}
    .buttbackabotcenter{
	     display: none !important;
}
    
        .buttbackabotcenter img{
	     display: none !important;
}
}



@media only screen and (min-device-width: 320px) and (max-device-width:480px)
{ 
        .soundjr{
     font-size:3rem;
}
        .buttbackbottom{
  position: absolute !important;
  top: 10% !important;
  left: 80vw !important;
  z-index: -1; 
  animation: floatnav2 9s linear infinite;;  
}
    .buttbackbottom img{
	width: 38vw !important;
    height: 25vh !important; 
}

        .navigation {
            display: none;
}
    
     .buttbackleftla{
            display: none !important;
}
    
   
            .buttbacknew3{
	   display: none !important;
}
    .buttbacknew4{
	   display: none !important;
}
    .buttbacknew4{
	  position: absolute;
       left:  3% !important;
        top: 50vh !important;
    display: none !important;
}
    
    .buttback2{
        display: none;
}
    .buttback{
        position: absolute;
        left: 70vw !important;
        top: 55vh !important;
}

    .buttback img{
        width: 50vw !important;
        height: 50vw !important;
}
    
    
        .buttback3{
        display: none;
}
    
    .buttbacklullaby{
 position: absolute;
  top: 40%;
  left: -2%;
  z-index: -1;
  animation: floatnav2 12s linear infinite;; 
}

        .buttbacklullaby img{
         top: 44% !important;
        width: 30vw !important;
        height: 30vw !important;
}
    
    
.buttbacklullaby2{
 position: absolute;
  top: 30%;
  left: 89%;
  z-index: -1;
  animation: floatnav2 12s linear infinite;; 
}

.buttbacklullaby3{
    display: none !important;
}

.buttbacklullaby4{
   display: none !important;
}

.buttbacklullaby5{
   display: none !important;
}
    
    .buttbackabotright {
   display: none !important;
}
    
    .buttbackabotcenter{
    top: 100vh !important;
     left: 70vw !important;
}
    
    .circle{
    left: 7vw !important;
    width: 2vw !important;
    height: 2vw !important;
}
            .circle img{
	position: absolute;
    left: 18vw !important;
    width: 50vw !important;
    height: 20vw !important;
}
    .shoplink{
	text-align: left !important ;
}
    
    Lullabyh1{
	font-size: 5.2rem !important;
}
    
    .workshops{
	    font-size: 18vmin !important;
}
    
    image-link{
	width: 13vw !important;
}
    

    
    html {
    cursor: url("https://i.ibb.co/hg7NSTZ/m-curn.png"), auto !important;
}

a {
    cursor: url("https://i.ibb.co/hg7NSTZ/m-curn.png"), auto !important;
}

body {
    cursor: url("https://i.ibb.co/hg7NSTZ/m-curn.png"), auto !important;
}

img {
    cursor: url("https://i.ibb.co/hg7NSTZ/m-curn.png"), auto !important;
}

div {
    cursor: url("https://i.ibb.co/hg7NSTZ/m-curn.png"), auto !important;
}
    
    .buttons{
	border: 1px solid black ;
    
}
    
        .hamburger{
	position: absolute;
    left: 80vw;
    top: 5vh;
    display: block !important;
    z-index: 1000000000000 !important;
}
    
    .soundjr{
     font-size:3.6rem;
}
    
    .soundjrsm{
     font-size:1.5rem; 
}
    
     [local-style="32327583"] .content_padding {
    padding-top: 9.4rem /*!main_margin*/;
    padding-bottom: 9.4rem /*!main_margin*/;
    padding-left: 9.4rem /*!main_margin*/;
    padding-right: 9.4rem /*!main_margin*/;
}
   
    
    [data-backdrop="wallpaper"] .background_splash {
    pointer-events: none;
    background-image: url("https://i.ibb.co/zPngb32/ezgif-com-gif-maker-22.gif") !important;
    background-size: contain;
}
 


    [local-style="31768880"] .backdrop > div >[data-backdrop="wallpaper"] .background_splash  > .outer_container > [data-backdrop="wallpaper"] .slide_container img{
    pointer-events: none;
    background-image: url("https://i.ibb.co/zPngb32/ezgif-com-gif-maker-22.gif") !important;
    background-size: contain;
   
}

[data-predefined-style="true"] [local-style="31768880"] bodycopy{
        background-image: url(https://i.ibb.co/zPngb32/ezgif-com-gif-maker-22.gif) !important;
    background-size: contain;
}
    
    
        .buttback4{
       	position: absolute !important;
        left: 25vw !important;
        top: 110vh !important;
        opacity: 50% !important;
}

        .buttback4 img{
        width: 50vw !important;
        height: 50vw !important;
}
    
        .buttbackleft{
        position: absolute !important;
        left: 0vw !important;
        top: 70vh !important;
}

    .buttbackleft img{
        width: 50vw !important;
        height: 50vw !important;
     
}
    
            .buttbackleftla{
        position: absolute;
        left: -10vw !important;
        top: 70vh !important;
}

    .buttbackleftla img{
        width: 50vw !important;
        height: 50vw !important;
}
    
    .buttbackabotright{
	display: none;
}
    
        .buttbackabot{
	display: none;
}
    
    .buttbacknew1{
	display: none !important;
}
        .buttbacknew2{
	display: none !important;
}
        .buttbacknew3{
	display: none !important;
}
    
    .buttbackabotright2{
	display: none !important;  
}
    
}


        .buttback{
        position: absolute;
        left: 0vw !important;
        top: 120vh !important;
            animation: none !important;
}
    
            .buttbackleftla{
        position: absolute;
        left: 90vw !important;
        top: 200vh !important;
        z-index: 90000 !important;
}
  
   		.buttbacknew1{
	   position: absolute;
        left: 90vw !important;
        top: 87vh !important;
            z-index: 9000;
  animation: floatnav2 9s linear infinite;; 
}
       .buttbacknew2{
	   position: absolute;
        left: -5vw !important;
        top: 80vh !important;
             z-index: 9000;
}
       .buttbacknew3{
	   position: absolute;
        left: 97vw !important;
        top: 40vh !important;
}

/*         .hamburger{
	display: none;
}

    [local-style="32327583"] .content_padding {
    padding-top: 1.4rem !important;
    padding-bottom: 1.4rem !important;
    padding-left: 1.4rem !important;
    padding-right: 1.4rem !important;
}

    [data-backdrop="wallpaper"] .background_splash .slide_container img {
    position: absolute;
    top: 0;
    left: 0;
    display: none !important;
}
    
    [data-backdrop="wallpaper"] .background_splash .slide_container {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("https://i.ibb.co/zPngb32/ezgif-com-gif-maker-22.gif");
}


new
    [local-style="31768880"] .backdrop > div >[data-backdrop="wallpaper"] .background_splash  > .outer_container > [data-backdrop="wallpaper"] .slide_container img{
    pointer-events: none;
    background-image: url("https://i.ibb.co/zPngb32/ezgif-com-gif-maker-22.gif") !important;
    background-size: contain;
}

[data-backdrop="wallpaper"] .background_splash {
    pointer-events: none;
    display: none !important;
    background-image: url("https://i.ibb.co/zPngb32/ezgif-com-gif-maker-22.gif") !important;
    background-size: contain;
} 



display: none !important; ------------------ not mobile */

.butcircle{
	position: relative !important;
    left: -1vw !important;
    top: 26vh !important;
}
.buttbackabotright{
	position: absolute !important;
    left: 80vw !important;
    top: 1vh !important;
    display: none !important;
}

.buttbackabotright2{
	position: absolute !important;
    left: -33vw !important;
    top: -20vh !important;
    z-index: -1;
    display: none !important;  
}

.buttbackabotcenter{
	position: absolute !important;
    left: 80vw;
    top: 5vh;
    z-index: -1;
    transform: rotate(-33deg);
}


.buttbackabot{
	position: absolute;
    left: -8vw !important;
    top: 60vh !important;
    display: none !important;
}

.buttbackbottom{
  position: absolute;
  top: 15%;
  left: 0%;
  z-index: -1;
  animation: floatnav2 9s linear infinite;;
}

        .hamburger{
	position: absolute;
    left: 80vw;
    top: 5vh;
     z-index: 1000000000000 !important;
display: none;
}

.navigationmobile{
  width: 90vw;
  height: 80vh;
  position: absolute;
  top:100%;
  left: 50vw;
  right: auto;
  /* margin-right: -50%; */
  transform: translate(-50%, -0%);
  border-radius: 42% 21% 78% 10% / 10% 28% 22% 50%;
  background-color: #82bfdc5c;
  padding: 3vw 3vw 3vw;
}


.mainmenumobile,
.submenu {
  list-style: none;
  padding: 0;
  margin: 0;
}


/* make ALL links (main and submenu) have padding and background color */
.mainmenumobile a {
  display: block;
  padding: 0;
  font-size: 2rem !important;
  padding: 3vw;
  margin: 0;
  line-height: 0;
  text-decoration: none;
  color: white;
  text-align: center;
  -webkit-animation: floatnav 2800ms infinite ease-in-out;
  animation: floatnav 2800ms infinite ease-in-out;
  z-index: 2;
}

.btncont {
      /* Center vertically and horizontally */
  display: flex;
  justify-content: center;
  align-items: center;
}


.btn {
  border: 2px solid black;
  cursor: pointer;
      /* Center vertically and horizontally */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Green */
.success {
  border-color: #85b8eb;
  color: #85b8eb;
 /* background-color: #85b8eb; */
      /* Center vertically and horizontally */
}

.success:hover {
  background-color: rgba(133, 184, 235, 0);
  color: #85b8eb;
}



/* HORIZONTAL SCROLL */
.scroll-container{
  overflow: auto;
  white-space: nowrap;
  padding: 5px 70px 5px 20px;
  background: transparent;
  height: 100%;
  border-radius:15px;
}

.gridscroll{
  display:inline-block;
}

.gridscroll img {
  margin-right:22px;
}


/* ---------- hover effect */

/* quick reset */
* {
  margin: 0;
  padding: 0;
  border: 0;
}

/* relevant styles */
.img__wrap {
  position: relative;
  height: auto;
  width: auto;
}

.img__description {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(217, 212, 208, 0.77);
  color: #fff;
  visibility: hidden;
  opacity: 0;
  padding: 3vw;
  display: flex;
  justify-content:center;
  flex-direction: column;
  /*   display: flex; transition effect. not necessary */
  transition: opacity .2s, visibility .2s;
}

.img__wrap:hover .img__description {
  visibility: visible;
  opacity: 1;
}

/* ---------- cursor */

html {
    cursor: url("https://i.ibb.co/hg7NSTZ/m-curn.png"), auto !important;
}

a {
      z-index: 1000000000000 !important;
    cursor: url("https://i.ibb.co/hg7NSTZ/m-curn.png"), auto !important;
}

body {
    cursor: url("https://i.ibb.co/hg7NSTZ/m-curn.png"), auto !important;
}

img {
    cursor: url("https://i.ibb.co/hg7NSTZ/m-curn.png"), auto !important;
}

div {
    cursor: url("https://i.ibb.co/hg7NSTZ/m-curn.png"), auto !important;
}


.cursorimg {
   /* position: absolute; 
  z-index: 10000;
  pointer-events: none;
  transition-duration: 1.5s; */
  /* filter: drop-shadow(0 0 0.75rem white); */
}



/* ---------- all */
 .rotating{
	opacity: 30%;
     mix-blend-mode: exclusion;
}

.info{
  
}

.upcont{
	height: 100vh;
    overflow: hidden;
}

.upcontsm{
	height: 60vh;
    overflow: hidden;
}

.marqueeup {
    top: -50em;
    position: relative;
    box-sizing: border-box;
    animation: marquee 70s linear infinite;
}


.marqueeup2 {
    top: 0em;
    position: relative;
    box-sizing: border-box;
    animation: marquee2 100s linear infinite;
}

.marquee:hover {
    animation-play-state: paused;
}

/* Make it move! */
@keyframes marquee {
    0%   { top:   0em }
    50%   { top:   -25em }
    100% { top: -71em }
}

/* Make it move! */
@keyframes marquee2 {
    0%   { top:   0em }
    50%   { top:   40em }
    100% { top: 0em }
}


.jai-logo{
 /*  background-image: url('https://i.ibb.co/bKdnLD4/logonew-1-1.png');
  display: block;
  margin: 0 auto;
  text-indent: -9999px;
  width: 1142px;
  height: 531px;
   display: none;*/
  background-image: url('https://i.ibb.co/bKdnLD4/logonew-1-1.png');
  position: absolute;
  width: 70%;
  top: 50%;
  left: 50%;
  z-index: 100 !important;
  transform: translate(-50%, -50%);
}

.buttback{
  position: absolute;
  top: 9%;
  left: 0%;
  z-index: -1;
  animation: floatnav2 9s linear infinite;;  
}

.buttbackleft{
  position: absolute;
  top: 18%;
  left: 93%;
  z-index: -1;
  animation: floatnav2 9s linear infinite;; 
}

.buttbackleftla{
  position: absolute;
  top: 15%;
  left: 95%;
  z-index: -1;
  animation: floatnav2 9s linear infinite;;  
}

.buttbotleft4{
  position: absolute;
        left:  -5% !important;
        top: 35vh !important;
}

.buttbacknew4{
	  position: absolute;
       left:  3% !important;
        top: 50vh !important;
    
}
.buttbackabot{
  position: absolute;
  top: 9%;
  left: -5%;
  z-index: -1;
  animation: floatnav2 9s linear infinite;;  
}

.buttbackabotleft{
  position: absolute;
  top: 15%;
  left: 99%;
  z-index: -1;
  animation: floatnav2 9s linear infinite;;  
}

.buttbackabotright{
  position: absolute;
  top: 55%;
  left: -9%;
  z-index: -1;
}

.buttback2{
  position: absolute;
  top: 70%;
  left: 90%;
  z-index: -1;
  animation: floatnav2 8s linear infinite;;  
}

    .buttback3{
 position: absolute;
  top: 13%;
  left: -5%;
  z-index: -1;
  animation: floatnav2 12s linear infinite;; 
}

    .buttback4{
 position: absolute;
  top: 13%;
  left: 59%;
  z-index: -1;
  animation: floatnav2 12s linear infinite;; 
}

    .buttback5{
 position: absolute;
  top: 13%;
  left: 90%;
  z-index: -1;
  animation: floatnav2 12s linear infinite;; 
}

.buttbacklullaby{
 position: absolute;
  top: 40%;
  left: 4%;
  z-index: -1;
  animation: floatnav2 12s linear infinite;; 
}

.buttbacklullaby2{
 position: absolute;
  top: 30%;
  left: 89%;
  z-index: -1;
  animation: floatnav2 12s linear infinite;; 
}

.buttbacklullaby3{
     position: absolute;
        left:5vw !important;
        top: 130vh !important;
  animation: none !important;
    z-index: -1;
}

.buttbacklullaby4{
  animation: none !important;
        position: absolute;
    z-index: -1;
            left: 2vw !important;
        top: 200vh !important;
}

.buttbacklullaby5{
  animation: floatnav2 12s linear infinite;; 
        position: absolute;
    z-index: -1;
            left: 88vw !important;
        top: 140vh !important;
}

.butterfly{
 /*  background-image: url('https://i.ibb.co/bKdnLD4/logonew-1-1.png');
  display: block;
  margin: 0 auto;
  text-indent: -9999px;
  width: 1142px;
  height: 531px;*/
    position: absolute;
  top: 15%;
  left: 25%;
  animation: floatnav2 6s linear infinite;;  
}

.butterfly2{
 /*  background-image: url('https://i.ibb.co/bKdnLD4/logonew-1-1.png');
  display: block;
  margin: 0 auto;
  text-indent: -9999px;
  width: 1142px;
  height: 531px;*/
    position: absolute;
  top: 27%;
  left: 20%;
  animation: floatnav2 6s linear infinite;;  
}

.tourtext{
	padding: 16px 16px 20px;
    position: relative;
    background-color: rgba(40, 42, 42, 0.27);
    border-radius: 8px;
    transition: background-color 0.3s ease 0s;
}

.newhover:hover{
	font-style: normal;
    font-weight: bold;
}

.info:hover{
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.3;
    z-index: 10 !important;
    /* background: #d0cdc5;
    background: rgba(208, 205, 197, 0.8); */
    transition: opacity .3s ease-in-out;
}

.listen {
    position: absolute;
    top: 10vh;
    left: 0;
    width: 100%;
    padding: 0;
    height: 100%;
    z-index: 1 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Social Condensed Variable", Icons;
	font-style: normal;
	padding: 0;
	margin: 0;
	font-size: 7rem;
	line-height: 1.1;
	color: rgb(83, 96, 208);
	font-weight: 400;
    flex-direction: column;
    opacity: 0;
    transition: opacity .3s ease-in-out;
	font-variation-settings: 'wdth' 75, 'slnt' 0;
}

.listen:hover{
	  opacity: 1;
}

.release-meta {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 90%;
}

.release-date {
    display: none;
    font-family: "DIN W05 Cond Black";
    font-weight: 400;
    font-style: normal;
    font-size: 75%;
}
/* ---------- menu  */

/* define a fixed width for the entire menu */
.navigation {
  width: 22vw;
  position: absolute;
  top: 50%;
  left: 92vw;
  right: auto;
  /* margin-right: -50%; */
  transform: translate(-50%, -50%);
  border-radius: 42% 21% 78% 10% / 10% 28% 22% 50%;
  background-color: #82bfdc5c;
  padding: 3vw 3vw 3vw;
}


.mainmenu,
.submenu {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* make ALL links (main and submenu) have padding and background color */
.mainmenu a {
  display: block;
  padding: 0;
  margin: 0;
    line-height: 0
        ;
  text-decoration: none;
  color: white;
  text-align: center;
  -webkit-animation: floatnav 2800ms infinite ease-in-out;
  animation: floatnav 2800ms infinite ease-in-out;
  z-index: 2;
}

.mainmenu li:nth-child(even) {
  -webkit-animation: floatnav 2800ms infinite ease-in-out;
  animation: floatnav 2800ms infinite ease-in-out;
}

/* add hover behaviour */
.mainmenu a:hover {
  /* background-color: #C5C5C5; */
  filter: drop-shadow(0 0 0.75rem #ff0097);
}

/* when hovering over a .mainmenu item,
  display the submenu inside it.
  we're changing the submenu's max-height from 0 to 200px;
*/

.mainmenu li:hover .submenu {
  filter: drop-shadow(0 0 0.75rem #ff0097);
}

@keyframes floatnav {
  0% {
    /* box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6); */
    transform: translatex(-5px);
    transform: rotate(10deg);
  }
  50% {
    /* box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2); */
    transform: translatex(0px);
    transform: rotate(10deg);
  }
  100% {
    /* box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6); */
    transform: translatex(-5px);
    transform: rotate(10deg);
  }
}

@keyframes floatnav2 {
  0% {
    /* box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6); */
   transform: rotate(-50deg);
  }
  50% {
    /* box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6); */
    transform: rotate(50deg);
  }
    100% {
    /* box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6); */
    transform: rotate(-50deg);
  }
}

/* logo-------------- */

.logorow {
  text-align: center;
}
.logo {
  width: 20%;
  height: auto;
  text-align: center;
  /* position: fixed;
  top: 0px;
  right: auto;
  left:48%; */
  margin-top: 30px;
  position: absolute;
  position: fixed;
  top: 0%;
  left: 40%;
  right: auto;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  -webkit-animation: floating 2800ms infinite ease-in-out;
  animation: floating 2800ms infinite ease-in-out;
  /* filter: drop-shadow(0 0 0.75rem white); */
}

@keyframes floating {
  from {
    -webkit-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
  65% {
    -webkit-transform: translate(0, 15px);
    transform: translate(0, 15px);
  }
  to {
    -webkit-transform: translate(0, -0px);
    transform: translate(0, -0px);
  }
}



navtext{
	    transform: rotate(10deg) !important;
}


@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.animate-flicker {
   -webkit-animation: flickerAnimation 15s infinite;
   -moz-animation: flickerAnimation 15s infinite;
   -o-animation: flickerAnimation 15s infinite;
    animation: flickerAnimation 15s infinite;
}

.animate-flicker2 {
   -webkit-animation: flickerAnimation 20s infinite;
   -moz-animation: flickerAnimation 15s infinite;
   -o-animation: flickerAnimation 15s infinite;
    animation: flickerAnimation 30s infinite;
}
/**
 * Content
 */

body {
	background-color: #000000;
	color: #000;
}

a:active {
	opacity: 0.9;
    
}

.page a.active {
	opacity: .4;
}

i,
em {
	font-style: italic;
}

b,
strong {
	font-weight: bolder;
}

sub,
sup {
	position: relative;
	vertical-align: baseline;
}

sub {
	top: 0.3em;
}

sup {
	top: -0.4em;
}

s {
	text-decoration: line-through;
}

img {
	border: 0;
	padding: 0;
}

ul,
ol {
	margin: 0;
	padding: 0 0 0 1em;
}

blockquote {
	margin: 0;
	padding: 0 0 0 2em;
}

hr {
	background: rgba(127, 127, 127, 0.2);
	border: 0;
	height: 1px;
	display: block;
}

.content img {
	float: none;
	margin-bottom: .5em;
}

.gallery_image_caption {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.35);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-style: normal;
	line-height: 1.3;	
}

/**
 * Loading Animation
 */

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

/**
 * Editor styles
 */

[data-predefined-style="true"] bodycopy {
	font-size: 1.9rem;
	font-weight: 400;
	color: rgba(83, 96, 208, 1);
	font-family: Rubik, Icons;
	font-style: normal;
	line-height: 1.4;
}

[data-predefined-style="true"] bodycopy a {
	color: rgba(255, 255, 255, 0.6);
	border-bottom: 0;
	text-decoration: none;
    
}

[data-predefined-style="true"] bodycopy a:hover {

}

bodycopy a.image-link,
bodycopy a.icon-link,
bodycopy a.image-link:hover,
bodycopy a.icon-link:hover {
	border-bottom: 0;
	padding-bottom: 0;
}

[data-predefined-style="true"] h1 {
	font-family: "Freight Big", Icons;
	font-style: normal;
	padding: 0;
	margin: 0;
	font-size: 8.2rem;
	line-height: 1;
	color: rgb(83, 96, 208);
	font-weight: 200;
	}

[data-predefined-style="true"] h1 a {
	color: rgba(255, 255, 255, 0.75);
    bordeR: none;
}

[data-predefined-style="true"] h2 {
	font-family: "Social Variable", Icons;
	font-style: normal;
	font-weight: 400;
	padding: 0;
	margin: 0;
	color: rgb(83, 96, 208);
	font-size: 2.5rem;
	line-height: 1.2;
	font-variation-settings: 'wdth' 100, 'slnt' 0;
	}

[data-predefined-style="true"] h2 a {
	color: rgba(255, 255, 255, 0.75);
}

[data-predefined-style="true"] small {
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1.3;
	font-family: "Adobe Arno Pro", Icons;
	font-style: normal;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.35);
    letter-spacing: .05rem;
}

[data-predefined-style="true"] small a {
	color: rgba(255, 255, 255, 0.6);
	border-bottom-width: 0em;
}

/**
 * Breakpoints
 */


[data-css-preset] .page {
    background-color: initial /*!page_bgcolor*/;
}

.mobile .page,
[data-css-preset].mobile .page {
	position: relative;
	min-height: 10px;
	max-width: 100%;
	width: 100%;
	background-color: transparent /*!page_bgcolor*/;
}

[data-css-preset] .container {
	margin-left: 0 /*!content_left*/;
	margin-right: auto /*!content_left*/;
	text-align: left /*!text_left*/;
}

[data-css-preset] body {
	background-color: #d9d4d0/*!body_bgcolor*/;
}

[data-css-preset] .container_width {
	width: 100%/*!content_left*/;
}

[data-css-preset] .content_padding {
	padding-top: 5rem /*!main_margin*/;
	padding-bottom: 5rem /*!main_margin*/;
	padding-left: 5rem /*!main_margin*/;
	padding-right: 5rem /*!main_margin*/;
}


[data-css-preset] text-limit {
	display: inline-block /*!text_width*/;
	max-width: 65rem/*!text_width*/;
}

/**
 * Thumbnails
 */

div[thumbnails] {
	justify-content: flex-start;
}

[data-css-preset] .thumbnails {
   	background-color: transparent/*!thumbnails_bgcolor*/;   
}

[data-css-preset] .thumbnails_width {
    width: 100%/*!thumbnails_width*/;
}

[data-css-preset] [thumbnails-pad] {
    padding: 2.5rem/*!thumbnails_padding*/;
}

[data-css-preset] [thumbnails-gutter] {
    margin: -5rem/*!thumbnails_padding*/;
}

[data-css-preset] [responsive-layout] [thumbnails-pad] {
    padding: 0.8rem/*!responsive_thumbnails_padding*/; 
}

[data-css-preset] [responsive-layout] [thumbnails-gutter] {
    margin: -1.6rem/*!responsive_thumbnails_padding*/; 
}

.thumbnails .thumb_image {
	outline: 1px solid rgba(0,0,0,.12);
    outline-offset: -1px;
}

.thumbnails .title {
    margin-top: 2.0rem;
    margin-bottom: .3rem;
    font-size: 1.9rem;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.6);
	font-family: Rubik, Icons;
	font-style: normal;
	line-height: 1.3;
}

.thumbnails .tags {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
    font-size: 1.4rem;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.25);
	font-family: 'Space Mono', Icons;
	font-style: normal;
	line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .05rem;
}

.thumbnails .tags a {
	border-bottom: 0;
    color: rgba(255, 255, 255, 0.25);
    text-decoration: none;
}

.thumbnails .has_title .tags {
	margin-top: 0rem;
}

/**
 * Site Menu
 */

[data-css-preset] #site_menu_button {
    color: rgba(255, 255, 255, 0.95);
    line-height: 1;
    font-size: 28px /*!site_menu_button*/;
    padding: 6px;
    line-height: 1;
    background: rgba(33, 32, 46, 0);
    position: fixed;
    top: 1rem /*!site_menu_button*/;
	right: 1rem /*!site_menu_button*/;
    display: none;
}

body.mobile #site_menu_button {
	margin: -6px;
    font-size: 34px;
}

#site_menu_button.custom_icon {
	width: 40px;
    height: auto;
}

#site_menu_button.active {
	display: none;
}

/**
 * Site Menu
 */

#site_menu {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	background: rgba(20, 20, 20, 0.95);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	padding: 20px 30px 90px 30px;
	max-width: 400px;
	min-width: 300px;
	text-align: left;
	display: flex;
	justify-content: flex-start;
}

body.mobile #site_menu {
	width: 100%;
}

#site_menu .page-link a {
	color: rgba(255, 255, 255, 0.75);
}

#site_menu .set-link > a {
	color: rgba(255, 255, 255, 0.75);
	font-weight: bold;
}

#site_menu a:active {
	opacity: .7;
}

#site_menu a.active {
	opacity: .4;
}

#site_menu .close {
	display: none;
	color: rgba(255, 255, 255, 0.4);
	line-height: .85em;
	font-size: 45px;
}

body.mobile #site_menu .close {
	display: block;
	font-size: 50px;
	line-height: 1em;
}

#site_menu .break {
	height: 28px;
}

#site_menu .indent {
	margin-left: 28px;
}

/*
 * Shop Button
 */

[data-css-preset] #shop_button {
	color: rgba(255, 255, 255, 1);
    background: transparent;
	font-size: 34px;
    font-style: normal;
	font-weight: 400;
    line-height: 1;
    position: fixed;
	padding: 6px;
	top: 1rem /*!shop_button*/;
	right: 1rem /*!shop_button*/;
}

#shop_button.text {
    font-size: 1.4rem;
	line-height: 1.3;
	font-family: "Space Mono", Icons;
	font-style: normal;
	font-weight: 400;
    padding: 0;
    line-height: 1.2;
}

#shop_button.custom_icon {
	width: 40px;
    height: auto;
}


body.mobile #shop_button:not(.text) {
	margin: -6px;
    font-size: 38px;
}

/*
 * Shop Product Widget
 */

.shop_product {
    width: 100%;
    position: relative;
    display: block;
}

.shop_product .price {
	font-family: "Space Mono", Icons;
    font-size: 1.4rem;
	line-height: 1;
	color: rgba(133, 184, 235, 1);
    display: block;
    margin-bottom: 1rem;
	font-style: normal;
	font-weight: 400;
    width: 100%;
}

.shop_product .dropdown {
    font-family: "Space Mono", Icons;
    font-size: 1.4rem;
    color: rgba(0, 0, 0, 0.9);
    display: inline-block;
	width: 100%;
    border: 1px solid rgba(255,255,255,.4);
    background:  #85b8eb url(https://static.cargo.site/assets/images/select-line-arrows.svg) no-repeat right;
    margin-bottom: 1rem;
    line-height: 1.2;
    padding: .7rem 2rem .7rem 1rem;
	font-style: normal;
	font-weight: 400;
}

.shop_product .button {
    font-family: "Space Mono", Icons;
	font-size: 1.4rem;
    background: rgba(133, 184, 235, 1);
    color: rgba(255, 255, 255, 1);
    flex: 0 0 50%;
    text-align: left;
    display: inline-block;
	line-height: 1;
    padding: .8rem 1rem .9rem;
	font-style: normal;
	font-weight: 400;
    border-bottom: none;
   width: 100%;
}

/*
 * Image Zoom
 */

.content img.image-zoom:active {
  opacity: .7;
}

/**
 * Quick View
 */

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

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


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

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

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



/**
 * Quick View Navigation 
 */

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

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

.quick-view-navigation .left-arrow,
.quick-view-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.quick-view-navigation .left-arrow .inner-color,
.quick-view-navigation .right-arrow .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.quick-view-navigation .left-arrow .outer-color,
.quick-view-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

.quick-view-navigation .close-button {  
    top: 10px;
    right: 10px;
    /* Change height/width together to scale */
    width: 36px;
    height: 36px;
}

.quick-view-navigation .close-button .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.quick-view-navigation .close-button .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

/** 
 * Image Gallery Navigation Arrows 
 */
 
.image-gallery-navigation .left-arrow,
.image-gallery-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.image-gallery-navigation .left-arrow .inner-color,
.image-gallery-navigation .right-arrow .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.image-gallery-navigation .left-arrow .outer-color,
.image-gallery-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

/**
 * Wallpaper Backdrop Navigation Arrows 
 */

.wallpaper-navigation .left-arrow,
.wallpaper-navigation .right-arrow {
   /* Change height/width together to scale */
   width: 36px;
   height: 36px;
}

.wallpaper-navigation .left-arrow .inner-color,
.wallpaper-navigation .right-arrow .inner-color {
   stroke: #fff;
    stroke-width: 1.5px;
}

.wallpaper-navigation .left-arrow .outer-color,
.wallpaper-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}


/**
 * Feed
 */

.feed .content_container .page {
    border-top: 0px dashed rgba(0, 0, 0, 0.2);
}

.feed .content_container .page_container:first-child .page {
	border-top: 0;
}


/*
 * Audio Player
 */

.audio-player {
    max-width: 36rem;
    height: 3.3rem;
    outline: 1px solid rgba(255, 255, 255, 0.14);
    color: rgba(255, 255, 255, 0.6);
    background: rgba(0, 0, 0, 0.4);
    font-size: 1.2rem;
    line-height: 1.3;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    margin: 1px 1px 1em 1px;
}

body.mobile .audio-player {
    max-width: 100%;
}

.audio-player .separator {
    width: 1px;
    background-color: rgba(255, 255, 255, 0.14);
}

.audio-player .button {
    background: transparent;
    cursor: pointer;
    fill: rgba(255, 255, 255, 0.85);
}

.audio-player .icon {
    fill: rgba(255, 255, 255, 0.75);
    padding: 30%;
    width: 100%;
    margin: auto;
}

.audio-player .buffer {
    background: rgba(255, 255, 255, 0.05);
}

.audio-player .progress {
    background: rgba(255, 255, 255, 0.09);
}

.audio-player .progress-indicator {
    border: 1px solid rgba(255, 255, 255, 0.7);
    width: 1px;
    height: 100%;
    right: 0;
    position: absolute;
    cursor: ew-resize;
}

.audio-player .note-icon {
    height: 100%;
    width: 3.8rem;
    padding: 1rem;
    fill: rgba(255, 255, 255, 0.6);
}

.audio-player .current-time {
    padding-left: 1rem;
}

.audio-player .total-time {
    padding-right: 1rem;
}

.circle{
	position: absolute;
    left: 40vw;
}