/*!
 * Template Name: Joanna - Creative Coming Soon Template
 * Author: bonefishcode
 */
/*
 * font
 * [search and replace, and backup edited template before change this file]
 * --------------------------------------------------
 * [font family]
 *
 * body
 * Poppins
 *
 * subtitle
 * Georgia
 *
 * heading, countdown
 * "Ubuntu Condensed"
 *
 * --------------------------------------------------
 */
/*
 * color code
 * [search and replace, and backup edited template before change this file]
 * --------------------------------------------------
 * [color]
 *
 * flat color background
 *   #111214
 *
 * site overlay
 *   gradient (only for invert style)
 *     rgba(107, 121, 138, 0.75)
 *     rgba(19, 20, 23, 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("../../../../../../fonts.googleapis.com/css.28df30.delayed?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700");
@import url("../../../../../../fonts.googleapis.com/css.299b11.delayed?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-left: 19px;
  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: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.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;
}

.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(ellipse at bottom, rgba(107, 121, 138, 0.75) 0%, rgba(19, 20, 23, 0.75) 80%);
  background: -o-radial-gradient(bottom, ellipse, rgba(107, 121, 138, 0.75) 0%, rgba(19, 20, 23, 0.75) 80%);
  background: radial-gradient(ellipse at bottom, rgba(107, 121, 138, 0.75) 0%, rgba(19, 20, 23, 0.75) 80%);
  background-color: rgba(19, 20, 23, 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: 1339px 1876px #fff , 1322px 1841px #fff , 195px 675px #fff , 1989px 1505px #fff , 1047px 1056px #fff , 1639px 561px #fff , 1974px 940px #fff , 1952px 294px #fff , 96px 1707px #fff , 1904px 1396px #fff , 688px 1198px #fff , 1722px 142px #fff , 812px 42px #fff , 1340px 1256px #fff , 375px 221px #fff , 487px 1677px #fff , 1505px 870px #fff , 1064px 1362px #fff , 889px 1184px #fff , 1412px 370px #fff , 1415px 1042px #fff , 1547px 1085px #fff , 831px 110px #fff , 32px 1027px #fff , 1941px 716px #fff , 1907px 1562px #fff , 1137px 1426px #fff , 660px 431px #fff , 1163px 513px #fff , 829px 1050px #fff , 139px 1300px #fff , 223px 1365px #fff , 147px 1532px #fff , 1916px 693px #fff , 73px 1115px #fff , 1453px 1900px #fff , 1274px 835px #fff , 1649px 1769px #fff , 7px 445px #fff , 24px 815px #fff , 263px 1938px #fff , 340px 964px #fff , 986px 18px #fff , 1062px 1748px #fff , 1268px 613px #fff , 1270px 476px #fff , 1626px 968px #fff , 1631px 1786px #fff , 261px 1926px #fff , 764px 1400px #fff , 1451px 1606px #fff , 1212px 565px #fff , 1051px 475px #fff , 1838px 1852px #fff , 1286px 1137px #fff , 658px 1060px #fff , 577px 252px #fff , 559px 1344px #fff , 1273px 221px #fff , 672px 1990px #fff , 95px 924px #fff , 647px 1726px #fff , 96px 1973px #fff , 1124px 1709px #fff , 1972px 369px #fff , 1732px 623px #fff , 947px 278px #fff , 1009px 107px #fff , 1377px 295px #fff , 79px 1004px #fff , 1997px 1217px #fff , 854px 744px #fff , 1502px 1223px #fff , 528px 1698px #fff , 1551px 96px #fff;
          box-shadow: 1339px 1876px #fff , 1322px 1841px #fff , 195px 675px #fff , 1989px 1505px #fff , 1047px 1056px #fff , 1639px 561px #fff , 1974px 940px #fff , 1952px 294px #fff , 96px 1707px #fff , 1904px 1396px #fff , 688px 1198px #fff , 1722px 142px #fff , 812px 42px #fff , 1340px 1256px #fff , 375px 221px #fff , 487px 1677px #fff , 1505px 870px #fff , 1064px 1362px #fff , 889px 1184px #fff , 1412px 370px #fff , 1415px 1042px #fff , 1547px 1085px #fff , 831px 110px #fff , 32px 1027px #fff , 1941px 716px #fff , 1907px 1562px #fff , 1137px 1426px #fff , 660px 431px #fff , 1163px 513px #fff , 829px 1050px #fff , 139px 1300px #fff , 223px 1365px #fff , 147px 1532px #fff , 1916px 693px #fff , 73px 1115px #fff , 1453px 1900px #fff , 1274px 835px #fff , 1649px 1769px #fff , 7px 445px #fff , 24px 815px #fff , 263px 1938px #fff , 340px 964px #fff , 986px 18px #fff , 1062px 1748px #fff , 1268px 613px #fff , 1270px 476px #fff , 1626px 968px #fff , 1631px 1786px #fff , 261px 1926px #fff , 764px 1400px #fff , 1451px 1606px #fff , 1212px 565px #fff , 1051px 475px #fff , 1838px 1852px #fff , 1286px 1137px #fff , 658px 1060px #fff , 577px 252px #fff , 559px 1344px #fff , 1273px 221px #fff , 672px 1990px #fff , 95px 924px #fff , 647px 1726px #fff , 96px 1973px #fff , 1124px 1709px #fff , 1972px 369px #fff , 1732px 623px #fff , 947px 278px #fff , 1009px 107px #fff , 1377px 295px #fff , 79px 1004px #fff , 1997px 1217px #fff , 854px 744px #fff , 1502px 1223px #fff , 528px 1698px #fff , 1551px 96px #fff;
}

.parallax-star-01:after {
  width: 1px;
  height: 1px;
  -webkit-box-shadow: 1339px 1876px #fff , 1322px 1841px #fff , 195px 675px #fff , 1989px 1505px #fff , 1047px 1056px #fff , 1639px 561px #fff , 1974px 940px #fff , 1952px 294px #fff , 96px 1707px #fff , 1904px 1396px #fff , 688px 1198px #fff , 1722px 142px #fff , 812px 42px #fff , 1340px 1256px #fff , 375px 221px #fff , 487px 1677px #fff , 1505px 870px #fff , 1064px 1362px #fff , 889px 1184px #fff , 1412px 370px #fff , 1415px 1042px #fff , 1547px 1085px #fff , 831px 110px #fff , 32px 1027px #fff , 1941px 716px #fff , 1907px 1562px #fff , 1137px 1426px #fff , 660px 431px #fff , 1163px 513px #fff , 829px 1050px #fff , 139px 1300px #fff , 223px 1365px #fff , 147px 1532px #fff , 1916px 693px #fff , 73px 1115px #fff , 1453px 1900px #fff , 1274px 835px #fff , 1649px 1769px #fff , 7px 445px #fff , 24px 815px #fff , 263px 1938px #fff , 340px 964px #fff , 986px 18px #fff , 1062px 1748px #fff , 1268px 613px #fff , 1270px 476px #fff , 1626px 968px #fff , 1631px 1786px #fff , 261px 1926px #fff , 764px 1400px #fff , 1451px 1606px #fff , 1212px 565px #fff , 1051px 475px #fff , 1838px 1852px #fff , 1286px 1137px #fff , 658px 1060px #fff , 577px 252px #fff , 559px 1344px #fff , 1273px 221px #fff , 672px 1990px #fff , 95px 924px #fff , 647px 1726px #fff , 96px 1973px #fff , 1124px 1709px #fff , 1972px 369px #fff , 1732px 623px #fff , 947px 278px #fff , 1009px 107px #fff , 1377px 295px #fff , 79px 1004px #fff , 1997px 1217px #fff , 854px 744px #fff , 1502px 1223px #fff , 528px 1698px #fff , 1551px 96px #fff;
          box-shadow: 1339px 1876px #fff , 1322px 1841px #fff , 195px 675px #fff , 1989px 1505px #fff , 1047px 1056px #fff , 1639px 561px #fff , 1974px 940px #fff , 1952px 294px #fff , 96px 1707px #fff , 1904px 1396px #fff , 688px 1198px #fff , 1722px 142px #fff , 812px 42px #fff , 1340px 1256px #fff , 375px 221px #fff , 487px 1677px #fff , 1505px 870px #fff , 1064px 1362px #fff , 889px 1184px #fff , 1412px 370px #fff , 1415px 1042px #fff , 1547px 1085px #fff , 831px 110px #fff , 32px 1027px #fff , 1941px 716px #fff , 1907px 1562px #fff , 1137px 1426px #fff , 660px 431px #fff , 1163px 513px #fff , 829px 1050px #fff , 139px 1300px #fff , 223px 1365px #fff , 147px 1532px #fff , 1916px 693px #fff , 73px 1115px #fff , 1453px 1900px #fff , 1274px 835px #fff , 1649px 1769px #fff , 7px 445px #fff , 24px 815px #fff , 263px 1938px #fff , 340px 964px #fff , 986px 18px #fff , 1062px 1748px #fff , 1268px 613px #fff , 1270px 476px #fff , 1626px 968px #fff , 1631px 1786px #fff , 261px 1926px #fff , 764px 1400px #fff , 1451px 1606px #fff , 1212px 565px #fff , 1051px 475px #fff , 1838px 1852px #fff , 1286px 1137px #fff , 658px 1060px #fff , 577px 252px #fff , 559px 1344px #fff , 1273px 221px #fff , 672px 1990px #fff , 95px 924px #fff , 647px 1726px #fff , 96px 1973px #fff , 1124px 1709px #fff , 1972px 369px #fff , 1732px 623px #fff , 947px 278px #fff , 1009px 107px #fff , 1377px 295px #fff , 79px 1004px #fff , 1997px 1217px #fff , 854px 744px #fff , 1502px 1223px #fff , 528px 1698px #fff , 1551px 96px #fff;
}

.parallax-star-02 {
  width: 3px;
  height: 3px;
  -webkit-box-shadow: 317px 265px #fff , 150px 740px #fff , 97px 1166px #fff , 1450px 1518px #fff , 305px 976px #fff , 455px 551px #fff , 1370px 693px #fff , 1827px 233px #fff , 174px 265px #fff , 711px 1301px #fff , 1142px 858px #fff , 1552px 737px #fff , 1338px 140px #fff , 778px 912px #fff , 751px 653px #fff , 1213px 1919px #fff , 698px 372px #fff , 1425px 50px #fff , 1233px 749px #fff , 529px 1800px #fff , 805px 453px #fff , 1617px 534px #fff , 1143px 620px #fff , 1854px 1082px #fff , 35px 1659px #fff , 1329px 1px #fff , 1490px 1408px #fff , 200px 11px #fff , 576px 1649px #fff , 226px 551px #fff , 455px 152px #fff , 1904px 1552px #fff , 1050px 76px #fff , 1620px 107px #fff , 915px 132px #fff , 940px 717px #fff , 1355px 1884px #fff , 843px 1462px #fff , 1334px 541px #fff , 894px 1828px #fff , 1380px 1793px #fff , 439px 1426px #fff , 955px 1719px #fff , 1221px 122px #fff , 1637px 375px #fff , 135px 1872px #fff , 1037px 742px #fff , 937px 1634px #fff , 1901px 1555px #fff , 996px 622px #fff;
          box-shadow: 317px 265px #fff , 150px 740px #fff , 97px 1166px #fff , 1450px 1518px #fff , 305px 976px #fff , 455px 551px #fff , 1370px 693px #fff , 1827px 233px #fff , 174px 265px #fff , 711px 1301px #fff , 1142px 858px #fff , 1552px 737px #fff , 1338px 140px #fff , 778px 912px #fff , 751px 653px #fff , 1213px 1919px #fff , 698px 372px #fff , 1425px 50px #fff , 1233px 749px #fff , 529px 1800px #fff , 805px 453px #fff , 1617px 534px #fff , 1143px 620px #fff , 1854px 1082px #fff , 35px 1659px #fff , 1329px 1px #fff , 1490px 1408px #fff , 200px 11px #fff , 576px 1649px #fff , 226px 551px #fff , 455px 152px #fff , 1904px 1552px #fff , 1050px 76px #fff , 1620px 107px #fff , 915px 132px #fff , 940px 717px #fff , 1355px 1884px #fff , 843px 1462px #fff , 1334px 541px #fff , 894px 1828px #fff , 1380px 1793px #fff , 439px 1426px #fff , 955px 1719px #fff , 1221px 122px #fff , 1637px 375px #fff , 135px 1872px #fff , 1037px 742px #fff , 937px 1634px #fff , 1901px 1555px #fff , 996px 622px #fff;
}

.parallax-star-02:after {
  width: 3px;
  height: 3px;
  -webkit-box-shadow: 317px 265px #fff , 150px 740px #fff , 97px 1166px #fff , 1450px 1518px #fff , 305px 976px #fff , 455px 551px #fff , 1370px 693px #fff , 1827px 233px #fff , 174px 265px #fff , 711px 1301px #fff , 1142px 858px #fff , 1552px 737px #fff , 1338px 140px #fff , 778px 912px #fff , 751px 653px #fff , 1213px 1919px #fff , 698px 372px #fff , 1425px 50px #fff , 1233px 749px #fff , 529px 1800px #fff , 805px 453px #fff , 1617px 534px #fff , 1143px 620px #fff , 1854px 1082px #fff , 35px 1659px #fff , 1329px 1px #fff , 1490px 1408px #fff , 200px 11px #fff , 576px 1649px #fff , 226px 551px #fff , 455px 152px #fff , 1904px 1552px #fff , 1050px 76px #fff , 1620px 107px #fff , 915px 132px #fff , 940px 717px #fff , 1355px 1884px #fff , 843px 1462px #fff , 1334px 541px #fff , 894px 1828px #fff , 1380px 1793px #fff , 439px 1426px #fff , 955px 1719px #fff , 1221px 122px #fff , 1637px 375px #fff , 135px 1872px #fff , 1037px 742px #fff , 937px 1634px #fff , 1901px 1555px #fff , 996px 622px #fff;
          box-shadow: 317px 265px #fff , 150px 740px #fff , 97px 1166px #fff , 1450px 1518px #fff , 305px 976px #fff , 455px 551px #fff , 1370px 693px #fff , 1827px 233px #fff , 174px 265px #fff , 711px 1301px #fff , 1142px 858px #fff , 1552px 737px #fff , 1338px 140px #fff , 778px 912px #fff , 751px 653px #fff , 1213px 1919px #fff , 698px 372px #fff , 1425px 50px #fff , 1233px 749px #fff , 529px 1800px #fff , 805px 453px #fff , 1617px 534px #fff , 1143px 620px #fff , 1854px 1082px #fff , 35px 1659px #fff , 1329px 1px #fff , 1490px 1408px #fff , 200px 11px #fff , 576px 1649px #fff , 226px 551px #fff , 455px 152px #fff , 1904px 1552px #fff , 1050px 76px #fff , 1620px 107px #fff , 915px 132px #fff , 940px 717px #fff , 1355px 1884px #fff , 843px 1462px #fff , 1334px 541px #fff , 894px 1828px #fff , 1380px 1793px #fff , 439px 1426px #fff , 955px 1719px #fff , 1221px 122px #fff , 1637px 375px #fff , 135px 1872px #fff , 1037px 742px #fff , 937px 1634px #fff , 1901px 1555px #fff , 996px 622px #fff;
}

.parallax-star-03 {
  width: 4px;
  height: 4px;
  -webkit-box-shadow: 683px 1874px #fff , 1858px 1710px #fff , 1140px 1351px #fff , 301px 55px #fff , 1262px 1149px #fff , 161px 108px #fff , 338px 1556px #fff , 470px 24px #fff , 675px 3px #fff , 1935px 689px #fff , 266px 122px #fff , 752px 1847px #fff , 66px 1537px #fff , 1245px 308px #fff , 137px 220px #fff , 288px 942px #fff , 1395px 1095px #fff , 560px 393px #fff , 948px 1937px #fff , 540px 1442px #fff , 494px 855px #fff , 483px 1055px #fff , 465px 580px #fff , 543px 1321px #fff , 539px 1098px #fff;
          box-shadow: 683px 1874px #fff , 1858px 1710px #fff , 1140px 1351px #fff , 301px 55px #fff , 1262px 1149px #fff , 161px 108px #fff , 338px 1556px #fff , 470px 24px #fff , 675px 3px #fff , 1935px 689px #fff , 266px 122px #fff , 752px 1847px #fff , 66px 1537px #fff , 1245px 308px #fff , 137px 220px #fff , 288px 942px #fff , 1395px 1095px #fff , 560px 393px #fff , 948px 1937px #fff , 540px 1442px #fff , 494px 855px #fff , 483px 1055px #fff , 465px 580px #fff , 543px 1321px #fff , 539px 1098px #fff;
}

.parallax-star-03:after {
  width: 4px;
  height: 4px;
  -webkit-box-shadow: 683px 1874px #fff , 1858px 1710px #fff , 1140px 1351px #fff , 301px 55px #fff , 1262px 1149px #fff , 161px 108px #fff , 338px 1556px #fff , 470px 24px #fff , 675px 3px #fff , 1935px 689px #fff , 266px 122px #fff , 752px 1847px #fff , 66px 1537px #fff , 1245px 308px #fff , 137px 220px #fff , 288px 942px #fff , 1395px 1095px #fff , 560px 393px #fff , 948px 1937px #fff , 540px 1442px #fff , 494px 855px #fff , 483px 1055px #fff , 465px 580px #fff , 543px 1321px #fff , 539px 1098px #fff;
          box-shadow: 683px 1874px #fff , 1858px 1710px #fff , 1140px 1351px #fff , 301px 55px #fff , 1262px 1149px #fff , 161px 108px #fff , 338px 1556px #fff , 470px 24px #fff , 675px 3px #fff , 1935px 689px #fff , 266px 122px #fff , 752px 1847px #fff , 66px 1537px #fff , 1245px 308px #fff , 137px 220px #fff , 288px 942px #fff , 1395px 1095px #fff , 560px 393px #fff , 948px 1937px #fff , 540px 1442px #fff , 494px 855px #fff , 483px 1055px #fff , 465px 580px #fff , 543px 1321px #fff , 539px 1098px #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;
  }
}