one.css

* {
  *zoom: 1; }
  :before, :after {
    content: " ";
    display: table; }
  :after {
    clear: both; }

.wht {
  color: #fff; }

.blk {
  color: #000; }

.rng {
  color: orange; }

* {
  padding: 0;
  margin: 0; }

a {
  text-decoration: none;
  outline: none;
  color: #fff; }

strong, small, span, em, a {
  display: inline-block; }

h1 {
  font-family: inherit;
  color: #fff;
  font-size: 222%;
  margin: 0 0 20px;
  font-weight: normal; }

small {
  text-transform: uppercase; }

@font-face {
  font-family: 'onelove';
  src: url("media/fonts/1ove.ttf") format("ttf"), url("media/fonts/1ove.woff") format("woff"); }
.slimScrollBar {
  background: #fff !important; }

#superContainer {
  height: 100%;
  position: relative;
  -ms-touch-action: none;
  touch-action: none; }

html.fp-enabled,
.fp-enabled body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent; }

.fp-section {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%; }

.fp-slide {
  float: left; }

.fp-slide,
.fp-slidesContainer {
  height: 100%;
  display: block; }

.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.fp-section.fp-table,
.fp-slide.fp-table {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%; }

.fp-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%; }

.fp-slidesContainer {
  float: left;
  position: relative; }

.fp-controlArrow {
  position: absolute;
  z-index: 4; }

.fp-scrollable {
  overflow: scroll; }

.fp-notransition {
  -webkit-transition: none !important;
  transition: none !important; }

#fp-nav {
  display: none;
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  bottom: 0%;
  opacity: 1;
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0% -2%; }
  #fp-nav .right {
    right: 17px; }
  #fp-nav .left {
    left: 17px; }

.fp-slidesNav {
  z-index: 2147483647;
  opacity: 1;
  width: 80%;
  position: absolute;
  text-align: center;
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
  height: 28px;
  bottom: 0px;
  margin-left: 0 !important;
  overflow: hidden; }
  .fp-slidesNav .top {
    top: 17px; }

#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0; }

#fp-nav ul li,
.fp-slidesNav ul li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative; }

.fp-slidesNav ul li {
  display: inline-block; }

#fp-nav ul li a,
.fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none; }

.fp-slidesNav ul li a {
  transform: rotate(-48deg) !important; }

.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li a span:hover {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%; }

#fp-nav ul li:hover a span {
  height: 12px;
  width: 12px;
  margin: -6px 0 0 -6px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%; }

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span,
.fp-slidesNav ul li:hover a span {
  height: 12px;
  width: 12px;
  margin: -6px 0 0 -6px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  color: orange; }

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  height: 4px;
  width: 4px;
  border: 0;
  background: #fff;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-family: onelove;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0; }

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
  -webkit-transition: opacity 0.2s ease-in;
  -moz-transition: opacity 0.2s ease-in;
  -ms-transition: opacity 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  width: auto;
  opacity: 1; }

#fp-nav ul li .fp-tooltip.right {
  right: 20px; }

#fp-nav ul li .fp-tooltip.left {
  left: 20px; }

body {
  font-family: onelove, arial, helvetica;
  color: #F2F2F2;
  background: url(media/img/soema-one-love.png) no-repeat #000 center; }

#menu {
  position: fixed;
  bottom: 30px;
  left: 0;
  height: 40px;
  z-index: 70;
  width: 250px; }
  #menu li {
    display: inline-block; }
    #menu li a {
      text-decoration: none;
      color: #fff;
      display: block;
      text-align: center; }
    #menu li.active a, #menu li.active a:hover {
      color: orange; }
    #menu li::hover {
      background-color: #7FDBFF; }

@-moz-keyframes shimmer {
  from {
    -moz-transform: translateX(0); }
  to {
    -moz-transform: translateX(-100%); } }
@-webkit-keyframes shimmer {
  from {
    -webkit-transform: translateX(0); }
  to {
    -webkit-transform: translateX(-100%); } }
@keyframes shimmer {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-100%); } }
.slide {
  background: -webkit-linear-gradient(90deg, #555 10%, #000 90%) no-repeat center center;
  background: -moz-linear-gradient(90deg, #555 10%, #000 90%) no-repeat center center;
  background: -ms-linear-gradient(90deg, #555 10%, #000 90%) no-repeat center center;
  background: -o-linear-gradient(90deg, #555 10%, #000 90%) no-repeat center center;
  background: linear-gradient(90deg, #555 10%, #000 90%) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.quick-show:hover {
  -moz-animation-name: shimmer;
  -webkit-animation-name: shimmer;
  animation-name: shimmer;
  -moz-animation-duration: 10s;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -moz-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.content {
  position: relative;
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
  padding: 20px;
  text-align: left;
  font-size: 24px;
  font-size: 1.5rem;
  height: auto;
  width: 40%;
  float: right; }

#one-love,
#longs,
#shorts,
#sayings,
#sharps {
  position: fixed;
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;
  padding: 16px 0px 15px; }

#one-love {
  padding: 9px 11px 8px 10px !important; }

#one-love img {
  width: 50px;
  opacity: 1;
  height: 45px;
  margin: 4px 0 0 0; }

#one-love a {
  height: 50px; }

#longs,
#shorts,
#sayings,
#sharps {
  font-size: 2em;
  padding: 16px 0px 15px;
  width: 40px; }

#one-love {
  left: 1px; }

#longs {
  left: 196px; }

#shorts {
  left: 155px; }

#sharps {
  left: 114px; }

#sayings {
  left: 73px; }

#longs:hover,
#one-love:hover,
#shorts:hover,
#sayings:hover,
#sharps:hover,
#longs:hover {
  background-color: #7FDBFF !important;
  opacity: 0.9; }

#fp-nav,
#longs,
#sayings,
#shorts,
#sharps,
#one-love {
  bottom: 29px; }

#actions a {
  color: #ccc;
  display: block; }

#moveUp,
#moveDown,
.fp-prev,
.fp-next {
  border-right: 10px solid rgba(0, 0, 0, 0.5);
  border-bottom: 10px solid rgba(0, 0, 0, 0.5);
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-color: #fff; }

#moveUp,
#moveDown {
  background-color: #7FDBFF !important;
  position: absolute;
  bottom: 15px;
  right: 30px;
  z-index: 99999;
  opacity: 1; }

#moveUp:hover {
  transform: rotate(43deg);
  transition: all 0.5s ease; }

#moveDown:hover {
  transform: rotate(-137deg);
  transition: all 0.5s ease; }

.fp-prev,
.fp-next {
  background-color: orange !important; }

.fp-next:hover {
  transform: rotate(134deg); }

.fp-prev:hover {
  transform: rotate(-48deg); }

#moveUp {
  transform: rotate(-138deg);
  transition: all 0.5s ease;
  bottom: 64px;
  position: absolute;
  right: 34px; }

#moveDown {
  transform: rotate(-318deg);
  transition: all 0.5s ease;
  right: 33px;
  bottom: 35px;
  background-color: #fff; }

.fp-prev {
  transform: rotate(-228deg);
  transition: all 0.5s ease;
  right: 48px;
  position: absolute;
  bottom: 49px; }

.fp-next {
  transform: rotate(-48deg);
  transition: all 0.5s ease;
  right: 19px;
  bottom: 50px;
  background-color: #fff; }

.fp-slidesNav a span,
.fp-slidesNav a.active span {
  background-color: orange !important; }

#fp-nav ul li a span,
#fp-nav ul li a.active span {
  border-top: 2px solid #7FDBFF !important; }

#fp-nav ul li {
  margin: 7px !important;
  height: 8px !important; }

@media only screen and (max-width: 768px) {
  .content {
    width: 90%; }

  #onepage section:nth-child(4) .slide .content {
    padding-bottom: 120px; }

  #section #doing .content {
    width: 50% !important; }

  #section #doing .saying {
    width: 80%; } }
@media only screen and (min-width: 769px) {
  .content {
    width: 40%; }

  #longs, #shorts, #sayings, #sharps {
    font-size: 2em;
    bottom: 0px;
    height: 36px;
    bottom: 29px; } }
@media only screen and (max-width: 448px) {
  h1 {
    font-size: 151%;
    font-weight: normal; } }
#onepage section:nth-child(1) .slide .content h1,
#onepage section:nth-child(2) .slide .content h1 {
  margin-bottom: 0px !important; }

.blue {
  background-color: #7FDBFF !important; }

#one-love,
#shorts,
#sayings,
#sharps,
#longs,
.content,
.content h1,
.L, .R {
  transition: all 1.5s ease; }

#section h1,
#section3 h1 {
  margin: 0;
  font-weight: normal; }

.by {
  color: orange; }

#doing {
  background-position: inherit; }

.indi-dots {
  width: 80%;
  margin: 0 10% !important; }

.indi-dots ul {
  white-space: nowrap;
  overflow: auto;
  overflow-y: hidden;
  overflow-x: hidden;
  float: left;
  width: 100%;
  display: block; }

.L:hover,
.R:hover {
  background: orange none repeat scroll 0% 0%;
  opacity: 0.1; }

.L, .R {
  height: 28px;
  bottom: 0px;
  width: 10%;
  position: absolute;
  z-index: 10;
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%; }

.L {
  left: 0; }

.R {
  right: 0; }

#doing {
  background-image: url(media/img/62dd93bb2c735b2c4b2cf41e6fbf7ae0.jpg); }

#saying {
  background-image: url(media/img/love-from-the-021-1.jpg); }

#can-you-dig {
  background-image: url(media/img/love-from-the-021-2-1.jpg); }

#same-witch-different-bitch {
  background-image: url(media/img/love-from-the-021-2-135.jpg); }

#the-ashes {
  background-image: url(media/img/love-from-the-021-2-3.jpg); }

#cordless {
  background-image: url(media/img/love-from-the-021-2-4.jpg); }

#henosis {
  background-image: url(media/img/love-from-the-021-2-49.jpg); }

#true-story {
  background-image: url(media/img/love-from-the-021-2-11.jpg); }

#the-somethingverse {
  background-image: url(media/img/love-from-the-021-2-26.jpg); }

#volition {
  background-image: url(media/img/love-from-the-021-2-12.jpg); }

#create-love {
  background-image: url(media/img/love-from-the-021-2-102.jpg); }

#a-day-to-remember {
  background-image: url(media/img/love-from-the-021-2-13.jpg); }

#truth-be-told {
  background-image: url(media/img/love-from-the-021-2-14.jpg); }

#the-beast {
  background-image: url(media/img/love-from-the-021-2-21.jpg); }

#bated-breath {
  background-image: url(media/img/love-from-the-021-2-22.jpg); }

#onelove {
  background-image: url(media/img/love-from-the-021-2-35.jpg); }

#dream-lover {
  background-image: url(media/img/love-from-the-021-2-44.jpg); }

#right-where-you-are {
  background-image: url(media/img/love-from-the-021-2-29.jpg); }

#dreams-do-come-through {
  background-image: url(media/img/love-from-the-021-2-48.jpg); }

#a-wave-of-smiles {
  background-image: url(media/img/love-from-the-021-2-52.jpg); }

#cut-out-the-middle-man {
  background-image: url(media/img/love-from-the-021-2-39.jpg); }

#your-turn {
  background-image: url(media/img/love-from-the-021-2-50.jpg); }

#my-other-me {
  background-image: url(media/img/love-from-the-021-2-42.jpg); }

#one-now {
  background-image: url(media/img/love-from-the-021-2-47.jpg); }

#much-love {
  background-image: url(media/img/love-from-the-021-2-24.jpg); }

#family-ties {
  background-image: url(media/img/love-from-the-021-2-46.jpg); }

#collective-consideration {
  background-image: url(media/img/love-from-the-021-2-43.jpg); }

#old-school {
  background-image: url(media/img/love-from-the-021-2-67.jpg); }

#one-heart {
  background-image: url(media/img/love-from-the-021-2-159.jpg); }

#between {
  background-image: url(media/img/love-from-the-021-2-173.jpg); }

#distractionless {
  background-image: url(media/img/love-from-the-021-2-180.jpg); }

#english-flavoured-water {
  background-image: url(media/img/love-from-the-021-2-158.jpg); }

#air-to-the-throne {
  background-image: url(media/img/love-from-the-021-2-40.jpg); }

#story {
  background-image: url(media/img/love-from-the-021-2-10.jpg); }

#onesies {
  background-image: url(media/img/love-from-the-021-2-154.jpg); }

#in-tonights-headlines {
  background-image: url(media/img/love-from-the-021-2-185.jpg); }

#miss-understanding {
  background-image: url(media/img/love-from-the-021-2-188.jpg); }

#conviction {
  background-image: url(media/img/love-from-the-021-2-5.jpg); }

#permission {
  background-image: url(media/img/love-from-the-021-2-20.jpg); }

#happening {
  background-image: url(media/img/love-from-the-021-2-31.jpg); }

#deep {
  background-image: url(media/img/love-from-the-021-2-8.jpg); }

#natural {
  background-image: url(media/img/love-from-the-021-2-23.jpg); }

#cleanse {
  background-image: url(media/img/love-from-the-021-2-15.jpg); }

#life {
  background-image: url(media/img/love-from-the-021-2-19.jpg); }

#mind {
  background-image: url(media/img/love-from-the-021-2-30.jpg); }

#whole {
  background-image: url(media/img/love-from-the-021-2-33.jpg); }

#becomes {
  background-image: url(media/img/love-from-the-021-2-32.jpg); }

#energy {
  background-image: url(media/img/love-from-the-021-2-55.jpg); }

#i-and-i {
  background-image: url(media/img/love-from-the-021-2-41.jpg); }

#free {
  background-image: url(media/img/love-from-the-021-2-57.jpg); }

#feed {
  background-image: url(media/img/love-from-the-021-2-45.jpg); }

#love {
  background-image: url(media/img/love-from-the-021-2-37.jpg); }

#oneness {
  background-image: url(media/img/love-from-the-021-2-90.jpg); }

#reason {
  background-image: url(media/img/love-from-the-021-2-174.jpg); }

#created {
  background-image: url(media/img/love-from-the-021-2-64.jpg); }

#shaped {
  background-image: url(media/img/love-from-the-021-2-125.jpg); }

#wisdom {
  background-image: url(media/img/love-from-the-021-2-82.jpg); }

#death {
  background-image: url(media/img/love-from-the-021-2-116.jpg); }

#believe {
  background-image: url(media/img/love-from-the-021-2-103.jpg); }

#creativity {
  background-image: url(media/img/love-from-the-021-2-87.jpg); }

#human {
  background-image: url(media/img/love-from-the-021-2-149.jpg); }

#earth {
  background-image: url(media/img/love-from-the-021-2-157.jpg); }

#say {
  background-image: url(media/img/love-from-the-021-2-186.jpg); }

#freedom {
  background-image: url(media/img/love-from-the-021-2-167.jpg); }

#remember {
  background-image: url(media/img/love-from-the-021-2-187.jpg); }

.overview {
  display: none;
  text-align: justify !important;
  position: fixed;
  top: 0;
  left: 0; }

.overview .slide {
  width: 100px;
  display: inline-block;
  vertical-align: top; }

.overview .slide .content h1,
.overview .slide .content p {
  display: none !important; }

.overview:after {
  content: "";
  width: 100%;
  display: inline-block; }

.b {
  font-weight: bold; }

.i {
  font-style: italic; }

.uc {
  text-transform: uppercase; }

.grey {
  color: #ccc; }

/*# sourceMappingURL=one.css.map */