
/* =# MISC #= */

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

html, body {
	width: 100%;
	height: 100%;
}

html {
	/*overflow-x: hidden;
	overflow-y: scroll;*/
	/*overflow: hidden;*/
}
html.is-mobile {
	overflow-x: hidden;
	overflow-y: scroll;
}

body {
	font-family: 'Hero Regular', Arial, sans-serif;
	font-size: 10px;
	color: #000;
	top: 0 !important;
	background: #fff;
}
.downCursor {
    cursor: url(../images/downCursor.cur),default;
}

a,
a:active,
a:focus {
	outline: none;
}

a,
a:link {
	color: inherit;
}

ul.reset {
	list-style: none;
	margin: 0;
	padding: 0;
}
nav ul.dropdown-menu {
	display: none;
}
.action-button {
	display: block;
	width: 80px;
	height: 80px;
	position: relative;
	background: #FFC50F;
	-moz-transition: background 0.3s ease;
	-webkit-transition: background 0.3s ease;
	transition: background 0.3s ease;
}
.active .action-button,
.action-button:hover {
	background: #011347;
}
.action-button span,
.action-button span:before {
	-moz-transition: color 0.3s ease;
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
} 
.action-button span {
	font-family: 'League Gothic', Arial, sans-serif;
	font-size: 25px;
	text-align: center;
	text-transform: uppercase;
	color: #141414;
	display: inline-block;
	width: 100%;
	height: 100%;
	padding-top: 50px;
	position: relative;
}
.active-button span {
	font-family: 'League Gothic', Arial, sans-serif;
	font-size: 25px;
	text-align: center;
	text-transform: uppercase;
	color: #141414;
	display: inline-block;
	width: 100%;
	height: 100%;
	padding-top: 50px;
	position: relative;
}
.active .action-button span,
.action-button:hover span {
	color: #fff;
}
.action-button span:before {
	font-family: 'AjHackett-icons';
	font-size: 35px;
	color: #011347;
	width: 100%;
	position: absolute;
	top: 10px;
	left: 0;
}
.active .action-button span:before,
.action-button:hover span:before {
	color: #FFC50F;
}

.share {
	position: relative;
}
.share .share-buttons {
	visibility: hidden;
	width: 40px;
	height: 140px;
	margin-left: -20px;
	position: absolute;
	left: 50%;
	bottom: -140px;
	opacity: 0;
	-moz-transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
.share .share-buttons.top {
	bottom: auto;
	top: -140px;
}
.share .share-buttons a {
	text-decoration: none;
	display: block;
	width: 40px;
	height: 40px;
	margin-top: 5px;
	position: relative;
	background: #FFC50F;
	border-radius: 100%;
	overflow: hidden;
}
.share .share-buttons a:before {
	font-size: 36px;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 2px;
	left: 2px;
	background: #fff;
	border-radius: 100%;
	overflow: hidden;
}
.share .share-buttons a.share-icon-twitter {
	color: #3cf;
}
.share .share-buttons a.share-icon-facebook {
	color: #3B5998;
}
.share .share-buttons a.share-icon-googleplus {
	color: #dd4b39;
}
.share.active .share-buttons {
	visibility: visible;
	opacity: 1;
}

.centered {
	text-align: center;
}

.scroll-y {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}
.is-mobile .scroll-y {
	overflow-x: hidden;
	overflow-y: auto;
}

/* Transitions */
.color-ease,
.color-ease * {
	-moz-transition: color 0.5s ease;
	-webkit-transition: color 0.5s ease;
	transition: color 0.5s ease;
}
/* end Transitions */

/* fancyBox */
.aj-hackett .fancybox-close:before,
.aj-hackett .fancybox-nav span:before {
	font-family: "Hero Regular", Arial, sans-serif;
	text-align: center;
	text-decoration: none;
	line-height: 25px;
	color: #fff;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.aj-hackett .fancybox-close {
	width: 25px;
	height: 25px;
	top: -30px;
	right: 0;
	background: none;
}
.aj-hackett .fancybox-close:before {
	content: "X";
	font-size: 25px;
	font-weight: bold;
}
.aj-hackett .fancybox-inner {
	overflow: hidden !important;
}
.aj-hackett .fancybox-inner div.caption {
	width: 100%;
	height: 40px;
	padding-right: 162px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.aj-hackett .fancybox-inner div.caption p {
	max-width: 100%;
	margin: 0;
}
.aj-hackett .fancybox-inner ul.actions {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 8050;
}
.aj-hackett .fancybox-inner ul.actions li {
	font-size: 1em;
	float: left;
}
.aj-hackett .fancybox-inner ul.actions li:first-child {
	margin-right: 2px;
}
.aj-hackett .fancybox-nav {
	height: 50%;
	top: 25%;
}
.aj-hackett .fancybox-nav span {
	background: none;
}
.aj-hackett .fancybox-nav span:before {
	font-size: 45px;
}
.aj-hackett .fancybox-prev span:before {
	content: "<";
}
.aj-hackett .fancybox-next span:before {
	content: ">";
}
/* end fancyBox */

/* Chosen */
.form .chosen-container {
	font-size: 1em;
}
.form .chosen-container .message, .form .chosen-container .info {
	font-size: 1.8em;
}

.form .chosen-container-single .chosen-single {
	color: #011347;
	height: 46px;
	padding-left: 5px;
	background: #E7E7E7;
	border: 1px solid #E7E7E7;
	border-radius: 0;
	box-shadow: none;
}
.form .chosen-container-single .chosen-single span {
	font-family: 'League Gothic', Arial, sans-serif;
	font-size: 3em;
	text-transform: uppercase;
	line-height: 46px;
	height: 100%;
	margin: 0;
	padding-right: 60px;
	position: relative;
	opacity: 1;
	-moz-transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
.form .chosen-container-single .chosen-single span:before {
	content: "";
	width: 0;
	height: 0;
	margin-top: -7.5px;
	position: absolute;
	right: 15px;
	top: 50%;
	border-left: 15px inset rgba(255, 255, 255, 0);
	border-right: 15px inset rgba(255, 255, 255, 0);
	border-top: 15px solid #011347;
}
.form .chosen-container-single.chosen-with-drop .chosen-single span {
	opacity: 0.5;
}
.form .chosen-container-single .chosen-single abbr.search-choice-close {
	top: 17px;
	right: 48px;
}
.form .chosen-container-single .chosen-single div {
	display: none;
}
.form .chosen-container-single .chosen-drop {
	background: #E7E7E7;
	border-color: #E7E7E7;
	border-radius: 0;
	z-index: 5;
}
.form .chosen-container .chosen-results li {
	font-size: 1.4em;
}
.form .chosen-container .chosen-results li.highlighted {
	background: #0068B3;
}
/* end Chosen */

/* jQuery UI Datepicker */
.ui-datepicker {
	display: none;
	font-family: 'League Gothic', Arial, sans-serif;
	font-size: 3em;
	text-transform: uppercase;
	color: #011347;
	/*width: 20em;*/
	max-width: 332px;
	padding: 46px 40px 10px;
	background: #E7E7E7;
	-moz-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	text-indent: -9999px;
	width: 40px;
	height: 46px;
	position: absolute;
	top: 0;
	z-index: 1;
}
.ui-datepicker .ui-datepicker-prev {
	left: 0;
}
.ui-datepicker .ui-datepicker-next {
 	right: 0;
}
.ui-datepicker .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-datepicker-next.ui-state-hover {
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-next:before {
	content: "";
	margin-top: -15px;
	border-top: 15px inset rgba(255,255,255,0);
	border-bottom: 15px inset rgba(255,255,255,0);
	position: absolute;
	top: 50%;
}
.ui-datepicker .ui-datepicker-prev:before {
	right: 0;
	border-right: 15px solid #fff;
}
.ui-datepicker .ui-datepicker-next:before {
	border-left: 15px solid #fff;
	left: 0;
}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled:before,
.ui-datepicker .ui-datepicker-next.ui-state-disabled:before {
	opacity: 0.25;
}

.ui-datepicker .ui-datepicker-header {
	text-align: center;
	line-height: 46px;
	color: #fff;
	width: 100%;
	height: 46px;
	padding: 0 40px;
	position: absolute;
	top: 0;
	left: 0;
	background: #011347;
}
.ui-datepicker .ui-datepicker-header:after {
	content: "";
	width: 100%;
	height: 56px;
	position: absolute;
	bottom: -56px;
	left: 0;
	z-index: 0;
	background: #e0e0e0;
}

.ui-datepicker .ui-datepicker-calendar {
	/*width: 80%;*/
	/*margin: 0 10%;*/
	position: relative;
	z-index: 1;
}

.ui-datepicker .ui-datepicker-calendar thead {
	height: 56px;
}

.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
	width: 14.2857%; /* 1/7 */
}

.ui-datepicker .ui-datepicker-calendar th {
	font-weight: normal;
	text-align: left;
	padding: 10px 5px 5px;
}

.ui-datepicker .ui-datepicker-calendar td {
	padding: 4px 5px;
	line-height: 1em;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable {
	color: #e0e0e0;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today {
	background: #e0e0e0;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day {
	color: #fff;
	background: #ffc50f;
}
.ui-datepicker .ui-datepicker-calendar td a {
	text-decoration: none;
}
/* end jQuery UI Datepicker */

/* Expander */
span.read-more a,
span.read-less a {
	font-family: 'League Gothic', Arial, sans-serif;
	font-size: 30px;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFC50F;
	position: relative;
}
span.read-more a:after {
	content: "\e604";
	font-family: 'AjHackett-icons';
	font-size: 40px;
	position: absolute;
	-moz-transform: rotate(8deg);
	-webkit-transform: rotate(8deg);
	transform: rotate(8deg);
}
/* end Expander */

#container {
	min-height: 100%;
	padding-bottom: 115px;
	position: relative;
}
#container.Singapore {
	/* due to additional partner logos in footer */
	padding-bottom: 200px;
}
#container:after {
	content: "";
	visibility: hidden;
	position: absolute;
	top: 93px;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9;
	background: rgba(0, 0, 0, 0.7);
	opacity: 0;
	-moz-transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

/* =# END MISC #= */

/* =# HEADER/NAV #= */

#site-header {
	/*width: 100%;*/
	/*position: fixed;*/
	/*top: 0;*/
	/*left: 0;*/
	height:93px;
	z-index: 3000;
	/*border-bottom: 1px solid rgba(0, 0, 0, 0.05);*/
	/*border-bottom: 1px solid #E5E5E5;*/
    -moz-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.1);
}
.translated-ltr #site-header {
	/*padding-top: 39px;*/
}

#container.nav-open:after {
	visibility: visible;
	opacity: 1;
}
ul.dropdown-menu {
	padding-bottom: 30px;
}
.panel-nav {
	width: 340px;
	background: url(../images/sub-nav-bg.png);
}
.panel-nav > ul,
.panel-nav div > ul {
	padding-left: 0px;
}
.panel-nav > ul:first-of-type {
	padding-top: 30px;
}
.panel-nav ul li {
	font-size: 1em;
	border-bottom: 1px solid #444a59;
}
.panel-nav ul li.last{
	border-bottom: none;
}
.panel-nav ul li a {
	font-family: 'Hero Regular', Arial, sans-serif;
	font-size: 1.7em !important;
	text-decoration: none;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 35px !important;
	color: #b4b4b4;
	display: block;
	width: 100%;
	/*padding: 0 40px;*/
	padding-left: 40px;
	position: relative;
	overflow: hidden;
}
.panel-nav ul li a:hover,
.panel-nav ul li a.section,
.panel-nav ul li a.current {
	color: #FFC50F;
}
.panel-nav ul li a:before {
	content: ">";
	font-size: 20px;
	text-align: center;
	color: #FFC50F;
	width: 40px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.panel-nav ul li a.dropdown-toggle:before {
	content: "\25B8";
}
.panel-nav ul li a.dropdown-toggle.opened-toggle:before {
	content: "\25BE";
}
.panel-nav li li {
	padding-left: 24px;
}
.panel-nav li li.first {
	border-top: 1px solid #444a59;
}

#main-nav {
	height: 100%;
	position: fixed;
	top: 93px;
	left: -340px;
	z-index: -1;
	-moz-transition: left 0.3s ease;
	-webkit-transition: left 0.3s ease;
	transition: left 0.3s ease;
}
#main-nav .portals {
	display: none;
}
#container.nav-open #main-nav {
	left: 0;
	z-index: 2000;
}
.translated-ltr #main-nav {
	/*padding-top: 132px;*/
}

.translated-ltr #container {
	padding-top: 39px;
}

.nav-bar ul,
.nav-bar li,
.nav-bar a {
	height: 100%;
}

.nav-bar a {
	font-family: 'League Gothic', Arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
}
.nav-bar a:hover {
	color: #ffc50f;
}

.nav-bar ul li {
	float: left;
}
.nav-bar li a {
	font-size: 3.2em;
}
.nav-bar li a.current,
.nav-bar li a.section,
.nav-bar li a.inverse {
	color: #ffc50f;
}
.nav-bar li a.inverse:hover {
	color: inherit;
}

#nav-bar-1 {
	position: fixed;
	width:100%;
	height: 41px;
	padding-right: 50px;
	z-index: 2500;
	background: #011140 url(../images/section-blue-bg.jpg) repeat-x center top;
}

#nav-bar-1 li {
	color: #fff;
}
#nav-bar-1 li a {
	line-height: 41px;
}

#nav-bar-2 {
	position: fixed;
	width:100%;
	height: 52px;
	top: 41px;
	z-index:2500;
	padding: 0 40px 0 30px;
	background: #fff;
}

.translated-ltr #nav-bar-2 {
	top: 80px;
}

#nav-bar-2 li {
	color: #000;
}
#nav-bar-2 li a {
	line-height: 52px;
}
#mobile-menu-button {
	height: 41px;
}
#button-dotcom {
	float: left;
	margin-right: 20px;
}

#button-dotcom a#nav-button {
	display: inline-block;
	width: 50px;
	height: 100%;
	position: relative;
	background: #ffc50f;
	overflow: hidden;
}
#button-dotcom a#nav-button span {
	text-indent: -9999px;
	margin: -2.5px 0 0 -16px;
	top: 50%;
	left: 50%;
	-moz-transition: background 0.3s ease;
	-webkit-transition: background 0.3s ease;
	transition: background 0.3s ease;
}
#button-dotcom a#nav-button span,
#button-dotcom a#nav-button span:before,
#button-dotcom a#nav-button span:after {
	display: block;
	width: 32px;
	height: 5px;
	position: absolute;
	background: #fff
}
#button-dotcom a#nav-button span:before,
#button-dotcom a#nav-button span:after {
	content: "";
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#button-dotcom a#nav-button span:before {
	top: -10px;
}
#button-dotcom a#nav-button span:after {
	bottom: -10px;
}

#button-dotcom a#nav-button.open span {
	background: transparent;
}
#button-dotcom a#nav-button.open span:before {
	top: 0;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#button-dotcom a#nav-button.open span:after {
	bottom: 0;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


#button-dotcom li.dotcom {
	margin-left: 20px;
}

#portals-nav {
	float: right;
}

#portals-nav li {
	margin-right: 20px;
}
#portals-nav li.last {
	margin: 0;
}
#portals-nav li.contact {
	margin-left: 20px;
}

p#language {
	color: #000;
	height: 100%;
	margin: 0;
	float: left;
}
p#language a {
	font-size: 3em;
	line-height: 52px;
	padding-right: 60px;
	position: relative;
}
p#language a:before,
p#language a:after {
	content: "";
	position: absolute;
}
p#language a:before {
	width: 40px;
	height: 27px;
	margin-top: -13.5px;
	top: 50%;
	right: 0;
	background: url(../images/flags.png) no-repeat left top;
}
p#language a:after {
	display: none;
	width: 0;
	height: 0;
	bottom: -15px;
	right: 7px;
	border-left: 13.5px inset rgba(255, 255, 255, 0);
	border-right: 13.5px inset rgba(255, 255, 255, 0);
	border-top: 15px solid #fff;
}

/* Google Translate */
.goog-te-banner-frame {
	display: none;
}
.translated-ltr .goog-te-banner-frame {
	display: block;
}

#google_translate_element {
	height: 100%;
	float: left;
}
div.cairns-chinese-site {
	height: 100%;
	float: left;
	padding: 8px 14px;
}
li.cairns-chinese-site {
	padding-left: 12px;
	margin-top: -2px;
	display:none;
}
.goog-te-gadget img {
	display: none;
}
.goog-te-gadget-simple {
	font-size: 1em !important;
	padding: 0 !important;
	border: none !important;
}
.goog-te-gadget-simple .goog-te-menu-value {
	font-size: 3em;
	line-height: 52px;
	/*width: 222px;*/
	margin: 0;
	padding-right: 60px;
	position: relative;
}
.goog-te-gadget-simple .goog-te-menu-value:after {
	content: "";
	width: 40px;
	height: 27px;
	margin-top: -13.5px;
	position: absolute;
	top: 50%;
	right: 0;
	background: url(../images/flags.png) no-repeat left top;
}
.translated-ltr .goog-te-gadget-simple .goog-te-menu-value {
	width: auto;
	padding-right: 0;
}
.translated-ltr .goog-te-gadget-simple .goog-te-menu-value:after {
	display: none;
}
.goog-te-gadget-simple .goog-te-menu-value span {
	display: none;
}
.goog-te-gadget-simple .goog-te-menu-value span:first-child {
	display: inline-block;
}
.goog-te-menu-frame {
	box-shadow: none !important;
}
/* end Google Translate */

#secondary-nav {
	float: right;
}

#secondary-nav li {
	margin-right: 20px;
	position: relative;
}
#secondary-nav li.last {
	margin-right: 0;
}
#secondary-nav li a {
	font-size: 5em;
}

#secondary-nav div.sub-nav {
	display: none;
	height: auto;
	max-height: 500px;
	margin-left: -170px;
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 3000;
}
#secondary-nav li.hover div.sub-nav {
	display: block;
}
#secondary-nav div.sub-nav ul li {
	font-size: 1em;
	height: auto;
	margin: 0;
	float: none;
}
/* =# END HEADER/NAV #= */

/* =# CONTENT #= */

/* Forms */
.form {
	text-align: left;
}

.form label,
/*.form p.message,*/
.form .Actions p {
	font-size: 2em;
}

.form p.message {
	text-align: center;
	color: #011347;
}
#Form_ContactForm p.message {
	color: #FFF;
}

/* Submitted Text */

.ContactPage .form .message {
	color: #FFF;
}

.form div.field,
.form div.fieldgroup-field {
	margin-bottom: 8px;
}
.form div.field.fieldgroup {
	margin-bottom: 0;
}

.form .required .chosen-container-single .chosen-default span:after,
.form div.required label:after {
	content: " \002a";
	font-family: 'League Gothic', Arial, sans-serif;
	font-size: 30px;
	color: #FFC20E;
}
.form span.message {
    font-family: 'Hero Regular', Arial, sans-serif;
    font-size: 2em;
}
.form span.required {
	color: #eb2c00;
}
.form span.validation {
	color: #f47f01;
}
.form span.requiredDot {
    content: " \002a";
    font-family: 'League Gothic', Arial, sans-serif;
    font-size: 30px;
    color: #FFC20E;
}

.form input,
.form select,
.form textarea,
.form button {
	outline: none;
}

.form div.field label,
.form input.text,
.form select,
.form textarea {
	font-family: 'League Gothic', Arial, sans-serif;
	font-size: 3em;
	color: #011347;
}

.form input.text,
.form select,
.form textarea {
	width: 100%;
	padding: 5px;
	background: #E7E7E7;
	/*border: 1px solid #E0E0E0;*/
	border: 1px solid #E7E7E7;
}

.form div.field label,
.form input.text,
.form select {
	text-transform: uppercase;
}
.form input.text {
    text-transform: none;
}

.form input.text,
.form select {
	height: 46px;
}

.form textarea {
	min-height: 92px;
}

.form div.field.checkbox,
.form div.field.optionset,
.form div.fieldgroup-field.checkbox,
.form .optionset li {
	width: 100%;
	/*float: left;*/
	display: table;
}
.form div.field.checkbox label,
.form div.field.optionset li label,
.form div.fieldgroup-field label.checkboxfield-small {
	font-family: 'Hero Regular', Arial, sans-serif;
	font-size: 2em;
	text-transform: none;
	line-height: 1em;
	color: #000;
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	padding: 0;
}
.form .labelAlign ul li {
    position: relative;
}
.form .labelAlign ul li label {
    position: absolute;
    left: 69px;
    top: 23px;
}

.form ul.optionset {
	list-style: none;
	margin: 0;
	padding: 0;
}
.form ul.optionset li {
	font-size: 1em;
	float: left;
	width: 100%;
	margin-bottom: 8px;
}

.form div.icheckbox,
.form div.iradio {
	width: 48px;
	height: 48px;
	margin-right: 18px;
	/*float: left;*/
	border: 5px solid #E7E7E7;
	position:relative;
}
.featherlight div.icheckbox,
.featherlight div.iradio {
	width: 28px;
	height: 28px;
	margin-right: 16px;
	border: 4px solid #E7E7E7;
}
.featherlight div.icheckbox:after,
.form div.icheckbox:after{
	content: "";
	width: 26px;
	height: 26px;
	margin: -13px -13px 0;
	background: #ffc50f;
	position: absolute;
	top: 50%;
	right: 50%;
	opacity: 0;
	visibility: hidden;
	-moz-transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
.featherlight div.iradio:after,
.form div.iradio:after {
    content: "";
    width: 26px;
    height: 26px;
    margin: -13px -13px 0;
    background: #ffc50f;
    position: absolute;
    top: 50%;
    right: 50%;
    opacity: 0;
    visibility: hidden;
    -moz-transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.featherlight div.icheckbox:after,
.featherlight div.iradio:after{
	width: 14px;
	height: 14px;
	margin: -7px -7px 0;
}

.featherlight div.icheckbox:hover:after,
.featherlight div.iradio:hover:after,
.form div.icheckbox:hover:after{
	opacity: 0.5;
	visibility: visible;
}

.form div.iradio:hover:after {
    /*opacity: 0.5;*/
    /*visibility: visible;*/
}

.featherlight div.icheckbox.checked:after,
.featherlight div.iradio.checked:after,
.form div.icheckbox.checked:after,
.form div.iradio.checked:after {
	opacity: 1;
	visibility: visible;
}

.featherlight div.icheckbox .icheck-helper,
.featherlight div.iradio .icheck-helper,
.form div.icheckbox .icheck-helper {
	z-index: 1;
}

.form input.action {
	font-family: 'League Gothic', Arial, sans-serif;
	font-size: 3.3em;
	text-transform: uppercase;
	color: #FFC50F;
	padding: 0;
	background: none;
	border: none;
	-moz-transition: color 0.3s ease;
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
}
.form input.action:hover {
	color: #011347;
}

.form div.fieldgroup.cols,
.form div.composite:after {
	content: "";
	display: table;
	clear: both;
}

.form div.fieldgroup.cols div.fieldgroup-field {
	float: left;
}
.form div.fieldgroup.cols {
	width: 100%;
}

.form div.fieldgroup.cols div.fieldgroup-field.odd {
	padding-right: 4px;
}
.form div.fieldgroup.cols div.fieldgroup-field.even {
	padding-left: 4px;
}

.form div.fieldgroup.cols-1-1 div.fieldgroup-field {
	width: 50%;
}
.form div.fieldgroup.cols-1-0 div.fieldgroup-field {
	width: 100%;
}
.form div.fieldgroup.cols-2-1 div.fieldgroup-field.odd {
    width: 66.6666%;
}
.form div.fieldgroup.cols-2-1 div.fieldgroup-field.even {
    width: 33.3333%;
}

.in-field-labels div.field,
.in-field-labels div.fieldholder-small {
	position: relative;
}

.in-field-labels div.field.text label,
.in-field-labels div.field.phonenumber label,
.in-field-labels div.field.textarea label,
.in-field-labels div.fieldgroup-field label {
	padding-left: 5px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.in-field-labels div.field.text label,
.in-field-labels div.field.phonenumber label,
.in-field-labels div.field.textarea label,
.in-field-labels div.fieldgroup-field label {
	line-height: 48px;
}
.in-field-labels div.fieldgroup-field label.checkboxfield-small {
	position: static;
}
/* end Forms */

#site-content {
}
.translated-ltr #site-content {
	/*padding-top: 132px;*/
}

/* Hero */
#hero {
	height: 0;
	/*padding-bottom: 56.25%;*/
    padding-bottom: 48%;
	position: relative;
	z-index: 1;
	background: #000;
	overflow: hidden;
}


#hero img,
#hero video {
	position: absolute;
	top: 0;
	left: 0;
}
#hero img {
	width: 100%;
	height: auto;
	-moz-transition: transform 35s ease-out 0s;
	-webkit-transition: transform 35s ease-out 0s;
	transition: transform 35s ease-out 0s;
	-moz-transform: scale(1, 1) rotateZ(0deg) translate(0px, 0px) skewX(0deg);
	-webkit-transform: scale(1, 1) rotateZ(0deg) translate(0px, 0px) skewX(0deg);
	transform: scale(1, 1) rotateZ(0deg) translate(0px, 0px) skewX(0deg);
}
#hero img.ready {
	-moz-transform: scale(1.2, 1.2) rotateZ(0.001deg) translate(2%, 2%) skewX(0deg);
	-webkit-transform: scale(1.2, 1.2) rotateZ(0.001deg) translate(2%, 2%) skewX(0deg);
	transform: scale(1.2, 1.2) rotateZ(0.001deg) translate(2%, 2%) skewX(0deg);
}
#hero video {
	width: 100%;
	height: 100%;
}

#hero .cycle {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: #FFC50F;
}
#hero .cycle-slide {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#hero .title {
	font-size: 10px;
	/*font-size: 15em;
	line-height: 0.8em;*/
	margin-bottom: 0;
	position: absolute;
	z-index: 1;
}
#hero .title span {
	display: inline-block;
}
#hero .title span.start,
#hero .title span.end {
	font-family: 'League Gothic', arial, sans-serif;
	/*font-size: 8.6em;*/
	font-size: 86px;
	text-transform: uppercase;
	line-height: 1em;
}
#hero .title span.middle {
	font-family: 'Homestead Display', serif;
	/*font-size: 15em;*/
	font-size: 150px;
	line-height: 0.8em;
}
#hero .title span.middle--image img {
	max-width: 877px;
	position: relative;
}

#hero .title,
#hero .title.black {
	color: #000;
	text-shadow: 3px 3px 45px #fff;
}
#hero .title.white {
	color: #fff;
	text-shadow: 3px 3px 45px #000;
}

#hero .title,
#hero .title.top {
	top: 7.1875%; /* 115px/1600px */
}
#hero .title,
#hero .title.left {
	left: 135px;
}
#hero .title.right {
	left: auto;
	right: 135px;
}
#hero .title.bottom {
	top: auto;
	bottom: 6.5625%; /* 105px/1600px */
}

.hero__badge {
	height: 0;
	width: 23.875%;
	max-width: 382px;
	margin: 0;
	padding-bottom: 18.25%;
	position: absolute;
	bottom: 14.625%;
	right: 0;
}
.hero__badge img {
	width: 100%;
	height: auto;
}

p.book-now {
	width: 88px;
	height: 266px;
	margin: 0;
	position: fixed;
	top: 175px;
	left: 0;
	z-index: 10;
	background: url(../images/cta-hero-bg.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
p.book-now a {
	font-family: 'League Gothic', arial, sans-serif;
	font-size: 60px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	color: #01113F;
	display: inline-block;
	width: 266px;
	height: 88px;
	position: absolute;
	top: 88px;
	left: -88px;
	-ms-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-moz-transition: color 0.3s ease;
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
}
p.book-now a:hover {
	color: #0068B3;
}

.m-webcam-btn {
	display: inline-block;
	padding-top: 50px;
	background: url(../images/webcam.png) no-repeat right top;
	font-family: 'League Gothic', arial, sans-serif;
	font-size: 3.2em;
	text-decoration: none;
	text-transform: uppercase;
	color: #ffc20e;
}
#hero .m-webcam-btn {
	position: absolute;
	top: 20px;
	right: 50px;
	z-index: 1;
}
/* end Hero */

header.title {
	height: 114px;
	padding: 0 50px;
	position: relative;
	background: #e0e0e0;
}
header.title h1 {
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 114px;
	max-width: 100%;
	margin: 0;
	overflow: hidden;
}

.SpecialOffersPage header.title {
	height: auto;
	text-align: center;
}
.SpecialOffersPage header.title h1 {
	text-overflow: clip;
	white-space: normal;
	line-height: 100px;
	padding-top: 7px;
	padding-bottom: 7px;
}

article section {
	padding: 42px 11.6875% 70px;
}
article section.white {
	background: #fff;
}
article section.grey {
	background: #efefef;
}
article section.blue {
	color: #fff;
	background: #011140 url(../images/section-blue-bg.jpg) center top;
	background-size: cover;
}
article section.yellow {
	color: #051b53;
	background: #FFC50F url(../images/section-yellow-bg.jpg) center top;
	background-size: cover;
}
article section.no-padding {
	padding: 0;
}
article section.top-padding {
 padding-top: 62px;
}
article section.extra-padding {
	padding-left: 28%;
	padding-right: 28%;
}
article section.less-padding {
	padding-left: 7.6875%;
	padding-right: 7.6875%;
}

article section.columns {
	overflow: hidden;
	position: relative;
}
article section.columns:before {
	content: "";
	width: 44%;
	height: 5000px;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
}

article section.columns .content {
	padding: 42px 6% 70px;
}

article section.columns .col-1 {
	width: 44%;
	float: left;
	position: relative;
}
article section.columns .col-1 {
	color: #000;
}
article section.columns .col-2 {
	/*text-align: center;*/
	width: 56%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
article section.columns .col-2.home p {
	font-size: 2.5em;
}
article section.columns .col-2.form {
	position: relative;
	float: left;
}
article section.columns .col-1 > img {
	width: 100%;
	height: auto;
}

ul.image-grid {
	background: #000;
}
ul.image-grid li {
	width: 33.3333%;
 	height: 0;
 	padding-bottom: 33.3333%;
	float: left;
	position: relative;
}
ul.image-grid li img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

ul.badges {
	margin-bottom: 80px;
	text-align: center;
}
ul.badges li {
	font-size: 1em;
	display: inline-block;
	width: 26.7045%;
	margin: 0 4%;
	/*padding-bottom: 24.4318%;*/
	padding-bottom: -moz-calc(26.7045% - 16px);
	padding-bottom: -webkit-calc(26.7045% - 16px);
	padding-bottom: calc(26.7045% - 16px);
	/*float: left;*/
}
ul.badges.four li {
	font-size: 0.8em;
	width: 23.1884%; /* 192px */
	margin: 0 1.207729%;
	padding-bottom: -moz-calc(23.1884% - 16px);
	padding-bottom: -webkit-calc(23.1884% - 16px);
	padding-bottom: calc(23.1884% - 16px);
}
ul.badges li.first {
	margin-left: 0;
}
ul.badges li.last {
	margin-right: 0;
}
ul.badges li.first.last {
	margin: 0;
}
ul.badges li div.text-wrap {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
ul.badges li a {
	font-family: 'League Gothic', Arial, sans-serif;
	font-size: 7em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 3px 3px 16px rgba(0, 0, 0, 1);
	color: #ffc20e;
	display: table;
	width: 100%;
	height: 100%;
	-moz-transition: color 0.5s ease;
	-webkit-transition: color 0.5s ease;
	transition: color 0.5s ease;
}
ul.badges li a:hover {
	color: #fff;
}
ul.badges li a span {
	vertical-align: middle;
	line-height: 70px;
	line-height: 1em;
	display: table-cell;
}

ul.badges li a.no-link:hover  {
	cursor: default;
	color: #ffc20e;
}

.badge {
	height: 0;
	position: relative;
	border: 8px solid #ffc20e;
	border-radius: 100%;
	/*background: #131313;*/
	background: #FFC20E;
	overflow: hidden;
}
.badge img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.photo-video-absolute, .photos-absolute {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    height: 380px;
}
#photo-video-tab, #photos-tab {
    margin-left: 14%;
    margin-right: 14%;
}
.photo-video-absolute:before, .photos-absolute:before {
    background: url("../images/goPro.png");
    /*width: 350px;*/
    width: 11.6875%;
    height: 410px;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    /*bottom: 0;*/
    background-size: contain;
    background-repeat: no-repeat;
}
.photo-video-absolute:after, .photos-absolute:after {
    background: url("../images/usb.png?v2");
    /*width: 389px;*/
    width: 11.6875%;
    /*top: -70px;*/
    height: 514px;
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    /*bottom: 0;*/
    background-size: contain;
    background-repeat: no-repeat;
}
@media screen and (max-width: 1650px) {

	.photo-video-absolute:before, .photos-absolute:before,
    .photo-video-absolute:after, .photos-absolute:after {
    	width: 10%;
    }

}
@media screen and (max-width: 1300px) {

	.photo-video-absolute {
		display: none;
	}

}
/*
@media screen and (max-width: 1660px){
    .photo-video-absolute:before, .photos-absolute:before {
        width: 250px;
    }
    .photo-video-absolute:after, .photos-absolute:after {
        width: 262px;
        top: -16px;
    }
}
@media screen and (max-width: 1300px){
    .photo-video-absolute:before, .photos-absolute:before {
        width: 207px;
        top: 10px;
    }
    .photo-video-absolute:after,  .photos-absolute:after {
        width: 213px;
        top: -4px;
    }
}
@media screen and (max-width: 1135px){
    .photo-video-absolute:before, .photos-absolute:before {
        width: 201px;
        top: -22px;
    }
    .photo-video-absolute:after, .photos-absolute:after {
        width: 227px;
        top: -38px;
    }
}*/

/*
div.feed div.feed-post img {
	margin-right: 5px;
	float: left;
}
*/

section.media {
	position: relative;
}

div.page-media {
	width: 80%;
	height: 0;
	/*padding-bottom: 56.25%;*/
	margin: 12px 0;
	padding-bottom: 45%;
	float: left;
	position: relative;
	z-index: 1;
	background: #000;
}
div.page-media div.media {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
div.media img {
	width: 100%;
	height: auto;
}

div.media-thumbs-wrap {
	width: 20%;
	height: 100%;
	padding: 12px 0 12px 12px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
div.media-thumbs {
	height: 100%;
	overflow: hidden;
}
.video-embed {
    position: relative;
    width: 100%;

}
div.media-thumbs div.cycle-carousel-wrap {
	width: 100%;
	height: 100%;
}
div.media-thumbs div.media-thumb {
	margin-bottom: 12px;
	/*background: #000;*/
	position: relative !important;
	z-index: 1;
}
div.video-thumb {
 cursor: pointer;
}
div.video-thumb:after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url("../images/videoPlayThumb.png") rgba(0,0,0,0.7) no-repeat center;

}
div.media-thumbs div.media-thumb img {
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	-moz-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
div.media-thumbs div.cycle-slide-active img {
	opacity: 0.7;
}

div.media-thumbs ul.cycle-nav {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
div.media-thumbs ul.cycle-nav li {
	width: 100%;
	height: 50px;
	position: absolute;
	z-index: 500;
}
div.media-thumbs ul.cycle-nav li a {
	text-indent: -9999px;
	display: inline-block;
	width: 100%;
	height: 100%;
	position: relative;
}
div.media-thumbs ul.cycle-nav li a:before {
	content: "";
	width: 0;
	height: 0;
	margin-left: -52px;
	position: absolute;
	left: 50%;
	border-left: 52px inset rgba(255, 255, 255, 0); 
	border-right: 52px inset rgba(255, 255, 255, 0);
}
div.media-thumbs li.cycle-prev {
	top: 0;
}
div.media-thumbs li.cycle-next {
	bottom: 0;
}
div.media-thumbs li.cycle-prev a:before {
	top: 12px;
	border-bottom: 40px solid #fff;
	-moz-transition: top 0.3s, border-right-color 0.3s ease;
	-webkit-transition: top 0.3s, border-right-color 0.3s ease;
	transition: top 0.3s, border-right-color 0.3s ease;
}
div.media-thumbs li.cycle-next a:before {
	bottom: 12px;
	border-top: 40px solid #fff;
	-moz-transition: bottom 0.3s, border-left-color 0.3s ease;
	-webkit-transition: bottom 0.3s, border-left-color 0.3s ease;
	transition: bottom 0.3s, border-left-color 0.3s ease;
}
div.media-thumbs li.cycle-prev a:hover:before {
	top: 6px;
	border-bottom-color: #FFC50F;
}
div.media-thumbs li.cycle-next a:hover:before {
	bottom: 6px;
	border-top-color: #FFC50F;
}

.has-video div.media-thumbs {
	width: 80%;
	float: left;
}
.has-video div.media-thumbs div.media-thumb {
	width: -moz-calc(25% + 3px); /* 12px / 4 */
	width: -webkit-calc(25% + 3px); /* 12px / 4 */
	width: calc(25% + 3px); /* 12px / 4 */
}
.has-video div.media-thumbs div.media-thumb img {
	position: relative;
}

.has-video div.video {
	width: 20%;
	float: right;
}

section.video {
	padding-top: 27%;
	padding-left: 23.25%;
	padding-right: 23.25%;
	background: url(../images/section-video-bg.jpg) center top;
	background-size: cover;
}
section.video #video {
	width: 100%;
	padding-bottom: 52.8735%;
	position: relative;
	background: #000;
	border: 10px solid #000;
}
section.video #video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

section.woa {
	text-align: center;
}

section ul.enlarger li {
	/*font-size: 1em;*/
	width: 33.3333%;
	height: 440px;
	/*padding-bottom: 35.889%;*/
	float: left;
	position: relative;
}
section ul.enlarger li a {
	font-family: 'League Gothic', Arial, sans-serif;
	/*font-size: 10em;*/
	font-size: 100px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 192px;
	color: #fff;
	display: inline-block;
	width: 100%;
	height: 192px;
	position: absolute;
	bottom: 0;
	left: 0;
	-moz-transition: font-size 0.3s, line-height 0.3s ease;
	-webkit-transition: font-size 0.3s, line-height 0.3s ease;
	transition: font-size 0.3s, line-height 0.3s ease;
}
section ul.enlarger li a:hover {
	/*font-size: 17em;*/
	font-size: 170px;
	line-height: 146px;
}
section ul.enlarger li.first a:hover,
section ul.enlarger li.last a:hover {
	/*font-size: 15em;*/
	font-size: 150px;
	line-height: 192px;
}
section ul.enlarger li a span {
	display: inline-block;
}
section ul.enlarger li a span.badge {
	width: 204px;
	margin-left: -102px;
	padding-bottom: 188px;
	position: absolute;
	top: -244px;
	left: 50%;
	opacity: 0.5;
	/*visibility: hidden;*/
	-moz-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
section ul.enlarger li a:hover span.badge {
	opacity: 1;
	/*visibility: visible;*/
}
section ul.enlarger li a span.sub {
	font-family: 'Hero Regular', Arial, sans-serif;
	font-size: 0.217em;
	text-transform: none;
	line-height: 1em;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

section div.price-text {
	font-family: "League Gothic",Arial,sans-serif;
    font-size: 26em;
	text-transform: uppercase;
    line-height: 1em;
    color: #fff;
    margin: 0;
}
section div.price-text .description{
	display: inline-block;
   float: left;
}
section div.price-text .from {
	font-size: 0.5em;
	line-height: 0.8em;
	margin: 0.38em -0.3em 0 -0.3em;
	color: #b6b6b6;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
section div.price-text .price {
    line-height: 0.85em;
    margin-top: -0.18em;
}
section div.price-text .currency {
	font-size: 0.5em;
	vertical-align: super;
}
section div.price-text .description {
	font-size: 0.17em;
	line-height: 1em;
	color: #FFC50F;
}
section div.price-text .description.large {
	font-size: 0.4857em;
	line-height: 0.8em;
}
section div.price-text .line-two {
	font-size: 0.14em;
	line-height: 1em;
	margin-top: -0.3em;
	padding-left: 1.4em;
	clear: both;
}
section div.price-small {
	font-size: 0.3em;
	line-height: 0.9em;
	padding-bottom: 20px;
	padding-top: 10px;
}
section div.price-extra-small {
	font-size: 0.2em;
	line-height: 1.1em;
	margin: 12px;
}
section div.price-extra-small .price-small {
	font-size: 0.8em;
	margin-right:6px;
}
.strike-through {
	text-decoration: line-through;
	text-decoration-color: #FFC20E;
}
.strike-through .currency {
	text-decoration: none;
	text-decoration-line: none;
}
.small-special-title-text {
	font-size: 0.3em;
	line-height: 0.4em;
	position: relative;
	bottom: -5px;
	color: #FFC20E;
}
.med-special-title-text {
	font-size: 0.35em;
	line-height: 0.5em;
	position: relative;
	bottom: -2px;
	color: #FFC20E;
}
.small-description-text {
	font-size: 0.3em;
	line-height: 0.4em;
	position: relative;
	top: -3px;
}
.med-description-text {
	text-align: center;
	font-size: 0.4em;
	line-height: 0.5em;
	position: relative;
}

/* HomePage */
#home-top {
	/*padding-bottom: 220px;*/
	padding-bottom: 13.75%;
	position: relative;
	background: #fff;
}

.HomePage #hero {
	padding-bottom: 56.25%;
    /*padding-bottom: 50%;*/
}

header#main-header {
	width: 58.75%;
	padding-bottom: 34%;
	margin-left: -29.375%;
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 2;
	background: url(../images/home-header-bg.png) no-repeat center;
	background-size: cover;
}
header#main-header .logo {
	width: 68.9361%;
	margin: 0 0 0 -34.468%;
	position: absolute;
	left: 50%;
	bottom: 22.2052%;
}
header#main-header .logo img {
	width: 100%;
	height: auto;
}

.HomePage section.updates {
	padding-left: 3.75%;
	/*padding-right: 3.75%;*/
	padding-right: 33.125%;
	background: #fff url(../images/section-updates-bg.jpg) no-repeat right bottom;
	background-size: cover;
}

#facebook-feed {
	position: relative;
	/*width: 68.2432%;*/
	width: 100%;
	height: 0;
	/*padding-bottom: 47.4324%;*/
	padding-bottom: 69.6039%;
	background: #000;
	border: 4px solid #FFC50F;
}
#facebook-feed div.feed {
	width: 100%;
	height: 100%;
	padding: 25px;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	overflow-x: hidden;
	overflow-y: auto;
}
#facebook-feed div.feed-post {
	margin-bottom: 15px;
	border-bottom: 1px solid #141414;
}
#facebook-feed div.feed-post.last {
	border-bottom: none;
}
#facebook-feed div.feed-post .post-media {
	margin-bottom: 15px
}
#facebook-feed div.feed-post .post-media iframe,
#facebook-feed div.feed-post .post-media video {
	max-width: 100%;
}
#facebook-feed div.feed-post p {
	/*font-size: 1.5em;*/
	font-size: 15px;
}
#facebook-feed div.feed-post p img {
	margin: 0 15px 15px 0;
}

.HomePage section ul.badges {
	margin: 70px 0;
}
/* end HomePage */

/* ActivityPage */
.ActivityPage ul.product {
	margin-bottom: 70px;
}
.ActivityPage ul.product > li {
	font-size: 1em;
	width: 33.3333%;
	float: left;
}

.ActivityPage ul.product li.includes {
	text-align: left;
}
.ActivityPage ul.product li.includes ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.ActivityPage ul.product li.includes ul li:before {
	content: "›";
	display: inline-block;
	margin-right: 10px;
}

.ActivityPage ul.product li.image img {
	max-width: 100%;
	height: auto;
}

ul.badges.tabs li {
	opacity: 0.5;
	-moz-transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
ul.badges.tabs li:hover,
ul.badges.tabs li.active {
	opacity: 1;
}

div.tab {
	display: none;
}
div.tab.active {
	display: block;
}
/* end ActivityPage */

/* trip Advisor override styles */
.tripAdvisor {
    /*background-color: #F7F7F7;*/
    /*padding: 42px 0 70px;*/
    padding-left: 0;
    padding-right:0;
    padding-bottom: 0;
	padding-top: 0;

}

.tripAdvisor #CDSWIDSSP .widSSPData {
    background-color: #EFEFEF;
    /*border: 1px solid #F7F7F7;*/
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;

}
.tripAdvisor #CDSWIDSSP .widSSPData .widSSPBranding dt {
    margin: 6px auto 6px;
}
.tripAdvisor #CDSWIDSSP {
    width: 100% !important;
    text-align: center;
}
.tripAdvisor  #CDSWIDSSP div {
    /*padding: 0 11.6875%;*/
}
.tripAdvisor #CDSWIDSSP .widSSPData .widSSPBranding {
    padding-top: 7px;
    border-bottom: none;
    background-color: #FFFFFF;
    margin-bottom: 0;
    padding-bottom: 12px;
}
.tripAdvisor #CDSWIDSSP .widSSPSummary {
    background-color: #FFFFFF;
}
#CDSWIDSSP .widSSPData .widSSPTrvlRtng {
    background-color: #FFFFFF;
}
.tripAdvisor #CDSWIDSSP .widSSPData .widSSPH18 {
    font-family: 'Homestead Display', serif;
    font-size: 5em;
    line-height: 1em;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #01113F;
    text-decoration: none;
    font-weight: normal;
}
.tripAdvisor #CDSWIDSSP .widSSPData .widSSPH18:hover{
    color: #FFC20E;

}
.tripAdvisor #CDSWIDSSP .widSSPData .widSSPSummary a, .tripAdvisor #CDSWIDSSP .widSSPData .widSSPSummary a:hover {
    text-decoration: none;
}
.tripAdvisor #CDSWIDSSP .widSSPData .widSSPReviews .widSSPH11{
    font-family: 'League Gothic', arial, sans-serif;
    color: #01113F;
    font-size: 3.5em;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 16px;
    padding-top: 22px;
}
.tripAdvisor #CDSWIDSSP .widSSPData .widSSPInformation, .tripAdvisor #CDSWIDSSP .widSSPData .widSSPReviews {
    border: none;

}
.tripAdvisor #CDSWIDSSP .widSSPData .widSSPTrvlRtng {
    border-bottom: none;
}
.tripAdvisor #CDSWIDSSP .widSSPData .widSSPOneReview .widSSPBullet li span {

    font-family: 'Hero Regular', Arial, sans-serif;
    font-size: 2em;
    line-height: 1.2em;
    padding: 0 11px;

}
.tripAdvisor #CDSWIDSSP .widSSPData .widSSPOneReview .widSSPBullet li a,
.tripAdvisor #CDSWIDSSP .widSSPData .widSSPOneReview .widSSPBullet li a:hover{
    font-family: 'Hero Regular', Arial, sans-serif;
    color: #FFC20E;
    font-size: 16px;
}
.tripAdvisor #CDSWIDSSP .widSSPData .widSSPAll {
    margin: 0 auto 11px auto;
    display: inline-block;
}
.tripAdvisor #CDSWIDSSP .widSSPData .widSSPAll .widSSPReadReview {
    display: none;
}
.tripAdvisor #CDSWIDSSP .widSSPData .widSSPAll .widSSPWriteReview {
	display: none;
    padding-left: 0;
    border: none;
    margin-top: 36px;
}
.tripAdvisor #CDSWIDSSP .widSSPData .widSSPAll a:link, .tripAdvisor #CDSWIDSSP .widSSPData .widSSPAll a:visited {
    /*font-family: 'Hero Regular', Arial, sans-serif;*/
    /*color: #FFC20E;*/
    /*font-size: 16px;*/
    font-size: 50px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 89px;
    color: #01113f;
    display: inline-block;
    height: 89px;
    margin: 0 27px;
    padding: 0 27px;
    position: relative;
    font-family: 'League Gothic', arial, sans-serif;
    background: url(../images/cta-bg.png) repeat-x center;
    -moz-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
}
.tripAdvisor #CDSWIDSSP .widSSPData .widSSPAll a:hover {
    color: #0068b3;
}
.tripAdvisor #CDSWIDSSP .widSSPData .widSSPAll a:link:before, .tripAdvisor #CDSWIDSSP .widSSPData .widSSPAll a:visited:before {
    left: -27px;
    background: url(../images/cta-before-bg.png) no-repeat center;
    content: "";
    width: 27px;
    height: 100%;
    position: absolute;
    top: 0;
}

.tripAdvisor #CDSWIDSSP .widSSPData .widSSPAll a:link:after, .tripAdvisor #CDSWIDSSP .widSSPData .widSSPAll a:visited:after {
    right: -27px;
    background: url(../images/cta-after-bg.png) no-repeat center;
    content: "";
    width: 27px;
    height: 100%;
    position: absolute;
    top: 0;
}
.tripAdvisor #CDSWIDSSP .widSSPData .widSSPAll .widSSPReadReview {
  display: none;
}
@media screen and (max-width: 1250px) {
    .tripAdvisor #CDSWIDSSP .widSSPData .widSSPAll a:link, .tripAdvisor #CDSWIDSSP .widSSPData .widSSPAll a:visited {
        font-size: 30px;
        height: 69px;
        line-height: 69px;
        margin: 0 23px;
        padding: 0 23px;
    }
}
@media screen and (max-width: 1100px) {
    .tripAdvisor #CDSWIDSSP .widSSPData .widSSPAll a:link, .tripAdvisor #CDSWIDSSP .widSSPData .widSSPAll a:visited {
        font-size: 20px;
        height: 59px;
        line-height: 59px;
        margin: 0 20px;
        padding: 0 20px;
    }
}
@media screen and (max-width: 1100px) {
    .tripAdvisor #CDSWIDSSP .widSSPData .widSSPAll a:link, .tripAdvisor #CDSWIDSSP .widSSPData .widSSPAll a:visited {
        font-size: 20px;
        height: 59px;
        line-height: 59px;
        margin: 0 20px;
        padding: 0 20px;
    }

}
@media screen and (max-width: 500px) {
    .tripAdvisor #CDSWIDSSP .widSSPData .widSSPAll a:link, .tripAdvisor #CDSWIDSSP .widSSPData .widSSPAll a:visited {
        font-size: 18px;
        height: 49px;
        line-height: 49px;
        margin: 0 15px;
        padding: 0 8px;
    }
}
.tripAdvisor #CDSWIDSSP .widSSPData .widSSPLegal {
    display: none;
}
/* end trip advisor */

/* ComboHolder */
.combos .combo,
.combos .combo-full {
	font-size: 1em;
}

.combo-full {
	position: relative;
}
.combo-full p.close {
	position: absolute;
	top: 10px;
	right: 10px;
}
.combo-full p.close a {
	text-decoration: none;
}

.combos .combo {
	margin-bottom: 5px;
	background: url(../images/section-blue-bg.jpg) no-repeat;
	background-size: cover;
}
.combos .combo.active {
	margin-bottom: 0;
}

.combo .combo-image,
.combo .combo-content {
	float: left;
}
.combo .combo-image {
	width: 30.875%;
	height: 0;
	padding-bottom: 26.5625%;
	position: relative;
	background: #000;
    overflow: hidden;
}
.combo .combo-content {
	width: 69.125%;
	padding: 3%;
}

.combo-image img {
	width: 100%;
	height: auto;
	position: relative;
	top: 0;
	left: 0;
}
.combo-image .saveRibbon {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #eb2c00;
    position: absolute;
    height: 40px;
    z-index: 1;
    top: 54px;
    left: -65px;
    width: 269px;

}

.combo-image .saveRibbon p {
    text-align: center;
    font-size: 26px;
    font-family: "League Gothic",Arial,sans-serif;
    text-transform: uppercase;
    margin: 6px 0 0 0;
    padding: 0;
    color: white;
    line-height: 28px;
}

.combo-content .combo-text {
	width: 65%;
	float: left;
}
.combo-content .combo-text div.price-text {
	font-size: 17em;
}
.combo-content .combo-text  h2 {
	font-family: 'League Gothic', Arial, sans-serif;
	font-size: 7em;
	color: #FFC50F;
	margin-bottom: 0.25em;
}
.combo-content .combo-text p {
	font-size: 2.5em;
	color: #fff;
	margin-bottom: 0;
}

.combo-content .combo-buttons {
	width: 30%;
	float: left;
	margin-left: 5%;
}
.combo-content .combo-buttons li {
	margin-bottom: 1em;
}
.combo-content .combo-buttons .cta a {
	display: block;
}

.combo-full dl {
	margin: 0;
}
.combo-full dt {
	font-family: 'League Gothic', Arial, sans-serif;
	font-size: 50px;
	text-transform: uppercase;
	line-height: 89px;
	color: #fff;
	height: 89px;
	padding: 0 4.95426%;
	background: url(../images/section-blue-bg.jpg);
	cursor: pointer;
}
.combo-full dd {
	margin: 0;
	padding: 60px 4.95426%;
	background: #E0E0E0;
}
/* end ComboHolder */

/* TimelinePage */
/*
#timeline {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.TimelinePage .vco-timeline {
	background: none;
}

.TimelinePage .vco-message-full {
	display: none;
}

.TimelinePage .vco-timenav {
	background: #fff;
	border-top: 3px solid #FFC50F;
}

.TimelinePage .vco-timeaxis-background {
	background: #f4f4f4;
}

.TimelinePage .vco-timemarker.vco-timemarker-active .vco-timemarker-line-left, 
.TimelinePage .vco-timemarker.vco-timemarker-active .vco-timemarker-line-right,
.TimelinePage .vco-timemarker.vco-timemarker-active:hover .vco-timemarker-line-left, 
.TimelinePage .vco-timemarker.vco-timemarker-active:hover .vco-timemarker-line-right {
	border-color: #FFC50F;
}

.TimelinePage .vco-menubar-button:hover,
.TimelinePage .vco-timemarker.vco-timemarker-active .vco-timemarker-content-container,
.TimelinePage .vco-timemarker.vco-timemarker-active .vco-timemarker-line-left:after, 
.TimelinePage .vco-timemarker.vco-timemarker-active .vco-timemarker-line-right:after,
.TimelinePage .vco-timemarker.vco-timemarker-active:hover .vco-timemarker-line-left:after, 
.TimelinePage .vco-timemarker.vco-timemarker-active:hover .vco-timemarker-line-right:after,
.TimelinePage .vco-timemarker.vco-timemarker-with-end.vco-timemarker-active .vco-timemarker-line-left:after, 
.TimelinePage .vco-timemarker.vco-timemarker-with-end.vco-timemarker-active .vco-timemarker-line-right:after {
	background: #FFC50F !important;
}

.TimelinePage .vco-timemarker.vco-timemarker-active .vco-timemarker-content-container .vco-timemarker-content .vco-timemarker-text h2.vco-headline.vco-headline-fadeout:after,
.TimelinePage .vco-timemarker.vco-timemarker-active:hover .vco-timemarker-content-container .vco-timemarker-content .vco-timemarker-text h2.vco-headline.vco-headline-fadeout:after {
	background: linear-gradient(to bottom, rgba(255, 197, 15, 0) 0px, #FFC50F 80%) repeat scroll 0% 0% transparent;
}

.TimelinePage .vco-timemarker .vco-timemarker-content-container .vco-timemarker-content .vco-timemarker-text h2.vco-headline {
	font-family: 'Hero Regular', Arial, sans-serif;
	font-size: 13px;
}
.TimelinePage .vco-timemarker.vco-timemarker-active .vco-timemarker-content-container .vco-timemarker-content .vco-timemarker-text h2.vco-headline {
	color: #051b53;
}

.TimelinePage .vco-timemarker.vco-timemarker-with-end.vco-timemarker-active .vco-timemarker-timespan:after,
.TimelinePage .vco-timemarker.vco-timemarker-with-end.vco-timemarker-active:hover .vco-timemarker-timespan:after {
	background-color: rgba(255, 197, 15, 0.5);
}

.TimelinePage .vco-slidenav-previous .vco-slidenav-content-container .vco-slidenav-icon, 
.TimelinePage .vco-slidenav-next .vco-slidenav-content-container .vco-slidenav-icon, 
.TimelinePage .vco-slidenav-previous .vco-slidenav-content-container .vco-slidenav-title, 
.TimelinePage .vco-slidenav-next .vco-slidenav-content-container .vco-slidenav-title, 
.TimelinePage .vco-slidenav-previous .vco-slidenav-content-container .vco-slidenav-description, 
.TimelinePage .vco-slidenav-next .vco-slidenav-content-container .vco-slidenav-description {
	text-shadow: none;
	color: #fff;
}

.TimelinePage .vco-text h2.vco-headline-title {
	display: none;
}
.TimelinePage .vco-text .vco-headline-date,
.TimelinePage .vco-text p {
	color: #000;
}
*/
/* end TimelinePage */

/* GalleryPage */
.GalleryPage header.title h1 {
	padding-right: 380px;
}

#categories {
	width: 330px;
	height: 55px;
	padding-bottom: 5px;
	position: absolute;
	top: 32px;
	right: 50px;
}

#categories p {
	font-size: 1em;
	margin: 0;
}
#categories p a {
	font-family: 'League Gothic', Arial, sans-serif;
	/*font-size: 2.7em;*/
	font-size: 27px;
	text-decoration: none;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 50px;
	color: #8e8e8e;
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 0 60px 0 92px;
	position: relative;
	background: #fff;
	overflow: hidden;
}
#categories p a:hover,
#categories.open p a {
	color: #000;
}
#categories p a:before,
#categories p a:after {
	position: absolute;
}
#categories p a:before {
	font-family: 'AjHackett-icons';
	text-align: center;
	color: #ffc20e;
	width: 75px;
	height: 100%;
	top: 0;
	left: 0;
	background: #011347;
}
#categories p a:after {
	content: "";
	width: 0;
	height: 0;
	margin-top: -7.5px;
	right: 15px;
	top: 50%;
	border-left: 15px inset rgba(255, 255, 255, 0);
	border-right: 15px inset rgba(255, 255, 255, 0);
	border-top: 15px solid #8e8e8e;
	-moz-transition: border-top-color 0.5s ease;
	-webkit-transition: border-top-color 0.5s ease;
	transition: border-top-color 0.5s ease;
}
#categories p a:hover:after,
#categories.open p a:after {
	border-top-color: #000;
}

/*
#categories.open p a:after {
	transform: rotate(-180deg);
}
*/

#categories ul {
	visibility: hidden;
	width: 100%;
	padding: 25px 30px;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1;
	background: rgba(255, 194, 14, 0.93);
	opacity: 0;
	-moz-transition: opacity 0.3s ease;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
#categories.open ul {
	visibility: visible;
	opacity: 1;
}
#categories ul li {
	font-size: 1em;
	margin-bottom: 10px;
}
#categories ul li.last {
	margin-bottom: 0;
}
#categories ul li a {
	/*font-size: 1.7em;*/
	font-size: 17px;
	text-decoration: none;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #011347;
	display: block;
	max-width: 100%;
	overflow: hidden;
}
#categories ul li a:hover,
#categories ul li a.current {
	color: #fff;
}

ul.gallery, div.gallery {
	background: #000;
}
ul.gallery li {
	font-size: 1em;
	float: left;
	position: relative;
}

ul.gallery li a.gallery-link, div.gallery > div a.gallery-link {
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

ul.gallery li img, div.gallery > div img {
	width: 100%;
	height: auto;
}

.gallery-title {
	font-size: 1.8em;
	line-height: 40px;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-transform: uppercase;
	color: #fff;
	display: inline-block;
	height: 40px;
	padding: 0 25px;
	background: rgba(1, 14, 52, 0.58);
	overflow: hidden;
}

/* Image Gallery */
ul.gallery.image li {
	width: 14.2857%;
	height: 0;
	padding-bottom: 14.2857%;
}

/* Video Gallery */
ul.gallery.video li {
	width: 33.3333%;
	height: 0;
	padding-bottom: 24.908%;
}

/* Poster Gallery */
ul.gallery.poster li {
	width: 25%;
	height: 0;
	padding-bottom: 35%;
}

/* BlogPost Gallery */
div.gallery.blogpost {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
}
div.gallery.blogpost > div {
	position:relative;
	font-size: 1em;
	width: 33.3333%;
	height: 0;
	padding-bottom: 24.908%;
	overflow:hidden;
}

ul.gallery.video li a.gallery-link:before,
ul.gallery.video li a.gallery-link:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 50%;
}
div.gallery.video a.gallery-link:before {
	width: 115px;
	height: 115px;
	margin: -57.5px -57.5px 0 0;
	background: rgba(255, 255, 255, 0.15);
	border: 3px solid rgba(255, 255, 255, 0.5);
	border-radius: 100%;
}
ul.gallery.video li a.gallery-link:after {
	width: 0;
	height: 0;
	margin: -9px -33px 0 0;
	border-left: 33px inset rgba(255, 255, 255, 0);
	border-right: 33px inset rgba(255, 255, 255, 0);
	border-top: 36px solid #fff;
	-moz-transition: border-top-color 0.3s ease;
	-webkit-transition: border-top-color 0.3s ease;
	transition: border-top-color 0.3s ease;
}
ul.gallery.video li a.gallery-link:hover:after {
	border-top-color: #FFC50F;
}

ul.gallery.video li span.gallery-title {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

ul.gallery.video li div.share {
	position: absolute;
	top: 0;
	right: 0;
}

div.gallery.blogpost a.gallery-link:hover:after {
	border-top-color: #FFC50F;
}

div.gallery.blogpost span.gallery-title {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

div.gallery.blogpost div.gallery-body {
	width: 100%;
	bottom: 0;
	left: 0;
	background: rgba(1, 14, 52, 0.58);
	color:white;
	padding-left:25px;
	padding-right:25px;
}

div.gallery.blogpost div.gallery-body > p {
	font-size:1em;
}

div.gallery.blogpost div.share {
	position: absolute;
	top: 0;
	right: 0;
}
/* end GalleryPage */

/* BioPage */
.BioPage article section {
	padding-left: 6%;
	padding-right: 6%;
}

article section.bio {
	padding-left: 0;
	padding-right: 0;
}

section.bio .content {
	padding-left: 6%;
	padding-right: 35.875%;
}

section.bio .cta-block {
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative;
	background: #FFC50F;
}
section.bio .cta-block img.books {
	width: 35.875%;
	height: auto;
	position: absolute;
	right: 0;
	bottom: 40px;
}
section.bio .cta-block p {
	font-size: 4em;
}

section.bio p.buy-now {
	margin-bottom: 0;
}
section.bio p.buy-now a {
	font-family: 'League Gothic', Arial, sans-serif;
	font-size: 50px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 89px;
	color: #FFC50F;
	display: inline-block;
	width: 411px;
	height: 89px;
	background: url(../images/buy-now-bg.png) no-repeat center;
	-moz-transition: color 0.3s ease;
	-webkit-transition: color 0.3s ease;
	transition: color 0.3s ease;
}
section.bio p.buy-now a:hover {
	color: #fff;
}
/* end BioPage */

/* SafetyPage */
.SafetyPage article section.video {
	background-image: url(../images/section-video-safety-bg.jpg);
}

.SafetyPage article section.safety {
	padding-left: 6%;
	padding-right: 6%;
}

ul.safety li {
	font-size: 1em;
	/*width: 33.3333%;*/
	width: 26.9886%;
	margin-bottom: 60px;
	float: left;
}
ul.safety li.col-1 {
	margin-right: 6.3447%;
}
ul.safety li.col-2 {
	margin: 0 3.17235% 60px;
}
ul.safety li.col-3 {
	margin-left: 6.3447%;
}

ul.safety li img {
	width: 100%;
	height: auto;
}

ul.safety li p {
	margin: 0;
}
ul.safety li p span {
	font-family: 'League Gothic', Arial, sans-serif;
	font-size: 1.833em;
	text-transform: uppercase;
	line-height: 1em;
	color: #011140;
	display: inline-block;
	width: 100%;
}
/* end SafetyPage */

/* StoryPage */
.watchStoryLink {
	display: inline-block;
	padding-top: 50px;
	background: url(../images/play.png) no-repeat left top;
	position: absolute;
	bottom: 20px;
	right: 50px;
	font-family: 'League Gothic', Arial, sans-serif;
	font-size: 3.2em;
	text-transform: uppercase;
	text-decoration: none;
	color: #000 !important;
}
/*.watchStoryLink h2:before {*/
    /*position: absolute;*/
    /*top: -8px;*/
    /*left: -56px;*/
    /*z-index: 1;*/
    /*content: "";*/
    /*width: 50px;*/
    /*height: 50px;*/
    /*background: url("../images/videoPlayThumb.png") no-repeat;*/
    /*background-size: contain;*/
/*}*/
.watchStoryLink h2 span:hover {
    /*position: absolute;*/
    color: #ffc50f;
}

article section.story,
.StoryPage section.white {
	color: #000;
	/*background: url(../images/section-story-bg.jpg);*/
}

.storyGallery {
    color: #655130;
    /*background: url(../images/section-story-bg.jpg);*/
    position: relative;
}
.typography p > img {
    max-width: 100%;
    height: auto;
}
/* end StoryPage */

/* employment Page */

.userForm {
    margin: 0 auto;
    max-width: 860px;

}
.userForm .Actions {
    float: right;
}

/* end employment page */



/* GiftVouchersPage */

/* end GiftVouchersPage */

/* SundayArvosPage */
.boxes {
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0;
}

.boxes .box {
	font-size: 1em;
	width: 25%;
	height: 0;
	padding-bottom: 25%;
	float: left;
	position: relative;
}
.boxes .box.title {
	background: url(../images/section-yellow-bg.jpg);
}

.box .box-content {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.box-content img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
}
.box-content .box-text {
	width: 100%;
	height: 100%;
	display: table;
	position: relative;
	z-index: 1;
}

.box-content .box-text h3,
.box-content .box-text p {
	font-size: 6em;
	text-transform: uppercase;
	text-align: center;
	line-height: 1em;
	display: table-cell;
	vertical-align: middle;
}

.box-content .box-text h3 {
	font-family: 'Homestead Display', serif;
	color: #01113F;
}

.box-content .box-text p {
	font-family: 'League Gothic', Arial, sans-serif;
	color: #fff;
	background: rgba(1, 22, 83, 0.6);
	-moz-transition: background 0.3s ease;
	-webkit-transition: background 0.3s ease;
	transition: background 0.3s ease;
	padding: 20px;
}
.box-content .box-text p span {
	color: #FFC50F;
}
.box-content .box-text p:hover {
	background: none;
}

ul.prices li {
	font-size: 1em;
	margin-bottom: 70px;
}
/* end SundayArvosPage */

/* ContactPage */
.ContactPage header.title h1 {
	float: left;
}
.ContactPage header.title p {
	font-family: 'League Gothic', Arial, sans-serif;
	font-size: 5em;
	text-transform: uppercase;
	color: #011347;
	margin: 30px 0 0;
	float: right;
}

.ContactPage table {
	width: 100%;
}
.ContactPage tr th,
.ContactPage tr td {
	width: 50%;
}

section#map {
	height: 0;
	padding: 0 0 30.625% 0;
	position: relative;
}
section#map div.map {
	position: absolute;
	width: 100%;
	height: 100%;
}

#Form_ContactForm div.field.text label,
#Form_ContactForm div.field.textarea label,
#Form_ContactForm div.field.checkbox label {
	color: #fff;
}

#Form_ContactForm input.text,
#Form_ContactForm textarea,
#Form_ContactForm .chosen-single,
#Form_ContactForm div.icheckbox,
#Form_ContactForm div.iradio {
	color: #fff;
	background: rgba(255, 255, 255, 0.25);
}

#Form_ContactForm input.text,
#Form_ContactForm textarea,
#Form_ContactForm .chosen-single {
	border-color: transparent;
}

#Form_ContactForm .chosen-single span:before {
	border-top-color: #fff;
}

#Form_ContactForm div.icheckbox,
#Form_ContactForm div.iradio {
	border-color: rgba(255, 255, 255, 0.25);
}

#Form_ContactForm .chosen-single span:after {
	border-top-color: #fff;
}

#Form_ContactForm .Actions {
	text-align: right
}
#Form_ContactForm input.action:hover {
	color: #fff;
}

#Form_ContactForm #Message {
	margin: 42px 0 38px;
}
/* end ContactPage */


/* FAQ Page */
.FAQAccordion {

    width: 100%;
}

.FAQAccordion .AccodTitle {
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    position: relative;
    padding-left: 46px;

}

.FAQAccordion .AccodTitle:before {
    content: "";
    background: url("../images/ExpanderArrow.png") no-repeat;
    background-size: cover;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 13px;
    left: -3px;
}
.FAQAccordion .AccodTitle-open:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;

}
.FAQAccordion .AccodTitle-closed:before {


    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.FAQAccordion .AccodTitle:hover {
    color: #ffc50f;
}
.FAQAccordion .AccodContent {
    overflow: hidden;
    width: 100%;
    padding-left: 46px;
    /*margin-bottom: 0;*/
    /*padding-bottom: 0;*/
}
.FAQAccordion .hide {
    /*display: none;*/
}
.FAQAccordion .show {
    /*display: inline-block;*/
}

/* end FAQ Page */

/* Media Page */

.Resources {
    border: 1px solid #cccccc;
    padding: 20px;
}
.Resources .form {
    text-align: left;
}
.Resources ul li {
    list-style: none;
    margin: 20px 0;
}
/* Login */
#MemberLoginForm_LoginForm {
	width: 50%;
}

#MemberLoginForm_LoginForm input.action {
	margin-bottom: 8px;
}
/* end Login */

/* Global Portal */
#container.GlobalPortal {
	padding-bottom: 0;
}

.GlobalPortal #nav-bar-2 {
	display: none;
}

.GlobalPortal #site-header {
	height:41px;
}

.GlobalPortal #home-top {
	padding-bottom: 6.125%;
}

.GlobalPortal header#main-header {
	padding-bottom: 0;
	background: none;
}

.GlobalPortal #hero .title {
	/*display: table;*/
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.GlobalPortal #hero .title span.middle {
	height: 0.8em;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
}

section.locations {
	padding-top: 0;
	position: relative;
}

section.locations h2 {
	width: 100%;
	position: absolute;
	top: 120px;
	left: 0;
}

ul.locations {
	margin: 0 auto;
}

ul.locations li {
	font-size: 1em;
	width: 32%;
	margin: 0 1%;
	float: left;
}
ul.locations li.australia,
ul.locations li.china,
ul.locations li.russia {
	padding-top: 405px;
	padding-bottom: 75px;
}
ul.locations li.australia,
ul.locations li.russia {
	background: url(../images/bungy-cords-1.png) no-repeat center top;
}
ul.locations li.china {
	background: url(../images/bungy-cords-2.png) no-repeat center top;
}
ul.locations li.col-1 {
	margin-left: 0;
}
ul.locations li.col-3 {
	margin-right: 0;
}

ul.locations li a {
	font-family: 'League Gothic', Arial, sans-serif;
	font-size: 6em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 66px;
	color: #01113F;
	display: block;
	height: 66px;
	margin-right: 40px;
	padding-left: 85px;
	position: relative;
	background: #FBC112;
}
ul.locations li a:before,
ul.locations li a:after {
	content: "";
	position: absolute;
	top: 0;
}
ul.locations li a:before {
	width: 85px;
	height: 100%;
	left: 0;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
}
ul.locations li a:after {
	right: -40px;
	border-top: 33px inset rgba(255, 255, 255, 0);
	border-left: 40px solid #FBC112;
	border-bottom: 33px inset rgba(255, 255, 255, 0);
}

ul.locations li.australia a:before {
	background-image: url(../images/flag-au.png);
}
ul.locations li.china a:before {
	background-image: url(../images/flag-cn.png);
}
ul.locations li.russia a:before {
	background-image: url(../images/flag-ru.png);
}
ul.locations li.france a:before {
	background-image: url(../images/flag-fr.png);
}
ul.locations li.germany a:before {
	background-image: url(../images/flag-de.png);
}
ul.locations li.singapore a:before {
	background-image: url(../images/flag-sg.png);
}
/* end Global Portal */

/* Review Page */

.ReviewHero {
    position: relative;
    text-align: center;
}
.ReviewHero.form {
    height: 692px;
}
.ReviewHero .cta {
    margin: 36px 0 48px 0;
}
.typography .ReviewHero h2 {
    font-size: 60px;
    line-height: 62px;
    font-family: "Hero Regular";
    text-transform: none;
    margin-top: 12px;
    margin-bottom: 12px;
}
.typography .ReviewHero h3 {
    font-size: 25px;
    line-height: 27px;
    font-family: "Hero Regular";
    text-transform: none;
    margin-top: 0;
    margin-bottom: 0;

}

.ReviewHero .lapTop {
    top: 216px;
    left: 50%;
    margin-left: -509px;
    position: absolute;
    width: 1018px;
    height: 613px;
    background: url("../images/Laptop_Review.png") no-repeat;
}
.ReviewContent {
    margin-top: 200px;
}
.ReviewContent form .chosen-container {
    text-align: left;
}
.ReviewContent form .fileattachment ul.file-attachment-field-previews.grid li {
    float: none;
    margin: 0 auto !important;
}
.typography .ReviewFormSuccess {
    margin-bottom: 56px;
    text-align: center;
}
.typography .ReviewForm .cta {
	text-align: center;
}
.typography .photoOffSet {
	margin-top: -40px;
}
.typography .ReviewFormSuccess p{
    /*margin: 0;*/
    /*font-size: 40px;*/
    /*line-height: 48px;*/
}
.focuspoint {
	position: relative; /*Any position but static should work*/
    height: 400px;

}
.focuspoint img {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	display: block;
	/* fill and maintain aspect ratio */
	width: auto; height: auto;
	min-width: 100%; min-height: 100%;
	max-height: none; max-width: none;
}

.form input.boxedSubmit {
	/*border: 1px solid #011347;*/
	/*color: #011347;*/
	/*padding: 3px 20px;*/
	/*-moz-transition: all 0.3s ease;*/
	/*-webkit-transition: all 0.3s ease;*/
	/*transition: all top ease;*/
	float: right;
}
.form input.boxedSubmit:hover {
	/*color: #FBC112;*/
	/*border-color: #FBC112;*/
}


article .reviews {
    width: 100%;
    padding: 0;
    margin: 0;
}
.reviews .review {
    cursor: pointer;
    position: relative;
    float: left;
    width: 33.333%;
    overflow: hidden;
    height: 400px;
    border-bottom: 2px solid rgb(1, 17, 63);
}
.review .photoContainer {
    /*position: relative;*/
    /*overflow: hidden;*/

}
.review .photoContainer img {
    /*width: 100%;*/
	/*height: 400px;*/
}
.review .photoContainer .noPhoto {
    width: 100%;
    height: 400px;
	background-color: #ffffff;
}
.review .photoContainer .noPhoto img {

}
.review .photoContainer .name {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40px;
    background-color: rgba(1, 17, 63,0.8);
    color: #FFFFFF;
    padding: 12px 0 0 24px;
}
.review .photoContainer .name h4 {
    text-transform: uppercase;
    font-family: "Hero Regular";
    font-size: 20px;
    line-height: 20px;
    margin: 0;
}
.review .slide  .readmore{
	font-size: 0.8em;
	text-decoration: underline;
	padding-left: 3px;
	color: #000000;
	font-weight: bold;
}
.review .photoContainer .share {
    position: absolute;
    /*display: block;*/
    /*width: 82px;*/
    /*height: 82px;*/
    z-index: 3;
    top: 0;
    right: 0;
    /*background-image: url("../images/shareIcon.gif");*/
    /*background-color: rgb(251, 193, 18);*/
    /*background-repeat: no-repeat;*/
    /*background-position: center 14px;*/
}
.review .photoContainer .share p{
    color: #000000;
    text-transform: uppercase;
    font-family: League Gothic;
    font-size: 25px;
    line-height: 25px;
    margin: 50px 0 0 0;
    text-align: center;
}
.review .slide {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 400px;
    height: 400px;
    background-color: rgba(251, 193, 18,0.8);
    color: #01113f;
    padding: 40px 50px 10px 50px;
    -moz-transition: top 0.3s ease;
    -webkit-transition: top 0.3s ease;
    transition: color top ease;
}
.review .slide h3 {
    text-transform: none;
    font-family: "Hero Regular";
    font-size: 39px;
    line-height: 34px;
    margin-top: 0;
    margin-bottom: 30px;
}
.review .slide p {
    margin: 0;
    font-size: 19px;
    line-height: 21px;
 }
.review .slide.slideup {
    top: 0;
}
.ReviewHero--single {

}
.ReviewHero--single .container {
	position: relative;
	margin: 20px auto 0 auto;
	max-width: 500px;
}
.ReviewHero--single .container img {
	width: 100%;
}
.ReviewHero--single .container .share {
	position: absolute;
	z-index: 3;
	top: 0;
	right: 0;
}
.ReviewContent--single {
	margin-top: 30px;
}

/* end Review Page */

/* JobsPage */

.JobsPage section.grey {
	padding-bottom: 42px;
}
.JobsPage section.grey p {
	margin: 0;
}

.JobsPage .combo-text .email {
	margin-top: 1em;
}

.application-form {
	width: 930px;
	max-width: 100%;
	margin: 0 auto;
}

.application-form .form-left,
.application-form .form-right {
	width: 50%;
}

.application-form .form-left {
	padding-right: 37px;
	float: left;
}
.application-form .form-right {
	padding-left: 37px;
	float: right;
}

.application-form .form-right textarea {
	height: 420px;
	min-height: 420px;
}

.application-form .Actions {
	text-align: right;
}

/* end JobsPage */

/* SectionedContentPage */

#sections-nav {
	padding: 0 50px;
	background: #ffc50f;
}
#sections-nav.is_stuck {
	z-index: 10;
}

#sections-nav ul li {
	font-size: 1em;
	margin-right: 20px;
}
#sections-nav ul li.last {
	margin-right: 0;
}

#sections-nav ul li a {
	color: #fff;
}
#sections-nav ul li a:hover,
#sections-nav ul li a.active {
	color: #011347;
}

/* end SectionedContentPage */

/* =# END CONTENT #= */

/* =# FOOTER #= */

#site-footer {
	padding: 32px 3.75% 0;
	background: url(../images/section-blue-bg.jpg) center;
	background-size: cover;
	/*border-top: 8px solid #FFC20E;*/
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
#site-footer footer {
	height: 80px;
	padding: 0 20px;
	border-top: 3px solid #fff;
}

nav.footer-nav {
	float: left;
}
nav.footer-nav ul li {
	margin: 0 20px;
	float: left;
}
nav.footer-nav ul li.first {
	margin-left: 0;
}
nav.footer-nav ul li.last {
	margin-right: 0;
}
nav.footer-nav ul li a {
	font-family: 'League Gothic', Arial, sans-serif;
	font-size: 3.8em;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 80px;
	color: #FFC20E;
}
.footer-nav ul li a:hover {
	color: #fff;
}

nav.footer-nav ul#partner-logos {
	margin-left: 38px;
}
nav.footer-nav ul#partner-logos li.first {
	margin-right: 4px;
}
nav.footer-nav ul#partner-logos li a, nav.footer-nav ul#partner-logos li span {
	line-height: 80px;
}
nav.footer-nav ul#partner-logos li img {
	height: 30px;
	width: auto;
}

#site-footer ul.social {
	float: right;
}
#site-footer ul.social li {
	font-family: 'League Gothic', Arial, sans-serif;
	font-size: 3em;
	text-transform: uppercase;
	line-height: 80px;
	color: #fff;
	margin: 0 8px;
	float: left;
}
#site-footer ul.social li.first {
	margin-left: 0;
}
#site-footer ul.social li.last {
	margin-right: 0;
}
#site-footer ul.social li a {
	font-size: 22px;
	text-decoration: none;
}
#site-footer ul.social li a:hover {
	color: #FFC20E;
}
#site-footer ul.social li a span {
	display: inline-block;
	text-indent: -9999px;
}

/* =# END FOOTER #= */



div.VariationQuantity div.fieldholder-small label.fieldholder-small-label {
	padding-left: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 86%;
	white-space: nowrap;
}
.VariationQuantity label.fieldholder-small-label:before {
	content: "x";
	text-transform: none !important;
}

#wechatCode {
	position:absolute;
	bottom:35px;
	right:0px;
	display:none;
	padding:10px;
	padding-top:0px;
	border:1px solid Black;
	border-radius:5px;
	background-color:white;
	color:black;
	font-size:0.6em;
}