html, body{
	font-family: 'Lato', sans-serif;
}
.logo{
	max-width: 90%;
	margin: 30px;
	margin-top: 45px;
}
a{
	color: black;
}
.otherwidth{
	width: 100%;
}
#formhead{
	font-size: 18px;
}

/* HTML: <div class="ribbon">Your text content</div> */
.ribbon {
	margin: auto auto;
	margin-bottom: 40px;
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  min-width: 90%;
}
.ribbon {
  --s: 1.8em; /* the ribbon size */
  --d: .8em;  /* the depth */
  --c: .8em;  /* the cutout part */
  
  padding: var(--d) calc(var(--s) + .5em) 0;
  line-height: 1.8;
  background:
	conic-gradient(from  45deg at left  var(--s) top var(--d),
	 #0008 12.5%,#0000 0 37.5%,#0004 0) 0   /50% 100% no-repeat,
	conic-gradient(from -45deg at right var(--s) top var(--d),
	 #0004 62.5%,#0000 0 87.5%,#0008 0) 100%/50% 100% no-repeat;
  clip-path: polygon(0 0,calc(var(--s) + var(--d)) 0,calc(var(--s) + var(--d)) var(--d),calc(100% - var(--s) - var(--d)) var(--d),calc(100% - var(--s) - var(--d)) 0,100% 0, calc(100% - var(--c)) calc(50% - var(--d)/2),100% calc(100% - var(--d)),calc(100% - var(--s)) calc(100% - var(--d)),calc(100% - var(--s)) 100%,var(--s) 100%,var(--s) calc(100% - var(--d)),0 calc(100% - var(--d)),var(--c) calc(50% - var(--d)/2));
  background-color: #930000; /* the main color */
  width: fit-content;
}

/* HTML: <div class="ribbon">Your text content</div> */
.ribbon2 {
	margin: auto auto;
	margin-top: 20px;
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  min-width: 90%;
  position: relative;
  top: 15px;
}

.ribbon, .ribbon2{
	font-size: 20px;
	text-align: center;
}
.ribbon2 > span{
	font-size: 20px !important;
}

.ribbon2 {
	font-size: 30px;
  --s: 1.8em; /* the ribbon size */
  --d: .8em;  /* the depth */
  --c: .8em;  /* the cutout part */
  
  padding: 0 calc(var(--s) + .5em) var(--d);
  line-height: 1.8;
  background:
	conic-gradient(at left  var(--s) bottom var(--d),
	 #0000 25%,#0008 0 37.5%,#0004 0) 0   /50% 100% no-repeat,
	conic-gradient(at right var(--s) bottom var(--d),
	 #0004 62.5%,#0008 0 75%,#0000 0) 100%/50% 100% no-repeat;
  clip-path: polygon(0 var(--d), var(--s) var(--d),var(--s) 0,calc(100% - var(--s)) 0,calc(100% - var(--s)) var(--d),100% var(--d),calc(100% - var(--c)) calc(50% + var(--d)/2),100% 100%,calc(100% - var(--s) - var(--d)) 100%,calc(100% - var(--s) - var(--d)) calc(100% - var(--d)),calc(var(--s) + var(--d)) calc(100% - var(--d)),calc(var(--s) + var(--d)) 100%,0 100%,var(--c) calc(50% + var(--d)/2));
  background-color: #930000; /* the main color */
  width: fit-content;
}
.ribbon2{
	margin-bottom: 30px;
	z-index: 1001;
}


.findNav{
	position: relative; top: -27px;
	z-index: 1002;
}
.tradelastslide{
	height: 261px; 
	font-size: 24px;
	 line-height: auto;
	  text-align: center;
}
.mobileFindNav{
	display: block;
}
.mobileFindNav a{
		display: inline-block;
margin-top: 15px;
margin-bottom: 30px;
margin-left: 10px;
font-size: 14px;
margin-left: 5px;
padding: 10px;

background: #eee;
}
.headline{

	text-align: center;

	font-weight: 400;

	font-size: 20px;
	position: relative;
	top: 10px;
	display: none;

}
.nopoints{
	font-size: 18px;
	padding: 5px;
	line-height: 24px;
	font-weight: 400;
}
.carousel-caption p{
	font-size: 14px !important;
}

#carouselExampleSlidesOnly{
	margin-top: 15px;
}
.pricebanner{
	background: #14757A;
	font-size: 30px;
	color: white;
	text-align: center;
	padding: 15px;
}

.ccontract button{
		
			padding: 10px;
			
			outline: none;
			border: none;
			box-shadow: none;
			width: 100%;
			margin-top: 0px;
			margin-bottom: 10px;
		}
		.allocated button{
			padding: 5px;
			background: white;
			color: #14757A;
			
			display: inline-block;
			
			box-shadow: none;
			border: 0px;
			margin-top: 10px;
			outline: none;
			width: 100%;
			
			}

.headline span{
	border-bottom: 1px solid #14757A;
}

.detailsField input{
	width: 70%;
	}
.detailsField b{
			display: inline-block;
			width: 25%;
			text-align: right;
		}
		.detailsField span{
			background: #eee;
			width: 40%;
			display: none;
			float: right;
			text-align: left;
			padding: 5px;
		}
		.detailsField i{
			color: #14757A;
			
			}

.allserves{
	display: block;
	background: #14757A;
	color: white;
	padding: 10px;
	text-align: center;
	margin-bottom: 15px;
	font-weight: 300;
	
}

.sectionhead{
	background: #14757A;
	padding: 10px;
	font-size: 18px;
	font-weight: 400;
	color: white;
	margin-top: 10px;
}
.sectionsection{
	display: none;
	padding: 10px;
}
.sectionsection textarea{
	width: 100%;
	min-height: 250px;
	border: 1px solid black;
}
.sectionopen{
	display: block;
}

.searchbut{
	box-shadow: none;
	width: 20%;padding: 10px;
	border: 0px;
}
.pull-right{
	float: right;
}

.part{
	background: rgba(0,0,0,0.8);
	padding: 30px;
	margin-top: 30px;
}

.particon{
	width: 120px;
	height: 70px;
	float: right;
	
}
.partarrow{
	color: #14757A;
	text-align: center;
	height: 1px;
	
}
.contract{
	border: 1px solid black;
	padding: 30px;
	padding-top: 30px;
	padding-bottom: 60px;
}

.accepted{
	padding: 30px;
	color: green;
	font-size: 20px;
}

.partarrow svg{
	position: relative;
	top: -100px;
	}
	.mobile-menu{
		display: none;
	}
	.mobile-menu a{
		display: block;
		padding: 15px;
		background: #eee;
		text-align: left;
		margin-bottom: 10px;
		text-transform: uppercase;
	}
	
	.bigcircle{
		width: 300px;
		height: 300px;
		border-radius: 300px;
		background: rgba(0,0,0,0.8);
		
		margin: auto auto;
		color: white;
		padding-left: 30px;
		padding-right: 30px;
		margin-top: 20px;
		font-size: 20px;
	}
	.tradeticks{
		text-align: center;
		margin-top: 0px;
	}
	
	.tradeticks i{
		color: #930000;
	}
	
	.bigcircle p {
		margin-top: 15px;
		text-align: center;
	}
	.littlecircle{
		width: 150px;
		height: 150px;
		border-radius: 150px;
		margin: auto auto;
		background: #930000;
		text-align: center;
		color: white;
		line-height: 150px;
		
		}
		.sideImage{
			max-width: 100%;
			

			border: 1px solid #ccc;
		}
		.sideCaption{
			width: 100%;
			text-align: center;
	
			padding-top: 15px;
		}
		.tradehead{
		font-size: 16px;	
		}
.bannerHead{
	font-size: 24px;
	text-align: center;
	margin-top: 30px;
	max-width: 70%;
	margin: auto auto;
	margin-top: 40px;
	margin-bottom: 30px;
	background: #eee;
	border-bottom: 2px solid #930000;
	border-top: 2px solid #930000;
	padding: 15px;
}
		.littlecircle span{
		display: block;
		font-size: 40px;
		font-weight: 300;
		}
		
		.littlecircle i{
			font-size: 60px;
			line-height: 150px !important;
			}

.part p{
	color: white;
	display: block;
	width: calc(100% - 120px);
	float: left;
	font-size: 16px;
	text-align: center;
	
}

a:hover{
	text-decoration: none;
	
}

.mobile-menu-icon{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 30px;
	padding: 15px;

	
	z-index: 2000;
}

.mobile-menu-icon a{
	color: #818286 !important;
	}
.top-nav a{
	display: none;
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	
	text-transform: uppercase;
	background: #eee;
	color: black;
	font-size: 14px;
	margin-top: 90px;
}
.top-nav a:hover{
	text-decoration: none;
	background: #ccc;
	
	}
	.signinbut{
		display: none !important;
		margin-top: 0px !important;
		margin-bottom: 15px !important;
		background: #14757A !important;
		color: white !important;
	}
	.signinbutmob{
		display: black !important;
		margin-top: 0px !important;
		margin-bottom: 15px !important;
		background: #14757A !important;
		color: white !important;
	}
	.signinbut:hover{
		opacity: 0.8;
		
		}
		
		.hero-image{
			background-color: #eee;
			min-height: 500px;
			background-size: cover;
			background-position: center center;
			padding-bottom: 60px;
			background-image: url('/img/home_big.jpg');
		}
		.hero-image-alls{
			min-height: 600px;
			}
		.tickcard{
			background: rgba(255,255,255,0.9);
			max-width: 100%;
		
			padding: 30px;
			margin-top: 5vh;

			
		}
		.tickcard p {
			font-size: 15px;
		}
		.tickcard h2{
			color: #14757A !important;
			text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
		}
		.tickcard i{
			color: #14757A !important;
			}
			h3{
					text-align: center;
				}
			
			.tickcard h3{
				text-align: right !important;
				}
				
				.hero-left h1{
					color: white;
					text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
					font-weight: 700;
					font-size: 30px;
				}
				.hero-left{
					margin-top:100px;
					background: rgba(0,0,0,0.5);
					padding: 30px;
					margin-top: 15px;
				}
				
				.hero-left h2{
					color: white;
					text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
					font-size: 18px;
				}
				.hero-left h2 b{
					color: #14757A !important;
					}
				.hero-left h3{
					color: white;
					text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
					font-weight: 300;
					font-size: 18px;
				}
				
				
				.indexheadline span{
		background: rgba(255,255,255,0.7);
		padding: 15px;
		border-bottom: 0px;
	}

 
 .indexheadline{
		padding-top: 50px;
		font-size: 30px;
		font-weight: 300;
		//text-transform: uppercase;
		
		
	}
		.greybox{
			display: none;
		}		
				button{
					color: white;
					background: #930000;
					display: block;
					padding: 30px;
					border: 0px solid black;
					width: 100%;
					margin-top: 15px;
					  box-shadow: 0 8px 6px -6px #999;
					  text-transform: uppercase;
				}
				button:hover{
					text-decoration: none;
					background: #FAC350;
				}
				p{
					font-weight: 300;
					text-align: justify;
				}
				
				hr{
					margin-top: 30px;
				}
				.products img{
					max-width: 100%;
					margin-top: 15px;
				}
				.products a{
					
				}
				.products span{
					display: block;
					padding: 15px;
					text-align: center;
					background: #eee;
					color: black;
					
					
				}
				
				.reviews p{
					background: #eee;
					padding: 30px;
					max-width: 100%;
					margin: auto auto;
					clear:both;
					margin-top: 15px;
				}
				
				.reviews span{
					width: 100%;
					display: block;
					text-align: right;
					font-weight: 700;
					margin-top: 15px;
				}
				.reviews i{
					color: #fab418;
					}
				.reviews span b{
					display: block;
					}
				.footer{
					background: #eee;
					padding: 30px;
					margin-top: 30px;
				}
				.signbox{
					float:none !important; 
					margin: auto auto !important; 
					margin-top: 12vh !important; 
				
					text-align: center;
				}