/* See Soon - Coming Soon/Under Construction Responsive Template
Author: EGrappler.com
Tags: Dark, coming soon, under construction, black, one column
*/

body{
   background:#000;
   color:#fff;
   font:18px/18px 'Raleway', sans-serif;
   font-weight:300;
}

/* General  */

a, a:hover, a:focus{
   color:#fff;
}
a:hover{
}
a:focus{
   outline:none;
}
h1, h2, h3, h4, h5, h6{
   font-family:'Coustard', sans-serif;
   margin:0;
   padding:0;
   font-weight:300;
}
h1{
   font-size:72px;
}
h2{
   font-size:40px;
}
h3{
   font-size:36px;
}
h4{
   font-size:30px;
}
h5{
   font-size:24px;
}
h6{
   font-size:18px;
}


.loader {
   position:fixed;
   left:0;
   top:0;
   width:100%;
   height:100%;
   z-index:9999;
   background:#000 url(../images/loader.gif) 50% 50% no-repeat;
}

/* Header  */
.backstretch{
  display:none;
}

#header{
  min-height: 100vh;

}
   .header-overlay{
      background:rgba(0, 0, 0, 0.0);
   }

.hexagon {
  position: relative;
  width: 70px;
  height: 40.41px;
  background-color: #05c3f9 ;
  margin: 60px auto;
  box-shadow: 0 0 10px rgba(0,0,0,0.35);
}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 49.50px;
  height: 49.50px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 10.2513px;
  box-shadow: 0 0 10px rgba(0,0,0,0.35);
}

.hexagon:before {
  top: -24.7487px;
}

.hexagon:after {
  bottom: -24.7487px;
}

/*cover up extra shadows*/
.hexagon span {
  display: block;
  position: absolute;
  top:0px;
  left: 0;
  width:70px;
  height:40.4145px;
  z-index: 2;
  background: inherit;
}

   .logo{
      text-align:center;
      padding:30px 0;
      background:#05c3f9;
      width:12%;
      margin:0 auto;
   }
.hexagon i { font-size: 50px;
color: #fff;
position: absolute;
left: 35%;
z-index: 10;
top: -13%;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
.hexagon i:active, .hexagon i:hover { font-size: 50px;
  color: #000;
}
   #header .main-head h2, #header .main-head h4{
      font-weight:300;
   }
   #header .main-head h4{
      line-height:40px;
   }

#footer a:hover, #footer a:active{
  color:#05c3f9;
}


/* Countdown  */

   #countdown-area{

      padding: 0px;
      margin: 0px;
   }
      ul.countdown{
         list-style:none;
         margin:0;
         padding:0;
         display:flex;
         text-align:center;
         justify-content: center;
      }
         ul.countdown li{
            display:inline-block;
            margin:0px;
            padding:0;
            height: 70px;
         }
            ul.countdown li span{
               font-family:'Coustard', sans-serif;
               width:90px;
               display:block;
               font-size:25px;
               opacity: 1 !important;
               transform: translatex(0px) !important;
            }
         ul.countdown li.seperator{
            font-size:80px;
            line-height:70px;
            vertical-align:top;
         }
            ul.countdown li p{
               color: rgba(255,255,255,0.5);
               font-size: 15px;
               text-transform:capitalize;
               margin:0;
               padding:10px 0 30px 0;
               opacity: 1 !important;
               transform: translateY(0px) !important;
            }
            

/* Main Heading Style Starts */

   .main-head{
      text-align:center;
      padding:0 0 20px;
      margin-bottom: 15px;
   }
      .main-head h2, .main-head p{
      }
      .main-head h2{
         padding:0 0 20px;
         opacity: 1 !important;
         transform: translatex(0px) !important;
      }
      .main-head p{
         font-size:24px;
         line-height:36px;
         opacity: 1 !important;
         transform: translatex(0px) !important;
      }
      

/* Services */

#services{
}
.sblock{border:1px solid transparent; -webkit-transition: all 0.5s ease;
                  -moz-transition: all 0.5s ease;
                    -o-transition: all 0.5s ease;
                      }
.sblock:hover { border:1px solid rgba(5, 195, 249, 0.5); background:rgba(5, 195, 249, 0.5); }

#services p { font-size:16px; }
   .services-overlay{
      background:rgba(0, 0, 0, 0.9);
      padding:70px 0;
   }
   #services-blocks{
   }
      #services-blocks div{
         text-align:center;
         padding:20px 20px 30px 20px;
      }
         #services-blocks div span.fa{
            
            width:110px;
            height:110px;
            line-height:110px;
            font-size:60px;
            
            color:rgba(255,255,255,1);
            -webkit-border-radius:50%;
               -moz-border-radius:50%;
                  border-radius:50%;
         }
         #services-blocks h4{
            padding:20px 0;
         }

/* Contact  */

input { border: 1px solid #fff !important; -webkit-box-shadow: none !important;
box-shadow: none !important; }
.#contact{
   background:#05c3f9;
   padding:50px 0;
}  
.MT40 { margin-top:40px;}
#contact p { font-size:16px;}
   #contact-area{
   }
      #contact-area h3{
         padding:0 0 38px 0;
      }
      #contact-form{
      }
         #contact-form .form-group{
            margin:0 0 20px;
         }
            #contact-form .form-control{

               font-size:16px;
               font-weight:400;
               -webkit-border-radius:5px;
                  -moz-border-radius:5px;
                       border-radius:5px;
               
            }
            #contact-form .form-control:focus{
               border-color:#fff;
            }
            #contact-form input.form-control{
               height:40px;
               line-height:40px !important;
               padding:3px 20px 0;
            }
            



/* Footer  */

#footer{
   padding:0px 0;
   margin-top:40px;
   font-size:13px;
   text-align:center;
   background:rgba(55,55,55,0.5);
  position: fixed;
  bottom: 0;
  width: 100%;

}

#footer p {margin:10px; }


   /* Responsive */



/* Contact Style Starts */

   #contact h3, .address, #contact-form .form-group{
      text-align:center;
   }
   #contact-area{
      padding-bottom:20px;
   }

}



@media (max-width: 767px) {

/* Countdown Style Starts */

   ul.countdown li{
      display:inline-block;
      margin:5px;
      padding:0;
   }
      ul.countdown li span{
         width:100px;
         height:100px;
         display:block;
         font-size:48px;
         font-weight:300;
         line-height:100px;
         border:2px solid #fff;
         -webkit-border-radius:50%;
            -moz-border-radius:50%;
               border-radius:50%;
      }
      ul.countdown li p{
         padding:15px 0;
      }

/* Contact Style Starts */

   #contact h3, .address, #contact-form .form-group{
      text-align:center;
   }
   #contact-area{
      padding-bottom:20px;
   }

/* Footer Style Starts */

   #footer ul.sm-links li a span{
      width:45px;
      height:45px;
      line-height:42px;
      font-size:20px;
   }
   .copyright{
      font-size:16px;
   }

}

/*custom BKG*/
/* ==============================================================================================
Nick Mkrtchyan
https://www.facebook.com/sonick.pk
http://www.Mkrtchyan.zz.mu
================================================================================================= */

@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-moz-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-ms-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}

@keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-webkit-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-moz-keyframes move-clouds-back {
    from {background-position:0 0;}
    to {background-position:10000px 0;}
}
@-ms-keyframes move-clouds-back {
    from {background-position: 0;}
    to {background-position:10000px 0;}
}

.stars, .twinkling, .clouds {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  display:block;
  overflow-y: auto;
  overflow-x: hidden;
}

.stars {
  background:#000 url(/images/stars.png) repeat top center;
  z-index:-99;
}

@media all and (min-device-width: 1080px), @media screen and (min-device-width: 1080px) {
.twinkling{
  background:transparent url(/images/twinkling.png) repeat top center;
  z-index:-98;

  -moz-animation:move-twink-back 200s linear infinite;
  -ms-animation:move-twink-back 200s linear infinite;
  -o-animation:move-twink-back 200s linear infinite;
  -webkit-animation:move-twink-back 200s linear infinite;
  animation:move-twink-back 200s linear infinite;
}

.clouds{
    background:transparent url(/images/clouds3.png) repeat top center;
    z-index:-97;

  -moz-animation:move-clouds-back 200s linear infinite;
  -ms-animation:move-clouds-back 200s linear infinite;
  -o-animation:move-clouds-back 200s linear infinite;
  -webkit-animation:move-clouds-back 200s linear infinite;
  animation:move-clouds-back 200s linear infinite;
}
}