@import url("fontawesome-all.min.css");
body{font-family: 'Mukta Vaani', sans-serif;}
.navbar-default {
    background-color: rgb(255,255,255);
    box-shadow: 5px 5px 25px #eee;
    height: 12vh;
}
.navbar-default .navbar-nav{
  margin-top: 13px !important;
}
.navbar-default .navbar-nav>li>a {
    color: #333;
  transition: all 0.3s;
}
.nav>li>a {
    padding: 10px 10px;
}
.navbar-default .navbar-nav>li>a:hover,.active{
  color: #88AA31 !important;
  font-size: 16px;
  font-weight: 800;
}
.slider-section,.glry-sec{
	margin-top: 12vh;
	position: relative;
}
.box{
	position: absolute;
	top: 0;
}
.glry-box-cnt{
  position: absolute;
  top: 0;
}
.glry-img-cnt,.login-box{
  height: 81vh;
  padding-top: 30px

}
.glry-img-cnt{
  overflow: auto;
}
.btn-link {
    color: #333;
}
.btn:focus {
    outline: none !important;
}
.btn-link:focus, .btn-link:hover{
  text-decoration: none;
  color: #7F0000;
} 
.home-cntnr section{
  margin-top: 12vh;
}
.quick-box{
	font-size: 0px; 
	line-height: 0%; 
	width: 100%;
	border-bottom: 450px solid rgba(255,255,255,0.94);
	border-right: 100px solid transparent;
}
.glry-box{
  font-size: 0px; 
  line-height: 0%; 
  width: 100%;
  border-bottom: 81vh solid rgba(255,255,255,0.94);
  border-right: 100px solid transparent;
}
.glry-body{
  background-image: url(../img/bg4.jpg);
  background-size: cover;
  background-position: 0 -20vh;
  background-repeat: no-repeat;
}
.glry-ftr{
  height: 7vh;
  padding:0;
}
@media (min-width: 768px){
.modal-content {
  -webkit-box-shadow: none;
  box-shadow: none;
}}
.modal-content {
    background-color: transparent;
    border: none;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.modal-header {
    border-bottom: none;
}
.modal-footer {
    border-top: none;
}
.modal-footer button{color: #88AA31;}
.menu-box,#image-gallery .menu-box,.glry-optn{
  position: absolute;
  top: 10;
  z-index: 2;
  width:20%;
}
.close {
    color: #333;
    opacity: 1;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 10px;
}
.glry-optn{
  top: 30px;

}
.login-body{
  background-image: url(../img/bg5.jpg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
.main-login-box{
  background-color: rgba(255,255,255,0.8);
}
.menu-box a{
  font-size: 18px;
  color: #333;
  transition: all 0.3s;
}
.menu-box div:hover,.glry-optn div:hover{
  padding-left: 15px;
  color: #7F0000;
}
.menu-box div:hover a,.glry-optn div:hover .btn{
  color: #88AA31;
  text-decoration:none;
}
.menu-box div,.glry-optn div{position: relative;padding: 1px 0;transition: all 0.3s;}
.menu-box div:nth-child(2) ,.glry-optn div:nth-child(2) {left:  26%;}
.menu-box div:nth-child(3) ,.glry-optn div:nth-child(3) {left:  32%;}
.menu-box div:nth-child(4) ,.glry-optn div:nth-child(4) {left:  38%;}
.menu-box div:nth-child(5) ,.glry-optn div:nth-child(5) {left:  44%;}
.menu-box div:nth-child(6) ,.glry-optn div:nth-child(6) {left:  50%;}
.menu-box div:nth-child(7) ,.glry-optn div:nth-child(7) {left:  56%;}
.glry-optn div:nth-child(8) {left:  62%;}
.glry-optn div:nth-child(9) {left:  68%;}

.brand{
	position: relative;
}
.mask a{
  position: relative;
  display:block;
  text-align:center;
  background: ;
  -webkit-filter: drop-shadow(1px 1px 2px rgba(0,0,0,.5));
}
.mask a{
  background-position: -550px 0;
  
}
.mask a:hover,
.mask a:focus{
  background-position: 20px 0;
  /*change speed to see in slow motion*/
  transition: all 5s;
}
.mask a::before{
  content:'';
  position: absolute;
  pointer-events: none;
  top:0; left:0; right:0; bottom: 0;
  background: radial-gradient(0 0,circle farthest-side, rgba(255,255,255,0) 90%,rgba(255,255,255,.8) 98%,rgba(255,255,255,0) 100%);
  background: radial-gradient(circle farthest-side at 0 0, rgba(255,255,255,0) 90%,rgba(255,255,255,.8) 98%,rgba(255,255,255,0) 100%);
  background-position: inherit; 
  -webkit-mask: url('../img/logo.png') center;
  mask: url('../img/logo.png');
}
footer ul{
  list-style-type: none;
  padding: 0;
}
.strip-box h2{
  padding: 10px;
  color: #666;
  text-decoration: none;
  display: block;
   
  border-right: 30px solid transparent;
  border-bottom: 40px solid #BCCF4D; 
  height: 0;

  line-height: 60px;
}
.rules ul,.aims-list,.guide-list,.academy-list{list-style-type: none; padding: 0}
.aims-list li::before,.rules ul li::before,.guide-list li::before,.academy-list li::before{color: #BCCF4D;font-family: "Font Awesome 5 Free"; font-weight: 900;margin-right: .5em;display: inline-block;}
.aims-list li::before {
  content: '\f05b';
}
.rules ul li::before {
  content: '\f0e3';
}
.guide-list li::before {
  content: '\f02d';
}
.academy-list li::before{
  content: '\f19d';
}
.othr-detail-sec a{
      padding: 5px 20px;
      color: #666;
      border:2px solid #BCCF4D;
      transition: all .5s;
    }
    .othr-detail-sec .read-box{
      margin-top: 25px;
      margin-bottom: 20px;
    }
    .othr-detail-sec a:hover{
      background-color:#7F0000;
      text-decoration: none;
      color: #fff;
      border:2px solid #666; 
    }
    footer{
      background-color: #7F0000 !important;
      color: #ddd;
      padding: 10px 0 0;
    }
    footer ul li a{
      color: #ddd;
      font-weight: 400;
    }
    footer ul li a:hover{
      color: #fff;
      text-decoration: none;
    }
    .lowr-foot{
      background-color: #660000;
    }
    .lowr-foot p{
      margin:0;
    }
    .contact-det{
      position: absolute;
      right: 0;
      top: 0;
    }
    .contact-det h4 {
        padding: 10px;
        color: #7F0000;
        text-decoration: none;
        display: block;
        border-left: 30px solid transparent;
        border-bottom: 40px solid rgba(255,255,255,.9);
        height: 0;
        line-height: 60px;
    }
    .send-btn{
      border-radius: 0px;
      width: 100%;
    }


@media only screen and (max-width: 600px){
  .mask a::before,.menu-box div,.menu-box,.contact-det{position: static;width: 100%;}
  .contact-det h4,.quick-box{border:0;border-color: transparent;}
  .carousel-control.left{
    left: 0 !important;
  }
  .menu-box div,.contact-det{text-align: center;}
  #mainSlider .img-responsive{
    width: 100%; 
  }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    background: #fff;
  }
  .mask a {
    display: inline-block;
    left: 20px;
  }
  .mask a::before{
    pointer-events: none;
    background: transparent;
    background: transparent;
    background-position: inherit; 
    -webkit-mask: none;
    mask: none;
  }
  .princpl_div{float: right;}
  .lowr-foot p{text-align: center !important;}
  .carousel-control .fa-chevron-circle-right {
    right: 20px;
  }
}