/*--
	Coming Soon
--*/ 
/*-------------Fonts---------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900|Nunito:400,600,700,800,900&subset=cyrillic,cyrillic-ext,latin-ext,vietnamese');
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:none;outline:0;font-weight:inherit;font-style:inherit;font-size:100%; vertical-align:baseline;text-decoration:none;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0}
blockquote:before,blockquote:after,q:before,q:after{content:""}
*{margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }								  
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
:focus { outline: 0;}
table { border-collapse: collapse; border-spacing: 0;}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
a{text-decoration:none; position:relative; color:#000;}
audio,video,canvas {max-width: 100%;}
/*-------------General Style---------------------------------------*/
html{
	overflow-x:hidden !important;
	height: 100%;
}
body{
	font-weight: 600;
	font-size: 13px;
	height: 100%;
  	width: 100%;
  	margin: 0px;
 	padding: 0px;
	text-align:center;
	background: #18458B;
	color:#000;
	font-family: 'Nunito', sans-serif;
}
@-o-viewport {width: device-width;}
@-ms-viewport {width: device-width;}
@viewport {width: device-width;}
/*------ loader-------------------------------------------------*/
.loader-wrap {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:100;
	background: #18458B;
}
.pin , .ajax-loader {
	position:absolute;
	left:50%;
	top:50%;
	width:40px;
	height:40px;
	border:4px solid;
	border-radius:100%;
	margin:-20px 0 0 -20px;
}
.pulse  , .ajax-loader-cirle{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:100%;
	animation: spin 1000ms linear infinite;
}
.pulse:before  , .ajax-loader-cirle:before{
	content:'';
	position:absolute;
	width:12px;
	height:4px;
	border-radius:4px;
	background:#fff;
	left:50%;
	top:50%;
	margin:-2px 0 0 -12px;
}
 
@keyframes spin {
   to{
        -webkit-transform: rotate(360deg);
transform: rotate(360deg);
    }
}
 /* ---------Content Styles--------------------------------------*/
#main{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	opacity:0;
}
.container{
	max-width: 1224px;
	width:92%;
	margin:0 auto;
	position: relative;
	z-index:5;
}
.big-container {
	max-width:1500px;
}
.small-container {
	max-width:1024px;
	
}
#wrapper {
	float:left;
	width:100%;
	position:relative;
	z-index:5;
	padding-top:110px;
}
#wrapper.home-wrap {
	padding-top:0;
}
.content {
	width:100%;
	position:relative;
	z-index:4;
	float:left;
	background:#fff;
	overflow:hidden;
}

.fl-wrap {
	float:left;
	width:100%;
	position:relative;
}
.no-bg {
	background:none;
}
.full-height {
	height:100%;
}
.full-width-wrap {
	width:100%;
}
.bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	background-size: cover;
	background-attachment: scroll  ;
	background-position: center  ;
	background-repeat:repeat;
	background-origin: content-box;
}
.wave-bg  , .city-bg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	background:url(../images/wave.png) repeat;
}
.respimg {
	width:100%;
	height:auto;
}
.overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.2;
	z-index:2
}
.op1 {
	opacity:0.1;
}
 
.op3 {
	opacity:0.3;
}
.op7 {
	opacity:0.5 !important ;
}
.fw-separator {
	float:left;
	width:100%;
	margin:25px 0;
	height:1px;
	background:#eee;
}
.no-padding {
	padding:0 !important;
}
.cs-wrapper {
	padding:240px 50px 150px;
}
.cs-wrapper .countdown {
	margin:30px  auto;
	max-width:850px;
}
.cs-logo {
	
	margin:0 auto;
}
.soon-title {
	padding-top:20px;
	color:#fff;
	font-size:34px;
	font-weight:800;
	font-family: 'Montserrat', sans-serif;
}
.cs-countdown-item {
	float:left;
	width:25%;
	padding:15px 10px;
	position:relative;
}
.cs-countdown-item:before {
	content:'';
	position:absolute;
	right:-3px;
	height:6px;
	width:6px;
	border-radius:100%;
	background:#fff;
	top:50%;
	margin-top:-3px;
}
.countdown {
	max-width:600px;
	margin:0 auto;
}
.cs-countdown-item:last-child:before {
	display:none
}
.cs-countdown-item span {
	color:#fff;
	font-size:54px;
	font-weight:800;
	font-family: 'Montserrat', sans-serif;
}
#rotate div {
	padding-top:20px;
	color:#fff;
	font-size:18px;
	font-weight:500;
	font-family: 'Montserrat', sans-serif;
}
.cs-countdown-item p {
	color:rgba(255,255,255,0.71);
	font-size:12px;
}
.cs-social  {
	margin-top:50px;
}
.cs-social:before {
	content:'';
	position:absolute;
	top:-15px;
	left:50%;
	height:1px;
	width:70px;
	margin-left:-35px;
	background:rgba(255,255,255,0.21);
}
.cs-social li{
	display:inline-block;
	margin:0 10px;
}
.cs-social li a {
 	color:#fff;
	font-size:14px;
}
.fixed-bg {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
	-webkit-transform: translate3d(0,0,0);
}
.fixed-bg:before  , .fixed-bg:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
	border:30px solid rgba(255,255,255,0.21);
	box-sizing:border-box;
}
.fixed-bg:after {
	z-index:9;
	border:60px solid rgba(255,255,255,0.11);
}
.cs-wrapper #subscribe {
	width:inherit;
	max-width:450px;
	margin:35px auto;
	position:relative;
	float:none;
    box-shadow: 0px 0px 0px 7px rgba(255,255,255,0.1);
}
.subscribe-message {
    color: #fff;
    float: left;
    margin-top: 10px;
    text-align: left;
    font-weight: 500;
    line-height: 19px;
}
.cs-wrapper .subcribe-form p {
	color:#fff;
	font-size:14px;
	margin-top:20px;
}
.cs-wrapper .subcribe-form #subscribe input  {
	width:100%;
	height:48px;
	background:#fff;
	border:none;
	outline:none;
 	border-radius:4px;
	padding:0 30px;
 
}
.cs-wrapper .subcribe-form #subscribe #subscribe-button {
	height:38px;
	padding:0 30px;
	border-radius:4px;
	border:none;
	position:absolute;
	right:6px;
	top:6px;
	color:#fff;
	cursor:pointer;
}
.cs-wrapper .subcribe-form #subscribe #subscribe-button i {
	padding-left:6px;
}
@media only screen and  (max-width: 1064px) {
.cs-wrapper {
	padding:140px 30px 150px;
}
.fixed-bg:before  , .fixed-bg:after {
	display:none;
}
}
@media only screen and  (max-width: 564px) {
.cs-countdown-item span{
	font-size:34px;
}
}