/* SOURCE */

#sourcestyle { 
  background-image: url("img/background.jpg");
  width: 100%; 
  height: 100%; 
  position: relative; top: 0; 
  background-size: cover; 
  background-position:  center top;
  padding-top: 0px;
  background-attachment: fixed;
  overflow: hidden; 
}

.image-1 {
  position: absolute;
  top: 16%;
  right: 0;
  max-width: 100%;
  width: 64%;
  margin-right: 40px;
}

.image-1 video {
  width: 90%;
  height: auto;
}

.source-image-2 {
  margin-top: 40px;
  width: 100%;
  height: auto;
  margin-left: 40px;
}

.source-image-2 video {
  max-width: 100%;
  max-height: auto;
}

.source-image-3 {
  margin-right: 40px;
}

.source-image-3 img {
  max-width: 100%;
  max-height: auto;
}

.source-image-4 {
  margin-left: 40px;
  margin-top: 44px;
}

.source-image-4 img {
  max-width: 70%;
  max-height: auto;
}

#source2 .description {max-width:50%;color:#fff;font-family:'Avenir Next';text-align:left;font-size:16px;line-height:24px;margin-left:80px;margin-top:70px;margin-bottom:16px;}

#source2 .description span {
  font-family: 'Avenir Next DemiBold';
}

#source2 .description a {color:#680aff;}

#source3 .description {flex:1;max-width:64%;color:#fff;font-family:'Avenir Next';text-align:left;font-size:16px;line-height:24px;margin-left:40px;margin-top:70px;margin-bottom:16px;}

#source3 .description span {
  font-family: 'Avenir Next DemiBold';
}

#source4 .description {flex:1;max-width:64%;color:#fff;font-family:'Avenir Next';text-align:left;font-size:16px;line-height:24px;margin-left:80px;margin-top:70px;margin-bottom:16px;}

#source4 .description span {
  font-family: 'Avenir Next DemiBold';
}

#sourcestyle .details { transition: 1.4s ease; margin-left: 80px; }

.fp-viewing-portfolio-source-0 #sourcestyle .details { margin-left: 0; }

#sourcestyle .subdetails { transition: 1.4s ease; margin-left: 60px; }

.fp-viewing-portfolio-source-0 #sourcestyle .subdetails { margin-left: 0; }

#source1  .poimg { transition: 2s ease; transform: scale(1.1);  }
#source2  .poimg { transition: 2s ease; transform: scale(1.1);  }
#source3  .poimg { transition: 2s ease; transform: scale(1.1);  }
#source4  .poimg { transition: 2s ease; transform: scale(1.1);  }

.fp-viewing-portfolio-source-0 #source1  .poimg  { margin-left: 0; transform: scale(1);}
.fp-viewing-portfolio-source-1 #source2  .poimg  { margin-left: 0; transform: scale(1);}
.fp-viewing-portfolio-source-2 #source3  .poimg  { margin-left: 0; transform: scale(1) }
.fp-viewing-portfolio-source-3 #source4  .poimg  { margin-left: 0; transform: scale(1) }

.fp-viewing-portfolio-source-3 .arrowdown { opacity: .4; transform: rotate(90deg); visibility: visible;  }

.fp-viewing-portfolio-source-3 .fp-controlArrow.fp-next {  opacity: 0; visibility: hidden;  }

.fp-viewing-portfolio-source-0 #sourcestyle .fp-controlArrow.fp-prev { visibility: hidden; transition: none; }

/* HOPELESSLY MIXED TOGETHER */

#mixedstyle {background-image:url(img/background.jpg);width:100%;height:100%;position:relative;top:0;background-size:cover;background-position:center top;padding-top:0;background-attachment:fixed;overflow:hidden;}

.mixed-image-2 {
  margin-left: 40px;
}

.mixed-image-2 img {
  max-width: 100%;
  max-height: auto;
}

.mixed-image-3 img {
  max-width: 70%;
  max-height: auto;
  margin-left: 40px;
  margin-top: 48px;
}

.mixed-image-4 {
  margin-right: 40px;
  margin-bottom: 40px;
}

.mixed-image-4 img {
  max-width: 100%;
  max-height: auto;
}

.mixed-image-5 {
  margin-left: 40px;
  margin-top: 40px;
}

.mixed-image-5 img {
  max-width: 100%;
  max-height: auto;
}

#mixed2 .description {flex:1;max-width:64%;color:#fff;font-family:'Avenir Next';text-align:left;font-size:16px;line-height:24px;margin-right:40px;margin-top:70px;margin-bottom:16px;}

#mixed2 .description span {
  font-family: 'Avenir Next DemiBold';
}

#mixed3 .description {flex:1;max-width:64%;color:#fff;font-family:'Avenir Next';text-align:left;font-size:16px;line-height:24px;margin-top:70px;margin-bottom:16px;}

#mixed3 .description span {
  font-family: 'Avenir Next DemiBold';
}

#mixed4 .content-container {
  height: 100vh;
}

#mixedstyle .details { transition: 1.4s ease; margin-left: 80px; }
.fp-viewing-portfolio-mixed-0 #mixedstyle .details { margin-left: 0; }

#mixedstyle .subdetails { transition: 1.4s ease; margin-left: 60px; }
.fp-viewing-portfolio-mixed-0 #mixedstyle .subdetails { margin-left: 0; }

#mixed2  .poimg { transition: 2s ease; transform: scale(1.1) }
#mixed3  .poimg { transition: 2s ease; transform: scale(1.1) }
#mixed4  .poimg { transition: 2s ease; transform: scale(1.1) translate(-40px) }
#mixed4  .poimg2 { transition: 2s ease; transform: scale(1.1) translate(40px) }

.fp-viewing-portfolio-mixed-1  #mixed2 .poimg  { margin-left: 0; transform: scale(1) }
.fp-viewing-portfolio-mixed-2  #mixed3 .poimg  { margin-left: 0; transform: scale(1) }
.fp-viewing-portfolio-mixed-3  #mixed4 .poimg  { margin-right: 40; transform: scale(1) translate(0) }
.fp-viewing-portfolio-mixed-3  #mixed4 .poimg2  { margin-left: 40; transform: scale(1) translate(0) }

.fp-viewing-portfolio-mixed-3  .arrowdown { opacity: .4; transform: rotate(90deg); visibility: visible;  }

.fp-viewing-portfolio-mixed-3 .fp-controlArrow.fp-next {  opacity: 0; visibility: hidden;  }

.fp-viewing-portfolio-mixed-1 #cta a,

.fp-viewing-portfolio-mixed-0 #mixedstyle .fp-controlArrow.fp-prev { visibility: hidden; transition: none; }

/* SEX, DRUGS, INTERNET */

#sexstyle {background-image:url(img/background.jpg);width:100%;height:100%;position:relative;top:0;background-size:cover;background-position:center top;padding-top:0;background-attachment:fixed;overflow:hidden;}

#sex2 .description {flex:1;max-width:64%;color:#fff;font-family:'Avenir Next';text-align:left;font-size:16px;line-height:24px;margin-right:40px;margin-top:70px;margin-bottom:16px;}

#sex2 .description span {
  font-family: 'Avenir Next DemiBold';
}

#sexstyle .details { transition: 1.4s ease; margin-left: 80px;   }
.fp-viewing-portfolio-sex-0 #sexstyle .details { margin-left: 0; }

#sexstyle .subdetails { transition: 1.4s ease; margin-left: 60px;   }
.fp-viewing-portfolio-sex-0 #sexstyle .subdetails { margin-left: 0; }

.fp-viewing-portfolio-sex-0 #sexstyle .fp-controlArrow.fp-prev { visibility: hidden; transition: none; }

#sex2  .poimg { transition: 2s ease; transform: scale(1.1) }

.fp-viewing-portfolio-sex-1 #sex2  .poimg  { margin-left: 0; transform: scale(1) }

.fp-viewing-portfolio-sex-1  .arrowdown { opacity: .4; transform: rotate(90deg); visibility: visible; }

.fp-viewing-portfolio-sex-1 .fp-controlArrow.fp-next {  opacity: 0; visibility: hidden;  }