.ti-widget {
    margin-bottom: -55px;
}

.single-walk_categories .TopBannerText h1 {
    font-size: 50px;
    line-height: 56px;
    margin-bottom: 8px;
}


@media all and (max-width: 600px) {

	#open-all-accordions {
		display: none;
	}

}


@media all and (max-width: 992px) {

	.single-walk_categories .bannerlarge,
	.single-walk_categories .bannerlarge img {

		height: 720px !important;
	}
	
	
	.single-walk_categories .WalkBannerTextLeft {
		top: 40%;
	}
	
	
}

#walks_menu {
    position: absolute;
    background: rgba(0,0,0,0.25);
    z-index: 999;
    padding: 30px;
    border-radius: 40px;
    color: white;
    display: flex;
    gap: 20px;
    text-align: center;	
	bottom: 20%;
}

@media all and (max-width: 1200px) {

	#walks_menu {

        background: #374069;
        border-radius: 0;
        justify-content: center;
        width: 100%;
        bottom: -80px;
		padding: 20px;
	}
	
	#walks_menu div {

		padding: 10px 20px;
		/* height: 40px; */
		line-height: 20px;
		font-size: 16px;
	}
	
	.BlueIntroArea {

		margin-top: 10px;
	}


}

#walks_menu div {
    cursor: pointer;
    /* text-decoration: underline; */
    font-size: 18px;
    border: 1px solid white;
    border-radius: 40px;
    padding: 10px 20px;
}

#walks_menu div:hover {
    outline: 1px solid white;
}

.css-grid {
    display: grid;
}

.BlueIntroArea .css-grid {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}

.ContentArea .BlueIntroArea .Usps {
    display: flex;
    align-items: center;
	gap: 15px;
	border: 1px solid rgba(255,255,255,0.25);
}

.ContentArea .BlueIntroArea .icon img {
    width: 100px;
    height: 100px;
}


body.single #menu-main-menu .menu-item-1476 a,
body.single #menu-main-menu-german .menu-item-1797 a,
body.single #menu-main-menu-usa .menu-item-1821 a {
		background: rgba(0,0,0,0)!important;
		border: solid 3px rgba(0,0,0,0)!important;
		color: #fff!important;
}

body.single #menu-main-menu .menu-item-1476 a:hover,
body.single #menu-main-menu-german .menu-item-1797 a:hover,
body.single #menu-main-menu-usa .menu-item-1821 a:hover {
		background: #fff!important;
		border: solid 3px #fff!important;
		color: #217eae!important;
}

#video-container,
.page-id-133 #video-container,
.home #video-container,
.home-video {
    width: 100%;
    height: 0;
    padding-bottom: 52.7%;
    position: relative;
	
	display: flex;
    justify-content: center;
}

#video-container iframe,
.walk_categories-template-default #video-container iframe,
.page-template-TemplateWalks2020 #video-container iframe,
.page-id-133 #video-container iframe,
.home  #video-container iframe {
    width: 100%;
    HEIGHT: 100%;
    position: absolute;
    top: 0;
}

#filters-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
	width: 60%;
    margin: 15px 20%;
}

#no_walks {
	font-size: 25px;
	line-height: 30px;
	text-align: center;
	color: #1D7EA9;    
}

#reset_walk_filters {
    padding: 5px 35px 5px 25px;
    margin: 0 auto;
    background: url(../img/icon-link-blue.svg) right 15px top 50% no-repeat;
    background-size: 15px 15px;
    border-radius: 25px;
    border: 2px solid #374069;
    color: #217eae;
	font-size:  15px;
}

.Filters-column {
	width: 100%;
	margin: 10px;
}

/*------------------------------------*\RESETS\*------------------------------------*/

a {
	color: #fff;
}
a:hover {
	text-decoration: none;
	color: #fff;
}
a:hover, a:focus {
	outline: none;
}
ul, ol, li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.wow {
	visibility: hidden;
}
img {
	width: 100%;
	height: auto;
}

.NoFullWidth {
	width: auto;
	height: auto;
}
.NoMargin {
	margin: 0px!Important;
}
.Centered {
	margin: 0 auto;
	float: none;
}
.Centered img {
	margin: 0 auto;
}
.SmallMarginBottom {
	margin-bottom: 25px;
}
.SmallMarginTop {
	margin-top: 25px;
}
.MarginBottom {
	margin-bottom: 25px;
}
.MarginTop {
	margin-top: 35px;
}

.LargeMarginTop {
	margin-top: 55px;
}
.MarginTopLarge {
	margin-top: 100px;
}
.MarginBottomLarge {
	margin-bottom: 100px;
}
.PaddingLeft {
	padding-left: 15px!Important;
}
.PaddingRight {
	padding-right: 15px!Important;
}
.PaddingTop {
	padding-top: 15px!Important;
}
.PaddingBottom {
	padding-bottom: 15px!Important;
}
.MarginLeft {
	margin-left: 15px!Important;
}
.MarginRight {
	margin-right: 15px!Important;
}
.NoPadding {
	padding: 0px!Important;
}
.NoPaddingLeft {
	padding-left: 0px!Important;
}
.NoPaddingRight {
	padding-right: 0px!Important;
}
.FloatRight {
	float: right;
}
.FloatNone {
	float: none;
}
.ImageNoResize {
	text-align: center;
}
.ImageNoResize img {
	width: auto!important;
	height: auto!important;
}
.FloatLeft {
	float: left!important;
}
.TextCenter {
	text-align: center;
}
.TextRight {
	text-align: right;
}
.TextLeft {
	text-align: left;
}
.FullWidth {
	width: 100%;
	clear: both;
	float: left;
}
.Center {
	margin: 10px auto;
}
.Uppercase {
	text-transform: uppercase;
}

::-webkit-input-placeholder {
	color: #fff;
}
:-ms-input-placeholder {
	color: #fff;
}
::-moz-placeholder {
	color: #fff;
	opacity: 1;
}

.MobileNavCont input {
	-webkit-appearance: none!important;
}
:focus {
    outline: -webkit-focus-ring-color auto 0px;
}


.Clear:before, .Clear:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after {
	content: " ";
	display: table;
}
.Clear:after, .container:after, .container-fluid:after, .row:after {
	clear: both;
}

.ShowTabletMobile {
	display: none
}
.MobileNav {
	display: none;
}
.appear {
	display: block;
}
.noappear {
	display: none!important;
}

#cn-accept-cookie {
    color: #217eae;
    background: #fff;
}

.cn-privacy-policy-link {
    color: #fff;
	font-weight: 700;
}

.cn-privacy-policy-link:hover {
    color: #fff;
}

.cn-close-icon {
	display: none!important;
}



/*------------------------------------*\FONTS\*------------------------------------*/

p {
	font-size: 18px;
	line-height: 25px;
	padding: 0px;
	margin: 0 0 10px 0;
	color: #374069;
	font-weight: 400;
}
p a {
	font-weight: 700;
	color: #217eae;

}
p a:hover {
		color: #374069;

}
h1, h2, h3, h4, h5, h6 {
	margin: 0px 0 20px 0;
	padding: 0px;
	color: #217eae;
	font-weight: 400;
    font-family: 'Volkhov', serif;

}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #217eae;

}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #217eae;
}
h1 {
	font-size: 45px;
	line-height: 55px;
}
h2 {
	font-size: 50px;
	line-height: 65px;
}
h3 {
	font-size: 45px;
	line-height: 55px;
}
h4 {
	font-size: 40px;
	line-height: 50px;
}
h5 {
	font-size: 30px;
	line-height: 40px;
}
h6 {
	font-size: 20px;
	line-height: 30px;
}

blockquote {
	display: block;
	padding: 15px 20px 15px 45px;
	margin: 25px 0 25px 0;
	position: relative;
	font-size: 18px;
	line-height: 25px;
	border-left: 5px solid #217eae;
	font-style: italic;
}
blockquote::before {
	content: "\201C";
    font-family: 'Volkhov', serif;
	font-size: 70px;
	color: #217eae;
	position: absolute;
	left: 10px;
	top: 0px;
	font-style: normal;
}

blockquote::after {
	content: "\201D";
    font-family: 'Volkhov', serif;
	font-size: 70px;
	color: #217eae;
	position: absolute;
	right: 10px;
	bottom: -20px;
	font-style: normal;
}

button, .PostLink a {
	vertical-align: middle;
	padding:10px 20px 10px 20px; 
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: inline-block;
	margin: 0px;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	border: solid 2px #217eae;
	background: #217eae;
	letter-spacing: 1px;
	font-weight:400;
	position: relative;
	border-radius: 25px;
}


button:hover, .PostLink a:hover {
	background: #374069;
		border: solid 2px #374069;

}

button:hover:after, .PostLink a:hover:after  {
  background: url(../img/icon-link-blue.svg) center center no-repeat;
    background-size:contain;

}


.PostLink a  {
	padding: 15px;
}
.PostLink a::after  {
  display: none!important;
}
.PostLink a:hover:after  {
  display: none!important;
}



/*------------------------------------*\BUTTONS\*------------------------------------*/

.ArrowButton a,
 a .ArrowButton,
button.ArrowButton {
	font-size:20px;
	line-height: 25px;
	color: #217eae;
	letter-spacing: 2px;
	 position: relative;
    z-index:2;
	padding: 5px 20px 5px 0px;
	display: inline-block;
	margin-top: 5px;
	text-transform:uppercase;
	font-weight: 700;
	background: url(../img/icon-link-blue.svg) right 0px top 50% no-repeat #fff;
	background-size: 20px 20px;

}

.ArrowButtonInline {
		display: inline-block;
		margin-right: 15px;
}

.ArrowButton a,
.ArrowButton a:before,
a .ArrowButton,
a .ArrowButton:before,
button.ArrowButton,
button.ArrowButton:before
  {
  transition: all .5s;
}


.ContentArea .ArrowButton a:before,
a .ContentArea .ArrowButton:before,
.ContentArea button.ArrowButton:before  {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  content: '';
  background: #217eae;
  height: 2px;
  z-index:1;
}

.ContentArea .ArrowButton a:hover::before, 
.ContentArea .ArrowButton a:focus::before, 
a:hover .ContentArea .ArrowButton:before,
a:focus .ContentArea .ArrowButton:before,
.ContentArea button.ArrowButton:hover:before,
.ContentArea button.ArrowButton:focus:before
{
	opacity: 1;
	  width: 80px;
}




/*------------------------------------*\FORMS&POPUP\*------------------------------------*/



.BlueIntroArea input {
   margin: 0px!important;
    background: #217eae!important;
    border: 2px #fff solid!important;
    color: #fff!important;
    font-size: 16px!important;
    border-radius: 25px!important;
}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #ededed!important;
}


.submit-wrap input,
.btn-default {
    vertical-align: middle;
	padding:10px 35px 10px 25px!important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: block!important;
	margin: 0px!important;
	color: #fff!important;
	font-size: 20px!important;
	line-height: 25px!important;
	border: none!important;
	letter-spacing: 1px!important;
	font-weight:700!important;
	position: relative!important;
	border-radius: 25px!important;
	text-transform:uppercase!important;
	background: url(../img/icon-link-white.svg) right 15px top 50% no-repeat #217eae!important;
	background-size: 20px 20px!important;
}

.caldera-grid a {
    color: #374069!important;
	text-decoration: underline!important;
}

.btn-default:hover {
	background: url(../img/icon-link-white.svg) right 5px top 50% no-repeat #374069!important;
	color: #fff!important;
	background-size: 20px 20px!important;
}

button.remodal-close {
    z-index: 99;
}

.nf-form-cont {
    background: white;
    border-radius: 10px;
}

.nf-form-content {
    max-width: 900px;
    padding: 10px;
}

.nf-form-content .nf-field-container {
    margin-bottom: 15px;
}

.label-above .nf-field-label {
    margin-bottom: 8px;
}

.nf-field .list-radio-wrap .nf-field-element li {
    display: inline-block;
    margin-right: 10px !important;
}

.nf-field .nf-field-element textarea {
    height: 125px;
}

.nf-field-element hr {
    border-top: 1px solid #217eae !important;
}

.nf-field .nf-field-label {
    margin: 0;
}

.nf-field a {
    color: #217eae;
}

.nf-field .nf-field-label label {
    font-weight: 400;
}

.nf-field .field-wrap input[type=submit] {
    width: auto;
    color: white !important;
    border: 0;
}

.nf-form-fields-required {
    display: none;
}

.nf-field-container {
    margin-bottom: 20px;
}

.nf-field-element ::placeholder {
    color: #217eae !important;
    font-size: 16px;
}

.nf-field-label,
.caldera-grid label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 400!important;
	color: #374069;
	font-size: 17px;
}

.nf-form-title {
    display: none;
}

.remodal .nf-before-form-content {
    display: none;
}

.remodal .nf-field h5 {
    margin: 0;
}

.ninja-forms-field {
    border-radius: 8px;
}

.submit-wrap .nf-field-element input {
    padding: 10px 40px 10px 20px !important;
}

.nf-field-element select,
.nf-field-element textarea,
.nf-field-element input,
.caldera-grid .form-control {
	border: 1px solid #217eae;
	padding: 10px!important;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    border: solid 2px #ededed;
    color: #217eae;
    border-radius: 6px;
}

.caldera-grid .form-control {
    height: auto !important;
}

.caldera-grid .form-control,
.caldera-grid .form-control, .caldera-grid output {
	font-size: 18px!important;
	line-height: 20px!important;
	color: #fff!important;
}

.caldera-grid .form-control,
.caldera-grid textarea.form-control {
	background: #fff!important;
	border: solid 2px #ededed!important;
	color: #217eae!important;
	border-radius: 5px!important;
}

.caldera-grid hr {
	border-top: 1px solid #374069!important;
}

.caldera-grid .form-group {
    margin-bottom: 20px!important;
}

.field-wrap select,
.Drop .form-control {
	height: 45px!important;
}

.caldera-grid .form-control::-moz-placeholder {
    color: #217eae!important;
    opacity: 1!important;
}

input::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
 color: #217eae!important;
    opacity: 1!important;
}

input::-webkit-input-placeholder {
 color: #fff!important;
    opacity: 1!important;
}

.caldera-grid .breadcrumb>.active, .caldera-grid .breadcrumb>.active>a {
	color: #217eae!important;
	font-weight: 700;
}

.nf-field-element textarea:focus,
.nf-field-element input:focus,
.caldera-grid .form-control:focus,
.caldera-grid textarea.form-control:focus {
		border: solid 2px #217eae!important;
		-webkit-box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0)!important;
	-moz-box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0)!important;
	box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0)!important;
}

.caldera-grid input[type=checkbox], .caldera-grid input[type=radio] {
	margin-left: -20px!important;
	float: left!important;
	position: relative!important;
	width: 15px!important;
	height: 15px!important;
	background: #fff!important;
	border: solid #217eae 2px!important;
	top: 2px;
	cursor: pointer!important;
}
.caldera-grid input[type=radio]:checked+label:before {
	content: "\2713";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 15px;
	color: #fff!important;
	text-align: center;
	line-height: 15px;
}

/*------------------------------------*\BACKGROUNDS & RELATED STYLES\*------------------------------------*/

body {
	-moz-osx-font-smoothing: grayscale;
		font-weight: 400;
	background: #fff;
    font-family: 'Ubuntu', sans-serif;
}

.WhiteBack {
	background: #fff;
}

.GreyBack {
	background: #ededed;
}


.TextButton {
	clear: both;
}
.ContentArea {
	clear: both;
}

/*------------------------------------*\TRANSISTIONS\*------------------------------------*/

a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/*------------------------------------*\MENU STYLES\*------------------------------------*/

#menu-main-menu,
#menu-main-menu-german,
#menu-main-menu-usa,
#menu-main-menu-dutch {
	text-align: center;
	position: relative;
}

#menu-main-menu li,
#menu-main-menu-german li,
#menu-main-menu-usa li,
#menu-main-menu-dutch li {
	display: inline-block;
	padding: 0;
	
}
#menu-main-menu li a, 
#menu-main-menu-german li a, 
#menu-main-menu-usa li a,
#menu-main-menu-dutch li a {
	font-size: 18px;
	color: #fff;
	margin: 10px 3px;
	display: inline-block;
	outline: none;
	text-transform:uppercase;
	font-weight: 700;
	letter-spacing: 1px;
		padding: 3px 0;
	border-bottom: solid 3px rgba(0,0,0,0);
		border-radius: 25px!important;
	border: solid 3px rgba(0,0,0,0);
	padding: 8px 13px!important;
}


#menu-main-menu li ul.sub-menu,
#menu-main-menu-german li ul.sub-menu,
#menu-main-menu-usa li ul.sub-menu,
#menu-main-menu-dutch li ul.sub-menu {
	background-color: #217eae;
	position: absolute;
	z-index: 95;
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: 200ms ease;
	-moz-transition: 200ms ease;
	-o-transition: 200ms ease;
	transition: 200ms ease;
	box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.2);
}
#menu-main-menu li:hover ul.sub-menu,
#menu-main-menu-german li:hover ul.sub-menu,
#menu-main-menu-usa li:hover ul.sub-menu,
#menu-main-menu-dutch li:hover ul.sub-menu {
	visibility: visible;
	opacity: 1;
	filter: alpha(opacity=100);
}

#menu-main-menu li .sub-menu li,
#menu-main-menu-german li .sub-menu li,
#menu-main-menu-usa li .sub-menu li,
#menu-main-menu-dutch li .sub-menu li {
    width: 100%;
	display: block;
	margin-left: 0;
	border-bottom:  solid 1px #fff;
	margin: 0!important;
	padding: 0!important;
}

#menu-main-menu li .sub-menu li a,
#menu-main-menu-german li .sub-menu li a,
#menu-main-menu-usa li .sub-menu li a,
#menu-main-menu-dutch li .sub-menu li a {
	display: block;
	padding: 10px 10px;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	border: solid 0 #fff!important;
	text-align: left;
	border-radius: 0!important;
		background: #217eae;
	margin: 0!important;

}
#menu-main-menu li .sub-menu li a:hover,
#menu-main-menu-german li .sub-menu li a:hover,
#menu-main-menu-usa li .sub-menu li a:hover,
#menu-main-menu-dutch li .sub-menu li a:hover {
	color: #fff;	border: solid 0 #fff!important;
	background: #374069;
	border-radius: 0!important;
}


.OurWalksNav a {
	border-radius: 25px!important;
	border: solid 6px #fff!important;
	padding: 8px 13px!important;
	margin-left: 10px!important;
	margin-right: 10px!important;
}

.OurWalksNav a:hover {
	background: #fff!important;
	color: #217eae!important;

}

#menu-main-menu li a:hover, 
#menu-main-menu-german li a:hover,
#menu-main-menu-usa li a:hover,
#menu-main-menu-dutch li a:hover {
			border-radius: 25px!important;
	border: solid 3px #fff!important;
	padding: 8px 13px!important;
	background: #fff;
	color: #217eae;}
	
#menu-main-menu a {
  position: relative;
}

#menu-main-menu .current-page-ancestor a,
#menu-main-menu .current-menu-item a,
#menu-main-menu .current_page_parent a,
#menu-main-menu-german .current-page-ancestor a,
#menu-main-menu-german .current-menu-item a,
#menu-main-menu-german .current_page_parent a,
#menu-main-menu-usa .current-page-ancestor a,
#menu-main-menu-usa .current-menu-item a,
#menu-main-menu-usa .current_page_parent a,
#menu-main-menu-dutch .current-page-ancestor a,
#menu-main-menu-dutch .current-menu-item a,
#menu-main-menu-dutch .current_page_parent a {
	border-radius: 25px!important;
	border: solid 3px #fff!important;
	padding: 8px 13px!important;
	background: #fff;
	color: #217eae;
	}


	
/*------------------------------------*\HEADER STYLES\*------------------------------------*/

header {
	width: 100%;
	z-index: 99;
}


.MobileHeader {
	display: none;
}


.overlay2 {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 10001;
		display: block;
	  background: url(../img/foot-prints.svg) center top no-repeat #217eae;
	  background-size:contain;
}
	
.overlay2 .overlay-close {
		width: 40px;
		height: 40px;
		position: absolute;
		left: 5px;
		top: 5px;
		overflow: hidden;
		border: none;
		background: url(../img/icon-close2.svg) 50% 50% no-repeat;
		text-indent: 200%;
		color: transparent;
		outline: none;
		z-index: 10002;
		cursor: pointer;
		padding: 0px;
		margin: 0px;
		background-size:cover;
}
	
	.overlay .overlay-close::after {
		display: none;
	}
	
	.overlay2 .overlay-close:hover {
		background: url(../img/icon-close1.svg) 50% 50% no-repeat;
		background-size:cover;
	}
	
.overlay-hugeinc {
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
		transition: opacity 0.5s, visibility 0s 0.5s;
	}
	.overlay-hugeinc.open {
		opacity: 1;
		visibility: visible;
		-webkit-transition: opacity 0.5s;
		transition: opacity 0.5s;
	}
	.overlay-hugeinc nav {
		-webkit-perspective: 1200px;
		perspective: 1200px;
	}
	.overlay-hugeinc nav ul {
		opacity: 0.4;
		-webkit-transform: translateY(-25%) rotateX(35deg);
		transform: translateY(-25%) rotateX(35deg);
		-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
		transition: transform 0.5s, opacity 0.5s;
	}
	.overlay-hugeinc.open nav ul {
		opacity: 1;
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
		width: 100%;
	}
	.overlay-hugeinc.close nav ul {
		-webkit-transform: translateY(25%) rotateX(-35deg);
		transform: translateY(25%) rotateX(-35deg);
	}
	
.FormButton {
		color: #fff;
		text-align: center;
		font-size: 21px;
		cursor: pointer;
		font-weight: 700;
		height: 50px;
		width: 50px;
		line-height: 45px;
		position: absolute;
		height: 50px;
		width: 100px;
		background: red;
		z-index: 10000000;
	}
	
.overlay {
	display: none;
}

.Header {
	position:absolute;
	width: 100%;}

.Header:after {
    height: 160px;
    position: absolute;
    z-index: 20;
    width: 100%;
	content: "";
	top: 0;
	    left: 0;
		right: 0;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%); 
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#00000000',GradientType=0 ); 
}

.HorLogoCont {
	width: 160px;
	position: absolute;
}

.HorLogo {
	width: 160px;
	display: none;
	background: #374069;
	height: 67px;
	padding: 5px;
	}
	
.MainNavOuter {
	margin-top: 40px;
	float:left;
	text-align: center;
	width: 100%;
	}
	
	.MainNavInner {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}
.MainNav {
	z-index: 100;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}

.Logo {
	position: absolute;
	left: 20px;
	width: 250px;
	height: 250px;
	z-index: 110;
	text-align:center;
}

.Logo img {
	width: 230px;
	margin: 10px;	
}

.Logo h6 {
		font-size: 14px;
		display:inline-block;
		padding: 4px 7px;
		line-height: 12px;
		text-transform:uppercase;
	color: #fff;
}

.Language {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 110;
}

.Language a {
	position: relative;
    display: inline-block;
    border-radius: 25px;
    text-align: center;
    color: #374069;
    padding: 4px;
	 border: solid 2px #fff;
	width: 35px;
	height: 35px;
	background: rgba(0,0,0,0.6);
}

.Language a:hover,
.active-language {
	background:#fff!important;
}

.other-language {
    opacity: 0;
    top: 35px !important;
    background: #1b314c;
    pointer-events: none;
	position:relative!important;
	margin-top: 5px;
}

.Language:hover .other-language {
	opacity:1;
	pointer-events:initial;
}

/*------------------------------------*\BREADCRUMBS\*------------------------------------*/

.BreadcrumbsCont {
	width: 100%;
	background: #ededed;
}
.breadcrumbs {
	color: #217eae;
	font-size: 14px;
	margin: 25px 0 25px 0;
	letter-spacing: 1px;
}
.breadcrumbs a,
.breadcrumbs span {
	color: #217eae;
}

.breadcrumbs a span {
	color: #374069!important;
}
.breadcrumbs a span:hover {
	color: #217eae!important;
}	


/*------------------------------------*\BANNER STYLES\*------------------------------------*/



body .bannerlarge,
.bannerlarge img {
	height: 900px!important;
	object-fit: cover;
	max-height: 100vh;
	min-height: 680px;
}

.single-walk_categories .bannerlarge,
.single-walk_categories .bannerlarge img {
	min-height: 840px;
}

.bannermedium,
.bannermedium img {
	height: 750px!important;
	object-fit: cover;
}

.bannersmall,
.bannersmall img {
	height:400px!important;
	object-fit: cover;
}

.bannerno,
.bannerno img {
	height: 0!important;
}

.TopBanner:after,
.TopBannerMobile:after{
    height: 100%;
    position: absolute;
    z-index: 20;
    width: 100%;
	content: "";
	top: 0;
	left: 0;
	right: 0;
}

.Opacity1:after {
   background: rgba(0,0,0,1) 
}
.Opacity8:after {
   background: rgba(0,0,0,0.8);
}
.Opacity6:after {
   background: rgba(0,0,0,0.6);
}
.Opacity4:after {
   background: rgba(0,0,0,0.4);
}
.Opacity2:after {
   background: rgba(0,0,0,0.2);
}
.Opacity0:after {
   background: rgba(0,0,0,0);
}

.TopBannerText {
	top: 55%;
	transform: translateY(-50%);
	float: none;
	position: absolute;
	z-index: 90;
}

.InsetFillWidth {
	left: 0;
    right: 0;
}

.HomeTopBannerText {
	top:80%;
	transform: translateY(-80%);
}

.TopBannerTextCont {
    position: relative;
	background: #217eae;
	min-height: 200px;
}

.TopBannerText * {
    color: #fff;
}

.TopBannerText h2, .TopBannerText h1 {
    font-size: 72px;
    line-height: 84px;
    margin: 0px;
    z-index: 20;
	position: relative;
}

.TopBannerTextCont p {
    font-size: 20px;
    line-height: 25px;
    z-index: 20;
}

.TopBannerTextCont p a:hover {
    color: #fff!important;
	text-decoration:underline!important;
}
.NoBorder {

	border: none!important;
}

/*------------------------------------*\BODY STYLES\*------------------------------------*/


.LineShadow {
	border-left: solid 1px #ededed;
	padding-left: 45px;
}
.LineShadow::after {
	content:"";
	position: absolute;
	height: 100%;
	left: -51px;
	width: 50px;
	top: 0;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );

}

.WhiteText,
.WhiteText p  {
	color: #fff!important;
}

.SideNav,
.SideNavMobile {
	z-index: 90;
	position: absolute;
    width: 100%;
	padding-right: 0px;
	left: 15px;
}

.SubPage .SideNav,
.SubPage .SideNavMobile {
	padding-right: 15px;
}

.NavHolder {
	padding-right: 0;
}

.IntroList {
	display: block;
	width: 100%;
	font-size: 30px;
	line-height: 35px;
		color: #000;
	padding: 0px 10px 10px 0px;
	letter-spacing: 1px;
}

.SideNav li a,
.SideNav label,
.SideNavMobile li a {
	display: block;
	width: 100%;
	font-size: 24px;
	line-height: 30px;
	padding: 25px 10px 25px 0;
	color: #217eae;
	background-position: right 5px top 50%;
	background-size: 20px 20px;
    font-family: 'Volkhov', serif;
	border-top: solid 1px #ededed;
	cursor:pointer;
	position:relative;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.SideNav label:first-child {
	border: 0;
	width: 100%;
}

.SideNav label {
	padding: 10px 10px 10px 0;
}

.SideNav li a:last-child,
.SideNavMobile li a:last-child {}


.SideNav li a:hover,
.SideNavMobile li a:hover{
	color: #217eae;
	background: url(../img/icon-link-blue.svg) right -5px top 50% no-repeat #fff;
	background-size: 20px 20px;
	padding: 25px 10px 25px 0;
	position:relative;
}

.SideNav label:hover {
	color: #217eae;
	background: url(../img/icon-link-blue.svg) right -5px top 50% no-repeat #fff;
	background-size: 20px 20px;
	padding: 10px 10px 10px 0;
}

@media (min-width: 993px) {
	.SideNav label.active  {
		color: #217eae;
		background: url(../img/icon-link-blue.svg) right -5px top 50% no-repeat #fff;
		background-size: 20px 20px;
		padding: 10px 10px 10px 0;
	}
}

.SideNav li a:hover:after,
.SideNav label:hover:after,
.SideNav label.active:after {
	content:"";
	height: 100%;
	background: #fff;
	width: 1px;
	position: absolute;
	top: 0;
	right: -1px;
}

.SideNav li ul li a,
.SideNavMobile li ul li a
 {
	display: block;
	width: 100%;
	padding: 25px 10px 25px 0;
}
.SideNav li ul li a:hover,
.SideNavMobile li ul li a:hover {
	width: 100%;
	padding: 25px 10px 25px 10px;
}
.SideNav .current_page_item a, .current-cat, .current-cat a,
.SideNavMobile .current_page_item a, .current-cat, .current-cat a
 {
	color: #217eae!important;
		background-size: 20px 20px;
		position:relative;
	background: url(../img/icon-link-blue.svg) right 0px top 50% no-repeat #fff;
	background-size: 20px 20px;

}

.SideNav .current_page_item a:after, .current-cat:after, .current-cat a:after,
.SideNav li a:hover:after {
	content:"";
	height: 100%;
	background: #fff;
	width: 1px;
	position: absolute;
	top: 0;
	right: -1px;
    z-index: 90;
}

#secondary-nav li.current_page_ancestor>a {
	color: #000!important;
}

.current_page_ancestor {
	position: relative;
}
#secondary-nav li .current_page_item a::after {
	display: none!important;
}
.children {
	display: none;
}
.current_page_item>.children, .current_page_parent>.children, .current_page_ancestor>.children {
	display: block;
}


.slick-next {
	z-index: 50;
	right: 0px;
	cursor: pointer!important;
	background: url(../img/icon-arrow-right2.svg) right center no-repeat;
	top: 0px;
	left: auto;
	height: 100%;
	width: 50px;
	position: absolute;
	background-size: contain!important;
}
.slick-next:hover {
	background: url(../img/icon-arrow-right1.svg) no-repeat right center !important;
	background-size: contain!important;
}
.slick-prev {
	z-index: 50;
	height: 100%;
	width: 50px;
	left: 0px;
	cursor: pointer!important;
	background: url(../img/icon-arrow-left2.svg) left center no-repeat;
	position: absolute;
	background-size: contain!important;
	top: 0px;
	
}
.slick-prev:hover {
	background: url(../img/icon-arrow-left1.svg) no-repeat left center !important;
	background-size: contain!important;
}


.slick-dots button {
    display: none;
}

.slick-dots {
left: 0px;    bottom: 20px;
   width: 100%;
    position: absolute;
	z-index:95;
	text-align:center;
}



.slick-dots li {
    text-align: center;
    width: 10px;
    height: 10px;
    display: inline-block;
    list-style-type: none;
    margin: 5px 7px!important;
	background: rgba(255, 255, 255, 0);
    cursor: pointer;
    border-radius: 30px;
	border: solid 1px #fff;
		-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

}
.slick-dots li:hover {
       background: #fff;
	   border: solid 1px #fff;
	   	transform: scale(1.5);
}


.slick-dots .slick-active {
       background: #fff;
	   border: solid 1px #fff;
}

.chocolat-zoomable.chocolat-zoomed .chocolat-img {
	cursor: zoom-out;
}

.chocolat-open {
	overflow: hidden;
}

.chocolat-overlay {
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	display: none;
	opacity: 0.9;
	background: center center no-repeat #217eae!important;
	background-size: cover;
}

.chocolat-wrapper {
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 160;
	color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.chocolat-zoomable .chocolat-img {
	cursor: zoom-in;
}
.chocolat-loader {
	height: 64px;
	width: 64px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -32px;
	margin-top: -32px;
	z-index: 1100;
	background: url(../img/loader.gif);
	display: none;
}
.chocolat-content {
	position: fixed;
	width: 0px;
	height: 0px;
	left: 50%;
	top: 50%;
	z-index: 1400;
	text-align: left;
	border: none!important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

}
.chocolat-content .chocolat-img {
	position: absolute;
	width: 100%;
	height: 100%;
	border-bottom-left-radius: 25px;
    border-top-right-radius: 25px;
	border: solid 5px #fff;
	-webkit-box-shadow: 0px 0px 8px 8px rgba(63,70,76,0.5);
-moz-box-shadow: 0px 0px 8px 8px rgba(63,70,76,0.5);
box-shadow: 0px 0px 8px 8px rgba(63,70,76,0.5);
}
.chocolat-wrapper .chocolat-left {
	position: absolute;
	left: 0px;
	width: 50px;
	height: 50px;
	top: 50%;
	margin-top:-25px;
	cursor: pointer;
	background: url(../img/icon-arrow-left2.svg) 50% 50% no-repeat;
	z-index: 1700;
	display: none;
	background-size: contain;
	
}
.chocolat-wrapper .chocolat-left:hover {
	background: url(../img/icon-arrow-left1.svg) no-repeat 50% 50% !important;
	background-size: contain!important;
	width: 50px;
}
.chocolat-wrapper .chocolat-right {
	position: absolute;
	right: 0px;
	width: 50px;
	height: 50px;
	top: 50%;
	margin-top: -25px;
	cursor: pointer;
	background: url(../img/icon-arrow-right2.svg) 50% 50% no-repeat;
	z-index: 1700;
	display: none;
	background-size: contain;
	
}
.chocolat-wrapper .chocolat-right:hover {
	background: url(../img/icon-arrow-right1.svg) no-repeat 50% 50% !important;
	background-size: contain!important;
	width: 50px;
}
.chocolat-wrapper .chocolat-right.active, .chocolat-wrapper .chocolat-left.active {
	display: block;
	
}
.chocolat-wrapper .chocolat-top {
	position: absolute;
	top: 0px;
	right: 0;
	left: 0;
	line-height: 50px;
	height: 50px;
	overflow: hidden;
	z-index: 1700;
	margin-bottom: 10px;
}
.chocolat-wrapper .chocolat-close {
	width: 40px;
	height: 40px;
	cursor: pointer;
	position: absolute;
	top: 5px;
	right: 5px;
	background: url(../img/icon-close2.svg) 50% 50% no-repeat;
	background-size: contain;
	border-radius: 25px;
}
.chocolat-wrapper .chocolat-close:hover {
	background: url(../img/icon-close1.svg) 50% 50% no-repeat;
	background-size: contain;
}
.chocolat-wrapper .chocolat-bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 50px;
	height: 50px;
	font-size: 12px;
	z-index: 1700;
	padding-left: 15px;
	padding-right: 15px;
	background: #fff;
	text-align: right;
	margin-top: 10px;
	color: #000;
}

.chocolat-wrapper .chocolat-pagination {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
	text-align: center;
}


body.chocolat-open>.chocolat-overlay {
	z-index: 150;
}
body.chocolat-open>.chocolat-loader {
	z-index: 150;
}
body.chocolat-open>.chocolat-content {
	z-index: 170;
}

.chocolat-image  {
	position:relative;
}
.chocolat-image img  {
	 border-bottom-left-radius: 25px;
		 border-top-right-radius: 25px;
		 -webkit-box-shadow: 0px 0px 8px 8px rgba(63,70,76,0.1);
-moz-box-shadow: 0px 0px 8px 8px rgba(63,70,76,0.1);
box-shadow: 0px 0px 8px 8px rgba(63,70,76,0.1);
}
.ViewMore {
top: 50%;
	transform: translateY(-50%);
	float: none;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 30 ;
	height: 50px;
	color: #fff;
	text-align:center;
	opacity: 0.7;
	-webkit-transition: color, opacity, ease-in-out 0.25s;
  -moz-transition: color, opacity, ease-in-out 0.25s;
  -o-transition: color, opacity, ease-in-out 0.25s;
  transition: color, opacity, ease-in-out 0.25s;
  	background: url(../img/icon-plus1.svg) center center no-repeat;
}

a:hover .ViewMore {
	opacity: 1;	
}

.FullImageHeight {
	height: 400px;
	overflow:hidden;
	position:relative;
	width: 100%;
	z-index:50;	
}

.FullImage:after {
    height: 100%;
    position: absolute;
    z-index: 90;
    width: 100%;
	content: "";
	top: 0;
	left: 0;
}

.FullImageHeight h5, .FullImageHeight p {
	margin: 0 0 10px 0;
}

.FullImageHeight h5 {
	margin-top: 25px;
}

.fullimagebw {
 -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
         -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
         -webkit-filter: grayscale(100%);
         filter: gray;
         filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}


.grid-item {
	width: 33.3%;
	padding:0 15px
}

.grid-itemWalk {
	width: 33.3%;
	padding:0 15px
}
.grid-itemNews {
	width: 50%;
	padding:0 15px
}

.FullWidth  {
  	width:100%;
}	

.PostLink  {
	float: left
}

.FloatRightPost {
	float: right;
}

.pagination {
	width: 100%;
	text-align: center;	
}

.pagination a {
	color: #fff;
}
.pagination a:hover {
	color: #217eae!important;
}
.page-numbers {
	height: 50px;
	width: 50px;
	display: block;
	text-align: center;
	line-height: 27px;
	font-size: 20px;
	font-weight:700;
	color: #217eae;
	display: inline-block;
	background: #217eae;
	border: solid 1px #217eae;
	margin: 20px 5px;
	padding: 10px;
}

.page-numbers:hover, .pagination .current {
	background: #fff;
	color: #217eae;
	border: solid 1px #217eae;
}

.pagination .current {
	background: #fff;
	color: #217eae;
	border: solid 1px #217eae;
}

.pagination .prev, .pagination .next {
	width: 90px;
}

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}


.nodisplay {
	display: none;
}

.FeaturedItems li {
	font-size: 18px;
	line-height: 25px;
	padding: 0px;
	margin: 0 0 5px 0;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 20px;
	color: #374069;
}

.LargeFeaturedItems li {
	font-size:25px;
	line-height: 30px;
		margin: 0 0 10px 0;
	margin-left: 20px;
}

.ContentArea li {
	font-size: 20px;
	line-height: 30px;
	padding: 0px;
	margin: 0 0 10px 0;
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 20px;
	color: #374069;
}

.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.Question {
	position:relative;
	border-top: solid 1px #ededed;
}

.HowIntroArea p  {
	font-size: 20px;
	line-height: 25px;
}

.BlueIntroArea .Question {
	position:relative;
	border-bottom: solid 1px #ededed;
	border-top: solid 1px #ededed;
	margin-bottom: 15px;
}

.BlueIntroArea .Question h5 {
	font-size: 25px;
}

.Question a {
	display:block;
	width: 100%;
}

.Answer {
	display:none;
}

.Question h5 {
    margin: 0 30px 0 0;
    padding: 10px 0px;
	font-size: 20px;
	line-height: 25px;
 }

.Question:hover {
	cursor: pointer;}

.QuestionArrow {
	   border-bottom: 2px solid #217eae;
    border-right: 2px solid #217eae;
    content: '';
    display: block;
    height: 10px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 3px;
    top: 45%;
	transform: translateY(-45%);
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 10px; 
}

.BlueIntroArea .QuestionArrow {
	   border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;  
}	
	
i.rotate-icon {
    -webkit-transform: rotate(224deg)!important;
    transform: rotate(224deg)!important;
}

.PushToTop {
	position:relative;
	z-index:2;
}

.BlueIntroArea {
    background: url(../img/blue-lines.jpg) center top fixed #374069;
	background-size: cover;
	position: relative;
}

.BlueIntroArea::after {
	background: url(../img/foot-prints.svg) right top fixed no-repeat;
	background-size: contain; 
	height: 100%;
	width: 100%;
	content: '';
	position:absolute;
	top: 0;
	left: 0;
	z-index: 1;
	pointer-events: none;
}	

.BlueIntroArea * {
	 color: #fff;
}
.BlueIntroArea li {
font-size: 20px;
line-height: 30px;
padding: 0px;
margin: 0 0 10px 0;
    margin-left: 0px;
list-style-type: disc;
list-style-position: inside;
margin-left: 0;
}

.BlueIntroArea .ArrowButton a,
.FullImageHeight .ArrowButton a {
		padding: 10px 35px 10px 25px;
		margin: 0;
	background: url(../img/icon-link-blue.svg) right 15px top 50% no-repeat #fff;
	background-size: 20px 20px;
	border-radius: 25px;
}

.BlueIntroArea .ArrowButton a:hover,
.FullImageHeight .ArrowButton a:hover
 {
	background: url(../img/icon-link-white.svg) right 10px top 50% no-repeat #374069;
	background-size: 20px 20px;
	color: #fff!important;
}



/*------------------------------------*\WALKS STYLES\*------------------------------------*/


.Scroll a {
	position: fixed;
	bottom: 60px;
    width: 60px;
    height: 60px;
    background: url(../img/icon-arrow-down.svg) center center no-repeat;
    background-size: 35px;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 90;
	border-radius: 50px;
	border: solid 2px #fff;
}

.Scroll a:hover {
    background: url(../img/icon-arrow-down.svg) center 16px no-repeat;
	background-size: 35px;
}

.WalkLinkBox {
		background: #fff;
		-webkit-box-shadow: 0px 0px 8px 8px rgba(63,70,76,0.1);
-moz-box-shadow: 0px 0px 8px 8px rgba(63,70,76,0.1);
box-shadow: 0px 0px 8px 8px rgba(63,70,76,0.1);
 border-bottom-left-radius: 25px;
		 border-top-right-radius: 25px;
		 	 -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}


.HighLightWalk .WalkLinkBox {
		-webkit-box-shadow: 0px 0px 8px 8px rgba(212, 175, 55, 0.8);
-moz-box-shadow: 0px 0px 8px 8px rgba(212, 175, 55, 0.8);
box-shadow: 0px 0px 8px 8px rgba(212, 175, 55, 0.8);
 border-bottom-left-radius: 25px;
		 border-top-right-radius: 25px;
	}


.TopWalk {
	    position: absolute;
    top: 10px;
    left: -5px;
    width: 75px;
    height: 30px;
    background: #d4af37;
    -webkit-transform: rotate(-90deg) translateX(-100%);
    transform: rotate(-90deg) translateX(-100%);
    transform-origin: 0 0;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
}

.WalkLinkBox:hover,
a.chocolat-image:hover img {
		-webkit-box-shadow: 0px 0px 8px 8px rgba(63,70,76,0.2);
-moz-box-shadow: 0px 0px 8px 8px rgba(63,70,76,0.2);
box-shadow: 0px 0px 8px 8px rgba(63,70,76,0.2);
}

.chocolat-image img {
		 	 -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


.WalkLinkBoxOverlay {	
	position:absolute;
	left: 0;
	right: 0;
	bottom:0;
	z-index: 90;
	  background: rgba(0,0,0,0.6);
	 border-bottom-left-radius: 25px;}

.WalkLinkImage {
	position: relative;
}
.WalkLinkImage img {
		 border-bottom-left-radius: 25px;
		 border-top-right-radius: 25px;
}

.WalkLinkBox h3 {
	font-size: 30px;
	line-height: 35px;
	margin: 10px;
	color: #fff;}

.WalkLinkBox h6 {
	font-size: 20px;
	line-height: 25px;
	margin: 0px;}

.WalkLinkBox h3 span {
	   font-family: 'Ubuntu', sans-serif;
		font-size: 18px;
		font-weight:700;
		text-transform:uppercase;}

.WalkLinkText {
	padding: 15px;
		border-bottom: solid 1px #ededed;}
		
.WalkLinkBox a .ArrowButton{
		display:block;
		width: 100%;
		padding: 15px;
		font-size: 13px;
		margin: 0;
	background: url(../img/icon-link-blue.svg) right 15px top 50% no-repeat #fff;
	background-size: 15px 15px;
		 border-bottom-left-radius: 25px;
	}
	
.WalkLinkBox a:hover .ArrowButton,
.WalkLinkBox:hover .ArrowButton,
.HighLightWalk  .WalkLinkBox:hover .ArrowButton {
	color: #fff;
	background: url(../img/icon-link-white.svg) right 10px top 50% no-repeat #374069;
	background-size: 15px 15px;
	}
		
.WalkLinkBoxImageOverlay {
	position:absolute;
	top: 10px;
  background: rgba(0,0,0,0.6);
	color: #fff;
	border: solid 2px #fff;
	border-radius: 25px;
	right: 10px;
	text-transform:uppercase;
	font-weight: 700;
	padding: 10px;
	}
	
.OverlayCat {
	width: 42px;
	left: 10px;
	padding: 7px;	
	}

.WalkLinkBox p {
	font-size: 16px;
	line-height:20px;
	margin: 0;
	color: #999999;
	padding-left: 10px;
	border-left: solid 2px #374069;}


.WalkBannerTextLeft {
	left: 50px;
	top: 55%;
}

.WalkBannerTextRight {
	right: 50px;
}

.WalkAttributes {
  background: rgba(0,0,0,0.6);
	 border-bottom-left-radius: 25px;
	  border-top-right-radius: 25px;
}
.WalkAttributesLine {
	 border-bottom: solid 1px rgba(255,255,255,0.2);
	}

.WalkAttributesWhite {
	text-align:center;
	}

.WalkAttributes h6,
.Itineraries .tooltip {
	margin: 10px 0;
	text-transform:uppercase;
	    font-family: 'Ubuntu', sans-serif;
		font-size: 18px;
		font-weight: 700;
		line-height: 20px; 
		  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; 
	}
	
.Itineraries p {
    float: left;
}
	
	.Itineraries .tooltip {
    margin: 0 0 0 5px;
    float: left;
}

.ToolTipCont {
    display: inline-block;
    float: left;
}
	
	.WalkAttributes p {
		font-size: 16px;
		line-height: 18px;
	margin: 15px 0;
	}
	
	.WalkAttributes button {
		display:block;
		width: 100%;
		padding: 15px;
		margin: 0;
	background: #217eae;
		 border-radius: 0px;
		 border-bottom-left-radius: 25px;
		 font-size: 20px;
    line-height: 25px;
    color: #fff;
    letter-spacing: 2px;
	    text-transform: uppercase;
    font-weight: 700;
	border: solid 0px #217eae;
	}	
	
	.WalkAttributes button:hover{
	color: #fff;
	 background: #374069;
	}
	
 .VideoTab {
    position: relative;
	 margin-left: 20px;   
    }

 .VideoTab::before {
	  content: "";
    position: absolute;
    top: -30px;
	  background: url(../img/tab-play-icon.svg) center center no-repeat #fff;
	background-size: 30px 30px;
	 border: solid 2px #217eae;
	 width: 40px;
	 height: 40px;
	 left: 0;
    right: 0;
    margin: 0 auto;
	 border-radius: 50px;
    }

 .TabNavigation {
	 background: #217eae;
	 padding-top: 10px;
    }
	
 .BlueBack {
	 background: #217eae;
	 	 padding-top: 0px!important;
    }
	
.IncludedFlexCont {
    flex-direction: row;
    align-items: stretch;
    align-content: center;
    display: flex;
    justify-content: space-around;
}

.IncludeTick  {
		min-width: 200px;
}

.IncludeTick img {
	width: 50px;
	height: 50px;
}

.ExtraConCont  {
    display: flex;
    flex-wrap: wrap;
}

.ExtraCon  {
	width: 50%;
}

.ExtraConLink  {
flex-direction: row;
    align-items: stretch;
    align-content: center;
	justify-content: center;
    display: flex;
    justify-content: space-around;
}

.ExtraConLink  {
	background: #ededed;
	border-radius: 200px;
	float: left;
	margin-top: 15px;
	    width: 100%;
}

.ExtraConLink:hover  {
	background: #217eae;	
}

.ExtraConLink:hover p  {
	color: #fff;	
}

.ExtraConIcon  {
	background: #217eae;
	width:  30%;
	padding: 10px;
	border: solid 2px #fff;
	max-resolution:  5px;
	border-radius: 200px;
	float: left;
    display: block;
}

.ExtraConIcon img {
	border-radius: 200px;
}

.ExtraConTitle  {
	padding: 15px 20px 15px 15px;
	float: left;
    display: block;
    width: 70%;
	position: relative;
}

.ExtraConTitle p  {
	font-size: 15px;
	line-height: 18px;		
}

 .TabNavigation label {
	 background: #217eae;
	 cursor:pointer;
	 display:inline-block;
	 padding: 20px 15px 30px 15px;
	 font-size: 20px;
	 line-height: 25px;
	 color: #fff;
	     font-family: 'Volkhov', serif;
		     background: rgba(255, 255, 255, 0.1);
    margin-left: 5px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-width: 1px 1px 0;
		 -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
    }	


@media (min-width: 993px) {

	.TabNavigation label.active {
		background: #fff;
		color: #217eae;
	}

}


.TabNavigation label:hover {
	background: #fff;
	 color: #217eae;
}

.TabNavigation .ArrowButton {
		display:inline;
}

.TabNavigation button {
	padding: 10px 35px 10px 15px;
background: url(../img/icon-link-blue.svg) right 15px top 50% no-repeat #fff;
	background-size: 20px 20px;
		border-radius: 30px;
	display:inline-block;
	float:right;
	margin-top: 10px;
	font-size: 20px;
    line-height: 25px;
    color: #217eae;
    letter-spacing: 2px;
	text-transform: uppercase;
    font-weight: 700;
}

	.TabNavigation button:hover {
	color: #fff;
	 background: url(../img/icon-link-white.svg) right 10px top 50% no-repeat #374069;
	background-size: 20px 20px;
	}


.BlueBack button {
    margin: 10px auto!important;
	float: none!important;
  }
.remodal-overlay, .remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	background: rgba(55, 64, 105, 0.9);}

.remodal-close {
    width: 40px!important;
    height: 40px!important;
    cursor: pointer!important;
    position: absolute!important;
    top: 5px!important;
    right: 5px!important;
    background: url(../img/icon-close2.svg) 50% 50% no-repeat!important;
    background-size: contain!important;
    border-radius: 25px!important;
}
.remodal-close::before {
	display: none!important;
}
.tooltip {
    position: relative;
    display: inline-block;
	border-radius: 15px;
	background: #fff;
	text-align:center;
	color: #374069;
	padding: 2px 7px;
	z-index: 90;
    }
	
.Itineraries .tooltip {
    position: relative;
    display: inline-block;
	border-radius: 15px;
	background: #374069;
	text-align:center;
	color: #fff;
	padding: 2px 7px;
		z-index: 90;
    }
	
.tooltip strong {
    display: block;
	padding-bottom: 3px;

    }
.tooltip .tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: #217eae;
    color: #fff;
	padding: 5px;
    text-align: center;
    padding: 5px 5px;
    border-radius: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -70px;
	font-size: 12px!important;
	line-height: 14px;
	text-transform:none;
	font-weight: 400;
    opacity: 0;
    transition: opacity 0.3s;
	border: solid 2px #fff;
	-webkit-box-shadow: 0px 0px 8px 8px rgba(63,70,76,0.1);
	-moz-box-shadow: 0px 0px 8px 8px rgba(63,70,76,0.1);
	box-shadow: 0px 0px 8px 8px rgba(63,70,76,0.1);
}

@media all and (max-width: 767px) {
	.tooltip .tooltiptext {
		display: none;
	}
	
	.BlueIntroArea .css-grid {
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}

}

.Itineraries .tooltip .tooltiptext {
    width: 240px;
    margin-left: -120px;
   
}

.tooltip .tooltiptext::before,
.tooltip .tooltiptext::after{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border-width: 15px;
    border-style: solid;
    border-color: #ffffff transparent transparent transparent;
}

.tooltip .tooltiptext::after {
    margin-left: -12px;
    border-width: 12px;
	border-color: #217eae transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.tab-panel-toggle,
.tab-panel-toggle-Itin
{
	display: none;
}

.tab-panelCont {
	/* display: flex; */
	flex-wrap: wrap;
}

.tab-panelCont .LineShadow {
	display: flex;
}

.tab-panel,
.tab-panel-Itin
{
	display: none;
}

.tab-panel-Itin .StartFinish
{

	display: block;
    float: left;
	margin-right: 10px;
}

.tab-panel-toggle:checked + .tab-panel,
.tab-panel-toggle-Itin:checked + .tab-panel-Itin
{
	display: block;
}

.tab-panel .SideNav
{
	position: relative;
	left: auto;
	margin-left: 0;
}

.tab-panel h6 a {
    font-size: 20px;
    line-height: 25px;
    color: #217eae;
    letter-spacing: 2px;
    position: relative;
    z-index: 2;
    padding: 5px 20px 5px 0px;
    display: inline-block;
    margin-top: 5px;
    text-transform: uppercase;
    font-weight: 700;
    background: url(../img/icon-link-blue.svg) right 0px top 50% no-repeat #fff;
    background-size: 20px 20px;
	font-family: 'Ubuntu', sans-serif;
}

.LargeImages:nth-child(-n + 1) {
    width: 100%!important;
}

.SideNav p {
	text-transform: uppercase;
	margin: 0;
	font-family: 'Ubuntu', sans-serif;
	letter-spacing: 2px;
	font-weight: 700;
	font-size:15px;
}

.SideNav h6 {
	margin: 0;
    font-size: 18px;
    line-height: 25px;

}

.SideNav h6 span {
	color:#374069;}

.Itineraries h6  {
	color:#374069;
}
	
.Itineraries h6 span {
	color:#217eae;
	margin-right: 20px;}

	
.ItinerariesTitle {
	margin-bottom: 0;
	letter-spacing: 2px;
	font-weight: 700;
	text-transform: uppercase;
		float:left;
		width: 100%;
}

.acf-map {
	width: 100%;
	height: 600px;
	margin:  0;
}

.acf-map img {
   max-width: inherit !important;
}


.Testimonials {   
    left: 0px;
    right: 0px;
	z-index: 99;
}

.Testimonials:after {
	height: 55px;
	width: 55px;
	content: '\201D';
	color: rgba(255,255,255,0.4);
	font-size: 100px;
	font-weight: 700;
    font-family: 'Volkhov', serif;
	position: absolute;
	right: -30px;
	bottom: 0px;
}

.Testimonials:before {
	height: 55px;
	width: 55px;
	content: '\201C';
	color: rgba(255,255,255,0.4);
	font-size: 100px;
	font-weight: 700;
    font-family: 'Volkhov', serif;
	position: absolute;
	left: -30px;
	top: -70px;
}

.Testimonials .slick-dots,
.RecentNews .slick-dots {
    bottom: -20px;
}

.VideoVertCenter {
    display: flex!important;
    align-items: center;
    justify-content: space-between;
}

.RelatedWalks .slick-dots {
    bottom: -25px;
}

.RelatedWalks .slick-dots li,
.RecentNews  .slick-dots li {
	background: rgba(255, 255, 255, 0);
	border: solid 1px #217eae;
}
	
.RelatedWalks .slick-dots li:hover,
.RecentNews .slick-dots li:hover {
       background: #217eae;
	   border: solid 1px #217eae;
}

.RelatedWalks .slick-dots .slick-active,
.RecentNews .slick-dots .slick-active {
       background: #217eae;
	   border: solid 1px #217eae;
}

.MobileDay  {
	display: none;	
}

/*------------------------------------*\NEWS STYLES\*------------------------------------*/

.NewsBack {
	border-top: solid 1px #ededed;
}
	
.blog .NewsBack {
	display: none;
}

.NewsBox p {
	margin-top: 15px;
}

.NewsBox a .ArrowButton {
    border-bottom-left-radius: 0!important;
}

/*------------------------------------*\HOMEPAGE STYLES\*------------------------------------*/

.HomeBannerBox {
  background: rgba(0,0,0,0.6);
	border-bottom-left-radius: 25px;
	border-top-right-radius: 25px;
	padding: 25px;
	top: 50%;
}

.HomeBannerBox h2 {
    font-size: 62px;
    line-height: 75px;
	margin-bottom: 15px;
}

.HomeBannerBox .ArrowButton a {
	padding: 10px 35px 10px 25px;
	margin: 0;
	background: url(../img/icon-link-blue.svg) right 15px top 50% no-repeat #fff;
	background-size: 20px 20px;
	border-radius: 25px;
	border: 3px solid #fff;		 
	color: #374069;
}

.HomeBannerBox .ArrowButton a:hover {
	background-color: transparent;
	color: #fff;
}

.HomeFeatured {
    position: relative;
    z-index: 2;
}
	
.FootprintsOffset {
    margin-top: -135px;
    padding-top: 150px;
}

.FeaturedWalks .slick-dots {
    bottom: -25px!important;
}
	
.FeaturedWalks .slick-dots li {
	background: rgba(255, 255, 255, 0);
	border: solid 1px #fff!important;
}
	
.FeaturedWalks .slick-dots li:hover {
    background: #fff!important;
	border: solid 1px #fff!important;
}

.FeaturedWalks .slick-dots .slick-active {
       background: #fff;
	   border: solid 1px #fff;
}

.Usps {
	background:#217eae;
 border-bottom-left-radius: 25px;
	 border-top-right-radius: 25px;
	 padding: 15px;
	  border: 3px solid #fff;	  
}

.Usps p {
	 color: #fff;
}	
	
.GreyBack .ArrowButton a,
.HomeBack .ArrowButton a,
.MainArea .ArrowButton a
{
		padding: 10px 35px 10px 25px;
		margin: 0;
	background: url(../img/icon-link-blue.svg) right 15px top 50% no-repeat;
	background-size: 20px 20px;
		 border-radius: 25px;
		 border: 3px solid #374069;
		 color: #217eae;
}

.MainArea .ArrowButton a
{
	margin-bottom: 15px;
}

.ContentArea .ArrowButton a:before,
a .ContentArea .ArrowButton:before, 
.ContentArea button.ArrowButton:before {
    width: 0!important;
}
.GreyBack .ArrowButton a:hover,
.HomeBack .ArrowButton a:hover,
.MainArea .ArrowButton a:hover

 {

	background: url(../img/icon-link-white.svg) right 10px top 50% no-repeat #374069;
	background-size: 20px 20px;
	color: #fff!important;
	}

.MainArea .ArrowButton a

 {

	background: url(../img/icon-link-white.svg) right 15px top 50% no-repeat #374069!important;
	background-size: 20px 20px!important;
	color: #fff!important;
	}

.MainArea .ArrowButton a:hover

 {
	background: url(../img/icon-link-blue.svg) right 10px top 50% no-repeat #fff!important;
	background-size: 20px 20px!important;
	color: #217eae!important;
	}

.IntroBoxesLeft
 {
		left: 50px;
	}	

.IntroBoxesRight
 {
		right: 50px;
	}	
		
/*------------------------------------*\FOOTER STYLES\*------------------------------------*/



footer {
	position: relative;
	z-index: 60;
}


.Newsletter {
		background: #217eae;	
	}
	
.Newsletter h5 {
	margin: 0px;
	padding: 0px ;
	font-size: 25px;
	line-height: 30px;
	color: #fff;
	}
	.Newsletter p {
	margin: 0px;
	padding: 0px ;
	color: #fff;
	}
.Newsletter input {
	margin: 0px!important;
	padding: 10px 10px!important;
	background: #217eae!important;
	border: 2px #fff solid!important;
	color: #fff!important;
	float:left!important;
	width: 100%!important;
	font-size: 16px!important;
	border-radius: 25px!important;
	
}
.Newsletter button,
.Newsletter .button {
	font-size:20px!important;
	line-height: 25px!important;
	color: #217eae!important;
	letter-spacing: 2px!important;
	padding: 10px 20px 10px 0px!important;
	display: inline-block!important;
	margin-top: 5px!important;
	text-transform:uppercase!important;
	font-weight: 700!important;
	background: url(../img/icon-link-blue.svg) right 15px top 50% no-repeat #fff!important;
	background-size: 20px 20px!important;
	border-radius: 25px!important;
	width: 100%!important;
	border: none!important;
	height: auto!important;


}
.Newsletter button:hover,
.Newsletter .button:hover
 {
	background: url(../img/icon-link-white.svg) right 10px top 50% no-repeat #374069!important;
	background-size: 20px 20px!important;
	color: #fff!important;
	}
	
.ButtonCol  {
	margin-top: -35px;
	}

#mc_embed_signup #mce-success-response {
    text-align: center!important;
    color: #fff!important;
    font-size: 20px!important;
}
	#mc_embed_signup {
    background: transparent!important;
    clear: left;
    font: 14px Helvetica,Arial,sans-serif;
}

#mc_embed_signup .mc-field-group.input-group input {
    display: inline-block!important;
   
    float: left!important;
    width: 20px!important;
}
	#fielddjldjjud {
    display: block;
    float: left;
    margin: 5px;
    text-align: left;
    width: 20px;
    height: 40px;
}

.Newsletter label {
    margin-top: 5px!important;
	color: #fff!important;
    display: block!important;
}


.SocialMediaLinks ul {
	margin: 0px;
}
.SocialMediaLinks li {
	display: inline-block;
}
.SocialMediaLinks li a {
	margin: 20px 10px 20px 0px;
	height: 40px;
	width: 40px;
	display: block;
	text-align: center;
	line-height: 40px;
	font-size: 30px;
	color: #fff;
	background: #217eae;
	border-radius: 25px;
}

.SocialMediaLinks li a:hover {
	background: #374068;
	color: #fff;
}

.FooterContacts p {
	color: #fff;
	font-size: 14px;
}
	
.FooterContacts p a {
	color: #fff;
	text-decoration:none;
}
.FooterContacts p a:hover {
		color: #fff;
		text-decoration:underline;
}
	
.FooterLinks h6 {
	font-size: 20px;
	line-height: 25px;
	color: #fff;
	margin-top: 20px;
	}
	
	
.footer .menu-item a {
	text-align:left;
	color: #217eae;
	display: inline-block;
	padding: 7px 0px;
	font-weight: 700;
	font-size: 13px;
	line-height: 16px;
	text-transform:uppercase;
	width: 45%;
	margin-right: 5%;
	float: left;
	}


.footer .menu-item a:hover {
	color: #374069;
	}	
	
	.ContactDetails strong {
		display: block;
		float:left;
		width: 100%;	}	
	
		.ContactDetailsSamll {
			font-size: 15px;
			line-height: 20px;
			margin-top: 15px;
			color:#374069;}	
			
		.LinkLogos {
			border-right: solid 2px #374069;
			}
			
		.LinkLogosText p {
			font-size: 15px;
			line-height: 20px;
			margin-top: 15px;}	
	
.FooterLogo {
	max-width: 220px;
	margin: 0 auto;
}


.footer #menu-small-menu a {
    text-align: center;
    width: 100%;
    
}

.CapeCreative {
	margin-top: 0;
	margin-bottom: 25px;
}
.CapeCreative p {
	display: inline-block;
	font-size: 13px;
	line-height: 15px;
}
.CapeCreative p a {
	display: inline;
	white-space: normal;
	font-size: 13px;
	line-height: 15px;
}
.CapeCreative p a:hover {
	text-decoration: underline;
}
.CapeCreative a:after {
	background: url(../img/Cape-Creative.svg) center left no-repeat;
	height: 20px;
	width: 50px;
	content: '';
	display: inline-block;
	float: right;
	margin-top: -2px;
	margin-left: 3px;
	background-size: contain;
}
.CapeCreative a::before {
	display: none;
}

.SmallPrintBack {
	background: #ededed;
	padding: 15px 0;
}

.SmallPrintBack p {
	font-size: 12px;
}
	
	
@media all and (max-width: 1660px) {
#menu-main-menu li a,
#menu-main-menu-german li a,
#menu-main-menu-usa li a,
#menu-main-menu-dutch li a {
    margin: 10px 5px;
font-size: 16px;
}
 
 .Logo {
	
	width: 220px;
	height: 220px;

}

.Logo img {
		width: 220px;
	
}

.TabNavigation button {
   
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0px;
 
}

}



@media all and (max-width: 1560px) {

#menu-main-menu li a,
#menu-main-menu-german li a,
#menu-main-menu-usa li a,
#menu-main-menu-dutch li a {
    font-size: 14px;
    margin: 10px 2px;
    letter-spacing: 0;
}

.HorLogoCont, .HorLogo {
	width: 140px;
}

#menu-main-menu li a, 
#menu-main-menu-german li a,
#menu-main-menu-usa li a,
#menu-main-menu-dutch li a {
    padding: 5px 5px!important;
}

#menu-main-menu li a:hover, 
#menu-main-menu-german li a:hover,
#menu-main-menu-usa li a:hover,
#menu-main-menu-dutch li a:hover {
    padding: 5px 5px!important;
}

#menu-main-menu .current-page-ancestor a,
#menu-main-menu .current-menu-item a,
#menu-main-menu .current_page_parent a,
#menu-main-menu-german .current-page-ancestor a,
#menu-main-menu-german .current-menu-item a,
#menu-main-menu-german .current_page_parent a,
#menu-main-menu-usa .current-page-ancestor a,
#menu-main-menu-usa .current-menu-item a,
#menu-main-menu-usa .current_page_parent a,
#menu-main-menu-dutch .current-page-ancestor a,
#menu-main-menu-dutch .current-menu-item a,
#menu-main-menu-dutch .current_page_parent a {
	    padding: 5px 5px!important;
}	
	
.Logo {
     margin: 0px 10px;
    left: 0px;
    width: 200px;
	height: 140px;  
}

.Logo img {
    width: 180px;
    margin: 0;
}

.Logo h6 {
	font-size: 10px;  
}

.TabNavigation label {  
    padding: 20px 8px 30px 8px;
    font-size: 18px;
    line-height: 25px;    
}

.VideoTab {
	 margin-left: 35px;
}

.MainNavOuter {
    margin-top: 60px;  
}

.TopBannerText h2, .TopBannerText h1 {
    font-size: 50px;
    line-height: 60px;
}

	
}


@media all and (max-width: 1300px) {

	 .VideoTab {
	 margin-left: 20px;   
    }

.WalkAttributes h6 {
    margin: 5px 0;
    font-size: 16px;
    line-height: 20px;
}

}

@media all and (max-width: 1200px) {
#menu-main-menu, #menu-main-menu-german, #menu-main-menu-usa, #menu-main-menu-dutch {
    text-align: center;
}

	 .VideoTab {
	 margin-left: 5px;   
    }
	
.Logo {
    position: relative;
    left: auto;
    width: 130px;
    height: 130px;
    margin: 0 auto;
}

.Logo img {
    width: 130px;
}

.MainNavOuter {
    margin-top: 0; 
}
	
p {
		font-size: 15px;
		line-height: 20px;
	}
	h1 {
		font-size: 30px;
		line-height: 40px;
	}
	h2 {
		font-size: 40px;
		line-height: 45px;
	}
	h3 {
		font-size: 35px;
		line-height: 40px;
	}
	h4 {
		font-size: 30px;
		line-height: 35px;
	}
	h5 {
		font-size: 25px;
		line-height: 30px;
	}
	h6 {
		font-size: 15px;
		line-height: 20px;
	}
	
blockquote {
    display: block;
    padding: 15px 15px 15px 25px;
    margin: 25px 0 25px 0;
    position: relative;
    font-size: 18px;
    line-height: 25px;
    border-left: 5px solid #217eae;
    font-style: italic;
}
.TopBannerTextCont h2, .TopBannerTextCont h1 {
font-size: 30px;
    line-height: 35px;
 }
 
 .TopBannerTextCont p {
    font-size: 14px;
    line-height: 18px;
}

.HomeBannerBox {  
    padding: 15px;
}

.FeaturedLink h6 {
    position: relative;
	font-size: 25px;
    line-height: 30px;
}

.WalkLinkBox h3 {
    font-size: 20px;
    line-height: 25px; 
}

.WalkLinkBox p {
    font-size: 13px;
    line-height: 16px;  
}

.HomeBannerBox .ArrowButton a {
    padding: 5px 25px 5px 15px;
    background: url(../img/icon-link-blue.svg) right 5px top 50% no-repeat #fff;
    background-size: 15px 15px;
    border-radius: 25px;
    border: 2px solid #fff; 
}

.HomeBannerBox .ArrowButton a:hover {
    background: url(../img/icon-link-blue.svg) right 5px top 50% no-repeat;
    background-size: 15px 15px;
    border: 2px solid #fff;
}

.GreyBack .ArrowButton a, .HomeBack .ArrowButton a {
    padding: 5px 25px 5px 15px;
    background: url(../img/icon-link-blue.svg) right 5px top 50% no-repeat;
    background-size: 15px 15px;
    border-radius: 25px;
    border: 2px solid #374069;
}

.GreyBack .ArrowButton a:hover, .HomeBack .ArrowButton a:hover {
    background: url(../img/icon-link-white.svg) right 5px top 50% no-repeat #374069;
    background-size: 15px 15px;
    color: #fff!important;
}

.BlueIntroArea .ArrowButton a, .FullImageHeight .ArrowButton a {
    padding: 5px 25px 5px 15px;
    background: url(../img/icon-link-blue.svg) right 5px top 50% no-repeat #fff;
    background-size: 15px 15px;
}
.BlueIntroArea .ArrowButton a:hover, .FullImageHeight .ArrowButton a:hover {
    background: url(../img/icon-link-white.svg) right 5px top 50% no-repeat #374069;
    background-size: 15px 15px;
}

.BlueIntroArea .Question h5 {
    font-size: 18px;
}

.WalkAttributes h6{
    margin: 3px 0;
    font-size: 14px;
    line-height: 18px;
}
.TabNavigation label {
    padding: 15px 4px 20px 4px;
    font-size: 15px;
    line-height: 20px;
}

.TabNavigation button {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
	margin-top: 0px;		
}


@media all and (max-width: 1060px) {

.HorLogoCont, .HorLogo {
	display: none;
	}}


@media all and (max-width: 992px) {

	.BlueIntroArea .css-grid {
		grid-template-columns: 1fr 1fr;
		grid-gap: 20px;
	}
	
.VideoVertCenter {
    display: block!important;
}

#filters-select {
    width: 100%;
    margin: 15px 0%;
}
.Testimonials:after {
    font-size: 70px;
    right: 0px;
    bottom: 30px;
}

.Testimonials:before {
    font-size: 70px;
    left: 0px;
}

.tab-panel-Itin .StartFinishClear {
  clear: both;
}

.TabNavigation {
    text-align: center;
}

.TabNavigation button {  
	margin-bottom: 10px;
	margin-top: 10px;
	float:none;
}

.bannerno {
    height: 30px!important;
}

.TopBannerTextFull {
    width: 100%;
}

.ArrowButton a, a .ArrowButton {
    font-size: 15px;
    line-height: 20px;
    color: #217eae;
    letter-spacing: 1px;
}

.FullImage {
	background-attachment:scroll!important;
}

.BlueIntroArea::after {
  	background-attachment:scroll!important;
}

.slick-prev,
.slick-next {
    width: 30px;   
}


.SideNav, .SideNavMobile {
    left: 0;
}
	
#fielddykyydud {
    margin: 0px;
    width: 25px;
    height: 25px;
    margin-bottom: 0px;
}

.breadcrumbs {
    font-size: 12px;
    margin: 15px 0 15px 0;
	    letter-spacing: 0;
}

.Newsletter label {
    margin-top: 0px;
}

.TopBannerTextCont {
    min-height: 0px;
}

.bannersmall,
.bannersmall img
 {
	height: 150px!important;
		object-fit: cover;
}

.bannermedium,
.bannermedium img
 {
	height:350px!important;
		object-fit: cover;
}

.bannerlarge,
.bannerlarge img
 {
	height: 500px!important;
		object-fit: cover;
}

.TopBanner, .TopBannerMobile, .MainAreaOffset, .PropertiesOffset, .HomeBanner  {
	top: 0px;
}

.MobileOffset {
	top: 50px;
		position: relative;
		margin-bottom: 50px;	
}

.CenterMobile {
	text-align: center;
}
	
.footer .menu-item a {
	text-align:center;	
}

.RoomLandingBook h4 {
	font-size: 35px;
	line-height: 40px;
}

.FooterLogo img {
    text-align: center;
    margin: 0 auto;
    display: block;
}

.FooterContacts input, .FooterContacts button {
    float: none;
}

.MobileNavButton {
		width: 100%;
	padding: 15px;
}

.SideNav li a,
.SideNavMobile li a {
    font-size: 15px;
    line-height: 20px;
    padding: 15px;   
}	

.SideNav li a:hover, .SideNavMobile li a:hover, .SideNav label:hover, .SideNav label.active {
    padding: 15px;
}
	
.TopBanner h3 {
    font-size: 40px;
    line-height: 50px; 
}	

.TopBanner h4, .TopBanner h1 {
    font-size: 25px;
	line-height: 30px;
}
	
.overlay {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
	left: 0;
	z-index: 10001;
	display: block;
	background: url(../img/foot-prints.svg) center top no-repeat #217eae;
	background-size:contain;
}

	.overlay .overlay-close {
		width: 40px;
		height: 40px;
		position: absolute;
		left: 5px;
		top: 5px;
		overflow: hidden;
		border: none;
		background: url(../img/icon-close2.svg) 50% 50% no-repeat;
		text-indent: 200%;
		color: transparent;
		outline: none;
		z-index: 10002;
		cursor: pointer;
		padding: 0px;
		margin: 0px;
		background-size:cover;
	}
	
	.overlay .overlay-close::after {
		display: none;
	}
	.overlay .overlay-close:hover {
		background: url(../img/icon-close1.svg) 50% 50% no-repeat;
		background-size:cover;
	}
	
	.MobileMenu {
		width: 50px;
		position: absolute;
		left: 0px;
		top: 0px;
		height: 50px;
		font-size: 21px;
	}
	.WalkBannerTextLeft {
    left: 0px;
	width: 100%;
	    right: 15px;

}
	
.WalkBannerTextRight {
	display: none;
}

.WalkAttributes {
    background:#fff;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
	margin-top: 10px;
}

.WalkAttributes h6 {
    margin: 5px 0;
    font-size: 14px;
    line-height: 20px;
}

.WalkAttributesLine {
    border-bottom: solid 1px #ededed;
}

.WalkAttributes .tooltip {
    background: #374069;
    color: #fff;
    padding: 2px 9px;
}

.WalkAttributes .SmallPrint {
  font-size: 12px;
    line-height: 20px;
}

.WalkAttributes .ArrowButton a {
    padding: 5px 25px 5px 15px;
    background: url(../img/icon-link-blue.svg) right 5px top 50% no-repeat;
    background-size: 15px 15px;
    border-radius: 25px;
    border: 2px solid #374069;
}

.WalkAttributes .ArrowButton a:hover {
    background: url(../img/icon-link-white.svg) right 5px top 50% no-repeat #374069;
    background-size: 15px 15px;
    color: #fff!important;
}

.IntroBoxesLeft {
	left: 0;
}

.IntroBoxesRight {
	right: 0;
}

	#secondary-nav li.current_page_ancestor a::after, 
	.SideNav .current_page_item a::after,
	.SideNavMobile .current_page_item a::after {
		display: none!important;
	}
	
	.MarginBottomLarge {
		margin-bottom: 50px;
	}
	.BorderRight {
		border-right: solid 0px #fff;
	}
	
	.SideNav .current_page_item a::after,
	.SideNavMobile .current_page_item a::after {
		display: none!important;
	}
	.HideTabletMobile {
		display: none!important
	}
	
	.ShowTabletMobile {
		display: block!important
	}
	
	.FloatRight {
		float: none;
		margin: 0 auto;
	}
	
	.TextCenterMobile {
		text-align: center;
	}
	
	.LinkLogos {
		border:none;
		}
	
.FootprintsOffset {
		margin-bottom: 0!important;
}
	
.tab-panel-Itin {
		display:block;
    width: 100%;
    float: left;
}

.container-fluid:before, .container-fluid:after {
    content: " ";
    display: block;
}	

.tab-panelCont .LineShadow {
    display: block;
}

.TabNavigation label {
    padding: 10px;
	margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
	
}

.TabNavigation label a,
.TabNavigation a {
 	width: 100%;
	display:block;
}

.BorderBottom {
 border-bottom: solid 1px #217eae;

}	

.Itineraries h6 {
    font-size: 20px;
    line-height: 25px;
}
.MobileDay  {
	display:block;
	float:left;
	width: 100%;
    font-size: 20px;
	margin-bottom: 20px;
	font-weight: 700;
    line-height: 25px;
}

.FeaturedItems li {
    font-size: 16px;
    line-height: 20px;
}

.tab-panel, .tab-panel-Itin {
  display: block; 
}

#fielddjldjjud { 
    height: auto;
}

.NoPaddingRight {
    padding-right: 15px!Important;
}
.NoPaddingLeft {
    padding-left: 15px!Important;
}

.LineShadow {
    padding-left: 15px!Important;
	border-left: none;
}

blockquote {
		padding: 15px 15px 15px 15px;
		margin: 25px 0 25px 0;
		font-size: 15px;
		line-height: 20px;
	}
	blockquote::before {
		left: 0px;
	}
	blockquote::after {
		right: 0px;
	}
	.ContentArea li {
		font-size: 15px;
		line-height: 22px;
	}
	
	.MobileLogo {
		width: 95px;
		text-align: center;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		height: 50px;
		margin: 0 auto;
		padding: 5px;
	}

	.NavigationButton {
		color: #fff;
		text-align: center;
		font-size: 21px;
		cursor: pointer;
		font-weight: 700;
		height: 50px;
		width: 50px;
		line-height: 45px;
	}
	
	.MobileHeader {
		background: #217eae;
		display: block;
		height: 50px;
		position: fixed;
		width: 100%;
		z-index: 99;
		border-bottom: 1px #fff solid;
	}

	.FloatRightMobile {
		float: right;
	}
	
	.MobileNavCont {
		height: 100%;
	}
	
	.HowIntroArea p {
    font-size: 18px;
    line-height: 20px;
}
	.overlay ul li {
		display: block;
		height: 8%;
		height: calc(100% / 12);
		min-height: 30px;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		padding-top: 2px;
		letter-spacing: 2px;
		text-transform:uppercase;
	}
	
		.overlay ul li:last-child {
		border-bottom: none;
	}
	
	.overlay ul li a {
		font-size: 16px;
		line-height: 20px;
		color: #fff;
		-webkit-transition: color 0.2s;
		transition: color 0.2s;
		padding: 8px 13px!important;
		font-weight: 400;
		border-radius:50px;
	}
	
	.overlay .current_page_item a,
	.overlay .current-page-ancestor a,
	.overlay ul li a:hover, .overlay ul li a:focus {
		background: #fff;
		color: #217eae;
	}

	.SmallNav a {
	font-size: 12px!important;
		line-height: 13px!important;
		color: #fff;
		-webkit-transition: color 0.2s;
		transition: color 0.2s;
		padding: 8px 13px!important;
		font-weight: 400;
		border-radius:50px;	}
	
	
	.overlay nav {
		text-align: center;
		position: relative;
		top: 50%;
		height: 90%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.overlay ul {
		list-style: none;
		padding: 0;
		margin: 0 auto;
		display: inline-block;
		height: 100%;
		position: relative;
	}
	.overlay-hugeinc {
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
		transition: opacity 0.5s, visibility 0s 0.5s;
	}
	.overlay-hugeinc.open {
		opacity: 1;
		visibility: visible;
		-webkit-transition: opacity 0.5s;
		transition: opacity 0.5s;
	}
	.overlay-hugeinc nav {
		-webkit-perspective: 1200px;
		perspective: 1200px;
	}
	.overlay-hugeinc nav ul {
		opacity: 0.4;
		-webkit-transform: translateY(-25%) rotateX(35deg);
		transform: translateY(-25%) rotateX(35deg);
		-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
		transition: transform 0.5s, opacity 0.5s;
	}
	.overlay-hugeinc.open nav ul {
		opacity: 1;
		-webkit-transform: rotateX(0deg);
		transform: rotateX(0deg);
		width: 100%;
	}
	.overlay-hugeinc.close nav ul {
		-webkit-transform: translateY(25%) rotateX(-35deg);
		transform: translateY(25%) rotateX(-35deg);
	}
	Footer p {
		margin: 15px 0px;
	}

.SideNav,
.SideNavMobile {
    width: 100%;
    border-bottom: 0px solid #fff;
	position:relative!important;
}

.FooterLinks img {
	max-width: 300px;
	max-height: 100%;
	margin: 20px 0;
	}

.IntroText h6,
.IntroHeading {
    font-size: 20px;
    line-height: 25px;
}

td {
	text-align:left;
}
 
th {
  font-size:15px;
  padding:15px;
}

  
tr {
  font-size:12px;
    line-height: 15px;
}

.grid-itemWalk {
	width: 50%;
}


.grid-itemNews {
    padding: 0;
}
.Language {
    right: 10px;
    top: 7px;
    z-index: 130;
    width: 35px;
	    height: 40px;
}
.Language a {
top: 0px;
    right: 0px;
	position:absolute;
	    pointer-events: none;
}

.ButtonCol  {
	margin-top: 0px!important;
	padding-bottom: 25px;
	}
	#mc_embed_signup .button   {
		    margin-bottom: 25px!important;

	}
	
	.IncludedFlexCont {

    display: block;
}

	.IncludeTick  {
		min-width: auto;
		width: 50%;
		    float: left;
}

}

@media all and (max-width: 767px) {

	.BlueIntroArea .css-grid {
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}

	.bannerlarge {
	height: 550px!important;
		object-fit: cover;
}
.NewsBlock {
    border: solid 0px #fff;
	    border-bottom: solid 1px #fff;
}
.TextLinksCenter {
	width: 100%;
	}
	
.Facility h6 {
    font-size: 13px;
    line-height: 15px;

}
.HomeBanner {
    height: 550px;
}

.bannerlarge img {
	height: 550px!important;
	object-fit: cover;
}

.MarginBottom {
		margin-bottom: 10px;
	}
	
	.MarginTop {
		margin-top: 25px;
	}
	
	.chocolat-wrapper .chocolat-left {
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}
	.chocolat-wrapper .chocolat-left:hover {
		width: 30px;
	}
	.chocolat-wrapper .chocolat-right {
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}
	.chocolat-wrapper .chocolat-right:hover {
		width: 30px;
	}
	
	.PropertiesBanner .slick-slide {
    padding: 0px;

}
.MarginBottom {
		margin-bottom: 25px;
	}
	
	.BorderLeft {
		border-left: solid 0px #fff;
	}
	.slick-next2 {
		right: -12px;
		width: 50px;
	}
	.slick-prev2 {
		left: -12px;
		width: 50px;
	}
	
	.grid-item {
		width: 100%;
	}
	
.HomeGridSquare {
	width: 10%;
	padding:0;
	float: left;
	border: solid 2px #fff;
}
.HomeGridLand {
	width: 20%;
	padding:0;
		float: left;
	border: solid 2px #fff;

}
figure.effect .Plus {
	background: url(../img/icon-plus2.svg) center center no-repeat;
	height: 40px;
	width: 40px;
	position: absolute;
	background-size: cover;
	top: 35%;
	left: 40%;
}

.cc-window.cc-banner {
padding: 10px!important;
border-top: solid 1px #fff!important;
}

.cc-window .cc-message {
font-size: 12px;
line-height: 15px;
}
	
.TopWalk {
    left: -1px;
}
.ExtraCon {
    width: 100%;
}
}

@media all and (max-width: 430px) {
	.FloatNone {
		float: left;
	}

	.RoomBook button, .PropertyBookSmall button {
		width: auto;
	}

	figure.effect .Plus {
		height: 20px;
		width: 20px;
		top: 43%;
		left: 45%;
	}	

	figure.effect:hover .Plus {
		background: url(../img/icon-plus1.svg) center center no-repeat;
		height: 20px;
		width: 20px;
		background-size: cover;
	}
}


.displaylang {
	display:block;
}

 body {
	top:0 !important;
} 

body.single-walk_categories #menu-item-1476 a {
	background: #000;
} 



body.page-id-135 .SideNav li:first-child a, 
body.page-id-135 .SideNavMobile li:first-child a,
body.page-id-1601 .SideNav li:first-child a, 
body.page-id-1601 .SideNavMobile li:first-child a,
body.page-id-1759 .SideNav li:first-child a, 
body.page-id-1759 .SideNavMobile li:first-child a,
body.page-id-1723 .SideNav li:first-child a, 
body.page-id-1723 .SideNavMobile li:first-child a
body.page-id-137 .SideNav li:first-child a, 
body.page-id-137 .SideNavMobile li:first-child a,
body.page-id-1569 .SideNav li:first-child a, 
body.page-id-1569 .SideNavMobile li:first-child a
 {
    color: #217eae!important;
    background: url(../img/icon-link-blue.svg) right 5px top 50% no-repeat #fff!important;
    background-size: 20px 20px!important;
    position: relative!important;
	right: -1px;
} 

body.page-id-135 .SideNav li:first-child a:hover, 
body.page-id-135 .SideNavMobile li:first-child a:hover,
body.page-id-1601 .SideNav li:first-child a:hover, 
body.page-id-1601 .SideNavMobile li:first-child a:hover,
body.page-id-1759 .SideNav li:first-child a:hover, 
body.page-id-1759 .SideNavMobile li:first-child a:hover,
body.page-id-1723 .SideNav li:first-child a:hover, 
body.page-id-1723 .SideNavMobile li:first-child a:hover,
body.page-id-137 .SideNav li:first-child a:hover, 
body.page-id-137 .SideNavMobile li:first-child a:hover,
body.page-id-1569 .SideNav li:first-child a:hover, 
body.page-id-1569 .SideNavMobile li:first-child a:hover {
    background: url(../img/icon-link-blue.svg) right -5px top 50% no-repeat #fff!important;
    background-size: 20px 20px!important;
}


.slick-slide.slick-current .tooltip .tooltiptext {
	left: 0;
	margin-left: -10px;
}

.slick-slide.slick-current .tooltip .tooltiptext:before,
.slick-slide.slick-current .tooltip .tooltiptext:after {
	left: 20px;
}

.cfdatepicker.dropdown-menu {
    z-index: 10000000!important;
}

@media (max-width: 992px) {
    
	
	
	.inner-tabs {
		display: flex;
		flex-wrap: wrap;
	}

	.SideNav label:first-child {
		width: 100%;
	}

	.SideNav .inner-tabs label {
		padding: 10px 10px 10px 0;
		width: 100%;
	}

	.SideNav h6 {
		margin: 0;
		font-size: 16px;
		line-height: 20px;
	}

    .inner-tabs label {
        display: block;
        margin: 0;
        border: 1px solid #ddd;
        border-top: none; 
        padding: 10px;
        background: #f8f8f8; /* Differentiate from outer accordion */
    }
    
    /* 2. Hide inner radio buttons and panels */
    .sub-tab-toggle {
        display: none; 
    }
	
	.sub-tab-toggle:checked ~ .sub-tab-panel {
        display: none;
    }
	
    .tab-panel .sub-tab-panel.tab-panel-Itin {
        display: none; /* Managed by JS slideDown */
        padding: 15px;
        background: #fff;
        border: 1px solid #ddd;
    }

    /* 3. Inner Active State Styling */
    .inner-tabs label.active-accordion-inner {
        background: #e0e0e0; 
        font-weight: bold;
    }
	
	
    /* 1. Accordion Header Styling (The Label) */
    .tab-header {
        display: block; /* Stack headers vertically */
        border: 1px solid #ccc;
        border-bottom: none; 
        margin: 5px 0 0; /* Add vertical spacing between headers */
    }

    /* 2. Accordion Panel Behavior */
    .accordion-group .tab-panel {
        /* On mobile, we force all panels to be hidden unless explicitly opened by JS */
        display: none; 
        border: 1px solid #ccc;
        border-top: none; 
    }

    /* 3. Ensure the active radio button (if checked by default) is hidden */
    .tab-panel-toggle {
        display: none; 
    }
    
    /* 4. Optional: Reset Checked Tab Styling */
    .tab-panel-toggle:checked + .tab-header {
        border-bottom: 1px solid #ccc; /* Un-lift the active tab */
    }

	.accordion-group .VideoTab::before {
		content: none;
	}


}