html, body		{line-height: 1; min-height:100%;}


#progress					{height:2%; background:#444; bottom:0; z-index:200;}
#scrollbar					{position:fixed; right:2px; height:50px; width:6px; background:#444; background:rgba(0,0,0,0.6); border:1px solid rgba(255,255,255,0.6); z-index:300; border-radius:3px;}
.skrollr-desktop #scrollbar	{display:none;}



#intro				{color: white; left:5%; top: 48%; -webkit-transform-origin:0 0; -moz-transform-origin:0 0; -ms-transform-origin:0 0; -o-transform-origin:0 0; transform-origin:0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



#transform			{width:100%; height: 100%; .transform-origin(50%, 50%); -webkit-transform-origin:0 0;}

#properties 		{width:100%; height:100%; background: #000000; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
#properties h2		{color: #bb935a;}

#easing 			{background: #1d1d1d; top:0%; width:100%; height: 100%; z-index:101;}
#easingnew			{background: #cccccc; top:50%; width:80%; height: 2px; z-index:102;}

#easing_wrapper		{width:100%; height:70%; padding-top: 15%; text-align: center;position: relative;z-index:99 }
#easing_wrapper img	{display: inline-block;width: 30%;}
.video-main 		{position:absolute;top:0px;left:0px;bottom:0px;right:0px;z-index:1;overflow: hidden }


#download	{width:100%; left:0%; height:100%; background: #000000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.company-brand {font-size: 18px;}
.maharaja-logo-start h1{text-transform: uppercase;margin-bottom: 3rem;font-weight: 600;letter-spacing: 4px;font-size: 50px;color:#fff;}
.maharaja-logo-start{text-align: center;margin-top:0rem;margin-bottom:0rem;}
.maharaja-logo-start img{width:18%;}

@media only screen and (max-width:1366px){
.company-brand {font-size: 16px;}}

@media only screen and (max-width:1024px){
.company-brand span {display: block;line-height: 30px;}
.jumbotron video{height: 600px;}}



@media only screen and (max-width:768px){
.maharaja-logo-start img{width:25%;}
.company-brand h5{font-size:13px;}
.company-brand span a{font-size:12px;}	
.maharaja-logo-start h1{font-size:25px!important;}
.maharaja-video-intro{top:3%;}
.maharaja-logo-start img{margin-top: -1rem;}
.jumbotron video{height:500px;}}

@media only screen and (max-width:475px){
.jumbotron video{height:600px;}
.maharaja-logo-start img{width:30%;}
.company-brand span{display: block;}
.company-brand h5{font-size:16px;}
.company-brand span a{font-size:14px;}}

hr.maharja{border-top:1px solid #b89158;}

.company-brand{}
.company-brand span{line-height: 30px;}
.company-brand span a{display: block;color:#fff;}
.company-brand {height: 100%;}
.company-brand h5{color:#fff;}
.col-website{border-right:1px solid #fff;}
.maharaja-video-intro span a{border:1px solid #fff;display: inline-block;padding:5px 15px 5px 15px;}
/*****JUMBOTRON VIDEO CSS STARTS HERE*****/
.jumbotron {position: relative;overflow: hidden;/*background: linear-gradient(90deg, rgb(149 122 58) 0%, rgb(0 0 0) 100%);*/background-color:#1e2c8b;}
.jumbotron video {object-fit: cover;opacity:0.3;}
.maharaja-video-intro{position: absolute; width: 100%; left: 0; top: 8%;}
/*****JUMBOTRON VIDEO CSS ENDS HERE*****/