/*
Theme Name: Yellowstone Guidelines
Theme URI: https://www.yellowstoneguidelines.com/
Author: Fish Market
Description: Classic theme for Yellowstone Guidelines private tours.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
License: Proprietary - all rights reserved
Text Domain: yellowstone-guidelines
*/

/*
  1. Base
  2. Desktop navigation
  3. Forms
  4. Page content
  5. Fonts
  6. Mobile menu
  7. Icons
  8. Testimonials
  9. Sliders
  10. Content grid
  11. Lightbox
  12. Layout and top bar
  13. Header banner
  14. Breadcrumbs
  15. Footer
  16. Animations
  17. Table layouts
  18. Responsive
  19. Helpers
  20. Image captions
  21. Press
  22. News grid
  23. Feature slider
  24. Trip listing
  25. Contact Form 7
  26. Widget areas
  27. Content spacing
*/

/* ==========================================================================
   1. Base
   ========================================================================== */

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
xpre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
menu,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: #fff0;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: #fff0;
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: 700;
}
del {
	text-decoration: line-through;
}
abbr[title],
dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
input,
select {
	vertical-align: middle;
}
body {
	font: 13px sans-serif;
	*font-size: small;
	*font: x-small;
	line-height: 1.22;
}
table {
	font-size: inherit;
	font: 100%;
}
xpre,
code,
kbd,
samp {
	font-family: monospace, sans-serif;
}
body,
select,
input,
textarea {
	color: #444;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
	text-rendering: optimizeLegibility;
}
html {
	-webkit-font-smoothing: antialiased;
}
a:hover,
a:active {
	outline: none;
}
a,
a:active,
a:visited {
	color: #607890;
}
a:hover {
	color: #036;
}
ul {
	margin-left: 30px;
}
ol {
	margin-left: 30px;
	list-style-type: decimal;
}
small {
	font-size: 85%;
}
strong,
th {
	font-weight: 700;
}
td,
td img {
	vertical-align: top;
}
sub {
	vertical-align: sub;
	font-size: smaller;
}
sup {
	vertical-align: super;
	font-size: smaller;
}
xpre {
	padding: 15px;
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	word-wrap: break-word;
}
input[type="radio"] {
	vertical-align: text-bottom;
}
input[type="checkbox"] {
	vertical-align: bottom;
	*vertical-align: baseline;
}
.ie6 input {
	vertical-align: text-bottom;
}
label,
input[type="button"],
input[type="submit"],
button {
	cursor: pointer;
}
::-moz-selection {
	background: #58719b;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #58719b;
	color: #fff;
	text-shadow: none;
}
a:link {
	-webkit-tap-highlight-color: #58719b;
}
html {
	overflow-y: scroll;
}
button {
	width: auto;
	overflow: visible;
}
.ie7 img {
	-ms-interpolation-mode: bicubic;
}
.ir {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
}
.hidden {
	display: none;
	visibility: hidden;
}
.visuallyhidden {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
}
.invisible {
	visibility: hidden;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
@media print {
	* {
		background: transparent !important;
		color: #444 !important;
		text-shadow: none;
	}
	a,
	a:visited {
		color: #444 !important;
		text-decoration: underline;
	}
	a:after {
		content: " (" attr(href) ")";
	}
	abbr:after {
		content: " (" attr(title) ")";
	}
	.ir a:after {
		content: "";
	}
	xpre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	img {
		page-break-inside: avoid;
	}
	@page {
		margin: 0.5cm;
	}
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	h2,
	h3 {
		page-break-after: avoid;
	}
}
@media screen and (max-device-width: 480px) {
	html {
		-webkit-text-size-adjust: none;
		-ms-text-size-adjust: none;
	}
}
:focus {
	outline: thick none #000;
}

/* ==========================================================================
   2. Desktop navigation
   ========================================================================== */

ul.mainNav {
	list-style: none;
	line-height: normal;
	margin: 0 auto;
	padding: 0;
	height: 55px;
	width: auto;
	position: relative;
	display: inline-block;
	transition: left 0.3s;
	white-space: nowrap;
}
ul.mainNav .sec_1 {
	display: none;
}
ul.mainNav > li {
	float: left;
	display: block;
	position: relative;
}
ul.mainNav > li.first {
	background: none;
}
ul.mainNav > li a {
	font:
		normal 17px/55px "Special Elite",
		Arial,
		Helvetica,
		sans-serif;
	text-transform: uppercase;
	display: block;
	color: #faac31;
	text-decoration: none;
	text-align: right;
	float: left;
	padding: 0 12px;
	box-sizing: border-box;
	letter-spacing: 0.05em;
}
ul.mainNav li.current > a,
ul.mainNav li.current > a:hover {
	color: #000;
	background-color: #faac31;
}
ul.mainNav li.sfHover > a,
ul.mainNav li.sfHover > a:hover,
ul.mainNav li a:hover {
	color: #000;
	background-color: #faac31;
	border-radius: 5px 5px 0 0;
}
ul.mainNav ul {
	display: none;
	list-style: none;
	position: absolute;
	top: 55px;
	margin: 0;
	width: auto;
	background-color: #faac31;
	padding: 10px 0 10px;
	-moz-box-shadow: 0 0 5px rgb(0 0 0 / 0.9);
	-webkit-box-shadow: 0 0 5px rgb(0 0 0 / 0.9);
	box-shadow: 0 0 5px rgb(0 0 0 / 0.9);
	clip: rect(0, 1000px, 1000px, -5px);
	border-radius: 0 0 5px 5px;
}
ul.mainNav ul li,
ul.mainNav ul li.current {
	border: 0;
	float: none;
	margin: 0 0;
	padding: 0;
	background: none;
}
ul.mainNav ul li.first {
	background-repeat: no-repeat;
	background-position: center top;
	border-style: none;
}
ul.mainNav ul li.first a {
	border-style: none;
}
ul.mainNav ul li a,
ul.mainNav li.sfHover ul li a,
ul.mainNav ul li.current a {
	display: block;
	text-decoration: none !important;
	color: #000;
	margin: 0;
	background: none;
	text-transform: none;
	padding: 0 15px;
	border-radius: 0;
	font:
		normal 13px/24px "Roboto Slab",
		arial,
		serif;
	height: auto;
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	text-align: left;
	white-space: nowrap;
}
ul.mainNav ul li a:hover,
ul.mainNav li.sfHover ul li a:hover {
	text-decoration: none;
	color: #faac31;
	margin: 0;
	padding: 0 15px;
	height: auto;
	background: rgb(60 60 60);
}
ul.mainNav ul ul {
	top: 0;
	margin-top: 0;
	margin-left: 180px;
	display: none !important;
}
ul.mainNav li ul li ul li {
	display: none !important;
}
ul.mainNav a:hover {
	color: #000;
}
ul.mainNav li.current ul li.current a {
	color: #000;
}
ul.mainNav li.current ul li.current {
	color: #000;
}
ul.mainNav li.current ul li a {
	color: #000;
}
ul.mainNav a.highlighted {
	color: #000;
}
ul.mainNav a .subind {
	display: none;
}
ul.mainNav ul a .subind {
	display: block;
	float: right;
}
ul.mainNav a {
	float: left;
}
ul.mainNav ul a {
	float: none;
}
ul.mainNav a {
	float: none;
}
*:first-child + html ul.mainNav ul li {
	float: left;
	width: 100%;
}
* html ul.mainNav ul li {
	float: left;
	height: 1%;
}
* html ul.mainNav ul a {
	height: 1%;
}

/* ==========================================================================
   3. Forms
   ========================================================================== */

form.simple div.thefield {
	position: relative;
	box-sizing: border-box;
}
form.simple div.thefield:not(.two):not(.three):not(.four):has(.wpcf7-not-valid) {
	border: 0 solid #640000;
}
form.simple div.thefield:not(.two):not(.three):not(.four):has(.wpcf7-validates-as-required:not(:placeholder-shown):not(.wpcf7-not-valid))::after {
	content: "";
	position: absolute;
	right: 11px;
	top: 9px;
	width: 18px;
	height: 18px;
	background-color: rgb(50 105 19 / 0.5);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E") center / contain no-repeat;
}
form.simple div.thefield:not(.two):not(.three):not(.four):has(.wpcf7-not-valid)::after {
	content: "";
	position: absolute;
	right: 11px;
	top: 10px;
	width: 18px;
	height: 18px;
	background-color: rgb(255 0 0 / 0.5);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E") center / contain no-repeat;
}
form.simple input.text.wpcf7-not-valid {
	border: 1px solid #903 !important;
	background-color: rgb(255 0 0 / 0.05) !important;
}
form.simple {
	padding: 0;
	margin: 0;
	font-size: 16px;
	line-height: 24px;
	max-width: 870px;
	margin: 0 auto;
}
form.simple fieldset {
	margin: 20px 0;
	border: 0;
	padding: 5px 0;
}
form.simple legend {
	font-size: 18px;
	line-height: 24px;
	border-bottom: 1px solid #666;
}
form.simple input {
	padding: 12px 10px;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: #333;
	transition: ease-in-out all 0.5s;
	background-color: #fff0;
}
form.simple .thefield:not(.two):not(.three):not(.four):has(.wpcf7-validates-as-required:not(:placeholder-shown):not(.wpcf7-not-valid)) input,
form.simple .thefield:not(.two):not(.three):not(.four):has(.wpcf7-not-valid) input {
	padding: 16px 10px 8px;
	line-height: 20px;
}
form.simple .thefield:not(.two):not(.three):not(.four):has(.wpcf7-validates-as-required:not(:placeholder-shown):not(.wpcf7-not-valid)) input {
	border-color: #31aae2 !important;
	background-color: rgb(255 255 255 / 0.5) !important;
	color: #31aae2;
}
form.simple input::placeholder {
	color: #3f3f3f;
}
form.simple input:focus::placeholder {
	color: #fff0;
	font-weight: 400;
	display: none !important;
}
form.simple .thefield::before {
	position: absolute;
	color: #414141;
	width: auto;
	height: 1px;
	top: 4px;
	left: 10px;
	content: attr(data-placeholder);
	font-size: 11px;
	line-height: 14px;
	opacity: 0;
	transition: ease-in-out all 0.5s;
}
form.simple .thefield:not(.two):not(.three):not(.four):has(.wpcf7-validates-as-required:not(:placeholder-shown):not(.wpcf7-not-valid))::before {
	opacity: 1;
	top: 4px;
	height: auto;
}
form.simple div.description {
	padding-bottom: 10px;
	font-style: normal;
}
form.simple div.fieldwrapper {
	padding: 2px;
	position: relative;
	margin-top: 2px;
}
form.simple div.fieldwrapper:focus {
	background-color: #eafaec;
}
form.simple div.fieldwrapper label.styled {
	float: left;
	width: 165px;
	text-transform: capitalize;
	border-bottom: 0 solid #666;
	margin: 5px 5px auto 0;
	text-align: right;
	position: absolute;
	left: 0;
	top: 3px;
	white-space: nowrap;
	overflow: hidden;
	font-size: 15px;
}
form.simple div.fieldwrapper div.thefield {
	margin-left: 170px;
}
form.simple div.fieldwrapper.noLabel label.styled,
form.simple fieldset.noLabel div.fieldwrapper label.styled,
form.simple.noLabel fieldset div.fieldwrapper label.styled {
	width: 0;
	display: none;
}
form.simple div.fieldwrapper.noLabel label.styled.visible,
form.simple fieldset.noLabel div.fieldwrapper label.styled.visible,
form.simple.noLabel fieldset div.fieldwrapper label.styled.visible {
	width: auto;
	display: block;
	position: relative;
}
form.simple div.fieldwrapper.noLabel div.thefield,
form.simple fieldset.noLabel div.fieldwrapper div.thefield,
form.simple.noLabel fieldset div.fieldwrapper div.thefield {
	margin-left: 0;
}
form.simple div.fieldwrapper.label75 label.styled,
form.simple fieldset.label75 div.fieldwrapper label.styled,
form.simple.label75 fieldset div.fieldwrapper label.styled {
	width: 75px;
}
form.simple div.fieldwrapper.label75 div.thefield,
form.simple fieldset.label75 div.fieldwrapper div.thefield,
form.simple.label75 fieldset div.fieldwrapper div.thefield {
	margin-left: 80px;
}
form.simple div.fieldwrapper.label100 label.styled,
form.simple fieldset.label100 div.fieldwrapper label.styled,
form.simple.label100 fieldset div.fieldwrapper label.styled {
	width: 100px;
}
form.simple div.fieldwrapper.label100 div.thefield,
form.simple fieldset.label100 div.fieldwrapper div.thefield,
form.simple.label100 fieldset div.fieldwrapper div.thefield {
	margin-left: 105px;
}
form.simple div.fieldwrapper.label125 label.styled,
form.simple fieldset.label125 div.fieldwrapper label.styled,
form.simple.label125 fieldset div.fieldwrapper label.styled {
	width: 125px;
}
form.simple div.fieldwrapper.label125 div.thefield,
form.simple fieldset.label125 div.fieldwrapper div.thefield,
form.simple.label125 fieldset div.fieldwrapper div.thefield {
	margin-left: 130px;
}
form.simple div.fieldwrapper.label150 label.styled,
form.simple fieldset.label150 div.fieldwrapper label.styled,
form.simple.label150 fieldset div.fieldwrapper label.styled {
	width: 150px;
}
form.simple div.fieldwrapper.label150 div.thefield,
form.simple fieldset.label150 div.fieldwrapper div.thefield,
form.simple.label150 fieldset div.fieldwrapper div.thefield {
	margin-left: 155px;
}
form.simple div.fieldwrapper.fulllabel label.styled,
form.simple div.fieldwrapper.labelfull label.styled {
	width: 100%;
	clear: both;
	position: relative;
	text-align: left;
	float: none;
	padding-bottom: 5px;
	display: block;
	text-transform: none;
}
form.simple div.fieldwrapper.required label.styled {
	font-weight: 700;
}
form.simple div.fieldwrapper.required label.styled:after {
	content: " *";
	color: #900;
}
form.simple div.fieldwrapper .thefield ul {
	width: 100% !important;
	margin: 0px !important;
	padding: 0px !important;
}
form.simple div.fieldwrapper .thefield ul li {
	margin: 0px !important;
	display: block !important;
	padding: 0 0 5px !important;
	list-style-type: none !important;
	clear: both !important;
	background-image: none !important;
	width: 100% !important;
	position: relative;
	height: 20px;
}
form.simple div.fieldwrapper .thefield ul li label {
	margin: 0 0 0 20px;
	display: block;
	padding-top: 6px;
	clear: right;
	width: auto;
	color: #333;
}
form.simple div.fieldwrapper .thefield span.instruction {
	font-size: 80%;
	color: #666;
	display: block;
	clear: both;
}
form.simple div.fieldwrapper div.thefield input {
	margin: 3px 0;
}
form.simple div.fieldwrapper div.thefield input.text {
	margin: 3px 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 100%;
	border: 1px solid #999;
}
/* Multi-column rows contain only floats, so keep them above the next field. */
form.simple div.fieldwrapper div.thefield.two,
form.simple div.fieldwrapper div.thefield.three,
form.simple div.fieldwrapper div.thefield.four {
	position: relative;
	z-index: 1;
}
form.simple div.fieldwrapper div.thefield.two div {
	float: left;
	width: 48%;
	margin-right: 2% !important;
}
form.simple div.fieldwrapper div.thefield.two div:last-child {
	width: 50%;
	margin-right: 0 !important;
}
form.simple div.fieldwrapper div.thefield.two ul li {
	box-sizing: border-box;
	clear: none !important;
	display: block;
	float: left !important;
	width: 48% !important;
	margin-right: 2% !important;
}
form.simple div.fieldwrapper div.fieldset.two div {
	float: left;
	width: 48%;
	margin-right: 2% !important;
}
form.simple div.fieldwrapper div.fieldset.two div:last-child {
	width: 50%;
	margin-right: 0 !important;
}
form.simple div.fieldwrapper div.fieldset.two ul li {
	box-sizing: border-box;
	clear: none !important;
	display: block;
	float: left !important;
	width: 48% !important;
	margin-right: 2% !important;
}
form.simple div.fieldwrapper div.thefield.three div {
	float: left;
	width: 31.33%;
	margin-right: 2% !important;
}
form.simple div.fieldwrapper div.thefield.three div:last-child {
	width: 33.33%;
	margin-right: 0 !important;
}
form.simple div.fieldwrapper div.thefield.three ul li {
	box-sizing: border-box;
	clear: none !important;
	display: block;
	float: left !important;
	width: 31.33% !important;
	margin-right: 2% !important;
}
form.simple div.fieldwrapper div.fieldset.three div {
	float: left;
	width: 31.33%;
	margin-right: 2% !important;
}
form.simple div.fieldwrapper div.fieldset.three div:last-child {
	width: 33.33%;
	margin-right: 0 !important;
}
form.simple div.fieldwrapper div.fieldset.three ul li {
	box-sizing: border-box;
	clear: none !important;
	display: block;
	float: left !important;
	width: 31.11% !important;
	margin-right: 2% !important;
}
form.simple div.fieldwrapper div.thefield.four div {
	float: left;
	width: 23%;
	margin-right: 2% !important;
}
form.simple div.fieldwrapper div.thefield.four div:last-child {
	width: 25%;
	margin-right: 0 !important;
}
form.simple div.fieldwrapper div.thefield.four ul li {
	box-sizing: border-box;
	clear: none !important;
	display: block;
	float: left !important;
	width: 23% !important;
	margin-right: 2% !important;
}
form.simple div.fieldwrapper div.fieldset.four div {
	float: left;
	width: 23%;
	margin-right: 2% !important;
}
form.simple div.fieldwrapper div.fieldset.four div:last-child {
	width: 25%;
	margin-right: 0 !important;
}
form.simple div.fieldwrapper div.fieldset.four ul li {
	box-sizing: border-box;
	clear: none !important;
	display: block;
	float: left !important;
	width: 23% !important;
	margin-right: 2% !important;
}
form.simple div.fieldwrapper div.thefield input.text.required {
	background-color: #fff0;
}
form.simple div.fieldwrapper div.thefield input.text:focus {
	border: 1px solid #31aae2;
	background-color: rgb(255 255 255 / 0.5);
	color: #000;
}
form.simple div.fieldwrapper div.thefield input.radio,
form.simple div.fieldwrapper div.thefield input.checkbox {
	float: left;
	cursor: pointer;
	padding-top: 0;
	padding-bottom: 0;
}
form.simple div.fieldwrapper div.thefield textarea {
	width: 100%;
	height: 150px;
	border: 1px solid #999;
}
form.simple div.fieldwrapper div.thefield select {
	width: 100%;
	margin: 4px 0;
	line-height: normal;
	height: 54px;
	border: 1px solid #999;
	border-radius: 3px;
}
form.simple div.buttonsdiv {
	margin: 15px 30px 15px 180px;
	text-align: right;
}
form.simple.noLabel div.buttonsdiv {
	margin: 15px 0 15px 0;
	text-align: right;
}
form.simple .g-recaptcha {
	margin: 20px auto 0;
	width: 304px;
}
@media only screen and (max-width: 600px) {
	form.simple div.fieldwrapper div.thefield,
	form.simple div.fieldwrapper.label75 div.thefield,
	form.simple fieldset.label75 div.fieldwrapper div.thefield,
	form.simple.label75 fieldset div.fieldwrapper div.thefield,
	form.simple div.fieldwrapper.label100 div.thefield,
	form.simple fieldset.label100 div.fieldwrapper div.thefield,
	form.simple.label100 fieldset div.fieldwrapper div.thefield,
	form.simple div.fieldwrapper.label125 div.thefield,
	form.simple fieldset.label125 div.fieldwrapper div.thefield,
	form.simple.label125 fieldset div.fieldwrapper div.thefield,
	form.simple div.fieldwrapper.label150 div.thefield,
	form.simple fieldset.label150 div.fieldwrapper div.thefield,
	form.simple.label150 fieldset div.fieldwrapper div.thefield {
		margin-left: 0;
	}
	form.simple div.fieldwrapper label.styled,
	form.simple div.fieldwrapper.label75 label.styled,
	form.simple fieldset.label75 div.fieldwrapper label.styled,
	form.simple.label75 fieldset div.fieldwrapper label.styled,
	form.simple div.fieldwrapper.label100 label.styled,
	form.simple fieldset.label100 div.fieldwrapper label.styled,
	form.simple.label100 fieldset div.fieldwrapper label.styled,
	form.simple div.fieldwrapper.label125 label.styled,
	form.simple fieldset.label125 div.fieldwrapper label.styled,
	form.simple.label125 fieldset div.fieldwrapper label.styled,
	form.simple div.fieldwrapper.label150 label.styled,
	form.simple fieldset.label150 div.fieldwrapper label.styled,
	form.simple.label150 fieldset div.fieldwrapper label.styled,
	form.simple div.fieldwrapper.fulllabel label.styled,
	form.simple div.fieldwrapper.labelfull label.styled {
		width: 100%;
		clear: both;
		position: relative;
		text-align: left;
		float: none;
		padding-bottom: 0;
		margin: 0;
		display: block;
		text-transform: none;
	}
	form.simple div.buttonsdiv {
		margin: 15px 0;
	}
	form.simple div.fieldwrapper {
		padding: 0;
		margin-top: 0;
	}
	form.simple div.fieldwrapper div.fieldset.two div {
		float: none;
		width: 100%;
		margin-right: 0% !important;
	}
	form.simple div.fieldwrapper div.fieldset.two div:last-child {
		width: 100%;
		margin-right: 0 !important;
	}
	form.simple div.fieldwrapper div.fieldset.two ul li {
		box-sizing: border-box;
		clear: both !important;
		display: block;
		float: left !important;
		width: 100% !important;
		margin-right: 0% !important;
	}
	form.simple div.fieldwrapper div.fieldset.three div {
		float: none;
		width: 100%;
		margin-right: 0% !important;
	}
	form.simple div.fieldwrapper div.fieldset.three div:last-child {
		width: 100%;
		margin-right: 0 !important;
	}
	form.simple div.fieldwrapper div.fieldset.three ul li {
		box-sizing: border-box;
		clear: both !important;
		display: block;
		float: left !important;
		width: 100% !important;
		margin-right: 0% !important;
	}
}
.caleran-calendars {
	line-height: 1em;
}

/* ==========================================================================
   4. Page content
   ========================================================================== */

.FCKcontent :focus {
	border: 1px solid red !important;
}
[contenteditable] img:focus {
	outline: 2px solid blue;
}
body,
p {
	margin: 0;
	padding: 0;
	color: #000;
	font:
		300 16px/30px "Roboto Slab",
		Helvetica,
		Arial,
		sans-serif;
}
.FCKcontent table tr td,
.FCKcontent div {
	border: 1px dotted rgb(133 0 0 / 0.35);
}
.FCKcontent img {
	max-width: 100%;
	height: auto;
}
.designnotes {
	font-weight: 400;
	background-color: #ffc;
	display: block;
	border: 1px solid #fc3;
	background: #ffc url(assets/images/legacy/DevComment.gif) no-repeat left top;
	padding: 30px 10px 10px 75px;
	min-height: 55px;
}
.SC_panel {
	width: 250px !important;
	font-size: 10px;
}
.SC_panel span.designnotes {
	background-image: none;
	padding: 3px;
	min-height: 12px;
}
img.template {
	display: block;
	clear: both;
}

#content div.mapwrap,
#content div.mapwrap > div:first-of-type {
	width: 100% !important;
}
.MarkerTitle > div {
	white-space: pre;
	color: #fff;
	text-align: left;
	font:
		bold 10px/10px "Roboto Slab",
		Helvetica,
		Arial,
		sans-serif;
	padding: 3px 5px;
	margin: 0 3px;
	text-shadow: #000 0 0 2px;
	background-color: rgb(0 0 0 / 0.8);
	border: solid 1px #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
}
.InfoContent {
	font:
		12px/normal "Roboto Slab",
		Helvetica,
		Arial,
		sans-serif;
	color: #333;
}
#content,
#content table tr td {
	color: #000;
	font:
		300 16px/30px "Roboto Slab",
		Helvetica,
		Arial,
		sans-serif;
}
#content .dark {
	color: #fff;
}
#content .dark table tr td {
	color: #fff;
}
#content tr td.indented {
	padding-left: 70px;
	padding-left: 5.9829%;
}
#content tr,
#content tr td {
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#content h1 {
	color: #313131;
	display: block;
	padding: 0;
	font:
		400 32px/40px "Special Elite",
		Helvetica,
		Arial,
		sans-serif;
	margin: 0 0 18px;
	letter-spacing: 0.05em;
}
#content h1 .highlight1 {
	color: #719567;
	font:
		400 32px/40px "Special Elite",
		Helvetica,
		Arial,
		sans-serif;
	text-transform: none;
}
#content .dark h1 {
	color: #fff;
}
#content h2 {
	color: #386274;
	display: block;
	font:
		400 24px/30px "Special Elite",
		Helvetica,
		Arial,
		sans-serif;
	padding: 0;
	margin: 6px 0 12px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
#content .dark h2 {
	color: #fff;
}
#content .offwhite h2 {
	color: #323232;
}
#content h2 span {
	display: block;
}
#content h3 {
	color: #747474;
	display: block;
	clear: none;
	font:
		400 18px/24px "Roboto Slab",
		Helvetica,
		Arial,
		sans-serif;
	margin: 6px 0 12px;
	letter-spacing: 0.1em;
}
#content .dark h3 {
	color: #fff;
}
#content h4 {
	font:
		400 16px/30px "Roboto Slab",
		Helvetica,
		Arial,
		sans-serif;
	display: block;
	clear: none;
	color: #4b5461;
	padding: 0;
	margin: 6px 0 10px;
	letter-spacing: 0.1em;
}
#content .dark h4 {
	color: #fff;
}
#content .highlight1 {
	color: #181818;
	font:
		400 20px/24px "Roboto Slab",
		Helvetica,
		Arial,
		sans-serif;
}
#content .dark .highlight1 {
	color: #fff;
}
#content .highlight2 {
	font-size: 20px;
}
#content .highlight3 {
	color: #eca32e;
	font-size: 20px;
}
#content .highlight4 {
	color: #989898;
}
#content .fineprint {
	display: block;
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
}
#content .black {
	color: #000;
}
#content .upper {
	text-transform: uppercase;
}
#content .underlined {
	border-bottom: 1px solid #000;
}
#content .tighter {
	line-height: 24px !important;
	display: block;
}
#content hr,
#content .hr {
	background-image: url(assets/images/legacy/hr.png);
	background-position: center center;
	border-style: none;
	clear: both;
	display: block;
	height: 58px;
	margin: 10px;
	padding: 0;
	width: auto;
	position: relative;
}
#content hr:before,
#content .hr:before {
	font-family: FontAwesome;
	content: "\f0c8";
	position: absolute;
	left: 0;
	top: 17px;
	font-size: 10px;
	color: #f9ac31;
}
#content hr:after,
#content .hr:after {
	font-family: FontAwesome;
	content: "\f0c8";
	position: absolute;
	right: 0;
	top: 17px;
	font-size: 10px;
	color: #f9ac31;
}
#content ul {
	display: block;
	padding-left: 30px;
	margin-bottom: 30px;
	margin-left: 0;
	margin-top: 15px;
}
#content ul li {
	display: block;
	list-style-type: none;
	list-style-position: outside;
	padding: 0 0 15px 0;
	line-height: 24px;
}
#content ul li::before {
	content: url(data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzg0IDUxMiI+CiAgICA8cGF0aCBkPSJNMTcyLjI2OCA1MDEuNjdDMjYuOTcgMjkxLjAzMSAwIDI2OS40MTMgMCAxOTIgMCA4NS45NjEgODUuOTYxIDAgMTkyIDBzMTkyIDg1Ljk2MSAxOTIgMTkyYzAgNzcuNDEzLTI2Ljk3IDk5LjAzMS0xNzIuMjY4IDMwOS42Ny05LjUzNSAxMy43NzQtMjkuOTMgMTMuNzczLTM5LjQ2NCAwek0xOTIgMjcyYzQ0LjE4MyAwIDgwLTM1LjgxNyA4MC04MHMtMzUuODE3LTgwLTgwLTgwLTgwIDM1LjgxNy04MCA4MCAzNS44MTcgODAgODAgODB6Ii8+Cjwvc3ZnPgo=);
	margin: 0 10px 0 -22px;
	color: #9fb6c2;
	padding-right: 5px;
	width: 11px;
	height: auto;
	position: relative;
	display: inline-block;
}
#content ol {
	display: block;
	padding-left: 20px;
	margin-bottom: 10px;
	margin-left: 0;
	margin-top: 10px;
}
#content ol li {
	margin-left: 10px;
	padding-left: 10px;
}
#content a,
#content a:visited {
	color: #002f3f;
	cursor: hand;
}
#content a:hover,
#content a:active {
	color: #066281;
}
#content a[href$=".pdf"]:before {
	font-family: FontAwesome;
	font-size: 0.8em;
	content: "\f1c1";
	padding-right: 5px;
}
#content a.lrgButton,
#content a:visited.lrgbutton {
	margin: 0;
	color: #fff !important;
	font:
		700 22px/26px "Roboto Slab",
		Helvetica,
		Arial,
		sans-serif;
	text-align: center;
	text-transform: uppercase;
	display: block;
	padding: 10px 0;
	text-decoration: none !important;
	background: #5f93f8;
	overflow: hidden;
	border-style: none !important;
}
#content a:hover.lrgButton {
	color: #2286b3 !important;
	-moz-transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
}
#content .button,
#content .button:visited {
	display: inline-block;
	font:
		300 16px/20px "Roboto Slab",
		Helvetica,
		Arial,
		sans-serif;
	text-align: center;
	color: #fff !important;
	background-color: #faac31;
	padding: 20px 40px;
	margin: 0 auto;
	min-width: 24px;
	letter-spacing: 0.1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#content .button100,
#content .button100:visited {
	display: block;
	font:
		500 16px/20px "Roboto Slab",
		Helvetica,
		Arial,
		sans-serif;
	text-align: center;
	color: #000 !important;
	background-color: #faac31;
	padding: 20px 20px;
	margin: 0 auto;
	min-width: 24px;
	letter-spacing: 0.1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: background-color 0.2s linear;
}
#content .button:hover,
#content .button100:hover {
	color: #fff;
	background-color: #d28000;
	-webkit-transition: background-color 0.2s linear;
}
#content .buttonDK,
#content .buttonDK:visited {
	display: inline-block;
	font:
		300 16px/20px "Roboto Slab",
		Helvetica,
		Arial,
		sans-serif;
	text-align: center;
	color: #fff;
	padding: 20px 40px;
	margin: 0 auto;
	min-width: 24px;
	letter-spacing: 0.1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #6a6a6a;
	-webkit-transition: background-color 0.2s linear;
}
#content .button100DK,
#content .button100DK:visited {
	display: block;
	font:
		300 16px/20px "Roboto Slab",
		Helvetica,
		Arial,
		sans-serif;
	text-align: center;
	color: #fff;
	padding: 20px 40px;
	margin: 0 auto;
	min-width: 24px;
	letter-spacing: 0.1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #6a6a6a;
	-webkit-transition: background-color 0.2s linear;
}
#content .buttonDK:hover,
#content .button100DK:hover {
	color: #fff;
	background-color: #000;
	-webkit-transition: background-color 0.2s linear;
}
#content a.smallButton,
#content a:visited.smallButton {
	font:
		700 18px/24px "Roboto Slab",
		Helvetica,
		Arial,
		sans-serif;
	color: #fff;
	border-radius: 50%;
	background-color: #005699;
	text-align: center;
	display: inline-block;
	min-width: 24px;
}
#content a:hover.smallButton {
	color: #fff;
	background: #000;
}
#content table.table_basic {
	width: 100% !important;
	border: 1px solid #ccc;
	background: #fdfdfd;
}
#content table.table_basic thead {
	background-color: rgb(134 142 153 / 0.1);
}
#content table.table_basic thead tr td {
	color: #000;
	border-bottom: none;
	padding: 10px;
	font:
		300 18px/20px "Roboto Slab",
		Helvetica,
		Arial,
		sans-serif;
	border-top-style: none;
}
#content table.table_basic tr td {
	vertical-align: top;
	border-top: 1px solid #ccc;
	padding: 10px;
}
#content table.table_basic ul {
	display: block;
	padding-left: 10px;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#content table.table_basic ul li {
	display: block;
	list-style-type: none;
	list-style-position: outside;
	padding: 0 0 14px 20px;
}
#content table.callout {
	background-color: #8e9aa0;
	width: 100% !important;
	height: auto !important;
	margin: 0;
	padding: 0;
	z-index: 500;
}
#content table.callout td {
	padding: 10px;
	color: #fff;
	font:
		400 24px/32px "Roboto Slab",
		Helvetica,
		Arial,
		sans-serif;
	text-align: center;
	text-transform: uppercase;
}
#content table.calloutDark {
	background-color: rgb(0 78 111 / 0.75);
	mix-blend-mode: multiply;
	width: 100% !important;
	height: auto !important;
	margin: 0;
	padding: 0;
	border: 1px solid rgb(0 0 0 / 0.5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#content table.calloutDark td {
	padding: 20px;
	color: #fff;
	font:
		400 24px/32px "Roboto Slab",
		Helvetica,
		Arial,
		sans-serif;
	text-align: center;
	text-transform: uppercase;
}
#content table.calloutLight {
	background-color: rgb(254 254 254 / 0.5);
	width: 100% !important;
	height: auto !important;
	margin: 0;
	padding: 0;
	border: 1px solid rgb(255 255 255 / 0.5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#content table.calloutLight td {
	padding: 20px;
	color: rgb(0 0 0);
	font:
		400 24px/32px "Roboto Slab",
		Helvetica,
		Arial,
		sans-serif;
	text-align: center;
	text-transform: uppercase;
}
#content table.table_utility,
#content table.table_utility_left,
#content table.table_utility_right {
	background-color: #fef3e1 !important;
	border-style: none;
	margin: 4px 0;
}
#content table.table_utility_left {
	margin: 5px 20px 5px 0px !important;
}
#content table.table_utility_right {
	margin: 5px 0 5px 20px !important;
}
#content table.table_utility tr td,
#content table.table_utility_left tr td,
#content table.table_utility_right tr td {
	padding: 10px 30px 20px !important;
	color: #000 !important;
}
#content table.table_utility hr,
#content table.table_utility_left hr,
#content table.table_utility_right hr,
#content table.table_utility .hr,
#content table.table_utility_left .hr,
#content table.table_utility_right .hr {
	width: 100%;
	padding: 0;
	display: block;
	margin-top: 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #757150;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-image: none;
	height: 2px;
	clear: both;
}
#content .table_utility h2,
#content .table_utility_left h2,
#content .table_utility_right h2 {
	color: #faac31;
	font-size: 20px;
}
#content img.left,
#content img.right,
#content img.centered,
#content img.vidLeft,
#content div.vidLeft,
#content img.vidRight,
#content div.vidRight,
#content img.vidFull,
#content div.vidFull,
#content div.mapwrap,
#content div.flashwrap {
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#content img.left,
#content div.vidLeft,
#content img.vidLeft {
	margin: 0 20px 0 0;
	float: left;
}
#content img.right,
#content div.vidRight,
#content img.vidRight {
	float: right;
	margin: 0 0 0 20px;
}
#content img.centered,
#content div.mapwrap,
#content div.flashwrap,
#content div.vidFull,
#content img.vidFull {
	float: none;
	margin: 0;
	clear: both;
	display: block;
}
#content img.round {
	float: none;
	margin: 0 auto;
	clear: both;
	display: block;
	border-radius: 50%;
	border: 5px solid rgb(255 255 255);
	box-shadow: 0 0 2px #000;
	box-sizing: border-box;
	transition: all 0.5s ease;
	width: 100% !important;
}
#content img.round.lifted {
	margin-top: -58px;
}
#content div.mapwrap {
	overflow: hidden;
}
#content div.mapwrap > div {
	width: 100%;
}
#content table.quotespecial {
	margin: 0;
	background: #cb2217;
}
#content table.quotespecial.fill {
	width: 100%;
	position: absolute;
	left: 0;
	top: -50px;
	right: 0;
	bottom: 0;
	display: block;
}
#content table.quotespecial.fill tbody,
#content table.quotespecial.fill td,
#content table.quotespecial.fill tr {
	height: 100%;
	display: block;
	position: relative;
}
#content table.quotespecial td.main {
	font:
		400 16px/26px "Roboto Slab",
		Helvetica,
		Arial,
		sans-serif;
	color: #fff;
	font-style: italic;
	text-align: center;
	padding: 20px;
	background: url(assets/images/legacy/QuoteBG.png) center center no-repeat;
	vertical-align: middle;
}
#content table.quotespecial td.caption {
	font:
		400 normal 15px/normal "Roboto Slab",
		Helvetica,
		Arial,
		sans-serif;
	color: #000;
	text-align: right;
	padding-right: 20px;
}
#content table.quote_full {
	margin: 0;
}
#content table.quote_left {
	margin: 0 20px 0 0;
}
#content table.quote_right {
	margin: 0 0 0 20px;
}
#content table.quote_full td.main,
#content table.quote_left td.main,
#content table.quote_right td.main {
	font:
		300 18px/24px "Roboto Slab",
		Helvetica,
		Arial,
		sans-serif;
	color: #000;
	text-align: left;
	padding: 20px;
	background-color: rgb(238 238 238 / 1);
	vertical-align: middle;
	border-radius: 0;
}
#content table.quote_full td.caption,
#content table.quote_left td.caption,
#content table.quote_right td.caption {
	font:
		700 normal 14px/18px "Roboto Slab",
		Helvetica,
		Arial,
		sans-serif;
	color: #616060;
	text-align: left;
	padding-left: 80px;
	padding-top: 6px;
	text-transform: uppercase;
	background-image: url(assets/images/legacy/quotetail.png);
	background-repeat: no-repeat;
	background-position: 40px 0;
	padding-bottom: 12px;
}
@media only screen and (max-width: 600px) {
	table.grid.stack > tbody > tr > td {
		display: block;
		width: 100% !important;
		margin-bottom: 24px;
	}
	table.grid.stack > tbody > tr > td:last-child {
		margin-bottom: 0;
	}
	table.grid.stack > tbody > tr > td.gutter,
	table.grid16.stack > tbody > tr > td.gutter1-16,
	table.grid16.stack > tbody > tr > td.noMobile {
		display: none;
	}
}

/* ==========================================================================
   5. Fonts
   ========================================================================== */

@font-face {
	font-family: "Lato";
	font-style: normal;
	font-weight: 300;
	src:
		local("Lato Light"),
		local("Lato-Light"),
		url(assets/fonts/S6u9w4BMUTPHh7USSwaPGQ3q5d0N7w.woff2) format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
	font-display: swap;
}
@font-face {
	font-family: "Lato";
	font-style: normal;
	font-weight: 300;
	src:
		local("Lato Light"),
		local("Lato-Light"),
		url(assets/fonts/S6u9w4BMUTPHh7USSwiPGQ3q5d0.woff2) format("woff2");
	unicode-range:
		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
		U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}
@font-face {
	font-family: "Lato";
	font-style: normal;
	font-weight: 400;
	src:
		local("Lato Regular"),
		local("Lato-Regular"),
		url(assets/fonts/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
	font-display: swap;
}
@font-face {
	font-family: "Lato";
	font-style: normal;
	font-weight: 400;
	src:
		local("Lato Regular"),
		local("Lato-Regular"),
		url(assets/fonts/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format("woff2");
	unicode-range:
		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
		U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}
@font-face {
	font-family: "Lato";
	font-style: normal;
	font-weight: 700;
	src:
		local("Lato Bold"),
		local("Lato-Bold"),
		url(assets/fonts/S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2) format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
	font-display: swap;
}
@font-face {
	font-family: "Lato";
	font-style: normal;
	font-weight: 700;
	src:
		local("Lato Bold"),
		local("Lato-Bold"),
		url(assets/fonts/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2) format("woff2");
	unicode-range:
		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
		U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}
@font-face {
	font-family: "Roboto Slab";
	font-style: normal;
	font-weight: 300;
	src:
		local("Roboto Slab Light"),
		local("RobotoSlab-Light"),
		url(assets/fonts/BngRUXZYTXPIvIBgJJSb6u9mxLCIwR2oefDofMY.woff2)
			format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
	font-display: swap;
}
@font-face {
	font-family: "Roboto Slab";
	font-style: normal;
	font-weight: 300;
	src:
		local("Roboto Slab Light"),
		local("RobotoSlab-Light"),
		url(assets/fonts/BngRUXZYTXPIvIBgJJSb6u9mxLCGwR2oefDo.woff2)
			format("woff2");
	unicode-range:
		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
		U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}
@font-face {
	font-family: "Roboto Slab";
	font-style: normal;
	font-weight: 400;
	src:
		local("Roboto Slab Regular"),
		local("RobotoSlab-Regular"),
		url(assets/fonts/BngMUXZYTXPIvIBgJJSb6ufD5qWr4xCCQ_k.woff2)
			format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
	font-display: swap;
}
@font-face {
	font-family: "Roboto Slab";
	font-style: normal;
	font-weight: 400;
	src:
		local("Roboto Slab Regular"),
		local("RobotoSlab-Regular"),
		url(assets/fonts/BngMUXZYTXPIvIBgJJSb6ufN5qWr4xCC.woff2) format("woff2");
	unicode-range:
		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
		U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}
@font-face {
	font-family: "Roboto Slab";
	font-style: normal;
	font-weight: 700;
	src:
		local("Roboto Slab Bold"),
		local("RobotoSlab-Bold"),
		url(assets/fonts/BngRUXZYTXPIvIBgJJSb6u92w7CIwR2oefDofMY.woff2)
			format("woff2");
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
	font-display: swap;
}
@font-face {
	font-family: "Roboto Slab";
	font-style: normal;
	font-weight: 700;
	src:
		local("Roboto Slab Bold"),
		local("RobotoSlab-Bold"),
		url(assets/fonts/BngRUXZYTXPIvIBgJJSb6u92w7CGwR2oefDo.woff2)
			format("woff2");
	unicode-range:
		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
		U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}
@font-face {
	font-family: "Special Elite";
	font-style: normal;
	font-weight: 400;
	src:
		local("Special Elite Regular"),
		local("SpecialElite-Regular"),
		url(assets/fonts/XLYgIZbkc4JPUL5CVArUVL0ntnAOSFNuQsI.woff2)
			format("woff2");
	unicode-range:
		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
		U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}

/* ==========================================================================
   6. Mobile menu
   ========================================================================== */

.hamburger {
	padding: 5px 5px 0 5px;
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: #fff0;
	border: 0;
	margin: 0;
	overflow: visible;
}
.hamburger:hover {
	opacity: 0.7;
}
.hamburger-box {
	width: 40px;
	height: 24px;
	display: inline-block;
	position: relative;
}
.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
	width: 40px;
	height: 4px;
	background-color: #fff;
	border-radius: 4px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
	content: "";
	display: block;
}
.hamburger-inner::before {
	top: -10px;
}
.hamburger-inner::after {
	bottom: -10px;
}
.hamburger--spring .hamburger-inner {
	top: 2px;
	transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
	top: 10px;
	transition:
		top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
	top: 20px;
	transition:
		top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),
		transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.mm-wrapper_opening .hamburger--spring .hamburger-inner {
	transition-delay: 0.22s;
	background-color: #fff0;
}
.mm-wrapper_opening .hamburger--spring .hamburger-inner::before {
	top: 0;
	transition:
		top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
	transform: translate3d(0, 10px, 0) rotate(45deg);
}
.mm-wrapper_opening .hamburger--spring .hamburger-inner::after {
	top: 0;
	transition:
		top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
	transform: translate3d(0, 10px, 0) rotate(-45deg);
}
:root {
	--mm-ocd-width: 80%;
	--mm-ocd-min-width: 200px;
	--mm-ocd-max-width: 440px;
}
body.mm-ocd-opened {
	overflow-y: hidden;
	-ms-scroll-chaining: none;
	overscroll-behavior: none;
}
.mm-ocd {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 100%;
	left: 0;
	z-index: 9999;
	overflow: hidden;
	-ms-scroll-chaining: none;
	overscroll-behavior: contain;
	background: #fff0;
	-webkit-transition-property: bottom, background-color;
	-o-transition-property: bottom, background-color;
	transition-property: bottom, background-color;
	-webkit-transition-duration: 0s, 0.3s;
	-o-transition-duration: 0s, 0.3s;
	transition-duration: 0s, 0.3s;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
	-webkit-transition-delay: 0.45s, 0.15s;
	-o-transition-delay: 0.45s, 0.15s;
	transition-delay: 0.45s, 0.15s;
}
.mm-ocd--open {
	bottom: 0;
	background: rgb(0 0 0 / 0.25);
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}
.mm-ocd__content {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 2;
	width: var(--mm-ocd-width);
	min-width: var(--mm-ocd-min-width);
	max-width: var(--mm-ocd-max-width);
	background: #fff;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property:
		transform,
		-webkit-transform;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;
}
.mm-ocd--left .mm-ocd__content {
	left: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
.mm-ocd--right .mm-ocd__content {
	right: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}
.mm-ocd--open .mm-ocd__content {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.mm-ocd__backdrop {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 3;
	width: clamp(
		calc(100% - var(--mm-ocd-max-width)),
		calc(100% - var(--mm-ocd-width)),
		calc(100% - var(--mm-ocd-min-width))
	);
	background: #fff0;
}
.mm-ocd--left .mm-ocd__backdrop {
	right: 0;
}
.mm-ocd--right .mm-ocd__backdrop {
	left: 0;
}
.mm-spn,
.mm-spn a,
.mm-spn li,
.mm-spn span,
.mm-spn ul {
	display: block;
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
:root {
	--mm-spn-item-height: 50px;
	--mm-spn-item-indent: 20px;
	--mm-spn-line-height: 24px;
	--mm-spn-panel-offset: 30%;
}
.mm-spn {
	width: 100%;
	height: 100%;
	-webkit-tap-highlight-color: #fff0;
	-webkit-overflow-scrolling: touch;
	overflow: hidden;
	-webkit-clip-path: inset(0 0 0 0);
	clip-path: inset(0 0 0 0);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.mm-spn ul {
	-webkit-overflow-scrolling: touch;
	position: fixed;
	top: 0;
	left: 100%;
	bottom: 0;
	z-index: 2;
	width: calc(100% + var(--mm-spn-panel-offset));
	padding-right: var(--mm-spn-panel-offset);
	line-height: var(--mm-spn-line-height);
	overflow: visible;
	overflow-y: auto;
	background: inherit;
	-webkit-transition: left 0.3s ease 0s;
	-o-transition: left 0.3s ease 0s;
	transition: left 0.3s ease 0s;
	cursor: default;
}
.mm-spn ul:after {
	content: "";
	display: block;
	height: var(--mm-spn-item-height);
}
.mm-spn > ul {
	left: 0;
}
.mm-spn ul.mm-spn--open {
	left: 0;
}
.mm-spn ul.mm-spn--parent {
	left: calc(-1 * var(--mm-spn-panel-offset));
	overflow: visible;
}
.mm-spn li {
	position: relative;
	background: inherit;
	cursor: pointer;
}
.mm-spn li:before {
	content: "";
	display: block;
	position: absolute;
	top: calc(var(--mm-spn-item-height) / 2);
	right: calc(var(--mm-spn-item-height) / 2);
	z-index: 0;
	width: 10px;
	height: 10px;
	border-top: 2px solid;
	border-right: 2px solid;
	-webkit-transform: rotate(45deg) translate(0, -50%);
	-ms-transform: rotate(45deg) translate(0, -50%);
	transform: rotate(45deg) translate(0, -50%);
	opacity: 0.4;
}
.mm-spn li:after {
	content: "";
	display: block;
	margin-left: var(--mm-spn-item-indent);
	border-top: 1px solid;
	opacity: 0.15;
}
.mm-spn a,
.mm-spn span {
	position: relative;
	z-index: 1;
	padding: calc((var(--mm-spn-item-height) - var(--mm-spn-line-height)) / 2) var(--mm-spn-item-indent);
}
.mm-spn a {
	background: inherit;
	color: inherit;
	text-decoration: none;
}
.mm-spn a:not(:last-child) {
	width: calc(100% - var(--mm-spn-item-height));
}
.mm-spn a:not(:last-child):after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	border-right: 1px solid;
	opacity: 0.15;
}
.mm-spn span {
	background: 0 0;
}
.mm-spn.mm-spn--navbar {
	cursor: pointer;
}
.mm-spn.mm-spn--navbar:before {
	content: "";
	display: block;
	position: absolute;
	top: calc(var(--mm-spn-item-height) / 2);
	left: var(--mm-spn-item-indent);
	width: 10px;
	height: 10px;
	margin-top: 2px;
	border-top: 2px solid;
	border-left: 2px solid;
	-webkit-transform: rotate(-45deg) translate(50%, -50%);
	-ms-transform: rotate(-45deg) translate(50%, -50%);
	transform: rotate(-45deg) translate(50%, -50%);
	opacity: 0.4;
}
.mm-spn.mm-spn--navbar.mm-spn--main {
	cursor: default;
}
.mm-spn.mm-spn--navbar.mm-spn--main:before {
	content: none;
	display: none;
}
.mm-spn.mm-spn--navbar:after {
	content: attr(data-mm-spn-title);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: var(--mm-spn-item-height);
	padding: 0 calc(var(--mm-spn-item-indent) * 2);
	line-height: var(--mm-spn-item-height);
	opacity: 0.4;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.mm-spn.mm-spn--navbar.mm-spn--main:after {
	padding-left: var(--mm-spn-item-indent);
}
.mm-spn.mm-spn--navbar ul {
	top: calc(var(--mm-spn-item-height) + 1px);
}
.mm-spn.mm-spn--navbar ul:before {
	content: "";
	display: block;
	position: fixed;
	top: inherit;
	z-index: 2;
	width: 100%;
	border-top: 1px solid currentColor;
	opacity: 0.15;
}
.mm-spn.mm-spn--light {
	color: #444;
	background: #f3f3f3;
}
.mm-spn.mm-spn--dark {
	color: #ddd;
	background: #333;
}
.mm-spn.mm-spn--vertical {
	overflow-y: auto;
}
.mm-spn.mm-spn--vertical ul {
	width: 100%;
	padding-right: 0;
	position: static;
}
.mm-spn.mm-spn--vertical ul ul {
	display: none;
	padding-left: var(--mm-spn-item-indent);
}
.mm-spn.mm-spn--vertical ul ul:after {
	height: calc(var(--mm-spn-item-height) / 2);
}
.mm-spn.mm-spn--vertical ul.mm-spn--open {
	display: block;
}
.mm-spn.mm-spn--vertical li.mm-spn--open:before {
	-webkit-transform: rotate(135deg) translate(-50%, 0);
	-ms-transform: rotate(135deg) translate(-50%, 0);
	transform: rotate(135deg) translate(-50%, 0);
}
.mm-spn.mm-spn--vertical ul ul li:last-child:after {
	content: none;
	display: none;
}
.mm-spn.mm-spn--dark {
	color: rgb(233 216 186 / 0.8);
	background: rgb(32 32 32);
}
.mm-spn.mm-spn--navbar::after {
	opacity: 0.7;
	font-weight: 700;
}
.mm-ocd--open {
	background: rgb(0 0 0 / 0.5);
}

/* ==========================================================================
   7. Icons
   ========================================================================== */

.fa,
.fas,
.far,
.fal,
.fad,
.fab,
.SVGawesome {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}
.fa-lg {
	font-size: 1.33333em;
	line-height: 0.75em;
	vertical-align: -0.0667em;
}
.fa-xs {
	font-size: 0.75em;
}
.fa-sm {
	font-size: 0.875em;
}
.fa-1x {
	font-size: 1em;
}
.fa-2x {
	font-size: 2em;
}
.fa-3x {
	font-size: 3em;
}
.fa-4x {
	font-size: 4em;
}
.fa-5x {
	font-size: 5em;
}
.fa-6x {
	font-size: 6em;
}
.fa-7x {
	font-size: 7em;
}
.fa-8x {
	font-size: 8em;
}
.fa-9x {
	font-size: 9em;
}
.fa-10x {
	font-size: 10em;
}
.fa-fw {
	text-align: center;
	width: 2em;
}
.fa-ul {
	list-style-type: none;
	margin-left: 2.5em;
	padding-left: 0;
}
.fa-ul > li {
	position: relative;
}
.fa-li {
	left: -2em;
	position: absolute;
	text-align: center;
	width: 2em;
	line-height: inherit;
}
.fa-border {
	border: solid 0.08em #eee;
	border-radius: 0.1em;
	padding: 0.2em 0.25em 0.15em;
}
.fa-pull-left {
	float: left;
}
.fa-pull-right {
	float: right;
}
.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
	margin-right: 0.3em;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
	margin-left: 0.3em;
}
.fa-spin {
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}
.fa-pulse {
	-webkit-animation: fa-spin 1s infinite steps(8);
	animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.fa-rotate-90 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.fa-rotate-180 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.fa-rotate-270 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}
.fa-flip-horizontal {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
	-webkit-transform: scale(-1, 1);
	transform: scale(-1, 1);
}
.fa-flip-vertical {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
	-webkit-transform: scale(1, -1);
	transform: scale(1, -1);
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
	-webkit-transform: scale(-1, -1);
	transform: scale(-1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
	-webkit-filter: none;
	filter: none;
}
.fa-stack {
	display: inline-block;
	height: 2em;
	line-height: 2em;
	position: relative;
	vertical-align: middle;
	width: 2.5em;
}
.fa-stack-1x,
.fa-stack-2x {
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}
.fa-stack-1x {
	line-height: inherit;
}
.fa-stack-2x {
	font-size: 2em;
}
.fa-inverse {
	color: #fff;
}
.testimonials {
	width: 100%;
	padding: 20px 0;
	color: #707070;
	position: relative;
}
.testimonials::before {
	content: "";
	position: absolute;
	left: -200px;
	top: 40px;
	background: url(assets/images/layout/TA-logo.webp) center center no-repeat;
	width: 170px;
	height: 168px;
	background-size: contain;
	opacity: 0.3;
}

/* ==========================================================================
   8. Testimonials
   ========================================================================== */

#content div.testimony {
	width: 48.718%;
	float: left;
	box-sizing: border-box;
	display: block;
	text-decoration: none;
	position: relative;
	border: 1px solid #dedede;
	margin-right: 2.5641%;
	padding: 10px 10px 0 10px;
	background: #fff;
	box-shadow: 0 0 20px rgb(0 0 0 / 0.05);
}
#content div.testimony.even {
	margin-right: 0;
}
#content .infobox.even {
	padding-left: 50px;
}
#content div.testimony img.round {
	width: 166px !important;
	height: 166px !important;
	border-radius: 50%;
	float: left;
	transition: all 0.5s ease-in-out;
	margin-right: 30px;
	border: 1px solid #dedede;
	padding: 10px;
	box-sizing: border-box;
}
#content div.testimony:hover img.round {
	transform: scale(1.08);
}
#content div.testimony .title {
	color: #313131;
	font:
		400 15px/24px "Open Sans",
		Helvetica,
		sans-serif;
	padding: 0 0 17px 0;
	display: block;
	text-align: right;
}
#content div.testimony .text,
#content div.testimony table.quote_full td.main {
	color: #2e2e2e;
	font:
		300 14px/22px "Roboto Slab",
		Helvetica,
		Arial,
		sans-serif;
}
@media only screen and (max-width: 900px) {
	#content div.testimony {
		width: 100%;
		float: none;
		border: 1px solid #dedede;
		margin-right: 0;
		margin-bottom: 30px;
		padding: 10px 10px 0 10px;
	}
}

/* ==========================================================================
   9. Sliders
   ========================================================================== */

.splide__container {
	box-sizing: border-box;
	position: relative;
}
.splide__list {
	backface-visibility: hidden;
	display: -ms-flexbox;
	display: flex !important;
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
}
.splide.is-initialized:not(.is-active) .splide__list {
	display: block;
}
.splide__pagination {
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0;
	pointer-events: none;
}
.splide__pagination li {
	display: inline-block;
	line-height: 1;
	list-style-type: none;
	margin: 0;
	pointer-events: auto;
}
.splide:not(.is-overflow) .splide__pagination {
	display: none;
}
.splide__progress__bar {
	width: 0;
}
.splide {
	position: relative;
	visibility: hidden;
}
.splide.is-initialized,
.splide.is-rendered {
	visibility: visible;
}
.splide__slide {
	backface-visibility: hidden;
	box-sizing: border-box;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	list-style-type: none !important;
	margin: 0;
	position: relative;
}
.splide__slide img {
	vertical-align: bottom;
}
.splide__spinner {
	animation: splide-loading 1s linear infinite;
	border: 2px solid #999;
	border-left-color: #fff0;
	border-radius: 50%;
	bottom: 0;
	contain: strict;
	display: inline-block;
	height: 20px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
}
.splide__sr {
	clip: rect(0 0 0 0);
	border: 0;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
	display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
	display: inline;
}
.splide__track {
	overflow: hidden;
	position: relative;
	z-index: 0;
}
@keyframes splide-loading {
	0% {
		transform: rotate(0);
	}
	to {
		transform: rotate(1turn);
	}
}
.splide__track--draggable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.splide__track--fade > .splide__list > .splide__slide {
	margin: 0 !important;
	opacity: 0;
	z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
	opacity: 1;
	z-index: 1;
}
.splide--rtl {
	direction: rtl;
}
.splide__track--ttb > .splide__list {
	display: block;
}
.splide__arrow {
	-ms-flex-align: center;
	align-items: center;
	background: #ccc;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	display: -ms-flexbox;
	display: flex;
	height: 2em;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: 0.7;
	padding: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 2em;
	z-index: 1;
}
.splide__arrow svg {
	fill: #000;
	height: 1.2em;
	width: 1.2em;
}
.splide__arrow:hover:not(:disabled) {
	opacity: 0.9;
}
.splide__arrow:disabled {
	opacity: 0.3;
}
.splide__arrow:focus-visible {
	outline: 3px solid #0bf;
	outline-offset: 3px;
}
.splide__arrow--prev {
	left: 1em;
}
.splide__arrow--prev svg {
	transform: scaleX(-1);
}
.splide__arrow--next {
	right: 1em;
}
.splide.is-focus-in .splide__arrow:focus {
	outline: 3px solid #0bf;
	outline-offset: 3px;
}
.splide__pagination {
	bottom: 0.5em;
	left: 0;
	padding: 0 1em;
	position: absolute;
	right: 0;
	z-index: 1;
}
.splide__pagination__page {
	background: #ccc;
	border: 0;
	border-radius: 50%;
	display: inline-block;
	height: 8px;
	margin: 3px;
	opacity: 0.7;
	padding: 0;
	position: relative;
	transition: transform 0.2s linear;
	width: 8px;
}
.splide__pagination__page.is-active {
	background: #fff;
	transform: scale(1.4);
	z-index: 1;
}
.splide__pagination__page:hover {
	cursor: pointer;
	opacity: 0.9;
}
.splide__pagination__page:focus-visible {
	outline: 3px solid #0bf;
	outline-offset: 3px;
}
.splide.is-focus-in .splide__pagination__page:focus {
	outline: 3px solid #0bf;
	outline-offset: 3px;
}
.splide__progress__bar {
	background: #ccc;
	height: 3px;
}
.splide__slide {
	-webkit-tap-highlight-color: #fff0;
}
.splide__slide:focus {
	outline: 0;
}
@supports (outline-offset: -3px) {
	.splide__slide:focus-visible {
		outline: 3px solid #0bf;
		outline-offset: -3px;
	}
}
@media screen and (-ms-high-contrast: none) {
	.splide__slide:focus-visible {
		border: 3px solid #0bf;
	}
}
@supports (outline-offset: -3px) {
	.splide.is-focus-in .splide__slide:focus {
		outline: 3px solid #0bf;
		outline-offset: -3px;
	}
}
@media screen and (-ms-high-contrast: none) {
	.splide.is-focus-in .splide__slide:focus {
		border: 3px solid #0bf;
	}
	.splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
		border-color: #0bf;
	}
}
.splide__toggle {
	cursor: pointer;
}
.splide__toggle:focus-visible {
	outline: 3px solid #0bf;
	outline-offset: 3px;
}
.splide.is-focus-in .splide__toggle:focus {
	outline: 3px solid #0bf;
	outline-offset: 3px;
}
.splide__track--nav > .splide__list > .splide__slide {
	border: 3px solid #fff0;
	cursor: pointer;
}
.splide__track--nav > .splide__list > .splide__slide.is-active {
	border: 3px solid #000;
}
.splide__arrows--rtl .splide__arrow--prev {
	left: auto;
	right: 1em;
}
.splide__arrows--rtl .splide__arrow--prev svg {
	transform: scaleX(1);
}
.splide__arrows--rtl .splide__arrow--next {
	left: 1em;
	right: auto;
}
.splide__arrows--rtl .splide__arrow--next svg {
	transform: scaleX(-1);
}
.splide__arrows--ttb .splide__arrow {
	left: 50%;
	transform: translate(-50%);
}
.splide__arrows--ttb .splide__arrow--prev {
	top: 1em;
}
.splide__arrows--ttb .splide__arrow--prev svg {
	transform: rotate(-90deg);
}
.splide__arrows--ttb .splide__arrow--next {
	bottom: 1em;
	top: auto;
}
.splide__arrows--ttb .splide__arrow--next svg {
	transform: rotate(90deg);
}
.splide__pagination--ttb {
	bottom: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	left: auto;
	padding: 1em 0;
	right: 0.5em;
	top: 0;
}

/* ==========================================================================
   10. Content grid
   ========================================================================== */

:root {
	--gutter-width: 2.5641%;
}
.wcms-grid {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% + var(--gutter-width));
	gap: var(--gutter-width);
	overflow: visible;
	max-width: 1200px;
	margin: 0 auto;
}
.wcms-grid.wide {
	max-width: calc(100% + var(--gutter-width));
}
.wcms-row {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: var(--gutter-width);
	position: relative;
}
.wcms-col-1 {
	flex: 0 0 calc(8.33% - var(--gutter-width));
}
.wcms-col-2 {
	flex: 0 0 calc(16.66% - var(--gutter-width));
}
.wcms-col-3 {
	flex: 0 0 calc(25% - var(--gutter-width));
}
.wcms-col-4 {
	flex: 0 0 calc(33.33% - var(--gutter-width));
}
.wcms-col-5 {
	flex: 0 0 calc(41.66% - var(--gutter-width));
}
.wcms-col-6 {
	flex: 0 0 calc(50% - var(--gutter-width));
}
.wcms-col-7 {
	flex: 0 0 calc(58.33% - var(--gutter-width));
}
.wcms-col-8 {
	flex: 0 0 calc(66.66% - var(--gutter-width));
}
.wcms-col-9 {
	flex: 0 0 calc(75% - var(--gutter-width));
}
.wcms-col-10 {
	flex: 0 0 calc(83.33% - var(--gutter-width));
}
.wcms-col-11 {
	flex: 0 0 calc(91.66% - var(--gutter-width));
}
.wcms-col-12 {
	flex: 0 0 calc(100% - var(--gutter-width));
}
@media (min-width: 1170px) {
	:root {
		--gutter-width: 30px;
	}
}
@media (max-width: 768px) {
	.wcms-col-1,
	.wcms-col-2,
	.wcms-col-3,
	.wcms-col-4,
	.wcms-col-5,
	.wcms-col-6,
	.wcms-col-7,
	.wcms-col-8,
	.wcms-col-9,
	.wcms-col-10,
	.wcms-col-11,
	.wcms-col-12 {
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 30px;
	}
	.wcms-grid,
	.wcms-row {
		gap: 0;
	}
	.wcms-row > div:last-child {
		margin-bottom: 0;
	}
}

/* ==========================================================================
   11. Lightbox
   ========================================================================== */

body.compensate-for-scrollbar {
	overflow: hidden;
}
.fancybox-active {
	height: auto;
}
.fancybox-is-hidden {
	left: -9999px;
	margin: 0;
	position: absolute !important;
	top: -9999px;
	visibility: hidden;
}
.fancybox-container {
	-webkit-backface-visibility: hidden;
	height: 100%;
	left: 0;
	outline: none;
	position: fixed;
	-webkit-tap-highlight-color: #fff0;
	top: 0;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	transform: translateZ(0);
	width: 100%;
	z-index: 99992;
}
.fancybox-container * {
	box-sizing: border-box;
}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.fancybox-outer {
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
}
.fancybox-bg {
	background: #1e1e1e;
	opacity: 0;
	transition-duration: inherit;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
	opacity: 0.9;
	transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
	direction: ltr;
	opacity: 0;
	position: absolute;
	transition:
		opacity 0.25s ease,
		visibility 0s ease 0.25s;
	visibility: hidden;
	z-index: 99997;
}
.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
	opacity: 1;
	transition:
		opacity 0.25s ease 0s,
		visibility 0s ease 0s;
	visibility: visible;
}
.fancybox-infobar {
	color: #ccc;
	font-size: 13px;
	-webkit-font-smoothing: subpixel-antialiased;
	height: 44px;
	left: 0;
	line-height: 44px;
	min-width: 44px;
	mix-blend-mode: difference;
	padding: 0 10px;
	pointer-events: none;
	top: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.fancybox-toolbar {
	right: 0;
	top: 0;
}
.fancybox-stage {
	direction: ltr;
	overflow: visible;
	transform: translateZ(0);
	z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
	overflow: hidden;
}
.fancybox-slide {
	-webkit-backface-visibility: hidden;
	display: none;
	height: 100%;
	left: 0;
	outline: none;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 44px;
	position: absolute;
	text-align: center;
	top: 0;
	transition-property: transform, opacity;
	white-space: normal;
	width: 100%;
	z-index: 99994;
}
.fancybox-slide:before {
	content: "";
	display: inline-block;
	font-size: 0;
	height: 100%;
	vertical-align: middle;
	width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
	display: block;
}
.fancybox-slide--image {
	overflow: hidden;
	padding: 44px 0;
}
.fancybox-slide--image:before {
	display: none;
}
.fancybox-slide--html {
	padding: 6px;
}
.fancybox-content {
	background: #fff;
	display: inline-block;
	margin: 0;
	max-width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 44px;
	position: relative;
	text-align: left;
	vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
	animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
	-webkit-backface-visibility: hidden;
	background: #fff0;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	left: 0;
	max-width: none;
	overflow: visible;
	padding: 0;
	position: absolute;
	top: 0;
	transform-origin: top left;
	transition-property: transform, opacity;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
	cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
	cursor: zoom-in;
}
.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
	cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
	cursor: grabbing;
}
.fancybox-container [data-selectable="true"] {
	cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
	background: #fff0;
	border: 0;
	height: 100%;
	left: 0;
	margin: 0;
	max-height: none;
	max-width: none;
	padding: 0;
	position: absolute;
	top: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 100%;
}
.fancybox-spaceball {
	z-index: 1;
}
.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
	height: 100%;
	overflow: visible;
	padding: 0;
	width: 100%;
}
.fancybox-slide--video .fancybox-content {
	background: #000;
}
.fancybox-slide--map .fancybox-content {
	background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
	background: #fff;
}
.fancybox-iframe,
.fancybox-video {
	background: #fff0;
	border: 0;
	display: block;
	height: 100%;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}
.fancybox-iframe {
	left: 0;
	position: absolute;
	top: 0;
}
.fancybox-error {
	background: #fff;
	cursor: default;
	max-width: 400px;
	padding: 40px;
	width: 100%;
}
.fancybox-error p {
	color: #444;
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	padding: 0;
}
.fancybox-button {
	background: rgb(30 30 30 / 0.6);
	border: 0;
	border-radius: 0;
	box-shadow: none;
	cursor: pointer;
	display: inline-block;
	height: 44px;
	margin: 0;
	padding: 10px;
	position: relative;
	transition: color 0.2s;
	vertical-align: top;
	visibility: inherit;
	width: 44px;
}
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
	color: #ccc;
}
.fancybox-button:hover {
	color: #fff;
}
.fancybox-button:focus {
	outline: none;
}
.fancybox-button.fancybox-focus {
	outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
	color: #888;
	cursor: default;
	outline: none;
}
.fancybox-button div {
	height: 100%;
}
.fancybox-button svg {
	display: block;
	height: 100%;
	overflow: visible;
	position: relative;
	width: 100%;
}
.fancybox-button svg path {
	fill: currentColor;
	stroke-width: 0;
}
.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
	display: none;
}
.fancybox-progress {
	background: #ff5268;
	height: 2px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: scaleX(0);
	transform-origin: 0;
	transition-property: transform;
	transition-timing-function: linear;
	z-index: 99998;
}
.fancybox-close-small {
	background: #fff0;
	border: 0;
	border-radius: 0;
	color: #ccc;
	cursor: pointer;
	opacity: 0.8;
	padding: 8px;
	position: absolute;
	right: -12px;
	top: -44px;
	z-index: 401;
}
.fancybox-close-small:hover {
	color: #fff;
	opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
	color: currentColor;
	padding: 10px;
	right: 0;
	top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
	overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
	display: none;
}
.fancybox-navigation .fancybox-button {
	background-clip: content-box;
	height: 100px;
	opacity: 0;
	position: absolute;
	top: calc(50% - 50px);
	width: 70px;
}
.fancybox-navigation .fancybox-button div {
	padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
	left: 0;
	left: env(safe-area-inset-left);
	padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
	padding: 31px 6px 31px 26px;
	right: 0;
	right: env(safe-area-inset-right);
}
.fancybox-caption {
	background: linear-gradient(
		0deg,
		rgb(0 0 0 / 0.85) 0,
		rgb(0 0 0 / 0.3) 50%,
		rgb(0 0 0 / 0.15) 65%,
		rgb(0 0 0 / 0.075) 75.5%,
		rgb(0 0 0 / 0.037) 82.85%,
		rgb(0 0 0 / 0.019) 88%,
		transparent
	);
	bottom: 0;
	color: #eee;
	font-size: 14px;
	font-weight: 400;
	left: 0;
	line-height: 1.5;
	padding: 75px 44px 25px;
	pointer-events: none;
	right: 0;
	text-align: center;
	z-index: 99996;
}
@supports (padding: max(0px)) {
	.fancybox-caption {
		padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom))
			max(44px, env(safe-area-inset-left));
	}
}
.fancybox-caption--separate {
	margin-top: -50px;
}
.fancybox-caption__body {
	max-height: 50vh;
	overflow: auto;
	pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
	color: #ccc;
	text-decoration: none;
}
.fancybox-caption a:hover {
	color: #fff;
	text-decoration: underline;
}
.fancybox-loading {
	animation: a 1s linear infinite;
	background: #fff0;
	border: 4px solid #888;
	border-bottom-color: #fff;
	border-radius: 50%;
	height: 50px;
	left: 50%;
	margin: -25px 0 0 -25px;
	opacity: 0.7;
	padding: 0;
	position: absolute;
	top: 50%;
	width: 50px;
	z-index: 99999;
}
@keyframes a {
	to {
		transform: rotate(1turn);
	}
}
.fancybox-animated {
	transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
.fancybox-fx-slide.fancybox-slide--previous {
	opacity: 0;
	transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
	opacity: 0;
	transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
	opacity: 1;
	transform: translateZ(0);
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
	opacity: 0;
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
	opacity: 1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
	opacity: 0;
	transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
	opacity: 0;
	transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
	opacity: 1;
	transform: scaleX(1);
}
.fancybox-fx-rotate.fancybox-slide--previous {
	opacity: 0;
	transform: rotate(-1turn);
}
.fancybox-fx-rotate.fancybox-slide--next {
	opacity: 0;
	transform: rotate(1turn);
}
.fancybox-fx-rotate.fancybox-slide--current {
	opacity: 1;
	transform: rotate(0deg);
}
.fancybox-fx-circular.fancybox-slide--previous {
	opacity: 0;
	transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
	opacity: 0;
	transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
	opacity: 1;
	transform: scaleX(1) translateZ(0);
}
.fancybox-fx-tube.fancybox-slide--previous {
	transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
	transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
	transform: translateZ(0) scale(1);
}
@media (max-height: 576px) {
	.fancybox-slide {
		padding-left: 6px;
		padding-right: 6px;
	}
	.fancybox-slide--image {
		padding: 6px 0;
	}
	.fancybox-close-small {
		right: -6px;
	}
	.fancybox-slide--image .fancybox-close-small {
		background: #4e4e4e;
		color: #f2f4f6;
		height: 36px;
		opacity: 1;
		padding: 6px;
		right: 0;
		top: 0;
		width: 36px;
	}
	.fancybox-caption {
		padding-left: 12px;
		padding-right: 12px;
	}
	@supports (padding: max(0px)) {
		.fancybox-caption {
			padding-left: max(12px, env(safe-area-inset-left));
			padding-right: max(12px, env(safe-area-inset-right));
		}
	}
}
.fancybox-share {
	background: #f4f4f4;
	border-radius: 3px;
	max-width: 90%;
	padding: 30px;
	text-align: center;
}
.fancybox-share h1 {
	color: #222;
	font-size: 35px;
	font-weight: 700;
	margin: 0 0 20px;
}
.fancybox-share p {
	margin: 0;
	padding: 0;
}
.fancybox-share__button {
	border: 0;
	border-radius: 3px;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	line-height: 40px;
	margin: 0 5px 10px;
	min-width: 130px;
	padding: 0 15px;
	text-decoration: none;
	transition: all 0.2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
}
.fancybox-share__button:link,
.fancybox-share__button:visited {
	color: #fff;
}
.fancybox-share__button:hover {
	text-decoration: none;
}
.fancybox-share__button--fb {
	background: #3b5998;
}
.fancybox-share__button--fb:hover {
	background: #344e86;
}
.fancybox-share__button--pt {
	background: #bd081d;
}
.fancybox-share__button--pt:hover {
	background: #aa0719;
}
.fancybox-share__button--tw {
	background: #1da1f2;
}
.fancybox-share__button--tw:hover {
	background: #0d95e8;
}
.fancybox-share__button svg {
	height: 25px;
	margin-right: 7px;
	position: relative;
	top: -1px;
	vertical-align: middle;
	width: 25px;
}
.fancybox-share__button svg path {
	fill: #fff;
}
.fancybox-share__input {
	background: #fff0;
	border: 0;
	border-bottom: 1px solid #d7d7d7;
	border-radius: 0;
	color: #5d5b5b;
	font-size: 14px;
	margin: 10px 0 0;
	outline: none;
	padding: 10px 15px;
	width: 100%;
}
.fancybox-thumbs {
	background: #ddd;
	bottom: 0;
	display: none;
	margin: 0;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	padding: 2px 2px 4px;
	position: absolute;
	right: 0;
	-webkit-tap-highlight-color: #fff0;
	top: 0;
	width: 212px;
	z-index: 99995;
}
.fancybox-thumbs-x {
	overflow-x: auto;
	overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
	display: block;
}
.fancybox-show-thumbs .fancybox-inner {
	right: 212px;
}
.fancybox-thumbs__list {
	font-size: 0;
	height: 100%;
	list-style: none;
	margin: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0;
	position: absolute;
	position: relative;
	white-space: nowrap;
	width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
	overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
	width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
	background: #fff;
	border-radius: 10px;
	box-shadow: inset 0 0 6px rgb(0 0 0 / 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
	background: #2a2a2a;
	border-radius: 10px;
}
.fancybox-thumbs__list a {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-color: rgb(0 0 0 / 0.1);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
	float: left;
	height: 75px;
	margin: 2px;
	max-height: calc(100% - 8px);
	max-width: calc(50% - 4px);
	outline: none;
	overflow: hidden;
	padding: 0;
	position: relative;
	-webkit-tap-highlight-color: #fff0;
	width: 100px;
}
.fancybox-thumbs__list a:before {
	border: 6px solid #ff5268;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	z-index: 99991;
}
.fancybox-thumbs__list a:focus:before {
	opacity: 0.5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active:before {
	opacity: 1;
}
@media (max-width: 576px) {
	.fancybox-thumbs {
		width: 110px;
	}
	.fancybox-show-thumbs .fancybox-inner {
		right: 110px;
	}
	.fancybox-thumbs__list a {
		max-width: calc(100% - 10px);
	}
}

/* ==========================================================================
   12. Layout and top bar
   ========================================================================== */

body {
	height: 100%;
	color: #dfdfdf;
	font:
		400 16px/30px Lato,
		Helvetica,
		sans-serif;
	background: #fff;
}
.width {
	width: 100%;
	max-width: 1200px;
	height: 100%;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
}
#container {
	overflow: hidden;
	width: 100%;
}
#line {
	height: 30px;
	width: 100%;
	background: rgb(0 0 0 / 0.04);
}
#page {
	position: relative;
	padding: 0 15px;
}
#logo {
	position: absolute;
	display: block;
	text-indent: -2000em;
	bottom: 0;
	margin: 0;
	width: 188px;
	height: 162px;
	background: url(assets/images/layout/YGL-Logo.svg) center top no-repeat;
	transition: all 0.5s ease;
	background-size: contain;
	left: 15px;
	z-index: 1;
}
.sticky #logo {
	width: 94px;
	height: 81px;
	bottom: 10px;
}
#topspacer {
	height: 48px;
}
#topNav {
	background-color: rgb(0 0 0 / 0.6);
	z-index: 510;
	height: 163px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	transition: all 0.5s ease;
	backdrop-filter: blur(15px);
}
.sticky #topNav {
	height: 100px;
}
.GetinTouch {
	position: absolute;
	top: 30px;
	font:
		400 24px/24px "Lato",
		Times,
		Helvetica,
		sans-serif;
	text-decoration: none;
	right: 20px;
	transition: all 0.3s;
	transform-origin: top left;
	width: 250px;
	letter-spacing: 0.05em;
	color: #fff;
	text-align: right;
	letter-spacing: 3px;
}
.GetinTouch .email {
	font-size: 15px;
	letter-spacing: normal;
	color: #fff;
	text-decoration: none;
	opacity: 1;
}
.GetinTouch .booknowbtn {
	display: none;
}
.sticky #topNav .GetinTouch {
	top: 15px;
}
.sticky #topNav .GetinTouch .email {
	top: -10px;
	opacity: 0;
}
.social {
	border-top: none;
	height: 40px;
	right: 280px;
	top: 37px;
	position: absolute;
	width: 340px;
	box-sizing: border-box;
	transition: all 0.3s;
	transform-origin: center right;
}
.sticky #topNav .social {
	top: 10px;
}
.social ul,
.social ul li,
.socialfooter ul,
.social ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.social ul,
.socialfooter ul {
	position: absolute;
	text-align: center;
	right: 0;
	top: 0;
}
.social ul li,
.socialfooter ul li {
	margin: 0 2px;
	display: inline;
}
.social ul li a,
.socialfooter ul li a {
	display: inline-block;
	width: 60px !important;
	height: 34px !important;
	border-radius: 50%;
	border: 0 solid #fff0;
	text-align: center;
	line-height: 34px !important;
	font-size: 24px;
	color: #fff;
	font-weight: 700;
	background-color: #fff0;
	transition:
		transform 0.2s ease-in-out,
		color 0.2s ease-in-out,
		background-color 0.2s ease-in-out;
}
.social ul li a i,
.socialfooter ul li a i {
	position: relative;
	top: 0;
	left: 0;
	line-height: 34px;
}
.social ul li a:hover,
.socialfooter ul li a:hover {
	color: #faac31;
	transform: scale(1.1);
}

/* ==========================================================================
   13. Header banner
   ========================================================================== */

#stage {
	width: 100vw;
}
#stage .splide__arrow {
	top: 72%;
}
header {
	height: auto;
	position: relative;
	overflow: hidden;
	background: #000;
	min-height: 100px;
	max-height: calc(100vh - 150px);
	z-index: 1;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}
header .ta {
	position: absolute;
	width: 264px;
	height: 264px;
	top: 163px;
	left: 0;
	background: url(/wp-content/uploads/2026/10/Travelers_Choice_2026_Badge_transparent.webp);
	background-size: contain;
}
header.FullHeight,
header.FullHeight #banner-rotator {
	min-height: calc(100vh - 150px);
	min-height: calc(100vh - 400px);
	max-height: 1.25vw;
}
header.FullHeight #banner-rotator {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
header #banner-rotator {
	width: 100vw;
	height: auto;
	aspect-ratio: 16 / 9;
}
#banner-rotator-track,
#banner-rotator-list {
	height: 100%;
}
header .swiper-container,
header .swiper-slide {
	width: 100vw;
}
header .splide__slide {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 100% !important;
}
header .splide__slide img {
	object-fit: cover;
	width: 100% !important;
	height: 100% !important;
}
.thewave {
	width: 100%;
	height: 70px;
	background-image: url(assets/images/layout/splatter-white2.webp);
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0;
}

/* ==========================================================================
   14. Breadcrumbs
   ========================================================================== */

#breadcrumbs {
	opacity: 1;
	display: none;
	position: relative;
	height: 30px;
	width: 100%;
	background-color: #fff0;
	transition: 0.2s ease-in-out;
	color: #303030;
	z-index: 9;
	font:
		normal 12px/30px "Lato",
		Times,
		Helvetica,
		sans-serif;
}
#breadcrumbs .width {
	max-width: 1170px;
}
.bc #breadcrumbs {
	display: block;
	opacity: 1;
	position: fixed;
	z-index: 9;
	top: 100px;
	background-color: #faac31;
	left: 0;
	margin-top: 0;
	-webkit-box-shadow: 0 0 10px rgb(50 50 50 / 0.95);
	-moz-box-shadow: 0 0 10px rgb(50 50 50 / 0.95);
	box-shadow: 0 0 10px rgb(50 50 50 / 0.95);
}
ul.breadcrumb {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-flex;
	flex-wrap: wrap;
}
ul.breadcrumb li {
	display: inline-block;
	margin-right: 10px;
}
ul.breadcrumb li a {
	color: inherit;
	text-decoration: none;
}
ul.breadcrumb li span {
	color: inherit;
}
.pinned #breadcrumbs a {
	color: #303030;
	text-decoration: none;
}
#main {
	position: relative;
	padding: 30px 0 20px;
	padding: 0;
}
#content {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 30px 0;
	min-height: 100px;
	box-sizing: border-box;
	max-width: 1170px;
}
#navbar {
	height: 55px;
	width: 100%;
	position: absolute;
	bottom: 0;
	background: rgb(0 0 0 / 0.186);
}
#mainnav {
	position: relative;
	left: 0;
	margin: 0 auto;
	height: 55px;
	text-align: center;
}

/* ==========================================================================
   15. Footer
   ========================================================================== */

footer {
	width: 100%;
	height: 360px;
	position: relative;
	font:
		normal 12px/30px Lato,
		Arial,
		Helvetica,
		sans-serif;
	padding: 0;
	color: #fff;
	background: url(assets/images/layout/background-dark.webp) center top;
	box-sizing: border-box;
	padding-top: 70px;
}
footer:before {
	background: url(assets/images/layout/splatter-white2.webp) center top;
	height: 70px;
	position: absolute;
	top: 0;
	content: "";
	left: 0;
	right: 0;
	transform: rotate(180deg);
}
footer .inner {
	margin: 0 auto;
	position: relative;
	width: 100%;
	max-width: 1170px;
	height: 100%;
}
#flogo {
	width: 167px;
	height: 144px;
	background: url(assets/images/layout/YGL-Logo.svg) center top no-repeat;
	display: block;
	background-size: cover;
	position: relative;
	text-indent: -2000em;
	top: 20px;
	transition: all 0.5s ease 0;
}
footer .info {
	color: #fff;
	display: block;
	font:
		300 18px/27px Lato,
		Helvetica,
		sans-serif;
	left: 180px;
	max-width: 450px;
	position: absolute;
	text-align: left;
	top: 20px;
	width: 100%;
}
footer .info .title {
	color: #ccc;
	font-weight: 600;
}
#contactinfo {
	background: rgb(0 0 0 / 0.5);
	height: 50px;
	line-height: 50px;
}
footer .permit {
	left: 10px;
	position: absolute;
	text-align: left;
	bottom: 67px;
	color: #ccc;
	font:
		300 14px/22px Lato,
		Helvetica,
		sans-serif;
}
footer .FGetinTouch {
	position: absolute;
	left: auto;
	right: 0;
	text-align: left;
	bottom: 70px;
	transform-origin: right top 0;
	transition: all 0.3s ease 0;
	width: 620px;
	color: #fff;
	font:
		300 24px/24px Lato,
		Times,
		Helvetica,
		sans-serif;
	letter-spacing: 1px;
}
footer a {
	text-decoration: none;
	color: #fff;
}
footer .FGetinTouch span {
	color: #000;
	text-decoration: none;
	display: inline-block;
	padding: 0 5px;
}
#instashow {
	width: 630px;
	height: 150px;
	position: absolute;
	top: 10px;
	right: 0;
	text-align: right;
}
#instashow .fa-instagram {
	font-size: 48px;
	display: inline-block;
	margin: 0 10px;
}
#instAcount {
	color: #31aae2;
	font:
		300 14px/18px Lato,
		Times,
		Helvetica,
		sans-serif;
	display: inline-block;
	position: relative;
	top: -27px;
}
.socialfooter {
	border-top: none;
	height: 40px;
	right: 15px;
	top: 20px;
	width: 200px;
	text-align: right;
	position: absolute;
	box-sizing: border-box;
	transition: all 0.3s;
	transform-origin: center right;
}
footer #copyright {
	text-align: left;
	position: relative;
	height: auto;
	width: auto;
	left: 15px;
	bottom: 0;
	color: #555;
	font:
		normal 12px/50px Lato,
		Arial,
		Helvetica,
		sans-serif;
}
#IncBar {
	background: #faac31;
	height: 40px;
	line-height: 40px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #000;
}
footer #incontrol {
	text-align: right;
	position: absolute;
	height: auto;
	width: auto;
	right: 15px;
	bottom: 0;
	color: #000;
	font:
		normal 12px/40px Lato,
		Arial,
		Helvetica,
		sans-serif;
}
footer #incontrol a {
	color: #555;
	text-decoration: none;
}
footer #incontrol a .highlight {
	color: #000;
	text-decoration: none;
}
footer #incontrol a:hover {
	color: #fff;
}
#container_jwplayer_display_icon {
	display: none !important;
}

/* ==========================================================================
   16. Animations
   ========================================================================== */

.fade-in,
.preAnimation {
	opacity: 0;
	transition: opacity 1s;
}
.show {
	opacity: 1;
}
@keyframes slideInLeft {
	from {
		transform: translateX(-100%);
		opacity: 0;
	}
	to {
		transform: translateX(0);
		opacity: 1;
	}
}
.slide-left {
	animation: slideInLeft 2s forwards;
}
@keyframes slideUp {
	from {
		opacity: 0;
		transform: translateY(5vh);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.slide-up {
	animation: slideUp 0.5s forwards;
}
.splide {
	position: relative;
	visibility: hidden;
}
a[href*="elfsight.com/tripadvisor-reviews-widget"]::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	z-index: 2;
}

/* ==========================================================================
   17. Table layouts
   ========================================================================== */

.FCKcontent,
#FCKcontent {
	width: 100%;
	max-width: 1170px;
	margin: 30px auto;
	background: #fafafa;
}
.FCKcontent img.centered,
.FCKcontent img.left,
.FCKcontent img.right {
	box-shadow: none;
}
table.grid tr td {
	position: relative;
}
table.grid {
	width: 100% !important;
	max-width: 1170px;
	margin: 0 auto;
	padding: 0;
	height: auto !important;
	border-spacing: 0;
	table-layout: fixed;
}
table.grid .gutter {
	width: 2.5641%;
}
table.grid.striped .gutter {
	background: url(assets/images/layout/black.webp) center top repeat-y;
}
table.grid .c1,
table.grid .c1-12 {
	width: 5.9829%;
}
table.grid .c2,
table.grid .c2-12,
table.grid .c1-6 {
	width: 14.53%;
}
table.grid .c3,
table.grid .c3-12,
table.grid .c1-4,
table.grid .c2-8 {
	width: 23.077%;
}
table.grid .c4,
table.grid .c4-12,
table.grid .c2-6,
table.grid .c1-3 {
	width: 31.624%;
}
table.grid .c5,
table.grid .c5-12 {
	width: 40.171%;
}
table.grid .c6,
table.grid .c6-12,
table.grid .c3-6,
table.grid .c2-4,
table.grid .c1-2 {
	width: 48.718%;
}
table.grid .c7,
table.grid .c7-12 {
	width: 57.265%;
}
table.grid .c8,
table.grid .c8-12,
table.grid .c4-6,
table.grid .c2-3 {
	width: 65.812%;
}
table.grid .c9,
table.grid .c9-12,
table.grid .c6-8,
table.grid .c3-4 {
	width: 74.359%;
}
table.grid .c10,
table.grid .c10-12,
table.grid .c5-6 {
	width: 82.906%;
}
table.grid .c11,
table.grid .c11-12 {
	width: 91.453%;
}
table.grid .c12,
table.grid .c12-12 {
	width: 100%;
}
table .gutter.line {
	background: url(assets/images/content/gutterLine.png) center top repeat-y;
}
#content .full table.table_utility,
#content .full table.table_utility_left,
#content .full table.table_utility_right {
	background-color: rgb(255 254 254 / 0.7) !important;
	border-style: none;
	margin: 0 0;
	color: rgb(0 0 0 / 1);
}
#content .full table.table_utility_left {
	margin: 5px 20px 5px 0px !important;
}
#content .fulltable.table_utility_right {
	margin: 5px 0 5px 20px !important;
}
#content .full table.table_utility tr td,
#content .full table.table_utility_left tr td,
#content .full table.table_utility_right tr td {
	padding: 30px !important;
	color: #000000 !important;
}
#content .full .table_utility h2,
#content .full .table_utility_left h2,
#content .full .table_utility_right h2 {
	font-size: 24px;
	color: #386274;
}
#content .full .table_utility .highlight1,
#content .full .table_utility_left .highlight1,
#content .full .table_utility_right .highlight1 {
	font-size: 18px;
	color: #000;
	font-weight: 700;
	line-height: 20px !important;
}
#content .full .table_utility .highlight2,
#content .full .table_utility_left .highlight2,
#content .full .table_utility_right .highlight2 {
	font-weight: 400;
}
#content .full {
	padding: 30px 0;
	margin: 24px 0;
	min-height: 200px;
	overflow: hidden;
}
#content .full.screen {
	overflow: hidden;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: 0 90px;
	overflow: hidden;
}
#content .full.screen > img.plx,
#content .full > img.bg {
	position: absolute;
	width: 100%;
}
.FCKcontent#content .full > img.bg {
	top: 50%;
	transform: translateY(-50%);
}
#content .full.screen > table.grid #content .full > table.grid {
	height: 100% !important;
}
#content .full.screen > table.grid tr td {
	vertical-align: middle;
}
#content .full table.dark {
	background-repeat: no-repeat;
	background-position: right 50%;
	background-color: rgb(0 0 0 / 0.6);
	border-style: none;
	margin: 0;
}
#content .full table.dark tr td {
	padding: 30px 20px 20px 20px;
}
#content .full table.dark tr td,
#content .full table.dark .highlight1,
#content .full table.dark h2,
#content .full table.dark h1 {
	color: #fff !important;
}
#content img.full {
	padding: 0 !important;
	margin: 0 0 !important;
	background: #fff0;
	max-width: 100vw;
	width: 100vw !important;
	height: auto !important;
}
#content .full.skinny,
#content img.full {
	padding: 0;
	margin: 0 0;
}
#content .full.skinny {
	min-height: 50px;
}
#content .full.offwhite {
	background: -moz-linear-gradient(
		left,
		rgb(0 0 0 / 0.2) 0%,
		rgb(0 0 0 / 0.03) 40%,
		rgb(0 0 0 / 0.03) 60%,
		rgb(0 0 0 / 0.2) 100%
	);
	background: -webkit-linear-gradient(
		left,
		rgb(0 0 0 / 0.2) 0%,
		rgb(0 0 0 / 0.03) 40%,
		rgb(0 0 0 / 0.03) 60%,
		rgb(0 0 0 / 0.2) 100%
	);
	background: linear-gradient(
		to right,
		rgb(0 0 0 / 0.2) 0%,
		rgb(0 0 0 / 0.03) 40%,
		rgb(0 0 0 / 0.03) 60%,
		rgb(0 0 0 / 0.2) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33000000',endColorstr='#33000000',GradientType=1);
}
#content .full.grey {
	background: url(http://theme-fusion.com/avada/wp-content/uploads/2013/07/bkgd13.jpg);
	background-attachment: fixed;
	background-size: cover;
	min-height: 200px;
	box-shadow: inset 0 0 20px rgb(0 0 0 / 0.25);
}
#content .full.darker {
	background: rgb(0 0 0 / 0.03);
	background: -moz-linear-gradient(
		left,
		rgb(0 0 0 / 0.2) 0%,
		rgb(0 0 0 / 0.03) 40%,
		rgb(0 0 0 / 0.03) 60%,
		rgb(0 0 0 / 0.2) 100%
	);
	background: -webkit-linear-gradient(
		left,
		rgb(0 0 0 / 0.2) 0%,
		rgb(0 0 0 / 0.03) 40%,
		rgb(0 0 0 / 0.03) 60%,
		rgb(0 0 0 / 0.2) 100%
	);
	background: linear-gradient(
		to right,
		rgb(0 0 0 / 0.2) 0%,
		rgb(0 0 0 / 0.03) 40%,
		rgb(0 0 0 / 0.03) 60%,
		rgb(0 0 0 / 0.2) 100%
	);
}
#content .full.lighter {
	background: rgb(255 255 255 / 0.75);
	background-attachment: fixed;
	background-size: cover;
	min-height: 200px;
	box-shadow: inset 0 0 5px rgb(0 0 0 / 0.1);
}
.FCKcontent .full {
	border: 1px dashed #7b7b7b;
	position: relative;
	box-sizing: border-box;
	width: 100vw;
	left: calc(-50vw + 50%);
}
#content .full.dark {
	background: #002f3f url(assets/images/layout/background-dark.webp) center top;
	background-attachment: fixed;
	background-size: cover;
	color: #fff !important;
	padding: 70px 0;
}
#content .full.dark:before,
#content .full.torn:before {
	background: url(assets/images/layout/splatter-white2.webp) center top;
	background-size: contain;
	height: 20px;
	position: absolute;
	top: 0;
	content: "";
	left: 0;
	right: 0;
	transform: rotate(180deg);
}
#content .full.dark:after,
#content .full.torn:after {
	background: url(assets/images/layout/splatter-white2.webp) center top;
	background-size: contain;
	height: 20px;
	position: absolute;
	bottom: 0;
	content: "";
	left: 0;
	right: 0;
}
#content .full.map,
#content .full.map table td tr {
	background: url(assets/images/content/mapsBG.jpg) center center;
	background-attachment: fixed;
	background-size: cover;
	color: #fff !important;
}
#content .full.dark,
#content .full.dark .highlight1,
#content .full.color .highlight2 {
	color: #fff !important;
	text-shadow: 1px 1px 7px rgb(0 0 0 / 0.3);
}
.FCKcontent .full:before {
	content: "Full Width";
	position: absolute;
	top: 0;
	right: 5px;
	padding: 3px 10px;
	background: #7b7b7b;
	color: #fff;
	font:
		400 12px/20px "Lato",
		Arial,
		Helvetica,
		sans-serif;
	z-index: 999;
}
.FCKcontent .full img.bg:before {
	content: "Background Image";
	position: absolute;
	top: 25px;
	right: 5px;
	padding: 3px 10px;
	background: #7b7b7b;
	color: #fff;
	font:
		400 12px/20px "Lato",
		Arial,
		Helvetica,
		sans-serif;
	z-index: 99999;
}
.navicon {
	display: none;
	position: absolute;
	top: 15px;
	left: 15px;
	opacity: 0.8;
}
.mphone {
	position: absolute;
	right: 20px;
	left: auto;
	width: auto;
	top: 0;
	text-decoration: none;
	color: #fff;
}
.mphone a,
.mphone a:visited {
	color: #fff;
	text-decoration: none;
}
#content img {
	height: auto !important;
}
#content img.centered {
	width: 100% !important;
	height: auto !important;
}
#content .grid img {
	height: auto !important;
}
a.zoomlink.img,
a.zoomlink.youtube {
	width: auto !important;
	height: auto !important;
}
a.zoomlink.img img,
a.zoomlink.youtube img {
	width: 100% !important;
	height: auto !important;
}
table.grid.stack img.centered,
table.grid.stack a.zoomlink {
	width: 100% !important;
	height: auto !important;
}

/* ==========================================================================
   18. Responsive
   ========================================================================== */

@media only screen and (min-width: 100px) and (max-width: 1200px) {
	.width,
	#xxcontent table.grid {
		max-width: 900px;
	}
	#logo,
	.sticky #logo {
		bottom: auto;
		top: 5px;
		height: 60px;
		width: 70px;
	}
	header {
		min-height: 90px;
	}
	#topNav,
	.sticky #topNav {
		height: 100px;
	}
	#navbar {
		height: 30px;
	}
	#mainnav {
		height: 30px;
	}
	ul.mainNav > li a {
		font:
			14px/30px "Special Elite",
			Arial,
			Helvetica,
			sans-serif;
	}
	ul.mainNav ul {
		top: 30px;
	}
	.sticky ul.mainNav ul {
		top: 30px;
	}
	#topNav .GetinTouch {
		top: 10px;
	}
	#topNav .social {
		top: 15px;
	}
	footer .width {
		max-width: 100%;
	}
	.royalCaption {
		top: 10% !important;
	}
	#sidebar {
		display: none !important;
	}
	table.grid.stack.early > tbody > tr > td {
		display: block;
		width: 100% !important;
		margin-bottom: 24px;
	}
	table.grid.stack.early > tbody > tr > td:last-child {
		margin-bottom: 0;
	}
	table.grid.stack.early > tbody > tr > td.gutter,
	table.grid16.stack.early > tbody > tr > td.gutter1-16,
	table.grid16.stack.early > tbody > tr > td.noMobile {
		display: none;
	}
	header .ta {
		width: 200px;
		height: 200px;
		top: 102px;
	}
}
@media only screen and (min-width: 100px) and (max-width: 900px) {
	.width {
	}
	header .ta {
		width: 150px;
		height: 150px;
		top: 0;
	}
	#logo,
	.sticky #logo {
		transform: scale(1);
		height: 55px;
		width: 100vw;
		left: 0;
		z-index: -1;
	}
	#mainnav,
	#navbar {
		display: none;
	}
	header {
		margin-top: 0;
	}
	#container {
		padding-top: 70px;
	}
	#topNav,
	.sticky #topNav {
		display: block;
		height: 70px;
		position: fixed;
		top: 0;
		width: 100%;
		background: #000;
		transition: height 0.7s;
		z-index: 10;
		box-shadow: 0 0 0 #fff0;
		transform: scale(1);
	}
	#topNav .GetinTouch {
		display: block;
	}
	#topNav .social {
		display: none;
	}
	#topNav .topNavB,
	#topspacer,
	#footnav {
		display: none;
	}
	#topNav .GetinTouch,
	.sticky #topNav .GetinTouch {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		height: 70px;
	}
	#topNav .GetinTouch .email,
	#topNav .GetinTouch .phone {
		opacity: 0;
		display: none;
	}
	#topNav .GetinTouch .booknowbtn {
		display: block;
		font:
			500 16px/48px "Roboto Slab",
			Helvetica,
			Arial,
			sans-serif;
		text-align: center;
		color: #000;
		background-color: #faac31;
		padding: 0 20px;
		margin: 0 auto;
		min-width: 24px;
		letter-spacing: 0.1em;
		box-sizing: border-box;
		transition: background-color 0.2s linear;
		text-decoration: none;
		position: absolute;
		top: 9px;
		right: 11px;
	}
	.navicon {
		display: block;
	}
	.bc #breadcrumbs {
		top: 70px;
		padding: 0 10px;
	}
	footer .FGetinTouch {
		bottom: 50px;
		color: #b7b7b7;
		font:
			300 16px/20px Lato,
			Times,
			Helvetica,
			sans-serif;
		left: auto;
		letter-spacing: 0;
		position: absolute;
		right: 10px;
		text-align: right;
		transform-origin: right top 0;
		width: auto;
	}
	footer {
		height: 420px;
	}
	footer .width {
		box-sizing: border-box;
		height: 100%;
	}
	#flogo {
		width: 100%;
		background-size: contain;
		top: 0;
	}
	footer .info {
		font:
			300 16px/22px Lato,
			Helvetica,
			sans-serif;
		left: 0;
		max-width: 100%;
		text-align: center;
		top: 140px;
		width: 100%;
	}
	footer .permit {
		left: 0;
		position: absolute;
		text-align: center;
		bottom: 65px;
		color: #ccc;
		font:
			300 14px/22px Lato,
			Helvetica,
			sans-serif;
		width: 100%;
	}
	footer .FGetinTouch {
		bottom: 95px;
		color: #b7b7b7;
		font:
			300 16px/20px Lato,
			Times,
			Helvetica,
			sans-serif;
		left: auto;
		letter-spacing: 0;
		position: absolute;
		right: 0;
		text-align: center;
		transform-origin: right top 0;
		width: 100%;
	}
	footer #copyright {
		bottom: 0;
		color: #f5f5f5;
		font:
			10px/25px "Lato",
			Arial,
			Helvetica,
			sans-serif;
		height: auto;
		left: 15px;
		position: relative;
		text-align: left;
		width: auto;
	}
	footer #incontrol {
		bottom: 0;
		color: #f5f5f5;
		font:
			10px/25px "Lato",
			Arial,
			Helvetica,
			sans-serif;
		height: auto;
		position: absolute;
		right: 15px;
		text-align: right;
		width: auto;
	}
	table.grid.stack > tbody > tr > td {
		display: block;
		width: 100% !important;
		margin-bottom: 24px;
	}
	table.grid.stack > tbody > tr > td:last-child {
		margin-bottom: 0;
	}
	table.grid.stack > tbody > tr > td.gutter,
	table.grid16.stack > tbody > tr > td.gutter1-16,
	table.grid16.stack > tbody > tr > td.noMobile {
		display: none;
	}
	table.grid.stack img.centered,
	table.grid.stack a.zoomlink {
		width: 100% !important;
		height: auto !important;
	}
	#content #newsList .newsitem img.noscale {
		min-width: 80px !important;
	}
	.social ul li a,
	.socialfooter ul li a {
		width: 50px !important;
	}
}
@media only screen and (max-width: 600px) {
	.width,
	#xxcontent table.grid {
	}
	#contact {
		display: none;
	}
	footer .permit {
		display: none;
	}
	#main {
		padding: 0;
	}
	#content #FullSlider .slide a .mask {
		display: none;
	}
	.social {
		max-width: 75%;
	}
	footer .copyright {
		text-align: center;
	}
	footer .social,
	#incontrol {
		display: none;
	}
}

/* ==========================================================================
   19. Helpers
   ========================================================================== */

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-justify { text-align: justify !important; }

.w-100 { width: 100% !important; }
.w-48 { width: 48.3871% !important; }
.w-46 { width: 45.714285714286% !important; }

.lh-138 { line-height: 1.38 !important; }
.mt-0 { margin-top: 0 !important; }
.mt-24 { margin-top: 24px !important; }
.mt-27 { margin-top: 27px !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-8 { margin-bottom: 8px !important; }
.mb-11 { margin-bottom: 11px !important; }
.fs-11pt { font-size: 11pt !important; }
.fs-16 { font-size: 16px !important; }
.fs-20 { font-size: 20px !important; }
.fw-normal { font-weight: 400 !important; }
.fst-normal { font-style: normal !important; }
.font-arial { font-family: Arial, sans-serif !important; }
.ls-05 { letter-spacing: 0.05em !important; }
.ls-10 { letter-spacing: 0.1em !important; }
.td-none { text-decoration: none !important; }
.ws-pre-wrap { white-space: pre-wrap !important; }

.color-black { color: #000 !important; }
.color-dark { color: #181818 !important; }
.bg-cream { background-color: #fef3e1 !important; }

.d-none { display: none !important; }

#stage.stage--16x9,
#stage.stage--16x9 #banner-rotator { aspect-ratio: 16 / 9; }
#stage.stage--3x1,
#stage.stage--3x1 #banner-rotator { aspect-ratio: 3 / 1; }
#stage.stage--static { background-size: cover; }

.mobilem-source { opacity: 0; }

#newsArchiveList .newsArchive img.preview { aspect-ratio: 270 / 270; }
img.error404-image { aspect-ratio: 1170 / 780; }

/* ==========================================================================
   20. Image captions
   ========================================================================== */

figure.img, figure.youtube, figure.vimeo, figure.map {
	display: flex ;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	position: relative;

}

figure.bg {
	position: absolute;
	width: 100%;
	z-index: -5;
	height: 100%;
	inset: 0;
}
figure.bg img.bg{

		width: 100%;
		height: auto;
		position: relative;
		object-fit: cover;
		object-position: center center;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;

}

figure .imgcaption{
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: auto;
	padding: 6px 25px 6px 6px;
	color: #fff;
	font: normal 13px/16px  Arial, Helvetica, sans-serif;
	background:  rgba(0, 0, 0, 0.5);
	text-align: left!important;
	text-shadow: 0px 0px 5px #000;
	opacity: 1;
}

figure:hover span.imgcaption{

	background: rgba(0, 0, 0, 0.75);
}

figure.img span.zoomicon {
	position: absolute;
	height: 24px;
	width: 24px;
	right: 4px;
	bottom: 4px;
	text-indent: -2000em!important;
	opacity: 0.7;
	-webkit-transition: opacity .2s linear;
	background:  url(assets/images/captions/zoom.png) no-repeat right bottom;
}

figure.img:hover span.zoomicon, figure.img:active span.zoomicon {
	display: block;
	opacity: 1!important;

}

figure{
	height: auto !important;
}

figure.video span.zoomicon, figure.youtube span.zoomicon , figure.vimeo span.zoomicon, figure.bliptv span.zoomicon  {
	position:absolute;
	height: 100%;
	width: 100%;
	right: 0px;
	bottom: 0px;
	text-indent:-2000em!important;
	background: url(assets/images/captions/play.png) no-repeat center center;
	display:block!important;
	opacity:.7;

}
figure.swf span.zoomicon {
	position:absolute;
	height: 100%;
	width: 100%;
	right: 0px;
	bottom: 0px;
	text-indent:-2000em!important;
	background: url(assets/images/captions/360.png) no-repeat center center;
	display:block!important;
	opacity:.8;

}

img.lazy {
	opacity: 0;
	transform: translateY(300px);
	transition: opacity 0.3s ease, transform 0.3s ease;
}

img.loading {
	opacity: 0;

}

img.loaded {
	opacity: 1;
	transform: translateY(0);
}

img.error {
	opacity: 0.5;
	filter: grayscale(100%);
}

/* ==========================================================================
   21. Press
   ========================================================================== */

.newsitem {
	display: flex;
	align-items: flex-start;
	text-decoration: none;
	color: inherit;
	margin-bottom: 15px;
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid  rgba(235, 140, 43, 0.7);
	transition: all .5s;
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
	transform-origin: center right;
}
.newsitem:hover{
	background: rgba(255, 255, 255, 0.679);
	box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.1);
	transform: scale(1.03);
	z-index: 10;

}

#content .news-thumb {
	margin-right: 20px;

	flex-shrink: 0;
	border-radius: 4px;
}

.news-content {
	flex: 1;
}

.newsitem .title, #content .newsitem h2{
	font: 700 18px/22px 'Roboto Slab', Arial, Helvetica, sans-serif;
	color: #535a60;
	margin-bottom: 4px;
}
.newsitem .desc, .newsitem .text{
	font: 400 14px/18px 'Roboto Slab', Arial, Helvetica, sans-serif;
	color: rgba(0, 0, 0, 0.7);
}
.newsitem .date{

	color: rgba(235, 140, 43, 0.7);
	font: 700 14px/18px 'Roboto Slab', Arial, Helvetica, sans-serif;
	margin-bottom: 6px;
}

#newsList{
	padding: 70px  0 50px;
	background-color: rgba(250, 174, 51, 0.15);
	position: relative;
}
#newsList:before{
	background-color: rgba(250, 174, 51, 0.15);
    content: ".";
    display: block;
    height: 100%;
    position: absolute;
    right: 100%;
    top: 0;
    width: 1000%;
}

#newsList:after{
    content: "What's New?";
    font: 400 24px/30px "Special Elite",Helvetica,Arial,sans-serif;
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    color: #faac31;
    margin-top: 20px;
    text-transform: uppercase;
}

#SBnewsList h4{
	color: rgba(0,0,0,0.50);
	text-decoration: none;
	display: block;
	padding: 32px 0px 0px 30px;
	font: 22px/40px 'Special Elite', Arial, Helvetica, sans-serif;
	border-bottom: 1px solid rgba(8,60,80,1.00);
}
#newsList h4{
    color: #1B6987;
    text-decoration: none;
    display: block;
    padding: 0 0 0 30px;
    font: 400 24px/40px 'Lato', Arial, Helvetica, sans-serif;
    border-bottom: 1px solid rgba(8,60,80,1.00);

}

#newsList .button{
    font: 700 12px/45px 'Lato', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding: 0 50px 0 0px;
    text-decoration: none;
    display: block;
    width: 100%;
	text-align: right;
	color: #fff;
	background-color: #faac31;
	margin: 0px auto;
	border-radius: 0px;
	letter-spacing: 0.1em;
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 45px;

}

#SBnewsList .button100{
	font: 700 12px/45px 'Lato', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 0px 50px 0px 0px;
	text-decoration: none;
	display: block;
	width: 100%;
	text-align: right;
	color: #fff;
	background-color: #faac31;
	margin: 40px auto 0px;
	border-radius: 0px;
	letter-spacing: 0.1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 45px;
}
#SBnewsList .button100:before {
	font-family: 'FontAwesome';
	font-size: 28px;
	content: '\f138';
	position: absolute;
	right: 10px;
	top: 0px;
	height: 30px;
	width: 30px;
	color: #fff;
	margin-top: 0px;
	}

#SBnewsList {
	display:block;
	clear:both;
	margin-bottom: 80px;
	}

.newsitem2{
	display: block;
	height: auto;
	box-sizing: border-box;
	width: auto;
	margin-bottom: 20px;
	overflow: hidden;
	color: #000;
	text-decoration: none;
	position: relative;
	background: rgba(0, 0, 0, 0.0);

}
.newsitem2{
	padding-left: 10px;
}
.newsitem2 .date{
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 10px;
	text-align: center;
	border: none;
	border-right: 3px double rgba(0, 0, 0, 0.19);
	font: 700 14px/16px 'Lato', Arial, Helvetica, sans-serif;
	text-decoration: none !important;

}
.newsitem2 .date .day{
	display: block;
	font: 700 20px/20px 'Lato', Arial, Helvetica, sans-serif;
	text-decoration: none !important;

}
.newsitem2 .date .month{
	display: block;
	font: 700 14px/18px 'Lato', Arial, Helvetica, sans-serif;
}
.newsitem2 .title{
	padding-left: 50px;
	font: 700 14px/18px 'Lato', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #000;
	max-height: 38px;
	height: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
	padding-bottom: 4px;
}
.newsitem2 .desc{
	padding-left: 50px;
	margin-right: 10px;
	font: 400 11px/13px 'Lato', Arial, Helvetica, sans-serif;
	color: #000;

	width: auto;

	text-overflow: ellipsis;
	box-sizing: border-box;
	overflow: hidden;
}

.newsitemFull{
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(126, 126, 126, 0.5);
	min-height: 210px;
}
.newsitemFull .date{
	background: #5aadd7;
	height: 40px;
	line-height: 40px ;
	color: #fff;
	padding: 0 20px;
	float: left;
	text-transform: uppercase;
	margin: 0 24px 24px 0;

	box-sizing: border-box;
	font: 700 16px/40px 'Lato', Arial, Helvetica, sans-serif;

}
.newsitemFull .title{
	color: #000;
	display: block;
	clear: none;
	padding: 0px;
	font: 600 16px/20px 'Lato', Arial, Helvetica, sans-serif;
	margin: 0px;
	text-transform: uppercase;

}

.newsitemFull .title span{
	display: block;
	color: #5f5f5f;
	font: italic  400 12px/16px 'Lato', Arial, Helvetica, sans-serif;
	text-transform: none;

}
.newsitemFull img{
	float: left;
	margin: 0 24px 0 0 ;
}
.button.right{
	float: right;
	display: block;
}

#_atssh{
	display: none;
}

#newsArchiveList{

	margin-right: -30px;
}

.newsArchive{
	width: 270px;
	height: auto;
	float: left;
	margin: 0 30px 30px 0;

	background-color: #536871 ;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	border-radius: 0px;

	-webkit-transition: transform .3s ease-in-out,  background-color .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out,  background-color .3s ease-in-out;
    -o-transition:  transform .3s ease-in-out,  background-color .3s ease-in-out;
    transition: transform .3s ease-in-out,  background-color .3s ease-in-out;

}
.newsArchive:hover{

	transform: scale(1.1);
	z-index: 100
}
#content .newsArchive a, #content .newsArchive a:visited{
	color: #fff;
	line-height: 0;
	display: block;
	text-decoration: none;

}
#content .newsArchive a img{

	box-shadow: none;
	margin: 0;
	width: 270px;

	border-radius: 0%;
 	margin: 0px;
 	border: 0px solid #536871;
 	box-sizing: border-box;
}
#content .newsArchive a > div{
	padding: 0 15px 15px 20px ;
	font: 400 13px/16px 'Lato', Helvetica, sans-serif;

}
#content .newsArchive a > div .more{
	display: none;
}
#content .newsArchive a:hover{
	text-decoration: none !important;
	color: inherit !important;
}
#content .newsArchive a > div .date{
	background-color: rgba(4, 4, 4, 0.6);;
	color: #fff;
	font: 700 14px/26px 'Lato', Helvetica, sans-serif;
	padding: 0 0 0 10px;
	margin: 0 -10px;

}

#content .newsArchive a > div h2{
	font: normal 600 14px/18px 'Lato', Helvetica, sans-serif;
	font 700 20px/35px "Roboto Slab","Times New Roman",Times,serif
	display: block;
	text-align: left!important;
	margin: 5px 0 8px;
	color: #fff;

}

/* ==========================================================================
   22. News grid
   ========================================================================== */

.newsitem2{
	display: block;
	height: 40px;
	box-sizing: border-box;
	width: auto;
	margin-bottom: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	color: #000;
	text-decoration: none;
	position: relative;
	background: rgba(0, 0, 0, 0.0);

}

.newsitem2 .date{
	width: 40px;
	height: 40px;
	border: 0px solid gray;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	border: none;
	border-right: 3px double rgba(0, 0, 0, 0.19);
	font: 700 14px/16px 'Open Sans', Arial, Helvetica, sans-serif;
	text-decoration: none !important;

}
.newsitem2 .date .day{
	display: block;
	font: 700 20px/20px 'Open Sans', Arial, Helvetica, sans-serif;
	text-decoration: none !important;

}
.newsitem2 .date .month{
	display: block;
	font: 700 14px/18px 'Open Sans', Arial, Helvetica, sans-serif;
}
.newsitem2 .title{
	padding-left: 50px;
	font: 700 12px/18px 'Open Sans', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #000;
	max-height: 36px;
	height: auto;
	overflow: hidden;

	text-overflow: ellipsis;
	box-sizing: border-box;
}
.newsitem2 .desc{
	padding-left: 50px;
	margin-right: 5px;
	font: 400 11px/13px 'Lato', Arial, Helvetica, sans-serif;
	color: #000;
	height: 16px;
	width: auto;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
	overflow: hidden;
	display: none;
}

.newsitemFull{
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(126, 126, 126, 0.5);
	min-height: 210px;
}
.newsitemFull .date{
	background: #5aadd7;
	height: 40px;
	line-height: 40px ;
	color: #fff;
	padding: 0 20px;
	float: left;
	text-transform: uppercase;
	margin: 0 24px 24px 0;

	box-sizing: border-box;
	font: 700 16px/40px 'Lato', Arial, Helvetica, sans-serif;

}
.newsitemFull .title{
	color: #000;
	display: block;
	clear: none;
	padding: 0px;
	font: 600 16px/20px 'Lato', Arial, Helvetica, sans-serif;
	margin: 0px;
	text-transform: uppercase;

}

.newsitemFull .title span{
	display: block;
	color: #5f5f5f;
	font: italic  400 12px/16px 'Lato', Arial, Helvetica, sans-serif;
	text-transform: none;

}
.newsitemFull img{
	float: left;
	margin: 0 24px 0 0 ;
}
.button.right{
	float: right;
	display: block;
}

#_atssh{
	display: none;
}

#newsArchiveList{

	margin-right: -30px;
}

.newsArchive{
	width: 270px;
	height: auto;
	float: left;
	margin: 0 30px 30px 0;

	background-color: #536871 ;
	background:url(assets/images/layout/background-dark.png) center top;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
	border-radius: 0px;
	color: #fff;
	-webkit-transition: transform .3s ease-in-out,  background-color .3s ease-in-out;
	-moz-transition: transform .3s ease-in-out,  background-color .3s ease-in-out;
	-o-transition:  transform .3s ease-in-out,  background-color .3s ease-in-out;
	transition: transform .3s ease-in-out,  background-color .3s ease-in-out;

}
.newsArchive:hover{
	transform: scale(1.1);
	z-index: 1
}
#content .newsArchive a, #content .newsArchive a:visited{
	color: #eee;
	line-height: 0;
	display: block;

}
#content .newsArchive a img{

	box-shadow: none;
	margin: 0;
	width: 270px;
	height: auto;

	border-radius: 0%;
	 margin: 0px;
	 border: 0px solid #536871;
	 box-sizing: border-box;
}
#content .newsArchive a > div{
	padding: 0 15px 20px 15px ;
	font: 400 13px/16px 'Lato', Helvetica, sans-serif;

}
#content .newsArchive a:hover{
	text-decoration: none !important;
	color: inherit !important;
}

#content .newsArchive a > div .more{
	display: none;
}
#content .newsArchive a > div .date{
	background-color: rgba(4, 4, 4, 0.6);
	color: #fff;
	font: 700 14px/26px 'Lato', Helvetica, sans-serif;
	padding: 0 0 0 10px;
	margin: 0 -10px;

}

#content .newsArchive a > div .title{
	font: normal 600 14px/18px 'Lato', Helvetica, sans-serif;
	font 700 20px/35px "Roboto Slab","Times New Roman",Times,serif
	display: block;
	text-align: left!important;
	margin: 5px 0 8px;
	color: #fff;
}

/* ==========================================================================
   23. Feature slider
   ========================================================================== */

#content #FullSlider{
	position: relative;
	height: auto;
	margin: 0 ;
}

#content #FullSlider .bx-wrapper{
	margin: 0;
}

#content #FullSlider .RsliderFull{
	height: 100%;
}
#content #FullSlider .list {
  display: grid;
  grid-template-columns: repeat(3, 370px);
  justify-content: center;
  grid-gap: 30px;
  max-width: 1170px;
  margin: 0 auto;
}

@media (max-width: 1170px) {
  #content #FullSlider .list {
	grid-template-columns: repeat(2, 370px);
  }

  #content #FullSlider .list .slide:nth-of-type(3) {
	grid-column: 1 / -1;
	justify-self: center;
	max-width: 370px;
  }
}

@media (max-width: 770px) {
 #content #FullSlider .list {
  grid-template-columns: 370px;
  justify-items: center;
 }
}

@media (max-width: 480px) {
  #content #FullSlider .list {
  grid-template-columns: 1fr;
  }
}

#content #FullSlider .slide{

}

#content #FullSlider .card{
	min-width:370px;
	margin: auto;

	display: block;
	position: relative;
	height: 520px;
	background-color: #faac31;

		font: 400 14px/22px 'lato','Times New Roman', Times, serif;

}

#content #FullSlider .slide:last-child{
	margin-right:0;
}
#content #FullSlider .slide a{
	display: block;
	width: 100%;
	height: 100%!important;
	text-decoration: none;

}

#content #FullSlider .slide a .mask{

	position: absolute;
	height: 60px;
	overflow: hidden;
	top: 180px;
	left: 0;
	right: 0;

}
#content #FullSlider .slide a .mask .maskinner{
	width: 270px;
	height: 270px;
	border-radius: 50%;
	border: 50px solid #faac31;
	position: absolute;
	bottom: -50px;
}
#content #FullSlider .slide a .mask .maskinner:after{
	content: " ";
	position: absolute;
	background-color: #faac31;
	width: 70px;
	height: 60px;
	right: -50px;
	bottom: 00px;

}

#content #FullSlider .slide a .mask .maskinner:before{
	content: " ";
	position: absolute;
	background-color: #faac31;
	width: 70px;
	height: 60px;
	left: -50px;
	bottom: 00px;

}

#content #FullSlider .slide a .img{
	overflow: hidden;
	position: absolute;
	width: 100%;

}
#content #FullSlider .slide a img{
	transition: all .2s ease-in-out;}

#content #FullSlider .slide a:hover img{

}

#content #FullSlider .slide a span.text{
	display: block;
	height: 280px;
	text-align: center;
	font: 300 14px/22px 'lato','Times New Roman', Times, serif;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
#content #FullSlider .slide a span.title{

	font: 400 22px/50px 'Special Elite','Times New Roman', Times, serif;
	white-space: nowrap;
	color: #000;
	position: relative;
	padding: 10px 0px ;
 	height: 50px;
 	white-space: nowrap;
 	overflow: hidden;
 	display: block;
 	box-sizing: border-box;

}

#content #FullSlider .slide a span.desc{
	display: block;
	box-sizing: border-box;
	font: 400 14px/22px 'lato', Arial, Helvetica, sans-serif;
	padding: 5px 20px ;
	text-align: justify;
	height: 132px;
	overflow: hidden;
}

#content #FullSlider .slide a span.go{
	margin-top: 10px;
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	height: 45px;
	background-color: rgba(235, 235, 235, 0.50);
	font-size: 22px;
	line-height: 30px;
	color: #676767;

	box-sizing: border-box;
}
#content #FullSlider .slide a:hover span.go{
		background-color: #c5c5c5;

	}

#content #FullSlider .slide a span.go .round{
	border-radius: 50%;
	background-color: #ffffff;
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center !important;
	margin-top: 7px;
}
#content #FullSlider .slide a span.go .round i{
	margin-left: 2px;
}

/* ==========================================================================
   24. Trip listing
   ========================================================================== */

.Triplist{
	margin-right: -30px;
}

#content .Triplist .slide{
	display: block;
	width: 370px;
	height: 415px;
	overflow: hidden;
	margin-right: 30px;
	margin-bottom: 30px;
	display: block;
	float: left;
	background: #eee;
	position: relative;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
	transition: all .3s ease-in-out;
	box-sizing: border-box;
	border-radius: 8px;

}

#content .Triplist .slide:hover{
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	transform: scale(1.1)!important;
}

#content .Triplist .slide .img{
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 200px;
	overflow: hidden;
}
#content .Triplist .slide  img{
	transition: all .2s ease-in-out !important;
	width: 100% !important;
	height: auto;
	transform: scale(1)!important;
}

#content .Triplist .slide:hover img{

}

#content .Triplist .slide .img .title{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	right: 0;
	height: 40px;
	background: rgba(0, 0, 0, 0.5);
	display: block;
	text-align: left;
	font: 500	 16px/40px 'Special Elite',Helvetica,Arial,sans-serif;
	color: #fff;
	padding: 0 15px;
	box-sizing: border-box;
}

#content .Triplist .slide .info{
	font: 400 18px/22px 'Roboto Slab', Arial, Helvetica, sans-serif;
	color: #bcbcbc;
	height: 155px;
	padding: 15px;
	box-sizing: border-box;
	position: relative;
}
#content .Triplist .slide .info .tagline{
	font: 400 15px/22px 'Roboto Slab',Helvetica,Arial,sans-serif;
	color: #b66f00;

}
#content .Triplist .slide .info .triplength{
	font: 400 12px/22px 'Roboto Slab',Helvetica,Arial,sans-serif;
	color: #303030;

}

#content .Triplist .slide .description{
	padding-top: 5px;
	font: 300 12px/20px 'Roboto Slab', Arial, Helvetica, sans-serif;
	color: #0b3b54;
	max-height: 100px;
	overflow: hidden;
	position: relative;
}

#content .Triplist .slide .more{
	position: absolute;
	right: 0px;
	bottom: -2px;
	text-align: right;
	display: inline-block;

	z-index: 10
}
#content .Triplist .slide .bottom{
	height: 60px;
	background: #002F3F url(assets/images/layout/background-dark.png) center top;
	position: relative;
	color: #fff;
}
#content .Triplist .slide .from{
	font: 400 10px/10px 'Roboto Slab',Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	position: absolute;
	top: 10px;
	left: 38px;
	opacity: .5;

}
#content .Triplist .slide .price{
	position: absolute;
	left: 25px;
	top: 23px;
	font: 400 24px/24px 'Roboto Slab',Helvetica,Arial,sans-serif;

}
#content .Triplist .slide .price sup, #content .Triplist .slide .price sub{
	font: 400 14px/14px 'Roboto Slab',Helvetica,Arial,sans-serif;
	display: inline-block;
}
#content .Triplist .slide .price .sub{
	font: 400 12px/12px 'Roboto Slab',Helvetica,Arial,sans-serif;
	display: inline-block;
}

#content .Triplist .slide .bookit{
	position: absolute;
	right: 20px;
	bottom: 14px;}

#content  .bookit .button{
	background: #FAAC31;
	font: 400 14px/28px 'Roboto Slab',Helvetica,Arial,sans-serif;
	border-radius: 5px;
	padding: 0 15px;
	text-transform: uppercase;
	color: #000;
	display: inline-block;
	cursor: pointer;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.34);
	height: auto;
	margin: auto;
	border: 1px solid #b66f00
}
#content  .bookit .button:hover{
	background: #b66f00;
	color: #000;
}

@media only screen and (min-width: 100px) and (max-width: 1200px) {

		.Triplist {
			margin-right: -30px;
			margin: 0 auto;
			width: 800px;
			padding-left: 30px;
		}
}

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

		#content .Triplist .slide {
			display: block;
			width: 370px;
			height: 415px;
			overflow: hidden;
			margin-right: auto;
			margin-left: auto;
			margin-bottom: 30px;
			display: block;
			float: none;
			background: #eee;
			position: relative;
			box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
			transition: all .3s ease-in-out;
			box-sizing: border-box;
			border-radius: 8px;
		}
		.Triplist {
			margin-right: 00px;
			margin: 0 auto;
			width: 100%;
			padding-left: 0px;

		}
}

/* ==========================================================================
   25. Contact Form 7
   ========================================================================== */

.wpcf7-form-control-wrap { display: block; position: static; }

form.simple .thefield input.wpcf7-not-valid,
form.simple .thefield textarea.wpcf7-not-valid {
	border: 1px solid rgb(255 0 0 / .5) !important;
	background-color: rgb(255 255 255 / .5);
}
form.simple .thefield input.wpcf7-not-valid:focus,
form.simple .thefield textarea.wpcf7-not-valid:focus {
	border: 1px solid #31AAE2 !important;
	color: #000;
}

form.simple .wpcf7-not-valid-tip {
	font-size: .7em;
	display: block;
	clear: both;
	line-height: 1.2em;
	color: #900;
	position: static;
	top: auto;
	left: auto;
	width: auto;
	background: none;
	border: 0;
	padding: 0;
}

.wpcf7 form .wpcf7-response-output {
	font: 400 16px/26px 'Roboto Slab', Helvetica, Arial, sans-serif;
	margin: 15px 0 0;
	padding: 12px 15px;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
}
.wpcf7 form.sent .wpcf7-response-output {
	border-color: #719567;
	color: #414141;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: rgb(255 0 0 / .5);
	color: #900;
}

form.simple div.buttonsdiv input.button100 {
	display: inline-block;
	width: auto;
	cursor: pointer;
}

form.simple div.buttonsdiv { position: relative; }
.wpcf7-spinner { margin: 0 0 0 8px; vertical-align: middle; }
form.simple div.buttonsdiv .wpcf7-spinner { position: absolute; }

/* ==========================================================================
   26. Widget areas
   ========================================================================== */

/* Top Bar and Site Footer widgets render their markup as if written in place. */
#topNav .custom-html-widget,
footer .custom-html-widget {
	display: contents;
}

/* ==========================================================================
   27. Content spacing
   ========================================================================== */

/* Blank lines between paragraphs, one line height (lh) per step. */
#content .line-gap-before {
	padding-top: 30px;
	padding-top: 1lh;
}
#content .line-gap-before-2 {
	padding-top: 60px;
	padding-top: 2lh;
}
#content .line-gap-before-3 {
	padding-top: 90px;
	padding-top: 3lh;
}
#content .line-gap-after {
	padding-bottom: 30px;
	padding-bottom: 1lh;
}
#content .line-gap-after-2 {
	padding-bottom: 60px;
	padding-bottom: 2lh;
}
#content .line-gap-after-3 {
	padding-bottom: 90px;
	padding-bottom: 3lh;
}
#content .line-gap-after-4 {
	padding-bottom: 120px;
	padding-bottom: 4lh;
}
#content .line-gap-after-5 {
	padding-bottom: 150px;
	padding-bottom: 5lh;
}

/* Empty space between blocks. */
#content .line-spacer {
	height: 30px;
	height: 1lh;
}
#content .line-spacer-2 {
	height: 60px;
	height: 2lh;
}
#content .line-spacer-3 {
	height: 90px;
	height: 3lh;
}
#content .line-spacer-4 {
	height: 120px;
	height: 4lh;
}
#content .line-spacer-7 {
	height: 210px;
	height: 7lh;
}
#content .line-spacer-9 {
	height: 270px;
	height: 9lh;
}
#content .line-spacer-10 {
	height: 300px;
	height: 10lh;
}
#content .line-spacer-11 {
	height: 330px;
	height: 11lh;
}

/* Paragraphs in dark panels and side utility tables take the surrounding text colour. */
#content .dark p,
#content table.table_utility_left td > p,
#content table.table_utility_right td > p {
	color: inherit;
}