/*
/*
/*	FOUNDATION STYLESHEET RESETS
/*
*/

html, body { background-color: #ffffff; }
html, body, p, a, ul, li { font-family: 'Open Sans', sans-serif !important; }
a { color: #0068b9; }
a:hover { color: #002f69 !important; }

/* 
/*
/*	NAVIGATION
/*
*/

.tab-bar { 
	background: #ffffff; 
	color: #505050; 
}

.right-small { border: none; }

.tab-bar .menu-icon span::after {
	content: "";
	position: absolute;
	display: block;
	height: 0;
	top: 50%;
	margin-top: -0.5rem;
	left: 0.90625rem;
	box-shadow: 0 0px 0 1px rgb(80, 80, 80), 0 7px 0 1px rgb(80, 80, 80), 0 14px 0 1px rgb(80, 80, 80);
	width: 1rem;
}

.top-bar { background: #002f69; }

.top-bar-section ul li {background:#ffffff;}

.top-bar-section li:not(.has-form) a:not(.button) {
	background: #ffffff;
	color: #4f4f4f;
	text-transform: uppercase;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	padding: 0 14px 4px;
}

.top-bar-section li:not(.has-form) a:not(.button):hover { 
	background: #ffffff;
	color: #4f4f4f;;
}

.top-bar-section .dropdown li.parent-link {
	color: #4f4f4f;
	background: #b1bf2a;
}

.top-bar-section ul li:hover:not(.has-form) > a {
	background-color: #ffffff;
	background: #ffffff;
	color: #4f4f4f;
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
	text-transform:none !important;
	color: #4f4f4f;
	background: #ffffff;
	font-weight:normal;
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button):hover {
	text-transform:none !important;
	color: #4f4f4f;
	background: #f0f0f0;
	font-weight:normal;
}

.top-bar-section ul li .top-bar-section ul li > a { background: #ffffff; }

.top-bar-section .has-dropdown > a:after {	border-color: rgba(80, 80, 80, 1) transparent transparent transparent; display:none; }

.top-bar-section .dropdown {
	min-width:220px;
	border:1px solid #c9c9c9;
	/*-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#ffffff;*/
}

.top-bar-section .dropdown:after 
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 10px 10px;
	border-color: #FFFFFF transparent;
	display: block;
	width: 0;
	z-index: 1;
	top: -10px;
	left: 30px;
}

.top-bar-section .dropdown:before 
{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 10px 10px;
	border-color: #c9c9c9 transparent;
	display: block;
	width: 0;
	z-index: 0;
	top: -11px;
	left: 30px;
}

/*.top-bar-section .dropdown li.last {
	border:#ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}*/

.reveal-modal-bg {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #000000;
	background: rgba(0, 0, 0, 0.6);
	z-index: 1004;
	display: none;
	left: 0;
}

.reveal-modal {
	visibility: hidden;
	display: none;
	position: absolute;
	z-index: 1005;
	width: 100vw;
	width: 40%;
	top: 140px !important;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	left: 0;
	background: #b1bf2a;
	padding: 1rem 2rem; 
	border: solid 1px #666666;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.reveal-modal h2 { margin: 0 0 15px; }

.reveal-modal label {
	font-size: 16px;
	color: #ffffff;
}

.reveal-modal input[type="text"], .reveal-modal input[type="password"] {
	width: 80%;
	margin: 10px 0;
	padding-left: 15px;
	font-size: 16px;
	color: #002f69;
	border-color: #859d28;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.reveal-modal a.button { margin: 15px 0 0; }

.reveal-modal a.close-reveal-modal { color: #ffffff; }

.reveal-modal p { color: #0068b9; }
.reveal-modal p a {	font-weight: 400; color: #ffffff; }

.header #signinModal .modal-content { background: #ffffff !important; }


.contact-us input[type="text"], .contact-us select, .contact-us textarea {
	width: 100%;
	margin: 10px 0;
	padding: 8px 8px;
	background: #ffffff;
	font-size: 16px;
	color: #505050;
	border: 1px solid #c9c9c9;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.contact-us input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}
 
.contact-us input[type=text]:focus, textarea:focus, select:focus {
  box-shadow: 0 0 5px rgba(0, 104, 189, 1);
  border: 1px solid rgba(201, 201, 201, 1);
}

.contact-us .columns input.button {
	margin: 10px auto;
	padding: 5px 20px;
	background: #b1bf2a;
	border: none;
	color: #ffffff !important;
	font-weight: 600;
	font-size: 15px; 
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	float: right;
	text-transform: uppercase;
}

.contact-us .columns input.button:hover {
	background: #002f69;
	border: none;
	color: #ffffff !important;
}

ul.off-canvas-list li a:hover {color:#ffffff !important; }



/* 
/*
/*	BUTTONS
/*
*/

a.button, input.button {
	border-radius: 20px;
	text-transform: uppercase;
	margin-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	background: #0068b9;
	border: 1px solid #0068b9;
	color: #ffffff !important;
	font-weight: 600;
	font-size: 15px; 
}

a.button:hover, input.button:hover {
	background: #002f69;
	border: 1px solid #002f69;
}

.header .contact li.signin a.button {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background: #ffffff;
	border: 1px solid #dcdcdc;
	color: #0068b9 !important;
	font-weight: 700;
	font-size: 15px; 
}

.header .contact li.signin a.button:hover {
	background: #ffffff;
	border: 1px solid #bbbbbb;
	color: #002f69 !important;
}

.header .contact li.get-started a.button {
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background: #0068b9;
	border: 1px solid #0068b9;
	color: #ffffff !important;
	font-weight: 700;
	font-size: 15px; 
}

.header .contact li.get-started a.button:hover {
	background: #002f69;
	border: 1px solid #002f69;
}

.jumbotron ul li p a.button {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	padding-right: 25px;
	background: #0068bd;
	border: 1px solid #0068bd;
	color: #ffffff !important;
	font-weight: 600;
	font-size: 20px; 
}

.jumbotron ul li p a.button:hover {
	background: #ffffff;
	border: 1px solid #ffffff;
	color: #b1bf2a !important;
}

.about .columns a.button {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	background: #f0f0f0;
	border: 1px solid #f0f0f0;
	color: #505050 !important;
	font-weight: 600;
	font-size: 15px; 
}

.about .columns a.button:hover {
	background: #0068b9;
	border: none;
	color: #ffffff !important;
}

.get-started-banner .columns a.button {
	margin: 18px 0 0 0;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 20px;
	padding-right: 20px;
	background: #b1bf2a;
	border: 1px solid #b1bf2a;
	color: #ffffff !important;
	font-weight: 600;
	font-size: 13px; 
}

.get-started-banner .columns a.button:hover {
	background: #ffffff;
	/*border: none;*/
	border-color:#ffffff;
	color: #b1bf2a !important;
}

.collect-intro .columns a.button {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	background: #002f69;
	border: 1px solid #002f69;
	color: #ffffff !important;
	font-weight: 600;
	font-size: 15px; 
}

.collect-intro .columns a.button:hover {
	background: #ffffff;
	border: none;
	color: #002f69 !important;
}

.support-faq-categories a.button {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	padding-right: 30px;
	background: #f0f0f0;
	border: none;
	color: #505050 !important;
	font-weight: 600;
	font-size: 15px;
	text-transform: none;
}

.support-faq-categories a.button:hover {
	background: #b1bf2a;
	color: #ffffff !important;
}

.blog-listing .search a.button  {
	border-radius: 0px !important; 
	margin-left: 0px;
}

.contact-us-support a.button {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	background: #ffffff;
	border: none;
	color: #0068b9 !important;
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
}

.contact-us-support a.button:hover {
	background: #002f69;
	color: #ffffff !important;
}


/*
/* 
/*	SLIDER
/*
*/

.orbit-container .orbit-slide-number, 
.orbit-container .orbit-timer, 
.orbit-container .orbit-prev, 
.orbit-container .orbit-next {
	display: none;
}

.orbit-bullets-container { /*margin-top: 20px;*/ }

.orbit-bullets {
	top:0;
	margin-bottom:20px;
}

.jumbotron .orbit-bullets li {
	background: none;	
	border: 1px solid #ffffff;
}

.jumbotron  .orbit-bullets li.active { background: #ffffff; }

.partner-brands .orbit-bullets li {
	background: none;	
	border: 1px solid #dddddd;
}

.partner-brands  .orbit-bullets li.active { background: #dddddd; }

/*
/* 
/*	Accordian Override
/*
*/

.accordion .accordion-navigation > a, .accordion dd > a {
	background: none; 
	color: #0068b9;
	padding: 1rem;
	display: block;
	font-size: 1rem;
}

.accordion .accordion-navigation.active > a, 
.accordion dd.active > a, 
.accordion .accordion-navigation > a:hover, 
.accordion dd > a:hover {
	background: none;
}

.support-faq .accordion { margin-bottom: 30px; }

.support-faq .accordion .accordion-navigation a, 
.support-faq .accordion .accordion-navigation .content {
	padding: 0;
}

.support-faq .accordion .accordion-navigation.active > a, 
.accordion dd.active > a { 
	color: #002f69; 
}

input[type="text"], 
input[type="password"], 
input[type="date"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="month"], 
input[type="week"], 
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="url"], 
input[type="color"], 
textarea {
	border-color: #dcdcdc;
}

/* MOBILE AND TABLETS */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

	.reveal-modal {
		width: 50%;
	}

	.header .contact > ul { margin: 0; float: right; }

	.header .contact li.signin a.button {
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 6px;
		padding-right: 6px;
		font-weight: 700;
		font-size: 12px;
	}

	.header .contact li.get-started a.button {
		margin-left: 0; 
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 6px;
		padding-right: 6px;
		background: #0068b9;
		border: 1px solid #0068b9;
		color: #ffffff !important;
		font-weight: 700;
		font-size: 12px;
	}

}


@media only screen and (min-width: 40.063em) {

	.top-bar-section .has-dropdown > a:after { margin-right: 0;	}
	.top-bar .top-bar-section li:not(.has-form) a:not(.button) { padding: 0 12px 4px !important; }

}

@media only screen and (max-width: 815px) { 

	.top-bar .top-bar-section li:not(.has-form) a:not(.button) { font-size: 13px !important;}

}

@media only screen and (max-width: 768px) { 

	.top-bar .top-bar-section li:not(.has-form) a:not(.button) { padding: 0 5px 4px !important; font-size: 14px !important;	}
	.top-bar-section .has-dropdown > a:after { border: none; }

	.header .contact li.signin a.button {
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 6px;
		padding-right: 6px;
		font-weight: 400;
		font-size: 12px;
	}

	.header .contact li.get-started a.button {
		margin-left: 0;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 6px;
		padding-right: 6px;
		font-weight: 400;
		font-size: 12px;
	}

	.reveal-modal {	width: 60%;	}

}

@media only screen and (max-width: 739px) { 

	.top-bar .top-bar-section li:not(.has-form) a:not(.button) { padding: 0 5px 4px !important;	font-size: 14px !important;}

	

	.header .contact li.signin a.button {
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
		font-weight: 400;
		font-size: 12px;
	}

	.header .contact li.get-started a.button {
		margin-left: 0;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
		font-weight: 400;
		font-size: 12px;
	}

}

@media only screen and (max-width: 722px) { 

	.header nav { margin-top: 34px;	}
	.top-bar-section .has-dropdown > a:after { border: none; }

	.header .contact li.signin a.button {
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
		font-weight: 400;
		font-size: 11px;
	}

	.header .contact li.get-started a.button {
		margin-left: 0;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
		font-weight: 400;
		font-size: 11px;
	}

}

@media only screen and (max-width: 686px) { 

	.header nav { margin-top: 33px; }
	.top-bar .top-bar-section li:not(.has-form) a:not(.button) { padding: 0 6px 4px !important;	font-size: 13px !important;}

	.header .contact { text-align: right; }
	.header .contact ul { padding-left: 20px; }
	.header .contact li.signin a.button { margin-bottom: 10px; }

	.header .contact li.signin a.button {
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;
		font-weight: 600;
		font-size: 11px;
	}

	.header .contact li.get-started a.button {
		margin-left: 0;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;
		font-weight: 600;
		font-size: 11px;
	}
}

@media only screen and (max-width: 670px) { 

	.top-bar .top-bar-section li:not(.has-form) a:not(.button) { padding: 0 4px 4px !important;	}

	.header .contact p { margin: 0 0 8px; }
	.header .contact p i.fa-phone {	display: none; }
}

@media only screen and (max-width: 568px) {

	.reveal-modal {
		width: 100%;
		padding: 60px 20px 0;
		height: 400px !important;
		min-height: 70vh !important; 
		text-align: center;
	}

}

@media only screen and (max-width: 40em) {

	.header .contact { text-align: center; }

	.header .contact li.signin a.button {
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;
		font-weight: 600;
		font-size: 14px; 
	}
	.header .contact li.get-started a.button {
		margin-left: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 10px;
		padding-right: 10px;
		font-weight: 600;
		font-size: 14px; 
	}

	.reveal-modal {
		width: 100%;
		padding: 60px 20px 0;
		height: 70%;
		 min-height: 70vh !important; 
		text-align: center;
	}

	.reveal-modal input { margin: 10px auto; }

	.contact-us form { padding: 30px 10px; }

	.contact-us-map h3 {
		margin-top: 40px;
		font-size: 20px;
	}

	

}




