/*!
 * Template Name: Joanna - Creative Coming Soon Template
 * Author: bonefishcode
 */
/*
 * font
 * search and replace, and backup edited template before change this file
 * also @import your font outside the comment
 * for more info, please check the documentation
 * --------------------------------------------------
 * [font family]
 *
 * body
 * Poppins
 *
 * subtitle
 * Georgia
 *
 * heading, countdown
 * "Ubuntu Condensed"
 *
 * --------------------------------------------------
 */
/*
 * color code
 * search and replace the number, and backup edited template before change this file
 * for more info, please check the documentation
 * --------------------------------------------------
 * [color]
 *
 * flat color background
 *   #111214
 *
 * site overlay
 *   gradient (only for invert style)
 *     rgba(107, 121, 138, 0.99)
 *     rgba(19, 20, 23, 0.99)
 *   opacity
 *     0.75
 *
 * --------------------------------------------------
 */
/*
 * table of contents
 * --------------------------------------------------
 * import
 * base
 * element
 * site loader
 * site header
 * site common
 * site background
 * home section
 * about section
 * service section
 * contact section
 * plugin
 */
/**
 * import
 * --------------------------------------------------
 */
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700");
@import url("https://fonts.googleapis.com/css?family=Poppins:400,300,500,600,700");
/**
 * base
 * --------------------------------------------------
 */
html {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
     -moz-box-sizing: inherit;
          box-sizing: inherit;
}

*,
*:active:focus,
*:focus {
  outline: 0 !important;
}

*:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

@-webkit-viewport {
  width: device-width;
}

@-moz-viewport {
  width: device-width;
}

@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

html {
  -webkit-tap-highlight-color: transparent;
}

body {
  line-height: 1.8;
  background-color: #131417;
  color: #fff;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: "Ubuntu Condensed", Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 12px;
}

p {
  margin-bottom: 30px;
}

p:last-child {
  margin-bottom: 0;
}

a {
  color: #fff;
}

a:focus,
a:hover {
  color: white;
  text-decoration: none;
}

figure {
  margin: 0;
}

.scroll-block {
  -ms-overflow-style: scrollbar;
  overflow-x: hidden;
  overflow-y: auto;
}

.velocity-animating {
  -webkit-transition: none !important;
       -o-transition: none !important;
          transition: none !important;
}

@media (max-width: 767px) {
  .animated {
    -webkit-animation: none;
         -o-animation: none;
            animation: none;
  }
}

/**
 * form
 * --------------------------------------------------
 */
.form-control {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
}

form .required {
  position: relative;
}

form .required:after {
  position: absolute;
  top: 7px;
  right: 0;
  content: "*";
  line-height: 1;
  color: #ff5454;
  font-family: Arial, sans-serif;
  font-size: 20px;
}

form._outline .form-control {
  border-width: 0 0 2px;
  -webkit-border-radius: 0;
          border-radius: 0;
  border-color: #fff;
  padding: 0;
  background-color: transparent;
}

form._outline textarea {
  resize: vertical;
}

.form-group.error .form-label {
  color: #ff5454;
}

.form-label {
  font-size: 12px;
  font-weight: 600;
}

.form-notify {
  margin-top: 20px;
  font-size: 13px;
  text-align: center;
}

.form-notify i {
  margin-right: 10px;
}

/**
 * button
 * --------------------------------------------------
 */
.btn {
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  display: inline-block;
  line-height: 1;
  overflow: hidden;
  vertical-align: middle;
  padding: 22px 39px 22px 40px;
  border: 2px solid transparent;
  -webkit-border-radius: 2px;
          border-radius: 2px;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.btn i {
  font-weight: bold;
  margin-right: 10px;
}

.btn-default {
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}

.btn-default:focus,
.btn-default:hover {
  border-color: #fff;
  background-color: #fff;
  color: #131417;
}

.btn-default:active,
.btn-default:active:focus,
.btn-default:active:hover {
  border-color: #fff;
  background-color: #fff;
  color: #131417;
}

.btn-primary {
  border-color: #fff;
  background-color: transparent;
  color: #fff;
}

.btn-primary:focus,
.btn-primary:hover {
  border-color: #fff;
  background-color: #fff;
  color: #131417;
}

.btn-primary:active,
.btn-primary:active:focus,
.btn-primary:active:hover {
  border-color: #fff;
  background-color: #fff;
  color: #131417;
}

.btn-accent {
  border-color: #6d5cae;
  background-color: transparent;
  color: #6d5cae;
}

.btn-accent:focus,
.btn-accent:hover {
  border-color: #8a7cbe;
  background-color: #8a7cbe;
  color: #fff;
}

.btn-accent:active,
.btn-accent:active:focus,
.btn-accent:active:hover {
  border-color: #6d5cae;
  background-color: #6d5cae;
  color: #fff;
}

.btn-info {
  border-color: #48b0f7;
  background-color: transparent;
  color: #48b0f7;
}

.btn-info:focus,
.btn-info:hover {
  border-color: #6cbff8;
  background-color: #6cbff8;
  color: #fff;
}

.btn-info:active,
.btn-info:active:focus,
.btn-info:active:hover {
  border-color: #48b0f7;
  background-color: #48b0f7;
  color: #fff;
}

.btn-success {
  border-color: #10cfbd;
  background-color: transparent;
  color: #10cfbd;
}

.btn-success:focus,
.btn-success:hover {
  border-color: #3fd8ca;
  background-color: #3fd8ca;
  color: #fff;
}

.btn-success:active,
.btn-success:active:focus,
.btn-success:active:hover {
  border-color: #10cfbd;
  background-color: #10cfbd;
  color: #fff;
}

.btn-warning {
  border-color: #f8d053;
  background-color: transparent;
  color: #f8d053;
}

.btn-warning:focus,
.btn-warning:hover {
  border-color: #f9d975;
  background-color: #f9d975;
  color: #fff;
}

.btn-warning:active,
.btn-warning:active:focus,
.btn-warning:active:hover {
  border-color: #f8d053;
  background-color: #f8d053;
  color: #fff;
}

.btn-danger {
  border-color: #ff5454;
  background-color: transparent;
  color: #ff5454;
}

.btn-danger:focus,
.btn-danger:hover {
  border-color: #ff7676;
  background-color: #ff7676;
  color: #fff;
}

.btn-danger:active,
.btn-danger:active:focus,
.btn-danger:active:hover {
  border-color: #ff5454;
  background-color: #ff5454;
  color: #fff;
}

/**
 * iconbox
 * --------------------------------------------------
 */
.iconbox-icon {
  line-height: 36px;
  font-size: 36px;
}

.iconbox-heading {
  margin-bottom: 10px;
}

.iconbox-heading h4 {
  font-size: 24px;
  margin-bottom: 0;
}

.iconbox._center {
  text-align: center;
}

.iconbox._center .iconbox-icon {
  margin-bottom: 20px;
  padding-top: 5px;
}

@media (min-width: 992px) {
  .iconbox._center .iconbox-icon {
    line-height: 48px;
    font-size: 48px;
  }
}

.iconbox._left {
  position: relative;
  margin: 30px 0;
  padding-left: 70px;
  text-align: left;
}

.iconbox._left:first-child {
  margin-top: 0;
}

.iconbox._left:last-child {
  margin-bottom: 0;
}

.iconbox._left .iconbox-icon {
  position: absolute;
  top: 8px;
  left: 0;
}

@media (min-width: 992px) {
  .iconbox._left .iconbox-icon {
    line-height: 40px;
    font-size: 40px;
  }
}

/**
 * site loader
 * --------------------------------------------------
 */
.site-loader._multi-circle-line {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: fixed;
  z-index: 900;
  background-color: #fff;
}

.site-loader._multi-circle-line .site-loader-spinner {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
  -webkit-animation: spin 1s infinite linear;
       -o-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin-top: -75px;
  margin-left: -75px;
  border: 3px solid transparent;
  border-top-color: #131417;
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

.site-loader._multi-circle-line .site-loader-spinner:before,
.site-loader._multi-circle-line .site-loader-spinner:after {
  position: absolute;
  content: "";
  -webkit-border-radius: 50%;
          border-radius: 50%;
}

.site-loader._multi-circle-line .site-loader-spinner:before {
  -webkit-animation: spin 1.5s infinite linear;
       -o-animation: spin 1.5s infinite linear;
          animation: spin 1.5s infinite linear;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  border: 3px solid transparent;
  border-top-color: #131417;
}

.site-loader._multi-circle-line .site-loader-spinner:after {
  -webkit-animation: spin 1s infinite linear;
       -o-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
  top: 15px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  border: 3px solid transparent;
  border-top-color: #131417;
}

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

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

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

.is-loaded .site-loader._multi-circle-line {
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
       -o-transform: scale(1.5);
          transform: scale(1.5);
  opacity: 0;
  visibility: hidden;
}

/**
 * site header (desktop)
 * --------------------------------------------------
 */
.site-header {
  z-index: 800;
  line-height: 70px;
  border-bottom: 0 solid #eee;
}

@media (min-width: 768px) {
  .is-site-bg-border .site-header .container-fluid {
    padding-right: 35px;
    padding-left: 35px;
  }
}

@media (min-width: 992px) {
  .is-site-bg-border .site-header .container-fluid {
    padding-right: 50px;
    padding-left: 50px;
  }
}

@media (min-width: 992px) {
  .site-header {
    height: 100px;
    line-height: 100px;
  }
}

@media (max-width: 991px) {
  .site-header-header::after {
    content: "";
    display: table;
    clear: both;
  }
}

@media (min-width: 992px) {
  .site-header-header {
    float: left;
  }
}

.site-header-brand {
  display: table;
  height: 70px;
}

.site-header-brand a {
  display: table-cell;
  vertical-align: middle;
}

@media (max-width: 991px) {
  .site-header-brand {
    float: left;
  }
}

@media (min-width: 992px) {
  .site-header-brand {
    height: 100px;
  }
  .site-header-brand img {
    max-height: 60px;
  }
}

.site-header-logo,
.site-header-logo-invert {
  display: block;
  max-height: 40px;
}

.site-header-logo {
  display: none;
}

@media (max-width: 991px) {
  .nav-open .site-header-logo {
    display: block;
  }
  .nav-open .site-header-logo-invert {
    display: none;
  }
}

.primary-nav-toggle {
  float: right;
  padding: 0 15px;
  color: #fff;
  font-size: 12px;
  text-align: center;
}

.primary-nav-toggle:hover {
  color: inherit;
}

.nav-open .primary-nav-toggle i:before {
  content: "\f00d";
}

@media (max-width: 991px) {
  .nav-open .primary-nav-toggle i {
    color: #131417;
  }
  .nav-open .primary-nav-toggle i:before {
    content: "\f00d";
  }
}

@media (min-width: 992px) {
  .primary-nav-toggle {
    display: none;
  }
}

@media (min-width: 992px) {
  .site-header-main {
    float: right;
  }
}

.primary-menu {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

@media (min-width: 992px) {
  .primary-menu::after {
    content: "";
    display: table;
    clear: both;
  }
}

.primary-menu-item a {
  position: relative;
  display: block;
  color: #fff;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.primary-menu-item a:after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  -webkit-transition-property: -webkit-transform, opacity;
       -o-transition-property: -o-transform, opacity;
          transition-property: transform, opacity;
  -webkit-transform: translateY(15px);
      -ms-transform: translateY(15px);
       -o-transform: translateY(15px);
          transform: translateY(15px);
  position: absolute;
  content: attr(data-hover);
  opacity: 0;
  padding: 0 20px;
}

.primary-menu-item a span {
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  display: block;
  display: block;
}

.primary-menu-item a:hover {
  color: inherit;
}

@media (max-width: 991px) {
  .primary-menu-item a {
    line-height: 70px;
  }
}

@media (min-width: 992px) {
  .primary-menu-item {
    float: left;
  }
  .primary-menu-item a {
    -webkit-transition: all 0.2s ease-in-out;
         -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
    -webkit-transition-property: color;
         -o-transition-property: color;
            transition-property: color;
    padding: 0 20px;
  }
  .primary-menu-item a:hover {
    color: inherit;
  }
  .primary-menu-item a:hover:after {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  .primary-menu-item a:hover span {
    -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
         -o-transform: translateY(-15px);
            transform: translateY(-15px);
    opacity: 0;
  }
  .primary-menu-item:last-child a {
    padding-right: 0;
  }
}

@media (max-width: 991px) {
  .primary-nav {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .primary-nav-open .primary-nav-toggle {
    color: #131417;
  }
}

#nav {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 799;
  background-color: #fff;
  text-align: center;
}

#nav .primary-menu-item a {
  color: #131417;
  font-size: 14px;
}

#nav.is-active {
  z-index: 799;
}

@media (min-width: 992px) {
  #nav {
    display: none !important;
  }
}

/* audio */
.audio-toggle {
  display: none;
}

.is-audio-on .audio-toggle,
.is-audio-off .audio-toggle {
  display: block;
}

.is-audio-on .audio-toggle i,
.is-audio-off .audio-toggle i {
  width: 15px;
}

.is-audio-on .audio-toggle i:before {
  content: "\f028";
}

.is-audio-off .audio-toggle i:before {
  content: "\f026";
}

/**
 * common
 * --------------------------------------------------
 */
html, body {
  height: 100%;
  overflow: hidden;
}

body {
  position: relative;
}

.is-site-bg-border .container {
  max-width: 100%;
}

@media (min-width: 768px) {
  .is-site-bg-border .container {
    padding-right: 30px;
    padding-left: 30px;
  }
}

@media (min-width: 992px) {
  .is-site-bg-border .container {
    padding-right: 50px;
    padding-left: 50px;
  }
}

.site {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}

.site-canvas {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  overflow: hidden;
}

@media (min-width: 768px) {
  .is-site-bg-border .site-canvas {
    margin: 37px;
  }
}

@media (min-width: 992px) {
  .is-site-bg-border .site-canvas {
    margin: 52px;
  }
}

.site-header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}

.site-main {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}

.section {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
       -o-transform: scale(1.5);
          transform: scale(1.5);
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.section-table {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}

.section-table-cell {
  display: table-cell;
  vertical-align: middle;
  padding: 100px 0;
}

.section-heading {
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .section-heading {
    margin-bottom: 50px;
  }
}

.section-title {
  margin-bottom: 0;
  font-size: 36px;
}

@media (min-width: 768px) {
  .section-title {
    font-size: 48px;
  }
}

@media (min-width: 992px) {
  .section-title {
    font-size: 52px;
  }
}

.section-subtitle {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 15px;
  font-style: italic;
  letter-spacing: 1px;
}

/**
 * background and effect
 * --------------------------------------------------
 */
.site-bg {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
}

.site-bg-img,
.site-bg-video,
.site-bg-overlay,
.site-bg-effect,
.site-bg-canvas,
.site-bg-border {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute !important;
  overflow: hidden;
}

.site-bg-img,
.site-bg-video,
.site-bg-effect,
.site-bg-canvas,
.site-bg-border {
  display: none;
}

.site-bg-img {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.is-site-bg-img .site-bg-img {
  display: block;
  background-image: url(../img/bg/site-bg-img.html);
}

.is-site-bg-slideshow .site-bg-img {
  display: block;
}

.is-site-bg-video .site-bg-img {
  display: block;
  background-image: url(../img/bg/site-bg-video.html);
}

.is-site-bg-video-youtube .site-bg-img {
  display: block;
  background-image: url(../img/bg/site-bg-video-youtube.html);
}

.is-desktop .is-site-bg-video .site-bg-video,
.is-desktop .is-site-bg-video-youtube .site-bg-video {
  display: block;
}

#bgVideo {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
}

.site-bg-overlay {
  background: -webkit-radial-gradient(bottom, ellipse, rgba(107, 121, 138, 0.99) 0%, rgba(19, 20, 23, 0.99) 80%);
  background: -o-radial-gradient(ellipse at bottom, rgba(107, 121, 138, 0.99) 0%, rgba(19, 20, 23, 0.99) 80%);
  background: radial-gradient(ellipse at bottom, rgba(107, 121, 138, 0.99) 0%, rgba(19, 20, 23, 0.99) 80%);
  background-color: rgba(19, 20, 23, 0.99);
  /* dark overlay */
  opacity: 0.75;
}

.site-bg-color .site-bg-overlay {
  background-color: #111214;
}

.is-site-bg-cloud .site-bg-effect,
.is-site-bg-parallax-star .site-bg-effect {
  display: block;
}

.ie9 .site-bg-effect {
  background-image: url(#);
}

/* cloud */
.cloud {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 100%;
}

.cloud-01 {
  background-image: url(../img/bg/cloud-01.html);
}

.cloud-02 {
  background-image: url(../img/bg/cloud-02.html);
}

.cloud-03 {
  background-image: url(../img/bg/cloud-03.html);
}

/* parallax star */
.parallax-star {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
  background-color: transparent;
}

.parallax-star:after {
  content: "";
  position: absolute;
  top: 2000px;
  background-color: transparent;
}

.parallax-star-01 {
  width: 1px;
  height: 1px;
  -webkit-box-shadow: 1601px 1897px #fff , 1376px 1857px #fff , 1801px 1470px #fff , 1458px 1436px #fff , 156px 1649px #fff , 1847px 926px #fff , 1865px 717px #fff , 441px 241px #fff , 51px 429px #fff , 1209px 1484px #fff , 541px 10px #fff , 655px 1803px #fff , 1407px 1083px #fff , 39px 810px #fff , 1909px 51px #fff , 1327px 1718px #fff , 1232px 1856px #fff , 419px 989px #fff , 205px 1513px #fff , 374px 508px #fff , 1981px 529px #fff , 320px 1656px #fff , 1330px 158px #fff , 1079px 1445px #fff , 714px 1674px #fff , 1435px 180px #fff , 777px 1105px #fff , 980px 1642px #fff , 891px 468px #fff , 1465px 1360px #fff , 1744px 435px #fff , 154px 1393px #fff , 266px 137px #fff , 1049px 1742px #fff , 1797px 1268px #fff , 1175px 747px #fff , 1232px 1012px #fff , 1155px 1372px #fff , 936px 725px #fff , 28px 701px #fff , 1999px 811px #fff , 1988px 196px #fff , 1168px 724px #fff , 790px 914px #fff , 83px 1202px #fff , 476px 513px #fff , 1103px 742px #fff , 1862px 351px #fff , 392px 107px #fff , 1937px 1378px #fff , 1520px 644px #fff , 600px 1547px #fff , 494px 1151px #fff , 1626px 296px #fff , 1871px 329px #fff , 1392px 36px #fff , 1943px 1073px #fff , 1934px 1984px #fff , 1340px 642px #fff , 993px 1183px #fff , 1886px 1260px #fff , 1984px 1542px #fff , 168px 942px #fff , 42px 1028px #fff , 887px 1827px #fff , 1588px 291px #fff , 1385px 1103px #fff , 617px 697px #fff , 1665px 1069px #fff , 1893px 1669px #fff , 207px 165px #fff , 1947px 1483px #fff , 386px 45px #fff , 729px 1805px #fff , 897px 952px #fff;
          box-shadow: 1601px 1897px #fff , 1376px 1857px #fff , 1801px 1470px #fff , 1458px 1436px #fff , 156px 1649px #fff , 1847px 926px #fff , 1865px 717px #fff , 441px 241px #fff , 51px 429px #fff , 1209px 1484px #fff , 541px 10px #fff , 655px 1803px #fff , 1407px 1083px #fff , 39px 810px #fff , 1909px 51px #fff , 1327px 1718px #fff , 1232px 1856px #fff , 419px 989px #fff , 205px 1513px #fff , 374px 508px #fff , 1981px 529px #fff , 320px 1656px #fff , 1330px 158px #fff , 1079px 1445px #fff , 714px 1674px #fff , 1435px 180px #fff , 777px 1105px #fff , 980px 1642px #fff , 891px 468px #fff , 1465px 1360px #fff , 1744px 435px #fff , 154px 1393px #fff , 266px 137px #fff , 1049px 1742px #fff , 1797px 1268px #fff , 1175px 747px #fff , 1232px 1012px #fff , 1155px 1372px #fff , 936px 725px #fff , 28px 701px #fff , 1999px 811px #fff , 1988px 196px #fff , 1168px 724px #fff , 790px 914px #fff , 83px 1202px #fff , 476px 513px #fff , 1103px 742px #fff , 1862px 351px #fff , 392px 107px #fff , 1937px 1378px #fff , 1520px 644px #fff , 600px 1547px #fff , 494px 1151px #fff , 1626px 296px #fff , 1871px 329px #fff , 1392px 36px #fff , 1943px 1073px #fff , 1934px 1984px #fff , 1340px 642px #fff , 993px 1183px #fff , 1886px 1260px #fff , 1984px 1542px #fff , 168px 942px #fff , 42px 1028px #fff , 887px 1827px #fff , 1588px 291px #fff , 1385px 1103px #fff , 617px 697px #fff , 1665px 1069px #fff , 1893px 1669px #fff , 207px 165px #fff , 1947px 1483px #fff , 386px 45px #fff , 729px 1805px #fff , 897px 952px #fff;
}

.parallax-star-01:after {
  width: 1px;
  height: 1px;
  -webkit-box-shadow: 1601px 1897px #fff , 1376px 1857px #fff , 1801px 1470px #fff , 1458px 1436px #fff , 156px 1649px #fff , 1847px 926px #fff , 1865px 717px #fff , 441px 241px #fff , 51px 429px #fff , 1209px 1484px #fff , 541px 10px #fff , 655px 1803px #fff , 1407px 1083px #fff , 39px 810px #fff , 1909px 51px #fff , 1327px 1718px #fff , 1232px 1856px #fff , 419px 989px #fff , 205px 1513px #fff , 374px 508px #fff , 1981px 529px #fff , 320px 1656px #fff , 1330px 158px #fff , 1079px 1445px #fff , 714px 1674px #fff , 1435px 180px #fff , 777px 1105px #fff , 980px 1642px #fff , 891px 468px #fff , 1465px 1360px #fff , 1744px 435px #fff , 154px 1393px #fff , 266px 137px #fff , 1049px 1742px #fff , 1797px 1268px #fff , 1175px 747px #fff , 1232px 1012px #fff , 1155px 1372px #fff , 936px 725px #fff , 28px 701px #fff , 1999px 811px #fff , 1988px 196px #fff , 1168px 724px #fff , 790px 914px #fff , 83px 1202px #fff , 476px 513px #fff , 1103px 742px #fff , 1862px 351px #fff , 392px 107px #fff , 1937px 1378px #fff , 1520px 644px #fff , 600px 1547px #fff , 494px 1151px #fff , 1626px 296px #fff , 1871px 329px #fff , 1392px 36px #fff , 1943px 1073px #fff , 1934px 1984px #fff , 1340px 642px #fff , 993px 1183px #fff , 1886px 1260px #fff , 1984px 1542px #fff , 168px 942px #fff , 42px 1028px #fff , 887px 1827px #fff , 1588px 291px #fff , 1385px 1103px #fff , 617px 697px #fff , 1665px 1069px #fff , 1893px 1669px #fff , 207px 165px #fff , 1947px 1483px #fff , 386px 45px #fff , 729px 1805px #fff , 897px 952px #fff;
          box-shadow: 1601px 1897px #fff , 1376px 1857px #fff , 1801px 1470px #fff , 1458px 1436px #fff , 156px 1649px #fff , 1847px 926px #fff , 1865px 717px #fff , 441px 241px #fff , 51px 429px #fff , 1209px 1484px #fff , 541px 10px #fff , 655px 1803px #fff , 1407px 1083px #fff , 39px 810px #fff , 1909px 51px #fff , 1327px 1718px #fff , 1232px 1856px #fff , 419px 989px #fff , 205px 1513px #fff , 374px 508px #fff , 1981px 529px #fff , 320px 1656px #fff , 1330px 158px #fff , 1079px 1445px #fff , 714px 1674px #fff , 1435px 180px #fff , 777px 1105px #fff , 980px 1642px #fff , 891px 468px #fff , 1465px 1360px #fff , 1744px 435px #fff , 154px 1393px #fff , 266px 137px #fff , 1049px 1742px #fff , 1797px 1268px #fff , 1175px 747px #fff , 1232px 1012px #fff , 1155px 1372px #fff , 936px 725px #fff , 28px 701px #fff , 1999px 811px #fff , 1988px 196px #fff , 1168px 724px #fff , 790px 914px #fff , 83px 1202px #fff , 476px 513px #fff , 1103px 742px #fff , 1862px 351px #fff , 392px 107px #fff , 1937px 1378px #fff , 1520px 644px #fff , 600px 1547px #fff , 494px 1151px #fff , 1626px 296px #fff , 1871px 329px #fff , 1392px 36px #fff , 1943px 1073px #fff , 1934px 1984px #fff , 1340px 642px #fff , 993px 1183px #fff , 1886px 1260px #fff , 1984px 1542px #fff , 168px 942px #fff , 42px 1028px #fff , 887px 1827px #fff , 1588px 291px #fff , 1385px 1103px #fff , 617px 697px #fff , 1665px 1069px #fff , 1893px 1669px #fff , 207px 165px #fff , 1947px 1483px #fff , 386px 45px #fff , 729px 1805px #fff , 897px 952px #fff;
}

.parallax-star-02 {
  width: 3px;
  height: 3px;
  -webkit-box-shadow: 1939px 1578px #fff , 212px 779px #fff , 1272px 634px #fff , 1575px 120px #fff , 518px 266px #fff , 1929px 102px #fff , 560px 1304px #fff , 432px 949px #fff , 281px 1765px #fff , 560px 884px #fff , 914px 751px #fff , 82px 381px #fff , 954px 1546px #fff , 1899px 1593px #fff , 1978px 1759px #fff , 512px 354px #fff , 1637px 247px #fff , 1997px 1261px #fff , 337px 1224px #fff , 1848px 565px #fff , 1313px 120px #fff , 1941px 75px #fff , 473px 1192px #fff , 858px 1730px #fff , 1635px 1265px #fff , 556px 196px #fff , 1093px 774px #fff , 1409px 1785px #fff , 1705px 1037px #fff , 1283px 1664px #fff , 1146px 1748px #fff , 1543px 1357px #fff , 495px 95px #fff , 221px 1385px #fff , 1081px 231px #fff , 412px 1225px #fff , 1996px 1890px #fff , 131px 169px #fff , 59px 827px #fff , 1756px 277px #fff , 924px 1512px #fff , 156px 784px #fff , 256px 91px #fff , 1552px 695px #fff , 775px 1588px #fff , 1118px 1294px #fff , 1136px 1821px #fff , 247px 1810px #fff , 1168px 762px #fff , 14px 1030px #fff;
          box-shadow: 1939px 1578px #fff , 212px 779px #fff , 1272px 634px #fff , 1575px 120px #fff , 518px 266px #fff , 1929px 102px #fff , 560px 1304px #fff , 432px 949px #fff , 281px 1765px #fff , 560px 884px #fff , 914px 751px #fff , 82px 381px #fff , 954px 1546px #fff , 1899px 1593px #fff , 1978px 1759px #fff , 512px 354px #fff , 1637px 247px #fff , 1997px 1261px #fff , 337px 1224px #fff , 1848px 565px #fff , 1313px 120px #fff , 1941px 75px #fff , 473px 1192px #fff , 858px 1730px #fff , 1635px 1265px #fff , 556px 196px #fff , 1093px 774px #fff , 1409px 1785px #fff , 1705px 1037px #fff , 1283px 1664px #fff , 1146px 1748px #fff , 1543px 1357px #fff , 495px 95px #fff , 221px 1385px #fff , 1081px 231px #fff , 412px 1225px #fff , 1996px 1890px #fff , 131px 169px #fff , 59px 827px #fff , 1756px 277px #fff , 924px 1512px #fff , 156px 784px #fff , 256px 91px #fff , 1552px 695px #fff , 775px 1588px #fff , 1118px 1294px #fff , 1136px 1821px #fff , 247px 1810px #fff , 1168px 762px #fff , 14px 1030px #fff;
}

.parallax-star-02:after {
  width: 3px;
  height: 3px;
  -webkit-box-shadow: 1939px 1578px #fff , 212px 779px #fff , 1272px 634px #fff , 1575px 120px #fff , 518px 266px #fff , 1929px 102px #fff , 560px 1304px #fff , 432px 949px #fff , 281px 1765px #fff , 560px 884px #fff , 914px 751px #fff , 82px 381px #fff , 954px 1546px #fff , 1899px 1593px #fff , 1978px 1759px #fff , 512px 354px #fff , 1637px 247px #fff , 1997px 1261px #fff , 337px 1224px #fff , 1848px 565px #fff , 1313px 120px #fff , 1941px 75px #fff , 473px 1192px #fff , 858px 1730px #fff , 1635px 1265px #fff , 556px 196px #fff , 1093px 774px #fff , 1409px 1785px #fff , 1705px 1037px #fff , 1283px 1664px #fff , 1146px 1748px #fff , 1543px 1357px #fff , 495px 95px #fff , 221px 1385px #fff , 1081px 231px #fff , 412px 1225px #fff , 1996px 1890px #fff , 131px 169px #fff , 59px 827px #fff , 1756px 277px #fff , 924px 1512px #fff , 156px 784px #fff , 256px 91px #fff , 1552px 695px #fff , 775px 1588px #fff , 1118px 1294px #fff , 1136px 1821px #fff , 247px 1810px #fff , 1168px 762px #fff , 14px 1030px #fff;
          box-shadow: 1939px 1578px #fff , 212px 779px #fff , 1272px 634px #fff , 1575px 120px #fff , 518px 266px #fff , 1929px 102px #fff , 560px 1304px #fff , 432px 949px #fff , 281px 1765px #fff , 560px 884px #fff , 914px 751px #fff , 82px 381px #fff , 954px 1546px #fff , 1899px 1593px #fff , 1978px 1759px #fff , 512px 354px #fff , 1637px 247px #fff , 1997px 1261px #fff , 337px 1224px #fff , 1848px 565px #fff , 1313px 120px #fff , 1941px 75px #fff , 473px 1192px #fff , 858px 1730px #fff , 1635px 1265px #fff , 556px 196px #fff , 1093px 774px #fff , 1409px 1785px #fff , 1705px 1037px #fff , 1283px 1664px #fff , 1146px 1748px #fff , 1543px 1357px #fff , 495px 95px #fff , 221px 1385px #fff , 1081px 231px #fff , 412px 1225px #fff , 1996px 1890px #fff , 131px 169px #fff , 59px 827px #fff , 1756px 277px #fff , 924px 1512px #fff , 156px 784px #fff , 256px 91px #fff , 1552px 695px #fff , 775px 1588px #fff , 1118px 1294px #fff , 1136px 1821px #fff , 247px 1810px #fff , 1168px 762px #fff , 14px 1030px #fff;
}

.parallax-star-03 {
  width: 4px;
  height: 4px;
  -webkit-box-shadow: 1295px 1410px #fff , 1644px 1725px #fff , 1997px 1120px #fff , 1706px 1236px #fff , 954px 221px #fff , 368px 95px #fff , 537px 1152px #fff , 1588px 1740px #fff , 665px 117px #fff , 1287px 1145px #fff , 1304px 1683px #fff , 1668px 1887px #fff , 1312px 374px #fff , 1037px 916px #fff , 817px 682px #fff , 1400px 1147px #fff , 1204px 643px #fff , 1045px 398px #fff , 848px 714px #fff , 1634px 303px #fff , 139px 949px #fff , 1499px 1289px #fff , 89px 1058px #fff , 1407px 1277px #fff , 603px 1639px #fff;
          box-shadow: 1295px 1410px #fff , 1644px 1725px #fff , 1997px 1120px #fff , 1706px 1236px #fff , 954px 221px #fff , 368px 95px #fff , 537px 1152px #fff , 1588px 1740px #fff , 665px 117px #fff , 1287px 1145px #fff , 1304px 1683px #fff , 1668px 1887px #fff , 1312px 374px #fff , 1037px 916px #fff , 817px 682px #fff , 1400px 1147px #fff , 1204px 643px #fff , 1045px 398px #fff , 848px 714px #fff , 1634px 303px #fff , 139px 949px #fff , 1499px 1289px #fff , 89px 1058px #fff , 1407px 1277px #fff , 603px 1639px #fff;
}

.parallax-star-03:after {
  width: 4px;
  height: 4px;
  -webkit-box-shadow: 1295px 1410px #fff , 1644px 1725px #fff , 1997px 1120px #fff , 1706px 1236px #fff , 954px 221px #fff , 368px 95px #fff , 537px 1152px #fff , 1588px 1740px #fff , 665px 117px #fff , 1287px 1145px #fff , 1304px 1683px #fff , 1668px 1887px #fff , 1312px 374px #fff , 1037px 916px #fff , 817px 682px #fff , 1400px 1147px #fff , 1204px 643px #fff , 1045px 398px #fff , 848px 714px #fff , 1634px 303px #fff , 139px 949px #fff , 1499px 1289px #fff , 89px 1058px #fff , 1407px 1277px #fff , 603px 1639px #fff;
          box-shadow: 1295px 1410px #fff , 1644px 1725px #fff , 1997px 1120px #fff , 1706px 1236px #fff , 954px 221px #fff , 368px 95px #fff , 537px 1152px #fff , 1588px 1740px #fff , 665px 117px #fff , 1287px 1145px #fff , 1304px 1683px #fff , 1668px 1887px #fff , 1312px 374px #fff , 1037px 916px #fff , 817px 682px #fff , 1400px 1147px #fff , 1204px 643px #fff , 1045px 398px #fff , 848px 714px #fff , 1634px 303px #fff , 139px 949px #fff , 1499px 1289px #fff , 89px 1058px #fff , 1407px 1277px #fff , 603px 1639px #fff;
}

.is-site-bg-constellation .site-bg-canvas {
  display: block;
}

@media (max-width: 767px) {
  .site-bg-border {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .is-site-bg-border .site-bg-border {
    margin: 35px;
    border: 2px solid #fff;
  }
}

@media (min-width: 992px) {
  .is-site-bg-border .site-bg-border {
    margin: 50px;
    border: 2px solid #fff;
  }
}

/**
 * home
 * --------------------------------------------------
 */
#home {
  text-align: center;
}

/*
 * subscribe
 */
.subscribe-wrap {
  position: relative;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
}

#subscribeBtn {
  position: relative;
  max-width: 100%;
  -webkit-border-radius: 0;
          border-radius: 0;
}

#subscribeEmail {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  -webkit-transition-property: opacity;
       -o-transition-property: opacity;
          transition-property: opacity;
  position: absolute;
  top: 0;
  left: 0;
  line-height: normal;
  background-color: transparent;
  border: 0;
  height: 60px;
  padding: 18.5px 54px 18.5px 20px;
}

#subscribeSubmit {
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  -webkit-transition-property: opacity;
       -o-transition-property: opacity;
          transition-property: opacity;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 0 20px;
  border: 0;
  background: none;
}

#subscribeSubmit:focus {
  outline: 0;
}

#subscribeSubmit:hover {
  color: #fff;
}

#subscribeSubmit i {
  margin-right: 0;
  font-weight: bold;
}

.subscribe-form-closing #subscribeBtn {
  background-color: transparent;
}

.subscribe-form-closing #subscribeBtn i,
.subscribe-form-closing #subscribeBtn span {
  z-index: -10;
  opacity: 0;
}

.subscribe-form-closing #subscribeEmail,
.subscribe-form-closing #subscribeSubmit {
  z-index: -10;
  opacity: 0;
}

.subscribe-form-closed #subscribeEmail,
.subscribe-form-closed #subscribeSubmit {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
       -o-transform: translateY(-100%);
          transform: translateY(-100%);
  opacity: 0;
}

.subscribe-form-opening #subscribeBtn {
  background-color: transparent;
}

.subscribe-form-opening #subscribeBtn i,
.subscribe-form-opening #subscribeBtn span {
  z-index: -10;
  opacity: 0;
}

.subscribe-form-opening #subscribeEmail,
.subscribe-form-opening #subscribeSubmit {
  z-index: -10;
  opacity: 0;
}

.subscribe-form-opened #subscribeBtn {
  background-color: transparent;
}

.subscribe-form-opened #subscribeBtn i,
.subscribe-form-opened #subscribeBtn span {
  z-index: -10;
  opacity: 0;
}

/*
 * countdown
 */
.digit {
  display: inline-block;
  line-height: 1;
  font-family: "Ubuntu Condensed", Arial, sans-serif;
  font-size: 24px;
}

@media (min-width: 768px) {
  .digit {
    font-size: 36px;
  }
}

@media (min-width: 992px) {
  .digit {
    font-size: 48px;
  }
}

.days_dash {
  position: relative;
  display: inline-block;
}

.days_dash .digit {
  font-size: 100px;
}

@media (min-width: 768px) {
  .days_dash .digit {
    font-size: 150px;
  }
}

@media (min-width: 992px) {
  .days_dash .digit {
    font-size: 180px;
  }
}

.days_dash .dash_title {
  position: absolute;
  right: -45px;
  bottom: 15px;
}

.dash_title {
  display: block;
  font-weight: 400;
}

.hours_dash,
.minutes_dash,
.seconds_dash {
  display: inline-block;
  padding: 0 10px;
}

@media (min-width: 768px) {
  .hours_dash,
  .minutes_dash,
  .seconds_dash {
    padding: 0 15px;
  }
}

@media (min-width: 768px) {
  .hours_dash,
  .minutes_dash,
  .seconds_dash {
    padding: 0 20px;
  }
}

.dash-primary {
  margin-bottom: 10px;
}

.dash-secondary {
  margin-bottom: 20px;
}

/**
 * about
 * --------------------------------------------------
 */
.first-letter {
  float: left;
  line-height: 1;
  padding-top: 6px;
  padding-right: 10px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 48px;
  text-transform: uppercase;
}

/**
 * service
 * --------------------------------------------------
 */
#service {
  text-align: center;
}

@media (min-width: 768px) {
  .service-carousel-item {
    padding: 0 20px;
  }
}

/**
 * contact
 * --------------------------------------------------
 */
#contactForm {
  border: 2px solid #fff;
  padding: 30px 20px;
}

@media (max-width: 991px) {
  #contactForm {
    margin-top: 30px;
  }
}

/**
 * social
 * --------------------------------------------------
 */
.social-menu {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  text-align: center;
}

.social-item {
  display: inline-block;
}

.social-item a {
  display: block;
  width: 135px;
  padding: 15px 30px;
}

.social-item i {
  font-size: 48px;
}

.social-item span {
  display: block;
  line-height: 1;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
}

.social-item:hover i {
  -webkit-animation: jello 1s;
       -o-animation: jello 1s;
          animation: jello 1s;
}

/**
 * plugin
 * --------------------------------------------------
 */
/*
 * scrollbar
 */
.ps-container > .ps-scrollbar-y-rail,
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  width: 4px;
}

/*
 *
 */
.owl-dots {
  margin-top: 30px;
}

.owl-dots .owl-dot {
  display: inline-block;
}

.owl-dots .owl-dot span {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000;
          perspective: 1000;
  -webkit-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
  -webkit-transition-property: opacity;
       -o-transition-property: opacity;
          transition-property: opacity;
  display: block;
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background-color: #869791;
  -webkit-border-radius: 30px;
          border-radius: 30px;
  opacity: .5;
}

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span {
  opacity: 1;
}

.owl-dots .owl-dot span {
  width: 30px;
  height: 5px;
  -webkit-border-radius: 0;
          border-radius: 0;
  background-color: #fff;
  opacity: .5;
}

@media (max-width: 767px) {
  .owl-dots .owl-dot span {
    width: 15px;
  }
}

@media (min-width: 992px) {
  .owl-dots {
    margin-top: 50px;
  }
}