.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
/* Alerts */
.alerts {
  border: 0;
  background: #f8f8f8;
}

.alerts-icon {
  position: relative;
  padding-left: 65px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.alerts-icon .icon {
  position: absolute;
  left: 5px;
  top: 5px;
  font-size: 50px;
  line-height: 100%;
}

.alerts-success {
  color: #069727;
  border-left: 5px solid #048F23;
}


.alerts-info {
  color: #0B628D;
  border-left: 5px solid #0B628D;
}


.alerts-warning {
  color: #A78C00;
  border-left: 5px solid #A78C00;
}


.alerts-danger {
  color: #E02C29;
  border-left: 5px solid #FF524F
}

html {
  position: relative;
  min-height: 100%;
}

.footer {
  position: absolute;
  width: 100%;
  /* Set the fixed height of the footer here */
  margin-top: 20px;
  background-color: #494949;
  color: white;
}

.footer p {
  margin: 0 0 5px;
}

body{
  padding-top: 0 !important;
}

.events_container{background: #fbfbfb; padding-top: 20px;}
.event_placeholder .panel, .event_placeholder .panel-heading{border-radius: 0; border: 0;}
.event_placeholder .panel-body{height: 280px}
.panel-heading.ongoing_event{background: #7da740;}
.panel-heading.upcoming_event{background: #fbaf3b;}
.panel-heading.past_event{background: #ef6a6a;}
.event_banner_holder{
  max-width: 320px;
  max-height: 100px;
  background: #f5f5f5;
}

.event_banner_holder img{
  width: 100%;

}

.event-panel{cursor: pointer;}

.events_container .btn{margin-top: 20px; margin-bottom: 10px;}
.event-panel h3{font-size: 21px;}

#top_content{
  background-image: url(http://www.miceapps.com/uploads/user_uploads/55/images/MICEapps2017.png);
  background-position: center; 
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed; 
  overflow: hidden;
  height: 100vh;
}    

.navbar-default{
  background-color:rgba(54, 25, 25, .00004);
  border: 0;
  padding: 0 2%;
  z-index: 10000;
}


.event_placeholder{
  -moz-transition: all .2s ease-in; 
  -o-transition: all .2s ease-in; 
  -webkit-transition: all .2s ease-in; 
  transition: all .2s ease-in;
  background-color: rgba(0,0,0, 0.03);
  border-radius: 10px;
  padding-top: 15px;
  margin: 5px;
  width: 380px;
}

.event_placeholder:hover{
  cursor: default;
  background-color: rgba(0,0,0, 0.1);
  border-radius: 10px;
  border: 1px solid rgba(0,0,0, 0.5);
}

.panel{
  background-color: transparent;
}

.item {
  position: relative;
  border: 0;
  overflow: hidden;
}
.item .item-img {
  padding-top: 5%;
  border: 1px solid rgba(255,255,255,0.2);
  background-color: rgba(0,0,0, 0.1);
}
.item .item-img:hover {
  background-color: rgba(255,255,255, 0.1) !important;
}
.item .item-img h6{
  color: #ffffff;
}
.item img {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.item:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.package-header {
  height: 100vh;
}   

.center-align{
  margin-top: 25vh;
}

.header-text{
  text-align: center; 
  color: #ffffff; 
  padding-top: 2%; 
  padding-left: 32%;
}

.page-content{
  background-image: url(http://www.miceapps.com/uploads/user_uploads/55/images/MICEappsBKG01.png);
  background-position: center; 
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed; 
  overflow: hidden;
  height: 100vh;
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { /* ipad landscape*/
  .page-content{
    height: 100%;
  }
  .event_banner_holder{
    max-width: 220px;
    max-height: 80px;
    background: #f5f5f5;
  }

  .package-header {
    height: 100%;
    width: 100%;
    overflow:hidden;
  }   

  .header-text{
    text-align: center; 
    color: #ffffff; 
    padding-top: 4%; 
    padding-left: 1%;
  }

  .event_placeholder{
    width: 465px;
  }

  .nav-btn{
    margin: 4% 7% 0 0;
  }

  .main-content{
    padding-top: 9vh !important;
    height: 37vh !important;
  }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { /* ipad */
  .page-content{
    height: 100%;
  }

  .vedio_content2{
    margin-bottom: 10vh !important; 
    padding-bottom: 53.05% !important;
  }

  .event_banner_holder{
    max-width: 220px;
    max-height: 80px;
    background: #f5f5f5;
  }

  .package-header {
    height: 100%;
    width: 100%;
    overflow:hidden;
  }   

  .header-text{
    text-align: center; 
    color: #ffffff; 
    padding-top: 4%; 
    padding-left: 1%;
  }

  .event_placeholder{
    width: 355px;
  }

  .nav-btn{
    margin: 4% 7% 0 0;
  }

  .main-content{
    padding-top: 9vh !important;
    height: 30vh !important;
  }
}

@media screen and (max-width: 640px){
  .navbar-default{
    background-color: rgba(0, 0, 0, 0.8) !important;
    color: #ffffff !important;
  }
  .page-content{
    height: 100%;
  }
  .event_banner_holder{
    max-width: 220px;
    max-height: 80px;
    background: #f5f5f5;
  }

  .package-header {
    height: 150%;
    width: 100%;
    overflow:hidden;
  }   

  #vedio_content{
    padding-bottom: 48.68% !important; /* 16:9 */
  }

  .header-text{
    text-align: center; 
    color: #ffffff; 
    padding-top: 4%; 
    padding-left: 1%;
  }

  .event_placeholder{
    width: 300px;
  }

  .nav-btn{
    margin: 4% 7% 0 0;
  }

  .main-content{
    padding-top: 9vh !important;
    height: 30vh !important;
  }

  #mobile_col{
    width: 8% !important;
  }

  .vedio_content2{
    margin-bottom: 10vh !important; 
    padding-bottom: 48.35% !important;
  }

  .mobile_div{
    padding-top: 6% !important;
    margin: 5% !important;
  }

  .mobile_div .package_div{
    margin-top: 15% !important;
  }
}

.mobile_div{
  padding-top: 4%;
  margin: 2%;
}

.vedio_content2{
  position: relative;
  padding-bottom: 50.35%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  width: 100%;
}

.vedio_2{
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}

#main-footer{
  background: #292929;
  width: 100%;
  color: #ffffff;
  padding-top: 15px;
  font-size: 12px;
}

#main-footer-btm{
  padding-top: 5px;
  text-align: center; 
  background: #161616;
}

#main-footer a{
  color: #ffffff;
  text-decoration: none;
}

.image-block{
  text-align: center; 
}

.s-img-block{
  display: inline-block;
  margin: 0 5px 15px;
  width: 100px;   
}

.s2-img-block{
  display: inline-block;
  margin: 0 -5px 15px;
  width: 50px;    
}

.footer-nav{
  text-align: center;
}

#vedio_content{
  position: relative;
  padding-bottom: 52.55%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  width: 100%;
}

#main_page_vedio{
  position: absolute;
  top: 10%;
  left: 0;
  width: 100%;
  height: 100%;
}

.main-content{
  padding-top: 17vh; 
  height: 90vh;
}

#login-dp{
  min-width: 250px;
  margin-top: 17px;
  padding: 14px 14px 0;
  background-color: rgba(0,0,0,0.4);
  border: 1px solid rgba(0,0,0,0.4);
  border-radius: 5px;
}

.text-right a{
  color: #ffffff !important;
}

#login-dp .help-block{
  font-size:12px;
}

#login-dp .bottom{
  background-color:rgba(255,255,255,.8);
  border-top:1px solid #ddd;
  clear:both;
  padding:14px;
}

#login-dp .social-buttons{
  margin:12px 0    
}

#login-dp .social-buttons a{
  width: 49%;
}

#login-dp .form-group {
  margin-bottom: 10px;
}

.dropdown ul.dropdown-menu:before {
  content: "";
  border-bottom: 10px solid #fff;
  position: absolute;
  top: -1px;
  right: 16px;
  z-index: 10;
}
.dropdown ul.dropdown-menu:after {
  content: "";
  border-bottom: 12px solid rgba(0,0,0,0.4);
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  position: absolute;
  top: -13px;
  right: 14px;
  z-index: 9;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  color: #555;
  background-color: rgba(0, 0, 0, 0.17);
  border: 1px solid rgba(255, 255, 255, 0.44);
  border-radius: 5px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
  color: #555;
  background-color: rgba(0, 0, 0, 0.17);
  border: 1px solid rgba(255, 255, 255, 0.44);
  border-radius: 5px;
}

#mobilesignupli a{
  color: #ffffff;
  margin-bottom: 1%;
}

li#login-bar{
  margin-right: 2%;
}

#mobile-signup input{
  margin-bottom: 1%;
}

.modal-header{
  padding: 5px !important;
}

#signUpModal{
  padding-top: 8%;
  background-color: rgba(0,0,0,0.7); !important; 
}

#mobile_col{
  width: 20%;
}

.social_media{
  width: 50%;
}