body, html {font-family: 'Open Sans', sans-serif;color: rgba(255,255,255,0.5);font-weight: 300;}
.full {background:  url(../img/bg1.jpg) no-repeat center top;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
a, a:hover {color: #fff;text-decoration: none;}
#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: #333;z-index: 99999;height: 100%;}
#status {position: absolute;left: 50%;top: 50%;width: 64px;height: 64px;margin: -32px 0 0 -32px;padding: 0;}
.logo {font-size: 36px;color: #D7263D;}
.coming-soon {padding-top: 220px;margin: 0 auto;text-align: center;}
.coming-soon h2 {color: #fff;font-size: 80px;font-weight: 400;margin: 0;padding: 0;letter-spacing: 2px;}
.coming-soon .tleft {font-size: 16px;letter-spacing: 5px;margin-top: 50px;}
.coming-soon p {font-size: 20px;margin: 0;}
.coming-soon .counter {margin: 5px; padding: 5px;}
.counter .days-wrapper, .counter .hours-wrapper, .counter .minutes-wrapper, .counter .seconds-wrapper {display: inline-block; margin: 10px; padding:10px; font-size: 18px; background-color:#d7263d; color: #fff; }
.counter .days, .counter .hours, .counter .minutes, .counter .seconds {font-size: 120px;line-height: 90px;}
.social {margin-top: 80px;margin-bottom: 30px;}
.social i {color: #D7263D;font-size: 24px;display: inline-block;padding: 0 20px;}
.social i:hover {color: #fff;}
.copyright {font-size: 14px;margin: 20px 0 10px 0;}
.copyright a {color: rgba(255,255,255,0.8);}
.copyright a:hover {color: #D7263D;}
p.not {margin-left:-190px; margin-bottom:-35px; top:50%;left:50%;font-size:15px; width:100%;}
/**
 * Tooltip Styles
 */

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
      opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:    
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:         
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 160px;
  background-color: #ef3d23;
  background-color: hsla(8,86%,54%,0.5);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #ef3d23;
  border-top-color: hsla(8,86%,54%,0.5);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px); 
}

/* Left */
.tooltip-left:before,
.tooltip-left:after {
  right: 100%;
  bottom: 50%;
  left: auto;
}

.tooltip-left:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
  -webkit-transform: translateX(-12px);
  -moz-transform:    translateX(-12px);
  transform:         translateX(-12px); 
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}

.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform:    translateY(12px);
  transform:         translateY(12px); 
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
  bottom: 50%;
  left: 100%;
}

.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform:    translateX(12px);
  transform:         translateX(12px); 
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
  top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
  margin-left: 0;
  margin-bottom: -16px;
}
@media (max-width: 800px) {
p.not {text-align:center;}
.counter .days-wrapper, .counter .hours-wrapper, .counter .minutes-wrapper, .counter .seconds-wrapper {width: 50px;height: 35px;margin-top: 5px;padding: 5px;font-size: 13px;}
.counter .days, .counter .hours, .counter .minutes, .counter .seconds {font-size: 20px;line-height: 5px;}
.social {margin-top: 40px !important;}
.copyright {font-size: 14px;margin: -20px 0 10px 0;}
.coming-soon h2 {color: #fff;font-size: 40px;font-weight:400;margin-top: -13px !important;padding: 0;letter-spacing: 6px;}
.coming-soon p {font-size: 16px;margin: 0;}
.coming-soon {padding-top: 150px;margin: 0 auto;text-align: center;}
.coming-soon .tleft {font-size: 16px;letter-spacing: 2px;margin-top: 20px;}
.full {background: url(../img/bg1.jpg) no-repeat center top;background-color:#1B1F2B !important;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
}

@media (max-width: 640px){
.containerghost { top: 46% ! important; }
 p.not {margin-bottom: 5px; font-size: 13px ! important; top: 50%; left: 50%; width: auto; }
}
@media (min-width: 1366px) {
.coming-soon{margin-top: -100px !important;}
.containerghost {top: 35% !important;}
.social {margin-top: 30px;margin-bottom: 30px;}
.copyright {;margin-top:-20px;}
}
@media (min-width: 1600px) {
.coming-soon{margin: 0px !important;}
.containerghost {top: 42% !important;}
}
@media (min-width: 1900px) {
  .coming-soon { margin: 0px ! important; }
  .containerghost { top: 50% ! important; }
}