/*!
 * 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
 *   #fcfcfc
 *
 * site overlay
 *   rgba
 *     rgba(255, 255, 255, 0.99)
 *   opacity
 *     0.71
 *
 * --------------------------------------------------
 */
/*
 * 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: #fff;
  color: #191919;
  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: #191919;
}

a:focus,
a:hover {
  color: #333333;
  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: #191919;
}

.form-control::-webkit-input-placeholder {
  color: #191919;
}

.form-control::-moz-placeholder {
  color: #191919;
}

.form-control:-ms-input-placeholder {
  color: #191919;
}

.form-control::-ms-input-placeholder {
  color: #191919;
}

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: #191919;
  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: #191919;
  background-color: transparent;
  color: #191919;
}

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

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

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

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

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

.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: #191919;
}

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

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

@-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-invert {
  display: none;
}

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

.primary-nav-toggle {
  float: right;
  padding-left: 19px;
  color: #191919;
  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: #fff;
  }
  .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: #191919;
  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: #fff;
  }
}

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

#nav .primary-menu-item a {
  color: #fff;
  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.jpg);
}

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

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

.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-color: rgba(255, 255, 255, 0.99);
  /* light overlay */
  opacity: 0.71;
}

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

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

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

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

/* 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: 1293px 1646px #fff , 440px 13px #fff , 395px 266px #fff , 611px 23px #fff , 1413px 186px #fff , 1004px 1860px #fff , 975px 880px #fff , 1257px 177px #fff , 515px 747px #fff , 1484px 1144px #fff , 1060px 1137px #fff , 1494px 1851px #fff , 699px 1980px #fff , 651px 11px #fff , 1950px 66px #fff , 1525px 974px #fff , 1501px 1003px #fff , 1886px 231px #fff , 1066px 16px #fff , 1548px 869px #fff , 656px 1694px #fff , 1235px 907px #fff , 1369px 1116px #fff , 646px 210px #fff , 1817px 1071px #fff , 572px 1930px #fff , 1416px 189px #fff , 1421px 171px #fff , 212px 989px #fff , 514px 1650px #fff , 403px 1471px #fff , 1114px 1298px #fff , 1122px 674px #fff , 802px 1391px #fff , 1358px 1656px #fff , 1422px 1849px #fff , 1492px 817px #fff , 1379px 1164px #fff , 502px 568px #fff , 825px 1485px #fff , 1947px 1229px #fff , 1497px 1614px #fff , 1303px 1350px #fff , 646px 739px #fff , 336px 93px #fff , 1563px 1702px #fff , 705px 662px #fff , 587px 587px #fff , 1982px 1550px #fff , 1186px 441px #fff , 55px 603px #fff , 83px 1947px #fff , 1161px 1558px #fff , 361px 75px #fff , 529px 315px #fff , 267px 68px #fff , 903px 552px #fff , 1903px 432px #fff , 339px 1389px #fff , 966px 563px #fff , 214px 904px #fff , 1145px 254px #fff , 1601px 1950px #fff , 724px 1448px #fff , 1716px 1161px #fff , 1819px 1788px #fff , 1247px 1616px #fff , 1021px 877px #fff , 960px 829px #fff , 800px 73px #fff , 1122px 1353px #fff , 137px 1953px #fff , 900px 820px #fff , 630px 804px #fff , 1342px 1651px #fff;
          box-shadow: 1293px 1646px #fff , 440px 13px #fff , 395px 266px #fff , 611px 23px #fff , 1413px 186px #fff , 1004px 1860px #fff , 975px 880px #fff , 1257px 177px #fff , 515px 747px #fff , 1484px 1144px #fff , 1060px 1137px #fff , 1494px 1851px #fff , 699px 1980px #fff , 651px 11px #fff , 1950px 66px #fff , 1525px 974px #fff , 1501px 1003px #fff , 1886px 231px #fff , 1066px 16px #fff , 1548px 869px #fff , 656px 1694px #fff , 1235px 907px #fff , 1369px 1116px #fff , 646px 210px #fff , 1817px 1071px #fff , 572px 1930px #fff , 1416px 189px #fff , 1421px 171px #fff , 212px 989px #fff , 514px 1650px #fff , 403px 1471px #fff , 1114px 1298px #fff , 1122px 674px #fff , 802px 1391px #fff , 1358px 1656px #fff , 1422px 1849px #fff , 1492px 817px #fff , 1379px 1164px #fff , 502px 568px #fff , 825px 1485px #fff , 1947px 1229px #fff , 1497px 1614px #fff , 1303px 1350px #fff , 646px 739px #fff , 336px 93px #fff , 1563px 1702px #fff , 705px 662px #fff , 587px 587px #fff , 1982px 1550px #fff , 1186px 441px #fff , 55px 603px #fff , 83px 1947px #fff , 1161px 1558px #fff , 361px 75px #fff , 529px 315px #fff , 267px 68px #fff , 903px 552px #fff , 1903px 432px #fff , 339px 1389px #fff , 966px 563px #fff , 214px 904px #fff , 1145px 254px #fff , 1601px 1950px #fff , 724px 1448px #fff , 1716px 1161px #fff , 1819px 1788px #fff , 1247px 1616px #fff , 1021px 877px #fff , 960px 829px #fff , 800px 73px #fff , 1122px 1353px #fff , 137px 1953px #fff , 900px 820px #fff , 630px 804px #fff , 1342px 1651px #fff;
}

.parallax-star-01:after {
  width: 1px;
  height: 1px;
  -webkit-box-shadow: 1293px 1646px #fff , 440px 13px #fff , 395px 266px #fff , 611px 23px #fff , 1413px 186px #fff , 1004px 1860px #fff , 975px 880px #fff , 1257px 177px #fff , 515px 747px #fff , 1484px 1144px #fff , 1060px 1137px #fff , 1494px 1851px #fff , 699px 1980px #fff , 651px 11px #fff , 1950px 66px #fff , 1525px 974px #fff , 1501px 1003px #fff , 1886px 231px #fff , 1066px 16px #fff , 1548px 869px #fff , 656px 1694px #fff , 1235px 907px #fff , 1369px 1116px #fff , 646px 210px #fff , 1817px 1071px #fff , 572px 1930px #fff , 1416px 189px #fff , 1421px 171px #fff , 212px 989px #fff , 514px 1650px #fff , 403px 1471px #fff , 1114px 1298px #fff , 1122px 674px #fff , 802px 1391px #fff , 1358px 1656px #fff , 1422px 1849px #fff , 1492px 817px #fff , 1379px 1164px #fff , 502px 568px #fff , 825px 1485px #fff , 1947px 1229px #fff , 1497px 1614px #fff , 1303px 1350px #fff , 646px 739px #fff , 336px 93px #fff , 1563px 1702px #fff , 705px 662px #fff , 587px 587px #fff , 1982px 1550px #fff , 1186px 441px #fff , 55px 603px #fff , 83px 1947px #fff , 1161px 1558px #fff , 361px 75px #fff , 529px 315px #fff , 267px 68px #fff , 903px 552px #fff , 1903px 432px #fff , 339px 1389px #fff , 966px 563px #fff , 214px 904px #fff , 1145px 254px #fff , 1601px 1950px #fff , 724px 1448px #fff , 1716px 1161px #fff , 1819px 1788px #fff , 1247px 1616px #fff , 1021px 877px #fff , 960px 829px #fff , 800px 73px #fff , 1122px 1353px #fff , 137px 1953px #fff , 900px 820px #fff , 630px 804px #fff , 1342px 1651px #fff;
          box-shadow: 1293px 1646px #fff , 440px 13px #fff , 395px 266px #fff , 611px 23px #fff , 1413px 186px #fff , 1004px 1860px #fff , 975px 880px #fff , 1257px 177px #fff , 515px 747px #fff , 1484px 1144px #fff , 1060px 1137px #fff , 1494px 1851px #fff , 699px 1980px #fff , 651px 11px #fff , 1950px 66px #fff , 1525px 974px #fff , 1501px 1003px #fff , 1886px 231px #fff , 1066px 16px #fff , 1548px 869px #fff , 656px 1694px #fff , 1235px 907px #fff , 1369px 1116px #fff , 646px 210px #fff , 1817px 1071px #fff , 572px 1930px #fff , 1416px 189px #fff , 1421px 171px #fff , 212px 989px #fff , 514px 1650px #fff , 403px 1471px #fff , 1114px 1298px #fff , 1122px 674px #fff , 802px 1391px #fff , 1358px 1656px #fff , 1422px 1849px #fff , 1492px 817px #fff , 1379px 1164px #fff , 502px 568px #fff , 825px 1485px #fff , 1947px 1229px #fff , 1497px 1614px #fff , 1303px 1350px #fff , 646px 739px #fff , 336px 93px #fff , 1563px 1702px #fff , 705px 662px #fff , 587px 587px #fff , 1982px 1550px #fff , 1186px 441px #fff , 55px 603px #fff , 83px 1947px #fff , 1161px 1558px #fff , 361px 75px #fff , 529px 315px #fff , 267px 68px #fff , 903px 552px #fff , 1903px 432px #fff , 339px 1389px #fff , 966px 563px #fff , 214px 904px #fff , 1145px 254px #fff , 1601px 1950px #fff , 724px 1448px #fff , 1716px 1161px #fff , 1819px 1788px #fff , 1247px 1616px #fff , 1021px 877px #fff , 960px 829px #fff , 800px 73px #fff , 1122px 1353px #fff , 137px 1953px #fff , 900px 820px #fff , 630px 804px #fff , 1342px 1651px #fff;
}

.parallax-star-02 {
  width: 3px;
  height: 3px;
  -webkit-box-shadow: 691px 1073px #fff , 674px 671px #fff , 113px 61px #fff , 472px 1392px #fff , 1671px 171px #fff , 484px 1044px #fff , 1743px 1701px #fff , 1940px 1220px #fff , 1243px 45px #fff , 148px 838px #fff , 1829px 475px #fff , 1778px 1758px #fff , 919px 1477px #fff , 1066px 1849px #fff , 1553px 406px #fff , 1135px 1741px #fff , 753px 1818px #fff , 1057px 1902px #fff , 1109px 42px #fff , 43px 232px #fff , 476px 647px #fff , 906px 1969px #fff , 180px 531px #fff , 1385px 1994px #fff , 1305px 1069px #fff , 89px 1606px #fff , 1853px 1347px #fff , 1902px 1762px #fff , 120px 769px #fff , 568px 1543px #fff , 977px 1579px #fff , 16px 32px #fff , 273px 143px #fff , 194px 885px #fff , 1255px 309px #fff , 1260px 861px #fff , 535px 1808px #fff , 666px 1662px #fff , 1484px 1303px #fff , 1339px 698px #fff , 890px 1176px #fff , 1508px 362px #fff , 703px 1078px #fff , 218px 1299px #fff , 1548px 1807px #fff , 445px 1929px #fff , 1904px 1362px #fff , 1408px 1964px #fff , 1311px 922px #fff , 546px 1457px #fff;
          box-shadow: 691px 1073px #fff , 674px 671px #fff , 113px 61px #fff , 472px 1392px #fff , 1671px 171px #fff , 484px 1044px #fff , 1743px 1701px #fff , 1940px 1220px #fff , 1243px 45px #fff , 148px 838px #fff , 1829px 475px #fff , 1778px 1758px #fff , 919px 1477px #fff , 1066px 1849px #fff , 1553px 406px #fff , 1135px 1741px #fff , 753px 1818px #fff , 1057px 1902px #fff , 1109px 42px #fff , 43px 232px #fff , 476px 647px #fff , 906px 1969px #fff , 180px 531px #fff , 1385px 1994px #fff , 1305px 1069px #fff , 89px 1606px #fff , 1853px 1347px #fff , 1902px 1762px #fff , 120px 769px #fff , 568px 1543px #fff , 977px 1579px #fff , 16px 32px #fff , 273px 143px #fff , 194px 885px #fff , 1255px 309px #fff , 1260px 861px #fff , 535px 1808px #fff , 666px 1662px #fff , 1484px 1303px #fff , 1339px 698px #fff , 890px 1176px #fff , 1508px 362px #fff , 703px 1078px #fff , 218px 1299px #fff , 1548px 1807px #fff , 445px 1929px #fff , 1904px 1362px #fff , 1408px 1964px #fff , 1311px 922px #fff , 546px 1457px #fff;
}

.parallax-star-02:after {
  width: 3px;
  height: 3px;
  -webkit-box-shadow: 691px 1073px #fff , 674px 671px #fff , 113px 61px #fff , 472px 1392px #fff , 1671px 171px #fff , 484px 1044px #fff , 1743px 1701px #fff , 1940px 1220px #fff , 1243px 45px #fff , 148px 838px #fff , 1829px 475px #fff , 1778px 1758px #fff , 919px 1477px #fff , 1066px 1849px #fff , 1553px 406px #fff , 1135px 1741px #fff , 753px 1818px #fff , 1057px 1902px #fff , 1109px 42px #fff , 43px 232px #fff , 476px 647px #fff , 906px 1969px #fff , 180px 531px #fff , 1385px 1994px #fff , 1305px 1069px #fff , 89px 1606px #fff , 1853px 1347px #fff , 1902px 1762px #fff , 120px 769px #fff , 568px 1543px #fff , 977px 1579px #fff , 16px 32px #fff , 273px 143px #fff , 194px 885px #fff , 1255px 309px #fff , 1260px 861px #fff , 535px 1808px #fff , 666px 1662px #fff , 1484px 1303px #fff , 1339px 698px #fff , 890px 1176px #fff , 1508px 362px #fff , 703px 1078px #fff , 218px 1299px #fff , 1548px 1807px #fff , 445px 1929px #fff , 1904px 1362px #fff , 1408px 1964px #fff , 1311px 922px #fff , 546px 1457px #fff;
          box-shadow: 691px 1073px #fff , 674px 671px #fff , 113px 61px #fff , 472px 1392px #fff , 1671px 171px #fff , 484px 1044px #fff , 1743px 1701px #fff , 1940px 1220px #fff , 1243px 45px #fff , 148px 838px #fff , 1829px 475px #fff , 1778px 1758px #fff , 919px 1477px #fff , 1066px 1849px #fff , 1553px 406px #fff , 1135px 1741px #fff , 753px 1818px #fff , 1057px 1902px #fff , 1109px 42px #fff , 43px 232px #fff , 476px 647px #fff , 906px 1969px #fff , 180px 531px #fff , 1385px 1994px #fff , 1305px 1069px #fff , 89px 1606px #fff , 1853px 1347px #fff , 1902px 1762px #fff , 120px 769px #fff , 568px 1543px #fff , 977px 1579px #fff , 16px 32px #fff , 273px 143px #fff , 194px 885px #fff , 1255px 309px #fff , 1260px 861px #fff , 535px 1808px #fff , 666px 1662px #fff , 1484px 1303px #fff , 1339px 698px #fff , 890px 1176px #fff , 1508px 362px #fff , 703px 1078px #fff , 218px 1299px #fff , 1548px 1807px #fff , 445px 1929px #fff , 1904px 1362px #fff , 1408px 1964px #fff , 1311px 922px #fff , 546px 1457px #fff;
}

.parallax-star-03 {
  width: 4px;
  height: 4px;
  -webkit-box-shadow: 2000px 82px #fff , 1914px 857px #fff , 1305px 1002px #fff , 572px 49px #fff , 1311px 681px #fff , 470px 723px #fff , 591px 1525px #fff , 918px 1008px #fff , 1072px 290px #fff , 1955px 327px #fff , 894px 1488px #fff , 1086px 551px #fff , 713px 226px #fff , 2000px 65px #fff , 1692px 1380px #fff , 1997px 441px #fff , 799px 1342px #fff , 1846px 47px #fff , 1166px 574px #fff , 1625px 1633px #fff , 398px 730px #fff , 793px 110px #fff , 282px 1441px #fff , 1526px 1259px #fff , 1303px 1639px #fff;
          box-shadow: 2000px 82px #fff , 1914px 857px #fff , 1305px 1002px #fff , 572px 49px #fff , 1311px 681px #fff , 470px 723px #fff , 591px 1525px #fff , 918px 1008px #fff , 1072px 290px #fff , 1955px 327px #fff , 894px 1488px #fff , 1086px 551px #fff , 713px 226px #fff , 2000px 65px #fff , 1692px 1380px #fff , 1997px 441px #fff , 799px 1342px #fff , 1846px 47px #fff , 1166px 574px #fff , 1625px 1633px #fff , 398px 730px #fff , 793px 110px #fff , 282px 1441px #fff , 1526px 1259px #fff , 1303px 1639px #fff;
}

.parallax-star-03:after {
  width: 4px;
  height: 4px;
  -webkit-box-shadow: 2000px 82px #fff , 1914px 857px #fff , 1305px 1002px #fff , 572px 49px #fff , 1311px 681px #fff , 470px 723px #fff , 591px 1525px #fff , 918px 1008px #fff , 1072px 290px #fff , 1955px 327px #fff , 894px 1488px #fff , 1086px 551px #fff , 713px 226px #fff , 2000px 65px #fff , 1692px 1380px #fff , 1997px 441px #fff , 799px 1342px #fff , 1846px 47px #fff , 1166px 574px #fff , 1625px 1633px #fff , 398px 730px #fff , 793px 110px #fff , 282px 1441px #fff , 1526px 1259px #fff , 1303px 1639px #fff;
          box-shadow: 2000px 82px #fff , 1914px 857px #fff , 1305px 1002px #fff , 572px 49px #fff , 1311px 681px #fff , 470px 723px #fff , 591px 1525px #fff , 918px 1008px #fff , 1072px 290px #fff , 1955px 327px #fff , 894px 1488px #fff , 1086px 551px #fff , 713px 226px #fff , 2000px 65px #fff , 1692px 1380px #fff , 1997px 441px #fff , 799px 1342px #fff , 1846px 47px #fff , 1166px 574px #fff , 1625px 1633px #fff , 398px 730px #fff , 793px 110px #fff , 282px 1441px #fff , 1526px 1259px #fff , 1303px 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 #191919;
  }
}

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

/**
 * 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: #191919;
}

#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 #191919;
  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: #191919;
  opacity: .5;
}

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

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