/* Background && Buttons Colors: */
/* Text Colors: */
/* Panel Top 10 */
.navigation li[data-title]:before {
  background: #eef7ee;
  color: #4CAF50;
  font-weight: 600;
  border-radius: 8px;
  top: -5px;
}

span.actionButton {
  border: 1px solid #eef7ee;
}

.slides.whiteSlide .navigation li:after {
  background: #e9ebeb;
}

.small .navigation.default li:after {
  width: 8px;
  height: 8px;
  border-radius: 999px;
}

.navigation li.selected:after {
  padding: 0;
  border-radius: 999px;
  outline: 4px solid green;
  background: none !important;
}

.sidebar {
  -webkit-clip-path: polygon(9.5% 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(9.5% 0, 100% 0, 100% 100%, 0 100%);
  width: 809px;
}

.sidebar .content {
  padding-left: 199px;
  padding-top: 86px;
  padding-bottom: 86px;
}



/* First Screen (#1) */
@media (max-width: 561px) {
  .slide[data-cid=slide-14-150fd326] a {
    width: 100%;
  }
}
@media (min-width: 536px) and (max-width: 1361px) {
  .slide[data-cid=slide-14-150fd326] .fix-7-12 {
    max-width: 500px !important;
  }
}
@media (min-width: 536px) and (max-width: 1090px) {
  .slide[data-cid=slide-14-150fd326] .fix-7-12 {
    max-width: 450px !important;
  }
}
@media (min-width: 536px) and (max-width: 965px) {
  .slide[data-cid=slide-14-150fd326] .fix-7-12 {
    max-width: 400px !important;
  }
}
@media (min-width: 536px) and (max-width: 732px) {
  .slide[data-cid=slide-14-150fd326] .fix-7-12 {
    max-width: 350px !important;
  }
}
@media (min-width: 536px) and (max-width: 700px) {
  .slide[data-cid=slide-14-150fd326] .fix-7-12 {
    max-width: 300px !important;
  }
}

.slide.whiteSlide {
  color: #233036;
}

/* Services (#2) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-70-3d9d0914"] */
.slide[data-cid=slide-70-3d9d0914] .pad {
  border-radius: 12px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid #e9ebeb;
}

/* About (#3) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-28-2e2df9fa"] */
.slide[data-cid=slide-28-2e2df9fa] .bottomImage {
  position: relative;
  bottom: -40px !important;
  left: -65px !important;
}
@media (max-width: 768px) {
  .slide[data-cid=slide-28-2e2df9fa] .bottomImage {
    bottom: -10px !important;
    left: 0 !important;
  }
}
@media (min-width: 768px) {
  .slide[data-cid=slide-28-2e2df9fa] .iphone-28 {
    margin-top: -100px;
    margin-bottom: -100px;
  }
}
@media (max-width: 767px) {
  .slide[data-cid=slide-28-2e2df9fa] .cell-28 {
    padding-bottom: 35px;
  }
}
.slide[data-cid=slide-28-2e2df9fa] .button {
  max-width: 200px;
  text-align: left;
}
.slide[data-cid=slide-28-2e2df9fa] .playButton {
  position: relative;
  margin-right: 14px;
  bottom: -4px;
}

/* About (#4) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-28-2c01bebb"] */
.slide[data-cid=slide-28-2c01bebb] .bottomImage {
  position: relative;
  bottom: -40px !important;
  left: -65px !important;
}
@media (max-width: 768px) {
  .slide[data-cid=slide-28-2c01bebb] .bottomImage {
    bottom: -10px !important;
    left: 0 !important;
  }
}
@media (min-width: 768px) {
  .slide[data-cid=slide-28-2c01bebb] .iphone-28 {
    margin-top: -100px;
    margin-bottom: -100px;
  }
}
@media (max-width: 767px) {
  .slide[data-cid=slide-28-2c01bebb] .cell-28 {
    padding-bottom: 35px;
  }
}
.slide[data-cid=slide-28-2c01bebb] .button {
  max-width: 200px;
  text-align: left;
}
.slide[data-cid=slide-28-2c01bebb] .playButton {
  position: relative;
  margin-right: 14px;
  bottom: -4px;
}

/* About (#5) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-28-96e3a489"] */
.slide[data-cid=slide-28-96e3a489] .bottomImage {
  position: relative;
  bottom: -40px !important;
  left: -65px !important;
}
@media (max-width: 768px) {
  .slide[data-cid=slide-28-96e3a489] .bottomImage {
    bottom: -10px !important;
    left: 0 !important;
  }
}
@media (min-width: 768px) {
  .slide[data-cid=slide-28-96e3a489] .iphone-28 {
    margin-top: -100px;
    margin-bottom: -100px;
  }
}
@media (max-width: 767px) {
  .slide[data-cid=slide-28-96e3a489] .cell-28 {
    padding-bottom: 35px;
  }
}
.slide[data-cid=slide-28-96e3a489] .button {
  max-width: 200px;
  text-align: left;
}
.slide[data-cid=slide-28-96e3a489] .playButton {
  position: relative;
  margin-right: 14px;
  bottom: -4px;
}

/* Upcoming (#6) */
.slide[data-cid=slide-129-29c0e5ad] .col-4-12 a > img {
  /* filter: grayscale(100%); */
}
.slide[data-cid=slide-129-29c0e5ad] .col-4-12 a:hover {
  color: #4CAF50;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
.slide[data-cid=slide-129-29c0e5ad] .col-4-12 a:hover > img {
  filter: grayscale(0%);
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}
@media (max-width: 768px) and (min-width: 669px) {
  .slide[data-cid=slide-129-29c0e5ad] .col-4-12 a {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 768px) {
  .slide[data-cid=slide-129-29c0e5ad] .col-4-12 a {
    max-width: 280px;
  }
}

/* Pricing (#7) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-169-280dafdc"] */
.slide[data-cid=slide-169-280dafdc] .box-169 {
  background: #fdfdfd !important;
  border: 1px solid #e9ebeb;
  box-shadow: none;
}
.slide[data-cid=slide-169-280dafdc] p.text-customBlueColor {
  font-family: PT Serif;
  letter-spacing: -0.315px;
  line-height: normal;
  font-style: normal;
}
.slide[data-cid=slide-169-280dafdc] .list-169 li {
  position: relative;
  padding-left: 34px;
}
.slide[data-cid=slide-169-280dafdc] .list-169 li:before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  background: rgba(76, 175, 80, 0.1) url("../images/check-bold-green.svg?p=wnFjyCkf") 50% 50% no-repeat;
  background-size: 10px;
}
.slide[data-cid=slide-169-280dafdc] .customCenterEnd {
  align-items: flex-end;
}

/* Gallery (#8) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-75-a0f9b0b9"] */
.slide[data-cid=slide-75-a0f9b0b9] .slider.animated.fromAbove [class*=ae-]:not(.done) {
  transform: scale(1) translate3d(0, 0, 0);
}
.slide[data-cid=slide-75-a0f9b0b9] .flex.fixedSpaces > [class*=col-] {
  padding-left: 15px;
  padding-right: 15px;
}

/* Reviews (#9) */
/* To restrict styles to the current slide, panel, or example use .slide[data-cid="slide-115-3062d55b"] */
.slide[data-cid=slide-115-3062d55b] .swiper-115 .swiper-button-next, .slide[data-cid=slide-115-3062d55b] .swiper-115 .swiper-button-prev {
  height: 30px;
  width: 15px;
  margin-top: 0;
  top: 500px;
}
.slide[data-cid=slide-115-3062d55b] .swiper-115 .swiper-button-prev {
  left: 150px;
}
.slide[data-cid=slide-115-3062d55b] .swiper-115 .swiper-button-next {
  right: 150px;
}
@media (max-width: 1023px) {
  .slide[data-cid=slide-115-3062d55b] .swiper-115 .swiper-button-prev {
    left: calc(50% - 60px);
    bottom: -60px;
    top: auto;
  }
  .slide[data-cid=slide-115-3062d55b] .swiper-115 .swiper-button-next {
    right: calc(50% - 60px);
    bottom: -60px;
    top: auto;
  }
}
.slide[data-cid=slide-115-3062d55b] .swiper-button-next:hover {
  transform: scale(1.1);
  transition: all 0.15s;
}
.slide[data-cid=slide-115-3062d55b] .swiper-button-prev:hover {
  transform: scale(1.1);
  transition: all 0.15s;
}
.slide[data-cid=slide-115-3062d55b] .swiper-button-next.swiper-button-disabled:hover {
  transform: none;
}
.slide[data-cid=slide-115-3062d55b] .swiper-button-prev.swiper-button-disabled:hover {
  transform: none;
}
