@charset "utf-8";
/* CSS Document */


*{margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{ width:100%; height:100%; margin:0px; padding:0px;}
body{ margin:0px; padding:0px; font-family: 'Poppins', sans-serif; font-size:15px; color:#5a5a5a; line-height:24px; background:#fff; min-height:100%; overflow-x: hidden; background: #3b3d7a center center no-repeat; background-size:cover; background-attachment:fixed; text-align:center; }
p{ margin:0px; padding:0px 0 0px 0; font-family: 'Poppins', sans-serif; font-size:13px; color:#ffffff; line-height:24px;  font-weight:400;}
h1{ margin: 0px; padding: 0px;  }
h2{ margin: 0px; padding: 0px;  }
h3{ margin: 0px; padding: 0px;  }
h4{ margin: 0px; padding: 0px;  }
h5{ margin: 0px; padding: 0px;  }
h6{ margin: 0px; padding: 0px;  }

address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: none; }
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;}
a{ text-decoration:none; border: 0px; outline: none; transition: all .5s; color:#fff;}
a:hover, a:focus, a:active{ text-decoration:none; border: 0px; outline: none; transition: all .5s; color:#000;}

a img{ border:none; outline: none;}
a:focus {outline:none; } 
border{ border-collapse:collapse;}
hr{ height:1px; background:#333333; border:none;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
.clearfix:before,
.clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}
img { max-width: 100%; height: auto;}
@media \0screen {img { width: auto }}

::-moz-selection { color: #fff; background: #00b374;}
::selection {  color: #fff; background: #00b374;}


#preloader { position: fixed; width:100%; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 99999999 !important;}
#status {width: 300px; height: 200px;position: absolute; left: 50%; top: 50%; background-image: url(../images/preloader.svg); background-repeat: no-repeat;  background-position: center;  margin: -100px 0 0 -150px;}

.navigation{ background-color: #000 }
.navigation ul{ margin:0px; padding: 0px; list-style: none; }
.navigation ul li{ float: none; display: inline-block; vertical-align: top; margin-right: -4px; }
.navigation ul li a{ color: #fff; padding: 0 25px; line-height: 42px; display: block; }
.navigation ul li:hover{ background: red; color: #fff; background-position:0 0%; }
.navigation ul li { position: relative; }
.navigation ul li ul {  visibility: hidden; opacity: 0; position: absolute; top: 100%; left: 0; width: 100%; transform: translateY(-20%);z-index: -1; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; min-width: 200px; background-color: red }
.navigation ul li:hover ul {visibility: visible; opacity: 1; z-index: 1; transform: translateY(0%);transition-delay: 0s, 0s, 0.3s; }
.navigation ul li ul li{ display: block; margin-right: 0px;}
.navigation ul li ul li:hover{ background-color: black; }

a.meanmenu-reveal{display:none}
.mean-container .mean-bar{float:left;width:42px; padding:4px 0;min-height:42px;z-index:999999}
.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 11px 13px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700 ; background-color: red;}
.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}
.mean-container .mean-nav{float:left;width:100%;background:#0c1923;margin-top:44px; position: absolute;}
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li{position:relative;float:left;width:100%}
.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:10px 5%; font-size:16px;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,0.5);text-decoration:none;text-transform:uppercase}
.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,0.25);opacity:.75;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,0.1)}
.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;height:20px;padding:12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,0.1);border:none!important;border-left:1px solid rgba(255,255,255,0.4)!important;border-bottom:1px solid rgba(255,255,255,0.2)!important}
.mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(0,0,0,0.9)}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}
.small_nav{ position: relative; }
.coming{padding-top:52px;}
.coming h3{display:block; color:#ffffff; text-transform:uppercase; margin-bottom:54px; font-weight:600; font-size:44px; letter-spacing:22px;text-shadow: 2px 2px 2px #000; }
.input_box{width:426px; margin:0 auto; position:relative; margin-bottom:35px; }
.input_box input[type=email]{width:100%; height:56px; border-radius:24px;  border:none; outline:none; padding:10px 74px 10px 12px; }
.input_box input[type=submit]{ width:15%; background: #000 url(../images/arr.png) center center no-repeat; border:none; position:absolute; right:0;top:0; height:100%; font-size:0; border-bottom-right-radius:24px; border-top-right-radius:24px; outline:none;}
.coming ul{list-style:none; padding:0; margin:0px 0px 37px;}
.coming ul li{display:inline-block; padding:0px 16px; color:#fff; font-weight:500;}
.coming ul li a .fas{margin-right:5px; vertical-align:middle; color:#fffefe; }
.coming ul li a .fa-phone{transform: rotate(90deg);}
.social ul li{padding:0px 0px 0px 8px;}
.social ul li a .fab{width:32px; height:32px; border-radius:50%; border:1px solid #fff; padding-top: 8px;}
@media only screen and (max-width: 1199px) {
	.coming {
    padding-top: 20px;
}
.coming h3 {
 
    margin-bottom: 38px;
    
    font-size: 30px;
}
.wrap {
  
    margin-bottom: 26px;
}
.letter:nth-child(3) {
   
    margin-left: -14px;
}
}
@media only screen and (max-width: 767px) {
a:hover, a:focus, a:active{ text-decoration:none; border: 0px; outline: none; -webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;}	
}
@media only screen and (max-width: 639px) {
	.letter, .space {
    
    font-size: 26vw;
	}
	.coming h3 {

    margin-bottom: 25px;
  
    font-size: 30px;
    letter-spacing: 9px;
    
}
.input_box {
    width: 100%;
}
.coming ul li {
    display: block;
    padding: 0px 0px 8px;
    color: #fff;
    font-weight: 500;
}
.social ul li{display:inline-block; padding:0px 4px;}
.input_box input[type="email"] {
   
    height: 52px;
}
.coming ul {
   
    margin: 0px 0px 24px;
}
.letter:nth-child(3) {
    margin-left: -10px;
}
.input_box input[type="email"] {
 
    padding: 10px 52px 10px 12px;
}
}