/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
Main tags + common styles
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
html {
	box-sizing: border-box;
}
*, *:after, *:before {
    box-sizing: border-box;
}
body {
	background: #fff;
	font-family: "Montserrat", "Proxima Nova", Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0;
	padding: 0;
	text-align: center;
}
a {
	color: #369;
	text-decoration: none;
}
img {
	margin: 0;
	border: 0;
}
h1, h2, h3, h4, h5 {
	text-transform: uppercase;
}
h5 {
	font-size: .92em;
}
hr {
	height: 0;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 30px 0;
}

/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
Misc core styles
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
.button-link-orange {
	color: #fff;
	display: inline-block;
	padding: 8px 15px;
	border-radius: 3px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	transition: background 0.3s;
	background: #ef6e02;
	text-shadow: none;
}
#MobilePageMask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	background: rgba(255, 255, 255, 0.9);
	z-index: 99;
}
.info, .list-container {
	position: relative;
	display: block;
	padding: 0;
	text-align: left;
}
.info small {
	color: #777;
}
@media (min-width: 1250px) {
	.info, .list-container {
		width: 1200px;
		margin: 0 auto;
	}
}
@media (max-width: 1249px) {
	.info, .list-container {
		padding: 0 20px;
	}
	#BreadcrumbContainer .info {padding:0}
}
@media (max-width: 800px) {
	.list-container {
		padding: 0;
	}
}
@media (max-width: 399px) {
	.collapsable {
		padding: 0;
	}
}
.info li {
	margin-bottom: 7px;
	line-height: 1.4em;
}
.grid {
}
.grid-row {
	display: flex;
}
.grid-column {
	-webkit-flex: 1;
	flex-grow: 1;
	padding: 10px;
	text-align: left;
}
/*
.grid-column:nth-child(2n+1) {
	text-align: right;
	color: #999;
}
*/
.columns {
	display: block;
}
input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
@media (min-width: 600px) {
	.columns {
		display: flex;
	}

	.column {
		-webkit-flex: 1;
		flex-grow: 1;
	}
	.column-padding:nth-child(2n+1) {
		padding-right: 15px;
	}
	.column-padding:nth-child(2n) {
		padding-right: 15px;
	}
}
.fill {
	width: 100%;
	height: auto;
}
.loading {
	padding: 20px;
	text-align: center;
}
.warning {
	color: #c00;
}
.standout {
	font-weight: bold;
	text-decoration: underline;
}
.title-number {
	position: relative;
	padding-left: 40px;
}
p.title-number {
	margin-bottom: 30px;
}
.title-number::before {
	position: absolute;
	left: 0;
	top: -8px;
	content: attr(data-number);
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	background: #555;
	font-size: 20px;
	line-height: 35px;
	text-align: center;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	margin: 0 10px 0 0;
}
.title-number-1::before {
	background: #009a03;
}
.title-number-2::before {
	background: #d0a73d;
}
.title-number-3::before {
	background: #0051a2;
}
.title-number-4::before {
    background: #800080;
}
.title-number-5::before {
    background: #ff9101;
    padding-top: 6px;
    padding-left: 2px;
    color: #fff;
    top: 10px;
    font-size: 30px;
}
.title-number-type2 {
    position: relative;
    padding-left: 10px;
    text-align:left;
}

p.title-number-type2 {
    margin-bottom: 30px;
}

.title-number-type2::before {
    content: attr(data-number);
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    background: #428bca;
    font-size: 20px;
    line-height: 35px;
    text-align: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin: 0 10px 0 0;
}
@media (min-width: 600px) {
	.list-2-columns {
		column-count: 2;
		list-style: none;
		padding: 0 0 0 30px;
		margin: 0;
	}
	.list-2-columns li {
		position: relative;
		margin: 0 0 6px 0;
		padding: 0 0 0 15px;
	}
	.list-2-columns li:before {
		content: '\2022';
		font-weight: bold;
		color: #333;
		position: absolute;
		top: 0;
		left: 0;
	}
}

/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
Chat window
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
#ChatWindow {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 1001;
	border-radius: 5px 5px 0 5px;
	box-shadow: 0 0 15px 0 #000;
	transition: all 0.2s ease-out;
}
@media (max-width: 599px) {
	#ChatWindow {
		top: 10px;
		left: 10px;
	}
}
@media (min-width: 600px) {
	#ChatWindow {
		height: 500px;
		width: 350px;
	}
}
#ChatTitle {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 40px;
	overflow: hidden;
	background-color: #000;
	background-image: url(/media/images/floating-nav/icon-chat.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size: 25px 25px;
	border-radius: 5px 5px 0 0;
	padding: 7px;
	text-align: center;
	color: #fff;
}
@media (min-width: 600px) {
	#ChatTitle {
		cursor: move;
		cursor: grab;
		cursor: -webkit-grab;
		cursor: -moz-grab;
	}
}
#ChatTitle.grab-active {
	cursor: grabbing;
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
}
#ChatTitleText {
	padding: 5px 0 0 0;
	user-select: none;
}
#ChatTitleIcons {
	position: absolute;
	right: 14px;
	top: 11px;
	color: #fff;
	cursor: pointer;
	font-size: 20px;
	line-height: 20px;
}
#ChatTitleIcons img {
	width: 18px;
	height: 18px;
}

#ChatLoading {
  margin: 200px auto 0;
  width: 70px;
  text-align: center;
}
#ChatLoading > div {
  width: 18px;
  height: 18px;
  background-color: #eee;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
#ChatLoading .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
#ChatLoading .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
#OutOfHoursMessage {
	color: #fff;
	margin: 5px 0 0 0;
}
#OutOfHoursMessage p {
	text-align: left;
	margin: 20px;
}

#ChatWindow.chat-window-hidden,  #chatbubblecontainer.chat-window-hidden {
	display: none;
}
@media (min-width: 800px) {
	#ChatWindow.chat-window-hidden {
		transform: translateX(-100px);
		opacity: 0.1;
	}
}
#ChatMessages {
	position: absolute;
	top: 40px;
	bottom: 50px;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	overflow: auto;
}
.chat-message {
	padding: 15px 10px;
	margin: 20px;
	text-align: left;
	border-radius: 5px;
	color: #000;
	background: #fff;
	font-size: 14px;
	line-height: 22px;
}
.chat-message-customer {
	position: relative;
	margin: 20px 20px 20px 40px;
}
.chat-message-customer:after {
	content: '';
	position: absolute;
	top: 50%;
	right: -20px;
	width: 0;
	height: 0;
	margin-top: -10px;
	border: 10px solid transparent;
	border-left-color: #fff;
}
.chat-message-ncsf {
	position: relative;
	color: #fff;
	background: #3e7ce4 linear-gradient(to right, #3e7ce4, #2e6cd4);
	margin: 20px 40px 20px 20px;
}
.chat-message-ncsf:before {
	content: '';
	position: absolute;
	top: 50%;
	left: -20px;
	width: 0;
	height: 0;
	margin-top: -10px;
	border: 10px solid transparent;
	border-right-color: #3e7ce4;
	z-index: 1100;
}
.chat-message-ncsf .input {
	background: #fff;
}
.chat-message-form {
	margin-right: 10px;
}
.chat-message-time {
	float: right;
	font-size: 11px;
	margin: 0 0 0 10px;
	text-align: center;
}

#ChatInputContainer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 50px;
	background: #ccc;
	border-radius: 0 0 0 5px;
	box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.3);
}
#ChatInput {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 80%;
	border: 0;
	padding: 0 10px;
	background: #fff;
	border-radius: 0 0 0 5px;
}
#ChatInputButton {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 20%;
	font-size: 30px;
}
.chat-bubble-holder {
	position: fixed;
	right: 10px;
	bottom: 50px;
	height: 75px;
	width: 120px;
	z-index: 1001;
}
	.chat-bubble-holder #chatbubbleclose {
		display: block;
		position: absolute;
		right: -5%;
		top: -10%;
		box-shadow: 0 3px 6px rgb(50 50 50 / 30%);
		border-radius: 45px;
		background-color: #fff;
		padding: 2px 6px 2px 6px;
		font-size: .9em;
		font-weight: bold;
		cursor: pointer
	}
	.chat-bubble-holder .chatbubblebgrd {
		min-height: 120px;
		background-image: url(/media/images/chat/icon-chat-bubble-lg.png);
		background-size: contain;
		background-repeat: no-repeat
	}
	.chat-bubble-holder .chatbubbletxt {
		padding-top: 20px;
		font-weight: bold;
		font-size: .90em;
	}
    .chat-bubble-holder a {
        color: #000;
    }

@media (max-width: 599px) {
	#ChatWindow, #ChatTitle, #ChatMessages, #ChatInputContainer {
		left: 10px;
	}
	#OutOfHoursMessage {

		margin: 45px 0 0 0;
	}
	.chat-bubble-holder {
		bottom: 65px;
	}
}
@media (min-width: 600px) {
	#ChatWindow, #ChatTitle, #ChatMessages, #ChatInputContainer {
		width: 350px;
	}
}

/*
#ChatMask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	background: rgba(255, 255, 255, 0.9);
	z-index: 1000;
}
#ChatLoading {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
	width: 100px;
	height: 100px;
	background: #333;
	border-radius: 5px;
}
#ChatLoading img {
	margin-top: 18px;
}
#ChatDialog {
	position: absolute;
	top: 10%;
	bottom: 10%;
	left: 10%;
	right: 10%;
	padding: 10px;
	background: #333;
	border-radius: 5px;
	color: #fff;
}
#ChatHistory {
	height: 200px;
	overflow: auto;
	color: #555;
	background: #fff;
	text-align: left;
}
.chat-message-item-title {
	padding: 5px;
	border-radius: 3px;
}
.chat-message-item-title-ncsf {
	background: #369;
}

#ChatMessage {
	margin: 10px 0;
	width: 100%;
	height: 100px;
}
*/

/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
Header/navigation section
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
@media (min-width: 1025px) {
	header {
		transition: all 0.2s ease-in-out;
		z-index: 100;
	}
	header a {
		position: relative;
		color: #fff;
	}
	header a:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 2px;
		bottom: -5px;
		left: 0;
		background-color: #fff;
		transform: scaleX(0);
		transition: all 0.2s ease-in-out 0s;
	}
	header a:hover:before {
		transform: scaleX(1);
	}
	header ul {
		list-style: none;
		margin: 0;
		padding: 0;
		top: auto;
	}
	header li {
		display: inline-block;
	}
	#MobileMenu {
		display: none;
	}
	#HeaderLogoWrapper {
		position: fixed;
		left: 15px;
		top: 22px;
		width: 220px;
		height: 80px;
		z-index: 101;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	#HeaderLogoWrapper a {
		display: inline-block;
	}
	#HeaderLogoLarge {
		height: 75px;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	#HeaderLogoSmall {
		display: none;
	}
	#HeaderLogoWrapper.collapsed {
		top: 4px;
	}
	#HeaderLogoWrapper.collapsed img {
		height: 62px;
	}
	#Navigation {
		z-index: 100;
	}
	#Navholder {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		box-shadow: 0 3px 6px rgb(50 50 50 / 30%);
		z-index: 99;
	}
	#NavBar {
		background: #03386e;
		display: flex;
		margin: 30px 0 0 0;
		height: 85px;
		align-items: center;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	#NavBar.collapsed {
		background: #03386e;
		height: 40px;
	}
	#Nav1, #Nav2 {
		flex-grow: 1;
	}
	#Nav1 {
		padding-left: 270px;
		text-align: left;
		text-transform: capitalize;
		font-weight: normal;
		font-size: 16px;
	}
	#Nav1 li {
		margin-right: 20px;
	}
	#Nav1 li:last-child {
		margin-right: 0;
	}
	#Nav2 {
		text-align: right;
		display: none;
	}
	#Nav2 li {
		margin-right: 10px;
	}
	#Nav3 {
		font-size: 12px;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		padding: 0 20px 0 0;
		background: #23588e;
		background: linear-gradient(to right, #03386e 250px, #23588e);
		height: 30px;
		text-align: right;
	}
	@media (min-width: 800px) and (max-width: 999px) {
		#Nav1, #Nav2 {
			font-size: 14px;
		}
		#Nav1 li {
			margin-right: 10px;
		}
		#Nav2 li {
			margin-right: 4px;
		}
		#Nav2 li:nth-child(3) {
			display: inline;
		}
		#Nav2 li:nth-child(3):after {
			content:"\a";
			white-space: pre;
		}
	}
	@media (min-width: 1000px) and (max-width: 1100px) {
		#Nav1, #Nav2 {
			font-size: 15px;
		}
		#Nav1 li {
			margin-right: 15px;
		}
		#Nav2 li {
			margin-right: 5px;
		}
	}
	#MyAccount {
		height: 30px;
		line-height: 32px;
		margin: 0 34px 0 0;
	}
	#CartIcon {
		position: fixed;
		top: 6px;
		right: 20px;
		z-index: 101;
		padding: 0 !important;
		border: 0 !important;
	}
	#CartIcon:hover:before {
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
	}
	#CartIcon img {
		vertical-align: middle;
	}
	#MiniCartCount {
		position: absolute;
		top: 8px;
		right: -12px;
		color: #009;
		background: rgba(255, 255, 255, 0.6);
		border-radius: 3px;
		padding: 0 2px;
		font-weight: bold;
		vertical-align: middle;
	}

	#HeaderPadding {
		height: 115px;
	}
	#HeaderPadding.sticky {
		height: 115px;
		/*height:160px; */
	}
	/* collapsed */
	header.collapsed, header.collapsed nav {
		height: 50px;
	}
	header.collapsed #HeaderLogoWrapper {
		height: 40px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	header.collapsed #HeaderLogoWrapper img {
		height: 40px;
	}
	header.collapsed li a {
		height: 50px;
		line-height: 50px;
	}
}
@media (max-width: 1024px) {
	/*
	.hamburgerOn {
		transform: translate(80%, 0);
		overflow-x: hidden;
	}
	*/
    header {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 100;
        height: 40px;
        background: rgba(3, 56, 110, 0.90);
        -webkit-transition: all 0.4s cubic-bezier(.35,1,.33,1);
        transition: all 0.4s cubic-bezier(.15,1,.13,1);
        
    }
	header a {
		color: #fff;
	}
	#HeaderLogoWrapper img {
		margin-top: 7px;
		height: 28px;
	}
	#HeaderLogoLarge {
		display: none;
	}
	#MobileMenu {
		position: absolute;
		left: 15px;
		top: 10px;
		color: #fff;
		cursor: pointer;
	}
	#HamburgerIcon {
		float: left;
		margin-right: 8px;
	}
	#HamburgerMenu {
		display: inline-block;
		font-size: 14px;
		height: 20px;
		line-height: 20px;
	}
	.bar1, .bar2, .bar3 {
		display: block;
		width: 25px;
		height: 3px;
		background-color: #fff;
		margin: 3px 0;
		transition: 0.2s;
	}
	.hamburgerOn .bar1 {
		width: 15px;
		-webkit-transform: rotate(-45deg) translate(-3px, -1px);
		transform: rotate(-45deg) translate(-3px, -1px);
	}
	.hamburgerOn .bar3 {
		width: 15px;
		-webkit-transform: rotate(45deg) translate(-3px, -1px);
		transform: rotate(45deg) translate(-3px, 1px);
	}
	#Navigation {
		display: block;
		position: fixed;
		top: 0;
		left: -80%;
		bottom: 0;
		width: 80%;
		background: #333;
		background: #03386e;
		background: #dfdfdf;
		background: linear-gradient(to right, #dfdfdf, #d6d6d6);
		background: #222;
		color: #fff;
		text-align: left;
		padding: 30px 30px 10px 30px;
		overflow: auto;
		z-index: 101;
	}
	.navigation-with-shadow {
		box-shadow:  5px 0px 12px 0 rgba(0, 0, 0, 0.5);
	}
	#Nav1 {
		background-color: #222;
	}
		#Nav1:before {
			content: "MENU";
			display: inline-block;
			font-size: 18px;
			margin: 0 0 10px 0;
			padding: 0 0 5px 0;
			border-bottom: 2px solid #058dbd;
		}
	#Nav1 a, #Nav2 a, #Nav3 a {
		padding: 10px 0;
	}
	#Nav2 {
		margin: 20px 0;
		padding: 20px 0;
		border-top: 2px solid #058dbd;
		border-bottom: 2px solid #058dbd;
	}
	#Nav2 a {
		text-transform: capitalize;
	}
	#Nav3 {
		margin-top: 20px;
	}
	#Nav3 a {
		text-transform: uppercase;
	}
	header ul {
		list-style: none;
		margin: 0;
		padding: 0;
		top: auto;
	}
	#Navigation li {
		display: block;
	}
	header #Nav2 li {
		border-bottom: 0px solid #aaa;
	}
	header li a {
		padding: 10px 0;
		display: block;
	}
	#Nav1 {
		text-transform: uppercase;
	}

	#HeaderPadding {
		height: 40px;
	}
	#HeaderPadding.sticky{
		height: 70px; 
	}
	#CartIcon {
		position: fixed;
		top: 12px;
		right: 20px;
		z-index: 101;
		padding: 0 !important;
		border: 0 !important;
	}
	#MiniCartCount {
		position: absolute;
		top: 8px;
		right: -12px;
		color: rgb(3, 56, 110);
		background: rgba(255, 255, 255, 0.6);
		border-radius: 3px;
		padding: 0 2px;
		font-weight: bold;
		font-size: 12px;
		vertical-align: middle;
	}
}
#Breadcrumb {
	font-size: 0.9em;
	list-style: none;
	background: #428bca;
	margin: 10px 3px 15px 3px;
	padding: 8px 15px;
	border-radius: 4px;
	color: #fff;
	text-align: left;
}
#Breadcrumb li {
	display: inline-block;
	margin: 0;
	line-height: 1em;
}
#Breadcrumb li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
#Breadcrumb a {
	color: #fff;
}
/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
Floating Privacy Cookie
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
#FloatingPrivacy {
    list-style: none;
    margin: 0;
    padding: 0;
    position: fixed;
    bottom: 1%;
    left: .5%;
    z-index: 999;
    background-color: rgba(235,235, 235, 0.9);
    width: 99%;
    border-radius: 3px;
    transition: all 1s cubic-bezier(.15,1,.13,1);
}

    #FloatingPrivacy p {
        padding-left: 1%;
        text-align: left;
        display: inline-block;
        width: 88%;
        font-weight: bold;
        text-align:justify;
    }

        #FloatingPrivacy p a {
            font-weight: normal;
        }

    #FloatingPrivacy .button-holder {
        display: inline-block;
        width: 12%;
        text-align: right;
        padding: 0 1% 0 1%;
     }

    #FloatingPrivacy .box-button {
        display: inline-block;
        color: #fff;
        background: #f3961c;
        padding: 10px 15px;
        border-radius: 5px;
        text-transform: uppercase;
        font-size: 0.95em;
        font-weight: bold;
        text-align: right;
    }
    #PromoSplash {
	display: none;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 25%;
	left: 50%;
	margin-left: -290px;
	z-index: 998;
	border: 1px solid #000;
	border-radius: 7px;
   }
	#PromoSplash .promoframe {
		/**min-height: 340px;
		min-width: 375px; **/
		border-radius: 7px;
		font-family: 'Montserrat', 'Trebuchet MS', Helvetica, sans-serif;
		margin: 0 auto;
	}
		#PromoSplash .promoframe .promocover {
			background-color: rgba(0,0,0,.5);
		}
		#PromoSplash a:before {
			background-color: transparent
		}
		#PromoSplash .promoframe .textholder {
			text-align: center;
			padding:50px
		}

		#PromoSplash .promoframe .textarea {
			display: inline-block;
			text-align: center;
		}

		#PromoSplash .promoframe .textholder a {
			color: #fff;
			text-decoration:none;
		}

	#PromoSplash .promoframe .lg {
		display: block;
		color: #fff;
		text-transform: uppercase;
		font-size: 2.8em;
		font-weight: bold;
		margin: 0 0 9px 0;
	}

		#PromoSplash .promoframe .md {
			display: block;
			color: #fff;
			text-transform: uppercase;
			font-size: 1.87em;
			font-weight: bold;
			padding-top: 4%;
		}

		#PromoSplash .promoframe .sm {
			display: block;
			color: #fff;
			font-size: 1.6em;
		}

		#PromoSplash .promoframe .xsm {
			display: block;
			color: #222;
			text-transform: uppercase;
			font-size: 1.2em;
			font-weight: bold;
		}

		#PromoSplash .promoframe .closepromo {
			position: absolute;
			top: 2%;
			right: 2%;
			font-size: 1em;
			color: #fff;
			z-index: 99;
		}

		#PromoSplash .promoframe .closepromo a {
				font-size: 1.5em;
				color: #ffff;
				font-weight: bold;
		}

	#PromoSplash .promoframe .actionbutton {
		text-align: center;
		padding: 12% 0 0% 0;
		margin: 0 auto;

		
	}

		#PromoSplash .promoframe .actionbutton a {
			display: inline-block;
			border: 1px solid #ff9101;
			color: #fff;
			background: rgba(0, 0, 0, 0.4);
			padding: 10px 15px;
			text-transform: uppercase;
			transition: all 0.4s ease-in-out;
			border-radius: 6px;
			font-size: 1.6em;
		}
	@media (max-width: 1024px) {
		#PromoSplash {
			display: none;
			margin: 0;
			padding: 0;
			position: fixed;
			top: 15%;
			left: 2%;
			width: 96%;
			margin: 0 auto;
			z-index: 998;
			border: 1px solid #000;
			border-radius: 7px;
		}
	}
	@media (max-width: 1024px) {
		#PromoSplash {
			display: none;
			margin: 0;
			padding: 0;
			position: fixed;
			top: 15%;
			left: 2%;
			width: 96%;
			margin: 0 auto;
			z-index: 998;
			border: 1px solid #000;
			border-radius: 7px;
		}

			#PromoSplash .promoframe .lg {
				font-size: 1.75em;
			}

			#PromoSplash .promoframe .md {
				font-size: 1.4em;
			}

			#PromoSplash .promoframe .sm {
				font-size: 1.25em;
			}

			#PromoSplash .promoframe .actionbutton a {
				font-size: 1.35em;
			}

			#PromoSplash .promoframe .textholder {
				padding: 50px 50px 25px 50px
			}
	}

	/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
Floating navigation
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
	@media (max-width: 1024px) {
		#FloatingNav {
			list-style: none;
			display: flex;
			margin: 0;
			padding: 0;
			position: fixed;
			bottom: 0;
			left: 0;
			right: 0;
			background: rgba(255, 245, 255, 0.2);
			z-index: 997;
			text-transform: uppercase;
			transition: all 1s cubic-bezier(.15,1,.13,1);
		}

			#FloatingNav li {
				-webkit-flex: 1;
				flex-grow: 1;
				margin: 0;
				padding: 0;
				display: inline-block;
			}

				#FloatingNav li span {
					display: none;
				}

			#FloatingNav a {
				display: block;
				padding: 10px;
				height: 40px;
				color: #fff;
				background-color: rgba(0, 0, 0, 0.6);
				text-align: center;
				border-left: 0;
				background-repeat: no-repeat;
				background-position: center top 5px;
				background-size: 30px;
			}

				#FloatingNav a img {
					vertical-align: middle;
					margin: 0 0 0 10px;
					width: 30px;
					height: 30px;
				}
	}

	@media (min-width: 1025px) {
		#FloatingNav {
			list-style: none;
			margin: 0;
			padding: 0;
			position: fixed;
			top: 30%;
			left: 0;
			z-index: 997;
			text-transform: uppercase;
			transform: translateX(-215px);
			transition: all 1s cubic-bezier(.15,1,.13,1);
		}

			#FloatingNav:hover {
				transform: none;
			}

			#FloatingNav li {
				margin: 0;
				padding: 0;
				display: block;
			}

			#FloatingNav a {
				display: block;
				width: 270px;
				color: #fff;
				padding: 20px 55px 20px 20px;
				background-color: rgba(0, 0, 0, 0.6);
				text-align: right;
				border-left: 0;
				background-repeat: no-repeat;
				background-position: right 14px center;
				background-size: 30px;
			}

			#FloatingNav li:first-child a {
				border-radius: 0 5px 0 0;
			}

			#FloatingNav li:last-child a {
				border-radius: 0 0 5px 0;
			}

			#FloatingNav a span {
				display: inline-block;
				margin: 0 10px 0 0;
			}

			#FloatingNav a:hover {
				background-color: rgba(0, 0, 0, 0.9);
				box-shadow: 0 0 10px 0 #000;
			}

			#FloatingNav a img {
				float: right;
				vertical-align: middle;
				margin: 0 0 0 10px;
				width: 30px;
				height: 30px;
			}
	}
	/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
Forms
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
	.form-warning {
		padding: 1px 10px;
		color: #9f6000;
		background-color: #feefb3;
		border: 1px solid #9f6000;
		border-radius: 3px;
		margin-bottom: 1em;
	}

	.required {
		color: #fbb;
		text-transform: lowercase;
	}

	.tick {
		color: green;
	}

	.empty .tick {
		display: none;
	}

	.submit {
		text-align: center;
		color: #000;
		font-size: 16px;
		display: block;
		width: 100%;
		padding: 14px;
		text-transform: uppercase;
		background: #eee;
		background: linear-gradient(#eee, #ddd);
		border: 1px solid #999;
		border-radius: 3px;
		cursor: pointer;
		font-family: 'Montserrat';
	}

	input[type=reset], .reset {
		background: #f3961c;
		background: linear-gradient(#f9d835, #f3961c);
	}

	.empty .required {
		text-transform: uppercase;
	}

	.addresscopy:before {
		content: "\2B9E";
	}

	@media (min-width: 800px) {
		.formRow {
			display: flex;
			align-items: center;
		}

			.formRow .formCell {
				-webkit-flex: 1;
				flex-grow: 1;
				margin: 0 10px 0 0;
			}

				.formRow .formCell:last-child {
					margin-right: 0;
				}
	}

	.formCell {
		position: relative;
		padding: 10px 0;
	}

		.formCell label {
			font-size: 12px;
			position: absolute;
			top: 4px;
			left: 16px;
			color: #369;
			font-weight: bold;
			background: #fff;
			z-index: 1;
			transition: all 150ms ease;
		}

	.empty label {
		font-size: 16px;
		top: 26px;
		color: #ccc;
		font-weight: normal;
		z-index: 0;
	}

	.input {
		/*-webkit-appearance: none;*/
		font-size: 16px;
		position: relative;
		display: block;
		width: 100%;
		padding: 15px;
		border: 1px solid #d9d9d9;
		border-radius: 3px;
		background: rgba(255, 255, 255, 0);
	}

	textarea.input {
		height: 150px;
	}

	.empty input.input, .empty textarea.input, .empty select.input {
		border-color: #d9d9d9;
	}

		.input:focus, .empty input.input:focus {
			border-color: #aaa;
		}

	.input[pattern]:valid {
		border-color: #42d142;
	}

	.input:invalid {
		border-color: #ff8e7a;
	}

	.form-submitted .empty .input:invalid {
		border-color: #ff8e7a;
	}

	label.nonEmpty {
		top: 2px;
		font-weight: bold;
		color: #69c;
		z-index: 1;
	}

	.darkInput {
		background: #444;
		color: #fff;
		border-radius: 5px;
	}


	/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
Banner/content intro section
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
	.header-image-wrapper {
		position: relative;
		height: 450px;
		background: #eee;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		overflow: hidden;
	}

	@media (max-width: 799px) {
		.header-image-wrapper {
			height: 250px;
		}
	}

	.header-image-overlay {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		font-weight: bold;
		color: #fff;
		text-shadow: 0px 0px 15px #000;
	}

	.header-image-overlay-button {
		display: inline-block;
		border: 1px solid #fff;
		color: #fff;
		background: rgba(0, 0, 0, 0.4);
		padding: 10px 15px;
		text-transform: uppercase;
		font-weight: bold;
		transition: all 0.4s ease-in-out;
		font-size: .65em;
		border-radius: 6px;
		text-shadow: 1px 1px 7px #000;
		/*color: #fff;
    font-size: 0.5em;
    display: inline-block;
    padding: 12px 25px;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    transition: background 0.3s;
    background: #ef6e02;
	text-shadow: none;*/
	}

		.header-image-overlay-button:hover {
			color: #fff;
			background: #ef6e02;
		}

	.header-image-overlay-fixed-item {
		position: absolute;
	}

	@media (min-width: 1250px) {
		.header-image-overlay {
			width: 1200px;
			margin: 0 auto;
		}
	}

	@media (min-width: 1350px) {
		.header-image-overlay {
			width: 1300px;
			margin: 0 auto;
		}
	}

	@media (min-width: 1450px) {
		.header-image-overlay {
			width: 1400px;
			margin: 0 auto;
		}
	}

	@media (min-width: 1550px) {
		.header-image-overlay {
			width: 1500px;
			margin: 0 auto;
		}
	}

	@media (min-width: 1650px) {
		.header-image-overlay {
			width: 1600px;
			margin: 0 auto;
		}
	}

	@media (min-width: 1750px) {
		.header-image-overlay {
			width: 1700px;
			margin: 0 auto;
		}
	}

	@media (max-width: 1249px) {
		.header-image-overlay {
			left: 20px;
			right: 20px;
		}
	}

	@media (min-width: 1000px) {
		.header-image-overlay {
			font-size: 40px;
		}
	}

	@media (max-width: 999px) {
		.header-image-overlay {
			font-size: 30px;
		}
	}

	@media (max-width: 799px) {
		.header-image-overlay {
			font-size: 20px;
		}
	}

	.header-image {
		display: block;
		width: 100%;
		height: auto;
	}

	/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
Central section
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
	main p {
		line-height: 1.4;
	}

	/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
Footer section
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
	footer {
		background: #03386e;
		background: linear-gradient(to top, #03386e, #13487e);
		color: #fff;
		padding: 40px 0;
		margin: 80px 0 0 0;
	}

		footer .columns {
			flex-wrap: wrap;
		}

		footer .column {
			flex-grow: 1;
			margin: 0 10px 10px 0;
			min-width: 150px;
		}

			footer .column:first-child {
				flex-grow: 2;
				min-width: 250px;
			}

	@media (min-width: 600px) and (max-width: 1000px) {
		footer .column:first-child {
			min-width: 100%;
			text-align: center;
			margin-bottom: 40px;
		}
	}

	#FooterPhone {
		margin-top: 25px;
		margin-left: 30px;
		font-size: 25px;
	}

		#FooterPhone a {
			color: #f9f9f9;
		}

	footer .column:last-child {
		margin: 0 0 10px 0;
	}

	footer h4 {
		font-style: italic;
	}

	footer h5 {
		font-size: 1em;
		margin: 20px 0;
	}

	@media (min-width: 600px) {
		footer .column h5:first-child {
			margin-top: 0;
		}
	}

	footer a {
		color: #ddd;
		font-size: 0.9em;
	}

	footer ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	footer li {
		display: block;
		margin: 5px 0;
	}

	#SocialMediaIcons {
		margin: 30px 0;
		text-align: center;
	}

		#SocialMediaIcons a {
			position: relative;
			display: inline-block;
			margin: 0 10px;
			transition: all 0.5s ease-out;
		}

		#SocialMediaIcons img {
			width: 45px;
			height: 45px;
		}

	#FinalLinks {
		text-align: center;
	}

		#FinalLinks li {
			display: inline-block;
			margin-left: 4px;
		}

			#FinalLinks li:after {
				content: "|";
				color: #bbb;
				padding-left: 10px;
			}

			#FinalLinks li:last-child::after {
				content: '';
				padding-left: 0;
			}

	#Copyright {
		margin: 30px 0 0 0;
		text-align: center;
		font-style: italic;
	}

	/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
Tab widget
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
	.media-tabs {
		display: flex;
		list-style: none;
		margin: 0;
		padding: 0;
		z-index: 1;
	}

		.media-tabs li {
			display: flex;
			-webkit-flex: 1;
			flex-grow: 1;
			flex-direction: column;
			padding: 15px 5px;
			margin: 0 1px 0 0;
			color: #fff;
			background: #aaa;
			background: linear-gradient(#ccc, #aaa);
			text-align: center;
			text-transform: uppercase;
			justify-content: center;
			cursor: pointer;
			transition: all .2s ease-in-out;
		}

			.media-tabs li:last-child {
				margin: 0 0 0 0;
			}

	@media (max-width: 399px) {
		.media-tabs li {
			font-size: 10px;
		}
	}

	@media (min-width: 400px) and (max-width: 799px) {
		.media-tabs li {
			font-size: 12px;
		}
	}

	.media-tabs li:hover {
		background: #aaa;
	}

	li.media-tab-selected {
		position: relative;
		color: #fff;
		background: #ef6e02;
	}

		li.media-tab-selected:hover {
			background: #ef6e02;
		}

		li.media-tab-selected::before {
			display: inline-block;
			position: absolute;
			bottom: 100%;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			pointer-events: none;
			border-bottom-color: #ef6e02;
			border-width: 20px;
			left: 50%;
			margin-left: -20px;
			opacity: 1;
			animation: fadeInOpacity 0.2s forwards;
			/*animation: moveTriangle 0.2s forwards;*/
		}

	@keyframes fadeInOpacity {
		0% {
			opacity: 0;
		}

		100% {
			opacity: 1;
		}
	}
	/*
@keyframes moveTriangle {
  100% {
    transform: translate(0, -20%);
  }
}
*/
	@media (max-width: 799px) {
		li.media-tab-selected::before {
			border-width: 10px;
			margin-left: -10px;
		}
	}


	/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
Info bars
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
	.info-bar {
		padding: 30px 0;
		margin: 30px 0;
	}

	.info-bar-columns {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	@media (min-width: 999px) {
		.info-bar-columns {
			display: flex;
		}
	}

	.info-bar-columns li {
		display: block;
		-webkit-flex: 1;
		flex-grow: 1;
		padding: 0;
		margin: 0 20px 0 0;
		text-align: center;
	}

	@media (max-width: 599px) {
		.info-bar-columns li {
			margin: 0 0 50px 0;
		}
	}

	.info-bar-columns li:last-child {
		margin: 0 0 0 0;
	}

	.info-bar-columns h3 {
		text-transform: uppercase;
		position: relative;
		margin-bottom: 20px;
		padding-bottom: 20px;
		font-size: 30px;
		line-height: 1em;
		font-weight: normal;
	}

	@media (max-width: 799px) {
		.info-bar-columns h3 {
			font-size: 20px;
		}
	}

	.info-bar-columns h3::after {
		position: absolute;
		left: 25%;
		bottom: 0;
		border-top: 1px solid #fff;
		width: 50%;
		height: 0px;
		content: "";
	}

	.info-bar-columns p {
		font-weight: 400;
	}

	.info-bar-columns a {
		font-size: 16px;
		display: inline-block;
		padding: 12px 25px;
		border-radius: 3px;
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
		transition: background 0.3s;
	}

	.info-bar-default {
		background: #eee;
		background: linear-gradient(#eee, #e9e9e9);
		color: #333;
	}

		.info-bar-default a {
			background: #ef6e02;
		}

			.info-bar-default a:hover {
				background: #ff7e12;
			}

		.info-bar-default h3 {
			color: #000;
		}

	.info-bar-columns h3::after {
		border-top: 1px solid #999;
	}

	.info-bar-blue {
		background: #29639c;
		background: linear-gradient(#29639c, #19538c);
		color: #eee;
	}

		.info-bar-blue a {
			background: #ef6e02;
		}

			.info-bar-blue a:hover {
				background: #ff7e12;
			}

		.info-bar-blue h3 {
			color: #fff;
		}

	.info-bar-light {
		background: #eee;
		background: linear-gradient(#eee, #e9e9e9);
		color: #333;
	}

	.info-bar-white {
		background: #fff;
		color: #333;
	}

	.info-bar-green {
		background: #507f50;
		background: linear-gradient(#507f50, #406f40);
		color: #fff;
	}

	.info-bar-orange {
		background: #ff7e12;
		background: linear-gradient(#ff7e12, #ef6e02);
		color: #000;
	}

		.info-bar-orange h3 {
			color: #fff;
		}

	/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
Pager
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
	.pager {
		list-style: none;
		text-align: center;
		font-size: 0;
		background: #eee;
		padding: 10px 0 0 0;
		margin: 10px 0;
		border-radius: 5px;
	}

		.pager li {
			display: inline-block;
			width: 40px;
			margin: 0;
			font-size: 16px;
		}

	@media (max-width: 800px) {
		.pager li {
			width: 35px;
		}
	}

	.pager a {
		display: block;
		padding: 10px;
		color: #222;
		border-top: 2px solid #fff;
	}

		.pager a:hover {
			border-top: 2px solid #999;
		}

	li.pager-selected a {
		font-weight: bold;
		border-top: 2px solid #ff7e12;
	}

	/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
List
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
	/*
.list {
	list-style: none;
	margin: 10px 0;
	padding: 0;
}
.list li {
	display: block;
	padding: 0;
	margin: 0;
	border-bottom: 1px dashed #ddd;
}
.list li:last-child {
	border-bottom: 0;
}
.list a {
	position: relative;
	display: block;
	color: #000;
	padding: 15px 10px 15px 40px;
	background: url(/media/images/template/misc/list-arrow-right.png) no-repeat left 15px center;
}
.list a.pdf {
	background: url(/media/images/template/misc/list-arrow-right.png) no-repeat left 15px center, url(/media/images/misc/PDF.png) no-repeat right 15px center;
}*/
	.list {
		margin: 10px 0;
		padding: 0;
	}

		.list li {
			position: relative;
			display: block;
			padding: 0 0 0 60px;
			border-radius: 5px;
			margin: 0 0 10px 0;
		}

	@media (max-width: 799px) {
		.list li {
			box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
		}
	}

	@media (min-width: 800px) {
		.list {
			display: flex;
			flex-wrap: wrap;
			list-style: none;
		}

			.list li {
				flex: 0 30%;
				margin: 0 5% 20px 0;
				box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5);
			}

				.list li:nth-child(3n) {
					margin: 0 0 20px 0;
				}
	}

	.list a {
		display: block;
		padding: 15px;
		color: #555;
		font-size: 20px;
	}

	.list li:before {
		content: '';
		vertical-align: middle;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 60px;
		color: #eee;
		background: #fff;
		background: linear-gradient(to bottom, #23588e, #03386e);
		text-align: center;
		font-size: 45px;
		line-height: 120%;
		font-style: italic;
		font-weight: bold;
		font-family: 'Times New Roman';
		border-radius: 5px 0 0 5px;
	}

	.list li.list-item-info:before {
		content: attr(data-prefix);
	}

	.list li.list-item-pdf:before {
		content: '';
		background-color: #fff;
		background-image: url(/media/images/template/misc/list-view-pdf.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 40px 40px;
	}


	/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
Mobile style list view
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
	.list-view {
		list-style: none;
		margin: 0;
		padding: 0;
		border-top: 1px solid #eee;
		border-left: 1px solid #eee;
		border-right: 1px solid #eee;
	}

		.list-view li {
			display: block;
			position: relative;
			margin: 0;
		}

	.list-view-no-links li {
		display: flex;
	}

	.list-view a {
		display: block;
		display: flex;
		color: #000;
		background: url(/media/images/template/misc/list-arrow-right.png) no-repeat right 15px center;
	}

	a.disabled {
		background: #fff;
		cursor: default;
	}

	.list-view span {
		display: inline-block;
		-webkit-flex: 1;
		flex-grow: 1;
		padding: 17px 40px 17px 20px;
		border-bottom: 1px solid #eee;
		line-height: 1.5em;
	}

	.list-view label {
		color: #999;
		margin-right: 5px;
	}

		.list-view label.break {
			margin-right: 0;
			display: block;
		}

	@media (max-width: 800px) {
		.list-view label.break-for-mobile {
			margin-right: 0;
			display: block;
		}
	}

	span.list-view-box {
		width: 130px;
		color: #fff;
		font-weight: bold;
		font-size: 20px;
		flex: 0 0 60px;
		text-align: center;
	}

	span.list-view-box-a {
		background: #f8be1c;
		border-bottom: 1px solid #f8be1c;
	}

	span.list-view-box-b {
		background: #f7571b;
		border-bottom: 1px solid #f7571b;
	}

	span.list-view-box-c {
		background: #09a896;
		border-bottom: 1px solid #09a896;
	}

	span.list-view-box-d {
		background: #0c74ab;
		border-bottom: 1px solid #0c74ab;
	}

	span.list-view-box-pdf {
		background: #eee url(/media/images/template/misc/list-view-pdf.png) no-repeat center center;
	}

	span.list-view-box-zip {
		background: #eee url(/media/images/template/misc/list-view-zip.png) no-repeat center center;
	}

	span.list-view-box-pps {
		background: #e6e6e6 url(/media/images/template/misc/list-view-pps.png) no-repeat center center;
	}

	span.list-view-box-doc {
		background: #e6e6e6 url(/media/images/template/misc/list-view-doc.png) no-repeat center center;
	}

	span.list-view-box-www {
		background: #eee url(/media/images/template/misc/list-view-www.png) no-repeat center center;
	}

	span.list-view-box-calc {
		background: #ddd url(/media/images/template/misc/list-view-calc.png) no-repeat center center;
	}

	span.list-view-box-channel {
		background: #eee url(/media/images/template/misc/list-view-channel.png) no-repeat center center;
	}

	span.list-view-box-video {
		background: #eee url(/media/images/template/misc/list-view-video.png) no-repeat center center;
	}
span.list-view-box-e-learn-audio {
	background: #ddd url(/media/images/template/misc/list-view-e-learn-audio.png) no-repeat center center;
}
span.list-view-box-e-learn-quiz {
	background: #ddd url(/media/images/template/misc/list-view-e-learn-quiz.png) no-repeat center center;
}

span.list-view-box-e-learn-video {
	background: #ddd url(/media/images/template/misc/list-view-e-learn-video.png) no-repeat center center;
}
	span.list-view-box-e-learn {
		background: #ddd url(/media/images/template/misc/list-view-e-learn.png) no-repeat center center;
	}

	span.list-view-box-e-prod {
		background: #ddd url(/media/images/template/misc/list-view-e-prod.png) no-repeat center center;
	}
span.list-view-box-e-tutorial {
	background: #ddd url(/media/images/template/misc/list-view-e-tutorial.png) no-repeat center center;
}
    span.list-view-box-session {
	background: #eee url(/media/images/template/misc/list-view-session.png) no-repeat center center;
    }

	span.list-view-box-flash-card {
		background: #eee url(/media/images/template/misc/list-view-flash-card.png) no-repeat center center;
	}

	span.list-view-box-user {
		background: #ddd url(/media/images/template/misc/list-view-user.png) no-repeat center center;
	}

	span.list-view-box-job {
		background: #ddd url(/media/images/template/misc/list-view-job.png) no-repeat center center;
	}

	span.list-view-box-edit {
		background: #ddd url(/media/images/template/misc/list-view-edit.png) no-repeat center center;
	}

	/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
Mobile style table
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
	.tabular {
		width: 100%;
		border-collapse: collapse;
	}

	.tabular-shrink {
		width: auto;
	}

	@media (min-width: 1000px) {
		.tabular-min {
			width: 50%;
		}
	}

	.tabular th {
		color: #369;
		padding: 20px 40px 5px 20px;
	}

	.tabular tfoot th, .tabular tbody th {
		text-align: right;
		padding: 20px 40px 20px 20px;
	}

	.tabular td {
		padding: 20px 40px 20px 20px;
		border: 1px solid #eee;
	}

	.tabular tfoot td {
		background: #f9f9f9;
	}

	@media (max-width: 799px) {
		.tabular th {
			padding: 10px 10px 5px 10px;
		}

		.tabular tfoot th {
			padding: 10px 10px 10px 10px;
		}

		.tabular td {
			padding: 10px 10px 10px 10px;
		}

			.tabular td:first-child, .tabular th:first-child {
				border-left: 0;
			}

			.tabular td:last-child, .tabular th:last-child {
				border-right: 0;
			}

		.tabular-min td:first-child, .tabular-min td:last-child {
			border: 1px solid #eee;
		}
	}

	/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
Comparison table intro
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
	@media (min-width: 800px) {
		.comparison-grid-intro {
			display: flex;
			text-align: center;
			align-items: center;
			justify-content: center;
		}

		.comparison-grid-intro-column1 {
			-webkit-flex: 1;
			flex-grow: 1;
			text-align: right;
		}

			.comparison-grid-intro-column1 img {
				width: 150px;
				height: 150px;
				margin: 0 30px 0 0;
			}

		.comparison-grid-intro-column2 {
			-webkit-flex: 1;
			flex-grow: 1;
			text-align: left;
		}
	}

	@media (max-width: 799px) {
		.comparison-grid-intro {
			text-align: center;
		}

		.comparison-grid-intro-column1 img {
			width: 150px;
			height: 150px;
		}
	}

	/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
Comparison table
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
	.comparison-tick:before {
		content: "\2714";
		color: #393;
		font-weight: bold;
		font-style: italic;
	}
.comparison-optional {
	color: #0051a2;
	font-weight: bold;
	font-style: italic;
}

	.comparison-buttons a {
		color: #fff;
		font-size: 0.8em;
		display: inline-block;
		padding: 8px 15px;
		border-radius: 3px;
		color: #fff;
		text-transform: uppercase;
		font-weight: bold;
		transition: background 0.3s;
		background: #ef6e02;
		text-shadow: none;
	}

	.get-started:hover {
		background: #ff7e12;
	}

	@media (min-width: 1025px) {
		.mobile-comparison-grid {
			display: none;
		}

		.comparison-grid {
			font-size: 0.95em;
			width: 100%;
			border-collapse: collapse;
			background: #fff;
			margin: 30px 0;
		}

			.comparison-grid th, .comparison-grid td {
				text-align: center;
			}

				.comparison-grid th:first-child, .comparison-grid td:first-child {
					text-align: left;
				}

			.comparison-grid thead th {
				color: #333;
				padding: 3px 5px;
				border-bottom: 1px solid #333;
				border-top: 1px solid #cccc;
				border-right: 1px solid #cccc;
			}

			/* header */
			.comparison-grid th:not(:first-child), .comparison-grid td:not(:first-child) {
				width: 17%;
			}

			.comparison-grid thead th, .comparison-grid thead td {
				padding: 10px;
			}

				.comparison-grid thead th:first-child {
					padding-left: 20px;
					color: #03386e;
					background: #f7f7f7;
					font-size: 1.4em;
					border-left: 1px solid #cccc;
				}

				.comparison-grid thead th:nth-child(2) {
					/*background: #f6f4f3 !important; 
			background: #fbfbfb; */
				}

				.comparison-grid thead th:nth-child(3) {
					/*background: #e6e4e3 !important; 
			background: #fbfbfb; */
				}

				.comparison-grid thead th:nth-child(4) {
					/*background: #d6d4d3 !important;
			background: #fbfbfb; */
				}

				.comparison-grid thead th:nth-child(5) {
					/*background: #c6c4c3 !important; 
			background: #fbfbfb; */
				}

				.comparison-grid thead th:nth-child(6) {
					/*background: #b6b4b3 !important;
			background: #fbfbfb; */
				}

			/* body */
			.comparison-grid tbody th, .comparison-grid tbody td:first-child, .comparison-grid tfoot td:first-child {
				padding: 10px 10px 10px 0;
				border-bottom: 1px solid #eee;
				border-right: 1px solid #e0e0e0;
			}

			.comparison-grid tbody td:nth-child(2) {
				background: #fff;
				border-bottom: 1px solid #e0e0e0;
				border-right: 1px solid #e0e0e0;
			}

			.comparison-grid tbody td:nth-child(3) {
				background: #fff;
				border-bottom: 1px solid #d0d0d0;
				border-right: 1px solid #e0e0e0;
			}

			.comparison-grid tbody td:nth-child(4) {
				background: #fff;
				border-bottom: 1px solid #c0c0c0;
				border-right: 1px solid #e0e0e0;
			}

			.comparison-grid tbody td:nth-child(5) {
				background: #fff;
				border-bottom: 1px solid #b0b0b0;
				border-right: 1px solid #e0e0e0;
			}

			.comparison-grid tbody td:nth-child(6) {
				background: #b6b4ba;
				border-bottom: 1px solid #a0a0a0;
			}

			.comparison-grid tbody tr:last-child th, .comparison-grid tbody tr:last-child td {
				border-bottom: 1px solid #333;
			}
			/* footer */
			.comparison-grid tfoot th:first-child, .comparison-grid tfoot td:first-child {
				text-align: right;
				font-weight: bold;
				color: #000;
				border-bottom: 1px solid #fff;
				background: #fff;
			}

			.comparison-grid tfoot td:not(first-child) {
				border-bottom: 1px solid #d0d0d0;
				border-right: 1px solid #e0e0e0;
				/*background: #fbfbfb; */
			}

		.comparison-standard td {
			border-bottom: 1px solid #eee;
		}

		.comparison-saving td {
			color: #393;
			border-bottom: 1px solid #333;
		}

		.comparison-package td {
			color: #369;
			border-bottom: 1px solid #333;
		}

		.comparison-buttons td {
			padding-top: 10px;
		}
	}

	@media (max-width: 1024px) {
		.comparison-grid {
			display: none;
		}

		.mobile-comparison-grid {
			font-size: 0.95em;
			width: 100%;
			border-collapse: collapse;
			background: #fff;
			margin-bottom: 30px;
		}

			.mobile-comparison-grid th, .mobile-comparison-grid td {
				padding: 10px;
				text-align: center;
			}

			.mobile-comparison-grid tbody th:first-child, .mobile-comparison-grid tbody td:first-child {
				text-align: left;
				background: #fff;
			}

			.mobile-comparison-grid tbody td:nth-child(2) {
				background: #f3f3f3;
				border-right: 1px solid #ddd;
			}

			.mobile-comparison-grid thead th:first-child {
				background: #fff;
				font-size: 1.40em;
				padding: 20px 7px;
			}
			/* header */
			.mobile-comparison-grid thead th {
				padding: 20px 10px;
				color: #03386e;
				background: #fff;
				text-align: left;
				cursor: pointer;
			}

			.mobile-comparison-grid thead tr:nth-child(2) {
				border: 1px solid #ddd;
			}

		.mobile-comparison-grid-expand-icon {
			display: inline-block;
			margin-right: 5px;
			transition: all 0.3s;
		}

		.mobile-comparison-grid-expanded .mobile-comparison-grid-expand-icon {
			-webkit-transform: rotate(-180deg);
			-moz-transform: rotate(-180deg);
			-ms-transform: rotate(-180deg);
			-o-transform: rotate(-180deg);
			transform: rotate(-180deg);
		}

		.mobile-comparison-grid thead th:first-child {
			width: 53%;
		}

		.mobile-comparison-grid thead th:nth-child(2) {
			background: #f3f3f3;
		}
		/* hide body and footer by default */
		.mobile-comparison-grid tbody, .mobile-comparison-grid tfoot {
			display: none;
		}

		.mobile-comparison-grid-expanded tbody, .mobile-comparison-grid-expanded tfoot {
			display: table-row-group;
		}
		/* body */
		.mobile-comparison-grid tbody th, .mobile-comparison-grid tbody td {
			border-bottom: 1px solid #ddd;
		}

			.mobile-comparison-grid tbody th:first-child, .mobile-comparison-grid tbody td:first-child {
				border-bottom: 1px solid #eee;
			}

		.mobile-comparison-grid tbody tr:last-child th, .mobile-comparison-grid tbody tr:last-child td {
			border-bottom: 1px solid #333;
		}
		/* footer */
		.mobile-comparison-grid tfoot th, .mobile-comparison-grid tfoot td {
			background: #fff;
		}

			.mobile-comparison-grid tfoot th:first-child, .mobile-comparison-grid tfoot td:first-child {
				text-align: right;
				font-weight: bold;
				color: #000;
				border-bottom: 1px solid #fff;
			}

			.mobile-comparison-grid tfoot td:nth-child(2) {
				border-bottom: 1px solid #ddd;
				border-left: 1px solid #ddd;
				border-right: 1px solid #ddd;
			}

		.comparison-saving td {
			color: #393;
			border-bottom: 1px solid #333;
		}

		.comparison-package td {
			color: #369;
			border-bottom: 1px solid #333;
		}
	}

	@media (max-width:799px) {
		.mobile-comparison-grid thead th:first-child {
			background: #fff;
			font-size: 1.25em;
			padding: 20px 5px;
		}
	}

	@media (max-width:599px) {
		.mobile-comparison-grid thead th:first-child {
			background: #fff;
			font-size: 1.15em;
			padding: 20px 5px;
		}
	}

	@media (max-width:375px) {
		.mobile-comparison-grid thead th:first-child {
			font-size: 1.05em;
		}
	}
	/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
Sub navigation
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
	.sub-navigation {
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		padding: 0;
		margin: 0;
	}

		.sub-navigation li {
			padding: 0;
			margin: 0 1px 1px 0;
			-webkit-flex: 1;
			flex: 1 0 33%;
			background: #444;
			transition: background 0.5s ease;
			text-align: center;
		}

	@media (max-width: 600px) {
		.sub-navigation li {
			flex: 1 0 49%;
		}
	}

	.sub-navigation li:hover {
		background: #222;
	}

	li.sub-navigation-selected {
		background: #ff7e12;
	}

		li.sub-navigation-selected:hover {
			background: #df5e02;
		}

		li.sub-navigation-selected small {
			color: #000;
		}

	.sub-navigation a {
		display: block;
		padding: 22px 10px;
		font-size: 16px;
		color: #fff;
		text-transform: uppercase;
	}

	.sub-navigation small {
		text-transform: none;
		color: #aaa;
	}

	@media (max-width: 799px) {
		.sub-navigation-mobile-compact:before {
			content: "Also in this section...";
			font-size: 0.9em;
			color: #fff;
			flex: 1 0 100%;
			background: #333;
			padding: 8px 15px;
			margin: 0 0 5px 0;
			border-radius: 4px;
		}

		.sub-navigation-mobile-compact li {
			display: none;
		}
	}

	@media (min-width: 800px) {
		.sub-navigation-container {
			float: left;
			width: 220px;
			margin: 0 30px 0 0;
		}

			.sub-navigation-container .sub-navigation li {
				text-align: left;
				flex: 1 0 100%;
				background: #ccc;
			}

				.sub-navigation-container .sub-navigation li:hover {
					background: #aaa;
				}

			.sub-navigation-container .sub-navigation a {
				color: #000;
			}

			.sub-navigation-container .sub-navigation small {
				color: #666;
			}

			.sub-navigation-container li.sub-navigation-selected {
				background: #333;
			}

				.sub-navigation-container li.sub-navigation-selected a {
					color: #fff;
				}

				.sub-navigation-container li.sub-navigation-selected small {
					color: #aaa;
				}

		.sub-navigation-content {
			overflow: hidden;
		}

			.sub-navigation-content *:first-child {
				margin-top: 0;
			}
	}

	/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
Section navigation
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
	.section-navigation-bar, .section-navigation-heading {
		font-size: 0.9em;
		color: #fff;
		background: #436e99;
		padding: 8px 15px;
		margin: 0 0 5px 0;
		border-radius: 4px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	}

	.section-navigation-bar-arrow {
		display: inline-block;
		margin: 0 5px 0 0;
		transition: all 0.3s;
	}

	.section-navigation-bar-arrow-open {
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		-o-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}

	.section-navigation {
		list-style: none;
		padding: 0;
		margin: 0;
		text-align: left;
		font-size: 0.9em;
	}

		.section-navigation ul {
			list-style: none;
			padding: 0;
			margin: 0 0 0 15px;
			text-align: left;
		}

		.section-navigation li {
			padding: 0;
			margin: 5px 0;
			transition: background 0.5s ease;
			line-height: 1.15em;
		}

		.section-navigation a {
			color: #333;
			display: block;
			padding: 8px 15px;
			background: #8cb2d9;
			border-radius: 4px;
		}

			.section-navigation a:hover {
				background: #ccc;
			}

		.section-navigation .section-navigation-selected a {
			color: #000;
			background: #bbb;
		}

		.section-navigation .section-navigation-selected ul li:not(.section-navigation-selected) a {
			color: #333;
			background: #f0f0f0;
		}

		.section-navigation img {
			vertical-align: middle;
		}

		.section-navigation small {
			display: block;
			margin: 3px 0 0 0;
			display: none;
		}

	@media (max-width: 1024px) {
		.section-navigation {
			display: none;
			transition: all 0.3s;
		}

		.section-navigation-open {
			display: block;
		}

		.section-navigation-bar {
			cursor: pointer;
			margin-top: 12px;
		}
	}

	@media (min-width: 1025px) {
		.section-navigation-bar, .section-navigation-heading {
			padding: 12px 9px;
		}

		.section-navigation-bar-arrow {
			display: none;
		}

		.section-navigation-container {
			position: relative;
			float: left;
			width: 220px;
			margin: 0 30px 0 0;
		}

		.section-navigation-content {
			overflow: hidden;
		}

			.section-navigation-content > *:first-child {
				margin-top: 0;
			}

		.section-navigation a {
			padding: 12px 9px;
		}
	}

	/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
Slide widget
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
	.sliders {
		position: relative;
		overflow: hidden;
		text-wrap: none;
		white-space: nowrap;
		height: 880px;
	}

	.slide {
		width: 85%;
		display: inline-block;
		position: relative;
	}

		.slide img {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
		}

	/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
Landing page headings
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
	.landing-page-intro-header1 {
		position: relative;
		margin: 0;
		padding: 10px 0 15px 0;
		color: #fff;
		background: #058dbd;
		z-index: 1;
	}

	.landing-page-intro-header1-slanted:after {
		background: inherit;
		bottom: 0;
		content: '';
		display: block;
		height: 100%;
		left: 0;
		position: absolute;
		right: 0;
		transform: skewY(-2deg);
		transform-origin: 100% 0;
		z-index: -1;
	}

	@media (min-width: 800px) {
		.landing-page-intro-header1 p {
			font-size: 20px;
			line-height: 1.7em;
			font-style: italic;
		}

		.landing-page-intro-header2-text-big {
			font-size: 20px;
		}

			.landing-page-intro-header2-text-big:last-child {
				margin-bottom: 0;
			}
	}

	.landing-page-intro-header1-button {
		padding: 10px 20px;
		color: #fff;
		background: #369;
		border-radius: 5px;
		font-size: 1.4em;
	}

	.landing-page-intro-header2 {
		position: relative;
		margin: 0;
		padding: 30px 0 30px 0;
		background: #dff3fc;
	}

	.landing-page-intro-header1-slanted + .landing-page-intro-header2 {
		padding: 50px 0 30px 0;
	}


	/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
Accredited - Preferred - Recognised
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
	@media (min-width: 800px) {
		.apr-container {
			position: relative;
			display: block;
			text-align: left;
		}

		@media (min-width: 1250px) {
			.apr-container {
				width: 1200px;
				margin: 0 auto;
			}
		}

		@media (max-width: 1249px) {
			.apr-container {
				padding: 0 20px;
			}
		}

		.apr {
			display: flex;
			margin-bottom: 20px;
		}

		.apr-intro {
			position: relative;
			-webkit-flex: 1;
			flex-grow: 2;
			padding: 20px 0 10px 0;
			color: #fff;
			background: #058dbd;
			z-index: 3;
		}

			.apr-intro:before {
				content: '';
				background: inherit;
				position: absolute;
				top: 0;
				left: 100%;
				width: 100%;
				height: 100%;
				transform: translateX(-199%);
				z-index: -1;
			}

			.apr-intro:after {
				content: '';
				background: inherit;
				position: absolute;
				top: 0;
				left: 100%;
				width: 100%;
				height: 100%;
				transform-origin: 100% 0;
				transform: skew(-20deg) translateX(-70%);
				z-index: -1;
			}

			.apr-intro h1 {
				font-size: 2em;
				margin: 0;
				color: #f4f4ff;
			}

			.apr-intro p {
				margin-top: 38px;
				font-size: 20px;
				line-height: 1.7em;
				font-style: italic;
			}

		.apr-breakdown {
			display: flex;
			flex-direction: column;
			-webkit-flex: 1;
			flex-grow: 3;
			padding: 0;
			z-index: 1;
		}

		.apr-breakdown-item {
			position: relative;
			z-index: 10;
			padding: 20px 0 20px 180px;
			-webkit-flex: 1;
			flex-grow: 1;
		}

			.apr-breakdown-item:nth-child(1) {
				background: #fff;
			}

			.apr-breakdown-item:nth-child(2) {
				background: #effafe;
			}

			.apr-breakdown-item:nth-child(3) {
				background: #dff3fc;
				border-radius: 0 0 15px 0;
			}

			.apr-breakdown-item h3 {
				position: relative;
				font-size: 1.2em;
				color: #0053a0;
				margin: 0 0 3px 0;
				padding-left: 35px;
			}

				.apr-breakdown-item h3 span {
					position: absolute;
					left: -5px;
					top: -5px;
					background: #03386e;
					border-radius: 0.8em;
					color: #fff;
					display: inline-block;
					font-weight: bold;
					line-height: 1.6em;
					text-align: center;
					width: 1.6em;
				}

			.apr-breakdown-item p {
				margin: 0;
			}
	}

	@media (max-width: 799px) {
		.apr-container {
			margin: 0;
			text-align: left;
		}

		.apr {
			margin-bottom: 20px;
		}

		.apr-intro {
			padding: 20px;
			color: #fff;
			background: #058dbd;
			z-index: 3;
		}

			.apr-intro h1 {
				font-size: 1.7em;
				margin: 0;
				color: #f4f4ff;
			}

		.apr-breakdown-item {
			padding: 20px;
		}

			.apr-breakdown-item:nth-child(1) {
				background: #fff;
			}

			.apr-breakdown-item:nth-child(2) {
				background: #effafe;
			}

			.apr-breakdown-item:nth-child(3) {
				background: #dff3fc;
				border-radius: 0 0 15px 0;
			}

			.apr-breakdown-item h3 {
				position: relative;
				font-size: 1.2em;
				color: #0053a0;
				margin: 0 0 3px 0;
				padding-left: 35px;
			}

				.apr-breakdown-item h3 span {
					position: absolute;
					left: -5px;
					top: -5px;
					background: #03386e;
					border-radius: 0.8em;
					color: #fff;
					display: inline-block;
					font-weight: bold;
					line-height: 1.6em;
					text-align: center;
					width: 1.6em;
				}

			.apr-breakdown-item p {
				margin: 0;
			}
	}

	/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
How it works
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
	.how-it-works {
		text-align: center;
		margin-top: 60px;
		margin-bottom: 30px;
	}

	.how-it-works-title {
		font-size: 30px;
		margin-bottom: 40px;
	}

	@media (min-width: 600px) {
		.how-it-works-columns {
			display: flex;
			text-align: center;
			align-items: flex-start;
		}

		.how-it-works-column {
			-webkit-flex: 1;
			flex-grow: 1;
			padding: 0 10px;
		}

			.how-it-works-column:first-child {
				padding-left: 0;
			}

			.how-it-works-column:last-child {
				padding-right: 0;
			}

		.how-it-works-number {
			position: relative;
			margin: 0 0 30px 0;
		}

		.how-it-works-column:not(:last-child) .how-it-works-number:after {
			content: '';
			display: block;
			background-image: url(/media/images/how-it-works/line.png);
			background-repeat: no-repeat;
			position: absolute;
			right: -50%;
			top: -30px;
			background-size: 70%;
			background-position: center top;
			width: 100%;
			height: 100%;
			z-index: -1;
		}

		.how-it-works-number span {
			color: #fff;
			font-size: 40px;
			line-height: 100px;
			font-weight: bold;
			vertical-align: central;
			width: 100px;
			height: 100px;
			border-radius: 50%;
			display: inline-block;
		}

		.how-it-works-picture {
			background-position: center center;
			background-repeat: no-repeat;
			height: 300px;
			overflow: hidden;
			background-size: cover;
			margin: 0 0 20px 0;
		}

		.how-it-works h3 {
			font-size: 25px;
			margin: 0;
		}
	}

	@media (max-width: 599px) {
		.how-it-works-column {
			position: relative;
			padding: 0 2px;
		}

		.how-it-works-number {
			position: absolute;
			top: 160px;
			left: 50%;
			margin: 0 0 30px -40px;
		}

			.how-it-works-number span {
				color: #fff;
				font-size: 30px;
				line-height: 80px;
				font-weight: bold;
				vertical-align: central;
				width: 80px;
				height: 80px;
				border-radius: 50%;
				display: inline-block;
			}

		.how-it-works-text {
			text-align: left;
			padding-top: 0px;
		}

		.how-it-works-picture {
			background-position: center center;
			background-repeat: no-repeat;
			height: 200px;
			overflow: hidden;
			background-size: cover;
			margin: 0 0 20px 0;
		}

		.how-it-works-text h3 {
			font-size: 20px;
		}

		.how-it-works-text p {
			font-size: 0.9em;
		}
	}

	.how-it-works-1 .how-it-works-number span {
		background: #009a03;
	}

	.how-it-works-1 h3 {
		color: #009a03;
	}

	.how-it-works-2 .how-it-works-number span {
		background: #d0a73d;
	}

	.how-it-works-2 h3 {
		color: #d0a73d;
	}

	.how-it-works-3 .how-it-works-number span {
		background: #0051a2;
	}

	.how-it-works-3 h3 {
		color: #0051a2;
	}

	/* 2 cols per row */
	/*
.how-it-works-2cols .how-it-works-column .how-it-works-number:after {
	display: none;
}*/
	/* max 4 cols per row */
	/*
@media (max-width: 899px) {
	.how-it-works-4cols .how-it-works-columns {
		flex-wrap: wrap;
	}
	.how-it-works-4cols .how-it-works-column {
		flex-basis: 50%;
	}
	.how-it-works-4cols .how-it-works-column:nth-child(2n+1) {
		padding: 0 5px 0 0;
	}

	.how-it-works-4cols .how-it-works-column:nth-child(2n) {
		padding: 0 0 0 10px;
	}
	.how-it-works-4cols .how-it-works-column:nth-child(2n) .how-it-works-number:after {
		display: none;
	}
}
@media (max-width: 599px) {
	.how-it-works-4cols .how-it-works-columns {
		flex-wrap: wrap;
	}
	.how-it-works-4cols .how-it-works-columns .how-it-works-column {
		flex-basis: 100%;
		padding: 0;
		margin: 0;
	}
	.how-it-works-4cols .how-it-works-column .how-it-works-number:after {
		display: none;
	}
}
*/

	/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
Grid with picture boxes
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
	.picture-box-grid {
		margin: 20px 0;
	}

	.picture-box-grid-columns {
		display: flex;
		flex-wrap: wrap;
		text-align: center;
		align-items: flex-start;
	}

	.picture-box-grid-column {
		flex-grow: 1;
		flex-basis: 25%;
		min-width: 250px;
		padding: 2px;
	}

	.picture-box-grid-3-columns .picture-box-grid-column {
		flex-basis: 33%;
	}

	.picture-box-grid-picture {
		background-position: center center;
		background-repeat: no-repeat;
		height: 250px;
		overflow: hidden;
		background-size: cover;
		margin: 0 0 20px 0;
		border-radius: 5px;
	}

		.picture-box-grid-picture a {
			display: block;
			width: 100%;
			height: 100%;
		}

	.picture-box-grid-text {
		padding: 0 2px;
		font-size: 0.95em;
	}

	.picture-box-grid-text-body {
		text-align: center;
	}

	.picture-box-grid-text-footer {
		margin: 20px 0;
	}

	.picture-box-grid-button {
		display: inline-block;
		color: #fff;
		background: #369;
		padding: 10px 15px;
		border-radius: 5px;
		text-transform: uppercase;
		font-size: 0.95em;
	}

	/*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
Quotes
*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*/
	.quote {
		color: #fff;
		background: #333;
		padding: 40px 0;
		margin: 60px 0;
	}

	@media (max-width: 599px) {
		.quote blockquote {
			position: relative;
			font-family: Georgia, serif;
			font-size: 18px;
			font-style: italic;
			margin: 0;
			padding: 0 40px;
			line-height: 1.45;
			color: #eee;
		}

			.quote blockquote:before {
				display: block;
				content: "\201C";
				font-size: 80px;
				position: absolute;
				left: 0;
				top: -30px;
				color: #7a7a7a;
			}

			.quote blockquote:after {
				display: block;
				content: "\201D";
				font-size: 80px;
				position: absolute;
				right: 0;
				top: -30px;
				color: #7a7a7a;
			}

		.quote cite {
			display: block;
			border-top: 1px solid #555;
			margin-top: 20px;
			padding-top: 16px;
			font-size: 0.7em;
		}

			.quote cite img {
				height: 60px;
				width: 60px;
				float: left;
				margin: 0 20px 0 0;
				border-radius: 30px;
			}

			.quote cite span {
				display: block;
			}
	}

	@media (min-width: 600px) {
		.quote blockquote {
			font-size: 19px;
			font-style: italic;
			width: 50%;
			margin: 0;
			padding: 0 40px;
			line-height: 1.45;
			color: #eee;
			min-height: 100px;
		}

			.quote blockquote:before {
				display: block;
				content: "\201C";
				font-size: 80px;
				position: absolute;
				left: 0px;
				top: -30px;
				color: #7a7a7a;
			}

			.quote blockquote:after {
				display: block;
				content: "\201D";
				font-size: 80px;
				position: absolute;
				left: 50%;
				top: -30px;
				color: #7a7a7a;
				clear: both;
			}

		.quote cite {
			position: absolute;
			border-left: 1px solid #666;
			display: block;
			top: 0;
			right: 0;
			width: 40%;
			padding: 0 0 0 15px;
			font-size: 14px;
			line-height: 1.8em;
		}

			.quote cite img {
				float: left;
				height: 100px;
				width: 100px;
				margin: 5px 20px 0 0;
				border-radius: 50px;
			}

			.quote cite span {
				display: block;
			}

		.quote-cite-text {
			float: left;
			padding: 16px 0 0 0;
		}
	}

	#coverbackground {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background: rgba(10, 10, 10, 0.75);
		z-index: 999;
	}

	#coverbackground1 {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background: rgba(25, 25, 25, .98);
		z-index: 6;
	}

	#accesscontainer {
		display: none;
		position: fixed;
		top: 30%;
		left: 25%;
		width: 50%;
		min-height: 100px;
		z-index: 7;
		background: rgba(75, 75, 75, 0.4);
		color: #fff;
		border-radius: 7px;
		box-shadow: 1px 1px 2px #000;
		border: 1px solid #fff;
	}

		#accesscontainer div.title {
			font-size: 1.3em;
			text-align: center;
			color: #fff;
			text-shadow: 1px 1px #000;
		}

		#accesscontainer div.hr {
			clear: both;
			margin: 1% 3.5% 0 3.5%;
			height: 1px;
			line-height: 1px;
			border-bottom: solid 1px #00aed9;
		}

	.affirm-learn-more {
		margin-top: 12px;
		font-size: 1.2em;
		font-weight: 700;
		text-decoration: underline;
		color: #008dbf;
	}

	.affirm-modal-trigger {
		margin-top: 12px;
		font-size: 1.2em;
		font-weight: 700;
		text-decoration: underline;
		color: #008dbf;
	}

	@media (min-width: 1025px) {

		.saving-tab-header {
			position: relative;
			margin: 0;
			padding: 3px 5px 3px 5px;
			color: #fff;
			background: #058dbd;
			z-index: 1;
			font-size: .8em;
			text-align: right;
			border-radius: 0 3px 0 0;
			width: 50%;
			display: inline-block;
		}


			.saving-tab-header:after {
				content: '';
				position: absolute;
				width: 75%;
				top: 0;
				right: 75%;
				background: #fff;
				transform-origin: 100% 0;
				transform: skew(-20deg);
				height: 100%;
				z-index: -1;
			}

		.grid-product-title {
			font-size: 1.35em;
			font-style: italic;
			font-weight: normal;
			display: block;
			background-color: #03386e;
			padding: 3px;
			color: #fff;
			border-radius: 3px;
		}

		.grid-price-block {
			display: inline-block;
			color: #c20524;
			margin-top: 12px;
			font-weight: normal;
			font-size: 1.35em
		}

			.grid-price-block .listprice {
				text-decoration: line-through;
				-webkit-text-decoration-line: line-through;
				text-decoration-color: #c20524;
				-webkit-text-decoration-color: #c20524;
				margin-right: 3px;
				color: #000
			}

			.grid-price-block .sellprice {
				font-weight: 600;
			}

		.grid-product .affirm {
			display: inline-block;
			margin-top: 12px;
			text-decoration: underline;
		}

		.grid-product .button {
			display: inline-block;
			margin-top: 12px;
		}

			.grid-product .button a {
				font-size: 0.8em;
				display: inline-block;
				padding: 8px 15px;
				border-radius: 3px;
				color: #fff;
				text-transform: uppercase;
				font-weight: bold;
				transition: background 0.3s;
				background: #ef6e02;
				text-shadow: none;
			}
	}

	p.affirmlogo {
		margin: 0;
		font-size: 2em;
		font-weight: bold;
	}

		p.affirmlogo img {
			margin-right: 10px;
			width: 120px;
		}

	@media (max-width: 1024px) {
		p.affirmlogo {
			margin: 0;
			font-size: 1.65em;
			font-weight: bold;
		}

			p.affirmlogo img {
				margin-right: 10px;
				width: 105px;
			}

		.saving-tab-header {
			position: relative;
			margin: 0;
			padding: 3px 5px 3px 5px;
			color: #fff;
			background: #058dbd;
			z-index: 1;
			font-size: .85em;
			text-align: right;
			border-radius: 0 3px 0 0;
			width: 50%;
			display: inline-block;
		}


			.saving-tab-header:after {
				content: '';
				position: absolute;
				width: 75%;
				top: 0;
				right: 75%;
				background: #fff;
				transform-origin: 100% 0;
				transform: skew(-20deg);
				height: 100%;
				z-index: -1;
			}

		.grid-product-title {
			font-size: 1.35em;
			font-style: italic;
			font-weight: 700;
			display: block;
			background-color: #fff;
			padding: 3px;
			color: #03386e;
			border-radius: 3px;
			text-align: center;
		}

		.grid-price-block {
			display: inline-block;
			color: #c20524;
			margin-top: 12px;
			font-weight: normal;
			font-size: 1.20em;
			text-align: center;
			width: 100%;
		}

			.grid-price-block .listprice {
				text-decoration: line-through;
				-webkit-text-decoration-line: line-through;
				text-decoration-color: #c20524;
				-webkit-text-decoration-color: #c20524;
				margin-right: 4px;
				color: #000
			}

			.grid-price-block .sellprice {
				font-weight: 600;
			}

		.grid-product .affirm {
			display: inline-block;
			margin-top: 5px;
			text-decoration: underline;
			width: 100%;
			text-align: center;
		}

		.grid-product .button {
			display: inline-block;
			margin-top: 12px;
			width: 100%;
			text-align: center;
		}

			.grid-product .button a {
				font-size: 0.8em;
				display: inline-block;
				padding: 8px 15px;
				border-radius: 3px;
				color: #fff;
				text-transform: uppercase;
				font-weight: bold;
				transition: background 0.3s;
				background: #ef6e02;
				text-shadow: none;
			}

		.affirm-learn-more {
			margin-top: 12px;
			font-size: 1.15em;
			font-weight: 700;
			text-decoration: underline;
			color: #008dbf;
		}

		.affirm-modal-trigger, .affirm-as-low-as {
			margin-top: 12px;
			font-size: 1.15em;
			font-weight: 700;
			text-decoration: underline;
			color: #008dbf;
		}

		#Breadcrumb {
			/*display: none; */
		}

		footer {
			margin: 40px 0 0 0;
		}
	}

@media (max-width:799px) {
	grid-product-title {
		font-size: 1.2em;
		font-style: italic;
		font-weight: 700;
		display: block;
		background-color: #fff;
		padding: 3px;
		color: #03386e;
		border-radius: 3px;
		text-align: center;
	}

	.grid-price-block {
		display: inline-block;
		color: #c20524;
		margin-top: 12px;
		font-weight: normal;
		font-size: 1.08em;
		text-align: center;
		width: 100%;
	}

	.affirm-learn-more {
		margin-top: 12px;
		font-size: 1.07em;
		font-weight: 700;
		text-decoration: underline;
		color: #008dbf;
	}

	.affirm-modal-trigger, .affirm-as-low-as {
		margin-top: 12px;
		font-size: .9em;
		font-weight: 700;
		text-decoration: underline;
		color: #008dbf;
	}

	#accesscontainer {
		width: 90%;
		left: 5%;
	}
}
		@media (max-width: 699px) {

			.saving-tab-header:after {
				content: '';
				position: absolute;
				width: 50%;
				top: 0;
				right: 70%;
				background: #fff;
				transform-origin: 100% 0;
				transform: skew(-20deg);
				height: 100%;
				z-index: -1;
			}
		}

		@media (max-width: 1024px) {
			#Breadcrumb {
				/*display: none; */
			}

			.saving-tab-header:after {
				content: '';
				position: absolute;
				width: 20%;
				top: 0;
				right: 90%;
				background: #fff;
				transform-origin: 100% 0;
				transform: skew(-20deg);
				height: 100%;
				z-index: -1;
			}
		}

		p.affirm-cart-est {
			font-size: 1.45em;
			font-weight: 700;
			color: #0fa0e9;
		}
.stickybar {
	background-color: #333;
	padding: 10px;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	height: auto;
}

	.stickybar a {
		color: #fff;
	}

		.stickybar a:before {
			content: "";
			background-color: transparent;
		}

	.stickybar .expireholder {
		display: inline;
		font-size: 1.0em;
		color:#fff;
	}

		.stickybar .expireholder span {
			display: inline-block;
			width: 45px;
			margin: 0 2px 0 2px;
			color: #ed1405;
			color: #ffa837;
			margin: 0 auto;
		}
		.stickybar .expireholder #daysdisplay{
			width:40px;
		}
		.stickybar .expireholder .t-divider {
			padding:0 2px 0 0px;
			color:#fff;
			width:5px;
		}
		.stickybar .expireholder .timedigitholder {
			border-radius: 2px;
			background-color: #fff;
			display: inline-block;
			line-height: 12px;
			padding-bottom: 3px;
			vertical-align: middle;
		}
		.stickybar .expireholder .timetext {
			font-size: .45em;
			color: #000;
			font-weight: normal;
			text-transform: uppercase;
		}

@media (max-width: 699px) {
	.stickybar {
		background-color: #333;
		padding: 10px 0 10px 0;
		font-size: .80em;
	}

        .stickybar .expireholder {
            font-size: .95em;
        }

            .stickybar .expireholder span {
                width: 22px;
            }
			.stickybar .expireholder #daysdisplay {
				width: 34px;
			}
			.stickybar .expireholder .t-divider {
				padding: 0 1px 0 0px;
				color: #fff;
				width: 3px;
			}
}
.corner {
	height: 27vh;
	width: 155px;
	float: right;
	clear: both;
	border-radius: 7px;
	margin: 0;
	font-size: 1.25em;
	background: linear-gradient(to top right, transparent 50%, rgba(0, 141, 191, 0.6) 51%) 0 0/100% 100px no-repeat;
}

.corner2 {
	height: 75vh;
	width: 145px;
	float: right;
	clear: both;
	border-radius: 7px;
	margin: 0;
	background: linear-gradient(to top right, transparent 50%, rgba(255, 0, 0, 0.6) 51%) 0 0/100% 75px no-repeat;

}

.corner .savings {
	padding: 10px 7px 10px 7px;
	color: #fff;
	font-weight: bold;
	margin: 0 0 0 80px
}

.corner2 .savings {
	padding: 15px 3px 10px 3px;
	color: #fff;
	font-weight: bold;
	margin: 0 0 0 95px
}