* {
	box-sizing: border-box;
	margin: 0px;
	padding: 0px;	
}
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, p {
	margin: 0;
	padding: 0;
	border: none;
}
a, input, select, textarea {
	outline: none;
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}
a, button, input  {
	outline: none;
	border: none;
	transition:all 0.5s ease 0s;
	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	-ms-transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
}
a:hover, button:hover, input:hover{
	transition:all 0.5s ease 0s;
	-webkit-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	-ms-transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
}
img {
	max-width: 100%;
	height: auto;
	width: auto;
	vertical-align: middle;
	border: none;
	outline: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	margin: 0;
	padding: 0;
}
div, h1, h2, h3, h4, h5, span, p, input, form, img, hr, img, a {
	margin: 0;
	padding: 0;
	border: none;
	text-decoration:none;
	font-family: 'GT Walsheim Trial Rg';
}
.clear {
	clear: both;
}
body {
	font-family: 'GT Walsheim Trial Rg';
}
header {
    position: absolute;
    top: 0;
    z-index: 10;
    width: 100%;
    display: inline-block;
    padding: 20px 0;

}
.logo {
    display: inline-block;
    vertical-align: middle;
	width:328px;
	height:124px;
	margin:5px 0 0 0;
}
.logo img{
	display:inline-block;
	width:100%;
	vertical-align:top;
}
.menuzord {
    display: inline-block;
    float: right;
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;
    right: 0;
    text-align: center;
    width: auto;
}
.menuzord-menu > li {
  display: inline-block;
  float: none;
  line-height: 12px;
  padding: 0 26px;
  position: relative;
}
.menuzord-menu > li > a {
  color: #b5b5b5;
  display: inline-block;
  font-size:18px;
  font-weight: 400;
  line-height: 33.77px;
  outline: 0 none;
  padding: 0;
  text-decoration: none;
  text-transform: capitalize;
  vertical-align: top;
  font-family: 'GT Walsheim Trial Rg';
}
.menuzord.red .menuzord-menu ul.dropdown li:hover > a, .menuzord.red .menuzord-menu > li.active > a, .menuzord.red .menuzord-menu > li:hover > a {
    color: #17A6FF;
}
.menuzord-menu > li:nth-last-child(2) {
    padding-right: 0;
}
.outerBox{
	height:100vh;
	width:100%;
	display:inline-block;
}
.innerBox{
	position:absolute;
	height:100vh;
	width:100%;
	z-index: 1;
}
/***************** home banner css ******************/
.home_banner {
    position: relative;
	height:100vh;
	width:100%;
	background:#000000;
	overflow:hidden;
}
.home_banner img {
	position: relative;
	width: 100%;
}
.home_banner video {
    display: block;
	width:112%;
}
.home_banner:after {
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 10%, rgba(0,0,0,0) 100%);
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
}
.home_banner1 {
    position: relative;
}
.home_banner1 img {
	position: relative;
	width: 100%;
}
.home_banner1 video {
    display: block;
}
.home_banner1:after {
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
}
.banner_box {
    position: absolute;
    left: 0;
    text-align: left;
    top: 40%;
    width: 100%;
    z-index: 10;
    transform: translate(0, -50%);
}
.banner_text {
    width:50%;
}
.banner_text1 {
    width:50%;
}
.bottomBx:after {
    width: 15%;
    height: 200px;
    left: -50px;
    position: absolute;
    content: "";
    background: linear-gradient(0deg, rgb(0 128 255 / 80%), rgba(0, 0, 0, 1));
    bottom: -40px;
    z-index: 99;
    filter: blur(8px);
    -webkit-filter: blur(17px);
}
.bottomBx:before {
    width: 15%;
    height: 300px;
    right: -50px;
    position: absolute;
    content: "";
    background: linear-gradient(0deg, rgba(0, 128, 255,1), rgba(0, 0, 0,1));
    bottom: -40px;
    z-index:9999;
    filter: blur(8px);
    -webkit-filter: blur(17px);
}
.text2 {
	color: #ffffff;
	font-family: 'GT Walsheim Trial Md';
	font-size:100px;
    font-weight:500;
    line-height: 87px;
	letter-spacing:-0.04em;
}
.text02 {
	color:rgb(153, 153, 153);
    font-family: 'GT Walsheim Trial Rg';
	font-size:25px;
	font-weight:400;
	line-height: 38px;
	padding: 15px 0 20px;
	width:80%;
}
.banner_text button {
    background: linear-gradient(90deg, #0099ff 0%, #0099ff 100%);
    font-family: "Poppins", sans-serif;
    font-size:16px;
    font-weight:500;
    line-height: 17px;
    text-align: center;
	padding:12px 20px;
    color: #ffffff;
    border-radius:10px;
	margin: 10px 0 0 0;
}
.banner_text button:hover {
	color: #ffffff;
	background: linear-gradient(90deg, #56BEFF 0%, #17A6FF 100%);
}
.banner_text1 button {
    text-transform: uppercase;
    background: linear-gradient(90deg, #17A6FF 0%, #56BEFF 100%);
    font-family: "Roboto Slab", serif;
    font-size:18px;
    font-weight:500;
    line-height: 17px;
    text-align: center;
    color: #ffffff;
    width:260px;
    height: 55px;
    border-radius:5px;
}
.banner_text1 button:hover {
	color: #ffffff;
	background: linear-gradient(90deg, #56BEFF 0%, #17A6FF 100%);
}
footer {
    display: inline-block;
    width: 100%;
    text-align: center;
    background: #000000;
    padding: 40px 0;
}
footer p {
    color: #ffffff;
	font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight:400;
    line-height: 27.63px;
    text-align: center;
}
footer p img {
    display: inline-block;
    padding: 0 0 0 3px;
}
/* .bottomBx {
	    background: radial-gradient(62% 67.9245283018868% at 39% 41.5%, rgba(0, 81, 255, 0) 0%, rgba(0, 153, 255, 0) 36%, rgba(0, 153, 255, 0) 63%, rgba(0, 128, 255, .25) 83%, rgb(0, 51, 255) 100%);
    flex: none;
	    mask: linear-gradient(180deg, rgba(0, 0, 0, 0) 55.13020833333333%, rgba(0, 0, 0, 1) 100%) add;
    height:480px;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 2;
	width: 100%;
	bottom: 0;
} */
.bottomBx {
	    background: radial-gradient(62% 67.9245283018868% at 39% 41.5%, rgba(0, 81, 255, 0) 0%, rgba(0, 153, 255, 0) 36%, rgba(0, 153, 255, 0) 63%, rgba(0, 128, 255, .25) 83%, rgb(0, 51, 255) 100%);
    flex: none;
	    mask: linear-gradient(180deg, rgba(0, 0, 0, 0) 55.13020833333333%, rgba(0, 0, 0, 1) 100%) add;
    height:480px;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 2;
	width: 100%;
	bottom: 0;
}
.bottomBxIn{
	position: absolute;
    z-index: 99;
    bottom: 0;
    width: 100%;
}
.marquee{
  background: linear-gradient(0deg, rgba(0, 128, 255,1), rgba(0, 128, 255,0));
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  height: 110px;
    line-height: 156px;
  padding: 0;
}
.marquee .scroll{
  width: 100%;
  display: flex;
}
.marquee .scroll div{
  color: #fff;
  font-size:22px;
  white-space: nowrap;
  font-weight: 500;
   animation: animate-marquee 140s linear infinite;
  animation-delay: -70s;
}
.marquee .scroll div:nth-child(2){
  animation: animate-marquee-2 140s linear infinite;
  animation-delay: -140s;
}
.marquee .scroll div .category{
  padding: 10px 30px;
}
.category{
  color: #fff;
  font-size: 22px;
  font-weight: 600!important;
  clear: both;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  line-height: 20px;
  font-family: sans-serif;
}
.category a{color:#FFF;text-decoration: none;}

/*Responsive marquee*/
@media (max-width:767px){
  .category{font-size: 25px;}
  .marquee .scroll div{font-size: 25px;}
}

@keyframes animate-marquee{
	0%{
		-moz-transform: translateX(100%);
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
	100%{
		-moz-transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

@keyframes animate-marquee-2{
	0%{
		-moz-transform: translateX(0%);
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
	100%{
		-moz-transform: translateX(-200%);
		-webkit-transform: translateX(-200%);
		transform: translateX(-200%);
	}
}
.square2 img {
    width:5%;
	height:5%;
    animation: rotate 9s infinite linear;
}