/* Background && Buttons Colors: */
/* Text Colors: */
/* The Old Creation (#1) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-82-58a0aa98"] */
.slide[data-cid=slide-82-58a0aa98] .leftControl-82,
.slide[data-cid=slide-82-58a0aa98] .rightControl-82 {
  position: absolute;
  top: 50%;
  margin-top: -56px;
  margin-left: -60px;
  cursor: pointer;
  transition: 0.35s;
}
.slide[data-cid=slide-82-58a0aa98] .leftControl-82 svg,
.slide[data-cid=slide-82-58a0aa98] .rightControl-82 svg {
  width: 29px;
  height: 56px;
}
.slide[data-cid=slide-82-58a0aa98] .leftControl-82:hover, .slide[data-cid=slide-82-58a0aa98] .leftControl-82:active,
.slide[data-cid=slide-82-58a0aa98] .rightControl-82:hover,
.slide[data-cid=slide-82-58a0aa98] .rightControl-82:active {
  opacity: 0.3;
}
@media (max-width: 768px) {
  .slide[data-cid=slide-82-58a0aa98] .leftControl-82,
  .slide[data-cid=slide-82-58a0aa98] .rightControl-82 {
    display: none;
  }
}
.slide[data-cid=slide-82-58a0aa98] .rightControl-82 {
  right: 0;
  margin-right: -60px;
}

/* The Non-Gods (#3) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-88-e032cdbd"] */
.slide[data-cid=slide-88-e032cdbd] .quoteBubble {
  padding: 7%;
  background: #fff;
  border-radius: 6px;
  color: #202020;
  position: relative;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.1);
}
.slide[data-cid=slide-88-e032cdbd] .quoteBubble:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 6%;
  border-width: 13px 13px 0;
  border-style: solid;
  border-color: #fff transparent;
  display: block;
  width: 0;
}
.slide[data-cid=slide-88-e032cdbd] .quoteBubble:before {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 6%;
  border-width: 13px 13px 0;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.2) transparent;
  display: block;
  width: 0;
}

/* Aaray (#6) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-26-362b0072"] */
.slide[data-cid=slide-26-362b0072] .icon-26 {
  margin-right: 4px;
}
.slide[data-cid=slide-26-362b0072] .app-26 {
  width: 70px;
  position: absolute;
  left: 0;
}
.slide[data-cid=slide-26-362b0072] .text-26 {
  margin-left: 95px;
  margin-top: 35px;
}
@media (min-width: 1024px) {
  .slide[data-cid=slide-26-362b0072] .text-26 {
    max-width: 360px;
  }
}
.slide[data-cid=slide-26-362b0072] .cell-26 {
  margin-top: 22px;
}
@media (min-width: 1024px) {
  .slide[data-cid=slide-26-362b0072] .cell-26 {
    padding-bottom: 40px;
  }
}

/* Claria (#9) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-74-ef462af5"] */
.slide[data-cid=slide-74-ef462af5] .box-74 {
  color: #202020;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.1);
  display: block;
  outline: none;
  margin-bottom: 25px;
  -webkit-backface-visibility: hidden;
}
.slide[data-cid=slide-74-ef462af5] .box-74:hover {
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  opacity: 0.95;
}
.slide[data-cid=slide-74-ef462af5] .box-74 .name-74 {
  padding: 20px 20px 30px 20px;
  background: #FFFFFF;
  border-radius: 0 0 6px 0;
}
.slide[data-cid=slide-74-ef462af5] .box-74 .thumbnail-74 {
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.slide[data-cid=slide-74-ef462af5] .box-74 .thumbnail-74 img {
  border-radius: 6px 6px 0 0;
  transition: 0.5s;
}

/* Orius (#10) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-07-fc323df1"] */
.slide[data-cid=slide-07-fc323df1] .button.play.button-7 {
  margin: 0 20px;
}
@media (max-width: 1099px) {
  .slide[data-cid=slide-07-fc323df1] .button.play.button-7 {
    display: block;
    margin: 30px auto;
  }
}

/* Ceredity (#11) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-33-1c9534ac"] */
@media (min-width: 1024px) {
  .slide[data-cid=slide-33-1c9534ac] .ipad-33 {
    margin: -10% 0px -115%;
    max-width: none;
  }
}
@media (max-width: 1023px) {
  .slide[data-cid=slide-33-1c9534ac] .cell-33 {
    padding-bottom: 40px;
  }
}

/* Romaxlianus (#13) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-29-ff33b435"] */
@media (min-width: 768px) {
  .slide[data-cid=slide-29-ff33b435] .iphone-29 {
    margin-top: -228px;
    margin-bottom: -228px;
  }
}
@media (max-width: 767px) {
  .slide[data-cid=slide-29-ff33b435] .cell-29 {
    padding-bottom: 35px;
  }
}

/* Marion and Maria (#14) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-42-6a6b2d0f"] */
.slide[data-cid=slide-42-6a6b2d0f] .form-42 {
  max-width: 500px;
  margin: 0 auto;
}
@media (min-width: 1024px) {
  .slide[data-cid=slide-42-6a6b2d0f] .form-42 .form-42-input-1 input {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .slide[data-cid=slide-42-6a6b2d0f] .form-42 .form-42-input-2 input {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    position: relative;
    left: -1px;
  }
}

/* Sirius (#15) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-09-350a5bdb"] */
@media (max-width: 1334px) {
  .slide[data-cid=slide-09-350a5bdb] form.slides-form .input-9,
  .slide[data-cid=slide-09-350a5bdb] form.slides-form .button-9 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px;
    width: 300px;
  }
}

/* Yvelda (#16) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-05-c039bf96"] */
.slide[data-cid=slide-05-c039bf96] .iphone-5 {
  margin: 0 0 -129%;
}