/* Commen css */
*
{
    padding: 0px;
    margin: 0px;
} 

body
{
 font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 1.42857143;
  color: #ffffff;
  background-color: #003ea5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}   
 
p, span 
{
   font-size: 16px;
  line-height: 1.42857143;
    margin: 0 0 11px;
  padding: 0px;
  font-weight: normal; }

h1, h2, h3, h4, h5, h6 
{
 font-family: "Open Sans", sans-serif;
 font-weight: 700;
  line-height: 1.1;
  color: #ffffff;
}

h1 
{
font-size: 35px;
margin-bottom: 15px;
margin-top: 22px;
}

h2 
{
   font-size: 25px ;
margin-bottom: 11px;
margin-top: 22px;
}

h3 
{
 font-size: 25px ;
margin-bottom: 11px;
margin-top: 22px;
}

h4 {
  font-size: 20px; }

h5 {
  font-size: 16px; }

h6 {
  font-size: 12px; }

a 
{
 color: #68686a;
  text-decoration: none;
}

a:hover 
{
  color: #424243;
  text-decoration: underline;
} 

.btn-primary {
  background-color: #242424;
  border: 1px solid #000000; }

.btn-primary:hover {
  background-color: #000000;
  border: 1px solid #242424; }

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  background-color: #000000;
  border: 1px solid #242424; }

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(36, 36, 36, 0.5); }

.paddl0 {
  padding-left: 0px; }

.paddr0 {
  padding-right: 0px; }

.paddlr0 {
  padding-left: 0px;
  padding-right: 0px; }

.row-padd-t {
  padding-top: 30px; }
 
.row-padd-b {
  padding-bottom: 30px; }
 
.row-padd-tb {
  padding-top: 30px;
  padding-bottom: 30px; }

img 
{
    max-width:100%;
    height:auto;
}
.btn-check:focus + .btn, .btn:focus 
{
  outline: 0;
  box-shadow: 0 0 0 .0rem rgba(13,110,253,.0) !important;
}

/* commen css */

.top 
{
  width: 100%;
    height: auto;
  background: #ffffff;
  padding-top: 5px;
}
.top img
{
    margin-bottom: 5px;
}

.navigation-bar
{
  background-color: #68686a !important;
  border: 1px solid #585859;
}

.navbar-nav .nav-link
{
      font-size: 12px;
     color: #fff;
    border-bottom: 2px solid transparent;
    transition: all 0.4s;
    padding: .8rem 1rem;
}
.navbar-nav .nav-link.active
{
    color: #29292a;
  background-color: #585859;
  border-bottom: 2px solid #3e3e40;
}
.navbar-nav .nav-link:hover
{
    color: #29292a;
  background-color: transparent;
  border-bottom: 2px solid #3e3e40;
  text-decoration: none;
}
  .navbar-expand-lg .navbar-nav .nav-link 
{
    padding-right: .7rem;
    padding-left: .7rem;
}

.dropdown-menu
{
    background-color: #68686a;
    border:none!important;
   border-top-right-radius: 0px!important;
  border-top-left-radius: 0px!important;
 border-bottom-left-radius: 4px!important;
border-bottom-right-radius: 4px!important;
 padding: 5px 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    margin-top: 0px!important;
}

.dropdown-item
{
     list-style: none;
  font-size: 16px;
     transition: all 0.4s;
    color: #fff!important;
}

.dropdown-item:hover, .dropdown-item:focus
{
  text-decoration: none;
  color: #29292a!important;
  background-color: #585859;
}

.arrow-class::after
{
  display: none!important;
}

.carousel
{
    background: #D9D9D9!important;
}
.banner-btn
{
    color: #ffffff;
  background-color: #68686a;
  border-color: #5b5b5d;
    padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857143;
  border-radius: 4px;
      transition: all 0.4s;
}

.banner-btn:hover
{
    color: #ffffff;
  background-color: #545455;
  border-color: #3d3d3e;
}
.subtitle
{
    color: black;
    font-size:1.2em;
    margin-top: 30px;
  margin-bottom: 11px;
    font-weight: 700;
  line-height: 1.1;
}
 
.title
{
    font-size: 30px;
   font-weight: 700;
  line-height: 1.1;
  color: #ffffff;
    margin-top: 22px;
  margin-bottom: 11px;
    text-transform: uppercase;
}
 
.btn-width
{
   padding-left:30%; 
}

.main-content
{
    margin-top: 15px;
    margin-bottom:60px;
}  
.middle-content
{ 
      background-color:#fff!important;
 color: #000!important;
}
.middle-content h2, .middle-content a {
  color: #000!important;
    transition: all 0.4s;
} 
.middle-content a:hover
{
    text-decoration: underline;
}

.middle-content h2
{
    font-size: 32px;
    margin-top: 22px;
  margin-bottom: 11px;
    font-weight: 700;
  line-height: 1.1;
    text-transform: uppercase;
}


.divider {
	position: relative;
	width: 100%;
	height: 10px;
	background-color: #ffffff;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.divider::before, .divider::after {
	content: "";
	position: absolute;
	z-index: -1;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	top: 50%;
	bottom: 0;
	left: 10px;
	right: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.divider::after {
	right: 10px;
	left: auto;
	-webkit-transform: skew(8deg) rotate(3deg);
	-moz-transform: skew(8deg) rotate(3deg);
	-ms-transform: skew(8deg) rotate(3deg);
	-o-transform: skew(8deg) rotate(3deg);
	transform: skew(8deg) rotate(3deg);
}

.acceditation
{
    padding-top:22px;
    padding-bottom:22px;
}


.footer-bg {
  width: 100%;
  background: #003386;
  box-shadow: 0 0 10px 1px #004fd3;
  padding: 20px 0;
  margin-top: 40px;
  color: #ffffff;
}

.footer-head
{
    font-size: 16px;
    margin-top: 11px;
  margin-bottom: 11px;
    font-weight: 700;
  line-height: 1.1;
  color: #ffffff;
}  
/*.copyright 
{
  padding-top: 30px;
}

.lime 
{
  padding-top: 10px;
}*/
.bottom-bar 
{
  width: 100%;
  height: 8px;
  background-color: #68686a;
}
 
.inner-list-class
{
  padding-left: 55px !important;
  padding-top: 18px !important;
}
a.banner-btn{
	text-decoration:none;
}

.sitemap-div ul li a
{
    color: #fff!important;
    line-height:30px;
}

.security {
  background-color: #4d4d4d;
  color: #fff;
  font-size: 16px;
  width: 100px;
    border-radius: 7px;
}


.submit-btn
{
    width: 85px;
  cursor: pointer;
  border: 1px solid #353537;
  background: #68686a;
  color: #fff;
    transition: all 0.4s;
    padding: 5px;
    margin: 5px 0;
    border-radius: 7px;
}

.submit-btn:hover
{
  background: #353537;
    color: #fff;
}

.input-box
{
    padding: 5px !important;
  color: #666;
  background: #fff;
  border: 1px solid #ccc;
  margin: 5px 0 !important;
    border-radius: 7px;
}

.gallery-heading
{
    font-size: 32px;
    margin-top: 22px;
  margin-bottom: 11px;
    font-weight: 700;
  line-height: 1.1;
  color: #ffffff;
    text-transform: uppercase;
}
 
.padding-banner
    {
      padding-right: 60px;
    }

















/* responsive css */

@media only screen and (max-width:1024px)
{  
  .container
	{
		max-width: 95% !important;
	}

}



@media only screen and (max-width:991px)
{
   .navbar-toggler,.navbar-toggle:hover, .navbar-toggler:focus 
    {
    color: #000 !important;
    border-color: #fff !important;
    background-color: #424243;
    margin-left: auto;
    box-shadow: 0 0 0 .0rem!important;
    border-radius:4px;
    margin-top: 4px;
    margin-bottom:4px;
  }  
     .navbar-toggler-icon 
    {
        margin-bottom: 0px !important;
    }
     
  .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
 
.navbar-collapse
    {
        border-top: 1px solid #585859;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
    }
    .navbar-expand-lg .navbar-nav .nav-link
    {
        text-align: center;
        
    }
}


@media only screen and (max-width:767px)
{
     .title, .subtitle, .btn-width 
    {
        text-align: center;
         margin: 0 auto;
    }
     .btn-width 
    {
        padding-left:0px;
        padding-bottom: 15px;
    }
    .title
    {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .padding-banner {
  padding-right: 0px;
}
}


@media only screen and (max-width:575px)
{
    
}





@media (min-width:992px) and (max-width:1199px)
{
   .navbar-expand-lg .navbar-nav .nav-link
    {
  padding-right: .4rem;
  padding-left: .4rem;
}
 .title {
  font-size: 22px;
    }
    .subtitle
    {
  font-size: 1em;
    }
    
}

@media (min-width:768px) and (max-width:992px)
{
    .title {
  font-size:20px;
    }
    .subtitle
    {
  font-size:0.9em;
        margin-top: 12px;
    } 
    .btn-width {
  padding-left: 20%;
}
}

@media (min-width:400px) and (max-width:575px)
{
    .title
    {
  font-size:18px;
        padding-bottom:0px;
        padding-top: 30px;
    }
    .subtitle
    {
  font-size:0.9em;
        margin-top: 12px;
    } 
   
}


@media (min-width:300px) and (max-width:399px)
{
    .title
    {
  font-size:16px;
        padding-bottom:0px;
        padding-top: 30px;
    }
    .subtitle
    {
  font-size:0.8em;
        margin-top: 12px;
    } 
    .carousel-control-next img,.carousel-control-prev img
    {
        max-width: 50%;
    }
}