/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html,body{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}
.heroimage{
	max-width: 100%;
}

.tradelogo{
	height: 160px;
	line-height: 160px;
	text-align: center;
}
.tradelogo > img{
	max-width: 100%;
}

.makerlogo{
	height: 233px;
	line-height: 233px;
}

h1{
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	border-top: 2px solid #fab418;
	border-bottom: 2px solid #fab418;
	
	margin-top: 30px;
	margin-bottom: 30px;
	padding-bottom: 15px;
	padding-top: 15px;
	
	
}

h2{
	font-size: 18px;
	font-weight: 300;
	text-align: center;
	padding: 15px;
	border: 1px solid #373737;
	border-left-width: 0px;
	border-right-width: 0px;
}

.tickbox{
	border: 1px solid #373737;
	border-top-width: 0px;
	margin-bottom: 15px;
}
.tickbox > p{
	display: block;
	height: 50px;
	padding: 0px 15px 0px 15px;
	
}

.tickbox > p > i{
	display: block;
	float: left;
	height: 100%;
	font-size: 24px;
	color: #fab418;
	margin-right: 15px;
	}
.pricebox{
	font-size: 18px;
	border: 1px solid #373737;
	border-top-width: 0px;
	margin-bottom: 15px;
}

.pricebox > p >span{
	display: block;
	float: right;
	width: 25%;

	text-align: center;
	font-weight: 500;
}
.pricebox > p{
	padding-left: 15px;
}

.getbut{
	display: inline-block;
  box-sizing: border-box;
  border-radius: 10px;
  background: #FAB418;
  width: 100%;
  margin: 00px;
  padding: 15px;
  font-size: 20px;
  color: black;
  font-weight: 300;
  margin-top: 45px;
  margin-bottom: 50px;
  border: 0px;
	
}
#thetoolbox{
	display: block;
}
.headtab{
	margin: 0px;
	margin-top: 15px;
	text-align: center;
	border: 1px solid #fab418;
	display: block;
	float: left;
	width: 50%;
	border-bottom: 0px solid #fab418;
	border-radius: 15px 15px 0px 0px;
	background: #eee;

}

.pricebox > p{
	margin: 0px;
	padding: 10px;
}
.pricebox > p:nth-of-type(even){
	background: #eee;
	
}
.tab{
	padding: 30px;
	border: 1px solid #fab418;
	border-top-width: 0px;
}

.activetab{
	background: white;
	position: relative;
	top: 1px;
}
.headtab2{
	margin-left: 15px;
	width: calc(50% - 15px);
}

.tabholder{
	border-bottom: 1px solid #fab418;
	
}

.lead{
	font-size: 16px;
	text-align: center;
}

.herotext > h2{
	border: 0px;
	font-size: 24px;
	font-weight: 500;
}

.herotext > p{
	font-size: 20px;
	text-align: center;
	display: block;
	width: 66%;
	margin: auto auto;
	margin-bottom: 60px;
	}
	
	.statsbox{
		border: 1px solid #373737;
		padding: 15px;
		text-align: center;
	}
	h3 { 
		font-weight: 400;
		font-size: 20px;
		line-height: 28px;
		
	}
	h4{
		font-size: 70px;
		color: #66B032;
		line-height: 77px;
	}
	
	.tradequote > p{
		padding: 30px;
		text-align: center;
		font-size: 24px;
	
		color: #373737;
		font-weight: 300;
		padding-bottom: 0px;
	}
	
	.byline{
		font-style: normal !important;
		font-size: 16px !important;
		font-weight: 500 !important;
		padding: 0px !important;
	}
.modal-title{
	font-weight: 700;
	font-size: 16px;
	color: black;
}
.modal-header{
	border-radius: 5px 5px 0px 0px;
}

.modal-footer{
	background: #eee;
	border-radius: 0px 0px 5px 5px;
}

.yellow-grade{
	background: rgb(250,180,24); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(250,180,24,1) 0%, rgba(255,213,59,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,180,24,1)), color-stop(100%,rgba(255,213,59,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(250,180,24,1) 0%,rgba(255,213,59,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(250,180,24,1) 0%,rgba(255,213,59,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(250,180,24,1) 0%,rgba(255,213,59,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(250,180,24,1) 0%,rgba(255,213,59,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fab418', endColorstr='#ffd53b',GradientType=0 ); /* IE6-9 */

}
.modal-content {
  border: 2px solid #fab418;
}
.btn-primary{
	background: rgb(250,180,24); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(250,180,24,1) 0%, rgba(255,213,59,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,180,24,1)), color-stop(100%,rgba(255,213,59,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(250,180,24,1) 0%,rgba(255,213,59,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(250,180,24,1) 0%,rgba(255,213,59,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(250,180,24,1) 0%,rgba(255,213,59,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(250,180,24,1) 0%,rgba(255,213,59,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fab418', endColorstr='#ffd53b',GradientType=0 ); /* IE6-9 */
border: 1px solid black;
text-shadow: none;
color: black;
}



.btn-primary:hover{
	background: rgb(255,213,59); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,213,59,1) 0%, rgba(250,180,24,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,213,59,1)), color-stop(100%,rgba(250,180,24,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,213,59,1) 0%,rgba(250,180,24,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,213,59,1) 0%,rgba(250,180,24,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,213,59,1) 0%,rgba(250,180,24,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,213,59,1) 0%,rgba(250,180,24,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd53b', endColorstr='#fab418',GradientType=0 ); /* IE6-9 */
	font-weight: bold;
	color: black;
}

.p-review-error{
	border-color: red !important;
}


#reg-form{
	border: 0px;
	background: #eee;
	padding: 15px;
	margin-top: 75px;
}

#reg-form h3{
	text-align: center;
	margin-bottom: 15px;

}

#reg-form label{
	display: block;
	clear: both;
	margin-bottom: 15px;

}

#reg-form span{
	display: inline-block;
	width: 20%;
	 text-align: right;
	 margin-right: 10px;
		font-weight: 300; 

}



#reg-form input{
	font-size: 16px;
	padding: 5px;
	border: 1px solid black;
	width: calc(80% - 20px);
	box-sizing: border-box;
	}
	

#reg-form button{
	background: #fab418;
	color: black;
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	border: 0px;
	}