body{
  font-family: Verdana, sans-serif;

  }
  .banner {
  	background: url(../images/banner-bg.jpg) center;
  	height: 584px;
  }

.banner, .inner-bg{
	  	background-size: cover; 
  	padding: 26px 0px 0px 0px;

}
  .innter-bg	{
  	background: url(../images/inner-bg.jpg) center;
  	height: 334px;


  }

  .menu-dtl{
    position: absolute !important;
    right: 0px;
  }
  
  .main{
  	margin:50px 0px;
  }
  h1, h2, h3, h4, h5, h6 {
  	font-weight: bold !important;
  }

.logo img{
	width: 70px
}


.banner-container{
	color: #fff;
	padding: 50px 0px 0px;
}

.banner-text{
	padding: 150px 0px 0px;
	width: 600px;
	margin: 0px auto
}

.banner-text h1{
	font-size: 25px;
	margin-bottom: 30px;
  list-style: 34px 

}


.heading-main {
	font-size: 30px;
	color: #fff;
	padding-top: 90px
}

.banner-text p{
  color: #ffff00
}
.menu, .banner-text h1, .qk-link h2, .heading-main, .image-caption h2,  .heading-scd,  
.about-text h2, .hd-lg, .contact-box h2,.modal-header .modal-title, .jom-dtl h2 {
	font-weight: bold !important;
}

.menu a{
	font-size: 9px;
	color: #fff;
	padding: 14px 5px;
	text-transform: uppercase;
}

.modal-header .modal-title{
  font-size: 18px;
}

.heading-scd{
  font-size: 20px;
  margin-top:0px; 
  margin-bottom: 10px;
  line-height: 35px
}

.banner-text span{
	margin: 0px 5px; 
	color: #584343
}
.banner-image{
		position: relative;
		height: 400px
}

.banner-image img{
	position: absolute;
    bottom: -6px;
    width: 300px

}


.dnte-btn{
	border-radius: 100px !important;
}

.dnte-btn{
	padding: 10px 50px !important;
	text-align: center;
	border:4px solid !important;
	color: #fff !important;
	font-weight: bold !important;
}


.dnte-btn {
	background: #14009f !important
}

.dnte-btn, .jom-image img{
	border-color: #ffff00 !important
}

.hover-zoom {
  height: 300px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #14009f;
  position: relative;
  margin-bottom: 30px
}
.hover-zoom:before{
	content: '';
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(-5deg,  rgba(0,0,0,0.100) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-5deg,  rgba(0,0,0,0.100) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(-5deg,  rgb(0 0 0 / 95%) 10%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	position: absolute;
	height: 100%;
	width: 100%
}

.add-icon{
position: relative;
    width: 100%;
    height: 150px;
    text-align: center;
    line-height: 140px;
}


.add-icon:before{
  content: "";
background: #00000090;
    position: absolute;
    top: 0px;
    display: table;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
}

.image-caption {
  position: absolute;
  bottom: 20px;
  left: 20px;
  padding-right: 20px;
  width: 100%;
  color: white;
  margin: 0;
  box-sizing: border-box;
}

.image-caption span{
	font-size: 12px
}

.image-caption h2{
	font-size: 18px;
  line-height: 30px
}



.event-dtl .col-sm-12{
  border-top: 3px dotted #cec7ff;
  display:table;
  width: 100% 
}

.border-none{
  border: 0px !important;
}
.event-dtl h2{
  font-size: 18px;
  font-weight: bold;
  color: #14009f;
  margin-top: 30px;
  margin-bottom: 20px
}

.event-dtl .hover-zoom {
    height: 150px;
    background: #cec7ff;s
    cursor: zoom-in;
    background-size: cover
}

.event-dtl .hover-zoom:before {
  display: none
  }
  footer {
  	background:#14009f url(../images/footer-bg.jpg) no-repeat top center;

  	padding: 60px 0px 

  }


  .qk-link h2, .qk-link a{
  	color: #fff;

  }

  .qk-link h2{
  	margin-bottom: 20px;
  	font-size: 20px;
  }

  .qk-link li a{
  	display: table;
  	margin-bottom: 10px;
  	font-size: 14px;
  	width: 100%
  }

    .qk-link li a:hover{
    	color: #ffff00 !important
    }




    .right-ftr{
    	padding: 50px 0px;
    	text-align: center;
    }

    .right-ftr .dnte-btn{
    	padding: 10px 100px !important;
    }

        .ftr-sicon{
        	margin: 20px 0px;
}


        .ftr-sicon img{
        	width: 20px;
        	margin-right: 10px;
        	}

.ftr-logo{
  position: relative;
    width: 110px;
    margin: 0px auto;
}

.ftr-logo img {
    width: 231px;
    position: absolute;
    top: -72px;
    left: -50px;
}

.imgwidth{
  width: 100%
}


.about-text h2{
  margin-top: 50px;
  font-size: 20px;
  
  margin-bottom: 0px;
}

.about-text span{
 color: #000;
    font-size: 14px;
    line-height: 20px;
    display: table;
    margin-top: 10px;
}

.about-text p{
  text-align: justify;
  line-height: 30px;
  margin-top: 30px
  }


  .hd-lg{
    font-size: 35px;
    margin: 50px 0px 20px 
  }
.hd-lg, .about-text h2{
  color: #14009f;
}

.ln-hgt{
  line-height: 30px
}


.about-mb{
      background: url(../images/about-bg.jpg) center;
      padding: 50px 30px;
      color: #fff;
      font-size: 12px;
      line-height: 25px;
      background-size: cover;
      position: relative;

}

.imgstye{
  position: relative;
}
.about-mb:before, .about-mb:after, .imgstye:before, .imgstye:after {
  content: '';
    background: #ffff00;
    
        position: absolute;

}

.about-mb:before, .imgstye:before{
    width: 80%;
    height: 6px;
    top: -6px;
    left: -4px;
}

.about-mb:after, .imgstye:after{
  width: 6px;
  height: 50%;
  left: -5px;
  top: -5px
}

.imgstye:after, .imgstye:before{
  left: 9px
}

.about-mb p{
  margin-bottom: 20px;
  font-size: 14px
}

.about-mbtxt{
  font-size: 16px;
  line-height: 35px;
  font-weight: bold
}

.about-mbtxt strong{
  color: #ffff00
  }

.about-mbtxt span {
    margin: 0px 5px;
    color: #59575f;
    font-weight: normal;
     } 
.contact-box{
  border: 4px solid #ffff00;
  padding: 50px;
  text-align: center;
  height: 200px;
  margin-bottom: 20px;
}

.contact-box img {
  height: 30px;
  margin-bottom: 20px
}
.contact-box h2{
  font-size: 14px}

  .modal-video video{
    width: 100%;
    height: 400px
  }


  .video-bg-none{
    background: #fff !important;
    border: 0px !important
  }

  .center-box{
    top:40%;
    text-align: center;
    left: 10px
  }


  .collage-img img{
    width: 100%
  }


  .d-n{
    display: none
  }

  .about-dtl{
    text-align: justify; 
  }

.jom-dtl{
  margin-bottom: 40px;
}


.jom-image{
  position: relative;
}
.jom-image img{
  width: 100%;
  border: 4px solid ;
  position: absolute;
    top: -50px;
    left: 49px;
}

.jom-dtl{
  height: 300px
}
.jom-quote{
  background:#14009f;
  padding:50px;
  color: #fff ;
  border: 4px solid #ffff00;
  text-align: center;
  position: absolute;
  top: -50px;

}

.jom-quote p{
  color:#fff !important;
  font-size: 16px;
  line-height: 30px;
  }


.jom-quote i{
  font-size:12px;
  font-weight: bold;

}
.jom-dtl h2{
  font-size: 30px;
    text-transform: uppercase;
    margin-top: 80px;
    text-align: center;
}

.jom-dtl h2 span{
  text-transform: capitalize;
  display: table;
  font-size: 30px;
  }

.jom-dtl h2, .rd-btn, .hm-heading{
color:#14009f
}
.jom-dtl h2 span, .right-hm-evts h2{
color:#2d3e50
}

.jom-dtl p, .hm-abt p, .threeiconboxdtl{
    color:#000
}

.rd-btn{
  font-size: 12px;
  font-weight: bold
}

.bg-gray{
  background: #f9f9f9;
  padding:50px 0px 
}

.hm-heading{
  font-size: 20px;
  margin-bottom: 20px;
}


.hm-evts li{
  display: table;
  width: 100%;
  border-bottom: 1px solid #d5def5;
  padding-bottom: 10px;
  margin-bottom: 10px
}

.hm-evts li:last-child{
  border:0px 
}
.left-hm-evts{
    width: 60px;
    float: left;
}
.left-hm-evts img{
  border-radius: 4px; 
  width: 100%;
  height: 60px;
}
.right-hm-evts {
    margin-left: 74px;
}

.right-hm-evts h3{ 
  font-size: 14px;
  line-height: 20px;
}

.clear, .clearfix, .clearall {
    clear: both;
}


.dnt-box{
 background:#ffff00;
 padding:25px 30px;
 font-size: 14px;
 line-height: 24px; 
 border-radius: 30px
}

.dnt-box h2{
  font-size: 20px;
  text-transform: uppercase;
  line-height: 25px;
  margin:10px 0px 
}


.hm-evts, .hm-abt{
  padding-top: 20px;: 
}

.hm-abt{
  font-size: 14px;
}

.pry-btn, .threeiconboxdtl.active{
  background: #2d3e50 !important;
  color: #fff 
}

.pry-btn {
  border-radius: 25px !important;
  padding: 15px 60px !important;
  font-weight: bold;
}


.hm-srv{
      background: #14009f url(../images/bg.jpg) center;
      height: 500px;
      padding: 40px 0px 0px

}

.hm-srv-img{
  text-align: center
}
.hm-srv-img img{
  height:  460px
}

.hm-srv-txt{
  position: relative;
  padding: 160px 0px 0px 30px;
  font-size: 14px;
}

.hm-srv-txt h2{
text-shadow: 2px 10px 6px rgba(0,0,0,0.42);
}
.hm-srv-txt h2{
  font-size: 45px;
  position: absolute;
  left: -40px;
  top: 6px
}

.hm-srv-txt p{
  padding: 20px 0px
}
.hm-srv-txt a, .hm-srv-txt{
  color: #fff
}

.hm-srv-txt p{
  line-height: 25px
  }

.threeiconboxdtl{
  text-align: center;
  font-size: 12px;
  padding: 70px 30px;
}


.threeiconboxdtl img{
  margin-bottom: 30px;
  height: 70px
}

.threeiconboxdtl h2{
  font-size: 18px;
  margin-bottom: 25px;
  }


  .threeiconboxdtl.active{
    color: #fff;
    background-size: #2d3e50
  }

.dnt-box{
  box-shadow: 7px 6px 34px 0px rgba(210,210,210,0.75);
-webkit-box-shadow: 7px 6px 34px 0px rgba(210,210,210,0.75);
-moz-box-shadow: 7px 6px 34px 0px rgba(210,210,210,0.75);

}

b, strong{
  font-weight: bold
}

.modal.modal-vcenter {
    padding: 15px !important;
}
.modal.dnt-popup .modal-dialog {
    /* overwrites bootstrap4 properties */
    position: relative;
    margin: auto;

    /* added properties */
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dnt-popup .modal-content{
  background: #14009f !important;
  border: 4px solid #ffff00 !important;
  padding: 30px;
  border-radius: 10px 
}

.dnt-popup .close{

position: absolute;
    top: 9px;
    right: 11px;
    color: #fff;
}
.dnt-popup .modal-body {
  color: #fff
  }


.dnt-popup .modal-body h2{
  margin-bottom: 40px
}


.dnt-popup .btn{
  background: #fff;
  font-size: 12px;
  font-weight: bold;
} 

.hm-abt p, .threeiconboxdtl p{
  font-size: 14px;
  line-height: 25px;
} 

.cnt-dtl a:hover, .cnt-dtl a{
  color: #14009f !important
}

.hover-zoom {
    background-position: 0px 1px !important;
}