﻿a.big-button {
  background: #00b4c9;
  padding: 5px 10px;
  color: #fff;
  border: 0;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  box-shadow: 0 2px 4px #ccc;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
  padding: 10px 25px;
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
  display: block;
  float: left;
  clear: both;
}
a.big-button:hover {
  background: #0097a9;
}
a.button {
  background: #00b4c9;
  padding: 5px 10px;
  color: #fff;
  border: 0;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  box-shadow: 0 2px 4px #ccc;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
  display: block;
  float: left;
  clear: both;
}
a.button:hover {
  background: #0097a9;
}
body {
  background: #fff;
  margin: 0;
  padding: 0;
  font: 400 14px/24px 'Open Sans', Arial, sans-serif;
}
#wrapper {
  width: 1200px;
  left: 50%;
  margin: 40px auto 40px -600px;
  position: relative;
  box-shadow: 0 0 30px #ddd;
  float: left;
  padding: 0 0 40px 0;
}
#wrapper strong {
  font-weight: 600;
}
#wrapper a {
  text-decoration: none;
}
#logo {
  font-size: 30px;
  line-height: 30px;
  color: black;
  display: inline-block;
  padding: 0 0 0 70px;
  background: url(../img/logo.png) no-repeat left center;
  letter-spacing: -1px;
}
#logo span {
  letter-spacing: 0;
  line-height: 14px;
  color: #888;
  font-size: 11px;
  text-transform: uppercase;
}
/*=========================================================================
===================== HOME PAGE AND THE PRODUCT PAGES ===================*/
#content {
  /*padding: 0 40px;*/
  /*p {
		font-size: 13px;
		line-height: 20px;
		color: #777;
	}*/
}
#content h1 {
  font-weight: 300;
  font-size: 45px;
  line-height: 55px;
  padding: 20px 0;
  margin: 20px 0;
  letter-spacing: -2px;
}
#content h4 {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}
#content ul {
  font-size: 13px;
  color: #777;
}
#content .banner {
  /* Homepage promotoional banner */
  padding: 60px 400px 40px 25px;
  position: relative;
  min-height: 260px;
  border-bottom: 1px solid #eee;
  background: url(../img/banner_bg.png) no-repeat center bottom;
}
#content .banner h1 {
  color: #00b4c9;
  padding: 0;
  margin: 0;
  font-size: 40px;
  line-height: 50px;
  font-weight: 300;
  letter-spacing: -1px;
}
#content .banner h2 {
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 26px;
  font-weight: 300;
  color: #666;
}
#content .banner a {
  background-color: #00b4c9;
  color: #fff;
  margin: 20px 0 0 0;
  padding: 10px 20px;
  display: inline-block;
  transition: all 0.3s ease-out;
}
#content .banner a:hover {
  background-color: #0097a9;
}
#content .banner img {
  position: absolute;
  right: 0;
  top: 15px;
}
#content .header {
  /* Header for the product pages */
  text-align: center;
  padding: 35px 0 25px 0;
  border-bottom: 1px solid #eee;
}
#content .header h1 {
  margin: 0;
  font-weight: 600;
  padding: 0;
  font-size: 55px;
}
#content .header h3 {
  font-weight: 300;
  font-size: 20px;
  color: #666;
  line-height: 30px;
}
#content .products {
  /* Featured products on a product page  */
  text-align: center;
}
#content .products h3 {
  margin: 0;
  padding: 0;
  font-size: 28px;
  line-height: 32px;
  font-weight: 400;
}
#content .products h4 {
  padding: 0;
  margin: 0;
  color: #666;
}
#content .products a {
  color: #00b4c9;
  font-weight: 600;
}
#content .product {
  /* Featured single product on a product page  */
  background: url(../img/banner_bg.png) no-repeat center bottom;
  text-align: center;
  margin: 40px 0 0 0;
  border-bottom: 1px solid #eee;
  padding: 0 0 40px 0;
}
#content .product a {
  color: #00b4c9;
  font-weight: 600;
}
#content .product h3 {
  font-size: 40px;
  line-height: 50px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
#content .specifications {
  /* The specfications of a product on a single product page based on the "Lists" module  */
  font-size: 12px;
  color: #666;
  border-left: 1px solid #eee;
  background: #fff;
  padding: 25px;
  overflow: hidden;
  line-height: 18px;
  transition: all 0.6s linear;
}
#content .specifications:hover {
  background-color: #f1f1f1;
}
#content .specifications ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#content .specifications ul h4 {
  color: black;
  padding: 0;
  margin: 20px 0 5px 0;
}
#content .short-review {
  /* The text review of a product on each product page */
  margin: 40px 0 0 0;
  border-top: 1px solid #eee;
  padding: 40px 0 0 0;
}
#content .short-review h2 {
  font-size: 24px;
  line-height: 32px;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0 0 20px 0;
}
#content .short-review ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#content .short-review ul li {
  padding: 0 0 20px 0;
}
#content .PagerWrapper {
  float: left;
  width: 100%;
  margin: 30px 0;
}
#content .PagerWrapper .sfCatalogTotalCount {
  padding: 10px 0;
  font-size: 11px;
  margin: 10px 0;
}
#content .PagerWrapper .sf_pagerNumeric {
  display: inline-block;
}
#content .PagerWrapper a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #00b4c9;
  border-radius: 30px;
}
#content .PagerWrapper a.sf_PagerCurrent {
  background: #00b4c9;
  color: white;
}
#top-sellers {
  /* The featured 3 products on the home page */
}
#top-sellers ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#top-sellers ul li {
  float: left;
  width: 30%;
  text-align: center;
  margin: 0 2% 0 0;
  padding: 0 0 0 1%;
}
#top-sellers ul li h3 {
  font-size: 24px;
  font-weight: 400;
  padding: 0;
  margin: 0;
  color: #000;
}
#top-sellers ul li p {
  font-size: 13px;
  color: #666;
  line-height: 20px;
}
#top-sellers ul li a {
  font-weight: 600;
  font-size: 13px;
  color: #00b4c9;
}
#top-sellers ul li a:hover {
  color: #0097a9;
}
.galleria-container {
  /* The gallery used on single product pages */
  background: #fff;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  height: 510px;
  margin: 0 0 40px 0;
}
.galleria-container .galleria-stage .galleria-images .galleria-image img {
  top: 0 !important;
  width: 773px !important;
  height: 367px !important;
}
.galleria-container .galleria-thumbnails-container {
  height: 100px;
  border-top: 1px solid #eee;
  padding-top: 20px;
}
.galleria-container .galleria-thumbnails-container .galleria-thumbnails .galleria-image {
  background: none;
  border: 0;
  width: 180px;
  height: 85px;
}
.galleria-container .galleria-thumbnails-container .galleria-thumbnails .galleria-image img {
  width: 180px;
  height: 85px;
}
.galleria-container .galleria-info {
  width: 30%;
}
.galleria-container .galleria-info .galleria-info-link {
  border-radius: 30px;
  background-color: #00b4c9;
}
.galleria-container .galleria-info .galleria-info-text {
  opacity: .9;
  padding: 20px;
  background: #00b4c9;
}
.galleria-container .galleria-info .galleria-info-text .galleria-info-title {
  font-family: 'Open Sans';
  font-size: 16px;
  font-weight: 400;
}
.galleria-container .galleria-info .galleria-info-text .galleria-info-description {
  padding-top: 15px;
  color: #fff;
  font-family: 'Open Sans';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}
.sfAddToCartWrp {
  /* The "Buy now" button on a single product page */
  padding: 40px 0 0 0;
}
.sfAddToCartWrp .sfAddToCartBtn {
  background: #00b4c9;
  padding: 5px 10px;
  color: #fff;
  border: 0;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  box-shadow: 0 2px 4px #ccc;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
  padding: 10px 25px;
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
}
.sfAddToCartWrp .sfAddToCartBtn:hover {
  background: #0097a9;
}
.sfdownloadFileWrp {
  /* File download link on a single product page */
  padding: 20px 0;
  border-top: 1px solid #eee;
}
.sfdownloadFileWrp a {
  color: #00b4c9;
}
.main {
  border-left: 1px solid #eee;
  margin: 0 0 0 -1px;
}
.RadSocialShare {
  padding: 0;
  margin: 0;
  border: 0;
}
/*=====================================================
========================= HEADER =====================*/
/*#header {
	border-bottom: 1px solid #eee;
	padding: 40px 40px 10px 40px;
}*/
#langsWrapper {
  /* Language selector */
  padding: 0;
  margin: 5px 0 0 0;
  list-style: none;
  float: right;
  line-height: 20px;
}
#langsWrapper li {
  line-height: 15px;
  float: left;
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
  padding: 3px 0 3px 15px;
}
#langsWrapper li a {
  color: #00b4c9;
}
#langsWrapper li a:hover {
  color: #0097a9;
}
.sfsearchBox {
  /* The search box in the header */
  float: right;
  clear: both;
  border: 0;
  margin: 0 0 10px 0;
  padding: 0;
}
.sfsearchBox .sfsearchTxt {
  border: 1px solid #ddd;
  padding: 4px 10px;
}
.sfsearchBox .sfsearchSubmit {
  background: #00b4c9;
  padding: 5px 10px;
  color: #fff;
  border: 0;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  box-shadow: 0 2px 4px #ccc;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
}
.sfsearchBox .sfsearchSubmit:hover {
  background: #0097a9;
}
.topnav {
  /* Main navigation */
  float: right;
  clear: both;
  margin: 15px 0 0 0;
}
.topnav .k-menu {
  border: 0;
}
.topnav .k-menu .k-item {
  border: 0;
  text-transform: uppercase;
  font-weight: 600;
}
.topnav .k-menu .k-item.k-state-hover {
  background: #fff;
}
.topnav .k-menu .k-item.k-state-hover .k-link {
  color: #00b4c9;
}
.topnav .k-menu .k-item .k-group {
  border: 1px solid #eee;
  box-shadow: 0 25px 40px rgba(0, 0, 0, 0.3);
  padding: 10px 10px 10px 0;
}
.topnav .k-menu .k-item:first-child .k-group {
  min-height: 265px;
  padding: 10px 321px 0 0;
  background: #ffffff url(../img/promo1.jpg) no-repeat right top;
}
.topnav .k-menu .k-item .k-item {
  margin: 0 10px;
  font-weight: 400;
  text-transform: none;
  padding: 5px 40px 5px 0;
  text-align: left;
  border-bottom: 1px solid #eee;
}
.topnav .k-menu .k-item .k-item.k-state-hover {
  background: #e0f2f5;
  border-bottom: 1px solid #93e2eb;
}
.topnav .k-menu .k-item .k-item.k-state-hover .k-link {
  color: #105a65;
}
.topnav .k-menu .k-item .k-item .k-link {
  color: #000;
  font-size: 16px;
}
.topnav .k-menu .k-item .k-item .k-link.sfSel {
  color: #aaa;
  font-weight: normal;
  font-weight: 400;
}
.topnav .k-menu .k-item .k-link {
  color: black;
  font-size: 12px;
}
.topnav .k-menu .k-item .k-link .k-icon.k-i-arrow-s {
  background: url(../img/arrow_down2.png) no-repeat right center;
}
/*=====================================================
========================= FOOTER =====================*/
#footer {
  /*text-align: center;
	margin: 20px 0;
	padding: 20px 0;
	border-top: 1px solid #eee;*/
}
#footer .sfNavHorizontal {
  display: inline-block;
  margin: 10px 0 0 0;
}
#footer .sfNavHorizontal li {
  display: inline-block;
}
#footer .sfNavHorizontal li a {
  padding: 0 5px;
  text-transform: uppercase;
  font-size: 12px;
  color: #00b4c9;
}
/*=====================================================
========================= SIDEBAR =====================*/
.RadSiteMap_leftnav {
  /* Sidebar Navigation */
}
.RadSiteMap_leftnav .rsmLevel .rsmItem {
  margin: 15px 0;
}
.RadSiteMap_leftnav .rsmLevel .rsmItem .rsmLink {
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px solid #eee;
  font-size: 11px;
  color: #000;
}
.RadSiteMap_leftnav .rsmLevel .rsmLevel1 .rsmItem {
  margin: 0;
}
.RadSiteMap_leftnav .rsmLevel .rsmLevel1 .rsmItem .rsmLink {
  font-size: 13px;
  border-bottom: 0;
  padding: 2px 0;
  margin: 0;
  color: #777;
  font-weight: 400;
  text-transform: none;
}
.sftaxonCloud,
.sfarchiveList {
  padding: 0;
  margin: 0 0 40px 0;
  list-style: none;
}
.sftaxonCloud li a,
.sfarchiveList li a {
  color: #00b4c9;
}
.sftaxonCloud li a:hover,
.sfarchiveList li a:hover {
  color: #0097a9;
}
.sfMessage {
  /* General messsage styles*/
  margin: 10px 0;
  padding: 10px 20px;
  display: none;
}
.sfMessage.sfMsgVisible {
  display: block;
}
.sfMessage.sfMsgPositive {
  background: #00b4c9 !important;
  color: #fff;
}
.sfMessage.sfMsgNegative {
  background: #f47c57 !important;
  color: #fff;
}
.sfError {
  font-size: 11px;
  text-transform: uppercase;
  color: #d1510b;
}
#fancybox-overlay {
  background: #fff !important;
}
.sfTxt {
  /*General text input*/
  font-family: 'Open Sans';
  padding: 5px 10px;
  border: 2px solid #eee;
}
.sfTxt.sfQuantity {
  width: 60px;
  text-align: right;
}
.sf_pagerNumeric {
  margin: 10px 0;
  padding: 10px 0;
  position: relative;
  width: 100%;
  float: left;
}
.sf_pagerNumeric a {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  margin: 0 5px 0 0;
  border-radius: 30px;
  color: #00b4c9;
}
.sf_pagerNumeric a:hover {
  color: #0097a9;
}
.sf_pagerNumeric a.sf_PagerCurrent {
  background: #00b4c9;
  color: #fff;
}
.product-list {
  border-bottom: 1px solid #eee;
  margin: 0 0 40px 0;
  padding: 0 0 40px 0;
}
.product-list h2 {
  font-size: 18px;
  font-weight: 400;
}
.product-list .sf_2cols_1in_33 h2 {
  font-weight: 300;
  font-size: 32px;
}
.sfexpandableListWrp .sflistExpandAllLnkWrp a {
  color: #00b4c9;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 11px;
}
.sfexpandableListWrp .sflistExpandAllLnkWrp a:hover {
  color: #0097a9;
}
.sfexpandableListWrp .sflistList {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sfexpandableListWrp .sflistList li.sflistListItem {
  border-bottom: 1px solid #eee;
}
.sfexpandableListWrp .sflistList li.sflistListItem h3 {
  font-weight: 400;
}
.sfexpandableListWrp .sflistList li.sflistListItem h3 a {
  color: #00b4c9;
}
.sfexpandableListWrp .sflistList li.sflistListItem h3 a:hover {
  color: #0097a9;
}
.sfexpandableListWrp .sflistList li.sflistListItem .sflistItemContentExp {
  padding: 0 0 20px 0;
}
.sfnewsletterForm {
  padding: 0;
  margin: 0;
  border: 0;
}
.sfnewsletterForm .sfnewsletterTitle {
  font-weight: 400;
  margin: 10px 0;
  padding: 10px 0;
}
.sfnewsletterForm .sfnewsletterFieldsList {
  list-style: none;
  padding: 0;
  margin: 20px 0 0 0;
}
.sfnewsletterForm .sfnewsletterFieldsList .sfTxtLbl {
  width: 50%;
  display: block;
  float: left;
}
.sfnewsletterForm .sfnewsletterFieldsList .sfTxtLbl .sfNote {
  color: #888;
  font-size: 11px;
}
.sfnewsletterForm .sfnewsletterSubmitBtnWrp {
  margin: 20px 0;
}
.sfnewsletterForm .sfnewsletterSubmitBtnWrp input {
  background: #00b4c9;
  padding: 5px 10px;
  color: #fff;
  border: 0;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  box-shadow: 0 2px 4px #ccc;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
  padding: 10px 25px;
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
}
.sfnewsletterForm .sfnewsletterSubmitBtnWrp input:hover {
  background: #0097a9;
}
#map_canvas_all_stores {
  width: 100%;
  height: 600px;
  border: 3px solid #eee;
}
#stores-list .zip-box {
  border: 3px solid #eee;
  padding: 5px 10px;
  width: 90%;
}
#stores-list .sfstoreitem {
  padding: 0;
  margin: 0;
  list-style: none;
}
#stores-list .sfstoreitem a {
  color: #00b4c9;
}
#stores-list .sfstoreitem a:hover {
  color: #0097a9;
}
.contactus h2 {
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}
.contactus .sfFormBox,
.contactus .sfFormCheckboxlist,
.contactus .sfFormDropdown {
  padding: 0 0 10px 0;
}
.contactus .sfFormSubmit {
  margin: 20px 0 0 0;
}
.contactus .sfFormSubmit input {
  background: #00b4c9;
  padding: 5px 10px;
  color: #fff;
  border: 0;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  box-shadow: 0 2px 4px #ccc;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
  padding: 10px 25px;
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
}
.contactus .sfFormSubmit input:hover {
  background: #0097a9;
}
.contactus .sfFormInstructions {
  margin: 20px 0;
}
.applicationform h2 {
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
  border-bottom: 1px solid #ddd;
  padding: 0 0 10px 0;
  margin: 30px 0 20px 0 !important;
}
.applicationform .sfFormDropdown,
.applicationform .sfFormBox,
.applicationform .sfFormCheckboxlist,
.applicationform .sfFormRadiolist {
  padding: 0 0 10px 0;
}
.applicationform .RadUpload_Sitefinity .ruButton {
  background: #00b4c9;
  color: #fff;
  border: 0;
  border-radius: 3px;
}
.applicationform .sfFormSubmit input {
  background: #00b4c9;
  padding: 5px 10px;
  color: #fff;
  border: 0;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  box-shadow: 0 2px 4px #ccc;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
  padding: 10px 25px;
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
}
.applicationform .sfFormSubmit input:hover {
  background: #0097a9;
}
.sfsearchResultsWrp .SearchResultWrp {
  padding: 20px 0;
  border-bottom: 1px solid #eee;
}
.sfsearchResultsWrp .SearchResultWrp .sfsearchResultTitle a {
  color: #00b4c9;
  font-size: 18px;
}
.sfsearchResultsWrp .SearchResultWrp .sfsearchResultTitle a:hover {
  color: #0097a9;
}
.sfsearchResultsWrp .SearchResultWrp .sfsearchResultHighLighter {
  padding: 0;
  margin: 0;
  font-size: 13px;
  color: #777;
}
.sfsearchResultsWrp .SearchResultWrp .sfsearchResultHighLighter strong {
  color: #000;
}
#content p.sfsearchResultStatistics {
  font-size: 35px;
  color: #000;
  font-weight: 300;
  padding: 0;
  margin: 40px 0 0 0;
  line-height: 40px;
}
#toggle {
  width: 40px;
  height: 40px;
  display: none;
  background: url(../img/toggle.png) no-repeat;
  position: absolute;
  right: 20px;
  z-index: 3;
  top: 20px;
}
.browse-products {
  text-align: center;
  padding: 0 0 20px 0;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  display: none;
  cursor: pointer;
  border-bottom: 1px solid #eee;
}
/*=====================================================
========================= COMMENTS =====================*/
.sfcommentsFormWithAvatarWrp {
  margin: 60px 0 0 0;
}
.sfcommentsFormWithAvatarWrp .sfcommentAuthorAvatar {
  width: 60px;
  height: 60px;
  float: left;
  margin: 40px 40px 0 0;
}
.sfcommentsFormWithAvatarWrp .sfcommentsFormWrp h2 {
  font-weight: 400;
  font-size: 18px;
  display: block !important;
}
.sfcommentsFormWithAvatarWrp .sfcommentsFormWrp .sfcommentsForm {
  padding: 0;
  margin: 0;
  border: 0;
}
.sfcommentsFormWithAvatarWrp .sfcommentsFormWrp .sfcommentsForm .sfcommentsFieldsList {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sfcommentsFormWithAvatarWrp .sfcommentsFormWrp table.k-editor {
  height: 120px;
}
.sfcommentsFormWithAvatarWrp .sfcommentsSubmitBtnWrp input {
  background: #00b4c9;
  padding: 5px 10px;
  color: #fff;
  border: 0;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  box-shadow: 0 2px 4px #ccc;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
  padding: 10px 25px;
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
}
.sfcommentsFormWithAvatarWrp .sfcommentsSubmitBtnWrp input:hover {
  background: #0097a9;
}
.sfcommentsFormWrp h2 {
  font-size: 18px;
  font-weight: 400;
}
.sfcommentsFormWrp .sfcommentsForm {
  border: 0;
  padding: 0;
  margin: 0;
}
.sfcommentsFormWrp .sfcommentsForm .sfcommentsFieldsList {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sfcommentsFormWrp .sfcommentsSubmitBtnWrp input {
  background: #00b4c9;
  padding: 5px 10px;
  color: #fff;
  border: 0;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  box-shadow: 0 2px 4px #ccc;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
  padding: 10px 25px;
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
}
.sfcommentsFormWrp .sfcommentsSubmitBtnWrp input:hover {
  background: #0097a9;
}
/*=========================================================
========================= ECOMMERCE =====================*/
.sfproductsList {
  /* Product list on the "Shop" page */
  padding: 0;
  margin: 0;
  list-style: none;
}
.sfproductsList .sfproductListItem {
  float: left;
  text-align: center;
  width: 33%;
  border-bottom: 1px solid #eee;
  height: 300px;
}
.sfproductsList .sfproductListItem .sfproductTmbWrp {
  position: relative;
}
.sfproductsList .sfproductListItem .sfproductTmbWrp a {
  display: block;
  width: 210px !important;
  height: 210px !important;
}
.sfproductsList .sfproductListItem .sfproductTmbWrp img {
  transition: 0.2s all ease-out;
  width: 210px;
  position: absolute;
  height: 210px;
  opacity: 0.8;
  left: 25px;
  top: 0;
}
.sfproductsList .sfproductListItem .sfproductTmbWrp:hover img {
  opacity: 1;
  width: 240px;
  height: 240px;
}
.sfproductsList .sfproductListItem a {
  color: #00b4c9;
}
.sfproductsList .sfproductListItem .sfRegPrice {
  font-weight: 400;
  font-size: 13px;
}
.sfproductsList .sfproductListItem h2 {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 0;
  letter-spacing: -1px;
  font-size: 22px;
  font-weight: 400;
}
.sfproductDetailsWrp {
  /* Product details on a particular product page */
  float: left;
  width: 100%;
}
.sfproductDetailsWrp .sfproductImgsWrp {
  width: 46%;
  padding: 0 4% 0 0;
  float: left;
}
.sfproductDetailsWrp .sfproductImgsWrp .sfproductMainImgWrp {
  margin: 0 0 20px 0;
  border-bottom: 1px solid #eee;
}
.sfproductDetailsWrp .sfproductImgsWrp .sfproductMainImgWrp img {
  width: 100%;
}
.sfproductDetailsWrp .sfproductDescription h2 {
  font-size: 18px;
  font-weight: 400;
}
.sfproductDetailsWrp .sfproductPrice .sfRegPrice {
  padding: 5px 10px;
  background: #00b4c9;
  color: #fff;
}
.sfproductDetailsWrp .RadSocialShare {
  border: 0;
  padding: 20px 0 0 0;
  margin: 20px 0 0 0;
  width: 100%;
  border-top: 1px solid #eee;
}
.sfproductDetailsWrp .sfproductInfoWrp {
  width: 45%;
  padding: 0 0 0 4%;
  float: left;
  border-left: 1px solid #eee;
}
.sfproductDetailsWrp .sfproductInfoWrp h3,
.sfproductDetailsWrp .sfproductInfoWrp .sfproductInventory {
  font-weight: 600;
  font-size: 14px;
}
.sfproductDetailsWrp .sfproductInfoWrp ul {
  font-size: 13px;
  line-height: 20px;
  color: #666;
}
.sfproductDetailsWrp .sfproductInfoWrp ul li {
  padding: 0 0 10px 0;
}
.sfproductDetailsWrp .sfproductInfoWrp ul.sfproductOptionsList {
  padding: 15px 0 0 0;
  margin: 0;
  border-top: 1px solid #eee;
  list-style: none;
}
.sfproductDetailsWrp .sfproductInfoWrp ul.sfproductOptionsList label {
  width: 30%;
  display: block;
  padding: 5px 0 0 0;
  float: left;
}
.sfproductDetailsWrp .sfproductInfoWrp ul.sfproductOptionsList select {
  padding: 3px 6px;
  border: 2px solid #eee;
  font-family: "Open Sans";
}
.sfproductDetailsWrp .sfProductInventoryWrp .sfProductInStock {
  color: #00b4c9;
}
.sfproductDetailsWrp .sfProductInventoryWrp .sfProductOutOfStock {
  color: orange;
}
.sfproductDetailsWrp .sfproductDocumentsAndFilesWrp {
  border: 0;
  padding: 0;
  margin: 20px 0 0 0;
  float: left;
}
.sfproductDetailsWrp .sfproductDocumentsAndFilesWrp h2.sfProductfilesTitle {
  font-weight: 600;
  font-size: 14px;
}
.sfproductDetailsWrp .sfproductDocumentsAndFilesWrp span {
  color: #777;
}
.sfproductDetailsWrp .sfproductDocumentsAndFilesWrp .sfdownloadFile {
  color: #00b4c9;
  display: inline-block;
  height: 36px;
}
.sfproductDetailsWrp .sfproductImgsListWrp ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sfproductDetailsWrp .sfproductImgsListWrp ul li {
  float: left;
  width: 85px;
  height: 85px;
  margin: 0 10px 0 0;
}
.sfproductDetailsWrp .sfproductImgsListWrp ul li a {
  border: 1px solid #ddd;
  display: block;
  width: 85px;
  height: 85px;
  overflow: hidden;
}
.sfproductDetailsWrp .sfproductImgsListWrp ul li a img {
  width: 85px;
  height: 85px !important;
}
/* Ecommerce filters in the sidebar  */
.sffilterTitle {
  font-size: 11px;
  font-weight: 700;
  border-bottom: 1px solid #eee;
  padding: 0 0 15px 0;
  text-transform: uppercase;
}
.sffilterClearLnk {
  color: #00b4c9;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
}
.sfShopByFilterGroupList {
  padding: 0;
  margin: 0;
  list-style: none;
}
.sfShopByFilterGroupList h3.sfGroupTitle {
  font-size: 14px;
  font-weight: 400;
  border-top: 1px solid #eee;
  padding: 15px 0 0 0;
}
.sfShopByFilterGroupList .sfShopByFilterList {
  padding: 0;
  margin: 0;
  list-style: none;
}
.sfShopByFilterGroupList .sfShopByFilterList li {
  font-size: 12px;
  font-family: Arial, sans-serif;
}
.sfShopByFilterGroupList .sfShopByFilterList li a.sfFilterLnk {
  background: none;
  padding: 0 0 0 25px;
  color: #888;
  position: relative;
}
.sfShopByFilterGroupList .sfShopByFilterList li a.sfFilterLnk:before {
  width: 12px;
  height: 12px;
  display: block;
  left: 0;
  top: 2px;
  position: absolute;
  content: "";
  border-radius: 2px;
  border: 1px solid #fff;
  background: #eee;
}
.sfShopByFilterGroupList .sfShopByFilterList li a.sfFilterLnk:hover {
  color: #000;
}
.sfShopByFilterGroupList .sfShopByFilterList li a.sfFilterLnk:hover:before {
  border: 1px solid #ccc;
}
.sfShopByFilterGroupList .sfShopByFilterList li.sfShopByFilterListItemSelected a.sfFilterLnk {
  font-weight: bold;
  color: #444;
}
.sfShopByFilterGroupList .sfShopByFilterList li.sfShopByFilterListItemSelected a.sfFilterLnk:before {
  background: #3aa4bf;
}
.cart-navigation {
  border-bottom: 1px solid #eee;
}
.sfcurrenciesHorizontalList {
  /* Currencies list  */
  padding: 0;
  margin: 15px 0;
  list-style: none;
}
.sfcurrenciesHorizontalList li {
  padding: 0 15px;
  float: left;
  height: 30px;
  line-height: 30px;
}
.sfcurrenciesHorizontalList li a {
  color: #00b4c9;
  font-weight: 600;
}
.sfcurrenciesHorizontalList li.sfcurrencySelected a {
  color: #666;
}
.sfcartSummaryExpandableWrp {
  /* Expandable shopping cart with summary  */
  float: right;
  margin: 8px 0;
  position: relative;
}
.sfcartSummaryExpandableWrp .sflnkToggleCartWrp {
  float: right;
  transition: opacity 0.3s ease-out;
}
.sfcartSummaryExpandableWrp .sflnkToggleCartWrp .sflnkToggleCartWrpIn a.sflnkToggleCart {
  padding: 0 25px 0 0;
  background: url(../img/arrow_down.png) no-repeat right center;
  font-weight: 600;
  display: block;
  color: #000;
  text-align: right;
}
.sfcartSummaryExpandableWrp .sflnkToggleCartWrp .sflnkToggleCartWrpIn a.sflnkToggleCart .sflnkToggleCartLbl {
  display: block;
}
.sfcartSummaryExpandableWrp .sflnkToggleCartWrp .sflnkToggleCartWrpIn a.sflnkToggleCart .sfcartSummaryItemsCount,
.sfcartSummaryExpandableWrp .sflnkToggleCartWrp .sflnkToggleCartWrpIn a.sflnkToggleCart .sfcartSummaryNoItems {
  display: block;
  font-size: 12px;
  font-weight: 400 !important;
  color: #888;
}
.sfcartSummaryExpandableWrp .sflnkToggleCartWrp:hover {
  opacity: 0.7;
}
.sfcartSummaryExpandableWrp .sfcartSummaryDetailsWrp {
  position: absolute;
  width: 280px;
  right: 0;
  top: 55px;
  background: #fff;
  z-index: 3;
  padding: 30px;
  border: 1px solid #eee;
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.3);
}
.sfcartSummaryExpandableWrp .sfcartSummaryDetailsWrp .sfminiShoppingCart {
  width: 100%;
}
.sfcartSummaryExpandableWrp .sfcartSummaryDetailsWrp .sfminiShoppingCart td {
  border-bottom: 1px solid #eee;
}
.sfcartSummaryExpandableWrp .sfcartSummaryDetailsWrp .sfminiShoppingCart .sfItmPriceCol {
  text-align: right;
  line-height: 16px;
}
.sfcartSummaryExpandableWrp .sfcartSummaryDetailsWrp .sfminiShoppingCart .sfItmPriceCol span {
  font-size: 12px;
}
.sfcartSummaryExpandableWrp .sfcartSummaryDetailsWrp .sfminiShoppingCart .sfItmPriceCol span span {
  font-size: 10px;
  font-weight: 700;
  color: #000;
}
.sfcartSummaryExpandableWrp .sfcartSummaryDetailsWrp .sfminiShoppingCart .sfItmTitleCol {
  padding: 5px 0 5px 10px;
}
.sfcartSummaryExpandableWrp .sfcartSummaryDetailsWrp .sfminiShoppingCart .sfItmTitleCol a {
  color: #00b4c9;
  font-size: 13px;
  font-weight: 600;
}
.sfcartSummaryExpandableWrp .sfcartSummaryDetailsWrp .sfminiShoppingCart .sfItmTitleCol .sfproductOptions {
  color: #999;
  font-size: 11px;
  line-height: 16px;
}
.sfcartSummaryExpandableWrp .sfPriceTotal {
  margin: 10px 0;
  font-size: 12px;
  text-align: left;
  color: #666;
}
.sfcartSummaryExpandableWrp .sfPriceTotal strong {
  font-size: 14px;
  color: black;
  display: inline-block;
  float: right;
}
.sfcartSummaryExpandableWrp .sfcartSummaryBtnsWrp {
  margin: 10px 0;
  padding: 10px 0 0 0;
  border-top: 1px solid #eee;
}
.sfcartSummaryExpandableWrp .sfcartSummaryBtnsWrp a {
  color: #00b4c9;
  font-size: 12px;
}
.sfcartSummaryExpandableWrp .sfcartSummaryBtnsWrp input {
  background: #00b4c9;
  padding: 5px 10px;
  color: #fff;
  border: 0;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  box-shadow: 0 2px 4px #ccc;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
  float: right;
}
.sfcartSummaryExpandableWrp .sfcartSummaryBtnsWrp input:hover {
  background: #0097a9;
}
.sfProductsSortByWrp {
  /* Sorting dropdown on the product list page  */
  padding: 20px 0;
  font-weight: 600;
  color: black;
  font-size: 11px;
  margin: 0 0 40px 0;
  text-transform: uppercase;
}
.sfProductsSortByWrp .sfSortByWrp {
  float: right;
}
.sfProductsSortByWrp select {
  border: 2px solid #eee;
  border-radius: 2px;
  font-family: "Open Sans";
  padding: 3px 6px;
  outline: none;
}
.sfshoppingCartWrp,
.sfcheckoutPreviewProduct {
  /* Complete shopping cart  */
}
.sfshoppingCartWrp .RadGrid,
.sfcheckoutPreviewProduct .RadGrid {
  outline: none;
}
.sfshoppingCartWrp .rgMasterTable,
.sfcheckoutPreviewProduct .rgMasterTable {
  outline: none;
}
.sfshoppingCartWrp .rgMasterTable tr th,
.sfcheckoutPreviewProduct .rgMasterTable tr th {
  text-align: left;
  font-size: 12px;
  text-transform: uppercase;
  border-bottom: 1px solid #eee;
  padding: 5px 0;
  color: #aaa;
}
.sfshoppingCartWrp .rgMasterTable tr th.sfItmPriceCol,
.sfcheckoutPreviewProduct .rgMasterTable tr th.sfItmPriceCol {
  text-align: right;
}
.sfshoppingCartWrp .rgMasterTable tr td,
.sfcheckoutPreviewProduct .rgMasterTable tr td {
  border-bottom: 1px solid #eee;
}
.sfshoppingCartWrp .rgMasterTable tr td.sfItmTmbCol,
.sfcheckoutPreviewProduct .rgMasterTable tr td.sfItmTmbCol {
  width: 140px;
}
.sfshoppingCartWrp .rgMasterTable tr td.sfItmTmbCol img.sfproductTmb,
.sfcheckoutPreviewProduct .rgMasterTable tr td.sfItmTmbCol img.sfproductTmb {
  width: 120px;
}
.sfshoppingCartWrp .rgMasterTable tr td.sfItmTitleCol .sfItmTitle,
.sfcheckoutPreviewProduct .rgMasterTable tr td.sfItmTitleCol .sfItmTitle,
.sfshoppingCartWrp .rgMasterTable tr td.sfItmTitleCol .sfItmTitleWrp,
.sfcheckoutPreviewProduct .rgMasterTable tr td.sfItmTitleCol .sfItmTitleWrp {
  font-size: 24px;
  color: #000;
  font-weight: 600;
  letter-spacing: -1px;
}
.sfshoppingCartWrp .rgMasterTable tr td.sfItmTitleCol .sfItmLnksWrp,
.sfcheckoutPreviewProduct .rgMasterTable tr td.sfItmTitleCol .sfItmLnksWrp {
  font-size: 12px;
}
.sfshoppingCartWrp .rgMasterTable tr td.sfItmTitleCol .sfItmLnksWrp a.sfItmRemove,
.sfcheckoutPreviewProduct .rgMasterTable tr td.sfItmTitleCol .sfItmLnksWrp a.sfItmRemove {
  color: #eba149;
}
.sfshoppingCartWrp .rgMasterTable tr td.sfItmTitleCol .sfItmLnksWrp a.sfToWishList,
.sfcheckoutPreviewProduct .rgMasterTable tr td.sfItmTitleCol .sfItmLnksWrp a.sfToWishList {
  color: #00b4c9;
  display: inline-block;
  margin: 0 0 0 5px;
}
.sfshoppingCartWrp .rgMasterTable tr td.sfSingleItmPriceCol,
.sfcheckoutPreviewProduct .rgMasterTable tr td.sfSingleItmPriceCol {
  text-align: right;
}
.sfshoppingCartWrp .rgMasterTable tr td.sfSingleItmPriceCol .sfRegPrice,
.sfcheckoutPreviewProduct .rgMasterTable tr td.sfSingleItmPriceCol .sfRegPrice {
  font-size: 16px;
  font-weight: 400;
  color: #666;
}
.sfshoppingCartWrp .rgMasterTable tr td.sfItmQuantityCol input,
.sfcheckoutPreviewProduct .rgMasterTable tr td.sfItmQuantityCol input {
  width: 30px;
  font-size: 16px;
  text-align: right;
}
.sfshoppingCartWrp .rgMasterTable tr td.sfItmPriceCol,
.sfcheckoutPreviewProduct .rgMasterTable tr td.sfItmPriceCol {
  font-size: 20px;
}
.sfshoppingCartWrp .rgMasterTable tr td.sfItmPriceCol,
.sfcheckoutPreviewProduct .rgMasterTable tr td.sfItmPriceCol {
  text-align: right;
}
.sfcheckoutPreviewProduct,
.sfordersListDetailView {
  /* Checkout step 1 */
  height: auto !important;
  float: left;
  width: 70%;
  padding: 0 0 0 4%;
  border-left: 1px solid #eee;
}
.sfcheckoutPreviewProduct .rgMasterTable tr td.sfItmTmbCol img.sfproductTmb,
.sfordersListDetailView .rgMasterTable tr td.sfItmTmbCol img.sfproductTmb {
  width: 80px;
}
.sfcheckoutPreviewProduct .rgMasterTable tr td,
.sfordersListDetailView .rgMasterTable tr td {
  padding: 10px 0;
  border-top: 1px solid #eee;
}
.sfcheckoutPreviewProduct .rgMasterTable tr th.sfItmQuantityCol,
.sfordersListDetailView .rgMasterTable tr th.sfItmQuantityCol,
.sfcheckoutPreviewProduct .rgMasterTable tr td.sfItmQuantityCol,
.sfordersListDetailView .rgMasterTable tr td.sfItmQuantityCol {
  text-align: right;
}
.sfCheckoutPreviewShippingAndPayment,
.sforderBriefInfoWrp {
  /* Checkout step 2 */
  float: left;
  width: 25%;
}
.sfCheckoutPreviewShippingAndPayment .CheckoutPreviewShipping,
.sforderBriefInfoWrp .CheckoutPreviewShipping,
.sfCheckoutPreviewShippingAndPayment .sfCheckoutPreviewPayment,
.sforderBriefInfoWrp .sfCheckoutPreviewPayment {
  float: left;
}
.sfCheckoutPreviewShippingAndPayment .CheckoutPreviewShipping .sfcheckoutPreviewAddressBlock,
.sforderBriefInfoWrp .CheckoutPreviewShipping .sfcheckoutPreviewAddressBlock,
.sfCheckoutPreviewShippingAndPayment .sfCheckoutPreviewPayment .sfcheckoutPreviewAddressBlock,
.sforderBriefInfoWrp .sfCheckoutPreviewPayment .sfcheckoutPreviewAddressBlock {
  font-style: normal;
  margin: 0px 40px 30px 0;
  display: block;
  float: left;
  color: #666;
  font-size: 13px;
  line-height: 20px;
}
.sfCheckoutPreviewShippingAndPayment .CheckoutPreviewShipping .sfcheckoutPreviewAddressBlock strong,
.sforderBriefInfoWrp .CheckoutPreviewShipping .sfcheckoutPreviewAddressBlock strong,
.sfCheckoutPreviewShippingAndPayment .sfCheckoutPreviewPayment .sfcheckoutPreviewAddressBlock strong,
.sforderBriefInfoWrp .sfCheckoutPreviewPayment .sfcheckoutPreviewAddressBlock strong,
.sfCheckoutPreviewShippingAndPayment .CheckoutPreviewShipping .sfcheckoutPreviewAddressBlock b,
.sforderBriefInfoWrp .CheckoutPreviewShipping .sfcheckoutPreviewAddressBlock b,
.sfCheckoutPreviewShippingAndPayment .sfCheckoutPreviewPayment .sfcheckoutPreviewAddressBlock b,
.sforderBriefInfoWrp .sfCheckoutPreviewPayment .sfcheckoutPreviewAddressBlock b {
  color: #000;
  font-weight: 600;
  font-size: 15px;
}
.sfCheckoutPreviewShippingAndPayment a,
.sforderBriefInfoWrp a {
  color: #00b4c9;
}
.sfCheckoutPreviewShippingAndPayment a:hover,
.sforderBriefInfoWrp a:hover {
  color: #0097a9;
}
.sforderDetailsWrp {
  /* Order details */
}
.sforderDetailsWrp h2 {
  font-weight: 400;
}
.sforderDetailsWrp .RadGrid th {
  font-weight: 600;
  text-align: left;
}
.sforderDetailsWrp .RadGrid td {
  border-bottom: 1px solid #eee;
  padding: 10px 0;
}
.sforderBriefInfoWrp {
  border-right: 1px solid #eee;
}
.sforderBriefInfoWrp address {
  font-style: normal;
  margin: 0px 40px 30px 0;
  color: #666;
  font-size: 13px;
  line-height: 20px;
  width: 100%;
  float: left;
  display: block;
}
.sforderBriefInfoWrp h3.sforderDetailsTitle,
.sforderBriefInfoWrp .sforderDetailsTitle {
  font-weight: 600;
  font-size: 15px;
  width: 100%;
  color: black;
  float: left;
  padding: 0;
  margin: 0 0 10px 0;
}
.sforderBriefInfoWrp p {
  margin: 0;
}
.sforderBriefInfoWrp .sforderBriefInfoList {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}
.sfPrintBtn {
  background: #00b4c9;
  padding: 5px 10px;
  color: #fff;
  border: 0;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  box-shadow: 0 2px 4px #ccc;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
  padding: 10px 25px;
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
  float: left;
  clear: both;
  margin: 15px 0;
}
.sfPrintBtn:hover {
  background: #0097a9;
}
.sfcheckoutBtnsWrp {
  margin: 15px 0;
  float: left;
  width: 100%;
}
.sfcheckoutTotalPriceWrp {
  padding: 10px 0;
  margin: 10px 0;
  list-style: none;
  border-bottom: 1px solid #eee;
}
.sfcheckoutTotalPriceWrp .sfAmount {
  display: block;
  float: right;
  font-weight: 600;
  font-size: 15px;
}
.sfcheckoutTotalPriceWrp .sfAmountCol {
  text-align: right;
}
.sfcheckoutTotalPriceWrp .sfPrice {
  display: block;
  float: right;
  font-size: 20px;
}
.sfcheckoutTotalPriceWrp .sfDiscountsWrp td {
  border: 0 !important;
}
.sfCouponEntryFieldHidden {
  display: none;
}
.sfTotalRowWrp {
  font-weight: 600;
  padding: 10px 0;
}
.sfTotalRowWrp span {
  display: block;
}
.sfTotalRowWrp span.sfTxtLbl {
  font-weight: 400;
}
.sfTotalRowWrp .sfPriceTotal {
  display: block;
  float: right;
  font-size: 24px;
  margin: -30px 0 0 0;
}
.sfshoppingCartUpdateLnk {
  background: #00b4c9;
  padding: 5px 10px;
  color: #fff;
  border: 0;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  box-shadow: 0 2px 4px #ccc;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
}
.sfshoppingCartUpdateLnk:hover {
  background: #0097a9;
}
.sfshoppingCartBtnsWrp {
  margin: 20px 0 0 0;
  border-top: 1px solid #eee;
  padding: 20px 0 0 0;
  text-align: right;
}
.sfshoppingCartBtnsWrp input {
  background: #00b4c9;
  padding: 5px 10px;
  color: #fff;
  border: 0;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  box-shadow: 0 2px 4px #ccc;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
  padding: 10px 25px;
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
}
.sfshoppingCartBtnsWrp input:hover {
  background: #0097a9;
}
.sfshoppingCartBtnsWrp .sfBackBtn {
  color: #00b4c9;
}
.sfshoppingCartBtnsWrp .sfBackBtn:hover {
  color: #0097a9;
}
.sfcouponCodeEntryViewWrap {
  padding: 6px 0;
  border-bottom: 1px solid #eee;
}
.sfcouponCodeEntryViewWrap .sfExpandIcon {
  color: #00b4c9;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
}
.sfcouponCodeEntryViewWrap .sfExpandIcon:hover {
  color: #0097a9;
}
.sfcouponCodeEntryViewWrap .sfCouponEntryField .sfApplyCouponBtn {
  background: #00b4c9;
  padding: 5px 10px;
  color: #fff;
  border: 0;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  box-shadow: 0 2px 4px #ccc;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
}
.sfcouponCodeEntryViewWrap .sfCouponEntryField .sfApplyCouponBtn:hover {
  background: #0097a9;
}
.sfcheckoutMulitPage .sfcheckoutFormWrp {
  padding: 0;
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #eee;
}
.sfcheckoutMulitPage .sfcheckoutFormWrp .sfcheckoutFormList {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sfcheckoutMulitPage .sfcheckoutFormWrp .sfErrorWrp {
  color: #e9916a;
}
.sfcheckoutMulitPage h2.sfcheckoutStepTitle {
  font-size: 20px;
  font-weight: 400;
  color: #000;
}
.sfcheckoutMulitPage .sfcheckoutFormItm {
  border-bottom: 1px solid #eee;
  padding: 5px 0;
  line-height: 30px;
}
.sfcheckoutMulitPage .sfcheckoutFormItm:hover {
  background: #e8f7f9;
}
.sfcheckoutMulitPage .sfcheckoutFormItm.sfnoHide {
  display: none;
}
.sfcheckoutMulitPage .sfcheckoutFormItm .sfTxtLbl {
  display: block;
  width: 25%;
  padding: 0 10px;
  float: left;
}
.sfcheckoutMulitPage .sfcheckoutContinueBtn {
  background: #00b4c9;
  padding: 5px 10px;
  color: #fff;
  border: 0;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  box-shadow: 0 2px 4px #ccc;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
  padding: 10px 25px;
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
  margin-top: 10px;
}
.sfcheckoutMulitPage .sfcheckoutContinueBtn:hover {
  background: #0097a9;
}
.sfcheckoutMulitPage .sforderSummaryTable th {
  text-align: left;
  font-weight: 400;
}
.sfcheckoutTabstrip {
  background: #f4f4f4;
}
.sfcheckoutTabstrip .rtsLink {
  color: black;
  background: url(../img/steps.png) no-repeat right top;
  padding: 15px 40px 15px 0;
}
.sfcheckoutTabstrip .rtsLink .sfStep {
  color: #ccc;
  display: inline-block;
}
.sfcheckoutTabstrip.sfCStep0 .sfStep1 {
  color: #00b4c9;
  background-color: #e8f7f9;
}
.sfcheckoutTabstrip.sfCStep0 .sfStep1 .sfStep {
  color: #00b4c9;
}
.sfcheckoutTabstrip.sfCStep1 .sfStep1,
.sfcheckoutTabstrip.sfCStep1 .sfStep2 {
  color: #00b4c9;
  background-color: #e8f7f9;
}
.sfcheckoutTabstrip.sfCStep1 .sfStep1 .sfStep,
.sfcheckoutTabstrip.sfCStep1 .sfStep2 .sfStep {
  color: #00b4c9;
}
.sfcheckoutTabstrip.sfCStep1 .sfStep1 {
  background-position: right bottom;
}
.sfcheckoutTabstrip.sfCStep2 .sfStep1,
.sfcheckoutTabstrip.sfCStep2 .sfStep2,
.sfcheckoutTabstrip.sfCStep2 .sfStep3 {
  color: #00b4c9;
  background-color: #e8f7f9;
}
.sfcheckoutTabstrip.sfCStep2 .sfStep1 .sfStep,
.sfcheckoutTabstrip.sfCStep2 .sfStep2 .sfStep,
.sfcheckoutTabstrip.sfCStep2 .sfStep3 .sfStep {
  color: #00b4c9;
}
.sfcheckoutTabstrip.sfCStep2 .sfStep1,
.sfcheckoutTabstrip.sfCStep2 .sfStep2 {
  background-position: right bottom;
}
.sfcheckoutTabstrip.sfCStep3 .sfStep1,
.sfcheckoutTabstrip.sfCStep3 .sfStep2,
.sfcheckoutTabstrip.sfCStep3 .sfStep3,
.sfcheckoutTabstrip.sfCStep3 .sfStep4 {
  color: #00b4c9;
  background-color: #e8f7f9;
}
.sfcheckoutTabstrip.sfCStep3 .sfStep1 .sfStep,
.sfcheckoutTabstrip.sfCStep3 .sfStep2 .sfStep,
.sfcheckoutTabstrip.sfCStep3 .sfStep3 .sfStep,
.sfcheckoutTabstrip.sfCStep3 .sfStep4 .sfStep {
  color: #00b4c9;
}
.sfcheckoutTabstrip.sfCStep3 .sfStep1,
.sfcheckoutTabstrip.sfCStep3 .sfStep2,
.sfcheckoutTabstrip.sfCStep3 .sfStep3 {
  background-position: right bottom;
}
.sfcheckoutTabstrip.sfCStep4 .sfStep5 {
  color: #00b4c9;
  background-color: #e8f7f9;
}
.sfcheckoutTabstrip.sfCStep4 .sfStep5 .sfStep {
  color: #00b4c9;
}
.sfcheckoutTabstrip.sfCStep5 .sfStep6 {
  color: #00b4c9;
  background-color: #e8f7f9;
}
.sfcheckoutTabstrip.sfCStep5 .sfStep6 .sfStep {
  color: #00b4c9;
}
.sfordersList {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sfordersList li.sfordersListItem {
  float: left;
  width: 96%;
  border-bottom: 1px solid #eee;
  padding: 20px 2%;
}
.sfordersList li.sfordersListItem:hover {
  background: #f9f9f9;
}
.sfordersList li.sfordersListItem .sfordersListOrderStatusWrp {
  background: #00b4c9;
  color: #fff;
  padding: 3px 15px;
  float: right;
  border-radius: 15px;
  margin: 0 0 20px 0;
}
.sfordersList .sfordersListDetailView {
  height: auto !important;
}
.sfordersList .sfordersListDetailView .rgMasterTable {
  width: 100%;
}
.sfwishListWrp {
  float: left;
  width: 100%;
}
.sfwishListWrp .RadGrid tr td {
  border-bottom: 1px solid #eee;
}
.sfwishListWrp .RadGrid tr td .sfItmTitleWrp a {
  color: #00b4c9;
  font-size: 20px;
}
.sfwishListWrp .RadGrid tr td .sfItmTitleWrp a:hover {
  color: #0097a9;
}
.sfwishListWrp .RadGrid tr td .sfItmLnksWrp a {
  color: #00b4c9;
  display: inline-block;
  padding: 0 5px 0 0;
  font-size: 12px;
}
.sfwishListWrp .RadGrid tr td .sfItmLnksWrp a:hover {
  color: #0097a9;
}
.sfwishListWrp .RadGrid tr td.sfItmPriceCol {
  font-size: 18px;
  text-align: right;
}
.sfwishListWrp .RadGrid tr th {
  font-weight: 600;
  text-align: left;
  font-size: 12px;
  border-bottom: 1px solid #ddd;
  text-transform: uppercase;
}
.sfwishListWrp .sfWishlistPrivate a {
  color: #00b4c9;
}
.sfwishListWrp .sfWishlistPrivate a:hover {
  color: #0097a9;
}
.sfwishListWrp .sfWishlistUpdate a.sfshoppingCartUpdateLnk {
  background: #00b4c9;
  padding: 5px 10px;
  color: #fff;
  border: 0;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  box-shadow: 0 2px 4px #ccc;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
  padding: 10px 25px;
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
  display: block;
  float: left;
  margin: 10px 0;
}
.sfwishListWrp .sfWishlistUpdate a.sfshoppingCartUpdateLnk:hover {
  background: #0097a9;
}
.sfwishListWrp .sfwishListBtnsWrp {
  float: left;
  width: 100%;
  position: relative;
  margin: 10px 0;
}
.sfwishListWrp .sfwishListBtnsWrp a {
  color: #00b4c9;
}
.sfwishListWrp .sfwishListBtnsWrp a:hover {
  color: #0097a9;
}

.sfcheckoutFormItmCheckboxList {
  margin-left: 10px;
  -webkit-margin-before: 1em;
  -webkit-padding-start: 20px;
  border: 1px solid #e1e1e1;
  text-align: left;
  border-collapse: collapse;
  width: 90%;
  margin: 0 auto;
  padding: 20px;
}
.sfcheckoutFormItmCheckboxList li {
  line-height: 35px;
  list-style: none;
}
.sfcheckoutFormItmCheckboxList li .servicePrice {
  font-weight: bold;
  margin-left: 10px;
}


/* FIXES FOR POSITIONING IN SITEFINITY EDITOR */
.sfPageContainer div {
  position: relative !important;
}
.sfPageContainer div .mobile-links {
  display: block !important;
}
.sfPageContainer div .masthead {
  margin-top: 0;
}
.sfPageContainer div .masthead img {
  float: none;
  margin-top: 0;
}
.sfPageContainer div .masthead .masthead-overlay .container {
  top: 0;
  transform: none;
}
.sfPageContainer div .masthead .video-loading-wrapper {
  display: none !important;
}
.sfPageContainer div .full-height-wrapper {
  display: block !important;
}
.sfPageContainer div .highlight-box {
  display: block !important;
  padding: 10px;
}
.sfPageContainer div .highlight-box .image-wrapper,
.sfPageContainer div .highlight-box .copy-block,
.sfPageContainer div .highlight-box .button-block,
.sfPageContainer div .highlight-box .content-wrapper {
  display: block !important;
  width: 100% !important;
}
.sfPageContainer div .k-tabstrip-items > .k-item {
  display: block !important;
  float: left !important;
}
.sfPageContainer div .k-tabstrip-items .tab-header-plain,
.sfPageContainer div .k-tabstrip-items .tab-header-fancy {
  line-height: 21px !important;
  height: auto !important;
  padding: 0 !important;
  display: block !important;
}
.sfPageContainer div .tab-background {
  z-index: 0 !important;
}
.sfPageContainer div .tab-block.tab-5 .tab-right {
  display: block !important;
}
.sfPageContainer div .video-container,
.sfPageContainer div .video-container iframe,
.sfPageContainer div .video-container object,
.sfPageContainer div .video-container embed,
.sfPageContainer div .video-container .video-placeholder img {
  display: block !important;
  float: none !important;
  position: relative !important;
  padding: 0;
}
.sfPageContainer div .video-container {
  height: 100% !important;
}
.sfPageContainer div .video-play-button {
  display: none;
}
.sfPageContainer div .mobile-telephone {
  display: block !important;
}
.sfPageContainer div .hiddenFormField {
  display: block !important;
}
/* this actually fixes something so it only works in the viewed page, not in the editor. */
.k-ff #content .grey-block .consider-block > div > div > div,
.k-ff #content .grey-block .choose-block > div > div > div {
  display: table;
}
/* END EDITOR FIXES */
/* BASIC SETUP */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.k-animation-container,
.k-widget,
.k-widget *,
.k-animation-container *,
.k-widget *::before,
.k-animation-container *::after,
.k-block .k-header,
.k-list-container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.check-disabled {
  opacity: 0.5;
}
button {
  cursor: pointer;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
a {
  text-decoration: none;
  font-weight: 700;
  color: #0065bd;
  font-size: 14px;
  outline: none;
}
a img {
  outline: none !important;
  border: none !important;
}
@media (min-width: 768px) {
  a {
    font-size: 16px;
  }
}
a:visited {
  color: #72b5cb;
}
a span.ico {
  position: relative;
  top: .1em;
  font-family: 'fontawesome';
}
a.button {
  white-space: nowrap;
  color: #ffffff;
  text-transform: none;
  box-shadow: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
a.button.large {
  font-size: 24px;
  font-weight: bold;
  line-height: 64px;
  padding: 0 75px;
}
a.button.medium {
  font-size: 18px;
  font-weight: bold;
  line-height: 56px;
  padding: 0 50px;
}
a.button.medium img {
  width: auto;
  max-height: 32px;
  margin-top: 12px;
  margin-right: 15px !important;
}
a.button.medium img.arrow-right {
  display: inline-block;
  float: none;
  height: 13px;
  margin-left: 5px;
  margin-right: 0;
}
a.button.medium img.arrow-down {
  display: inline-block;
  float: none;
  width: 12px;
  margin-left: 5px;
  margin-right: 0;
}
a.button.small {
  font-size: 18px;
  font-weight: bold;
  line-height: 50px;
  padding: 0 25px;
}
a.button.small img {
  width: auto;
  max-height: 23px;
  margin-top: 12px;
  margin-right: 10px;
}
a.button.small img.calc-img {
  margin-top: 0;
  position: relative;
  top: 4px;
}
a.button.small img.arrow-right {
  display: inline-block;
  float: none;
  height: 13px;
  margin-left: 5px;
  margin-right: 0;
}
a.button.small img.arrow-down {
  display: inline-block;
  float: none;
  width: 12px;
  margin-left: 5px;
  margin-right: 0;
}
a.button.green {
  background: #45d828;
}
a.button.green:hover {
  background: #30981c;
}
a.button.green.disabled {
  background: #def1da;
  cursor: default;
}
a.button.green.disabled:hover {
  background: #def1da;
}
a.button.teal {
  background: #73b5cc;
}
a.button.teal:hover {
  background: #4195b2;
}
a.button.blue {
  background: #0065bd;
  color: #ffffff !important;
}
a.button.blue:hover {
  background: #003c71;
}
a.button.rounded {
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
a.button.readmore,
a.button.greygrad {
  float: none;
  text-align: center;
  line-height: 55px;
  color: #0065bd;
  font-size: 16px;
  font-weight: 600;
  box-shadow: none;
  margin-left: -1px;
  margin-right: -1px;
  /*border-top:1px solid #e5e6e6;
            border-bottom:1px solid #e5e6e6;*/
  border: 1px solid #e5e6e6;
  background: #ffffff;
  /* Old Browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f6f7f7 100%);
  /* FF3.6+ */
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f6f7f7));
  /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f6f7f7 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f6f7f7 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f6f7f7 100%);
  /* IE 10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #f6f7f7 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f7f7', GradientType=0);
  /* IE6-9 */
}
a.button.readmore:hover,
a.button.greygrad:hover {
  color: #ffffff !important;
  background: #0065bd;
}
a.button.readmore > img,
a.button.greygrad > img {
  display: inline-block;
  float: none !important;
  height: 12px;
  margin-left: 7px;
  padding: 0;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.container:before,
.container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container-fluid:before,
.container-fluid:after {
  content: " ";
  display: table;
}
.container-fluid:after {
  clear: both;
}
@media (min-width: 768px) {
  .row {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
/*.img-responsive {*/
img {
  /*display: block;*/
  max-width: 100%;
  height: auto;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
/*.full-height-wrapper {
    display: table;
    height:100%;
    width:100%;

    &> div {
        display:table;
        height:100%;

        &> div {
            display:table;
            height:100%;
        }
    }
}*/
.mobileSearch-toggle {
  /*padding: 15px 10px;
    position: relative;*/
  width: 50px;
  cursor: pointer;
}
.topNav-toggle {
  padding: 15px 10px;
  position: relative;
  width: 50px;
  cursor: pointer;
}
.sr-only {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.icon-bar {
  border-radius: 1px;
  -webkit-border-radius: 1px;
  display: block;
  height: 2px;
  width: 22px;
  background: #ffffff;
}
.icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (max-width: 768px) {
  .topNav {
    border-top: 1px solid #72b4cd;
  }
}
/* END BASIC SETUP */
/* VARIABLES */
/* END VARIABLES */
a {
  text-decoration: none;
}
p {
  font-size: 14px;
  line-height: 19px;
}
@media (min-width: 768px) {
  p {
    font-size: 16px;
    line-height: 21px;
  }
}
h1 {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 30px;
  margin: 0;
}
@media (min-width: 768px) {
  h1 {
    font-size: 60px;
    line-height: 60px;
  }
}
h2 {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 26px;
  margin: 0;
  display: inline-block;
  padding-bottom: 5px;
  text-transform: none;
}
@media (min-width: 768px) {
  h2 {
    font-size: 32px;
    line-height: 36px;
    margin: 0 0 25px 0;
  }
}
h3 {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  /*color: @prime-col;*/
  font-size: 14px;
  line-height: 19px;
  /*text-align: left;*/
  display: inline-block;
  padding-bottom: 3px;
  /*border-bottom: 3px solid @prime-col;*/
  margin: 20px 0 20px 0;
  text-transform: none;
}
@media (min-width: 768px) {
  h3 {
    font-size: 21px;
    line-height: 26px;
  }
}
h3 a {
  font-size: 14px;
}
@media (min-width: 768px) {
  h3 a {
    font-size: 21px;
  }
}
h3.text-center {
  display: block;
}
h4 {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  /*text-align: left;*/
  display: inline-block;
  padding-bottom: 3px;
  /*border-bottom: 2px solid;*/
  margin: 10px 0 5px 0;
  text-transform: none;
}
h5 {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  /*color: @sec-col2;*/
  font-size: 18px;
  line-height: 22px;
  /*text-align: left;*/
  display: inline-block;
  padding-bottom: 2px;
  /*border-bottom: 2px solid @sec-col2;*/
  text-transform: uppercase;
  margin: 10px 0 5px 0;
}
h1 .underline,
h2 .underline,
h3 .underline,
h4 .underline,
h5 .underline {
  border-bottom-width: 3px;
  border-bottom-style: solid;
}
.header3 {
  font-size: 21px;
  line-height: 26px;
  font-weight: 700;
}
.header4 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}
.text-red {
  color: #e06b4d;
}
.text-orange {
  color: #edaf2d;
}
.text-blue {
  color: #0065bd;
}
.text-blue-underline {
  color: #0065bd;
  border-bottom: 2px solid #0065bd;
}
.text-light-blue {
  color: #72b5cc;
}
.text-teal {
  color: #7bbbb2;
}
.text-gray {
  color: #636567;
}
.text-gray-underline {
  color: #636567;
  border-bottom: 2px solid #636567;
}
.text-gray-2 {
  color: #7d7e7e;
}
.text-gray-3 {
  color: #9c9ea1;
}
.text-green {
  color: #000000;
}
.text-black {
  color: #000000;
}
.text-black-underline {
  color: #000000;
  border-bottom: 2px solid #000000;
}
.text-white {
  color: #ffffff;
}
.text-green {
  color: #45d828;
}
.readmore_link {
  display: block;
  line-height: 10px;
  margin: 15px 0;
}
.readmore_link img {
  max-width: 100%;
}
.arrow-right {
  height: 13px;
  margin-left: 5px;
  position: relative;
  top: 1px;
}
.arrow-down {
  width: 12px !important;
  margin-left: 5px;
  position: relative;
  top: 1px;
}
blockquote {
  margin: 0;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 21px;
  /*padding: 35px 25px 20px 40px;*/
  padding: 35px 0;
  position: relative;
}
@media (min-width: 768px) {
  blockquote {
    font-size: 21px;
    line-height: 26px;
    padding: 35px 45px 20px 25px;
  }
}
blockquote:before {
  content: url("/Templates/images/svg/open-quotes.svg");
  position: absolute;
  top: 0;
  left: 0;
  /*@media (min-width:768px) {
            left:-20px;
        }*/
}
blockquote:after {
  content: url("/Templates/images/svg/close-quotes.svg");
  position: absolute;
  bottom: 0;
  right: 0;
}
.headline {
  font-size: 21px;
  font-weight: bold;
}
.alert-info {
  z-index: 20;
}
#content ul {
  font-size: 14px;
  line-height: 19px;
  text-align: left;
  padding-left: 16px;
  color: #000000;
}
@media (min-width: 768px) {
  #content ul {
    font-size: 16px;
    line-height: 21px;
    padding-left: 40px;
  }
}
#content ul li {
  margin: 25px 0 0 0;
  padding-left: 10px;
}
.tick-orange li {
  list-style-image: url('http://asg-staging.hardwireagency.com.au/Templates/images/svg//tick-orange.svg');
}
.tick-blue li {
  list-style-image: url('http://asg-staging.hardwireagency.com.au/Templates/images/svg//tick-blue.svg');
}
.bul li {
  list-style-image: url('http://asg-staging.hardwireagency.com.au/Templates/images/svg//bullet.svg');
}
.tick-red-circle li {
  line-height: 25px;
  list-style: none;
  position: relative;
}
.tick-red-circle li:before {
  content: url("/Templates/images/svg/tick-red-circle.svg");
  left: -28px;
  position: absolute;
  top: 0;
}
.tick-orange-circle li {
  line-height: 25px;
  list-style: none;
  position: relative;
}
.tick-orange-circle li:before {
  content: url("/Templates/images/svg/tick-orange-circle.svg");
  left: -28px;
  position: absolute;
  top: 0;
}
.tick-teal-circle li {
  line-height: 25px;
  list-style: none;
  position: relative;
}
.tick-teal-circle li:before {
  content: url("/Templates/images/svg/tick-teal-circle.svg");
  left: -28px;
  position: absolute;
  top: 0;
}
.tick-light-blue-circle li {
  line-height: 25px;
  list-style: none;
  position: relative;
}
.tick-light-blue-circle li:before {
  content: url("/Templates/images/svg/tick-light-blue-circle.svg");
  left: -28px;
  position: absolute;
  top: 0;
}
.tick-light-gray-circle li {
  line-height: 25px;
  list-style: none;
  position: relative;
}
.tick-light-gray-circle li:before {
  content: url("/Templates/images/svg/tick-light-gray-circle.svg");
  left: -28px;
  position: absolute;
  top: 0;
}
#content ul.no-list {
  padding-left: 0;
}
#content ul.no-list li {
  padding: 0;
  list-style: none;
}
#content ul.grey-bullet {
  /*padding-left:24px;

    li {
        display: block;
        padding-left: 20px;
        position: relative;
        list-style:none;

        @media (min-width:768px) {
            padding-left:25px;
        }
    
        &:before {
            content: url(@bullet-gray);
            position:absolute;
            left:0;

            @media (min-width:768px) {
                margin-left: 0;
            }
        }
    }*/
}
#content ul.grey-bullet li {
  list-style-image: url('http://asg-staging.hardwireagency.com.au/Templates/images/svg//bullet.svg');
}
@media (max-width: 768px) {
  .sf_colsOut.sf_2cols_1_33,
  .sf_colsOut.sf_2cols_2_67,
  .sf_colsOut.sf_2cols_1_67,
  .sf_colsOut.sf_2cols_2_33,
  .sf_colsOut.sf_2cols_1_50,
  .sf_colsOut.sf_2cols_2_50,
  .sf_colsOut.sf_2cols_1_25,
  .sf_colsOut.sf_2cols_2_75,
  .sf_colsOut.sf_2cols_1_75,
  .sf_colsOut.sf_2cols_2_25 {
    margin-top: 20px;
  }
}
.sf_colsOut .sf_colsOut .sf_colsOut {
  margin-top: 0;
}
#header .sf_colsOut {
  margin-top: 0;
}
#header .container {
  margin-top: 0;
  margin-bottom: 0;
}
#header .grey-bar {
  background: #f6f7f7;
  font-family: "Raleway SemiBold", sans-serif;
  line-height: 32px;
  text-align: right;
  margin-bottom: 0;
  position: absolute;
  top: 46px;
}
@media (min-width: 768px) {
  #header .grey-bar {
    margin-bottom: 25px;
    position: relative;
    top: 0;
  }
}
@media (max-width: 767px) {
  #header .grey-bar .container {
    padding: 0;
  }
}
@media (max-width: 992px) {
  #header .grey-bar .container {
    width: 100%;
  }
}
#header .grey-bar a.location {
  font-size: 12px;
  color: #0065bd;
  text-decoration: none;
  padding: 0 20px;
  border-left: 1px solid #e6e7e7;
  border-right: 1px solid #e6e7e7;
  line-height: 32px;
  display: inline-block;
}
#header .grey-bar a.location:first-child {
  border-right: none;
}
@media (min-width: 992px) {
  #header .grey-bar a.location:last-child {
    margin-right: 68px;
  }
}
#header .grey-bar a.location.active {
  color: #75787a;
}
#header .grey-bar a.location:hover {
  text-decoration: underline;
}
#header .grey-bar a.location img {
  float: left;
  height: 16px;
  margin: 8px 5px 8px 0;
  width: 16px;
}
#footer {
  position: relative;
  border-top: 1px solid #e5e6e6;
  /*> .k-item > .k-group > .k-item > div > a*/
  /*.sfNavList > li > a {
        border-bottom: 2px solid #0082c7;
        color:#ffffff;
        display: block;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 16px;
        padding-bottom: 8px;
        text-decoration: none;
    }

    .sfNavList > li li > a {
        color: #74c5e4;
        display: block;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px;
        text-decoration: none;
    }*/
}
#footer .mobile-telephone {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  #footer .mobile-telephone {
    display: none;
  }
}
#footer .mobile-telephone a.mobile-telephone-link {
  border-bottom: 1px solid #0f79bf;
  color: #ffffff;
  display: block;
  font-size: 21px;
  font-weight: bold;
  height: 23px;
  line-height: 23px;
  margin: 0 -15px;
  padding: 0 15px 60px;
}
#footer .mobile-telephone a.mobile-telephone-link img {
  height: 23px;
  width: 23px;
  display: block;
  float: left;
  margin-right: 8px;
}
#footer a {
  color: #ffffff;
}
#footer .connect-wrapper {
  padding: 33px 0 40px;
}
#footer .connect-wrapper a {
  color: #0065bd;
  font-size: 18px;
  font-weight: bold;
  line-height: 45px;
  float: left;
  margin-right: 15px;
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 520px) {
  #footer .connect-wrapper a {
    width: auto;
  }
}
@media (min-width: 768px) {
  #footer .connect-wrapper a {
    width: 100%;
  }
}
@media (min-width: 992px) {
  #footer .connect-wrapper a {
    width: auto;
  }
}
#footer .connect-wrapper a img {
  max-width: 45px;
  float: left;
  margin-right: 10px;
}
#footer .connect-wrapper a p {
  float: left;
  margin: 0;
  padding: 0;
  line-height: 45px;
  font-weight: 700;
}
#footer .connect-wrapper a.button {
  width: auto;
}
@media (max-width: 480px) {
  #footer .connect-wrapper a.button {
    width: 100% !important;
    text-align: center;
    float: none !important;
  }
}
#footer .connect-wrapper .sfnewsletterForm label {
  display: none;
}
#footer .connect-wrapper .sfnewsletterForm .sfnewsletterField {
  display: none;
}
#footer .connect-wrapper .sfnewsletterForm .sfnewsletterField:first-child {
  display: block;
}
#footer .bluebanner {
  border-top: 5px solid #6eb2cb;
}
@media (max-width: 1199px) {
  #footer .bluebanner .container {
    width: 100%;
  }
}
#footer .sitemap-block {
  margin-bottom: 30px;
}
#footer .disclaimer-block {
  padding-top: 15px;
}
@media (min-width: 768px) {
  #footer .disclaimer-block {
    border-top: 1px solid #0082c7;
  }
}
#footer .k-treeview .k-treeview-lines .k-in {
  border: none;
}
#footer .k-treeview .k-treeview-lines > .k-item {
  float: left;
  padding: 0 25px 0 0;
}
#footer .k-treeview .k-treeview-lines > .k-item:last-child {
  padding-right: 0;
}
#footer .k-treeview .k-treeview-lines > .k-item:last-child a {
  color: #45d828;
}
#footer .k-treeview .k-treeview-lines > .k-item .k-icon {
  display: none;
}
#footer .k-treeview .k-treeview-lines > .k-item > div > a {
  border-bottom: 2px solid #0082c7;
  color: #ffffff;
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 16px;
  padding-bottom: 8px;
  text-decoration: none;
}
#footer .k-treeview .k-treeview-lines > .k-item > .k-group {
  /*display:none !important;*/
}
@media (min-width: 768px) {
  #footer .k-treeview .k-treeview-lines > .k-item > .k-group {
    /*display:block !important;*/
  }
}
#footer .k-treeview .k-treeview-lines > .k-item > .k-group > .k-item > div > a {
  color: #74c5e4;
  font-weight: bold;
  font-size: 16px;
}
#footer .k-treeview .k-treeview-lines > .k-item > .k-group > .k-item > .k-group div > a {
  font-size: 16px;
  font-weight: 600;
  color: #e6e7e8;
}
#footer .k-treeview .k-treeview-lines > .k-item > .k-group > .k-item > .k-group div > a:before {
  content: url('/Templates/images/ASG/li-sub-grey.svg');
  float: left;
  height: 12px;
  padding-right: 5px;
  width: 12px;
}
#footer .chat-block {
  position: absolute;
  bottom: 0;
  right: 0;
}
#footer .chat-block a.chat-button {
  line-height: 39px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #73b5cc;
  color: #ffffff;
  font-size: 17px;
  font-weight: bold;
  width: 227px;
  padding: 0 16px;
  float: right;
  -webkit-box-shadow: -1px -1px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -1px -1px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: -1px -1px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-transition: padding-bottom 0.3s ease-in-out;
  -o-transition: padding-bottom 0.3s ease-in-out;
  -webkit-transition: padding-bottom 0.3s ease-in-out;
  transition: padding-bottom 0.3s ease-in-out;
}
#footer .chat-block a.chat-button:hover {
  padding-bottom: 10px;
}
#footer .chat-block a.chat-button img {
  width: 15px;
  height: 10px;
  float: right;
  margin-top: 16px;
}
.texture {
  background-image: url('/Templates/images/ASG/texture-background.png') !important;
}
hr {
  margin: 20px 0;
  height: 4px;
  background: #c7c8c7;
}
.btm-bdr {
  border-bottom: 5px solid #0065bd;
}
.bdr {
  border: 1px solid #e1e1e1;
}
table {
  font-family: 'Raleway', sans-serif;
  border: 1px solid #e1e1e1;
  text-align: left;
  border-collapse: collapse;
  width: 100%;
  /*thead {
		th {
			background-color: @prime-col;
			font-weight: @bold;
			color: #fff;
			border-right: 1px solid #fff;

            &:last-child {
                border-right:none;
            }
		}
	}
	th {
        border:1px solid #e1e1e1;
        padding:5px 10px;
	}
	td {
        border:1px solid #e1e1e1;
        padding:5px 10px;
	}
    tr:nth-child(even) {
        background:#f6f7f7;
    }*/
}
.chart h4 {
  border-bottom: 0;
  display: block;
}
.featured {
  /*display: table;
	border-collapse: collapse;
	width: auto;
	.tbl-row {
		display: table-row;
	}
	.tbl-cell {
		display: table-cell;
		border: 1px solid @gray-grad-col1;
		padding: 20px;
		width: 33.333333%;
			img {
				float: right;
				width: 25%;
				height: auto;
			}
			p {
				width: 70%;
				float: left;
			}
			p.lnk {
				width: 100%;
				text-align: center;
			}
	}*/
}
.featured .bg-solid {
  background-color: #f6f7f7;
}
.featured .bg-grad {
  background: #f6f7f7;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f6f7f7 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f6f7f7));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f6f7f7 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f6f7f7 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f6f7f7 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #f6f7f7 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f6f7f7, GradientType=0);
  /* IE6-9 */
}
#content .cta-wrapper {
  background: #f6f7f7;
  border-top: 1px solid #e5e6e6;
  border-left: 1px solid #e5e6e6;
  border-right: 1px solid #e5e6e6;
}
#content .cta-wrapper .sf_cols {
  margin: 0;
}
#content .cta-wrapper .sf_cols:first-child {
  padding: 10px 20px 10px 20px;
  margin: 0;
}
@media (min-width: 992px) {
  #content .cta-wrapper .sf_cols:first-child {
    padding-right: 50px;
  }
}
#content .cta-wrapper .sf_cols:first-child img {
  float: right;
  padding: 0;
  top: 0;
  position: relative;
  margin-top: 30px;
}
#content .cta-wrapper .sf_cols:first-child .sf_colsOut {
  width: 25% !important;
}
#content .cta-wrapper .sf_cols:first-child .sf_colsOut:first-child {
  width: 75% !important;
}
#content .cta-wrapper .sf_cols .sf_colsOut .sf_colsIn .sfContentBlock {
  margin: 0;
}
#content {
  /*div.sf_cols:first-child {
		margin: 0;
	}*/
}
#content div.sf_cols.grad-overlay {
  margin: 0;
}
.quotebox {
  background-color: #f6f7f7;
}
.grad-overlay {
  border-top: 1px solid #c7c8c7;
  background: #f6f7f7;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f6f7f7 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f6f7f7));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f6f7f7 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f6f7f7 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f6f7f7 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #f6f7f7 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f6f7f7, GradientType=0);
  /* IE6-9 */
}
.grad-overlay p {
  text-align: center;
  padding: 12px 0 10px 0;
}
#content h4 {
  text-transform: none;
  font-size: 18px;
  line-height: 22px;
}
#content .features-icon-panel h4 {
  text-align: center;
  border-bottom: 0;
  display: block;
}
.grey-box-blue-bottom {
  border-bottom: 5px solid #0065bd;
  border-left: 1px solid #e5e6e6;
  border-right: 1px solid #e5e6e6;
  border-top: 1px solid #e5e6e6;
  background: linear-gradient(to bottom, #ffffff 0%, #f6f7f7 100%);
}
.grey-box-blue-bottom h3 {
  color: #0065bd !important;
  font-size: 30px;
  margin-left: 30px;
  margin-top: 40px;
  margin-bottom: 10px;
}
.grey-box-blue-bottom p {
  color: #000000 !important;
  margin-left: 30px;
}
.grey-box-blue-bottom a {
  color: #0065bd;
}
.grey-box-blue-bottom img {
  margin-top: 20px;
}
.highlight-box {
  margin: 0 0 30px 0;
  /*.sf_colsIn {
        @media (max-width:768px) {
            margin:0 !important;
        }

        @media (min-width: 480px) {
            display: table;
            height: 100%;
            vertical-align: bottom;
            position:relative;
        }
    }*/
}
@media (min-width: 480px) and (max-width: 768px) {
  .highlight-box {
    display: table;
    height: 100%;
    vertical-align: bottom;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .highlight-box {
    margin: 0;
  }
}
.highlight-box .image-wrapper {
  position: relative;
}
@media (min-width: 480px) and (max-width: 768px) {
  .highlight-box .image-wrapper {
    display: table-cell;
    vertical-align: top;
    width: 50%;
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  .highlight-box .image-wrapper .sfimageWrp {
    display: table-cell;
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  .highlight-box .content-wrapper {
    display: table-cell;
    width: 50%;
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  .highlight-box .content-wrapper .copy-block,
  .highlight-box .content-wrapper .button-block {
    display: block;
    height: 100%;
    vertical-align: bottom;
    position: relative;
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  .highlight-box .sfContentBlock {
    display: table-cell;
    float: none;
    height: 100%;
    vertical-align: bottom;
    width: 50%;
    padding-top: 10px;
  }
}
.highlight-box img {
  width: 100%;
  height: auto;
}
@media (min-width: 480px) and (max-width: 768px) {
  .highlight-box img {
    height: 100%;
    width: auto;
    max-width: 500%;
    position: relative;
  }
}
.highlight-box h4,
.highlight-box p {
  color: #fff;
  margin: 10px 30px 10px 30px;
}
.highlight-box a {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  display: block;
  background-color: rgba(255, 255, 255, 0.3);
  background-blend-mode: screen;
  text-decoration: none;
  color: #ffffff;
  padding: 15px 30px;
  text-align: right;
  margin: 20px 0 30px 30px;
}
.highlight-box a:hover {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.5);
}
.highlight-box a:active {
  background-color: rgba(255, 255, 255, 0.3);
}
.highlight-box.blue-bg {
  background-color: #73b5cc;
  border-bottom: 5px solid rgba(255, 255, 255, 0.3);
}
.highlight-box.teal-bg {
  background-color: #7bbbb2;
  border-bottom: 5px solid rgba(255, 255, 255, 0.3);
}
.highlight-box.orange-bg {
  background-color: #e0684b;
  border-bottom: 5px solid rgba(255, 255, 255, 0.3);
}
#content .visual-content-grid .sf_cols {
  margin: 0 !important;
}
#content .visual-content-grid .sfContentBlock h3,
#content .visual-content-grid .sfContentBlock p {
  color: #ffffff;
}
#content .visual-content-grid .sfContentBlock h3 {
  font-weight: 700;
  font-size: 32px;
  line-height: 36px;
  border: none;
  margin: 20px 30px;
}
#content .visual-content-grid .sfContentBlock p {
  margin: 0 30px;
}
#content .visual-content-grid .sfContentBlock a {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  text-decoration: none;
  color: #ffffff;
  border-bottom: 5px solid rgba(255, 255, 255, 0.3);
  padding: 15px 30px;
  text-align: left;
  margin: 20px 0 0 0;
}
#content .visual-content-grid .sfContentBlock a:hover {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.3);
}
#content .visual-content-grid .sfContentBlock a:active {
  background-color: rgba(255, 255, 255, 0.5);
}
#content .visual-content-grid .bg-1,
#content .visual-content-grid .bg-2,
#content .visual-content-grid .bg-3,
#content .visual-content-grid .bg-4,
#content .visual-content-grid .bg-5 {
  position: relative;
  height: 300px;
}
#content .visual-content-grid .img-box {
  width: 100%;
  max-height: 300px;
  overflow: hidden;
}
#content .visual-content-grid .img-box img {
  position: relative;
  height: 300px;
  width: auto;
}
.bg-1 {
  background-color: #0065bd;
}
.bg-2 {
  background-color: #72b5cb;
}
.bg-3 {
  background-color: #7bbbb2;
}
.bg-4 {
  background-color: #e0684b;
}
.bg-5 {
  background-color: #eeaf2e;
}
.bg-6 {
  background-color: #636567;
}
.enquiry-form {
  background-color: #0065bd;
  width: auto;
}
.enquiry-form .full-wid {
  display: table;
  width: 100%;
  padding: 30px;
}
.enquiry-form .two-cols {
  display: table-cell;
  margin: 0 15px;
}
.enquiry-form .txt-fld {
  display: table-cell;
  width: 55%;
  vertical-align: top;
}
.enquiry-form .large {
  height: 100px;
}
.enquiry-form h4,
.enquiry-form label {
  color: #ffffff;
  border: none;
}
.enquiry-form h4 {
  display: block;
  text-align: center;
  background-color: #72b5cb;
  padding: 20px 0;
}
.enquiry-form label {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 14px;
}
.enquiry-form label.field-labels {
  display: inline-block;
  text-align: right;
  width: 40%;
  margin-right: 3%;
}
.enquiry-form .space {
  margin-right: 15px;
}
.enquiry-form address,
.enquiry-form p {
  color: #ffffff;
  display: table-row;
}
.enquiry-form ul {
  padding: 0;
  margin: 0;
}
.enquiry-form ul li {
  margin: 15px 0 0 0;
  list-style-type: none;
}
#content .boxer {
  display: table;
  border-collapse: collapse;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
}
#content .boxer .box-row {
  display: table-row;
}
#content .boxer .header-col,
#content .boxer .box {
  padding: 15px;
  width: 16.6666667%;
  display: table-cell;
  vertical-align: top;
  border: 1px solid #c7c8c7;
}
#content .boxer .header-col {
  font-weight: 700;
}
#content .boxer .alt {
  background-color: #e1e1e1;
}
#content .boxer .symb {
  font-family: 'fontawesome';
  text-align: center;
  font-size: 18px;
}
#content .boxer .hl {
  color: #0065bd;
}
#content .boxer .header-row {
  display: table-header-group;
}
#content .boxer .header-row .box {
  padding: 0;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-top: none;
}
#content .boxer .header-row h4 {
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  border: none;
  margin: 20px 30px;
}
#content .boxer .header-row a {
  font-weight: 700;
  display: block;
  width: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&amp;0.3+0,0+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
  padding: 15px;
  text-align: right;
}
#content .boxer .header-row a:hover {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.3);
}
#content .boxer .header-row a:active {
  background-color: rgba(255, 255, 255, 0.5);
}
#content .boxer .header-row a span.ico {
  font-family: 'fontawesome';
}
.full-width.green-block.texture .sfContentBlock h2,
.full-width.green-block.texture .sfContentBlock p {
  color: #ffffff;
}
.full-width.green-block.texture .sfContentBlock h2 {
  display: block;
  font-size: 80px;
  text-align: right;
  border: none;
}
.full-width.green-block.texture .sfContentBlock h2 sup {
  font-size: 30px;
}
.full-width.green-block.texture .sfContentBlock p.sub {
  font-size: 25px;
  text-align: right;
}
.full-width.green-block.texture .sfContentBlock button {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 18px;
  border: none;
  background-color: #0065bd;
  color: #ffffff;
  margin-top: 15px;
  padding: 15px 25px;
  -webkit-border-top-left-radius: 13px;
  -moz-border-radius-topleft: 13px;
  border-top-left-radius: 13px;
  -webkit-border-top-right-radius: 13px;
  -moz-border-radius-topright: 13px;
  border-top-right-radius: 13px;
  -webkit-border-bottom-right-radius: 13px;
  -moz-border-radius-bottomright: 13px;
  border-bottom-right-radius: 13px;
  -webkit-border-bottom-left-radius: 13px;
  -moz-border-radius-bottomleft: 13px;
  border-bottom-left-radius: 13px;
}
.full-width.green-block.texture .sfContentBlock button span.ico {
  font-family: 'fontawesome';
}
.full-width.green-block.texture .sfContentBlock button span.lg {
  font-size: 35px;
}
.phone-chat {
  /*padding-right: 68px;*/
  text-align: right;
  margin: 7px 0 5px 0;
}
@media (min-width: 992px) {
  .phone-chat {
    padding-right: 68px;
  }
}
.phone-chat a {
  font-size: 15px;
  font-weight: bold;
  color: #75787a;
  height: 23px;
  padding: 0 15px;
  line-height: 23px;
  display: inline-block;
}
.phone-chat a:first-child {
  border-right: 1px solid #cccccc;
}
.phone-chat a img {
  height: 23px;
  width: 23px;
  display: block;
  float: left;
  margin-right: 8px;
}
.login-button {
  float: right;
  margin: 5px 0 0 0;
}
@media (min-width: 992px) {
  .login-button {
    margin-right: 68px;
    margin-bottom: 25px;
  }
}
.login-button button,
.login-button a {
  height: 45px;
  font-size: 15px;
  font-weight: bold;
  color: #ffffff;
  line-height: 45px;
  padding: 0 37px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  font-family: "Raleway", sans-serif;
  border: none;
  display: inline-block;
  float: none;
}
.login-button button:first-child,
.login-button a:first-child {
  margin-right: 12px;
}
.login-button button {
  background: #45d828;
}
.login-button a {
  background: #62a7c1;
}
.logo {
  /*margin-left: 68px;*/
  display: block;
  margin: 20px 0;
  text-align: center;
}
@media (min-width: 768px) {
  .logo {
    margin: 0 0 25px 0;
    top: -28px;
    z-index: -1;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .logo {
    margin-left: 68px;
    margin-bottom: 25px;
  }
}
.logo img {
  max-width: 224px;
  width: 100%;
  margin: 0px auto;
}
@media (min-width: 768px) {
  .logo img {
    margin: 0;
  }
}
.search-bar {
  /*line-height: 50px;*/
  display: none;
  position: relative;
}
@media (min-width: 768px) {
  .search-bar {
    display: block;
    text-align: left;
    padding-left: 15px;
    float: left;
  }
}
@media (min-width: 992px) {
  .search-bar {
    padding-left: 74px;
  }
}
.search-bar .ui-autocomplete-input {
  background-color: #ffffff;
  /*border: 0 none;
        border-radius: 30px 0 0 30px;
        box-shadow: 2px 2px 2px 0 #b6b7b8 inset;*/
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  border-top: 1px solid #e6e7e7;
  border-left: 1px solid #e6e7e7;
  border-bottom: 1px solid #e6e7e7;
  font-family: "Raleway", sans-serif;
  height: 46px;
  padding: 0 110px 0 10px;
  /*text-indent: 15px;*/
  width: 100%;
}
@media (min-width: 768px) {
  .search-bar .ui-autocomplete-input {
    width: 190px;
    height: 32px;
    padding: 0 10px;
  }
}
@media (min-widdth: 992px) {
  .search-bar .ui-autocomplete-input {
    width: 230px;
  }
}
.search-bar button {
  /*background: #72b5cb none repeat scroll 0 0;*/
  background: #cccccc;
  border: 0 none;
  /*border-radius: 0 35px 35px 0;*/
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  color: #fff;
  font-family: "Raleway", sans-serif;
  line-height: 32px;
  margin-left: -5px;
  padding: 0 12px;
  text-transform: uppercase;
  width: 100px;
  height: 46px;
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 768px) {
  .search-bar button {
    width: auto;
    height: 32px;
    position: relative;
  }
}
.search-bar button:hover {
  background: #a6a6a6;
}
.bluebanner {
  background-color: #0065bd;
  color: #ffffff;
  font-size: 14px;
  border-bottom: 5px solid #6eb2cb;
  padding: 30px 0 47px 0;
}
#content .grey-block {
  background: #f6f7f7;
  padding: 30px;
}
#content .grey-block .sf_cols {
  margin: 0;
}
#content .grey-block.border-block {
  /*border-top: 1px solid #e5e6e6;*/
  border-left: 1px solid #e5e6e6;
  border-right: 1px solid #e5e6e6;
  /*border-bottom: 1px solid #e5e6e6;*/
  padding: 0;
  margin-top: 0;
}
#content .grey-block h3 {
  margin: 0 0 20px;
  text-align: center;
  display: block;
}
#content .grey-block img {
  float: left;
  margin-right: 20px;
}
#content .grey-block .sfContentBlock {
  /*line-height:47px;*/
}
#content .grey-block.texture {
  background-color: #c7c8c7;
  padding: 0;
  margin-bottom: 30px;
}
#content .grey-block.texture .gradient-container {
  width: 100%;
  height: 100%;
  padding: 30px;
  text-align: center;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjN2M4YzciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-radial-gradient(center, ellipse cover, #c7c8c7 0%, rgba(255, 255, 255, 0) 130%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #c7c8c7), color-stop(130%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, #c7c8c7 0%, rgba(255, 255, 255, 0) 130%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, #c7c8c7 0%, rgba(255, 255, 255, 0) 130%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, #c7c8c7 0%, rgba(255, 255, 255, 0) 130%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, #c7c8c7 0%, rgba(255, 255, 255, 0) 130%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7c8c7', endColorstr='#00ffffff', GradientType=1);
  /* IE6-8 fallback on horizontal gradient */
}
#content .grey-block .full-height-wrapper {
  display: table;
  height: 100%;
  table-layout: fixed;
  width: 100%;
}
#content .grey-block .consider-block,
#content .grey-block .choose-block {
  /*display: table-cell;
            float: none;*/
  height: 100%;
}
@media (min-width: 768px) {
  #content .grey-block .consider-block,
  #content .grey-block .choose-block {
    display: table-cell;
    float: none;
    vertical-align: top;
  }
}
#content .grey-block .consider-block > div,
#content .grey-block .choose-block > div {
  display: table;
  float: none;
  height: 100%;
  table-layout: fixed;
  width: 100%;
}
#content .grey-block .consider-block > div > div,
#content .grey-block .choose-block > div > div {
  display: table-row;
  height: 100%;
}
#content .grey-block .consider-block > div > div:first-child > div,
#content .grey-block .choose-block > div > div:first-child > div {
  padding: 30px 30px 0 30px;
}
#content .grey-block .consider-block > div > div > div,
#content .grey-block .choose-block > div > div > div {
  /*display: table;*/
  height: 100%;
  width: 100%;
}
#content .grey-block .consider-block > div > div > div > div,
#content .grey-block .choose-block > div > div > div > div {
  display: table;
  height: 100%;
  table-layout: fixed;
  width: 100%;
}
#content .grey-block .consider-block > div > div > div > div > div,
#content .grey-block .choose-block > div > div > div > div > div {
  display: table-row;
  width: 100%;
}
#content .grey-block .choose-block .image-wrapper {
  width: 100%;
  display: block;
  float: left;
  margin-bottom: 20px;
  padding: 0 5px;
  text-align: center;
}
#content .grey-block .choose-block .image-wrapper img {
  margin: 0 auto;
  float: none;
}
@media (min-width: 480px) {
  #content .grey-block .choose-block .image-wrapper {
    width: 33.33%;
  }
}
@media (min-width: 768px) {
  #content .grey-block .choose-block .image-wrapper {
    width: 50%;
  }
  #content .grey-block .choose-block .image-wrapper:last-child {
    width: 100%;
  }
}
@media (min-width: 992px) {
  #content .grey-block .choose-block .image-wrapper {
    width: 33.3333%;
  }
  #content .grey-block .choose-block .image-wrapper:last-child {
    width: 33.3333%;
  }
}
@media (min-width: 768px) {
  #content .grey-block .consider-block {
    border-right: 1px solid #e5e6e6;
  }
}
#content .grey-block .consider-block .block-wrapper {
  width: 100%;
  display: block;
  float: left;
  margin-bottom: 20px;
  padding: 0 5px;
  text-align: center;
  /*min-height:100px;*/
  line-height: 18px;
  font-weight: bold;
  color: #505153;
  /*min-height:124px;*/
}
#content .grey-block .consider-block .block-wrapper .image-wrapper {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
@media (min-width: 480px) {
  #content .grey-block .consider-block .block-wrapper .image-wrapper {
    height: 50px;
  }
}
@media (min-width: 1200px) {
  #content .grey-block .consider-block .block-wrapper .image-wrapper {
    float: left;
  }
}
#content .grey-block .consider-block .block-wrapper .image-wrapper img {
  margin: 0 auto;
  float: none;
  position: relative;
}
@media (min-width: 480px) {
  #content .grey-block .consider-block .block-wrapper .image-wrapper img {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 1200px) {
  #content .grey-block .consider-block .block-wrapper .image-wrapper img {
    margin-right: 10px;
  }
}
@media (min-width: 480px) {
  #content .grey-block .consider-block .block-wrapper {
    width: 33.33%;
  }
}
@media (min-width: 768px) {
  #content .grey-block .consider-block .block-wrapper {
    /*width: 50%;

                    &:last-child {
                        width:100%;
                    }*/
    min-height: 120px;
  }
}
@media (min-width: 992px) {
  #content .grey-block .consider-block .block-wrapper {
    min-height: 95px;
  }
}
@media (min-width: 1200px) {
  #content .grey-block .consider-block .block-wrapper {
    width: 50%;
    text-align: left;
    min-height: 50px;
    /*width:33.3333%;

                    &:last-child {
                        width:33.3333%;
                    }*/
  }
  #content .grey-block .consider-block .block-wrapper img {
    float: left;
    margin-right: 10px;
  }
}
#content .grey-block .support-block > div > div > div:first-child {
  padding: 30px 30px 0 30px;
}
#content .grey-block .support-block .block-wrapper {
  width: 100%;
  display: block;
  float: left;
  margin-bottom: 20px;
  padding: 0 5px;
  text-align: center;
  line-height: 18px;
  font-weight: bold;
  color: #505153;
}
#content .grey-block .support-block .block-wrapper .image-wrapper {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
@media (min-width: 480px) {
  #content .grey-block .support-block .block-wrapper .image-wrapper {
    height: 50px;
  }
}
#content .grey-block .support-block .block-wrapper .image-wrapper img {
  margin: 0 auto;
  float: none;
  position: relative;
}
@media (min-width: 480px) {
  #content .grey-block .support-block .block-wrapper .image-wrapper img {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 480px) {
  #content .grey-block .support-block .block-wrapper {
    width: 33.33%;
    min-height: 124px;
  }
}
@media (min-width: 768px) {
  #content .grey-block .support-block .block-wrapper {
    min-height: 90px;
  }
}
@media (min-width: 992px) {
  #content .grey-block .support-block .block-wrapper {
    width: 16.6666%;
  }
}
@media (min-width: 1200px) {
  #content .grey-block .support-block .block-wrapper {
    min-height: 50px;
  }
}
#content .green-block {
  background: #7bbbb2;
  padding: 30px;
  margin-bottom: 30px;
  overflow: hidden;
  /*img {
            float: left;
            margin-right: 20px;
        }*/
}
#content .green-block .sf_cols {
  margin: 0;
}
#content .green-block h3 {
  border-bottom: 2px solid #0065bd;
  color: #0065bd;
  display: inline-block;
  line-height: 21px;
  margin: 0;
  padding-bottom: 5px;
}
#content .green-block p {
  font-size: 14px;
}
@media (min-width: 768px) {
  #content .green-block p {
    font-size: 18px;
  }
}
#content .green-block.texture {
  background-color: #7bbbb2;
  padding: 0;
  border-bottom: 5px solid #9fedd3;
}
#content .green-block.texture .gradient-container {
  width: 100%;
  height: 100%;
  padding: 30px;
  /*text-align:center;*/
  color: #ffffff;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM4OWNkYjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-radial-gradient(center, ellipse cover, #89cdb6 0%, rgba(255, 255, 255, 0) 130%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #89cdb6), color-stop(130%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, #89cdb6 0%, rgba(255, 255, 255, 0) 130%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, #89cdb6 0%, rgba(255, 255, 255, 0) 130%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, #89cdb6 0%, rgba(255, 255, 255, 0) 130%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, #89cdb6 0%, rgba(255, 255, 255, 0) 130%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89cdb6', endColorstr='#00ffffff', GradientType=1);
  /* IE6-8 fallback on horizontal gradient */
}
#content .orange-block {
  background: #e0684b;
  padding: 30px;
  margin-bottom: 30px;
  /*img {
            float: left;
            margin-right: 20px;
        }*/
}
#content .orange-block .sf_cols {
  margin: 0;
}
#content .orange-block h3 {
  border-bottom: 2px solid #0065bd;
  color: #0065bd;
  display: inline-block;
  line-height: 21px;
  margin: 0;
  padding-bottom: 5px;
}
#content .orange-block p {
  font-size: 14px;
}
@media (min-width: 768px) {
  #content .orange-block p {
    font-size: 18px;
  }
}
#content .orange-block.texture {
  background-color: #e0684b;
  padding: 0;
  border-top: 5px solid #e0684b;
}
#content .orange-block.texture .gradient-container {
  width: 100%;
  height: 100%;
  padding: 30px;
  /*text-align:center;*/
  color: #ffffff;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM4OWNkYjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-radial-gradient(center, ellipse cover, #f38476 0%, rgba(255, 255, 255, 0) 130%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #89cdb6), color-stop(130%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, #f38476 0%, rgba(255, 255, 255, 0) 130%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, #f38476 0%, rgba(255, 255, 255, 0) 130%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, #f38476 0%, rgba(255, 255, 255, 0) 130%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, #f38476 0%, rgba(255, 255, 255, 0) 130%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f38476', endColorstr='#00ffffff', GradientType=1);
  /* IE6-8 fallback on horizontal gradient */
}
#content .meet-block {
  text-align: center;
}
#content .meet-block .content-block {
  display: inline-block;
  padding: 0 10px;
}
#content .meet-block a.button {
  float: none;
  display: block;
  padding: 0 10%;
}
#content .meet-block a.button.green {
  padding: 0 5%;
  display: inline-block;
}
#content .meet-block p {
  font-weight: 400;
  color: #080808;
  margin: 16px 0;
  font-size: 14px;
}
#content .meet-block .fancyline {
  display: block;
  font-size: 22px;
  font-weight: bold;
  color: #7d7e7e;
  text-align: center;
  margin: 22px 0;
}
#content .meet-block .fancyline:before {
  border-bottom: 1px solid #b3b4b4;
  content: "";
  margin-right: 10px;
  padding-left: 20%;
  position: relative;
  top: -14px;
}
#content .meet-block .fancyline:after {
  border-bottom: 1px solid #b3b4b4;
  content: "";
  margin-left: 10px;
  padding-right: 20%;
  position: relative;
  top: -14px;
}
#content .promo-box {
  position: relative;
}
#content .promo-box .promo {
  position: absolute;
  bottom: 12%;
  background: #0065bd;
  right: 0;
  margin-left: 17%;
  padding: 0 18px;
  border-bottom: 6px solid #72b5cb;
}
@media (max-width: 768px) {
  #content .promo-box .promo {
    position: relative;
    float: left;
    margin-left: 0;
    bottom: 0;
    width: 100%;
  }
}
#content .promo-box .promo__content {
  width: 100%;
  display: block;
  float: left;
  padding: 5px 0;
  clear: both;
  color: #FFF;
}
#content .promo-box .promo__content:first-child {
  border-bottom: 1px solid #72b5cb;
}
#content .promo-box .promo h4 {
  margin-bottom: 5px;
  padding: 0;
  color: #72b5cb;
}
#content .promo-box .promo p {
  margin: 5px 0;
}
#content .promo-box .promo a {
  margin: 5px 0;
  color: #FFF !important;
  text-decoration: none;
  padding: 6px 0;
  display: block;
}
#content .img-fullwidth img,
#content img.img-fullwidth {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  #content .img-fullwidth img,
  #content img.img-fullwidth {
    /*display:inline;*/
  }
}
#content .img-fullwidth.btm-bdr {
  background-color: #0065bd;
  border-bottom: 0px solid transparent;
}
#content .calculator-wrapper {
  background-color: #0065bd;
  color: #ffffff;
  border-bottom: 5px solid #6eb2cb;
  padding: 5px 20px 47px 20px;
}
@media (min-width: 768px) {
  #content .calculator-wrapper {
    padding: 5px 30px 47px 30px;
  }
}
@media (min-width: 992px) {
  #content .calculator-wrapper {
    padding-top: 30px;
  }
}
#content .calculator-wrapper .header4 {
  border-bottom: 2px solid #ffffff;
  display: inline;
  padding-bottom: 3px;
}
#content .calculator-wrapper sup {
  font-size: 0.4em;
  position: relative;
  top: 0.2em;
}
#content .calculator-wrapper ul {
  margin: 0 0 0 16px;
  padding-left: 0;
}
#content .calculator-wrapper ul li {
  color: #ffffff;
  margin: 10px 0 0;
  padding: 0;
}
#content .calculator-wrapper a {
  color: #ffffff;
}
#content .calculator-wrapper a.button.medium {
  line-height: 18px;
  padding: 15px 25px;
  white-space: normal;
}
@media (min-width: 543px) {
  #content .calculator-wrapper a.button.medium {
    line-height: 56px;
    padding: 0 25px;
  }
}
@media (min-width: 640px) {
  #content .calculator-wrapper a.button.medium {
    padding: 0 45px;
    white-space: nowrap;
  }
}
@media (min-width: 992px) {
  #content .calculator-wrapper a.button.medium {
    padding: 0 25px;
  }
}
@media (min-width: 1200px) {
  #content .calculator-wrapper a.button.medium {
    padding: 0 45px;
  }
}
#content .calculator-wrapper a.button.medium img.calc-img {
  float: left;
  max-height: 100%;
  margin-top: 0;
}
@media (min-width: 375px) {
  #content .calculator-wrapper a.button.medium img.calc-img {
    max-height: 32px;
  }
}
@media (min-width: 543px) {
  #content .calculator-wrapper a.button.medium img.calc-img {
    margin-top: 12px;
  }
}
#content .calculator-wrapper a.button.medium img.arrow-right {
  margin-top: 0;
  float: none;
}
@media (min-width: 640px) {
  #content .calculator-wrapper a.button.medium img.arrow-right {
    margin-top: 12px;
  }
}
#content .calculator-wrapper:before,
#content .calculator-wrapper:after {
  display: table;
  clear: both;
  content: "";
}
#content .calculator-wrapper .calculator-left,
#content .calculator-wrapper .calculator-right {
  display: block;
  width: 100%;
}
@media (min-width: 992px) {
  #content .calculator-wrapper .calculator-left,
  #content .calculator-wrapper .calculator-right {
    width: 50%;
    float: left;
  }
}
@media (min-width: 992px) {
  #content .calculator-wrapper .calculator-left {
    padding-right: 15px;
  }
}
#content .calculator-wrapper .slider-wrapper-block {
  display: table;
  width: 100%;
  margin: 20px 0 30px 0;
}
#content .calculator-wrapper .slider-wrapper-block .slider-result {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 2px 2px 2px 0 #b6b7b8 inset;
  color: #000000;
  display: block;
  font-size: 40px;
  font-weight: bold;
  height: 64px;
  line-height: 57px;
  position: relative;
  text-align: center;
  width: 82px;
  border: none;
  margin-top: 30px;
}
@media (min-width: 480px) {
  #content .calculator-wrapper .slider-wrapper-block .slider-result {
    margin-left: 35px !important;
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  #content .calculator-wrapper .calculator-right {
    padding-left: 15px;
  }
}
#content .calculator-wrapper .calculator-right .private-amounts-block,
#content .calculator-wrapper .calculator-right .sysgov-amounts-block {
  width: 100%;
  border-bottom: 1px solid #6192bd;
  display: table;
  padding-bottom: 10px;
  margin-top: 15px;
}
@media (min-height: 992px) {
  #content .calculator-wrapper .calculator-right .private-amounts-block,
  #content .calculator-wrapper .calculator-right .sysgov-amounts-block {
    margin-top: 0;
  }
}
#content .calculator-wrapper .calculator-right .private-amounts-block {
  color: #ffffff;
  margin-bottom: 17px;
}
#content .calculator-wrapper .calculator-right .private-amounts-block .privateHeader {
  display: block;
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 0;
}
@media (min-width: 480px) {
  #content .calculator-wrapper .calculator-right .private-amounts-block .privateHeader {
    display: table-cell;
  }
}
#content .calculator-wrapper .calculator-right .private-amounts-block .privateAmount {
  display: block;
  font-weight: bold;
  font-size: 65px;
  line-height: 65px;
  margin: 0;
  width: 100%;
}
@media (min-width: 480px) {
  #content .calculator-wrapper .calculator-right .private-amounts-block .privateAmount {
    display: table-cell;
    text-align: right;
  }
}
@media (min-width: 640px) {
  #content .calculator-wrapper .calculator-right .private-amounts-block .privateAmount {
    font-size: 80px;
    line-height: 80px;
    text-align: left;
  }
}
#content .calculator-wrapper .calculator-right .sysgov-amounts-block {
  color: #6192bd;
  margin-bottom: 22px;
  padding-bottom: 15px;
}
#content .calculator-wrapper .calculator-right .sysgov-amounts-block .systemic-block {
  display: block;
}
@media (min-width: 640px) {
  #content .calculator-wrapper .calculator-right .sysgov-amounts-block .systemic-block {
    display: table-cell;
  }
}
@media (min-width: 768px) {
  #content .calculator-wrapper .calculator-right .sysgov-amounts-block .systemic-block {
    display: table-cell;
  }
}
@media (min-width: 992px) {
  #content .calculator-wrapper .calculator-right .sysgov-amounts-block .systemic-block {
    display: block;
  }
}
@media (min-width: 1200px) {
  #content .calculator-wrapper .calculator-right .sysgov-amounts-block .systemic-block {
    /*display: table-cell;*/
    display: block;
    width: 50%;
    float: left;
  }
}
#content .calculator-wrapper .calculator-right .sysgov-amounts-block .systemic-block .systemicHeader {
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  margin: 0;
}
@media (min-width: 480px) {
  #content .calculator-wrapper .calculator-right .sysgov-amounts-block .systemic-block .systemicHeader {
    display: table-cell;
  }
}
@media (min-width: 640px) {
  #content .calculator-wrapper .calculator-right .sysgov-amounts-block .systemic-block .systemicHeader {
    display: block;
  }
}
@media (min-width: 992px) {
  #content .calculator-wrapper .calculator-right .sysgov-amounts-block .systemic-block .systemicHeader {
    display: table-cell;
  }
}
@media (min-width: 1200px) {
  #content .calculator-wrapper .calculator-right .sysgov-amounts-block .systemic-block .systemicHeader {
    display: block;
  }
}
#content .calculator-wrapper .calculator-right .sysgov-amounts-block .systemic-block .systemicAmount {
  font-weight: bold;
  /*font-size:73px;
                    line-height:73px;*/
  font-size: 65px;
  line-height: 65px;
  margin: 0;
  width: 100%;
}
@media (min-width: 480px) {
  #content .calculator-wrapper .calculator-right .sysgov-amounts-block .systemic-block .systemicAmount {
    display: table-cell;
    text-align: right;
  }
}
@media (min-width: 640px) {
  #content .calculator-wrapper .calculator-right .sysgov-amounts-block .systemic-block .systemicAmount {
    display: block;
    text-align: left;
  }
}
@media (min-width: 992px) {
  #content .calculator-wrapper .calculator-right .sysgov-amounts-block .systemic-block .systemicAmount {
    display: table-cell;
    text-align: right;
  }
}
@media (min-width: 1200px) {
  #content .calculator-wrapper .calculator-right .sysgov-amounts-block .systemic-block .systemicAmount {
    display: block;
    text-align: left;
  }
}
#content .calculator-wrapper .calculator-right .sysgov-amounts-block .government-block {
  display: block;
  margin-top: 10px;
}
@media (min-width: 640px) {
  #content .calculator-wrapper .calculator-right .sysgov-amounts-block .government-block {
    display: table-cell;
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  #content .calculator-wrapper .calculator-right .sysgov-amounts-block .government-block {
    display: table-cell;
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  #content .calculator-wrapper .calculator-right .sysgov-amounts-block .government-block {
    display: block;
    margin-top: 10px;
  }
}
@media (min-width: 1200px) {
  #content .calculator-wrapper .calculator-right .sysgov-amounts-block .government-block {
    /*display: table-cell;*/
    display: block;
    float: left;
    width: 50%;
    margin-top: 0;
  }
}
#content .calculator-wrapper .calculator-right .sysgov-amounts-block .government-block .governmentHeader {
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  margin: 0;
}
@media (min-width: 480px) {
  #content .calculator-wrapper .calculator-right .sysgov-amounts-block .government-block .governmentHeader {
    display: table-cell;
  }
}
@media (min-width: 640px) {
  #content .calculator-wrapper .calculator-right .sysgov-amounts-block .government-block .governmentHeader {
    display: block;
  }
}
@media (min-width: 992px) {
  #content .calculator-wrapper .calculator-right .sysgov-amounts-block .government-block .governmentHeader {
    display: table-cell;
  }
}
@media (min-width: 1200px) {
  #content .calculator-wrapper .calculator-right .sysgov-amounts-block .government-block .governmentHeader {
    display: block;
  }
}
#content .calculator-wrapper .calculator-right .sysgov-amounts-block .government-block .governmentAmount {
  font-weight: bold;
  /*font-size:73px;
                    line-height:73px;*/
  font-size: 65px;
  line-height: 65px;
  margin: 0;
  width: 100%;
}
@media (min-width: 480px) {
  #content .calculator-wrapper .calculator-right .sysgov-amounts-block .government-block .governmentAmount {
    display: table-cell;
    text-align: right;
  }
}
@media (min-width: 640px) {
  #content .calculator-wrapper .calculator-right .sysgov-amounts-block .government-block .governmentAmount {
    display: block;
    text-align: left;
  }
}
@media (min-width: 992px) {
  #content .calculator-wrapper .calculator-right .sysgov-amounts-block .government-block .governmentAmount {
    display: table-cell;
    text-align: right;
  }
}
@media (min-width: 1200px) {
  #content .calculator-wrapper .calculator-right .sysgov-amounts-block .government-block .governmentAmount {
    display: block;
    text-align: left;
  }
}
#content .calculator-wrapper .k-slider {
  width: 100%;
  -moz-user-select: none;
  background-color: transparent;
  border-width: 0;
  position: relative;
  margin-top: 20px;
  display: block;
  vertical-align: middle;
  /*
            .k-slider-horizontal .k-first .k-label {
    left: -50%;
}
.k-slider-horizontal .k-label {
    bottom: -1.2em;
}
.k-slider-horizontal .k-label {
    left: 0;
    line-height: 1;
    width: 100%;
}
.k-slider .k-label {
    font-size: 0.92em;
    position: absolute;
    white-space: nowrap;
}
        */
}
@media (min-width: 480px) {
  #content .calculator-wrapper .k-slider {
    display: table-cell;
  }
}
#content .calculator-wrapper .k-slider .k-slider-wrap {
  height: 100%;
  width: 100%;
  position: relative;
}
#content .calculator-wrapper .k-slider .k-slider-track {
  background: #ffffff;
  border-radius: 1em;
  -webkit-border-radius: 1em;
  width: 100% !important;
  position: relative;
  top: -100%;
}
#content .calculator-wrapper .k-slider .k-slider-track .k-draghandle {
  background-image: url("/Templates/images/ASG/slider-pointer.png");
  background-size: auto auto;
  border: medium none;
  height: 40px;
  top: -11px;
  width: 32px;
}
#content .calculator-wrapper .k-slider .k-reset {
  border: 0 none;
  font-size: 100%;
  list-style: outside none none;
  margin: 0;
  outline: 0 none;
  padding: 0;
  text-decoration: none;
  /*margin-left:5%;*/
}
#content .calculator-wrapper .k-slider .k-slider-items .k-tick {
  margin: 0;
  padding: 0;
  /*float: left;*/
  float: none;
  display: table-cell;
  height: 100%;
  text-align: center;
  cursor: pointer;
  /*width:5.26% !important;*/
  background-image: url('/Templates/images/ASG/slider-tick-line.jpg');
  background-size: 1px 100%;
  background-position: center top;
}
#content .calculator-wrapper .k-slider .k-slider-items .k-tick.k-first .k-label,
#content .calculator-wrapper .k-slider .k-slider-items .k-tick.k-last .k-label {
  left: 0;
}
#content .calculator-wrapper .k-slider .k-slider-items .k-tick.k-first {
  left: -3px;
}
@media (min-width: 640px) {
  #content .calculator-wrapper .k-slider .k-slider-items .k-tick.k-first {
    left: -6px;
  }
}
#content .calculator-wrapper .k-slider .k-slider-items .k-tick.k-first .k-label {
  margin-left: -4px;
}
#content .calculator-wrapper .k-slider .k-slider-items .k-tick.k-last {
  right: -3px;
}
@media (min-width: 640px) {
  #content .calculator-wrapper .k-slider .k-slider-items .k-tick.k-last {
    right: -6px;
  }
}
#content .calculator-wrapper .k-slider .k-slider-items .k-tick.k-last .k-label {
  margin-left: -7px;
}
#content .calculator-wrapper .k-slider .k-slider-items .k-tick .k-label {
  font-size: 24px;
  font-weight: 600;
}
#content .calculator-wrapper .k-slider .k-floatwrap,
#content .calculator-wrapper .k-slider .k-slider-items,
#content .calculator-wrapper .k-slider .k-grid-toolbar {
  display: block;
}
.newsletter-form-wrapper label,
.report-form-wrapper label,
.connect-wrapper label {
  display: none;
}
.newsletter-form-wrapper .inputTextboxWrapper,
.report-form-wrapper .inputTextboxWrapper,
.connect-wrapper .inputTextboxWrapper {
  display: inline-block;
  position: relative;
  top: -2px;
  width: 80%;
}
.newsletter-form-wrapper input.textBox,
.report-form-wrapper input.textBox,
.connect-wrapper input.textBox {
  border: 1px solid #caccd0;
  box-shadow: 2px 2px 2px 0 #b6b7b8 inset;
  line-height: 49px;
  padding: 0 10px;
  width: 100%;
  font-size: 14px;
}
.newsletter-form-wrapper .inputSubmitButtonWrapper,
.report-form-wrapper .inputSubmitButtonWrapper,
.connect-wrapper .inputSubmitButtonWrapper {
  display: inline-block;
  width: 20%;
}
.newsletter-form-wrapper input.submitButton,
.report-form-wrapper input.submitButton,
.connect-wrapper input.submitButton {
  background: #62a7c1 none repeat scroll 0 0;
  border: 0 none;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  line-height: 49px;
  text-transform: uppercase;
  width: 100%;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.newsletter-form-wrapper input.submitButton:hover,
.report-form-wrapper input.submitButton:hover,
.connect-wrapper input.submitButton:hover {
  background: #3d809a;
}
.newsletter-form-wrapper .sfnewsletterForm,
.report-form-wrapper .sfnewsletterForm,
.connect-wrapper .sfnewsletterForm {
  width: 100%;
}
.newsletter-form-wrapper .sfTxtBoxLarge,
.report-form-wrapper .sfTxtBoxLarge,
.connect-wrapper .sfTxtBoxLarge,
.newsletter-form-wrapper .sfnewsletterForm .sfnewsletterFieldsList,
.report-form-wrapper .sfnewsletterForm .sfnewsletterFieldsList,
.connect-wrapper .sfnewsletterForm .sfnewsletterFieldsList {
  width: 100%;
  display: inline-block;
  position: relative;
  /*top:-2px;*/
  margin: 0 0 20px 0;
  float: left;
}
@media (min-width: 480px) {
  .newsletter-form-wrapper .sfTxtBoxLarge,
  .report-form-wrapper .sfTxtBoxLarge,
  .connect-wrapper .sfTxtBoxLarge,
  .newsletter-form-wrapper .sfnewsletterForm .sfnewsletterFieldsList,
  .report-form-wrapper .sfnewsletterForm .sfnewsletterFieldsList,
  .connect-wrapper .sfnewsletterForm .sfnewsletterFieldsList {
    width: 70%;
  }
}
@media (min-width: 992px) {
  .newsletter-form-wrapper .sfTxtBoxLarge,
  .report-form-wrapper .sfTxtBoxLarge,
  .connect-wrapper .sfTxtBoxLarge,
  .newsletter-form-wrapper .sfnewsletterForm .sfnewsletterFieldsList,
  .report-form-wrapper .sfnewsletterForm .sfnewsletterFieldsList,
  .connect-wrapper .sfnewsletterForm .sfnewsletterFieldsList {
    width: 80%;
  }
}
.newsletter-form-wrapper .sfTxtBoxLarge input,
.report-form-wrapper .sfTxtBoxLarge input,
.connect-wrapper .sfTxtBoxLarge input,
.newsletter-form-wrapper .sfnewsletterForm .sfnewsletterFieldsList input,
.report-form-wrapper .sfnewsletterForm .sfnewsletterFieldsList input,
.connect-wrapper .sfnewsletterForm .sfnewsletterFieldsList input {
  width: 100%;
  line-height: 49px;
  padding: 0 10px;
  border: 1px solid #caccd0;
  box-shadow: 2px 2px 2px 0 #b6b7b8 inset;
  font-size: 14px;
  height: 49px;
}
.newsletter-form-wrapper .sfFormSubmit,
.report-form-wrapper .sfFormSubmit,
.connect-wrapper .sfFormSubmit,
.newsletter-form-wrapper .sfnewsletterForm .sfnewsletterSubmitBtnWrp,
.report-form-wrapper .sfnewsletterForm .sfnewsletterSubmitBtnWrp,
.connect-wrapper .sfnewsletterForm .sfnewsletterSubmitBtnWrp {
  width: 100%;
  display: inline-block;
  margin: 0 0 20px 0;
}
@media (min-width: 480px) {
  .newsletter-form-wrapper .sfFormSubmit,
  .report-form-wrapper .sfFormSubmit,
  .connect-wrapper .sfFormSubmit,
  .newsletter-form-wrapper .sfnewsletterForm .sfnewsletterSubmitBtnWrp,
  .report-form-wrapper .sfnewsletterForm .sfnewsletterSubmitBtnWrp,
  .connect-wrapper .sfnewsletterForm .sfnewsletterSubmitBtnWrp {
    width: 30%;
  }
}
@media (min-width: 992px) {
  .newsletter-form-wrapper .sfFormSubmit,
  .report-form-wrapper .sfFormSubmit,
  .connect-wrapper .sfFormSubmit,
  .newsletter-form-wrapper .sfnewsletterForm .sfnewsletterSubmitBtnWrp,
  .report-form-wrapper .sfnewsletterForm .sfnewsletterSubmitBtnWrp,
  .connect-wrapper .sfnewsletterForm .sfnewsletterSubmitBtnWrp {
    width: 20%;
  }
}
.newsletter-form-wrapper .sfFormSubmit input,
.report-form-wrapper .sfFormSubmit input,
.connect-wrapper .sfFormSubmit input,
.newsletter-form-wrapper .sfnewsletterForm .sfnewsletterSubmitBtnWrp input,
.report-form-wrapper .sfnewsletterForm .sfnewsletterSubmitBtnWrp input,
.connect-wrapper .sfnewsletterForm .sfnewsletterSubmitBtnWrp input {
  /*width:100%;
            line-height:49px;
            font-size:18px;
            font-weight:bold;
            text-transform:uppercase;
            background:#62a7c1;
            color:#ffffff;
            border:0;
            cursor:pointer;*/
  /*position:relative;
            top:-2px;*/
  background: #62a7c1 none repeat scroll 0 0;
  border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  box-shadow: none;
  color: #ffffff;
  cursor: pointer;
  font-family: "Raleway", sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 49px;
  height: 49px;
  padding: 0;
  text-transform: uppercase;
  width: 100%;
  -webkit-transition: all 1s ease 0s;
  -moz-transition: all 1s ease 0s;
  -ms-transition: all 1s ease 0s;
  -o-transition: all 1s ease 0s;
  transition: all 1s ease;
}
.newsletter-form-wrapper .sfFormSubmit input:hover,
.report-form-wrapper .sfFormSubmit input:hover,
.connect-wrapper .sfFormSubmit input:hover,
.newsletter-form-wrapper .sfnewsletterForm .sfnewsletterSubmitBtnWrp input:hover,
.report-form-wrapper .sfnewsletterForm .sfnewsletterSubmitBtnWrp input:hover,
.connect-wrapper .sfnewsletterForm .sfnewsletterSubmitBtnWrp input:hover {
  background: #3d809a;
}
.report-left {
  width: 100%;
}
@media (min-width: 768px) {
  .report-left {
    float: left;
    width: 60%;
    padding: 0 30px;
  }
}
@media (min-width: 1200px) {
  .report-left {
    width: 70%;
  }
}
@media (max-width: 480px) {
  .report-left a.button {
    float: none;
    display: block;
    text-align: center;
    margin-bottom: 20px;
  }
}
.report-right {
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .report-right {
    float: left;
    width: 25%;
    padding: 0 30px;
  }
}
@media (min-width: 1200px) {
  .report-right {
    text-align: right;
  }
}
.reportcard .button {
  margin-top: 20px;
  -webkit-appearance: none;
}
@media (max-width: 480px) {
  .reportcard .button {
    float: none !important;
    display: block !important;
    width: 100%;
  }
}
.reportcard .button input.button {
  margin-top: 0;
}
/*.bluebanner ul li a {
  color: white;  
}

.bluebanner ul ul li a {
  color: #73b5cc;
}*/
.lineheight {
  line-height: 15px;
}
.social {
  color: #0065bd;
  font-weight: bold;
  font-family: Raleway, sans-serif;
  text-align: left;
}
.social img {
  width: 60% ;
  float: right;
}
.containerleft {
  text-align: left;
}
body {
  font-family: 'Raleway', sans-serif;
  margin-top: 46px;
}
@media (min-width: 768px) {
  body {
    margin-top: 0;
  }
}
.bluemenu {
  background-color: #0065bd;
  color: white;
  text-align: left;
  font-size: 14px;
  left: 50%;
  top: 50%;
}
.bluemenu ul li a {
  color: white;
}
.bluemenu ul ul li a {
  color: #73b5cc;
}
.nav-wrapper {
  background-color: #0065bd;
  color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #72b4cd;
  z-index: 3;
  /*.k-menu .k-item,*/
}
@media (max-width: 768px) {
  .nav-wrapper {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .nav-wrapper {
    position: relative;
    margin-top: 30px;
    border-bottom: 5px solid #72b5cb;
    border-top: none;
  }
}
@media (max-width: 991px) {
  .nav-wrapper {
    width: 100%;
  }
  .nav-wrapper .row div > div {
    width: 100%;
  }
}
.nav-wrapper .sfNavToggle {
  /*position:absolute;
        top:0;
        right:0;*/
  display: none !important;
}
.nav-wrapper .k-menu .k-item > .k-link > .k-i-arrow-s {
  display: none;
}
@media (min-width: 768px) {
  .nav-wrapper .sfNavList {
    display: table !important;
  }
}
@media (min-width: 992px) {
  .nav-wrapper .sfNavList {
    /*display:table;*/
    margin-left: 53px;
  }
}
.nav-wrapper ul li a {
  color: #ffffff;
}
.nav-wrapper ul ul li a {
  color: #73b5cc;
}
.nav-wrapper .k-widget.k-menu-horizontal > .k-item {
  border: none;
  /*display:table-cell;*/
  float: none;
}
@media (min-width: 768px) {
  .nav-wrapper .k-widget.k-menu-horizontal > .k-item {
    display: table-cell;
  }
}
.nav-wrapper .k-menu > .k-item .k-link {
  line-height: 40px;
  border-bottom: 1px solid #0079c3;
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .nav-wrapper .k-menu > .k-item .k-link {
    border-bottom: none;
  }
}
.nav-wrapper .k-menu > .k-item > .k-link {
  /*line-height: 40px;
            padding: 0 1.1em;*/
  font-weight: bold;
  text-transform: uppercase;
  padding: 0 0.9em;
}
@media (min-width: 768px) {
  .nav-wrapper .k-menu > .k-item > .k-link {
    line-height: 50px;
  }
}
.nav-wrapper .k-menu > .k-item .k-menu-group {
  border: none;
}
@media (max-width: 768px) {
  .nav-wrapper .k-menu > .k-item .k-menu-group {
    display: none;
  }
  .nav-wrapper .k-menu > .k-item .k-menu-group .k-link:before {
    content: url('/Templates/images/ASG/li-sub-grey.svg');
    float: left;
    height: 12px;
    padding-right: 5px;
    width: 12px;
  }
}
@media (max-width: 768px) {
  .nav-wrapper .k-menu > .k-item .k-menu-group.nav-hide {
    display: none !important;
  }
}
.nav-wrapper div > a {
  color: #ffffff;
  height: 46px;
  line-height: 46px;
  text-align: center;
  /*width:33.7%;*/
  border-right: 2px solid #0079c3;
  text-transform: uppercase;
  /*display:block;
        float:left;*/
  display: table-cell;
}
.nav-wrapper div > alast-child {
  border: none;
}
@media (max-width: 768px) {
  .nav-wrapper div > a {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 768px) {
  .nav-wrapper .mobile-links {
    display: none;
  }
}
.nav-wrapper .mobile-links .sfContentBlock {
  display: table;
  width: 100%;
}
.masthead {
  position: relative;
  /*min-height:150px;*/
  min-height: 310px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media (min-width: 768px) {
  .masthead {
    /*top:-28px;*/
    margin-top: -28px;
    z-index: -1;
    min-height: 299px;
  }
}
.masthead img {
  height: auto;
  width: 100%;
  display: block;
  float: left;
}
@media (min-width: 768px) {
  .masthead img {
    margin-top: -23px;
  }
}
.masthead .masthead-overlay {
  /*background: rgba(0, 0, 0, 0.5);*/
  background: url("/Templates/images/ASG/video-overlay.png");
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  cursor: pointer;
  border-bottom: 10px solid #0065bd;
  /*-webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;*/
}
@media (min-width: 768px) {
  .masthead .masthead-overlay {
    border: none;
  }
}
.masthead .masthead-overlay .container {
  color: #ffffff;
  position: relative;
  /*top: 50%;
            transform: translateY(-50%);*/
  display: table;
  height: 100%;
}
@media (min-width: 768px) {
  .masthead .masthead-overlay .container {
    border-bottom: 10px solid #0065bd;
  }
}
.masthead .masthead-overlay .container .row {
  display: table-cell;
  height: 100%;
  vertical-align: bottom;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .masthead .masthead-overlay .container .row {
    padding-bottom: 30px;
  }
}
.masthead .masthead-overlay .container h1 {
  /*font-size:60px;
                font-weight:bold;*/
  color: #ffffff;
  /*line-height:60px;
                margin:0;*/
}
.masthead .masthead-overlay .container h3 {
  font-weight: 100;
  color: #ffffff;
  border: none;
}
@media (min-width: 768px) {
  .masthead .masthead-overlay .container h3 {
    font-size: 28px;
    line-height: 36px;
  }
}
.masthead.home {
  text-align: center;
  background-image: url('/images/default-source/placeholders/home-masthead-placeholder.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #0065bd;
  z-index: 2;
}
@media (min-width: 992px) {
  .masthead.home {
    background-image: none;
  }
}
.masthead.home .video_background {
  float: left;
  height: auto;
  /*margin-top: -23px;*/
  width: 100%;
  display: none;
}
@media (min-width: 992px) {
  .masthead.home .video_background {
    display: block;
    opacity: 0;
  }
}
.masthead.home .masthead-video-placeholder {
  display: block;
}
@media (min-width: 992px) {
  .masthead.home .masthead-video-placeholder {
    display: none;
  }
}
.masthead.home .masthead-overlay .container {
  border-bottom: none;
}
.masthead.home .masthead-overlay .container .row {
  vertical-align: middle;
}
@media (min-width: 768px) {
  .masthead.home .masthead-overlay .container .row {
    padding-bottom: 0;
    vertical-align: bottom;
  }
}
@media (min-width: 992px) {
  .masthead.home .masthead-overlay .container .row {
    padding-bottom: 30px;
    vertical-align: middle;
  }
}
#content > div .sf_cols {
  /*margin: 30px 0;*/
}
#content > div .sf_cols:first-child {
  /*margin-bottom:0;*/
  margin-bottom: 20px;
}
#content .features-icon-panel .sfContentBlock:first-child p {
  min-height: 64px;
}
.video-container {
  /*position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;*/
  position: relative;
  /*padding-bottom: 55.25%;*/
  padding-bottom: 52.25%;
  padding-top: 25px;
  height: 0;
  background: #000000;
}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container .video-placeholder img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*padding-bottom:34px;*/
}
.video-container .video-placeholder {
  cursor: pointer;
}
.video-container .video-caption {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #0065bd;
  color: #ffffff;
  font-weight: bold;
  padding: 5px 10px;
}
.video-play-button {
  background: rgba(0, 0, 0, 0.3);
  bottom: 0;
  color: #ffffff;
  display: block;
  font-size: 45px;
  left: 0;
  padding-top: 20%;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
}
.fa-border-circle {
  border: 0.2em solid #ffffff;
  border-radius: 1em;
  -webkit-border-radius: 1em;
  padding: 0.3em 0.3em 0.25em 0.45em;
}
/*#content .tab-block.tab-5 .k-tabstrip-wrapper .k-tabstrip > .k-content .tab-right .sf_cols > div*/
#content .tab-block {
  margin-bottom: 0 !important;
  /*blockquote {
        &:after {
            content: "";
        }
    }*/
}
#content .tab-block .video-container iframe,
#content .tab-block .video-container object,
#content .tab-block .video-container embed,
#content .tab-block .video-container .video-placeholder img {
  padding-bottom: 34px;
}
#content .tab-block.tab-5 .k-tabstrip-wrapper .k-tabstrip > .k-content .tab-left {
  padding: 30px 10px 30px 30px;
}
#content .tab-block.tab-5 .k-tabstrip-wrapper .k-tabstrip > .k-content .tab-right {
  padding: 30px 30px 30px 10px;
}
#content .tab-block.tab-5 .k-tabstrip-wrapper .k-tabstrip > .k-content .tab-right .sf_cols > div {
  display: block;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip {
  background: none;
  border: none;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items {
  padding: 0;
  display: table;
  width: 100%;
  margin: 0 !important;
  /*border-spacing:2px 0;*/

/* NEW FIX - 19/01/16 */
  white-space:unset;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items .k-loading {
  border: none;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items .k-link {
  display: none;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item {
  border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  /*vertical-align:middle;*/
  vertical-align: top;
  /*border:1px solid #e5e6e6;*/
  border: none;
  /*background:#f6f7f7;*/
  cursor: pointer;
  /*height:86px;*/
  color: #000000;
  /*line-height:86px;*/
  /*margin: 0 -1px 0 0;*/
  margin: 0;
  /*padding:0 10px;*/
  padding: 0;
  height: 100%;
  /*@media (max-width:767px) {
                        line-height:86px;
                    }*/
  /*@media (min-width:992px) {
                        line-height:86px;
                    }*/
}
@media (min-width: 768px) {
  #content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item {
    display: table-cell;
    width: 25%;
    /*height:86px;*/
    vertical-align: top;
  }
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item .sfContentBlock {
  /*display: table;
                        height: 100%;
                        width: 100%;
                        vertical-align:top;*/
  display: table-cell;
  height: 86px;
  padding: 0 10px;
  vertical-align: middle;
  width: 100%;
}
@media (max-width: 767px) {
  #content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item .sfContentBlock {
    line-height: 86px;
  }
}
@media (min-width: 992px) {
  #content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item .sfContentBlock {
    line-height: 86px;
  }
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item .tab-header-plain {
  background: #f6f7f7;
  /*display: table-cell;
                        height: 86px;*/
  /*padding: 0 10px;
                        vertical-align: middle;
                        width: 100%;*/
  border: 1px solid #e5e6e6;
  /*@media (max-width:767px) {
                            line-height:86px;
                        }

                        @media (min-width:992px) {
                            line-height:86px;
                        }*/
  display: table;
  height: 100%;
  width: 100%;
  vertical-align: top;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item .tab-header-plain:after {
  content: url('/Templates/images/ASG/black-arrow-down.svg');
  display: inline-block;
  width: 12px;
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: 5px;
  /*@media (max-width:767px) {
                                top:20px;
                            }

                            @media (min-width:768px) {
                                bottom:5px;
                            }

                            @media (min-width:992px) {
                                top:20px;
                            }*/
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item .tab-header-plain:hover {
  background: #e8e8ea;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item .tab-header-fancy {
  /*background: #f6f7f7 none repeat scroll 0 0;*/
  text-align: left;
  /*display: table-cell;
                        height: 86px;*/
  display: table;
  padding: 0 15px 42px 15px;
  vertical-align: top;
  width: 100%;
  height: 100%;
  border-width: 0 1px 0 0;
  border-style: solid;
  min-height: 223px;
}
@media (max-width: 767px) {
  #content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item .tab-header-fancy {
    border-width: 1px 1px 0 1px;
    border-color: #e3e4e4;
  }
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item .tab-header-fancy:after {
  /*content: url('/Templates/images/svg/arrow-circle-red.svg');*/
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -29px;
  bottom: -3px;
  /*@media (max-width:767px) {
                                top:20px;
                            }*/
  /*@media (min-width:992px) {
                                top:20px;
                            }*/
}
@media (min-width: 480px) {
  #content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item .tab-header-fancy:after {
    bottom: -4px;
  }
}
@media (min-width: 768px) {
  #content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item .tab-header-fancy:after {
    bottom: -5px;
  }
}
@media (min-width: 768px) {
  #content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item .tab-header-fancy {
    border-width: 0 1px 0 0;
    -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#e3e4e4), to(rgba(0, 0, 0, 0))) 1 100%;
    -webkit-border-image: -webkit-linear-gradient(bottom, #e3e4e4, rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image: -moz-linear-gradient(bottom, #e3e4e4, rgba(0, 0, 0, 0)) 1 100%;
    -o-border-image: -o-linear-gradient(bottom, #e3e4e4, rgba(0, 0, 0, 0)) 1 100%;
    border-image: linear-gradient(to top, #e3e4e4, rgba(0, 0, 0, 0)) 1 100%;
    border-color: #e5e6e6;
  }
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item .tab-header-fancy:hover {
  background: #f5f5f6;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item .tab-header-fancy p {
  font-weight: 100;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item .tab-header-fancy.tab-red h4 {
  color: #e0684a;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item .tab-header-fancy.tab-red:after {
  content: url('/Templates/images/svg/arrow-circle-red.svg');
  width: 58px;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item .tab-header-fancy.tab-green h4 {
  color: #7bbbb2;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item .tab-header-fancy.tab-green:after {
  content: url('/Templates/images/svg/arrow-circle-green.svg');
  width: 58px;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item .tab-header-fancy.tab-orange h4 {
  color: #edaf2d;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item .tab-header-fancy.tab-orange:after {
  content: url('/Templates/images/svg/arrow-circle-orange.svg');
  width: 58px;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item .tab-header-fancy.tab-blue h4 {
  color: #72b5cc;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item .tab-header-fancy.tab-blue:after {
  content: url('/Templates/images/svg/arrow-circle-blue.svg');
  width: 58px;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item .tab-header-fancy.tab-grey h4 {
  color: #9c9ea1;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item .tab-header-fancy.tab-grey:after {
  content: url('/Templates/images/svg/arrow-circle-gray.svg');
  width: 58px;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item:first-child .tab-header-fancy {
  -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#e3e4e4), to(rgba(0, 0, 0, 0))) 1 100%;
  -webkit-border-image: -webkit-linear-gradient(bottom, #e3e4e4, rgba(0, 0, 0, 0)) 1 100%;
  -moz-border-image: -moz-linear-gradient(bottom, #e3e4e4, rgba(0, 0, 0, 0)) 1 100%;
  -o-border-image: -o-linear-gradient(bottom, #e3e4e4, rgba(0, 0, 0, 0)) 1 100%;
  border-image: linear-gradient(to top, #e3e4e4, rgba(0, 0, 0, 0)) 1 100%;
  /*border-top-width:0;*/
  border-width: 0 1px;
}
@media (max-width: 767px) {
  #content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item:last-child .tab-header-fancy {
    border-bottom-width: 1px;
  }
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item.k-state-active {
  /*background:#ffffff;*/
  cursor: default;
  /*color:#0065bd;*/
}
@media (min-width: 768px) {
  #content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item.k-state-active {
    border-bottom: none;
  }
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item.k-state-active .tab-header-plain {
  background: #ffffff;
  color: #0065bd;
  border-bottom: none;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item.k-state-active .tab-header-plain:after {
  content: url('/Templates/images/ASG/blue-arrow-down.svg');
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item.k-state-active .tab-header-plain:hover {
  background: #ffffff;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item.k-state-active .tab-header-fancy {
  background: #ffffff;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iI2Y5ZjlmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #f9f9fa 56%, #f5f5f6 99%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(56%, #f9f9fa), color-stop(99%, #f5f5f6));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #f9f9fa 56%, #f5f5f6 99%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #f9f9fa 56%, #f5f5f6 99%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #f9f9fa 56%, #f5f5f6 99%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f9f9fa 56%, #f5f5f6 99%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#f5f5f6', GradientType=0);
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item.k-state-active .tab-header-fancy:hover {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iI2Y5ZjlmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #f9f9fa 56%, #f5f5f6 99%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(56%, #f9f9fa), color-stop(99%, #f5f5f6));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #f9f9fa 56%, #f5f5f6 99%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #f9f9fa 56%, #f5f5f6 99%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #f9f9fa 56%, #f5f5f6 99%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f9f9fa 56%, #f5f5f6 99%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#f5f5f6', GradientType=0);
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item.k-state-active .tab-header-fancy.tab-red:after {
  content: url('/Templates/images/svg/arrow-circle-red-active.svg');
  width: 58px;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item.k-state-active .tab-header-fancy.tab-green:after {
  content: url('/Templates/images/svg/arrow-circle-green-active.svg');
  width: 58px;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item.k-state-active .tab-header-fancy.tab-orange:after {
  content: url('/Templates/images/svg/arrow-circle-orange-active.svg');
  width: 58px;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item.k-state-active .tab-header-fancy.tab-blue:after {
  content: url('/Templates/images/svg/arrow-circle-blue-active.svg');
  width: 58px;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item.k-state-active .tab-header-fancy.tab-grey:after {
  content: url('/Templates/images/svg/arrow-circle-gray-active.svg');
  width: 58px;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item img {
  display: block;
  width: 12px;
  margin: 0 auto;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items .k-tab-on-top {
  z-index: 1;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content {
  /*margin:0 2px;*/
  margin: 0;
  position: relative;
  border-color: #e5e6e6;
  border-top: none;
  padding: 0;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content h3 {
  text-align: left;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content .tab-left {
  position: relative;
  padding: 10px 10px 30px 10px;
}
@media (min-width: 768px) {
  #content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content .tab-left {
    padding: 10px 10px 30px 30px;
  }
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content .tab-right {
  position: relative;
  /*display:table;*/
  height: 100%;
  width: 100%;
  margin: 0;
}
@media (min-width: 992px) {
  #content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content .tab-right blockquote {
    max-width: 60%;
  }
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content .tab-content-block {
  padding: 10px 30px 30px 10px;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content > .sf_cols {
  /*padding: 10px 30px 30px;*/
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content .sf_cols {
  /*display: table;*/
  float: none;
  height: 100%;
  margin: 0;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content .sf_cols > div {
  display: block;
  /*float: none;*/
  height: 100%;
}
@media (min-width: 768px) {
  #content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content .sf_cols > div {
    /*display: table-cell;
                            vertical-align:top;*/
  }
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content .sf_cols > div > div {
  /*display: table;
                            height: 100%;
                            width:100%;*/
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content .sf_cols > div > div .sfContentBlock {
  /*display: table-cell;
                                height: 100%;
                                position: relative;
                                padding:30px;*/
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content .tab-background {
  bottom: 0;
  left: 0;
  position: relative;
  right: 0;
  text-align: right;
  top: 0;
  z-index: -1;
  overflow: hidden;
  display: none;
}
@media (min-width: 768px) {
  #content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content .tab-background {
    display: none;
  }
}
@media (min-width: 992px) {
  #content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content .tab-background {
    display: block;
    position: absolute;
    padding-top: 60%;
  }
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content .tab-background .sfContentBlock {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: relative;
  right: 0;
  top: 0;
}
@media (min-width: 768px) {
  #content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content .tab-background .sfContentBlock {
    position: absolute;
  }
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content .tab-background .sfContentBlock:before {
  background-image: url("/Templates/images/png/white-fade-top.png");
  background-position: left top;
  background-repeat: repeat-x;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  overflow: hidden;
}
@media (min-width: 768px) {
  #content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content .tab-background .sfContentBlock:before {
    background-image: url("/Templates/images/png/white-fade-left.png");
    background-position: left top;
    background-repeat: repeat-y;
  }
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content .tab-background .sfContentBlock img {
  height: auto;
  width: 100%;
}
@media (min-width: 768px) {
  #content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content .tab-background .sfContentBlock img {
    height: 100%;
    max-width: 500%;
    width: auto;
  }
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content .tab-background > img {
  height: 100%;
  width: auto;
  position: absolute;
  right: 0;
}
@media (min-width: 768px) {
  #content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content .tab-background > img {
    left: 0;
    right: auto;
  }
}
@media (min-width: 992px) {
  #content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content .tab-background > img {
    left: auto;
    right: 0;
  }
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content a {
  font-size: 16px;
  font-weight: 600;
  color: #0065bd;
}
#content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content a img {
  width: 7px;
  margin-left: 5px;
}
#content .tab-block.tab-4 .k-tabstrip-wrapper .k-tabstrip > .k-content .sf_cols {
  display: table;
}
@media (min-width: 768px) {
  #content .tab-block.tab-4 .k-tabstrip-wrapper .k-tabstrip > .k-content .sf_cols .sf_colsOut {
    display: table !important;
  }
}
#content .tab-block.tab-4 .k-tabstrip-wrapper .k-tabstrip > .k-content .tab-right {
  display: table;
}
@media (min-width: 768px) {
  #content .tab-block.tab-5 .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item {
    width: 20%;
  }
}
#content .tab-block.tab-5 .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item:after {
  content: "";
}
#content .tab-block.tab-5 .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item.k-state-active:after {
  content: "";
}
#content .tab-block.tab-5 .k-tabstrip-wrapper .k-tabstrip .k-content {
  background: #f5f5f6;
}
#content .tab-block.tab-5 .k-tabstrip-wrapper .k-tabstrip .k-content .sf_cols > div > div .sfContentBlock {
  display: block;
}
.inputTextboxWrapper {
  display: inline-block;
  position: relative;
  top: -2px;
  width: 80%;
}
/*input.textBox {
    border: 1px solid #caccd0;
    box-shadow: 2px 2px 2px 0 #b6b7b8 inset;
    line-height: 49px;
    padding: 0 10px;
    width: 100%;
}*/
/*.inputSubmitButtonWrapper {
    display: inline-block;
    width: 20%;
}*/
/*input.submitButton {
    background: #62a7c1 none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    line-height: 49px;
    text-transform: uppercase;
    width: 100%;
}*/
input.textBox {
  border: 1px solid #caccd0;
  box-shadow: 2px 2px 2px 0 #b6b7b8 inset;
  /*float: left;*/
  line-height: 49px;
  padding: 0 10px;
  width: 100%;
  /*&.reportSignUp {            
            max-width: 300px;
            font-size:16px;
        }

        &.newsletterSignUp {
            max-width: 300px;
            font-size:18px;
        }*/
}
input.submitButton {
  background: #62a7c1 none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  /*float: left;*/
  font-size: 18px;
  font-weight: 600;
  line-height: 49px;
  /*padding: 0 15px;*/
  text-transform: uppercase;
}
.img-shadow img {
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
}
#content .sf_cols.height-fix,
#content .sf_cols.height-fix > div > div {
  display: table;
  height: 100%;
  width: 100%;
  position: relative;
}
#content .sf_cols.height-fix > div {
  display: table-cell;
  float: none;
  height: 100%;
  vertical-align: middle;
}
.flowline-arrowdown {
  height: 120px;
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  margin: 10px 0;
}
.flowline-arrowdown:after {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  display: block;
  background-color: #0065bd;
  margin: 0 auto;
  top: 40%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: -1;
}
@media (min-width: 768px) {
  .flowline-arrowdown:after {
    top: 50%;
  }
}
.flowline-arrowdown:before {
  content: "";
  width: 100%;
  height: 100%;
  max-width: 100px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin: 0 auto;
  display: block;
  background-image: url('/Templates/images/png/how-does-it-arrowdown.png');
}
@media (min-width: 768px) {
  .flowline-arrowdown:before {
    max-width: 150px;
    background-position: center bottom;
  }
}
@media (max-width: 767px) {
  .mobile-hidden,
  .mobile-hide {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .tablet-hidden {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .desktop-hidden {
    display: none !important;
  }
}
table.education-funds {
  background-color: #ffffff;
  width: 100%;
  border: none;
  display: none;
}
@media (min-width: 992px) {
  table.education-funds {
    display: block;
  }
}
table.education-funds th,
table.education-funds th {
  width: 16.6667%;
}
table.education-funds td .fa {
  font-size: 18px;
}
table.education-funds td .fa.fa-check {
  color: #0065bd;
}
table.education-funds thead th {
  border-left: 1px solid #ffffff;
  border-top: none;
  border-right: none;
  padding: 0;
  text-align: left;
}
table.education-funds thead th:first-child {
  background: none;
  border: none;
}
table.education-funds thead th.red-cell {
  background: #e0684a;
}
table.education-funds thead th.teal-cell {
  background: #7bbbb2;
}
table.education-funds thead th.orange-cell {
  background: #edaf2d;
}
table.education-funds thead th.blue-cell {
  background: #72b5cc;
}
table.education-funds thead th.grey-cell {
  background: #9c9ea1;
}
table.education-funds thead th h4 {
  font-size: 16px;
  line-height: 20px;
  margin: 20px 30px;
  color: #ffffff;
}
table.education-funds thead th a {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
  color: #ffffff;
  display: block;
  font-weight: 700;
  padding: 15px;
  text-align: right;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}
table.education-funds thead th a:hover {
  background: rgba(255, 255, 255, 0.3);
}
table.education-funds tr:nth-child(odd) {
  background: #f4f4f5;
}
table.education-funds tr:nth-child(even) {
  background: none;
}
table.education-funds tr:nth-child(n+6) {
  vertical-align: top;
}
table.education-funds tr:nth-child(n+6) td {
  text-align: left;
}
table.education-funds thead tr {
  background: none !important;
}
table.education-funds td {
  border: 1px solid #cccccc;
  padding: 15px;
}
table.education-funds td:nth-child(2),
table.education-funds td:nth-child(3),
table.education-funds td:nth-child(4),
table.education-funds td:nth-child(5),
table.education-funds td:nth-child(6) {
  text-align: center;
}
/*@media screen and (min-device-width: 320px) and (max-width: 992px) {
  table.education-funds, p.table-note {
      border: 0 none;
      margin: 0;
      width: 100%;
  }
  table.education-funds thead {
      display: none;
  }
  table.education-funds tr {
      border-bottom: 1px solid #cccccc;
      display: block;
      margin-bottom: 10px;
  }
  table.education-funds tr::after {
      clear: both;
      content: "";
      display: table;
  }
  table.education-funds tr::before {
      border-bottom: 2px solid #000000;
      display: block;
  }
  table.education-funds td {
      border-color: #cccccc #cccccc -moz-use-text-color;
      border-style: solid solid none;
      border-width: 1px 1px medium;
      box-sizing: border-box;
      clear: left;
      color: #000000;
      display: block;
      float: left;
      font-size: 13px;
      padding: 10px;
      text-align: left;
      width: 100%;
  }
  table.education-funds td::before {
      color: #000000;
      content: attr(headers);
      float: left;
      text-align: left;
      width: 70%;
  }
  table.education-funds td:nth-child(1) {
      background-color: #f5f4f1;
      font-weight: bold;
  }
  table.education-funds td:nth-child(2), table.education-funds td:nth-child(3), table.education-funds td:nth-child(4), table.education-funds td:nth-child(5), table.education-funds td:nth-child(6) {
      text-align: right;
      vertical-align: top;
  }
  table.education-funds td img, table.education-funds span.note {
      display: block;
      float: right;
  }
  table.education-funds td img {
      margin: 5px 0;
      vertical-align: top;
  }
  table.education-funds .clear {
      clear: both;
      display: block;
      float: right;
      width: 100%;
  }
}*/
.LPMcontainer.LPMoverlay {
  background: #73b5cc none repeat scroll 0 0 !important;
  border-radius: 10px 10px 0 0 !important;
  -webkit-border-radius: 10px 10px 0 0 !important;
  -webkit-box-shadow: -1px -1px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -1px -1px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: -1px -1px 5px 0px rgba(0, 0, 0, 0.5);
  /*-moz-transition: padding-bottom .3s ease-in-out;
    -o-transition: padding-bottom .3s ease-in-out;
    -webkit-transition: padding-bottom .3s ease-in-out;
    transition: padding-bottom .3s ease-in-out;*/
  -moz-transition: height 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out;
  -webkit-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}
.LPMcontainer.LPMoverlay:hover {
  height: 50px !important;
}
@media (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}
@media (max-width: 992px) {
  .hide-tab {
    display: none !important;
  }
}
/* sfBonesNav code */
.sfNavWrp .sfNavBones {
  margin: 0 !important;
  /*line-height: 50px;*/
  width: 100%;
  /*display:none;*/
  padding: 0;
}
@media (min-width: 992px) {
  .sfNavWrp .sfNavBones {
    padding: 0 53px;
    height: 53px;
  }
}
.sfNavWrp .sfNavBones li {
  display: block;
  position: relative;
}
.sfNavWrp .sfNavBones li.activeLink > a {
  background-color: #73b4cd;
}
.sfNavWrp .sfNavBones li.activeLink > .drop-indicator {
  border-left: 1px solid #ffffff;
  background-image: url('/Templates/images/ASG/white-arrow-up.svg');
}
.sfNavWrp .sfNavBones li .subList {
  /*display: none;*/
  padding: 0;
}
.sfNavWrp .sfNavBones li .subList > li.activeLink > a {
  background-color: rgba(0, 0, 0, 0);
}
.sfNavWrp .sfNavBones li .subList > li.activeLink .drop-indicator:after {
  background-image: url("/Templates/images/ASG/white-arrow-up.svg");
  top: 0;
}
.sfNavWrp .sfNavBones li .subList .drop-indicator {
  background: none;
  border: none;
}
.sfNavWrp .sfNavBones li .subList .drop-indicator:before {
  background: #73b4cd;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  content: "";
  height: 23px;
  left: 9px;
  padding: 10px;
  position: absolute;
  top: 10px;
  width: 23px;
}
.sfNavWrp .sfNavBones li .subList .drop-indicator:after {
  background-image: url("/Templates/images/ASG/white-arrow-down.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 12px auto;
  content: "";
  left: 0;
  padding: 20px;
  position: absolute;
  top: 2px;
}
.sfNavWrp .sfNavBones li .subList .subList {
  /*padding-left:25px;*/
}
@media (max-width: 768px) {
  .sfNavWrp .sfNavBones li .subList .subList li:before {
    background-image: url("/Templates/images/ASG/white-arrow-right.svg");
    background-position: 5px 13px;
    background-repeat: no-repeat;
    background-size: 8px 12px;
    content: "";
    display: block;
    height: 40px;
    position: absolute;
    width: 40px;
    left: 25px;
  }
}
.sfNavWrp .sfNavBones li .subList .subList .navLink {
  font-weight: 100;
  margin-left: 25px;
}
.sfNavWrp .sfNavBones > li {
  border-bottom: 1px solid #0f79bf;
}
@media (min-width: 768px) {
  .sfNavWrp .sfNavBones > li {
    display: table-cell;
    /*text-align: center;*/
    vertical-align: top;
    border: none;
  }
}
.sfNavWrp .sfNavBones > li > .navLink {
  border-bottom: 1px solid #0f79bf;
  margin-bottom: -1px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .sfNavWrp .sfNavBones > li > .navLink {
    border: none;
    margin: 0;
    text-align: center;
  }
}
.sfNavWrp .sfNavBones a {
  height: 100%;
  display: block;
  padding: 0 20px;
  color: #ffffff;
  text-align: left;
}
.sfNavWrp .sfNavBones a:hover {
  text-decoration: none;
}
.sfNavWrp .sfNavBones a:focus {
  text-decoration: none;
}
.sfNavWrp .sfNavBones .drop-indicator {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 40px;
  width: 40px;
  height: 40px;
  padding: 20px;
  text-align: center;
  border-left: 1px solid #0079c3;
  color: #ffffff;
  background-image: url('/Templates/images/ASG/white-arrow-down.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 12px auto;
  z-index: 999;
  cursor: pointer;
}
@media (min-width: 768px) {
  .sfNavWrp .sfNavBones .drop-indicator {
    display: none;
  }
}
.topNav.sfNavWrp .sfNavBones {
  display: none;
  /*.navLink {
            @media (min-width:768px) {
                padding-top:5px;
                padding-bottom:5px;
            }   
        }*/
}
@media (max-width: 768px) {
  .topNav.sfNavWrp .sfNavBones {
    line-height: 40px;
    /*padding:0 20px;*/
  }
}
@media (min-width: 768px) {
  .topNav.sfNavWrp .sfNavBones {
    padding: 0 20px;
  }
}
@media (min-width: 769px) {
  .topNav.sfNavWrp .sfNavBones {
    padding: 0 5px;
  }
}
@media (min-width: 992px) {
  .topNav.sfNavWrp .sfNavBones {
    padding: 0 53px;
  }
}
@media (min-width: 768px) {
  .topNav.sfNavWrp .sfNavBones li.edge > .subList {
    right: 0;
  }
}
@media (min-width: 768px) {
  .topNav.sfNavWrp .sfNavBones li.edge > .subList .subList {
    right: 100%;
    left: -100%;
  }
}
.topNav.sfNavWrp .sfNavBones li .subList {
  display: none;
  /*&:last-child {
                    @media (min-width:768px) {
                        right:0;
                    }

                    .subList {
                        @media (min-width:768px) {
                            left:-100%;
                            right:100%;
                        }
                    }
                }*/
}
@media (min-width: 768px) {
  .topNav.sfNavWrp .sfNavBones li .subList {
    position: absolute;
    background: #ffffff;
    border-top: 5px solid #72b5cb;
    border-bottom: 5px solid #72b5cb;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    visibility: hidden;
    display: block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    min-width: 250px;
    text-align: left;
    z-index: -10;
  }
}
@media (min-width: 768px) {
  .topNav.sfNavWrp .sfNavBones li .subList a.navLink {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.topNav.sfNavWrp .sfNavBones li .subList > li {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  background: #0065bd;
}
@media (min-width: 768px) {
  .topNav.sfNavWrp .sfNavBones li .subList > li {
    background: none;
    display: table;
    width: 100%;
  }
}
.topNav.sfNavWrp .sfNavBones li .subList > li:hover {
  background: #003c71;
}
@media (min-width: 768px) {
  .topNav.sfNavWrp .sfNavBones li .subList > li:hover {
    background: #72b5cb;
  }
}
@media (min-width: 768px) {
  .topNav.sfNavWrp .sfNavBones li .subList > li:hover > a {
    color: #ffffff;
  }
}
@media (min-width: 768px) {
  .topNav.sfNavWrp .sfNavBones li .subList .navLink {
    color: #72b5cb;
    display: table-cell;
    height: 40px;
    vertical-align: middle;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .topNav.sfNavWrp .sfNavBones li .subList .navLink .fa {
    float: right;
    position: relative;
    top: 4px;
  }
}
@media (min-width: 768px) {
  .topNav.sfNavWrp .sfNavBones li .subList .subList {
    left: 100%;
    /*top:-5px;*/
    background: #ededed;
    padding-left: 0;
    border-top: none;
  }
}
@media (min-width: 768px) {
  .topNav.sfNavWrp .sfNavBones li .subList .subList > li {
    border-top: 1px solid #cccccc;
  }
}
@media (min-width: 768px) {
  .topNav.sfNavWrp .sfNavBones li .subList .subList > li:first-child {
    border-top: none;
  }
}
@media (min-width: 768px) {
  .topNav.sfNavWrp .sfNavBones li .subList .subList a {
    font-weight: 700;
    color: #72b5cb;
  }
}
@media (min-width: 768px) {
  .topNav.sfNavWrp .sfNavBones li:hover > .subList {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    visibility: visible;
    z-index: 0;
  }
}
.topNav.sfNavWrp .sfNavBones li li.edge .subList {
  left: -100%;
  right: 100%;
}
.topNav.sfNavWrp .sfNavBones > li {
  text-align: center;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.topNav.sfNavWrp .sfNavBones > li:hover {
  background: #003c71;
}
@media (min-width: 1200px) {
  .topNav.sfNavWrp .sfNavBones > li > a.navLink {
    /*display:table-cell;
                    height: 53px;
                    vertical-align: middle;*/
    display: block;
    width: 100%;
    line-height: 53px;
    padding: 0 4px;
    font-size: 15px;
  }
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
    .topNav.sfNavWrp .sfNavBones > li > a.navLink {
        display: block;
        width: 100%;
        line-height: 1.2;
        padding: 6px 4px;
        font-size: 13px;
    }
}


@media (min-width: 992px) {
  .topNav.sfNavWrp .sfNavBones > li > a.navLink {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .topNav.sfNavWrp .sfNavBones > li > .subList > li {
    border-top: 1px solid #ededed;
  }
}
.footerNav-toggle {
  border-bottom: 1px solid #0f79bf;
  cursor: pointer;
  display: block;
  font-size: 18px;
  margin: 0 -15px;
  padding: 0 15px 8px;
  text-align: left;
}
.footerNav-toggle .fa {
  float: right;
}
.footerNav-toggle .flipper {
  display: block;
  line-height: 40px;
  width: 40px;
  height: 40px;
  padding: 20px;
  background-image: url('/Templates/images/ASG/white-arrow-down.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px auto;
  float: right;
  position: relative;
  margin-top: -7px;
}
.footerNav-toggle.expanded .flipper {
  background-image: url('/Templates/images/ASG/white-arrow-up.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px auto;
}
@media (min-width: 768px) {
  .footerNav-toggle {
    display: none;
  }
}
#footer .footerNav.sfNavWrp {
  margin: 0 -15px;
}
@media (max-width: 768px) {
  #footer .footerNav.sfNavWrp {
    line-height: 40px;
    /*padding:0 20px;*/
  }
}
@media (min-width: 768px) {
  #footer .footerNav.sfNavWrp {
    margin: 0;
  }
}
@media (min-width: 1200px) {
  #footer .footerNav.sfNavWrp {
    margin: 0;
  }
}
@media (min-width: 768px) {
  #footer .footerNav.sfNavWrp .sfNavBones {
    display: block !important;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
  }
}
@media (min-width: 768px) {
  #footer .footerNav.sfNavWrp .sfNavBones > li {
    display: inline-block;
    width: 33%;
    padding: 0 20px;
    vertical-align: top;
    margin-bottom: 30px;
    /*display: table-cell;
                min-width: 26%;
                padding: 0 20px;
                vertical-align: top;*/
  }
}
@media (min-width: 1200px) {
  #footer .footerNav.sfNavWrp .sfNavBones > li {
    width: 18%;
  }
}
@media (min-width: 1200px) {
  #footer .footerNav.sfNavWrp .sfNavBones > li:first-child {
    /*padding-left: 0;*/
  }
}
@media (min-width: 768px) {
  #footer .footerNav.sfNavWrp .sfNavBones > li:last-child {
    padding-right: 0;
    /*float: right;*/
    min-width: 10px;
    width: 102px;
    /*padding:0;*/
  }
}
@media (min-width: 1200px) {
  #footer .footerNav.sfNavWrp .sfNavBones > li:last-child {
    padding-left: 0;
    padding-right: 20px;
    float: right;
  }
}
#footer .footerNav.sfNavWrp .sfNavBones > li:last-child a.navLink {
  color: #45d828;
}
@media (min-width: 768px) {
  #footer .footerNav.sfNavWrp .sfNavBones > li > a.navLink {
    border-bottom: 2px solid #0082c7;
    color: #ffffff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 16px;
    padding: 0 0 8px 0;
    text-decoration: none;
    height: auto;
    text-align: left;
  }
}
@media (min-width: 1200px) {
  #footer .footerNav.sfNavWrp .sfNavBones > li > a.navLink {
    display: table-cell;
    vertical-align: top;
    height: 58px;
  }
}
@media (min-width: 768px) {
  #footer .footerNav.sfNavWrp .sfNavBones > li > .subList {
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 1200px) {
  #footer .footerNav.sfNavWrp .sfNavBones > li > .subList {
    margin-top: 16px;
  }
}
@media (min-width: 768px) {
  #footer .footerNav.sfNavWrp .sfNavBones > li > .subList > li > a.navLink {
    color: #74c5e4;
  }
}
#footer .footerNav.sfNavWrp .sfNavBones .subList {
  display: none;
}
@media (min-width: 768px) {
  #footer .footerNav.sfNavWrp .sfNavBones .subList {
    list-style: none;
    display: block;
  }
}
@media (min-width: 768px) {
  #footer .footerNav.sfNavWrp .sfNavBones .subList li a.navLink {
    line-height: 1.3333em;
    margin: 1px 0;
    padding: 1px 0.3333em 1px 0;
  }
}
@media (min-width: 768px) {
  #footer .footerNav.sfNavWrp .sfNavBones .subList .subList {
    padding: 0 0 0 20px;
    position: relative;
  }
}
@media (min-width: 768px) {
  #footer .footerNav.sfNavWrp .sfNavBones .subList .subList li:before {
    content: url("/Templates/images/ASG/li-sub-grey.svg");
    display: block;
    float: left;
    height: 12px;
    left: -18px;
    position: absolute;
    width: 12px;
  }
}
@media (min-width: 768px) {
  #footer .footerNav.sfNavWrp .sfNavBones .subList .subList li a.navLink {
    color: #e6e7e8;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    text-decoration: none;
  }
}
/* enrolment form code */
.selector.width-25 {
  width: 25%;
}
.no-pad {
  padding: 0 !important;
}
.pos-relative {
  position: relative;
}
.form-callback-phone,
.form-callback-date,
.form-callback-submit {
  padding: 0 !important;
  margin-top: 20px;
  clear: both;
}
.form-final-buttons {
  position: absolute !important;
  bottom: 0;
  right: 0;
}
.aspNetDisabled {
  background-color: #aaaaaa !important;
}
.blue-button[type="submit"] {
  margin-left: 20px;
  color: white;
  padding: 5px 20px;
  background-color: #0065bd;
  box-shadow: 0px 4px 7px #dfdfdf;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}
ul#wizHeader {
  display: block;
  padding: 0;
  position: relative;
  width: 100%;
}
ul#wizHeader:before {
  border-bottom: 2px solid #d7d8d4;
  content: "";
  display: block;
  height: 2px;
  left: 7%;
  position: absolute;
  right: 8%;
  /*top: 40%;*/
  top: 60px;
}
ul#wizHeader li {
  display: none;
  position: relative;
  /*width: 14%;*/
  width: auto;
  float: none;
}
@media (min-width: 768px) {
  ul#wizHeader li {
    display: block;
    float: left;
    width: 14%;
  }
}
ul#wizHeader li.currentStep {
  display: block;
}
@media (max-width: 768px) {
  ul#wizHeader li.currentStep {
    margin-left: auto;
    margin-right: auto;
  }
}
ul#wizHeader li.currentStep .stepTitle {
  font-weight: normal;
}
ul#wizHeader li .stepTitle {
  font-size: 16px;
}
ul#wizHeader li .stepTitle .stepText {
  font-weight: 700;
  font-size: 16px;
}
.enrol .RadPicker_Default {
  position: relative;
}
.RadPicker .rcCalPopup {
  right: 0 !important;
}
#ctl00_content_C001_wizEnrolment_grdChild_ctl02_txtDOB_popupButton {
  margin-bottom: 16px !important;
}
.s3__methodofpayment--type--label {
  position: relative;
}
.s3__methodofpayment .s3__where .formInfo {
  left: 37%;
  top: 2px;
}
.stepTitle {
  font-size: 16px;
}
.stepTitle .stepText {
  font-weight: 700;
  font-size: 16px;
}
.hiddenFormField {
  /*display:none;*/
  opacity: 0;
  visibility: hidden;
  height: 0;
  margin: 0;
}
/* things for pds agreement */
.accept-pds {
  display: inline-block;
}
.main-content-right {
  float: right;
}
.side-nav-left {
  float: left;
}
.salesforceform .sfFormBox,
.salesforceform .sfFormDropdown {
  padding-bottom: 20px;
}
.salesforceform .sfFormBox > div:first-child {
  display: inline-block;
}
.salesforceform .sfFieldWrp {
  display: inline-block;
  width: 100%;
}
.salesforceform .sfTxt,
.salesforceform select {
  width: 100%;
  height: 33px;
  line-height: 33px;
}
input.button,
input[type="submit"] {
  white-space: nowrap;
  color: #ffffff;
  text-transform: none;
  box-shadow: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  border: none;
  cursor: pointer;
}
input.button.large,
input[type="submit"].large {
  font-size: 24px;
  font-weight: bold;
  line-height: 64px;
  padding: 0 75px;
}
input.button.medium,
input[type="submit"].medium {
  font-size: 18px;
  font-weight: bold;
  line-height: 56px;
  padding: 0 50px;
}
input.button.small,
input[type="submit"].small {
  font-size: 18px;
  font-weight: bold;
  line-height: 50px;
  padding: 0 25px;
}
input.button.green,
input[type="submit"].green {
  background: #45d828;
}
input.button.green:hover,
input[type="submit"].green:hover {
  background: #30981c;
}
input.button.green.disabled,
input[type="submit"].green.disabled {
  background: #def1da;
  cursor: default;
}
input.button.green.disabled:hover,
input[type="submit"].green.disabled:hover {
  background: #def1da;
}
input.button.teal,
input[type="submit"].teal {
  background: #73b5cc;
}
input.button.teal:hover,
input[type="submit"].teal:hover {
  background: #4195b2;
}
input.button.teal.disabled,
input[type="submit"].teal.disabled {
  background: #daebf1;
  cursor: default;
}
input.button.teal.disabled:hover,
input[type="submit"].teal.disabled:hover {
  background: #daebf1;
}
input.button.blue,
input[type="submit"].blue {
  background: #0065bd;
  color: #ffffff !important;
}
input.button.blue:hover,
input[type="submit"].blue:hover {
  background: #003c71;
}
input.button.rounded,
input[type="submit"].rounded {
  border-radius: 10px;
  -webkit-border-radius: 10px;
}
.scroll-content {
  /*overflow: scroll;*/
  max-height: 200px;
  padding: 20px;
  background-color: #f8f8f8;
  border: 1px solid #e5e6e6;
  overflow-y: auto;
  /*&::-webkit-scrollbar {
        -webkit-appearance: none;
    }

    &::-webkit-scrollbar:vertical {
        width: 11px;
    }

    &::-webkit-scrollbar:horizontal {
        height: 15px;
    }

    &::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 2px solid #f8f8f8;
        background-color: rgba(0, 0, 0, .5);
    }*/
}
.scroll-content h4 {
  font-size: 15px !important;
  line-height: 19px !important;
}
.scroll-content p {
  font-size: 13px;
}
.accept-pds {
  /*padding: 20px 0 30px 0;*/
  padding: 20px 0 0 0;
  text-align: right;
}
.start {
  border-bottom: 1px solid #EFEFEF;
  margin-bottom: 10px;
  padding: 10px 0 30px 0;
}
.start a {
  background: #45d828;
  height: 45px;
  font-size: 15px;
  font-weight: bold;
  color: #ffffff;
  line-height: 45px;
  padding: 0 37px;
  border-radius: 10px;
  font-family: "Raleway", sans-serif;
  border: none;
  display: inline-block;
  float: right;
}
.top-copy-left {
  padding: 20px 20px 30px 20px;
}
.information-box {
  border: 1px solid #e5e6e6;
  background: linear-gradient(to bottom, #ffffff 0%, #f6f7f7 100%);
  border-bottom: 10px solid #0065bd;
  padding: 20px 20px 30px 20px;
}
.information-box h4 {
  color: #0065bd;
  margin: 0 0 0 0;
}
.information-box p {
  margin-top: 5px;
}
#content .information-box ul li {
  margin: 0 0 0 0;
}
.information-box .time {
  font-size: 4em;
  line-height: 0.6em;
  color: #0065bd;
}
.information-box .time-minutes {
  font-size: 1.2em;
  color: #0065bd;
  line-height: 1em;
  vertical-align: baseline;
  margin-top: 35px;
}
.information-box img {
  max-width: 90px;
}
@media (max-width: 767px) {
  .loginStatus {
    display: table-cell;
    width: 50px !important;
  }
}
@media (min-width: 768px) {
  .loginStatus {
    float: right;
  }
}
@media (min-width: 768px) {
  .loginStatus .fa {
    margin-right: 5px;
  }
}
.loginStatus a {
  cursor: pointer;
  display: block !important;
  font-size: 14px;
  font-weight: 100;
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
}
#sfLoginWidgetWrp {
  border: 1px solid #e8e9e9;
  background: #f6f7f7;
  padding: 35px;
}
.video-loading-wrapper {
  display: none;
}
@media (min-width: 992px) {
  .home .video-loading-wrapper {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 30px;
    width: 75px;
  }
  .home .video-loading-wrapper .barlittle {
    background-color: #2187e7;
    background-image: -moz-linear-gradient(45deg, #2187e7 25%, #a0eaff);
    background-image: -webkit-linear-gradient(45deg, #2187e7 25%, #a0eaff);
    border-left: 1px solid #111;
    border-top: 1px solid #111;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    width: 10px;
    height: 10px;
    float: left;
    margin-left: 5px;
    opacity: 0.1;
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-animation: move 1s infinite linear;
    -webkit-animation: move 1s infinite linear;
  }
  .home .video-loading-wrapper #block_1 {
    -moz-animation-delay: .4s;
    -webkit-animation-delay: .4s;
  }
  .home .video-loading-wrapper #block_2 {
    -moz-animation-delay: .3s;
    -webkit-animation-delay: .3s;
  }
  .home .video-loading-wrapper #block_3 {
    -moz-animation-delay: .2s;
    -webkit-animation-delay: .2s;
  }
  .home .video-loading-wrapper #block_4 {
    -moz-animation-delay: .3s;
    -webkit-animation-delay: .3s;
  }
  .home .video-loading-wrapper #block_5 {
    -moz-animation-delay: .4s;
    -webkit-animation-delay: .4s;
  }
  @-moz-keyframes move {
    0% {
      -moz-transform: scale(1.2);
      opacity: 1;
    }
    100% {
      -moz-transform: scale(0.7);
      opacity: 0.1;
    }
  }
  @-webkit-keyframes move {
    0% {
      -webkit-transform: scale(1.2);
      opacity: 1;
    }
    100% {
      -webkit-transform: scale(0.7);
      opacity: 0.1;
    }
  }
}
.img-full-width {
  width: 100%;
  height: auto;
}
.news .sf_2cols_1_75 {
  border-right: 1px solid #e8e8e8;
  margin-left: -1px;
}
.news .sf_2cols_2_25 h2 {
  margin: 20px 0 0 0;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
}
.sfnewsListTitleDateSummary {
  list-style: none;
  padding: 0;
  width: 100%;
  margin: 40px 0;
}
.sfnewsListTitleDateSummary li.sfnewsListItem {
  width: 240px;
  margin-bottom: 20px;
  padding: 0 15px 20px 15px;
  border: 1px solid #e3e3e3;
  transition: box-shadow 0.3s ease-out;
}
.sfnewsListTitleDateSummary li.sfnewsListItem a.sfnewsFullStory {
  color: #00b4c9;
  font-size: 11px;
  font-weight: 600;
  display: inline-block;
  margin: 10px 0 0 0;
  text-transform: uppercase;
}
.sfnewsListTitleDateSummary li.sfnewsListItem a.sfnewsFullStory:hover {
  color: #0097a9;
}
.sfnewsListTitleDateSummary li.sfnewsListItem h2 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
}
.sfnewsListTitleDateSummary li.sfnewsListItem h2 a {
  color: #00b4c9;
}
.sfnewsListTitleDateSummary li.sfnewsListItem h2 a:hover {
  color: #0097a9;
}
.sfnewsListTitleDateSummary li.sfnewsListItem img {
  width: 270px;
  transition: all 0.3s ease-out;
  margin: 0px 0 0 -15px;
  opacity: 0.8;
}
.sfnewsListTitleDateSummary li.sfnewsListItem .sfnewsMetaInfo {
  font-weight: 600;
  font-size: 11px;
  color: #000;
}
.sfnewsListTitleDateSummary li.sfnewsListItem .sfnewsSummary {
  color: #777;
  font-size: 13px;
  line-height: 20px;
}
.sfnewsListTitleDateSummary li.sfnewsListItem:hover {
  box-shadow: 0 2px 15px #e3e3e3;
  border: 1px solid #eee;
}
.sfnewsListTitleDateSummary li.sfnewsListItem:hover img {
  opacity: 1;
}
#content .sfnewsContent p {
  font-size: 14px;
  color: #666;
  clear: both;
  line-height: 24px;
}
#content .sfnewsContent img {
  margin: 15px 0;
  float: none;
  clear: both;
}
.sfnewsDetails .sfnewsSummary {
  padding: 10px 20px;
  border: 1px solid #eee;
  font-size: 13px;
  font-style: italic;
  background: #f4f4f4;
  margin: 30px 0;
}
.sfnewsDetails .sfnewsAuthorAndDate {
  font-size: 12px;
  text-transform: uppercase;
}
.sfnewsDetails .sfnewsAuthorAndDate a {
  color: #00b4c9;
}
.sfnewsDetails .sfnewsAuthorAndDate a:hover {
  color: #0097a9;
}
.sfpostListTitleDateSummary {
  list-style: none;
  padding: 0 40px 0 0;
  margin: 20px 0 0 0;
}
.sfpostListTitleDateSummary .sfpostListItem {
  width: 28%;
  margin: 0 3% 40px 0;
  padding: 0 3%;
  float: left;
  height: 370px;
  border-right: 1px solid #eee;
}
.sfpostListTitleDateSummary .sfpostListItem:first-child,
.sfpostListTitleDateSummary .sfpostListItem:nth-child(4n) {
  padding: 0 3% 0 0;
}
.sfpostListTitleDateSummary .sfpostListItem:nth-child(3n) {
  border: 0;
  margin: 0;
  padding: 0;
}
.sfpostListTitleDateSummary h2 {
  font-weight: 300;
  font-size: 28px;
  line-height: 33px;
}
.sfpostListTitleDateSummary h2 a {
  color: #00b4c9;
}
.sfpostListTitleDateSummary h2 a:hover {
  color: #0097a9;
}
.sfpostListTitleDateSummary .sfpostAuthorAndDate {
  color: black;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
}
.sfpostListTitleDateSummary .sfpostSummary {
  margin: 15px 0;
  font-size: 13px;
  line-height: 20px;
  color: #666;
}
.sfpostListTitleDateSummary a.sfpostFullStory {
  font-weight: 600;
  color: #00b4c9;
}
.sfpostListTitleDateSummary a.sfpostFullStory:hover {
  color: #0097a9;
}
.sfpostLinksWrp {
  margin: 20px 0;
}
.sfpostLinksWrp a {
  color: #00b4c9;
}
.sfpostLinksWrp a:hover {
  color: #0097a9;
}
.sfforumsList {
  width: 100%;
  border-spacing: 0;
}
.sfforumsList tr th {
  text-align: left;
}
.sfforumsList tr th h2.sfforumGroupTitle {
  font-size: 12px;
  border-bottom: 1px solid #eee;
  padding: 10px 0;
  margin: 10px 0 0 0;
  text-transform: uppercase;
}
.sfforumsList tr th .sfforumGroupDescription {
  font-size: 11px;
  font-weight: 400;
  padding: 8px 0;
  margin: 0 0 20px 0;
}
.sfforumsList tr td {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  border-bottom: 1px solid #eee;
  padding: 10px 0;
}
.sfforumsList tr td.sfforumTitleWrp {
  font-size: 18px;
}
.sfforumsList tr td.sfforumTitleWrp p {
  margin: 0;
  padding: 0;
}
.sfforumsList tr td.sfforumLastPostWrp {
  font-size: 12px;
  text-align: right;
}
.sfforumsList tr td.sfforumLastPostWrp a {
  font-size: 14px;
  font-weight: 600;
}
.sfforumsList tr:hover td {
  background: #f7f7f7;
}
.sfforumsList a {
  color: #00b4c9;
}
.sfforumsList a:hover {
  color: #0097a9;
}
.sfforumThreadsList {
  width: 100%;
}
.sfforumThreadsList a {
  color: #00b4c9;
}
.sfforumThreadsList a:hover {
  color: #0097a9;
}
.sfforumThreadsList tr td {
  border-bottom: 1px solid #eee;
  padding: 10px 0;
}
.sfforumThreadsList tr td.sfforumThreadLastPostWrp {
  font-size: 12px;
  text-align: right;
}
.sfforumThreadsList tr td.sfforumThreadLastPostWrp a {
  font-size: 14px;
  font-weight: 600;
}
.sfforumThreadsList tr td.sfforumThreadPostsWrp,
.sfforumThreadsList tr td.sfforumThreadViewsWrp {
  text-align: right;
  font-size: 18px;
  font-weight: 300;
}
.sfforumThreadsList tr td.sfforumThreadWrp a.sfforumThreadTitle {
  font-size: 18px;
}
.sfforumThreadsList tr td.sfforumThreadWrp a.sfforumThreadTitle .sfAnnouncmentThread,
.sfforumThreadsList tr td.sfforumThreadWrp a.sfforumThreadTitle .sfStickyThread {
  background: url(../img/forums.png) no-repeat -16px -116px;
  width: 18px;
  margin: 4px 4px 0 0;
  height: 18px;
  display: block;
  float: left;
}
.sfforumThreadsList tr td.sfforumThreadWrp a.sfforumThreadTitle .sfStickyThread {
  background-position: -16px -166px;
}
.sfforumThreadsList tr td.sfforumThreadWrp .sfforumThreadAgeWrp {
  font-size: 12px;
  color: #777;
}
.sfforumThreadsList tr td.sfforumThreadWrp .sfNormalThread,
.sfforumThreadsList tr td.sfforumThreadWrp .sfLockedThread {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url(../img/forums.png) no-repeat;
  float: left;
  margin: 0 10px 0 0;
}
.sfforumThreadsList tr td.sfforumThreadWrp .sfLockedThread {
  background-position: 0 -50px;
}
.sfforumThreadsList tr th {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  border-bottom: 1px solid #eee;
  text-align: right;
}
.sfforumThreadsList tr th.sfforumThreadWrp {
  text-align: left;
}
.sfforumNewThreadLnk {
  background: #00b4c9;
  padding: 5px 10px;
  color: #fff;
  border: 0;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  box-shadow: 0 2px 4px #ccc;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
  padding: 10px 25px;
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
  margin: 20px 0;
  display: block;
  float: left;
}
.sfforumNewThreadLnk:hover {
  background: #0097a9;
}
.sfforumSubscribeWrp {
  text-align: right;
  float: right;
}
.sfforumSubscribeWrp a {
  color: #00b4c9;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
.sfforumSubscribeWrp a:hover {
  color: #0097a9;
}
.sfforumsFilterWrp {
  margin: 40px 0;
}
.sfforumsFilterWrp .sfthreadsFilterList {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sfforumsFilterWrp .sfthreadsFilterList .sfthreadsFilterListItm {
  float: left;
  margin: 0 15px 0 0;
  border-right: 1px solid #ddd;
  padding: 0 15px 0 0;
}
.sfforumsFilterWrp .sfthreadsFilterList .sfthreadsFilterListItm:last-child {
  border: 0;
}
.sfforumsFilterWrp .sfthreadsFilterList .sfthreadsFilterListItm .sfthreadsFilterListLnk {
  display: block;
  color: #00b4c9;
}
.sfforumsFilterWrp .sfthreadsFilterList .sfthreadsFilterListItm .sfthreadsFilterListLnk:hover {
  color: #0097a9;
}
.sfforumThreadPostList {
  list-style: none;
  padding: 0;
  border-top: 1px solid #eee;
  float: left;
  width: 100%;
  margin: 30px 0;
}
.sfforumThreadPostList .sfforumThreadPost {
  padding: 30px 0;
  border-bottom: 1px solid #eee;
  float: left;
  width: 100%;
  position: relative;
}
.sfforumThreadPostList .sfforumThreadPost .sfforumThreadPostUser {
  float: left;
  width: 15%;
}
.sfforumThreadPostList .sfforumThreadPost .sfforumThreadPostUser strong.sfforumUser {
  font-size: 18px;
  font-weight: 400 !important;
  display: inline-block;
  margin: 0 0 15px 0;
}
.sfforumThreadPostList .sfforumThreadPost .sfforumThreadPostUser .sfforumUserAvatarWrp img {
  box-shadow: 0 3px 12px #ddd;
  border: 1px solid #eee;
  border-radius: 65px;
}
.sfforumThreadPostList .sfforumThreadPost .sfforumThreadPostUser .sfforumUserPostsInfo {
  font-size: 12px;
  color: #999;
  line-height: 18px;
}
.sfforumThreadPostList .sfforumThreadPost .sfforumThreadPostContentWrp {
  float: left;
  width: 83%;
  min-height: 250px;
  border-left: 1px solid #eee;
  margin-left: -1px;
  padding: 0 0 0 2%;
}
.sfforumThreadPostList .sfforumThreadPost .sfforumThreadPostContentWrp .sfforumPostIsFeaturedWrp {
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
}
.sfforumThreadPostList .sfforumThreadPost .sfforumThreadPostContentWrp .sfforumPostIsFeaturedWrp a {
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  color: #00b4c9;
}
.sfforumThreadPostList .sfforumThreadPost .sfforumThreadPostContentWrp .sfforumPostIsFeaturedWrp a:hover {
  color: #0097a9;
}
.sfforumThreadPostList .sfforumThreadPost .sfforumThreadPostContentWrp .sfforumPostIsFeaturedWrp .sfforumPostFeatured {
  display: block;
  background: #00b4c9;
  padding: 4px 15px;
  font-size: 11px;
  color: #e8f7f9;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  float: left;
  margin: 0 10px 0 0;
}
.sfforumThreadPostList .sfforumThreadPost .sfforumThreadPostContentWrp .sfEditBtn {
  float: left;
  font-size: 12px;
  display: inline-block;
  margin: 0 15px 0 0;
  color: #00b4c9;
}
.sfforumThreadPostList .sfforumThreadPost .sfforumThreadPostContentWrp .sfEditBtn:hover {
  color: #0097a9;
}
.sfforumThreadPostList .sfforumThreadPost .sfforumThreadPostContentWrp .sfforumPostAge {
  font-size: 11px;
  text-transform: uppercase;
  color: #666;
  float: left;
}
.sfforumThreadPostList .sfforumThreadPost .sfforumThreadPostContentWrp .sfforumPostAge a {
  color: #00b4c9;
  font-weight: 600;
}
.sfforumThreadPostList .sfforumThreadPost .sfforumThreadPostContentWrp .sfforumPostAge a:hover {
  color: #0097a9;
}
.sfforumThreadPostList .sfforumThreadPost .sfforumThreadPostContentWrp .sfforumPostPermalink {
  float: right;
  font-size: 12px;
  color: #00b4c9;
}
.sfforumThreadPostList .sfforumThreadPost .sfforumThreadPostContentWrp .sfforumPostPermalink:hover {
  color: #0097a9;
}
.sfforumThreadPostList .sfforumThreadPost .sfforumThreadPostContentWrp .sfforumThreadPostContent {
  width: 100%;
  float: left;
  margin: 40px 0;
  font-size: 16px;
  line-height: 30px;
  color: #555;
}
.sfforumThreadPostList .sfforumThreadPost .sfforumThreadPostContentWrp .sfforumThreadPostContent p {
  color: #555 !important;
  font-size: 16px !important;
  line-height: 30px !important;
}
.sfforumThreadPostList .sfforumThreadPost .sfforumThreadPostContentWrp .sfforumThreadPostContent a {
  color: #00b4c9;
}
.sfforumThreadPostList .sfforumThreadPost .sfforumThreadPostContentWrp .sfforumThreadPostContent a:hover {
  color: #0097a9;
}
.sfforumThreadPostList .sfforumThreadPost .sfforumThreadPostContentWrp .sfforumReplyBtn {
  background: #00b4c9;
  padding: 5px 10px;
  color: #fff;
  border: 0;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  box-shadow: 0 2px 4px #ccc;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
  float: left;
  clear: both;
}
.sfforumThreadPostList .sfforumThreadPost .sfforumThreadPostContentWrp .sfforumReplyBtn:hover {
  background: #0097a9;
}
.sfforumThreadPostList .sfforumThreadPost .sfforumThreadPostContentWrp blockquote.sfPostQuoteView {
  border: 1px solid #eee;
  background: #f9f9f9;
  padding: 15px 25px;
  margin: 0;
  font-style: italic;
  font-size: 13px;
  color: #666;
}
.sfforumThreadPostList .sfforumThreadPost .sfforumThreadPostContentWrp blockquote.sfPostQuoteView strong.sfUserQuote {
  display: block;
  color: #000;
  font-style: normal;
}
.sfforumReplyPostWrp {
  float: left;
  width: 100%;
  padding: 15px 0;
}
.sfforumReplyPostWrp .sfforumReplyBtn {
  background: #00b4c9;
  padding: 5px 10px;
  color: #fff;
  border: 0;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  box-shadow: 0 2px 4px #ccc;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
  padding: 10px 25px;
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
}
.sfforumReplyPostWrp .sfforumReplyBtn:hover {
  background: #0097a9;
}
.sfforumReplyPostWrp .sfClosedItm {
  background: #e8f7f9;
  color: #00b4c9;
  text-transform: uppercase;
  text-align: center;
  padding: 6px 0;
  float: left;
  font-size: 12px;
  font-weight: 700;
  width: 100%;
}
.sfforumSocialShareWrp {
  float: left;
  width: 100%;
  text-align: right;
  color: #777;
  text-transform: uppercase;
  font-size: 12px;
}
.sfforumSocialShareWrp .RadSocialShare {
  float: left;
  border: 0;
  padding: 0;
}
.sfforumPostBreabcrumbWrp {
  font-size: 12px;
  margin: 20px 0;
  color: #888;
}
.sfforumPostBreabcrumbWrp a {
  color: #00b4c9;
}
.sfforumPostBreabcrumbWrp a:hover {
  color: #0097a9;
}
.sfforumPostReplyContainer {
  float: left;
  width: 100%;
  height: auto !important;
}
.sfforumPostReplyContainer {
  display: none;
}
.sfforumReplyFormVisible {
  float: left;
  width: 100%;
  margin: 0;
  padding-bottom: 290px !important;
}
.sfforumReplyFormVisible .sfClose {
  color: #00b4c9;
  display: block;
  position: absolute;
  right: 0;
  top: 15px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
}
.sfforumReplyFormVisible .sfClose:hover {
  color: #0097a9;
}
.sfforumReplyFormVisible .sfforumPostReplyContainer {
  display: block;
  position: fixed;
  left: 50%;
  bottom: 0;
  background: #fff;
  width: 1250px;
  margin: 0 0 0 -625px;
  border-top: 1px solid #eee;
  box-shadow: 0 0 70px rgba(0, 0, 0, 0.3);
}
.sfforumReplyFormVisible .sfforumPostReplyContainer .sfforumPostReplyForm {
  padding: 40px 0 30px 0;
  position: relative;
  margin: 0 0 0 -570px;
  width: 1140px;
  left: 50%;
  border: 0;
}
.sfforumReplyFormVisible .sfforumPostReplyContainer .sfforumPostReplyForm .sfforumThreadPostUser {
  float: left;
  width: 15%;
}
.sfforumReplyFormVisible .sfforumPostReplyContainer .sfforumPostReplyForm .sfforumThreadPostUser .sfforumUserPostsInfo {
  font-size: 13px;
  color: #444;
}
.sfforumReplyFormVisible .sfforumPostReplyContainer .sfforumPostReplyForm .sfforumReplyThreadContent {
  width: 85%;
  float: left;
}
.sfforumReplyFormVisible .sfforumPostReplyContainer .sfforumPostReplyForm .sfforumReplyThreadContent h2 {
  font-size: 14px;
  padding: 0;
  margin: 0;
  font-weight: 400;
}
.sfforumReplyFormVisible .sfforumPostReplyContainer .sfforumPostReplyForm .sfforumReplyThreadContent .sfQuote {
  text-transform: uppercase;
  font-size: 11px;
  color: #00b4c9;
  font-weight: 700;
}
.sfforumReplyFormVisible .sfforumPostReplyContainer .sfforumPostReplyForm .sfforumReplyThreadContent .sfQuote:hover {
  color: #0097a9;
}
.sfforumReplyFormVisible .sfforumPostReplyContainer .sfforumPostReplyForm .sfforumReplyThreadContent .sfSubmitBtnWrp {
  position: relative;
  margin: 20px 0;
}
.sfforumReplyFormVisible .sfforumPostReplyContainer .sfforumPostReplyForm .sfforumReplyThreadContent .sfSubmitBtnWrp input {
  background: #00b4c9;
  padding: 5px 10px;
  color: #fff;
  border: 0;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  box-shadow: 0 2px 4px #ccc;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
  padding: 10px 25px;
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
}
.sfforumReplyFormVisible .sfforumPostReplyContainer .sfforumPostReplyForm .sfforumReplyThreadContent .sfSubmitBtnWrp input:hover {
  background: #0097a9;
}
.sfforumReplyFormVisible .sfforumPostReplyContainer .sfforumPostReplyForm .sfforumReplyThreadContent .sfSubmitBtnWrp .sfCancel {
  color: #00b4c9;
  font-size: 12px;
  text-transform: uppercase;
}
.sfforumReplyFormVisible .sfforumPostReplyContainer .sfforumPostReplyForm .sfforumReplyThreadContent .sfSubmitBtnWrp .sfCancel:hover {
  color: #0097a9;
}
.Sitefinity.RadEditor * {
  font-family: 'Open Sans';
}
.reToolbar .reGrip.grip_first {
  display: none;
}
.sfforumNewThreadWrp {
  padding: 0;
  margin: 0;
  border: 0;
}
.sfforumNewThreadWrp .sfforumNewThreadFormList {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sfforumNewThreadWrp .sfforumNewThreadFormList .sfforumNewThreadName label {
  display: block;
}
.sfforumNewThreadWrp .sfforumNewThreadFormList .sfforumNewThreadName input {
  padding: 15px 20px;
  width: 50%;
  font-size: 18px;
}
.sfforumNewThreadWrp .sfSubmitBtnWrp input {
  background: #00b4c9;
  padding: 5px 10px;
  color: #fff;
  border: 0;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  box-shadow: 0 2px 4px #ccc;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
  padding: 10px 25px;
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
}
.sfforumNewThreadWrp .sfSubmitBtnWrp input:hover {
  background: #0097a9;
}
.sfforumNewThreadWrp .sfSubmitBtnWrp a {
  color: #00b4c9;
}
.sfforumNewThreadWrp .sfSubmitBtnWrp a:hover {
  color: #0097a9;
}
.careers-header {
  height: 480px;
  text-align: center;
  width: 1200px;
  margin: 0 0 40px -40px !important;
  background: url(../img/header_careers.jpg) no-repeat;
}
.careers-header h1 {
  top: 220px;
  padding: 25px !important;
  position: relative;
  font-size: 35px !important;
  background: #3aa4bf;
  color: #fff;
  display: inline-block;
  width: 60%;
}
.careers .offices .sfitemsList {
  padding: 0;
  margin: 0;
  list-style: none;
}
.careers .offices .sfitemsList .sfitem {
  padding: 20px 0;
  float: left;
  width: 100%;
}
.careers .offices .sfitemsList .sfitem .sfimageWrp img {
  float: left;
}
.careers .offices .sfitemsList .sfitem h2.sfitemTitle {
  font-size: 24px;
  font-weight: 400;
  padding: 5px 0;
  margin: 0;
}
.careers .offices .sfitemsList .sfitem h2.sfitemTitle a {
  color: #00b4c9;
}
.careers .offices .sfitemsList .sfitem h2.sfitemTitle a:hover {
  color: #0097a9;
}
.careers .offices .sfitemsList .sfitem h3 {
  font-weight: 400;
  color: #777;
  padding: 0;
  margin: 0;
  font-size: 16px;
}
#wrapper .open-positions {
  position: relative;
  float: left;
}
#wrapper .open-positions h1 {
  margin: 0;
  padding: 0;
  font-size: 34px;
  font-weight: 400;
  letter-spacing: 0;
}
#wrapper .open-positions .sfitemsList {
  list-style: none;
  padding: 0;
  margin: 0;
}
#wrapper .open-positions .sfitemsList .sfitem {
  font-size: 13px;
  border-bottom: 1px solid #eee;
  line-height: 24px;
  color: #777;
  padding: 20px 0;
}
#wrapper .open-positions .sfitemsList .sfitem h2 {
  font-weight: 300;
}
#wrapper .open-positions .sfitemsList .sfitem h2 a {
  color: #00b4c9;
}
#wrapper .open-positions .sfitemsList .sfitem h2 a:hover {
  color: #0097a9;
}
#office-detail {
  position: relative;
}
.office-header {
  width: 1200px;
  left: -40px;
  position: relative;
  height: 420px;
}
.office-header .sfimageWrp {
  left: 0;
  background: #000;
  float: left;
}
.office-header .sfimageWrp img {
  background: #000;
  opacity: 0.5;
  float: left;
}
.office-header h1 {
  text-align: left;
  width: 100%;
  line-height: 80px !important;
  color: #fff;
  font-size: 80px !important;
  text-shadow: 0 2px 1px rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 40px;
  letter-spacing: -3px;
  top: 50px;
}
.office-header a {
  background: #00b4c9;
  padding: 5px 10px;
  color: #fff;
  border: 0;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  box-shadow: 0 2px 4px #ccc;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
  padding: 10px 25px;
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
  position: absolute;
  z-index: 2;
  top: 200px;
  left: 40px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
.office-header a:hover {
  background: #0097a9;
}
.office-contacts {
  position: absolute;
  right: 40px;
  color: #fff;
  top: 70px;
  text-align: right;
}
.sfdownloadTable tr td {
  padding: 10px 0;
  font-family: 'Open Sans';
  border-bottom: 1px solid #eee;
}
.sfdownloadTable tr td.sfdownloadTitle {
  font-size: 14px;
}
.sfdownloadTable tr td a {
  color: #00b4c9;
}
.sfdownloadTable tr td a:hover {
  color: #0097a9;
}
.sfdownloadTable tr:hover td {
  background: #f9f9f9;
}
/*================  LOGIN WIDGET ==================*/
#sfLoginWidgetWrp {
  padding: 0;
  margin: 0;
  border: 0;
  border-right: 1px solid #eee;
}
#sfLoginWidgetWrp .sfLoginFieldsWrp {
  padding: 0;
  margin: 0;
  list-style: none;
}
#sfLoginWidgetWrp .sfLoginFieldsWrp .sfCheckBoxWrapper {
  font-size: 12px;
  margin: 10px 0 0 0;
}
#sfLoginWidgetWrp .sfSubmitBtnWrp {
  padding: 0;
  margin: 0;
  float: left;
  width: 100%;
  margin: 20px 0 0 0;
}
#sfLoginWidgetWrp .sfSubmitBtnWrp .sfSubmitBtn {
  background: #00b4c9;
  padding: 5px 10px;
  color: #fff;
  border: 0;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  box-shadow: 0 2px 4px #ccc;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
  padding: 10px 25px;
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
  float: left;
  display: block;
  margin: 0 0 10px 0;
  clear: both;
}
#sfLoginWidgetWrp .sfSubmitBtnWrp .sfSubmitBtn:hover {
  background: #0097a9;
}
#sfLoginWidgetWrp .sfSubmitBtnWrp .sfLostPassword {
  display: block;
  float: left;
  clear: both;
  color: #00b4c9;
  font-size: 12px;
}
#sfLoginWidgetWrp .sfSubmitBtnWrp .sfLostPassword:hover {
  color: #0097a9;
}
#sfLoginWidgetWrp .sfLostPasswordWrp h2 {
  font-size: 18px;
  font-weight: 400;
}
.login {
  float: right;
  margin: 0;
  padding: 0 10px 0 0;
  border-right: 1px solid #ddd;
  font-size: 12px;
  color: #666;
  line-height: 15px;
  margin: 8px 0 0 0;
}
.login a {
  color: #00b4c9;
  font-size: 11px;
  margin: 0 2px;
  font-weight: 600;
  text-transform: uppercase;
}
.login a:hover {
  color: #0097a9;
}
/*================  USER PROFILE ==================*/
.profile h2 {
  font-size: 13px;
  font-weight: 600;
  padding: 5px 0;
  margin: 20px 0;
  border-bottom: 1px solid #eee;
  text-transform: uppercase;
}
.profile .sfdownloadList th {
  text-align: left;
  font-weight: 700;
  font-size: 11px;
  color: #000;
  text-transform: uppercase;
}
.profile .sfdownloadList td {
  border-bottom: 1px solid #eee;
  padding: 10px 0;
}
.profile .sfdownloadList td a {
  color: #00b4c9;
  font-size: 13px;
}
.profile .sfdownloadList td a:hover {
  color: #0097a9;
}
.profile .sfdownloadList .sfdownloadFile {
  padding: 0 0 20px 40px;
  color: #00b4c9;
  font-size: 14px;
}
.profile .sfdownloadList .sfdownloadFile:hover {
  color: #0097a9;
}
.profile .sfdownloadList .sfInfo {
  margin: 0 0 0 40px;
  font-size: 11px;
  color: #777;
}
.sfprofileListLikeWrp .sfprofileLnkWrp {
  width: 76%;
  margin: 0 0 0 24%;
}
.sfprofileListLikeWrp .sfprofileLnkWrp a {
  color: #00b4c9;
  display: inline-block;
  margin: 0 10px 0 0;
}
.sfprofileListLikeWrp .sfprofileLnkWrp a:hover {
  color: #0097a9;
}
.sfprofileListLikeWrp .avatar {
  width: 20%;
  float: left;
  margin: 0 4% 0 0;
}
.sfprofileListLikeWrp .avatar img {
  width: 100px;
  height: 100px;
  border-radius: 50px;
}
.sfprofileListLikeWrp .info {
  float: left;
  width: 76%;
}
.sfprofileListLikeWrp .info .sfprofileField div {
  display: inline-block;
}
.sfprofileListLikeWrp .info .sfprofileField div.sfTxtLbl {
  color: #666;
}
.sfprofileListLikeWrp .info .sfprofileField div.sfTxtContent {
  font-weight: 600;
}
.sfprofileListLikeWrp .info .sfprofileField.sfprofileAbout {
  border-top: 1px solid #eee;
  margin: 20px 0 0 0;
  padding: 20px 0 0 0;
}
.sfprofileListLikeWrp .info .sfprofileField.sfprofileAbout .sfTxtContent {
  font-size: 13px;
  font-weight: 400;
}
.sfprofileEditFormWrp,
.sfprofileChangePasswordFormWrp {
  border: 0;
  padding: 0;
  margin: 0;
}
.sfprofileEditFormWrp .sfprofileFieldsList,
.sfprofileChangePasswordFormWrp .sfprofileFieldsList {
  padding: 0;
  margin: 0;
  list-style: none;
}
.sfprofileEditFormWrp .sfprofileFieldsList .sfTxtLbl,
.sfprofileChangePasswordFormWrp .sfprofileFieldsList .sfTxtLbl {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
}
.sfprofileEditFormWrp .sfprofileFieldsList .sfFieldWrp,
.sfprofileChangePasswordFormWrp .sfprofileFieldsList .sfFieldWrp {
  margin: 0 0 10px 0;
}
.sfprofileEditFormWrp .sfprofileFieldsList .sfFieldWrp .sfTxt,
.sfprofileChangePasswordFormWrp .sfprofileFieldsList .sfFieldWrp .sfTxt {
  width: 70%;
}
.sfprofileEditFormWrp .sfprofileFieldsList a,
.sfprofileChangePasswordFormWrp .sfprofileFieldsList a {
  color: #00b4c9;
}
.sfprofileEditFormWrp .sfprofileFieldsList a:hover,
.sfprofileChangePasswordFormWrp .sfprofileFieldsList a:hover {
  color: #0097a9;
}
.sfprofileEditFormWrp .sfprofileLnkWrp,
.sfprofileChangePasswordFormWrp .sfprofileLnkWrp {
  margin: 20px 0 0 0;
}
.sfprofileEditFormWrp .sfprofileLnkWrp .sfprofileSaveLnk,
.sfprofileChangePasswordFormWrp .sfprofileLnkWrp .sfprofileSaveLnk {
  background: #00b4c9;
  padding: 5px 10px;
  color: #fff;
  border: 0;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  box-shadow: 0 2px 4px #ccc;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
  padding: 10px 25px;
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
}
.sfprofileEditFormWrp .sfprofileLnkWrp .sfprofileSaveLnk:hover,
.sfprofileChangePasswordFormWrp .sfprofileLnkWrp .sfprofileSaveLnk:hover {
  background: #0097a9;
}
.sfprofileEditFormWrp .sfprofileLnkWrp a,
.sfprofileChangePasswordFormWrp .sfprofileLnkWrp a {
  color: #00b4c9;
}
.sfprofileEditFormWrp .sfprofileLnkWrp a:hover,
.sfprofileChangePasswordFormWrp .sfprofileLnkWrp a:hover {
  color: #0097a9;
}
.sfregisterFormWrp {
  padding: 0;
  margin: 0 40px 0 0;
  position: relative;
  border: 0;
  border-right: 1px solid #eee;
}
.sfregisterFormWrp .sfregisterFieldsList {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sfregisterFormWrp .sfregisterFieldsList .sfregisterField {
  margin: 0 0 10px 0;
  width: 50%;
  float: left;
  height: 80px;
}
.sfregisterFormWrp .sfregisterFieldsList .sfregisterField .sfTxtLbl {
  font-size: 12px;
  text-transform: uppercase;
  color: #000;
  font-weight: 600;
}
.sfregisterFormWrp .sfregisterLnkWrp input {
  background: #00b4c9;
  padding: 5px 10px;
  color: #fff;
  border: 0;
  font-family: "Open Sans";
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  box-shadow: 0 2px 4px #ccc;
  text-transform: uppercase;
  transition: all 0.3s ease-out;
  padding: 10px 25px;
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
}
.sfregisterFormWrp .sfregisterLnkWrp input:hover {
  background: #0097a9;
}
.events h2 {
  font-size: 24px;
  font-weight: 400;
}
.sfeventsListTitleCityDate {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sfeventsListTitleCityDate .sfeventListItem {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #eee;
}
.sfeventsListTitleCityDate .sfeventListItem .city {
  display: block;
  color: #000;
  text-transform: uppercase;
}
.sfeventsListTitleCityDate .sfeventListItem .dates {
  font-size: 11px;
}
.sfeventsListTitleCityDate .sfeventListItem .dates strong {
  color: black;
}
.sfeventsListTitleCityDate .sfeventListItem .sfTxtContent {
  margin: 10px 0;
  font-size: 12px;
  line-height: 18px;
}
.sfeventsListTitleCityDate .sfeventListItem .sfeventTitle {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 400;
}
.sfeventsListTitleCityDate .sfeventListItem .sfeventTitle a {
  color: #00b4c9;
}
.sfeventsListTitleCityDate .sfeventListItem .sfeventTitle a:hover {
  color: #0097a9;
}
.sfeventsListTitleCityDate .sfeventListItem .sfeventCommentsCount {
  font-size: 11px;
  text-transform: uppercase;
  color: #00b4c9;
  font-weight: 600;
}
.sfeventsListTitleCityDate .sfeventListItem .sfeventCommentsCount:hover {
  color: #0097a9;
}
.RadScheduler_Metro .rsHeader {
  background: #00b4c9;
}
.RadScheduler_Metro .rsAptSimple .rsAptContent {
  color: #fff;
  margin-top: 0px;
  padding: 3px;
}
.sfcalendarEventPreviewTitle {
  font-size: 18px;
  font-weight: 400;
}
.sfcalendarEventPreviewTitle a {
  color: #00b4c9;
}
.sfcalendarEventPreviewTitle a:hover {
  color: #0097a9;
}
.sfcalendarSidebar h2 {
  font-size: 18px;
  font-weight: 400;
}
.sfcalendarSidebar .sfcalendarList {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sfcalendarSidebar .sfcalendarList label {
  display: inline-block;
  margin: 0 5px;
}
.sfcalendarSidebar .sfcalendarList a {
  color: #00b4c9;
  font-size: 12px;
  display: inline-block;
  margin: 0 5px;
}
.sfcalendarSidebar .sfcalendarList a:hover {
  color: #0097a9;
}
.sfeventDetails a {
  color: #00b4c9;
}
.sfeventDetails a:hover {
  color: #0097a9;
}
.sfcommentsListWrp {
  margin: 40px 0 0 0;
  padding: 40px 0 0 0;
  border-top: 1px solid #eee;
}
.sfcommentsListWrp a {
  color: #00b4c9;
}
.sfcommentsListWrp a:hover {
  color: #0097a9;
}
.sfcommentsListWrp h2 {
  font-size: 18px;
  font-weight: 400;
}
.sfcommentsListWrp .sfcommentsList {
  list-style: none;
  padding: 0;
  color: #777;
  margin: 0;
}
.sfcommentsListWrp .sfcommentsList .sfcommentDetails {
  position: relative;
  min-height: 80px;
  padding: 20px 0 20px 100px;
  border-bottom: 1px solid #eee;
}
.sfcommentsListWrp .sfcommentsList .sfcommentDetails .sfcommentAuthorAvatar {
  width: 80px;
  height: 80px;
  position: absolute;
  left: 0;
  top: 20px;
}
.sfcommentsListWrp .sfcommentsList .sfcommentAuthor {
  color: #000;
  font-weight: 600;
}
.sfcommentsListWrp .sfcommentsList .sfcommentDate {
  font-size: 11px;
  color: #777;
}
/*===================================================================================
===================================================================================*/
@media all and (max-width: 1200px) {
  /*--------- GENERIC --------------*/
  #wrapper {
    width: 100%;
    left: 0;
    margin: 0;
    box-shadow: none;
  }
  .topbox .sf_colsOut {
    width: 100% !important;
    margin-bottom: 10px;
  }
  .featured img,
  .products img {
    width: 100%;
  }
  /*--------- NEWS --------------*/
  .sfnewsDetails img {
    width: 100%;
  }
  /*--------- CAREERS --------------*/
  .careers-header {
    margin: 0 !important;
    width: 100%;
    background-size: 100%;
    height: auto;
    padding-top: 150px;
  }
  .careers-header h1 {
    position: relative;
    width: 90%;
    bottom: 0;
    top: auto;
    padding: 30px 5% !important;
  }
  .office-header {
    width: 100%;
    margin: 0;
    left: 0;
    overflow: hidden;
  }
  .office-header h1 {
    font-size: 45px !important;
  }
}
/*===================================================================================
===================================================================================*/
@media all and (max-width: 1024px) {
  /*--------- GENERIC --------------*/
  #content .banner {
    padding: 40px 30px;
    text-align: center;
  }
  #content .banner img {
    position: relative;
  }
  #content .banner a {
    display: block;
    max-width: 260px;
    left: 50%;
    margin-left: -130px;
    position: relative;
  }
  #logo {
    position: relative;
    float: left;
    left: 50%;
    margin-left: -110px;
  }
  #wrapper {
    padding-bottom: 200px;
  }
  .headerright {
    margin-top: 20px !important;
  }
  .headerright,
  .headerleft {
    width: 100% !important;
  }
  .headerright #langsWrapper,
  .headerleft #langsWrapper,
  .headerright .login,
  .headerleft .login,
  .headerright .sfsearchBox,
  .headerleft .sfsearchBox {
    float: left;
  }
  .headerright #langsWrapper,
  .headerleft #langsWrapper {
    margin-right: 20px;
  }
  .headerright .login,
  .headerleft .login {
    border: 0;
  }
  .headerright .topnav,
  .headerleft .topnav {
    float: left;
  }
  .topbox {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    border-top: 1px solid #eee;
    padding: 20px 0 0 0;
  }
  #top-sellers ul li {
    width: 33%;
    padding: 0;
    margin: 0;
  }
  #top-sellers ul li img {
    width: 100%;
  }
  body.navigation .topnav {
    display: block;
  }
  .topnav {
    display: none;
    position: absolute;
    right: 0;
    top: -15px;
    height: 100%;
    width: 230px;
    padding: 70px 0 0 20px;
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
    z-index: 2;
  }
  .topnav .k-menu .k-item {
    width: 100%;
    min-height: 0;
  }
  .topnav .k-menu .k-item .k-link {
    padding: 8px;
    font-size: 11px;
  }
  .topnav .k-menu .k-item .k-group {
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid #ddd;
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
  }
  .topnav .k-menu .k-item .k-group .k-item {
    border: 0;
    padding: 0;
    margin: 0;
  }
  .topnav .k-menu .k-item:first-child .k-group {
    width: auto;
    min-height: 0;
    padding: 0;
    background: none;
  }
  #toggle {
    display: block;
  }
  .sidebar,
  .main {
    border: 0;
    width: 100% !important;
  }
  .browse-products {
    display: block;
    padding-top: 20px;
  }
  #content .sidebar .sf_colsIn.sf_2cols_1in_25 {
    margin: 0 !important;
  }
  #content .sidebar .RadSiteMap_leftnav {
    display: none;
    margin: 10px 0 0 0;
  }
  #content .sidebar .RadSiteMap_leftnav .rsmList {
    width: 100%;
    float: left;
  }
  #content .sidebar .RadSiteMap_leftnav .rsmList .rsmItem {
    width: 23%;
    margin: 0 2% 0 0;
    float: left;
    clear: none;
  }
  #content .sidebar .RadSiteMap_leftnav .rsmList .rsmItem .rsmItem {
    width: 100%;
  }
  body.products #content .sidebar .RadSiteMap_leftnav {
    display: block;
  }
  /*--------- BLOGS --------------*/
  .sfpostsList {
    width: 100%;
  }
  .sfpostsList li.sfpostListItem {
    height: auto;
    width: 45% !important;
    margin: 0;
    padding: 0 3% 0 0 !important;
    border: 0;
  }
  /*--------- ECOMMERCE --------------*/
  #content .sfShopByFilterGroupList {
    display: none;
    border-bottom: 1px solid #eee;
    float: left;
    width: 100%;
    padding: 0 0 30px 0;
  }
  #content .sfShopByFilterGroupList .sfShopByFilterGroupListItem {
    width: 33%;
    float: left;
  }
  #content .sffilterClearLnk {
    display: none;
  }
  #content .sffilterTitle {
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
  }
  body.filters #content .sfShopByFilterGroupList,
  body.filters #content .sffilterClearLnk {
    display: block;
  }
  .sfcheckoutTabstrip .rtsLink {
    padding: 10px;
    background-image: none;
  }
  .sfcheckoutTabstrip.sfCStep0 .sfStep1 {
    background-color: #00b4c9;
    color: #fff;
  }
  .sfcheckoutTabstrip.sfCStep0 .sfStep1 .sfStep {
    color: #00b4c9;
  }
  .sfcheckoutTabstrip.sfCStep1 .sfStep1,
  .sfcheckoutTabstrip.sfCStep1 .sfStep2 {
    background-color: #00b4c9;
    color: #fff;
  }
  .sfcheckoutTabstrip.sfCStep1 .sfStep1 .sfStep,
  .sfcheckoutTabstrip.sfCStep1 .sfStep2 .sfStep {
    color: #00b4c9;
  }
  .sfcheckoutTabstrip.sfCStep2 .sfStep1,
  .sfcheckoutTabstrip.sfCStep2 .sfStep2,
  .sfcheckoutTabstrip.sfCStep2 .sfStep3 {
    background-color: #00b4c9;
    color: #fff;
  }
  .sfcheckoutTabstrip.sfCStep2 .sfStep1 .sfStep,
  .sfcheckoutTabstrip.sfCStep2 .sfStep2 .sfStep,
  .sfcheckoutTabstrip.sfCStep2 .sfStep3 .sfStep {
    color: #00b4c9;
  }
  .sfcheckoutTabstrip.sfCStep3 .sfStep1,
  .sfcheckoutTabstrip.sfCStep3 .sfStep2,
  .sfcheckoutTabstrip.sfCStep3 .sfStep3,
  .sfcheckoutTabstrip.sfCStep3 .sfStep4 {
    background-color: #00b4c9;
    color: #fff;
  }
  .sfcheckoutTabstrip.sfCStep3 .sfStep1 .sfStep,
  .sfcheckoutTabstrip.sfCStep3 .sfStep2 .sfStep,
  .sfcheckoutTabstrip.sfCStep3 .sfStep3 .sfStep,
  .sfcheckoutTabstrip.sfCStep3 .sfStep4 .sfStep {
    color: #00b4c9;
  }
  .sfcheckoutTabstrip.sfCStep4 .sfStep5 {
    background-color: #00b4c9;
    color: #fff;
  }
  .sfcheckoutTabstrip.sfCStep4 .sfStep5 .sfStep {
    color: #00b4c9;
  }
  .sfcheckoutTabstrip.sfCStep5 .sfStep6 {
    background-color: #00b4c9;
    color: #fff;
  }
  .sfcheckoutTabstrip.sfCStep5 .sfStep6 .sfStep {
    color: #00b4c9;
  }
}
/*===================================================================================
===================================================================================*/
@media all and (max-width: 800px) {
  /*--------- CAREERS --------------*/
  .office-header img {
    display: none;
  }
  .office-header h1 {
    color: black;
    text-shadow: none;
  }
  .office-contacts {
    color: black;
  }
  .office-contacts,
  .office-header {
    float: left;
    position: relative;
    height: auto;
    text-align: left;
    top: auto;
    right: auto;
  }
  .office-contacts h1,
  .office-header h1 {
    position: relative;
    left: 0;
    margin-bottom: 30px;
  }
  /*--------- GENERIC --------------*/
  .main .sf_colsIn.sf_2cols_2in_75 {
    margin: 0 !important;
  }
  #top-sellers ul li {
    width: 45%;
    margin: 0 5% 0 0;
  }
  #content .banner img {
    width: 100%;
  }
  #content .sidebar .RadSiteMap_leftnav .rsmList .rsmItem {
    width: 48%;
    margin: 0 2% 10px 0;
  }
  #content .sidebar .RadSiteMap_leftnav .rsmList .rsmItem .rsmItem {
    margin-bottom: 0;
  }
  #content .specifications {
    border: 0;
  }
  .product-list img {
    width: 100%;
    height: auto;
  }
  .product-list a {
    margin-top: 20px;
  }
  /*--------- ECOMMERCE --------------*/
  .sfproductsList li.sfproductListItem {
    width: 50%;
  }
  .sfproductDetails .sfproductImgsWrp,
  .sfproductDetails .sfproductInfoWrp {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
  }
  .sfcheckoutTabstrip .rtsLI {
    text-transform: uppercase;
    width: 100%;
  }
  .sfCheckoutPreviewShippingAndPayment {
    width: 100%;
  }
  .sfCheckoutPreviewShippingAndPayment .CheckoutPreviewShipping,
  .sfCheckoutPreviewShippingAndPayment .sfCheckoutPreviewPayment {
    width: 100%;
  }
  .sfCheckoutPreviewShippingAndPayment .CheckoutPreviewShipping .sfcheckoutPreviewAddressBlock,
  .sfCheckoutPreviewShippingAndPayment .sfCheckoutPreviewPayment .sfcheckoutPreviewAddressBlock {
    width: 50%;
    margin: 15px 0;
  }
  .sfcheckoutPreviewProduct,
  .sfordersListDetailView {
    width: 100%;
    padding: 0;
    margin: 20px 0 0 0;
    border: 0;
  }
  .sforderBriefInfoWrp {
    width: 100%;
    border: 0;
  }
  /*--------- WHISHLIST --------------*/
  .sfwishListWrp .rgMasterTable .sfTxt {
    width: 30px;
  }
  /*--------- GALLERIA --------------*/
  .galleria-container {
    height: auto;
  }
  .galleria-container .galleria-stage .galleria-images .galleria-image {
    width: 100% !important;
    height: auto !important;
  }
  .galleria-container .galleria-stage .galleria-images .galleria-image img {
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
  }
  .galleria-container .galleria-thumbnails-container {
    display: none;
  }
  /*--------- FORUMS --------------*/
  .sfforumThreadPostList .sfforumThreadPost .sfforumThreadPostUser {
    width: 30%;
  }
  .sfforumThreadPostList .sfforumThreadPost .sfforumThreadPostContentWrp {
    width: 68%;
  }
}
/*===================================================================================
===================================================================================*/
@media all and (max-width: 640px) {
  /*--------- GENERIC --------------*/
  #content {
    /*padding: 20px;*/
  }
  #logo {
    left: 0;
    margin-left: 0;
  }
  #top-sellers ul li {
    width: 100%;
    margin: 0;
  }
  #content .banner {
    padding: 20px 0;
    background: none;
    text-align: left;
  }
  #content .banner h1 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
  }
  #content .banner a {
    max-width: 0px;
    min-width: 180px;
    left: auto;
    margin: 20px 0;
  }
  #content .sidebar .sfShopByFilterGroupList .sfShopByFilterGroupListItem {
    width: 50%;
  }
  .sfcalendarWrp {
    display: none;
  }
  /*--------- CAREERS --------------*/
  #content .careers-header {
    padding-top: 100px;
  }
  #content .careers-header h1 {
    letter-spacing: 0;
    font-size: 24px !important;
    line-height: 30px !important;
  }
  /*--------- BLOGS --------------*/
  .sfpostsList li.sfpostListItem {
    width: 100% !important;
    padding: 0;
  }
  /*--------- FORUMS --------------*/
  .sfforumsList tr td.sfforumLastPostWrp,
  .sfforumsList tr td.sfforumThreadsCountWrp {
    display: none;
  }
  .sfforumThreadsList tr .sfforumThreadPostsWrp,
  .sfforumThreadsList tr .sfforumThreadViewsWrp {
    display: none;
  }
  /*--------- ECOMMERCE --------------*/
  .sfCheckoutPreviewShippingAndPayment .CheckoutPreviewShipping .sfcheckoutPreviewAddressBlock,
  .sfCheckoutPreviewShippingAndPayment .sfCheckoutPreviewPayment .sfcheckoutPreviewAddressBlock {
    width: 100%;
  }
  .sfcheckoutPreviewProduct .rgMasterTable .sfSingleItmPriceCol,
  .sfordersListDetailView .rgMasterTable .sfSingleItmPriceCol,
  .sfcheckoutPreviewProduct .rgMasterTable .sfItmQuantityCol,
  .sfordersListDetailView .rgMasterTable .sfItmQuantityCol,
  .sfcheckoutPreviewProduct .rgMasterTable .sfItmOptionsCol,
  .sfordersListDetailView .rgMasterTable .sfItmOptionsCol {
    display: none;
  }
  /*--------- WHISHLIST --------------*/
  .sfwishListWrp .rgMasterTable .sfItmTmbCol,
  .sfwishListWrp .rgMasterTable .sfItmOptionsCol,
  .sfwishListWrp .rgMasterTable .sfSingleItmPriceCol {
    display: none;
  }
  /*--------- DOWNLOADS --------------*/
  .sfdownloadTable .rgMasterTable td,
  .sfdownloadTable .rgMasterTable th {
    display: block;
    width: 100%;
  }
  .sfdownloadTable .rgMasterTable td.sfdownloadType,
  .sfdownloadTable .rgMasterTable th.sfdownloadType,
  .sfdownloadTable .rgMasterTable td.sfdownloadSize,
  .sfdownloadTable .rgMasterTable th.sfdownloadSize,
  .sfdownloadTable .rgMasterTable td.sfdownloadDate,
  .sfdownloadTable .rgMasterTable th.sfdownloadDate {
    display: none !important;
  }
}
/*===================================================================================
===================================================================================*/
@media all and (max-width: 480px) {
  /*--------- GENERIC --------------*/
  #content .banner img {
    display: none;
  }
  #content .sidebar .RadSiteMap_leftnav .rsmList .rsmItem {
    width: 100%;
    margin: 0 0 10px 0;
  }
  #content .sidebar .RadSiteMap_leftnav .rsmList .rsmItem .rsmItem {
    margin-bottom: 0;
  }
  #content .sidebar .sfShopByFilterGroupList .sfShopByFilterGroupListItem {
    width: 100%;
  }
  /*--------- FORUMS --------------*/
  .sfforumsList tr td.sfforumPostsCountWrp {
    display: none;
  }
  .sfforumThreadPostList .sfforumThreadPost .sfforumThreadPostUser {
    width: 100%;
  }
  .sfforumThreadPostList .sfforumThreadPost .sfforumThreadPostContentWrp {
    width: 100%;
    border: 0;
  }
  /*--------- ECOMMERCE --------------*/
  .sfproductsList li.sfproductListItem {
    width: 100%;
    height: auto !important;
  }
  .sfproductsList li.sfproductListItem .sfproductTmbWrp {
    width: 100%;
    position: relative;
    height: auto;
  }
  .sfproductsList li.sfproductListItem .sfproductTmbWrp a {
    width: 100% !important;
    height: auto;
  }
  .sfproductsList li.sfproductListItem .sfproductTmbWrp a img {
    position: relative;
    width: 100%;
    height: auto;
  }
  .sfproductsList li.sfproductListItem .sfproductTmbWrp a:hover {
    width: 100%;
    height: auto;
  }
  .sfproductsList li.sfproductListItem .sfproductTmbWrp a:hover img {
    width: 100%;
    height: auto;
  }
  .sfcartSummaryExpandableWrp .sfcartSummaryDetailsWrp {
    width: 220px;
  }
}
#content blockquote.subpage {
  margin: 10px 0 0;
  padding: 35px 0;
}
.icon {
  width: 10px;
  height: 10px;
}
.icon img {
  width: 10px;
  height: 10px;
  position: relative;
}
.text-blue {
  color: #0065bd;
}
.text-teal {
  color: #7bbbb2;
}
.text-gray {
  color: #636567;
}
.text-gray-2 {
  color: #7d7e7e;
}
.text-green {
  color: #000000;
}
.text-black {
  color: #000000;
}
.text-white {
  color: #ffffff;
}
.text-green {
  color: #45d828;
}
.readmore_link {
  display: block;
  line-height: 10px;
  margin: 15px 0;
}
.readmore_link img {
  max-width: 100%;
}
.masthead .masthead-overlay .container h1 {
  font-size: 30px !important;
}
@media (min-width: 768px) {
  .masthead .masthead-overlay .container h1 {
    font-size: 37.8px !important;
  }
}
@media (min-width: 992px) {
  .masthead .masthead-overlay .container h1 {
    font-size: 47.628px !important;
  }
}
@media (min-width: 1200px) {
  .masthead .masthead-overlay .container h1 {
    font-size: 60.01128px !important;
  }
}
.img-fullwidth {
  padding: 10px 0 30px 0;
}
/* ====== media ====== */
.media {
  margin: 10px;
}
.media,
.bd {
  overflow: hidden;
  _overflow: visible;
  zoom: 1;
}
.media .img {
  float: left;
  margin-right: 10px;
}
.media .img img {
  display: block;
}
.media .imgExt {
  float: right;
  margin-left: 10px;
}
.videoWrapper {
  position: relative;
  padding-bottom: 55.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.imagetextbox {
  padding-bottom: 20px;
  /**
	 * Text col
	 */
  /**
	 * Img col
	 */
  /**
	 *  CUSTOMIZATION
	 */
}
@media (min-width: 768px) {
  .imagetextbox .sf_2cols_1_67 .sfContentBlock,
  .imagetextbox .sf_2cols_1_50 .sfContentBlock,
  .imagetextbox .sf_2cols_1_33 .sfContentBlock {
    padding-right: 6%;
  }
  .imagetextbox .sf_2cols_2_50 .sfContentBlock,
  .imagetextbox .sf_2cols_2_67 .sfContentBlock,
  .imagetextbox .sf_2cols_2_33 .sfContentBlock {
    padding-left: 6%;
  }
  .imagetextbox .sfContentBlock blockquote {
    margin: 25px 0 0 25px;
  }
}
@media (min-width: 768px) {
  .imagetextbox .adjust-top img {
    margin-top: -15%;
  }
}
.imagetextbox .sf_2cols_1_33 .sfimageWrp,
.imagetextbox .sf_2cols_2_33 .sfimageWrp {
  max-width: 580px;
}
.imagetextbox .sf_2cols_1_33 .sfimageWrp img,
.imagetextbox .sf_2cols_2_33 .sfimageWrp img {
  width: 100%;
  vertical-align: middle;
}
.imagetextbox .sf_2cols_1_67 .sfimageWrp,
.imagetextbox .sf_2cols_2_67 .sfimageWrp,
.imagetextbox .sf_2cols_2_50 .sfimageWrp,
.imagetextbox .sf_2cols_1_50 .sfimageWrp {
  max-width: 670px;
}
.imagetextbox .sf_2cols_1_67 .sfimageWrp img,
.imagetextbox .sf_2cols_2_67 .sfimageWrp img,
.imagetextbox .sf_2cols_2_50 .sfimageWrp img,
.imagetextbox .sf_2cols_1_50 .sfimageWrp img {
  width: 100%;
  vertical-align: middle;
}
@media (min-width: 768px) and (max-width: 992px) {
  .imagetextbox .sf_2cols_1_67,
  .imagetextbox .sf_2cols_2_67,
  .imagetextbox .sf_2cols_1_33,
  .imagetextbox .sf_2cols_2_33 {
    width: 50% !important;
  }
}
.imagetextbox.mobile_switch {
  margin: 0;
}
.imagetextbox.mobile_switch .sf_colsOut {
  float: left;
}
@media (min-width: 768px) {
  .imagetextbox.mobile_switch .sf_colsOut {
    float: right;
  }
}
@media (min-width: 768px) {
  .imagetextbox.mobile_switch .sf_2cols_1_67 .sfContentBlock,
  .imagetextbox.mobile_switch .sf_2cols_1_50 .sfContentBlock,
  .imagetextbox.mobile_switch .sf_2cols_1_33 .sfContentBlock {
    padding-left: 6%;
    padding-right: 0;
  }
  .imagetextbox.mobile_switch .sf_2cols_2_50 .sfContentBlock,
  .imagetextbox.mobile_switch .sf_2cols_2_67 .sfContentBlock,
  .imagetextbox.mobile_switch .sf_2cols_2_33 .sfContentBlock {
    padding-right: 6%;
    padding-left: 0;
  }
}
.imagetextbox.border_wrap {
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  border-color: #e5e6e6;
}
.imagetextbox.border_wrap::after {
  width: 100%;
  position: relative;
  bottom: 0;
  height: 10px;
  background-color: #0065bd;
  display: block;
}
.imagetextbox.fadeImage .sfimageWrp {
  position: relative;
}
.imagetextbox.fadeImage .sfimageWrp::after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-size: 100% 30%;
  background-position: center top;
}
@media (min-width: 1024px) {
  .imagetextbox.fadeImage .sfimageWrp::after {
    background-position: center left;
    background-size: 30% 100%;
  }
}
.imagetextbox.fadeImage__white .sfimageWrp::after {
  background-image: url('/Templates/images/png/white-fade-top.png');
}
@media (min-width: 1024px) {
  .imagetextbox.fadeImage__white .sfimageWrp::after {
    background-image: url('/Templates/images/png/white-fade-top.png');
    background-image: url('/Templates/images/png/white-fade-left.png');
  }
}
.imagetextbox.fadeImage__gray .sfimageWrp::after {
  background-image: url('/Templates/images/png/gray-fade-top.png');
}
@media (min-width: 1024px) {
  .imagetextbox.fadeImage__gray .sfimageWrp::after {
    background-image: url('/Templates/images/png/gray-fade-top.png');
    background-image: url('/Templates/images/png/gray-fade-left.png');
  }
}
.imagetextbox.textbkg.fadeImage .sfContentBlock {
  position: relative;
}
.imagetextbox.textbkg.fadeImage .sfContentBlock::after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-size: 100% 30%;
  background-position: center top;
}
@media (min-width: 1024px) {
  .imagetextbox.textbkg.fadeImage .sfContentBlock::after {
    background-position: center left;
    background-size: 30% 100%;
  }
}
.imagetextbox.textbkg.fadeImage__white .sfContentBlock::after {
  background-image: url('/Templates/images/png/white-fade-top.png');
}
@media (min-width: 1024px) {
  .imagetextbox.textbkg.fadeImage__white .sfContentBlock::after {
    background-image: url('/Templates/images/png/white-fade-top.png');
    background-image: url('/Templates/images/png/white-fade-left.png');
  }
}
.imagetextbox.textbkg.fadeImage__gray .sfContentBlock::after {
  background-image: url('/Templates/images/png/gray-fade-top.png');
}
@media (min-width: 1024px) {
  .imagetextbox.textbkg.fadeImage__gray .sfContentBlock::after {
    background-image: url('/Templates/images/png/gray-fade-top.png');
    background-image: url('/Templates/images/png/gray-fade-left.png');
  }
}
.imagetextbox.border_wrap,
.imagetextbox.fadeImage {
  margin: 0;
}
@media (max-width: 1024px) {
  .imagetextbox.border_wrap,
  .imagetextbox.fadeImage {
    max-width: 670px;
  }
  .imagetextbox.border_wrap .sf_colsOut,
  .imagetextbox.fadeImage .sf_colsOut {
    width: 100% !important;
  }
}
.imagetextbox.border_wrap .sf_colsOut .sfContentBlock,
.imagetextbox.fadeImage .sf_colsOut .sfContentBlock {
  padding-bottom: 20px;
}
@media (min-width: 1024px) {
  .imagetextbox.border_wrap .sfimageWrp,
  .imagetextbox.fadeImage .sfimageWrp {
    position: relative;
    height: 100%;
    width: 100%;
    min-height: 332px;
    overflow: hidden;
  }
  .imagetextbox.border_wrap .sfimageWrp img,
  .imagetextbox.fadeImage .sfimageWrp img {
    position: absolute !important;
    max-width: initial !important;
    min-height: 100%;
    width: auto !important;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
  }
}
.imagetextbox.textbkg .sfContentBlock {
  background-image: url('/images/default-source/default-album/why-asg-baby-mum.jpg?sfvrsn=0');
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: bottom left;
  min-height: 400px;
}
.imagetextbox.textbkg blockquote {
  margin: 0;
  z-index: 2;
  padding-left: 30px;
}
@media (min-width: 1024px) {
  .imagetextbox.textbkg blockquote {
    padding: 36px 38px 11px 25px;
  }
  .imagetextbox.textbkg blockquote::before {
    top: 15px;
    left: -26px;
  }
  .imagetextbox.textbkg blockquote::after {
    bottom: 0px;
    right: 20px;
  }
}
.imagetextbox.textbkg p.blockquote__text,
.imagetextbox.textbkg a.blockquote__text {
  padding-left: 30px;
  margin: 0;
  z-index: 2;
  position: relative;
}
.imagetextbox.textbkg .sfvideoWrp {
  padding: 7% 6%;
}
p.blockquote__text,
a.blockquote__text {
  display: block;
  margin-top: 10px;
}
@media (min-width: 768px) {
  p.blockquote__text,
  a.blockquote__text {
    margin-left: 25px;
    padding: 0 25px;
  }
}
/**
 * SALESFORCE FORM
 * --Form Example Page
 * --adjusts according to which sf_col is placed
 */
.clearfix {
  overflow: hidden;
}
.salesforceform {
  background-color: #0065bd;
  display: table;
  padding: 30px;
  width: 100%;
  color: #FFF;
}
.salesforceform p {
  font-size: 14px;
}
.salesforceform__heading {
  background-color: #999;
}
.salesforceform__col {
  width: 100%;
  display: table-cell;
  float: left;
  padding: 11px 5px;
}
@media (min-width: 768px) {
  .salesforceform__col {
    width: 50%;
  }
}
.salesforceform__col input[type="checkbox"] {
  margin-left: 4%;
}
.salesforceform__col label {
  float: left;
}
.salesforceform__col input[type="text"],
.salesforceform__col select,
.salesforceform__col textarea {
  margin-left: 4%;
  max-width: 55%;
  width: 100%;
}
@media (max-width: 480px) {
  .salesforceform__col input[type="text"],
  .salesforceform__col select,
  .salesforceform__col textarea {
    margin-left: 0;
    max-width: 100%;
  }
}
.salesforceform__col label,
.salesforceform__col input {
  margin-bottom: 15px;
}
.salesforceform__col select,
.salesforceform__col input {
  margin-top: 3px;
}
.salesforceform__col label {
  text-align: right;
  max-width: 38%;
  margin-bottom: 5px;
  width: 100%;
  clear: both;
}
@media (max-width: 480px) {
  .salesforceform__col label {
    max-width: 100%;
    text-align: left;
  }
}
.salesforceform__col textarea {
  min-height: 150px;
}
@media (max-width: 480px) {
  .salesforceform__col .media {
    margin: 0;
  }
  .salesforceform__col .media,
  .salesforceform__col .media__right {
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
  }
  .salesforceform__col .media .media__left {
    float: left;
    width: 85%;
    margin-right: 10px;
  }
  .salesforceform__col .media .media__left img {
    display: block;
    padding: 20%;
  }
}
.salesforceform__submit {
  width: 100%;
  display: table-cell;
  clear: both;
  float: left;
  padding: 10px;
}
.salesforceform__submit input[type="checkbox"] {
  margin-left: 20px;
}
.salesforceform__submit .button {
  background: #45d828;
  border-radius: 10px;
  padding: 0 5%;
  display: inline-block;
  font-size: 17px;
  font-weight: normal;
  line-height: 45px;
  white-space: nowrap;
  color: #ffffff;
  text-transform: none;
  box-shadow: none;
  border: none;
  text-transform: uppercase;
  float: right;
  margin-top: 30px;
}
@media (max-width: 480px) {
  .salesforceform__submit .button {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}
.salesforceform__privacy {
  width: 100%;
  display: table-cell;
  clear: both;
  float: left;
  padding: 10px;
}
.sf_2cols_1in_67 .salesforceform,
.sf_2cols_1in_75 .salesforceform,
.sf_2cols_2_75 .salesforceform,
.sf_2cols_2_67 .salesforceform {
  padding: 20px;
}
.sf_2cols_1in_67 .salesforceform__col,
.sf_2cols_1in_75 .salesforceform__col,
.sf_2cols_2_75 .salesforceform__col,
.sf_2cols_2_67 .salesforceform__col {
  width: 100%;
}
@media (min-width: 992px) {
  .sf_2cols_1in_67 .salesforceform__col,
  .sf_2cols_1in_75 .salesforceform__col,
  .sf_2cols_2_75 .salesforceform__col,
  .sf_2cols_2_67 .salesforceform__col {
    width: 50%;
  }
}
@media (max-width: 768pxpx) {
  .sf_2cols_1in_67 .salesforceform__submit .button,
  .sf_2cols_1in_75 .salesforceform__submit .button,
  .sf_2cols_2_75 .salesforceform__submit .button,
  .sf_2cols_2_67 .salesforceform__submit .button {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}
.sf_2cols_2_50 .salesforceform,
.sf_2cols_1_50 .salesforceform,
.sf_2cols_1in_33 .salesforceform,
.sf_2cols_1in_25 .salesforceform,
.sf_2cols_2_33 .salesforceform,
.sf_2cols_2_25 .salesforceform {
  padding: 20px;
}
@media (min-width: 768px) {
  .sf_2cols_2_50 .salesforceform__col,
  .sf_2cols_1_50 .salesforceform__col,
  .sf_2cols_1in_33 .salesforceform__col,
  .sf_2cols_1in_25 .salesforceform__col,
  .sf_2cols_2_33 .salesforceform__col,
  .sf_2cols_2_25 .salesforceform__col {
    width: 100% !important;
  }
  .sf_2cols_2_50 .salesforceform input[type="text"],
  .sf_2cols_1_50 .salesforceform input[type="text"],
  .sf_2cols_1in_33 .salesforceform input[type="text"],
  .sf_2cols_1in_25 .salesforceform input[type="text"],
  .sf_2cols_2_33 .salesforceform input[type="text"],
  .sf_2cols_2_25 .salesforceform input[type="text"],
  .sf_2cols_2_50 .salesforceform select,
  .sf_2cols_1_50 .salesforceform select,
  .sf_2cols_1in_33 .salesforceform select,
  .sf_2cols_1in_25 .salesforceform select,
  .sf_2cols_2_33 .salesforceform select,
  .sf_2cols_2_25 .salesforceform select,
  .sf_2cols_2_50 .salesforceform textarea,
  .sf_2cols_1_50 .salesforceform textarea,
  .sf_2cols_1in_33 .salesforceform textarea,
  .sf_2cols_1in_25 .salesforceform textarea,
  .sf_2cols_2_33 .salesforceform textarea,
  .sf_2cols_2_25 .salesforceform textarea {
    margin-left: 0 !important;
    max-width: 100%;
  }
  .sf_2cols_2_50 .salesforceform label,
  .sf_2cols_1_50 .salesforceform label,
  .sf_2cols_1in_33 .salesforceform label,
  .sf_2cols_1in_25 .salesforceform label,
  .sf_2cols_2_33 .salesforceform label,
  .sf_2cols_2_25 .salesforceform label {
    max-width: 100% !important;
    text-align: left;
  }
  .sf_2cols_2_50 .salesforceform .media,
  .sf_2cols_1_50 .salesforceform .media,
  .sf_2cols_1in_33 .salesforceform .media,
  .sf_2cols_1in_25 .salesforceform .media,
  .sf_2cols_2_33 .salesforceform .media,
  .sf_2cols_2_25 .salesforceform .media {
    margin: 0;
  }
  .sf_2cols_2_50 .salesforceform .media,
  .sf_2cols_1_50 .salesforceform .media,
  .sf_2cols_1in_33 .salesforceform .media,
  .sf_2cols_1in_25 .salesforceform .media,
  .sf_2cols_2_33 .salesforceform .media,
  .sf_2cols_2_25 .salesforceform .media,
  .sf_2cols_2_50 .salesforceform .media__right,
  .sf_2cols_1_50 .salesforceform .media__right,
  .sf_2cols_1in_33 .salesforceform .media__right,
  .sf_2cols_1in_25 .salesforceform .media__right,
  .sf_2cols_2_33 .salesforceform .media__right,
  .sf_2cols_2_25 .salesforceform .media__right {
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
  }
  .sf_2cols_2_50 .salesforceform .media .media__left,
  .sf_2cols_1_50 .salesforceform .media .media__left,
  .sf_2cols_1in_33 .salesforceform .media .media__left,
  .sf_2cols_1in_25 .salesforceform .media .media__left,
  .sf_2cols_2_33 .salesforceform .media .media__left,
  .sf_2cols_2_25 .salesforceform .media .media__left {
    float: left;
    width: 85%;
    margin-right: 10px;
  }
  .sf_2cols_2_50 .salesforceform .media .media__left img,
  .sf_2cols_1_50 .salesforceform .media .media__left img,
  .sf_2cols_1in_33 .salesforceform .media .media__left img,
  .sf_2cols_1in_25 .salesforceform .media .media__left img,
  .sf_2cols_2_33 .salesforceform .media .media__left img,
  .sf_2cols_2_25 .salesforceform .media .media__left img {
    display: block;
    padding: 20%;
  }
}
.sf_2cols_2_50 .salesforceform__submit .button,
.sf_2cols_1_50 .salesforceform__submit .button,
.sf_2cols_1in_33 .salesforceform__submit .button,
.sf_2cols_1in_25 .salesforceform__submit .button,
.sf_2cols_2_33 .salesforceform__submit .button,
.sf_2cols_2_25 .salesforceform__submit .button {
  display: block;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
#salesforceform a,
.FormBuilder a,
.salesforceform a {
  color: #74c5e4 !important;
}
/**
 * PROMO-BOX
 */
.promo-box {
  position: relative;
}
.promo-box .promo {
  position: absolute;
  bottom: 12%;
  background: #0065bd;
  right: 0;
  margin-left: 17%;
  padding: 0 18px;
  border-bottom: 6px solid #72b5cb;
}
@media (max-width: 768px) {
  .promo-box .promo {
    position: relative;
    float: left;
    margin-left: 0;
    bottom: 0;
    width: 100%;
  }
}
.promo-box .promo__content {
  width: 100%;
  display: block;
  float: left;
  padding: 5px 0;
  clear: both;
  color: #FFF;
}
.promo-box .promo__content:first-child {
  border-bottom: 1px solid #72b5cb;
}
.promo-box .promo h4 {
  margin-bottom: 5px;
  padding: 0;
  color: #72b5cb;
}
.promo-box .promo p {
  margin: 5px 0;
}
.promo-box .promo a {
  margin: 5px 0;
  color: #FFF !important;
  text-decoration: none;
  padding: 6px 0;
  display: block;
}
/**
 * Icon Row 
 * 
 * -- Structure for svg/text row
 * -- option: gridfour => 50% desktop | 100% mobile
 * -- option: gridsix => 16.66% desktop | 33.33% tablet | 50% mobile-landcscape | 100% mobile portrait
 *     
 * > Structure 
 * <div class="icon-row gridsix">
 * 		<div class="icon-col">
 * 			<div> << image (relative with height)
 * 				<img> << svg (absolute with margin auto to center)
 * 			</div>
 * 			<p></p>
 * 		</div>
 * </div>
 */
.icon-row {
  width: 100%;
  display: block;
  float: left;
  margin-bottom: 20px;
  padding: 0 5px;
  text-align: center;
  line-height: 18px;
  color: #505153;
  overflow: hidden;
}
.icon-row.gridsix .icon-col > div,
.icon-row.gridfour .icon-col > div {
  height: 120px;
  width: 100%;
}
.icon-row.gridsix .icon-col p,
.icon-row.gridfour .icon-col p {
  margin: 0;
}
.icon-row.gridsix .icon-col {
  width: 100%;
}
@media (min-width: 320px) {
  .icon-row.gridsix .icon-col {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .icon-row.gridsix .icon-col {
    width: 33.33%;
  }
}
@media (min-width: 992px) {
  .icon-row.gridsix .icon-col {
    width: 16.6666%;
  }
}
.icon-row.gridfour .icon-col {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .icon-row.gridfour .icon-col {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .icon-row.gridfour .icon-col {
    width: 25%;
  }
}
.icon-row.gridtwo-heading-text .icon-col {
  width: 100%;
  min-height: 180px;
}
.icon-row.gridtwo-heading-text .icon-col .media {
  margin: 0 !important;
}
.icon-row.gridtwo-heading-text .icon-col .img {
  width: 115px;
  height: 115px;
  position: relative;
}
.icon-row.gridtwo-heading-text .icon-col .bd {
  padding: 0;
  clear: both;
}
@media (min-width: 768px) {
  .icon-row.gridtwo-heading-text .icon-col .bd {
    padding: 0 20px;
    clear: none;
  }
}
.icon-row.gridtwo-heading-text .icon-col h4 {
  font-weight: bold !important;
}
.icon-row.gridtwo-heading-text .icon-col h4,
.icon-row.gridtwo-heading-text .icon-col p {
  text-align: left;
  float: left;
  clear: both;
}
@media (min-width: 992px) {
  .icon-row.gridtwo-heading-text .icon-col {
    width: 50%;
  }
}
.icon-row.gridthree-heading-text .icon-col {
  background-color: #f9f9f9;
  width: 100%;
  border: 1px solid #f0f0f0;
  padding: 10px 0;
}
@media (min-width: 992px) {
  .icon-row.gridthree-heading-text .icon-col {
    width: 100%;
    max-width: 680px;
  }
}
@media (min-width: 1200px) {
  .icon-row.gridthree-heading-text .icon-col {
    width: 33.33%;
  }
}
.icon-row.gridthree-heading-text .icon-col .media {
  float: left;
}
.icon-row.gridthree-heading-text .icon-col .img {
  width: 100px;
  height: 100%;
  min-height: 140px;
  position: relative;
}
@media (max-width: 992px) {
  .icon-row.gridthree-heading-text .icon-col .img {
    width: 150px;
  }
}
.icon-row.gridthree-heading-text .icon-col .bd {
  padding: 0;
}
@media (min-width: 768px) {
  .icon-row.gridthree-heading-text .icon-col .bd {
    padding-right: 10px;
  }
}
.icon-row.gridthree-heading-text .icon-col h4 {
  font-weight: bold !important;
  width: 100%;
}
.icon-row.gridthree-heading-text .icon-col h4 {
  margin-left: 20px;
}
.icon-row.gridthree-heading-text .icon-col p {
  margin-left: 10px;
}
.icon-row.gridthree-heading-text .icon-col h4,
.icon-row.gridthree-heading-text .icon-col p {
  text-align: left;
  float: left;
}
.icon-row.gridthree-heading-text .icon-col .gradient_button {
  float: left;
  text-align: center;
  overflow: hidden;
  padding: 25px;
  position: relative;
  border-top: 1px solid #f0f0f0;
  width: 100%;
}
.icon-row .icon-col {
  float: left;
}
.icon-row .icon-col > div {
  position: relative;
}
.icon-row .icon-col > div img {
  float: left;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-height: 100%;
}
.pathway_education p {
  text-align: center;
  display: block;
  margin: 20px auto 0px !important;
  font-size: 20px;
  font-weight: bold;
  max-width: 90%;
  min-height: 80px;
}
.flowline-arrowdown {
  height: 120px;
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  margin: 10px 0;
}
@media (min-width: 768px) {
  .flowline-arrowdown {
    margin: 30px 0;
  }
}
.flowline-arrowdown:after {
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  display: block;
  background-image: url('/Templates/images/png/how-does-it-arrowline.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin: 0 auto;
  background-color: transparent;
  top: 40%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: -1;
}
@media (min-width: 768px) {
  .flowline-arrowdown:after {
    top: 50%;
  }
}
.flowline-arrowdown:before {
  content: "";
  width: 100%;
  height: 100%;
  max-width: 100px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin: 0 auto;
  display: block;
  background-image: url('/Templates/images/png/how-does-it-arrowdown.png');
}
@media (min-width: 768px) {
  .flowline-arrowdown:before {
    max-width: 150px;
    background-position: center bottom;
  }
}
/* Ordered List Counter 

<ol class="stepcounter">
<li>
<h3> { text } </h3>
</li>
</ol>

*/
/* example page where its working
http://ifminvestors-sf81.azurewebsites.net/blueprint/the-blueprint/strategic-themes

Need to have counter-reset at the top or ::before increment will not work
https://css-tricks.com/numbering-in-style/

*/
#content {
  counter-reset: step-counter;
  /*ol*/
}
#content .stepcounter {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
}
#content .stepcounter li {
  overflow: hidden;
  display: table;
}
#content .stepcounter li::before {
  background-color: #0065bd;
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #ffffff;
  content: counter(step-counter);
  counter-increment: step-counter;
  display: block;
  float: left;
  font-family: Raleway, Times, "Times New Roman", serif;
  font-size: 40px;
  font-weight: bold;
  height: 64px;
  margin-right: 5px;
  text-align: center;
  width: 63px;
  border-radius: 100px;
  line-height: 55px;
}
#content .stepcounter h3 {
  color: #ffffff;
  padding: 0px 0px 0px 15px;
  margin: 0;
  vertical-align: middle;
  display: table-cell;
}
@media (max-width: 992px) {
  .subpage2__body {
    max-width: 100%;
    width: 100% !important;
  }
}
@media (min-width: 992px) {
  .subpage2__body {
    max-width: 900px;
    display: block;
    position: relative;
    float: right;
  }
}
.subpage2__body .sf_2cols_1_50 p:not(.blockquote__text),
.subpage2__body .sf_2cols_2_50 p:not(.blockquote__text) {
  padding-right: 15px;
}
@media (max-width: 1200px) {
  .subpage2__body .sf_2cols_1_50,
  .subpage2__body .sf_2cols_2_50 {
    width: 100% !important;
  }
  .subpage2__body .sf_2cols_1_50 p:not(.blockquote__text),
  .subpage2__body .sf_2cols_2_50 p:not(.blockquote__text) {
    padding-right: 0;
  }
}
@media (max-width: 992px) {
  .subpage2__sidemenu {
    max-width: 100%;
    width: 100% !important;
  }
}
@media (min-width: 992px) {
  .subpage2__sidemenu {
    min-width: 320px;
    max-width: 330px;
  }
}
.subpage2__sidemenu .subpagesidenav ul {
  font-size: 16px;
  line-height: 21px;
  padding-left: 0px !important;
  /*text-transform: capitalize;*/
  text-transform: none;
  border: 1px solid #fafafa;
  margin-right: 15px;
}
@media (min-width: 968px) {
  .subpage2__sidemenu .subpagesidenav ul {
    margin-right: 37px;
  }
}
.subpage2__sidemenu .subpagesidenav ul li {
  float: left;
  margin: 0px !important;
  padding: 0 !important;
  width: 100%;
  border-bottom: 1px solid #E9E9E9;
  position: relative;
  background-color: #fafafa;
}
.subpage2__sidemenu .subpagesidenav ul li:first-child {
  background-color: #0065bd;
}
.subpage2__sidemenu .subpagesidenav ul li:first-child a {
  color: white;
}
.subpage2__sidemenu .subpagesidenav ul li:first-child a::after {
  content: ">";
  font-size: 16px;
  float: right;
  color: white;
}
.subpage2__sidemenu .subpagesidenav ul li a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  position: relative;
  display: block;
  padding: 20px;
}
.subpage2__sidemenu .subpagesidenav ul li a::after {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  content: ">";
  font-size: 16px;
  float: right;
  color: #0065bd;
}
.subpage2__sidemenu .subpagesidenav ul li a:hover {
  background-color: #0065bd;
  line-height: 20px;
  color: white;
}
.subpage2__sidemenu .subpagesidenav ul li a:hover::after {
  color: white;
}
.subpage2__sidemenu .subpagesidenav ul li a:focus {
  background-color: transparent;
  color: inheritl;
}
@media (max-width: 992px) {
  .subpage2__sidemenu2 {
    max-width: 100%;
    width: 100% !important;
  }
}
@media (min-width: 992px) {
  .subpage2__sidemenu2 {
    min-width: 320px;
    max-width: 330px;
  }
}
@media (min-width: 1200px) {
  .subpage2__sidemenu2 {
    max-width: 100%;
  }
}
.subpage2__sidemenu2 .subpagesidenav {
  /*a*/
  padding: 0;
  margin: 0;
}
.subpage2__sidemenu2 .subpagesidenav .k-icon {
  display: none;
}
.subpage2__sidemenu2 .subpagesidenav .k-treeview .k-in {
  margin: 0;
  padding: 0;
  border: 0px solid transparent;
  line-height: inherit;
}
.subpage2__sidemenu2 .subpagesidenav .k-treeview {
  white-space: normal;
}
.subpage2__sidemenu2 .subpagesidenav .k-mid,
.subpage2__sidemenu2 .subpagesidenav .k-bot {
  border-bottom: 1px solid #E9E9E9;
}
.subpage2__sidemenu2 .subpagesidenav .sfSel {
  background-color: #7bbbb2 !important;
  color: white !important;
}
.subpage2__sidemenu2 .subpagesidenav .sfSel::after {
  color: white !important;
}
.subpage2__sidemenu2 .subpagesidenav > div > ul:first-child > li:first-child::before {
  content: "About";
  display: block;
  width: 100%;
  padding: 20px 30px 20px 15px;
  font-size: 18px;
  background-color: #0065bd;
  color: white;
}
.subpage2__sidemenu2 .subpagesidenav ul > li > ul > li a {
  padding-left: 40px !important;
  padding-right: 25% !important;
}
.subpage2__sidemenu2 .subpagesidenav ul {
  font-size: 16px;
  line-height: 21px;
  padding-left: 0px !important;
  /*text-transform: capitalize;*/
  text-transform: none;
  border: 1px solid #fafafa;
  margin-right: 15px;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
@media (min-width: 968px) {
  .subpage2__sidemenu2 .subpagesidenav ul {
    margin-right: 37px;
  }
}
.subpage2__sidemenu2 .subpagesidenav ul li {
  float: left;
  margin: 0px !important;
  padding: 0 !important;
  width: 100%;
  background-color: #fafafa;
  position: relative;
}
.subpage2__sidemenu2 .subpagesidenav ul li:first-child:not(.k-last) {
  border-bottom: 1px solid #E9E9E9;
}
.subpage2__sidemenu2 .subpagesidenav ul li a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  display: block;
  padding: 20px 30px 20px 15px !important;
  margin-right: 20px;
  position: relative;
  color: #0065bd;
}
.subpage2__sidemenu2 .subpagesidenav ul li a::after {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  content: ">";
  font-size: 16px;
  line-height: 20px;
  color: #0065bd;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.subpage2__sidemenu2 .subpagesidenav ul li a:hover,
.subpage2__sidemenu2 .subpagesidenav ul li a:focus {
  background-color: #0065bd;
  line-height: 20px;
  color: white;
}
.subpage2__sidemenu2 .subpagesidenav ul li a:hover::after,
.subpage2__sidemenu2 .subpagesidenav ul li a:focus::after {
  color: white;
}
/* 
 *  Core Owl Carousel CSS File
 *  v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
  float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
  cursor: url(grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
/*
* 	Owl Carousel Owl Demo Theme 
*	v1.23
*/
.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
  color: #FFF;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  filter: alpha(opacity=50);
  /*IE7 fix*/
  width: 32px;
  background-color: #F6F7F7;
}
.owl-theme .owl-controls .owl-buttons img {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: alpha(opacity=100);
  /*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}
/* Styling Pagination*/
.owl-pagination {
  bottom: 10px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: alpha(opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #869791;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: alpha(opacity=100);
  /*IE7 fix*/
  opacity: 1;
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
/* preloading images */
.owl-item.loading {
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center;
}
#owl_slider .owl-item > div img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 4px;
}
#owl_slider .owl-item > div {
  text-align: center;
  margin: 3px;
  color: black;
  font-size: 32px;
  border: 1px white;
  overflow: hidden;
  padding: 0 20px;
}
.owl_header,
.owl-carousel__content {
  display: block;
  margin: 0;
  text-align: left;
}
.owl-carousel__content {
  width: 100%;
}
.owl_header {
  position: absolute;
}
.owl_header > * {
  /* h3 */
  color: #0065BD;
  text-decoration: underline !important;
  padding: 0 42px;
  margin-bottom: 0;
}
#owl_slider {
  padding-top: 43px;
}
.owl-carousel__content {
  text-align: left;
}
.owl-carousel__content > div:first-child {
  width: 30%;
  float: left;
  padding: 20px 20px 40px 20px;
}
.owl-carousel__content > div:last-child {
  width: 70%;
  float: left;
  padding: 20px;
}
.owl-carousel__content a {
  color: #0065BD;
}
.owl-item {
  width: 100%;
}
.wrapper-with-margin {
  margin: 0px 50px;
  background-color: #F6F7F7;
}
@media (max-width: 1200px) {
  .wrapper-with-margin {
    margin: 0;
  }
  .owl-carousel__content > div {
    width: 100% !important;
  }
  .owl-carousel__content > div:first-child {
    padding: 15px 20px;
  }
  .owl-carousel__content > div:last-child {
    padding: 20px 20px 50px 20px;
  }
}
.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
  top: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  border-radius: 0;
}
.owl-theme .owl-controls .owl-buttons .owl-prev {
  left: 0;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
  right: 0px;
}
/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {
    opacity: 1;
  }
}
@-moz-keyframes empty {
  0% {
    opacity: 1;
  }
}
@keyframes empty {
  0% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}
@-moz-keyframes backSlideOut {
  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%);
  }
}
@keyframes backSlideOut {
  25% {
    opacity: .5;
    transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%);
  }
}
@-webkit-keyframes backSlideIn {
  0%,
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}
@-moz-keyframes backSlideIn {
  0%,
  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0);
  }
}
@keyframes backSlideIn {
  0%,
  25% {
    opacity: .5;
    transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0);
  }
}
@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(0.8);
  }
}
@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8);
  }
}
@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
  }
}
@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%);
  }
}
@keyframes goDown {
  from {
    transform: translateY(-100%);
  }
}
@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}
@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5);
  }
}
@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5);
  }
}
@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5);
  }
}
#howitworkswidget {
  display: none;
}
@media (min-width: 1200px) {
  #howitworkswidget {
    display: block;
  }
}
.sfcartSummaryExpandableWrp {
  float: right;
  position: relative;
  width: 100%;
  display: block;
  background-color: #efefef;
  padding: 10px;
  border-bottom: 1px solid #e5e6e6;
  border-top: 1px solid #e5e6e6;
  margin: 10px 0 25px 0;
}
.sfProductsSortByWrp .sfSortByWrp {
  float: right;
  font-weight: bold;
  display: block;
  width: 100%;
  text-align: right;
  border-bottom: 1px solid #efefef;
  padding: 0 0 20px 0;
  margin: 0 0 30px 0;
}
.sfcartSummaryExpandableWrp .sfcartSummaryDetailsWrp {
  top: 69px;
  border-bottom: 5px solid #0065bd;
  /* border: 1px solid #eee; */
}
#content .sfproductsList {
  padding: 0;
  margin: 0 15px;
  list-style: none;
  display: block;
}
#content .sfproductsList .sfproductListItem {
  height: auto;
  margin-bottom: 20px;
  border-bottom: 0px solid #FFFFFF;
}
.sfproductsList .sfproductPrice {
  background-color: #62a7c1;
  color: #0065bd;
  width: 96%;
  text-align: left;
  padding: 10px 0 20px 20px;
}
.sfproductsList .sfproductPrice .sfRegPrice {
  font-size: 3em;
  text-align: left;
  font-weight: bold;
}
.sfproductDetailsWrp {
  float: left;
  width: 100%;
  padding-bottom: 50px;
  border-bottom: 1px solid #efefef;
}
.sfproductDetailsWrp .sfproductPrice {
  border-bottom: 1px solid #e5e6e6;
  width: 100%;
  display: block;
  float: left;
  margin: 20px 0 10px 0;
  padding: 0 0 15px 0;
}
.sfproductDetailsWrp .sfproductPrice .sfRegPrice {
  background-color: #FFFFFF;
  color: #0065bd;
  display: inline-block;
  text-align: left;
  padding: 10px 0 20px 0;
  font-size: 4em;
  font-weight: bold;
  float: left;
}
.sfproductDetailsWrp .sfproductPrice .sfVatIncluded {
  font-weight: bold;
  color: #0065bd;
  font-size: 18px;
  float: left;
  display: inline-block;
  vertical-align: bottom;
  margin: 30px 0 0 5px;
}
.sfproductsList .sfproductPrice .sfVatIncluded {
  font-weight: bold;
}
.sfproductsList .sfproductListItem a {
  color: #FFFFFF;
}
.sfproductViewLink a::after {
  content: '';
  width: 15px;
  height: 20px;
  background-image: url('/Templates/images/ASG/white-arrow-right.svg');
  display: inline-block;
  background-size: 10px 12px;
  background-position: 4px 4px;
  background-repeat: no-repeat;
  float: right;
}
.PagerWrapper {
  float: left;
  width: 100%;
  display: block;
  border-top: 1px solid #e5e6e6;
  margin: 20px 0 0 0;
}
.sf_pagerNumeric a.sf_PagerCurrent {
  background: #0065bd;
}
.sf_pagerNumeric a {
  /*padding: 10px 0 !important;*/
}
.sfCatalogPager a {
  background: #62a7c1;
  color: #FFFFFF;
  padding: 7px 10px 7px 10px;
  border-radius: 5px;
}
.sfCatalogTotalCount {
  display: block;
  margin: 15px 0 0 0;
  padding: 0 0 10px 0;
  border-top: 2px solid #e5e6e6;
}
h1.sfproductTitle {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 26px;
  margin: 0;
  display: inline-block;
  padding-bottom: 5px;
  text-transform: none;
  border-bottom: 2px solid #0065bd;
  color: #0065bd;
}
.sfproductDetailsWrp .sfProductInventoryWrp .sfProductInStock {
  color: #62a7c1;
}
.sfAddToCartWrp .sfAddToCartBtn {
  background: #62a7c1;
  padding: 7px 20px;
  margin-left: 10px;
}
.sfproductDescription {
  padding-bottom: 30px;
}
.sfcartSummaryExpandableWrp .sfcartSummaryDetailsWrp .sfminiShoppingCart .sfItmTitleCol a {
  color: #62a7c1;
}
.sfcartSummaryExpandableWrp .sfcartSummaryBtnsWrp a {
  color: #62a7c1;
}
.sfcartSummaryExpandableWrp .sfcartSummaryBtnsWrp input {
  background: #62a7c1;
}
.sfproductDetailsWrp .sfproductInfoWrp ul {
  font-size: 14px;
  line-height: 21px;
  color: #333333;
}
.sfMessage.sfMsgPositive {
  background-color: #45d828 !important;
}
/* -- Checkout pages --*/
.sfcheckoutTabstrip {
  background: #FFFFFF;
}
.sfcheckoutTabstrip .rtsLink {
  background: transparent;
}
.sfcheckoutMulitPage .sfcheckoutFormWrp {
  border-top: 0px solid #FFFFFF;
}
.sfcheckoutTabstrip .rtsLink .sfStep {
  color: #62a7c1;
  display: inline-block;
  font-size: 24px;
  border: 3px solid #62a7c1;
  border-radius: 20px;
  padding: 3px 0 0 0;
  height: 40px;
  width: 40px;
}
.sfcheckoutMulitPage h2.sfcheckoutStepTitle {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  padding-left: 60px;
}
.sfcheckoutTabstrip.sfCStep0 .sfStep1 .sfStep {
  color: #ffffff;
  background-color: #62a7c1;
}
.RadTabStrip .rtsLevel1 {
  padding-top: 0;
  padding-bottom: 15px;
  border-bottom: 5px solid #62a7c1;
}
.RadTabStrip .rtsLevel1 .rtsTxt,
.RadTabStripVertical .rtsLevel1 .rtsTxt {
  padding: 0;
}
.sfcheckoutMulitPage .sfcheckoutFormItm {
  border-bottom: 0px solid #FFFFFF;
  padding: 5px 0 10px 0;
  line-height: 30px;
}
.sfcheckoutTabstrip.sfCStep0 .sfStep1 {
  background-color: #FFFFFF;
}
.sfcheckoutTabstrip.sfCStep0 .sfStep1 .sfStep {
  display: inline-block;
}
.RadTabStrip .rtsTxt,
.RadTabStripVertical .rtsTxt {
  display: inline-block;
  color: #62a7c1;
}
.sfcheckoutMulitPage {
  background-color: #f5f5f6;
  border: 1px solid #e5e6e6;
}
.sfcheckoutFormWrp #content ul {
  padding-left: 0;
}
.sfcheckoutFormList input[type="text"].sfTxt {
  padding: 10px;
  min-width: 280px;
  font-size: 14px;
  font-family: 'Raleway', sans-serif;
}
.sfcheckoutFormList textarea {
  font-family: 'Raleway', sans-serif;
  border-color: #e5e6e6;
  font-size: 14px;
  min-height: 250px;
}
.sfcheckoutMulitPage .sfcheckoutFormItm .sfTxtLbl {
  width: 20%;
}
.RadComboBox_Metro .rcbInput {
  height: 40px;
  color: #000;
  font-size: 14px;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  line-height: 20px;
  padding: 0 0 0 10px;
}
.RadComboBox_Metro .rcbHovered .rcbArrowCell a {
  margin-right: 5px;
}
.sfcheckoutMulitPage .sfcheckoutFormItm {
  border-bottom: 0px solid #FFFFFF;
  padding: 5px 0 20px 55px;
  line-height: 30px;
}
.sfcheckoutMulitPage .sfcheckoutContinueBtn {
  padding: 10px 20px 10px 20px;
  background: #00b4c9;
  font-family: "Raleway";
  font-size: 18px;
  float: right;
}
/* new shit */
.sfproductsList .sfproductListItem .sfproductTmbWrp .productImageWrapper {
  display: block;
  width: auto !important;
  height: 210px !important;
  text-align: center;
  margin: 0 auto;
}
.sfproductsList .sfproductListItem .sfproductTmbWrp a {
  display: block;
  width: auto !important;
  height: auto !important;
  text-align: center;
  margin: 0 auto;
  font-size: 19px;
}
.sfproductsList .sfproductListItem .sfproductTmbWrp .sfproductTitle a {
  text-align: left;
}
.sfproductsList .sfproductListItem .sfproductTmbWrp .sfproductViewLink a {
  text-align: right;
}
.sfproductsList .sfproductListItem .sfproductTmbWrp img {
  transition: none;
  position: relative;
  width: auto;
  height: auto;
  max-width: 100%;
  opacity: 1;
  top: 0;
  left: auto;
  margin: 0 auto;
  padding: 0 0 10px 0;
  text-align: center;
  max-height: 100%;
}
.sfproductsList .sfproductListItem h2 {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 10px 20px;
  letter-spacing: 0px;
  font-size: 19px;
  line-height: 19px;
  font-weight: bold;
  min-height: 0;
  background-color: #62a7c1;
  display: block;
  width: 100%;
  color: #FFFFFF;
  text-align: left;
}
.sfproductsList .sfproductPrice {
  background-color: #62a7c1;
  color: #0065bd;
  width: 100%;
  text-align: left;
  padding: 20px;
}
.sfproductViewLink {
  background-color: #0065bd;
  text-align: right;
  padding: 15px;
  background-repeat: no-repeat;
  width: 100%;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  line-height: 20px;
}
.sfproductsList .sfproductListItem .sfproductTmbWrp:hover img {
  width: auto;
  height: auto;
}
.sfproductsList .sfproductListItem .sfproductTmbWrp {
  position: relative;
  border: 1px solid #e5e6e6;
  width: 96%;
  padding: 20px 0 0 0;
}
@media (max-width: 480px) {
  .sfproductsList li.sfproductListItem .sfproductTmbWrp a img {
    position: relative;
    width: auto;
    height: auto;
  }
  .sfproductsList li.sfproductListItem .sfproductTmbWrp a:hover img {
    width: auto;
    height: auto;
  }
}
.sfcartSummaryExpandableWrp {
  float: right;
  position: relative;
  width: 100%;
  display: block;
  background-color: #efefef;
  padding: 10px;
  border-bottom: 1px solid #e5e6e6;
  border-top: 1px solid #e5e6e6;
  margin: 10px 0 25px 0;
}
.sfProductsSortByWrp .sfSortByWrp {
  float: right;
  font-weight: bold;
  display: block;
  width: 100%;
  text-align: right;
  border-bottom: 1px solid #efefef;
  padding: 0 0 20px 0;
  margin: 0 0 30px 0;
}
.sfcartSummaryExpandableWrp .sfcartSummaryDetailsWrp {
  top: 69px;
  border-bottom: 5px solid #0065bd;
  /* border: 1px solid #eee; */
}
.sfproductsList {
  padding: 0;
  margin: 0 15px;
  list-style: none;
  display: block;
}
.sfproductsList .sfproductListItem {
  height: auto;
  margin-bottom: 20px;
  border-bottom: 0px solid #FFFFFF;
}
.sfproductsList .sfproductPrice .sfRegPrice {
  font-size: 3em;
  text-align: left;
  font-weight: bold;
}
.sfproductDetailsWrp {
  float: left;
  width: 100%;
  padding-bottom: 50px;
  border-bottom: 1px solid #efefef;
}
.sfproductDetailsWrp .sfproductPrice {
  border-bottom: 1px solid #e5e6e6;
  width: 100%;
  display: block;
  float: left;
  margin: 20px 0 10px 0;
  padding: 0 0 15px 0;
}
.sfproductDetailsWrp .sfproductPrice .sfRegPrice {
  background-color: #FFFFFF;
  color: #0065bd;
  display: inline-block;
  text-align: left;
  padding: 10px 0 20px 0;
  font-size: 4em;
  font-weight: bold;
  float: left;
}
.sfproductDetailsWrp .sfproductPrice .sfVatIncluded {
  font-weight: bold;
  color: #0065bd;
  font-size: 18px;
  float: left;
  display: inline-block;
  vertical-align: bottom;
  margin: 30px 0 0 5px;
}
.sfproductsList .sfproductPrice .sfVatIncluded {
  font-weight: bold;
}
.sfproductsList .sfproductListItem a {
  color: #FFFFFF;
}
.PagerWrapper {
  float: left;
  width: 100%;
  display: block;
  border-top: 1px solid #e5e6e6;
  margin: 20px 0 0 0;
}
.sf_pagerNumeric a.sf_PagerCurrent {
  background: #0065bd;
}
.sf_pagerNumeric a {
  padding: 10px 0 !important;
}
.sfCatalogPager a {
  background: #62a7c1;
  color: #FFFFFF;
  padding: 7px 10px 7px 10px;
  border-radius: 5px;
}
.sfCatalogTotalCount {
  display: block;
  margin: 15px 0 0 0;
  padding: 0 0 10px 0;
  border-top: 2px solid #e5e6e6;
}
h1.sfproductTitle {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 26px;
  margin: 0;
  display: inline-block;
  padding-bottom: 5px;
  text-transform: none;
  border-bottom: 2px solid #0065bd;
  color: #0065bd;
}
.sfproductDetailsWrp .sfProductInventoryWrp .sfProductInStock {
  color: #62a7c1;
}
.sfAddToCartWrp .sfAddToCartBtn {
  background: #62a7c1;
  padding: 7px 20px;
  margin-left: 10px;
}
.sfproductDescription {
  padding-bottom: 30px;
}
.sfcartSummaryExpandableWrp .sfcartSummaryDetailsWrp .sfminiShoppingCart .sfItmTitleCol a {
  color: #62a7c1;
}
.sfcartSummaryExpandableWrp .sfcartSummaryBtnsWrp a {
  color: #62a7c1;
}
.sfcartSummaryExpandableWrp .sfcartSummaryBtnsWrp input {
  background: #62a7c1;
}
.sfproductDetailsWrp .sfproductInfoWrp ul {
  font-size: 14px;
  line-height: 21px;
  color: #333333;
}
.sfMessage.sfMsgPositive {
  background-color: #45d828 !important;
}
/* -- Checkout pages --*/
.sfcheckoutTabstrip {
  background: #FFFFFF;
}
.sfcheckoutTabstrip .rtsLink {
  background: transparent;
}
.sfcheckoutMulitPage .sfcheckoutFormWrp {
  border-top: 0px solid #FFFFFF;
}
.sfcheckoutTabstrip .rtsLink .sfStep {
  color: #62a7c1;
  display: inline-block;
  font-size: 24px;
  border: 3px solid #62a7c1;
  border-radius: 20px;
  padding: 3px 0 0 0;
  height: 40px;
  width: 40px;
}
.sfcheckoutMulitPage h2.sfcheckoutStepTitle {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  padding-left: 60px;
  padding-top: 20px;
}
.sfcheckoutTabstrip.sfCStep0 .sfStep1 .sfStep,
.sfcheckoutTabstrip.sfCStep1 .sfStep2 .sfStep {
  color: #ffffff;
  background-color: #62a7c1;
}
.RadTabStrip .rtsLevel1 {
  padding-top: 0;
  padding-bottom: 15px;
  border-bottom: 5px solid #62a7c1;
}
.RadTabStrip .rtsLevel1 .rtsTxt,
.RadTabStripVertical .rtsLevel1 .rtsTxt {
  padding: 0;
}
.sfcheckoutTabstrip.sfCStep1 .sfStep1 {
  background-color: #FFFFFF;
}
.sfcheckoutMulitPage .sfcheckoutFormItm {
  border-bottom: 0px solid #FFFFFF;
  padding: 5px 0 10px 0;
  line-height: 30px;
}
.sfcheckoutTabstrip.sfCStep0 .sfStep1 {
  background-color: #FFFFFF;
}
.sfcheckoutTabstrip.sfCStep0 .sfStep1 .sfStep {
  display: inline-block;
}
.RadTabStrip .rtsTxt,
.RadTabStripVertical .rtsTxt {
  display: inline-block;
  color: #62a7c1;
}
.sfcheckoutMulitPage {
  background-color: #f5f5f6;
  border: 1px solid #e5e6e6;
}
.sfcheckoutFormWrp #content ul {
  padding-left: 0;
}
.sfcheckoutFormList input[type="text"].sfTxt {
  padding: 10px;
  min-width: 280px;
  font-size: 14px;
  font-family: 'Raleway', sans-serif;
}
.sfcheckoutFormList textarea {
  font-family: 'Raleway', sans-serif;
  border-color: #e5e6e6;
  font-size: 14px;
  min-height: 250px;
}
.sfcheckoutMulitPage .sfcheckoutFormItm .sfTxtLbl {
  width: 20%;
}
.sforderSummaryTable {
  width: 90%;
  margin: 0 auto;
}
.sfcheckoutMulitPage .sforderSummaryTable th {
  padding: 10px;
}
.shippingOptionsColumnWrp p {
  padding-left: 60px;
}
.RadComboBox_Metro .rcbInput {
  height: 40px;
  color: #000;
  font-size: 14px;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  line-height: 20px;
  padding: 0 0 0 10px;
}
.RadComboBox_Metro .rcbHovered .rcbArrowCell a {
  margin-right: 5px;
}
.sfcheckoutMulitPage .sfcheckoutFormItm {
  border-bottom: 0px solid #FFFFFF;
  padding: 5px 0 20px 55px;
  line-height: 30px;
}
.sfcheckoutMulitPage .sfcheckoutContinueBtn {
  padding: 10px 20px 10px 20px;
  font-family: "Raleway";
  font-size: 18px;
  float: right;
}
.sfcheckoutMulitPage .sfcheckoutContinueBtn,
.sfshoppingCartUpdateLnk,
.sfshoppingCartBtnsWrp input {
  background: #62a7c1;
}
.sfshoppingCartBtnsWrp .sfBackBtn {
  color: #72b5cb;
}
.sfshoppingCartWrp .rgMasterTable tr td.sfItmTitleCol .sfItmLnksWrp a.sfItmRemove,
.sfcheckoutPreviewProduct .rgMasterTable tr td.sfItmTitleCol .sfItmLnksWrp a.sfItmRemove {
  color: #0065bd;
}
.sfshoppingCartWrp .rgMasterTable tr td.sfItmPriceCol,
.sfshoppingCartWrp .rgMasterTable tr th.sfItmPriceCol {
  padding-right: 10px;
}
.sfproductsList .sfproductListItem .sfproductTmbWrp:hover img {
  width: auto;
  height: auto;
  max-width: auto;
  opacity: 1;
}
.sfproductDetailsWrp .sfproductImgsWrp .sfproductMainImgWrp img {
  width: auto;
}
.sfcartSummaryExpandableWrp {
  float: right;
  position: relative;
  width: 100%;
  display: block;
  background-color: #efefef;
  padding: 10px;
  border-bottom: 1px solid #e5e6e6;
  border-top: 1px solid #e5e6e6;
  margin: 10px 0 25px 0;
}
.sfProductsSortByWrp .sfSortByWrp {
  float: right;
  font-weight: bold;
  display: block;
  width: 100%;
  text-align: right;
  border-bottom: 1px solid #efefef;
  padding: 0 0 20px 0;
  margin: 0 0 30px 0;
}
.sfcartSummaryExpandableWrp .sfcartSummaryDetailsWrp {
  top: 69px;
  border-bottom: 5px solid #0065bd;
  /* border: 1px solid #eee; */
}
.sfproductsList {
  padding: 0;
  margin: 0 15px;
  list-style: none;
  display: block;
}
.sfproductsList .sfproductListItem {
  height: auto;
  margin-bottom: 20px;
  border-bottom: 0px solid #FFFFFF;
}
.sfproductsList .sfproductPrice .sfRegPrice {
  font-size: 3em;
  text-align: left;
  font-weight: bold;
}
.sfproductDetailsWrp {
  float: left;
  width: 100%;
  padding-bottom: 50px;
  border-bottom: 1px solid #efefef;
}
.sfproductDetailsWrp .sfproductPrice {
  border-bottom: 1px solid #e5e6e6;
  width: 100%;
  display: block;
  float: left;
  margin: 20px 0 10px 0;
  padding: 0 0 15px 0;
}
.sfproductDetailsWrp .sfproductPrice .sfRegPrice {
  background-color: #FFFFFF;
  color: #0065bd;
  display: inline-block;
  text-align: left;
  padding: 10px 0 20px 0;
  font-size: 4em;
  font-weight: bold;
  float: left;
}
.sfproductDetailsWrp .sfproductPrice .sfVatIncluded {
  font-weight: bold;
  color: #0065bd;
  font-size: 18px;
  float: left;
  display: inline-block;
  vertical-align: bottom;
  margin: 30px 0 0 5px;
}
.sfproductsList .sfproductPrice .sfVatIncluded {
  font-weight: bold;
}
.sfproductsList .sfproductListItem a {
  color: #FFFFFF;
}
.PagerWrapper {
  float: left;
  width: 100%;
  display: block;
  border-top: 1px solid #e5e6e6;
  margin: 20px 0 0 0;
}
.sf_pagerNumeric a.sf_PagerCurrent {
  background: #0065bd;
}
.sf_pagerNumeric a {
  padding: 10px 0 !important;
}
.sfCatalogPager a {
  background: #62a7c1;
  color: #FFFFFF;
  padding: 7px 10px 7px 10px;
  border-radius: 5px;
}
.sfCatalogTotalCount {
  display: block;
  margin: 15px 0 0 0;
  padding: 0 0 10px 0;
  border-top: 2px solid #e5e6e6;
}
h1.sfproductTitle {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 26px;
  margin: 0;
  display: inline-block;
  padding-bottom: 5px;
  text-transform: none;
  border-bottom: 2px solid #0065bd;
  color: #0065bd;
}
.sfproductDetailsWrp .sfProductInventoryWrp .sfProductInStock {
  color: #62a7c1;
}
.sfAddToCartWrp .sfAddToCartBtn {
  background: #62a7c1;
  padding: 7px 20px;
  margin-left: 10px;
}
.sfproductDescription {
  padding-bottom: 30px;
}
.sfcartSummaryExpandableWrp .sfcartSummaryDetailsWrp .sfminiShoppingCart .sfItmTitleCol a {
  color: #62a7c1;
}
.sfcartSummaryExpandableWrp .sfcartSummaryBtnsWrp a {
  color: #62a7c1;
}
.sfcartSummaryExpandableWrp .sfcartSummaryBtnsWrp input {
  background: #62a7c1;
}
.sfproductDetailsWrp .sfproductInfoWrp ul {
  font-size: 14px;
  line-height: 21px;
  color: #333333;
}
.sfMessage.sfMsgPositive {
  background-color: #45d828 !important;
}
/* -- Checkout pages --*/
.sfcheckoutTabstrip {
  background: #FFFFFF;
}
.sfcheckoutTabstrip .rtsLink {
  background: transparent;
}
.sfcheckoutMulitPage .sfcheckoutFormWrp {
  border-top: 0px solid #FFFFFF;
}
.sfcheckoutTabstrip .rtsLink .sfStep {
  color: #62a7c1;
  display: inline-block;
  font-size: 24px;
  border: 3px solid #62a7c1;
  border-radius: 20px;
  padding: 3px 0 0 0;
  height: 40px;
  width: 40px;
}
.sfcheckoutMulitPage h2.sfcheckoutStepTitle {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  padding-left: 60px;
  padding-top: 20px;
}
.sfcheckoutTabstrip.sfCStep0 .sfStep1 .sfStep,
.sfcheckoutTabstrip.sfCStep1 .sfStep2 .sfStep,
.sfcheckoutTabstrip.sfCStep2 .sfStep3 .sfStep,
.sfcheckoutTabstrip.sfCStep3 .sfStep4 .sfStep,
.sfcheckoutTabstrip.sfCStep4 .sfStep5 .sfStep {
  color: #ffffff;
  background-color: #62a7c1;
}
.RadTabStrip .rtsLevel1 {
  padding-top: 0;
  padding-bottom: 15px;
  border-bottom: 5px solid #62a7c1;
}
.RadTabStrip .rtsLevel1 .rtsTxt,
.RadTabStripVertical .rtsLevel1 .rtsTxt {
  padding: 0;
}
.sfcheckoutTabstrip.sfCStep1 .sfStep1,
.sfcheckoutTabstrip.sfCStep1 .sfStep2,
.sfcheckoutTabstrip.sfCStep1 .sfStep3,
.sfcheckoutTabstrip.sfCStep1 .sfStep4,
.sfcheckoutTabstrip.sfCStep1 .sfStep5,
.sfcheckoutTabstrip.sfCStep0 .sfStep1,
.sfcheckoutTabstrip.sfCStep2 .sfStep1,
.sfcheckoutTabstrip.sfCStep2 .sfStep2,
.sfcheckoutTabstrip.sfCStep2 .sfStep3,
.sfcheckoutTabstrip.sfCStep3 .sfStep1,
.sfcheckoutTabstrip.sfCStep3 .sfStep2,
.sfcheckoutTabstrip.sfCStep3 .sfStep3,
.sfcheckoutTabstrip.sfCStep3 .sfStep4 {
  background-color: #FFFFFF;
}
.sfcheckoutTabstrip.sfCStep4 .sfStep5 {
  background-color: #FFFFFF;
}
.sfcheckoutMulitPage .sfcheckoutFormItm {
  border-bottom: 0px solid #FFFFFF;
  padding: 5px 0 10px 0;
  line-height: 30px;
}
.sfcheckoutTabstrip.sfCStep0 .sfStep1 .sfStep {
  display: inline-block;
}
.RadTabStrip .rtsTxt,
.RadTabStripVertical .rtsTxt {
  display: inline-block;
  color: #62a7c1;
}
.sfcheckoutMulitPage {
  background-color: #f5f5f6;
  border: 1px solid #e5e6e6;
}
.sfcheckoutFormWrp #content ul {
  padding-left: 0;
}
.sfcheckoutFormList input[type="text"].sfTxt {
  padding: 10px;
  min-width: 280px;
  font-size: 14px;
  font-family: 'Raleway', sans-serif;
}
.sfcheckoutFormList textarea {
  font-family: 'Raleway', sans-serif;
  border-color: #e5e6e6;
  font-size: 14px;
  min-height: 250px;
}
.sfcheckoutMulitPage .sfcheckoutFormItm .sfTxtLbl {
  width: 20%;
}
.sforderSummaryTable {
  width: 90%;
  margin: 0 auto;
}
.sfcheckoutMulitPage .sforderSummaryTable th {
  padding: 10px;
}
.shippingOptionsColumnWrp p {
  padding-left: 60px;
}
.RadComboBox_Metro .rcbInput {
  height: 40px;
  color: #000;
  font-size: 14px;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  line-height: 20px;
  padding: 0 0 0 10px;
}
.RadComboBox_Metro .rcbHovered .rcbArrowCell a {
  margin-right: 5px;
}
.sfcheckoutMulitPage .sfcheckoutFormItm {
  border-bottom: 0px solid #FFFFFF;
  padding: 5px 0 20px 55px;
  line-height: 30px;
}
.sfcheckoutMulitPage .sfcheckoutContinueBtn {
  padding: 10px 20px 10px 20px;
  font-family: "Raleway";
  font-size: 18px;
  float: right;
}
.sfcheckoutMulitPage .sfcheckoutContinueBtn,
.sfshoppingCartUpdateLnk,
.sfshoppingCartBtnsWrp input {
  background: #62a7c1;
}
.sfshoppingCartBtnsWrp .sfBackBtn {
  color: #72b5cb;
}
.sfshoppingCartWrp {
  padding: 20px 0 0 0;
}
.sfshoppingCartWrp .rgMasterTable tr td.sfItmTitleCol .sfItmLnksWrp a.sfItmRemove,
.sfcheckoutPreviewProduct .rgMasterTable tr td.sfItmTitleCol .sfItmLnksWrp a.sfItmRemove {
  color: #0065bd;
}
.sfshoppingCartWrp .rgMasterTable tr td.sfItmPriceCol,
.sfshoppingCartWrp .rgMasterTable tr th.sfItmPriceCol {
  padding-right: 10px;
}
.sfproductsList .sfproductListItem .sfproductTmbWrp:hover img {
  width: auto;
  height: auto;
  max-width: auto;
  opacity: 1;
}
.sfproductDetailsWrp .sfproductImgsWrp .sfproductMainImgWrp img {
  width: auto;
}
.sfCheckoutPreviewShippingAndPayment,
.sforderBriefInfoWrp {
  float: left;
  width: 20%;
}
.sfcheckoutPreviewProduct,
.sfordersListDetailView {
  width: 80%;
}
.sfcheckoutPreviewProduct .rgMasterTable tr td.sfSingleItmPriceCol,
.sfcheckoutPreviewProduct .rgMasterTable tr th.sfItmPriceCol,
.sfshoppingCartWrp .rgMasterTable tr td.sfItmPriceCol,
.sfcheckoutPreviewProduct .rgMasterTable tr td.sfItmPriceCol,
.sfcheckoutPreviewProduct .rgMasterTable tr th.sfItmQuantityCol {
  text-align: left;
}
.sfcheckoutPreviewProduct .rgMasterTable tr th.sfItmQuantityCol,
.sfordersListDetailView .rgMasterTable tr th.sfItmQuantityCol,
.sfcheckoutPreviewProduct .rgMasterTable tr td.sfItmQuantityCol,
.sfordersListDetailView .rgMasterTable tr td.sfItmQuantityCol {
  text-align: left;
}
.sfcheckoutPreviewProduct .rgMasterTable tr td.sfItmQuantityCol {
  text-align: left;
}
.sfcheckoutBtnsWrp table {
  border-top: 1px solid #e5e6e6;
  border-bottom: 1px solid #e5e6e6;
  border-left: none !important;
  border-right: none !important;
}
.sfcartSummaryExpandableWrp {
  float: right;
  position: relative;
  width: 100%;
  display: block;
  background-color: #efefef;
  padding: 10px;
  border-bottom: 1px solid #e5e6e6;
  border-top: 1px solid #e5e6e6;
  margin: 10px 0 25px 0;
}
.sfProductsSortByWrp .sfSortByWrp {
  float: right;
  font-weight: bold;
  display: block;
  width: 100%;
  text-align: right;
  border-bottom: 1px solid #efefef;
  padding: 0 0 20px 0;
  margin: 0 0 30px 0;
}
.sfcartSummaryExpandableWrp .sfcartSummaryDetailsWrp {
  top: 69px;
  border-bottom: 5px solid #0065bd;
  /* border: 1px solid #eee; */
}
.sfproductsList {
  padding: 0;
  margin: 0 15px;
  list-style: none;
  display: block;
}
.sfproductsList .sfproductListItem {
  height: auto;
  margin-bottom: 20px;
  border-bottom: 0px solid #FFFFFF;
}
.sfproductsList .sfproductPrice .sfRegPrice {
  font-size: 3em;
  text-align: left;
  font-weight: bold;
}
.sfproductDetailsWrp {
  float: left;
  width: 100%;
  padding-bottom: 50px;
  border-bottom: 1px solid #efefef;
}
.sfproductDetailsWrp .sfproductPrice {
  border-bottom: 1px solid #e5e6e6;
  width: 100%;
  display: block;
  float: left;
  margin: 20px 0 10px 0;
  padding: 0 0 15px 0;
}
.sfproductDetailsWrp .sfproductPrice .sfRegPrice {
  background-color: #FFFFFF;
  color: #0065bd;
  display: inline-block;
  text-align: left;
  padding: 10px 0 20px 0;
  font-size: 4em;
  font-weight: bold;
  float: left;
}
.sfproductDetailsWrp .sfproductPrice .sfVatIncluded {
  font-weight: bold;
  color: #0065bd;
  font-size: 18px;
  float: left;
  display: inline-block;
  vertical-align: bottom;
  margin: 30px 0 0 5px;
}
.sfproductsList .sfproductPrice .sfVatIncluded {
  font-weight: bold;
}
.sfproductsList .sfproductListItem a {
  color: #FFFFFF;
}
.PagerWrapper {
  float: left;
  width: 100%;
  display: block;
  border-top: 1px solid #e5e6e6;
  margin: 20px 0 0 0;
}
.sf_pagerNumeric a.sf_PagerCurrent {
  background: #0065bd;
}
.sf_pagerNumeric a {
  padding: 10px 0 !important;
}
.sfCatalogPager a {
  background: #62a7c1;
  color: #FFFFFF;
  padding: 7px 10px 7px 10px;
  border-radius: 5px;
}
.sfCatalogTotalCount {
  display: block;
  margin: 15px 0 0 0;
  padding: 0 0 10px 0;
  border-top: 2px solid #e5e6e6;
}
h1.sfproductTitle {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 26px;
  margin: 0;
  display: inline-block;
  padding-bottom: 5px;
  text-transform: none;
  border-bottom: 2px solid #0065bd;
  color: #0065bd;
}
.sfproductDetailsWrp .sfProductInventoryWrp .sfProductInStock {
  color: #62a7c1;
}
.sfAddToCartWrp .sfAddToCartBtn {
  background: #62a7c1;
  padding: 7px 20px;
  margin-left: 10px;
}
.sfproductDescription {
  padding-bottom: 30px;
}
.sfcartSummaryExpandableWrp .sfcartSummaryDetailsWrp .sfminiShoppingCart .sfItmTitleCol a {
  color: #62a7c1;
}
.sfcartSummaryExpandableWrp .sfcartSummaryBtnsWrp a {
  color: #62a7c1;
}
.sfcartSummaryExpandableWrp .sfcartSummaryBtnsWrp input {
  background: #62a7c1;
}
.sfproductDetailsWrp .sfproductInfoWrp ul {
  font-size: 14px;
  line-height: 21px;
  color: #333333;
}
.sfMessage.sfMsgPositive {
  background-color: #45d828 !important;
}
/* -- Checkout pages --*/
.sfcheckoutTabstrip {
  background: #FFFFFF;
}
.sfcheckoutTabstrip .rtsLink {
  background: transparent;
}
.sfcheckoutMulitPage .sfcheckoutFormWrp {
  border-top: 0px solid #FFFFFF;
}
.sfcheckoutTabstrip .rtsLink .sfStep {
  color: #62a7c1;
  display: inline-block;
  font-size: 24px;
  border: 3px solid #62a7c1;
  border-radius: 20px;
  padding: 3px 0 0 0;
  height: 40px;
  width: 40px;
}
.sfcheckoutMulitPage h2.sfcheckoutStepTitle {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  padding-left: 60px;
  padding-top: 20px;
}
.sfcheckoutTabstrip.sfCStep0 .sfStep1 .sfStep,
.sfcheckoutTabstrip.sfCStep1 .sfStep2 .sfStep,
.sfcheckoutTabstrip.sfCStep2 .sfStep3 .sfStep,
.sfcheckoutTabstrip.sfCStep3 .sfStep4 .sfStep,
.sfcheckoutTabstrip.sfCStep4 .sfStep5 .sfStep {
  color: #ffffff;
  background-color: #62a7c1;
}
.RadTabStrip .rtsLevel1 {
  padding-top: 0;
  padding-bottom: 15px;
  border-bottom: 5px solid #62a7c1;
}
.RadTabStrip .rtsLevel1 .rtsTxt,
.RadTabStripVertical .rtsLevel1 .rtsTxt {
  padding: 0;
}
.sfcheckoutTabstrip.sfCStep1 .sfStep1,
.sfcheckoutTabstrip.sfCStep1 .sfStep2,
.sfcheckoutTabstrip.sfCStep1 .sfStep3,
.sfcheckoutTabstrip.sfCStep1 .sfStep4,
.sfcheckoutTabstrip.sfCStep1 .sfStep5,
.sfcheckoutTabstrip.sfCStep0 .sfStep1,
.sfcheckoutTabstrip.sfCStep2 .sfStep1,
.sfcheckoutTabstrip.sfCStep2 .sfStep2,
.sfcheckoutTabstrip.sfCStep2 .sfStep3,
.sfcheckoutTabstrip.sfCStep3 .sfStep1,
.sfcheckoutTabstrip.sfCStep3 .sfStep2,
.sfcheckoutTabstrip.sfCStep3 .sfStep3,
.sfcheckoutTabstrip.sfCStep3 .sfStep4 {
  background-color: #FFFFFF;
}
.sfcheckoutTabstrip.sfCStep4 .sfStep5 {
  background-color: #FFFFFF;
}
.sfcheckoutMulitPage .sfcheckoutFormItm {
  border-bottom: 0px solid #FFFFFF;
  padding: 5px 0 10px 0;
  line-height: 30px;
}
.sfcheckoutTabstrip.sfCStep0 .sfStep1 .sfStep {
  display: inline-block;
}
.RadTabStrip .rtsTxt,
.RadTabStripVertical .rtsTxt {
  display: inline-block;
  color: #62a7c1;
}
.sfcheckoutMulitPage {
  background-color: #f5f5f6;
  border: 1px solid #e5e6e6;
}
.sfcheckoutFormWrp #content ul {
  padding-left: 0;
}
.sfcheckoutFormList input[type="text"].sfTxt {
  padding: 10px;
  min-width: 280px;
  font-size: 14px;
  font-family: 'Raleway', sans-serif;
}
.sfcheckoutFormList textarea {
  font-family: 'Raleway', sans-serif;
  border-color: #e5e6e6;
  font-size: 14px;
  min-height: 250px;
}
.sfcheckoutMulitPage .sfcheckoutFormItm .sfTxtLbl {
  width: 20%;
}
.sforderSummaryTable {
  width: 90%;
  margin: 0 auto;
}
.sfcheckoutMulitPage .sforderSummaryTable th {
  padding: 10px;
}
.shippingOptionsColumnWrp p {
  padding-left: 60px;
}
.RadComboBox_Metro .rcbInput {
  height: 40px;
  color: #000;
  font-size: 14px;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  line-height: 20px;
  padding: 0 0 0 10px;
}
.RadComboBox_Metro .rcbHovered .rcbArrowCell a {
  margin-right: 5px;
}
.sfcheckoutMulitPage .sfcheckoutFormItm {
  border-bottom: 0px solid #FFFFFF;
  padding: 5px 0 20px 55px;
  line-height: 30px;
}
.sfcheckoutMulitPage .sfcheckoutContinueBtn {
  padding: 10px 20px 10px 20px;
  font-family: "Raleway";
  font-size: 18px;
  float: right;
}
.sfcheckoutMulitPage .sfcheckoutContinueBtn,
.sfshoppingCartUpdateLnk,
.sfshoppingCartBtnsWrp input {
  background: #62a7c1;
}
.sfshoppingCartBtnsWrp .sfBackBtn {
  color: #72b5cb;
}
.sfshoppingCartWrp {
  padding: 20px 0 0 0;
}
.sfshoppingCartWrp .rgMasterTable tr td.sfItmTitleCol .sfItmLnksWrp a.sfItmRemove,
.sfcheckoutPreviewProduct .rgMasterTable tr td.sfItmTitleCol .sfItmLnksWrp a.sfItmRemove {
  color: #0065bd;
}
.sfshoppingCartWrp .rgMasterTable tr td.sfItmPriceCol,
.sfshoppingCartWrp .rgMasterTable tr th.sfItmPriceCol {
  padding-right: 10px;
}
.sfproductDetailsWrp .sfproductImgsWrp .sfproductMainImgWrp img {
  width: auto;
}
.sfCheckoutPreviewShippingAndPayment,
.sforderBriefInfoWrp {
  float: left;
  width: 20%;
}
.sfcheckoutPreviewProduct,
.sfordersListDetailView {
  width: 80%;
}
.sfcheckoutPreviewProduct .rgMasterTable tr td.sfSingleItmPriceCol,
.sfcheckoutPreviewProduct .rgMasterTable tr th.sfItmPriceCol,
.sfshoppingCartWrp .rgMasterTable tr td.sfItmPriceCol,
.sfcheckoutPreviewProduct .rgMasterTable tr td.sfItmPriceCol,
.sfcheckoutPreviewProduct .rgMasterTable tr th.sfItmQuantityCol {
  text-align: left;
}
.sfcheckoutPreviewProduct .rgMasterTable tr th.sfItmQuantityCol,
.sfordersListDetailView .rgMasterTable tr th.sfItmQuantityCol,
.sfcheckoutPreviewProduct .rgMasterTable tr td.sfItmQuantityCol,
.sfordersListDetailView .rgMasterTable tr td.sfItmQuantityCol {
  text-align: left;
}
.sfcheckoutPreviewProduct .rgMasterTable tr td.sfItmQuantityCol {
  text-align: left;
}
.sfcheckoutBtnsWrp table {
  border-top: 1px solid #e5e6e6;
  border-bottom: 1px solid #e5e6e6;
  border-left: none !important;
  border-right: none !important;
}
.order-header h1 {
  font-size: 40px;
  line-height: 60px;
  margin-top: 20px;
}
h1.sforderDetailTitle {
  font-size: 30px;
  line-height: 60px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e5e6e6;
}
.k-menu .k-animation-container .k-menu-group {
  top: auto;
  left: auto;
  margin-left: -1px;
  border-bottom: 3px solid #72b4cd;
}
.k-context-menu.k-menu-vertical > .k-item > .k-link,
.k-menu .k-menu-group .k-item > .k-link {
  padding: .28em 1.8em .38em .9em;
  border-bottom: 1px solid #e1e1e1;
  line-height: 30px;
}
.k-menu .k-menu-group > .k-state-border-down {
  background-image: url('http://asg-staging.hardwireagency.com.au/Templates/images/ASG/blue-arrow-right.svg');
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-position: 98% 12px;
}
.nav-wrapper .k-menu > .k-item .k-menu-group {
  top: 1px;
}
.scroll-image {
  max-height: 650px;
  overflow: scroll;
}
.start {
  border-bottom: 1px solid #EFEFEF;
  margin-bottom: 10px;
  padding: 10px 0 30px 0;
}
.start a {
  background: #45d828;
  height: 45px;
  font-size: 15px;
  font-weight: bold;
  color: #ffffff;
  line-height: 45px;
  padding: 0 37px;
  border-radius: 10px;
  font-family: "Raleway", sans-serif;
  border: none;
  display: inline-block;
  float: right;
}
.top-copy-left {
  padding: 20px 20px 30px 20px;
}
.information-box {
  border: 1px solid #e5e6e6;
  background: linear-gradient(to bottom, #ffffff 0%, #f6f7f7 100%);
  border-bottom: 10px solid #0065bd;
  padding: 20px 20px 30px 20px;
}
.information-box h4 {
  color: #0065bd;
  margin: 0 0 0 0;
}
.information-box p {
  margin-top: 5px;
}
#content .information-box ul li {
  margin: 0 0 0 0;
}
.information-box .time {
  font-size: 4em;
  line-height: 0.5em;
  color: #0065bd;
  float: left;
  display: block;
  width: 100%;
}
.information-box .time-minutes {
  font-size: 1em;
  line-height: 1em;
  float: left;
  display: block;
  width: 100%;
  vertical-align: baseline;
}
.information-box img {
  max-width: 80px;
}
@media (min-width: 992px) {
  #content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item .sfContentBlock {
    line-height: 24px;
  }
  #content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content .tab-background,
  #content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content {
    min-height: 400px;
  }
}
@media (min-width: 768px) {
  #content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content .tab-background .sfContentBlock img {
    /* height: 100%; */
    /* max-width: 500%; */
    /* width: auto; */
    min-height: 400px;
  }
}
.subpage2__sidemenu2 .subpagesidenav .k-treeview .k-in {
  margin: 0;
  padding: 0;
  border: 0px solid transparent;
  line-height: inherit;
  text-transform: none;
}
.k-menu .k-animation-container .k-menu-group {
  top: auto;
  left: auto;
  margin-left: -1px;
  border-bottom: 3px solid #72b4cd;
}
.k-context-menu.k-menu-vertical > .k-item > .k-link,
.k-menu .k-menu-group .k-item > .k-link {
  padding: .28em 1.8em .38em .9em;
  border-bottom: 1px solid #e1e1e1;
  line-height: 30px;
}
.k-menu .k-menu-group > .k-state-border-down {
  background-image: url('http://asg-staging.hardwireagency.com.au/Templates/images/ASG/blue-arrow-right.svg');
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-position: 98% 12px;
}
.nav-wrapper .k-menu > .k-item .k-menu-group {
  top: 1px;
}
.scroll-image {
  max-height: 650px;
  overflow: scroll;
}
.start {
  border-bottom: 1px solid #EFEFEF;
  margin-bottom: 10px;
  padding: 10px 0 30px 0;
}
.start a {
  background: #45d828;
  height: 45px;
  font-size: 15px;
  font-weight: bold;
  color: #ffffff;
  line-height: 45px;
  padding: 0 37px;
  border-radius: 10px;
  font-family: "Raleway", sans-serif;
  border: none;
  display: inline-block;
  float: right;
}
.top-copy-left {
  padding: 20px 20px 30px 20px;
}
.information-box {
  border: 1px solid #e5e6e6;
  background: linear-gradient(to bottom, #ffffff 0%, #f6f7f7 100%);
  border-bottom: 10px solid #0065bd;
  padding: 20px 20px 30px 20px;
}
.information-box h4 {
  color: #0065bd;
  margin: 0 0 0 0;
}
.information-box p {
  margin-top: 5px;
}
#content .information-box ul li {
  margin: 0 0 0 0;
}
.information-box .time {
  font-size: 4em;
  line-height: 0.5em;
  color: #0065bd;
  float: left;
  display: block;
  width: 100%;
}
.information-box .time-minutes {
  font-size: 1em;
  line-height: 1em;
  float: left;
  display: block;
  width: 100%;
  vertical-align: baseline;
}
.information-box img {
  max-width: 80px;
}
@media (min-width: 992px) {
  #content .tab-block .k-tabstrip-wrapper .k-tabstrip .k-tabstrip-items > .k-item .sfContentBlock {
    line-height: 24px;
  }
  #content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content .tab-background,
  #content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content {
    min-height: 400px;
  }
}
@media (min-width: 768px) {
  #content .tab-block .k-tabstrip-wrapper .k-tabstrip > .k-content .tab-background .sfContentBlock img {
    /* height: 100%; */
    /* max-width: 500%; */
    /* width: auto; */
    min-height: 400px;
  }
}
.subpage2__sidemenu2 .subpagesidenav .k-treeview .k-in {
  margin: 0;
  padding: 0;
  border: 0px solid transparent;
  line-height: inherit;
  text-transform: none;
}
.reportcardText h3 {
  margin-bottom: 0;
}
.reportcard {
  border-bottom: 5px solid #45d828;
}
.reportcard .sfTxt {
  padding: 7px 10px;
  /*width: 92%;*/
  margin-bottom: 20px;
}
.reportcard a {
  color: #72b5cb !important;
}
.reportcard .button {
  background: #45d828;
  border-radius: 10px;
  padding: 0 5%;
  display: inline-block;
  font-size: 17px;
  font-weight: normal;
  line-height: 45px;
  white-space: nowrap;
  color: #ffffff;
  text-transform: none;
  box-shadow: none;
  border: none;
  text-transform: uppercase;
  float: right;
}
.reportcardImg img {
  float: right;
}

/* editor fixes */

.sfPageEditor .modal {
    display:block;
}

.sfPageEditor .modal.fade .modal-dialog {
    -moz-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
}


/* NEW THINGS FOR JOIN PAGE */

.button.green {
  background: #45d828;
}
.button.green:hover {
  background: #30981c;
}
.button.green.disabled {
  background: #def1da;
  cursor: default;
}
.button.green.disabled:hover {
  background: #def1da;
}
.button {
  white-space: nowrap;
  color: #ffffff;
  text-transform: none;
  box-shadow: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.start {
  border: none;
  margin-bottom: 10px;
  padding: 10px 0 30px 0;
}
.start .button {
  background: #45d828;
  height: 45px;
  font-size: 15px;
  font-weight: bold;
  color: #ffffff;
  line-height: 45px;
  padding: 0 37px;
  border-radius: 10px;
  font-family: "Raleway", sans-serif;
  border: none;
  /*display: inline-block;
  float: right;*/
  display:block;
  float:none;
  margin-left:auto;
  margin-right:auto;
}

.modal .close {
    background: #000000;
    border: 3px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    font-size: 45px;
    height: 36px;
    margin: 0;
    padding: 0 0 6px;
    position: absolute;
    right: -18px;
    top: -18px;
    width: 36px;
    z-index:9999;
}

.modal .close:hover {
    background:#ffffff;
    border:3px solid #000000;
    color:#000000;
}

.modal .modal-body {
    padding: 30px;
}

.modal .modal-body h3 {
    margin-top:0;
}

.modal .modal-body .start .button {
    display: inline-block;
    float: right;
}

.modal .sfPublicWrapper {
    margin: 0;
    padding: 0;
    width: 100%;
}

.scroll-content {
    /* overflow: scroll; */
    max-height: 200px;
    padding: 20px;
    background-color: #f0f1f1;
    border: 1px solid #0065bd;
    overflow-y: auto;
    width: 95%;
    margin: 0 auto;
}

.join-assist-text label {
    display:block;
}

.join-assist-text input {
    display:block;
    width:100%;
}

.assist-button {
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.assist-button button, .assist-button input {
    background: #45d828 none repeat scroll 0 0;
    border: medium none;
    border-radius: 6px;
    box-shadow: none;
    color: #ffffff;
    font-size: 18px;
    padding: 11px 16px;
    text-transform: uppercase;
}

#noThanks {
    display: inline-block;
    float: left;
}

.accept-terms {
    margin-bottom: 20px;
}

.accept-terms input {
    margin-right: 5px;
}

button#submitContinue {
    border:none;
}

.clearFix {
    clear: both;
}

.pdsmodal h3 {
    margin: 0;
}

.pdsmodal p {
    font-size: 14px;
}

/* LATEST UPDATES - 25/01/16 */

.sfcheckoutMulitPage .sfcheckoutFormItm .sfTxtLbl {
  display: block;
  width: 25%;
  padding: 0 10px;
}
@media (min-width: 490px) {
  .sfcheckoutMulitPage .sfcheckoutFormItm .sfTxtLbl {
    float: left;
  }
}
.sfcheckoutMulitPage .sfcheckoutFormItm .RadComboBox {
  display: block !important;
  width: 300px;
}
@media (min-width: 490px) {
  .sfcheckoutMulitPage .sfcheckoutFormItm .RadComboBox {
    display: inline-block !important;
  }
}
.sfcheckoutMulitPage .sfcheckoutFormItm .RadComboBox select {
  border: 2px solid #eeeeee;
  font-family: "Raleway";
  padding: 8px 10px;
  width: 282px !important;
}

/* LATEST UPDATES - 27/01/16 */

.meeting-wrapper .sfFormSubmit input {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background: #45d828;
    font-size: 18px;
    font-weight: bold;
    line-height: 56px;
    padding: 0 50px;
    white-space: nowrap;
    color: #ffffff;
    text-transform: none;
    box-shadow: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    border: none;
    cursor: pointer;
    display:block;
    position:relative;
}

.meeting-wrapper .sfFormSubmit input:hover {
    background: #30981c;
}

.meeting-wrapper .sfCheckListBox label {
    margin-left:5px;
}

input[type="submit"] {
  -webkit-appearance: none;  // remove shadow in iOS
}

a.button.medium img {
    display:inline-block;
    position:relative;
    margin-right: 5px !important;
}

#content .meet-block a.button {
    clear:both;
    position:relative;
}

#content .meet-block .content-block a.button {
    width:223px;
}

/*Mark*/

.articlePagination {
    margin: 10px 0 10px 0;
}

.articlePagination ul li {
    display: inline;
}

.list-body p {
    margin: 0;
}

.list-thumbnail {
    position: relative;
    display: block;
    width: 100%;
}

.list-thumbnail p.content-type {
    margin: 0 0 0 0;
    font-size: smaller !Important;
}
