@font-face {
  font-family: 'Lato Regular';
  src: url(../fonts/Lato-Regular.ttf) format("opentype");
  font-display: swap;
}

@font-face {
  font-family: 'Lato Bold';
  src: url(../fonts/Lato-Bold.ttf) format("opentype");
  font-display: swap;
}

*
{
	font-family: 'Lato', Arial;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

body
{
	margin:30px auto 120px auto;
	width:960px;
}

header
{
	float:left;
}

#logo
{
	width:270px;
	float:left;
}

#logo p
{
	font-size:40px;
	color:#000000;
}

#logo p span
{
	color:#037dbf;
}

#nav
{
	width:690px;
	float:left;
}

#nav p
{
	text-align: right;
}

#nav a
{
	font-size:15px;
	font-weight:bold;
	margin-left:20px;
	text-decoration: none;
}

#nav a:hover
{
	color: #45befc
}

#nav .freePlan, #navMobile .freePlan
{
	border:2px solid #ff9900;
	background-color: #ff9900;
	color:#ffffff;
	padding:2px 10px 2px 10px;
	-webkit-border-radius: 2px 10px 2px 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#nav .freePlan:hover, #navMobile .freePlan:hover
{
	color: #ffffff;
}

.hamburger
{
	font-size:30px;
	text-align: right;
}

.hamburger a
{
	color: #000000;
}

.orangeText
{
	color: #ff9900 !important;
}

.redText
{
	color: #ff0000 !important;
}

.blurredText
{
	filter: blur(5px); /* Blurs the text */
	color: #cccccc; /* Optional: Text color */
}

#navMobile
{
	clear:left;
	width:100%;
}

#navMobile p
{
	width:100%;
	border-bottom:1px solid #f7f7f7;
	margin:0 0 10px 0;
	padding:6px 12px 18px 12px;
	box-sizing: border-box;
}

#navMobile a
{
	font-size:15px;
	font-weight:bold;
	text-decoration: none;
}

#navMobile a:hover
{
	color: #45befc
}

.clearFloat
{
	clear:left;
}

h1
{

	font-size:30px;
	margin:0 0 20px 0;
}

h2
{
	font-size:20px;
	margin:0 0 20px 0;
}

h3
{
	font-size:18px;
	margin:0 0 10px 0;
}

.subheading
{
	font-size:18px;
	background-color:#000000;
	color:#ffffff;
	padding:12px 20px 12px 20px;
	margin:0 0 20px 0;
}

hr
{
  	border: 0;
    height: 1px;
    background: #dedede;
    margin:10px 0 10px 0;
}

p
{
	font-size:17px;
	line-height:25px;
	margin:0 0 20px 0;
}

p.desc
{
	font-size:16px;
	line-height:24px;
	margin:0 0 0 0;
}

p.conval
{
	font-size:16px;
	line-height:24px;
	margin:10px 0 0 0;
}

p.buyorg
{
	font-size:16px;
	line-height:24px;
	margin:10px 0 0 0;
}

p.cat
{
	font-size:16px;
	line-height:24px;
	margin:10px 0 -10px 0;
}

ul
{
	margin:0 0 20px 40px;
}

li
{
	font-size:17px;
	margin:0 0 10px 0;
}

a
{
	color:#0071b1;
}

.noLink
{
	color:#000000;
	text-decoration: none;
}

.greyIcon
{
	color: #aaaaaa;
}

strong
{
	font-weight:600;
}

.highlight
{
	background-color:#faffbd;
}

#footer
{
	font-size:14px;
	color:#000000;
	margin:30px 0 60px 0;
	text-align:center;
}

#footer a
{
	color:#000000;
	text-decoration:none;
}

.noticePanel
{
	padding: 10px 10px 10px 10px;
	margin:0 0 20px 0;
}

.noticeGrid p
{
	margin:0 0 10px 0 !important;
}

div.noticeGrid+h2 /* H2 tag following a noticeGrid */
{
	margin:40px 0 40px 0 !important;
}

.counter
{
	font-size:16px;
	margin:20px 0 20px 0;
}

.center
{
	text-align:center;
}

input[type=text]
{
	font-size:16px;
	border:1px solid #999999;
	padding:10px 10px 10px 10px;
	margin:0px 0px 10px 0px;
	box-sizing: border-box;
	width:250px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.button
{
	font-size:16px !important;
	font-weight:bold;
	background-color:#0a8530;
	color:#ffffff;
	border:1px solid #0a8530;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	padding:16px 20px 16px 20px !important;
	-webkit-box-shadow: 0 8px 6px -6px #aaaaaa;
	-moz-box-shadow: 0 8px 6px -6px #aaaaaa;
	box-shadow: 0 8px 6px -6px #aaaaaa;
	width:260px;
	margin:0 auto 0 auto;
	box-sizing: border-box;
}

.button a
{
	color:#ffffff;
	text-decoration:none;
}

.button:hover
{
	background-color:#0aa93e !important;
	border:1px solid #0aa93e !important;
	cursor:pointer;
}

.buttonBlue
{
	background-color:#0275c5;
	border:1px solid #0275c5;
}

.buttonOrange
{
	background-color:#be360e;
	border:1px solid #be360e;
}

.buttonOrange:hover
{
  background-color:#e2420e !important;
  border:1px solid #e2420e !important;
}

.buttonSearch
{
	font-size:14px !important;
	font-weight:bold;
	background-color:#2e8540;
	color:#ffffff;
	border:1px solid #2e8540;
	height: 41px; /* Adjust to match input field height */
	line-height: 41px; /* Center text vertically */
	vertical-align: top;
	box-sizing: border-box !important;
	padding-left:20px;
	padding-right:20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.emailSignup
{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.buttonSignup
{
	font-size:14px !important;
	font-weight:bold;
	background-color:#2e8540;
	color:#ffffff;
	border:1px solid #2e8540;
	height: 41px; /* Adjust to match input field height */
	line-height: 41px; /* Center text vertically */
	vertical-align: top;
	box-sizing: border-box !important;
	padding-left:20px;
	padding-right:20px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.button100
{
	width:100% !important;
}

#breadcrumbs
{
	margin:0 0 30px 0;
}

#breadcrumbs ul
{
	margin:0 0 0 0px !important;
	list-style: none;
	font-size:16px !important;
}

#breadcrumbs li
{
	display: inline;
}

#breadcrumbs li+li:before
{
	padding:6px;
	content: ">";
}

#breadcrumbs a
{
	color:#000000;
	text-decoration: none;
}

#colWrapper
{
	position: relative;
	float:left;
	margin:0 0 120px 0;
	z-index: 999;
}

#fullCol
{
	float:left;
	width:960px;
	margin:0 0 0 0;
}

#leftCol
{
	float:left;
	width:630px;
	margin:0 30px 0 0;
}

#rightCol
{
	float:left;
	width:300px;
}

.greyBox
{
	background-color:#f7f7f7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:30px 30px 30px 30px;
	margin:0 0 20px 0;
}

.greyBox p
{
	margin:0 0 10px 0;
}

.borderBox
{
	border:1px solid #cccccc;
	padding:30px 30px 30px 30px;
	margin:20px 0 20px 0;
}

.borderBox p
{
	margin:0 0 10px 0;
}

.counterBox
{
	text-align: center;
	background-color:#ffffff;
	padding:30px 10px 30px 10px;
}

.plusCounter
{

}

.noticeCounter
{
	font-size:1em;
}

#graphicCSS
{
	margin:0 0 30px 0;
	text-align:center;
	background-color:#f7f7f7;
	border:1px solid #cccccc;
	padding:60px 20px 60px 20px;
}

#graphicCSS p strong
{
	font-size:26px;
	line-height: 36px;
	color:#dd6334;
	margin:0 0 30px 0;
}

#graphic
{
	text-align:center;
	background-color: #ff9900;
	margin:0 0 30px 0;
	padding:26px 30px 10px 30px;
}

#graphic p strong
{
	font-size:22px;
	color:#ffffff;
}

#graphic a
{
	color:#ffffff;
}

#yellowGradient
{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 12%, #ede4b8 67%, #e5c662 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 12%,#ede4b8 67%,#e5c662 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 12%,#ede4b8 67%,#e5c662 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5c662',GradientType=0 ); /* IE6-9 */
	padding:60px 30px 30px 30px;
	margin:0 0 20px 0;
	text-align: center;
}

#yellowGradient p strong
{
	font-size:26px;
}

#cover
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:50000px;
	background:#000000;
	filter:alpha(Opacity=60);
	opacity:0.6;
	-moz-opacity:0.6;
	-khtml-opacity:0.6;
	z-index:98;
	display:none;
}

#popupWrapper
{
	position:absolute;
	left:0px;
	top:10px;
	width:100% !important;
	height:600px !important;
	z-index:99;
	display:none;
}

#popup
{
	width:900px !important;
	height:400px !important;
	background-color:#ffffff;
	margin:0 auto 0 auto;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding:80px 30px 30px 30px;
	border:2px solid #ffffff;
}

#popupCol1
{
	float:left;
	width:400px;
	text-align:center;
}

#popupCol2
{
	float:left;
	width:400px;
	text-align:center;
	padding:70px 0px 0px 0px;
}

#popup p
{
	 font-size:24px;
}

#popup img
{
	width:280px;
}

/*************************************************************
*
*	RESPONSIVE STYLES
*
*************************************************************/

@media all and (max-width: 1000px)
{

	body
	{
		width:100% !important;
		padding:20px 20px 20px 20px;
		box-sizing: border-box;
	}

	.hideOnMobile /* Use class when there are multiple elements that need hiding on a page */
	{
		display:none;
	}

	.showOnMobile
	{
		display:block !important;
	}

	.mobile100
	{
		width:100% !important;
	}

	.buttonSignup
	{
		width:100% !important;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	input[type=text]
	{
		width:100% !important;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	#leftCol
	{
		margin:0 0 0 0;
	}

	#popupWrapper
	{
		padding:0px 10px 0px 10px;
		box-sizing: border-box;
	}

	#popup
	{
		width:100% !important;
		height:340px !important;
		box-sizing: border-box;
		padding:30px 10px 30px 10px !important
	}

}