/*
 * Globals
 */
 .body{
  background-image: linear-gradient(180deg, #030303 76%, #540202 109%);
  background-attachment: fixed;
  background-repeat: no-repeat;
 }
 .demo-wrap {
  overflow: hidden;
  position: relative;
}

.demo-bg {
  opacity: 0.3;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
}

.demo-content {
  position: relative;
  text-align:left;
}
.headline{
    font-size:70px;
    font-weight:600;
}
 .mob-nav{
     font-size:40px;
     cursor:pointer;
     padding-top:35%;
     color:#fff;
 }
.dropdown{
    max-height: 200px;
    overflow-x: hidden;
	overflow-y: auto;
}

 .menu-anchor{
   color:#fff;
 }
 .menu-anchor:active {
  color:#fff;
}

.menu-anchor:focus {
  color:#fff;
}

.menu-anchor:visited {
  color:#fff;
}
 .schedule-box .form-group{
  margin-bottom: 10%;
 }
 .schedule-box .form-group .pad{
  padding-top:4%;
  padding-bottom:2%;
  padding-left:2%;
  padding-right:2%;
 }
 .schedule-box .form-group .pad .day{
  font-weight:600;
  color:#FFFF00;
  font-size:18px;
 }
  .schedule-box .form-group .pad .month{
  font-weight:600;
  color:#FFFFFF;
  font-size:16px;
 }
  .schedule-box .form-group .date{
  font-weight:600;
  color:#FF0808;
  font-size:14px;
 }
  .schedule-box .form-group .act{
  font-weight:600;
  color:#FFFF00;
  font-size:14px;
 }
  .schedule-box .form-group .details{
  font-weight:400;
  color:#C0C0C0;
  font-size:12px;
 }
 .sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: black;
  /*padding: 50px;*/
  font-size: 20px;
  z-index: 100;
}


 .form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0px !important;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
}
/* Header */
.be_invisible
{
display: none;
}
.be_visible{
display: block;
}
#schedule{
  margin-top: 15%;
}
#contact{
  margin-top: 12%;
}
#about_us{
  margin-top: 10%;
  padding-bottom: 7%;
}
.headDiv{    
  width: 100%;
  height: 126px;
  background-image: url("assets/img/menu_bg.png");
  background-repeat: no-repeat;
 }
/*Register CSS*/
 .x-bg
 {
  background-image: url("assets/img/x3.png");
  background-repeat: no-repeat;
 }
 .x-section{
   width: 68%;
   height:100%;
 }
.register{
  width: 40%;
  padding:5px;
  height: 50px;
  background: linear-gradient(180deg, #ffff 90%, #D40001 10%);
  clip-path: polygon( 0 0%, 0% 0, 100% 0, 69% 0%, 100% 250%, 100% 100%, 0% 100%, 0% 100%, 0% 0% );
  color: #D40001;
  font-size: 25px;
  padding-left: 30px;
}
.register-back{
  width: 48%;
  background: linear-gradient(225deg,#D40001 10%,rgba(204,204,204,0) 95%, #D40001 5%);
  }
.register-box{ 
  background: #2E2E2E;
  clip-path: polygon( 0 0%, 0% 0,78% 0,80% 2%,100% 2%,100% 100%,16% 100%,0% 87%,0% 0% )
} 
.register-field{
  padding-top:15px;
  padding-bottom:15px;
  padding-right:15px;
  padding-left:15px;
}
.register-input{
  padding:25px;
  width: 80%;
  height: 50px;
  margin-left: 10%;    
  background: #ffff;
  color: gray;
  clip-path:polygon(
    0 50%,
    10% 0,
    100% 0,
    100% 0%,
    100% 90%,
    100% 100%,
    0% 100%,
    0% 100%,
    0% 0%
  )
}
.book-now{
  margin-left: 18.15%;
  width: 30%;
  padding:5px;
  background-color: #D40001;
  border-color: #D40001 !important;
  color: #fff;
  font-size: 25px;
  border-radius: 0px !important;
  clip-path:polygon(
      0 0%,
      0% 0,
      100% 0,
      100% 0%,
      100% 90%,
      100% 100%,
      0% 100%,
      25% 100%,
      0% 0%
    )
}
/*Contact CSS*/
.contact{
  width: 40%;
  padding:5px;
  height: 50px;
  background: linear-gradient(180deg, #ffff 90%, #D40001 10%);
  clip-path: polygon( 0 0%, 0% 0, 100% 0, 69% 0%, 100% 250%, 100% 100%, 0% 100%, 0% 100%, 0% 0% );
  color: #D40001;
  font-size: 25px;
  padding-left: 30px;
}
.contact-back{
  width: 48%;
  background: linear-gradient(225deg,#D40001 10%,rgba(204,204,204,0) 95%, #D40001 5%);
  }
.contact-box{ 
  background: #2E2E2E;
  clip-path: polygon( 0 0%,
  0% 0,
  78% 0,
  80% 3%,
  100% 3%,
  100% 100%,
  14% 100%,
  0% 80%,
  0% 0% )
} 
.contact-field{
  padding-top:15px;
  padding-bottom:15px;
  padding-right:15px;
  padding-left:15px;
}
.contact-input{
  padding-top:15px;
  padding-bottom:35px;
  padding-right:25px;
  padding-left:25px;
  width: 80%;
  height: 50px;
  margin-left: 10%;    
  background: #ffff;
  color: gray;
  clip-path:polygon(
    0 50%,
    10% 0,
    100% 0,
    100% 0%,
    100% 90%,
    100% 100%,
    0% 100%,
    0% 100%,
    0% 0%
  )
}
.call-now{
  margin-left: 18.15%;
  width: 30%;
  padding:5px;
  background-color: #D40001;
  border-color: #D40001 !important;
  color: #fff;
  font-size: 25px;
  border-radius: 0px !important;
  clip-path:polygon(
      0 0%,
      0% 0,
      100% 0,
      100% 0%,
      100% 90%,
      100% 100%,
      0% 100%,
      25% 100%,
      0% 0%
    )
}
/* Schedule CSS*/
.schedule{
  width: 70%;
  padding:5px;
  height: 50px;
  background: #D40001;
  clip-path: polygon( 0 0%, 0% 0, 100% 0, 69% 0%, 100% 250%, 100% 100%, 0% 100%, 0% 100%, 0% 0% );
  color: #fff;
  font-size: 25px;
  padding-left: 30px;
}
.schedule-back{
  width: 100%;
  background: linear-gradient(225deg,#D40001 10%,rgba(204,204,204,0) 95%, #D40001 5%);
  }
.schedule-box{ 
  background: #2E2E2E;
  clip-path: polygon( 0 0%,
  0% 0,
  78% 0,
  80% 1%,
  100% 1%,
  100% 100%,
  18% 100%,
  0% 89%,
  0% 0% )
}
/* Navigation*/
.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0px;
  margin-bottom: 0;
  list-style: none;
} 
.nav-link {
  display: block;
  padding: 75px 0px 0px 25px!important;
  text-decoration: none;
  transition: none !important;
  width: 20%;
  height: 117px;
  font-size: 16px;
}
.nav-masthead .nav-link {
  font-weight: 500;
  color: #fff;
}
.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  height: 117px;
  background:#D40001;
  clip-path: polygon(0 0%, 0% 0, 100% 0, 69% 0%, 100% 250%, 100% 100%, 9% 100%, 7% 75%, 5% 55%  );
}
.nav-masthead .nav-link + .nav-link {
  /* margin-left: 3rem; */
  color:#fff;
}
.nav-masthead .active {
  color: #fff;
  background:#D40001;
  clip-path: polygon(0 0%, 0% 0, 100% 0, 69% 0%, 100% 250%, 100% 100%, 9% 100%, 7% 75%, 5% 55%  );
}
/* custom css is from here  */
.right {
  width:45%;
  float: right;
  justify-content: center;
}
.left{
  width: 45%;
}
.about-text{
  font-size: 18px;
  color:#fff;
  font-weight: 400;
  text-align: left;
  line-height: 1.8;
}

@media (min-width: 768px) 
{
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
  .mobile-head{
  font-size: 30px;
  padding:5px;
}
}
.success-image
{
  
  width: 40%; 
}
@media only screen and (max-width: 1026px) { 
  .success-image
  {
    
    width: 100%; 
  }
  .register-back{ 
    width: 100%; 
  } 
  .book-now{
    width: 80%;
  }
  .call-now{
    width: 80%;
  }
  .register {
    width: 80%;
  }
  .contact {
    width: 80%;
  } 
  .contact-back{ 
    width: 100%; 
  } 
.mobile-head{
font-size: 30px;
padding:5px;
}
}

@media only screen and (max-width: 1600px) { 
.nav-link{
width:25%;
}
.mobile-head{
font-size: 30px;
padding:5px;
}
}

@media only screen and (max-width: 640px)
{ 
.sticky{
  padding:0% !important;
}
.register-box{
background: #2E2E2E;
clip-path: polygon( 0 0%,
0% 0,
78% 0,
80% 2%,
100% 2%,
100% 100%,
16% 100%,
0% 87%,
0% 0% )
}
.contact-box{
background: #2E2E2E;
clip-path: polygon( 0 0%,
0% 0,
78% 0,
80% 3%,
100% 3%,
100% 100%,
16% 100%,
0% 80%,
0% 0% )
}
.book-now{
  margin-left: 33%;
  width: 67%;
  padding-top:5px;
  padding-left:25px;
  padding-right:5px;
  padding-bottom:5px;
  background-color: #D40001;
  border-color: #D40001 !important;
  color: #fff;
  font-size: 25px;
  border-radius: 0px !important;
  clip-path:polygon(
      0 0%,
      0% 0,
      100% 0,
      100% 0%,
      100% 90%,
      100% 100%,
      0% 100%,
      25% 100%,
      0% 0%
    )
}
.call-now{
margin-left: 33%;
  width: 67%;
  padding-top:5px;
  padding-left:25px;
  padding-right:5px;
  padding-bottom:5px;
  background-color: #D40001;
  border-color: #D40001 !important;
  color: #fff;
  font-size: 25px;
  border-radius: 0px !important;
  clip-path:polygon(
      0 0%,
      0% 0,
      100% 0,
      100% 0%,
      100% 90%,
      100% 100%,
      0% 100%,
      25% 100%,
      0% 0%
    )
}
.mobile-head{
font-size: 30px;
padding:5px;
}
}
  
  /* side nav  */

.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 130;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #ffffff;
  display: block;
  transition: 0.3s;
  font-weight:600;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 45px;
  margin-left: 50px;
  color: #D40001;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
  .register-box{ 
  background: #2E2E2E;
  clip-path: polygon( 0 0%, 0% 0,78% 0,80% 2%,100% 2%,100% 100%,16% 100%,0% 87%,0% 0% )
}
.contact-box{
background: #2E2E2E;
clip-path: polygon( 0 0%,
0% 0,
78% 0,
80% 3%,
100% 3%,
100% 100%,
16% 100%,
0% 80%,
0% 0% )
}
.book-now{
  margin-left: 33%;
  width: 67%;
  padding-top:5px;
  padding-left:25px;
  padding-right:5px;
  padding-bottom:5px;
  background-color: #D40001;
  border-color: #D40001 !important;
  color: #fff;
  font-size: 25px;
  border-radius: 0px !important;
  clip-path:polygon(
      0 0%,
      0% 0,
      100% 0,
      100% 0%,
      100% 90%,
      100% 100%,
      0% 100%,
      25% 100%,
      0% 0%
    )
}
.call-now{
  margin-left: 33%;
  width: 67%;
  padding-top:5px;
  padding-left:25px;
  padding-right:5px;
  padding-bottom:5px;
  background-color: #D40001;
  border-color: #D40001 !important;
  color: #fff;
  font-size: 25px;
  border-radius: 0px !important;
  clip-path:polygon(
      0 0%,
      0% 0,
      100% 0,
      100% 0%,
      100% 90%,
      100% 100%,
      0% 100%,
      25% 100%,
      0% 0%
    )
}
}