/* Preloader */
/* line 4, /app/vendor/assets/stylesheets/styles.scss */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f2f3f7;
  /* change if the mask should have another color then white */
  z-index: 9999999;
  /* makes sure it stays on top */
}

/* line 15, /app/vendor/assets/stylesheets/styles.scss */
#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url("/assets/status-c6f6eb10a4472f02adf0f74f0805afb04a0bd0f4644a1eeff94d9b36d2ffeaf6.gif");
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}

/* line 30, /app/vendor/assets/stylesheets/styles.scss */
body {
  font-family: 'Open Sans', sans-serif;
  color: #F3F3F3;
  font-size: 18px;
  line-height: 22px;
  background-color: rgba(53, 10, 4, 0.5);
  background-image: url("/assets/bg-d3918dac566724ee1921807c7417e4f105582a66c1a94eb77890cf8195f84413.jpg");
  background-size: cover;
  background-repeat: repeat;
  font-weight: normal;
}

/* line 43, /app/vendor/assets/stylesheets/styles.scss */
.bg-overlay {
  background: url("/assets/bg-overlay-5cd30b7871c7cb263af72417c347de28d8b08f094ce7dd1780e33db1db036737.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 0;
}

/* line 54, /app/vendor/assets/stylesheets/styles.scss */
body.yellow {
  background-color: #ffcc00;
}

/* line 57, /app/vendor/assets/stylesheets/styles.scss */
body.green {
  background-color: #aaee06;
}

/* line 60, /app/vendor/assets/stylesheets/styles.scss */
body.blue {
  background-color: #00d2ff;
}

/* line 63, /app/vendor/assets/stylesheets/styles.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

/* line 75, /app/vendor/assets/stylesheets/styles.scss */
.homepage #logo {
  margin: 0 0 26px 0;
}

/* line 78, /app/vendor/assets/stylesheets/styles.scss */
.home {
  background: #e6e9ed url("/assets/bg-body-cadfa1edca029462455be2957d336afc8523b45834b1a61cab02853068fdc136.png") left top repeat-x;
}

/* line 81, /app/vendor/assets/stylesheets/styles.scss */
.main-wrapper {
  padding: 60px 20px 0 20px;
  margin: 0 auto;
}

/*Logo Start Here*/
/* line 87, /app/vendor/assets/stylesheets/styles.scss */
#logo {
  text-align: center;
  margin: 0 0 30px 0;
  padding: 0;
}

/* line 92, /app/vendor/assets/stylesheets/styles.scss */
#logo a {
  display: inline-block;
  padding: 4px;
}

/*Logo End Here*/
/*Slogan start here*/
/* line 100, /app/vendor/assets/stylesheets/styles.scss */
.slogan {
  margin-bottom: 76px;
  text-align: center;
}

/* line 104, /app/vendor/assets/stylesheets/styles.scss */
.slogan h1 {
  color: #fff;
  text-shadow: 1px 1px #000;
}

/* line 108, /app/vendor/assets/stylesheets/styles.scss */
.slogan p {
  margin: 10px 0;
  padding: 0;
  color: #3e3d3d;
}

/* line 115, /app/vendor/assets/stylesheets/styles.scss */
pre {
  color: #0a5788;
  background-color: #f9f2f4;
  font-size: 90%;
  border-radius: 4px;
}

/* line 122, /app/vendor/assets/stylesheets/styles.scss */
pre.result {
  background-color: #D9D9D9;
  color: #434343;
  margin-left: 10px;
}

/*SLogan end here*/
/*Countdown start here*/
/* line 136, /app/vendor/assets/stylesheets/styles.scss */
.count-down {
  margin: 0 0 85px 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
  text-align: center;
  height: 240px;
  height: auto;
}

/* line 144, /app/vendor/assets/stylesheets/styles.scss */
.count-down li {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 28px;
  display: inline-block;
  min-height: 250px;
}

/* line 152, /app/vendor/assets/stylesheets/styles.scss */
.count-down li div {
  margin: 0 !important;
  padding: 0;
}

/* line 156, /app/vendor/assets/stylesheets/styles.scss */
.count-down li input {
  font-family: 'Roboto', sans-serif !important;
  font-size: 44px !important;
  width: 154px !important;
  height: 98px !important;
  margin: 70px 0 0 -210px !important;
  font-weight: normal !important;
}

/* line 164, /app/vendor/assets/stylesheets/styles.scss */
#days-title,
#hours-title,
#mins-title,
#secs-title {
  display: block;
  text-transform: uppercase;
  margin-top: -94px;
  font-size: 24px;
  position: relative;
  z-index: 9 !important;
}

/*Countdown end here*/
/*Newsletter subscribe start here*/
/* line 179, /app/vendor/assets/stylesheets/styles.scss */
.contact {
  color: #8C8C8C;
  float: none;
  margin: 0 auto 60px auto;
  text-align: center;
}

/* line 187, /app/vendor/assets/stylesheets/styles.scss */
.contact .btn-submit {
  position: relative;
  top: 10px;
  font-size: 20px;
  border: none;
  text-align: center;
  background-color: #228DFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 20px;
  color: #ffffff;
  line-height: 22px;
  font-family: 'Roboto', sans-serif;
  width: 100%;
  height: 100%;
  font-weight: bold;
  line-height: 30px;
  padding: 20px;
}

/* line 207, /app/vendor/assets/stylesheets/styles.scss */
.form-respond .content-message {
  border-radius: 4px;
  margin: 0 0 50px;
  padding: 30px;
}

/* line 213, /app/vendor/assets/stylesheets/styles.scss */
.form-respond .content-message {
  border-radius: 4px;
  margin: 0 0 50px;
  padding: 4px 8px;
  color: #fff;
  background-color: #FF0000;
}

/* line 220, /app/vendor/assets/stylesheets/styles.scss */
.form-respond .content-message h2,
.form-respond .content-message p {
  display: inline;
  font-size: 15px;
}

/*Newsletter subscribe end here*/
/*Footer start here*/
/* line 231, /app/vendor/assets/stylesheets/styles.scss */
footer {
  text-align: center;
  font-size: 16px;
}

/* line 235, /app/vendor/assets/stylesheets/styles.scss */
.footer-text {
  font-size: 12px;
}

/* line 238, /app/vendor/assets/stylesheets/styles.scss */
footer a {
  color: #8a8b8b;
  text-decoration: underline;
}

/* line 242, /app/vendor/assets/stylesheets/styles.scss */
footer a:hover {
  text-decoration: none;
  color: #8a8b8b;
}

/*Footer start here*/
/*About/Contact css start here*/
/* line 250, /app/vendor/assets/stylesheets/styles.scss */
.about-us a {
  position: absolute;
  top: 50%;
  height: 40px;
  width: 40px;
  background-color: #ff3b30;
  border-radius: 50%;
  color: #ffffff;
  text-align: center;
  line-height: 40px;
  left: 1%;
  font-size: 22px;
  z-index: 999;
}

/* line 264, /app/vendor/assets/stylesheets/styles.scss */
.about-us .tooltip-inner {
  background: none;
  border-radius: 0;
  color: #3e3d3d;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0;
}

/* line 272, /app/vendor/assets/stylesheets/styles.scss */
.about-us .tooltip-arrow {
  display: none;
}

/* line 275, /app/vendor/assets/stylesheets/styles.scss */
.about-us a:hover {
  text-decoration: none;
}

/*About/Contact css end here*/
/* line 280, /app/vendor/assets/stylesheets/styles.scss */
.ux .modal {
  background: rgba(31, 31, 31, 0.96);
}

/* line 283, /app/vendor/assets/stylesheets/styles.scss */
.pop-up {
  padding: 20px;
  border-radius: 0;
  box-shadow: none;
  background: none;
  border: none;
}

/* line 290, /app/vendor/assets/stylesheets/styles.scss */
.cls-pop {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 30px;
  line-height: 40px;
  color: #ffffff;
  font-weight: normal;
  z-index: 999;
}

/* line 300, /app/vendor/assets/stylesheets/styles.scss */
.cls-pop:hover {
  color: #228DFF;
  text-decoration: none;
}

/* line 304, /app/vendor/assets/stylesheets/styles.scss */
.pop-up h3 {
  font-size: 34px;
  line-height: 40px;
  margin: 0 0 60px 0;
  padding: 0;
  color: #228DFF;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  position: relative;
}

/* line 316, /app/vendor/assets/stylesheets/styles.scss */
.pop-up h3:before {
  background-color: #228DFF;
  bottom: -30px;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  width: 300px;
}

/* line 325, /app/vendor/assets/stylesheets/styles.scss */
.pop-up h3:before {
  left: 50%;
  margin-left: -150px;
}

/* line 329, /app/vendor/assets/stylesheets/styles.scss */
.pop-up p {
  margin-top: 40px;
  padding: 0;
  font-size: 15px;
  line-height: 24px;
  color: #dadada;
}

/* line 336, /app/vendor/assets/stylesheets/styles.scss */
.pop-up-cnt {
  text-align: center;
}

/* line 339, /app/vendor/assets/stylesheets/styles.scss */
.pop-up-cnt i {
  height: 40px;
  width: 40px;
  background-color: #ff3b30;
  border-radius: 50%;
  color: #ffffff;
  line-height: 40px;
  margin-bottom: 10px;
}

/* line 348, /app/vendor/assets/stylesheets/styles.scss */
.pop-up-cnt h4 {
  font-size: 22px;
  line-height: 28px;
  margin: 0;
  padding: 0;
  color: #ffffff;
}

/* line 355, /app/vendor/assets/stylesheets/styles.scss */
.pop-up-cnt .cnt-wrap {
  padding-top: 30px;
}

/* line 358, /app/vendor/assets/stylesheets/styles.scss */
.features {
  margin: 20px 0 0 0;
  padding: 0 0 0 14px;
}

/* line 362, /app/vendor/assets/stylesheets/styles.scss */
.features li {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 28px;
  color: #dadada;
  width: 33%;
  float: left;
}

/*Template color option start here*/
/* line 376, /app/vendor/assets/stylesheets/styles.scss */
.template-colors {
  margin: 40px 0 0 0;
  padding: 0;
  list-style: none;
  display: block;
}

/* line 382, /app/vendor/assets/stylesheets/styles.scss */
.template-colors li {
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  font-size: 26px;
}

/* line 388, /app/vendor/assets/stylesheets/styles.scss */
.template-colors li a {
  margin: 0;
  padding: 0;
  outline: none;
  display: block;
  width: 42px;
  height: 42px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/* line 399, /app/vendor/assets/stylesheets/styles.scss */
.template-colors li a:hover {
  border: 1px solid #999;
}

/* line 402, /app/vendor/assets/stylesheets/styles.scss */
.template-colors li a.blue {
  background-color: #00d2ff;
}

/* line 405, /app/vendor/assets/stylesheets/styles.scss */
.template-colors li a.green {
  background-color: #aaee06;
}

/* line 408, /app/vendor/assets/stylesheets/styles.scss */
.template-colors li a.yellow {
  background-color: #ffcc00;
}

/*Template color option end here*/
/*Responsive css start here*/
@media only screen and (max-device-width: 1150px) {
  /* line 416, /app/vendor/assets/stylesheets/styles.scss */
  .about-us a {
    top: 2%;
    margin-left: -20px;
    left: 47.5%;
  }

  /* line 421, /app/vendor/assets/stylesheets/styles.scss */
  .about-us .tooltip {
    display: none !important;
  }

  /* line 424, /app/vendor/assets/stylesheets/styles.scss */
  .about-us .tooltip-arrow {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  /* line 429, /app/vendor/assets/stylesheets/styles.scss */
  .count-down li div,
  .count-down li canvas {
    width: 230px !important;
    height: 230px !important;
  }

  /* line 434, /app/vendor/assets/stylesheets/styles.scss */
  .contact-form input {
    padding: 0 26% 0 17%;
  }

  /* line 437, /app/vendor/assets/stylesheets/styles.scss */
  .count-down li input {
    margin: 36px 0 0 -187px !important;
  }

  /* line 440, /app/vendor/assets/stylesheets/styles.scss */
  .hide-med {
    display: none !important;
  }

  /* line 443, /app/vendor/assets/stylesheets/styles.scss */
  .contact-form .btn-submit {
    font-size: 18px;
  }

  /* line 446, /app/vendor/assets/stylesheets/styles.scss */
  .features li {
    width: 50%;
  }
}
@media only screen and (max-device-width: 767px) {
  /* line 451, /app/vendor/assets/stylesheets/styles.scss */
  .about-us a {
    left: 46%;
  }
}
@media only screen and (max-device-width: 600px) {
  /* line 456, /app/vendor/assets/stylesheets/styles.scss */
  .about-us a {
    left: 44%;
  }

  /* line 459, /app/vendor/assets/stylesheets/styles.scss */
  .features li {
    width: 100%;
    float: none;
  }
}
/*Responsive css end here*/