﻿@charset "UTF-8";
/*================================================*\
	MAIN CSS OUTPUT FILE (MODERN BROWSERS)
//-----------------------------------------------
//	This is the file that compiles the css for
//	modern browsers
\*================================================*/
/*
@if (variable-exists(testing)){
	//code that fires if $testing variable is defined
} @else {
	//code that fires if $testing variable is undefined
}
*/
/*
$newVariable: switch($testVariable, (
	case_1_value : case_1_return_value,
	case_2_value : case_2_return_value,
));
*/
@font-face { font-family: 'ihear'; src: url("../fonts/icon-font/ihear.eot?cc96l7"); src: url("../fonts/icon-font/ihear.eot?cc96l7#iefix") format("embedded-opentype"), url("../fonts/icon-font/ihear.ttf?cc96l7") format("truetype"), url("../fonts/icon-font/ihear.woff?cc96l7") format("woff"), url("../fonts/icon-font/ihear.svg?cc96l7#ihear") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Lato-light'; src: url("../fonts/Lato/Lato-Light.ttf") format("truetype"); }
@font-face { font-family: 'Lato'; src: url("../fonts/Lato/Lato-Regular.ttf") format("truetype"); font-weight: normal; }
@font-face { font-family: 'Lato'; src: url("../fonts/Lato/Lato-Bold.ttf") format("truetype"); font-weight: bold; }
@font-face { font-family: 'Lato-black'; src: url("../fonts/Lato/Lato-Black.ttf") format("truetype"); font-weight: normal; }
@font-face { font-family: 'Avenir'; src: url("../fonts/Avenir/Avenir.ttf") format("truetype"); src: url("../fonts/Avenir/Avenir.otf") format("opentype"); font-weight: normal; }
.js .styledBrowse-JS input { opacity: 0; }

input[type="radio"]:checked + label:after, input[type="checkbox"]:checked + label:after { opacity: 1; }

.grid, nav ul { margin: 0; padding: 0; list-style: none; }

.TK-appearanceNone, [type="submit"] { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; border-radius: 0; }

.TK-imgReplace { font-size: 0em; text-shadow: none; color: transparent; text-transform: capitalize; display: block; }

.TK-imgReplace2 { line-height: 999px; overflow: hidden; font-size: 0; color: transparent; text-transform: capitalize; }

.TK-visHid, .TK-skipLink, input[type="radio"], input[type="checkbox"] { border: 0; width: 0; height: 0; padding: 0; overflow: hidden; position: absolute; opacity: 0; }

.TK-visHid--show, .TK-skipLink:active, .TK-skipLink:focus { width: auto; height: auto; position: static; opacity: 1; }

.TK-centered { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.TK-centered--h { position: absolute; left: 0; right: 0; margin: 0 auto; }

.TK-centered--v { position: absolute; top: 0; bottom: 0; margin: auto 0; }

.no-flexbox .grid--vertical:before, .no-flexbox .grid--enableWrapping:before, .no-flexbox .grid--ieFloat:before, .TK-clearFix:before, .banner:before, .breadcrumbs-holder:before, .siteFooter:before, .no-flexbox .grid--vertical:after, .no-flexbox .grid--enableWrapping:after, .no-flexbox .grid--ieFloat:after, .TK-clearFix:after, .banner:after, .breadcrumbs-holder:after, .siteFooter:after { content: ""; display: table; width: 100%; }
.no-flexbox .grid--vertical:after, .no-flexbox .grid--enableWrapping:after, .no-flexbox .grid--ieFloat:after, .TK-clearFix:after, .banner:after, .breadcrumbs-holder:after, .siteFooter:after { clear: both; }

[class^="icon-"]:before, [class^="icon-"]:after, [class*=" icon-"]:before, [class*=" icon-"]:after { font-style: normal; font-weight: normal; font-variant: normal; speak: none; text-transform: none; text-align: center; text-indent: 0; vertical-align: middle; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*@function grad(	$gradColor1,
	$gradColor2: null,
	$type: v,
	$settings: ()
){

}*/
/*@include MG-multi-bg ($backgroundList){
	$bgString: '';
	@each ($backgroundList as $bg){
		@if (type-of($bg) == 'list'){
			//
		}
	}
	background: $bgString;
};
*/
/*@include MG-animate(0.5s);
@include MG-animate((
(
	attributes: margin padding background, (default: all)
	duration: 0.2s,
	delay: '',
	ease: ease-in-out
), (
	attributes: border-radius,
	duration: 0.5s
)
));
*/
.animate { transition: all 0.2s ease-in-out; }

.animate--fast, input[type="radio"] + label:before, input[type="radio"] + label:after, input[type="checkbox"] + label:before, input[type="checkbox"] + label:after { transition: all 0.2s ease-out; }

.animate--slow { transition: all 1s ease-in-out; }

.anti-animate { transition: none !important; }

/*   SHARED ANIMATION EFFECTS   */
/*******************************************\
	RUMBLE EFFECT
---------------------------------------------
	Element jitteres from side to side
\*******************************************/
@-webkit-keyframes rumble { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  20% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
  40% { -webkit-transform: rotate(5deg); transform: rotate(5deg); }
  60% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
  80% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }
@keyframes rumble { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  20% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
  40% { -webkit-transform: rotate(5deg); transform: rotate(5deg); }
  60% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
  80% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }
.rumble, .rumble--onHover:hover { -webkit-animation: rumble 0.5s infinite linear both; animation: rumble 0.5s infinite linear both; }

.rumbleSingle, .rumbleSingle--onHover:hover { -webkit-animation: rumble 0.5s 1 linear both; animation: rumble 0.5s 1 linear both; }

/*******************************************\
	SPIN EFFECT
---------------------------------------------
	Element spins around in one spot
\*******************************************/
@-webkit-keyframes spin--clockwise { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes spin--clockwise { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes spin--anticlockwise { 0% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }
@keyframes spin--anticlockwise { 0% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }
.spin, .spin--onHover:hover { -webkit-animation: spin--clockwise 1s infinite linear both; animation: spin--clockwise 1s infinite linear both; }

.spinSingle, .spinSingle--onHover:hover { -webkit-animation: spin--1s 1 infinite linear both; animation: spin--1s 1 infinite linear both; }

/*******************************************\
	POP IN EFFECT
---------------------------------------------
	Element starts off hidden, then quickly
	grows large, then snaps to normal size
	(requires element to start at opacity:0)
\*******************************************/
@-webkit-keyframes popin { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
  70% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1; }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } }
@keyframes popin { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; }
  70% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1; }
  100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } }
/*******************************************\
	PULSE EFFECT
---------------------------------------------
	Element periodically grows slightly and
	then shrinks again.
\*******************************************/
@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); }
  30% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  50% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); }
  30% { -webkit-transform: scale(1.1); transform: scale(1.1); }
  50% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }
.pulse, .pulse--onHover:hover { -webkit-animation: pulse 1s infinite linear both; animation: pulse 1s infinite linear both; }

.pulseSingle, .pulseSingle--onHover:hover { -webkit-animation: pulse 1s 1 linear both; animation: pulse 1s 1 linear both; }

/*******************************************\
	RADAR PULSE EFFECT
---------------------------------------------
	Element fades out as it grows
\*******************************************/
@-webkit-keyframes radarPulse { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  50% { -webkit-transform: scale(1.4); transform: scale(1.4); opacity: 0; }
  100% { -webkit-transform: scale(1.4); transform: scale(1.4); opacity: 0; } }
@keyframes radarPulse { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  50% { -webkit-transform: scale(1.4); transform: scale(1.4); opacity: 0; }
  100% { -webkit-transform: scale(1.4); transform: scale(1.4); opacity: 0; } }
/*******************************************\
	BOB EFFECT
---------------------------------------------
	Element moves backwards and forwards
	@include MG-bob([animation name], [axis], [bob distance]);
\*******************************************/
@-webkit-keyframes bob--up { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-3px); transform: translateY(-3px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes bob--up { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-3px); transform: translateY(-3px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes bob--down { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(3px); transform: translateY(3px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes bob--down { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(3px); transform: translateY(3px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes bob--left { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(-3px); transform: translateX(-3px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes bob--left { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(-3px); transform: translateX(-3px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@-webkit-keyframes bob--right { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(3px); transform: translateX(3px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes bob--right { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(3px); transform: translateX(3px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }
/* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties Mixins available: -   css3-prefix             - arguments: Property, Value -   background-gradient     - arguments: Start Color: #3C3C3C, End Color: #999999 -   background-radial       - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100% -   background-size         - arguments: Width: 100%, Height: 100% -   background-opacity      - arguments: Color: #000, Opacity: .85 -   border-radius           - arguments: Radius: 5px -   border-radius-separate  - arguments: Top Left: 5px, Top Left: 5px, Bottom Left: 5px, Bottom Right: 5px -   box                     - arguments: Orientation: horizontal, Pack: center, Align: center -   box-rgba                - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C -   box-shadow              - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) -   box-sizing              - arguments: Type: border-box -   columns                 - arguments: Count: 3, Gap: 10 -   double-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0 -   flex                    - arguments: Value: 1 -   flip                    - arguments: ScaleX: -1 -   font-face               - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf -   opacity                 - arguments: Opacity: 0.5 -   outline radius          - arguments: Radius: 5px -   resize                  - arguments: Direction: both -   rotate                  - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0 CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html -   text-shadow             - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) -   transform               - arguments: Parameters: null -   transform-style         - arguments: Style: preserve-3d -   transition              - Default arguments: What: all, Length: 1s, Easing: ease-in-out -                            - Examples: @include transition (all 2s ease-in-out); -                                        @include transition (opacity 1s ease-in 2s, width 2s ease-out); -   triple-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0 -   keyframes               - arguments: Animation name - content:   Animation css -   animation               - arguments: name duration timing-function delay iteration-count direction fill-mode play-state (http://www.w3schools.com/cssref/css3_pr_animation.asp)
------------------------------------------------------------- */
/* ADDS A BROWSER PREFIX TO THE PROPERTY */
/* BACKGROUND GRADIENT */
/* BACKGROUND RADIAL */
/* BACKGROUND SIZE */
/* BACKGROUND COLOR OPACITY */
/* BORDER RADIUS */
/* BOX */
/* BOX RGBA */
/* BOX SHADOW */
/* BOX SIZING */
/* COLUMNS */
/* DOUBLE BORDERS */
/* FLEX */
/* FLIP */
/* FONT FACE */
/* OPACITY */
/* OUTLINE RADIUS */
/* RESIZE */
/* TEXT SHADOW */
/* TRANSFORM  */
/* TRANSFORM STYLE */
/* TRANSITION */
/* TRIPLE BORDERS */
/* KEYFRAMES */
/* PLACEHOLDER TEXT */
/* ANIMATION */
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #003e74; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #003e74; text-decoration: none; }

.ui-widget-content a.ui-state-default { background-color: #6aad0e; color: #fff; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #8dc63f; background-color: #003e74 !important; font-weight: bold; color: #fff; }

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #c77405; text-decoration: none; background-color: #003e74 !important; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #8dc63f; background-color: #003e74 !important; font-weight: bold; color: #fff; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #003e74; text-decoration: none; }

.ui-datepicker { width: 15em; padding: .2em .2em 0; display: none; background-color: #fff; border: 1px solid #7a9cd3; }

.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { text-indent: -9999px; width: 0; height: 0; border-style: solid; text-indent: -9999px; background-color: transparent; }

.ui-datepicker .ui-datepicker-prev { left: 2px; border-width: 7px 15px 7px 0; border-color: transparent #b8bdbe transparent transparent; }
.ui-datepicker .ui-datepicker-prev:hover { border-color: transparent #8dc63f transparent transparent; }

.ui-datepicker .ui-datepicker-next { right: 2px; border-width: 7px 0 7px 15px; border-color: transparent transparent transparent #b8bdbe; }
.ui-datepicker .ui-datepicker-next:hover { border-color: transparent transparent transparent #8dc63f; background-color: transparent; }

.ui-datepicker .ui-datepicker-prev-hover { left: 1px; }

.ui-datepicker .ui-datepicker-next-hover { right: 1px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }

.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }

.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; }

.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; }

.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }

.ui-datepicker td { border: 0; padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }

.ui-widget-content span.ui-state-default { color: grey; }

.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }

/* jQuery UI Autocomplete 1.8.7  Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) Dual licensed under the MIT or GPL Version 2 licenses. http://jquery.org/license  http://docs.jquery.com/UI/Autocomplete#theming */
.ui-autocomplete { position: absolute; cursor: default; background-color: #fff; border: 1px solid #7a9cd3; z-index: 1002; }

/* workarounds */
* html .ui-autocomplete { width: 1px; }

/* without this, the menu expands to 100% in IE6 */
/* jQuery UI Menu 1.8.7  Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) Dual licensed under the MIT or GPL Version 2 licenses. http://jquery.org/license  http://docs.jquery.com/UI/Menu#theming */
.ui-menu { list-style: none; padding: 2px; margin: 0; display: block; float: left; }

.ui-menu .ui-menu { margin-top: -3px; }

.ui-menu .ui-menu-item { margin: 0; box-sizing: border-box; font-weight: bold; border: 1px solid #fff; padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; zoom: 1; float: left; clear: left; width: 100%; border-bottom: 1px solid #ccc; }
.ui-menu .ui-menu-item:last-child { border-bottom: 0 none; }

.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: .2em .4em; line-height: 1.5; zoom: 1; }

.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }

.ui-helper-hidden-accessible { position: absolute !important; top: -9999px !important; left: -9999px !important; }

/** BxSlider v4.1.2 - Fully loaded, responsive content slider http://bxslider.com  Written by: Steven Wanderski, 2014 http://stevenwanderski.com (while drinking Belgian ales and listening to jazz)  CEO and founder of bxCreative, LTD http://bxcreative.com */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; }

.bx-wrapper img { max-width: 100%; display: block; }

/** THEME
===================================*/
.bx-wrapper .bx-viewport { box-shadow: 0 0 5px #ccc; border: 5px solid #fff; left: -5px; background: #fff; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); transform: translatez(0); }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }

/* LOADER */
.bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }

/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }

.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; border-radius: 5px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: 10px; background: url(images/controls.png) no-repeat 0 -32px; }

.bx-wrapper .bx-next { right: 10px; background: url(images/controls.png) no-repeat -43px -32px; }

.bx-wrapper .bx-prev:hover { background-position: 0 0; }

.bx-wrapper .bx-next:hover { background-position: -43px 0; }

.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }

.bx-wrapper .bx-controls-direction a.disabled { display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666 \9; background: rgba(80, 80, 80, 0.75); width: 100%; }

.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; word-wrap: break-word; }

a { background: transparent; }

a:focus { outline: 1px dotted #000; }

a:active, a:hover { outline: none; }

h1 { font-size: 2em; margin: 0.67em 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: 700; }

dfn { font-style: italic; }

hr { height: 0; box-sizing: content-box; }

mark { background: #ff0; color: #000; }

code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

pre { white-space: pre-wrap; }

q { quotes: "\201C" "\201D" "\2018" "\2019"; }

small { font-size: 75%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; max-width: 100%; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

fieldset { border: none; margin: 0; padding: 0; min-width: 0; }

legend { border: 0; padding: 0; }

button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }

button, input { line-height: normal; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { padding: 0; }

input[type="search"] { -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

table { border-collapse: collapse; border-spacing: 0; }

/*  Owl Carousel - Animate Plugin */
.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.owl-carousel .owl-animated-in { z-index: 0; }

.owl-carousel .owl-animated-out { z-index: 1; }

.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
/*  	Owl Carousel - Auto Height Plugin */
.owl-height { transition: height 500ms ease-in-out; }

/*  Core Owl Carousel CSS File */
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }

.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; }

.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel.owl-loaded { display: block; }

.owl-carousel.owl-loading { opacity: 0; display: block; }

.owl-carousel.owl-hidden { opacity: 0; }

.owl-carousel .owl-refresh .owl-item { display: none; }

.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel .owl-item img { display: block; -webkit-transform-style: preserve-3d; }

.owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; }

.owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }

.owl-carousel.owl-rtl { direction: rtl; }

.owl-carousel.owl-rtl .owl-item { float: right; }

/* No Js */
.no-js .owl-carousel { display: block; }

/*  	Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; }

.owl-carousel .owl-item img { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

/*  	Owl Carousel - Video Plugin */
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }

.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: scale 100ms ease; }

.owl-carousel .owl-video-play-icon:hover { transition: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }

.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame { position: relative; z-index: 1; }

/* HTML5 Boilerplate  What follows is the result of much research on cross-browser styling. Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team. */
button, html, input, select, textarea { color: #4a4748; }

body { font-size: 1em; line-height: 1.4; }

a { color: #00e; }

a:hover { color: #06e; }

fieldset { border: 0; margin: 0; padding: 0; }

textarea { resize: vertical; }

.nocallout { -webkit-touch-callout: none; }

.pressed { background-color: rgba(0, 0, 0, 0.7); }

textarea[contenteditable] { -webkit-appearance: none; }

.gifhidden { position: absolute; left: -100%; }

.ir { background-color: transparent; background-repeat: no-repeat; border: 0; direction: ltr; display: block; overflow: hidden; text-align: left; text-indent: -999em; }

.ir br { display: none; }

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:after, .clearfix:before { content: ""; display: table; }

.clearfix:after { clear: both; }

/*	GRID STYLING FILE						*/
/*				GRID WIDTHS						*/
.grid--cols-1 > .grid__cell { width: 100%; }

.grid--cols-2 > .grid__cell { width: 50%; }
.grid--cols-2 > .grid__cell--span-2 { width: 100%; }
@media screen and (max-width: 600px) { .grid--cols-2:not(.grid--disableMQs) > .grid__cell { width: 100%; } }

.grid--cols-3 > .grid__cell { width: 33.33333%; }
.grid--cols-3 > .grid__cell--span-2 { width: 66.66667%; }
.grid--cols-3 > .grid__cell--span-3 { width: 100%; }
@media screen and (max-width: 600px) { .grid--cols-3:not(.grid--disableMQs) > .grid__cell { width: 100%; } }
.no-flexbox .grid--cols-3.grid--enableWrapping > .grid__cell:nth-child(3n+1) { clear: left; }

.grid--cols-4 > .grid__cell { width: 25%; }
.grid--cols-4 > .grid__cell--span-2 { width: 50%; }
.grid--cols-4 > .grid__cell--span-3 { width: 75%; }
.grid--cols-4 > .grid__cell--span-4 { width: 100%; }
@media screen and (max-width: 960px) { .grid--cols-4:not(.grid--disableMQs) > .grid__cell { width: 50%; } }
@media screen and (max-width: 480px) { .grid--cols-4:not(.grid--disableMQs) > .grid__cell { width: 100%; } }
.no-flexbox .grid--cols-4.grid--enableWrapping > .grid__cell:nth-child(4n+1) { clear: left; }

.grid--cols-5 > .grid__cell { width: 20%; }
.grid--cols-5 > .grid__cell--span-2 { width: 40%; }
.grid--cols-5 > .grid__cell--span-3 { width: 60%; }
.grid--cols-5 > .grid__cell--span-4 { width: 80%; }
.grid--cols-5 > .grid__cell--span-5 { width: 100%; }
@media screen and (max-width: 960px) { .grid--cols-5:not(.grid--disableMQs) > .grid__cell { width: 33.33%; } }
@media screen and (max-width: 600px) { .grid--cols-5:not(.grid--disableMQs) > .grid__cell { width: 50%; } }
@media screen and (max-width: 480px) { .grid--cols-5:not(.grid--disableMQs) > .grid__cell { width: 100%; } }
.no-flexbox .grid--cols-5.grid--enableWrapping > .grid__cell:nth-child(5n+1) { clear: left; }

.grid--cols-6 > .grid__cell { width: 16.66667%; }
.grid--cols-6 > .grid__cell--span-2 { width: 33.33333%; }
.grid--cols-6 > .grid__cell--span-3 { width: 50%; }
.grid--cols-6 > .grid__cell--span-4 { width: 66.66667%; }
.grid--cols-6 > .grid__cell--span-5 { width: 83.33333%; }
.grid--cols-6 > .grid__cell--span-6 { width: 100%; }
@media screen and (max-width: 960px) { .grid--cols-6:not(.grid--disableMQs) > .grid__cell { width: 33.33%; } }
@media screen and (max-width: 600px) { .grid--cols-6:not(.grid--disableMQs) > .grid__cell { width: 50%; } }
@media screen and (max-width: 480px) { .grid--cols-6:not(.grid--disableMQs) > .grid__cell { width: 100%; } }
.no-flexbox .grid--cols-6.grid--enableWrapping > .grid__cell:nth-child(6n+1) { clear: left; }

.grid--cols-7 > .grid__cell { width: 14.28571%; }
.grid--cols-7 > .grid__cell--span-2 { width: 28.57143%; }
.grid--cols-7 > .grid__cell--span-3 { width: 42.85714%; }
.grid--cols-7 > .grid__cell--span-4 { width: 57.14286%; }
.grid--cols-7 > .grid__cell--span-5 { width: 71.42857%; }
.grid--cols-7 > .grid__cell--span-6 { width: 85.71429%; }
.grid--cols-7 > .grid__cell--span-7 { width: 100%; }
@media screen and (max-width: 960px) { .grid--cols-7:not(.grid--disableMQs) > .grid__cell { width: 33.33%; } }
@media screen and (max-width: 600px) { .grid--cols-7:not(.grid--disableMQs) > .grid__cell { width: 50%; } }
@media screen and (max-width: 480px) { .grid--cols-7:not(.grid--disableMQs) > .grid__cell { width: 100%; } }
.no-flexbox .grid--cols-7.grid--enableWrapping > .grid__cell:nth-child(7n+1) { clear: left; }

.grid { min-width: 100%; border: 0 solid #000; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-flex !important; display: -ms-flexbox !important; -js-display: flex !important; display: flex !important; }
@media screen and (max-width: 1565px) { .grid:not(.grid--disableMQs):not(.grid--noWrap) { -ms-flex-wrap: wrap ; -webkit-flex-wrap: wrap ; flex-wrap: wrap ; } }
.grid__wrap { overflow: hidden; }
.grid__cell { min-width: 0%; max-width: 100%; display: block; padding: 0; margin: 0; background-clip: padding-box !important; border: 0 solid transparent; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; outline-color: #000; border-color: #000; }
.grid__cell--vAlign { -ms-align-self: center; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }
.grid__cell.grid { display: -webkit-flex; display: -ms-flexbox; -js-display: flex; display: flex; }
.grid__cell, .grid__cell * > { max-width: 100%; -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; }
.grid[class*="grid--gutter-"] { /*@if($lt-ie10) {
	border-left: 0;
	margin-left: 0;
}*/ }
.grid[class*="grid--gutter-"].grid--outerGutters { margin: 0; }
.grid[class*="grid--gutter-"].grid--outerGutters-v { margin-top: 0; margin-bottom: 0; }
.grid[class*="grid--gutter-"].grid--outerGutters-h { margin-left: 0; margin-right: 0; }
.grid[class*="grid--gutter-"].grid--outerGutters-top { margin-top: 0; }
.grid[class*="grid--gutter-"].grid--outerGutters-bottom { margin-bottom: 0; }
.grid[class*="grid--gutter-"].grid--outerGutters-left { margin-left: 0; }
.grid[class*="grid--gutter-"].grid--outerGutters-right { margin-right: 0; }
.grid[class*="grid--gutter-"] > .grid__cell, .grid[class*="grid--gutter-"] { border-color: transparent; }
.grid--gutter-sideNav { margin: -35px; border-width: 35px 0 0 35px; }
.grid--gutter-sideNav > .grid__cell { border-width: 0 35px 35px 0; }
@media screen and (max-width: 1600px) { .grid--gutter-sideNav.grid--outerGutters-delayedHorizontal { margin-left: 0; margin-right: 0; } }
@media screen and (max-width: 600px) { .grid--gutter-sideNav { margin: -20px; border-width: 20px 0 0 20px; }
  .grid--gutter-sideNav > .grid__cell { border-width: 0 20px 20px 0; } }
@media screen and (max-width: 600px) and (max-width: 1585px) { .grid--gutter-sideNav.grid--outerGutters-delayedHorizontal { margin-left: 0; margin-right: 0; } }

.grid--gutter-productListing { margin: -40px; border-width: 40px 0 0 40px; }
.grid--gutter-productListing > .grid__cell { border-width: 0 40px 40px 0; }
@media screen and (max-width: 1605px) { .grid--gutter-productListing.grid--outerGutters-delayedHorizontal { margin-left: 0; margin-right: 0; } }
.grid--gutter-product { margin: -20px; border-width: 20px 0 0 20px; }
.grid--gutter-product > .grid__cell { border-width: 0 20px 20px 0; }
@media screen and (max-width: 1585px) { .grid--gutter-product.grid--outerGutters-delayedHorizontal { margin-left: 0; margin-right: 0; } }
.grid--gutter-form { margin: -15px; border-width: 15px 0 0 15px; }
.grid--gutter-form > .grid__cell { border-width: 0 15px 15px 0; }
@media screen and (max-width: 1580px) { .grid--gutter-form.grid--outerGutters-delayedHorizontal { margin-left: 0; margin-right: 0; } }
.grid--gutter-bookTest { margin: -3px; border-width: 3px 0 0 3px; }
.grid--gutter-bookTest > .grid__cell { border-width: 0 3px 3px 0; }
@media screen and (max-width: 1568px) { .grid--gutter-bookTest.grid--outerGutters-delayedHorizontal { margin-left: 0; margin-right: 0; } }
.grid--gutter-rhContent { margin: -20px; border-width: 20px 0 0 20px; }
.grid--gutter-rhContent > .grid__cell { border-width: 0 20px 20px 0; }
@media screen and (max-width: 1585px) { .grid--gutter-rhContent.grid--outerGutters-delayedHorizontal { margin-left: 0; margin-right: 0; } }
.grid--hasInners > .grid__cell { /* OLD - iOS 6-, Safari 3.1-6 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ -js-display: flex; display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -ms-align-items: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
.grid--hasInners > .grid__cell > .grid__inner { display: block; width: 100%; }
.grid--vAlign:not(.grid--hasInners) > .grid__cell { /* OLD - iOS 6-, Safari 3.1-6 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ -js-display: flex; display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -ms-align-items: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.grid--vAlign.grid--hasInners { -ms-align-items: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; -ms-grid-row-align: stretch; align-items: stretch; }
.grid--vAlign.grid--hasInners > .grid__cell > .grid__inner { /* OLD - iOS 6-, Safari 3.1-6 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ -js-display: flex; display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -ms-align-items: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.grid--vertical { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.no-flexbox .grid { display: table; width: 100%; }
.no-flexbox .grid > .grid__cell { display: table-cell; vertical-align: top; }
.no-flexbox .grid__inner { display: block; }
.no-flexbox .grid--vAlign > .grid__cell { vertical-align: middle; }
.no-flexbox .grid--vertical { display: block; }
.no-flexbox .grid--vertical > .grid__cell { float: left; display: block; width: 100%; }
.no-flexbox .grid--enableWrapping { display: block; }
.no-flexbox .grid--enableWrapping > .grid__cell { float: left; display: block; }
.flexbox .grid--enableWrapping { -ms-flex-wrap: wrap ; -webkit-flex-wrap: wrap ; flex-wrap: wrap ; }
.no-flexbox .grid--ieFloat { display: block; }
.no-flexbox .grid--ieFloat > .grid__cell { float: left; display: block; }

/*================================================*\
	BASE ELEMENT STYLING
//----------------------------------------------------
//	This file holds base styling for elements.
//	NO CLASSES ALLOWED!
//	these are essentially site resets
\*================================================*/
*:before, *:after, * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; box-sizing: inherit; *behavior: url(../htc/boxsizing.htc); }

html, body { box-sizing: border-box; *behavior: url(../htc/boxsizing.htc); height: 100%; margin: 0; padding: 0; }

html { font-size: 62.5%; }

body { position: relative; font-size: 16px; font-size: 1.6rem; line-height: 1.5; font-family: "Lato", Arial, sans-serif; margin: 0; font-weight: 400; background-color: #fff; color: #051703; }

h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote { margin-bottom: 0; margin-top: 1em; }
h1:first-child:not(.grid):not(.grid__cell), h2:first-child:not(.grid):not(.grid__cell), h3:first-child:not(.grid):not(.grid__cell), h4:first-child:not(.grid):not(.grid__cell), h5:first-child:not(.grid):not(.grid__cell), h6:first-child:not(.grid):not(.grid__cell), p:first-child:not(.grid):not(.grid__cell), ul:first-child:not(.grid):not(.grid__cell), ol:first-child:not(.grid):not(.grid__cell), blockquote:first-child:not(.grid):not(.grid__cell) { margin-top: 0; }

/*HEADINGS*/
h1, h2, h3, h4, h5, h6 { color: #051703; font-weight: 400; line-height: 1; margin-bottom: 15px; margin-top: 30px; }
h1 + p, h1 + ul, h1 + ol, h2 + p, h2 + ul, h2 + ol, h3 + p, h3 + ul, h3 + ol, h4 + p, h4 + ul, h4 + ol, h5 + p, h5 + ul, h5 + ol, h6 + p, h6 + ul, h6 + ol { margin-top: 0 !important; }

h1 { font-size: 30px; font-size: 3rem; margin-bottom: 10px; }
h1 + h2 { margin-top: 30px; }

h2 { font-size: 24px; font-size: 2.4rem; margin-top: 50px; font-weight: 600; }

h3 { font-size: 22px; font-size: 2.2rem; text-transform: uppercase; font-weight: 400; }

h4 { font-size: 18px; font-size: 1.8rem; font-weight: 600; }

h5 { font-size: 14px; font-size: 1.4rem; text-transform: uppercase; font-style: italic; }

p { margin: 30px 0 0; }

a { text-decoration: none; color: #1E4E91; }
@media screen and (min-width: 1051px) { a:hover, a:focus { text-decoration: underline; } }

label, input[type=radio], input[type=checkbox] { cursor: pointer; }

blockquote { background-color: #EEEFF3; margin: 30px 0 0; padding: 20px; font-size: 16px; font-size: 1.6rem; }

/*================================================*\
	THE TOOL KIT
//----------------------------------------------------
//	This file holds one off classes designed to be
//	used globally for a specific function
\*================================================*/
.TK-noDots { list-style: none; margin: 0; padding: 0; }
.TK-imgReplace br { display: none; }
.TK-noWrap { white-space: nowrap; }
.TK-elipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }
.TK-overflowHidden { overflow: hidden; }
.TK-hide { display: none; }
html .TK-jsHide { display: none; }
.no-js html .TK-jsHide { display: block; }
.TK-offScreen { position: absolute; left: -999em; }
.TK-clear { clear: both; }
.TK-clear--left { clear: left; }
.TK-clear--right { clear: right; }
@media screen and (min-width: 601px) { .TK-mobileOnly { display: none !important; } }
@media not screen and (max-width: 1050px) and (min-width: 601px) { .TK-tabletOnly { display: none !important; } }
@media screen and (max-width: 1050px) { .TK-desktopOnly { display: none !important; } }
@media screen and (max-width: 600px) { .TK-nonMobile { display: none !important; } }
@media screen and (max-width: 1050px) and (min-width: 601px) { .TK-nonTablet { display: none !important; } }
@media screen and (min-width: 1051px) { .TK-nonDesktop { display: none !important; } }
@media screen and (min-width: 1566px) { .TK-nonLargeScreen { display: none !important; } }
@media screen and (max-width: 1565px) { .TK-largeScreenOnly { display: none !important; } }
@media screen and (min-width: 1566px) { .TK-nonLargeScreen { display: none !important; } }
.TK-legacyOnly { display: none !important; }
.TK-animate { transition: all 0.2s ease-in-out; }
.TK-animate--medium { transition: all 0.5s ease-in-out; }
.TK-animate--slow { transition: all 1s ease-in-out; }
.TK-animate--false { transition: none !important; }
.TK-relative { position: relative; }
.TK-centeredText { text-align: center; }
.TK-fill { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.TK-float--left { float: left; }
.TK-float--right { float: right; }
.TK-inlineBlock { display: inline-block; }
.TK-pageWidth { margin: 0 auto; max-width: 1565px; width: 100%; display: block; }
.TK-weight--light { font-weight: 300; }
.TK-weight--normal { font-weight: 400; }
.TK-weight--bold { font-weight: 700; }
.TK-spaced { margin: 20px 0; }
.TK-fullScreen { min-height: 100vh; }
.TK-fullScreen--hasHeader { min-height: calc(100vh - 70px); }
.TK-willChange--isApplied-JS { will-change: transform; }
.TK-flexValign { /* OLD - iOS 6-, Safari 3.1-6 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ -js-display: flex; display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -ms-align-items: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.TK-flex { display: -webkit-flex !important; display: -ms-flexbox !important; -js-display: flex !important; display: flex !important; }
.TK-flexGrow { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }

html .YTvideo { position: relative; padding-top: 56.25%; height: 0; }
html .YTvideo iframe, html .YTvideo embed { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; }
html .YTvideo--nonWideScreen { padding-top: 75%; }

input, textarea, .styledSelect-JSadded { border: 1px solid #EEEFF3; max-width: 100%; padding: 5px 10px; border-radius: 3px; }

label { font-weight: 400; }

input, textarea { width: 100%; color: #051703; border-radius: 3px !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; border-radius: 0; transition: all 0.2s ease-in-out; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #767676; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #767676; opacity: 1; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #767676; }
input::placeholder, textarea::placeholder { color: #767676; }
@media screen and (min-width: 1051px) { input:hover, input:focus, textarea:hover, textarea:focus { background-color: #F7F7F7; } }
input.hasError, textarea.hasError { background-color: #FFD1D1; border-color: #9B2F27; }
@media screen and (min-width: 1051px) { input.hasError:hover, input.hasError:focus, textarea.hasError:hover, textarea.hasError:focus { background-color: #ffeded; } }

[type="submit"] { border: none; cursor: pointer; }
.js [type="submit"].styledSubmit { opacity: 0; }

.styledSubmit-JS { position: relative; cursor: pointer; }
.styledSubmit-JS input[type="submit"] { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; }

/********* Custom check browse button **********/
input[type="file"] { cursor: pointer; }
.js input[type="file"] { opacity: 0; }

.js .styledBrowse-JS { overflow: hidden; cursor: pointer; }
.js .styledBrowse-JS a { float: left; position: relative; overflow: hidden; margin-right: 10px; padding: 7px 40px; border: 1px solid #000; }
.js .styledBrowse-JS a.error { color: #6B080B; background-color: #D76860; }
.js .styledBrowse-JS a.error:hover { background-color: #efc3bf; }
.js .styledBrowse-JS input { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; cursor: pointer; visibility: visible; }
.js .styledBrowse-JS__preview-JS { line-height: 2.1em; float: left; }

/********* Custom checkbox and radio buttons **********/
input[type="radio"] + label, input[type="checkbox"] + label { padding-left: 25px; position: relative; cursor: pointer; display: inline-block; }
input[type="radio"] + label:before, input[type="radio"] + label:after, input[type="checkbox"] + label:before, input[type="checkbox"] + label:after { content: ''; display: block; position: absolute; }
input[type="radio"] + label:before, input[type="checkbox"] + label:before { height: 15px; width: 15px; background-color: #fff; border: 1px solid #CDCCD2; top: 2px; left: 0px; }
input[type="radio"] + label:after, input[type="checkbox"] + label:after { background-color: #051703; height: 9px; width: 9px; top: 5px; left: 3px; opacity: 0; }
input[type="radio"]:focus + label:before, input[type="radio"] + label:hover:before, input[type="checkbox"]:focus + label:before, input[type="checkbox"] + label:hover:before { background-color: #EEEFF3; border-color: #525254; }
input[type="radio"]:focus + label:after, input[type="radio"] + label:hover:after, input[type="checkbox"]:focus + label:after, input[type="checkbox"] + label:hover:after { color: #000; }
input[type="radio"].hasError + label:before, input[type="checkbox"].hasError + label:before { background-color: #FFD1D1; border-color: #9B2F27; }
input[type="radio"].hasError + label:after, input[type="checkbox"].hasError + label:after { color: #9B2F27; }
input[type="radio"].hasError:focus + label:before, input[type="radio"].hasError + label:hover:before, input[type="checkbox"].hasError:focus + label:before, input[type="checkbox"].hasError + label:hover:before { background-color: #ffeded; border-color: #9B2F27; }
input[type="radio"].hasError:focus + label:after, input[type="radio"].hasError + label:hover:after, input[type="checkbox"].hasError:focus + label:after, input[type="checkbox"].hasError + label:hover:after { color: #3e1310; }

input[type="radio"] + label:after, input[type="radio"] + label:before { border-radius: 50%; }
input[type="radio"]:focus + label:after, input[type="radio"] + label:hover:after { background-color: #000; }
input[type="radio"].hasError:focus + label:after, input[type="radio"].hasError + label:hover:after { background-color: #ffeded; }

input[type=range] { -webkit-appearance: none; /* Hides the slider so that custom slider can be made */ width: 100%; /* Specific width is required for Firefox. */ }

input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; }

input[type=range]:focus { outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */ }

input[type=range]::-ms-track { width: 100%; cursor: pointer; background: transparent; /* Hides the slider so custom styles can be added */ border-color: transparent; color: transparent; }

/********* Custom check browse button **********/
input[type="file"] { cursor: pointer; }

.styledBrowse-JSadded { cursor: pointer; position: relative; display: inline-block; }
.js .styledBrowse-JSadded input { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; opacity: 0; cursor: pointer; visibility: visible; z-index: 2; }
.js .styledBrowse-JSadded input:hover + .styledBrowse__btn-JSadded, .js .styledBrowse-JSadded input:hover + .styledBrowse__display-JSadded + .styledBrowse__btn-JSadded, .js .styledBrowse-JSadded input:focus + .styledBrowse__btn-JSadded, .js .styledBrowse-JSadded input:focus + .styledBrowse__display-JSadded + .styledBrowse__btn-JSadded { background-color: #8dc63f; color: #000; }
.styledBrowse__btn-JSadded { display: inline-block; vertical-align: middle; position: relative; overflow: hidden; padding: 7px 40px; border: 1px solid #000; text-decoration: none; }
.styledBrowse__btn-JSadded:hover { text-decoration: none; }
.styledBrowse__btn-JSadded.error { color: #9B2F27; background-color: #FFD1D1; }
.styledBrowse__btn-JSadded.error:hover { background-color: #ffeded; }
.styledBrowse__display-JSadded { display: inline-block; vertical-align: middle; margin: 0 10px; }

/********* Custom select boxes **********/
select:hover + .styledSelect-display, .styledSelect-JSadded:hover .styledSelect__display-JSadded { background-color: #F7F7F7; }

select { cursor: pointer; }
select option { font-weight: 100; }
.js select { opacity: 0; }

.styledSelect-JSadded { width: 100%; padding: 0; position: relative; overflow: hidden; cursor: pointer; background-color: #fff; z-index: 0; padding-right: 30px; border-radius: 3px; display: inline-block; /*@include MG-icon('arrow--down', CG-prominence(1), 5px, 30px){
	@include MG-centered(v);
	right: 0;
	z-index: 1;
}*/ }
.styledSelect-JSadded:after { content: ""; display: block; content: ""; font-size: 12px; height: 12px; width: 30px; right: 0; line-height: 0.8; text-align: center; color: #fff; position: absolute; top: 0; bottom: 0; margin: auto 0; }
.styledSelect-JSadded:before { content: ""; display: block; background-color: #ffd204; width: 30px; position: absolute; top: -1px; bottom: -1px; right: 0; }
.styledSelect-JSadded select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; border: none !important; z-index: 2; }
.styledSelect-JSadded select:focus + .styledSelect__display-JSadded { background: #F7F7F7; }
.styledSelect-JSadded.hasError { background: #FFD1D1 !important; border-color: #9B2F27; }
.styledSelect-JSadded.hasError:before { border-color: #9B2F27; background-color: #9B2F27; color: #FFD1D1; }
.styledSelect-JSadded.hasError .styledSelect__display-JSadded { color: #9B2F27; background-color: #FFD1D1; }
.styledSelect-JSadded.hasError:hover .styledSelect__display-JSadded, .styledSelect-JSadded.hasError select:hover + .styledSelect__display-JSadded { background: #ffeded; }
.styledSelect__display-JSadded { transition: background 0.25s ease-in-out; padding: 5px 10px 5px 10px; color: #051703; background-color: #fff; position: relative; z-index: 0; display: block; background-color: #fff; border-radius: 3px 0 0 3px; }

[class^="icon-"]:before, [class^="icon-"]:after, [class*=" icon-"]:before, [class*=" icon-"]:after { display: inline-block; line-height: 1; font-family: "iHear"; }

.icon-search:before { content: "" !important; }

.icon-a-up:before { content: "" !important; }

.icon-a-left:before { content: "" !important; }

.icon-a-down:before { content: "" !important; }

.icon-a-right:before { content: "" !important; }

.icon-arrow-right:before { content: "" !important; }

.icon-arrow-down:before { content: "" !important; }

.icon-phone:before { content: "" !important; }

.icon-email:before { content: "" !important; }

.icon-location:before { content: "" !important; }

.icon-date:before { content: "" !important; }

.icon-time:before { content: "" !important; }

.icon-categories:before { content: "" !important; }

.icon-tags:before { content: "" !important; }

.icon-heart:before { content: "" !important; }

.icon-comment:before { content: "" !important; }

.icon-tag:before { content: "" !important; }

.icon-PDF:before { content: "" !important; }

.icon-quote:before { content: "" !important; }

.icon-submit-arrow:before { content: "" !important; }

.icon-subscribe-arrow:before { content: "" !important; }

.icon-facebook:before { content: "" !important; }

.icon-twitter:before { content: "" !important; }

.icon-youtube:before { content: "" !important; }

.main-content { padding: 45px; min-height: calc(100vh - 175px); }
@media screen and (max-width: 600px) { .main-content { padding: 20px; } }
@media screen and (max-width: 1050px) { .main-content { min-height: calc(100vh - 219px); } }
.main-content .breadcrumbs-holder { position: relative; border-bottom: 2px dotted #b6b1a9; padding-bottom: 10px; margin-bottom: 20px; padding-top: 15px;}
.main-content .breadcrumbs-holder .next-back { margin-top: -14px; position: absolute; right: 0; top: 10px; }
.main-content .breadcrumbs { padding: 0px; }
.main-content .breadcrumbs li { display: inline-block; }
.main-content .breadcrumbs li a { color: #48800f; }
.main-content .breadcrumbs li a:hover, .main-content .breadcrumbs li a:focus { color: #8dc63f; }
.main-content .breadcrumbs li:after { font-family: 'ihear'; content: "\e904"; font-size: 13px; font-weight: bold; padding-left: 10px; padding-right: 5px; vertical-align: -7%; }
.main-content .breadcrumbs li:last-child:after { content: ""; }
.main-content#landing { background: url("../images/bg-book.jpg") 50% 50% no-repeat #e6eced; background-size: cover; border-bottom: 1px solid #8dc63f; min-height: 0; padding: 0; }
.main-content#landing .gradient { padding: 45px; }
@media screen and (max-width: 600px) { .main-content#landing .gradient { padding: 20px; } }
.main-content#landing h1 { margin: 0; text-shadow: #fff 0 0 2px; }
.main-content .job-details h1 { margin-bottom: 10px; }
.main-content .job-details h1 + span { margin-bottom: 45px; }
.main-content .job-details h3 { margin-top: 45px; }
.main-content .job-details dl dt, .main-content .job-details dl dd { padding: 10px 0; vertical-align: top; display: inline-block; margin: 0; }
@media screen and (max-width: 480px) { .main-content .job-details dl dt, .main-content .job-details dl dd { width: 100% !important; } }
.main-content .job-details dl dt { font-weight: bold; padding-right: 15px; width: 20%; }
@media screen and (max-width: 700px) { .main-content .job-details dl dt { width: 33.33%; } }
.main-content .job-details dl dd { width: 79%; }
@media screen and (max-width: 700px) { .main-content .job-details dl dd { width: 65%; } }
.main-content h1, .main-content h2 { color: #003e74; font-size: 2.5em; text-transform: uppercase; }
.main-content h1 { font-family: 'Lato-light'; margin-top: 0; }
.main-content h2 { font-family: 'Lato-black'; }
.main-content h3, .main-content h2.hr-dots { font-size: 1.25em; margin-bottom: 10px; font-weight: bold; }
.main-content .sub-heading { font-family: 'Lato-light'; color: #003e74; font-size: 2.5em; text-transform: uppercase; }
.main-content p { margin-bottom: 5px; }
.main-content .hr { height: 1px; width: 100%; line-height: 1px; border-top: 1px solid #ccc; border-bottom: 1px solid #fff; margin-top: 10px; margin-bottom: 10px; clear: both; }
.main-content .hr-dots { border-bottom: 2px dotted #b6b1a9; padding-bottom: 10px; margin-bottom: 20px; }

@media screen and (min-width: 713px) { .newsletter-page table#newsletter { background-color: #ccc; }
  .newsletter-page table#newsletter > tbody > tr > td { width: 33%; }
  .newsletter-page table#newsletter > tbody > tr > td:nth-child(2) { padding: 25px; }
  .newsletter-page table#newsletter > tbody > tr > td > center > table { width: 600px; } }
@media screen and (max-width: 711px) { .newsletter-page table, .newsletter-page td, .newsletter-page tbody, .newsletter-page tr { display: block; width: 100% !important; padding: 0; clear: both; }
  .newsletter-page td { position: relative !important; } }

/*================================================*\
	TOOLTIP STYLES
//-----------------------------------------------
//	Holds the styles for the css tooltip
\*================================================*/
.tooltip { position: relative; }
.tooltip:hover, .tooltip:focus { outline: none; box-shadow: none; }
.tooltip:hover .tooltip__text, .tooltip:focus .tooltip__text { -webkit-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; transition: opacity 0.3s 0s ease-in-out, visibility 0s 0s ease-in-out, -webkit-transform 0.3s 0s ease-in-out; transition: transform 0.3s 0s ease-in-out, opacity 0.3s 0s ease-in-out, visibility 0s 0s ease-in-out; transition: transform 0.3s 0s ease-in-out, opacity 0.3s 0s ease-in-out, visibility 0s 0s ease-in-out, -webkit-transform 0.3s 0s ease-in-out; }
@media screen and (max-width: 960px) { .tooltip:hover .tooltip__text, .tooltip:focus .tooltip__text { display: none; } }
.tooltip__text { transition: opacity 0.3s 0s ease-in-out, visibility 0s 0.3s ease-in-out, -webkit-transform 0.3s 0s ease-in-out; transition: transform 0.3s 0s ease-in-out, opacity 0.3s 0s ease-in-out, visibility 0s 0.3s ease-in-out; transition: transform 0.3s 0s ease-in-out, opacity 0.3s 0s ease-in-out, visibility 0s 0.3s ease-in-out, -webkit-transform 0.3s 0s ease-in-out; -webkit-transform: scale(0); transform: scale(0); opacity: 0; -webkit-transform-origin: bottom center; transform-origin: bottom center; position: absolute; text-align: center; bottom: 100%; margin-bottom: 10px; left: 50%; margin-left: -150px; background: #0E283B; color: #fff; width: 300px; border-radius: 3px; font-size: 13px; font-size: 1.3rem; padding: 10px; z-index: 5; line-height: 1; visibility: hidden; }
.tooltip__text--slim { width: 100px; margin-left: -50px; }
.tooltip__text:before { content: ""; display: block; position: absolute; left: 0; right: 0; margin: 0 auto; display: block; width: 0 !important; height: 0 !important; overflow: hidden; background-clip: content-box; border-bottom: none; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 10px solid #0E283B; top: 100%; }
.tooltip__text--align-bottom-center, .tooltip__text--align-bottom-left, .tooltip__text--align-bottom-right { bottom: auto; top: 100%; margin-top: 15px; }
.tooltip__text--align-bottom-center:before, .tooltip__text--align-bottom-left:before, .tooltip__text--align-bottom-right:before { display: block; width: 0 !important; height: 0 !important; overflow: hidden; background-clip: content-box; border-top: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid #0E283B; top: auto; bottom: 100%; }
.tooltip__text--align-bottom-center { -webkit-transform-origin: top center; transform-origin: top center; }
.tooltip__text--align-bottom-right, .tooltip__text--align-top-right { left: auto; right: 0; margin-left: 0; margin-right: -8px; }
.tooltip__text--align-bottom-right:before, .tooltip__text--align-top-right:before { display: block; width: 0 !important; height: 0 !important; overflow: hidden; background-clip: content-box; border-top: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid #0E283B; left: auto; right: 10px; }
.tooltip__text--align-bottom-right { -webkit-transform-origin: top right; transform-origin: top right; }

.tooltipSwap__alternateText { display: none; }
.tooltipSwap--swapped-JS .tooltipSwap__alternateText { display: inline; }
.tooltipSwap--swapped-JS .tooltipSwap__defaultText { display: none; }

/* START BUTTONS */
.button { border: 0 none; border-radius: 10px 10px 0 10px; position: relative; padding: 10px 35px; font-size: 1.063em; font-weight: bold; display: inline-block; }
.button:hover, .button:focus { text-decoration: none; }
@media screen and (max-width: 767px) { .button { padding-top: 5px; padding-bottom: 5px; margin-top: 15px; } }
@media screen and (min-width: 768px) { .button:hover, .button:focus { bottom: -2px; } }

.orange { color: #000; background-color: #f47521; background: linear-gradient(to bottom, #f6981d 0%, #db871a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6981d', endColorstr='#db871a', GradientType=0 ); box-shadow: 0px 4px 0px 0px #aa6919, inset 0px 1px 0px 0px rgba(255, 255, 255, 0.24); }
.orange:hover, .orange:focus { color: #000; box-shadow: 0px 2px 0px 0px #aa6919, inset 0px 1px 0px 0px rgba(255, 255, 255, 0.24); }

.light-blue { color: #000; background-color: #a3d6f3; background: linear-gradient(to bottom, #a3d6f3 0%, #91bed8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3d6f3', endColorstr='#91bed8', GradientType=0 ); box-shadow: 0px 4px 0px 0px #0e2940, inset 0px 1px 0px 0px rgba(255, 255, 255, 0.24); }
.light-blue:hover, .light-blue:focus { color: #000; margin-top: 2px; box-shadow: 0px 2px 0px 0px #0e2940, inset 0px 1px 0px 0px rgba(255, 255, 255, 0.24); }

.blue { color: #fff; background-color: #003e74; background: linear-gradient(to bottom, #003e74 0%, #003767 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e74', endColorstr='#003767', GradientType=0 ); box-shadow: 0px 4px 0px 0px #0e2940, inset 0px 1px 0px 0px rgba(255, 255, 255, 0.24); }
.blue:hover, .blue:focus { color: #fff; text-decoration: none; box-shadow: 0px 2px 0px 0px #0e2940, inset 0px 1px 0px 0px rgba(255, 255, 255, 0.24); }

.green { color: #000; background-color: #6aad0e; background: linear-gradient(to bottom, #8bc53f 0%, #7fb239 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bc53f', endColorstr='#7fb239', GradientType=0 ); box-shadow: 0px 4px 0px 0px #648c2d, inset 0px 1px 0px 0px rgba(255, 255, 255, 0.24); }
.green:hover, .green:focus { color: #000; box-shadow: 0px 2px 0px 0px #648c2d, inset 0px 1px 0px 0px rgba(255, 255, 255, 0.24); }

/* END BUTTONS */
.standardContent h1, .standardContent td h1 { clear: both; margin-bottom: 10px; margin-top: 0; padding-top: 10px; font-family: "Lato-light", Arial, sans-serif; word-wrap: initial; }
@media screen and (max-width: 600px) { .standardContent h1, .standardContent td h1 { font-size: 2.2em; } }
.standardContent h1 + span, .standardContent td h1 + span { margin-bottom: 45px; display: block; }
.standardContent h1 + span author, .standardContent td h1 + span author { margin-right: 10px; display: inline-block; }
.standardContent h1 + span author:after, .standardContent td h1 + span author:after { content: "|"; margin-left: 10px; }
.standardContent h2, .standardContent h3, .standardContent h4, .standardContent td h2, .standardContent td h3, .standardContent td h4 { margin-top: 45px; margin-bottom: 10px; font-size: 1.25em; }
.standardContent h2:first-child, .standardContent h3:first-child, .standardContent h4:first-child, .standardContent td h2:first-child, .standardContent td h3:first-child, .standardContent td h4:first-child { margin-top: 0; }
.standardContent h1 + h2, .standardContent td h1 + h2 { margin-top: 20px; }
.standardContent h2, .standardContent td h2 { margin-top: 45px; font-weight: bold; color: #000; border-bottom: 1px solid #000; text-transform: none; padding-bottom: 5px; font-size: 1.25em; }
.standardContent h4, .standardContent td h4 { font-weight: normal; }
.standardContent ul, .standardContent ol, .standardContent td ul, .standardContent td ol { padding-left: 20px; }
.standardContent li, .standardContent td li { display: list-item; margin-top: 10px; }
.standardContent ul, .standardContent td ul { list-style: disc; }
.standardContent ul ul, .standardContent td ul ul { list-style: circle; }
.standardContent ul ul ul, .standardContent td ul ul ul { list-style: square; }
.standardContent ol, .standardContent td ol { list-style: decimal; }
.standardContent ol ol, .standardContent td ol ol { list-style: lower-alpha; }
.standardContent ol ol ol, .standardContent td ol ol ol { list-style: lower-roman; }
.standardContent blockquote, .standardContent td blockquote { padding: 20px; background: #eeeeee; }
.standardContent .YTvideo, .standardContent td .YTvideo { margin-top: 1em; }
.standardContent .YTvideo:first-child, .standardContent td .YTvideo:first-child { margin-top: 0; }

.standardContent { text-align: left; }

.purchaseColumn h3 { margin-bottom: 30px; }
.purchaseColumn__name { font-weight: bold; }
.purchaseColumn__cost { margin-top: 0; text-align: right; padding-left: 20px; }
.purchaseColumn__btn { background-color: #6a7989; border: 0; font-weight: bold; font-size: 70.25%; text-transform: uppercase; letter-spacing: 4px; transition: all 0.2s ease; display: inline-block; margin-top: 10px; color: #fff; width: 100%; text-align: center; border-radius: 10px 10px 0 10px !important; }
.purchaseColumn__btn:hover, .purchaseColumn__btn:focus { background-color: #8dc63f; color: #000; }
.purchaseColumn__addToCart { margin-top: 30px; }
.purchaseColumn__quantity { display: -webkit-flex; display: -ms-flexbox; -js-display: flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.listing .purchaseColumn__quantity label { margin-right: 10px; }
.purchaseColumn__quantityInput { width: 75px; text-align: center; }

*, *:after, *:before { box-sizing: border-box; }

@media screen and (min-width: 601px) { .siteContainer { padding-top: 130px; } }
@media screen and (max-width: 600px) { .siteContainer { padding-top: 90px; } }

body { width: 100%; background-color: #eeeeee; font-family: 'Lato', 'Arial', sans-serif; color: #000; background-color: #fff; }

h1, h2, h3, h4 { font-size: 1em; line-height: 1em; font-weight: normal; }

ul, li { display: inline-block; }

.light { font-family: 'Lato-light'; }

.heavy { font-family: 'Lato-black'; }

a { text-decoration: none; color: #48800f; transition: color 0.2s ease-in-out; }
a:hover { color: #2E520A; }

/* Add " (PDF)" text after links that go to PDFs */
a[href$=".pdf"]:before { content: "\e911"; margin-right: 5px; color: #3e4348; font-family: 'ihear'; }

/* If file size specified as data attribute, use that too */
a[href$=".pdf"][data-size]:after { content: " (" attr(data-size) ")"; font-weight: normal; }

.clear:after { content: ""; clear: both; display: block; visibility: hidden; height: 0; }

.hidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }

/* SPECIAL STYLES */
blockquote .quoteCite { font-family: 'Lato-black'; }

.g-white { background: linear-gradient(to bottom, rgba(255, 255, 255, 0.65) 100%, rgba(255, 255, 255, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ }
.g-black { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 50%, transparent 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ }

input { -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 1px; text-overflow: ''; }
input::-webkit-input-placeholder { color: #000; }
input::-moz-placeholder { color: #000; }
input:-ms-input-placeholder { color: #000; }
input::placeholder { color: #000; }

.play-pause { display: none; text-indent: -9999px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 9.6px solid #6aad0e; position: absolute; right: 20px; top: 20px; z-index: 999; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; }
.play-pause:before { content: ''; position: absolute; top: -12px; left: -18.4px; bottom: -12px; right: -5.6px; border-radius: 50%; border: 2px solid #6aad0e; z-index: 2; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; }
.play-pause:after { content: ''; opacity: 0; transition: opacity 0.6s; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; }
.play-pause:hover:before, .play-pause:focus:before { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.play-pause.active { border-color: transparent; }
.play-pause.active:after { content: ''; opacity: 1; width: 10px; height: 12.8px; background: #6aad0e; position: absolute; right: 0.8px; top: -6.4px; border-left: 3.2px solid #6aad0e; box-shadow: inset 4.8px 0 0 0 #f9f9f9; }

.owl-controls { width: 100%; position: absolute; text-align: center; margin: 40px 0; }
.products .owl-controls { margin: 20px 0; position: relative; }
.owl-controls .owl-dot { display: block; background-color: #b8bdbe; height: 11px; width: 11px; border-radius: 4px; text-indent: -9999px; margin-right: 10px; display: inline-block; }
.owl-controls .owl-dot:hover, .owl-controls .owl-dot:focus { background-color: #8dc63f; }
.owl-controls .owl-dot.active { background-color: #8dc63f; }
.owl-controls .owl-prev, .owl-controls .owl-next { width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 15px; border-color: transparent transparent transparent #b8bdbe; text-indent: -9999px; background-color: transparent; position: relative; bottom: -5px; padding: 0; }
.owl-controls .owl-prev:hover, .owl-controls .owl-prev:focus, .owl-controls .owl-next:hover, .owl-controls .owl-next:focus { border-color: transparent transparent transparent #8dc63f; background-color: transparent; }
.owl-controls .owl-prev { margin-left: 20px; float: left; margin-right: 20px; border-width: 7px 15px 7px 0; border-color: transparent #b8bdbe transparent transparent; }
.owl-controls .owl-prev:hover, .owl-controls .owl-prev:focus { border-color: transparent #8dc63f transparent transparent; }
.owl-controls .owl-next { margin-right: 20px; float: right; margin-left: 10px; }

#clinician-page .profile { display: inline-block; }
#clinician-page .profile-img { display: inline-block; margin-right: 25px; }
#clinician-page .profile-details { display: inline-block; vertical-align: bottom; width: 50%; }
#clinician-page .profile h1 { margin-bottom: 10px; }
#clinician-page .profile .content { margin-top: 45px; }
#clinician-page #map { border-top: 3px solid #8dc63f; }

/*-----------------------------------------	
			4.1.7 Large features block A
-----------------------------------------*/
.products { background-color: #eee; position: relative; }
.products .play-pause.active:after { box-shadow: inset 4.8px 0 0 0 #eee; }
.products .owl-stage-outer { min-height: 210px; }
.products .details { padding-top: 40px; float: left; }
@media screen and (min-width: 1056px) { .products .details img { float: left; position: absolute; bottom: 0; left: auto; } }
@media screen and (max-width: 1200px) and (min-width: 961px) { .products .details img { display: none; } }
.products .details h2, .products .details p { max-width: 270px; }
@media screen and (min-width: 1201px) { .products .details h2, .products .details p { padding-left: 260px; max-width: 530px; } }
@media screen and (max-width: 1200px) and (min-width: 961px) { .products .details h2, .products .details p { padding-left: 45px; max-width: 315px; } }
.products .details h2 { margin-top: 0; font-size: 2.95em; color: #003e74; text-transform: uppercase; line-height: 0.85em; font-family: 'Lato-light'; }
.products .details h2 span { font-family: 'Lato-black'; font-weight: normal; }
.products .details p { margin: 0.7em 0; }
.products a { display: inline-block; text-align: center; }
.products a .product { overflow: hidden; width: 150px; height: 150px; border: 0 none; border-radius: 50%; border: 6px solid #fff; background-color: #fff; text-align: center; display: block; margin-bottom: 11px; }
.products a .product img { margin-top: 25px; }
.products a .detail { color: #000; background: url(../images/dot-repeat.png) 0% 100% repeat-x; padding-bottom: 3px; }
.products a:hover .product, .products a:focus .product { border: 6px solid #d1ebf9; transition: 1s; }
.products .holder { padding-top: 65px; padding-left: 580px; padding-right: 45px; }
@media screen and (max-width: 1200px) { .products .holder { padding-left: 360px; } }
.products .play-pause { right: 20px; }

.banner { background-color: #eee; position: relative; overflow: hidden; /*----------------------------------------- 4.1.5.2 Medium Promotions block
-----------------------------------------*/ }
@media screen and (min-width: 768px) { .banner.home-mobile-extra { display: none !important; } }
.banner .clinicians { float: left; }
@media screen and (min-width: 1457px) { .banner .clinicians { width: 75%; } }
@media screen and (max-width: 1456px) { .banner .clinicians { width: 100%; } }
.banner .clinicians .meet { position: relative; max-width: 420px; background: url(../images/small-hand.jpg) bottom right no-repeat; padding-top: 55px; padding-left: 40px; padding-right: 40px; padding-bottom: 40px; }
@media screen and (max-width: 1150px) { .banner .clinicians .meet { width: 33%; background-image: none; } }
.banner .clinicians .meet h3 { color: #003e74; font-size: 2.95em; text-transform: uppercase; }
.banner .clinicians .meet h3 .heavy:after { margin-left: -40px; content: ""; display: block; width: 80%; height: 1px; background-color: #fff; margin-top: 16px; margin-bottom: 21px; }
.banner .clinicians .meet img { position: absolute; bottom: 0; right: 0; }
@media screen and (max-width: 1045px) and (min-width: 961px) { .banner .clinicians .meet img { display: none; } }
.banner .clinicians .people { padding-top: 55px; padding-right: 40px; padding-bottom: 0; }
.banner .clinicians .people p { margin-bottom: 35px; }
.banner .clinicians .people ul { margin-top: 0; }
.banner .clinicians .people li { text-align: center; margin-right: 15px; padding-bottom: 12px; }
@media screen and (max-width: 1055px) and (min-width: 991px) { .banner .clinicians .people li { margin-right: 25px; } }
@media screen and (max-width: 990px) and (min-width: 961px) { .banner .clinicians .people li { margin-right: 15px; } }
.banner .clinicians .people li:last-child { margin-right: 0; }
.banner .clinicians .people li a { color: #003e74; font-weight: bold; }
.banner .clinicians .people li a span { border-radius: 50%; background-color: rgba(164, 215, 244, 0.7); display: block; height: 150px; width: 150px; margin: 0 auto 12px; }
@media screen and (max-width: 1550px) { .banner .clinicians .people li a span { height: 130px; width: 130px; } }
.banner .clinicians .people li a span img { width: 100%; border-radius: 50%; }
.banner .clinicians .people li a:hover img, .banner .clinicians .people li a:focus img { opacity: .3; }
.banner .clinicians .people li a:hover span:after, .banner .clinicians .people li a:focus span:after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 13.5px 0 13.5px 20px; border-color: transparent transparent transparent #fff; position: relative; top: -85px; left: 65px; }
.banner .shop-holder { height: 360px; position: relative; }
@media screen and (max-width: 1456px) and (min-width: 768px) { .banner .shop-holder { clear: both; overflow: hidden; } }
@media screen and (max-width: 767px) { .banner .shop-holder { height: auto; } }
@media screen and (max-width: 1456px) { .banner .shop-holder.clinician-cell { display: none !important; } }
.banner .shop-holder.clinician-cell .shop-item { width: 100%; }
@media screen and (min-width: 1457px) { .banner .shop-holder#promo-items .subsidies { display: none; } }
.banner .shop-holder .shop-item { width: 25%; min-width: 360px; float: left; background-size: cover; text-align: center; position: relative; height: 360px; /*------------------------------------
		4.1.5.3 Special Features Block
--------------------------------------*/ }
@media screen and (min-width: 768px) { .banner .shop-holder .shop-item { padding-left: 40px; padding-right: 40px; padding-top: 38px; padding-bottom: 40px; } }
@media screen and (max-width: 767px) { .banner .shop-holder .shop-item { width: 100%; padding: 30px 0; min-width: 0; height: auto; display: none; }
  .banner .shop-holder .shop-item:nth-child(-n+2) { display: block; } }
@media screen and (min-width: 768px) { .banner .shop-holder .shop-item .button { position: absolute; bottom: 42px; left: 50%; }
  .banner .shop-holder .shop-item .button:hover, .banner .shop-holder .shop-item .button:focus { bottom: 40px; } }
.banner .shop-holder .shop-item span { display: block; }
.banner .shop-holder .shop-item.online-shop { background-image: url(../images/bg-batteries.jpg); }
@media screen and (min-width: 768px) { .banner .shop-holder .shop-item.online-shop { padding-top: 41px; } }
.banner .shop-holder .shop-item.online-shop h2 span { font-size: 1.063em; color: #fff; margin-bottom: 15px; }
.banner .shop-holder .shop-item.online-shop h2 span.highlight { color: #000; font-family: 'Lato-black'; font-size: 2.063em; line-height: 1em; }
@media screen and (min-width: 768px) { .banner .shop-holder .shop-item.online-shop .shop-now { margin-left: -85px; } }
.banner .shop-holder .shop-item.slider { padding: 0; background-color: #fff; }
.banner .shop-holder .shop-item.slider img { margin: 0 auto; }
.banner .shop-holder .shop-item.slider .owl-controls { bottom: 0; padding: 20px; margin: 0; }
.banner .shop-holder .shop-item.slider .owl-controls button { padding: 0; margin: 0; }
.banner .shop-holder .shop-item.slider .owl-controls .owl-prev .owl-next { padding: 0; }
.banner .shop-holder .shop-item.slider .slide-nav-holder { position: absolute; bottom: 10px; left: 30%; }
.banner .shop-holder .shop-item.slider .small-slider-01 { text-align: center; height: 100%; max-width: 360px; margin: 0 auto; }
.banner .shop-holder .shop-item.discount, .banner .shop-holder .shop-item.hearing, .banner .shop-holder .shop-item.test { background-color: #6aad0e; overflow: hidden; }
@media screen and (min-width: 768px) { .banner .shop-holder .shop-item.discount, .banner .shop-holder .shop-item.hearing, .banner .shop-holder .shop-item.test { padding-top: 37px; padding-left: 65px; padding-right: 65px; } }
.banner .shop-holder .shop-item.discount .hand, .banner .shop-holder .shop-item.hearing .hand, .banner .shop-holder .shop-item.test .hand { position: absolute; bottom: 0; left: -60px; }
.banner .shop-holder .shop-item.discount .ear, .banner .shop-holder .shop-item.hearing .ear, .banner .shop-holder .shop-item.test .ear { position: absolute; top: 40%; right: 20px; }
.banner .shop-holder .shop-item.discount span, .banner .shop-holder .shop-item.hearing span, .banner .shop-holder .shop-item.test span { font-size: 1.1em; font-weight: bold; }
.banner .shop-holder .shop-item.discount span.highlight, .banner .shop-holder .shop-item.hearing span.highlight, .banner .shop-holder .shop-item.test span.highlight { font-family: 'Lato-black'; color: #fff; line-height: 1em; margin-bottom: 7px; }
.banner .shop-holder .shop-item.discount span.highlight span, .banner .shop-holder .shop-item.hearing span.highlight span, .banner .shop-holder .shop-item.test span.highlight span { display: inline-block; font-size: 2.2em; }
.banner .shop-holder .shop-item.discount span.invisible-aid, .banner .shop-holder .shop-item.hearing span.invisible-aid, .banner .shop-holder .shop-item.test span.invisible-aid { font-size: 2.063em; font-family: 'Lato-black'; line-height: 1.1em; margin-bottom: 34px; }
@media screen and (min-width: 768px) { .banner .shop-holder .shop-item.discount .hearing, .banner .shop-holder .shop-item.hearing .hearing, .banner .shop-holder .shop-item.test .hearing { margin-left: -125px; } }
.banner .shop-holder .shop-item.discount span.highlight { margin-top: 20px; font-size: 1.7em; letter-spacing: 4px; }
.banner .shop-holder .shop-item.hearing div { max-width: 360px; margin: 0 auto; }
.banner .shop-holder .shop-item.hearing div span.highlight { font-size: 1.5em; }
@media screen and (min-width: 768px) { .banner .shop-holder .shop-item.hearing div span.highlight { margin-top: 25px; } }
@media screen and (max-width: 767px) { .banner .shop-holder .shop-item.hearing div span.highlight { margin-top: 6px; } }
.banner .shop-holder .shop-item.hearing div span.quote { font-size: 1.3em; line-height: 1em; display: block; }
.banner .shop-holder .shop-item.hearing div span.quote .code { font-family: 'Lato-black'; display: inline; }
@media screen and (max-width: 767px) { .banner .shop-holder .shop-item.hearing div span.quote span { display: none; } }
.banner .shop-holder .shop-item.test { background: url(../images/bg-test.jpg) 50% 50% no-repeat; background-size: cover; padding: 0 !important; }
.banner .shop-holder .shop-item.test > div { background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; padding: 40px; padding-top: 38px; }
@media screen and (min-width: 768px) { .banner .shop-holder .shop-item.test > div { min-width: 360px; height: 360px; } }
.banner .shop-holder .shop-item.test > div .holder { max-width: 360px; margin: 0 auto; }
.banner .shop-holder .shop-item.test > div .holder span.highlight { margin-top: 8px; font-size: 2em; line-height: 1em; }
@media screen and (min-width: 768px) { .banner .shop-holder .shop-item.test > div .holder .take-test { margin-left: -85px; } }
.banner .shop-holder .shop-item.subsidies { background-image: url(../images/bg-subsidies.jpg); float: right; }
@media screen and (min-width: 768px) { .banner .shop-holder .shop-item.subsidies { padding-top: 85px; } }
.banner .shop-holder .shop-item.subsidies span { font-weight: bold; font-size: 1.875em; color: #fff; line-height: 1.05em; }
.banner .shop-holder .shop-item.subsidies span.highlight { font-family: 'Lato-black', sans-serif; font-size: 3.288em; word-wrap: initial; }
@media screen and (min-width: 768px) { .banner .shop-holder .shop-item.subsidies .apply { margin-left: -101px; } }
.banner .shop-holder > .owl-stage-outer .owl-stage .owl-item { width: 360px !important; }
.banner .shop-holder > .owl-controls { top: 0; bottom: auto; margin: 0; height: 0; }
.banner .shop-holder > .owl-controls .owl-dots { display: none !important; }
@media screen and (max-width: 1456px) and (min-width: 768px) { .banner .shop-holder > .owl-controls { display: block; width: 100%; position: absolute; }
  .banner .shop-holder > .owl-controls button.owl-prev, .banner .shop-holder > .owl-controls button.owl-next { z-index: 3000; position: absolute; height: 360px; text-indent: -9999px; width: 40px; background-color: rgba(62, 67, 72, 0.8); background-position: 50% 50%; background-repeat: no-repeat; top: 0; margin: 0; padding: 0; border: 0px none; }
  .banner .shop-holder > .owl-controls button.owl-prev:hover, .banner .shop-holder > .owl-controls button.owl-prev:focus, .banner .shop-holder > .owl-controls button.owl-next:hover, .banner .shop-holder > .owl-controls button.owl-next:focus { background-color: rgba(62, 67, 72, 0.9); }
  .banner .shop-holder > .owl-controls button.owl-prev { left: 0; background-image: url(../images/icon-prev.png); }
  .banner .shop-holder > .owl-controls button.owl-next { right: 0; background-image: url(../images/icon-next.png); } }
@media screen and (max-width: 1456) and (min-width: 768px) { .banner .shop-holder > .owl-controls { bottom: 5px; } }

/*-------------------------------------
				4.1.8 Blog block area
	-------------------------------------*/
.ihear-blog { position: relative; border-top: 1px solid #b1d25f; background-color: #fff; /*-------------------------------------
		4.1.8.2 Small Promotions Block
-------------------------------------*/ }
@media screen and (max-width: 1200px) { .ihear-blog { display: -webkit-flex; display: -ms-flexbox; -js-display: flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: streatch; -ms-flex-align: streatch; align-items: streatch; } }
.ihear-blog .blog { padding-left: 45px; width: 75%; float: left; padding-top: 40px; }
@media screen and (max-width: 1200px) { .ihear-blog .blog { width: 100%; } }
.ihear-blog .blog > h3 { margin-bottom: 35px; }
.ihear-blog .blog .blog-holder { width: 100%; }
.ihear-blog .blog .blog-holder li { width: 30%; padding-right: 3%; }
.ihear-blog .blog .blog-holder li > img { margin-bottom: 20px; max-width: 290px; width: 100%; }
.ihear-blog .blog .blog-holder li article { max-width: 290px; }
.ihear-blog .blog .blog-holder li article > h3 { margin-bottom: 7px; font-size: 1em; text-transform: none; }
.ihear-blog .blog .blog-holder li article > h3 a { font-size: 1.250em; font-family: 'Lato-black'; color: #003e74; line-height: 1.25em; }
.ihear-blog .blog .blog-holder li article > h3 a:hover, .ihear-blog .blog .blog-holder li article > h3 a:focus { color: #000; }
.ihear-blog .blog .blog-holder li article .meta-data { font-size: 0.750em; color: #6a737b; margin-bottom: 15px; display: block; }
.ihear-blog .blog .blog-holder li article .meta-data time { display: inline-block; }
.ihear-blog .blog .blog-holder li article .meta-data time:after { margin-right: 5px; margin-left: 7px; margin-top: 3px; content: ""; display: block; height: 10px; width: 1px; background-color: #a6abb0; float: right; }
.ihear-blog .blog .blog-holder li article .meta-data a { color: #6a737b; text-decoration: underline; }
.ihear-blog .blog .blog-holder li article p { margin-bottom: 18px; margin-top: 0; }
.ihear-blog .blog .blog-holder li article p, .ihear-blog .blog .blog-holder li article .tags { font-size: 0.938em; font-weight: bold; }
.ihear-blog .subscribe, .ihear-blog .hear-better { float: left; position: relative; width: 25%; padding: 40px; }
@media screen and (max-width: 1200px) { .ihear-blog .subscribe, .ihear-blog .hear-better { width: 50%; } }
.ihear-blog .hear-better { background-color: #eeeeee; background: url(../images/bg-hear-better.jpg) right top no-repeat #f5f5f5; padding-right: 55px; }
.ihear-blog .hear-better h4 { color: #003e74; font-size: 2.969em; text-transform: uppercase; margin-bottom: 30px; }
.ihear-blog .hear-better p { margin-bottom: 25px; }
.ihear-blog .hear-better .solution { position: relative; bottom: 0; }
.ihear-blog .hear-better .solution:hover, .ihear-blog .hear-better .solution:focus { bottom: -2px; }
.ihear-blog .subscribe { background: url(../images/bg-subscribe.jpg) 50% 50% no-repeat; background-size: cover; min-height: 250px; float: right; }
@media screen and (min-width: 1501px) { .ihear-blog .subscribe { padding-right: 80px; } }
.ihear-blog .subscribe h4 { color: #003e74; font-size: 2.063em; }
.ihear-blog .subscribe p { font-size: 1.063em; margin-bottom: 17px; }
.ihear-blog .subscribe input { border: 0 none; padding: 10px; width: 200px; font-size: 0.938em; margin-bottom: 5px; }
.ihear-blog .subscribe button.subscribe-btn { position: relative; bottom: 0; }
.ihear-blog .subscribe button.subscribe-btn:hover, .ihear-blog .subscribe button.subscribe-btn:focus { bottom: -2px; }
.ihear-blog .title { float: left; margin-top: 13px; }
.ihear-blog .title span { font-size: 2.969em; }
.ihear-blog .title span:first-child { font-family: 'Lato-light'; color: #003e74; margin-right: 10px; }
.ihear-blog .title span:last-child { font-family: 'Lato-black'; color: #48800f; text-transform: uppercase; }
.ihear-blog .title:after { content: ""; height: 16px; width: 1px; display: block; background-color: rgba(45, 0, 62, 0.2); float: right; margin-top: 0; margin-bottom: 0; margin-right: 20px; margin-left: 20px; }

.next-back { float: right; }

a.back, a.next { height: 38px; width: 38px; float: right; color: #fff; line-height: 38px; text-align: center; background-color: #48800f; transition: all 0.2s ease; }
a.back.back, a.next.back { border-right: 1px solid #589018; }
a.back.next, a.next.next { background-color: #417907; }
a.back:hover, a.back:focus, a.next:hover, a.next:focus { background-color: #36600b; text-decoration: none; }

.btn-holder { -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; }
.btn-holder a { font-size: 17px; font-size: 1.7rem; background-color: #f7f7f7; background-position: center; background-repeat: no-repeat; border: 1px solid #efefef; margin-bottom: 32px; color: #3e4348; min-height: 50px; box-shadow: inset 0px 2px 1px #e2e2e2; text-align: center; font-weight: bold; padding: 10px; transition: all 0.2s ease-in-out; }
.btn-holder a:hover, .btn-holder a:focus { background-color: #dedede; text-decoration: none; }
.btn-holder a:active, .btn-holder a:focus { outline: none; }
.btn-holder a.icon-like { position: relative; border-radius: 5px 0 0 5px; margin-right: -4px; padding-top: 13px; }
.btn-holder a.icon-like:before { content: "\e90e"; color: #6a737b; font-size: 22px; position: absolute; top: 15px; left: 24px; text-indent: 0; }
.btn-holder a.icon-like:after { content: "\e90e"; color: #8dc63f; font-size: 38px; text-indent: 0; position: absolute; top: 7px; left: 15px; opacity: 0; transition: all .5s ease; }
.btn-holder a.icon-like.active:after { font-size: 22px; top: 15px; left: 24px; opacity: 1; -webkit-transform: scale(0.5); transform: scale(0.5); }
.btn-holder a.icon-comment { position: relative; }
.btn-holder a.icon-comment:before { content: "\e90f"; position: absolute; font-size: 22px; top: 15px; left: 24px; text-indent: 0; color: #6a737b; }
.btn-holder a.icon-comment:hover:before, .btn-holder a.icon-comment:focus:before, .btn-holder a.icon-comment.active:before { color: #48800f; }
.btn-holder a.readmore { border-radius: 0 5px 0 0; }
.btn-holder a.readmore:hover, .btn-holder a.readmore:focus { color: #48800f; }

.landing-page .subsidies { float: none; }

.about-page .shop { border-top: 1px solid #8dc63f; height: 360px; }

@media screen and (max-width: 960px) { .clinicians, .map, .products, .ihear-blog, .testimonials { display: none; }
  .team-map > div { float: none; width: 100%; } }
@media screen and (max-width: 767px) { .shop .online-shop, .shop .slider, .shop .test { display: none; } }
@media screen and (max-width: 600px) { img { height: auto !important; } }

body .main-content .accordion { margin-top: 20px; }
body .main-content .accordion:first-child { margin-top: 0; }
body .main-content .accordion__item { margin-bottom: 10px; }
body .main-content .accordion__heading { font-size: 1.25em; margin-bottom: 0; font-weight: bold; text-transform: none; font-family: "Lato", Arial, sans-serif; }
body .main-content .accordion__headingTrigger { transition: all 0.2s ease-in-out; background: #eeeeee; color: #003e74; padding: 20px; padding-right: 50px; display: block; position: relative; text-decoration: none; }
body .main-content .accordion__headingTrigger:before { font-style: normal; font-weight: normal; font-variant: normal; speak: none; text-transform: none; text-align: center; text-indent: 0; vertical-align: middle; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "iHear"; content: ""; display: inline-block; color: #003e74; font-size: 15px; line-height: 12px; height: 15px; width: 50px; text-align: center; transition: all 0.5s ease-in-out; position: absolute; top: 0; bottom: 0; margin: auto 0; right: 0; font-weight: bold; }
@media screen and (min-width: 1051px) { body .main-content .accordion__headingTrigger:hover, body .main-content .accordion__headingTrigger:focus { background-color: #d6d6d6; } }
body .main-content .accordion__content { padding: 20px 20px 40px; }

.accordion__item--isOpen-JS .accordion__headingTrigger:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

/*================================================*\
	ALERT STYLES
//-----------------------------------------------
//	Holds styles for alert boxes. These are elements
//	designed to bring the users attention to
//	something.
\*================================================*/
.alert { padding: 20px; border: 1px solid #000; }
.alert--nojs { z-index: 9999; position: relative; text-align: center; }
.alert--nojs a { color: #5e1c18; text-decoration: underline; }
.alert--nojs a:hover, .alert--nojs a:focus { text-decoration: none; }
.alert--error { background-color: #FFD1D1; border-color: #9B2F27; color: #9B2F27; }

.backToTop { color: #3e4347; font-weight: bold; }
@media screen and (min-width: 961px) { .backToTop { display: none; } }
@media screen and (max-width: 420px) { .backToTop { width: 100%; display: block; clear: both; text-align: center; } }

body .main-content .blog-details { max-width: 1010px; display: block; margin: 0 auto; }
body .main-content .blog-details--minimal { margin: 0 auto; display: block; }
body .main-content .pageLayout__cell--left + .pageLayout__cell .blog-details { margin: 0; }
body .main-content aside, body .main-content article { display: inline-block; vertical-align: top; box-sizing: border-box; }
body .main-content aside { width: 100%; background-color: #f3f3f3; }
body .main-content aside.lh-nav { margin-right: 2%; }
@media screen and (max-width: 960px) { body .main-content aside.lh-nav { margin-right: 0; width: 100%; }
  body .main-content aside.lh-nav > ul > li > a { padding-right: 50px; } }
body .main-content aside.lh-nav ul { position: relative; list-style-type: none; width: 100%; display: block; padding: 0; margin: 0; }
body .main-content aside.lh-nav ul li { display: list-item; position: relative; }
body .main-content aside.lh-nav ul li:first-child a { border-top: 0 none; }
body .main-content aside.lh-nav ul a { display: block; box-sizing: border-box; padding: 10px 20px; padding-right: 50px; color: #41730e; border-bottom: 1px solid #eee; border-top: 1px solid #fff; width: 100%; transition: all 0.2s ease; }
body .main-content aside.lh-nav ul a:hover { background-color: #e7e7e7 !important; text-decoration: none; }
body .main-content aside.lh-nav ul a.current { color: #000; background-color: #dbdbdb; }
body .main-content aside.lh-nav ul .expand { position: absolute; right: 0; top: 1px; bottom: 0; display: block; box-sizing: border-box; overflow: hidden; text-indent: 50px; width: 50px; height: 44px; cursor: pointer; z-index: 100; padding: 10px !important; border: 0 none; }
body .main-content aside.lh-nav ul .expand:before { font-family: 'ihear'; content: "\e903"; text-indent: 0; color: #003e74; position: absolute; top: 0; bottom: 0; margin: auto 0; left: 0; width: 100%; text-align: center; height: 22px; transition: all 0.5s ease; }
body .main-content aside.lh-nav ul .expand:before:hover { content: "\e903"; text-indent: 0; color: #003e74; transition: all 1s ease; }
body .main-content aside.lh-nav ul .open:before { content: "\e903"; color: #003e74; text-indent: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); transition: all 0.5s ease; }
body .main-content aside.lh-nav ul ul.sub { overflow: hidden; }
body .main-content aside.lh-nav ul ul.sub a { padding-left: 15%; color: #000; }
body .main-content aside.lh-nav ul ul.sub .sub a { padding-left: 25%; }
body .main-content aside.lh-nav ul ul.sub .sub .sub a { padding-left: 35%; }
body .main-content aside.rh-content { padding-top: 10px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; }
@media screen and (max-width: 1340px) { body .main-content aside.rh-content { min-width: 100%; width: auto; margin-top: 0; } }
body .main-content aside.rh-content .like { box-shadow: none; background-color: transparent; padding-left: 35px; text-indent: 0; background-position: 0px; border: 0 none; position: relative; }
body .main-content aside.rh-content .comments .comment { margin-bottom: 10px; }
body .main-content aside.rh-content .comments .comment .profile { background-image: url(../images/mask_user_avatar.png), url(../images/profile-l-grey.png); background-repeat: no-repeat; width: 55px; height: 50px; float: left; }
body .main-content aside.rh-content .comments .comment .name { font-weight: bold; }
body .main-content aside.rh-content .comments .comment time { display: block; margin-bottom: 5px; }
body .main-content aside.rh-content .comments .comment > div { padding-left: 65px; }
body .main-content aside .tags { padding-left: 0; background: none; }
body .main-content article { width: 100%; }
body .main-content article .tags { margin-top: 25px; }
@media screen and (max-width: 960px) { body .main-content article { width: 100%; margin-right: 0; } }
body .tags { margin-bottom: 30px; }
body .tags a { white-space: nowrap; font-weight: bold; }
body .tags a:before { content: "#"; }
body .tags a.above20 { font-size: 1.5em; }
body .tags a.above10 { font-size: 1.3em; }
body .tags a.below5 { font-size: .85em; }
body .tags a span { color: #000; }
body time { color: #6a737b; }

/*-----------------------------------------
			4.1.4 Online booking hero area
	-----------------------------------------*/
.book-test { background: url("../images/bg-book.jpg") 50% 50% no-repeat; background-size: cover; text-align: center; }
.book-test input::-webkit-input-placeholder { color: #000; }
.book-test input::-moz-placeholder { color: #000; }
.book-test input:-ms-input-placeholder { color: #000; }
.book-test input::placeholder { color: #000; }
.book-test .gradient { padding: 80px 20px 60px; }
@media screen and (max-width: 767px) { .book-test .gradient { padding: 40px 0; } }
.book-test .gradient h1 { color: #fff; font-family: 'Lato-light'; line-height: .98em; text-transform: uppercase; }
@media screen and (min-width: 961px) { .book-test .gradient h1 { font-size: 4.188em; } }
@media screen and (max-width: 1565px) and (min-width: 768px) { .book-test .gradient h1 { font-size: 2.688em; } }
@media screen and (max-width: 767px) { .book-test .gradient h1 { font-size: 2.438em; } }
.book-test .gradient h1 span { display: block; font-family: 'Lato'; font-weight: bold; }
.book-test .gradient h1:after { margin: 0 auto; content: ""; display: block; height: 1px; background-color: rgba(255, 255, 255, 0.2); }
@media screen and (min-width: 768px) { .book-test .gradient h1:after { width: 40%; margin-top: 31px; margin-bottom: 27px; } }
@media screen and (max-width: 767px) { .book-test .gradient h1:after { width: 80%; margin-top: 13px; margin-bottom: 10px; } }
.book-test .gradient h3 { color: #fff; margin-bottom: 52px; font-weight: bold; }
@media screen and (min-width: 961px) { .book-test .gradient h3 { font-size: 1.938em; } }
@media screen and (max-width: 1565px) and (min-width: 768px) { .book-test .gradient h3 { font-size: 1.875em; } }
@media screen and (max-width: 767px) { .book-test .gradient h3 { font-size: 1.375em; margin-bottom: 39px; } }
.book-test .gradient .dropdowns { max-width: 790px; margin: 0 auto; padding: 0 20px; }
@media screen and (max-width: 767px) { .book-test .gradient .dropdowns { max-width: 610px; }
  .book-test .gradient .dropdowns .grid { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .book-test .gradient .dropdowns .grid__cell { width: 100%; max-width: none; } }
.book-test .gradient .dropdown { text-align: left; border-right: 1px solid #709d32; display: block; position: relative; font-size: 1.313em; padding: 15px 18px; background-color: #6aad0e; background: linear-gradient(to bottom, #8bc53f 0%, #7fb239 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bc53f', endColorstr='#7fb239', GradientType=0 ); box-shadow: 0px 2px 0px 0px #648c2d, inset 0px 1px 0px 0px rgba(255, 255, 255, 0.24); }
.book-test .gradient .dropdown.icon-location:before, .book-test .gradient .dropdown.icon-location:after, .book-test .gradient .dropdown.icon-date:before, .book-test .gradient .dropdown.icon-date:after, .book-test .gradient .dropdown.icon-time:before, .book-test .gradient .dropdown.icon-time:after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.book-test .gradient .dropdown.icon-location:before, .book-test .gradient .dropdown.icon-date:before, .book-test .gradient .dropdown.icon-time:before { font-size: 17px; }
.book-test .gradient .dropdown.icon-time:after { right: 20px; content: ""; color: #fff; font-size: 10px; }
.book-test .gradient .dropdown.icon-location:before { content: "\e909"; }
.book-test .gradient .dropdown.icon-date:before { content: "\e90a"; }
.book-test .gradient .dropdown.icon-time:before { content: "\e90b"; }
.book-test .gradient .dropdown input { width: 100%; background-repeat: no-repeat; background-color: transparent; background-position: 0% 50%, 100% 50%; border: 0 none; padding-right: 20px; padding-left: 20px; }
.book-test .gradient .dropdown .styledSelect-JSadded { background: transparent; width: 100%; background-repeat: no-repeat; background-color: transparent; background-position: 0% 50%, 100% 50%; border: 0 none; padding-top: 1px; }
.book-test .gradient .dropdown .styledSelect-JSadded select { -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 1px; }
.book-test .gradient .dropdown .styledSelect-JSadded select:focus + .styledSelect__display-JSadded { outline: 1px dotted #000; }
.book-test .gradient .dropdown .styledSelect-JSadded:before { left: 0; right: 0; background: transparent; width: 22px; line-height: 35px; }
.book-test .gradient .dropdown .styledSelect-JSadded:after { right: -8px; font-size: 10px; }
.book-test .gradient .dropdown .styledSelect__display-JSadded { background: transparent; padding: 0 22px; text-indent: 1px; }
.book-test .gradient .dropdowns > div { width: 260px; }
@media screen and (min-width: 768px) { .book-test .gradient .dropdowns > div { display: inline-block; vertical-align: bottom; } }
@media screen and (max-width: 767px) { .book-test .gradient .dropdowns > div { width: 80%; margin: 0 auto; font-size: 1.313em; } }
.book-test .gradient .dropdowns > div .dropdown { position: relative; }
@media screen and (max-width: 767px) { .book-test .gradient .dropdowns > div .dropdown { padding: 13px 20px; } }
.book-test .gradient .dropdowns > div .dropdown input, .book-test .gradient .dropdowns > div .dropdown .styledSelect__display-JSadded { font-family: "Avenir", "Lato", Arial, sans-serif; height: 39px; }
.book-test .gradient .dropdowns > div .dropdown input { position: relative; }
.book-test .gradient .dropdowns > div .arrow { float: right; margin-top: 10px; }
@media screen and (min-width: 961px) { .book-test .gradient .location-dropdown { width: 240px; } }
@media screen and (max-width: 1565px) and (min-width: 768px) { .book-test .gradient .location-dropdown { width: 215px; } }
@media screen and (min-width: 768px) { .book-test .gradient .location-dropdown .dropdown { border-radius: 5px 0 0 5px; } }
@media screen and (max-width: 767px) { .book-test .gradient .location-dropdown .dropdown { border-radius: 5px 5px 0 0; } }
@media screen and (max-width: 767px) { .book-test .gradient .location-dropdown { width: 80%; } }
.book-test .gradient .time-dropdown .dropdown { padding: 20px 18px; top: 1px; }
.book-test .gradient .submit-cell { max-width: 70px; }
.book-test .gradient .submit { border: 0 none; color: #fff; position: relative; height: auto; background-color: #003e74; transition: all 0.2s ease-in-out; padding: 0; }
@media screen and (max-width: 767px) { .book-test .gradient .submit { padding: 15px 18px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 0 0 5px 5px; } }
.book-test .gradient .submit-icon { width: 100%; display: block; }
@media screen and (max-width: 767px) { .book-test .gradient .submit-icon { display: inline-block; width: auto; margin-left: 10px; } }
.book-test .gradient .submit-text { display: none; }
@media screen and (max-width: 767px) { .book-test .gradient .submit-text { display: inline-block; } }
@media screen and (min-width: 768px) { .book-test .gradient .submit { border-radius: 0 5px 0 0; box-shadow: 0px 2px 0px 0px #0e2940, inset 0px 1px 0px 0px rgba(255, 255, 255, 0.24); }
  .book-test .gradient .submit:hover, .book-test .gradient .submit:focus { background-color: #002b51; } }

/* END BOOK TEST */
.breadcrumb { float: left; margin-top: 10px; margin-right: 80px; }
.breadcrumb__item { display: inline-block; vertical-align: middle; padding-left: 20px; margin-left: 15px; position: relative; color: #051703; }
.breadcrumb__item:before { font-style: normal; font-weight: normal; font-variant: normal; speak: none; text-transform: none; text-align: center; text-indent: 0; vertical-align: middle; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "iHear"; content: ""; display: inline-block; color: #051703; font-size: 13px; line-height: 10px; height: 13px; width: 8px; text-align: center; position: absolute; top: 0; bottom: 0; margin: auto 0; left: 0; font-weight: bold; line-height: 1; }
.breadcrumb__item:first-child { padding-left: 0; margin-left: 0; }
.breadcrumb__item:first-child:before { display: none; }
.breadcrumb__icon { font-size: 20px; line-height: 16px; height: 20px; width: 20px; text-align: center; position: relative; top: 1px; }

.closeBtn { border-radius: 50%; display: block; height: 30px; width: 30px; background-color: #CD5117; position: relative; position: absolute; top: 10px; right: 10px; border: none; transition: all 0.2s ease-in-out; }
.closeBtn:before, .closeBtn:after { transition: all 0.2s ease-in-out; display: block; content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: #fff; border-radius: 4px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.closeBtn:before { height: 16px; width: 2px; }
.closeBtn:after { height: 2px; width: 16px; }
@media screen and (min-width: 1051px) { .closeBtn:hover, .closeBtn:focus { background-color: #522009; } }

.standardContent .externalLink-JS:after { font-style: normal; font-weight: normal; font-variant: normal; speak: none; text-transform: none; text-align: center; text-indent: 0; vertical-align: middle; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "iHear"; display: inline-block; color: #999999; margin-left: 2px; font-size: 0.75em; vertical-align: text-top; }

.filters { font-size: 0.813em; margin-top: 20px; }
@media screen and (max-width: 960px) { .filters { clear: left; } }
.filters legend { float: left; margin-right: 5px; }
.filters .icon-clinic:before { content: ""; font-size: 14px; }
.filters .icon-date:before { font-size: 16px; top: -2px; }
.filters ul { margin-top: 0; padding: 0; }
.filters li { position: relative; }
.filters__select { font-family: 'Lato', 'Arial', sans-serif; border: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; background-repeat: no-repeat; z-index: 999; background-color: transparent; position: relative; padding: 0; }
.filters__select:before { position: absolute; top: 0; bottom: 0; margin: auto 0; left: 5px; z-index: 1; width: 15px; height: 15px; background: transparent; }
.filters__select:after { position: absolute; top: 0; bottom: 0; margin: auto 0; right: 5px; display: block; width: 0 !important; height: 0 !important; overflow: hidden; background-clip: content-box; border-bottom: none; border-right: 3px solid transparent; border-left: 3px solid transparent; border-top: 3px solid #3096db; }
.filters__select span { color: #003e74; padding: 0 20px 0 25px; }
.filters__select select:focus + span, .filters__select span:hover { outline: 1px solid #000; }

.booking-page #container { margin-top: 45px; }

/* Form */
.form { max-width: 800px; }
.form__input { position: relative; min-height: 65px; margin-top: 60px; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; }
.form__input--filled .form__label { z-index: 0; }
.form__input--filled .form__label:before { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.form__input--filled .form__label:after { -webkit-transform: translateY(5px); transform: translateY(5px); }
.form__input--filled .form__label-content { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
.form__actions { text-align: right; margin-top: 30px; }
@media screen and (max-width: 600px) { .form__actions { margin-top: 10px; margin-bottom: 30px; } }
@media screen and (max-width: 600px) { .form .styledBrowse-JSadded { float: right; } }
.form__btn { background-color: #6a7989; border: 0; font-weight: bold; font-size: 70.25%; text-transform: uppercase; letter-spacing: 4px; transition: all 0.2s ease; display: inline-block; margin-right: 15px; color: #fff; width: auto; min-width: 100px; padding: 20px; text-align: center; border-radius: 3px; }
.form__btn:hover, .form__btn:focus { outline: 0; background-color: #8dc63f; color: #000; }
@media screen and (max-width: 600px) { .form__btn { margin-right: 0; margin-top: 20px; float: right; clear: right; } }
.form a.form__btn { padding: 19px 20px; }
.form__field { position: absolute; margin: 0; padding: 0.4em 1em; width: 100%; height: 100%; border-style: ridge; border-radius: 1; background: transparent !important; font-weight: bold; -webkit-appearance: none; /* for box shadows to show on iOS */ z-index: 1; }
.form__field:focus { outline: none; }
.form__label { position: absolute; padding: 0 1em; margin: 0; width: 100%; height: 100%; color: #6a7989; font-weight: bold; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 2; }
.form__label:before, .form__label:after { content: ''; position: absolute; left: 0; width: 100%; height: 2px; background: #6a7989; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }
.form__label:before { top: 0; }
.form__label:after { bottom: 0; }
.form__label-content { position: relative; display: block; padding: 12px 0; width: 100%; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }
.form__time { width: 100%; z-index: 100; }
.form__message { height: 200px; }
.form__message textarea { border: none; resize: none; }
.form .styledSelect-JSadded:before { display: none; }
.form .styledSelect-JSadded:after { display: block; width: 0 !important; height: 0 !important; overflow: hidden; background-clip: content-box; border-bottom: none; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 10px solid #6a7989; right: 10px; }
.form .styledSelect-JSadded .styledSelect__display-JSadded { padding: 12px; padding-right: 50px; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: transparent !important; }

#upload-button { margin-bottom: 5px; }

.fileUpload { position: relative; overflow: hidden; margin: 10px; }

.fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }

select { border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

select::-ms-expand { /* for IE 11 */ display: none; }

.hamberger__icon { width: 36px; position: relative; margin: 12px auto; display: block; position: absolute; top: 0; bottom: 0; margin: auto 0; right: 20px; }
.hamberger__icon, .hamberger__icon:before, .hamberger__icon:after { transition: all 0.2s ease-in-out; height: 6px; background-color: #000; border-radius: 2px; }
.hamberger__icon:before, .hamberger__icon:after { content: ""; display: block; width: 100%; position: absolute; left: 0; right: 0; }
.hamberger__icon:before { bottom: 12px; }
.hamberger__icon:after { top: 12px; }
@media screen and (max-width: 600px) { .hamberger__icon { width: 20px; margin: auto 0; }
  .hamberger__icon, .hamberger__icon:before, .hamberger__icon:after { height: 3px; border-radius: 2px; }
  .hamberger__icon:before { bottom: 6px; }
  .hamberger__icon:after { top: 6px; } }
.hamberger__icon--isActive-JS { background-color: transparent; }
.hamberger__icon--isActive-JS:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); bottom: 0 !important; margin: 0; }
.hamberger__icon--isActive-JS:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 0 !important; margin: 0; }

/* Theme styles of the lightbox dialog (based on remodal) */
.lightbox { max-width: 1565px; width: 100%; margin-bottom: 10px; padding: 35px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); color: #2b2e38; background: #fff; /* Close button */ /* Dialog buttons */ }
.lightbox--small { max-width: 300px; }
.lightbox__close { position: absolute; top: 5px; right: 5px; display: block; overflow: visible; width: 35px; height: 35px; margin: 0; padding: 0; cursor: pointer; transition: color 0.2s; text-decoration: none; border: 0; outline: 0; }
.lightbox__close + * { margin-top: 0; }
.lightbox__confirm, .lightbox__cancel { font: inherit; display: inline-block; overflow: visible; min-width: 110px; margin: 0; padding: 12px 0; cursor: pointer; transition: background 0.2s; text-align: center; vertical-align: middle; text-decoration: none; border: 0; outline: 0; }
.lightbox__confirm::-moz-focus-inner, .lightbox__cancel::-moz-focus-inner { /* Remove inner padding and border in Firefox 4+ for the button tag. */ padding: 0; border: 0; }
.lightbox__confirm { color: #fff; background: #81c784; }
@media screen and (min-width: 1051px) { .lightbox__confirm:hover, .lightbox__confirm:focus { background: #66bb6a; } }
.lightbox__cancel { color: #fff; background: #e57373; }
@media screen and (min-width: 1051px) { .lightbox__cancel:hover, .lightbox__cancel:focus { background: #ef5350; } }

/* ========================================================================== Remodal's default mobile first theme ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened { -webkit-filter: blur(3px); filter: blur(3px); }

/* Default theme styles of the overlay */
.remodal-overlay { background: rgba(43, 46, 56, 0.9); }

.remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.remodal-overlay.remodal-is-opening { -webkit-animation: remodal-overlay-opening-keyframes 0.3s; animation: remodal-overlay-opening-keyframes 0.3s; }

.remodal-overlay.remodal-is-closing { -webkit-animation: remodal-overlay-closing-keyframes 0.3s; animation: remodal-overlay-closing-keyframes 0.3s; }

/* Default theme styles of the wrapper */
.remodal-wrapper { padding: 10px 10px 0; }

/* Default theme styles of the modal dialog */
.remodal { box-sizing: border-box; width: 100%; margin-bottom: 10px; padding: 40px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); color: #2b2e38; background: #fff; }

.remodal.remodal-is-opening, .remodal.remodal-is-closing { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.remodal.remodal-is-opening { -webkit-animation: remodal-opening-keyframes 0.3s; animation: remodal-opening-keyframes 0.3s; }

.remodal.remodal-is-closing { -webkit-animation: remodal-closing-keyframes 0.3s; animation: remodal-closing-keyframes 0.3s; }

/* Vertical align of the modal dialog */
.remodal, .remodal-wrapper:after { vertical-align: middle; }

/* Close button */
.remodal-close { position: absolute; top: 0; left: 0; display: block; overflow: visible; width: 35px; height: 35px; margin: 0; padding: 0; cursor: pointer; transition: color 0.2s; text-decoration: none; color: #95979c; border: 0; outline: 0; background: transparent; }

.remodal-close:hover, .remodal-close:focus { color: #2b2e38; }

.lightbox-close:before { font-family: 'icons' !important; font-size: 25px; line-height: 35px; position: absolute; top: 0; left: 0; display: block; width: 35px; text-align: center; }

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner { padding: 0; border: 0; }

/* Keyframes ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; }
  to { -webkit-transform: none; transform: none; opacity: 1; } }
@keyframes remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; }
  to { -webkit-transform: none; transform: none; opacity: 1; } }
@-webkit-keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; } }
@keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; } }
@-webkit-keyframes remodal-overlay-opening-keyframes { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes remodal-overlay-opening-keyframes { from { opacity: 0; }
  to { opacity: 1; } }
@-webkit-keyframes remodal-overlay-closing-keyframes { from { opacity: 1; }
  to { opacity: 0; } }
@keyframes remodal-overlay-closing-keyframes { from { opacity: 1; }
  to { opacity: 0; } }
/* Media queries ========================================================================== */
@media only screen and (min-width: 641px) { .remodal { max-width: 1565px; } }
/* IE8 ========================================================================== */
.lt-ie9 .remodal-overlay { background: #2b2e38; }

.lt-ie9 .remodal { width: 700px; }

/* IE8 ========================================================================== */
.lt-ie9 .remodal-overlay { background: #2b2e38; }

.lt-ie9 .remodal { width: 700px; }

body .main-content .listing { max-width: 1050px; width: 100%; padding: 0; }
body .main-content .listing__item { padding: 20px 0; border-bottom: 1px solid #eee; display: block; }
body .main-content .listing__image { width: 10%; max-width: 100px; padding-right: 20px; }
body .main-content .listing__text { width: 50%; }
body .main-content .listing__quantity { display: -webkit-flex; display: -ms-flexbox; -js-display: flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 40%; padding-left: 20px; }
@media screen and (max-width: 960px) and (min-width: 601px), screen and (max-width: 320px) { body .main-content .listing__quantity { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }
@media screen and (max-width: 600px) { body .main-content .listing__quantity { width: 100%; padding-left: 0; } }
body .main-content .listing__quantDetails { padding: 0 20px; width: 300px; }
@media screen and (max-width: 960px) and (min-width: 601px), screen and (max-width: 320px) { body .main-content .listing__quantDetails { padding: 0; } }
body .main-content .listing__quantBtns { width: 50%; }
@media screen and (max-width: 960px) and (min-width: 601px), screen and (max-width: 320px) { body .main-content .listing__quantBtns { width: 100%; } }
body .main-content .listing__quantBtn { padding: 5px 10px; }
body .main-content .listing h2 { font-size: 1.25em; margin-bottom: 10px; text-transform: none; font-weight: normal; }
body .main-content .listing p { margin-top: 10px; line-height: 1.2; }

.mainNav { float: right; background-color: #eeeeee; }
@media screen and (max-width: 1050px) { .mainNav { position: absolute; top: 100%; left: 0; width: 100%; overflow-y: auto; }
  .mainNav__nav { display: none; } }
.mainNav__mobileTrigger { z-index: 102; position: relative; float: right; width: 150px; color: #000 !important; margin: 20px 0; font-family: "Lato-black", Arial, sans-serif; outline: none !important; }
@media screen and (max-width: 600px) { .mainNav__mobileTrigger { margin: 0; padding: 15px 0; width: 100px; } }
.mainNav__mobileTrigger > span { font-size: 1.875em; float: left; }
@media screen and (max-width: 600px) { .mainNav__mobileTrigger > span { font-size: 1em; } }
@media screen and (max-width: 1050px) { .mainNav__list { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }
.mainNav li { position: relative; }
.mainNav__item:first-child .mainNav__link:after { display: none; }
@media screen and (max-width: 1050px) { .mainNav__item { border-top: 1px solid #fff; display: block !important; } }
@media screen and (max-width: 1420px) { .mainNav__link, .mainNav__subLink { display: -webkit-flex !important; display: -ms-flexbox !important; -js-display: flex !important; display: flex !important; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } }
.mainNav a { transition: all 0.2s ease-in-out; font-size: 17px; font-size: 1.7rem; font-weight: bold; color: #000; }
@media screen and (min-width: 1051px) { .mainNav a:hover, .mainNav a:focus { color: #000; background-color: #dbdbdb; text-decoration: none; } }
@media screen and (max-width: 1420px) { .mainNav a { font-size: 15px; font-weight: normal; } }
@media screen and (max-width: 1050px) { .mainNav a { padding: 10px 50px; } }
.mainNav__link { padding: 30px 35px; position: relative; }
@media screen and (min-width: 1051px) { .mainNav__link { min-height: 91px; } }
@media screen and (max-width: 1420px) { .mainNav__link { padding: 15px; } }
.mainNav__link:before, .mainNav__link:after { content: ""; display: block; position: absolute; top: 0; }
.mainNav__link:before { left: 35px; right: 35px; height: 6px; background-color: #8dc63f; -webkit-transform: scaleX(0); transform: scaleX(0); transition: all 0.5s ease-in-out; }
@media screen and (max-width: 1420px) { .mainNav__link:before { padding: 0 20px; left: 20px; right: 20px; } }
.mainNav__link:after { left: 0; width: 1px; height: 50%; background-color: #fff; }
@media screen and (max-width: 1420px) { .mainNav__link:after { height: 60%; } }
@media screen and (min-width: 1051px) { .mainNav__link:hover:before, .mainNav__link:focus:before { -webkit-transform: scaleX(1); transform: scaleX(1); } }
@media screen and (min-width: 1051px) { .mainNav__link--isActive:before { -webkit-transform: scaleX(1); transform: scaleX(1); } }
@media screen and (max-width: 1050px) { .mainNav__link--isActive { background-color: #dbdbdb; } }
.mainNav__subTrigger { display: none !important; transition: 0.5s all ease !important; }
@media screen and (max-width: 1050px) { .mainNav__subTrigger { display: -webkit-flex !important; display: -ms-flexbox !important; -js-display: flex !important; display: flex !important; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; left: 0; width: 50px; height: 40px; padding: 0 !important; } }
.mainNav__subTrigger.accordion__item--isOpen-JS { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.mainNav__title { display: block; }
.mainNav__subTitle { font-size: 0.76em; font-weight: normal; font-style: italic; color: #003e74; }
@media screen and (max-width: 1420px) { .mainNav__subTitle { display: none !important; } }
@media screen and (min-width: 1051px) { .mainNav__dropMenu { position: absolute; top: 100%; left: 0; width: 150%; background: #eeeeee; padding-bottom: 5px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4); } }
@media screen and (max-width: 1050px) { .mainNav__dropMenu { display: block !important; } }
.mainNav__subList { display: block; vertical-align: top; width: 100%; }
@media screen and (max-width: 1050px) { .mainNav__subList { border-left: 5px solid #003e74; margin-left: 5px; margin-bottom: 10px; display: none; } }
@media screen and (min-width: 1051px) { .mainNav__subList .mainNav__subList { display: none; } }
.mainNav__subItem { display: list-item; }
.mainNav__subLink { padding: 5px 35px; display: block; line-height: 1.2; }

body { /*-----------------------------------------
	4.1.6 Map Block
-----------------------------------------*/ }
body .main-content .map h1 { margin-bottom: 5px; }
body .main-content .map h1 + p { margin-bottom: 45px; }
@media screen and (max-width: 960px) { body .main-content .map { display: block; } }
body .map { position: relative; }
body .map .details { padding: 35px 40px; width: 25%; min-width: 350px; z-index: 100; background-color: rgba(164, 215, 244, 0.7); }
@media screen and (min-width: 691px) { body .map .details { position: absolute; } }
@media screen and (max-width: 960px) and (min-width: 691px) { body .map .details { display: block; } }
@media screen and (max-width: 690px) { body .map .details { display: block; width: 100%; height: auto; } }
body .map .details h3 { color: #003e74; font-size: 2.95em; line-height: 0.95em; text-transform: uppercase; amrgin-bottom: 10px; }
body .map .details p { margin-bottom: 23px; }
body .map .details .state-btn, body .map .details .suburb { background-color: transparent; border: 1px solid #fff; color: black; margin: 5px; font-size: 0.938em; padding: 0px 20px; height: 35px; transition: background .5s; }
body .map .details .state-btn:hover, body .map .details .state-btn:focus, body .map .details .suburb:hover, body .map .details .suburb:focus { background-color: #fff; transition: background .5s; }
body .map .details .states { margin-top: 25px; margin-bottom: 45px; }
body .map .details .active { background-color: #fff; }
body .map .details .request-appoint, body .map .details .request-pack, body .map .details .book { position: absolute; left: 44px; width: 75%; text-align: left; }
body .map .details .request-appoint { bottom: 185px; }
body .map .details .request-appoint:hover, body .map .details .request-appoint:focus { bottom: 183px; }
body .map .details .request-pack { bottom: 115px; }
body .map .details .request-pack:hover, body .map .details .request-pack:focus { bottom: 113px; }
body .map .details .book { bottom: 45px; }
body .map .details .book:hover, body .map .details .book:focus { bottom: 43px; }
@media screen and (min-width: 691px) { body .map #map, body .map .details, body .map .clinic-details { height: 725px; overflow-y: auto; } }
body .map .clinic { margin-bottom: 10px; }
body .map .clinic-details { background-color: #eee; top: 0; right: 0; padding: 35px 40px; }
@media screen and (min-width: 1401px) { body .map .clinic-details { position: absolute; width: 25%; min-width: 350px; } }
@media screen and (max-width: 1400px) { body .map .clinic-details { width: 100%; } }
body .map .clinic-name { font-weight: bold; }
body .map .clinic-name, body .map .clinic .address, body .map .clinic a { display: block; }
body .map .clinic a { color: #48800f; }
body .map .clinic a.clinic-name { color: #000; text-decoration: underline; }
body .map .clinic a:hover { color: #8dc63f; }

.pageLayout { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media screen and (max-width: 1050px) { .pageLayout { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }
.pageLayout__cell { max-width: 360px; }
@media screen and (max-width: 1050px) { .pageLayout__cell { width: 100% !important; max-width: none; } }
.pageLayout__cell--left { min-width: 200px; }
@media screen and (max-width: 1050px) { .pageLayout__cell--left { width: 33% !important; } }
@media screen and (max-width: 1050px) { .pageLayout__cell--left { display: none; } }
.pageLayout__cell--center { max-width: none; }
@media screen and (max-width: 1200px) { .pageLayout__cell--right { width: 100% !important; max-width: none; } }
@media screen and (max-width: 1050px) { .pageLayout--landing { -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .pageLayout--landing .pageLayout__cell--left { display: block !important; width: 100% !important; max-width: none; } }

.priceTotal { display: -webkit-flex; display: -ms-flexbox; -js-display: flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; max-width: 1050px; margin: 20px 0; }
@media screen and (max-width: 480px) { .priceTotal { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }
.priceTotal__total { font-size: 1.3em; }
@media screen and (max-width: 480px) { .priceTotal__total { width: 100%; text-align: center; margin-bottom: 10px !important; } }
.priceTotal__btn { width: auto; margin: 0; }

body .main-content .product__description h2 { font-size: 1.25em; margin-bottom: 10px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #000; }
body .main-content .product__display { margin-top: 0; }
@media screen and (max-width: 960px) { body .main-content .product__display { margin: 0; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; }
  body .main-content .product__display .grid__cell { width: 100%; } }
body .main-content .product__imageWrap { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

body .main-content .productListing__title:after { margin-top: 13px; }
body .main-content .productListing__filters { margin-top: 3px; }
body .main-content .productListing__list + .slide-nav-holder { margin-left: auto; margin-right: auto; }
body .main-content .productListing__item { display: -webkit-flex; display: -ms-flexbox; -js-display: flex; display: flex; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }
body .main-content .productListing__item h2 { font-size: 1.25em; text-transform: none; color: inherit; margin-bottom: 10px; }
body .main-content .productListing__item p { color: #000; }
body .main-content .productListing__item a { display: -webkit-flex; display: -ms-flexbox; -js-display: flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
body .main-content .productListing__item a:hover { text-decoration: none; }
body .main-content .productListing__item a:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); }
body .main-content .productListing__imageContainer { overflow: hidden; display: -webkit-flex; display: -ms-flexbox; -js-display: flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }
body .main-content .productListing__imageWrap { text-align: center; }
body .main-content .productListing__imageWrap img { transition: all 0.3s ease-in-out; }

.rh-content h2 { font-size: 1.25em; margin-bottom: 10px; font-weight: bold; border-bottom: 1px solid #ccc; box-shadow: 0 1px 0 #fff; color: #000; padding-bottom: 10px; margin-bottom: 10px; font-family: "Lato", Arial, sans-serif; }
.rh-content img, .rh-content iframe { width: 100%; display: block; }
.rh-content > div.downable { clear: both; }
@media screen and (max-width: 1340px) { .rh-content > div.downable { width: 100%; } }

.rh-section { width: 100%; float: left; }
.rh-section:first-child { margin-top: 0; }
@media screen and (max-width: 1200px) and (min-width: 601px) { .rh-section.image, .rh-section.video { width: 50%; } }
.rh-section.image-button img { margin: 10px 0; }
.rh-section.image-button button { width: 100%; }

.siteFooter { background-color: #eee; padding: 10px 45px; padding-right: 20px; }
@media screen and (max-width: 1050px) { .siteFooter { text-align: center; } }
@media screen and (max-width: 600px) { .siteFooter { padding: 20px; } }
@media screen and (max-width: 1050px) { .siteFooter__legalInfo { display: block; } }
.siteFooter__interactives { float: right; }
@media screen and (max-width: 1050px) { .siteFooter__interactives { display: inline-block; float: none; padding-bottom: 10px; } }
@media screen and (max-width: 600px) { .siteFooter__interactives { padding-bottom: 0; } }
@media screen and (max-width: 1050px) { .siteFooter__cell { margin-top: 10px; } }
@media screen and (max-width: 600px) { .siteFooter__cell { width: 100%; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }
@media screen and (max-width: 1565px) and (min-width: 768px) { .siteFooter__nav { margin: 0; } }
.siteFooter__nav li:after { content: "|"; }
.siteFooter__nav li:last-child:after { display: none; }
.siteFooter__nav li a { color: #48800f; padding: 0 5px; }
.siteFooter__nav li a:hover, .siteFooter__nav li a:focus { color: #000; text-decoration: underline; }

.siteHeader { box-shadow: 0px 5px 17px 0px rgba(0, 0, 0, 0.75); position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; }
@media screen and (min-width: 1051px) { .siteHeader { position: fixed; } }
.siteHeader__bottom { border-top: 1px solid #fff; background-color: #eeeeee; }
.siteHeader__logo { margin: 10px 0; margin-left: 45px; display: block; float: left; }
.siteHeader__logo img { display: block; }
@media screen and (max-width: 600px) { .siteHeader__logo { margin-left: 20px; } }

.siteMap > ul { float: left; width: 20%; min-width: 250px; margin-right: 2.5%; }
@media screen and (max-width: 975px) and (min-width: 687px) { .siteMap > ul { width: 40%; }
  .siteMap > ul#our-products .level2 { margin-bottom: 120px; } }
@media screen and (max-width: 685px) { .siteMap > ul { width: 90%; } }
.siteMap > ul:last-child { margin-right: 0; }
.siteMap ul, .siteMap li { display: list-item; list-style-type: none; line-height: 1.5em; }
.siteMap ul { margin-left: 25px; }
.siteMap ul.level1 > li > .title { font-size: 1.2em; line-height: 2em; border-bottom: 1px solid #3e4348; color: #3e4348; font-weight: bold; margin-top: 25px; margin-bottom: 10px; display: block; }
.siteMap ul.level1 > li > .title:before { content: ""; margin-right: 0; }
.siteMap ul.level2 .title { font-size: 1em; color: #000; }
.siteMap ul#online-test { float: none; width: 95%; margin-bottom: 25px; }
.siteMap ul#online-test a { width: 100%; padding: 10px; background-color: #48800f; color: #fff; display: block; border-bottom: 0 none; line-height: 1.2em; }
.siteMap ul#online-test a:hover { background-color: #8dc63f; }
.siteMap a:before { content: "|"; display: inline-block; margin-right: 10px; }
.siteMap a:hover:before { font-family: 'ihear'; content: "\e904"; line-height: 1em; font-size: 13px; }

.siteSearch { display: inline-block; position: relative; }
@media screen and (max-width: 1050px) { .siteSearch { margin-left: 10px; } }
#top-nav .header-links .siteSearch__btn { position: relative; top: 0; font-size: 20px; margin-left: 5px; }
.siteSearch__expander { white-space: nowrap; position: absolute; top: 5px; left: 100%; width: 0%; transition: width 0.5s ease-in-out; z-index: 2000; }
@media screen and (max-width: 900px) and (min-width: 768px) { .siteSearch__expander { left: auto; right: 100%; } }
.siteSearch__expander input { width: 100%; padding: 7px 0; margin-left: 10px; border: none; font-weight: normal; box-sizing: border-box; transition: padding 0.5s ease-in-out; font-size: 14px; font-size: 1.4rem; font-family: "Lato", Arial, sans-serif; }
.siteSearch__expander--open-JS { width: 300px; }
.siteSearch__expander--open-JS input { padding: 7px 10px; }
.siteSearch__trueSubmit { height: 0; width: 0; overflow: hidden; opacity: 0; position: absolute; }

.js .jsHide { display: none; }

.skipLinks__link:focus { position: fixed; top: 0; left: 0; width: 100%; background: #0E283B; color: #fff; text-decoration: underline; z-index: 99999999; text-align: center; padding: 10px; }

.slide-nav-holder { text-align: center; max-width: 1050px; margin-top: 20px; }

#slide-nav { margin-bottom: 10px; }
#slide-nav li { margin-right: 10px; vertical-align: middle; }
#slide-nav li a { display: block; background-color: #b8bdbe; height: 11px; width: 11px; border-radius: 4px; text-indent: -9999px; transition: all 0.2s ease-in-out; }
#slide-nav li a:hover, #slide-nav li a:focus { background-color: #8dc63f; }
#slide-nav li.active a { background-color: #8dc63f; }
#slide-nav .arrow-left a, #slide-nav .arrow-right a { width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 15px; border-color: transparent transparent transparent #b8bdbe; text-indent: -9999px; background-color: transparent; }
#slide-nav .arrow-left a:hover, #slide-nav .arrow-left a:focus, #slide-nav .arrow-right a:hover, #slide-nav .arrow-right a:focus { border-color: transparent transparent transparent #8dc63f; background-color: transparent; }
#slide-nav .arrow-left a.unavailable, #slide-nav .arrow-right a.unavailable { cursor: default; }
#slide-nav .arrow-left { margin-right: 20px; }
#slide-nav .arrow-left a { border-width: 7px 15px 7px 0; border-color: transparent #b8bdbe transparent transparent; }
#slide-nav .arrow-left a:hover, #slide-nav .arrow-left a:focus { border-color: transparent #8dc63f transparent transparent; }
#slide-nav .arrow-left a.unavailable { border-color: transparent #eeeeee transparent transparent !important; }
#slide-nav .arrow-right { margin-left: 10px; }
#slide-nav .arrow-right a.unavailable { border-color: transparent transparent transparent #eeeeee !important; }

/** BxSlider v4.1.2 - Fully loaded, responsive content slider http://bxslider.com  Written by: Steven Wanderski, 2014 http://stevenwanderski.com (while drinking Belgian ales and listening to jazz)  CEO and founder of bxCreative, LTD http://bxcreative.com */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; }

.bx-wrapper img { max-width: 100%; display: block; }

/** THEME
===================================*/
.bx-wrapper .bx-viewport { box-shadow: 0 0 5px #ccc; border: 5px solid #fff; left: -5px; background: #fff; /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); transform: translatez(0); }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }

/* LOADER */
.bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }

/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }

.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; border-radius: 5px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: 10px; background: url(images/controls.png) no-repeat 0 -32px; }

.bx-wrapper .bx-next { right: 10px; background: url(images/controls.png) no-repeat -43px -32px; }

.bx-wrapper .bx-prev:hover { background-position: 0 0; }

.bx-wrapper .bx-next:hover { background-position: -43px 0; }

.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }

.bx-wrapper .bx-controls-direction a.disabled { display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666 \9; background: rgba(80, 80, 80, 0.75); width: 100%; }

.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }

.socialBtns { float: left; }
@media screen and (max-width: 1325px) { .socialBtns--desktop { display: none !important; } }
@media screen and (min-width: 1326px) { .socialBtns--nonDesktop { display: none !important; } }
.socialBtns ul { padding: 0; display: block; }
.socialBtns li { padding-right: 15px; float: left; }
.socialBtns li:after { display: none; }
.socialBtns__facebook { margin-top: -1px !important; }
.socialBtns__youtube { height: 20px !important; overflow: hidden; }
.socialBtns__youtube div { margin-top: -2px !important; }
.socialBtns__btn { display: block; width: 25px; border-radius: 50%; background-position: center; background-repeat: no-repeat; position: relative; line-height: 1.5em; padding: 0; color: #3e4348; transition: all 0.2s ease-in-out; }
.socialBtns__btn:hover, .socialBtns__btn:focus { color: #fff; background-color: #3e4348; }
.socialBtns--light .socialBtns__btn { color: #fff; }
.socialBtns--light .socialBtns__btn:hover, .socialBtns--light .socialBtns__btn:focus { background-color: #fff; color: #3e4348; }
.socialBtns__icon { height: 0; padding-bottom: 100%; }
.socialBtns__icon:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.socialBtns__icon--facebook:before { font-size: 16px; height: 16px; top: -3px; left: -3px; }
.socialBtns__icon--twitter:before { font-size: 14px; height: 14px; }
.socialBtns__icon--youtube:before { font-size: 15px; height: 15px; }
@media screen and (max-width: 1325px) { .siteHeader .socialBtns { float: right; margin-top: 5px; } }
.siteFooter .socialBtns { margin-left: 15px; }

/************\ Tables
\************/
table { margin-top: 30px; text-align: left; width: 100%; border-collapse: collapse; border-spacing: 0; }
table:first-child { margin-top: 0; }
table th, table td { padding: 5px; border: 1px solid #fff; padding: 10px; font-size: 15px; font-size: 1.5rem; text-align: left; }
table th { font-weight: 400; }
table thead tr:first-child th { background-color: #0E283B; background-color: rgba(14, 40, 59, 0.95); color: #fff; }
table thead .infoTip { color: #fff; border-color: #fff; }
@media screen and (min-width: 1051px) { table thead .infoTip:hover, table thead .infoTip:focus { background-color: #3e5362; background-color: rgba(255, 255, 255, 0.2); } }
table tbody th { background-color: #CDCCD2; background-color: rgba(205, 204, 210, 0.8); }
table td { background-color: #EEEFF3; background-color: rgba(238, 239, 243, 0.8); }
table.even-cols-2 td, table.even-cols-2 th { width: 50%; }

.tableWrap-JS { margin-top: 30px; }
.tableWrap-JS:first-child { margin-top: 0; }
@media screen and (max-width: 1565px) { .tableWrap-JS { overflow-x: auto; background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)), linear-gradient(to left, #fff, rgba(255, 255, 255, 0)), linear-gradient(to right, #051703, rgba(5, 23, 3, 0)), linear-gradient(to left, #051703, rgba(5, 23, 3, 0)); background-position: 0 0, 100% 0, 0 0, 100% 0; background-repeat: no-repeat; background-color: #fff; background-size: 220px 100%, 220px 100%, 20px 100%, 20px 100%; background-attachment: local, local, scroll, scroll; max-width: 100%; } }

@media screen and (max-width: 600px) { .team-map .map-cell { height: 300px; } }
.team-map .video { height: 361px; width: 50%; }
@media screen and (max-width: 960px) { .team-map .video { width: 100%; } }
.team-map .team { height: 361px; background-size: cover; position: relative; }
.team-map .team .bottom { background-color: rgba(0, 0, 0, 0.7); color: #fff; position: absolute; bottom: 0; width: 100%; }
.team-map .team .bottom .details { display: table-cell; padding: 7px 20px; }
.team-map .team .bottom .details span { display: block; font-size: 0.938em; }
.team-map .team .bottom .details span.title { font-size: 1.063em; }
.team-map .team .bottom .arrow-holder { display: table-cell; background-color: #000; padding: 30px 60px; position: relative; border-right: 1px solid #375782; }
.team-map .team .bottom .arrow-holder .arrow { width: 0; height: 0; border-style: solid; border-width: 13.5px 0 13.5px 20px; border-color: transparent transparent transparent #6aad0e; text-indent: -9999px; position: absolute; left: 50px; top: 50%; margin-top: -13.5px; }
.team-map .team .bottom .arrow-holder .active { width: 0; height: 0; border-style: solid; border-width: 27px 0 27px 40px; border-color: transparent transparent transparent #6aad0e; text-indent: -9999px; position: absolute; left: 50px; top: 50%; margin-top: -27px; opacity: 0; transition: all 0.3s; }
.team-map #map { background: #003e74; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.team-map #map .clinic { max-width: 270px; }
.team-map #map .clinic .clinic-name { font-weight: bold; }
.team-map #map .clinic span, .team-map #map .clinic a { display: block; }
.team-map:after { content: ''; display: block; clear: both; visibility: hidden; height: 0; }

.testimonials { position: relative; background: url(../images/bg-journey.jpg) center right no-repeat #e6eced; background-size: auto 100%; min-height: 300px; padding: 35px; }
.testimonials .play-pause.active:after { box-shadow: inset 4.8px 0 0 0 #e7eced; }
.testimonials .holder { max-width: 70%; position: relative; margin-right: 300px; }
.testimonials .holder .play-pause { right: -20px; }
.testimonials .holder .owl-controls { width: 200px; margin-bottom: 0; margin-top: 10px; }
.testimonials .holder .owl-controls button { padding: 0; }
.testimonials .slider { vertical-align: top; display: inline-block; }
.testimonials .slider blockquote { padding: 0; margin: 0; background-color: transparent; padding-left: 235px; }
.testimonials .slider h2 { font-size: 2.964em; text-transform: uppercase; margin-top: 0; margin-bottom: 10px; }
@media screen and (max-width: 767px) { .testimonials .slider h2 { font-size: 1.5em; } }
.testimonials .slider h2 a { color: #003e74; }
.testimonials .slider-image { float: left; width: 200px; }
.testimonials #slide-nav { margin-top: 20px; width: 100%; }
.testimonials .help { position: relative; bottom: 0; }
.testimonials .help:hover, .testimonials .help:focus { bottom: -2px; }

#testimony-page .testimonials { display: block; background: url(../images/bg-journey.jpg) bottom right no-repeat #e6eced; }
#testimony-page .testimonials .holder { width: 65%; }
#testimony-page .testimonials .holder .slider img { float: left; margin-right: 20px; }
@media screen and (max-width: 1024px) { #testimony-page .testimonials .holder { width: 95%; } }
#testimony-page .testimonials .owl-controls { margin-top: 10px; width: 163px; position: absolute; bottom: 10px; left: 250px; }
@media screen and (max-width: 767px) { #testimony-page .testimonials .owl-controls { left: 0; bottom: -30px; } }
@media screen and (max-width: 1024px) { #testimony-page .testimonials { background-image: none; } }
#testimony-page .testimony img { display: inline-block; padding: 10px; }
#testimony-page .testimony blockquote { display: inline-block; vertical-align: bottom; }

/* START BODY HEADER */
#top-nav { font-family: 'Lato-black'; background-color: #3e4348; z-index: 1000; top: 0; transition: right 1s; }
#top-nav .header-links { float: left; }
@media screen and (max-width: 1325px) { #top-nav .header-links { width: 100%; }
  #top-nav .header-links-inner { float: left; padding-bottom: 10px; } }

.secondary-menu { padding: 0; margin-left: 40px; }
.secondary-menu a, .secondary-menu input { text-transform: uppercase; font-size: 0.735em; }
@media screen and (min-width: 1051px) { .secondary-menu a { padding: 0px 7px; height: 12px; border-right: 1px solid #6a737b; } }
@media screen and (max-width: 1050px) { .secondary-menu { background-color: #3e4348; z-index: 10; transition: right 1s; width: 100%; margin: 0; display: -webkit-flex; display: -ms-flexbox; -js-display: flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .secondary-menu li { display: block; border-top: 1px solid #4a4e54; }
  .secondary-menu li a { display: block; font-family: "Lato-black", Arial, sans-serif; font-size: 12px; font-size: 1.2rem; } }

.secondary-menu a, .siteSearch a { color: #a9b9cd; }
.secondary-menu a:hover, .secondary-menu a:focus, .siteSearch a:hover, .siteSearch a:focus { color: #fff; }

.search { position: relative; display: inline-block; }
@media screen and (max-width: 767px) { .search { position: absolute; left: 0; top: 44px; } }
@media screen and (max-width: 625px) { .search { top: 112px; } }
.search input.search-box { display: inline-block; width: 130px; height: 24px; padding: 4px 6px; background-color: #EEE; font-size: 11px; line-height: 1.3; border-radius: 2px; box-sizing: border-box; transition: width .4s ease-in-out; border: 0 none; background: transparent; color: #8dc63f; padding: 7px; height: 43px; box-sizing: border-box; }
.search input.search-box:focus { width: 200px; }
@media screen and (max-width: 960px) { .search input.search-box:focus { width: 150px; } }
@media screen and (max-width: 767px) { .search input.search-box { padding-left: 22px; }
  .search input.search-box:focus { width: 99%; } }
.search input.inputImage { display: inline-block; width: 20px; height: 20px; position: absolute; right: 13px; top: 9px; border: 0; background-position: bottom; box-sizing: border-box; background-image: url("../images/search-icon.png"); background-repeat: no-repeat; }
.search input::-webkit-input-placeholder { color: #8dc63f; }
.search input::-moz-placeholder { color: #8dc63f; }
.search input:-ms-input-placeholder { color: #8dc63f; }
.search input::placeholder { color: #8dc63f; }
@media screen and (max-width: 1050px) and (min-width: 768px) { .search.open .secondary-menu { right: 0; box-shadow: 0px 5px 17px 0px rgba(0, 0, 0, 0.75); } }
@media screen and (max-width: 1050px) { .search.open { right: 0; transition: right 1s; } }

@media screen and (max-width: 1325px) { .top-nav__contactArea { width: 100%; float: none; } }

.contact { background-color: #6aad0e; padding: 0; float: left; margin-top: 0; font-family: "Lato-black", Arial, sans-serif; }
@media screen and (min-width: 1326px) { .contact { min-width: 600px; } }
@media screen and (max-width: 1325px) { .contact { width: 100%; } }
@media screen and (max-width: 625px) { .contact li { display: block; } }
.contact li a { padding: 5px; text-align: center; position: relative; font-size: 14px; font-size: 1.4rem; color: #252525; letter-spacing: 1px; white-space: nowrap; }
.contact li a div { width: 100%; }
.contact li.book { background-color: #f47521; text-transform: uppercase; }
.contact li.book a div { white-space: normal; }
.contact li.call, .contact li.email { font-family: 'Lato-black'; }
.contact li.call .contact-icon:before, .contact li.email .contact-icon:before { font-size: 20px; line-height: 16px; height: 20px; width: 20px; text-align: center; margin-right: 5px; }
.contact li.call a { font-size: 19px; font-size: 1.9rem; }
.contact li.call a:after { content: ''; display: block; height: 50%; width: 1px; background: #a6ce6e; position: absolute; top: 0; bottom: 0; margin: auto 0; right: 0; }
.contact li .icon-email:before { font-size: 20px; -webkit-transform: translateY(-16%); transform: translateY(-16%); }

@media print { /*================================================*\ 	PRINT STYLES //----------------------------------------------- //	Holds the print styles for the site \*================================================*/
  * { background: transparent !important; color: black !important; text-shadow: none !important; -webkit-filter: none !important; filter: none !important; -ms-filter: none !important; transition: none !important; }
  /*Black prints faster: sanbeiji.com/archives/953*/
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  /*Don't show links for images or js/internal links*/
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  /*css-discuss.incutio.com/wiki/Printing_Tables*/
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .oldie * { box-sizing: content-box !important; } }

#EnableUI, #DisableUI { background-color: #fff; border: 2px solid #fff; border-radius: 3px; box-shadow: 0 2px 6px rgba(0,0,0,.3); cursor: pointer; float: left; margin:8px 8px 8px 0; text-align: center; }

#EnableText, #DisableText { color: rgb(25,25,25); font-family: Roboto,Arial,sans-serif; font-size: 15px; line-height: 25px; padding-left: 5px; padding-right: 5px; }

.clinician-clinic-detail { float: left; margin: 0px 25px 25px 0px;}
.clinician-profile-detail { padding-left: 30px;}
/*# sourceMappingURL=modern.css.map */