body, .container-fluid{background-color:#000000; padding:0 !important; margin:auto;}
.rounded-input{background-color: #000000 !important; color: #fff; line-height: 12px; border-radius:20px; border:2px solid #cccccc; padding: 5px 10px !important;}
.top-menu{margin-bottom:10px !important}
.top-menu .logo{padding: 10px !important;}
.rounded-btn{color:#737373 !important; line-height: 12px; border: none;
    border-radius: 10px; padding: 10px 36px;}
.form-bg{background-color:#00000099; border-radius:10px; float:right;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #ffffff !important;
  }
  ::-moz-placeholder { /* Firefox 19+ */
    color: #ffffff !important;
  }
  :-ms-input-placeholder { /* IE 10+ */
    color: #ffffff !important;
  }
  :-moz-placeholder { /* Firefox 18- */
    color: #ffffff !important;
  }
  .link-btn{cursor: pointer; font-size: 15px; text-align: center !important; background: #e76f23 !important;
    color: #fff !important;}
  .reset-btn{color: #737373 !important; font-size: 15px;}
  textarea.form-control{padding: 6px !important;}
  .input-group-addon:last-child{border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
  span.input-group-btn {
    width: inherit;
}
.input-group-addon{background-color: transparent;;
    border: transparent;
    border-radius: 0;
    color: #fff;
    border-bottom: 1px solid #676462; padding: 0 5px 0 0;}
  .input-group .form-control:first-child{border-right:none;}
  /* .input-group .form-control:not(:first-child):not(:last-child){border-left:none;} */
 /* Video */
.video {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
  
  }
  
  .video video{
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .button{
    position: absolute;
    width: 100%;
    height: 100%;
  z-index:1;
  color:white;
  font-size:3rem;
  display:flex;
  justify-content:center;
  align-items:center;
  cursor:pointer;
  text-shadow:0 0 15px rgba(0,0,0,0.5);
  }
  .hover{
  visibility:hidden;
  transition:visibility .3s, opacity .3s;
  opacity:0;
  }
  
  .video:hover .hover{
  visibility:visible;
  opacity:1
  }
  
  .bar{
  height:5px;
  background:red;
  width:0;
  position:absolute;
  bottom:0;
  z-index:2;
  }
  .text-sm{font-size:11px !important; padding-top: 5px;}
  .display-none{display: none !important;}
input:placeholder-shown {
    font-size:13px;
    color: #ffffff !important; font-weight: 200;
    letter-spacing: 1px;}
    .small-text{font-size:15px; color:#ed1556; padding-bottom:10px; text-align:left;}
     .small-text1{font-size:15px; color:#f37021; padding-bottom:10px;}
    .fa.fa-clock-o{color:#e76f23;}
    .form-control{border-radius: 0px !important;background: transparent;
    border: none;
    border-bottom: 1px solid #676462; box-shadow: none !important; color: #ffffff; letter-spacing: 1px; font-weight: 200; padding: 6px 6px;     height: 28px; font-size:13px;}
    .form-group{margin-bottom: 8px;}
    option {color: #000000;/* Only placeholder “Select City” white */}
    .p15{padding:18px;}
    .mt10{margin-top:10px;}
    .desk-bg{background-position-x: center;
        background-position: top;
        background-size: 100%; background-repeat: no-repeat; padding-top: 10px;}
        .pl2{padding-left:2px;}
        .footer_city_name{text-transform: uppercase;}
        .gray-text{color:#afafaf;}
        .white-text{color:#ffffff;}
        .thank-text{line-height: 22px; text-transform: uppercase;}
        .thank-you-text{font-size:19px; font-weight: 400;}
        .col-md2.full-w{width:100%;}

@media (min-width: 768px) {
  .container-box{max-width: 920px; margin:auto; height: 551px; padding: 15px;}
  .desk-bg{background-image: url(/images/agni-4-elite-pass-bg.jpg) !important;}
  .footer_city_name{color:#656565; font-size:24px; clear:both; text-align:center; padding: 18px 15px;
        margin: 0; text-transform: uppercase;}
    .pd30{padding: 0 15px  !important;}
    .top-menu .logo {
        width: 10% !important;
    }
    .top-menu .logo-agni-4 {
        width: 11% !important;
    }
    .rounded-input{height: 38px;}
    .top-head{font-size:18px; color:#696969; margin-top:0; font-weight: 400;
        letter-spacing: .8px; margin-bottom: 10px;}
    .pdl30{padding-left:30px !important}
    .title{font-size: 26px;
      color: #fff;
      text-align: center;
      margin-bottom: 5px;
      line-height: 24px; letter-spacing: 2px; margin-top:0;}
      .col-md1{width:66%;}
      .col-md2{width:50%;}
      .col-md2.col-md5{width:54%; margin-top:6%;}
      .thank-you-text{font-size: 40px  !important;}
      .thank-text{font-size: 22px; letter-spacing: 2px; margin-top: 16px; font-weight: 300;}
      .mt55{margin-top:55px;}
      .mt45{margin-top:45px;}
      .mt25{margin-top:25px;}
      .mt36{margin-top:36px;}
}
@media (max-width: 767px) {
    body {
        font-size: 14px;
        line-height: 24px;
    }
    .mob-bg{background-image: url(/images/m-agni-4-elite-pass-bg.jpg) !important; width: 100%; display: inline-block; margin: auto;}
    .form-bg{margin-top: 45%;}
    .footer_city_name{ font-size: 18px; text-align: center;}
    .rounded-input{height: 40px !important;}
    .title{font-size: 16px;
      color: #fff;
      text-align: center;
      margin-bottom: 0;
      line-height: 24px; letter-spacing: 2px; margin-top: 0;}
      .small-text{font-size:14px;}
      .top-head{font-size:16px; color:#696969; margin-top:0; font-weight: 400;
        letter-spacing: .8px; padding: 0 15px 0 15px; margin-top: 20px; margin-bottom: 10px;}
      .small-text1{padding-bottom:0 !important;}
      .form-group.mb8{margin-bottom:8px;}
}
@media (max-width: 480px) {
  .top-menu .logo{width:25%;}
  .mob-bg{padding: 0 10px;}
  .footer_city_name{margin-top: 0; font-size: 16px;}
      .top-head {
        font-size: 15px;
        color: #696969; margin-top: 10px;}
        .p15{padding:10px;}
        .mb8{margin-bottom:8px;}
        .text-size11{font-size:13px !important; line-height: 18px;}
        
}
.text-generate{    color: #cbcbcb;
  font-size: 14px;
  position: absolute;
  left: 0;
  right: 0;
  top: 57%;
  background: #000000d4;
  border-radius: 5px;
  padding: 10px;} 
.spinner {
      /* margin: 100px auto; */
      height: 40px;
      text-align: center;
      font-size: 10px;
      position: absolute;
      z-index: 999;
      background: #0000009e;
      height: 100%;
      width: 100%;
      /* opacity: .5; */
      /* margin-top: -51px; */
      top: 0;
}

.spinner>div {
  z-index: 999;
    background-color: #ed1556;
    height: 50px;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
    margin-right: 7px;
    top: 50%;
    position: relative;
    margin-top: -26px;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4)
  }
  20% {
    -webkit-transform: scaleY(1.0)
  }
}

@keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}