@charset "UTF-8";

html,
body {
  margin: 0;
  padding: 0;
}

html,
body {
  -webkit-font-smoothing: antialiased;
  /*margin-bottom: 60px;*/
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  color: #131313;
}

body {
  width: 100%;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-x: hidden;
}

body.overflow-hidden {
  overflow: hidden;
  height: 100%;
}

.hero {
  overflow: hidden;
  position: relative;
}

.vh100 {
  height: 100vh;
}

.min-vh100 {
  min-height: 100vh;
}

.min-vh100-forMenu {
  min-height: calc(100vh - 76px);
  margin-top: 76px;
}

@media only screen and (min-width: 1200px) {
  .min-vh100-forMenu {
    min-height: calc(100vh - 120px);
    margin-top: 120px;
  }
}

.vw100 {
  width: 100vw;
}

.paddingForMenu {
  padding-top: 76px;
}

@media only screen and (min-width: 1200px) {
  .paddingForMenu {
    padding-top: 120px;
  }
}

.marginForMenu {
  margin-top: 76px;
}

@media only screen and (min-width: 1200px) {
  .marginForMenu {
    margin-top: 120px;
  }
}

.clearMarginMenuMobile {
  margin-top: 0px;
}

@media only screen and (min-width: 1200px) {
  .clearMarginMenuMobile {
    margin-top: unset;
  }
}

.carousel-control-prev,
.carousel-control-next {
  z-index: 4;
}

@media only screen and (min-width: 1200px) {
  .marginForMenu {
    margin-top: 120px;
  }
}

.preloadContainer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1800;
  background: #001689 !important;
  color: white;
}

.heroVideoContainer {
  overflow: hidden;
  z-index: -2;
  transform: translateZ(0);
  -webkit-transform-style: preserve-3d;
  position: absolute;
  top: 0;
  left: 0;
}

.hero-home.amita-motion-home .carousel .content {
  z-index: 3;
}

@media only screen and (max-height: 800px) {
  .hero-home.amita-motion-home .carousel .content {
    padding-top: 90px !important;
  }
}

/*Large devices*/

@media only screen and (min-width: 1200px) and (max-height: 800px) {
  .hero-home.amita-motion-home .carousel .content {
    padding-top: 135px !important;
  }
}

.hero-home.amita-motion-home .heroVideoContainer {
  z-index: auto;
  position: relative;
}

.heroVideoContainer.mask {
  -webkit-clip-path: url(#mask);
  clip-path: url(#mask);
}

.heroVideoContainer video {
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  background: #000;
  pointer-events: none;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  width: 100%;
}

.video-placer {
  width: 100%;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
}

.hero .logoContainer {
  z-index: 2;
  position: relative;
  margin: 0 auto;
  display: flex;
  align-items: center;
  -webkit-clip-path: url(#mask);
  clip-path: url(#mask);
}

.hero .logoContainer .logoContainerInner {
  width: 100%;
  position: relative;
  padding: 0 15px;
}

.hero .logoContainer .logoContainerInner img {
  max-width: 100%;
}

@media only screen and (max-width: 768px) and (orientation: landscape) {
  .hero .logoContainer .logoContainerInner img {
    max-width: 320px;
  }
}

.imageRight {
  max-width: 790px;
}

.valitsa-content .valitsa-mobile {
  max-width: 1000px;
  height: auto;
  padding: 0 35px;
}

.valitsa-content .valitsa-desktop {
  max-width: 1580px;
  margin: auto;
  padding: 0 35px;
  position: relative;
  z-index: 2;
}

.backgroundElementColor {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009fe3+1,001689+100 */
  background: #009fe3;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #009fe3 1%, #001689 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#009fe3", endColorstr="#001689",GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}

.skin-black .backgroundElementColor {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009fe3+1,001689+100 */
  background: #000000;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #101010 1%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#101010", endColorstr="#000000",GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}

.backgroundElementColor.static {
  position: fixed;
  z-index: -3;
  overflow: hidden;
}

.svgContainer {
  position: absolute;
  z-index: 1;
  overflow: hidden;
}

.svgHelper {
  position: absolute;
  top: calc(50vh - 540px);
  left: calc(50vw - 540px);
  width: 1080px;
  height: 1080px;
  opacity: 0;
}

#svgLayer {
  position: relative;
}

.scrollDownIndicator {
  max-width: 480px;
  min-width: 320px;
  width: 100%;
  position: fixed;
  bottom: 0;
  right: 0;
  height: 94px;
  display: flex;
  z-index: 10;
  align-items: flex-end;
  pointer-events: none;
}

.scrollDownIndicator img {
  max-width: 100%;
  position: relative;
}

.section .title {
  width: 100%;
}

.section .title img {
  max-width: 100%;
}

.hero-home .slick-list {
  height: 100%;
}

.hero-home .slick-list .slick-track {
  height: 100%;
}

.hero-home .slick-list .slick-track .slick-slide > div {
  height: 100%;
}

.hero-home .carousel-inner .carousel-item {
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}

.mh-750 {
  min-height: 750px;
}

.hero-home .carousel-inner .carousel-item .logo img {
  max-width: 150px;
  width: 100%;
}

.music .logo img {
  width: 100%;
}

@media only screen and (max-width: 576px) and (orientation: landscape) {
  .music .logo img {
    max-width: 450px;
    width: 100%;
  }
}

@media only screen and (min-width: 576px) {
  .hero-home .carousel-inner .carousel-item .logo img,
  .music .logo img {
    max-width: 450px;
  }
}

@media only screen and (min-width: 768px) {
  .hero-home .carousel-inner .carousel-item .logo img,
  .music .logo img {
    max-width: 650px;
  }
}

@media only screen and (min-width: 992px) {
  .hero-home .carousel-inner .carousel-item .logo img,
  .music .logo img {
    max-width: 650px;
  }
}

@media only screen and (min-height: 1200px) {
  .hero-home .carousel-inner .carousel-item .logo img,
  .music .logo img {
    max-width: 650px;
  }
}

@media only screen and (min-width: 320px) and (max-width: 480px) and (max-height: 400px) {
  .amita-motion-home .carousel-indicators {
    display: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 800px) and (orientation: landscape) {
  .hero-home .carousel-inner .carousel-item .logo img {
    max-width: 90px;
  }

  .hero-home .carousel-inner .carousel-item .text {
    font-size: 16px !important;
    line-height: 19px !important;
  }

  .amita-motion-home .carousel-indicators {
    display: none;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {
  .hero-home .carousel-inner .carousel-item .logo img {
    max-width: 450px;
  }
}

.hero-home .carousel .carousel-indicators {
  margin-bottom: 0;
  bottom: 6%;
}

@media only screen and (min-width: 576px) {
  .hero-home .carousel .carousel-indicators {
    bottom: 8%;
  }
}

.carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  cursor: pointer;
}

.carousel-control-prev,
.carousel-control-next {
  bottom: 10%;
  top: unset;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-image: none;
}

.hero-home .moreButContainer {
  z-index: 2;
  position: relative;
}

.moreButContainer {
  position: relative;
  z-index: 3;
}

@media only screen and (max-width: 576px) and (orientation: landscape) {
  .hero-home .carousel-inner .carousel-item .logo {
    padding-bottom: 10px !important;
    padding-bottom: 0 !important;
  }

  .hero-home .carousel-inner .carousel-item .logo img {
    width: 90px;
  }

  .hero-home .carousel-inner .carousel-item .text {
    padding: 0 20px !important;
  }

  .moreButContainer {
    padding-top: 10px !important;
  }

  .carousel-indicators {
    bottom: 4%;
  }
}

.rotate {
  transform: rotate(-10deg);
}

#hero-home .carousel.slide .eqzer {
  z-index: 1;
}

.slider-counter {
  position: relative;
  padding-bottom: 35%;
}

@media only screen and (min-width: 576px) {
  .slider-counter {
    position: relative;
    padding-bottom: 5%;
  }
}

@media only screen and (min-width: 1200px) {
  .slider-counter {
    position: absolute;
    bottom: 13%;
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 576px) {
  .slider-counter .counterContent .number {
    font-size: 19px;
    line-height: 26px;
  }

  .slider-counter .counterContent .text {
    font-size: 11px !important;
    line-height: 8px !important;
  }
}

@media only screen and (max-width: 576px) and (orientation: landscape) {
  .hero-home .carousel-inner .carousel-item .slider-counter .counterContent .text {
    padding: 0 0 !important;
  }
}

@media only screen and (min-width: 576px) {
  .slider-counter .counterContent .number {
    font-size: 36px;
    line-height: 15px;
  }

  .slider-counter .counterContent .text {
    font-size: 13px !important;
    line-height: 9px !important;
  }
}

@media only screen and (min-width: 768px) {
  .slider-counter .counterContent .number {
    font-size: 30px;
    line-height: 14px;
  }

  .slider-counter .counterContent .text {
    font-size: 11px !important;
    line-height: 5px !important;
  }
}

@media only screen and (min-width: 992px) {
  .slider-counter .counterContent .number {
    font-size: 57px;
    line-height: 15px;
  }

  .slider-counter .counterContent .text {
    font-size: 12px !important;
    line-height: 18px !important;
  }
}

@media only screen and (min-width: 1200px) {
  .slider-counter .counterContent .number {
    font-size: 28px;
    line-height: 29px;
  }

  .slider-counter .counterContent .text {
    font-size: 12px !important;
    line-height: 39px !important;
  }
}

@media only screen and (min-width: 1500px) {
  .slider-counter .counterContent .number {
    font-size: 32px;
    line-height: 16px;
  }

  .slider-counter .counterContent .text {
    font-size: 10px !important;
    line-height: 0px !important;
  }
}

@media only screen and (min-width: 1700px) {
  .slider-counter .counterContent .number {
    font-size: 53px;
    line-height: 11px;
  }

  .slider-counter .counterContent .text {
    font-size: 11px !important;
    line-height: 32px !important;
  }
}

footer {
  background-color: #302884;
}

footer button.btn {
  margin-top: 0;
  margin-bottom: 60px;
}

footer ul li {
  position: relative;
  display: block;
}

@media only screen and (min-width: 1200px) {
  footer ul li {
    display: inline;
  }
}

footer ul.links {
  margin-bottom: 30px;
  padding: 0;
}

@media only screen and (min-width: 1200px) {
  .dotLinks:before {
    content: "";
    position: absolute;
    height: 6px;
    width: 6px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    bottom: calc(50% - 5px);
    right: -6px;
    cursor: default;
  }
}

.music-footer ul li {
  line-height: 23px;
}

@media only screen and (min-width: 1200px) {
  .music-footer ul li {
    line-height: 40px;
  }
}

.music-footer ul li:last-child:before {
  display: none;
}

.split .content {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 120px;
  padding-bottom: 120px;
}

@media only screen and (min-width: 1200px) {
  .split .content {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.split .content img {
  width: 100%;
  max-width: 350px;
}

@media only screen and (min-width: 576px) {
  .split .content img {
    max-width: 550px;
  }
}

@media only screen and (min-width: 1400px) {
  .split .content img {
    max-width: 850px;
  }
}

.split .content .moreButContainer {
  padding-bottom: 0;
  margin-bottom: -64px;
}

@media only screen and (min-width: 1200px) {
  .split .content .moreButContainer {
    padding-bottom: 35%;
  }
}

.split .centerContent img {
  width: 100%;
  padding: 0 25px;
}

.split.artists .carousel-indicators {
  visibility: visible;
}

.split.artists .widthLogo {
  width: 95%;
}

@media only screen and (min-width: 576px) {
  .split.artists .widthLogo {
    width: 75%;
  }
}

@media only screen and (max-width: 992px) and (max-height: 375px) {
  .split.artists .widthLogo {
    width: 50%;
  }

  .split.artists .widthLogo p {
    padding-top: 0 !important;
  }
}

@media only screen and (min-width: 1200px) {
  .split .centerContent img {
    width: auto;
    padding: 0;
  }

  .split.artists .carousel-inner {
    max-width: 100%;
  }

  .split.artists .carousel-inner > div {
    width: 50%;
    display: inline-block;
    float: left;
  }

  .split.artists .carousel-indicators {
    visibility: hidden;
  }
}

.split.artists .content {
  height: 100vh;
}

.soon .content img {
  width: 100%;
  padding: 0 5%;
}

@media only screen and (min-width: 576px) {
  .soon .content img {
    padding: 0 15%;
  }
}

@media only screen and (min-width: 1200px) {
  .soon .content img {
    max-width: 1260px;
    margin: auto;
    padding: 0 5%;
  }
}

@media only screen and (min-width: 1400px) {
  .soon .content img {
    padding: 0;
  }
}

.blue-fasa:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 25%;
  top: 0;
  left: 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#001689+0,7db9e8+100&0.75+1,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 22, 137, 0.75) 0%, rgba(1, 24, 138, 0.75) 1%, rgba(125, 185, 232, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#bf001689", endColorstr="#007db9e8",GradientType=0 );
  /* IE6-9 */
  z-index: 1;
}

.blue-fasa:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 25%;
  bottom: 0;
  left: 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7db9e8+0,001689+100&0+0,0.75+99 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(1, 24, 138, 0.75) 99%, rgba(0, 22, 137, 0.75) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#007db9e8", endColorstr="#bf001689",GradientType=0 );
  /* IE6-9 */
  z-index: 1;
}

.blue-radial {
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, rgba(0, 22, 137, 0.8) 0%, rgba(255, 255, 255, 0) 53%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#cc001689", endColorstr="#00ffffff",GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
}

@media only screen and (min-width: 1200px) {
  .blue-radial:before {
    width: 960px;
    height: 960px;
    top: calc(50% - 480px);
    left: calc(50% - 480px);
  }
}

.fasa-radial {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.fasa-radial img {
  width: 50%;
  height: 50%;
}

.fasa-radial:before {
  content: "";
  position: absolute;
  width: 20%;
  height: 20%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#001689+0,001689+67&0.75+1,0+66 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, rgba(0, 22, 137, 0.75) 0%, rgba(0, 22, 137, 0.75) 1%, rgba(0, 22, 137, 0) 66%, rgba(0, 22, 137, 0) 67%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#bf001689", endColorstr="#00001689",GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */
  z-index: 1;
}

.hero-music,
.hero-join-the-clip {
  position: relative;
}

.hero-music.music .row .content,
.hero-landing .row.content,
.hero-join-the-clip.music .row .content,
.hero-landing .row.content {
  z-index: 2;
}

.hero-music .moreButContainer {
  position: relative;
  z-index: 2;
}

.anim {
  transition: opacity 0.6s ease-in-out;
}

.pack-small,
.pack-big,
.kapaki-big,
.kapaki-small {
  transition: opacity ease 1s;
}

.kapaki-small,
.pack-small {
  transition: -webkit-filter ease 1s;
}

.an-el {
  opacity: 1 !important;
}

#hitlist_packs p {
  font-family: "CeraPro-Bold", sans-serif;
  color: white;
  font-size: 0.9em;
}

@media only screen and (min-width: 992px) {
  #hitlist_packs p {
    font-size: 1.2em;
  }
}

#faq .card {
  border: none;
  background-color: transparent;
}

#faq h5 {
  font-family: "CeraProBlackItalic", sans-serif;
  border-bottom: 3px solid #009fe3;
  position: relative;
  cursor: pointer;
  transition: all ease 0.25s;
  color: white;
  font-size: 22px;
  padding: 2vh 0;
  padding-right: 50px;
}

@media only screen and (min-width: 992px) {
  #faq h5 {
    font-family: "CeraProBlackItalic", sans-serif;
    border-bottom: 3px solid #009fe3;
    position: relative;
    cursor: pointer;
    transition: all ease 0.25s;
    color: white;
    font-size: 24px;
    padding: 2vh 0;
  }
}

#faq h5:hover {
  color: #ffeb00;
  border-bottom: 3px solid #ffeb00;
}

#faq .active h5 {
  color: #ffeb00;
}

#faq .card-header.active h5::before {
  border: 2px solid #ffeb00;
}

#faq .card-header.active h5::after {
  color: #ffeb00;
}

#faq .card-header.active h5 {
  border-bottom: 3px solid #ffeb00;
}

#faq h5::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\F107";
  position: absolute;
  right: 13px;
  top: 23px;
  color: #ffa400;
}

@media only screen and (min-width: 992px) {
  #faq h5::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\F107";
    position: absolute;
    right: 12px;
    top: 23px;
    color: #ffa400;
  }
}

#faq h5::before {
  content: " ";
  position: absolute;
  right: 0px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #ffa400;
  top: 15px;
}

#faq button.btn.btn-link {
  color: white;
  font-size: 1.2em;
  text-decoration: none;
}

#faq .card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: transparent;
  border: none;
}

#faq .card-body {
  font-size: 1em;
  color: #20cbd4;
}

#faq {
  font-family: "CeraPro-Bold", sans-serif;
  padding: 15vh 0;
}

#faq button.accordion {
  font-family: "CeraPro-Bold", sans-serif;
  font-size: 1.2em;
  color: white;
  background: transparent;
  position: relative;
}

#faq .panel {
  font-size: 1em;
  color: #20cbd4;
}

.redemptionWrapper {
  border: 3px solid white;
  border-radius: 50%;
  height: 100%;
  width: 100%;
}

#surprise .left-side img {
  max-width: 878px;
  width: 100%;
}

#surprise .left-side {
  padding-top: 200px;
}

@media only screen and (max-width: 576px) and (orientation: landscape) {
  #surprise .left-side {
    padding-top: 260px;
  }
}

@media only screen and (min-width: 576px) {
  #surprise .left-side {
    padding-top: 160px;
  }
}

@media only screen and (min-width: 768px) {
  #surprise .left-side {
    padding-top: 80px;
  }
}

.beat.vh100 {
  height: auto;
}

@media only screen and (min-width: 576px) {
  .beat.vh100 {
    height: 100vh;
  }
}

.beat {
  background-repeat: no-repeat;
  background-size: cover;
}

.beat .logo img {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .beat .logo img {
    width: auto;
  }
}

.eq-img {
  display: block;
}

.equalizerDisplay {
  display: none;
}

.moreButContainer .sound button {
  border: 2px solid #fff;
  width: 300px;
  height: 100px;
  border-radius: 15px;
  margin: auto;
  background: transparent;
}

.moreButContainer .sound button:hover {
  border: 2px solid #ffed00;
}

.moreButContainer .sound button:active {
  border: 2px solid #ffed00;
}

.moreButContainer .sound button:visited {
  border: 2px solid #ffed00;
}

.moreButContainer .sound button:focus {
  outline: none;
  outline: none;
}

.placeVideoOnClick {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.beat.left .rightButtonVideo {
  opacity: 0;
}

.beat.left .leftButtonVideo {
  opacity: 1;
}

.beat.left .right .eq-img {
  display: block;
}

.beat.left .right .equalizerDisplay {
  display: none;
}

.beat.left .left .eq-img {
  display: none;
}

.beat.left .left .equalizerDisplay {
  display: inline-block;
}

.beat.right .leftButtonVideo {
  opacity: 0;
}

.beat.right .rightButtonVideo {
  opacity: 1;
}

.beat.right .left .eq-img {
  display: block;
}

.beat.right .left .equalizerDisplay {
  display: none;
}

.beat.right .right .eq-img {
  display: none;
}

.beat.right .right .equalizerDisplay {
  display: inline-block;
}

.pTop {
  padding-top: 50px;
}

@media only screen and (min-width: 992px) {
  .pTop {
    padding-top: 150px;
  }
}

.footerPadding {
  padding: 60px 0;
}

.blue-bg {
  background-color: #122b7b;
}

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

.content {
  padding-top: 50px;
  padding-bottom: 50px;
}

.butJoinText {
  font-family: "CeraProBlackItalic", sans-serif;
  color: white;
  font-size: 18px;
  display: inline-block;
  width: 300px;
  text-align: center;
}

.beat.right .butJoinText.right,
.beat.left .butJoinText.left {
  color: #ffed00;
}

.fix-full-height {
  height: auto;
}

@media only screen and (min-width: 1200px) and (min-height: 800px) {
  .fix-full-height {
    height: calc(100vh - 120px);
  }
}

.fix-full-height-NO-menu {
  height: auto;
}

@media only screen and (min-width: 1200px) {
  .fix-full-height-NO-menu {
    height: 100vh;
  }
}

.mw-700 {
  max-width: 700px;
}

.mw-650 {
  max-width: 650px;
}

.mw-250 {
  max-width: 250px;
}

.mw-240 {
  max-width: 240px;
}

.mw-300 {
  max-width: 300px;
}

.mw-570 {
  max-width: 570px;
}

.mw-450 {
  max-width: 450px;
}

.mw-1200 {
  max-width: 1200px;
}

.mw-150 {
  max-width: 150px;
}

@media only screen and (min-width: 576px) {
  .mw-150 {
    max-width: 100%;
  }
}

#rightContainer {
  order: unset;
}

@media only screen and (min-width: 1200px) {
  #rightContainer {
    order: 2;
  }
}

.melody {
  background-repeat: no-repeat;
  background-size: cover;
}

#melody1 {
  background: url(/assets/cc3e/amita-motion/images/melody1.jpg?5ff38038c0a9ad194cce84a5da5282ad) center center;
  background-size: cover;
  height: 350px;
  border-radius: 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

#melody2 {
  background: url(/assets/cc3e/amita-motion/images/melody2-opacity.png?1e278c0db8ba38c672af40ac1818aeb0) center center;
  height: 250px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#melody3 {
  background: url(/assets/cc3e/amita-motion/images/melody2.jpg?6fcec8c899c64b5348bd73a6994dc7ae) center center;
  height: 250px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#melody4 {
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#melody5 {
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#melody6 {
  background: url(/assets/cc3e/amita-motion/images/melody-foureira.png?30a72b2ccd4ff05b59dcd7d9426ff74d) center center;
  background-size: cover;
  height: 350px;
  border-radius: 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

#join-the-melody-winners {
  font-family: "CeraPro-Bold", sans-serif;
}

ul.melody-winners {
  list-style: none;
  padding-left: 0px;
}

ul.melody-winners li {
  border-bottom: 3px solid #009fe3;
  color: white;
  text-decoration: none;
  font-size: 16px;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

@media only screen and (min-width: 992px) {
  ul.melody-winners li {
    font-size: 20px;
  }
}

@media only screen and (min-width: 992px) {
  #melody1 {
    height: 400px;
  }

  #melody2 {
    height: 320px;
  }

  #melody3 {
    height: 320px;
  }

  #melody4 {
    height: 20px;
  }

  #melody5 {
    height: 20px;
  }

  #melody6 {
    height: 500px;
  }
}

p.join-the-melody {
  font-family: "CeraPro-Bold", sans-serif;
  color: white;
  font-size: 1em;
}

#counters-melody {
  color: white;
}

#join-the-melody span.blue {
  color: #20cbd4;
}

#join-the-melody span {
  font-family: "CeraProBlackItalic", sans-serif;
}

#counters-melody .counterContent .number {
  bottom: -21px;
  line-height: 26px;
}

#counters-melody .counterContent .text {
  bottom: -20px;
}

@media only screen and (min-width: 400px) {
  #counters-melody .counterContent .number {
    font-size: 34px;
  }

  #counters-melody .counterContent .text {
    bottom: -30px;
  }
}

@media only screen and (min-width: 450px) {
  #counters-melody .counterContent .number {
    font-size: 35px;
    line-height: 27px;
  }

  #counters-melody .counterContent .text {
    bottom: -3px;
  }
}

@media only screen and (min-width: 576px) {
  #counters-melody .counterContent .text {
    position: relative;
    font-size: 11px;
    bottom: 4px;
  }
}

@media only screen and (min-width: 768px) {
  #counters-melody .counterContent .number {
    font-size: 27px;
  }

  #counters-melody .counterContent .text {
    font-size: 11px;
    bottom: -7px;
  }
}

@media only screen and (min-width: 992px) {
  p.join-the-melody {
    font-size: 1.2em;
  }

  #counters-melody .counterContent .number {
    font-size: 42px;
    line-height: 14px;
  }

  #counters-melody .counterContent .text {
    font-size: 11px;
    line-height: 0px;
  }
}

@media only screen and (min-width: 1200px) {
  #counters-melody .counterContent .text {
    font-size: 13px;
    line-height: 10px;
  }

  #counters-melody .counterContent .number {
    font-size: 47px;
    line-height: 15px;
  }
}

#video_experience_img {
  background: url(/assets/cc3e/amita-motion/images/melody1.jpg?5ff38038c0a9ad194cce84a5da5282ad) center center;
  background-size: cover;
  height: 350px;
  border-radius: 15px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

p.text-shadow {
  text-shadow: 1px 1px 3px #272727;
}

@media only screen and (min-width: 992px) {
  #video_experience_img {
    height: 400px;
  }
}

.z-index-2 {
  z-index: 2;
}

.z-index-1 {
  z-index: -1;
}

.mtop-4 {
  margin-top: -4%;
}

.mbottom-15 {
  bottom: 1%;
}

.pt-50 {
  padding-top: 50px;
}

@media only screen and (min-width: 1200px) {
  .pt-50 {
    padding-top: 0px;
  }

  .mbottom-15 {
    bottom: 15%;
  }
}

img.lineup {
  border-radius: 20px;
  max-width: 150px;
  border: 3px solid white;
}

/*Large devices*/

@media only screen and (min-width: 992px) {
  img.lineup {
    border-radius: 20px;
    max-width: 210px;
    border: 3px solid white;
  }
}

#ithe-lineup p {
  font-family: "CeraPro-Bold", sans-serif;
  color: white;
  font-size: 22px;
}

.figure-caption {
  font-family: "CeraPro-Bold", sans-serif;
  color: white;
  font-size: 12px;
}

/*Large devices*/

@media only screen and (min-width: 992px) {
  .figure-caption {
    font-family: "CeraPro-Bold", sans-serif;
    color: white;
    font-size: 16px;
  }
}

img.tba {
  border-radius: 15px;
  border: 3px solid white;
}

.carousel.split.artists .carousel-indicators {
  display: none;
}

.carousel.split.artists .carousel-control-prev,
.carousel.split.artists .carousel-control-next {
  display: block;
}

@media only screen and (min-width: 1200px) {
  .carousel.split.artists .carousel-control-prev,
  .carousel.split.artists .carousel-control-next {
    display: none;
  }

  .carousel.split.artists .carousel-item {
    margin-right: auto;
    transition: none;
  }
}

.orange-box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 1fr);
  background: #ffa400;
  border: 6px solid white;
  border-radius: 20px;
}

.seira1,
.seira3 {
  grid-column: 2/5;
}

.seira2 {
  grid-column: 1/4;
}

.seira1 {
  margin-top: -50px;
}

.seira3 {
  position: relative;
  bottom: -50px;
}

#listen-first-kapakia p {
  font-family: "CeraPro-Bold", sans-serif;
  color: white;
  font-size: 18px;
}

@media only screen and (min-width: 992px) {
  #listen-first-kapakia p {
    font-size: 20px;
  }
}

.elements1 {
  display: flex;
  align-items: flex-end;
}

.elements2 {
  display: flex;
  align-items: center;
}

.elements3 {
  display: flex;
  align-items: flex-start;
}

.diagonismos {
  font-family: "CeraPro-Bold", sans-serif;
}

.diagonismos input {
  border: none;
  background: transparent;
  color: white;
  border: 4px solid #009fe3;
  border-radius: 40px;
  transition: all ease 0.35s;
  text-align: center;
  height: 60px;
}

.diagonismos input.form-control {
  color: white;
}

.diagonismos input.codeOutline {
  border: 4px solid #ffa400;
}

.diagonismos input:focus {
  border: 4px solid white;
}

.diagonismos input::-webkit-input-placeholder {
  text-align: center;
  color: white;
}

.diagonismos input::-moz-placeholder {
  text-align: center;
  color: white;
}

.diagonismos input:-ms-input-placeholder {
  text-align: center;
  color: white;
}

.diagonismos input::-ms-input-placeholder {
  text-align: center;
  color: white;
}

.diagonismos input::placeholder {
  text-align: center;
  color: white;
}

.diagonismos input.codeOutline::-webkit-input-placeholder {
  color: #ffed00;
}

.diagonismos input.codeOutline::-moz-placeholder {
  color: #ffed00;
}

.diagonismos input.codeOutline:-ms-input-placeholder {
  color: #ffed00;
}

.diagonismos input.codeOutline::-ms-input-placeholder {
  color: #ffed00;
}

.diagonismos input.codeOutline::placeholder {
  color: #ffed00;
}

.diagonismos .checkbox label {
  color: white;
}

.diagonismos .checkbox a {
  color: #feed00;
}

.submit-wrapper {
  flex-wrap: wrap;
}

/*Large devices*/

@media only screen and (min-width: 992px) {
  .submit-wrapper {
    flex-wrap: nowrap;
  }
}

.white {
  color: #fff !important;
}

/* Breakpoints
-------------------------------------------------- */

/*Small devices */

/*Medium devices*/

/*Large devices*/

/*Extra large devices*/

#gapp {
  overflow-x: hidden;
}

.btn {
  font-family: "CeraProBlackItalic", sans-serif;
  font-size: 17px;
  border-radius: 30px;
  color: white;
  min-width: 250px;
  height: 50px;
  padding-top: 11px;
  text-decoration: none;
  text-align: center;
  transition: all ease 1s;
  cursor: pointer;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
  border: none;
}

.btn:hover {
  color: #ffffff;
  transform: scale(1.04);
  transition: all ease 0.3s;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.4);
}

@media only screen and (min-width: 576px) {
  .btn {
    font-size: 20px;
  }
}

.btn.btn-orange {
  background-image: linear-gradient(#fea30b, #f9820a);
}

.btn.btn-orange span {
  color: #ffed00;
}

.btn.btn-orange:active {
  background-image: linear-gradient(#ffbd01, #f9820a);
  color: #ffffff;
}

.btn.btn-blue {
  background-image: linear-gradient(#20CBD4, #009FE3);
}

.btn.btn-blue span {
  color: #ffed00;
}

.btn.btn-blue:active {
  background-image: linear-gradient(#08EAF0, #009FE3);
  color: #ffffff;
}

.btn.btn-red {
  background: #d50342;
}

.btn.btn-bigger {
  width: 270px;
}

@font-face {
  font-family: "CeraPro-Bold";
  src: url(/assets/cc3e/amita-motion/fonts/CeraPro-Bold.eot?f6ee8066225b9e1141916063643b855e);
  src: local("\263A"), url(/assets/cc3e/amita-motion/fonts/CeraPro-Bold.woff?00ad3a142cb8e2e3923fed68034a2eee) format("woff"), url(/assets/cc3e/amita-motion/fonts/CeraPro-Bold.ttf?5390828f32f017cbe4ee17931d7cbc6d) format("truetype"), url(/assets/cc3e/amita-motion/fonts/CeraPro-Bold.svg?c70c8d320af5d773633456cdcc6c8cb4) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "CeraProBlack";
  src: url(/assets/cc3e/amita-motion/fonts/CeraPro-Black.eot?dc4a7de96166f499cf181d454c4155cd);
  src: local("\263A"), url(/assets/cc3e/amita-motion/fonts/CeraPro-Black.woff?0bc16c18bc83dd00e687b38408d67d76) format("woff"), url(/assets/cc3e/amita-motion/fonts/CeraPro-Black.ttf?4ef08652e784293da29d01786a582a54) format("truetype"), url(/assets/cc3e/amita-motion/fonts/CeraPro-Black.svg?1b35007f0d74f1b2ead26e4230aa93cc) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "CeraProBlackItalic";
  src: url(/assets/cc3e/amita-motion/fonts/CeraProBlackItalic.eot?65f56031c3be937f91577fe4c64e9611);
  src: local("\263A"), url(/assets/cc3e/amita-motion/fonts/CeraProBlackItalic.woff?b5b06f1fa663ea9b5cc7b11b56bed633) format("woff"), url(/assets/cc3e/amita-motion/fonts/CeraProBlackItalic.ttf?64715dae949498ab1e805cca045e7525) format("truetype"), url(/assets/cc3e/amita-motion/fonts/CeraProBlackItalic.svg?11a1419c7e05c6f8834033e19d9098c7) format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "CeraPro-Medium";
  src: url(/assets/cc3e/amita-motion/fonts/CeraPro-Medium.eot?12cb515cf96257eb006975f7ec5c251a);
  src: local("\263A"), url(/assets/cc3e/amita-motion/fonts/CeraPro-Medium.woff?b649fe80c53d28b6efaf791cb8a21606) format("woff"), url(/assets/cc3e/amita-motion/fonts/CeraPro-Medium.ttf?bafc951d7d329580e96345cc473c4d3b) format("truetype"), url(/assets/cc3e/amita-motion/fonts/CeraPro-Medium.svg?56e44ac820d0b3c63920f7a90e54cf8b) format("svg");
  font-weight: normal;
  font-style: normal;
}

.font-italic {
  font-family: "CeraProBlackItalic", sans-serif;
}

.font-bold {
  font-family: "CeraPro-Bold", sans-serif;
}

.font-black {
  font-family: CeraProBlack, sans-serif;
}

.hero-home .carousel-inner .carousel-item .text,
.music .text,
.ithe-text,
.hit-list .text,
.sur .text,
.ftiaxe-valitsa-split .text,
.ithe-2019 .text,
.sound-wave-contest {
  font-family: "CeraPro-Bold", sans-serif;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
}

@media only screen and (min-width: 576px) {
  .hero-home .carousel-inner .carousel-item .text,
  .music .text,
  .ithe-text,
  .hit-list .text,
  .sur .text,
  .ftiaxe-valitsa-split .text,
  .ithe-2019 .text,
  .sound-wave-contest {
    font-size: 22px;
  }
}

@media only screen and (min-width: 768px) {
  .hero-home .carousel-inner .carousel-item .text,
  .music .text,
  .ithe-text,
  .hit-list .text,
  .sur .text,
  .ftiaxe-valitsa-split .text,
  .ithe-2019 .text,
  .sound-wave-contest {
    line-height: 32px;
  }
}

@media only screen and (max-width: 576px) and (orientation: landscape) {
  .hero-home .carousel-inner .carousel-item .text,
  .ithe-text,
  .sound-wave-contest {
    font-size: 14px;
    line-height: 17px;
  }
}

.playmotionContentSquare.threePacks .text {
  font-family: "CeraProBlackItalic", sans-serif;
}

.orange-font {
  color: #ffa400 !important;
}

.blue-font {
  color: #20cbd4 !important;
}

.yellow-font {
  color: #ffed00 !important;
}

.font-size-32 {
  font-size: 32px;
}

.split .content p {
  font-family: "CeraPro-Bold", sans-serif;
  font-size: 22px;
  color: #fff;
}

.split .centerContent p,
.bold-font {
  font-family: "CeraProBlackItalic", sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
}

.split .centerContent p span {
  font-size: 13px;
}

@media only screen and (min-width: 992px) and (orientation: landscape) {
  .split .centerContent p,
  .bold-font {
    font-size: 26px;
    line-height: 30px;
  }

  .split .centerContent p span {
    font-size: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 1200px) and (orientation: portrait) {
  .split .centerContent p,
  .bold-font {
    font-size: 26px;
    line-height: 30px;
  }

  .split .centerContent p span {
    font-size: 20px;
  }
}

.beat p {
  font-family: "CeraPro-Bold", sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 19px;
}

@media only screen and (min-width: 576px) {
  .beat p {
    font-size: 20px;
    line-height: 20px;
  }
}

.beat p span {
  font-family: "CeraProBlackItalic", sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 19px;
}

@media only screen and (min-width: 576px) {
  .beat p span {
    font-size: 28px;
    line-height: 28px;
  }
}

.beat p span.purple {
  font-size: 20px;
  color: #e6007e !important;
}

.beat p span.orange {
  color: #f69f00 !important;
}

.beat p span.yellow {
  font-size: 20px;
  color: #ffed00 !important;
}

.nutrition .text p {
  font-family: "CeraPro-Bold", sans-serif;
  color: #fff;
  font-size: 18px;
}

.nutrition .text p span {
  font-family: "CeraProBlackItalic", sans-serif;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .nutrition .text p {
    font-size: 15px;
  }
}

@media only screen and (min-width: 812px) and (max-width: 992px) {
  .nutrition .text p {
    padding-bottom: 85px;
  }
}

footer .title {
  font-family: "CeraProBlackItalic", sans-serif;
  color: #fea500;
  font-size: 14px;
}

footer .links li a {
  font-family: "CeraPro-Bold", sans-serif;
  color: #fff;
  font-size: 13px;
  transition: color ease 0.5s;
  cursor: pointer;
}

footer .links li a:hover {
  color: #ffa400;
}

footer .links li a:active {
  color: #ffed00;
}

@media only screen and (min-width: 576px) {
  footer .links li a {
    font-size: 14px;
  }
}

@media only screen and (min-width: 992px) {
  footer .links li a {
    font-size: 16px;
  }
}

footer .links li a:hover {
  text-decoration: none;
}

footer .copyright {
  font-family: "CeraPro-Bold", sans-serif;
  color: #fff;
  font-size: 11px;
}

@media only screen and (min-width: 576px) {
  footer .title {
    font-size: 18px;
  }

  footer .links li {
    font-size: 16px;
  }

  footer .copyright {
    font-size: 12px;
  }
}

footer .footerContainer.moreButContainer .amita-button a {
  font-family: "CeraProBlackItalic", sans-serif;
  color: #ffffff;
  font-size: 22px;
}

.soon .content div {
  font-family: "CeraPro-Bold", sans-serif;
  color: #fff;
  font-size: 24px;
  z-index: 1;
}

.text-terms h3 {
  color: #ffffff;
}

.text-terms,
.text-terms p {
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 1em;
  margin: 2vh 0;
  font-size: 1em;
  color: #ffffff;
}

.text-terms strong,
.text-terms a {
  font-family: "CeraPro-Bold", sans-serif;
}

.text-terms a[href] {
  color: white;
  text-decoration: underline;
}

.text-terms a[href]:hover {
  color: yellow;
}

.text-terms table {
  border-color: white;
  width: 100%;
}

.text-terms table td {
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 1em;
  border-color: white;
  color: #ffffff;
  padding: 5px;
}

#enterCode {
  font-family: "CeraPro-Bold", sans-serif;
}

#enterCode p {
  color: white;
  font-size: 18px;
}

@media only screen and (min-width: 992px) {
  #enterCode p {
    color: white;
    font-size: 22px;
  }
}

#join-the-lyrics p {
  color: white;
  font-family: "CeraPro-Bold", sans-serif;
  font-size: 18px;
}

@media only screen and (min-width: 992px) {
  #join-the-lyrics p {
    font-size: 22px;
    line-height: 25px;
  }
}

.winText,
.loseText {
  font-family: "CeraPro-Bold", sans-serif;
  color: #ffffff;
  font-size: 16px;
}

/*Medium devices*/

@media only screen and (min-width: 768px) {
  .winText,
  .loseText {
    font-size: 18px;
  }
}

/*Large devices*/

.winText.blue-text,
.loseText.blue-text {
  color: #20cbd4;
}

.winText span.yellow,
.loseText span.yellow {
  color: #ffa400;
}

.winText span.yellow-lgt,
.loseText span.yellow-lgt {
  color: #ffed00;
}

.sound-wave-contest {
  font-family: "CeraPro-Bold", sans-serif;
}

/*  HEADER NAVIGATION STYLING  */

a.logo img {
  width: 120px;
}

/* ------ CONTACT MODAL ------ */

.trigger-modal {
  font-family: "CeraPro-Bold", sans-serif;
  color: white;
  font-size: 1em;
  padding: 20px;
}

/* FORM STYLING */

#contact img {
  max-width: 600px;
  margin: 5vh 0;
}

#contact p {
  font-family: "CeraPro-Bold", sans-serif;
  color: white;
  font-size: 1em;
  margin: 2vh 0;
}

@media only screen and (min-width: 992px) {
  #contact p {
    font-size: 20px;
  }
}

#contact label {
  font-family: "CeraPro-Bold", sans-serif;
  color: #009fe3;
  font-size: 1.3em;
}

#contact input {
  font-family: "CeraPro-Bold", sans-serif;
  border: none;
  background: transparent;
  color: white;
  border-bottom: 2px solid white;
  border-radius: 0;
}

input#name::-webkit-input-placeholder, input#nameInput::-webkit-input-placeholder, input#emailInput::-webkit-input-placeholder, input#userEmail::-webkit-input-placeholder {
  font-family: "CeraPro-Bold", sans-serif;
  color: #aeaeae;
}

input#name::-moz-placeholder, input#nameInput::-moz-placeholder, input#emailInput::-moz-placeholder, input#userEmail::-moz-placeholder {
  font-family: "CeraPro-Bold", sans-serif;
  color: #aeaeae;
}

input#name:-ms-input-placeholder, input#nameInput:-ms-input-placeholder, input#emailInput:-ms-input-placeholder, input#userEmail:-ms-input-placeholder {
  font-family: "CeraPro-Bold", sans-serif;
  color: #aeaeae;
}

input#name::-ms-input-placeholder, input#nameInput::-ms-input-placeholder, input#emailInput::-ms-input-placeholder, input#userEmail::-ms-input-placeholder {
  font-family: "CeraPro-Bold", sans-serif;
  color: #aeaeae;
}

input#name::placeholder,
input#nameInput::placeholder,
input#emailInput::placeholder,
input#userEmail::placeholder {
  font-family: "CeraPro-Bold", sans-serif;
  color: #aeaeae;
}

textarea#contactMessage::-webkit-input-placeholder {
  font-family: "CeraPro-Bold", sans-serif;
  color: #aeaeae;
}

textarea#contactMessage::-moz-placeholder {
  font-family: "CeraPro-Bold", sans-serif;
  color: #aeaeae;
}

textarea#contactMessage:-ms-input-placeholder {
  font-family: "CeraPro-Bold", sans-serif;
  color: #aeaeae;
}

textarea#contactMessage::-ms-input-placeholder {
  font-family: "CeraPro-Bold", sans-serif;
  color: #aeaeae;
}

textarea#contactMessage::placeholder {
  font-family: "CeraPro-Bold", sans-serif;
  color: #aeaeae;
}

#contact textarea {
  font-family: "CeraPro-Bold", sans-serif;
  border: none;
  background: transparent;
  border-bottom: 2px solid white;
  border-radius: 0;
  color: white;
}

/* ------ INFO MODALS ------ */

span.line {
  width: 35px;
  height: 3px;
  background: white;
}

#frouta-modal,
#synaki-modal,
#vitamines-modal {
  background: #061c8c54;
  color: white;
  font-family: "CeraPro-Bold", sans-serif;
}

.infoModal .modal-body {
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.circle {
  font-family: "CeraPro-Bold", sans-serif;
  color: white;
  background: #041d87;
  text-align: center;
  width: 100%;
  height: 0;
  padding: 50% 0;
  border-radius: 50%;
  position: relative;
  font-size: 0.9em;
}

p.circle-txt {
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  margin-left: 0;
  margin-right: 0;
}

#frouta-modal-content .circle-txt {
  top: 25%;
}

#vitamines-modal-content .circle-txt {
  top: 40%;
}

p.circle-txt strong {
  font-size: 1.6em;
}

.infoModal button.btn.btn-default {
  margin-top: 5px;
  margin-right: 0;
}

.infoModal .modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-bottom: 0;
}

.infoModal .modal-header {
  background: #041d87;
}

img.modalLogo {
  max-width: 95px;
}

.infoModal span.close {
  border: 0;
}

/* DESKTOP STYLING TEST */

#mousiki-desktop {
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
}

#mousiki-desktop p {
  font-family: "CeraPro-Bold", sans-serif;
  color: white;
  font-size: 1em;
  margin-bottom: 25vh;
  margin-top: 2vh;
  transform: rotate(-10deg);
  line-height: 1.2;
  z-index: 999;
}

#mousiki-desktop strong {
  font-size: 1.6em;
}

#info-left,
#info-right {
  padding-top: 15%;
}

.line-1 p:after {
  content: " ";
  position: absolute;
  bottom: -15px;
  left: 100px;
  right: -190px;
  border-top: 1px solid white;
  z-index: 999;
}

.line-2 p:after {
  content: " ";
  position: absolute;
  top: -15px;
  left: 160px;
  right: -180px;
  border-top: 1px solid white;
  z-index: 999;
}

.line-3 p:after {
  content: " ";
  position: absolute;
  bottom: -15px;
  left: -220px;
  right: 140px;
  border-top: 1px solid white;
  z-index: 999;
}

#mousiki-desktop .sloganBig {
  font-family: "CeraPro-Bold", sans-serif;
  font-size: 5em;
  position: absolute;
  top: 20%;
  transform: rotate(-10deg);
  text-transform: uppercase;
  z-index: -1;
}

#mousiki-desktop {
  padding-top: 10vh;
}

#mousiki-mobile {
  padding-top: 12vh;
}

#mousiki-mobile img.lektiko {
  max-width: 70%;
}

#synaki {
  width: 135px;
  position: absolute;
  left: 10%;
  top: 27%;
}

#vitamines {
  width: 135px;
  position: absolute;
  right: 15%;
  top: 20%;
}

#frouta {
  width: 135px;
  position: absolute;
  right: 20%;
  top: 45%;
}

@media only screen and (max-width: 768px) {
  #synaki {
    width: 120px;
    left: 5%;
  }

  #vitamines {
    width: 120px;
  }

  #frouta {
    width: 120px;
    right: 8%;
    top: 48%;
  }
}

/* Responsive Amita Koutaki photo */

@media only screen and (min-width: 768px) and (max-width: 992px) {
  img.img-fluid.product-photo.fadeIn {
    position: relative;
    top: 15%;
  }

  #info-left,
  #info-right {
    padding-top: 25%;
  }

  #mousiki-desktop p {
    font-size: 0.9em;
    margin-bottom: 23vh;
  }
}

.product-txt p {
  transform: rotate(-10deg);
  font-size: 6vw;
  color: whitesmoke;
  font-family: "CeraPro-Bold", sans-serif;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) {
  .product-txt p {
    font-size: 4vw;
    position: absolute;
    top: 30%;
    left: -25%;
  }

  #mousiki-desktop {
    padding-top: 10vh;
  }
}

.product-txt:nth-child(2) {
  padding-bottom: 15px;
}

span.yellow {
  color: #ffed00;
}

span.purple {
  color: #e6007e !important;
}

span.orange,
.beat p span.orange {
  color: #f69f00 !important;
}

span.galazio,
.beat p span.galazio {
  color: #20c9d2 !important;
}

/* CSS ANIMATIONS  */

.fadeIn {
  -webkit-animation: fadeAndScale 1s;
          animation: fadeAndScale 1s;
}

@-webkit-keyframes fadeAndScale {
  from {
    opacity: 0.8;
    transform: scale(0.1, 0.1);
  }

  to {
    opacity: 1;
    transform: scale(1, 1);
  }
}

@keyframes fadeAndScale {
  from {
    opacity: 0.8;
    transform: scale(0.1, 0.1);
  }

  to {
    opacity: 1;
    transform: scale(1, 1);
  }
}

/* =====================  */

/* Breakpoints
-------------------------------------------------- */

/*Small devices */

/*Medium devices*/

/*Large devices*/

/*Extra large devices*/

/* --- PLAYLIST SLIDER --- */

#playlists {
  padding-top: 20vh;
}

#playlists h3 {
  font-family: "CeraPro-Bold", sans-serif;
  font-size: 1em;
  color: white;
}

#playlists h3 span {
  font-family: "CeraProBlackItalic", sans-serif;
  font-size: 1.5em;
}

#sliderContainer .slick-initialized .slick-slide {
  display: inline-flex;
  position: relative;
}

@media only screen and (min-width: 992px) {
  #sliderContainer .slick-initialized .slick-slide {
    transform: translate(-50%);
  }
}

.playlist-slider .slick-prev:before,
.playlist-slider .slick-next:before {
  font-size: 45px;
}

.playlist-slider .slick-prev:before {
  font-family: "Font Awesome 5 Pro";
  content: "\F104";
  color: white;
}

.playlist-slider .slick-next:before {
  font-family: "Font Awesome 5 Pro";
  content: "\F105";
  color: white;
}

.playlist-slider .slick-prev.slick-disabled:before,
.playlist-slider .slick-next.slick-disabled:before {
  opacity: 0;
}

.playlist-slider .slick-prev:before,
.playlist-slider .slick-next:before {
  transition: opacity ease 0.8s;
}

.playlist-slider .slick-prev:before,
.slick-next:before {
  font-family: "Font Awesome 5 Pro";
  color: white;
}

.slick-prev {
  left: -75px;
}

.slick-next {
  right: -75px;
}

.playlist-slider .slick-slide img {
  border-radius: 20px;
  opacity: 0.3;
  transform: scale(0.65);
  transition: all ease 0.8s;
}

.playlist-slider .slick-slide.slick-current.slick-active.slick-center img {
  opacity: 1;
  transform: scale(1);
}

.playlist-slider .slick-slide.slick-current.slick-center img {
  opacity: 1;
  transform: scale(1) rotate(180deg);
}

.playlist-slider .slick-initialized .slick-slide {
  position: relative;
}

/* --- end PLAYLIST SLIDER --- */

#rightContainer p {
  font-family: "CeraPro-Bold", sans-serif;
  color: white;
  font-size: 0.9em;
}

@media only screen and (min-width: 992px) {
  #rightContainer_inner {
    min-height: 540px;
  }

  #rightContainer p {
    font-family: "CeraPro-Bold", sans-serif;
    color: white;
    font-size: 1.2em;
  }
}

h1.katheMera {
  font-size: 4em;
  line-height: 1;
  transform: rotate(-10deg);
}

img.katheMera-lektiko {
  max-width: 100%;
  padding: 5vh 0;
  transform: rotate(-10deg);
}

div.btnPlaylists {
  font-family: "CeraPro-Bold", sans-serif;
  font-size: 1.2em;
  background-image: linear-gradient(to bottom, #fea10b, #f37e06);
  border-radius: 30px;
  color: white;
  padding: 10px;
  text-decoration: none;
  text-align: center;
  transition: all ease 1s;
  cursor: pointer;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
}

div.btnPlaylists:hover {
  transform: scale(1.05);
  transition: all ease 0.3s;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.4);
}

@media only screen and (min-width: 768px) {
  #katheMera {
    min-height: 100vh;
    justify-content: center;
    align-content: center;
  }
}

/* Draggable Shit */

.draggerContainer {
  position: relative;
  max-width: 100%;
  height: 40px;
  background: #002976;
  border-radius: 30px;
  margin-top: -85px;
  padding: 5px;
  margin-bottom: 2vh;
}

.dragger {
  font-family: "CeraProBlackItalic", sans-serif;
  font-size: 0.9em;
  width: 150px;
  height: 30px;
  background-image: linear-gradient(to bottom, #1fcad5, #00a0e2);
  text-align: center;
  line-height: 30px;
  position: absolute;
  border-radius: 30px;
  color: white;
}

@media only screen and (min-height: 740px) {
  .draggerContainer {
    margin-top: -21px;
  }
}

@media only screen and (min-width: 992px) {
  .draggerContainer {
    width: 100%;
    height: 50px;
  }

  .dragger {
    font-size: 1.2em;
    height: 40px;
    line-height: 40px;
  }
}

.draggerTarget {
  font-family: "CeraPro-Bold", sans-serif;
  width: 149px;
  height: 50px;
  border: 2px dotted #b7b7b7;
  text-align: center;
  line-height: 50px;
  position: absolute;
  right: 0px;
  border-radius: 30px;
  color: white;
  transition: all ease 0.2s;
}

.showOver {
  background-color: white;
}

/* =====================  */

/* Breakpoints
-------------------------------------------------- */

/*Small devices */

/*Medium devices*/

/*Large devices*/

/*Extra large devices*/

.navbar {
  background: #302884;
  padding: 0;
  transition: all ease 0.2s;
}

.navbar.offscreen {
  top: -200px;
}

a.nav-link {
  font-family: "CeraPro-Bold", sans-serif;
  color: white;
  transition: all ease 0.2s;
}

.navbar-dark .navbar-toggler {
  border: none;
}

.navbar-dark .navbar-nav .nav-link {
  color: white;
}

a.nav-link {
  font-family: "CeraPro-Bold", sans-serif;
  color: white;
  transition: all ease 0.2s;
}

.navbar-dark .navbar-toggler {
  border: none;
}

nav.navbar {
  transition: opacity 0.6s ease-in-out;
}

.navbar .navbar-nav .nav-item {
  position: relative;
}

.navbar .navbar-nav .nav-item a {
  font-family: "CeraProBlackItalic", sans-serif;
  font-size: 20px;
}

.navbar .navbar-nav .dropdown-menu a {
  font-size: 16px;
}

.navbar .navbar-brand img {
  width: auto;
  height: 50px;
}

.dropdown-menu {
  border: none;
  background: none;
}

.dropdown-menu > li > a {
  background: #001689;
}

/*Extra large devices*/

@media only screen and (min-width: 1200px) {
  .dropdown-menu {
    border-radius: 15px;
  }

  .nav-item > ul.dropdown-menu {
    border-radius: 0;
    top: 181%;
  }

  .nav-item > ul.dropdown-menu > li:last-child > a {
    border-radius: 0;
  }

  .nav-item > ul.dropdown-menu > li > ul > li:first-child a {
    border-radius: 0;
  }

  .nav-item .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
  }

  .dropdown-submenu {
    position: relative;
  }

  .navbar .nav-link.dropdown-item {
    padding-right: 25px;
    padding-left: 25px;
  }
}

.dropdown-toggle::after {
  border: none;
  display: none;
}

ul.navbar-nav > li > ul > li {
  text-align: left;
}

ul.navbar-nav > li > ul > li > a.nav-link.dropdown-toggle {
  padding-right: 55px;
  position: relative;
}

ul.navbar-nav > li > ul > li > a.dropdown-toggle::after {
  right: 18px;
  font-size: 44px;
  top: -13px;
  content: "\F107";
  font-family: "Font Awesome 5 Pro";
  border: none;
  position: absolute;
  display: inline-block;
  transition: transform 0.6s ease-in-out;
}

ul.navbar-nav > li > ul > li > a.dropdown-toggle::before {
  right: 11px;
  font-size: 36px;
  top: -9px;
  content: "\F111";
  font-family: "Font Awesome 5 Pro";
  border: none;
  position: absolute;
  display: inline-block;
  font-weight: 300;
  color: #ffa400;
}

@media only screen and (min-width: 1200px) {
  ul.navbar-nav > li > ul > li > a.dropdown-toggle::before {
    display: none;
  }
}

ul.navbar-nav > li > ul {
  margin-left: 15px;
}

ul.navbar-nav > li > ul > li > ul.dropdown-menu {
  margin-left: 20px;
}

@media only screen and (min-width: 1200px) {
  ul.navbar-nav > li > ul > li > ul.dropdown-menu {
    margin-left: 0;
  }
}

ul.navbar-nav > li > ul > li > ul.dropdown-menu > li > a i {
  font-size: 9px;
  position: relative;
  top: -2px;
  display: inline-block;
  margin-right: 13px;
}

@media only screen and (min-width: 1200px) {
  ul.navbar-nav > li > ul > li > ul.dropdown-menu > li > a i {
    display: none;
  }
}

.dropdown-toggle.active::after {
  transform: rotate(-180deg);
  top: -17px !important;
}

@media only screen and (min-width: 1200px) {
  .dropdown-toggle.active::after {
    transform: rotate(-90deg);
    top: -13px !important;
  }
}

.dropdown-item.active {
  background: none;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background: none;
}

.navbar-nav {
  text-align: left;
}

@media only screen and (min-width: 1200px) {
  .navbar-nav {
    text-align: center;
  }
}

@media only screen and (min-width: 1200px) {
  ul.navbar-nav li ul.dropdown-menu {
    margin: 0;
    padding: 0;
  }

  .navbar .navbar-nav a.dropdown-item:hover {
    background: #ffa400;
    color: white;
  }

  ul.navbar-nav > li > ul > li a.active {
    background: #ffa400;
  }

  ul.navbar-nav > li > ul > li > ul.dropdown-menu > li > a {
    background: #00168a;
  }

  ul.navbar-nav > li > ul > li > ul.dropdown-menu > li > a.dropdown-item:hover {
    background: #ffa400;
  }
}

.navbar-nav ul.dropdown-menu {
  text-align: left;
}

@media only screen and (min-width: 1200px) {
  .navbar-nav ul.dropdown-menu {
    text-align: center;
  }
}

.dropdown-item.active {
  color: #009fe3;
}

.navbar .navbar-brand {
  position: relative;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 16px;
}

.mCSB_inside > .mCSB_container {
  margin-right: 10px;
}

.mCSB_scrollTools {
  width: 6px;
}

@media only screen and (min-width: 1200px) {
  .navbar .navbar-brand {
    padding-left: 90px;
    position: absolute;
  }

  #menu .navbar-brand {
    padding-left: 40px;
  }

  .navbar .navbar-brand img {
    width: 100%;
    height: auto;
  }
}

@media only screen and (min-width: 1600px) {
  .navbar .navbar-brand,
  #menu .navbar-brand {
    padding-left: 120px;
  }
}

.navbar {
  position: fixed;
  top: 0;
  width: 100%;
  height: auto;
  z-index: 1600;
}

@media only screen and (min-width: 1200px) {
  .navbar {
    height: 120px;
  }
}

.menuInner {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
}

@media only screen and (min-width: 1200px) {
  .menuInner {
    justify-content: center;
  }
}

.navbar .navbar-collapse {
  height: 0px;
  transition: height 0.25s ease;
}

.menuInnerContainer {
  margin: 0 auto;
}

@media only screen and (min-width: 1200px) {
  .menuInnerContainer {
    margin: 0;
  }

  .menuInnerContainer ul {
    margin-left: 0;
  }
}

.navbar .navbar-collapse.collapsing {
  height: 0px !important;
  transition: height 0.25s ease;
}

.navbar .navbar-collapse.show {
  height: calc(100vh - 76px) !important;
  transition: height 0.25s ease;
  overflow-x: hidden;
}

@media only screen and (min-width: 1200px) {
  .navbar .navbar-collapse,
  .navbar .navbar-collapse.collapsing,
  .navbar .navbar-collapse.collapse.show {
    height: 0;
  }
}

.navbar .social {
  display: inherit;
  margin: auto;
  padding-bottom: 20px;
}

@media only screen and (min-width: 1200px) {
  .navbar .social {
    position: absolute;
    right: 15px;
    top: 42px;
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .navbar .social {
    right: 90px;
  }

  #menu .social {
    right: 50px;
  }
}

@media only screen and (min-width: 1600px) {
  .navbar .social,
  #menu .social {
    right: 120px;
  }
}

.navbar .social li {
  position: relative;
  list-style-type: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: white;
  margin-right: 15px;
  display: inline-block;
}

.navbar .social li a {
  width: 100%;
  height: 100%;
  display: block;
}

.navbar .social li i {
  position: absolute;
  font-size: 17px;
  color: #110d8a;
}

.navbar .social .facebook i {
  left: 10px;
  top: 7px;
}

.navbar .social .twitter i {
  left: 8px;
  top: 8px;
}

.navbar .social .youtube i {
  left: 6px;
  top: 7px;
}

.navbar .social .insta i {
  left: 8px;
  top: 7px;
}

.navbar .social .snap i {
  left: 7px;
  top: 7px;
}

.navbar .navbar-toggler {
  width: 75px;
  margin-top: -2px;
  height: 32px;
  padding-right: 28px;
}

.navbar .navbar-toggler .openMenu {
  position: relative;
  width: 35px;
  height: 3px;
  background-color: #ffffff;
  border-radius: 8px;
}

/* new menu styling */

/* top line */

button.navbar-toggler.collapsed span.openMenu.top {
  display: block;
  top: -6px;
  transform: rotate(0deg);
  transition: all ease 0.2s;
}

button.navbar-toggler span.openMenu.top {
  display: block;
  top: -6px;
  transform: rotate(45deg);
  transform-origin: 10% 10%;
  transition: all ease 0.2s;
}

/* middle line */

button.navbar-toggler.collapsed span.openMenu.middle {
  display: block;
  opacity: 1;
  transition: all ease 0.2s;
  top: 1px;
}

button.navbar-toggler span.openMenu.middle {
  display: block;
  top: 1px;
  opacity: 0;
  transition: all ease 0.2s;
}

/* bottom line */

button.navbar-toggler.collapsed span.openMenu.bottom {
  display: block;
  top: 8px;
  transform: rotate(0deg);
  transition: all ease 0.2s;
}

button.navbar-toggler span.openMenu.bottom {
  display: block;
  top: 8px;
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
  transition: all ease 0.2s;
}

.navbar .navbar-toggler:focus {
  outline: none;
}

.navbar .navbar-nav .nav-item a {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link:hover {
  color: #ffa400;
}

.navbar .navbar-nav .nav-item a.active {
  color: white;
}

.social ul {
  margin: 0;
  padding: 0;
}

.social ul li:last-child {
  margin-right: 0;
}

.modal {
  z-index: 2000;
}

.modal .modal-dialog {
  background: #009fe3;
  background: radial-gradient(ellipse at center, #009fe3 1%, #001689 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#009fe3", endColorstr="#001689",GradientType=1 );
}

.modal .modal-dialog .modal-content {
  background: transparent;
}

.modal .modal-dialog .modal-content h3,
.modal .modal-dialog .modal-content p {
  color: #ffffff;
}

.modal .modal-dialog .modal-content p {
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 1em;
  margin: 2vh 0;
}

.modal .modal-dialog .modal-content p.utc2 {
  font-family: "CeraPro-Bold", sans-serif;
  font-size: 1em;
  margin: 2vh 0;
}

.modal .modal-dialog .modal-content strong,
.modal .modal-dialog .modal-content a {
  font-family: "CeraPro-Bold", sans-serif;
}

.modal .modal-dialog .modal-content table {
  border-color: white;
  width: 100%;
}

.modal .modal-dialog .modal-content table td {
  font-family: "CeraPro-Medium", sans-serif;
  font-size: 1em;
  border-color: white;
  color: #ffffff;
  padding: 5px;
}

.modal .modal-dialog .modal-content a[href] {
  color: white;
  text-decoration: underline;
}

.modal .modal-dialog .modal-content a[href]:hover {
  color: yellow;
}

.modal .modal-dialog button.close {
  position: relative;
  border: solid 2px #fff;
  border-radius: 50%;
  width: 41px;
  height: 41px;
  margin: 0rem 0rem -1rem auto;
  opacity: 1;
  transition: transform 0.5s;
  outline: none;
}

.modal .modal-dialog button.close:hover {
  opacity: 1;
  transform: scale(1.1);
}

.modal .modal-dialog button.close span:after,
.modal .modal-dialog button.close span:before {
  position: absolute;
  left: 18px;
  top: 2px;
  display: inline-block;
  content: " ";
  height: 33px;
  width: 2px;
  background-color: white;
  transform: rotate(45deg);
}

.modal .modal-dialog button.close span:after {
  transform: rotate(-45deg);
}

.modal.modal-fullscreen {
  background-color: rgba(6, 28, 140, 0.86);
}

.modal.modal-fullscreen .modal-dialog {
  background: transparent;
  max-width: unset;
  height: 100%;
  margin: 0px;
}

.modal.modal-fullscreen .modal-dialog .modal-content {
  border: 0px;
  height: 100%;
}

.modal.modal-fullscreen .modal-dialog .modal-content .modal-header {
  border: 0px;
  display: block;
}

@media all and (min-width: 992px) {
  .modal.modal-fullscreen .modal-dialog .modal-content .modal-body {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
  }
}

@media all and (min-width: 992px) {
  .modal.modal-fullscreen.always-scroll .modal-dialog .modal-content .modal-body {
    display: block;
  }
}

.modal.modal-circle .modal-dialog {
  background: transparent;
  max-width: 600px !important;
}

.modal.modal-circle .modal-dialog .modal-content {
  background: #009fe3;
  background: radial-gradient(ellipse at center, #009fe3 1%, #001689 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#009fe3", endColorstr="#001689", GradientType=1);
  width: 99vw;
  height: 99vw;
  max-width: 600px;
  max-height: 600px;
  border-radius: 50%;
}

.modal.modal-circle .modal-dialog .modal-content .modal-body {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
}

.modal.modal-circle .modal-dialog .modal-content button.close {
  border: solid 2px #ffa400;
  position: absolute;
  top: unset;
  bottom: 30px;
  left: 50%;
  margin-left: -20px;
}

.modal.popupmodal .modal-dialog {
  background: transparent;
}

.modal.popupmodal .modal-content {
  background: radial-gradient(ellipse at center, #009fe3 1%, #001689 100%) !important;
}

.modal-header {
  border: none;
}

.modal-body ul li {
  color: white;
}

.counter {
  background: radial-gradient(circle, #002492 0%, #003ca2 51%, #001789 100%);
}

.days,
.hours,
.min,
.sec {
  width: 100%;
  display: inline-block;
  position: relative;
}

.counterContent {
  position: absolute;
  width: 118px;
  left: calc(50% - 59px);
  z-index: 1;
}

.counterContent .number {
  font-family: "CeraPro-Bold", sans-serif;
  font-size: 29px;
  color: #fff;
  line-height: 22px;
}

.counterContent .text {
  font-family: "CeraPro-Bold", sans-serif;
  font-size: 9px;
  color: #426db6;
  position: absolute;
  width: 60px;
  left: calc(50% - 30px);
  bottom: -12px;
}

@media only screen and (min-width: 370px) and (max-width: 430px) {
  .counterContent .text {
    bottom: -23px;
  }
}

@media only screen and (min-width: 430px) and (max-width: 576px) {
  .counterContent .text {
    bottom: 3px;
  }
}

@media only screen and (max-width: 576px) and (orientation: portrait) {
  .counterContent .number {
    font-size: 22px;
  }
}

@media only screen and (min-width: 576px) {
  .counterContent .number {
    font-size: 42px;
  }

  .counterContent .text {
    position: relative;
    font-size: 11px;
    bottom: -3px;
  }
}

@media only screen and (min-width: 768px) {
  .counterContent .number {
    font-size: 52px;
  }

  .counterContent .text {
    font-size: 13px;
    bottom: -2px;
  }
}

@media only screen and (min-width: 992px) {
  .counterContent .number {
    font-size: 75px;
  }

  .counterContent .text {
    font-size: 18px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 1200px) {
  .counterContent .number {
    font-size: 92px;
  }

  .counterContent .text {
    font-size: 21px;
  }
}

.progress {
  width: 100%;
  height: auto;
  background-color: transparent;
  transform: rotate(-90deg);
}

.progress .progress__meter {
  stroke: #426db6;
}

.progress__meter,
.progress__value {
  fill: none;
}

.progress__value {
  stroke: url(#gradient);
  stroke-linecap: round;
}

@media only screen and (min-width: 1200px) {
  .split .left .counter {
    position: absolute;
    bottom: 48px;
  }
}

.playmotionContentSquare .counter {
  background: none;
  max-width: 450px;
}

.playmotionContentSquare .counter .counterContent {
  width: 80px;
  left: calc(50% - 40px);
}

.playmotionContentSquare .counter .counterContent .text {
  line-height: 0px;
}

.playmotionContentSquare .counter .counterContent .text {
  font-size: 10px;
}

@media only screen and (min-width: 768px) {
  .playmotionContentSquare .counter .counterContent .number {
    font-size: 36px;
  }

  .playmotionContentSquare .counter .counterContent .text {
    font-size: 9px;
  }
}

#counters-countdown .number {
  font-size: 22px;
}

#counters-countdown .text {
  color: #fff;
  font-size: 9px;
  line-height: 0px;
}

@media only screen and (min-width: 576px) {
  #counters-countdown .number {
    font-size: 37px;
  }

  #counters-countdown .text {
    font-size: 9px;
    line-height: 0px;
  }
}

@media only screen and (min-width: 992px) {
  #counters-countdown .number {
    font-size: 57px;
  }

  #counters-countdown .text {
    font-size: 12px;
    line-height: 13px;
  }
}

@media only screen and (min-width: 1200px) {
  #counters-countdown .number {
    font-size: 69px;
  }

  #counters-countdown .text {
    font-size: 14px;
    line-height: 27px;
  }
}

#counters-soundwave .number {
  font-size: 22px;
}

#counters-soundwave .text {
  color: #fff;
  font-size: 9px;
  line-height: 0px;
}

@media only screen and (min-width: 992px) {
  #counters-soundwave .number {
    font-size: 24px;
    line-height: 27px;
  }

  #counters-soundwave .text {
    font-size: 9px;
    line-height: 22px;
  }
}

@media only screen and (min-width: 1200px) {
  #counters-soundwave .number {
    font-size: 30px;
    line-height: 17px;
  }

  #counters-soundwave .text {
    font-size: 8px;
    line-height: 0px;
  }
}

@media only screen and (min-width: 1500px) {
  #counters-soundwave .number {
    font-size: 46px;
    line-height: 22px;
  }

  #counters-soundwave .text {
    font-size: 9px;
    line-height: 6px;
  }
}

@media only screen and (min-width: 2000px) {
  #counters-soundwave .number {
    font-size: 69px;
  }

  #counters-soundwave .text {
    font-size: 14px;
    line-height: 27px;
  }
}

@media only screen and (min-width: 1200px) {
  #listen-up #counters-countdown .number {
    font-size: 57px;
    line-height: 14px;
  }

  #listen-up #counters-countdown .text {
    font-size: 10px;
  }
}

@media only screen and (min-width: 1200px) {
  #listen-first #counters-countdown .text {
    font-size: 12px;
  }
}

/* Breakpoints
-------------------------------------------------- */

/*Small devices */

/*Medium devices*/

/*Large devices*/

/*Extra large devices*/

/* ITHE PAGES STYLING */

div#timelineScrollVideo {
  margin-bottom: 10%;
}

#playmotionSlider img {
  width: 100%;
  max-width: 525px;
}

img.ithe-lektiko-img {
  max-width: 960px !important;
}

#ithe p {
  font-family: "CeraPro-Bold", sans-serif;
  color: white;
  font-size: 1em;
  margin: 2vh 0;
}

@media only screen and (min-width: 992px) {
  #ithe p {
    font-size: 1.2em;
  }
}

.playmotion-logo {
  max-width: 100px;
}

@media only screen and (min-width: 992px) {
  .playmotion-logo {
    max-width: 140px;
  }
}

.draggerDatesContainer {
  position: relative;
  width: 100%;
  height: 40px;
  background: #002976;
  border-radius: 30px;
  margin-bottom: 4vh;
  z-index: 10;
  padding: 5px;
}

.draggerDates {
  font-family: "CeraPro-Bold", sans-serif;
  width: 100px;
  font-size: 0.9em;
  height: 30px;
  background-image: linear-gradient(to bottom, #fea10b, #f37e06);
  text-align: center;
  line-height: 30px;
  position: absolute;
  border-radius: 30px;
  color: white;
}

@media only screen and (min-width: 992px) {
  .draggerDates {
    width: 120px;
    font-size: 1.2em;
    height: 40px;
    line-height: 40px;
  }

  .draggerDatesContainer {
    width: 100%;
    height: 50px;
  }
}

.placeholder img {
  border-radius: 10px;
}

.slider-dates .slick-slide > div {
  margin: 0 auto;
}

.slider-dates .slick-slide img {
  border-radius: 20px;
  opacity: 0.4;
  transform: scale(0.95);
  transition: all ease 1s;
  -webkit-filter: blur(2px);
          filter: blur(2px);
  max-width: 900px;
  width: 100%;
}

.slider-dates .slick-slide.slick-current.slick-active.slick-center img {
  opacity: 1;
  transform: scale(1);
}

.slider-dates .slick-slide.slick-current.slick-center img {
  opacity: 1;
  transform: scale(1);
  -webkit-filter: blur(0px);
          filter: blur(0px);
}

.slider-dates .slick-initialized .slick-slide {
  position: relative;
}

a.playIcon,
a.timelineIcon {
  position: relative;
  display: inline-block;
}

a.playIcon:before {
  font-family: "Font Awesome 5 Brands";
  content: "\F167";
  color: #fe0000;
  font-size: 2em;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 12;
}

a.playIcon:after {
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: white;
  width: 20px;
  height: 20px;
  z-index: 10;
}

@media only screen and (min-width: 768px) {
  a.playIcon:before {
    font-size: 4em;
  }
}

@media only screen and (min-width: 1200px) {
  .text-slide p {
    margin: 0px 15%;
  }
}

.text-slide {
  font-family: "CeraPro-Bold", sans-serif;
  color: #fff;
  font-size: 15px;
}

@media only screen and (min-width: 576px) {
  .text-slide {
    font-size: 22px;
  }
}

.slick-slide.slick-current .text-slide {
  opacity: 1;
  /* Safari prior 6.1 */
  transition: opacity 0.5s;
}

.slick-slide .text-slide {
  opacity: 0;
}

.slick-slide img {
  display: inline-block;
}

/* a_litia delete after */

#sliderContainer .slick-initialized .slick-slide {
  display: inline-flex;
  position: relative;
}

@media only screen and (min-width: 992px) {
  #sliderContainer .slick-initialized .slick-slide {
    transform: translate(-50%);
  }
}

.steps .content-left {
  display: none;
}

@media only screen and (min-width: 1200px) {
  .steps .content-left {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}

.order {
  order: 2;
}

@media only screen and (min-width: 1200px) {
  .order {
    order: unset;
  }
}

.playmotionContentSquare {
  height: auto;
}

@media only screen and (min-width: 1200px) {
  .playmotionContentSquare {
    height: 100vh;
  }
}

.playmotionContentSquare .left-side {
  margin-left: 0;
}

.playmotionContentSquare .right-side {
  margin-left: 0;
  padding: 0;
}

@media only screen and (min-width: 1200px) {
  .playmotionContentSquare .left-side {
    margin-left: 10%;
    order: 1;
  }

  .playmotionContentSquare .right-side {
    margin-left: -20%;
    order: 2;
  }
}

.playmotionContentSquare .everyDay {
  width: 100%;
  background-size: cover;
}

.playmotionContentSquare .text {
  font-family: "CeraPro-Bold", sans-serif;
  font-size: 18px;
  color: #fff;
  margin-bottom: 0;
}

.playmotionContentSquare .square-container {
  position: absolute;
}

@media only screen and (min-width: 1200px) {
  .playmotionContentSquare .square-container {
    position: absolute;
    left: 100px;
  }
}

.playmotionContentSquare .square-container .square {
  position: relative;
  width: 100%;
  height: 100%;
  margin: auto;
  margin-left: 0;
}

@media only screen and (min-width: 1200px) {
  .playmotionContentSquare .square-container .square {
    margin-left: 20%;
  }
}

.pack-big {
  position: absolute;
  background-image: url(/assets/cc3e/amita-motion/images/pack-foureira.png?e18c8854b53f913d506b45283f813cd2);
  background-repeat: no-repeat;
  width: 53.417721519%;
  height: 92.5316455696%;
  top: 8.9%;
  left: 32.4%;
  background-size: contain;
}

.pack-big.new {
  background-image: url(/assets/cc3e/amita-motion/images/pack-old.png?e7b488b8dcc0b3116fd64f77ed4afe32) !important;
}

.pack-small {
  position: absolute;
  background-image: url(/assets/cc3e/amita-motion/images/pack-ithe.png?0c9467204a87326c27901044027dd75a);
  background-repeat: no-repeat;
  width: 23.5443037975%;
  height: 40.974684%;
  top: 11.1%;
  transform: rotate(329deg);
  left: 27.4%;
  background-size: contain;
}

.pack-small.new {
  background-image: url(/assets/cc3e/amita-motion/images/pack-foureira.png?e18c8854b53f913d506b45283f813cd2) !important;
}

.kapaki-big {
  position: absolute;
  background-image: url(/assets/cc3e/amita-motion/images/kapaki.png?a7734b44067cd95cc42f7eba50b95d29);
  background-repeat: no-repeat;
  width: 21.3924050633%;
  height: 19.8734177215%;
  top: 25.5%;
  left: 14.9%;
  background-size: contain;
}

.kapaki-small {
  position: absolute;
  background-image: url(/assets/cc3e/amita-motion/images/kapaki.png?a7734b44067cd95cc42f7eba50b95d29);
  background-repeat: no-repeat;
  width: 12.6582278481%;
  height: 12.6582278481%;
  top: 0;
  left: 42.4%;
  background-size: contain;
}

.stickeraki {
  position: absolute;
  background-image: url(/assets/cc3e/amita-motion/images/stickeraki.png?d2da843e5cdc230e412cabb9cd0df1d3);
  background-repeat: no-repeat;
  width: 37%;
  height: 37%;
  top: 61%;
  left: 35%;
  background-size: contain;
}

@media only screen and (min-width: 992px) {
  .pack-big {
    position: absolute;
    background-repeat: no-repeat;
    width: 53.417721519%;
    height: 92.5316455696%;
    top: 8.9%;
    left: 22.4%;
    background-size: contain;
  }

  .stickeraki {
    position: absolute;
    background-image: url(/assets/cc3e/amita-motion/images/stickeraki.png?d2da843e5cdc230e412cabb9cd0df1d3);
    background-repeat: no-repeat;
    width: 38%;
    height: 38%;
    top: 60%;
    left: 30%;
    background-size: contain;
  }
}

.liftmeup-winners .winners-table .table th {
  color: #e3007d;
}

.liftmeup-winners .winners-table .table tr {
  border-bottom: 2px solid #ffffff69;
}

.moodmeup-winners {
  background: #e3027f;
}

.moodmeup-winners .winners-table .table tr {
  border-bottom: 3px solid #f8f9fa29;
}

.moodmeup-winners .table-scroll::-webkit-scrollbar-track {
  background: #f8f9fa29;
  border-radius: 50px;
}

.moodmeup-winners .winners-table .table th {
  color: #ffed83;
  border: 0;
  font-family: CeraProBlack, sans-serif;
  font-size: 20px;
  padding: 1.5rem 0.75rem 0.75rem 0.75rem;
}

.winners-table .table tr {
  border-bottom: 3px solid #009fe3;
}

.winners-table .table td {
  font-family: "CeraPro-Bold", sans-serif;
  font-size: 20px;
  color: #fff;
  border-top: none;
}

.winners-table .table-scroll {
  height: 380px;
  overflow-y: auto;
  background: radial-gradient(at top, rgba(0, 0, 0, 0.17), transparent 70%), radial-gradient(at bottom, rgba(0, 0, 0, 0.17), transparent 70%) bottom;
  background-repeat: no-repeat;
  background-size: 100% 20px, 100% 20px, 100% 10px, 100% 10px;
}

.mw-630 {
  max-width: 630px;
}

.table-scroll::-webkit-scrollbar {
  width: 8px;
}

.table-scroll::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 50px;
}

.table-scroll::-webkit-scrollbar-track {
  background: #009fe3;
  border-radius: 50px;
}

#dora p {
  font-family: "CeraPro-Bold", sans-serif;
  color: white;
  font-size: 1em;
}

@media only screen and (min-width: 992px) {
  #dora p {
    font-family: "CeraPro-Bold", sans-serif;
    color: white;
    font-size: 1.2em;
  }
}

#doraItems {
  position: relative;
}

#plane {
  position: absolute;
  top: -20px;
  left: -35px;
  width: 80%;
}

@media only screen and (min-width: 992px) {
  #plane {
    position: absolute;
    left: -150px;
  }
}

.dora-txt {
  margin-top: -25%;
}

.enter {
  opacity: 0;
}

#dora_kathe_mera p {
  font-family: "CeraPro-Bold", sans-serif;
  color: white;
  font-size: 18px;
}

@media only screen and (min-width: 992px) {
  #dora_kathe_mera p {
    font-family: "CeraPro-Bold", sans-serif;
    color: white;
    font-size: 22px;
  }
}

#dora_kathe_mera .col-6.col-md-3.text-center {
  transition: all ease 0.8s;
}

#dora_kathe_mera .col-6.col-md-3.text-center:hover {
  transform: translateY(-5px);
  transition: all ease 0.2s;
}

#dora-winner .title {
  position: relative;
}

#dora-winner p {
  font-family: "CeraPro-Bold", sans-serif;
  color: white;
  font-size: 1em;
}

@media only screen and (min-width: 992px) {
  #dora-winner p {
    font-family: "CeraPro-Bold", sans-serif;
    color: white;
    font-size: 1.2em;
  }
}

#dora-winner span.lasvegas {
  font-family: "CeraProBlackItalic", sans-serif;
  color: #ffeb00;
  font-size: 1.5em;
}

#dora-winner i {
  font-family: "CeraProBlackItalic", sans-serif;
}

img#plane-winner {
  position: absolute;
  left: 0%;
  top: 0;
  width: 65%;
}

@media only screen and (min-width: 992px) {
  img#plane-winner {
    position: absolute;
    left: -10%;
    top: -30px;
    width: 55%;
  }
}

#dora-winner .counter {
  max-width: 500px;
  background: transparent;
}

#dora-winner .counter .counterContent .number {
  font-size: 24px;
  line-height: 25px;
}

#dora-winner .counter .counterContent .text {
  font-size: 9px;
  bottom: -17px;
  color: #ffffff;
}

@media only screen and (orientation: landscape) {
  #dora-winner .counter .counterContent .text {
    bottom: -7px;
  }

  #dora-winner .counter .counterContent .number {
    font-size: 47px;
  }
}

@media only screen and (min-width: 576px) {
  #dora-winner .counter .counterContent .text {
    bottom: 5px;
  }

  #dora-winner .counter .counterContent .number {
    font-size: 47px;
    line-height: 25px;
  }
}

@media only screen and (min-width: 992px) {
  #dora-winner .counter .counterContent .text {
    bottom: 12px;
  }
}

.jointhebeat-beat-perc {
  max-width: 100px;
  display: block;
  margin: 0 auto;
  position: relative;
  margin-top: 25px;
}

.jointhebeat-beat-perc .counterContent {
  top: 40px;
}

.jointhebeat-beat-perc .counterContent .number {
  font-size: 30px;
}

.ftiaxe-valitsa-split .left-side {
  background-color: #001a8b;
}

.ftiaxe-valitsa-split .right-side {
  background-color: #011c81;
}

.ftiaxe-valitsa-split .eq {
  z-index: 0;
}

.ftiaxe-valitsa-split .right-side .right {
  z-index: 1;
}

.ftiaxe-valitsa-split .right-side .right p {
  margin-top: -15%;
}

@media only screen and (max-width: 576px) and (orientation: portrait) {
  .ftiaxe-valitsa-split .right-side .right #counters-ekplixeis .number {
    font-size: 18px;
    line-height: 27px;
  }

  .ftiaxe-valitsa-split .right-side .right #counters-ekplixeis .text {
    font-size: 9px;
    line-height: 9px;
  }
}

@media only screen and (max-width: 576px) and (orientation: landscape) {
  .ftiaxe-valitsa-split .right-side .right #counters-ekplixeis .number {
    font-size: 32px;
    line-height: 21px;
  }

  .ftiaxe-valitsa-split .right-side .right #counters-ekplixeis .text {
    font-size: 10px;
    line-height: 0px;
  }
}

@media only screen and (min-width: 576px) {
  .ftiaxe-valitsa-split .right-side .right #counters-ekplixeis .number {
    font-size: 42px;
    line-height: 27px;
  }

  .ftiaxe-valitsa-split .right-side .right #counters-ekplixeis .text {
    font-size: 11px;
    line-height: 0px;
  }
}

@media only screen and (min-width: 768px) {
  .ftiaxe-valitsa-split .right-side .right #counters-ekplixeis .number {
    line-height: 28px;
  }

  .ftiaxe-valitsa-split .right-side .right #counters-ekplixeis .text {
    font-size: 13px;
    line-height: 45px;
  }
}

@media only screen and (min-width: 992px) {
  .ftiaxe-valitsa-split .right-side .right #counters-ekplixeis .number {
    line-height: 12px;
  }

  .ftiaxe-valitsa-split .right-side .right #counters-ekplixeis .text {
    line-height: 17px;
  }
}

@media only screen and (min-width: 1200px) {
  .ftiaxe-valitsa-split .right-side .right #counters-ekplixeis .number {
    font-size: 32px;
    line-height: 27px;
  }

  .ftiaxe-valitsa-split .right-side .right #counters-ekplixeis .text {
    font-size: 12px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 1400px) {
  .ftiaxe-valitsa-split .right-side .right #counters-ekplixeis .number {
    font-size: 37px;
    line-height: 16px;
  }

  .ftiaxe-valitsa-split .right-side .right #counters-ekplixeis .text {
    font-size: 9px;
    line-height: 5px;
  }
}

@media only screen and (min-width: 1600px) {
  .ftiaxe-valitsa-split .right-side .right #counters-ekplixeis .text {
    font-size: 11px;
    line-height: 7px;
  }
}

.ithe-2019 .heroVideoContainer .content {
  z-index: 2;
}

.ithe-2019 .map img {
  border-radius: 5%;
}

/* Breakpoints
-------------------------------------------------- */

/*Small devices */

/*Medium devices*/

/*Large devices*/

/*Extra large devices*/

.playmotionContentSquare.threePacks .everyDay {
  max-width: 600px;
}

.playmotionContentSquare.threePacks .text {
  line-height: 22px;
  margin: -35px 0 0 16px;
}

.playmotionContentSquare.threePacks .square-container {
  top: 50px;
  left: -30px;
  max-width: 800px;
  max-height: 800px;
}

@media only screen and (min-width: 1200px) {
  .playmotionContentSquare.threePacks .square-container {
    top: -80px;
    left: 0;
    max-width: 800px;
    max-height: 800px;
  }

  img.everyDay {
    padding-top: 15%;
  }
}

.playmotionContentSquare.threePacks .square-container .square .pack01 img {
  display: inline;
  position: absolute;
  right: -48px;
  top: 8px;
  width: 53px;
}

@media only screen and (min-width: 576px) {
  .playmotionContentSquare.threePacks .square-container .square .pack01 img {
    right: -70px;
    top: 135px;
    width: 104px;
  }
}

.playmotionContentSquare.threePacks .square-container .square .pack02 img {
  display: inline;
  position: absolute;
  right: -42px;
  top: -22px;
  width: 38px;
}

@media only screen and (min-width: 576px) {
  .playmotionContentSquare.threePacks .square-container .square .pack02 img {
    right: -61px;
    top: 13px;
    width: 50px;
    transform: rotate(18deg);
  }
}

.playmotionContentSquare.threePacks .square-container .square .pack03 img {
  display: inline;
  position: absolute;
  right: -19px;
  top: 0px;
  width: 15px;
  transform: rotate(45deg);
}

@media only screen and (min-width: 576px) {
  .playmotionContentSquare.threePacks .square-container .square .pack03 img {
    right: -37px;
    top: 50px;
    width: 25px;
    transform: rotate(390deg);
  }
}

.playmotionContentSquare.threePacks .left-side,
.playmotionContentSquare.threePacks .right-side {
  margin-left: 0;
}

@media only screen and (max-width: 1200px) {
  .playmotionContentSquare.threePacks .right-side {
    margin-bottom: 70px;
  }
}

.playmotionContentSquare.threePacks .right-side .pack01 {
  position: absolute;
  background-image: url(/assets/cc3e/amita-motion/images/pack_02.png?2c4caa5a7c640fbcc82e858d75f195ff);
  background-repeat: no-repeat;
  width: 42.2%;
  height: 93.6249%;
  top: 18.9%;
  left: 41.4%;
  background-size: contain;
  z-index: 3;
}

.blurred {
  filter: blur(2px);
  -webkit-filter: blur(2px);
}

.pack03,
.pack02,
.pack01 {
  transition: -webkit-filter ease 1s;
  transition: filter ease 1s;
  transition: filter ease 1s, -webkit-filter ease 1s;
}

.playmotionContentSquare.threePacks .right-side .pack02 {
  position: absolute;
  background-image: url(/assets/cc3e/amita-motion/images/pack_01.png?ebefdb41f2a253e2488de447f6ab1e3d);
  background-repeat: no-repeat;
  width: 16%;
  height: 45.375%;
  top: 40px;
  left: 16.7%;
  background-size: contain;
  z-index: 1;
  transform: rotate(339deg);
}

.playmotionContentSquare.threePacks .right-side .pack03 {
  position: absolute;
  background-image: url(/assets/cc3e/amita-motion/images/pack-old.png?e7b488b8dcc0b3116fd64f77ed4afe32);
  background-repeat: no-repeat;
  width: 36.675%;
  height: 62.5%;
  top: 1.9%;
  z-index: 1;
  left: 26.7%;
  background-size: contain;
  transform: rotate(339deg);
  z-index: 2;
}

/* FORM STYLING - Join the Beat Live */

#jointheBeat button.btnOrange {
  margin-top: 0;
}

#contact-beat img {
  margin: 2vh 0;
}

#contact-beat p {
  font-family: "CeraPro-Bold", sans-serif;
  color: white;
  font-size: 1em;
  margin: 2vh 0;
}

#contact-beat-success img {
  margin: 5vh 0;
}

#contact-beat-success p {
  font-family: "CeraPro-Bold", sans-serif;
  color: white;
  font-size: 1em;
  margin: 2vh 0;
}

#contact-beat-success h3 {
  color: white;
}

#contact-beat label {
  font-family: "CeraProBlackItalic", sans-serif;
  color: #009fe3;
  font-size: 1.3em;
}

.checkbox label {
  font-family: "CeraProBlackItalic", sans-serif;
  color: #009fe3;
  font-size: 1.3em;
}

.checkbox.has-error label {
  color: #dc3545 !important;
}

#contact-beat input {
  font-family: "CeraProBlackItalic", sans-serif;
  border: none;
  background: transparent;
  color: white;
  border-bottom: 2px solid white;
  border-radius: 0;
}

input#name::-webkit-input-placeholder, input#userEmail::-webkit-input-placeholder {
  font-family: "CeraPro-Bold", sans-serif;
  color: #aeaeae;
}

input#name::-moz-placeholder, input#userEmail::-moz-placeholder {
  font-family: "CeraPro-Bold", sans-serif;
  color: #aeaeae;
}

input#name:-ms-input-placeholder, input#userEmail:-ms-input-placeholder {
  font-family: "CeraPro-Bold", sans-serif;
  color: #aeaeae;
}

input#name::-ms-input-placeholder, input#userEmail::-ms-input-placeholder {
  font-family: "CeraPro-Bold", sans-serif;
  color: #aeaeae;
}

input#name::placeholder,
input#userEmail::placeholder {
  font-family: "CeraPro-Bold", sans-serif;
  color: #aeaeae;
}

#mobileInput::-webkit-input-placeholder {
  font-family: "CeraPro-Bold", sans-serif;
  color: #aeaeae;
}

#mobileInput::-moz-placeholder {
  font-family: "CeraPro-Bold", sans-serif;
  color: #aeaeae;
}

#mobileInput:-ms-input-placeholder {
  font-family: "CeraPro-Bold", sans-serif;
  color: #aeaeae;
}

#mobileInput::-ms-input-placeholder {
  font-family: "CeraPro-Bold", sans-serif;
  color: #aeaeae;
}

#mobileInput::placeholder {
  font-family: "CeraPro-Bold", sans-serif;
  color: #aeaeae;
}

#contact-beat #mobileInput {
  font-family: "CeraPro-Bold", sans-serif;
  border: none;
  background: transparent;
  border-bottom: 2px solid white;
  border-radius: 0;
  color: white;
  margin-bottom: 50px;
}

.checkbox {
  position: relative;
  font-size: 0.6em;
  margin-left: 12px;
}

.checkbox label {
  font-family: "CeraPro-Bold", sans-serif;
}

.checkbox a {
  color: #ffa400;
}

#contact-beat input::-webkit-input-placeholder {
  color: #fff;
}

#contact-beat input::-moz-placeholder {
  color: #fff;
}

#contact-beat input:-ms-input-placeholder {
  color: #fff;
}

#contact-beat input::-ms-input-placeholder {
  color: #fff;
}

#contact-beat input::placeholder {
  color: #fff;
}

.form-control:focus {
  background-color: rgba(255, 255, 255, 0);
  border-color: transparent;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);
}

/* Hide the browser's default checkbox */

.checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */

.checkmark {
  position: absolute;
  top: -1px;
  left: -12px;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */

.checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */

.checkbox input:checked ~ .checkmark {
  background-color: #ffa400;
}

/* Create the checkmark/indicator (hidden when not checked) */

.checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */

.checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */

.checkbox .checkmark:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.ml {
  margin-left: 2px;
}

.equaliser-container {
  height: 10px;
  margin: 0 0;
  padding: 0 0 0 0;
  position: relative;
}

.rotate {
  transform: scaleY(-1);
}

.colour-bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 10px;
  background: #feed01;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
  /* IE6-9 */
}

.rotate .colour-bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 10px;
  background: #96dd63;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #96dd63 1%, #25ccd0 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#96dd63", endColorstr="#25ccd0",GradientType=0 );
  /* IE6-9 */
}

.equaliser-column {
  width: 3px;
  float: left;
  margin: 0 3px 0 0;
  padding: 0;
  height: 10px;
  position: relative;
  list-style-type: none;
}

.equaliser-column:nth-child(1) .colour-bar {
  -webkit-animation: color-bar 2s 1s ease-out alternate infinite;
          animation: color-bar 2s 1s ease-out alternate infinite;
}

.equaliser-column:nth-child(2) .colour-bar {
  -webkit-animation: color-bar 2s 0.5s ease-out alternate infinite;
          animation: color-bar 2s 0.5s ease-out alternate infinite;
}

.equaliser-column:nth-child(3) .colour-bar {
  -webkit-animation: color-bar 2s 1.5s ease-out alternate infinite;
          animation: color-bar 2s 1.5s ease-out alternate infinite;
}

.equaliser-column:nth-child(4) .colour-bar {
  -webkit-animation: color-bar 2s 0.25s ease-out alternate infinite;
          animation: color-bar 2s 0.25s ease-out alternate infinite;
}

.equaliser-column:nth-child(5) .colour-bar {
  -webkit-animation: color-bar 2s 2s ease-out alternate infinite;
          animation: color-bar 2s 2s ease-out alternate infinite;
}

.equaliser-column:nth-child(6) .colour-bar {
  -webkit-animation: color-bar 2s 1s ease-out alternate infinite;
          animation: color-bar 2s 1s ease-out alternate infinite;
}

.equaliser-column:nth-child(1) .colour-bar-second {
  -webkit-animation: color-bar 2s 1s ease-out alternate infinite;
          animation: color-bar 2s 1s ease-out alternate infinite;
}

.equaliser-column:nth-child(2) .colour-bar-second {
  -webkit-animation: color-bar 2s 0.5s ease-out alternate infinite;
          animation: color-bar 2s 0.5s ease-out alternate infinite;
}

.equaliser-column:nth-child(3) .colour-bar-second {
  -webkit-animation: color-bar 2s 1.5s ease-out alternate infinite;
          animation: color-bar 2s 1.5s ease-out alternate infinite;
}

.equaliser-column:nth-child(4) .colour-bar-second {
  -webkit-animation: color-bar 2s 0.25s ease-out alternate infinite;
          animation: color-bar 2s 0.25s ease-out alternate infinite;
}

.equaliser-column:nth-child(5) .colour-bar-second {
  -webkit-animation: color-bar 2s 2s ease-out alternate infinite;
          animation: color-bar 2s 2s ease-out alternate infinite;
}

.equaliser-column:nth-child(6) .colour-bar-second {
  -webkit-animation: color-bar 2s 1s ease-out alternate infinite;
          animation: color-bar 2s 1s ease-out alternate infinite;
}

.equaliser-column:last-child {
  margin-right: 0;
}

@-webkit-keyframes color-bar {
  0% {
    height: 7px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  10% {
    height: 13px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  20% {
    height: 6px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  30% {
    height: 12px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  40% {
    height: 17px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  50% {
    height: 19px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  60% {
    height: 13px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  70% {
    height: 18px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  80% {
    height: 11px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  90% {
    height: 13px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  100% {
    height: 10px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }
}

@keyframes color-bar {
  0% {
    height: 7px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  10% {
    height: 13px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  20% {
    height: 6px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  30% {
    height: 12px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  40% {
    height: 17px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  50% {
    height: 19px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  60% {
    height: 13px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  70% {
    height: 18px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  80% {
    height: 11px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  90% {
    height: 13px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  100% {
    height: 10px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }
}

.bar-second {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 10px;
  background: #feed01;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
  /* IE6-9 */
}

.rotate .bar-second {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 10px;
  background: #96dd63;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #96dd63 1%, #25ccd0 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#96dd63", endColorstr="#25ccd0",GradientType=0 );
  /* IE6-9 */
}

.equaliser-column:nth-child(1) .bar-second {
  -webkit-animation: bar-second 2s 1s ease-out alternate infinite;
          animation: bar-second 2s 1s ease-out alternate infinite;
}

.equaliser-column:nth-child(2) .bar-second {
  -webkit-animation: bar-second 2s 0.5s ease-out alternate infinite;
          animation: bar-second 2s 0.5s ease-out alternate infinite;
}

.equaliser-column:nth-child(3) .bar-second {
  -webkit-animation: bar-second 2s 1.5s ease-out alternate infinite;
          animation: bar-second 2s 1.5s ease-out alternate infinite;
}

.equaliser-column:nth-child(4) .bar-second {
  -webkit-animation: bar-second 2s 0.25s ease-out alternate infinite;
          animation: bar-second 2s 0.25s ease-out alternate infinite;
}

.equaliser-column:nth-child(5) .bar-second {
  -webkit-animation: bar-second 2s 2s ease-out alternate infinite;
          animation: bar-second 2s 2s ease-out alternate infinite;
}

.equaliser-column:nth-child(6) .bar-second {
  -webkit-animation: bar-second 2s 1s ease-out alternate infinite;
          animation: bar-second 2s 1s ease-out alternate infinite;
}

.equaliser-column:nth-child(1) .bar-second {
  -webkit-animation: bar-second 2s 1s ease-out alternate infinite;
          animation: bar-second 2s 1s ease-out alternate infinite;
}

.equaliser-column:nth-child(2) .bar-second {
  -webkit-animation: bar-second 2s 0.5s ease-out alternate infinite;
          animation: bar-second 2s 0.5s ease-out alternate infinite;
}

.equaliser-column:nth-child(3) .bar-second {
  -webkit-animation: bar-second 2s 1.5s ease-out alternate infinite;
          animation: bar-second 2s 1.5s ease-out alternate infinite;
}

.equaliser-column:nth-child(4) .bar-second {
  -webkit-animation: bar-second 2s 0.25s ease-out alternate infinite;
          animation: bar-second 2s 0.25s ease-out alternate infinite;
}

.equaliser-column:nth-child(5) .bar-second {
  -webkit-animation: bar-secondr 2s 2s ease-out alternate infinite;
          animation: bar-secondr 2s 2s ease-out alternate infinite;
}

.equaliser-column:nth-child(6) .bar-second {
  -webkit-animation: bar-second 2s 1s ease-out alternate infinite;
          animation: bar-second 2s 1s ease-out alternate infinite;
}

.equaliser-column:last-child {
  margin-right: 0;
}

@-webkit-keyframes bar-second {
  0% {
    height: 7px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  10% {
    height: 3px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  20% {
    height: 6px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  30% {
    height: 2px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  40% {
    height: 7px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  50% {
    height: 9px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  60% {
    height: 3px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  70% {
    height: 8px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  80% {
    height: 11px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  90% {
    height: 3px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  100% {
    height: 10px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }
}

@keyframes bar-second {
  0% {
    height: 7px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  10% {
    height: 3px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  20% {
    height: 6px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  30% {
    height: 2px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  40% {
    height: 7px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  50% {
    height: 9px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  60% {
    height: 3px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  70% {
    height: 8px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  80% {
    height: 11px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  90% {
    height: 3px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }

  100% {
    height: 10px;
    background: #feed01;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #feed01 2%, #96dd63 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#feed01", endColorstr="#96dd63",GradientType=0 );
    /* IE6-9 */
  }
}

.nutrition {
  overflow: hidden;
}

#nutrition {
  max-width: 1000px;
  margin: 0 auto;
}

.grph {
  opacity: 0;
  transform: scale(0);
}

.tooltipOuter {
  font-family: "CeraPro-Bold", sans-serif;
  width: 250px;
  height: 250px;
  font-size: 1em;
  background: #001f8f;
  color: white;
  text-align: center;
  border-radius: 50%;
  max-width: none;
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: center;
}

.tooltip.show {
  opacity: 0.8;
}

.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 60px !important;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  height: 55px;
  border-bottom: none;
  background: #001f8f;
  border-top-left-radius: 200px 100px;
  transform: rotate(-35deg);
  left: -75px;
  left: 16px;
  width: 143px;
  top: -45px;
  position: absolute;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^=top] .arrow::before {
  height: 55px;
  border-bottom: none;
  background: #001f8f;
  border-bottom-right-radius: 200px 100px;
  transform: rotate(-35deg);
  width: 143px;
  top: -75px;
  position: absolute;
  border-top-color: transparent;
}

@media only screen and (min-width: 992px) {
  .tooltip-inner {
    font-size: 1.1em !important;
    background: none;
    max-width: 190px;
  }

  .bs-tooltip-bottom .arrow::before,
  .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
    left: -125px;
  }

  .bs-tooltip-bottom .arrow,
  .bs-tooltip-auto[x-placement^=bottom] .arrow {
    top: 65px !important;
  }
}

.closeNutrition:before {
  transform: rotate(45deg);
}

.closeNutrition:after,
.closeNutrition:before {
  position: absolute;
  left: 24px;
  top: 14px;
  content: " ";
  height: 20px;
  width: 2px;
  background-color: white;
}

.closeNutrition {
  position: absolute;
  right: 30px;
  top: 10px;
  width: 50px;
  height: 50px;
  opacity: 1 !important;
  background: orange;
  padding: 20px;
  border-radius: 50%;
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}

.nutritionContainer {
  background-position: 50% 50%;
  background-size: contain;
  width: 100%;
  background-repeat: no-repeat;
  padding-top: 134.0740740741%;
  position: relative;
}

.nutritionContainer .grph {
  display: block;
  background-size: contain;
  position: absolute;
  background-repeat: no-repeat;
}

.nutritionContainer .grapes {
  background-image: url(/assets/cc3e/amita-motion/images/grapes.png?0747a3aaed24888b65af4e4ddeeded2c);
  width: 16.7592592593%;
  height: 13.3977900552%;
  top: 0%;
  left: 38.1%;
}

.nutritionContainer .orange {
  background-image: url(/assets/cc3e/amita-motion/images/orange.png?254b64afa158ae0fd0a623ac53ec04a6);
  width: 26.5740740741%;
  height: 14.8480662983%;
  top: 12.5%;
  left: 52.6%;
}

.nutritionContainer .grapefruit {
  background-image: url(/assets/cc3e/amita-motion/images/grapefruit.png?c207c32a8c2b42e1b8037d837aa010b3);
  width: 28.6111111111%;
  height: 17.7486187845%;
  top: 9.5%;
  left: -6.4%;
}

.nutritionContainer .peach {
  background-image: url(/assets/cc3e/amita-motion/images/peach.png?d871b252487b123fd89760bf58863d7a);
  width: 36.2037037037%;
  height: 18.3701657459%;
  top: 27.9%;
  left: 17.2%;
  z-index: 2;
}

.nutritionContainer .passion {
  background-image: url(/assets/cc3e/amita-motion/images/passion.png?0f630dd61d5adbc14a83601ffbdcd5f3);
  width: 30.8333333333%;
  height: 18.3701657459%;
  top: 31%;
  left: 74.2%;
}

.nutritionContainer .kiwi {
  background-image: url(/assets/cc3e/amita-motion/images/kiwi.png?cc8d4f609b25179670f28ecb6410385a);
  width: 10.2777777778%;
  height: 8.6325966851%;
  top: 50.9%;
  left: 13.7%;
}

.nutritionContainer .mango {
  background-image: url(/assets/cc3e/amita-motion/images/mango.png?b4ca8f73b7c82d900a2a65789933f4fa);
  width: 16.4814814815%;
  height: 7.320441989%;
  top: 53.2%;
  left: 68.1%;
}

.nutritionContainer .pineapple {
  background-image: url(/assets/cc3e/amita-motion/images/pineapple.png?d79bf8f1514c33ab1346fef53bda5761);
  width: 22.5%;
  height: 13.1906077348%;
  top: 70.5%;
  left: 4.6%;
}

.nutritionContainer .apple {
  background-image: url(/assets/cc3e/amita-motion/images/apple.png?acf7e0693aaf422507d91dd3fa909816);
  width: 16.3888888889%;
  height: 8.2872928177%;
  top: 75.8%;
  left: 72.2%;
}

.nutritionContainer .pack {
  background-image: url(/assets/cc3e/amita-motion/images/nutrition_pack_mobile.png?17bcfa48bd0633e3151b3afbfc7ca691);
  width: 27.962962963%;
  height: 58.3563535912%;
  top: 41.4%;
  left: 36.1%;
  z-index: 1;
}

.nutritionContainer .plus1 {
  background-image: url(/assets/cc3e/amita-motion/images/icon_b6.png?49bb2734df510a7160c6db70247c95da);
  width: 9.2592592593%;
  height: 6.9060773481%;
  top: 1.2%;
  left: 22.9%;
}

.nutritionContainer .plus2 {
  background-image: url(/assets/cc3e/amita-motion/images/icon_b12.png?1efa06775d206dff08067ddc2fdd6abb);
  width: 11.1111111111%;
  height: 8.2872928177%;
  top: 5%;
  left: 75.3%;
}

.nutritionContainer .plus3 {
  background-image: url(/assets/cc3e/amita-motion/images/icon_c.png?78dbc30f3ea222982ec43e6e58868368);
  width: 7.4074074074%;
  height: 5.5248618785%;
  top: 21.6%;
  left: 28.9%;
}

.nutritionContainer .plus4 {
  background-image: url(/assets/cc3e/amita-motion/images/icon_viotini_mob.png?4389415095d13d6e5648902a9adcb9b0);
  width: 8.3333333333%;
  height: 6.2154696133%;
  top: 34%;
  left: 61.3%;
}

.nutritionContainer .plus5 {
  background-image: url(/assets/cc3e/amita-motion/images/icon_niasini_mob.png?44d1167f663b895e5b78b0014bc85429);
  width: 8.3333333333%;
  height: 6.2154696133%;
  top: 39.5%;
  left: 7.3%;
}

.nutritionContainer .plus6 {
  background-image: url(/assets/cc3e/amita-motion/images/icon_foliko_mob.png?e4646af7541e29eced89a07dc94c5627);
  width: 7.4074074074%;
  height: 5.5248618785%;
  top: 66%;
  left: 21.4%;
}

.nutritionContainer .plus7 {
  background-image: url(/assets/cc3e/amita-motion/images/icon_e.png?2174d9dda47f9674df864d8b74236bc3);
  width: 7.4074074074%;
  height: 5.5248618785%;
  top: 66.7%;
  left: 70.4%;
}

@media only screen and (orientation: landscape) and (min-width: 768px) {
  #nutrition {
    max-width: 1300px;
    margin: 0 auto;
  }

  .nutritionContainer {
    background-position: 50% 50%;
    background-size: contain;
    width: 100%;
    background-repeat: no-repeat;
    padding-top: 60.0463678516%;
    position: relative;
    margin-top: -160px;
  }

  .nutritionContainer .grph {
    display: block;
    background-size: contain;
    position: absolute;
    background-repeat: no-repeat;
  }

  .nutritionContainer .grapes {
    background-image: url(/assets/cc3e/amita-motion/images/grapes.png?0747a3aaed24888b65af4e4ddeeded2c);
    width: 9.5054095827%;
    height: 16.9884169884%;
    top: 19%;
    left: 31.9%;
  }

  .nutritionContainer .orange {
    background-image: url(/assets/cc3e/amita-motion/images/orange.png?254b64afa158ae0fd0a623ac53ec04a6);
    width: 14.9922720247%;
    height: 18.7902187902%;
    top: 1.1%;
    left: 76%;
  }

  .nutritionContainer .grapefruit {
    background-image: url(/assets/cc3e/amita-motion/images/grapefruit.png?c207c32a8c2b42e1b8037d837aa010b3);
    width: 16.0741885626%;
    height: 22.2651222651%;
    top: 5.3%;
    left: 5.2%;
  }

  .nutritionContainer .peach {
    background-image: url(/assets/cc3e/amita-motion/images/peach.png?d871b252487b123fd89760bf58863d7a);
    width: 19.9381761978%;
    height: 22.6512226512%;
    top: 59.2%;
    left: 24.6%;
    z-index: 2;
  }

  .nutritionContainer .passion {
    background-image: url(/assets/cc3e/amita-motion/images/passion.png?0f630dd61d5adbc14a83601ffbdcd5f3);
    width: 17.9289026275%;
    height: 23.9382239382%;
    top: 39.4%;
    left: 81.8%;
  }

  .nutritionContainer .kiwi {
    background-image: url(/assets/cc3e/amita-motion/images/kiwi.png?cc8d4f609b25179670f28ecb6410385a);
    width: 5.8732612056%;
    height: 10.9395109395%;
    top: 37%;
    left: 24.8%;
  }

  .nutritionContainer .mango {
    background-image: url(/assets/cc3e/amita-motion/images/mango.png?b4ca8f73b7c82d900a2a65789933f4fa);
    width: 9.42812983%;
    height: 9.42812983%;
    top: 24.7%;
    left: 66.9%;
  }

  .nutritionContainer .pineapple {
    background-image: url(/assets/cc3e/amita-motion/images/pineapple.png?d79bf8f1514c33ab1346fef53bda5761);
    width: 12.6738794436%;
    height: 16.6023166023%;
    top: 40.5%;
    left: 0.2%;
  }

  .nutritionContainer .apple {
    background-image: url(/assets/cc3e/amita-motion/images/apple.png?acf7e0693aaf422507d91dd3fa909816);
    width: 9.2735703246%;
    height: 10.5534105534%;
    top: 54.9%;
    left: 55.6%;
  }

  .nutritionContainer .pack {
    background-image: url(/assets/cc3e/amita-motion/images/nutrition_pack.png?33a37a69d7a0cb63c855b6be5fa4ebfe);
    width: 13.8330757342%;
    height: 81.7245817246%;
    top: 18.2%;
    left: 42.9%;
    z-index: 1;
  }

  .nutritionContainer .plus1 {
    background-image: url(/assets/cc3e/amita-motion/images/icon_b6.png?49bb2734df510a7160c6db70247c95da);
    width: 4.3276661515%;
    height: 7.2072072072%;
    top: 25%;
    left: 20.7%;
  }

  .nutritionContainer .plus2 {
    background-image: url(/assets/cc3e/amita-motion/images/icon_b12.png?1efa06775d206dff08067ddc2fdd6abb);
    width: 5.2550231839%;
    height: 8.7516087516%;
    top: 34%;
    left: 78.5%;
  }

  .nutritionContainer .plus3 {
    background-image: url(/assets/cc3e/amita-motion/images/icon_c.png?78dbc30f3ea222982ec43e6e58868368);
    width: 4.3276661515%;
    height: 7.2072072072%;
    top: 0.5%;
    left: 91%;
  }

  .nutritionContainer .plus4 {
    background-image: url(/assets/cc3e/amita-motion/images/icon_viotini.png?ad48d197eec5e5c1aeebc5e2633594d6);
    width: 9.8145285935%;
    height: 5.7915057915%;
    top: 22.7%;
    left: 57.4%;
  }

  .nutritionContainer .plus5 {
    background-image: url(/assets/cc3e/amita-motion/images/icon_niasini.png?c50d8deabfaaecdb6a2ea1da98f95b2d);
    width: 18.85625966%;
    height: 13.3848133848%;
    top: 58%;
    left: 9%;
  }

  .nutritionContainer .plus6 {
    background-image: url(/assets/cc3e/amita-motion/images/icon_foliko.png?d83893452a7e5a2d1a5704063339b108);
    width: 10.9737248841%;
    height: 5.9202059202%;
    top: 50.1%;
    left: 25.1%;
  }

  .nutritionContainer .plus7 {
    background-image: url(/assets/cc3e/amita-motion/images/icon_e.png?2174d9dda47f9674df864d8b74236bc3);
    width: 3.5548686244%;
    height: 5.9202059202%;
    top: 54.7%;
    left: 65.5%;
  }
}

.nutrition .logo img {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .nutrition .logo img {
    width: auto;
  }

  .container-fluid.nutrition {
    margin-top: 5%;
  }
}

.nutrition .title {
  display: block;
}

.nutritionTextModal {
  max-width: 80%;
  margin: 2vh auto !important;
  font-size: 1.2em !important;
}

@media only screen and (orientation: portrait) and (min-width: 520px) {
  .nutritionTextModal {
    font-size: 1.6em !important;
  }
}

/* =====================  */

/* Breakpoints
-------------------------------------------------- */

/*Small devices */

/*Medium devices*/

/*Large devices*/

/*Extra large devices*/

.history-container .image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.font-26 {
  font-size: 20px !important;
}

.font-24 {
  font-size: 18px !important;
}

.font-20 {
  font-size: 14px !important;
}

.line-height-20 {
  line-height: 20px !important;
}

.history-container span {
  font-family: "CeraPro-Bold", sans-serif;
  color: #fff;
}

.history-container p {
  font-family: "CeraPro-Bold", sans-serif;
  font-size: 18px;
  line-height: 28px;
  color: #fff;
}

@media only screen and (min-width: 768px) {
  .history-container p {
    font-size: 20px;
  }

  .font-26 {
    font-size: 22px !important;
  }

  .font-24 {
    font-size: 20px !important;
  }

  .font-20 {
    font-size: 16px !important;
  }
}

@media only screen and (min-width: 992px) {
  .history-container p {
    font-size: 22px !important;
  }

  .font-26 {
    font-size: 24px !important;
  }

  .font-24 {
    font-size: 22px !important;
  }

  .font-20 {
    font-size: 18px !important;
  }
}

@media only screen and (min-width: 1200px) {
  .history-container p {
    font-size: 28px;
  }

  .font-26 {
    font-size: 26px !important;
  }

  .font-24 {
    font-size: 24px !important;
  }

  .font-20 {
    font-size: 20px !important;
  }
}

.history-container .btn {
  font-size: 18px;
  padding-top: 13px;
}

.history-container .section {
  margin-top: 76px;
}

@media only screen and (min-width: 1200px) {
  .history-container .section {
    margin-top: 120px;
  }
}

@media only screen and (min-width: 1200px) and (min-height: 1050px) {
  .history-container .section {
    margin-top: unset;
  }
}

.historyHero,
.heroTitle {
  display: flex;
}

@media only screen and (min-width: 1200px) and (min-height: 1050px) {
  .historyHero,
  .heroTitle {
    display: table;
  }
}

.history-container .mw-960 {
  max-width: 960px;
}

.history-container .mw-190 {
  max-width: 80px;
}

.history-container .mw-487,
.history-container .mw-440,
.history-container .mw-564,
.history-container .mw-480,
.history-container .mw-350 {
  max-width: 220px;
}

@media only screen and (min-width: 576px) {
  .history-container .mw-487 {
    max-width: 487px;
  }

  .history-container .mw-440 {
    max-width: 440px;
  }

  .history-container .mw-350 {
    max-width: 350px;
  }

  .history-container .mw-564 {
    max-width: 564px;
  }

  .history-container .mw-480 {
    max-width: 480px;
  }

  .history-container .mw-190 {
    max-width: 190px;
  }
}

.history-container .blue-fasa:before {
  display: none;
}

.history-container .playIcon img {
  border-radius: 20px;
}

.pt-35 {
  padding-top: 35%;
}

.pt-20 {
  padding-top: 20%;
}

.lines {
  display: none;
}

@media only screen and (min-height: 1200px) and (min-width: 1200px) {
  .lines {
    display: block;
  }
}

#fp-nav {
  background-color: #001689;
  border-radius: 30px;
  padding: 10px 2px 10px 2px;
}

#fp-nav ul li a span {
  height: 5px !important;
  width: 5px !important;
  background: #ffffff !important;
}

#fp-nav ul li a.active span {
  height: 20px !important;
  width: 20px !important;
  margin: -9px 0 0px -10px !important;
  background-color: #fea00b !important;
}

#fp-nav ul li .fp-tooltip.fp-left {
  font-family: "CeraProBlackItalic" !important;
  font-size: 13px !important;
  left: -1px !important;
  z-index: 1 !important;
  top: -2px !important;
  pointer-events: none;
}

#fp-nav ul li:hover .fp-tooltip {
  opacity: 0 !important;
}

#fp-nav ul li:hover a span {
  margin: -2px 0 0 -2px !important;
}

#fp-nav ul li a.active span {
  margin: -9px 0 0px -10px !important;
}

/* Breakpoints
-------------------------------------------------- */

/*Small devices */

/*Medium devices*/

/*Large devices*/

/*Extra large devices*/

.poiotitaParagwgis .title p {
  font-family: "CeraPro-Bold", sans-serif;
  color: #fff;
  font-size: 18px;
}

.poiotitaParagwgis span {
  font-size: 24px;
}

.mt-neg-100 {
  margin-top: -100px;
}

.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.pos-abs-b-0 {
  position: relative;
}

.pos-abs-t-0 {
  position: relative;
}

@media only screen and (min-width: 1200px) {
  .pos-abs-b-0 {
    position: absolute;
    bottom: 0;
  }

  .pos-abs-t-0 {
    position: absolute;
    top: 0;
  }
}

.pack-margin {
  margin-bottom: -40%;
}

@media only screen and (min-width: 576px) {
  .pack-margin {
    margin-bottom: -35%;
  }
}

@media only screen and (min-width: 992px) {
  .pack-margin {
    margin-bottom: -20%;
  }
}

@media only screen and (min-width: 1200px) {
  .pack-margin {
    margin-bottom: 0;
  }
}

.listen-up-cap {
  top: 0;
}

@media only screen and (orientation: landscape) {
  .listen-up-cap {
    right: 25%;
  }
}

@media only screen and (orientation: portrait) {
  .listen-up-cap {
    right: 0%;
  }
}

@media only screen and (min-width: 576px) {
  .listen-up-cap {
    right: 30%;
  }
}

@media only screen and (min-width: 768px) {
  .listen-up-cap {
    right: 35%;
  }
}

@media only screen and (min-width: 992px) {
  .listen-up-cap {
    right: 40%;
  }
}

@media only screen and (min-width: 1200px) {
  .listen-up-cap {
    right: 35%;
  }
}

/* Breakpoints
-------------------------------------------------- */

/*Small devices */

/*Medium devices*/

/*Large devices*/

/*Extra large devices*/

table#soundsurf-winners td {
  font-family: "CeraPro-Bold", sans-serif;
  color: white;
  border-bottom: 2px solid #009fe3;
  border-top: none;
  font-size: 0.85em;
}

@media only screen and (min-width: 992px) {
  table#soundsurf-winners td {
    font-size: 1em;
  }
}

@media only screen and (min-width: 1200px) {
  table#soundsurf-winners td {
    font-size: 1.2em;
  }
}

table#soundsurf-winners td:nth-child(3) {
  text-align: right;
}

@media only screen and (min-width: 992px) {
  #dora_kathe_mera .soundsurf-winners p {
    font-family: "CeraPro-Bold", sans-serif;
    color: white;
    font-size: 1em;
  }
}

img.theArtists {
  max-width: 120px;
}

@media only screen and (min-width: 768px) {
  img.theArtists {
    max-width: 200px;
  }
}

.artists-wrapper .input-hidden {
  display: none;
}

.theArtists {
  transition: all ease 0.8s;
  border-radius: 15px;
  margin: 5px;
}

.theArtists:hover {
  transition: all ease 0.15s;
  transform: scale(0.95);
}

.artists-wrapper input[type=radio]:checked + label > img.theArtists {
  transition: all ease 0.15s;
  transform: scale(1.05);
  border: 5px solid #ffa400;
}

.artists-wrapper input[type=radio]:disabled + label img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transform: none;
  opacity: 0.4;
}

.artists-wrapper > label {
  position: relative;
}

#dora_kathe_mera .soundsurf-winners p {
  font-family: "CeraPro-Bold", sans-serif;
  color: white;
  font-size: 1em;
  padding-top: 15px;
}

.doraki:hover {
  transform: translateY(-5px);
  transition: all ease 0.2s;
}

.doraki {
  transition: all ease 0.8s;
}

#package {
  position: absolute;
  top: 4%;
  left: 26%;
}

#kapaki {
  position: relative;
  top: 13%;
  left: 19%;
}

#kapaki {
  position: absolute;
  top: 0%;
  left: 49%;
}

#lektika {
  position: relative;
}

@media only screen and (min-width: 1200px) {
  #lektika {
    position: absolute;
    bottom: 0;
  }
}

.eq-sound-wave {
  position: relative;
  left: 0;
  width: 100vw;
  z-index: -1;
}

.eq-sound-wave .equalizer {
  position: relative;
  display: flex;
  justify-content: center;
}

.one-bar,
.two-bar,
.three-bar,
.four-bar,
.five-bar,
.six-bar,
.seven-bar {
  display: inline-block;
  width: 27px;
  border-radius: 35px;
  transition: 0.6s;
  background-image: linear-gradient(#ffed00, #2acdca);
  position: absolute;
}

ul#bares-container li:nth-child(1) {
  left: 0px;
}

ul#bares-container li:nth-child(2) {
  left: 40px;
}

ul#bares-container li:nth-child(3) {
  left: 80px;
}

ul#bares-container li:nth-child(4) {
  left: 120px;
}

ul#bares-container li:nth-child(5) {
  left: 160px;
}

ul#bares-container li:nth-child(6) {
  left: 200px;
}

ul#bares-container li:nth-child(7) {
  left: 240px;
}

ul#bares-container li:nth-child(8) {
  left: 280px;
}

ul#bares-container li:nth-child(9) {
  left: 320px;
}

ul#bares-container li:nth-child(10) {
  left: 360px;
}

ul#bares-container li:nth-child(11) {
  left: 400px;
}

ul#bares-container li:nth-child(12) {
  left: 440px;
}

ul#bares-container li:nth-child(13) {
  left: 480px;
}

ul#bares-container li:nth-child(14) {
  left: 520px;
}

ul#bares-container li:nth-child(15) {
  left: 560px;
}

ul#bares-container li:nth-child(16) {
  left: 600px;
}

ul#bares-container li:nth-child(17) {
  left: 640px;
}

ul#bares-container li:nth-child(18) {
  left: 680px;
}

ul#bares-container li:nth-child(19) {
  left: 720px;
}

ul#bares-container li:nth-child(20) {
  left: 760px;
}

ul#bares-container li:nth-child(21) {
  left: 800px;
}

ul#bares-container li:nth-child(22) {
  left: 840px;
}

ul#bares-container li:nth-child(23) {
  left: 880px;
}

ul#bares-container li:nth-child(24) {
  left: 920px;
}

ul#bares-container li:nth-child(25) {
  left: 960px;
}

ul#bares-container li:nth-child(26) {
  left: 1000px;
}

ul#bares-container li:nth-child(27) {
  left: 1040px;
}

ul#bares-container li:nth-child(28) {
  left: 1080px;
}

ul#bares-container li:nth-child(29) {
  left: 1120px;
}

ul#bares-container li:nth-child(30) {
  left: 1160px;
}

ul#bares-container li:nth-child(31) {
  left: 1200px;
}

ul#bares-container li:nth-child(32) {
  left: 1240px;
}

ul#bares-container li:nth-child(33) {
  left: 1280px;
}

ul#bares-container li:nth-child(34) {
  left: 1320px;
}

ul#bares-container li:nth-child(35) {
  left: 1360px;
}

ul#bares-container li:nth-child(36) {
  left: 1400px;
}

ul#bares-container li:nth-child(37) {
  left: 1440px;
}

ul#bares-container li:nth-child(38) {
  left: 1480px;
}

ul#bares-container li:nth-child(39) {
  left: 1520px;
}

ul#bares-container li:nth-child(40) {
  left: 1560px;
}

ul#bares-container li:nth-child(41) {
  left: 1600px;
}

ul#bares-container li:nth-child(42) {
  left: 1640px;
}

ul#bares-container li:nth-child(43) {
  left: 1680px;
}

ul#bares-container li:nth-child(44) {
  left: 1720px;
}

ul#bares-container li:nth-child(45) {
  left: 1760px;
}

ul#bares-container li:nth-child(46) {
  left: 1800px;
}

ul#bares-container li:nth-child(47) {
  left: 1840px;
}

.bc-red-light {
  background: #e52137;
}

.bc-red {
  background: #e40522;
}

.bc-red-one {
  background: #e42061;
}

.bc-red-two {
  background: #e43353;
}

.bc-red-three {
  background: #e43247;
}

.bc-red-four {
  background: #e22039;
}

.bc-yellow {
  background: #f6a400;
}

.bc-yellow-light {
  background: #ffd318;
}

.bc-yellow-light-two {
  background: #dcdd3a;
}

.bc-lime {
  background: #bad051;
}

.bc-lime-two {
  background: #93c13d;
}

.bc-green-light {
  background: #64b23a;
}

.bc-green {
  background: #38a93f;
}

.bc-green-two {
  background: #009541;
}

.bc-pink-light {
  background: #e61d61;
}

.bc-pink {
  background: #d71e83;
}

.bc-pink-two {
  background: #c72185;
}

.bc-purple {
  background: #8b237f;
}

.bc-purple-one {
  background: #9c207f;
}

.bc-purple-two {
  background: #ac1b7f;
}

.bc-purple-three {
  background: #c52683;
}

.bc-purple-four {
  background: #d52382;
}

.bc-purple-five {
  background: #e41e7e;
}

.bc-purple-six {
  background: #e31f6d;
}

.bc-blue-one {
  background: #006cb1;
}

.bc-blue-two {
  background: #0072b6;
}

.bc-blue-three {
  background: #0183c6;
}

.bc-blue-four {
  background: #0592cf;
}

.one-bar {
  height: 100px;
  top: -50px;
  -webkit-animation-delay: -1.9s;
          animation-delay: -1.9s;
  /*background:#99187c;*/
}

.two-bar {
  height: 180px;
  top: -90px;
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
  /*background:#ae1280;*/
}

.three-bar {
  height: 245px;
  top: -122.5px;
  -webkit-animation-delay: -2.9s;
          animation-delay: -2.9s;
  /*background:#c72185;*/
}

.four-bar {
  height: 300px;
  top: -150px;
  -webkit-animation-delay: -3.9s;
          animation-delay: -3.9s;
  /*background:#d71e83;*/
}

.five-bar {
  height: 50px;
  -webkit-animation-delay: -2.9s;
          animation-delay: -2.9s;
  /*background:#e6197e;*/
}

.six-bar {
  height: 30px;
  -webkit-animation-delay: -1.9s;
          animation-delay: -1.9s;
  /*background:#e51b6d;*/
}

.seven-bar {
  height: 10px;
  -webkit-animation-delay: -3.9s;
          animation-delay: -3.9s;
  /*background:#e51b6d;*/
}

ul#bares-container {
  padding: 0;
  margin: 0;
  left: 0;
  position: absolute;
}

ul#bares-container li:last-child {
  padding: 0;
  margin: 0;
}

.playEqualizer-one {
  -webkit-animation: equalize-one 3s 0s infinite;
          animation: equalize-one 3s 0s infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  /*animation-delay: 2s;*/
}

.playEqualizer-two {
  -webkit-animation: equalize-two 2s 0s infinite;
          animation: equalize-two 2s 0s infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  /*animation-delay: 2s;*/
}

.playEqualizer-three {
  -webkit-animation: equalize-three 3s 0s infinite;
          animation: equalize-three 3s 0s infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  /*animation-delay: 2s;*/
}

.playEqualizer-four {
  -webkit-animation: equalize-four 2s 0s infinite;
          animation: equalize-four 2s 0s infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  /*animation-delay: 2s;*/
}

.playEqualizer-four.no-delay {
  -webkit-animation: equalize-two 2s 0s infinite;
          animation: equalize-two 2s 0s infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

@-webkit-keyframes equalize-one {
  0% {
    height: 85px;
    top: -42.5px;
  }

  4% {
    height: 60px;
    top: -30px;
  }

  8% {
    height: 50px;
    top: -25px;
  }

  12% {
    height: 40px;
    top: -20px;
  }

  16% {
    height: 30px;
    top: -15px;
  }

  20% {
    height: 40px;
    top: -20px;
  }

  24% {
    height: 30px;
    top: -15px;
  }

  28% {
    height: 15px;
    top: -7.5px;
  }

  32% {
    height: 20px;
    top: -10px;
  }

  36% {
    height: 100px;
    top: -50px;
  }

  40% {
    height: 62px;
    top: -31px;
  }

  44% {
    height: 76px;
    top: -38px;
  }

  48% {
    height: 50px;
    top: -25px;
  }

  52% {
    height: 60px;
    top: -30px;
  }

  56% {
    height: 30px;
    top: -15px;
  }

  60% {
    height: 42px;
    top: -21px;
  }

  64% {
    height: 58px;
    top: -29px;
  }

  68% {
    height: 28px;
    top: -14px;
  }

  72% {
    height: 100px;
    top: -50px;
  }

  76% {
    height: 90px;
    top: -45px;
  }

  80% {
    height: 68px;
    top: -34px;
  }

  84% {
    height: 48px;
    top: -24px;
  }

  88% {
    height: 78px;
    top: -39px;
  }

  92% {
    height: 60px;
    top: -30px;
  }

  96% {
    height: 100px;
    top: -50px;
  }

  100% {
    height: 75px;
    top: -37.5px;
  }
}

@keyframes equalize-one {
  0% {
    height: 85px;
    top: -42.5px;
  }

  4% {
    height: 60px;
    top: -30px;
  }

  8% {
    height: 50px;
    top: -25px;
  }

  12% {
    height: 40px;
    top: -20px;
  }

  16% {
    height: 30px;
    top: -15px;
  }

  20% {
    height: 40px;
    top: -20px;
  }

  24% {
    height: 30px;
    top: -15px;
  }

  28% {
    height: 15px;
    top: -7.5px;
  }

  32% {
    height: 20px;
    top: -10px;
  }

  36% {
    height: 100px;
    top: -50px;
  }

  40% {
    height: 62px;
    top: -31px;
  }

  44% {
    height: 76px;
    top: -38px;
  }

  48% {
    height: 50px;
    top: -25px;
  }

  52% {
    height: 60px;
    top: -30px;
  }

  56% {
    height: 30px;
    top: -15px;
  }

  60% {
    height: 42px;
    top: -21px;
  }

  64% {
    height: 58px;
    top: -29px;
  }

  68% {
    height: 28px;
    top: -14px;
  }

  72% {
    height: 100px;
    top: -50px;
  }

  76% {
    height: 90px;
    top: -45px;
  }

  80% {
    height: 68px;
    top: -34px;
  }

  84% {
    height: 48px;
    top: -24px;
  }

  88% {
    height: 78px;
    top: -39px;
  }

  92% {
    height: 60px;
    top: -30px;
  }

  96% {
    height: 100px;
    top: -50px;
  }

  100% {
    height: 75px;
    top: -37.5px;
  }
}

@-webkit-keyframes equalize-two {
  0% {
    height: 190px;
    top: -95px;
  }

  4% {
    height: 110px;
    top: -55px;
  }

  8% {
    height: 90px;
    top: -45px;
  }

  12% {
    height: 60px;
    top: -30px;
  }

  16% {
    height: 100px;
    top: -50px;
  }

  20% {
    height: 45px;
    top: -22.5px;
  }

  24% {
    height: 65px;
    top: -35.5px;
  }

  28% {
    height: 50px;
    top: -25px;
  }

  32% {
    height: 120px;
    top: -60px;
  }

  36% {
    height: 180px;
    top: -90px;
  }

  40% {
    height: 90px;
    top: -45px;
  }

  44% {
    height: 95px;
    top: -47.5px;
  }

  48% {
    height: 60px;
    top: -30px;
  }

  52% {
    height: 110px;
    top: -55px;
  }

  56% {
    height: 80px;
    top: -40px;
  }

  60% {
    height: 65px;
    top: -32.5px;
  }

  64% {
    height: 75px;
    top: -37.5px;
  }

  68% {
    height: 95px;
    top: -47.5px;
  }

  72% {
    height: 180px;
    top: -90px;
  }

  76% {
    height: 120px;
    top: -60px;
  }

  80% {
    height: 160px;
    top: -80px;
  }

  84% {
    height: 80px;
    top: -40px;
  }

  88% {
    height: 60px;
    top: -30px;
  }

  92% {
    height: 90px;
    top: -45px;
  }

  96% {
    height: 180px;
    top: -90px;
  }

  100% {
    height: 220px;
    top: -110px;
  }
}

@keyframes equalize-two {
  0% {
    height: 190px;
    top: -95px;
  }

  4% {
    height: 110px;
    top: -55px;
  }

  8% {
    height: 90px;
    top: -45px;
  }

  12% {
    height: 60px;
    top: -30px;
  }

  16% {
    height: 100px;
    top: -50px;
  }

  20% {
    height: 45px;
    top: -22.5px;
  }

  24% {
    height: 65px;
    top: -35.5px;
  }

  28% {
    height: 50px;
    top: -25px;
  }

  32% {
    height: 120px;
    top: -60px;
  }

  36% {
    height: 180px;
    top: -90px;
  }

  40% {
    height: 90px;
    top: -45px;
  }

  44% {
    height: 95px;
    top: -47.5px;
  }

  48% {
    height: 60px;
    top: -30px;
  }

  52% {
    height: 110px;
    top: -55px;
  }

  56% {
    height: 80px;
    top: -40px;
  }

  60% {
    height: 65px;
    top: -32.5px;
  }

  64% {
    height: 75px;
    top: -37.5px;
  }

  68% {
    height: 95px;
    top: -47.5px;
  }

  72% {
    height: 180px;
    top: -90px;
  }

  76% {
    height: 120px;
    top: -60px;
  }

  80% {
    height: 160px;
    top: -80px;
  }

  84% {
    height: 80px;
    top: -40px;
  }

  88% {
    height: 60px;
    top: -30px;
  }

  92% {
    height: 90px;
    top: -45px;
  }

  96% {
    height: 180px;
    top: -90px;
  }

  100% {
    height: 220px;
    top: -110px;
  }
}

@-webkit-keyframes equalize-three {
  0% {
    height: 220px;
    top: -110px;
  }

  4% {
    height: 200px;
    top: -100px;
  }

  8% {
    height: 185px;
    top: -92.5px;
  }

  12% {
    height: 160px;
    top: -80px;
  }

  16% {
    height: 120px;
    top: -60px;
  }

  20% {
    height: 200px;
    top: -100px;
  }

  24% {
    height: 190px;
    top: -95px;
  }

  28% {
    height: 160px;
    top: -80px;
  }

  32% {
    height: 210px;
    top: -105px;
  }

  36% {
    height: 245px;
    top: -122.5px;
  }

  40% {
    height: 190px;
    top: -95px;
  }

  44% {
    height: 165px;
    top: -82.5px;
  }

  48% {
    height: 120px;
    top: -60px;
  }

  52% {
    height: 150px;
    top: -75px;
  }

  56% {
    height: 160px;
    top: -80px;
  }

  60% {
    height: 170px;
    top: -85px;
  }

  64% {
    height: 110px;
    top: -55px;
  }

  68% {
    height: 140px;
    top: -70px;
  }

  72% {
    height: 245px;
    top: -122.5px;
  }

  76% {
    height: 190px;
    top: -80px;
  }

  80% {
    height: 120px;
    top: -60px;
  }

  84% {
    height: 160px;
    top: -80px;
  }

  88% {
    height: 130px;
    top: -65px;
  }

  92% {
    height: 200px;
    top: -100px;
  }

  96% {
    height: 245px;
    top: -122.5px;
  }

  100% {
    height: 210px;
    top: -105px;
  }
}

@keyframes equalize-three {
  0% {
    height: 220px;
    top: -110px;
  }

  4% {
    height: 200px;
    top: -100px;
  }

  8% {
    height: 185px;
    top: -92.5px;
  }

  12% {
    height: 160px;
    top: -80px;
  }

  16% {
    height: 120px;
    top: -60px;
  }

  20% {
    height: 200px;
    top: -100px;
  }

  24% {
    height: 190px;
    top: -95px;
  }

  28% {
    height: 160px;
    top: -80px;
  }

  32% {
    height: 210px;
    top: -105px;
  }

  36% {
    height: 245px;
    top: -122.5px;
  }

  40% {
    height: 190px;
    top: -95px;
  }

  44% {
    height: 165px;
    top: -82.5px;
  }

  48% {
    height: 120px;
    top: -60px;
  }

  52% {
    height: 150px;
    top: -75px;
  }

  56% {
    height: 160px;
    top: -80px;
  }

  60% {
    height: 170px;
    top: -85px;
  }

  64% {
    height: 110px;
    top: -55px;
  }

  68% {
    height: 140px;
    top: -70px;
  }

  72% {
    height: 245px;
    top: -122.5px;
  }

  76% {
    height: 190px;
    top: -80px;
  }

  80% {
    height: 120px;
    top: -60px;
  }

  84% {
    height: 160px;
    top: -80px;
  }

  88% {
    height: 130px;
    top: -65px;
  }

  92% {
    height: 200px;
    top: -100px;
  }

  96% {
    height: 245px;
    top: -122.5px;
  }

  100% {
    height: 210px;
    top: -105px;
  }
}

@-webkit-keyframes equalize-four {
  0% {
    height: 290px;
    top: -145px;
  }

  4% {
    height: 270px;
    top: -135px;
  }

  8% {
    height: 230px;
    top: -115px;
  }

  12% {
    height: 190px;
    top: -95px;
  }

  /*16% {*/
  /*height: 180px;*/
  /*}*/
  /*20% {*/
  /*height: 300px;*/
  /*}*/
  /*24% {*/
  /*height: 272px;*/
  /*}*/
  /*28% {*/
  /*height: 255px;*/
  /*}*/
  /*32% {*/
  /*height: 240px;*/
  /*}*/
  36% {
    height: 300px;
    top: -150px;
  }

  40% {
    height: 256px;
    top: -128px;
  }

  44% {
    height: 164px;
    top: -82px;
  }

  48% {
    height: 250px;
    top: -125px;
  }

  52% {
    height: 280px;
    top: -140px;
  }

  /*56% {*/
  /*height: 300px;*/
  /*}*/
  /*60% {*/
  /*height: 180px;*/
  /*}*/
  /*64% {*/
  /*height: 150px;*/
  /*}*/
  68% {
    height: 220px;
    top: -110px;
  }

  72% {
    height: 300px;
    top: -150px;
  }

  /*76% {*/
  /*height: 160px;*/
  /*}*/
  /*80% {*/
  /*height: 220px;*/
  /*}*/
  84% {
    height: 180px;
    top: -90px;
  }

  88% {
    height: 210px;
    top: -105px;
  }

  92% {
    height: 270px;
    top: -135px;
  }

  96% {
    height: 280px;
    top: -140px;
  }

  100% {
    height: 300px;
    top: -150px;
  }
}

@keyframes equalize-four {
  0% {
    height: 290px;
    top: -145px;
  }

  4% {
    height: 270px;
    top: -135px;
  }

  8% {
    height: 230px;
    top: -115px;
  }

  12% {
    height: 190px;
    top: -95px;
  }

  /*16% {*/
  /*height: 180px;*/
  /*}*/
  /*20% {*/
  /*height: 300px;*/
  /*}*/
  /*24% {*/
  /*height: 272px;*/
  /*}*/
  /*28% {*/
  /*height: 255px;*/
  /*}*/
  /*32% {*/
  /*height: 240px;*/
  /*}*/
  36% {
    height: 300px;
    top: -150px;
  }

  40% {
    height: 256px;
    top: -128px;
  }

  44% {
    height: 164px;
    top: -82px;
  }

  48% {
    height: 250px;
    top: -125px;
  }

  52% {
    height: 280px;
    top: -140px;
  }

  /*56% {*/
  /*height: 300px;*/
  /*}*/
  /*60% {*/
  /*height: 180px;*/
  /*}*/
  /*64% {*/
  /*height: 150px;*/
  /*}*/
  68% {
    height: 220px;
    top: -110px;
  }

  72% {
    height: 300px;
    top: -150px;
  }

  /*76% {*/
  /*height: 160px;*/
  /*}*/
  /*80% {*/
  /*height: 220px;*/
  /*}*/
  84% {
    height: 180px;
    top: -90px;
  }

  88% {
    height: 210px;
    top: -105px;
  }

  92% {
    height: 270px;
    top: -135px;
  }

  96% {
    height: 280px;
    top: -140px;
  }

  100% {
    height: 300px;
    top: -150px;
  }
}

.text-glitch {
  display: block;
  width: 800px;
  height: 288px;
  top: 10%;
}

@media only screen and (min-width: 1200px) {
  .text-glitch {
    position: unset;
  }
}

@media only screen and (min-width: 1600px) {
  .text-glitch {
    position: absolute;
  }
}

.img-wave {
  position: absolute;
  top: 90px;
  left: 0;
}

.img-wave.explorer {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.presents-scroll,
.presents-scroll:hover {
  color: #f69f00;
  text-decoration: underline;
}

/* Breakpoints
-------------------------------------------------- */

/*Small devices */

/*Medium devices*/

/*Large devices*/

/*Extra large devices*/

.demo-1 {
  --color-text: #fff;
  --color-bg: #000;
  --color-link: #f9d77e;
  --color-link-hover: #fff;
  --color-info: #efc453;
  --glitch-width: 388px;
  --glitch-height: 288px;
  --gap-horizontal: 10px;
  --gap-vertical: 5px;
  --time-anim: 4s;
  --delay-anim: 2s;
  --blend-mode-1: none;
  --blend-mode-2: none;
  --blend-mode-3: none;
  --blend-mode-4: none;
  --blend-mode-5: overlay;
  --blend-color-1: transparent;
  --blend-color-2: transparent;
  --blend-color-3: transparent;
  --blend-color-4: transparent;
  --blend-color-5: #af4949;
}

.content__title,
.content__text {
  -webkit-animation-name: glitch-anim-text;
          animation-name: glitch-anim-text;
  -webkit-animation-duration: var(--time-anim);
          animation-duration: var(--time-anim);
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.content__title {
  font-size: 12vw;
  margin: 35vh 0 0 0;
  position: relative;
  font-family: "Playfair Display", serif;
  -webkit-animation-delay: calc(var(--delay-anim) + var(--time-anim) * 0.2);
          animation-delay: calc(var(--delay-anim) + var(--time-anim) * 0.2);
}

.content__text {
  font-family: "IM Fell English", serif;
  position: absolute;
  font-size: 1.5em;
  top: 4em;
  right: 10vw;
  max-width: 500px;
  text-align: right;
  font-weight: 400;
  -webkit-animation-delay: calc(var(--delay-anim) + var(--time-anim) * 0.25);
          animation-delay: calc(var(--delay-anim) + var(--time-anim) * 0.25);
}

@media screen and (max-width: 55em) {
  .content__text {
    position: relative;
    right: auto;
    top: auto;
    font-size: 1.25em;
    padding: 0 1em;
    text-align: center;
  }
}

/* Glitch styles */

.glitch {
  position: absolute;
  top: 20px;
  right: 20px;
  width: var(--glitch-width);
  height: var(--glitch-height);
  overflow: hidden;
  z-index: -1;
}

.glitch__img {
  position: absolute;
  right: 20px;
  width: calc(100% + var(--gap-horizontal) * 2);
  height: calc(100% + var(--gap-vertical) * 2);
  background: url(/assets/cc3e/amita-motion/images/sound-wave-circle-img.png?7a5df9397656513e43c158fa92c3f8af) no-repeat 50% 0;
  background-color: transparent;
  width: 388px;
  height: 248px;
  background-color: var(--blend-color-1);
  background-size: cover;
  transform: translate3d(0, 0, 0);
  background-blend-mode: var(--blend-mode-1);
}

.glitch__img:nth-child(n+2) {
  opacity: 0;
}

.glitch__img:nth-child(n+2) {
  -webkit-animation-duration: var(--time-anim);
          animation-duration: var(--time-anim);
  -webkit-animation-delay: var(--delay-anim);
          animation-delay: var(--delay-anim);
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.glitch__img:nth-child(2) {
  /*background-color: var(--blend-color-2);*/
  background-blend-mode: var(--blend-mode-2);
  -webkit-animation-name: glitch-anim-1;
          animation-name: glitch-anim-1;
}

.glitch__img:nth-child(3) {
  /*background-color: var(--blend-color-3);*/
  background-blend-mode: var(--blend-mode-3);
  -webkit-animation-name: glitch-anim-2;
          animation-name: glitch-anim-2;
}

.glitch__img:nth-child(4) {
  /*background-color: var(--blend-color-4);*/
  background-blend-mode: var(--blend-mode-4);
  -webkit-animation-name: glitch-anim-3;
          animation-name: glitch-anim-3;
}

.glitch__img:nth-child(5) {
  /*background-color: var(--blend-color-5);*/
  background-blend-mode: var(--blend-mode-5);
  -webkit-animation-name: glitch-anim-flash;
          animation-name: glitch-anim-flash;
}

/* Animations */

@-webkit-keyframes glitch-anim-1 {
  0% {
    opacity: 1;
    transform: translate3d(var(--gap-horizontal), 0, 0);
    -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
    clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
  }

  2% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
    clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
  }

  4% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
    clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
  }

  6% {
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
    clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
  }

  8% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
  }

  10% {
    -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
  }

  12% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
  }

  14% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
  }

  16% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
  }

  18% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
  }

  20% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
  }

  21.9% {
    opacity: 1;
    transform: translate3d(var(--gap-horizontal), 0, 0);
  }

  22%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  }
}

@keyframes glitch-anim-1 {
  0% {
    opacity: 1;
    transform: translate3d(var(--gap-horizontal), 0, 0);
    -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
    clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
  }

  2% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
    clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
  }

  4% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
    clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
  }

  6% {
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
    clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
  }

  8% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
  }

  10% {
    -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
  }

  12% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
  }

  14% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
  }

  16% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
  }

  18% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
  }

  20% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
  }

  21.9% {
    opacity: 1;
    transform: translate3d(var(--gap-horizontal), 0, 0);
  }

  22%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  }
}

@-webkit-keyframes glitch-anim-2 {
  0% {
    opacity: 1;
    transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
    -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
    clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
  }

  3% {
    -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
    clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
  }

  5% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
    clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
  }

  7% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
  }

  9% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
    clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
  }

  11% {
    -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
    clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
  }

  13% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
  }

  15% {
    -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
    clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
  }

  17% {
    -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
    clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
  }

  19% {
    -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
    clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
  }

  20% {
    -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
    clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
  }

  21.9% {
    opacity: 1;
    transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
  }

  22%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  }
}

@keyframes glitch-anim-2 {
  0% {
    opacity: 1;
    transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
    -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
    clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
  }

  3% {
    -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
    clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
  }

  5% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
    clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
  }

  7% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
  }

  9% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
    clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
  }

  11% {
    -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
    clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
  }

  13% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
  }

  15% {
    -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
    clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
  }

  17% {
    -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
    clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
  }

  19% {
    -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
    clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
  }

  20% {
    -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
    clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
  }

  21.9% {
    opacity: 1;
    transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
  }

  22%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  }
}

@-webkit-keyframes glitch-anim-3 {
  0% {
    opacity: 1;
    transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1, -1, 1);
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
    clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
  }

  1.5% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
    clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
  }

  2% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
    clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
  }

  2.5% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
  }

  3% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
    clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
  }

  5% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
    clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
  }

  5.5% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
    clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
  }

  7% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
    clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
  }

  8% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
  }

  9% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
    clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
  }

  10.5% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
    clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
  }

  11% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
    clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
  }

  13% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
    clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
  }

  14% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
    clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
  }

  14.5% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
    clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
  }

  15% {
    -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
    clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
  }

  16% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
  }

  18% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
    clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
  }

  20% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
    clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
  }

  21.9% {
    opacity: 1;
    transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1, -1, 1);
  }

  22%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  }
}

@keyframes glitch-anim-3 {
  0% {
    opacity: 1;
    transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1, -1, 1);
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
    clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
  }

  1.5% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
    clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
  }

  2% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
    clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
  }

  2.5% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
  }

  3% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
    clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
  }

  5% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
    clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
  }

  5.5% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
    clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
  }

  7% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
    clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
  }

  8% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
  }

  9% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
    clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
  }

  10.5% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
    clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
  }

  11% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
    clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
  }

  13% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
    clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
  }

  14% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
    clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
  }

  14.5% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
    clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
  }

  15% {
    -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
    clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
  }

  16% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
  }

  18% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
    clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
  }

  20% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
    clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
  }

  21.9% {
    opacity: 1;
    transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1, -1, 1);
  }

  22%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  }
}

@-webkit-keyframes glitch-anim-text {
  0% {
    transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
  }

  2% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
  }

  4% {
    -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
  }

  5% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
  }

  6% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
  }

  7% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
  }

  8% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
  }

  9% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
  }

  9.9% {
    transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
  }

  10%, 100% {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}

@keyframes glitch-anim-text {
  0% {
    transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
  }

  2% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
  }

  4% {
    -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
  }

  5% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
  }

  6% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
  }

  7% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
  }

  8% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
  }

  9% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
  }

  9.9% {
    transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
  }

  10%, 100% {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}

/* Flash */

@-webkit-keyframes glitch-anim-flash {
  0%, 5% {
    opacity: 0.2;
    transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
  }

  5.5%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes glitch-anim-flash {
  0%, 5% {
    opacity: 0.2;
    transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
  }

  5.5%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */

  #hero {
    display: flex;
    flex: 1;
  }

  .logoContainerInner img {
    max-height: calc(100vh - 240px);
  }

  .navbar-brand {
    top: 10px;
  }

  .modal.modal-fullscreen {
    background: #00168a;
  }

  .modal.modal-fullscreen .modal-dialog {
    margin: auto;
  }

  #hero-home .heroVideoContainer {
    display: table !important;
  }

  #hero-home .heroVideoContainer .content {
    display: table-cell;
    vertical-align: middle;
  }

  .poiotitaParagwgis .title.content {
    width: 100%;
  }

  .poiotitaParagwgis .title.content .mt-neg-100,
  .poiotitaParagwgis .title.content .pos-abs-b-0 {
    width: 100%;
    left: 0;
  }

  #energy .heroVideoContainer {
    background-image: url(/assets/cc3e/amita-motion/images/ie_video_fix.jpg?05d5789c353da8b13574b072bdf6fc8e);
    background-size: cover;
    background-position: 50% 50%;
    opacity: 0.7;
  }

  .beat-live.container {
    display: table !important;
  }

  #energy .row {
    display: table-cell;
    vertical-align: middle;
  }

  .jointhebeat-beat-perc .counterContent {
    top: 60px;
  }

  #counters-melody,
  #counters-ekplixeis,
  #listen-first #counters-countdown,
  #listen-up #counters-countdown {
    width: 100%;
    transform: scale(0.8);
  }

  .text-glitch .demo-1 {
    display: none;
  }

  #lektika {
    width: 100%;
  }

  .eqzer {
    display: none;
  }

  .img-wave.explorer {
    display: block;
  }

  .ftiaxe-valitsa-split .eq {
    top: 0;
    left: 0;
  }

  #videoExperience #counters-countdown {
    width: 100%;
  }

  .split.artists .widthLogo img {
    padding-top: 15%;
  }

  .hero-join-the-clip .container {
    margin-right: 0;
    margin-left: 0;
  }

  #play-home .fixIE .content {
    width: 75%;
  }

  #studio #join-the-melody {
    width: 50%;
  }

  #videoExperience .row {
    margin-top: 80px;
  }
}

#listen-first p,
#listen-up p,
.listen-up p {
  font-family: "CeraPro-Bold", sans-serif;
  color: white;
  font-size: 18px;
}

@media only screen and (min-width: 992px) {
  #listen-first p,
  #listen-up p,
  .listen-up p {
    font-size: 22px;
  }
}

#listen-first .container-fluid,
#listen-first .container-fluid .content,
#listen-first .container-fluid .content .block-left {
  height: auto;
}

@media only screen and (min-width: 1200px) {
  #listen-first .container-fluid,
  #listen-first .container-fluid .content,
  #listen-first .container-fluid .content .block-left {
    height: 100%;
  }
}

#listen-first .block-left img {
  position: relative;
}

#listen-first .block-right {
  position: relative;
}

@media only screen and (min-width: 1200px) {
  #listen-first .block-left img {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: -50px;
  }

  #listen-first .block-right {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: -50px;
  }

  #listen-first .foureira-slide {
    position: absolute;
    bottom: 0;
    LEFT: 0;
  }
}

.glow {
  -webkit-animation: foureira 6s linear infinite;
          animation: foureira 6s linear infinite;
  -webkit-filter: drop-shadow(4px 1px 0 #ffa400);
          filter: drop-shadow(4px 1px 0 #ffa400);
}

@-webkit-keyframes foureira {
  0% {
    -webkit-filter: drop-shadow(0px 0px 0px white);
            filter: drop-shadow(0px 0px 0px white);
  }

  70% {
    -webkit-filter: drop-shadow(0px 0px 0px white);
            filter: drop-shadow(0px 0px 0px white);
  }

  90% {
    -webkit-filter: drop-shadow(4px 1px 20px white);
            filter: drop-shadow(4px 1px 20px white);
  }

  100% {
    -webkit-filter: drop-shadow(0px 0px 0px white);
            filter: drop-shadow(0px 0px 0px white);
  }
}

@keyframes foureira {
  0% {
    -webkit-filter: drop-shadow(0px 0px 0px white);
            filter: drop-shadow(0px 0px 0px white);
  }

  70% {
    -webkit-filter: drop-shadow(0px 0px 0px white);
            filter: drop-shadow(0px 0px 0px white);
  }

  90% {
    -webkit-filter: drop-shadow(4px 1px 20px white);
            filter: drop-shadow(4px 1px 20px white);
  }

  100% {
    -webkit-filter: drop-shadow(0px 0px 0px white);
            filter: drop-shadow(0px 0px 0px white);
  }
}

@-webkit-keyframes foureira2 {
  0% {
    -webkit-filter: drop-shadow(4px 1px 30px white);
            filter: drop-shadow(4px 1px 30px white);
  }

  20% {
    -webkit-filter: drop-shadow(4px 1px 20px #ffa400);
            filter: drop-shadow(4px 1px 20px #ffa400);
  }

  40% {
    -webkit-filter: drop-shadow(4px 1px 30px #e6007e);
            filter: drop-shadow(4px 1px 30px #e6007e);
  }

  60% {
    -webkit-filter: drop-shadow(4px 1px 20px #e6007e);
            filter: drop-shadow(4px 1px 20px #e6007e);
  }

  80% {
    -webkit-filter: drop-shadow(4px 1px 30px #009fe3);
            filter: drop-shadow(4px 1px 30px #009fe3);
  }

  100% {
    -webkit-filter: drop-shadow(4px 1px 30px white);
            filter: drop-shadow(4px 1px 30px white);
  }
}

@keyframes foureira2 {
  0% {
    -webkit-filter: drop-shadow(4px 1px 30px white);
            filter: drop-shadow(4px 1px 30px white);
  }

  20% {
    -webkit-filter: drop-shadow(4px 1px 20px #ffa400);
            filter: drop-shadow(4px 1px 20px #ffa400);
  }

  40% {
    -webkit-filter: drop-shadow(4px 1px 30px #e6007e);
            filter: drop-shadow(4px 1px 30px #e6007e);
  }

  60% {
    -webkit-filter: drop-shadow(4px 1px 20px #e6007e);
            filter: drop-shadow(4px 1px 20px #e6007e);
  }

  80% {
    -webkit-filter: drop-shadow(4px 1px 30px #009fe3);
            filter: drop-shadow(4px 1px 30px #009fe3);
  }

  100% {
    -webkit-filter: drop-shadow(4px 1px 30px white);
            filter: drop-shadow(4px 1px 30px white);
  }
}

.listen-up-form .checkbox label {
  color: #fff;
}

.listen-up-form .checkmark {
  background-color: transparent;
  border: 2px solid #009fe3;
  left: -26px;
}

.listen-up-form .checkmark:after {
  left: 6px;
  top: 2px;
}

#listenup-presents img {
  border-radius: 15px;
  margin-bottom: 20px;
}

.listenUp-hero .listen-up-cap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.boombox {
  -webkit-animation: yo 1s infinite;
          animation: yo 1s infinite;
}

@-webkit-keyframes yo {
  0% {
    transform: scale(1);
  }

  10% {
    transform: scale(1.08);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes yo {
  0% {
    transform: scale(1);
  }

  10% {
    transform: scale(1.08);
  }

  100% {
    transform: scale(1);
  }
}

.max-500 {
  max-width: 500px !important;
}

#listen-first-qr p {
  margin-left: 45px;
}

#listen-first-qr p span {
  left: -45px;
  top: 8px;
}

#listen-first-qr p img {
  max-height: 40px;
}

body,
html {
  height: 100%;
  margin: 0;
}

.scrollmagic-pin-spacer {
  margin: 0 !important;
}

.screen {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  /*z-index*/
}

.screen .scrolldown {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 50;
  margin: auto;
  opacity: 0;
}

.screen .plus {
  position: absolute;
  top: 80px;
  z-index: 30;
  right: 0px;
  max-width: 128px;
  opacity: 0;
}

.screen .moodboard {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.screen .moodboard.tagline {
  width: 100%;
}

.screen .moodboard.endSlide {
  width: 100%;
}

.screen .moodboard-card {
  display: block;
  max-width: 80%;
  max-height: 80%;
  position: relative;
}

.screen .D .moodboard-card,
.screen .E .moodboard-card,
.screen .F .moodboard-card,
.screen .I .moodboard-card,
.screen .endSlide .moodboard-card {
  max-width: 90%;
  max-height: 90%;
}

.screen .moodboard.tagline {
  z-index: 7;
  opacity: 0;
}

.screen .introImage1.C {
  background-color: #e579e5;
  opacity: 0;
}

.screen .D {
  opacity: 0;
  z-index: 7;
}

.screen .A {
  opacity: 0;
}

.screen .F {
  opacity: 0;
  z-index: 8;
}

.screen .B {
  opacity: 0;
  z-index: 7;
}

.screen .E {
  opacity: 0;
  z-index: 10;
}

.screen .K {
  opacity: 0;
  z-index: 9;
  background-color: #0097db;
}

.screen .moodboard.G {
  z-index: 10;
}

.screen .moodboard.endline {
  z-index: 10;
}

.screen .sectionDmood,
.screen .sectionEmood {
  opacity: 0;
}

.screen .forlandscape {
  display: none;
}

.screen .formobile {
  display: block;
  padding-top: 38px;
  padding-bottom: 38px;
}

.screen .slideAcard.moodboard.A {
  z-index: 8;
}

.screen .moodboard.slideAbackground {
  background-color: #e13953;
  z-index: 8;
}

.screen .slideAverbal.moodboard.D {
  opacity: 1;
  z-index: 10;
}

.screen .slideBcard.moodboard.A {
  z-index: 10;
}

.screen .moodboard.slideBbackground {
  background-color: #f39313;
  z-index: 10;
}

.screen .slideBverbal.moodboard.F {
  opacity: 1;
  z-index: 11;
}

.screen .slideCcard.moodboard.A {
  z-index: 11;
}

.screen .moodboard.slideCbackground {
  background-color: #0097db;
  z-index: 11;
}

.screen .slideCverbal.moodboard.F {
  opacity: 1;
  z-index: 12;
}

.screen .slideDcard.moodboard.A {
  z-index: 12;
}

.screen .moodboard.slideDbackground {
  background-color: #00118E;
  z-index: 12;
}

.screen .slideDcard.moodboard.A {
  background-color: #00118E;
}

.screen .slideDverbal.moodboard.F {
  opacity: 0;
  z-index: 13;
}

.screen img.moodboard-card.verbal {
  max-width: 60%;
}

.screen .slideDverbal.moodboard.F {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 992px) {
  .screen {
    /*//backgrounds*/
    /*//images*/
  }

  .screen .scrolldown {
    bottom: 7.5vh;
    z-index: 20;
    opacity: 1;
  }

  .screen .seeVideo {
    position: absolute;
    bottom: 16vh;
    z-index: 50;
    opacity: 1;
  }

  .screen .plus {
    position: absolute;
    top: 140px;
    left: -30px;
    max-width: 160px;
  }

  .screen .moodboard {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .screen .moodboard.tagline {
    width: 100%;
  }

  .screen .moodboard.endSlide {
    width: 100%;
  }

  .screen .I .moodboard-card {
    max-width: 80%;
    max-height: 80%;
  }

  .screen .moodboard-card {
    display: block;
    max-width: 80%;
    max-height: 80%;
    position: relative;
  }

  .screen .forlandscape {
    display: block;
    padding-top: 38px;
    padding-bottom: 38px;
  }

  .screen .formobile {
    display: none;
  }

  .screen .sectionAmood,
  .screen .sectionBmood,
  .screen .sectionCmood,
  .screen .sectionDmood,
  .screen .sectionEmood {
    transform: unset;
  }

  .screen .slideA {
    background-color: #e13953;
  }

  .screen .slideB {
    background-color: #8fe179;
  }

  .screen .slideC {
    background-color: #e579e5;
  }

  .screen .slideD {
    background-color: #e6007e;
  }

  .screen .slideE {
    background-color: #f39313;
  }

  .screen .slideF {
    background-color: #0097db;
  }

  .screen .slideG {
    background-color: #e13953;
  }

  .screen .slideH {
    background-color: #8fe179;
  }

  .screen .slideI {
    background-color: #e579e5;
  }

  .screen .moodboard.tagline {
    background-color: transparent;
    opacity: 1;
  }

  .screen .slideD,
  .screen .slideE,
  .screen .slideF {
    z-index: 2;
  }

  .screen .slideG,
  .screen .slideH,
  .screen .slideI {
    z-index: 3;
  }

  .screen .A,
  .screen .B,
  .screen .C {
    z-index: 4;
    opacity: 1;
  }

  .screen .D,
  .screen .E,
  .screen .F {
    z-index: 5;
  }

  .screen .G,
  .screen .H,
  .screen .I {
    z-index: 5;
    opacity: 0;
  }

  .screen .E,
  .screen .F,
  .screen .D {
    opacity: 0;
  }

  .screen .moodboard {
    width: 33.333%;
  }

  .screen img.moodboard-card.logo,
  .screen img.moodboard-card.endline {
    max-width: 40%;
  }

  .screen .slideB,
  .screen .slideE,
  .screen .B,
  .screen .E,
  .screen .slideH,
  .screen .H {
    transform: translateX(100%);
  }

  .screen .slideC,
  .screen .slideF,
  .screen .C,
  .screen .F,
  .screen .slideI,
  .screen .I {
    transform: translateX(200%);
  }

  .screen .moodboard.slideA {
    z-index: 1;
  }

  .screen .moodboard.slideB {
    z-index: 1;
  }

  .screen .moodboard.slideC {
    z-index: 1;
  }

  .screen .A {
    z-index: 2;
  }

  .screen .B {
    z-index: 2;
  }

  .screen .C {
    z-index: 2;
  }

  .screen .moodboard.slideD {
    z-index: 1;
  }

  .screen .moodboard.slideE {
    z-index: 1;
  }

  .screen .moodboard.slideF {
    z-index: 1;
  }

  .screen .D {
    z-index: 2;
  }

  .screen .E {
    z-index: 2;
  }

  .screen .F {
    z-index: 2;
  }

  .screen .moodboard.slideG {
    z-index: 2;
  }

  .screen .moodboard.slideH {
    z-index: 2;
  }

  .screen .moodboard.slideI {
    z-index: 2;
  }

  .screen .sectionA,
  .screen .sectionB,
  .screen .sectionC,
  .screen .sectionD,
  .screen .sectionE {
    opacity: 0;
  }

  .screen img.moodboard-card.logo,
  .screen img.moodboard-card.endline {
    max-width: 40%;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 50;
  }

  .screen img.moodboard-card.verbal {
    max-width: 75%;
  }
}

@media screen and (min-width: 1200px) {
  .screen {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
  }

  .screen .forlandscape {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media only screen and (max-height: 850px) and (min-width: 992px) {
  .screen img.moodboard-card.logo,
  .screen img.moodboard-card.endline {
    max-width: 34%;
  }
}

@media only screen and (max-height: 600px) and (min-width: 320px) and (orientation: landscape) {
  .screen img.moodboard-card.logo,
  .screen img.moodboard-card.endline {
    max-width: 34%;
  }

  .screen img.moodboard-card.verbal {
    max-width: 30%;
  }

  .screen img.moodboard-card.stayTuned {
    max-width: 30%;
  }
}

@media screen and (min-width: 992px) and (max-height: 960px) {
  .screen .I .moodboard-card,
  .screen .moodboard-card {
    max-width: 67%;
    max-height: 67%;
  }

  .screen img.moodboard-card.verbal {
    max-width: 55%;
  }
}

/* CSS ANIMATIONS */

.bounce {
  -webkit-animation: bounce 2s infinite;
          animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-30px);
  }

  60% {
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-30px);
  }

  60% {
    transform: translateY(-15px);
  }
}

#first,
#second {
  fill: white;
  -webkit-animation: blink 0.5s alternate infinite;
          animation: blink 0.5s alternate infinite;
}

#second {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

#third {
  -webkit-animation: blink-l 1s infinite;
          animation: blink-l 1s infinite;
}

@-webkit-keyframes blink {
  20% {
    fill: white;
  }

  100% {
    fill: #ffe600;
  }
}

@keyframes blink {
  20% {
    fill: white;
  }

  100% {
    fill: #ffe600;
  }
}

@-webkit-keyframes blink-l {
  80% {
    fill: white;
  }

  100% {
    fill: #ffe600;
  }
}

@keyframes blink-l {
  80% {
    fill: white;
  }

  100% {
    fill: #ffe600;
  }
}

.phaseTwo .phaseTwo__fordesktop {
  display: none;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}

@media screen and (min-width: 992px) {
  .phaseTwo .phaseTwo__fordesktop {
    display: block;
  }
}

.phaseTwo .phaseTwo__fordesktop .lovecta,
.phaseTwo .phaseTwo__fordesktop .wildcta,
.phaseTwo .phaseTwo__fordesktop .goodcta {
  position: absolute;
  width: 250px;
  top: 50%;
  transform: translateY(100px);
  display: none;
}

@media screen and (min-height: 600px) {
  .phaseTwo .phaseTwo__fordesktop .lovecta,
  .phaseTwo .phaseTwo__fordesktop .wildcta,
  .phaseTwo .phaseTwo__fordesktop .goodcta {
    transform: translateY(100px);
  }
}

@media screen and (min-height: 700px) {
  .phaseTwo .phaseTwo__fordesktop .lovecta,
  .phaseTwo .phaseTwo__fordesktop .wildcta,
  .phaseTwo .phaseTwo__fordesktop .goodcta {
    transform: translateY(135px);
  }
}

@media screen and (min-height: 800px) {
  .phaseTwo .phaseTwo__fordesktop .lovecta,
  .phaseTwo .phaseTwo__fordesktop .wildcta,
  .phaseTwo .phaseTwo__fordesktop .goodcta {
    transform: translateY(135px);
    width: 315px;
  }
}

@media screen and (min-height: 800px) {
  .phaseTwo .phaseTwo__fordesktop .lovecta,
  .phaseTwo .phaseTwo__fordesktop .wildcta,
  .phaseTwo .phaseTwo__fordesktop .goodcta {
    transform: translateY(135px);
    width: 315px;
  }
}

@media screen and (min-height: 800px) and (min-width: 1900px) {
  .phaseTwo .phaseTwo__fordesktop .lovecta,
  .phaseTwo .phaseTwo__fordesktop .wildcta,
  .phaseTwo .phaseTwo__fordesktop .goodcta {
    transform: translateY(200%);
    width: 315px;
  }
}

@media screen and (min-width: 2350px) {
  .phaseTwo .phaseTwo__fordesktop .lovecta,
  .phaseTwo .phaseTwo__fordesktop .wildcta,
  .phaseTwo .phaseTwo__fordesktop .goodcta {
    transform: translateY(150%);
    width: 62%;
  }
}

.phaseTwo .phaseTwo__fordesktop img.moodboard-card.verbal {
  max-width: 73%;
  cursor: pointer !important;
  width: 250px;
}

@media screen and (min-height: 700px) {
  .phaseTwo .phaseTwo__fordesktop img.moodboard-card.verbal {
    width: unset;
  }
}

@media screen and (min-width: 1345px) {
  .phaseTwo .phaseTwo__fordesktop img.moodboard-card.verbal {
    max-width: 67%;
  }
}

@media screen and (min-width: 1500px) {
  .phaseTwo .phaseTwo__fordesktop img.moodboard-card.verbal {
    max-width: 62%;
  }
}

@media screen and (min-width: 1700px) {
  .phaseTwo .phaseTwo__fordesktop img.moodboard-card.verbal {
    max-width: 55%;
  }
}

@media screen and (min-width: 1900px) and (min-height: 1000px) {
  .phaseTwo .phaseTwo__fordesktop img.moodboard-card.verbal {
    max-width: 70%;
  }
}

.phaseTwo .phaseTwo__fordesktop__screen1 {
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: #ed136a;
}

.phaseTwo .phaseTwo__fordesktop__screen1 section {
  position: absolute;
  width: 100%;
  height: calc(100vh - 78px);
  margin-top: 78px;
}

@media screen and (min-width: 1200px) {
  .phaseTwo .phaseTwo__fordesktop__screen1 section {
    height: calc(100vh - 120px);
    margin-top: 120px;
  }
}

@media screen and (min-width: 992px) {
  .phaseTwo .phaseTwo__fordesktop__screen1 section .productImage {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
    height: 80%;
    width: auto;
  }
}

@media screen and (min-width: 992px) {
  .phaseTwo .phaseTwo__fordesktop__screen1 section .foureiraFrame {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-height: 100%;
    height: 80%;
  }
}

@media screen and (min-width: 992px) {
  .phaseTwo .phaseTwo__fordesktop__screen1 section .plus_small {
    position: absolute;
    right: 0;
    width: 180px;
    left: 47%;
    top: 16%;
    transform: translate(-235%, -50%);
    z-index: 1;
  }
}

.phaseTwo .phaseTwo__fordesktop__screen1 section .presents_button {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 220px;
}

@media screen and (min-width: 1300px) {
  .phaseTwo .phaseTwo__fordesktop__screen1 section .presents_button {
    width: 300px;
    bottom: 5%;
  }
}

@media screen and (max-height: 850px) {
  .phaseTwo .phaseTwo__fordesktop__screen1 section .presents_button {
    bottom: 0;
    width: 200px;
  }
}

.phaseTwo .phaseTwo__fordesktop__screen1 section .heart {
  position: absolute;
  bottom: 0;
  left: 170px;
}

@media screen and (min-width: 1200px) and (orientation: landscape) {
  .phaseTwo .phaseTwo__fordesktop__screen1 section .heart {
    bottom: 6%;
    left: 190px;
  }
}

@media screen and (max-height: 850px) {
  .phaseTwo .phaseTwo__fordesktop__screen1 section .heart {
    bottom: 0;
  }
}

@media screen and (min-width: 992px) {
  .phaseTwo .phaseTwo__fordesktop__screen1 section .new_logo {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 428px;
    max-width: 30%;
  }
}

@media screen and (min-width: 1100px) {
  .phaseTwo .phaseTwo__fordesktop__screen1 section .new_logo {
    left: 3%;
  }
}

@media screen and (min-width: 1400px) {
  .phaseTwo .phaseTwo__fordesktop__screen1 section .new_logo {
    left: 2%;
  }
}

@media screen and (min-width: 1500px) {
  .phaseTwo .phaseTwo__fordesktop__screen1 section .new_logo {
    left: 4%;
  }
}

@media screen and (min-width: 1600px) {
  .phaseTwo .phaseTwo__fordesktop__screen1 section .new_logo {
    left: 7%;
  }
}

@media screen and (min-width: 1670px) {
  .phaseTwo .phaseTwo__fordesktop__screen1 section .new_logo {
    left: 6%;
    width: 487px;
    max-width: unset;
  }
}

@media screen and (min-width: 1867px) {
  .phaseTwo .phaseTwo__fordesktop__screen1 section .new_logo {
    width: 520px;
    left: 9%;
  }
}

@media screen and (min-width: 2200px) {
  .phaseTwo .phaseTwo__fordesktop__screen1 section .new_logo {
    width: 580px;
  }
}

@media screen and (max-height: 850px) {
  .phaseTwo .phaseTwo__fordesktop__screen1 section .new_logo {
    width: 375px;
  }
}

@media screen and (min-width: 992px) {
  .phaseTwo .phaseTwo__fordesktop__screen1 section .plus_big {
    position: absolute;
    right: 0;
    top: 20%;
    width: 29%;
  }
}

@media screen and (min-width: 1670px) {
  .phaseTwo .phaseTwo__fordesktop__screen1 section .plus_big {
    right: 48%;
    top: 50%;
    transform: translate(164%, -54%);
  }
}

@media screen and (min-width: 992px) {
  .phaseTwo .phaseTwo__fordesktop__screen1 section .speak_button_link {
    position: absolute;
    right: 10%;
    top: 30%;
    width: 25%;
  }
}

@media screen and (min-width: 1670px) {
  .phaseTwo .phaseTwo__fordesktop__screen1 section .speak_button_link {
    top: 32%;
    right: 60%;
    width: 26%;
    transform: translate(191%);
  }
}

@media screen and (min-width: 992px) {
  .phaseTwo .phaseTwo__fordesktop__screen1 section .amita_product {
    position: absolute;
    bottom: 0;
    right: 0px;
  }
}

@media screen and (min-width: 1200px) {
  .phaseTwo .phaseTwo__fordesktop__screen1 section .amita_product {
    right: 42px;
  }
}

@media screen and (max-height: 850px) {
  .phaseTwo .phaseTwo__fordesktop__screen1 section .amita_product {
    width: 24%;
  }
}

.phaseTwo .phaseTwo__fordesktop__screen1 section .product_01 {
  display: block;
}

.phaseTwo .phaseTwo__fordesktop__screen1 section .product_02 {
  display: none;
}

@media screen and (min-width: 992px) {
  .phaseTwo .phaseTwo__fordesktop__screen1 section .scrolldown {
    position: absolute;
    right: 21%;
    top: 17%;
  }
}

@media screen and (min-width: 1670px) {
  .phaseTwo .phaseTwo__fordesktop__screen1 section .scrolldown {
    transform: translate(186%);
  }
}

.phaseTwo .phaseTwo__fordesktop__screen2 {
  position: absolute;
  height: 100%;
  width: 100%;
}

.phaseTwo .phaseTwo__fordesktop__screen2 section {
  position: absolute;
  width: 100%;
  height: calc(100vh - 76px);
  margin-top: 76px;
}

@media screen and (min-width: 1200px) {
  .phaseTwo .phaseTwo__fordesktop__screen2 section {
    height: calc(100vh - 120px);
    margin-top: 120px;
  }
}

.phaseTwo .phaseTwo__fordesktop__screen2 section .moodboard {
  position: absolute;
  height: 100%;
  width: 33.35%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.phaseTwo .phaseTwo__fordesktop__screen2 section .moodboard-cardA,
.phaseTwo .phaseTwo__fordesktop__screen2 section .moodboard-cardC,
.phaseTwo .phaseTwo__fordesktop__screen2 section .moodboard-cardB {
  display: block;
  max-width: 70%;
  max-height: 70%;
  width: auto;
  position: relative;
}

.phaseTwo .phaseTwo__fordesktop__screen2 section .image_links {
  display: contents;
}

.phaseTwo .phaseTwo__fordesktop__screen2 section .backgroundA {
  background-color: #d60075;
  transform: translate3d(0, -100%, 0);
}

.phaseTwo .phaseTwo__fordesktop__screen2 section .backgroundB {
  background-color: #90e17a;
  transform: translate3d(0, -100%, 0);
}

.phaseTwo .phaseTwo__fordesktop__screen2 section .backgroundC {
  background-color: #e6007e;
  transform: translate3d(0, -100%, 0);
}

.phaseTwo .phaseTwo__fordesktop__screen2 section .verbalA {
  transform: translate3d(0, 100%, 0);
}

.phaseTwo .phaseTwo__fordesktop__screen2 section .backgroundB {
  background-color: #90e17a;
  transform: translate3d(100%, 100%, 0);
}

.phaseTwo .phaseTwo__fordesktop__screen2 section .verbalB {
  transform: translate3d(100%, -100%, 0);
}

.phaseTwo .phaseTwo__fordesktop__screen2 section .backgroundC {
  background-color: #0097db;
  transform: translate3d(200%, -100%, 0);
}

.phaseTwo .phaseTwo__fordesktop__screen2 section .verbalC {
  transform: translate3d(200%, 100%, 0);
}

.phaseTwo .phaseTwo__fordesktop__screen2 section .cardBcontainer {
  transform: translateX(100%);
}

.phaseTwo .phaseTwo__fordesktop__screen2 section .cardCcontainer {
  transform: translateX(200%);
}

.phaseTwo .phaseTwo__fordesktop__screen2 section .plus {
  position: absolute;
  top: 140px;
  left: -30px;
  max-width: 160px;
  opacity: 1;
  z-index: 1;
}

.phaseTwo .phaseTwo__fordesktop__screen2 section .presents_button_2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 220px;
  opacity: 0;
}

@media screen and (min-width: 1200px) {
  .phaseTwo .phaseTwo__fordesktop__screen2 section .presents_button_2 {
    width: 240px;
    bottom: 5%;
    max-width: 100%;
  }
}

@media screen and (max-height: 850px) {
  .phaseTwo .phaseTwo__fordesktop__screen2 section .presents_button_2 {
    bottom: 0;
  }
}

.phaseTwo .phaseTwo__fordesktop__screen3 {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #ed136a;
  z-index: 36;
}

.phaseTwo .phaseTwo__fordesktop__screen3 section {
  position: absolute;
  width: 100%;
  min-height: calc(100vh - 76px);
  max-height: calc(100vh - 76px);
  margin-top: 76px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 1200px) {
  .phaseTwo .phaseTwo__fordesktop__screen3 section {
    min-height: calc(100vh - 120px);
    max-height: calc(100vh - 120px);
    margin-top: 120px;
  }
}

.phaseTwo .phaseTwo__fordesktop__screen3 section .backButton {
  position: absolute;
  left: 0;
  top: 50px;
  z-index: 1;
}

.phaseTwo .phaseTwo__fordesktop__screen3 section .starbottom_left {
  position: absolute;
  right: 120px;
  bottom: 120px;
}

.phaseTwo .phaseTwo__fordesktop__screen3 section .starbottom_right {
  position: absolute;
  right: 50px;
  bottom: 50px;
  width: 25px;
}

.phaseTwo .phaseTwo__fordesktop__screen3 section .thePresentsButton {
  position: absolute;
  right: 0px;
  width: 160px;
  top: 32px;
}

@media screen and (min-width: 1200px) {
  .phaseTwo .phaseTwo__fordesktop__screen3 section .thePresentsButton {
    width: 200px;
    right: 0px;
    top: 50px;
  }
}

@media screen and (min-width: 1500px) {
  .phaseTwo .phaseTwo__fordesktop__screen3 section .thePresentsButton {
    right: 50px;
  }
}

.phaseTwo .phaseTwo__fordesktop__screen3 section .present_content {
  max-width: 1280px;
  margin: auto;
  padding: 100px 0;
}

.phaseTwo .phaseTwo__fordesktop__screen3 section .present_content .left-side,
.phaseTwo .phaseTwo__fordesktop__screen3 section .present_content .right_side {
  position: relative;
}

.phaseTwo .phaseTwo__fordesktop__screen3 section .present_content .right_side {
  align-self: center;
}

.phaseTwo .phaseTwo__fordesktop__screen3 section .present_content .left-side {
  top: -50px;
}

.phaseTwo .phaseTwo__fordesktop__screen3 section .present_content .textMessageContainer p {
  color: #ffed7c;
  font-family: CeraPro-Medium, sans-serif;
  font-size: 22px;
}

@media screen and (min-width: 1100px) {
  .phaseTwo .phaseTwo__fordesktop__screen3 section .present_content .textMessageContainer {
    position: relative;
    left: 10%;
    max-width: 497px;
  }
}

.phaseTwo .phaseTwo__fordesktop__screen3 section .present_content .presentsContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.phaseTwo .phaseTwo__fordesktop__screen3 section .present_content .presentsContainer .present {
  width: 200px;
}

@media screen and (min-height: 600px) {
  .phaseTwo .phaseTwo__fordesktop__screen3 section .present_content .presentsContainer .present {
    width: 240px;
  }
}

@media screen and (min-height: 700px) {
  .phaseTwo .phaseTwo__fordesktop__screen3 section .present_content .presentsContainer .present {
    width: 300px;
  }
}

@media screen and (min-height: 820px) {
  .phaseTwo .phaseTwo__fordesktop__screen3 section .present_content .presentsContainer .present {
    width: 350px;
  }
}

@media screen and (min-height: 900px) {
  .phaseTwo .phaseTwo__fordesktop__screen3 section .present_content .presentsContainer .present {
    width: unset;
  }
}

.phaseTwo .phaseTwo__fordesktop__screen3 section .present_content .logocontainer {
  position: relative;
}

.phaseTwo .phaseTwo__fordesktop__screen3 section .present_content .logocontainer .star_left {
  position: absolute;
  left: -15px;
  top: -10px;
}

@media screen and (min-width: 1410px) {
  .phaseTwo .phaseTwo__fordesktop__screen3 section .present_content .logocontainer .star_left {
    left: -50px;
  }
}

.phaseTwo .phaseTwo__fordesktop__screen3 section .present_content .logocontainer .star_right {
  position: absolute;
  bottom: 90px;
  right: -41px;
}

.phaseTwo .phaseTwo__fordesktop__screen3 section .present_content .logocontainer .new_logo {
  position: relative;
  width: 321px;
}

@media screen and (min-height: 700px) {
  .phaseTwo .phaseTwo__fordesktop__screen3 section .present_content .logocontainer .new_logo {
    width: 415px;
    margin-bottom: 15px;
  }
}

@media screen and (min-height: 800px) {
  .phaseTwo .phaseTwo__fordesktop__screen3 section .present_content .logocontainer .new_logo {
    width: 460px;
    margin-bottom: 35px;
  }
}

@media screen and (min-height: 900px) {
  .phaseTwo .phaseTwo__fordesktop__screen3 section .present_content .logocontainer .new_logo {
    width: unset;
    margin-bottom: 60px;
  }
}

.phaseTwo .phaseTwo__fordesktop__screen3 section .present_content .plus_small {
  position: relative;
  left: 80%;
  z-index: 1;
  width: 180px;
  top: 135px;
}

@media screen and (min-height: 700px) {
  .phaseTwo .phaseTwo__fordesktop__screen3 section .present_content .plus_small {
    width: 180px;
    top: 95px;
  }
}

@media screen and (min-height: 800px) {
  .phaseTwo .phaseTwo__fordesktop__screen3 section .present_content .plus_small {
    width: 165px;
    top: 130px;
  }
}

@media screen and (min-height: 900px) {
  .phaseTwo .phaseTwo__fordesktop__screen3 section .present_content .plus_small {
    width: 170px;
    top: 85px;
  }
}

.phaseTwo .phaseTwo__fordesktop__screen_inLove {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 35;
  background-image: linear-gradient(to right, #dc017f, #6b4eae, #0d8fd6);
}

.phaseTwo .phaseTwo__fordesktop__screen_inLove section {
  position: absolute;
  width: 100%;
  min-height: calc(100vh - 76px);
  max-height: calc(100vh - 76px);
  margin-top: 76px;
}

@media screen and (min-width: 1200px) {
  .phaseTwo .phaseTwo__fordesktop__screen_inLove section {
    min-height: calc(100vh - 120px);
    max-height: calc(100vh - 120px);
    margin-top: 120px;
  }
}

.phaseTwo .phaseTwo__fordesktop__screen_goWild {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 35;
  overflow-y: auto;
  background-image: linear-gradient(to right, #63bf4c, #3dab87, #0f91d3);
}

.phaseTwo .phaseTwo__fordesktop__screen_goWild section {
  position: absolute;
  width: 100%;
  min-height: calc(100vh - 76px);
  max-height: calc(100vh - 76px);
  margin-top: 76px;
}

@media screen and (min-width: 1200px) {
  .phaseTwo .phaseTwo__fordesktop__screen_goWild section {
    min-height: calc(100vh - 120px);
    max-height: calc(100vh - 120px);
    margin-top: 120px;
  }
}

.phaseTwo .phaseTwo__fordesktop__screen_feelGood {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 35;
  overflow-y: auto;
  background-image: linear-gradient(to right, #1292cd, #588ad5, #e47ae5);
}

.phaseTwo .phaseTwo__fordesktop__screen_feelGood section {
  position: absolute;
  width: 100%;
  min-height: calc(100vh - 76px);
  max-height: calc(100vh - 76px);
  margin-top: 76px;
}

@media screen and (min-width: 1200px) {
  .phaseTwo .phaseTwo__fordesktop__screen_feelGood section {
    min-height: calc(100vh - 120px);
    max-height: calc(100vh - 120px);
    margin-top: 120px;
  }
}

.scrollDownMoodmeUp {
  max-width: 480px;
  min-width: 320px;
  width: 100%;
  position: fixed;
  bottom: 0;
  right: 0;
  height: 94px;
  display: flex;
  z-index: 35;
  align-items: flex-end;
  pointer-events: none;
}

.scrollDownMoodmeUp img {
  max-width: 100%;
  position: relative;
}

.phaseTwo__mobile .phaseTwo__mobile__screen1 {
  background-color: #ed136a;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding-bottom: 100px;
  min-height: 100vh;
}

.phaseTwo__mobile .phaseTwo__mobile__screen1 img.new_logo {
  max-width: 200px;
  margin: 35px 0 15px;
}

.phaseTwo__mobile .phaseTwo__mobile__screen1 img.plus_small {
  max-width: 70px;
}

.phaseTwo__mobile .phaseTwo__mobile__screen1 img.presents_button.seePresents {
  position: relative;
  left: -20px;
}

.phaseTwo__mobile .phaseTwo__mobile__screen1 img.heart {
  position: absolute;
  bottom: 15px;
  right: 25px;
  width: 40px;
}

.phaseTwo__mobile .phaseTwo__mobile__screen1 img.speak_button {
  position: absolute;
  right: 10px;
  width: 180px;
  top: -20px;
}

.phaseTwo__mobile .phaseTwo__mobile__screen1 img.plus_big {
  position: absolute;
  width: 250px;
  right: -110px;
  top: 75px;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 {
  position: relative;
  width: 100vw;
  min-height: 100vh;
  overflow: hidden;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .plus {
  position: absolute;
  top: 80px;
  z-index: 30;
  right: 0px;
  max-width: 128px;
  opacity: 0;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .moodboard {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 76px;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .moodboard-card {
  display: block;
  max-width: 80%;
  max-height: 80%;
  position: relative;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .D .moodboard-card,
.phaseTwo__mobile .phaseTwo__mobile__screen2 .E .moodboard-card,
.phaseTwo__mobile .phaseTwo__mobile__screen2 .F .moodboard-card,
.phaseTwo__mobile .phaseTwo__mobile__screen2 .I .moodboard-card,
.phaseTwo__mobile .phaseTwo__mobile__screen2 .endSlide .moodboard-card {
  max-width: 90%;
  max-height: 90%;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .introImage1 {
  background-color: #d60075;
  opacity: 0;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .D {
  opacity: 1;
  z-index: 7;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .A {
  opacity: 0;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .F {
  opacity: 0;
  z-index: 8;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .B {
  opacity: 0;
  z-index: 7;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .E {
  opacity: 0;
  z-index: 10;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .slideAcard.moodboard.A {
  z-index: 8;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .moodboard.slideAbackground {
  background-color: #e13953;
  z-index: 8;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .slideAverbal.moodboard.D {
  opacity: 1;
  z-index: 10;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .slideBcard.moodboard.A {
  z-index: 10;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .moodboard.slideBbackground {
  background-color: #f39313;
  z-index: 10;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .slideBverbal.moodboard.F {
  opacity: 1;
  z-index: 11;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .slideCcard.moodboard.A {
  z-index: 11;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .moodboard.slideCbackground {
  background-color: #0097db;
  z-index: 11;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .slideCverbal.moodboard.F {
  opacity: 1;
  z-index: 12;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .slideDcard.moodboard.A {
  z-index: 12;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .moodboard.slideDbackground {
  background-color: #00118E;
  z-index: 12;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .slideDcard.moodboard.A {
  background-color: #00118E;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .slideDverbal.moodboard.F {
  opacity: 0;
  z-index: 13;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 img.moodboard-card.verbal {
  max-width: 60%;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .slideDverbal.moodboard.F {
  display: flex;
  flex-direction: column;
}

@media only screen and (max-height: 600px) and (min-width: 320px) and (orientation: landscape) {
  .phaseTwo__mobile .phaseTwo__mobile__screen2 img.moodboard-card.logo,
  .phaseTwo__mobile .phaseTwo__mobile__screen2 img.moodboard-card.endline {
    max-width: 34%;
  }

  .phaseTwo__mobile .phaseTwo__mobile__screen2 img.moodboard-card.verbal {
    max-width: 30%;
  }

  .phaseTwo__mobile .phaseTwo__mobile__screen2 img.moodboard-card.stayTuned {
    max-width: 30%;
  }

  .phaseTwo__mobile .phaseTwo__mobile__screen2 .moodboard {
    padding-top: 0;
  }

  .phaseTwo__mobile .phaseTwo__mobile__screen2 .moodboard-card {
    margin-top: 72px;
  }
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .presentsButtonTwo {
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  z-index: 12;
  width: 45%;
  transform: translateY(-100px);
}

@media only screen and (orientation: landscape) {
  .phaseTwo__mobile .phaseTwo__mobile__screen2 .presentsButtonTwo {
    width: 33%;
  }
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .moodboard.slidePresents {
  background-color: #ed136a;
  z-index: 30;
  display: block !important;
  overflow: auto;
  padding-top: 76px;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .moodboard.slidePresents section {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .moodboard.slidePresents section .present_content {
  margin: auto;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .moodboard.slidePresents section .present_content .buttons {
  position: relative;
  height: 100px;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .moodboard.slidePresents section .present_content .buttons .presentsGoBack {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 110px;
  padding-top: 20px;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .moodboard.slidePresents section .present_content .buttons .thePresentsButton {
  position: absolute;
  right: 20px;
  width: 115px;
  padding-top: 20px;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .moodboard.slidePresents section .present_content .left-side,
.phaseTwo__mobile .phaseTwo__mobile__screen2 .moodboard.slidePresents section .present_content .right_side {
  position: relative;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .moodboard.slidePresents section .present_content .textMessageContainer {
  position: relative;
  margin-bottom: 50px;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .moodboard.slidePresents section .present_content .textMessageContainer p {
  color: #ffed7c;
  font-family: CeraPro-Medium;
  font-size: 22px;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .moodboard.slidePresents section .present_content .presentsContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .moodboard.slidePresents section .present_content .presentsContainer .present {
  margin-bottom: 30px;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .moodboard.slidePresents section .present_content .logocontainer {
  position: relative;
  margin-bottom: 40px;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .moodboard.slidePresents section .present_content .logocontainer .star_left {
  position: absolute;
  top: -30px;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .moodboard.slidePresents section .present_content .logocontainer .star_right {
  position: absolute;
  right: 0;
  bottom: 0;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .moodboard.playlistInLove {
  background-image: linear-gradient(to right, #dc017f, #6b4eae, #0d8fd6);
  z-index: 36;
  display: block !important;
  overflow: auto;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .moodboard.playlistFeelWild {
  background-image: linear-gradient(to right, #63bf4c, #3dab87, #0f91d3);
  z-index: 36;
  display: block !important;
  overflow: auto;
}

.phaseTwo__mobile .phaseTwo__mobile__screen2 .moodboard.playlistFeelGood {
  background-image: linear-gradient(to right, #1292cd, #588ad5, #e47ae5);
  z-index: 36;
  display: block !important;
  overflow: auto;
}

.phaseTwo__fordesktop__screen_inLove section,
.phaseTwo__forMobile__screen_inLove section,
.phaseTwo__forMobile__screen_feelGood section,
.phaseTwo__forMobile__screen_feelWild section,
.phaseTwo__fordesktop__screen_goWild section,
.phaseTwo__fordesktop__screen_feelGood section {
  display: flex;
  justify-content: center;
  align-items: center;
}

.phaseTwo__fordesktop__screen_inLove p,
.phaseTwo__forMobile__screen_inLove p,
.phaseTwo__forMobile__screen_feelGood p,
.phaseTwo__forMobile__screen_feelWild p,
.phaseTwo__fordesktop__screen_goWild p,
.phaseTwo__fordesktop__screen_feelGood p {
  font-family: "CeraPro-Bold", sans-serif;
  margin: auto;
}

.phaseTwo__fordesktop__screen_inLove strong,
.phaseTwo__forMobile__screen_inLove strong,
.phaseTwo__forMobile__screen_feelGood strong,
.phaseTwo__forMobile__screen_feelWild strong,
.phaseTwo__fordesktop__screen_goWild strong,
.phaseTwo__fordesktop__screen_feelGood strong {
  font-family: "CeraProBlack", sans-serif;
}

.phaseTwo__fordesktop__screen_inLove img.follow_playlist,
.phaseTwo__forMobile__screen_inLove img.follow_playlist,
.phaseTwo__forMobile__screen_feelGood img.follow_playlist,
.phaseTwo__forMobile__screen_feelWild img.follow_playlist,
.phaseTwo__fordesktop__screen_goWild img.follow_playlist,
.phaseTwo__fordesktop__screen_feelGood img.follow_playlist {
  position: absolute;
  bottom: -3%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 250px;
}

@media screen and (min-height: 992px) {
  .phaseTwo__fordesktop__screen_inLove img.follow_playlist,
  .phaseTwo__forMobile__screen_inLove img.follow_playlist,
  .phaseTwo__forMobile__screen_feelGood img.follow_playlist,
  .phaseTwo__forMobile__screen_feelWild img.follow_playlist,
  .phaseTwo__fordesktop__screen_goWild img.follow_playlist,
  .phaseTwo__fordesktop__screen_feelGood img.follow_playlist {
    bottom: -5%;
    max-width: 530px;
  }
}

.phaseTwo__fordesktop__screen_inLove img.img-fluid.playlist_card,
.phaseTwo__forMobile__screen_inLove img.img-fluid.playlist_card,
.phaseTwo__forMobile__screen_feelGood img.img-fluid.playlist_card,
.phaseTwo__forMobile__screen_feelWild img.img-fluid.playlist_card,
.phaseTwo__fordesktop__screen_goWild img.img-fluid.playlist_card,
.phaseTwo__fordesktop__screen_feelGood img.img-fluid.playlist_card {
  cursor: pointer;
}

.phaseTwo__fordesktop__screen_inLove .synaki,
.phaseTwo__forMobile__screen_inLove .synaki,
.phaseTwo__forMobile__screen_feelGood .synaki,
.phaseTwo__forMobile__screen_feelWild .synaki,
.phaseTwo__fordesktop__screen_goWild .synaki,
.phaseTwo__fordesktop__screen_feelGood .synaki {
  position: absolute;
  top: 20%;
  right: 18%;
  transform: translate(-50%, -50%);
  display: none;
}

@media screen and (min-width: 992px) {
  .phaseTwo__fordesktop__screen_inLove .synaki,
  .phaseTwo__forMobile__screen_inLove .synaki,
  .phaseTwo__forMobile__screen_feelGood .synaki,
  .phaseTwo__forMobile__screen_feelWild .synaki,
  .phaseTwo__fordesktop__screen_goWild .synaki,
  .phaseTwo__fordesktop__screen_feelGood .synaki {
    display: block;
    right: 22%;
  }
}

.phaseTwo__fordesktop__screen_inLove img.img-fluid.mood-btn,
.phaseTwo__forMobile__screen_inLove img.img-fluid.mood-btn,
.phaseTwo__forMobile__screen_feelGood img.img-fluid.mood-btn,
.phaseTwo__forMobile__screen_feelWild img.img-fluid.mood-btn,
.phaseTwo__fordesktop__screen_goWild img.img-fluid.mood-btn,
.phaseTwo__fordesktop__screen_feelGood img.img-fluid.mood-btn {
  position: absolute;
  right: 15px;
  top: -30px;
  max-width: 135px;
}

@media screen and (min-height: 992px) {
  .phaseTwo__fordesktop__screen_inLove img.img-fluid.mood-btn,
  .phaseTwo__forMobile__screen_inLove img.img-fluid.mood-btn,
  .phaseTwo__forMobile__screen_feelGood img.img-fluid.mood-btn,
  .phaseTwo__forMobile__screen_feelWild img.img-fluid.mood-btn,
  .phaseTwo__fordesktop__screen_goWild img.img-fluid.mood-btn,
  .phaseTwo__fordesktop__screen_feelGood img.img-fluid.mood-btn {
    right: 5%;
    top: -18%;
    max-width: unset;
    z-index: -1;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .phaseTwo__fordesktop__screen_inLove img.img-fluid.mood-btn,
  .phaseTwo__forMobile__screen_inLove img.img-fluid.mood-btn,
  .phaseTwo__forMobile__screen_feelGood img.img-fluid.mood-btn,
  .phaseTwo__forMobile__screen_feelWild img.img-fluid.mood-btn,
  .phaseTwo__fordesktop__screen_goWild img.img-fluid.mood-btn,
  .phaseTwo__fordesktop__screen_feelGood img.img-fluid.mood-btn {
    right: 5%;
    top: 10%;
    max-width: 200px;
    z-index: -1;
  }
}

img.img-fluid.playlist_card {
  max-width: 250px;
  margin-top: 50px;
}

@media screen and (min-height: 992px) {
  img.img-fluid.playlist_card {
    max-width: 400px;
    margin-top: unset;
  }
}

.presents_button_mob {
  position: absolute;
  left: 0;
  z-index: 2;
  bottom: 0px;
  width: 160px;
}

@media screen and (min-width: 700px) {
  .presents_button_mob {
    width: 180px;
  }
}

@media screen and (min-width: 800px) {
  .presents_button_mob {
    width: 200px;
  }
}

img.backgoWildButton,
img.backinLoveButton,
img.backfeelGoodButton {
  position: absolute;
  top: 30px;
  left: 0;
  cursor: pointer;
}

img.playlist_card:hover img.follow_playlist {
  transition: all ease 0.5s;
  transform: scale(1.2);
}

.backMob {
  padding: 15px;
  left: -20px;
  position: relative;
}

img.playlistImage {
  width: 280px;
}

@media screen and (min-height: 800px) {
  img.playlistImage {
    width: 330px;
  }
}

@media screen and (min-height: 900px) {
  img.playlistImage {
    width: 380px;
  }
}

@media screen and (min-height: 1000px) {
  img.playlistImage {
    width: 450px;
  }
}

@media screen and (min-height: 1150px) {
  img.playlistImage {
    width: 500px;
  }
}

@media screen and (min-height: 600px) {
  img.mood {
    width: 250px;
  }
}

@media screen and (min-height: 700px) {
  img.mood {
    width: 290px;
  }
}

@media screen and (min-height: 900px) {
  img.mood {
    width: unset;
  }
}

.phaseTwo__fordesktop__screen_feelGood p,
.phaseTwo__forMobile__screen_feelGood p {
  color: #a9d794;
}

.phaseTwo__fordesktop__screen_feelGood p a,
.phaseTwo__forMobile__screen_feelGood p a {
  color: #a9d794;
  text-decoration: underline;
}

.phaseTwo__fordesktop__screen_inLove p,
.phaseTwo__forMobile__screen_inLove p {
  color: #ffed83;
}

.phaseTwo__fordesktop__screen_inLove p a,
.phaseTwo__forMobile__screen_inLove p a {
  color: #ffed83;
  text-decoration: underline;
}

.phaseTwo__fordesktop__screen_goWild p,
.phaseTwo__forMobile__screen_feelWild p {
  color: #dde3e6;
}

.phaseTwo__fordesktop__screen_goWild p a,
.phaseTwo__forMobile__screen_feelWild p a {
  color: #dde3e6;
  text-decoration: underline;
}

.modalMoodmeup a.modalMoodmeupLinks {
  text-decoration: none !important;
}

.modalMoodmeup select {
  background: white !important;
}

.skin-black .navbar {
  background: black;
}

.skin-black .navbar-dark .navbar-nav .nav-link:hover {
  color: #ffed00;
}

.skin-black .social li a i {
  color: black;
}

.skin-black footer {
  background: black;
}

.skin-black footer .links li a:hover {
  color: #ffed00;
}

.skin-black .btn.btn-blue {
  background-image: linear-gradient(#fea30b, #f9820a) !important;
}

.skin-black .dropdown-menu > li > a {
  background: black;
}

.skin-black .dropdown-menu > li > a:hover {
  background: black;
}

@media only screen and (min-width: 1200px) {
  .skin-black ul.navbar-nav > li > ul > li > ul.dropdown-menu > li > a {
    background: #ffed00;
    color: black;
  }

  .skin-black .navbar .navbar-nav a.dropdown-item:hover {
    background: #ffed00;
    color: black;
  }

  .skin-black ul.navbar-nav > li > ul > li a.active {
    background: #ffed00;
    color: black;
  }

  .skin-black .navbar .navbar-nav .nav-item a.active {
    color: black;
  }
}

.lastscreen {
  height: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  background: black;
  position: relative;
  z-index: 1;
}

@media all and (min-width: 1024px) {
  .lastscreen {
    padding-top: 150px;
    padding-bottom: 50px;
  }
}

.lastscreen .content {
  max-width: 1920px;
  margin: auto;
}

.lastscreen img.img-fluid.amita_motion_supermix_logo {
  width: 500px;
}

.supermix-elements {
  position: relative;
  z-index: 2;
  max-width: 1600px;
  margin: auto;
}

.supermix-elements h1 {
  font-family: "CeraProBlack", sans-serif;
  font-size: 3.6rem;
  letter-spacing: 0;
}

.supermix-elements .supermix-subtitle {
  font-size: 25px;
  font-family: "CeraPro-Bold", sans-serif;
}

@media only screen and (min-width: 1200px) and (min-height: 500px) {
  .supermix-elements .supermix-subtitle {
    font-size: 25px;
  }
}

@media only screen and (min-width: 1200px) and (min-height: 700px) {
  .supermix-elements .supermix-subtitle {
    font-size: 28px;
  }
}

.supermix-elements .supermix-button-help {
  font-size: 1rem;
}

.supermix-elements .text-yellow {
  color: #fed315;
}

.supermix-elements .text-red {
  color: #d50342;
}

.elementsContainer {
  position: relative;
  height: calc(100vh - 76px);
  margin: auto;
  max-height: 1000px;
}

.elementsContainer p {
  font-family: CeraPro-Bold, sans-serif;
  font-size: 20px;
}

@media only screen and (min-width: 768px) {
  .elementsContainer {
    margin: 0 50px;
  }
}

@media only screen and (min-width: 1330px) {
  .elementsContainer {
    margin: auto;
  }
}

@media only screen and (min-width: 1200px) and (orientation: landscape) {
  .elementsContainer {
    height: calc(100vh - 120px);
    max-width: 1300px;
    max-height: 1000px;
  }
}

.elementsContainer .supermixPack {
  background-image: url(/assets/cc3e/amita-motion/images/supermix330.png?34dfe31eb91c797a4c1f5de8d2dce87d);
  width: 27.962962963%;
  height: 58.3563535912%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
  position: absolute;
}

@media only screen and (orientation: landscape) {
  .elementsContainer .supermixPack {
    background-image: url(/assets/cc3e/amita-motion/images/supermix1.png?bceb90b2a1e78f7d3ae80037b43e4ac8);
    height: 100%;
  }
}

@media only screen and (min-width: 992px) {
  .elementsContainer .supermixPack {
    background-image: url(/assets/cc3e/amita-motion/images/supermix1.png?bceb90b2a1e78f7d3ae80037b43e4ac8);
    width: 20%;
    height: 100%;
    position: absolute;
  }
}

@media only screen and (min-width: 1200px) {
  .elementsContainer .supermixPack {
    height: 100%;
    top: 20%;
  }
}

.elementsContainer .fruit,
.elementsContainer .vitamin {
  position: absolute;
}

.elementsContainer .element {
  transition: all 0.4s;
  align-self: center;
}

.elementsContainer .element.opacity {
  opacity: 0.2;
}

.elementsContainer .element.emphasize {
  transform: scale(1.1, 1.1);
}

.elementsContainer .element.frontfruit {
  z-index: 100;
}

.elementsContainer .element.backfruit {
  z-index: 98;
}

.elementsContainer .buttonsContainer {
  display: none;
}

@media all and (min-width: 992px) {
  .elementsContainer .buttonsContainer {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    bottom: -20%;
  }
}

@media all and (min-height: 746px) {
  .elementsContainer .buttonsContainer {
    bottom: -10%;
  }
}

@media all and (min-height: 960px) {
  .elementsContainer .buttonsContainer {
    bottom: 0;
  }
}

.elementsContainer .theiamini {
  z-index: 2;
}

@media all and (orientation: portrait) {
  .elementsContainer .lime {
    top: 42%;
    width: 19%;
    left: 10%;
  }

  .elementsContainer .carrot {
    width: 18%;
    top: 22%;
    left: 17%;
  }

  .elementsContainer .apple {
    width: 20%;
    top: 20%;
    left: 0;
  }

  .elementsContainer .berry {
    top: 59%;
    width: 22%;
    left: 30%;
  }

  .elementsContainer .d {
    width: 15%;
    left: 0%;
    top: 0;
  }

  .elementsContainer .niasini {
    left: 16%;
    width: 25%;
    top: 0;
  }

  .elementsContainer .b12 {
    width: 15%;
    top: 8%;
    left: 12%;
  }

  .elementsContainer .b6 {
    top: 33%;
    left: 0;
    width: 12%;
  }

  .elementsContainer .rivoflavini {
    top: 54%;
    width: 27%;
    left: 0;
  }

  .elementsContainer .grape {
    right: 17%;
    top: 10%;
    width: 15%;
  }

  .elementsContainer .pear {
    width: 18%;
    top: 26%;
    right: 0;
  }

  .elementsContainer .rodi {
    width: 22%;
    top: 50%;
    right: 13%;
  }

  .elementsContainer .acerola {
    width: 18%;
    right: 16%;
    top: 34%;
  }

  .elementsContainer .viotini {
    width: 25%;
    right: 15%;
    top: 0;
  }

  .elementsContainer .b5 {
    width: 13%;
    right: 0;
    top: 7%;
  }

  .elementsContainer .e {
    right: 19%;
    top: 17%;
    width: 15%;
  }

  .elementsContainer .a {
    width: 12%;
    top: 42%;
    right: 5%;
  }

  .elementsContainer .theiamini {
    width: 29%;
    right: 32%;
    top: 54%;
  }
}

@media all and (orientation: portrait) and (min-width: 568px) {
  .elementsContainer .theiamini {
    width: 25%;
    right: 37%;
  }

  .elementsContainer .viotini {
    width: 22%;
  }

  .elementsContainer .d {
    width: 13%;
  }

  .elementsContainer .e {
    width: 10%;
  }

  .elementsContainer .a {
    width: 8%;
  }

  .elementsContainer .b12 {
    top: 0;
    left: 24%;
    width: 13%;
  }

  .elementsContainer .niasini {
    left: 9%;
    top: 10%;
    width: 20%;
  }
}

@media all and (orientation: portrait) and (min-width: 768px) {
  .elementsContainer .lime {
    width: 14%;
  }

  .elementsContainer .carrot {
    width: 13%;
  }

  .elementsContainer .apple {
    width: 15%;
  }

  .elementsContainer .berry {
    width: 15%;
  }

  .elementsContainer .d {
    width: 10%;
  }

  .elementsContainer .niasini {
    width: 20%;
  }

  .elementsContainer .b12 {
    width: 10%;
  }

  .elementsContainer .b6 {
    width: 7%;
  }

  .elementsContainer .rivoflavini {
    width: 22%;
  }

  .elementsContainer .grape {
    width: 10%;
  }

  .elementsContainer .pear {
    width: 13%;
  }

  .elementsContainer .rodi {
    width: 20%;
  }

  .elementsContainer .acerola {
    width: 13%;
  }

  .elementsContainer .viotini {
    width: 20%;
  }

  .elementsContainer .b5 {
    width: 8%;
  }

  .elementsContainer .e {
    width: 10%;
  }

  .elementsContainer .a {
    width: 8%;
  }

  .elementsContainer .theiamini {
    width: 24%;
  }
}

@media all and (orientation: portrait) and (min-width: 992px) {
  .elementsContainer .berry {
    left: 17%;
    top: 62%;
  }

  .elementsContainer .theiamini {
    right: 0;
    top: 67%;
  }

  .elementsContainer .niasini {
    left: 20%;
  }

  .elementsContainer .viotini {
    right: 22%;
  }

  .elementsContainer .d {
    left: 2.2%;
  }

  .elementsContainer .b5 {
    right: 2.2%;
  }
}

@media all and (orientation: landscape) {
  .elementsContainer .lime {
    top: 26%;
    width: 12%;
    left: 36%;
  }

  .elementsContainer .carrot {
    width: 11%;
    top: 22%;
    left: 26%;
  }

  .elementsContainer .apple {
    width: 13%;
    top: 35%;
    left: 10%;
  }

  .elementsContainer .berry {
    top: 56%;
    width: 15%;
    left: 24%;
  }

  .elementsContainer .d {
    width: 9%;
    left: 3%;
    top: 0;
  }

  .elementsContainer .niasini {
    left: 13%;
    width: 18%;
    top: 13%;
  }

  .elementsContainer .b12 {
    width: 9%;
    top: 0;
    left: 30%;
  }

  .elementsContainer .b6 {
    top: 43%;
    left: 31%;
    width: 6%;
  }

  .elementsContainer .rivoflavini {
    top: 62%;
    width: 18%;
    left: 3%;
  }

  .elementsContainer .grape {
    right: 31%;
    top: 30%;
    width: 13%;
  }

  .elementsContainer .pear {
    width: 9%;
    top: 26%;
    right: 0;
  }

  .elementsContainer .rodi {
    width: 15%;
    top: 56%;
    right: 28%;
  }

  .elementsContainer .acerola {
    width: 11%;
    right: 16%;
    top: 42%;
  }

  .elementsContainer .viotini {
    width: 16%;
    right: 27%;
    top: 3%;
  }

  .elementsContainer .b5 {
    width: 8%;
    right: 0;
    top: 7%;
  }

  .elementsContainer .e {
    right: 19%;
    top: 17%;
    width: 9%;
  }

  .elementsContainer .a {
    width: 8%;
    top: 42%;
    right: 5%;
  }

  .elementsContainer .theiamini {
    width: 13%;
    right: 5%;
    top: 71%;
  }
}

@media all and (orientation: landscape) and (min-width: 1200px) {
  .elementsContainer .lime {
    top: 46%;
    left: 34%;
    width: 10%;
  }

  .elementsContainer .carrot {
    top: 41%;
    width: 7%;
  }

  .elementsContainer .apple {
    top: 45%;
    width: 11%;
    left: 10%;
  }

  .elementsContainer .berry {
    top: 65%;
    width: 18%;
    left: 22%;
  }

  .elementsContainer .d {
    top: 20%;
    width: 7%;
  }

  .elementsContainer .niasini {
    top: 30%;
    width: 12%;
  }

  .elementsContainer .b12 {
    top: 20%;
    width: 6%;
    left: 30%;
  }

  .elementsContainer .b6 {
    top: 61%;
    left: 30%;
    width: 5%;
  }

  .elementsContainer .rivoflavini {
    top: 81%;
    width: 14%;
    left: 9%;
  }

  .elementsContainer .grape {
    top: 47%;
    right: 27%;
    width: 12%;
  }

  .elementsContainer .pear {
    top: 49%;
    width: 11%;
    right: 13%;
  }

  .elementsContainer .rodi {
    top: 68%;
    width: 15%;
    right: 23%;
  }

  .elementsContainer .acerola {
    top: 61%;
    width: 16%;
    right: 4%;
  }

  .elementsContainer .viotini {
    width: 12%;
    top: 23%;
  }

  .elementsContainer .b5 {
    width: 8%;
    right: 2.2%;
    top: 27%;
  }

  .elementsContainer .e {
    top: 33%;
    width: 5%;
  }

  .elementsContainer .a {
    top: 62%;
    width: 5%;
    right: 23%;
  }

  .elementsContainer .theiamini {
    top: 85%;
    width: 13%;
    right: 7%;
  }
}

#supermix-hero {
  background: black;
  position: relative;
}

#supermix-hero span {
  font-family: "CeraProBlackItalic", sans-serif;
  white-space: nowrap;
  font-size: 3vmin;
  line-height: 3vmin;
  padding-right: 20px;
  display: inline-block;
  color: white;
}

#supermix-hero span.yellow {
  color: #fed315;
}

#supermix-hero span.red {
  color: #d50342;
}

#supermix-hero .seira {
  display: flex;
  flex-direction: row;
}

#supermix-hero .seira:nth-child(2) span {
  font-size: 8vmin;
  line-height: 6vmin;
}

#supermix-hero .seira:nth-child(3) span {
  font-size: 4vmin;
  line-height: 4vmin;
}

#supermix-hero .seira:nth-child(4) span {
  font-size: 5.5vmin;
  line-height: 4.5vmin;
}

#supermix-hero .seira:nth-child(5) span {
  font-size: 3vmin;
  line-height: 3vmin;
}

#supermix-hero .seira:nth-child(7) span {
  font-size: 10vmin;
  line-height: 8vmin;
}

#supermix-hero .move-right {
  -webkit-animation: right 10s linear infinite;
          animation: right 10s linear infinite;
}

#supermix-hero .move-left {
  -webkit-animation: left 10s linear infinite;
          animation: left 10s linear infinite;
}

#supermix-hero .supermix-pack {
  position: absolute;
  left: 0;
  right: 0;
  margin: 3vh auto;
  width: 250px;
}

@media screen and (min-height: 320px) and (orientation: landscape) {
  #supermix-hero .supermix-pack {
    width: 130px;
  }
}

@media screen and (min-height: 360px) and (orientation: landscape) {
  #supermix-hero .supermix-pack {
    width: 130px;
  }
}

@media screen and (min-height: 420px) and (orientation: landscape) {
  #supermix-hero .supermix-pack {
    width: 170px;
  }
}

@media screen and (min-height: 500px) and (orientation: landscape) {
  #supermix-hero .supermix-pack {
    width: 200px;
  }
}

@media screen and (min-width: 1200px) and (min-height: 600px) and (orientation: landscape) {
  #supermix-hero .supermix-pack {
    width: 300px;
  }
}

@media screen and (min-width: 1200px) and (min-height: 700px) and (orientation: landscape) {
  #supermix-hero .supermix-pack {
    width: 320px;
  }
}

@media screen and (min-width: 1200px) and (min-height: 800px) and (orientation: landscape) {
  #supermix-hero .supermix-pack {
    width: 350px;
  }
}

@media screen and (min-width: 1200px) and (min-height: 900px) and (orientation: landscape) {
  #supermix-hero .supermix-pack {
    width: 380px;
  }
}

@media screen and (min-width: 1200px) and (min-height: 1000px) and (orientation: landscape) {
  #supermix-hero .supermix-pack {
    width: 430px;
  }
}

.skin-black .modal.modal-circle .modal-dialog .modal-content {
  background: rgba(213, 3, 66, 0.8);
}

.vitamin {
  cursor: pointer;
}

.skin-black .bs-tooltip-bottom .arrow::before,
.skin-black .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.skin-black .tooltipOuter,
.skin-black .bs-tooltip-top .arrow::before,
.skin-black .bs-tooltip-auto[x-placement^=top] .arrow::before {
  background: #d50342;
}

.skin-black .arrow.a_litia {
  left: 120px !important;
}

@-webkit-keyframes left {
  0% {
    transform: translateX(0) translateZ(0);
  }

  100% {
    transform: translateX(-100%) translateZ(0);
  }
}

@keyframes left {
  0% {
    transform: translateX(0) translateZ(0);
  }

  100% {
    transform: translateX(-100%) translateZ(0);
  }
}

@-webkit-keyframes right {
  0% {
    transform: translateX(-100%) translateZ(0);
  }

  100% {
    transform: translateX(0) translateZ(0);
  }
}

.productContainer {
  height: auto;
  min-height: 100vh;
  background: black;
  padding: 100px 35px 0 35px;
}

@media only screen and (min-width: 1200px) {
  .productContainer {
    padding: 140px 50px 0 50px;
  }
}

.productContainer .content {
  max-width: 1920px;
  margin: auto;
}

.productContainer .left-side {
  margin-left: 0;
}

@media only screen and (min-width: 1200px) {
  .productContainer .left-side {
    margin-left: 0%;
    order: 1;
  }
}

@media only screen and (min-width: 1400px) {
  .productContainer .left-side {
    margin-left: 10%;
  }
}

@media only screen and (min-height: 300px) and (orientation: landscape) {
  .productContainer .left-side .textImage {
    width: 315px;
  }
}

@media only screen and (min-height: 768px) and (orientation: landscape) {
  .productContainer .left-side .textImage {
    width: 500px;
  }
}

@media only screen and (min-width: 1200px) and (min-height: 500px) {
  .productContainer .left-side .textImage {
    width: 400px;
  }
}

@media only screen and (min-width: 1200px) and (min-height: 600px) {
  .productContainer .left-side .textImage {
    width: 450px;
  }
}

@media only screen and (min-width: 1200px) and (min-height: 700px) {
  .productContainer .left-side .textImage {
    width: 500px;
  }
}

@media only screen and (min-width: 1200px) and (min-height: 800px) {
  .productContainer .left-side .textImage {
    width: 550px;
  }
}

@media only screen and (min-width: 1200px) and (min-height: 800px) {
  .productContainer .left-side .textImage {
    width: 100%;
  }
}

.productContainer .left-side p.text {
  font-family: "CeraPro-Bold", sans-serif;
  color: #fff;
  margin-bottom: 0;
  font-size: 25px;
}

@media only screen and (min-width: 1200px) and (min-height: 500px) {
  .productContainer .left-side p.text {
    font-size: 25px;
  }
}

@media only screen and (min-width: 1200px) and (min-height: 700px) {
  .productContainer .left-side p.text {
    font-size: 29px;
  }
}

@media only screen and (min-width: 1200px) and (min-height: 800px) {
  .productContainer .left-side p.text {
    font-size: 35px;
  }
}

@media only screen and (min-width: 1200px) and (min-height: 800px) {
  .productContainer .left-side p.text {
    font-size: 40px;
  }
}

.productContainer .right-side {
  margin-left: 0;
  padding: 0;
}

@media only screen and (min-width: 1200px) {
  .productContainer .right-side {
    margin-left: -10%;
    order: 2;
  }
}

@media only screen and (min-width: 1400px) {
  .productContainer .right-side {
    margin-left: -20%;
  }
}

.productContainer .right-side .packsContainer {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

@media only screen and (min-width: 1200px) {
  .productContainer .right-side .packsContainer {
    justify-content: flex-end;
  }
}

.productContainer .right-side .packsContainer .smallPack,
.productContainer .right-side .packsContainer .bigPack {
  position: relative;
  text-align: center;
}

.productContainer .right-side .packsContainer .smallPack img,
.productContainer .right-side .packsContainer .bigPack img {
  position: relative;
  z-index: 2;
  width: 80%;
}

@media only screen and (min-height: 300px) and (orientation: landscape) {
  .productContainer .right-side .packsContainer .smallPack img,
  .productContainer .right-side .packsContainer .bigPack img {
    width: 145px;
  }
}

@media only screen and (min-height: 768px) and (orientation: landscape) {
  .productContainer .right-side .packsContainer .smallPack img,
  .productContainer .right-side .packsContainer .bigPack img {
    width: 200px;
  }
}

@media only screen and (min-width: 1200px) and (min-height: 500px) {
  .productContainer .right-side .packsContainer .smallPack img,
  .productContainer .right-side .packsContainer .bigPack img {
    width: 240px;
  }
}

@media only screen and (min-width: 1200px) and (min-height: 700px) {
  .productContainer .right-side .packsContainer .smallPack img,
  .productContainer .right-side .packsContainer .bigPack img {
    width: 300px;
  }
}

@media only screen and (min-width: 1200px) and (min-height: 800px) {
  .productContainer .right-side .packsContainer .smallPack img,
  .productContainer .right-side .packsContainer .bigPack img {
    width: 350px;
  }
}

@media only screen and (min-width: 1200px) and (min-height: 900px) {
  .productContainer .right-side .packsContainer .smallPack img,
  .productContainer .right-side .packsContainer .bigPack img {
    width: 445px;
  }
}

.productContainer .right-side .packsContainer .tags {
  position: absolute;
  bottom: 22%;
  width: 112px;
  right: -45px;
  z-index: -1;
}

@media only screen and (min-width: 568px) and (orientation: portrait) {
  .productContainer .right-side .packsContainer .tags {
    width: 120px;
    right: 55px;
  }
}

@media only screen and (min-width: 700px) and (orientation: portrait) {
  .productContainer .right-side .packsContainer .tags {
    right: 100px;
  }
}

@media only screen and (min-height: 300px) and (orientation: landscape) {
  .productContainer .right-side .packsContainer .tags {
    right: 125px;
  }
}

@media only screen and (min-width: 768px) {
  .productContainer .right-side .packsContainer .tags {
    right: 140px;
  }
}

@media only screen and (min-width: 850px) {
  .productContainer .right-side .packsContainer .tags {
    right: 170px;
  }
}

@media only screen and (min-width: 950px) {
  .productContainer .right-side .packsContainer .tags {
    right: 190px;
  }
}

@media only screen and (min-width: 990px) {
  .productContainer .right-side .packsContainer .tags {
    right: 125px;
  }
}

@media only screen and (min-width: 1080px) {
  .productContainer .right-side .packsContainer .tags {
    right: 165px;
  }
}

@media only screen and (min-width: 1200px) and (min-height: 500px) {
  .productContainer .right-side .packsContainer .tags {
    width: 150px;
    right: -110px;
  }
}

@media only screen and (min-width: 1200px) and (min-height: 700px) {
  .productContainer .right-side .packsContainer .tags {
    width: 160px;
    right: -105px;
  }
}

.productContainer .right-side .packsContainer .tags .tag {
  padding: 0 10px 0 30px;
  margin-bottom: 5px;
}

@media only screen and (min-width: 768px) {
  .productContainer .right-side .packsContainer .tags .tag {
    margin-bottom: 10px;
  }
}

.productContainer .right-side .packsContainer .tags .tag1 {
  background-color: #d50342;
  width: 100%;
}

.productContainer .right-side .packsContainer .tags .tag2 {
  background-color: #fed315;
  width: 100%;
}

.productContainer .right-side .packsContainer .tags .tag3 {
  background-color: white;
  width: 100%;
}

.productContainer .break1 {
  display: block;
}

@media only screen and (min-width: 606px) {
  .productContainer .break1 {
    display: none;
  }
}

@media only screen and (min-width: 1200px) {
  .productContainer .break1 {
    display: block;
  }
}

@media only screen and (min-width: 1769px) {
  .productContainer .break1 {
    display: none;
  }
}

.productContainer .break2 {
  display: block;
}

#pack330 {
  max-width: 90px;
  margin-right: 20px;
}

@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: portrait) {
  #pack330 {
    max-width: 70px;
  }
}

@media only screen and (min-width: 768px) {
  #pack330 {
    max-width: 100px;
  }
}

@media only screen and (min-width: 992px) {
  #pack330 {
    max-width: unset;
  }
}

@media only screen and (min-width: 1200px) and (min-height: 700px) {
  #pack330 {
    max-width: 100px;
  }
}

@media only screen and (min-width: 1200px) and (min-height: 990px) {
  #pack330 {
    max-width: 120px;
  }
}

@media only screen and (min-width: 1600px) and (min-height: 1100px) {
  #pack330 {
    max-width: 140px;
  }
}

#packSupermix {
  max-width: 120px;
}

@media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: portrait) {
  #packSupermix {
    max-width: 100px;
  }
}

@media only screen and (min-width: 768px) {
  #packSupermix {
    max-width: 150px;
  }
}

@media only screen and (min-width: 992px) {
  #packSupermix {
    max-width: unset;
  }
}

@media only screen and (min-width: 1200px) and (min-height: 700px) {
  #packSupermix {
    max-width: 150px;
  }
}

@media only screen and (min-width: 1200px) and (min-height: 990px) {
  #packSupermix {
    max-width: 170px;
  }
}

@media only screen and (min-width: 1600px) and (min-height: 1100px) {
  #packSupermix {
    max-width: 190px;
  }
}

.liftmeup .btn {
  padding: 0.375rem 0.75rem;
}

.liftmeup a.btn {
  padding-top: 11px;
}

.liftmeup .btn.btn-yellow {
  background: #ffed00;
  color: #00168b;
}

.liftmeup .btn.btn-movaki {
  background: #e50e7e;
  color: #ffed00;
}

.liftmeup .btn.btn-mple {
  background: #00168b;
  color: #ffed00;
}

.liftmeup .btn.btn-ciel {
  background-color: #009ae0;
  color: #ffed00;
}

.liftmeup .btn-pink {
  background-color: #e50e7e;
  color: #ffed00;
}

.liftmeup .btn-darkblue {
  background-color: #00168b;
  color: #ffed00;
}

.liftmeup .btn-orange {
  background-color: #f7a600;
  color: #00168b;
}

.liftmeup .winner-buttons-container {
  margin: -100px auto 0 auto;
  position: relative;
  z-index: 2;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .liftmeup .winner-buttons-container {
    max-width: 590px;
  }
}

@media only screen and (min-width: 768px) {
  .liftmeup-carousel {
    max-width: 700px;
    margin: auto;
  }
}

@media only screen and (min-width: 992px) {
  .liftmeup-carousel {
    max-width: unset;
  }
}

@media only screen and (min-width: 1200px) {
  .liftmeup-carousel {
    max-width: 1220px;
    margin: auto;
  }
}

@media only screen and (min-width: 1650px) {
  .liftmeup-carousel {
    max-width: 1650px;
  }
}

.liftmeup-carousel .slick-list.draggable {
  text-align: center;
}

.liftmeup-carousel .slick-next,
.liftmeup-carousel .slick-prev {
  z-index: 5;
}

.liftmeup-carousel button.slick-prev.slick-arrow:before {
  background-image: url(/assets/cc3e/amita-motion/images/brushBGleft.png?bd47aef8ab276caa628fd7b8f4df3202);
  content: "\F053";
  font-family: "Font Awesome 5 Pro";
  font-size: 30px;
  font-weight: 600;
  color: #00168b;
  right: -30px;
}

@media only screen and (min-width: 576px) {
  .liftmeup-carousel button.slick-prev.slick-arrow:before {
    right: -18px;
  }
}

@media only screen and (min-width: 768px) {
  .liftmeup-carousel button.slick-prev.slick-arrow:before {
    right: 0;
  }
}

@media only screen and (min-width: 992px) {
  .liftmeup-carousel button.slick-prev.slick-arrow:before {
    right: -25px;
  }
}

@media only screen and (min-width: 1260px) {
  .liftmeup-carousel button.slick-prev.slick-arrow:before {
    right: -10px;
  }
}

@media only screen and (min-width: 1350px) {
  .liftmeup-carousel button.slick-prev.slick-arrow:before {
    right: 10px;
  }
}

.liftmeup-carousel button.slick-next.slick-arrow:before {
  background-image: url(/assets/cc3e/amita-motion/images/brushBGright.png?bd4fc3032f1763d6b20bf3a0c0181e62);
  content: "\F054";
  font-family: "Font Awesome 5 Pro";
  font-size: 30px;
  font-weight: 600;
  color: #00168b;
  left: -30px;
}

@media only screen and (min-width: 576px) {
  .liftmeup-carousel button.slick-next.slick-arrow:before {
    left: -18px;
  }
}

@media only screen and (min-width: 768px) {
  .liftmeup-carousel button.slick-next.slick-arrow:before {
    left: 0;
  }
}

@media only screen and (min-width: 992px) {
  .liftmeup-carousel button.slick-next.slick-arrow:before {
    left: -25px;
  }
}

@media only screen and (min-width: 1260px) {
  .liftmeup-carousel button.slick-next.slick-arrow:before {
    left: -10px;
  }
}

@media only screen and (min-width: 1350px) {
  .liftmeup-carousel button.slick-next.slick-arrow:before {
    left: 10px;
  }
}

.liftmeup-carousel button.slick-next.slick-arrow:before,
.liftmeup-carousel button.slick-prev.slick-arrow:before {
  width: 35px;
  height: 50px;
  position: absolute;
  opacity: 1;
  top: -30px;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (min-width: 1790px) {
  .liftmeup-carousel button.slick-next.slick-arrow:before,
  .liftmeup-carousel button.slick-prev.slick-arrow:before {
    width: 62px;
    height: 90px;
  }
}

.liftmeup-carousel button.slick-next.slick-arrow {
  right: 0;
  display: block;
}

.liftmeup-carousel button.slick-prev.slick-arrow {
  left: 0;
  display: block;
}

.liftmeup-carousel .present-grid-item {
  position: relative;
  width: 220px;
  margin: 30px auto;
}

@media only screen and (min-width: 768px) {
  .liftmeup-carousel .present-grid-item {
    width: 172px;
  }
}

@media only screen and (min-width: 992px) {
  .liftmeup-carousel .present-grid-item {
    width: 220px;
  }
}

@media only screen and (min-width: 1650px) {
  .liftmeup-carousel .present-grid-item {
    width: 310px;
    margin: 50px auto;
  }
}

.liftmeup-carousel img.present-img {
  width: 100%;
  border-radius: 10%;
}

.liftmeup-carousel .lock-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-image: url(/assets/cc3e/amita-motion/images/overlay.png?5b44f8fcb83850583230381275946238);
  background-position: center center;
  background-size: contain;
  border-radius: 10%;
}

.liftmeup-carousel .lock-overlay:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/assets/cc3e/amita-motion/images/lockbg.png?9f2e06902d2feca60abed96ced09354f);
  background-position: center center;
  background-size: contain;
}

.liftmeup-carousel .present-cost {
  position: absolute;
  background: #e50e7e;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(50%, -50%);
  z-index: 2;
  font-size: 20px;
  color: white;
}

@media only screen and (min-width: 1650px) {
  .liftmeup-carousel .present-cost {
    width: 100px;
    height: 100px;
    font-size: 50px;
  }
}

.liftmeup-carousel .present-cost img.awards_synaki_image {
  position: absolute;
  bottom: -7px;
  right: -6px;
  width: 24px;
}

@media only screen and (min-width: 1650px) {
  .liftmeup-carousel .present-cost img.awards_synaki_image {
    width: 36px;
    right: 0;
  }
}

.skin-liftmeup .modalphoto.modal .modal-dialog {
  background: transparent;
  max-width: 900px;
}

.skin-liftmeup .modalphoto.modal .modal-header {
  background-image: url(/assets/cc3e/amita-motion/images/goodys_bg.jpg?064351ddff43639ae353d68bc71843df);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 400px;
}

.skin-liftmeup .modalphoto.modal .modal-body {
  background-color: #f7a600;
}

.skin-liftmeup .modalphoto.modal .present-cost {
  position: absolute;
  background: #e50e7e;
  top: 0;
  right: 22%;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(50%, -50%);
  z-index: 2;
  font-family: CeraProBlackItalic, sans-serif;
  font-size: 40px;
  color: white;
}

@media only screen and (min-width: 576px) {
  .skin-liftmeup .modalphoto.modal .present-cost {
    width: 120px;
    height: 120px;
    font-size: 50px;
  }
}

.skin-liftmeup .modalphoto.modal .present-cost img.awards_synaki_image {
  position: absolute;
  bottom: -7px;
  right: -6px;
  width: 40px;
}

@media only screen and (min-width: 576px) {
  .skin-liftmeup .modalphoto.modal .present-cost img.awards_synaki_image {
    width: 50px;
  }
}

.skin-liftmeup .modalphoto.modal .present-info-content {
  padding: 50px 0;
}

.skin-liftmeup .modalphoto.modal .present-info {
  text-align: center;
  font-family: CeraProBlackItalic, sans-serif;
  display: flex;
  flex-direction: column;
}

.skin-liftmeup .modalphoto.modal .present-info-title {
  font-size: 30px;
  font-family: CeraProBlackItalic, sans-serif;
}

@media only screen and (min-width: 576px) {
  .skin-liftmeup .modalphoto.modal .present-info-title {
    font-size: 36px;
  }
}

.skin-liftmeup .modalphoto.modal .present-info-details {
  font-size: 22px;
  color: #00168a;
  font-family: CeraProBlackItalic, sans-serif;
}

@media only screen and (min-width: 576px) {
  .skin-liftmeup .modalphoto.modal .present-info-details {
    padding: 0 80px;
    font-size: 27px;
  }
}

.skin-liftmeup .modalphoto.modal .claim-reward-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 120px;
}

@media only screen and (min-width: 567px) {
  .skin-liftmeup .modalphoto.modal .claim-reward-container {
    min-height: 140px;
  }
}

.skin-liftmeup .modalphoto.modal .claimreward {
  font-size: 17px;
  height: 65px;
  padding: 0 45px;
  border-radius: 70px;
  display: inline-block;
}

@media only screen and (min-width: 350px) {
  .skin-liftmeup .modalphoto.modal .claimreward {
    font-size: 20px;
  }
}

@media only screen and (min-width: 576px) {
  .skin-liftmeup .modalphoto.modal .claimreward {
    font-size: 30px;
    height: 80px;
    margin-top: 35px;
  }
}

.skin-liftmeup .modalphoto.modal .claimed .claimreward {
  display: none;
}

.skin-liftmeup .modalphoto.modal .code-reveal {
  position: relative;
  width: 349px;
  display: none;
}

@media only screen and (min-width: 576px) {
  .skin-liftmeup .modalphoto.modal .code-reveal {
    margin-top: 35px;
  }
}

.skin-liftmeup .modalphoto.modal .draw-participation-notification {
  color: #e50e7d;
  font-size: 1.5rem;
}

@media only screen and (min-width: 567px) {
  .skin-liftmeup .modalphoto.modal .draw-participation-notification {
    font-size: 2em;
  }
}

@media only screen and (min-width: 786px) {
  .skin-liftmeup .modalphoto.modal .draw-participation-notification {
    font-size: 2.4rem;
  }
}

.skin-liftmeup .modalphoto.modal .claimed .code-reveal {
  display: block;
}

.skin-liftmeup .modalphoto.modal .code-reveal-text {
  color: #00168b;
  font-size: 35px;
  font-family: CeraProBlackItalic, sans-serif;
  position: relative;
  z-index: 1;
}

@media only screen and (min-width: 576px) {
  .skin-liftmeup .modalphoto.modal .code-reveal-text {
    font-size: 53px;
  }
}

.skin-liftmeup .modalphoto.modal .code-reveal-image {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  width: 434px;
}

@media only screen and (min-width: 567px) {
  .skin-liftmeup .modalphoto.modal .code-reveal-image {
    width: 455px;
  }
}

.skin-liftmeup .modalphoto.modal .modal-dialog button.close span:before {
  top: 4px;
}

.skin-liftmeup .modalphoto.modal .modal-dialog button.close span:after {
  top: 4px;
}

.skin-liftmeup .modalphoto.modal button.close {
  background: #00168a;
}

.skin-liftmeup .backgroundElementColor {
  background-image: url("/assets/cc3e/amita-motion/images/liftmeup/kv/Asset7.png");
  background-color: #4e55a0;
}

.liftmeup.faq {
  flex-direction: column;
  padding: 100px 0;
}

.liftmeup.faq h1.title {
  margin: 40px 0 0 0;
}

.liftmeup.faq .faq-container img.header_logo {
  max-width: 65%;
}

.liftmeup.faq a {
  color: #ffed00;
  font-size: 13px;
}

@media only screen and (min-width: 576px) {
  .liftmeup.faq a {
    font-size: 16px;
  }
}

@media only screen and (min-width: 770px) {
  .liftmeup.faq a {
    font-size: 19px;
  }
}

.liftmeup.faq a:hover {
  color: #ffed00;
}

.liftmeup.faq .card {
  background-color: rgba(245, 245, 245, 0);
  border-style: none;
  font-family: CeraPro-Medium, sans-serif;
  font-style: bold;
  font-size: 19px;
  color: white;
  text-align: left;
}

.liftmeup.faq .card-body {
  color: #00168b;
}

.liftmeup.faq .accordion .card .card-header {
  margin-bottom: 0px;
  border-bottom-color: white;
  border-width: 2px;
  background-color: rgba(245, 245, 245, 0);
  padding-top: 1rem;
  padding-right: 0.25rem;
  padding-bottom: 1rem;
  padding-left: 0.25rem;
  color: white;
}

.liftmeup.faq .accordion .card .mb-0 {
  font-size: 20px;
}

@media only screen and (min-width: 770px) {
  .liftmeup.faq .accordion .card .mb-0 {
    font-size: 25px;
  }
}

.liftmeup.faq .accordion .card .fa.fa-angle-up::before {
  color: #00168b;
  justify-content: center;
  transform: rotate(0deg);
  float: right;
}

.liftmeup.faq .accordion .card p {
  margin-right: 5%;
}

.liftmeup.faq .accordion .card .fa {
  background-image: url(/assets/cc3e/amita-motion/images/brushBG.png?dfa370125f1d001e9f78c252c20f2ecb);
  background-size: cover;
  height: 40px;
  background-position: center;
  background-repeat: no-repeat;
  padding: 10px 20px;
  float: right;
}

.liftmeup.faq .accordion .card .text-left.rounded-0.collapsed .fa.fa-angle-up::before {
  transform: rotate(0deg);
}

.liftmeup.faq .accordion .card .card-header.active .fa.fa-angle-up::before {
  display: inline-block;
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -moz-transform: rotate(180deg);
  /* Firefox */
  -webkit-transform: rotate(180deg);
  /* Safari and Chrome */
  -o-transform: rotate(180deg);
  /* Opera */
  transition: transform 0.5s ease, width 0.1ms, height 0.1ms, top 0.1ms, left 0.1ms;
}

.liftmeup.faq .accordion .card .card-header:hover {
  color: #ffed00;
}

.liftmeup.faq .collapseButton {
  display: flex;
  align-items: flex-start;
  -webkit-appearance: none;
}

.liftmeup.faq .accordion .card .fa {
  margin-left: auto;
}

.liftmeup input::-webkit-input-placeholder {
  overflow: visible;
}

.liftmeup input::-moz-placeholder {
  overflow: visible;
}

.liftmeup input:-ms-input-placeholder {
  overflow: visible;
}

.liftmeup input::-ms-input-placeholder {
  overflow: visible;
}

.liftmeup input::placeholder {
  overflow: visible;
}

.liftmeup .form-control:focus::-webkit-input-placeholder {
  opacity: 0;
}

.liftmeup .form-control:focus::-moz-placeholder {
  opacity: 0;
}

.liftmeup .form-control:focus:-ms-input-placeholder {
  opacity: 0;
}

.liftmeup .form-control:focus::-ms-input-placeholder {
  opacity: 0;
}

.liftmeup .form-control:focus::placeholder {
  opacity: 0;
}

.liftmeup #name::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #009fe3;
  opacity: 0.7;
  /* Firefox */
  font-size: 14px;
  font-family: "CeraProBlackItalic", sans-serif;
  letter-spacing: normal;
}

.liftmeup #name::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #009fe3;
  opacity: 0.7;
  /* Firefox */
  font-size: 14px;
  font-family: "CeraProBlackItalic", sans-serif;
  letter-spacing: normal;
}

.liftmeup #name:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #009fe3;
  opacity: 0.7;
  /* Firefox */
  font-size: 14px;
  font-family: "CeraProBlackItalic", sans-serif;
  letter-spacing: normal;
}

.liftmeup #name::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #009fe3;
  opacity: 0.7;
  /* Firefox */
  font-size: 14px;
  font-family: "CeraProBlackItalic", sans-serif;
  letter-spacing: normal;
}

.liftmeup #name::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #009fe3;
  opacity: 0.7;
  /* Firefox */
  font-size: 14px;
  font-family: "CeraProBlackItalic", sans-serif;
  letter-spacing: normal;
}

@media only screen and (min-width: 420px) {
  .liftmeup #name::-webkit-input-placeholder {
    font-size: 18px;
  }
  .liftmeup #name::-moz-placeholder {
    font-size: 18px;
  }
  .liftmeup #name:-ms-input-placeholder {
    font-size: 18px;
  }
  .liftmeup #name::-ms-input-placeholder {
    font-size: 18px;
  }
  .liftmeup #name::placeholder {
    font-size: 18px;
  }
}

@media only screen and (min-width: 992px) {
  .liftmeup #name::-webkit-input-placeholder {
    font-size: 30px;
  }
  .liftmeup #name::-moz-placeholder {
    font-size: 30px;
  }
  .liftmeup #name:-ms-input-placeholder {
    font-size: 30px;
  }
  .liftmeup #name::-ms-input-placeholder {
    font-size: 30px;
  }
  .liftmeup #name::placeholder {
    font-size: 30px;
  }
}

.liftmeup .code::-webkit-input-placeholder {
  font-size: 12px;
  color: #009fe3;
  opacity: 0.7;
  /* Firefox */
  font-family: "CeraProBlackItalic", sans-serif;
  letter-spacing: normal;
}

.liftmeup .code::-moz-placeholder {
  font-size: 12px;
  color: #009fe3;
  opacity: 0.7;
  /* Firefox */
  font-family: "CeraProBlackItalic", sans-serif;
  letter-spacing: normal;
}

.liftmeup .code:-ms-input-placeholder {
  font-size: 12px;
  color: #009fe3;
  opacity: 0.7;
  /* Firefox */
  font-family: "CeraProBlackItalic", sans-serif;
  letter-spacing: normal;
}

.liftmeup .code::-ms-input-placeholder {
  font-size: 12px;
  color: #009fe3;
  opacity: 0.7;
  /* Firefox */
  font-family: "CeraProBlackItalic", sans-serif;
  letter-spacing: normal;
}

.liftmeup .code::placeholder {
  font-size: 12px;
  color: #009fe3;
  opacity: 0.7;
  /* Firefox */
  font-family: "CeraProBlackItalic", sans-serif;
  letter-spacing: normal;
}

@media only screen and (min-width: 360px) {
  .liftmeup .code::-webkit-input-placeholder {
    font-size: 14px;
  }
  .liftmeup .code::-moz-placeholder {
    font-size: 14px;
  }
  .liftmeup .code:-ms-input-placeholder {
    font-size: 14px;
  }
  .liftmeup .code::-ms-input-placeholder {
    font-size: 14px;
  }
  .liftmeup .code::placeholder {
    font-size: 14px;
  }
}

@media only screen and (min-width: 420px) {
  .liftmeup .code::-webkit-input-placeholder {
    font-size: 18px;
  }
  .liftmeup .code::-moz-placeholder {
    font-size: 18px;
  }
  .liftmeup .code:-ms-input-placeholder {
    font-size: 18px;
  }
  .liftmeup .code::-ms-input-placeholder {
    font-size: 18px;
  }
  .liftmeup .code::placeholder {
    font-size: 18px;
  }
}

@media only screen and (min-width: 992px) {
  .liftmeup .code::-webkit-input-placeholder {
    font-size: 30px;
  }
  .liftmeup .code::-moz-placeholder {
    font-size: 30px;
  }
  .liftmeup .code:-ms-input-placeholder {
    font-size: 30px;
  }
  .liftmeup .code::-ms-input-placeholder {
    font-size: 30px;
  }
  .liftmeup .code::placeholder {
    font-size: 30px;
  }
}

.liftmeup ::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #009fe3;
  opacity: 0.7;
  /* Firefox */
  font-size: 14px;
  letter-spacing: normal;
}

.liftmeup ::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #009fe3;
  opacity: 0.7;
  /* Firefox */
  font-size: 14px;
  letter-spacing: normal;
}

.liftmeup :-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #009fe3;
  opacity: 0.7;
  /* Firefox */
  font-size: 14px;
  letter-spacing: normal;
}

.liftmeup ::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #009fe3;
  opacity: 0.7;
  /* Firefox */
  font-size: 14px;
  letter-spacing: normal;
}

.liftmeup ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #009fe3;
  opacity: 0.7;
  /* Firefox */
  font-size: 14px;
  letter-spacing: normal;
}

@media only screen and (min-width: 420px) {
  .liftmeup ::-webkit-input-placeholder {
    font-size: 18px;
  }
  .liftmeup ::-moz-placeholder {
    font-size: 18px;
  }
  .liftmeup :-ms-input-placeholder {
    font-size: 18px;
  }
  .liftmeup ::-ms-input-placeholder {
    font-size: 18px;
  }
  .liftmeup ::placeholder {
    font-size: 18px;
  }
}

@media only screen and (min-width: 992px) {
  .liftmeup ::-webkit-input-placeholder {
    font-size: 30px;
  }
  .liftmeup ::-moz-placeholder {
    font-size: 30px;
  }
  .liftmeup :-ms-input-placeholder {
    font-size: 30px;
  }
  .liftmeup ::-ms-input-placeholder {
    font-size: 30px;
  }
  .liftmeup ::placeholder {
    font-size: 30px;
  }
}

.liftmeup :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #009fe3;
  opacity: 0.7;
  /* Firefox */
  font-size: 14px;
}

@media only screen and (min-width: 420px) {
  .liftmeup :-ms-input-placeholder {
    font-size: 18px;
  }
}

@media only screen and (min-width: 992px) {
  .liftmeup :-ms-input-placeholder {
    font-size: 30px;
  }
}

.liftmeup ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #009fe3;
  opacity: 0.7;
  /* Firefox */
  font-size: 14px;
}

@media only screen and (min-width: 420px) {
  .liftmeup ::-ms-input-placeholder {
    font-size: 18px;
  }
}

@media only screen and (min-width: 992px) {
  .liftmeup ::-ms-input-placeholder {
    font-size: 30px;
  }
}

.liftmeup .bluetext::-webkit-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #009fe3;
  opacity: 0.7;
}

.liftmeup .bluetext::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #009fe3;
  opacity: 0.7;
}

.liftmeup .bluetext:-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #009fe3;
  opacity: 0.7;
}

.liftmeup .bluetext::-ms-input-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #009fe3;
  opacity: 0.7;
}

.liftmeup .bluetext::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #009fe3;
  opacity: 0.7;
}

.liftmeup .bluetext:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #009fe3;
}

.liftmeup .bluetext::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #009fe3;
}

.liftmeup .form-control {
  color: #009fe3;
  font-size: 18px;
}

.liftmeup .form-control.bluetext {
  color: #009fe3;
}

.liftmeup .form-control.code {
  color: #009fe3;
}

@media only screen and (min-width: 992px) {
  .liftmeup .form-control {
    font-size: 30px;
  }
}

.liftmeup label {
  color: #00168b;
}

.liftmeup input:-webkit-autofill,
.liftmeup input:-webkit-autofill:hover,
.liftmeup input:-webkit-autofill:focus,
.liftmeup textarea:-webkit-autofill,
.liftmeup textarea:-webkit-autofill:hover,
.liftmeup textarea:-webkit-autofill:focus,
.liftmeup select:-webkit-autofill,
.liftmeup select:-webkit-autofill:hover,
.liftmeup select:-webkit-autofill:focus {
  border: 1px solid white;
  -webkit-text-fill-color: #009fe3;
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

.liftmeup input:-webkit-autofill.bluetext,
.liftmeup input:-webkit-autofill:hover.bluetext,
.liftmeup input:-webkit-autofill:focus.bluetext,
.liftmeup textarea:-webkit-autofill.bluetext,
.liftmeup textarea:-webkit-autofill:hover.bluetext,
.liftmeup textarea:-webkit-autofill:focus.bluetext,
.liftmeup select:-webkit-autofill.bluetext,
.liftmeup select:-webkit-autofill:hover.bluetext,
.liftmeup select:-webkit-autofill:focus.bluetext {
  border: 1px solid white;
  -webkit-text-fill-color: #009fe3;
  -webkit-box-shadow: 0 0 0px 1000px white inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

.liftmeup form {
  position: relative;
}

.liftmeup input.form-control {
  position: relative;
  height: 55px;
  background-color: white;
  border: 1px solid white;
  border-radius: 42px;
}

@media only screen and (min-width: 762px) {
  .liftmeup input.form-control {
    height: 65px;
  }
}

.liftmeup input[type=password] {
  letter-spacing: 8px;
}

.liftmeup .form-control:focus {
  background-color: white;
}

.liftmeup .input-group {
  background: white;
}

.liftmeup .invalid-feedback {
  font-size: 105%;
  color: #ff0000;
}

.liftmeup input.form-control.msisdn,
.liftmeup input.form-control.smsCode{
  width: 350px;
}

.liftmeup .form-control.is-invalid {
  padding-right: 0;
}

.liftmeup.editprofile span.input-group-text {
  background: white;
}

.liftmeup.editprofile .input-group {
  border: 0px solid white;
  border-radius: 42px;
}

@media only screen and (min-width: 762px) {
  .liftmeup.editprofile .input-group {
    height: 65px;
  }
}

.liftmeup.editprofile .pencil {
  width: 30px;
}

@media only screen and (min-width: 576px) {
  .liftmeup.editprofile .pencil {
    width: 41px;
  }
}

.liftmeup.editprofile .form-control {
  text-align: left;
  padding-left: 20px;
}

.liftmeup.editprofile .form-control .bluetext {
  text-align: left;
}

@media only screen and (min-width: 576px) {
  .liftmeup.editprofile .form-control {
    text-align: center;
    padding-left: 67px;
  }
}

.liftmeup.editprofile span.input-group-text {
  background: white;
  border-radius: 42px;
  border: 1px solid white;
}

.liftmeup.register .card,
.liftmeup.sendresetlink .card,
.liftmeup.resetlink .card,
.liftmeup.loginpage .card,
.liftmeup.changepassword .card {
  background: transparent;
  border: none;
}

.liftmeup.register .card-header,
.liftmeup.sendresetlink .card-header,
.liftmeup.resetlink .card-header,
.liftmeup.loginpage .card-header,
.liftmeup.changepassword .card-header {
  display: none;
}

.liftmeup.register label.form-check-label,
.liftmeup.sendresetlink label.form-check-label,
.liftmeup.resetlink label.form-check-label,
.liftmeup.loginpage label.form-check-label,
.liftmeup.changepassword label.form-check-label {
  display: block;
  color: #00168a;
  font-size: 16px;
  margin-left: 15px;
  line-height: 1.2;
  font-family: CeraPro-Medium, sans-serif;
}

.liftmeup.register .btn,
.liftmeup.sendresetlink .btn,
.liftmeup.resetlink .btn,
.liftmeup.loginpage .btn,
.liftmeup.changepassword .btn {
  margin-top: 70px;
}

@media only screen and (min-width: 768px) {
  .liftmeup.register .btn,
  .liftmeup.sendresetlink .btn,
  .liftmeup.resetlink .btn,
  .liftmeup.loginpage .btn,
  .liftmeup.changepassword .btn {
    margin-top: 135px;
  }
}

.liftmeup.register .forgotpasswordlink,
.liftmeup.sendresetlink .forgotpasswordlink,
.liftmeup.resetlink .forgotpasswordlink,
.liftmeup.loginpage .forgotpasswordlink,
.liftmeup.changepassword .forgotpasswordlink {
  color: #ffed00;
  font-size: 24px;
}

.liftmeup.register .btn {
  margin-top: 10px;
}

.liftmeup.sendresetlink,
.liftmeup.resetlink,
.liftmeup.loginpage {
  min-height: calc(100vh - 76px);
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (min-width: 1200px) {
  .liftmeup.sendresetlink,
  .liftmeup.resetlink,
  .liftmeup.loginpage {
    min-height: calc(100vh - 120px);
  }
}

.liftmeup h2.form-instructions {
  color: #00168b;
  font-size: 16px;
}

@media only screen and (min-width: 992px) {
  .liftmeup h2.form-instructions {
    font-size: 21px;
  }
}

.liftmeup .remember {
  color: #00168b;
}

.liftmeup.awards .winner-buttons-container {
  margin: 0 auto 0 auto;
}

.liftmeup.awards .history_txt.code_txt,
.liftmeup.awards .history_txt.wonsynakia {
  font-family: "CeraProBlackItalic", sans-serif;
}

.liftmeup.awards .avatar {
  color: white;
  font-size: 1.5rem;
  margin-top: 30px;
}

.liftmeup.awards h1.title {
  margin: 75px 0px 0 0;
}

@media only screen and (min-width: 576px) {
  .liftmeup.awards h1.title {
    margin: 115px 0px 40px 0;
  }
}

.liftmeup.awards h2 {
  color: white;
}

.liftmeup.awards .awards_instructions {
  font-size: 16px;
  font-family: CeraPro-Medium, sans-serif;
  text-transform: none !important;
}

@media only screen and (min-width: 768px) {
  .liftmeup.awards .awards_instructions {
    font-size: 14px;
  }
}

@media only screen and (min-width: 992px) {
  .liftmeup.awards .awards_instructions {
    font-size: 16px;
  }
}

.liftmeup.awards .media-body {
  background-image: url(/assets/cc3e/amita-motion/images/brush-awards.png?3749785314ead33794851998a1128dd5);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 70px 25px 25px 10%;
  color: white;
  text-transform: uppercase;
  position: relative;
  min-height: 360px;
}

@media only screen and (min-width: 768px) {
  .liftmeup.awards .media-body {
    background-position-x: 98%;
    padding: 25px 25px 25px 5%;
    min-height: unset;
  }
}

@media only screen and (min-width: 992px) {
  .liftmeup.awards .media-body {
    padding: 25px 50px 25px 10%;
    background-position-x: 98%;
  }
}

@media only screen and (min-width: 1200px) {
  .liftmeup.awards .media-body {
    background-position-x: unset;
    padding: 25px 100px 25px 10%;
  }
}

.liftmeup.awards .media-body .radial-coupon-container:after {
  content: " ";
  background-image: url(/assets/cc3e/amita-motion/images/awards_synaki.png?e82f007d2ca4e82198c3d52af8edb3e1);
  width: 35px;
  height: 36px;
  position: absolute;
  bottom: -10px;
  right: -5px;
}

.liftmeup.awards .media-body h5.date {
  color: #e50e7e;
  font-size: 25px;
  max-width: 70%;
  display: inline-block;
}

@media only screen and (min-width: 460px) {
  .liftmeup.awards .media-body h5.date {
    font-size: 20px;
  }
}

.liftmeup.awards .media-body span.coupon {
  font-size: 16px;
}

@media only screen and (min-width: 768px) {
  .liftmeup.awards .media-body span.coupon {
    font-size: 20px;
  }
}

@media only screen and (min-width: 992px) {
  .liftmeup.awards .media-body span.coupon {
    font-size: 25px;
  }
}

.liftmeup.awards .media-body p {
  text-transform: uppercase;
}

.liftmeup.awards .media-body .radial-coupon-container {
  background: #e50e7e;
  width: 80px;
  height: 80px;
  font-size: 28px;
  border-radius: 50%;
  color: white;
  text-align: center;
  position: absolute;
  right: 10%;
  top: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (min-width: 480px) {
  .liftmeup.awards .media-body .radial-coupon-container {
    top: 40px;
  }
}

@media only screen and (min-width: 768px) {
  .liftmeup.awards .media-body .radial-coupon-container {
    right: 10%;
    top: 10px;
  }
}

@media only screen and (min-width: 992px) {
  .liftmeup.awards .media-body .radial-coupon-container {
    right: 5%;
    top: 0;
  }
}

@media only screen and (min-width: 1200px) {
  .liftmeup.awards .media-body .radial-coupon-container {
    right: 6%;
    top: 0;
  }
}

.liftmeup.awards .media-body .radial-coupon-container .span {
  font-size: 1rem;
}

@media only screen and (min-width: 992px) {
  .liftmeup.awards .media-body .radial-coupon-container .span {
    font-size: 1.5rem;
  }
}

.liftmeup.awards .media {
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .liftmeup.awards .media {
    flex-direction: unset;
  }
}

.liftmeup.awards .media img.brand {
  max-width: 280px;
  margin: auto;
  position: relative;
  bottom: -35px;
  z-index: 2;
}

@media only screen and (min-width: 768px) {
  .liftmeup.awards .media img.brand {
    max-width: 340px;
    margin: unset;
    bottom: 0;
  }
}

@media only screen and (min-width: 992px) {
  .liftmeup.awards .media img.brand {
    max-width: 340px;
  }
}

.liftmeup.awards span.coupon,
.liftmeup.awards .media-body p {
  color: #00178b;
}

.liftmeup.awards .wonsynakia span.ll-transaction-value {
  color: #00178b;
}

.liftmeup.history .winner-buttons-container {
  margin: 0 auto 0 auto;
}

.liftmeup.history .history_txt.code_txt,
.liftmeup.history .history_txt.wonsynakia {
  font-family: "CeraProBlackItalic", sans-serif;
}

.liftmeup.history .avatar {
  color: white;
  font-size: 1.5rem;
  margin-top: 30px;
}

.liftmeup.history h1.title {
  margin: 60px 0 40px 0;
}

.liftmeup.history h2 {
  color: white;
}

.liftmeup.history .media-body {
  background-image: url(/assets/cc3e/amita-motion/images/brush-awards.png?3749785314ead33794851998a1128dd5);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 55px 25px;
  color: white;
  text-transform: uppercase;
  position: relative;
}

@media only screen and (min-width: 448px) {
  .liftmeup.history .media-body {
    padding: 55px 15%;
  }
}

@media only screen and (min-width: 560px) {
  .liftmeup.history .media-body {
    padding: 55px 18%;
  }
}

@media only screen and (min-width: 620px) {
  .liftmeup.history .media-body {
    padding: 55px 22%;
  }
}

@media only screen and (min-width: 768px) {
  .liftmeup.history .media-body {
    padding: 55px 170px;
  }
}

.liftmeup.history .media-body h5.date {
  color: #e50e7e;
  font-size: 25px;
  display: inline-block;
  margin-bottom: 10px;
  min-width: 88vw;
}

@media only screen and (min-width: 480px) {
  .liftmeup.history .media-body h5.date {
    min-width: 395px;
  }
}

@media only screen and (min-width: 708px) {
  .liftmeup.history .media-body h5.date {
    min-width: 416px;
  }
}

@media only screen and (min-width: 460px) {
  .liftmeup.history .media-body h5.date {
    font-size: 25px;
  }
}

.liftmeup.history .media-body span.coupon {
  font-size: 2.5rem;
}

@media only screen and (min-width: 360px) {
  .liftmeup.history .media-body span.coupon {
    font-size: 3rem;
  }
}

@media only screen and (min-width: 768px) {
  .liftmeup.history .media-body span.coupon {
    font-size: 20px;
  }
}

@media only screen and (min-width: 992px) {
  .liftmeup.history .media-body span.coupon {
    font-size: 25px;
  }
}

.liftmeup.history .radial-coupon-container-history {
  background: #e50e7e;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  color: white;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 10px 0 20px 20px;
}

@media only screen and (min-width: 768px) {
  .liftmeup.history .radial-coupon-container-history {
    margin: 30px 0 0 20px;
  }
}

.liftmeup.history .radial-coupon-container-history span {
  font-size: 35px;
}

@media only screen and (min-width: 992px) {
  .liftmeup.history .radial-coupon-container-history span {
    font-size: 2rem;
  }
}

.liftmeup.history .radial-coupon-container-history span:before {
  content: "+";
  position: absolute;
  left: -25px;
  bottom: 0;
  font-size: 2.5rem;
  color: #00178b;
}

.liftmeup.history .radial-coupon-container-history span:after {
  content: " ";
  background-image: url(/assets/cc3e/amita-motion/images/awards_synaki.png?e82f007d2ca4e82198c3d52af8edb3e1);
  width: 35px;
  height: 36px;
  position: absolute;
  bottom: -15px;
  right: -10px;
}

.liftmeup.history .radial-coupon-container-history span.minus:before {
  content: "-";
}

.liftmeup.history p.history_txt {
  margin-bottom: 10px;
}

.liftmeup.history .code_txt {
  font-size: 26px;
}

.liftmeup.history .wonsynakia {
  font-size: 21px;
}

.liftmeup.history p {
  text-transform: uppercase;
}

.liftmeup.history .media {
  display: flex;
  flex-direction: column;
}

.liftmeup.history .media img.brand {
  max-width: 180px;
  position: relative;
  bottom: -60px;
  z-index: 2;
}

.liftmeup.history span.coupon,
.liftmeup.history .media-body p {
  color: #00178b;
}

.liftmeup.history .wonsynakia span.ll-transaction-value {
  color: #00178b;
  font-family: "CeraProBlackItalic", sans-serif;
}

.skin-liftmeup,
.skin-liftmeup-history,
.skin-liftmeup-awards {
  margin-top: 76px;
  position: relative;
  font-family: "CeraProBlackItalic", sans-serif;
}

@media only screen and (min-width: 1200px) {
  .skin-liftmeup,
  .skin-liftmeup-history,
  .skin-liftmeup-awards {
    margin-top: 120px;
  }
}

.liftmeup {
  position: relative;
  font-family: "CeraProBlackItalic", sans-serif;
}

.liftmeup .awards-container,
.liftmeup .history-container,
.liftmeup .faq-container,
.liftmeup .kv,
.liftmeup .user-info,
.liftmeup .redeem-code,
.liftmeup .unlock-discounts,
.liftmeup .win-awards,
.liftmeup .sendresetlink-container,
.liftmeup .resetlink-container,
.liftmeup .login-container,
.liftmeup .register-form,
.liftmeup .liftmeup-carousel,
.liftmeup .cta-container,
.liftmeup .editprofile-form,
.liftmeup .loginpage-container,
.liftmeup .changepassword-container {
  z-index: 1;
  position: relative;
}

.liftmeup .brush-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 70%;
  height: 100%;
  background-repeat: no-repeat;
  background-image: url(/assets/cc3e/amita-motion/images/brushtop.png?118c52f511534ea8fbb427a3e7eb2074);
  z-index: 0;
  background-size: contain;
}

@media only screen and (min-width: 1400px) {
  .liftmeup .brush-top {
    background-size: unset;
  }
}

.liftmeup .brush-bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 70%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-image: url(/assets/cc3e/amita-motion/images/brushbottom.png?1118cfcfc0b14e6ecb6a7fd55710c356);
  z-index: 0;
  background-size: contain;
}

@media only screen and (min-width: 1400px) {
  .liftmeup .brush-bottom {
    background-size: unset;
  }
}

.liftmeup .shadow-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-image: url(/assets/cc3e/amita-motion/images/shadow_top.png?39220b53518c79a57d444f9755939c31);
  z-index: 0;
  background-size: contain;
}

.liftmeup .shadow-bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-image: url(/assets/cc3e/amita-motion/images/shadow_bottom.png?9eede7ec00f011b715e6739cfa70efe8);
  z-index: 0;
  background-size: contain;
}

.liftmeup .paddingforbg {
  padding-bottom: 150px;
}

@media only screen and (min-width: 576px) {
  .liftmeup .paddingforbg {
    padding-bottom: 270px;
  }
}

.liftmeup .paddingtopforbg {
  padding-top: 50px;
}

.liftmeup button:focus {
  outline: none;
}

.liftmeup h1.title {
  color: white;
  font-size: 35px;
  margin: 40px 0;
}

@media only screen and (min-width: 410px) {
  .liftmeup h1.title {
    font-size: 50px;
  }
}

@media only screen and (min-width: 786px) {
  .liftmeup h1.title {
    font-size: 63px;
  }
}

.liftmeup .username {
  color: white;
  font-size: 40px;
  margin-top: 0;
}

@media only screen and (min-width: 992px) {
  .liftmeup .username {
    margin-bottom: 0;
  }
}

.liftmeup .yellow,
.liftmeup span.yellow,
.liftmeup a.yellow {
  color: #ffed00;
}

.liftmeup .pink,
.liftmeup span.pink {
  color: #e50e7e;
}

.liftmeup .blue,
.liftmeup span.blue {
  color: #00168a;
}

.liftmeup p {
  margin-bottom: 0;
}

.liftmeup .user-info img {
  max-width: 65%;
}

@media only screen and (min-width: 768px) {
  .liftmeup .user-info {
    margin-bottom: 55px;
    max-width: 100%;
  }
}

.liftmeup .buttons-container {
  margin: auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .liftmeup .buttons-container {
    flex-direction: row;
    align-items: center;
  }
}

.liftmeup .buttons-container button {
  margin-top: 32px;
}

.liftmeup .avatar-container {
  width: 216px;
  margin: auto;
  position: relative;
}

@media only screen and (min-width: 500px) {
  .liftmeup .avatar-container {
    width: 261px;
  }
}

.liftmeup .avatar-container .edit-avatar {
  background: #00168b;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  width: 45px;
  height: 45px;
  position: absolute;
  right: 30%;
  bottom: 15%;
  transform: translate(50%, 50%);
  border-radius: 50%;
}

.liftmeup .avatar-container .edit-avatar .pencil {
  max-width: 25px;
}

.liftmeup .modal-dialog button.close {
  border: none;
}

.liftmeup .modal-dialog button.close span:before {
  width: 4px;
}

.liftmeup .modal-dialog button.close span:after {
  width: 4px;
}

.liftmeup .desktop-only {
  display: none;
}

@media only screen and (min-width: 990px) {
  .liftmeup .desktop-only {
    display: block;
  }
}

.liftmeup span.not-bold {
  font-family: CeraPro-Medium, sans-serif;
}

.liftmeup span.modal-not-bold {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 25px;
  display: flex;
  justify-content: center;
}

@media only screen and (min-width: 786px) {
  .liftmeup span.modal-not-bold {
    font-size: 1.5rem;
  }
}

.liftmeup a.underline {
  border-bottom: 2px solid #ffed00;
}

.liftmeup .minus-top {
  position: relative;
  top: -60px;
}

.liftmeup .no-awards h2 {
  color: #00168a;
  font-size: 1.5rem;
}

.liftmeup .alert-success {
  background-color: transparent;
  border-color: transparent;
}

@media only screen and (min-width: 768px) {
  .loggedin .btn {
    min-width: 220px;
  }
}

@media only screen and (min-width: 992px) {
  .loggedin .btn {
    min-width: 250px;
  }
}

.loggedin .redeem-code {
  background-image: url(/assets/cc3e/amita-motion/images/brush-final.png?17f2f56b608575e6d4199bddd6ab3869);
  padding-bottom: 150px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
}

@media only screen and (min-width: 568px) {
  .loggedin .redeem-code {
    background-size: contain;
    background-position: center;
  }
}

.loggedin .instructions {
  color: #00168b;
  font-size: 21px;
  margin-bottom: 0;
  text-align: left;
  margin-top: 15px;
}

@media only screen and (min-width: 568px) {
  .loggedin .instructions {
    font-size: 27px;
  }
}

@media only screen and (min-width: 992px) {
  .loggedin .instructions {
    font-size: 34px;
  }
}

@media only screen and (min-width: 1002px) {
  .loggedin .instructions {
    line-height: 2.2;
  }
}

.loggedin input.form-control {
  background-color: #00168b;
  border: 1px solid #00168b;
}

.loggedin .form-control:focus {
  background-color: #00168b;
}

.loggedin button.redeem-synakia {
  position: absolute;
  right: 0;
  top: 0;
  display: inline;
  width: 55px;
  background-color: #ffed00;
  border: none;
  height: 55px;
  border: #ffed00;
  border-radius: 38px;
}

@media only screen and (min-width: 768px) {
  .loggedin button.redeem-synakia {
    width: 65px;
    height: 65px;
  }
}

.loggedin button.redeem-synakia.loading {
  pointer-events: none;
}

.loggedin i.fas.fa-chevron-right {
  display: inline-block;
  font-size: 50px;
  font-weight: 700;
  color: #00168a;
}

.loggedin .loading i.fas.fa-chevron-right {
  display: none;
}

.loggedin i.fa.fa-spinner.fa-spin.fa-3x.fa-fw {
  display: none;
  position: absolute;
  color: #00168a;
  width: 1em;
  font-size: 2.5em;
  top: 8px;
  left: 8px;
}

@media only screen and (min-width: 768px) {
  .loggedin i.fa.fa-spinner.fa-spin.fa-3x.fa-fw {
    top: 13px;
    left: 13px;
  }
}

.loggedin .loading i.fa.fa-spinner.fa-spin.fa-3x.fa-fw {
  display: inline-block;
}

.loggedin .total-synakia {
  position: relative;
  width: 120px;
  height: 120px;
  background-image: url(/assets/cc3e/amita-motion/images/synakiabg.png?9ea9f4fa4ee44c153d97e8dd03058a7d);
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  font-size: 40px;
  color: white;
}

@media only screen and (min-width: 768px) {
  .loggedin .total-synakia {
    width: 180px;
    height: 180px;
    font-size: 65px;
  }
}

.loggedin .total-synakia img.awards_synaki_image {
  position: absolute;
  bottom: -10px;
  right: 0;
  width: 50px;
}

@media only screen and (min-width: 768px) {
  .loggedin .total-synakia img.awards_synaki_image {
    width: 60px;
  }
}

.loggedin .unlock-discounts {
  padding-top: 50px;
  margin-top: 70px;
}

.loggedin .unlock-discounts .liftmeup-carousel {
  margin-top: 20px;
}

@media only screen and (min-width: 992px) {
  .loggedin .unlock-discounts .liftmeup-carousel {
    margin-top: 50px;
  }
}

.loggedin .unlock-discounts__details {
  color: #00168a;
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 0;
}

@media only screen and (min-width: 576px) {
  .loggedin .unlock-discounts__details {
    font-size: 27px;
  }
}

@media only screen and (min-width: 992px) {
  .loggedin .unlock-discounts__details {
    font-size: 37px;
  }
}

.loggedin .win-awards {
  padding-bottom: 30px;
}

.loggedin .win-awards .liftmeup-carousel {
  margin-top: 20px;
}

.loggedin h2.title {
  color: white;
  font-size: 38px;
  margin: 40px 0;
}

@media only screen and (min-width: 410px) {
  .loggedin h2.title {
    font-size: 42px;
  }
}

@media only screen and (min-width: 568px) {
  .loggedin h2.title {
    font-size: 52px;
  }
}

@media only screen and (min-width: 992px) {
  .loggedin h2.title {
    font-size: 63px;
  }
}

.loggedin .win-awards__details {
  color: #00168a;
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 0;
}

@media only screen and (min-width: 576px) {
  .loggedin .win-awards__details {
    font-size: 27px;
  }
}

@media only screen and (min-width: 992px) {
  .loggedin .win-awards__details {
    font-size: 37px;
  }
}

.extra-voucher-text {
  position: relative;
  color: blue !important;
  margin: 29px 0 -26px 0 !important;
  font-family: "CeraProBlackItalic", sans-serif !important;
}

.liftmeup .kv {
  margin-bottom: 220px;
  /* TXT STYLING */
  /* CONTAINERS */
  /* BRUSH MOBILE */
  /* ELEMENTS */
  /* SYNAKIA MOTION_PACK */
  /* SYNAKIA SUPERMIX_PACK */
  /* SYNAKIA SIZING */
  /* LEKTIKA */
}

@media only screen and (min-width: 800px) {
  .liftmeup .kv {
    margin-bottom: 120px;
  }
}

@media only screen and (min-width: 992px) {
  .liftmeup .kv {
    margin-bottom: 160px;
  }
}

.liftmeup .kv .kv_logo {
  padding-top: 25px;
  max-width: 70%;
}

.liftmeup .kv span.movaki {
  color: #e3007d;
}

.liftmeup .kv span.yellow {
  text-transform: uppercase;
  padding: 5px 0;
  display: inline-block;
  font-size: 1.4rem;
}

.liftmeup .kv span.orange {
  text-transform: uppercase;
  padding: 5px 0;
  display: inline-block;
  font-size: 1.5rem;
}

.liftmeup .kv p.brush {
  font-family: "CeraProBlackItalic", sans-serif;
  color: #00168b;
  margin-bottom: 0;
  font-size: 0.9rem;
}

.liftmeup .kv .brush-container {
  position: relative;
  max-width: 992px;
  margin: auto;
}

.liftmeup .kv .brush-txt-container {
  position: absolute;
  top: 10%;
  left: 20%;
  height: 80%;
}

  /*.liftmeup .kv .brush-container-mobile {
  /*background-image: url(/assets/cc3e/amita-motion/images/homepage_brush_final.png?9e87268189db377d779236869d7fd04e);
  background-size: cover;
  background-position: center center;
  height: 470px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  top: -40px;
}*/

.liftmeup .kv .brush-container-mobile {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

@media only screen and (min-width: 440px) {
  .liftmeup .kv .brush-container-mobile {
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 0px;
  }
}

@media only screen and (min-width: 580px) {
  .liftmeup .kv .brush-container-mobile {
    /*height: 470px;*/
  }
}

@media only screen and (min-width: 700px) {
  .liftmeup .kv .brush-container-mobile {
    position: relative;
    /*top: -45px;*/
    display: block;
    align-items: center;
    top: 0px;

  }
}

@media only screen and (min-width: 800px) {
  .liftmeup .kv .brush-container-mobile {
    /*height: 600px;
    top: -70px;*/
  }
}

.liftmeup .kv .kv-mobile {
  position: relative;
  margin: auto;
}

.liftmeup .kv .amita_01 {
  position: absolute;
  max-width: 177px;
  right: 31%;
  bottom: -365px;
  z-index: 2;
}

.liftmeup .kv .kapaki {
  position: absolute;
  right: 45%;
  bottom: -35px;
  z-index: 1;
  width: 82px;
}

.liftmeup .kv .synaki_1 {
  bottom: 0;
  left: 50%;
}

.liftmeup .kv .synaki_2 {
  bottom: 200px;
  left: 92%;
}

.liftmeup .kv .synaki_3 {
  bottom: 125px;
  left: 82%;
}

/*.liftmeup .kv .amita_02 {
  position: absolute;
  max-width: 140px;
  right: 30px;
  bottom: -246px;
  z-index: 2;
}*/

.liftmeup .kv {
  margin-bottom: 10%;
}
.liftmeup .kv .amita_01 {
  position: relative;
  max-width: 140px;
  right: 30px;
  bottom: -246px;
  z-index: 2;
}

.liftmeup .kv .amita_05 {
  position: relative;
  display: block;
  max-width: 250px;
  right: 0;
  bottom: 0;
  margin: 5% auto;
}

.liftmeup .kv .amita_03 {
  position: relative;
  display: block;
  max-width: 160px;
  margin: -15% auto 0;
}
.liftmeup .kv .amita_04 {
  position: relative;
  max-width: 300px;
  margin: 0 auto;
  text-align: center;
  display: block;
}

.liftmeup .kv .kapaki-xl {
  position: absolute;
  bottom: 78px;
  right: 17%;
  width: 60px;
}

.liftmeup .kv .synaki_4 {
  top: 52%;
  left: 92%;
}

.liftmeup .kv .synaki_5 {
  bottom: -33px;
  right: 65%;
}

.liftmeup .kv .synaki_6 {
  top: -15%;
  right: 5%;
}

.liftmeup .kv .synaki_7 {
  bottom: 0;
  right: 75%;
}

.liftmeup .kv .kapaki-coupon {
  position: absolute;
  bottom: -55px;
  left: 20%;
}

.liftmeup .kv img.synaki-xl {
  position: absolute;
  left: 45%;
  bottom: -90px;
  transform: translate(-50%, -50%);
  max-width: 100px;
}

.liftmeup .kv img.synakia.sm,
.liftmeup .kv img.synakia.md,
.liftmeup .kv img.synakia.lg {
  position: absolute;
}

.liftmeup .kv img.lg {
  max-width: 60px;
}

@media only screen and (min-width: 700px) {
  .liftmeup .kv img.lg {
    max-width: 70px;
  }
}

.liftmeup .kv img.md {
  max-width: 35px;
}

@media only screen and (min-width: 700px) {
  .liftmeup .kv img.md {
    max-width: 45px;
  }
}

@media only screen and (min-width: 1200px) {
  .liftmeup .kv img.md {
    max-width: 47px;
  }
}

.liftmeup .kv img.sm {
  max-width: 20px;
}

@media only screen and (min-width: 700px) {
  .liftmeup .kv img.sm {
    max-width: 30px;
  }
}

@media only screen and (min-width: 1200px) {
  .liftmeup .kv img.sm {
    max-width: 40px;
  }
}

.liftmeup .kv img.kapakia {
  width: 250px;
}

.liftmeup .kv img.synakiaCoin {
  width: 250px;
}

.liftmeup .kv img.lektika_mobile {
  width: 286px;
}

@media only screen and (min-width: 500px) {
  .liftmeup .kv .synaki_2 {
    top: 273px;
    bottom: unset;
    right: 34%;
    left: unset;
  }

  .liftmeup .kv .synaki_7 {
    right: 64%;
  }

  .liftmeup .kv .synaki_5 {
    right: 56%;
  }
}

@media only screen and (min-width: 700px) {
  .liftmeup .kv p.brush {
    font-size: 1.2rem;
  }

  .liftmeup .kv .amita_01 {
    right: 21%;
  }

  .liftmeup .kv .kapaki {
    right: 30%;
    left: unset;
    bottom: -25px;
    width: 83px;
  }

  .liftmeup .kv .synaki_2 {
    top: 243px;
    right: 23%;
  }

  .liftmeup .kv .amita_02 {
    /*max-width: 155px;
    bottom: -255px;
    right: 10%;*/
  }

  .liftmeup .kv .kapaki-xl {
    bottom: 103px;
  }

  .liftmeup .kv .synaki_5 {
    right: 40%;
  }

  .liftmeup .kv .synaki_7 {
    right: 48%;
  }
}

@media only screen and (min-width: 800px) {
  .liftmeup .kv .amita_01 {
    bottom: -275px;
  }

  .liftmeup .kv .synaki_3 {
    bottom: 200px;
  }

  .liftmeup .kv .amita_02 {
    /*bottom: -165px;*/
    display: block;
    margin: 0 auto;
    width: 70%!important;
  }

  .liftmeup .kv .kapaki-xl {
    bottom: 220px;
  }

  .liftmeup .kv .kapaki {
    bottom: 85px;
  }

  .liftmeup .kv .synaki_5 {
    bottom: 55px;
  }

  .liftmeup .kv .synaki_7 {
    bottom: 90px;
  }
}

/*.liftmeup .kv .lektiko_01,
.liftmeup .kv .lektiko_02,
.liftmeup .kv .lektiko_03,
.liftmeup .kv .lektiko_04 {
  position: absolute;
  text-align: left;
}*/

@media only screen and (min-width: 992px) {
  .liftmeup .kv .container-fluid {
    max-width: 1140px;
  }

  .liftmeup .kv .brush-container {
    margin-top: -50px;
  }

  .liftmeup .kv .kv_logo {
    max-width: 400px;
    position: relative;
    left: -150px;
  }

  .liftmeup .kv .brush-desktop {
    max-width: 770px;
    position: relative;
    left: -129px;
  }

  .liftmeup .kv span.yellow {
    padding: 10px 0;
  }

  .liftmeup .kv span.orange {
    padding: 10px 0;
    font-size: 1.8rem;
  }

  .liftmeup .kv p.brush {
    font-size: 1.2rem;
  }

  .liftmeup .kv .amita_01 {
    max-width: 170px;
    right: 32%;
    top: 160px;
  }

  .liftmeup .kv .kapaki {
    bottom: unset;
    top: 85px;
    width: 80px;
    left: 55%;
  }

  .liftmeup .kv .synaki_1 {
    top: 76px;
    left: 49%;
  }

  .liftmeup .kv .synaki_2 {
    top: 115px;
    left: 53%;
  }

  .liftmeup .kv .amita_02 {
    /*right: 22%;
    top: 40px;
    max-width: 169px;*/
  }

  .liftmeup .kv .kapaki-xl {
    width: 76px;
    bottom: unset;
    top: -40px;
    right: 26%;
  }

  .liftmeup .kv .kapaki-coupon {
    top: 0;
    right: 0;
    left: unset;
  }

  .liftmeup .kv .synaki_3 {
    top: 0;
    left: 62%;
  }

  .liftmeup .kv .synaki_4 {
    top: 6px;
    left: unset;
    right: 18%;
  }

  .liftmeup .kv .synaki_5 {
    top: 0;
    right: 25%;
  }

  .liftmeup .kv .synaki_6 {
    top: -90px;
    right: 17%;
  }

  .liftmeup .kv .synaki_7 {
    top: 54px;
    right: 26%;
  }

  .liftmeup .kv img.kapakia {
    width: unset;
  }

  .liftmeup .kv img.synakiaCoin {
    width: unset;
  }

  /*.liftmeup .kv .lektiko_01 {
    width: 283px;
    top: 0;
  }

  .liftmeup .kv .lektiko_02 {
    width: 283px;
    top: 18%;
  }

  .liftmeup .kv .lektiko_03 {
    width: 283px;
    top: 46%;
    left: -10px;
  }

  .liftmeup .kv .lektiko_04 {
    width: 283px;
    top: 57%;
    left: -15px;
  }
}*/

.liftmeup .yellow-bg-section {
  background-color: #f7a600;
  padding-bottom: 30px;
  padding-top: 10px;
}

.liftmeup .kv-carousel-padding {
  padding-bottom: 60px;
  padding-top: 10px;
}

.liftmeup h2.title {
  color: white;
  font-size: 32px;
  margin-top: 40px;
}

@media only screen and (min-width: 410px) {
  .liftmeup h2.title {
    font-size: 42px;
  }
}

@media only screen and (min-width: 568px) {
  .liftmeup h2.title {
    font-size: 52px;
  }
}

@media only screen and (min-width: 992px) {
  .liftmeup h2.title {
    font-size: 63px;
  }
}

.liftmeup.editprofile {
  padding-bottom: 40px;
}

.liftmeup.editprofile .profile-instructions {
  font-size: 1rem;
  color: #00168a;
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 1.2;
}

.modal.modal-fullscreen.liftmeup-login {
  background: #009fe3;
}

h4 {
  color: white;
}

.liftmeup-login .avatar-container .edit-avatar {
  background: transparent;
}

.liftmeup-login .btn.btn-yellow {
  margin-top: 50px;
}

.congratsmodal .modal-content {
  border: none;
}

.congratsmodal .modal-dialog {
  background: transparent;
  max-width: 800px;
}

@media only screen and (min-width: 1600px) {
  .congratsmodal .modal-dialog {
    max-width: 900px;
  }
}

.congratsmodal .modal-header {
  position: relative;
  top: 60px;
  z-index: 3;
}

@media only screen and (min-width: 500px) {
  .congratsmodal .modal-header {
    top: 90px;
  }
}

@media only screen and (min-width: 614px) {
  .congratsmodal .modal-header {
    right: 10%;
    top: 100px;
  }
}

@media only screen and (min-width: 786px) {
  .congratsmodal .modal-header {
    position: absolute;
    right: 130px;
    z-index: 5;
    top: 46px;
  }
}

@media only screen and (min-width: 1600px) {
  .congratsmodal .modal-header {
    right: 150px;
    top: 154px;
  }
}

.congratsmodal .modal-body {
  position: relative;
  display: flex;
  background-image: url(/assets/cc3e/amita-motion/images/congratsmodal-background2.png?4c1eda52a38afe169bc543ff1230932b);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 500px;
}

@media only screen and (min-width: 992px) {
  .congratsmodal .modal-body {
    background-size: contain;
  }
}

@media only screen and (min-width: 1600px) {
  .congratsmodal .modal-body {
    min-height: 800px;
  }
}

.congratsmodal .modal-dialog button.close span:before {
  background-color: #00168b;
}

.congratsmodal .modal-dialog button.close span:after {
  background-color: #00168b;
}

.congratsmodal .congrats-text {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-bottom: 70px;
}

.congratsmodal .congrats-text h1 {
  color: #e50e7e;
  font-size: 30px;
}

@media only screen and (min-width: 768px) {
  .congratsmodal .congrats-text h1 {
    font-size: 36px;
  }
}

@media only screen and (min-width: 1000px) {
  .congratsmodal .congrats-text h1 {
    font-size: 46px;
  }
}

.congratsmodal .congrats-text h2 {
  color: #00168b;
  font-size: 30px;
}
span.congrats-text h2 em {
    text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .congratsmodal .congrats-text h2 {
    font-size: 36px;
  }
}

@media only screen and (min-width: 1000px) {
  .congratsmodal .congrats-text h2 {
    font-size: 37px;
  }
}

.congratsmodal .modal-button {
  font-size: 20px;
}

@media only screen and (min-width: 768px) {
  .congratsmodal .modal-button {
    font-size: 25px;
  }
  .imgasset_01 {
    display: block;
    margin: 0 auto;
    width: 100%;
  }
}

.congratsmodal .radial-coupon-container {
  background: #e50e7e;
  width: 80px;
  height: 80px;
  font-size: 28px;
  border-radius: 50%;
  color: white;
  text-align: center;
  position: relative;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.congratsmodal .radial-coupon-container .span {
  font-size: 1rem;
}

@media only screen and (min-width: 992px) {
  .congratsmodal .radial-coupon-container .span {
    font-size: 1.5rem;
  }
}

.congratsmodal .radial-coupon-container:after {
  content: " ";
  background-image: url(/assets/cc3e/amita-motion/images/awards_synaki.png?e82f007d2ca4e82198c3d52af8edb3e1);
  width: 35px;
  height: 36px;
  position: absolute;
  bottom: -10px;
  right: -5px;
}

.liftmeup .liftmeup-login.modal .modal-dialog .modal-content a[href] {
  color: #ffed00;
  font-family: CeraProBlackItalic, sans-serif;
  font-size: 24px;
  text-decoration: none;
}

.liftmeup .liftmeup-login.modal .modal-dialog .modal-content a[href]:hover {
  color: #ffed00;
  text-decoration: underline;
}
.ll-transaction-value.missing{
background: #e50e7e;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    color: white;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 10px 0 0px 20px;
    font-size: 26px;
}
.ll-transaction-value.missing:after{
    content: " ";
    background-image: url(/assets/cc3e/amita-motion/images/awards_synaki.png);
    width: 35px;
    height: 36px;
    position: absolute;
    bottom: -15px;
    right: -10px;
}

/* Konstantinos Banner CSS */
.asset_01 {
  position: absolute;
  width: 40%;
}
.asset_02 {
  position: absolute;
  right: 5%;
  width: 40%;
  top: 12%;
}
.asset_03 {
  width: 50%;
  position: relative;
  left: 36%;
  top: 23%;
}
.asset_04 {
  position: relative;
  left: 68%;
  top: 18%;
}
.asset_00{
  margin-top: 0;
  top: 13%;
  width: 25%;
  right: 8%;
}
.imgasset_00{
  position: relative;
}
.imgasset_01 {
  width: 100%;
}
.imgasset_02{
  width: 45%;
}
.imgasset_03 {
  width: 40%;
}
.imgasset_04 {
  width: 14%;
}
.liftmeup {
  background-image: url("/assets/cc3e/amita-motion/images/liftmeup/kv/Asset7.png");
  background-color: #4e55a0;
}