@import url('https://fonts.googleapis.com/css?family=Work+Sans:200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700&display=swap');
/* 
font-family: 'Work Sans', sans-serif;
font-family: 'Oswald', sans-serif;
*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	font-family: 'Work Sans', sans-serif;
}
.clearfix {
	display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* close commented backslash hack */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
a {
	text-decoration: none;
	transition: all 0.5s ease 0s;
	color: #37bbee;
	cursor: pointer;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	max-width: 100%;
	display: block;
}
/*========================================
	 Common Styles START
========================================*/
body {
	margin: 0;
	padding: 0;
	font-family: 'Work Sans', sans-serif;
	font-weight: 400;
	color: #FFF;
}
a:focus {
	box-shadow: none;
}
a:focus, a:hover {
	text-decoration: none;
	color: inherit;
}
a:hover {
	text-decoration: none;
	box-shadow: none;
}
/* Button Css  */
.btn01 {
	font-size: 16px;
	color: #FFF;
	letter-spacing: 0.5px;
	font-weight: 500;
	background-color: #00CBFF;
	display: inline-block;
	border-radius: 5px;
	vertical-align: middle;
	padding: 12px 20px;
	position: relative;
	transition: all 0.8s ease 0s;
	cursor: pointer;
	margin: 0 auto;
	display: table;
	border: 0px;
	opacity: 0.7;
}
.btn01:hover {
	opacity: 1;
	transition: all 0.8s ease 0s;
}
.page-loader {
	background: #FFF;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 200;
}
.loader-img {
	background: url(../images/loading.gif) no-repeat center center;
	position: absolute;
	width: 100%;
	height: 100%;
}
/*========================================
	 Common Styles END
========================================*/

/*========================================
	Common Body Background Css START
========================================*/
.overlay {
	background: rgba(0,0,0,.8);
	height: 100%;
	position: fixed;
	min-height: 100vh;
	width: 100%;
	z-index: -1;
}
.color_bg {
	background: #00CBFF;
}
.gradient_bg {
	background: linear-gradient(to right, #7c9eff, #58b0ff, #31c1ff, #17cfff, #30dcff);
	background-size: 400% 400%;
	animation: gradient_bg 3s ease infinite;
}
}
@keyframes gradient_bg {
 0% {
 background-position: 0% 50%;
}
 50% {
 background-position: 100% 50%;
}
 100% {
 background-position: 0% 50%;
}
}
#particles-js {
	position: absolute;
	width: 100%;
	height: 100%;
}
.particles_bg {
	background: url("../images/particles_bg.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
}
.images_bg{
	background: url("../images/images_bg.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
}
.bubble_bg{
	background: url("../images/bubble_bg.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
}
#bubbleContainer {
	position: absolute;
	height: 100%;
	z-index:99;
	width: 100%;
}
.bubble {
	position: absolute;
	width:15px;
	height:15px;
	border-radius: 100%;
	background: rgba(255, 255, 255, .5);
}
/*========================================
	Common Body Background Css START
========================================*/

/*========================================
	Top Coming Soon Css START
========================================*/
@keyframes sway {
 0% {
 transform: rotate(8deg);
}
 50% {
 transform: rotate(-8deg);
}
 100% {
 transform: rotate(8deg);
}
}
.tm_object {
	position: absolute;
	animation: sway 2.4s infinite;
	animation-timing-function: ease-in-out;
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	transform-origin: top;
	left: 0;
	right: 0;
	height: 5%;
	z-index: 999;
	text-transform: uppercase;
	margin: 0 auto;
	width: 200px;
}
.object-shape {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	display: block;
	background-color: #FFF;
	margin: 0 auto;
	position: relative;
	color: #fff;
	text-align: center;
	font-weight: 800;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.object-text {
	position: absolute;
	top: 50%;
	bottom: 0px;
	letter-spacing: 1px;
	font-size: 18px;
	margin: auto;
	color: #00CBFF;
	left: 0;
	right: 0;
	text-align: center;
	margin: -22px auto 0;
}
.object-shape span {
	font-size: 22px;
	display: block;
}
.object-rope {
	height: 100%;
	width: 5px;
	background-color: #FFF;
	content: "";
	display: block;
	margin-left: 50%;
}
/*========================================
	Top Coming Soon Css END 
========================================*/

/*========================================
	Main Content Css START
========================================*/
.tm_main {
	padding-top: 165px;
	min-height: 100vh;
	padding-bottom: 40px;
}
.tm_header, .countdown-content {
	margin: 0 auto;
	text-align: center;
}
.tm_logo {
	margin: 0 auto 15px;
	display: table;
}
.tm_countdown_content {
	margin-bottom: 50px;
}
.tm_countdown_text {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 0px;
	line-height: 26px;
	text-align: center;
}
.tm_countdown_text h1 {
	font-size: 38px;
	font-weight: bold;
	line-height: 48px;
	margin-bottom: 5px;
}
.tm_countdown {
	margin: 20px auto 20px;
	display: table;
	font-size: 28px;
	font-weight: 500;
}
.tm_countdown > div {
	float: left;
	min-width: 80px;
	padding: 0 20px;
	text-align: center;
}
.tm_countdown .day {
	font-size: 40px;
	margin-bottom: 5px;
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
}
.tm_countdown span {
	position: relative;
	display: block;
	font-size: 16px;
	letter-spacing: 0.25px;
	line-height: 20px;
	padding-top: 5px;
	text-transform: uppercase;
	text-align: center;
}
.tm_countdown span:before {
	content: '';
	position: absolute;
	top: -2px;
	right: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
	width: 30px;
	height: 2px;
	background: #fff;
}
.tm_main{
	position:relative;
	z-index:999;
}
.tm_menus_link_{
	z-index:999;
	position:relative;
}
.form-messege {
	margin: 15px auto 0;
	display: table;
}
/*========================================
	Main Content Css END
========================================*/

/*========================================
	Footer Css START
========================================*/
.tm_social_media {
	text-align: center;
}
.tm_social_media a {
	transition: all 0.4s ease;
	color: #fff;
	display: inline-block;
	line-height: 40px;
	height: 40px;
	margin: 0 3px;
	border-radius: 3px;
	width: 40px;
	border: 1px solid #fff;
	font-size: 22px;
}
.tm_social_media a:hover {
	background: #FFF;
	color: #00CBFF;
}
/*========================================
	Footer Css END
========================================*/

/*========================================
	Others Page START
========================================*/
.tm_menu_link {
	color: #00CBFF !important;
	font-size: 20px;
	position: fixed;
	left: 0;
	padding: 8px 15px;
	font-weight: 600;
	text-transform: uppercase;
	background: #FFF;
	top: 60%;
	transform: rotate(-90deg);
	border-radius: 0px 0px 10px 10px;
	transform-origin: left top 0;
}
.tm_menu_link.right {
	left: unset;
	right: -116px;
	transform: rotate(-90deg);
	top: 62%;
	border-radius: 10px 10px 0 0px;
}
/* ----- MODAL STYLE ----- */
.modal-content {
	border-radius: 0;
	border: none;
	background: none;
	top: 0px;
	margin: 0 auto;
	padding-bottom: 50px;
}
.modal-dialog {
	max-width: 800px;
	margin: 0 auto;
}
.modal-header {
	border-bottom-color: #EEEEEE;
	background-color: #FAFAFA;
}
.modal-backdrop.show {
	opacity: 1;
	pointer-events: none;
}
.tm_close {
	color: #FFF !important;
	font-size: 20px;
	left: 0;
	padding: 8px 15px;
	font-weight: 600;
	text-transform: uppercase;
	background: #00CBFF;
	top: 0;
	left: 0px;
	right: 0px;
	display: table;
	border-radius: 0px 0px 10px 10px;
	margin: 0 auto;
	z-index: 99;
}
.tm_about_wapper {
	padding: 50px 0px;
}
.tm_about_contant h2 {
	font-size: 38px;
	text-align: center;
	font-weight: bold;
	line-height: 48px;
	margin-bottom: 10px;
}
.tm_about_contant p {
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0px;
	line-height: 26px;
	text-align: center;
}
.info-item {
	text-align: center;
}
.info-item h3 {
	font-size: 22px;
	text-align: center;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-weight: 600;
}
.info-item p {
	font-size: 16px;
	line-height: 25px;
	letter-spacing: 0.25px;
}
.contant_form_row {
	margin-bottom: 25px;
}
.contant_form_row .input-group {
	width: 100%;
	background: #FFF;
	border-radius: 5px;
	height: 40px;
	line-height: 40px;
	padding: 10px 15px;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.2px;
	color: #333;
	border: 0px;
}
.textarea-group {
	width: 100%;
	background: #FFF;
	border-radius: 5px;
	height: 100px;
	line-height: 18px;
	padding: 10px 15px;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.2px;
	color: #333;
	border: 0px;
}
/*========================================
	Others Page END
========================================*/