/*
 * Project:        Rocket Launch Dev 
 * Version:        1.0
 * Author:         Rocket Launch Dev
 */
/* ---------------------------
  TABLE OF CONTENTS

  1. GENERAL STYLING
    1.1 TYPOGRAPHY
    1.2 FORMS
    1.3 BUTTONS
    1.4 CARDS
    1.5 SHADOWS
    1.6 TAGS
    1.7 WIDGETS
    1.8 TABS
  2. STYLES FOR PLUGINS
     2.1 Owl-carousel
     2.2 Magnific popup
     2.3 Prism
  3. SECTIONS
    3.1 HEADER
    3.2 FOOTER
    3.3 COUNTER SECTION
    3.4 DOMAIN SEARCH
    3.5 DOWNLOAD APP
    3.6 FEATURES SECTION
    3.7 HALF WIDTH SECTION
    3.8 HERO SECTION
    3.9 PAGE TITLE
    3.10 PARTNERS SECTION
    3.11 PRICING SECTION
    3.12 SCREENSHOTS SECTION
    3.13 TEAM SECTION
    3.14 TESTIMONIALS SECTION
    3.15 TIMELINE
    3.16 VIDEO SECTION
  4. BLOG
  5. PORTFOLIO
  6. SPECIAL PAGES
    6.1 Coming soon
    6.2 404 page
  --------------------------*/
/* ---------------------------
  COLORS

  primary-color: #2f2442
  accent-color: #f46c93
  --------------------------*/
/* ---------------------------
  1. GENERAL STYLING
  --------------------------*/
/* line 3, sass/components/_base.sass */
body {
  background: #f7f5f9;
}

/* Full width container */
/* line 7, sass/components/_base.sass */
.container-full {
  width: 100%;
  overflow: hidden;
}

/* Inline list style */
/* line 12, sass/components/_base.sass */
.inline-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  cursor: default;
}

/* line 17, sass/components/_base.sass */
.inline-list li {
  margin: 0 15px 0 0;
  display: inline-block;
}

/* line 20, sass/components/_base.sass */
.inline-list li:last-of-type {
  margin-right: 0 !important;
}

/* line 22, sass/components/_base.sass */
.inline-list li span {
  font-weight: bold;
  color: #6e549b;
}

/* Responsive images */
/* line 27, sass/components/_base.sass */
.responsive-img {
  width: 100%;
  height: auto;
}

/* Selection style */
/* line 32, sass/components/_base.sass */
::-moz-selection {
  color: #f7f7f7;
  background: #50408a;
}
::selection {
  color: #f7f7f7;
  background: #50408a;
}

/* main block */
/* line 37, sass/components/_base.sass */
main {
  background-color: #f7f5f9;
  position: relative;
  z-index: 10;
}

@media (max-width: 767px) {
  /* line 37, sass/components/_base.sass */
  main {
    margin-top: 52px;
  }
}

/* Preloader */
/* line 45, sass/components/_base.sass */
.preloader-container {
  position: fixed;
  float: left;
  top: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  background-color: #2f2442;
  z-index: 999999;
}

/* line 56, sass/components/_base.sass */
.preloader-container .loader {
  width: 45px;
  height: 30px;
}

/* line 59, sass/components/_base.sass */
.preloader-container .loader:before, .preloader-container .loader:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: 7.5px;
}

/* line 68, sass/components/_base.sass */
.preloader-container .loader:before {
  background-color: #50408a;
  left: 50%;
  /* easeInOutCubic */
  -webkit-animation: loader-left-ball 2s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
          animation: loader-left-ball 2s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
}

/* line 73, sass/components/_base.sass */
.preloader-container .loader:after {
  background-color: #f7f5f9;
  right: 50%;
  /* easeInOutCubic */
  -webkit-animation: loader-right-ball 2s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
          animation: loader-right-ball 2s infinite cubic-bezier(0.645, 0.045, 0.355, 1);
}

@-webkit-keyframes loader-left-ball {
  0%, 100% {
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  50% {
    -webkit-transform: translateX(-150%);
            transform: translateX(-150%);
  }
}

@keyframes loader-left-ball {
  0%, 100% {
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  50% {
    -webkit-transform: translateX(-150%);
            transform: translateX(-150%);
  }
}

@-webkit-keyframes loader-right-ball {
  0%, 100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  50% {
    -webkit-transform: translateX(150%);
            transform: translateX(150%);
  }
}

@keyframes loader-right-ball {
  0%, 100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  50% {
    -webkit-transform: translateX(150%);
            transform: translateX(150%);
  }
}

/* Scroll to top button */
/* line 93, sass/components/_base.sass */
.scrollToTop {
  position: fixed;
  bottom: 40px;
  right: 20px;
  z-index: 900;
  width: 64px;
  height: 64px;
}

/* line 100, sass/components/_base.sass */
.scrollToTop .scrollToTop-circle {
  background-color: #fff;
  -webkit-border-radius: 100%;
          border-radius: 100%;
  width: 64px;
  height: 64px;
  position: absolute;
  bottom: -200px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all .7s ease;
  transition: all .7s ease;
}

/* line 111, sass/components/_base.sass */
.scrollToTop .scrollToTop-icon {
  background-image: url("../img/rocket.png");
  background-size: 50px 50px;
  background-repeat: no-repeat;
  background-position: center;
  width: 64px;
  height: 64px;
  font-size: 2em;
  line-height: 64px;
  -webkit-transition: all .75s ease;
  transition: all .75s ease;
}

/* line 121, sass/components/_base.sass */
.scrollToTop.show .scrollToTop-circle {
  bottom: 0;
}

/* line 123, sass/components/_base.sass */
.scrollToTop.show .scrollToTop-icon {
  display: block !important;
}

/* line 126, sass/components/_base.sass */
.scrollToTop.animated .scrollToTop-circle {
  bottom: -100px;
}

/* line 128, sass/components/_base.sass */
.scrollToTop.animated .scrollToTop-icon {
  -webkit-transform: translateY(-1000px);
      -ms-transform: translateY(-1000px);
          transform: translateY(-1000px);
}

/* Helpers */
/* line 132, sass/components/_base.sass */
.margin-block {
  margin-top: 40px;
  margin-bottom: 40px;
}

/* line 136, sass/components/_base.sass */
.margin-top-block {
  margin-top: 40px;
}

/* line 139, sass/components/_base.sass */
.no-margin-block {
  margin: 0;
}

/* line 142, sass/components/_base.sass */
.no-padding {
  padding: 0 !important;
}

/* line 145, sass/components/_base.sass */
.no-padding-bottom {
  padding-bottom: 0 !important;
}

/* Typed text */
/* line 149, sass/components/_base.sass */
.typed-cursor {
  opacity: 1;
  -webkit-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite;
}

@-webkit-keyframes blink {
  50% {
    opacity: 0;
  }
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}

/* 1.1 TYPOGRAPHY */
/* Main typography */
/* line 4, sass/components/_typography.sass */
body {
  font-family: 'Lato', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #333;
}

/* line 11, sass/components/_typography.sass */
.varela-font, h1, h2, h3, h4, h5, h6, a.styled-link, .round-form .round-form-wrap input, .rocket-btn, .card.demo-card span.demo-text, .widget.categories-widget ul.categories a span.count, .widget.recent-posts-widget a.post-title, .mfp-close, header .logo, header ul.menu > li > a, footer .bottom-bar, section.domain-search-section .domain-list-wrap ul.domain-list li.domain, .pricing .price span, .pricing .plan-title span, .ss-timeline, .blog-card .post-likes, .blog-card .post-comments, .blog-card .post-date, .blog-card .more, .pagination-wrap ul.pagination li a, .single-post .post-author .author-description .author-socials span.follow, .quote-wrap .quote .quote-text, .portfolio-section .portfolio-filters > ul > li.portfolio-filter, .portfolio-section .portfolio-item .portfolio-item-text .portfolio-item-name, .coming-soon-countdown .countdown-section span.countdown-period,
.coming-soon-countdown .countdown-section span.countdown-amount {
  font-family: 'Varela Round', sans-serif;
}

/* Headers */
/* line 15, sass/components/_typography.sass */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  color: #2f2442;
}

/* line 19, sass/components/_typography.sass */
h1.thin, h2.thin, h3.thin, h4.thin, h5.thin, h6.thin {
  font-size: 85%;
  font-weight: inherit;
}

/* line 22, sass/components/_typography.sass */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #2f2442;
  text-decoration: none;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
}

/* line 26, sass/components/_typography.sass */
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: #f46c93;
  text-decoration: none;
}

/* line 29, sass/components/_typography.sass */
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
  color: #4b87b8;
}

/* line 32, sass/components/_typography.sass */
h1 {
  font-size: 60px;
  font-weight: 600;
  line-height: 84px;
  margin-top: 16px;
  margin-bottom: 16px;
}

/* line 40, sass/components/_typography.sass */
h2 {
  font-size: 44px;
  font-weight: 600;
  line-height: 64px;
  margin-top: 14px;
  margin-bottom: 14px;
}

/* line 48, sass/components/_typography.sass */
h3 {
  font-size: 36px;
  font-weight: 600;
  line-height: 48px;
  margin-top: 12px;
  margin-bottom: 12px;
}

/* line 56, sass/components/_typography.sass */
h4 {
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 64, sass/components/_typography.sass */
h5 {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  margin-top: 8px;
  margin-bottom: 8px;
}

/* line 72, sass/components/_typography.sass */
h6 {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin-top: 6px;
  margin-bottom: 6px;
}

/* line 79, sass/components/_typography.sass */
p {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
}

/* line 85, sass/components/_typography.sass */
b, .text-bold, strong {
  font-weight: 500;
}

/* Style element */
/* line 89, sass/components/_typography.sass */
hr {
  max-width: 50px;
  margin-top: 15px;
  margin-bottom: 20px;
  border: 4px #50408a;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  border-top-style: solid;
}

/* line 97, sass/components/_typography.sass */
hr.left {
  margin-left: 0;
}

/* Typography Helpers */
/* line 101, sass/components/_typography.sass */
.text-align-left {
  text-align: left;
}

/* line 104, sass/components/_typography.sass */
.text-align-right {
  text-align: right;
}

/* line 107, sass/components/_typography.sass */
.text-align-center {
  text-align: center;
}

/* line 110, sass/components/_typography.sass */
.text-gray {
  color: #757575;
}

/* line 113, sass/components/_typography.sass */
.text-uppercase {
  text-transform: uppercase;
}

/* line 119, sass/components/_typography.sass */
.text-italic {
  font-style: italic;
}

/* line 122, sass/components/_typography.sass */
.text-strike-through {
  text-decoration: line-through;
}

/* Responsive text align */
@media (max-width: 992px) {
  /* line 126, sass/components/_typography.sass */
  .text-sm-center {
    text-align: center;
  }
}

@media (max-width: 768px) {
  /* line 130, sass/components/_typography.sass */
  .text-xs-center {
    text-align: center;
  }
}

/* Links style */
/* line 135, sass/components/_typography.sass */
a {
  color: #6e549b;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

/* line 139, sass/components/_typography.sass */
a:active, a:hover, a:focus {
  color: #f46c93;
  outline: none;
  text-decoration: none;
}

/* line 144, sass/components/_typography.sass */
a.styled-link {
  color: #2f2442;
}

/* line 147, sass/components/_typography.sass */
a.styled-link i {
  padding-left: 5px;
  color: #f46c93;
  -webkit-transition: padding .3s ease;
  transition: padding .3s ease;
}

/* line 152, sass/components/_typography.sass */
a.styled-link:active, a.styled-link:hover, a.styled-link:focus {
  color: #f46c93;
}

/* line 154, sass/components/_typography.sass */
a.styled-link:active i, a.styled-link:hover i, a.styled-link:focus i {
  padding-left: 10px;
}

/* line 157, sass/components/_typography.sass */
a.accent-link {
  color: #f46c93;
}

/* line 159, sass/components/_typography.sass */
a.accent-link:active, a.accent-link:hover, a.accent-link:focus {
  color: #f7f5f9;
}

/* 1.2 FORMS */
/* All inputs */
/* line 4, sass/components/_forms.sass */
input {
  padding: 20px 40px;
  border-color: transparent;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  font-size: 16px;
  color: #2f2442;
  background-color: #f7f5f9;
}

/* Round forms */
/* line 16, sass/components/_forms.sass */
.round-form {
  text-align: center;
}

/* line 18, sass/components/_forms.sass */
.round-form .round-form-wrap {
  position: relative;
}

@media screen and (max-width: 480px) {
  /* line 18, sass/components/_forms.sass */
  .round-form .round-form-wrap {
    text-align: center;
  }
}

@media (min-width: 768px) {
  /* line 18, sass/components/_forms.sass */
  .round-form .round-form-wrap {
    display: inline-block;
    vertical-align: middle;
  }
}

/* line 25, sass/components/_forms.sass */
.round-form .round-form-wrap input {
  padding: 14px 140px 14px 40px;
  width: 100%;
  -webkit-border-radius: 50px;
          border-radius: 50px;
  margin-right: 3px;
}

/* line 31, sass/components/_forms.sass */
.round-form .round-form-wrap input:active, .round-form .round-form-wrap input:focus, .round-form .round-form-wrap input:hover {
  outline: none;
}

@media (max-width: 768px) {
  /* line 25, sass/components/_forms.sass */
  .round-form .round-form-wrap input {
    width: 100% !important;
    margin-right: 0 !important;
  }
}

/* line 37, sass/components/_forms.sass */
.round-form .round-form-wrap input.large {
  width: 700px;
}

/* line 39, sass/components/_forms.sass */
.round-form .round-form-wrap .rocket-btn {
  height: 54.4px;
  line-height: 55px;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: inline-block;
}

@media screen and (max-width: 480px) {
  /* line 39, sass/components/_forms.sass */
  .round-form .round-form-wrap .rocket-btn {
    position: relative;
    margin-top: 20px;
  }
}

/* Colors for light section */
/* line 52, sass/components/_forms.sass */
section.light-section input {
  background-color: #fff;
}

/* Colors for dark sections */
/* line 58, sass/components/_forms.sass */
section.dark-section .round-form .rocket-btn,
section.dark-pattern-section .round-form .rocket-btn {
  background-color: #f46c93;
}

/* 1.3 BUTTONS */
/* Buttons style */
/* line 4, sass/components/_buttons.sass */
.rocket-btn {
  font-weight: 700;
  font-size: 18px;
  height: 42px;
  line-height: 42px;
  padding-left: 40px;
  padding-right: 40px;
  color: #fff;
  background-color: #50408a;
  display: inline-block;
  cursor: pointer;
  outline: 0;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  text-align: center;
  letter-spacing: .5px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  border: none;
  -webkit-border-radius: 43px;
          border-radius: 43px;
}

/* line 27, sass/components/_buttons.sass */
.rocket-btn:hover, .rocket-btn:focus, .rocket-btn:active, .rocket-btn.is-active, .rocket-btn.active {
  text-decoration: none !important;
  color: #f7f7f7;
}

/* line 33, sass/components/_buttons.sass */
.rocket-btn.rocket-btn-accent {
  background-color: #50408a;
}

/* line 37, sass/components/_buttons.sass */
.rocket-btn.rocket-btn-ghost {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #2f2442;
  border: 2px solid #2f2442;
  line-height: 38px;
}

/* line 43, sass/components/_buttons.sass */
.rocket-btn.rocket-btn-ghost:hover, .rocket-btn.rocket-btn-ghost:focus, .rocket-btn.rocket-btn-ghost:active, .rocket-btn.rocket-btn-ghost.is-active, .rocket-btn.rocket-btn-ghost.active {
  background-color: #2f2442;
  color: #f7f7f7;
}

/* line 49, sass/components/_buttons.sass */
.rocket-btn.rocket-btn-ghost.rocket-btn-accent {
  border-color: #f46c93;
  color: #f46c93;
}

/* line 52, sass/components/_buttons.sass */
.rocket-btn.rocket-btn-ghost.rocket-btn-accent:hover, .rocket-btn.rocket-btn-ghost.rocket-btn-accent:focus, .rocket-btn.rocket-btn-ghost.rocket-btn-accent:active, .rocket-btn.rocket-btn-ghost.rocket-btn-accent.is-active, .rocket-btn.rocket-btn-ghost.rocket-btn-accent.active {
  background-color: #f46c93;
  color: #f7f7f7;
}

/* line 57, sass/components/_buttons.sass */
.rocket-btn.rocket-btn-fa {
  width: 54px;
  padding: 0;
  background-color: #f46c93;
}

/* line 63, sass/components/_buttons.sass */
.rocket-btn.rocket-btn-fixed-width {
  width: 180px;
  padding: 0;
}

/* line 68, sass/components/_buttons.sass */
.rocket-btn.rocket-btn-full-width {
  width: 100%;
}

/* line 72, sass/components/_buttons.sass */
.rocket-btn.rocket-btn-flat {
  background-color: transparent;
  color: #2f2442;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* line 76, sass/components/_buttons.sass */
.rocket-btn.rocket-btn-flat:hover {
  background-color: #fff;
  color: #2f2442 !important;
}

/* line 80, sass/components/_buttons.sass */
.rocket-btn.rocket-btn-flat span {
  color: #2f2442 !important;
}

/* line 84, sass/components/_buttons.sass */
.rocket-btn.rocket-btn-animated-icon {
  position: relative;
  overflow: hidden;
}

/* line 87, sass/components/_buttons.sass */
.rocket-btn.rocket-btn-animated-icon span {
  color: #f7f7f7;
}

/* line 90, sass/components/_buttons.sass */
.rocket-btn.rocket-btn-animated-icon.rocket-btn-ghost span {
  color: #2f2442;
}

/* line 93, sass/components/_buttons.sass */
.rocket-btn.rocket-btn-animated-icon.rocket-btn-ghost:hover span {
  color: #f7f7f7;
}

/* line 96, sass/components/_buttons.sass */
.rocket-btn.rocket-btn-animated-icon.rocket-btn-ghost.rocket-btn-accent span {
  color: #f46c93;
}

/* line 99, sass/components/_buttons.sass */
.rocket-btn.rocket-btn-animated-icon.rocket-btn-ghost.rocket-btn-accent:hover span {
  color: #f7f7f7;
}

/* line 101, sass/components/_buttons.sass */
.rocket-btn.rocket-btn-animated-icon .rocket-btn-icon-wrap {
  position: absolute;
  top: 0;
  left: 50%;
  opacity: 0;
  margin-left: -12px;
  display: block;
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  transition: transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s, -webkit-transform .3s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transform: translateY(-150%);
      -ms-transform: translateY(-150%);
          transform: translateY(-150%);
}

/* line 111, sass/components/_buttons.sass */
.rocket-btn.rocket-btn-animated-icon .rocket-btn-text-wrap {
  display: block;
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  transition: transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s, -webkit-transform .3s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

/* line 116, sass/components/_buttons.sass */
.rocket-btn.rocket-btn-animated-icon:hover .rocket-btn-icon-wrap {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
  opacity: 1;
}

/* line 119, sass/components/_buttons.sass */
.rocket-btn.rocket-btn-animated-icon:hover .rocket-btn-text-wrap {
  -webkit-transform: translateY(150%);
      -ms-transform: translateY(150%);
          transform: translateY(150%);
  opacity: 0;
}

/* line 124, sass/components/_buttons.sass */
.rocket-btn.rocket-btn-animated-icon-left {
  position: relative;
}

/* line 126, sass/components/_buttons.sass */
.rocket-btn.rocket-btn-animated-icon-left .rocket-btn-icon-wrap {
  -webkit-transition: all .5s ease, opacity .3s ease;
  transition: all .5s ease, opacity .3s ease;
  position: absolute;
  left: 0;
  opacity: 0;
  top: 0;
  height: 100%;
}

/* line 133, sass/components/_buttons.sass */
.rocket-btn.rocket-btn-animated-icon-left .rocket-btn-text-wrap {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

/* line 135, sass/components/_buttons.sass */
.rocket-btn.rocket-btn-animated-icon-left:hover {
  padding-left: 50px;
}

/* line 137, sass/components/_buttons.sass */
.rocket-btn.rocket-btn-animated-icon-left:hover .rocket-btn-icon-wrap {
  left: 25px;
  opacity: 1;
}

/* line 140, sass/components/_buttons.sass */
.rocket-btn.rocket-btn-animated-icon-left:hover .rocket-btn-text-wrap {
  padding-left: 10px;
}

/* Button block with margin */
/* line 149, sass/components/_buttons.sass */
.button-block .rocket-btn {
  margin: 5px;
}

/* 1.4 CARDS */
/* line 3, sass/components/_cards.sass */
.card {
  background-color: #fff;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  margin: 15px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

/* line 10, sass/components/_cards.sass */
.card .card-image {
  -webkit-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
  position: relative;
  overflow: hidden;
}

/* line 14, sass/components/_cards.sass */
.card .card-image.card-image-with-hover:before {
  position: absolute;
  width: 100%;
  height: 300px;
  max-height: 100%;
  bottom: 0;
  left: 0;
  content: '';
  z-index: 2;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  opacity: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(23%, rgba(255, 255, 255, 0)), to(rgba(47, 36, 66, 0.65)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 23%, rgba(47, 36, 66, 0.65) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 23%, rgba(47, 36, 66, 0.65) 100%);
}

/* line 26, sass/components/_cards.sass */
.card .card-image img {
  width: 100%;
  -webkit-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
  -webkit-transition: all .75s ease;
  transition: all .75s ease;
}

/* line 31, sass/components/_cards.sass */
.card .card-content {
  padding: 20px;
}

/* line 34, sass/components/_cards.sass */
.card .card-footer {
  padding: 20px;
  border-top: 1px solid rgba(160, 160, 160, 0.2);
  background-color: #f7f5f9;
  -webkit-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

/* line 42, sass/components/_cards.sass */
.card:hover .card-image.card-image-with-hover:before {
  opacity: 1;
}

/* line 45, sass/components/_cards.sass */
.card.demo-card {
  -webkit-box-shadow: 1px 1px 14px -4px rgba(0, 0, 0, 0.45);
          box-shadow: 1px 1px 14px -4px rgba(0, 0, 0, 0.45);
}

/* line 47, sass/components/_cards.sass */
.card.demo-card span.demo-text {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  color: #f7f7f7;
  font-size: 24px;
  font-weight: 900;
  opacity: 1;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}

/* line 62, sass/components/_cards.sass */
.card.demo-card span.demo-card-image {
  display: block;
  width: 100%;
  height: 200px;
  background-size: 100% auto;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  overflow: hidden;
  -webkit-transition: background-position 7s linear;
  transition: background-position 7s linear;
}

/* line 70, sass/components/_cards.sass */
.card.demo-card span.demo-card-image:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  background: #2f2442;
  opacity: 0.95;
}

/* line 81, sass/components/_cards.sass */
.card.demo-card:hover {
  -webkit-box-shadow: 1px 1px 18px -2px rgba(0, 0, 0, 0.45);
          box-shadow: 1px 1px 18px -2px rgba(0, 0, 0, 0.45);
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}

/* line 84, sass/components/_cards.sass */
.card.demo-card:hover span.demo-text {
  opacity: 0;
}

/* line 86, sass/components/_cards.sass */
.card.demo-card:hover .demo-card-image {
  background-position: center bottom;
}

/* line 88, sass/components/_cards.sass */
.card.demo-card:hover .demo-card-image:after {
  opacity: 0;
}

/* Colors for dark sections */
/* line 94, sass/components/_cards.sass */
section.dark-section .card,
section.dark-pattern-section .card {
  background-color: #f7f5f9;
  color: #2f2442;
}

/* line 97, sass/components/_cards.sass */
section.dark-section .card h1, section.dark-section .card h2, section.dark-section .card h3, section.dark-section .card h4, section.dark-section .card h5, section.dark-section .card h6, section.dark-section .card p,
section.dark-pattern-section .card h1,
section.dark-pattern-section .card h2,
section.dark-pattern-section .card h3,
section.dark-pattern-section .card h4,
section.dark-pattern-section .card h5,
section.dark-pattern-section .card h6,
section.dark-pattern-section .card p {
  color: #2f2442;
}

/* line 99, sass/components/_cards.sass */
section.dark-section .card .card-footer,
section.dark-pattern-section .card .card-footer {
  border-top: none;
  background-color: #ece8f3;
}

/* 1.5 SHADOWS */
/* line 3, sass/components/_shadows.sass */
.normal-shadow, .scrollToTop .scrollToTop-circle, input, .rocket-btn, .card, .pricing, .sidebar {
  -webkit-box-shadow: 0 7px 20px rgba(0, 0, 0, 0.06);
          box-shadow: 0 7px 20px rgba(0, 0, 0, 0.06);
}

/* line 6, sass/components/_shadows.sass */
.normal-shadow-hover, input:active, input:focus, input:hover, .round-form .round-form-wrap input:active, .round-form .round-form-wrap input:focus, .round-form .round-form-wrap input:hover, .rocket-btn:hover, .rocket-btn:focus, .rocket-btn:active, .rocket-btn.is-active, .rocket-btn.active, .rocket-btn.rocket-btn-ghost:hover, .rocket-btn.rocket-btn-ghost:focus, .rocket-btn.rocket-btn-ghost:active, .rocket-btn.rocket-btn-ghost.is-active, .rocket-btn.rocket-btn-ghost.active, .rocket-btn.rocket-btn-flat:hover, .card:hover, .pricing:hover {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

/* line 9, sass/components/_shadows.sass */
.medium-shadow, .rocket-btn.show-more-btn:hover, .tabs ul.tabs-nav .tabs-nav-item:hover .rocket-btn-flat, .tabs ul.tabs-nav .tabs-nav-item.current .rocket-btn-flat, .code-wrap > pre, section.features-section .features-phone .icon-block i, section.video-section .video-container .video-wrapper, .single-post .post-thumbnail-wrap img.post-thumbnail, #demo-portfolio-carousel .owl-item .demo-portfolio-img img {
  -webkit-box-shadow: 0 15px 37px rgba(0, 0, 0, 0.21);
          box-shadow: 0 15px 37px rgba(0, 0, 0, 0.21);
}

/* line 12, sass/components/_shadows.sass */
.large-shadow, section.video-section .video-container span.play-button {
  -webkit-box-shadow: 0 25px 70px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 25px 70px 0 rgba(0, 0, 0, 0.5);
}

/* line 15, sass/components/_shadows.sass */
.header-shadow, header.scrolled {
  -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15);
}

/* 1.6 TAGS */
/* line 3, sass/components/_tags.sass */
a.tag, .widget.tags-widget .tag-cloud > a {
  background-color: #ece8f3;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  font-size: 14px !important;
  display: inline-block;
  line-height: 20px;
  padding: 4px 15px;
  margin: 0 10px 10px 0;
  vertical-align: top;
  -webkit-transition: all .5s;
  transition: all .5s;
}

/* line 14, sass/components/_tags.sass */
a.tag:focus, .widget.tags-widget .tag-cloud > a:focus, a.tag:hover, .widget.tags-widget .tag-cloud > a:hover {
  background-color: #f46c93;
  color: #fff;
}

/* 1.7 WIDGETS */
/* line 4, sass/components/_widgets.sass */
.widget .widget-title {
  margin: 15px 0;
  font-weight: bold;
}

/* line 7, sass/components/_widgets.sass */
.widget .widget-title:after {
  position: relative;
  display: block;
  content: "";
  width: 30%;
  margin-top: 6px;
  border: 2px #4b87b8;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border-top-style: solid;
}

/* line 17, sass/components/_widgets.sass */
.light-widget .widget .widget-title {
  color: #f7f7f7;
}

/* line 21, sass/components/_widgets.sass */
.widget.text-widget {
  margin-top: 15px;
}

/* line 25, sass/components/_widgets.sass */
.widget.search-widget {
  padding: 5px;
}

/* line 27, sass/components/_widgets.sass */
.widget.search-widget .round-form-wrap {
  margin: 20px;
}

/* line 37, sass/components/_widgets.sass */
.light-widget .widget.tags-widget .tag-cloud > a {
  background-color: transparent;
  border: 1px solid #f7f7f7;
  color: #f7f7f7;
}

/* line 41, sass/components/_widgets.sass */
.light-widget .widget.tags-widget .tag-cloud > a:focus, .light-widget .widget.tags-widget .tag-cloud > a:hover {
  background: #f7f5f9;
  color: #2f2442;
}

/* line 48, sass/components/_widgets.sass */
.widget.categories-widget ul.categories {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

/* line 53, sass/components/_widgets.sass */
.widget.categories-widget ul.categories > li {
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

/* line 56, sass/components/_widgets.sass */
.widget.categories-widget ul.categories > li:last-child {
  border-bottom: none !important;
}

/* line 58, sass/components/_widgets.sass */
.widget.categories-widget ul.categories a span.count {
  position: absolute;
  right: 0;
  font-weight: bold;
  background: #f46c93;
  color: #fff;
  line-height: 30px;
  height: 30px;
  text-align: center;
  margin-top: -4px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  padding: 0 5px;
  min-width: 30px;
}

/* line 76, sass/components/_widgets.sass */
.light-widget .widget.categories-widget ul.categories > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

/* line 78, sass/components/_widgets.sass */
.light-widget .widget.categories-widget ul.categories > li a {
  color: #f7f7f7;
}

/* line 80, sass/components/_widgets.sass */
.light-widget .widget.categories-widget ul.categories > li a span.count {
  background: transparent;
  font-weight: normal;
}

/* line 84, sass/components/_widgets.sass */
.light-widget .widget.categories-widget ul.categories > li:hover a, .light-widget .widget.categories-widget ul.categories > li:hover span.count {
  color: #337ab7;
}

/* line 90, sass/components/_widgets.sass */
.widget.recent-posts-widget ul.recent-posts {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}

/* line 95, sass/components/_widgets.sass */
.widget.recent-posts-widget ul.recent-posts > li {
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

/* line 98, sass/components/_widgets.sass */
.widget.recent-posts-widget ul.recent-posts > li:last-child {
  border-bottom: none !important;
}

/* line 100, sass/components/_widgets.sass */
.widget.recent-posts-widget a.post-title {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
}

/* line 105, sass/components/_widgets.sass */
.widget.recent-posts-widget span {
  font-size: 14px;
  color: #757575;
}

/* line 110, sass/components/_widgets.sass */
.light-widget .widget.recent-posts-widget ul.recent-posts > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

/* line 112, sass/components/_widgets.sass */
.light-widget .widget.recent-posts-widget span, .light-widget .widget.recent-posts-widget a {
  color: #f7f7f7;
}

/* line 114, sass/components/_widgets.sass */
.light-widget .widget.recent-posts-widget a:active, .light-widget .widget.recent-posts-widget a:hover, .light-widget .widget.recent-posts-widget a:focus {
  color: #f46c93;
}

/* 1.8 TABS */
/* line 5, sass/components/_tabs.sass */
.tabs ul.tabs-nav {
  text-align: center;
}

/* line 10, sass/components/_tabs.sass */
.tabs ul.tabs-nav .tabs-nav-item.current .rocket-btn-flat {
  background-color: #fff;
  color: #2f2442 !important;
}

/* line 14, sass/components/_tabs.sass */
.tabs ul.tabs-nav .tabs-nav-item.current .rocket-btn-flat .rocket-btn-icon-wrap {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
  opacity: 1;
}

/* line 17, sass/components/_tabs.sass */
.tabs ul.tabs-nav .tabs-nav-item.current .rocket-btn-flat .rocket-btn-text-wrap {
  -webkit-transform: translateY(150%);
      -ms-transform: translateY(150%);
          transform: translateY(150%);
  opacity: 0;
}

/* line 21, sass/components/_tabs.sass */
.tabs .tabs-content {
  position: relative;
  margin-top: 80px;
  margin-bottom: 80px;
}

/* line 25, sass/components/_tabs.sass */
.tabs .tabs-content .tabs-content-item {
  opacity: 0;
  text-align: center;
  margin: auto;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  display: none;
}

/* line 31, sass/components/_tabs.sass */
.tabs .tabs-content .tabs-content-item.current {
  opacity: 1;
  display: block;
}

/* ---------------------------
  2. STYLE FOR PLUGINS
  --------------------------*/
/* 2.1 Owl-carousel */
/* line 3, sass/components/_owl.sass */
.owl-carousel .owl-stage-outer {
  padding-bottom: 20px;
}

/* line 6, sass/components/_owl.sass */
.owl-theme .owl-dots .owl-dot span {
  -webkit-transition: background .5s ease;
  transition: background .5s ease;
}

/* line 9, sass/components/_owl.sass */
.owl-theme .owl-dots .owl-dot.active span {
  background: #2f2442;
}

/* line 12, sass/components/_owl.sass */
.owl-theme .owl-dots .owl-dot:hover span {
  background: #6e549b;
}

/* line 16, sass/components/_owl.sass */
.owl-carousel .card {
  margin: 15px !important;
}

/* line 19, sass/components/_owl.sass */
#owl-demo {
  position: relative;
  top: 98px;
  left: 14px;
}

/* line 23, sass/components/_owl.sass */
#owl-demo .item img {
  height: 495px;
  width: 279px;
}

/* line 26, sass/components/_owl.sass */
#owl-demo .owl-controls {
  position: absolute;
  left: 88px;
  bottom: -58px;
}

/* Colors for dark sections */
/* line 34, sass/components/_owl.sass */
section.dark-section .owl-theme .owl-dots .owl-dot.active span,
section.dark-section .owl-theme .owl-dots .owl-dot:hover span,
section.dark-pattern-section .owl-theme .owl-dots .owl-dot.active span,
section.dark-pattern-section .owl-theme .owl-dots .owl-dot:hover span {
  background-color: #f7f5f9;
}

/* 2.2 Magnific popup */
/* line 3, sass/components/_popup.sass */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

/* line 7, sass/components/_popup.sass */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* line 10, sass/components/_popup.sass */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* line 13, sass/components/_popup.sass */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}

/* line 17, sass/components/_popup.sass */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

/* line 20, sass/components/_popup.sass */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* line 23, sass/components/_popup.sass */
.mfp-bg {
  background: #2f2442;
}

/* line 26, sass/components/_popup.sass */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.95;
}

/* Close button */
/* line 30, sass/components/_popup.sass */
.mfp-close {
  opacity: 1;
  color: #f46c93 !important;
  font-size: 48px;
  width: 74px;
  height: 74px;
  top: -70px !important;
}

/* 2.3 Prism */
/* Upgrade colors */
/* line 4, sass/components/_prism.sass */
:not(pre) > code[class*="language-"], pre[class*="language-"] {
  background: #2f2442;
}

/* line 7, sass/components/_prism.sass */
.token.keyword {
  color: #f46c93;
}

/* Size wraps */
/* line 11, sass/components/_prism.sass */
.code-wrap {
  margin: 40px auto;
}

/* line 13, sass/components/_prism.sass */
.code-wrap.code-large {
  width: 760px;
}

@media screen and (max-width: 780px) {
  /* line 13, sass/components/_prism.sass */
  .code-wrap.code-large {
    width: auto;
  }
}

/* line 17, sass/components/_prism.sass */
.code-wrap > pre {
  border: none;
  -webkit-border-radius: 10px;
          border-radius: 10px;
}

/* ---------------------------
  3. SECTIONS
  --------------------------*/
/* line 3, sass/sections/_sections.sass */
section {
  padding-top: 60px;
  padding-bottom: 60px;
}

/* line 6, sass/sections/_sections.sass */
section .section-header {
  text-align: center;
  margin-bottom: 45px;
}

/* line 9, sass/sections/_sections.sass */
section .section-header .section-subtitle {
  font-size: 18px;
  color: #333;
  width: 60%;
  margin: auto;
}

/* line 14, sass/sections/_sections.sass */
section .section-header.text-align-left {
  text-align: left;
}

/* line 16, sass/sections/_sections.sass */
section .section-header.text-align-left .section-subtitle {
  width: 100%;
  margin: 0;
}

/* line 20, sass/sections/_sections.sass */
section.light-section {
  background-color: #f7f5f9;
  color: #333;
}

/* line 24, sass/sections/_sections.sass */
section.dark-section {
  background: #2f2442;
}

/* line 27, sass/sections/_sections.sass */
section.dark-pattern-section {
  background-color: #1d1629;
  background-image: url("../img/space-pattern.svg");
  background-repeat: repeat;
  background-size: 500px 500px;
}

/* line 33, sass/sections/_sections.sass */
section.dark-section, section.dark-pattern-section {
  color: #f7f7f7;
}

/* line 35, sass/sections/_sections.sass */
section.dark-section .section-title, section.dark-section .section-subtitle, section.dark-section h1, section.dark-section h2, section.dark-section h3, section.dark-section h4, section.dark-section h5, section.dark-section h6, section.dark-section p, section.dark-pattern-section .section-title, section.dark-pattern-section .section-subtitle, section.dark-pattern-section h1, section.dark-pattern-section h2, section.dark-pattern-section h3, section.dark-pattern-section h4, section.dark-pattern-section h5, section.dark-pattern-section h6, section.dark-pattern-section p {
  color: #f7f7f7;
}

/* Call to action */
/* line 39, sass/sections/_sections.sass */
section.call-to-action {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #2f2442;
  color: #f7f5f9;
}

@media screen and (max-width: 990px) {
  /* line 39, sass/sections/_sections.sass */
  section.call-to-action {
    text-align: center;
  }
}

/* line 46, sass/sections/_sections.sass */
section.call-to-action .call-to-action-text {
  color: #f7f5f9;
  float: left;
  line-height: 42px;
  margin-bottom: 0;
  margin-top: 0;
}

@media screen and (max-width: 990px) {
  /* line 46, sass/sections/_sections.sass */
  section.call-to-action .call-to-action-text {
    width: 100%;
  }
}

/* line 54, sass/sections/_sections.sass */
section.call-to-action .rocket-btn {
  float: right;
}

@media screen and (max-width: 990px) {
  /* line 54, sass/sections/_sections.sass */
  section.call-to-action .rocket-btn {
    float: none;
    margin-top: 20px;
  }
}

/* line 59, sass/sections/_sections.sass */
section.call-to-action.accent {
  background-color: #f46c93;
}

/* line 61, sass/sections/_sections.sass */
section.call-to-action.accent .call-to-action-text {
  color: #fff;
}

/* line 63, sass/sections/_sections.sass */
section.call-to-action.accent .call-to-action-text span {
  color: #2f2442;
}

/* 3.1 HEADER */
/* line 3, sass/sections/_header.sass */
header {
  width: 100%;
  padding: 0 30px;
  float: left;
  background: #F7F5F9;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  position: fixed;
  top: 0;
  z-index: 999;
}

/* line 13, sass/sections/_header.sass */
header .logo {
  color: #2f2442;
  margin: 23px 30px 23px 15px;
  float: left;
  text-decoration: none;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
}

/* line 24, sass/sections/_header.sass */
header .logo img.logo-img {
  width: 100%;
  height: auto;
  min-height: 38px;
}

/* line 29, sass/sections/_header.sass */
header ul.menu {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 35, sass/sections/_header.sass */
header ul.menu > li {
  display: inline-block;
  float: left;
}

/* line 39, sass/sections/_header.sass */
header ul.menu > li.top-bar-wrap {
  display: none;
}

/* line 42, sass/sections/_header.sass */
header ul.menu > li > a {
  padding: 32px 16px;
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  color: #2f2442;
  outline: 0;
  line-height: 1.42857143;
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

/* line 55, sass/sections/_header.sass */
header ul.menu > li.active > a, header ul.menu > li:hover > a {
  color: #337ab7;
}

/* line 58, sass/sections/_header.sass */
header ul.menu > li .indicator {
  margin-left: 6px;
  display: inline-block;
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
}

/* line 63, sass/sections/_header.sass */
header ul.menu > li ul.dropdown,
header ul.menu > li ul.dropdown li ul.dropdown {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 24px 32px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 24px 32px 0 rgba(0, 0, 0, 0.19);
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;
  z-index: 99;
  min-width: 180px;
  white-space: nowrap;
  background-color: #f7f5f9;
  -webkit-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
  font-size: 14px;
}

/* line 79, sass/sections/_header.sass */
header ul.menu > li ul.dropdown > li {
  clear: both;
  width: 100%;
  border: 0;
  position: relative;
}

/* line 84, sass/sections/_header.sass */
header ul.menu > li ul.dropdown > li:hover > a {
  padding-left: 36px;
}

/* line 86, sass/sections/_header.sass */
header ul.menu > li ul.dropdown > li:hover > a:before {
  opacity: 1;
  left: 22px;
}

/* line 89, sass/sections/_header.sass */
header ul.menu > li ul.dropdown > li > a {
  width: 100%;
  padding: 10px 25px 10px 22px;
  color: #2f2442;
  text-decoration: none;
  display: inline-block;
  float: left;
  clear: both;
  position: relative;
  outline: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

/* line 100, sass/sections/_header.sass */
header ul.menu > li ul.dropdown > li > a span.indicator {
  float: right;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

/* line 103, sass/sections/_header.sass */
header ul.menu > li ul.dropdown > li > a:before {
  font-family: 'FontAwesome';
  display: block;
  content: '\f105';
  position: absolute;
  left: 0;
  opacity: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

/* line 111, sass/sections/_header.sass */
header ul.menu > li ul.dropdown > li > a:hover {
  background-color: #ece8f3;
}

/* line 114, sass/sections/_header.sass */
header ul.menu > li ul.dropdown > li:last-child > a {
  -webkit-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

/* line 116, sass/sections/_header.sass */
header ul.menu > li ul.dropdown > li > ul.dropdown {
  margin-top: 5px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  left: 100%;
}

/* line 120, sass/sections/_header.sass */
header ul.menu > li ul.dropdown > li > ul.dropdown.left {
  left: -100%;
}

/* line 122, sass/sections/_header.sass */
header ul.menu > li ul.dropdown > li > ul.dropdown li:first-child > a {
  -webkit-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

/* line 125, sass/sections/_header.sass */
header .megamenu {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 24px 32px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 24px 32px 0 rgba(0, 0, 0, 0.19);
  width: -webkit-calc(100% - 60px);
  width: calc(100% - 60px);
  padding: 20px 30px;
  left: 30px;
  position: absolute;
  display: none;
  z-index: 99;
  border: none;
  background: #F7F5F9;
  -webkit-border-radius: 0 0 2px 2px;
          border-radius: 0 0 2px 2px;
}

/* line 137, sass/sections/_header.sass */
header .megamenu .col-sm-1, header .megamenu .col-sm-2, header .megamenu .col-sm-3, header .megamenu .col-sm-4,
header .megamenu .col-sm-5, header .megamenu .col-sm-6, header .megamenu .col-sm-7, header .megamenu .col-sm-8,
header .megamenu .col-sm-9, header .megamenu .col-sm-10, header .megamenu .col-sm-11, header .megamenu .col-sm-12 {
  position: initial;
}

/* line 142, sass/sections/_header.sass */
header .megamenu .col-sm-1.accent-block, header .megamenu .col-sm-2.accent-block, header .megamenu .col-sm-3.accent-block, header .megamenu .col-sm-4.accent-block,
header .megamenu .col-sm-5.accent-block, header .megamenu .col-sm-6.accent-block, header .megamenu .col-sm-7.accent-block, header .megamenu .col-sm-8.accent-block,
header .megamenu .col-sm-9.accent-block, header .megamenu .col-sm-10.accent-block, header .megamenu .col-sm-11.accent-block, header .megamenu .col-sm-12.accent-block {
  height: 100%;
  background-color: #1d1629;
  background-image: url("../img/space-pattern.svg");
  background-repeat: repeat;
  background-size: 300px 300px;
  position: absolute;
  right: 0;
  top: 0;
  color: white;
  text-align: center;
  -webkit-border-radius: 0 0 4px 0;
          border-radius: 0 0 4px 0;
}

/* line 155, sass/sections/_header.sass */
header .megamenu .col-sm-1.accent-block .accent-block-content, header .megamenu .col-sm-2.accent-block .accent-block-content, header .megamenu .col-sm-3.accent-block .accent-block-content, header .megamenu .col-sm-4.accent-block .accent-block-content,
header .megamenu .col-sm-5.accent-block .accent-block-content, header .megamenu .col-sm-6.accent-block .accent-block-content, header .megamenu .col-sm-7.accent-block .accent-block-content, header .megamenu .col-sm-8.accent-block .accent-block-content,
header .megamenu .col-sm-9.accent-block .accent-block-content, header .megamenu .col-sm-10.accent-block .accent-block-content, header .megamenu .col-sm-11.accent-block .accent-block-content, header .megamenu .col-sm-12.accent-block .accent-block-content {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #f7f7f7;
  padding: 20px;
}

/* line 164, sass/sections/_header.sass */
header .megamenu .col-sm-1.accent-block .accent-block-content h3, header .megamenu .col-sm-2.accent-block .accent-block-content h3, header .megamenu .col-sm-3.accent-block .accent-block-content h3, header .megamenu .col-sm-4.accent-block .accent-block-content h3,
header .megamenu .col-sm-5.accent-block .accent-block-content h3, header .megamenu .col-sm-6.accent-block .accent-block-content h3, header .megamenu .col-sm-7.accent-block .accent-block-content h3, header .megamenu .col-sm-8.accent-block .accent-block-content h3,
header .megamenu .col-sm-9.accent-block .accent-block-content h3, header .megamenu .col-sm-10.accent-block .accent-block-content h3, header .megamenu .col-sm-11.accent-block .accent-block-content h3, header .megamenu .col-sm-12.accent-block .accent-block-content h3 {
  color: #f7f7f7;
  margin: 0;
}

/* line 167, sass/sections/_header.sass */
header .megamenu .col-sm-1.accent-block .accent-block-content p, header .megamenu .col-sm-2.accent-block .accent-block-content p, header .megamenu .col-sm-3.accent-block .accent-block-content p, header .megamenu .col-sm-4.accent-block .accent-block-content p,
header .megamenu .col-sm-5.accent-block .accent-block-content p, header .megamenu .col-sm-6.accent-block .accent-block-content p, header .megamenu .col-sm-7.accent-block .accent-block-content p, header .megamenu .col-sm-8.accent-block .accent-block-content p,
header .megamenu .col-sm-9.accent-block .accent-block-content p, header .megamenu .col-sm-10.accent-block .accent-block-content p, header .megamenu .col-sm-11.accent-block .accent-block-content p, header .megamenu .col-sm-12.accent-block .accent-block-content p {
  margin: 0 0 10px;
}

/* line 169, sass/sections/_header.sass */
header .megamenu .col-sm-1.accent-block .accent-block-content .rocket-btn, header .megamenu .col-sm-2.accent-block .accent-block-content .rocket-btn, header .megamenu .col-sm-3.accent-block .accent-block-content .rocket-btn, header .megamenu .col-sm-4.accent-block .accent-block-content .rocket-btn,
header .megamenu .col-sm-5.accent-block .accent-block-content .rocket-btn, header .megamenu .col-sm-6.accent-block .accent-block-content .rocket-btn, header .megamenu .col-sm-7.accent-block .accent-block-content .rocket-btn, header .megamenu .col-sm-8.accent-block .accent-block-content .rocket-btn,
header .megamenu .col-sm-9.accent-block .accent-block-content .rocket-btn, header .megamenu .col-sm-10.accent-block .accent-block-content .rocket-btn, header .megamenu .col-sm-11.accent-block .accent-block-content .rocket-btn, header .megamenu .col-sm-12.accent-block .accent-block-content .rocket-btn {
  margin: 0;
}

/* line 172, sass/sections/_header.sass */
header .megamenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
}

/* line 177, sass/sections/_header.sass */
header .megamenu ul > li {
  width: 100%;
  border: 0;
  position: relative;
  margin-top: 5px;
}

/* line 182, sass/sections/_header.sass */
header .megamenu ul > li:hover > a {
  padding-left: 12px;
}

/* line 184, sass/sections/_header.sass */
header .megamenu ul > li > a {
  width: 100%;
  padding: 10px 25px 10px 0;
  color: #2f2442;
  text-decoration: none;
  display: inline-block;
  float: left;
  clear: both;
  position: relative;
  outline: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}

/* line 196, sass/sections/_header.sass */
header .megamenu ul > li > a:hover {
  background-color: #ece8f3;
}

/* line 199, sass/sections/_header.sass */
header .megamenu.half-width {
  width: 50%;
  left: auto;
  margin-left: -60px;
}

/* line 203, sass/sections/_header.sass */
header .megamenu.half-width.right {
  right: 0;
  left: auto;
}

/* line 207, sass/sections/_header.sass */
header .menutoggle {
  width: 60px;
  height: 52px;
  padding: 0;
  display: none;
  float: right;
  text-decoration: none;
  outline: 0;
  -webkit-tap-highlight-color: transparent;
}

/* line 218, sass/sections/_header.sass */
header a.rocket-btn {
  margin: 21px 20px auto 16px;
  font-size: 18px;
  text-align: center;
  padding: 0 40px !important;
  line-height: 40px !important;
}

/* line 226, sass/sections/_header.sass */
header.scrolled {
  padding: 0 20px;
  background: #fff;
}

/* line 230, sass/sections/_header.sass */
header.scrolled .megamenu {
  background-color: #fff;
  border-top: solid 1px #f0f0f0;
}

/* line 234, sass/sections/_header.sass */
header.scrolled ul.menu > li > a {
  padding: 26px 16px;
}

@media (max-width: 767px) {
  /* line 234, sass/sections/_header.sass */
  header.scrolled ul.menu > li > a {
    padding: 16px 20px;
  }
}

/* line 238, sass/sections/_header.sass */
header.scrolled ul.menu ul.dropdown,
header.scrolled ul.menu ul.dropdown li ul.dropdown {
  background-color: #fff;
}

/* line 241, sass/sections/_header.sass */
header.scrolled ul.menu .rocket-btn {
  margin: 15px 20px auto 16px;
}

/* line 243, sass/sections/_header.sass */
header.scrolled .logo {
  margin: 17px 30px 17px 15px;
}

/* mobile landscape */
@media (max-width: 767px) {
  /* line 248, sass/sections/_header.sass */
  header {
    padding: 0 20px;
  }
  /* line 250, sass/sections/_header.sass */
  header .logo {
    margin: 11px 30px 10px 20px !important;
    font-size: 20px;
    line-height: 1.55;
  }
  /* line 254, sass/sections/_header.sass */
  header .menutoggle {
    display: block;
  }
  /* line 256, sass/sections/_header.sass */
  header ul.menu {
    width: 280px;
    position: fixed;
    left: -400px;
    height: 100%;
    background-color: #1d1629;
    color: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 20000;
    padding-top: 0;
    -webkit-transition: left .8s ease;
    transition: left .8s ease;
  }
  /* line 268, sass/sections/_header.sass */
  header ul.menu span.indicator {
    position: absolute;
    right: 0;
    top: 0;
    height: 52px;
    -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
            transform: translateY(-3px);
  }
  /* line 274, sass/sections/_header.sass */
  header ul.menu span.indicator i {
    color: #fff;
    padding: 19px;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
  }
  /* line 278, sass/sections/_header.sass */
  header ul.menu span.indicator.indicator-up i {
    color: #c8c7cb;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  /* line 281, sass/sections/_header.sass */
  header ul.menu.open {
    left: 0;
  }
  /* line 283, sass/sections/_header.sass */
  header ul.menu > li {
    width: 100%;
    display: block;
    position: relative;
  }
  /* line 289, sass/sections/_header.sass */
  header ul.menu > li.top-bar-wrap {
    width: 100%;
    background-color: #261d35;
    padding: 20px;
    display: inline-block;
  }
  /* line 294, sass/sections/_header.sass */
  header ul.menu > li.top-bar-wrap > a {
    padding: 0;
    margin: 0;
  }
  /* line 297, sass/sections/_header.sass */
  header ul.menu > li.top-bar-wrap > a .close-icon {
    display: inline-block;
    float: right;
  }
  /* line 300, sass/sections/_header.sass */
  header ul.menu > li > a {
    color: #fff;
    width: 100%;
    padding: 16px 20px;
    display: block;
    font-weight: bold;
  }
  /* line 306, sass/sections/_header.sass */
  header ul.menu > li > a:before {
    display: none;
  }
  /* line 308, sass/sections/_header.sass */
  header ul.menu > li > a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: auto;
    top: 0;
    margin: auto;
    border-left: 4px solid #e4e4e6;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  /* line 320, sass/sections/_header.sass */
  header ul.menu > li.active > a:after {
    opacity: 1;
    visibility: visible;
  }
  /* line 324, sass/sections/_header.sass */
  header ul.menu > li ul.dropdown,
  header ul.menu > li ul.dropdown li ul.dropdown {
    width: 100%;
    position: static;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  /* line 329, sass/sections/_header.sass */
  header ul.menu > li ul.dropdown > li a,
  header ul.menu > li ul.dropdown li ul.dropdown > li a {
    padding: 16px 20px;
    border: none !important;
    -webkit-border-radius: 0 !important;
            border-radius: 0 !important;
    color: white;
  }
  /* line 335, sass/sections/_header.sass */
  header ul.menu > li ul.dropdown > li > a {
    padding-left: 30px;
    background-color: #261d35;
  }
  /* line 338, sass/sections/_header.sass */
  header ul.menu > li ul.dropdown > li > a:hover {
    background-color: #261d35;
  }
  /* line 340, sass/sections/_header.sass */
  header ul.menu > li ul.dropdown > li > ul.dropdown > li > a {
    padding-left: 50px;
    background-color: #2f2442;
  }
  /* line 343, sass/sections/_header.sass */
  header ul.menu > li ul.dropdown > li > ul.dropdown > li > a:hover {
    background-color: #2f2442;
  }
  /* line 345, sass/sections/_header.sass */
  header ul.menu > li ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a {
    padding-left: 70px;
    background-color: #2f2442;
  }
  /* line 348, sass/sections/_header.sass */
  header ul.menu > li ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a:hover {
    background-color: #2f2442;
  }
  /* line 351, sass/sections/_header.sass */
  header ul.menu .megamenu {
    position: static;
    background-color: #261d35;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
    width: 100%;
    color: #fff;
  }
  /* line 358, sass/sections/_header.sass */
  header ul.menu .megamenu.half-width {
    width: 100%;
    margin-left: 0;
  }
  /* line 361, sass/sections/_header.sass */
  header ul.menu .megamenu h1, header ul.menu .megamenu h2, header ul.menu .megamenu h3, header ul.menu .megamenu h4, header ul.menu .megamenu h5, header ul.menu .megamenu h6, header ul.menu .megamenu p, header ul.menu .megamenu a {
    color: #fff;
  }
  /* line 363, sass/sections/_header.sass */
  header ul.menu .megamenu a:hover {
    background-color: #261d35;
  }
  /* line 365, sass/sections/_header.sass */
  header ul.menu .megamenu .accent-block {
    display: none;
  }
  /* line 368, sass/sections/_header.sass */
  header .overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: none;
    z-index: 19999;
    background-color: rgba(47, 36, 66, 0.7);
  }
}

/* Close icon */
/* line 379, sass/sections/_header.sass */
a.close-icon-wrap {
  width: 30px;
  height: 30px;
  float: right;
  margin: 15px;
  display: none;
}

/* line 385, sass/sections/_header.sass */
.close-icon,
.close-icon:before {
  width: 30px;
  height: 4px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  cursor: pointer;
}

/* line 391, sass/sections/_header.sass */
.close-icon {
  position: relative;
  top: 12px;
  background: #fff;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* line 396, sass/sections/_header.sass */
.close-icon:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

/* Hamburger icon */
/* line 405, sass/sections/_header.sass */
.bar,
.bar:after,
.bar:before {
  width: 30px;
  height: 4px;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  float: right;
}

/* line 412, sass/sections/_header.sass */
.bar {
  position: relative;
  -webkit-transform: translateY(25px);
      -ms-transform: translateY(25px);
          transform: translateY(25px);
  background: #2f2442;
  -webkit-transition: all 0ms 300ms;
  transition: all 0ms 300ms;
}

/* line 417, sass/sections/_header.sass */
.bar:before, .bar:after {
  content: "";
  position: absolute;
  left: 0;
  background: #2f2442;
}

/* line 422, sass/sections/_header.sass */
.bar:before {
  bottom: 10px;
}

/* line 424, sass/sections/_header.sass */
.bar:after {
  top: 10px;
}

/* 3.2 FOOTER */
/* line 4, sass/sections/_footer.sass */
footer.fix-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
}

/* line 8, sass/sections/_footer.sass */
footer .main-footer {
  background-color: #2f2442;
  color: #f7f7f7;
  padding: 30px 0;
}

/* line 12, sass/sections/_footer.sass */
footer .bottom-bar {
  background-color: #261d35;
  color: #ece8f3;
  padding: 20px 0;
}

/* line 17, sass/sections/_footer.sass */
footer a {
  color: #337ab7;
}

/* line 19, sass/sections/_footer.sass */
footer a:hover {
  color: #4b87b8;
}

/* 3.3 COUNTER SECTION */
/* line 4, sass/sections/_counter.sass */
.counter-section .counter-block {
  text-align: center;
}

/* line 6, sass/sections/_counter.sass */
.counter-section .counter-block .counter-icon {
  margin-bottom: 12px;
}

/* line 8, sass/sections/_counter.sass */
.counter-section .counter-block .counter-icon i {
  font-size: 32px;
  padding: 10px;
}

/* line 11, sass/sections/_counter.sass */
.counter-section .counter-block .counter-number {
  font-size: 39px;
  color: #fff;
}

/* line 14, sass/sections/_counter.sass */
.counter-section .counter-block .counter-text {
  font-size: 18px;
}

/* Colors for light section */
/* line 18, sass/sections/_counter.sass */
section.light-section.counter-section .counter-block {
  color: #2f2442;
}

/* 3.4 DOMAIN SEARCH */
/* line 4, sass/sections/_domain-search.sass */
section.domain-search-section .domain-list-wrap {
  margin: 0 auto;
  text-align: center;
}

/* line 7, sass/sections/_domain-search.sass */
section.domain-search-section .domain-list-wrap ul.domain-list {
  margin-top: 30px;
}

/* line 9, sass/sections/_domain-search.sass */
section.domain-search-section .domain-list-wrap ul.domain-list li.domain {
  font-weight: bold;
}

/* line 12, sass/sections/_domain-search.sass */
section.domain-search-section .domain-list-wrap ul.domain-list li.domain span.price {
  margin-left: 10px;
  color: #f46c93;
}

/* 3.5 DOWNLOAD APP */
/* line 4, sass/sections/_download-app.sass */
section.download-app img {
  width: 205px;
  height: auto;
  margin-left: 10px;
  margin-right: 10px;
}

/* 3.6 FEATURES SECTION */
/* line 6, sass/sections/_features.sass */
section.features-section .features-inline .feature {
  text-align: center;
  cursor: default;
}

/* line 9, sass/sections/_features.sass */
section.features-section .features-inline .feature .icon-wrapper {
  padding-bottom: 30px;
}

/* line 11, sass/sections/_features.sass */
section.features-section .features-inline .feature .icon-wrapper img {
  width: 220px;
}

/* line 16, sass/sections/_features.sass */
section.features-section .features-phone .feature {
  margin: 20px auto 20px auto;
}

/* line 18, sass/sections/_features.sass */
section.features-section .features-phone .text-block {
  display: inline-block;
  width: -webkit-calc(100% - 75px);
  width: calc(100% - 75px);
}

/* line 21, sass/sections/_features.sass */
section.features-section .features-phone .text-block h4 {
  color: #f46c93;
  line-height: 0.9;
  margin: 0;
}

/* line 25, sass/sections/_features.sass */
section.features-section .features-phone .text-block p {
  margin: 10px 0 0;
}

/* line 27, sass/sections/_features.sass */
section.features-section .features-phone .icon-block {
  margin-top: 20px;
}

/* line 29, sass/sections/_features.sass */
section.features-section .features-phone .icon-block i {
  color: #fff;
  background-color: #f46c93;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 26px;
  -webkit-border-radius: 100%;
          border-radius: 100%;
}

/* line 39, sass/sections/_features.sass */
section.features-section .features-phone .features-phone-left .feature {
  text-align: right;
}

/* line 41, sass/sections/_features.sass */
section.features-section .features-phone .features-phone-left .feature .icon-block {
  float: right;
  margin-left: 10px;
}

/* line 44, sass/sections/_features.sass */
section.features-section .features-phone .features-phone-image {
  text-align: center;
}

/* line 46, sass/sections/_features.sass */
section.features-section .features-phone .features-phone-image img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

@media (max-width: 992px) {
  /* line 46, sass/sections/_features.sass */
  section.features-section .features-phone .features-phone-image img {
    position: relative;
    height: 600px;
    width: auto;
  }
}

/* line 55, sass/sections/_features.sass */
section.features-section .features-phone .features-phone-right .feature {
  text-align: left;
}

/* line 57, sass/sections/_features.sass */
section.features-section .features-phone .features-phone-right .feature .icon-block {
  float: left;
  margin-right: 10px;
}

@media screen and (max-width: 1200px) {
  /* line 61, sass/sections/_features.sass */
  section.features-section .features-phone .feature {
    text-align: center !important;
  }
  /* line 63, sass/sections/_features.sass */
  section.features-section .features-phone .icon-block {
    float: none !important;
  }
  /* line 65, sass/sections/_features.sass */
  section.features-section .features-phone .features-phone-right .icon-block, section.features-section .features-phone .features-phone-left .icon-block {
    margin: 5px 0 5px 0 !important;
  }
}

/* Fix for next section */
/* line 69, sass/sections/_features.sass */
section.after-features-phone {
  background-color: #f7f5f9;
  z-index: 2;
  position: relative;
}

/* 3.7 HALF WIDTH SECTION */
/* line 4, sass/sections/_half-width.sass */
section.half-width-section h3.section-title {
  color: #2f2442;
  margin: 10px 0;
  position: relative;
}

/* line 8, sass/sections/_half-width.sass */
section.half-width-section .features {
  text-align: left;
}

/* line 10, sass/sections/_half-width.sass */
section.half-width-section .features .feature {
  padding-top: 30px;
}

/* line 12, sass/sections/_half-width.sass */
section.half-width-section .features .feature .feature-icon i.fa {
  color: #50408a;
}

/* line 15, sass/sections/_half-width.sass */
section.half-width-section .features .feature .feature-text .feature-header, section.half-width-section .features .feature .feature-text p {
  margin: 5px 0;
}

/* line 17, sass/sections/_half-width.sass */
section.half-width-section .features .feature .feature-text .feature-header {
  color: #2f2442;
  font-weight: 600;
}

/* line 20, sass/sections/_half-width.sass */
section.half-width-section .features .feature .feature-text p {
  color: #757575;
  font-size: 16px;
}

/* line 23, sass/sections/_half-width.sass */
section.half-width-section img {
  padding-top: 30px;
}

/* line 25, sass/sections/_half-width.sass */
section.half-width-section img.phones-image {
  padding-top: 0;
}

/* 3.8 HERO SECTION */
/* line 3, sass/sections/_hero.sass */
section#hero {
  overflow: hidden;
  position: relative;
}

@media (max-width: 767px) {
  /* line 3, sass/sections/_hero.sass */
  section#hero {
    height: 100% !important;
  }
}

/* line 8, sass/sections/_hero.sass */
section#hero h1.hero-header {
  font-size: 2.5em;
  line-height: normal;
}

/* line 11, sass/sections/_hero.sass */
section#hero p.hero-text {
  margin: 10px 0 15px 0;
  font-size: 18px;
}

/* line 16, sass/sections/_hero.sass */
section#hero .hero-sm .text-section {
  position: fixed;
  z-index: 5;
  width: 40%;
}

/* line 20, sass/sections/_hero.sass */
section#hero .hero-sm .rocket-section {
  position: fixed;
  left: 50%;
}

/* line 23, sass/sections/_hero.sass */
section#hero .hero-sm .rocket-section #stars {
  position: absolute;
  z-index: 5;
  width: 552px;
  left: 0;
  bottom: 60px;
}

/* line 29, sass/sections/_hero.sass */
section#hero .hero-sm .rocket-section #rocket-wrap {
  position: fixed;
  width: 171px;
  left: -webkit-calc(50% + 177px);
  left: calc(50% + 177px);
  bottom: 0;
  z-index: 6;
  -webkit-transform: translate3d(0px, 200%, 0px);
          transform: translate3d(0px, 200%, 0px);
}

/* line 36, sass/sections/_hero.sass */
section#hero .hero-sm .rocket-section #bg-wrap {
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  position: fixed;
  left: 50%;
  width: 50%;
  bottom: 4%;
}

/* line 42, sass/sections/_hero.sass */
section#hero .hero-sm .rocket-section #bg1, section#hero .hero-sm .rocket-section #bg2, section#hero .hero-sm .rocket-section #bg3 {
  position: absolute;
  bottom: 0;
  width: 495px;
  left: 15px;
}

/* line 47, sass/sections/_hero.sass */
section#hero .hero-sm .rocket-section #bg1 {
  z-index: 2;
}

/* line 49, sass/sections/_hero.sass */
section#hero .hero-sm .rocket-section #bg2 {
  z-index: 3;
}

/* line 51, sass/sections/_hero.sass */
section#hero .hero-sm .rocket-section #bg3 {
  z-index: 4;
}

/* line 53, sass/sections/_hero.sass */
section#hero .hero-sm .rocket-section #clouds-wrap {
  -webkit-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  position: fixed;
  bottom: 0;
  left: 50%;
  z-index: 7;
  width: 552px;
}

/* line 60, sass/sections/_hero.sass */
section#hero .hero-sm .rocket-section #large-clouds {
  position: absolute;
  left: 1.5%;
  top: -85px;
  width: 525px;
}

/* line 65, sass/sections/_hero.sass */
section#hero .hero-sm .rocket-section #cloud-1, section#hero .hero-sm .rocket-section #cloud-2, section#hero .hero-sm .rocket-section #cloud-3 {
  position: absolute;
  bottom: 0;
}

/* line 68, sass/sections/_hero.sass */
section#hero .hero-sm .rocket-section #cloud-1 {
  width: 204px;
  left: 32%;
  bottom: -60px;
  -webkit-transform: translateX(-5%);
      -ms-transform: translateX(-5%);
          transform: translateX(-5%);
  -webkit-animation: cloud-1 2s linear infinite alternate;
          animation: cloud-1 2s linear infinite alternate;
}

@-webkit-keyframes cloud-1 {
  to {
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
  }
}

@keyframes cloud-1 {
  to {
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
  }
}

/* line 79, sass/sections/_hero.sass */
section#hero .hero-sm .rocket-section #cloud-2 {
  width: 148px;
  left: 5%;
  bottom: -55px;
  -webkit-transform: translateX(-5%);
      -ms-transform: translateX(-5%);
          transform: translateX(-5%);
  -webkit-animation: cloud-2 3s linear infinite alternate;
          animation: cloud-2 3s linear infinite alternate;
}

@-webkit-keyframes cloud-2 {
  to {
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
  }
}

@keyframes cloud-2 {
  to {
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
  }
}

/* line 90, sass/sections/_hero.sass */
section#hero .hero-sm .rocket-section #cloud-3 {
  width: 63px;
  right: 10%;
  bottom: -40px;
  -webkit-transform: translateX(-20%);
      -ms-transform: translateX(-20%);
          transform: translateX(-20%);
  -webkit-animation: cloud-3 2.5s linear infinite alternate;
          animation: cloud-3 2.5s linear infinite alternate;
}

@-webkit-keyframes cloud-3 {
  to {
    -webkit-transform: translateX(20%);
            transform: translateX(20%);
  }
}

@keyframes cloud-3 {
  to {
    -webkit-transform: translateX(20%);
            transform: translateX(20%);
  }
}

/* line 102, sass/sections/_hero.sass */
section#hero .hero-xs .text-xs-section {
  margin-top: 80px;
}

/* line 104, sass/sections/_hero.sass */
section#hero .hero-xs .rocket-xs-section {
  margin-top: 40px;
  margin-bottom: 20px;
}

/* Fire animation */
/* line 109, sass/sections/_hero.sass */
.small-fire {
  -webkit-animation: small-fire .5s linear infinite alternate;
          animation: small-fire .5s linear infinite alternate;
}

/* line 112, sass/sections/_hero.sass */
.big-fire-1 {
  -webkit-animation: big-fire-1 .6s linear infinite alternate;
          animation: big-fire-1 .6s linear infinite alternate;
}

/* line 115, sass/sections/_hero.sass */
.big-fire-2 {
  -webkit-animation: big-fire-2 .6s linear infinite alternate;
          animation: big-fire-2 .6s linear infinite alternate;
}

/* line 118, sass/sections/_hero.sass */
.big-fire-3 {
  -webkit-animation: big-fire-3 .6s linear infinite alternate;
          animation: big-fire-3 .6s linear infinite alternate;
}

@-webkit-keyframes small-fire {
  from {
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
  }
  to {
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
  }
}

@keyframes small-fire {
  from {
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
  }
  to {
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
  }
}

@-webkit-keyframes big-fire-1 {
  from {
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
  }
  to {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
}

@keyframes big-fire-1 {
  from {
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
  }
  to {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
}

@-webkit-keyframes big-fire-2 {
  from {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  to {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
}

@keyframes big-fire-2 {
  from {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  to {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
}

@-webkit-keyframes big-fire-3 {
  from {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
  to {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
}

@keyframes big-fire-3 {
  from {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px);
  }
  to {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
}

/* Stars animation */
@-webkit-keyframes blinker {
  50% {
    opacity: 0;
  }
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

/* line 151, sass/sections/_hero.sass */
.star1 {
  fill: #2f2442;
  -webkit-animation: blinker 2.1s linear infinite;
          animation: blinker 2.1s linear infinite;
}

/* line 151, sass/sections/_hero.sass */
.star2 {
  fill: #2f2442;
  -webkit-animation: blinker 2.2s linear infinite;
          animation: blinker 2.2s linear infinite;
}

/* line 151, sass/sections/_hero.sass */
.star3 {
  fill: #2f2442;
  -webkit-animation: blinker 2.3s linear infinite;
          animation: blinker 2.3s linear infinite;
}

/* line 151, sass/sections/_hero.sass */
.star4 {
  fill: #2f2442;
  -webkit-animation: blinker 2.4s linear infinite;
          animation: blinker 2.4s linear infinite;
}

/* line 151, sass/sections/_hero.sass */
.star5 {
  fill: #2f2442;
  -webkit-animation: blinker 2.5s linear infinite;
          animation: blinker 2.5s linear infinite;
}

/* line 151, sass/sections/_hero.sass */
.star6 {
  fill: #2f2442;
  -webkit-animation: blinker 2.6s linear infinite;
          animation: blinker 2.6s linear infinite;
}

/* line 151, sass/sections/_hero.sass */
.star7 {
  fill: #2f2442;
  -webkit-animation: blinker 2.7s linear infinite;
          animation: blinker 2.7s linear infinite;
}

/* line 151, sass/sections/_hero.sass */
.star8 {
  fill: #2f2442;
  -webkit-animation: blinker 2.8s linear infinite;
          animation: blinker 2.8s linear infinite;
}

/* line 151, sass/sections/_hero.sass */
.star9 {
  fill: #2f2442;
  -webkit-animation: blinker 2.9s linear infinite;
          animation: blinker 2.9s linear infinite;
}

/* line 151, sass/sections/_hero.sass */
.star10 {
  fill: #2f2442;
  -webkit-animation: blinker 3s linear infinite;
          animation: blinker 3s linear infinite;
}

/* line 151, sass/sections/_hero.sass */
.star11 {
  fill: #2f2442;
  -webkit-animation: blinker 3.1s linear infinite;
          animation: blinker 3.1s linear infinite;
}

/* line 151, sass/sections/_hero.sass */
.star12 {
  fill: #2f2442;
  -webkit-animation: blinker 3.2s linear infinite;
          animation: blinker 3.2s linear infinite;
}

/* line 151, sass/sections/_hero.sass */
.star13 {
  fill: #2f2442;
  -webkit-animation: blinker 3.3s linear infinite;
          animation: blinker 3.3s linear infinite;
}

/* line 151, sass/sections/_hero.sass */
.star14 {
  fill: #2f2442;
  -webkit-animation: blinker 3.4s linear infinite;
          animation: blinker 3.4s linear infinite;
}

/* line 151, sass/sections/_hero.sass */
.star15 {
  fill: #2f2442;
  -webkit-animation: blinker 3.5s linear infinite;
          animation: blinker 3.5s linear infinite;
}

/* line 151, sass/sections/_hero.sass */
.star16 {
  fill: #2f2442;
  -webkit-animation: blinker 3.6s linear infinite;
          animation: blinker 3.6s linear infinite;
}

/* line 151, sass/sections/_hero.sass */
.star17 {
  fill: #2f2442;
  -webkit-animation: blinker 3.7s linear infinite;
          animation: blinker 3.7s linear infinite;
}

/* 3.9 PAGE TITLE */
/* line 3, sass/sections/_page-title.sass */
section.page-title {
  position: relative;
  text-align: center;
}

/* line 6, sass/sections/_page-title.sass */
section.page-title.page-title-pattern {
  background-color: #1d1629;
  background-image: url("../img/space-pattern.svg");
  background-repeat: repeat;
  background-size: 400px;
}

/* line 11, sass/sections/_page-title.sass */
section.page-title.page-title-image {
  background-color: #1d1629;
  background-image: url("../img/page-title.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/* line 17, sass/sections/_page-title.sass */
section.page-title.page-title-image:before {
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(47, 36, 66, 0.7);
}

/* line 26, sass/sections/_page-title.sass */
section.page-title .page-title-wrap {
  z-index: 1;
  position: relative;
  margin-bottom: 24px;
}

/* line 30, sass/sections/_page-title.sass */
section.page-title .page-title-wrap h1 {
  color: #f7f7f7;
  font-size: 36px;
  font-weight: 600;
}

/* line 35, sass/sections/_page-title.sass */
section.page-title a.post-date {
  display: inline-block;
  padding-top: 20px;
  color: #fff;
}

/* line 39, sass/sections/_page-title.sass */
section.page-title a.post-date:hover {
  color: #f46c93;
}

/* Bread crumbs */
/* line 45, sass/sections/_page-title.sass */
ul.bread-crumbs > li:after {
  display: inline-block;
  content: '/';
  margin-left: 15px;
  color: #f46c93;
}

/* line 50, sass/sections/_page-title.sass */
ul.bread-crumbs > li:last-child:after {
  display: none;
}

/* line 52, sass/sections/_page-title.sass */
ul.bread-crumbs > li.active a {
  color: #f46c93;
}

/* line 54, sass/sections/_page-title.sass */
ul.bread-crumbs > li a {
  color: white;
}

/* line 56, sass/sections/_page-title.sass */
ul.bread-crumbs > li a:hover {
  color: #f46c93;
}

/* 3.10 PARTNERS SECTION */
/* line 4, sass/sections/_partners.sass */
section.partners-section .partners {
  text-align: center;
}

/* line 6, sass/sections/_partners.sass */
section.partners-section .partners .partner {
  margin: auto 20px;
}

/* line 8, sass/sections/_partners.sass */
section.partners-section .partners .partner img {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

/* line 11, sass/sections/_partners.sass */
section.partners-section .partners.partners-grayscale .partner img {
  opacity: .85;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

/* line 14, sass/sections/_partners.sass */
section.partners-section .partners.partners-grayscale .partner img:hover {
  opacity: 1;
  -webkit-filter: none;
          filter: none;
}

/* 3.11 PRICING SECTION */
/* line 3, sass/sections/_pricing.sass */
.pricing {
  position: relative;
  overflow: visible;
  margin: 0.5rem 0 1rem 0;
  background-color: #fff;
  padding: 20px 0;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  text-align: center;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

/* line 15, sass/sections/_pricing.sass */
.pricing .price span {
  display: inline-block;
  position: relative;
  color: #2f2442;
}

/* line 20, sass/sections/_pricing.sass */
.pricing .price span.amount {
  font-size: 50px;
  font-weight: 400;
  text-transform: uppercase;
}

/* line 24, sass/sections/_pricing.sass */
.pricing .price span.period {
  font-size: 16px;
  margin-left: -6px;
}

/* line 27, sass/sections/_pricing.sass */
.pricing .price span.currency {
  font-size: 21px;
  letter-spacing: -6px;
  top: -20px;
  left: -5px;
}

/* line 32, sass/sections/_pricing.sass */
.pricing .plan-title span {
  display: inline-block;
  position: relative;
  color: #2f2442;
}

/* line 37, sass/sections/_pricing.sass */
.pricing .plan-title span.plan {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}

/* line 41, sass/sections/_pricing.sass */
.pricing .pricing-content {
  padding: 0 20px 0 20px;
  -webkit-border-radius: 0 0 2px 2px;
          border-radius: 0 0 2px 2px;
}

/* line 44, sass/sections/_pricing.sass */
.pricing .pricing-content ul, .pricing .pricing-content ul li {
  list-style-type: none;
  padding: 0;
}

/* line 47, sass/sections/_pricing.sass */
.pricing .pricing-content ul.collection {
  margin: 0.5rem 0 1rem 0;
  overflow: hidden;
  position: relative;
}

/* line 51, sass/sections/_pricing.sass */
.pricing .pricing-content ul.collection .collection-item {
  line-height: 1.5rem;
  font-weight: 300;
  font-size: 16px;
  background-color: transparent;
  padding: 10px 20px;
  margin: 0;
  border-bottom: 1px solid rgba(160, 160, 160, 0.2);
  cursor: default;
  color: #2f2442;
}

/* line 61, sass/sections/_pricing.sass */
.pricing .pricing-content ul.collection .collection-item b, .pricing .pricing-content ul.collection .collection-item .text-bold {
  font-weight: bold;
}

/* line 63, sass/sections/_pricing.sass */
.pricing .pricing-content ul.collection .collection-item:last-child {
  border-bottom: none !important;
}

/* line 66, sass/sections/_pricing.sass */
.pricing .plan-signup-btn {
  margin: 20px auto;
}

/* line 69, sass/sections/_pricing.sass */
.pricing.pricing-active {
  background-color: #2f2442;
  color: white;
}

/* line 72, sass/sections/_pricing.sass */
.pricing.pricing-active .pricing-content ul.collection .collection-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
}

/* line 75, sass/sections/_pricing.sass */
.pricing.pricing-active .plan-title span, .pricing.pricing-active .price span,
.pricing.pricing-active .pricing-content ul.collection .collection-item b,
.pricing.pricing-active .pricing-content ul.collection .collection-item .text-bold {
  color: white;
}

/* line 78, sass/sections/_pricing.sass */
.pricing.pricing-active .plan-signup-btn .rocket-btn {
  background: #f46c93;
}

/* line 82, sass/sections/_pricing.sass */
.pricing.pricing-large .price {
  padding: 20px;
}

/* 3.12 SCREENSHOTS SECTION * */
/* line 4, sass/sections/_screenshots.sass */
section.screenshots-section .screenshot {
  position: relative;
}

/* line 7, sass/sections/_screenshots.sass */
section.screenshots-section .screenshot:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  background: -webkit-gradient(linear, left top, left bottom, from(#f46c93), to(#2f2442));
  background: -webkit-linear-gradient(top, #f46c93, #2f2442);
  background: linear-gradient(to bottom, #f46c93, #2f2442);
  opacity: 0.85;
}

/* line 19, sass/sections/_screenshots.sass */
section.screenshots-section .screenshot > img {
  -webkit-filter: grayscale(85%);
          filter: grayscale(85%);
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}

/* line 26, sass/sections/_screenshots.sass */
section.screenshots-section .owl-item.active.center .screenshot > img, section.screenshots-section .owl-item.active.center .screenshot:after {
  -webkit-filter: none;
          filter: none;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

/* line 29, sass/sections/_screenshots.sass */
section.screenshots-section .owl-item.active.center .screenshot:after {
  opacity: 0;
}

/* 3.13 TEAM SECTION */
/* line 3, sass/sections/_team.sass */
.team-carousel {
  margin: 10px auto 0;
  text-align: center;
}

/* line 8, sass/sections/_team.sass */
.team-section .team-member {
  cursor: default;
}

/* line 11, sass/sections/_team.sass */
.team-section .team-member .card-image:before {
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: 100%;
  bottom: 0;
  left: 0;
  content: '';
  z-index: 2;
  opacity: 0;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(47, 36, 66, 0.55)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(47, 36, 66, 0.55) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(47, 36, 66, 0.55) 100%);
}

/* line 23, sass/sections/_team.sass */
.team-section .team-member .team-member-name, .team-section .team-member .team-member-details {
  margin: 0;
}

/* line 25, sass/sections/_team.sass */
.team-section .team-member .team-member-name {
  font-size: 29px;
  color: #2f2442;
}

/* line 28, sass/sections/_team.sass */
.team-section .team-member .team-member-details {
  color: #757575;
}

/* line 31, sass/sections/_team.sass */
.team-section .team-member:hover .card-image:before {
  opacity: 1;
}

/* 3.14 TESTIMONIALS SECTION */
/* line 4, sass/sections/_testimonials.sass */
.testimonials-section .testimonials-carousel {
  text-align: center;
}

/* line 6, sass/sections/_testimonials.sass */
.testimonials-section .testimonials-carousel .testimonial {
  display: block;
  width: 100%;
  height: auto;
}

/* line 10, sass/sections/_testimonials.sass */
.testimonials-section .testimonials-carousel p.client-testimonial {
  width: 60%;
  display: inline-block;
  font-size: 18px;
  position: relative;
}

/* line 16, sass/sections/_testimonials.sass */
.testimonials-section .testimonials-carousel p.client-testimonial:before, .testimonials-section .testimonials-carousel p.client-testimonial:after {
  content: '';
  position: absolute;
  width: 22px;
  height: 19px;
  background-image: url("../img/quote.svg");
  background-position: center;
  background-repeat: no-repeat;
}

/* line 24, sass/sections/_testimonials.sass */
.testimonials-section .testimonials-carousel p.client-testimonial:before {
  -webkit-transform: translate(-110%, -50%);
      -ms-transform: translate(-110%, -50%);
          transform: translate(-110%, -50%);
}

/* line 26, sass/sections/_testimonials.sass */
.testimonials-section .testimonials-carousel p.client-testimonial:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-top: 10px;
  margin-left: 5px;
}

/* line 30, sass/sections/_testimonials.sass */
.testimonials-section .testimonials-carousel .client-info {
  margin-bottom: 20px;
}

/* line 32, sass/sections/_testimonials.sass */
.testimonials-section .testimonials-carousel .client-info img {
  height: 90px;
  width: 90px;
  display: block;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  margin: 10px auto 5px;
}

/* line 38, sass/sections/_testimonials.sass */
.testimonials-section .testimonials-carousel .client-info .client-name, .testimonials-section .testimonials-carousel .client-info .client-details {
  margin: 0;
}

/* line 40, sass/sections/_testimonials.sass */
.testimonials-section .testimonials-carousel .client-info .client-name {
  font-size: 29px;
  color: #f46c93;
}

/* line 43, sass/sections/_testimonials.sass */
.testimonials-section .testimonials-carousel .client-info .client-details {
  color: #f7f7f7;
}

/* 3.15 TIMELINE */
/* GENERAL TIMELINE STYLING */
/* line 4, sass/sections/_timeline.sass */
.ss-timeline {
  position: relative;
  margin-top: 40px;
  margin-bottom: 20px;
}

/* line 9, sass/sections/_timeline.sass */
.ss-timeline .timeline-block {
  position: relative;
  padding-bottom: 50px;
  min-height: 120px;
}

/* line 13, sass/sections/_timeline.sass */
.ss-timeline .timeline-block.first-block {
  padding-bottom: 180px;
}

/* line 15, sass/sections/_timeline.sass */
.ss-timeline .timeline-block.first-block > .timeline-planet-wrap {
  top: -25px;
}

/* line 17, sass/sections/_timeline.sass */
.ss-timeline .timeline-block:before {
  display: block;
  content: '';
  width: 4px;
  height: 100%;
  position: absolute;
  left: 50%;
  z-index: 2;
  background-image: url("../img/dot.svg");
  background-repeat: repeat-y;
  background-size: 4px 12px;
}

/* line 28, sass/sections/_timeline.sass */
.ss-timeline .timeline-block:last-child:before {
  display: none;
}

/* line 30, sass/sections/_timeline.sass */
.ss-timeline .timeline-block .timeline-planet-wrap {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 3;
}

/* line 35, sass/sections/_timeline.sass */
.ss-timeline .timeline-block .timeline-planet-wrap .planet {
  position: relative;
  left: -webkit-calc(-50% + 2px);
  left: calc(-50% + 2px);
}

/* line 38, sass/sections/_timeline.sass */
.ss-timeline .timeline-block .timeline-content {
  position: relative;
  width: 40%;
}

/* line 41, sass/sections/_timeline.sass */
.ss-timeline .timeline-block .timeline-content.left {
  text-align: right;
  margin-left: 0;
}

/* line 44, sass/sections/_timeline.sass */
.ss-timeline .timeline-block .timeline-content.left span {
  text-align: left;
  left: 150%;
}

/* line 47, sass/sections/_timeline.sass */
.ss-timeline .timeline-block .timeline-content.right {
  text-align: left;
  margin-left: 60%;
}

/* line 50, sass/sections/_timeline.sass */
.ss-timeline .timeline-block .timeline-content.right span {
  text-align: right;
  left: -150%;
}

/* line 53, sass/sections/_timeline.sass */
.ss-timeline .timeline-block .timeline-content span {
  position: absolute;
  top: 0;
  width: 100%;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  /* line 60, sass/sections/_timeline.sass */
  .ss-timeline .timeline-block:before {
    left: 52px;
  }
}

@media only screen and (max-width: 768px) {
  /* line 64, sass/sections/_timeline.sass */
  .ss-timeline .timeline-block .timeline-planet-wrap {
    left: 0;
  }
}

@media only screen and (max-width: 768px) {
  /* line 68, sass/sections/_timeline.sass */
  .ss-timeline .timeline-block .timeline-planet-wrap .planet {
    left: -webkit-calc(54px - 50%);
    left: calc(54px - 50%);
  }
}

@media only screen and (max-width: 768px) {
  /* line 74, sass/sections/_timeline.sass */
  .ss-timeline .timeline-block .timeline-content.right, .ss-timeline .timeline-block .timeline-content.left {
    text-align: left;
    margin-left: 120px;
    width: -webkit-calc(100% - 120px);
    width: calc(100% - 120px);
  }
}

@media only screen and (max-width: 768px) {
  /* line 81, sass/sections/_timeline.sass */
  .ss-timeline .timeline-block .timeline-content span {
    display: block;
    left: 0 !important;
    text-align: left !important;
    position: relative !important;
  }
}

@media only screen and (max-width: 768px) {
  /* line 88, sass/sections/_timeline.sass */
  .timeline-planet-wrap {
    left: 0;
  }
}

/* PLANETS */
/* line 93, sass/sections/_timeline.sass */
#sun-wrap {
  width: 140px;
}

/* line 96, sass/sections/_timeline.sass */
#mercury-wrap {
  width: 40px;
}

/* line 99, sass/sections/_timeline.sass */
#venus-wrap {
  width: 60px;
}

/* line 102, sass/sections/_timeline.sass */
#earth-wrap {
  width: 70px;
}

/* line 105, sass/sections/_timeline.sass */
#mars-wrap {
  width: 80px;
}

/* line 108, sass/sections/_timeline.sass */
#jupiter-wrap {
  width: 100px;
}

/* line 111, sass/sections/_timeline.sass */
#saturn-wrap {
  width: 110px;
}

/* line 114, sass/sections/_timeline.sass */
#uranus-wrap {
  width: 60px;
}

/* line 117, sass/sections/_timeline.sass */
#neptune-wrap {
  width: 40px;
}

/* ANIMATION */
/* line 122, sass/sections/_timeline.sass */
.ss-timeline .timeline-block .timeline-planet-wrap .planet.dontanimate {
  -webkit-animation: none !important;
          animation: none !important;
}

/* Spin animation */
/* line 126, sass/sections/_timeline.sass */
#sun-wrap > svg, #neptune-wrap > svg, #mercury-wrap > svg, #earth-wrap > svg {
  -webkit-animation: planet-spin 15s infinite linear;
          animation: planet-spin 15s infinite linear;
}

@-webkit-keyframes planet-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes planet-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* Venus animation */
/* line 134, sass/sections/_timeline.sass */
#venus-line-01 {
  -webkit-animation: venus-line-01-anim 3s linear infinite;
          animation: venus-line-01-anim 3s linear infinite;
}

@-webkit-keyframes venus-line-01-anim {
  to {
    stroke-dashoffset: 72%;
  }
}

@keyframes venus-line-01-anim {
  to {
    stroke-dashoffset: 72%;
  }
}

/* line 141, sass/sections/_timeline.sass */
#venus-line-02 {
  -webkit-animation: venus-line-02-anim 5s linear infinite;
          animation: venus-line-02-anim 5s linear infinite;
}

@-webkit-keyframes venus-line-02-anim {
  to {
    stroke-dashoffset: -102%;
  }
}

@keyframes venus-line-02-anim {
  to {
    stroke-dashoffset: -102%;
  }
}

/* line 148, sass/sections/_timeline.sass */
#venus-line-03 {
  -webkit-animation: venus-line-03-anim 4s linear infinite;
          animation: venus-line-03-anim 4s linear infinite;
}

@-webkit-keyframes venus-line-03-anim {
  to {
    stroke-dashoffset: -110%;
  }
}

@keyframes venus-line-03-anim {
  to {
    stroke-dashoffset: -110%;
  }
}

/* Saturn animation */
/* line 156, sass/sections/_timeline.sass */
#saturn-ring {
  stroke-dasharray: 40% 10%;
  stroke-linecap: round;
  -webkit-animation: saturn-ring-anim 3s linear infinite;
          animation: saturn-ring-anim 3s linear infinite;
}

@-webkit-keyframes saturn-ring-anim {
  to {
    stroke-dashoffset: 50%;
  }
}

@keyframes saturn-ring-anim {
  to {
    stroke-dashoffset: 50%;
  }
}

/* Mars animation */
/* line 166, sass/sections/_timeline.sass */
#mars-line-05, #mars-line-04, #mars-line-03, #mars-line-02, #mars-line-01 {
  stroke-dasharray: 40% 7%;
  stroke-dashoffset: 0%;
  stroke-linecap: round;
  -webkit-animation: mars-lines-anim 5s linear infinite;
          animation: mars-lines-anim 5s linear infinite;
}

@-webkit-keyframes mars-lines-anim {
  to {
    stroke-dashoffset: 47%;
  }
}

@keyframes mars-lines-anim {
  to {
    stroke-dashoffset: 47%;
  }
}

/* Jupiter animation */
/* line 177, sass/sections/_timeline.sass */
#jupiter-line-06, #jupiter-line-05, #jupiter-line-04, #jupiter-line-03, #jupiter-line-02, #jupiter-line-01 {
  -webkit-animation: jupiter-line-anim 3s linear infinite;
          animation: jupiter-line-anim 3s linear infinite;
}

@-webkit-keyframes jupiter-line-anim {
  to {
    stroke-dashoffset: 29;
  }
}

@keyframes jupiter-line-anim {
  to {
    stroke-dashoffset: 29;
  }
}

/* Uranus animation */
/* line 185, sass/sections/_timeline.sass */
#uranus-line-06 {
  -webkit-animation: uranus-line-06-anim 3s linear infinite;
          animation: uranus-line-06-anim 3s linear infinite;
}

@-webkit-keyframes uranus-line-06-anim {
  to {
    stroke-dashoffset: 14;
  }
}

@keyframes uranus-line-06-anim {
  to {
    stroke-dashoffset: 14;
  }
}

/* line 192, sass/sections/_timeline.sass */
#uranus-line-05 {
  -webkit-animation: uranus-line-05-anim 3s linear infinite;
          animation: uranus-line-05-anim 3s linear infinite;
}

@-webkit-keyframes uranus-line-05-anim {
  to {
    stroke-dashoffset: 31;
  }
}

@keyframes uranus-line-05-anim {
  to {
    stroke-dashoffset: 31;
  }
}

/* line 199, sass/sections/_timeline.sass */
#uranus-line-04 {
  -webkit-animation: uranus-line-04-anim 3s linear infinite;
          animation: uranus-line-04-anim 3s linear infinite;
}

@-webkit-keyframes uranus-line-04-anim {
  to {
    stroke-dashoffset: -30;
  }
}

@keyframes uranus-line-04-anim {
  to {
    stroke-dashoffset: -30;
  }
}

/* line 206, sass/sections/_timeline.sass */
#uranus-line-03 {
  -webkit-animation: uranus-line-03-anim 3s linear infinite;
          animation: uranus-line-03-anim 3s linear infinite;
}

@-webkit-keyframes uranus-line-03-anim {
  to {
    stroke-dashoffset: -30;
  }
}

@keyframes uranus-line-03-anim {
  to {
    stroke-dashoffset: -30;
  }
}

/* line 213, sass/sections/_timeline.sass */
#uranus-line-02 {
  -webkit-animation: uranus-line-02-anim 3s linear infinite;
          animation: uranus-line-02-anim 3s linear infinite;
}

@-webkit-keyframes uranus-line-02-anim {
  to {
    stroke-dashoffset: -26;
  }
}

@keyframes uranus-line-02-anim {
  to {
    stroke-dashoffset: -26;
  }
}

/* line 220, sass/sections/_timeline.sass */
#uranus-line-01 {
  -webkit-animation: uranus-line-01-anim 3s linear infinite;
          animation: uranus-line-01-anim 3s linear infinite;
}

@-webkit-keyframes uranus-line-01-anim {
  to {
    stroke-dashoffset: 31;
  }
}

@keyframes uranus-line-01-anim {
  to {
    stroke-dashoffset: 31;
  }
}

/* Dots animation */
/* line 228, sass/sections/_timeline.sass */
.timeline-block:before {
  -webkit-animation: dot-anim 1s linear infinite;
          animation: dot-anim 1s linear infinite;
}

@-webkit-keyframes dot-anim {
  to {
    -webkit-transform: translateY(12px);
            transform: translateY(12px);
  }
}

@keyframes dot-anim {
  to {
    -webkit-transform: translateY(12px);
            transform: translateY(12px);
  }
}

/* Lazy color change */
/* line 236, sass/sections/_timeline.sass */
.ss-change-fill {
  fill: #f7f5f9 !important;
  stroke: #f46c93 !important;
}

/* line 240, sass/sections/_timeline.sass */
.ss-change-stroke {
  stroke: #f46c93 !important;
}

/* 3.16 VIDEO SECTION */
/* line 4, sass/sections/_video.sass */
section.video-section .video-container {
  margin: auto;
  display: block;
  height: auto;
  width: 100%;
  max-width: 1050px;
  position: relative;
}

/* line 11, sass/sections/_video.sass */
section.video-section .video-container .video-wrapper {
  -webkit-border-radius: 10px;
          border-radius: 10px;
  overflow: hidden;
}

/* line 15, sass/sections/_video.sass */
section.video-section .video-container .video-wrapper:after {
  content: '';
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#f46c93), to(#2f2442));
  background: -webkit-linear-gradient(top, #f46c93, #2f2442);
  background: linear-gradient(to bottom, #f46c93, #2f2442);
  opacity: 0.85;
  display: block;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  top: 0;
  left: 0;
  position: absolute;
}

/* line 26, sass/sections/_video.sass */
section.video-section .video-container span.play-button {
  width: 84px;
  height: 84px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  background-color: #f46c93;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -42px;
  margin-top: -42px;
  text-align: center;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  cursor: pointer;
  -webkit-animation: play-button 1s linear infinite alternate;
          animation: play-button 1s linear infinite alternate;
}

/* line 42, sass/sections/_video.sass */
section.video-section .video-container span.play-button > i {
  font-size: 42px;
  line-height: 84px;
  margin-left: 10px;
  color: #fff;
}

@-webkit-keyframes play-button {
  to {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

@keyframes play-button {
  to {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

/* ---------------------------
  4. BLOG
  --------------------------*/
/* Blog card */
/* line 4, sass/sections/_blog.sass */
.blog-card {
  margin: 0 0 40px 0;
}

/* line 6, sass/sections/_blog.sass */
.blog-card .post-likes, .blog-card .post-comments, .blog-card .post-date, .blog-card .more {
  font-weight: bold;
}

/* line 9, sass/sections/_blog.sass */
.blog-card .post-likes, .blog-card .post-comments {
  float: right;
}

/* line 11, sass/sections/_blog.sass */
.blog-card .post-likes {
  padding-right: 10px;
}

/* line 13, sass/sections/_blog.sass */
.blog-card a.more {
  display: block;
  text-align: right;
  margin-top: 10px;
  -webkit-transition: -webkit-transform .5s ease;
  transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease;
}

/* line 18, sass/sections/_blog.sass */
.blog-card a.more i {
  -webkit-transition: -webkit-transform .5s ease;
  transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease, -webkit-transform .5s ease;
}

/* line 20, sass/sections/_blog.sass */
.blog-card a.more:hover {
  -webkit-transform: translateX(-6px);
      -ms-transform: translateX(-6px);
          transform: translateX(-6px);
}

/* line 22, sass/sections/_blog.sass */
.blog-card a.more:hover i {
  -webkit-transform: translateX(11px);
      -ms-transform: translateX(11px);
          transform: translateX(11px);
}

/* line 27, sass/sections/_blog.sass */
.owl-carousel .blog-card .blog-card-info {
  margin-bottom: 10px;
}

/* line 29, sass/sections/_blog.sass */
.owl-carousel .blog-card .blog-card-info a {
  font-size: 14px;
  font-weight: normal;
}

/* line 32, sass/sections/_blog.sass */
.owl-carousel .blog-card h4.blog-card-header {
  font-size: 24px;
  font-weight: bold;
}

/* Pagination */
/* line 37, sass/sections/_blog.sass */
.pagination-wrap {
  text-align: right;
  margin-top: 20px;
}

/* line 40, sass/sections/_blog.sass */
.pagination-wrap ul.pagination {
  display: inline-block;
  padding: 0 15px 0 0;
  margin: 0;
}

/* line 44, sass/sections/_blog.sass */
.pagination-wrap ul.pagination li {
  display: inline;
}

/* line 46, sass/sections/_blog.sass */
.pagination-wrap ul.pagination li a {
  font-weight: bold;
  color: #757575;
  float: left;
  padding: 6px 12px;
  text-decoration: none;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  margin: 3px;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  background: none;
  border: none;
}

/* line 58, sass/sections/_blog.sass */
.pagination-wrap ul.pagination li a.active {
  background-color: #f46c93;
  color: #fff;
}

/* line 61, sass/sections/_blog.sass */
.pagination-wrap ul.pagination li a.disabled {
  opacity: 0.8;
  cursor: default;
}

/* line 64, sass/sections/_blog.sass */
.pagination-wrap ul.pagination li a:hover:not(.active):not(.disabled) {
  background-color: #ece8f3;
}

/* Single blog post */
/* line 70, sass/sections/_blog.sass */
.single-post .post-thumbnail-wrap img.post-thumbnail {
  -webkit-border-radius: 4px;
          border-radius: 4px;
  margin-bottom: 40px;
}

/* line 74, sass/sections/_blog.sass */
.single-post .post-tags {
  margin-top: 30px;
}

/* line 76, sass/sections/_blog.sass */
.single-post .post-author {
  margin: 30px 0;
  min-height: 140px;
}

/* line 79, sass/sections/_blog.sass */
.single-post .post-author .author-avatar {
  float: left;
  width: 100px;
}

/* line 82, sass/sections/_blog.sass */
.single-post .post-author .author-avatar img {
  height: 100px;
  width: 100px;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

/* line 86, sass/sections/_blog.sass */
.single-post .post-author .author-description {
  padding-left: 120px;
}

/* line 88, sass/sections/_blog.sass */
.single-post .post-author .author-description .author-title {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 5px;
}

/* line 92, sass/sections/_blog.sass */
.single-post .post-author .author-description .author-bio {
  margin: 5px auto;
  color: #757575;
}

/* Related posts section */
/* line 100, sass/sections/_blog.sass */
.related-posts-section {
  margin: 30px auto;
}

/* line 102, sass/sections/_blog.sass */
.related-posts-section h3 {
  margin-left: 15px;
}

/* Sidebar */
/* line 106, sass/sections/_blog.sass */
.sidebar {
  background-color: #fff;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  overflow: hidden;
  padding: 0;
}

/* line 113, sass/sections/_blog.sass */
.sidebar .sidebar-widget {
  padding: 10px 20px;
}

/* line 115, sass/sections/_blog.sass */
.sidebar .sidebar-widget.sidebar-top {
  background-color: #ece8f3;
  border-bottom: 1px solid rgba(160, 160, 160, 0.2);
  padding: 0;
}

/* Quote */
/* line 121, sass/sections/_blog.sass */
.quote-wrap {
  margin: 20px auto;
  position: relative;
}

/* line 124, sass/sections/_blog.sass */
.quote-wrap:after {
  content: '';
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 20px;
  width: 100px;
  height: 100px;
  background-image: url("../img/quote-dark-gray.svg");
  background-position: left;
  background-repeat: no-repeat;
  background-size: 80px;
}

/* line 136, sass/sections/_blog.sass */
.quote-wrap .quote {
  position: relative;
  padding: 20px 20px 20px 120px;
  color: #333;
}

/* line 140, sass/sections/_blog.sass */
.quote-wrap .quote .quote-text {
  display: block;
  font-size: 28px;
  font-style: italic;
  line-height: 28px;
}

/* line 146, sass/sections/_blog.sass */
.quote-wrap .quote .quote-author {
  font-size: 18px;
  display: inline-block;
  margin-top: 10px;
  text-align: right;
  font-style: italic;
}

/* ---------------------------
  5. PORTFOLIO
  --------------------------*/
/* line 3, sass/sections/_portfolio.sass */
.portfolio-section {
  overflow: hidden;
}

/* line 5, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-filters {
  text-align: center;
  margin-bottom: 40px;
}

/* line 8, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-filters > ul {
  display: inline-block;
  border-top: 2px solid rgba(130, 130, 130, 0.5);
  -webkit-border-radius: 2px;
          border-radius: 2px;
}

@media (max-width: 992px) {
  /* line 8, sass/sections/_portfolio.sass */
  .portfolio-section .portfolio-filters > ul {
    border-top: none;
  }
}

/* line 14, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-filters > ul > li.portfolio-filter {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 900;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  margin-left: 15px;
  margin-right: 15px;
}

/* line 22, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-filters > ul > li.portfolio-filter:first-of-type {
  margin-left: 0;
}

/* line 24, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-filters > ul > li.portfolio-filter:last-of-type {
  margin-right: 0;
}

/* line 26, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-filters > ul > li.portfolio-filter:hover {
  cursor: pointer;
  color: #f46c93;
}

/* line 29, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-filters > ul > li.portfolio-filter.active {
  color: #f46c93;
}

/* line 31, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-filters > ul > li.portfolio-filter:before {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  content: '';
  width: 100%;
  height: 2px;
  display: block;
  border-top: 2px solid #f46c93;
  margin-top: -2px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 3px 10px 0 rgba(244, 108, 147, 0.75);
          box-shadow: 0 3px 10px 0 rgba(244, 108, 147, 0.75);
  opacity: 0;
}

@media (max-width: 992px) {
  /* line 31, sass/sections/_portfolio.sass */
  .portfolio-section .portfolio-filters > ul > li.portfolio-filter:before {
    display: none;
  }
}

/* line 44, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-filters > ul > li.portfolio-filter.active:before {
  opacity: 1;
}

/* line 47, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-masonry, .portfolio-section .portfolio-grid {
  margin-left: auto;
  margin-right: auto;
}

/* line 52, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-grid-2-columns > .portfolio-item {
  width: 580px;
  height: 580px;
}

/* line 56, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-grid-3-columns > .portfolio-item {
  width: 380px;
  height: 380px;
}

/* line 60, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-grid-4-columns > .portfolio-item {
  width: 285px;
  height: 285px;
}

/* line 65, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-masonry-2-columns > .grid-sizer {
  width: 50%;
}

/* line 67, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-masonry-2-columns > .portfolio-item {
  width: 50%;
  height: auto;
  padding-right: 5px;
  padding-left: 5px;
}

/* line 72, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-masonry-2-columns > .portfolio-item.size-3 {
  width: 100%;
  height: auto;
}

/* line 77, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-masonry-3-columns > .grid-sizer {
  width: 33.33333%;
}

/* line 79, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-masonry-3-columns > .portfolio-item {
  width: 33.33333%;
  height: auto;
  padding-right: 5px;
  padding-left: 5px;
}

/* line 84, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-masonry-3-columns > .portfolio-item.size-3 {
  width: 100%;
  height: auto;
}

/* line 89, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-masonry-4-columns > .grid-sizer {
  width: 25%;
}

/* line 91, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-masonry-4-columns > .portfolio-item {
  width: 25%;
  height: auto;
  padding-right: 5px;
  padding-left: 5px;
}

/* line 96, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-masonry-4-columns > .portfolio-item.size-3 {
  width: 100%;
  height: auto;
}

/* line 100, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-full-width-large-images > .portfolio-item,
.portfolio-section .portfolio-full-width-medium-images > .portfolio-item,
.portfolio-section .portfolio-full-width-small-images > .portfolio-item {
  margin-bottom: 0;
}

/* line 104, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-full-width-large-images > .portfolio-item .portfolio-item-image,
.portfolio-section .portfolio-full-width-medium-images > .portfolio-item .portfolio-item-image,
.portfolio-section .portfolio-full-width-small-images > .portfolio-item .portfolio-item-image {
  -webkit-border-radius: 0;
          border-radius: 0;
}

/* line 106, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-full-width-large-images > .portfolio-item .portfolio-item-image:after,
.portfolio-section .portfolio-full-width-medium-images > .portfolio-item .portfolio-item-image:after,
.portfolio-section .portfolio-full-width-small-images > .portfolio-item .portfolio-item-image:after {
  -webkit-border-radius: 0;
          border-radius: 0;
  border-color: transparent;
}

/* line 109, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-full-width-large-images > .portfolio-item:hover .portfolio-item-image:after,
.portfolio-section .portfolio-full-width-medium-images > .portfolio-item:hover .portfolio-item-image:after,
.portfolio-section .portfolio-full-width-small-images > .portfolio-item:hover .portfolio-item-image:after {
  -webkit-border-radius: 0;
          border-radius: 0;
  border-color: transparent;
}

/* line 114, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-full-width-large-images > .grid-sizer {
  width: 50%;
}

/* line 116, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-full-width-large-images > .portfolio-item {
  width: 50%;
  height: auto;
}

/* line 119, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-full-width-large-images > .portfolio-item.size-2 {
  width: 100%;
  height: auto;
}

/* line 124, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-full-width-medium-images > .grid-sizer {
  width: 25%;
}

/* line 126, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-full-width-medium-images > .portfolio-item {
  width: 25%;
  height: auto;
}

/* line 129, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-full-width-medium-images > .portfolio-item.size-2 {
  width: 50%;
  height: auto;
}

/* line 134, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-full-width-small-images > .grid-sizer {
  width: 20%;
}

/* line 136, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-full-width-small-images > .portfolio-item {
  width: 20%;
  height: auto;
}

/* line 139, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-full-width-small-images > .portfolio-item.size-2 {
  width: 40%;
  height: auto;
}

/* line 144, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-item {
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  outline: 0;
  float: left;
}

/* line 151, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-item .portfolio-item-image {
  position: relative;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  overflow: hidden;
}

/* line 156, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-item .portfolio-item-image img {
  display: block;
  overflow: hidden;
  z-index: 1;
  /* easeInSine */
  -webkit-transition: all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
  transition: all 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
  width: 100%;
  height: auto;
}

/* line 165, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-item .portfolio-item-image:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#f46c93), to(#2f2442));
  background: -webkit-linear-gradient(top, #f46c93, #2f2442);
  background: linear-gradient(to bottom, #f46c93, #2f2442);
  opacity: 0;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/* line 178, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-item .portfolio-item-text {
  width: 100%;
  position: absolute;
  top: -webkit-calc(50% - 50px);
  top: calc(50% - 50px);
  text-align: center;
  color: #fff;
  z-index: 3;
}

/* line 185, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-item .portfolio-item-text .portfolio-item-description, .portfolio-section .portfolio-item .portfolio-item-text .portfolio-item-name, .portfolio-section .portfolio-item .portfolio-item-text .portfolio-item-link {
  display: block;
  opacity: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

/* line 189, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-item .portfolio-item-text .portfolio-item-description {
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
  font-size: 16px;
  font-weight: 400;
}

/* line 194, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-item .portfolio-item-text .portfolio-item-name {
  -webkit-transform: translateY(-15px);
      -ms-transform: translateY(-15px);
          transform: translateY(-15px);
  font-size: 20px;
  font-weight: 600;
}

/* line 200, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-item .portfolio-item-text .portfolio-item-link {
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
  padding-top: 10px;
  font-size: 32px;
  font-weight: 600;
}

/* line 209, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-item:hover .portfolio-item-image:after {
  background: -webkit-gradient(linear, left top, left bottom, from(#f46c93), to(#2f2442));
  background: -webkit-linear-gradient(top, #f46c93, #2f2442);
  background: linear-gradient(to bottom, #f46c93, #2f2442);
  opacity: .85;
}

/* line 212, sass/sections/_portfolio.sass */
.portfolio-section .portfolio-item:hover .portfolio-item-description, .portfolio-section .portfolio-item:hover .portfolio-item-name, .portfolio-section .portfolio-item:hover .portfolio-item-link {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

/* ---------------------------
  6. SPECIAL PAGES
  --------------------------*/
/* 6.1 Coming soon */
/* line 3, sass/pages/_coming-soon.sass */
.coming-soon-section {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  z-index: 1;
  text-align: center;
}

@media (max-width: 470px) {
  /* line 3, sass/pages/_coming-soon.sass */
  .coming-soon-section {
    overflow-y: scroll;
  }
}

/* line 14, sass/pages/_coming-soon.sass */
.coming-soon-wrap {
  display: table;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  z-index: 3;
  position: relative;
}

/* line 21, sass/pages/_coming-soon.sass */
.coming-soon-container {
  display: table-cell;
  vertical-align: middle;
}

/* line 24, sass/pages/_coming-soon.sass */
.coming-soon-container h2.section-title {
  color: #f46c93;
}

/* line 26, sass/pages/_coming-soon.sass */
.coming-soon-container .section-subtitle {
  font-weight: 900;
}

/* line 29, sass/pages/_coming-soon.sass */
.coming-soon-countdown {
  margin-bottom: 40px;
}

/* line 31, sass/pages/_coming-soon.sass */
.coming-soon-countdown .countdown-section {
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
}

/* line 35, sass/pages/_coming-soon.sass */
.coming-soon-countdown .countdown-section span.countdown-period,
.coming-soon-countdown .countdown-section span.countdown-amount {
  display: block;
}

/* line 39, sass/pages/_coming-soon.sass */
.coming-soon-countdown .countdown-section span.countdown-amount {
  font-size: 42px;
  font-weight: bold;
  color: #f46c93;
}

/* 6.2 404 page */
/* line 3, sass/pages/_404.sass */
.page-404-section {
  background-color: #2f2442;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow-x: hidden;
  z-index: 1;
  padding: 0;
}

/* line 12, sass/pages/_404.sass */
.page-404-section h2, .page-404-section p {
  color: #fff;
}

/* line 15, sass/pages/_404.sass */
.page-404-text-wrap {
  height: 100vh;
  display: table;
  vertical-align: middle;
}

/* line 20, sass/pages/_404.sass */
.page-404-text-wrap .page-404-text {
  display: table-cell;
  vertical-align: middle;
}

/* line 24, sass/pages/_404.sass */
.page-404-text-wrap .page-404-text h2 {
  font-size: 48px;
  color: #f7f7f7;
}

/* line 27, sass/pages/_404.sass */
.page-404-text-wrap .page-404-text p {
  font-size: 22px;
  margin: 5px 0 25px;
  color: #f7f7f7;
}

/* line 32, sass/pages/_404.sass */
#ufo svg {
  display: block;
  height: 100vh;
  margin: auto;
  padding-bottom: 25px;
}

/* Numbers animation */
/* line 39, sass/pages/_404.sass */
#number1 {
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-animation: numbers 2.5s linear infinite alternate;
          animation: numbers 2.5s linear infinite alternate;
}

/* line 43, sass/pages/_404.sass */
#number2 {
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-animation: numbers 2.2s linear infinite alternate;
          animation: numbers 2.2s linear infinite alternate;
}

/* line 47, sass/pages/_404.sass */
#number3 {
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-animation: numbers 2.1s linear infinite alternate;
          animation: numbers 2.1s linear infinite alternate;
}

@-webkit-keyframes numbers {
  to {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
}

@keyframes numbers {
  to {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
}

/* Spotlights animation */
/* line 56, sass/pages/_404.sass */
#spotlight1 #circle1, #spotlight2 #circle1_1_,
#spotlight3 #circle1_2_, #spotlight4 #circle1_3_,
#spotlight5 #circle1_4_ {
  fill: #eeffcf;
  opacity: 0;
  -webkit-animation: spotlight 1s linear infinite alternate;
          animation: spotlight 1s linear infinite alternate;
}

/* line 63, sass/pages/_404.sass */
#spotlight1 #circle1 {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}

/* line 66, sass/pages/_404.sass */
#spotlight2 #circle1_1_ {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}

/* line 69, sass/pages/_404.sass */
#spotlight3 #circle1_2_ {
  -webkit-animation-delay: -0.66666s;
          animation-delay: -0.66666s;
}

/* line 72, sass/pages/_404.sass */
#spotlight4 #circle1_3_ {
  -webkit-animation-delay: -0.75s;
          animation-delay: -0.75s;
}

/* line 75, sass/pages/_404.sass */
#spotlight5 #circle1_4_ {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}

@-webkit-keyframes spotlight {
  to {
    opacity: 1;
  }
}

@keyframes spotlight {
  to {
    opacity: 1;
  }
}

/* Stars animation */
/* line 84, sass/pages/_404.sass */
#star1 {
  -webkit-animation: blinker 2.1s linear infinite;
          animation: blinker 2.1s linear infinite;
}

/* line 84, sass/pages/_404.sass */
#star2 {
  -webkit-animation: blinker 2.2s linear infinite;
          animation: blinker 2.2s linear infinite;
}

/* line 84, sass/pages/_404.sass */
#star3 {
  -webkit-animation: blinker 2.3s linear infinite;
          animation: blinker 2.3s linear infinite;
}

/* line 84, sass/pages/_404.sass */
#star4 {
  -webkit-animation: blinker 2.4s linear infinite;
          animation: blinker 2.4s linear infinite;
}

/* line 84, sass/pages/_404.sass */
#star5 {
  -webkit-animation: blinker 2.5s linear infinite;
          animation: blinker 2.5s linear infinite;
}

/* line 84, sass/pages/_404.sass */
#star6 {
  -webkit-animation: blinker 2.6s linear infinite;
          animation: blinker 2.6s linear infinite;
}

/* line 84, sass/pages/_404.sass */
#star7 {
  -webkit-animation: blinker 2.7s linear infinite;
          animation: blinker 2.7s linear infinite;
}

/* line 84, sass/pages/_404.sass */
#star8 {
  -webkit-animation: blinker 2.8s linear infinite;
          animation: blinker 2.8s linear infinite;
}

/* line 84, sass/pages/_404.sass */
#star9 {
  -webkit-animation: blinker 2.9s linear infinite;
          animation: blinker 2.9s linear infinite;
}

/* line 84, sass/pages/_404.sass */
#star10 {
  -webkit-animation: blinker 3s linear infinite;
          animation: blinker 3s linear infinite;
}

/* line 84, sass/pages/_404.sass */
#star11 {
  -webkit-animation: blinker 3.1s linear infinite;
          animation: blinker 3.1s linear infinite;
}

/* line 84, sass/pages/_404.sass */
#star12 {
  -webkit-animation: blinker 3.2s linear infinite;
          animation: blinker 3.2s linear infinite;
}

/* line 84, sass/pages/_404.sass */
#star13 {
  -webkit-animation: blinker 3.3s linear infinite;
          animation: blinker 3.3s linear infinite;
}

/* line 84, sass/pages/_404.sass */
#star14 {
  -webkit-animation: blinker 3.4s linear infinite;
          animation: blinker 3.4s linear infinite;
}

/* Light animation */
/* line 88, sass/pages/_404.sass */
#light3 {
  -webkit-animation: light-3 2s linear infinite alternate;
          animation: light-3 2s linear infinite alternate;
}

@-webkit-keyframes light-3 {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 0.7;
  }
}

@keyframes light-3 {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 0.7;
  }
}

/* line 97, sass/pages/_404.sass */
#light2 {
  -webkit-animation: light-2 2s linear infinite alternate;
          animation: light-2 2s linear infinite alternate;
}

@-webkit-keyframes light-2 {
  from {
    opacity: 0.2;
  }
  to {
    opacity: 0.4;
  }
}

@keyframes light-2 {
  from {
    opacity: 0.2;
  }
  to {
    opacity: 0.4;
  }
}

/* line 106, sass/pages/_404.sass */
#light1 {
  -webkit-animation: light-1 2s linear infinite alternate;
          animation: light-1 2s linear infinite alternate;
}

@-webkit-keyframes light-1 {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 0.6;
  }
}

@keyframes light-1 {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 0.6;
  }
}

/* Space ship animation */
/* line 116, sass/pages/_404.sass */
#spaceship, #alien, #lightRing {
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
  -webkit-animation: spaceship 2s linear infinite alternate;
          animation: spaceship 2s linear infinite alternate;
}

@-webkit-keyframes spaceship {
  to {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
}

@keyframes spaceship {
  to {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
}

/* ---------------------------*/
/* Demo page styles */
/* line 174, sass/style.sass */
#demo-portfolio-carousel .owl-stage {
  margin-top: 20px;
}

/* line 177, sass/style.sass */
#demo-portfolio-carousel .owl-item .demo-portfolio-img {
  position: relative;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  z-index: 1;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

/* line 183, sass/style.sass */
#demo-portfolio-carousel .owl-item .demo-portfolio-img img {
  -webkit-filter: grayscale(85%);
          filter: grayscale(85%);
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  -webkit-border-radius: 4px;
          border-radius: 4px;
}

/* line 190, sass/style.sass */
#demo-portfolio-carousel .owl-item.active.center .demo-portfolio-img img {
  -webkit-filter: none;
          filter: none;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}