/* Slide 1 (#28) */
/* ===== APPLY ALL ===== */

.slides{
	background: #fff;
}

.slide.whiteSlide,.flex.flex-83, .flex.flex-84{
  color: #003242;
}

.container{
  height: auto !important;
}

.secondary-bg{
  color: initial;
	background: #63d8ea;
}

.secondary-shadow{
  box-shadow: 0 10px 16px rgba(99, 216, 234, .36);
}

.secondary-shadow:hover{
  transform: translateY(-5px);
  box-shadow: 0 15px 16px rgba(99, 216, 234, .36);
}

.secondary-tint-bg{
  color: initial;
	background: #a4f3ff;
}

.iphone{
  max-height: 80vh;
}

.primary-bg{
  color: initial;
	background: #fff532;
}

/* ===== APPLY ALL ===== */

.logo,.mainpath{
  position: absolute;
  z-index: -1;
}
.logo{
  z-index: 999;
	width: 170px;
  top: 40px;
  left: 40px;
}
.mainpath{
  width: 60%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 1023px) {
  
}


.btn-wrapper{
	padding-left: 2%;
}

.contact-btn-wrapper{
	width: 100%;
}

.contact-btn{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  width: 50%;
}


.ribbon-content {
  position: absolute;
  top: 0;
  right: 0;
  width: 250px;
  height: 250px;
  overflow: hidden;
}

.ribbon {
    display: inline-block;
    position: absolute;
    padding: 25px 0;
    left: -33px;
    top: 56px;
    width: 400px;
    text-align: center;
    font-size: 30px;
    font-weight: 900;
    line-height: 16px;
    background: #63D8EA;
    color: #fff;
    letter-spacing: 0.05em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 0 0 3px rgb(57, 195, 212);
    border-top: dashed 3px rgba(255, 255, 255, 0.65);
    border-bottom: dashed 3px rgba(255, 255, 255, 0.65);
}


@media screen and (max-width: 1023px) {
  .mainpath{
  	width: 100%;
  }
  
  .slide .button{
  	margin-right: 0;
    margin-left: 0;
  }
  
  .contact-btn{
  	margin: 0 auto;
    width: 80%;
  }
}

@media screen and (max-width: 376px) {
  .logo{
    width: 120px;
    top: 20px;
    left: 20px;
  }
  .ribbon-content{
    width: 200px;
    height: 200px;
  }
  .ribbon{
    left: -65px;
    top: 40px;
    font-size: 20px;
  }
}
/* Slide 2 (#90) */
.center{
  text-align: center;
}
/* Slide 3 (#61) */
.secondary-shade{
	color: #00A9CA;
}
/* Slide 8 (#84) */
.price{
	font-size: 65px;
}

.currency{
	font-size: 30px;
}
/* Panel Bottom 10000 (#02) */
.footer-list{
	padding: 0 calc(8% + 15px);
}

.footerpath{
  margin-bottom: -10px;
  width: 100vw;
}