@charset "utf-8";
/* CSS Document */
@font-face {
 font-family: 'neoubold';
 src: url('neou-bold-webfont.woff2') format('woff2'),  url('neou-bold-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'neouthin';
 src: url('neou-thin-webfont.woff2') format('woff2'),  url('neou-thin-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'mulilight';
 src: url('muli-light-webfont.woff2') format('woff2'), url('muli-light-webfont.woff') format('woff');
 font-weight: normal;
 font-style: normal;
}

::-moz-selection { /* Code for Firefox */
 color: #fff;
 background: #1ebcd4;
}

::selection {
 color: #fff;
 background: #1ebcd4;
}
img{ max-width:100%;}

/*Nav*/
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link{ background:#652d90; color:#fff;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{ background:#ec297b; color:#fff;}
.navbar-light .navbar-nav .nav-link{padding:15px 20px;}
.navbar-light .navbar-toggler{ border-color:#fff;}

.welcome h1{ font-family: 'neouthin'; text-align:center; color:#713d99; text-shadow:2px 2px 2px #a4a4a4;}
.welcome span{ background:#ec297b; height:3px; width:200px; display:inline-block;}
.welcome p{ background:#f9fbfc; padding:44px; font-family: 'mulilight'; color:#5e5e5e; font-size:18px; text-align:justify;}
.features{ background: url(../images/top_sky.png) no-repeat right top, url(../images/skybldg.png) no-repeat bottom left, #652d90; padding-top:50px; padding-bottom:300px;}
.features h2{ color:#fff; font-family: 'mulilight'; font-size:26px;}
.features p{ color:#fff; font-family: 'mulilight'; font-size:18px;}
.mobile{ margin-top:0px;}
.dth{ margin-top:100px;}
.datacard{ margin-top:200px;}
.bus{ margin-top:300px;}
.values h1{ font-family: 'neouthin'; text-align:center; color:#713d99; text-shadow:2px 2px 2px #a4a4a4;}
.values span{ background:#ec297b; height:3px; width:200px; display:inline-block;}
.values p{ padding:15px 20px 20px 20px; font-family: 'mulilight'; color:#5e5e5e; font-size:18px; text-align:justify;}
.values h3{ color:#ff0000; font-family: 'mulilight'; font-size:24px; text-align:center;}
.ourvalues{background:#f9fbfc; padding-top:40px; height:100%;}

/* Inner Pages*/
.innerbg{ background:url(../images/bg.png) no-repeat center top;}
/*.innercontent{ background:#fff;}*/
.innercontent h2{ text-align:center; font-family: 'neouthin'; color:#713d99; text-shadow:2px 2px 2px #a4a4a4;}
.innercontent span{ background:#ec297b; height:3px; width:200px; display:inline-block;}
.innercontent h3{font-family: 'neouthin'; color:#713d99; text-shadow:2px 2px 2px #a4a4a4; font-size:24px; background:url(../images/bullet.png) no-repeat top left; padding-left:45px; margin-top:30px;}
.innercontent p{ color:#4c4c4c; font-family: 'mulilight'; font-size:18px; text-align:justify;}
.super{ z-index:1; position:absolute; text-align:right; width:100%; text-align:right;}
.pankh{ background:url(../images/pankh.png) no-repeat right top; height:770px; position:absolute; right:0; z-index:1; width:270px;}
.rightside{ background:#f9fbfc; padding:15px; height:100%;}
.rightside ul{ list-style-type:none; margin:15px 0 0 0; padding:0px;}
.rightside ul li{ list-style-type:none; color:#4c4c4c; font-family: 'mulilight'; font-size:18px; padding:10px 0 10px 50px; border-bottom:1px solid #fff; background:url(../images/bullet.png) no-repeat top left;}
.rightside h6{font-family: 'neouthin'; color:#fff; font-size:20px; margin-top:30px; background:#652d90; padding:10px;}

/*Contact Us*/
.contact{background:#f9fbfc; padding:15px;}
.contact h4{font-family: 'neouthin'; color:#fff; font-size:20px; margin-top:30px; background:#652d90; padding:10px;}
.contact h5{ color:#652d90; font-size:24px; border-bottom:1px solid #fff; padding-bottom:15px; text-transform:uppercase;}
.loginform {
    margin-bottom: 0;
    margin-top: 0;
    padding: 25px;
}
.fullbtn{ background:#c40e57; border:none; border-radius:0px; padding:10px 0;}
.fullbtn:hover{ background:#652d90;}

.footer{ background:#652d90 url(../images/footersky.png) no-repeat left top;}
.footer h4{ font-family: 'neouthin'; text-align:center; color:#fff; font-size:40px;}
.footer span{ background:#fff; height:3px; width:200px; display:inline-block;}
.footer p{ padding:15px 20px 20px 20px; font-family: 'mulilight'; color:#fff; font-size:18px; text-align:center;}
.buttons {
    margin-top: 25px;
}
.buttons a {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border: 1px solid rgb(241, 241, 241);
    display: inline-block;
    margin: 0 15px;
    padding: 11px 25px;
}
.buttons a:hover {
    border: 1px solid rgb(0, 174, 239);
    text-decoration: none;
}
.copyright{ color:#fff; text-align:center; background:#000; text-align:center;}
/*.featuresbg{ background:;}*/
.wrapper {
	height: 500px;
	width: auto;
	margin: auto;
	background: #fff;
	overflow: hidden !important;
}
.animation{ overflow:hidden; position:relative;}
.background {
	height:400px;
	width: auto;
	background: url(../images/bg.png);
	background-repeat:no-repeat;
	background-position: top center;
	background-size: contain;
}

.rocks_1 {
	position: absolute;
	height: 470px;
	width: 1920px;
	background: url(../images/rocks1.png);
	background-repeat: repeat-x;
	background-position: top center;
	background-size: contain;
	animation: translateX 150s infinite linear both;
	margin-top:-400px;
}
.rocks_2 {
	position: absolute;
	height: 315px;
	width: 1920px;
	background: url(../images/rocks.png);
	background-repeat: repeat-x;
	background-position: top center;
	background-size: contain;
	animation: translateX 60s infinite linear both;
	margin-top:-240px;
}
.rails {
	position: absolute;
	height:32px;
	width: 1920px;
	background: url(../images/rails.png);
	background-repeat: repeat-x;
	background-position: top center;
	background-size: contain;
	animation: translateX 20s infinite linear both;
	margin-top:72px;
}
.train {
	position: absolute;
	height: 281px;
	width: 1500px;
	right: 0px;
	background: url(../images/train.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	animation: translateX 3s finite linear both;
}
.ground {
  position: absolute;
  width: 1920px;
  height: 98px;
  bottom: 0px;
  /*background: #fff;*/
}
.lights {
	position: absolute;
	height: 103px;
	width: 1920px;
	background:url(../images/lights.png);
	background-repeat: repeat-x;
	background-position: top center;
	background-size: contain;
	animation: translateX 20s infinite linear both;
}
.moon {
	position: absolute;
	top: 3%;
	height: 315px;
	left: 25px;
	width: 120px;
	background:url(../images/sun.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
}

@keyframes translateX {
	0% {background-position: 0px 0px;}
	100% {background-position:  1920px 0px;}
}


 @media all and (min-width: 240px) and (max-width: 320px) {
  .moon{ display:none;}
 .train{left:10px;}
 .mainlogo{ width:160px;}
 .rocks_2{ height:230px; margin-top:-158px;}
 .rocks_1{ height:400px; margin-top:-328px;}
 .background{ height:300px;}
 .wrapper{ height:405px;}
 .mobile{ margin-top:325px;}
.dth{ margin-top:50px;}
.datacard{ margin-top:50px;}
.bus{ margin-top:50px;}
.navbar-light .navbar-nav .nav-link{ color:#fff;}
.collapse{ background:#3d0964; color:#fff;}
.footer{ padding-top:300px !important;}
.super{ display:none;}
.pankh{ display:none;}
}
 @media all and (min-width: 320px) and (max-width: 480px) {
 .moon{ display:none;}
 .train{left:10px;}
 .mainlogo{ width:160px;}
 .rocks_2{ height:230px; margin-top:-158px;}
 .rocks_1{ height:400px; margin-top:-328px;}
 .background{ height:300px;}
 .wrapper{ height:405px;}
 .mobile{ margin-top:325px;}
.dth{ margin-top:50px;}
.datacard{ margin-top:50px;}
.bus{ margin-top:50px;}
.navbar-light .navbar-nav .nav-link{ color:#fff;}
.collapse{ background:#3d0964; color:#fff;}
.footer{ padding-top:300px !important;}
.super{ display:none;}
.pankh{ display:none;}
}
 @media all and (min-width:481px) and (max-width:567px) {
  .moon{ display:none;}
 .train{left:10px;}
 .mainlogo{ width:160px;}
 .rocks_2{ height:230px; margin-top:-158px;}
 .rocks_1{ height:400px; margin-top:-328px;}
 .background{ height:300px;}
 .wrapper{ height:405px;}
 .mobile{ margin-top:325px;}
.dth{ margin-top:50px;}
.datacard{ margin-top:50px;}
.bus{ margin-top:50px;}
.navbar-light .navbar-nav .nav-link{ color:#fff;}
.collapse{ background:#3d0964; color:#fff;}
.footer{ padding-top:300px !important;}
.super{ display:none;}
.pankh{ display:none;}
}
 @media all and (min-width:568px) and (max-width:767px) {
  .moon{ display:none;}
 .train{left:10px;}
 .mainlogo{ width:160px;}
 .rocks_2{ height:230px; margin-top:-158px;}
 .rocks_1{ height:400px; margin-top:-328px;}
 .background{ height:300px;}
 .wrapper{ height:405px;}
 .mobile{ margin-top:325px;}
.dth{ margin-top:50px;}
.datacard{ margin-top:50px;}
.bus{ margin-top:50px;}
.navbar-light .navbar-nav .nav-link{ color:#fff;}
.collapse{ background:#3d0964; color:#fff;}
.footer{ padding-top:300px !important;}
.super{ display:none;}
.pankh{ display:none;}
}
 @media all and (min-width:768px) and (max-width:900px) {
   .moon{ display:none;}
 .train{left:10px;}
 .mainlogo{ width:160px;}
 .rocks_2{ height:230px; margin-top:-158px;}
 .rocks_1{ height:400px; margin-top:-328px;}
 .background{ height:300px;}
 .wrapper{ height:405px;}
 .mobile{ margin-top:325px;}
.dth{ margin-top:50px;}
.datacard{ margin-top:50px;}
.bus{ margin-top:50px;}
.navbar-light .navbar-nav .nav-link{ color:#fff;}
.collapse{ background:#3d0964; color:#fff;}
.footer{ padding-top:300px !important;}
.super{ display:none;}
.pankh{ display:none;}
}
 @media all and (min-width:901px) and (max-width:1024px) {
  .train{left:200px;}
}
 @media all and (min-width:1024px) and (max-width:1280px) {
  .train{left:200px;}
}
 @media all and (min-width:1280px) and (max-width:1600px) {
  .train{left:200px;}
}