/* This is for the navigation*/

/* This hides all pages */
.page {
    display: none;
}

/* This displays the first page */
.default {
    display: block;
}

/* This displays the page corresponding to the one you clicked on */
:target {
    display: block;
}

/* This hides the default page when another page is clicked */
:target ~ .default {
    display: none;
}




















.welcome_box{
	/*border: 3px solid red;*/
	background: url('background.jpg') no-repeat center;
	background-size: cover;
	height: 500px;
}


.top_img{
	
	/*border: 3px solid black;*/
	
  	font-family: Calibri;
	font-size: 20px;
	text-align: center;
    
	margin: 0px;
    
	padding: 0px;
}



#jumbotron img {
    
	
    	/*border: 3px solid green;*/
	height: 150px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;

	/* padding-bottom: 50px;*/

}




input[type="search"],
textarea,
select {
  	
	background: rgba(255,255,255,0.1);
  	border: none;
	border-radius: 15px 15px 15px 15px;
  	font-size: 20px;
  	text-align: center;
  	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
  	/* margin: 0; */
  	outline: 0;
  	padding: 10px;  /*around search string */
  	width: 60%;         /*of search box */
  	background-color: rgba(255,255,255,0.7);
  	color: #8a97a0;
  	box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
  	margin-top: 30px;
	margin-bottom: 10px;
	
}


.addrow{
	padding-top: 30px;
}
/*
input[type="text_small"],
textarea,
select {
  	
	background: rgba(255,255,255,0.1);
  	border: none;
  	font-size: 12px;
  	text-align: left;
  	height: auto;
	margin-left: auto;
	margin-right: auto;
  	/* margin: 0; */
  	/*outline: 0;
  	padding: 5px;  /*around search string */
  	/*width: 300px;         /*of search box */
  	/*background-color: #e8eeef;
  	color: #8a97a0;
  	box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
  	margin-top: 0px;
	margin-bottom: 0px;
}
*/
/*
input[type="email"],
textarea,
select {
  	
	background: rgba(255,255,255,0.1);
  	border: none;
  	font-size: 12px;
  	text-align: left;
  	height: auto;
	margin-left: auto;
	margin-right: auto;
  	/* margin: 0; */
  	/*outline: 0;
  	padding: 5px;  /*around search string */
  	/*width: 300px;         /*of search box */
  	/*background-color: #e8eeef;
  	color: #8a97a0;
  	box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
  	margin-top: 0px;
	margin-bottom: 0px;
}
*/
/*
input[type="password"],
textarea,
select {
  	
	background: rgba(255,255,255,0.1);
  	border: none;
  	font-size: 12px;
  	text-align: left;
  	height: auto;
	margin-left: auto;
	margin-right: auto;
  	/* margin: 0; */
  	/*outline: 0;
  	padding: 5px;  /*around search string */
  	/*width: 300px;         /*of search box */
  	/*background-color: #e8eeef;
  	color: #8a97a0;
  	box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
  	margin-top: 0px;
	margin-bottom: 0px;
}
*/
/*
input[type="text"]
 {
  	
	background: rgba(255,255,255,0.1);
  	border: 3px solid red;
  	font-size: 12px;
  	text-align: left;
  	height: auto;
	margin-left: auto;
	margin-right: auto;
  	/* margin: 0; */
  /*	outline: 0;
  	padding: 5px;  /*around search string */
  	/*width: 300px;         /*of search box */
  	/*background-color: #e8eeef;
  	color: #8a97a0;
  	box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
  	margin-top: 0px;
	margin-bottom: 0px;
}

*/


















/*.carousel {

height:639px;

}

.carousel-inner > .item > img {

	height:639px;

	object-fit: center;

}*/

#ch1 {
  	font-family: Calibri;
	font-size: 10px;
	text-align: center;
	color: white;
}

.featurette-heading {
	font-size: 55px;
	color: rgb(59,56,56);
}

.text-muted {
	font-size: 55px;
	
}



.lead {
	font-size: 20px;
	color: rgb(59,56,56);
}


.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}


/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}




.form {
	/*border: 3px solid black;*/
}

#search {
	/*border: 3px solid yellow; */
}

/* this is for the shopping cart*/

.products {
      
	border: 1px solid #333;
      
	background-color: #f1f1f1;
      
	border-radius: 5px;
      
	padding: 16px;
      
	margin-bottom: 20px;
 
}
  

.table {
    
	margin: 0px auto;
    
	float: none;
	/*border: 3px solid green; */

}


.row {
    
	margin: 0px auto;
    
	float: none;

	/* border: 3px solid green; */ 
}


.centered{
    
	float: none;
    
	margin: 0 auto;

}

.thu{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 20%;
	
}


.button {
    
	background: #6394F8;
    
	color:white;
    
	text-align: center;
    
	padding: 12px;    
	text-decoration: none;
    
	display: block;
    
	border-radius: 3px;
    
	font-size: 16px;
    
	margin: 25px 0 15px 0;

}


.button:visited {
      
	text-decoration: none;
      
	color: white;
  
}
  

.button:hover {
    
	background: #7fa9ff;
    
	text-decoration: none;
    
	color: white;
  
}
  

.button:active {
    
	text-decoration: none;
    
	color: white;
  
}
  

.btn-danger {
      
	/*font-size: 12px;*/
      
	/*padding: 3px;*/
  
}
  

.btn-danger:hover {
      
	text-decoration: none;
  
}
  

a {
      
	text-decoration: none;
  
}
  

a:hover {
      
	text-decoration: none;
  
}
  

h3 {
      
	margin-top: 0px;
  
}
 


.h4 {
	font-size: 10px;
}

/*
h5 {
	font-size: 16px;
}

*/





#h1 {
  	font-family: Calibri;
	font-size: 25px;
	text-align: center;
}




body1 {
    
	background-position: centre;   
	font-family: Calibri;
    
	margin: 0px;
    
	padding: 0px;

}

#main {
    
	margin: auto;
	width: 80%;

}





#content {
    width: 100%;
	height: 300px;
    margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	padding-top: 100px;
	padding-bottom: 50px;
	display: inline-block;
   
}

#content h1 {
	font-size: 20px;
 	font-family: Calibri;	
	font-weight: normal;
	text-align: center;
}

.calendar {
      
	border: 1px solid #333;
      
	background-color: #f1f1f1;
      
	border-radius: 5px;
      
	padding: 16px;
	color: red;
      
	margin-bottom: 20px;
 
}

input[type="text"],
textarea,
select {
  	
	background: rgba(255,255,255,0.1);
  	border: none;
  	font-size: 16px;
  	text-align: center;
  	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
  	/* margin: 0; */
  	outline: 0;
  	padding: 15px;  /*around search string */
  	width: 400px;         /*of search box */
	background-color: #e8eeef;
  	color: #8a97a0;
  	box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
  	margin-top: 30px;
	margin-bottom: 10px;
}

input:focus,textarea:focus { 
  box-shadow: 0 0 5px rgba(65,65,239,0.70);
  border: 1px solid rgba(65,65,239,0.70);
}



h1 {
  	font-family: Calibri;
	font-size: 20px;
	text-align: center;
}


/*
p{
	color: #fff;
	line-height: 25px;
	font-size: 12px;
}
*/

h2, h3{
	color: #fff;
}

h2{
	font-size: 12px;
}
.footer-top{
	background: RGB(59,56,56);
	padding: 15px 0;
	/*display: inline-block; */
}
.segment-one h3{
	font-family:Calibri;
	color: #fff;
	letter-spacing: 3px;
	margin: 10px 0;
	font-size: 14px;
}

.segment-two h2{
	color: #fff;
	font-family: Calibri;
	text-transform: uppercase;
}
.segment-two h2:before{
	content: '|';
	color: RGB(255,255,255);
	padding-right: 10px;
}
.segment-two ul{
	margin: 0;
	padding: 0;
	list-style:none;
}
.segment-two ul li{
	border-bottom: 1px solid RGB(255,255,255); 
	line-height: 20px;
}
.segment-two ul li a{
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}
.segment-two ul li a:hover{
	font-weight: bold;
}

.segment-three h2{
	color: #fff;
	font-family:Calibri;
	text-transform: uppercase;
}
.segment-three h2:before{
	content: '|';
	color: RGB(255,255,255);
	padding-right: 10px;
}
.segment-three a{
	background: #494848;
	width: 40px;
	height: 40px;
	display: inline-block;
	border-radius: 50%;
}
.segment-three a i{
	font-size: 18px;
	color: #fff;
	padding: 10px 12px;
}
.segment-four h2{
	color: #fff;
	font-family:Calibri;
	text-transform: uppercase; 
}
.segment-four h2:before{
	content: '|';
	color: RGB(255,255,255);
	padding-right: 10px;
}
.segment-four form input[type=submit] {
	background: RGB(0,123,255);
	border: none;
	padding: 3px 15px;
	margin-left: -5px;
	color: rgb(255,255,255);
	font-size: 12px;
	font-family:Calibri;
	text-transform: uppercase; 
}

.segment-four form input[type=submit]:hover{
	font-weight: bold;
}

.segment-four form input[type=email] {
	
	font-size: 12px;
	font-family:Calibri;
	 
}
.footer-bottom-text{
	text-align: center;
	background: RGB(255,255,255);
	color: RGB(59,56,56);
	line-height: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 991px){
	.md-mb-30{
		margin-bottom: 30px;
		
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.sm-mb-30{
		margin-bottom: 30px;
	}
	.footer-top{
		padding: 50px 0;
	}
}

.hidbut {
		background: none;
		padding: 0px;
		border: none;
}