@import url('https://fonts.googleapis.com/css?family=Noto+Sans');


@font-face {
   font-family: 'KBC';
      src: url('KBC18_0.ttf');
      src: url('KBC18_0.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

*{box-sizing: border-box; font-family: 'Noto Sans', sans-serif;}
.yellow-bg{background: #ffeb00}
.navbar{background: #fff; padding: 20px 0px; border:none; margin-bottom: 35px;}
.text-black{color:#000 !important;}
.text-red{color:#d32727 !important;}
.text-yellow{color:#fff7b2 !important;}
.text-white{color:#fff;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f24{font-size:24px !important;}
.font50{font-size:50px;}
body{background: #fff;}
.mh70{min-height: 70vh}
footer{padding: 30px 20px; margin-top: 40px; border-top:10px solid #b16a0a;}
.box-booking{background-color: #d32727; text-align: center; padding: 45px}
a{text-decoration: none !important}
.gap{height:50px; width: 100%}
.radio{
    margin-top: 0px;
}
.bg-white{background:#fff;}
.paddingtop{padding-top:50px;}
.img-cen{display: block; margin:0 auto;}
.border-map{border:45px solid #FFF7B2;}
.paddingall{padding:40px 10px;}
.form-button{color: #fff !important;
    padding: 14px;
    background: #291f90;
    border-radius: 10px;
    border:3px solid #a9a6c5;
}
.form-button:hover{color: #291f90 !important;
    padding: 15px;
    background: #a9a6c5;a9a6c5
    border-radius: 10px;
    border:3px solid #291f90;
}
.margin10{margin: 10px 0px 10px 0px;
    border: 1px solid #000;}
/*.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0.3;
  }
}*/
.navbar-inverse .navbar-toggle { border-color: #fff;}
.navbar-toggle{margin-right: 21px}
@media only screen and (max-width: 412px)
{
  .navbar-brand img{width:12%; margin-top:-31px;}
  .navbar-collapse.collapse{background:#fff;}
  .topc1{height: 1200px}
  .mobile_hide{display: none}
  .nav_btns{width:50%; margin:5px 0px 5px 10px; padding: 10px}
  .mobile_tc{text-align: center}
  .navbar-brand{margin-top:-50px;}
  .f16{font-size:13px;}
  .font24{font-size:16px !important;}  
    footer{margin-top:0px;}
  nav>li { padding: 0px 19px; position: relative; display: block;}
  footer .text-right{text-align: left}
  footer img{margin-top:0px !important;}
  .white_highlight_div{width: 100% !important}
  .m-pull-right{float: none !important}
}

@media only screen and (min-width: 768px) 
{
  .white_highlight_div{width: 60%}
  .rel_abs{position: relative; left: -50%;}
  .desktop_hide{display: none}
  .row{margin-right:0px !important;}
  .popimg{position: absolute; top:20%; left: 75%; overflow: hidden; height: 180px; width: 180px}
  .home_btn_slider{position: relative;top:68vh;}
  /*.carousel-inner{height: 84vh}*/
  .font180{font-size:160px;}
  .congratText{font-size:67px;}
  .border-map{border:45px solid #FFF7B2;}
  .navbar{background: #fff; padding: 20px 0px; border:none; margin-bottom: 35px}
  .navbar-img{width: 85%; margin-top:-14px}
  .img-footer{width: 40%}
  .banner-img{width:60%;}
  .hindi-img{width: 50%}
  .max85{min-height:85vh;}
  .img-right{display: block; margin:0 0 0 auto;}
  .img-left{display: block; margin:0 auto 0 0;}
  .img-top{margin-top:20vh;}
  .img-top1{margin-top:45vh;}
} 
@media only screen and (max-width: 768px)
{
  .m-pull-right{float: none !important}
  .white_highlight_div{width: 90% !important}
  .navbar-brand img{width:14% !important; margin-top:-31px;}
  .navbar-inverse .navbar-toggle .icon-bar{background-color: #2a1f90}
  .navbar-collapse.collapse{background:#fff; padding: 0px 35px}
  footer .text-right{text-align: left}
  footer img{margin-top:0px !important;}
  .topc1{height: 1200px !important}
  nav>li { padding: 0px 19px; position: relative; display: block;}
  .mt130{margin-top:50px !important;}
  .line_height_50{line-height:35px !important}
  .rel_abs{position: static; left: 0%;}
  .tabs_three{width:auto !important;}
  .countdowns{position: static !important; top:0px; left:0px; margin:0 auto; width:53%;}
  .time_countdown { font-size: 22px !important; border-radius: 8px;}
  .bg_red_index {padding: 13px 4px !important; background: #d32727; color: #fff; width: 40px;}
  .time_countdown1 {font-size: 8px !important; display: inline-block; border-radius: 8px; 
    padding: 0px 0px !important; font-weight: 600;}
  #banner_btn{font-weight:500 !important; background: #007e47; border-color: #007e47; 
      font-size: 17px !important; padding: 5px 7px; top: 17px;}

  .mobile_hide{display: none}
  .row{margin-right:-15px}
  .popimg {
    position: absolute;
    top: 17%;
    left: 75%;
    width: 20%;
    overflow: hidden;
  }
  .carousel-inner{height: auto}
  .ptt-banner{padding-top:0px;}
  .font180{font-size:50px;}
  .congratText{font-size:50px;}
  .f45{font-size: 35px !important;  font-family: KBC}
  .f34{font-size: 24px !important;  font-family: KBC}
  .f55{font-size: 45px !important;  font-family: KBC}
  .f100{font-size: 60px !important;  font-family: KBC}
  .hindi{font-family: KBC !important}
  .f36{font-size: 26px !important;  font-family: KBC}
  .f70{font-size:50px !important;  font-family: KBC}

  .border-map{border:5px solid #FFF7B2;}
  .navbar{background: #fff; padding: 20px 0px 0px 0px; border:none; margin-bottom: 35px}
  .navbar-img{width: 85%; margin-top:-26px}
  .img-footer{width: 100%}
  .banner-img{width: 100%}
  .hindi-img{width: 100%}
  .max90{height:auto;}
  .img-left, .img-right{display: block; margin:0 auto;}
} 
 
 .icon {
  position: relative;
  overflow: hidden;
 
  display: inline-block;
  text-decoration: none;
  text-align: center;
  font-size: 16px;
  font-family: sans-serif;
}

.icon:after {
  
  animation: shine 1s ease-in-out infinite;
  animation-fill-mode: forwards;  
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);
  background: rgba(255, 255, 255, 1);
  background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.6) 0%,
    rgba(255, 255, 255, 0.65) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}

.icon1 {
  position: relative;
  overflow: hidden;
  text-decoration: none;
  text-align: center;
  font-size: 16px;
  font-family: sans-serif;
}

.icon1:after {
  
  animation: shiner 1.8s ease-in-out infinite;
  animation-fill-mode: forwards;  
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0;
  transform: rotate(120deg);
  background: rgba(255, 255, 255, 1);
  background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.6) 0%,
    rgba(255, 255, 255, 0.65) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.2) 100%
  );
}


ol { counter-reset: item }

.icon:active:after{
  opacity: 0.5;
}

 .icon-green {
  position: relative;
  overflow: hidden;
 
  display: inline-block;
  text-decoration: none;
  text-align: center;
  font-size: 16px;
  font-family: sans-serif;
  top:5px;
}

.icon-green:after {
  
  animation: shine 1s ease-in-out  infinite;
  animation-fill-mode: forwards;  
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);
  
  background: rgba(76, 175, 80, 1);
  background: linear-gradient(
    to right, 
    rgba(76, 175, 80, 0.5) 0%,
    rgba(76, 175, 80, 0.55) 77%,
    rgba(76, 175, 80, 0.40) 92%,
    rgba(76, 175, 80, 0.0) 100%
  );
}
.icon-green:active:after {
  opacity: 0.4;
}


.icon-red {
  position: relative;
  overflow: hidden;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  font-size: 16px;
  font-family: sans-serif;
  top:5px;
}

.icon-red:after {
  
  animation: shine 1s ease-in-out  infinite;
  animation-fill-mode: forwards;  
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);
  background: rgba(181, 61, 59, 1);
  background: linear-gradient(
    to right, 
    rgba(181, 61, 59, 0.5) 0%,
    rgba(181, 61, 59, 0.55) 77%,
    rgba(181, 61, 59, 0.40) 92%,
    rgba(181, 61, 59, 0) 100%
  );
}
.icon-red:active:after {
  opacity: 0.4;
}

@font-face {
    font-family: hindiFont;
    src: url(KBC18_0.ttf);
}
@keyframes shine{
  10% {
    opacity: 1;
    top: -50%;
    left: -90%;
    transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease;
  }
  100% {
    opacity: 0;
    top: -100%;
    left: -0%;
    transition-property: left, top, opacity;
  }
}

@keyframes shiner{
  10% {
    opacity: 1;
    top: -50%;
    left: -90%;
    transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease;
  }
  100% {
    opacity: 0;
    top: -100%;
    left: -0%;
    transition-property: left, top, opacity;
  }
}

.f45{font-size: 45px;  font-family: KBC}
.f34{font-size: 34px;  font-family: KBC}
.f100{font-size: 100px;  font-family: KBC}
.hindi{font-family: KBC !important}
.f55{font-size: 55px !important;  font-family: KBC}
.f36{font-size: 36px;  font-family: KBC}
.f70{font-size:70px;  font-family: KBC}
.font35{font-size:35px;}
.font45{font-size:45px;}
.font30{font-size:30px;}
.font24{font-size:24px;}
label{font-size:16px;}
.ptt{padding-top:70px;}
.home-banner{background: url(../images/website-banner.jpg) no-repeat center;}
.upper_header{background-color:#d32727; padding:10px;}
.upper_header a:hover{color:#fff !important;}


/* counter */
.cspan {
  display: inline-block;
  padding: 10px 10px 10px;
  border-radius: 3px;
  background: #d32727;
  margin-right: -2px;
  color:#fff;
}
.center {
  text-align: center;
  width: 50%;
  margin: 20px auto;
}
.message {
  color: #ccc6e3;
  font-family: Verdana;
  font-size: 12px;
}

/* Tabs */
/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}
@media (min-width: 768px){
  .ptt-banner{padding-top: 70px }
.modal-dialog {
    width: 50%;
    margin: 100px auto;
}
}

.mt130{margin-top:130px;}
.close{opacity: 0.7}
.sbmt-btn{padding: 11px 10px;
    font-size: 16px;
    background: #fff7b4;
    font-weight: 500;
    border: 2px solid #000;}
.margin-right{margin-right:20px;}
.modal-content{background: #fff7b2 !important}
.btn-defaultt{background: #d32727 !important; border-color: #d32727 !important; }
.btn-defaultt:hover{background: #9b1919 !important; border-color: #9b1919 !important; color:#fff; }
.text-white{color:#fff;}
.f22{font-size:22px !important;} 

.tbl>tbody>tr>td, .tbl>tbody>tr>th, .tbl>tfoot>tr>td,
 .tbl>tfoot>tr>th, .tbl>thead>tr>td, .tbl>thead>tr>th{border:1px solid #000; padding:10px;}
.m-tb20{margin-top:20px; margin-bottom: 20px}
/* Carousel Styles */
.carousel-indicators .active {
    background-color: #e31e24;
}


.carousel-inner img {
    width: 100%;
    /*max-height: 1150px*/
}

.carousel-control {
    width: 0;
}

.carousel-control.left,
.carousel-control.right {
  opacity: 1;
  filter: alpha(opacity=100);
  background-image: none;
  background-repeat: no-repeat;
  text-shadow: none;
}

.carousel-control.left span {
  padding: 15px;
}

.carousel-control.right span {
  padding: 15px;
}

.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {
  position: absolute;
  top: 45%;
  z-index: 5;
  display: inline-block;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
  left: 0;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
  right: 0;
}

.carousel-control.left span,
.carousel-control.right span {
  background-color: transparent;
}

.carousel-control.left span:hover,
.carousel-control.right span:hover {
  opacity: .8;
  filter: alpha(opacity=80);
}

/* Carousel Header Styles */
.header-text {
    position: absolute;
    top: 0%;
    left: 0%;
    right: auto;
    width: 100%;
    color: #fff;
}

.header-text h2 {
    font-size: 40px;
}

.header-text h2 span {
    background-color: #2980b9;
  padding: 10px;
}

.header-text h3 span {
  background-color: #000;
  padding: 15px;
}

.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}

.btn-theme {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 15px;
}

.btn-theme:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}
.carousel-control{color:#e31e24 !important;}
.carousel-control:hover{color:#e31e24;}
.show-off {
  width: 405px;
  height: 605px;
  position: relative;
  top: -556px;
  left: -550px;
  transition: 1s;
  transform: rotate(30deg);
  background: linear-gradient(90deg, rgba(255,255,255, 0)50%, rgba(255,255,255,0.5)100%);
}

.popimg .show-off {
  transform: rotate(0);
  animation: shineimg 3s ease-in-out infinite;
}
@keyframes shineimg{
  100% {
    left: 560px;
    top: -445px;
    transition-property: left, top;
    transition-duration: 0.7s, 0.7s;
    transition-timing-function: ease;
  }
}
.image-center{display: block; margin: 0 auto}
.bhadai_heading{margin-top:65px;}
.inline-block{display: table-cell; text-align: center;}
.background_index{padding: 30px 0px; background: #0f065f}
.time_countdown{font-size: 40px; border-radius: 8px}
.bg_red_index{padding: 20px 30px; background: #d32727; color:#fff;}
.countdowns{position: absolute; top:20px; margin: 0 auto; left:50%;}
.time_countdown1{font-size: 15px; display: inline-block; border-radius: 8px;
  padding: 10px 20px;font-weight: 600 }
.index_btn{position: absolute; bottom:10%; margin: 0 auto; left:50%;}
.font36{font-size:36px;}
.text-green{color:#007e47;}
.mtt{margin-top:30px;}
.background_custom{background: url('../images/custom.png') center no-repeat;}
.line_height_50{line-height:50px}
.pb{padding-bottom: 50px}
.gallery_btn{position: relative; top:45px;}

#image-gallery .modal-footer{
  display: block;
}

.thumb{
  margin-top: 15px;
  margin-bottom: 15px;
}
.gallery
{
    display: inline-block;
    margin-top: 20px;
}
.mt-50{margin-top: 50px}
.text-grey{color:#969696;}
.pt-0{padding-top: 0 !important}
.mt-0{margin-top: 0 !important}
.pb-0{padding-bottom: 0 !important}
.mb-0{margin-bottom: 0 !important}
.pl-0{padding-left: 0 !important}
.ml-0{margin-left: 0 !important}
.pr-0{padding-right: 0 !important}
.mr-0{margin-right: 0 !important}
.pa-10{padding: 10px !important}
.p-0{padding: 0 !important}
.center_div{width: 80%; margin: 0 auto}
.border_white{border:3px solid #fff; border-radius: 8px; padding: 10px; text-align: center}
.white-text{color:#fff;}
.yellow-text{color:#fff50a;}
.bg1{background: url('../images/railway/bg2.png') center no-repeat; min-height: 180px;  background-size: contain;}
.sm-t{margin-top:15px;}
.custom_rel_img{position: absolute; top:15px; left:0;}
.bg2{background: url('../images/railway/bg1.png') center no-repeat; background-size: contain;}

.headerbg{background:url('../images/railway/header1.png') no-repeat; background-position: left top}
.negativez, marquee{z-index: -1}
.positivez{z-index: 10}
.yellow_bg_1{background:#0f065f url('../images/railway/yellow_bg_1.png') center no-repeat;}
.topc{
  position: relative;
  height: 670px;
  clip-path: polygon(
    0 0,
    100% 0,
    100% 100%,
    0 calc(100% - 5vw)
  );
}
.bottomc{
  margin-top: -5vw;
  background-image: linear-gradient(135deg, #0f065f, #0f065f);
}
.bg_yellow{background:#f79e1b }
.text-green{color:#126305;}

.topc1{
  position: relative;
  height: 680px;
  background-image: linear-gradient(#0f065f, #0f065f);
  clip-path: polygon(
    0 0,
    100% 0,
    100% 100%,
    0 calc(100% - 5vw)
  );
  overflow: visible;
}
.navbar-inverse .navbar-toggle{ background-color: #fff;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #fff;}
footer div.row{padding: 15px}
.text-blue{color:#291f90;}
.bg-blue{background:#291f90 !important }
body{overflow-x: hidden}
.large-mt{margin-top:130px;}
.navbar-brand {
  transform: translateX(-50%);
  left: 50%;
  position: absolute;
}


/* DEMO example styles for logo image */
.navbar-brand {
  padding: 0px;
}
.navbar-brand>img {
  height: 100%;
  width: auto;
  padding: 0px 14px; margin-top: -10px
}
.navbar-brand{height: 70px}
.bg-header{background: url('../../images/web/header_stones.jpg') no-repeat center;}
.orange_bg{background:#faa018;}
.button_style{padding: 11px; font-size: 30px;}
.white_highlight{background: #fff; padding: 10px; border-radius: 10px}
.white_bg{background:#fff;}
footer img{margin-top:-110px !important;}
footer{background:url('../../images/web/footer-bg.jpg');}
.bb{  text-underline-position: under;}