html{
background-color: #a9c0df;
}
.marginTop_15px{
	margin-top: 10px;
	
}

    .text-color{
        color: white;
    }
    .example-spacer {
    margin-left: 500px;
    flex: 1 1 auto;
  }
  .navbar-light .navbar-brand {
    color: #FFFFFF;
   }
   body{
        font-family: 'Titillium Web', sans-serif !important;
	background-color: #a9c0df;
   }
   body,h1{
    font-family: Arial, sans-serif;  
   }
   .mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container 
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}
*/
/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

.navbar-brand img{
   width:200px;
  }

/* On smaller screens, decrease text size */
@media only screen and (max-width: 500px) {
  .text {font-size: 11px}
  
  .navbar-brand img{
   width:100px;
  }
}


		.Cards{
		 box-shadow: 0 1px 1px rgba(0,0,0,0.15), 
              0 2px 2px rgba(0,0,0,0.15), 
              0 4px 4px rgba(0,0,0,0.15), 
              0 8px 8px rgba(0,0,0,0.15);
		margin-top:15px;
		padding:10px;
		background-color:white;
		
		}
		.form-group{
		 margin-top:5px;
		}


         .form-control{
          
           height:45px;
           border-radius:0px;
         }
         
         .fixed-top{
           padding-right:10px;
         }
         
         .navbar{
           background-color:white !important;
          font-weight:bold;
         }
         
         .main-heading{
         
          font-weight:600; 
          font-family: 'Titillium Web', sans-serif !important;
          letter-spacing:2px;
         }
         
         .main-container{
          background-color:transparent;
          text-align:center;  
          color:white;   
         }
         
         .sub-heading{
          font-family: 'Titillium Web', sans-serif !important;
          font-size:20px
     
         }
         .slideshow-container{    
		 
		 height:410px;
		 
         }
         .slideshow-container img{
	         object-fit: fill;
		    width: 100%;
		    height: 100%;
         }
	   nav{
	    width: 82%;
	    margin: auto;
	    box-shadow: 0 1px 1px rgba(0,0,0,0.15), 
              0 2px 2px rgba(0,0,0,0.15), 
              0 4px 4px rgba(0,0,0,0.15), 
              0 8px 8px rgba(0,0,0,0.15);
	    margin-top:5px;
	   }

		.sameheight{
		height:300px;
		text-align:center;
		
		}

		.btn-light{
		  border-radius:0;
		  background-color:#1d4b80;
		  color:white;
		}
		
		.btn-success{
		 border-radius:0;
		}
		.number-heading{
		  font-size:100px;
		  font-weight: 600;
		   font-family: 'Titillium Web', sans-serif !important;
		}  
		
		.noCards{
		  padding-bottom:20px;
		  
		}
		.main-container{
		margin-top:10rem;
		}
		.errormsg{
		color: red;
		}

		.cachest {
		    width: 100px;
		    float: left;
		}
		.cachest1 {
		    float: left;
		}
		.cachest2 {
		    height: 40px;
		    width: 40px;
		}