/*
Theme Name: Western Prince Cruises
Author: @jayson_brown from BONE Creative
Author URI: http://www.bonecreative.com/
Version: 1.1
*/

body {
  overflow-x: hidden;
  overflow-y: scroll;
}

.home-first-slider .slick-slide img.show-for-small-only {
  aspect-ratio: 11/10;
  width: 100%;
}

@media only screen and (max-width: 40em) {
  .home-first-slider {
    aspect-ratio: 11/10;
    overflow: hidden;
  }
}

.home-first-slider .slick-slide img.show-for-medium-only {
  aspect-ratio: 789/215;
}


.banner img {
  width: 100%;
}


html {
  scroll-behavior: smooth;
}

h1,h2,h3,h4,h5 {
  line-height: 1.25;
}

.is-slider {
  margin-bottom: 1rem;
}

.is-slider .slick-prev,
.is-slider .slick-next {
position: absolute;
top: 50%;
transform: translateY(-50%);

z-index: 1000;
margin-right: auto;
margin-left: auto;
padding: 0px;
width: 80px;
height: 80px;
border:none;
background-color: transparent;
color: transparent;
text-indent: -9999999px;
opacity: 100;
cursor: pointer;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.is-slider .slick-prev {
left: -5px;
}

.is-slider .slick-next {
right: -5px;
}

.is-slider .slick-prev:before,
.is-slider .slick-next:before  {
z-index: 100;
display: block;
overflow: hidden;
width: 80px;
height: 80px;
border-radius: 2000px;
background-color: rgba(255,255,255,100);
background-image: url('img/arrows-blue.svg');
background-repeat: no-repeat;
color: transparent;
content: ".";
text-align: center;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.is-slider .slick-prev:before {
float: left;
background-position: 0px 0px;
}

.is-slider .slick-next:before {
float: right;
background-position: -160px 0px;
}

.is-slider .slick-prev:hover,
.is-slider .slick-next:hover {
opacity: .50;
}

/* Medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

body .is-slider .slick-prev,
body .is-slider .slick-next {
display: none;
}

}

/* Small Screens */

@media only screen and (max-width: 40em) {

body .is-slider .slick-prev,
body .is-slider .slick-next {
display: none;
}

}





@media only screen and (max-width: 40em) {
	.tours__details {
		order: -1;
	}
  .slick-initialized {
    overflow: hidden;
  }
}


.content-wrapper .tripadvisor-panel {
	margin-top: 5%;
	margin-bottom: 5%;
}
.content-wrapper .tripadvisor-panel p {
	color: #fff;
}

.tour__container {
	padding-top: 5%;
	padding-left: 2%;
	padding-right: 2%;
}

.content-wrapper .tours__price{
	font-size: 1.4rem;
	color: #2c3863;
	font-weight: bold;
}

.content-wrapper .tours__duration{
	font-size: 0.85rem;
}

.content-wrapper .tours__location{
	font-size: 0.85rem;
}

.tours__button {
display: block;
padding-top: 5%;
padding-right: 10%;
padding-bottom: 5%;
padding-left: 10%;
border:3px solid #17a452;
border-radius: 10px;
background-color: #17a452;
color: #ffffff;

text-align: center;
font-weight: 700;
font-size: 1.2rem;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
margin-top: 5%;
margin-bottom: 5%;
}

.tours__button:hover {
  background-color: transparent;
  color: #17a452;
}

@media only screen and (max-width: 40em) {
  .tours__button {

  }
}

.link--top {
	color: #fff;
	font-weight: bold;
	font-size: 1.2rem;
	display: block;
	margin-top: 5%;
	margin-bottom: 5%;
	text-align: center;
}

.boat-panel {
	color: #fff;
	padding-top: 5%;
}

.boat-panel__image > img {
	border-radius: 8px;
}

.boat-panel h1,
.boat-panel h2,
.boat-panel h3,
.boat-panel h4,
.boat-panel h5,
.boat-panel ul,
.boat-panel p {
	 font-family: 'PT Sans', sans-serif;
}

.boat-panel ul,
.boat-panel p {
	margin-bottom: 1.5%;
  font-weight: 400;
  font-size: 1.2em;
}

.boat-panel__gallery {
	padding: 5%;
}

.boat-panel__gallery__item {
	padding-right: 0.625rem;
	padding-left: 0.625rem;

  text-align: center;
}

.boat-panel__gallery__item > img {

	width: 100%;
  max-width: 98%;
  max-width: 98vw;

  height: 95%;
	min-height: 350px;
	max-height: 95vh;
	object-fit: cover;
	border-radius: 8px;
}


.services .service .btn + .btn {
	margin-right: 1rem;
	background: #fff;
	color: #b82323;
}

.services .service .btn + .btn:hover,
.services .service .btn + .btn:focus,
.services .service .btn + .btn:active {
	background: #b82323;
	color: #fff;
}


.pagination {
	font-size: 1.2rem;
	font-weight: bold;
	padding-bottom: 1rem;
}

.wrap > .image > img {
	width: 100%;
	aspect-ratio: 6 / 5;
  object-fit: cover;
}

.gallery > a > img {
	width: 100%;
	aspect-ratio: 1 / 1;
}

.gfield.show-label input + label {
	display: inline !important;
	color: #fff;
}


/* OFF Canvas
-------------------------------------------------------------- */

.off-canvas-wrapper {
background-color: transparent;
}

.off-canvas {
background: transparent;
}

.js-off-canvas-exit {
background:rgba(22,102,140,0.80);
}

.off-canvas.position-right {
height: 100%;
background-color: #2c3863;
}


.off-canvas.position-right .logo {
text-align: center;
width: 100%;
display: block;
}

.off-canvas.position-right .logo img {
margin-top: 2rem;
margin-bottom: 1.5em;
}

.off-canvas.position-right  .is-drilldown-submenu {
height: 100%;
background-color: #2c3863;
}

.off-canvas.position-right .menu.vertical>li>a,
.off-canvas.position-right .menu.vertical>li>a:hover,
.off-canvas.position-right .menu.vertical>li>a:focus {
background-color: transparent;
color: #ffffff;
}

.off-canvas.position-right .menu.vertical .active>a {
border-radius: 2000px;
background-color: #ffffff;
color: #16668d;
}

.off-canvas.position-right .is-drilldown-submenu-parent>a:after {
border-color: transparent transparent transparent #ffffff;
}

.off-canvas.position-right .js-drilldown-back>a:before {
border-color: transparent #ffffff transparent transparent;
}

/* Top Bar
-------------------------------------------------------------- */

.title-bar {
position: fixed;
position: sticky;
top: 0px;
left: 0px;
z-index: 1000;
padding-top: 0.8rem;
padding-right: 0.8rem;
padding-bottom: 0.8rem;
padding-left: 0.8rem;
width: 100%;
background: #9d1b1b;
color: #ffffff;
}

.title-bar .title-bar-title {
font-weight: 700;
font-size: 0.7rem;
}

.title-bar .title-bar-left a {
color: #ffffff;
}

.off-canvas-content {
background-color: transparent;
}

.title-bar-gap {
display:block;
}

@media only screen and (min-width: 1025px) {

.title-bar,
.title-bar-gap {
display:none;
}

}

/* Game Changer
-------------------------------------------------------------- */

@media (min-width: 980px) { body { font-size:100%; line-height: 100%;} }
@media (min-width: 768px) and (max-width: 979px) { body { font-size:90%; line-height: 80%;}}
@media (max-width: 767px) { body { font-size:80%; } }
@media (max-width: 480px) { body { font-size:95%; line-height: 50%; } }

/* XXLarge screens */

@media only screen and (min-width: 120.063em) {
}

/* XLarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
}

/* Large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
}

/* Medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}

/* Pad in portrait */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
}

/* iPad in landscape */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
}

/* Small Screens */

@media only screen and (max-width: 40em) {
}

/* Iphone4 Screens */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
}

/* Body
-------------------------------------------------------------- */

body {
background-color: #eeeeee;
background-image: url('img/bg.jpg');
background-position: center top;
background-repeat: repeat-x;
font-family: 'PT Sans', sans-serif;
}

.clear {
clear: both;
}

*:focus {
outline: none;
}

/* Pad in portrait */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

body {
background: #3b3b3b;
}

}

/* iPad in landscape */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

body {
background: #3b3b3b;
}

}

/* Lazyload
-------------------------------------------------------------- */

img[data-lazy-src] {
opacity: 0;
}

img.lazyloaded {
opacity: 1;
-webkit-transition: opacity .2s linear 0.1s;
-moz-transition: opacity .2s linear 0.1s;
transition: opacity .2s linear 0.1s;
}

/* Wave - Blue
-------------------------------------------------------------- */

.wave-blue {
position: absolute;
left: 0px;
width: 100%;
height: 30px;
background-image: url('img/wave-blue.svg');
background-repeat: no-repeat;
}

.wave-blue.postion-top {
top: -28px;
background-position: center bottom;
}

.wave-blue.postion-bottom {
bottom: -28px;
background-position: center top;
}

/* Colors
-------------------------------------------------------------- */

.bg-red {
background-color: #b82323;
/*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.20);*/
}

.bg-blue {
background-color: #2C3863;
/*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.20);*/
}

.bg-white {
background-color: #ffffff;
}

/* Margin
-------------------------------------------------------------- */

.margin-bottom {
margin-bottom: 5%;
}

/* Padding
-------------------------------------------------------------- */

.padding {
padding: 5%;
}

.padding-left {
padding-left:45px;
}

/* XXLarge screens */

@media only screen and (min-width: 120.063em) {

body.blog .padding-left {
padding-top: 12%;
}

}

/* XLarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {

body.blog .padding-left {
padding-top: 12%;
}

}

/* Large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {

body.blog .padding-left {
padding-top: 12%;
}

}

/* Medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

body.blog .padding-left {
padding-top: 0%;
}

}

/* Pad in portrait */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

.padding {
padding-top: 2.5%;
padding-right: 2%;
padding-bottom: 2.5%;
padding-left: 2%;
}

}

/* iPad in landscape */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

.padding {
padding-top: 2.5%;
padding-right: 2%;
padding-bottom: 2.5%;
padding-left: 2%;
}

}

/* Small Screens */

@media only screen and (max-width: 40em) {

.padding-left {
padding-left:0px;
}

}

/* Game Changer
-------------------------------------------------------------- */

.hover {
position: absolute;
top:0px;
left: 0px;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.20);
opacity: 0;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

/* Round Left
-------------------------------------------------------------- */

.round {
border-radius: 5px;
}

.round-left {
border-radius: 5px 0px 0px 5px;
}

/* Top
-------------------------------------------------------------- */

.top {
padding-top: 10px;
padding-bottom: 0px;
width: 100%;
height: auto;
background-color: #2c3863;
display: none;
}

.top .logo {
position: absolute;
top: -10px;
left: 0px;
z-index: 2000;
width: 200px;
height: 250px;
border-radius: 0px 0px 5px 5px;
background-color: #b82323;
box-shadow: 0 6px 40px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.15);
text-align: center;
}

.top .logo img {
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.top .logo:hover img {
opacity: .50;
}

.top ul.social {
margin: 0px;
margin-right: -20px;
padding: 0px;
}

.top ul.social li {
display: inline-block;
margin: 0px;
padding: 0px;
list-style: none;
}

.top ul.social li a {
display: block;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
border-radius: 5px;
color: rgba(255,255,255,0.50);
text-shadow: 1px 1px 0px rgba(0,0,0,0.10);
font-weight: 600;
font-size: 1em;
font-family: 'PT Sans', sans-serif;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.top ul.social li a:hover {
box-shadow: 0 6px 40px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.15);
color: #ffffff;
}

.top ul.social li.facebook a:hover {
background-color: #537cbe;
}

.top ul.social li.tripadvisor a:hover {
background-color: #17a452;
}

body.tours .top ul.social li.tripadvisor a {
background-color: #17a452;
color: #ffffff;
}

body.tours .top ul.social:hover li.tripadvisor a  {
background-color: transparent;
color: rgba(255,255,255,0.50);
}

body.tours .top ul.social:hover li.tripadvisor a:hover {
background-color: #17a452;
color: #ffffff;
}

.top ul.social li.twitter a:hover {
background-color: #77cdf0;
}

.top ul.social li.instagram a:hover {
background-color: #4d75ba;
}

.top ul.social li.youtube a:hover {
background-color: #e74c3c;
}

.top ul.social li.yelp a:hover {
background-color: #d32323;
}

/* Large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {

.top ul.social {
margin-right: 0px;
}

.top .logo {
left: 5%;
}

.header .logo {
margin-left: 10%;
}

}

@media only screen and (min-width: 1025px) {

.top {
display:block;
}

}

/* Header
-------------------------------------------------------------- */

.header {
position: relative;
z-index: 1500;
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
background-color: #2c3863;
display: none;
}

.header .logo {
position: relative;
display: block;
margin-top: 10px;
width: 55%;
height: 55px;
background-image: url('img/logo-white.svg');
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
opacity: 0;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.header.is_stuck .logo {
opacity: 100;
}

.header .logo:hover {
opacity: .50;
}

.header ul.nav {
margin-top: 8px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0px;
}

.header ul.nav li {
position: relative;
display: inline-block;
margin: 0px;
padding: 0px;
list-style: none;
}

.header ul.nav li a {
display: block;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
color: #ffffff;
text-shadow: 1px 1px 0px rgba(0,0,0,0.10);
font-weight: 400;
font-size: 1.5em;
font-family: 'PT Sans', sans-serif;
transition: opacity .2s, transform .2s, color .2s, background-color .2s;
}

/* Active menu or parent item */

.header ul.nav li.current-menu-item a {
color: rgba(255,255,255,0.54);
}

/* De active menu or parent when hover anything else */

.header ul.nav:hover li.current-menu-item a {
color: #ffffff;
}

.header ul.nav li a:hover {
color: rgba(255,255,255,0.50);
}

/* Book Now */

.header ul.nav li.special {
margin-left: 10px;
}

.header ul.nav li.special a {
padding-right: 15px;
padding-left: 15px;
border-radius: 5px;
background-color: #17a452;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
color: #ffffff;
text-transform: uppercase;
text-shadow: 1px 1px 0px rgba(0,0,0,0.10);
font-weight: 700;
}

body.tours ul.nav li.special,
body.tours-single ul.nav li.special {
display: none;
}


.header ul.nav li.special a:hover {
background-color: #b82323;
box-shadow: 0 6px 40px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.15);
color: #ffffff;
}

/* Dropdown */

.header ul.nav li ul.sub-menu {
position: absolute;
top:80px;
left: 50%;
z-index: 1500;
visibility:hidden;
overflow: hidden;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: -112px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
width: 225px;
height: 0px;
border-radius: 5px;
background-color: #17a452;
-webkit-box-shadow: 20px 30px 20px 1px rgba(0,0,0,0.1);
box-shadow:20px 30px 20px 1px rgba(0,0,0,0.1);
opacity: 0;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.header ul.nav li:hover ul.sub-menu {
top:60px;
visibility:visible;
overflow: visible;
height: auto;
-webkit-box-shadow: 20px 30px 20px 1px rgba(0,0,0,0.1);
box-shadow:20px 30px 20px 1px rgba(0,0,0,0.10);
opacity: 100;
}

.header ul.nav li:hover ul.sub-menu:before {
display: block;
margin-top: -25px;
margin-bottom: 10px;
margin-left: -10px;
width: 225px;
height: 15px;
background-image: url('img/dropdown.svg');
background-position: center center;
background-repeat: no-repeat;
content: "";
}

.header ul.nav li:hover ul.sub-menu li {
display: block;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

.header ul.nav li:hover ul.sub-menu li:first-child a {
box-shadow: none;
}

.header ul.nav li:hover ul.sub-menu li a {
display: block;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 5%;
padding-right: 10%;
padding-bottom: 5%;
padding-left: 10%;
border-bottom: 1px solid rgba(0,0,0,0.10);
border-radius: 0px;
background-color: #17a452;
background-image: none;
color: #ffffff;
text-align: center;
text-shadow: none;
font-weight: 700;
font-size: 1.0em;
opacity: 100;
transition: opacity .3s, transform .3s, color .3s, background-color .3s;
}

.header ul.nav li:hover ul.sub-menu li a span {
margin-top: -5px;
color: #ffffff;
text-transform: none;
font-weight: 400;
font-size: 0.7em;
opacity: .70;
transition: opacity .3s, transform .3s, color .3s, background-color .3s;
}

.header ul.nav li ul.sub-menu li.current-menu-item a {
color: rgba(255,255,255,0.70);
font-style: italic;
}

.header ul.nav li:hover ul.sub-menu li:last-child a {
border-bottom: none;
}

.header ul.nav li ul.sub-menu li a:hover {
border-bottom-color: transparent;
border-radius: 4px;
background-color: rgba(255,255,255,100);
-webkit-box-shadow: 0 0 0 10px rgba(255,255,255,1);
box-shadow: 0 0 0 1px rgba(255,255,255,1);
color: #2c3863;
text-shadow: none;
}

.header ul.nav li ul.sub-menu li a:hover span {
color: #b82323;
}

.header ul.nav li.menu-item-has-children:hover a {
opacity: .50;
}

/* Large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {

.header ul.nav {
margin-right: 25px;
}

.header ul.nav li.home {
display: none;
}

.header ul.nav li a {
padding-right: 12px;
padding-left: 12px;
font-size: 1.4em;
}

}

@media only screen and (min-width: 1025px) {
.header {
display:block;
}
}

/* Container
-------------------------------------------------------------- */

.container {
margin-right: auto;
margin-left: auto;
max-width: 1500px;
background-color: #ffffff;
box-shadow: 0 0px 100px rgba(0, 0, 0, 0.20);
}

/* XXLarge screens */

@media only screen and (min-width: 120.063em) {
}

/* XLarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
}

/* Large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {

.container {
margin-right: 2%;
margin-left: 2%;
}

}

/* Medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

/*
.container {
padding-bottom: 5%;
}
*/

}

/* Pad in portrait */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

.padding {
padding-top: 2.5%;
padding-right: 2%;
padding-bottom: 2.5%;
padding-left: 2%;
}

body.tours-single .container {
background-color: #b82323;
}

}

/* iPad in landscape */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

.padding {
padding-top: 2.5%;
padding-right: 2%;
padding-bottom: 2.5%;
padding-left: 2%;
}

body.tours-single .container {
background-color: #b82323;
}

}

/* Small Screens */

@media only screen and (max-width: 40em) {

.container {
padding-bottom: 0%;
}

}

/* Iphone4 Screens */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
}

/* Small Screens */

@media only screen and (max-width: 40em) {
}

/* Video Banner
-------------------------------------------------------------- */

.video-bg {
	display: none;
}

@media only screen and (min-width: 64.063em) {
	.video-bg {
		display: block;
	}
}



body.home .vidbg-box {
max-width: 1500px;
height: 700px;
}

body.home  .mfp-bg {
background: #2c3863;
opacity: .90;
}

body.home .video-bg .button {
position: absolute;
top: 60px;
right: 60px;
background-color: rgba(184,35,35,0.80);
display: inline-block;
z-index: 10;
padding-top: 1.2rem;
padding-right: 1.4rem;
padding-bottom: 1.2rem;
padding-left: 1.4rem;
text-shadow: 1px 1px 0px rgba(0,0,0,0.10);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
font-size: 1em;
color: #ffffff;
font-family: 'PT Sans', sans-serif;
font-weight: 700;
transition: opacity .2s, transform .2s, color .2s, background-color .2s;
border-radius: 5px;
}

body.home .video-bg .button:hover {
color: rgba(255,255,255,0.60);
background-color: rgba(184,35,35,100);
}

body.home .video-bg .button .speaker {
display: inline-block;
transition: opacity .2s, transform .2s, color .2s, background-color .2s;
}

body.home .video-bg .button:hover .speaker {
opacity: .60;
}

body.home .mfp-iframe-holder .mfp-content {
max-width: 1200px;
}

/* XXLarge screens */

@media only screen and (min-width: 120.063em) {

body.home .slider {
display: none;
}

body.home .vidbg-box {
height: 700px;
}

}

/* XLarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {

body.home .slider {
display: none;
}

body.home .vidbg-box {
height: 70vh;
max-height: 700px;
}

}

/* Large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {

body.home .slider {
display: none;
}

body.home .vidbg-box {
height: 70vh;
max-height: 700px;
}

}

/* Medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {


body.home .video-bg {
display: none;
}

body.home .slider {
display: block;
}

}

/* Pad in portrait */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

body.home .video-bg {
display: none;
}

body.home .slider {
display: block;
}

}

/* iPad in landscape */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

body.home .video-bg {
display: none;
}

body.home .slider {
display: block;
}

}

/* Phone - Larger - Landscape (Nexus 5x, iPhone 6+, Nexus 6p) */

@media only screen
and (min-device-width : 668px)
and (max-device-width : 773px)
and (orientation : landscape) {

body.home .video-bg {
display: none;
}

body.home .slider {
display: block;
}

}

/* Small Screens */

@media only screen and (max-width: 40em) {

body.home .video-bg {
display: none;
}

body.home .slider {
display: block;
}

}

/* Specials Tab
-------------------------------------------------------------- */

body.home .specials .special {
margin-bottom: 2.5%;
}

body.home .specials .special:last-child {
margin-bottom: 0%;
}

body.home .specials .special h2 {
margin-bottom: 1.5%;
color: orange;
font-weight: 700;
font-size: 2em;
font-family: 'PT Sans', sans-serif;
}

body.home .specials .special p {
margin-bottom: 1.5%;
color: #7D7D7D;
font-weight: 400;
font-size: 1.2em;
font-family: 'PT Sans', sans-serif;
}

body.home .specials .special p.small {
margin-bottom: 2.5%;
font-size: 1em;
}

body.home .specials .special .btn {
display: inline-block;
padding-top: 1rem;
padding-right: 2rem;
padding-bottom: 1rem;
padding-left: 2rem;
border: 3px solid orange;
border-radius: 10px;
color: #ffffff;
text-align: center;
background-color: orange;
font-weight: 700;
font-size: .9em;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

body.home .specials .special .btn:hover {
background-color: transparent;
color: orange;
border-color: orange;
}

@media only screen and (max-width: 40em) {

body.home ul.accordion li.accordion-item .accordion-content .specials .special h2 {
margin-bottom: 1rem;
color: orange;
font-weight: 700;
margin-top: 2rem;
font-size: 2em;
font-family: 'PT Sans', sans-serif;
}

body.home .specials .special .btn {
width: 100%;
}

}

/* Slider - Home
-------------------------------------------------------------- */

.slider .slider {
position: relative;
display: block;
}

.slider .slide .message {
position: absolute;
top: 50px;
/*right: -30px;*/
right: 0;
padding-top: 25px;
padding-right: 30px;
padding-bottom: 25px;
padding-left: 30px;
border-radius: 5px 0px 0px 5px;
background-color: #b82323;
box-shadow: 0 6px 40px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.15);
text-align: right;
opacity: 0;
transition: opacity 1s, transform 1s;
-webkit-transform: rotate(-3deg) translateX(30px);
-ms-transform: rotate(-3deg) translateX(30px);
transform: rotate(-3deg) translateX(30px);
}

.slider .slide.slick-active .message {
/*right: -10px;*/
opacity: 0.8;
-webkit-transform: rotate(-6deg) translateX(10px);
-ms-transform: rotate(-6deg) translateX(10px);
transform: rotate(-6deg) translateX(10px);
}

.slider .slide.slick-active:nth-child(even) .message {
-webkit-transform: rotate(3deg) translateX(10px);
-ms-transform: rotate(3deg) translateX(10px);
transform: rotate(3deg) translateX(10px);
}

.slider .slide:nth-child(even) .message {
background-color: #2c3863;
}

.slider .slide .message h1,
.slider .slide .message h2 {
margin-bottom: 0px;
color: #ffffff;
text-shadow: 1px 1px 0px rgba(0,0,0,0.10);
font-weight: 600;
font-size: 1.8em;
font-family: 'PT Sans', sans-serif;
}

.slider .slide .message h1 span,
.slider .slide .message h2 span {
display: block;
margin-bottom: 0px;
color: rgba(255,255,255,0.70);
text-shadow: 1px 1px 0px rgba(0,0,0,0.10);
font-weight: 400;
font-style: italic;
font-size: 0.5em;
font-family: 'PT Sans', sans-serif;
}

/* XXLarge screens */

@media only screen and (min-width: 120.063em) {
}

/* XLarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
}

/* Large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
}

/* Medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}

/* Pad in portrait */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
}

/* iPad in landscape */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
}

/* Iphone4 Screens */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {

.slider .slide .message {
display: none;
}

}

/* Small Screens */

@media only screen and (max-width: 40em) {

.slider .slide .message {
top: 40px;
display: block;
padding-top: 15px;
padding-right: 20px;
padding-bottom: 15px;
padding-left: 20px;
}

.slider .slide .message h1,
.slider .slide .message h2 {
font-size: 1.5em;
}

.slider .slide .message h1 span,
.slider .slide .message h2 span {
font-style: italic;
font-size: 0.5em;
}

}

/* Slider - Article
-------------------------------------------------------------- */

.article-slider {
position: relative;
}

body .article-slider .article {
margin-bottom: 0%;
}

.article-slider .slick-prev,
.article-slider .slick-next {
position: absolute;
top:0px;
z-index: 1000;
margin-right: auto;
margin-left: auto;
padding: 0px;
width: 100px;
height: 505px;
border:none;
border:none;
background-color: transparent;
color: transparent;
text-indent: -9999999px;
opacity: 100;
cursor: pointer;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.article-slider .slick-prev {
left: -100px;
}

.article-slider .slick-next {
right: -100px;
}

.article-slider .slick-prev:before,
.article-slider .slick-next:before  {
z-index: 100;
display: block;
overflow: hidden;
width: 80px;
height: 80px;
border-radius: 2000px;
background-color: rgba(255,255,255,100);
background-image: url('img/arrows-brown.svg');
background-repeat: no-repeat;
color: transparent;
content: ".";
text-align: center;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.article-slider .slick-prev:before {
float: left;
background-position: 0px 0px;
}

.article-slider .slick-next:before {
float: right;
background-position: -160px 0px;
}

.article-slider .slick-prev:hover,
.article-slider .slick-next:hover {
opacity: .50;
}

.article-slider .article img {
width: 100%;
}

/* Large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {

.article-slider .slick-prev {
left: 0px;
}

.article-slider .slick-next {
right: 0px;
}

.article-slider .slick-prev,
.article-slider .slick-next {
visibility: hidden;
}

}


/* Medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {


.article-slider .slick-prev {
left: 0px;
}

.article-slider .slick-next {
right: 0px;
}

.article-slider .slick-prev,
.article-slider .slick-next {
visibility: hidden;
}

}

/* Small Screens */

@media only screen and (max-width: 40em) {

.article-slider .slick-prev {
left: 0px;
}

.article-slider .slick-next {
right: 0px;
}

.article-slider .slick-prev,
.article-slider .slick-next {
visibility: hidden;
}

}

/* Slider - Albums
-------------------------------------------------------------- */

.album-slider {
position: relative;
}

body .album-slider .album {
margin-bottom: 0%;
}

.album-slider .slick-prev,
.album-slider .slick-next {
position: absolute;
top:0px;

z-index: 1000;
margin-right: auto;
margin-left: auto;
padding: 0px;
width: 100px;
height: 335px;
border:none;
background-color: transparent;
color: transparent;
text-indent: -9999999px;
opacity: 100;
cursor: pointer;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.album-slider .slick-prev {
left: -100px;
}

.album-slider .slick-next {
right: -100px;
}

.album-slider .slick-prev:before,
.album-slider .slick-next:before  {
z-index: 100;
display: block;
overflow: hidden;
width: 80px;
height: 80px;
border-radius: 2000px;
background-color: rgba(255,255,255,100);
background-image: url('img/arrows-blue.svg');
background-repeat: no-repeat;
color: transparent;
content: ".";
text-align: center;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.album-slider .slick-prev:before {
float: left;
background-position: 0px 0px;
}

.album-slider .slick-next:before {
float: right;
background-position: -160px 0px;
}

.album-slider .slick-prev:hover,
.album-slider .slick-next:hover {
opacity: .50;
}

/* Medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

body .album-slider .slick-prev,
body .album-slider .slick-next {
display: none;
}

}

/* Small Screens */

@media only screen and (max-width: 40em) {

body .album-slider .slick-prev,
body .album-slider .slick-next {
display: none;
}

}

/* Headline
-------------------------------------------------------------- */

.headline h1,
.headline h2 {
margin-bottom: 4%;
font-weight: 600;
font-size: 3em;
font-family: 'PT Sans', sans-serif;
}

.headline h1.blue,
.headline h2.blue {
color: #2c3863;
}

.headline h1.red,
.headline h2.red {
color: #b82323;
}

.headline h1.brown,
.headline h2.brown {
color: #72706a;
}

.headline h1.white,
.headline h2.white {
color: #ffffff;
text-shadow: 1px 1px 0px rgba(0,0,0,0.10);
}
body.tours-single .headline h1.white {
	font-size:2.4rem;
}

/* XXLarge screens */

@media only screen and (min-width: 120.063em) {
}

/* XLarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
}

/* Large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
}

/* Medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}

/* Pad in portrait */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
}

/* iPad in landscape */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
}

/* Small Screens */

@media only screen and (max-width: 40em) {

.headline h1,
.headline h2 {
font-size: 1.5em;
}

}

/* Iphone4 Screens */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
}

/* Small Screens */

@media only screen and (max-width: 40em) {
}

/* Services
-------------------------------------------------------------- */

.services .service .wrap {
display: block;
overflow: hidden;
margin-bottom: 10%;
border-radius: 5px;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

body.home .services .service.tripadvisor .wrap {
display: block;
width: 100%;
height: 100%;
border:10px solid #17a452;
background-image: url('img/trip-advisor-bg.jpg');
background-position: center center;
}

body.home .services .service .wrap {
margin-bottom: 0%;
}

.services .service:hover .wrap {
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.30);
}

/*
.services:hover .service .hover {
opacity: 100;
}

.services:hover .service:hover .hover {
opacity: 0;
}
*/

.services .service .image {
position: relative;
display: block;
}

.services .service .image img {
width: 100%;
}

.services .service .wave {
position: absolute;
bottom: -1px;
left: 0px;
z-index: 10;
width: 100%;
height: 30px;
background-image: url('img/wave-red-small.svg');
background-position: 0px 0px;
background-repeat: no-repeat;
}

.services .service:nth-of-type(1) .wave {
background-position: 0px 0px;
}

.services .service:nth-of-type(2) .wave {
background-position: -300px 0px;
}

.services .service:nth-of-type(3) .wave {
background-position: -600px 0px;
}

.services .service .tripadvisor {
border-width: 8px;
border-style: solid;
border-color: green;
}

.services .service .it {
padding-top: 5%;
padding-right: 10%;
padding-bottom: 10%;
padding-left: 10%;
background-color: #b82323;
}

.services .service h2 {
margin-bottom: 10px;
color: #ffffff;
text-shadow: 1px 1px 0px rgba(0,0,0,0.10);
font-weight: 600;
font-size: 1.2em;
font-family: 'PT Sans', sans-serif;
}

.services .service p {
margin-bottom: 15px;
color: rgba(255,255,255,0.80);
font-weight: 400;
font-size: 1em;
font-family: 'PT Sans', sans-serif;
}

.services .service h2,
.services .service p {
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

/*
.services:hover .service h2,
.services:hover .service p,
.services:hover .service .btn {
opacity: .40;
}

.services:hover .service:hover h2,
.services:hover .service:hover p,
.services:hover .service:hover .btn {
opacity: 100;
}
*/

.services .service .btn {
display: inline-block;
float: right;
padding-top: 5%;
padding-right: 10%;
padding-bottom: 5%;
padding-left: 10%;
border:3px solid white;
border-radius: 10px;
background-color: #a8a291;
background-color: transparent;
color: #fff;
color: #ffffff;
text-align: center;
font-weight: 700;
font-size: .9em;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.services .service .btn:hover {
background-color: #ffffff;
color: #b82323;
}

/* XXLarge screens */

@media only screen and (min-width: 120.063em) {
}

/* XLarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
}

/* Large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
}

/* Medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

body.home .services .service .wrap {
margin-bottom: 10%;
}

}

/* Pad in portrait */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
}

/* iPad in landscape */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) { /* STYLES GO HERE */}

/* Small Screens */

@media only screen and (max-width: 40em) {

body.home .services .service .btn {
display: block;
float: none;
width: 100%;
margin-bottom: 0.5rem;
}

}

/* Iphone4 Screens */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
}

/* Small Screens */

@media only screen and (max-width: 40em) {
}

/* Articles
-------------------------------------------------------------- */

.articles .article {
margin-bottom: 4%;
}

.articles .article .wrap {
display: block;
overflow: hidden;
border-radius: 5px;
background-color: #72706a;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

/*
.articles:hover .article .hover {
opacity: 100;
}

.articles:hover .article:hover .hover {
opacity: 0;
}
*/

.articles .article:hover .wrap {
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.30);
}

.articles .article .image {
position: relative;
}

.articles .article .wave {
position: absolute;
bottom: -1px;
left: 0px;
z-index: 10;
width: 100%;
height: 30px;
background-image: url('img/wave-brown-small.svg');
background-position: 0px 0px;
background-repeat: no-repeat;
}

.articles .article:nth-child(odd) .wave {
background-position: -900px 0px;
}

.articles .article .author {
position: absolute;
right: 25px;
bottom: -25px;
z-index: 500;
display: block;
width: 80px;
height: 80px;
border-radius: 2000px;
background-color: grey;
background-size: contain;
box-shadow:inset 0 0 0 4px rgba(255,255,255,0.20);
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.articles .article:hover .author {
box-shadow:inset 0 0 0 4px rgba(255,255,255,0.40);
}

.articles .article .it {
padding-top: 5%;
padding-right: 10%;
padding-bottom: 10%;
padding-left: 10%;
}

.articles .article h3 {
margin-bottom: 5px;
color: #ffffff;
text-shadow: 1px 1px 0px rgba(0,0,0,0.10);
font-weight: 600;
font-size: 1.0em;
}

.articles .article h2 {
margin-bottom: 10px;
color: #ffffff;
text-shadow: 1px 1px 0px rgba(0,0,0,0.10);
font-weight: 700;
font-size: 1.1em;
font-family: 'PT Sans', sans-serif;
}

.articles .article p {
margin-bottom: 15px;
color: rgba(255,255,255,0.80);
font-weight: 400;
font-size: 0.8em;
font-family: 'PT Sans', sans-serif;
}

.articles .article h3,
.articles .article h2,
.articles .article p {
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

/*
.articles:hover .article h3,
.articles:hover .article h2,
.articles:hover .article p,
.articles:hover .article .btn {
opacity: .40;
}

.articles:hover .article:hover h3,
.articles:hover .article:hover h2,
.articles:hover .article:hover p,
.articles:hover .article:hover .btn {
opacity: 100;
}
*/

.articles .article .btn {
display: inline-block;
float: right;
padding-top: 5%;
padding-right: 10%;
padding-bottom: 5%;
padding-left: 10%;
border:3px solid white;
border-radius: 10px;
background-color: transparent;
color: #ffffff;
text-align: center;
font-weight: 700;
font-size: .9em;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.articles .article .btn:hover {
background-color: #ffffff;
color: #72706a;
}

/* XXLarge screens */

@media only screen and (min-width: 120.063em) {
}

/* XLarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
}

/* Large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
}

/* Medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}

/* Pad in portrait */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

.articles .article h2 {
font-size: 0.9em;
height: 35px;
}

.articles .article p {
font-size: 0.8em;
}

}

/* iPad in landscape */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

.articles .article h2 {
font-size: 0.9em;
height: 45px;
}

.articles .article p {
font-size: 0.8em;
}

}

/* Small Screens */

@media only screen and (max-width: 40em) {

.articles .article h2 {
height: auto;
}

}

/* Iphone4 Screens */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
}

/* Small Screens */

@media only screen and (max-width: 40em) {

.articles .article .btn {
float: none;
width: 100%;
}

}

/* Packages
-------------------------------------------------------------- */

.packages .package .wrap {
display: block;
overflow: hidden;
padding-top: 30%;
padding-bottom: 30%;
border-radius: 5px;
background-color: #2c3863;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
text-align: center;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.packages .package:hover .wrap {
background-color: #17a452;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

.packages .package .wrap h2 {
margin-bottom: 0px;
color: rgba(255,255,255,100);
text-shadow: 1px 1px 0px rgba(0,0,0,0.10);
font-weight: 600;
font-size: 1.5em;
font-family: 'PT Sans', sans-serif;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.packages:hover .package h2 {
color: rgba(255,255,255,0.50);
}

.packages:hover .package:hover h2 {
color: rgba(255,255,255,100);
}

/* Medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

.packages .package {
margin-bottom: 5%;
}

}

/* Small Screens */

@media only screen and (max-width: 40em) {

.packages .package {
margin-bottom: 5%;
}

}

/* Teams
-------------------------------------------------------------- */

.teams .team {
margin-bottom: 4%;
}

.teams .team .wrap {
display: block;
overflow: hidden;
border-radius: 5px;
background-color: #b82323;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.teams .team:hover .wrap {
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.30);
}

/*
.teams:hover .team .hover {
opacity: 100;
}

.teams:hover .team:hover .hover {
opacity: 0;
}
*/

.teams .team .image {
position: relative;
}

.teams .team .wave {
position: absolute;
bottom: -1px;
left: 0px;
z-index: 10;
width: 100%;
height: 30px;
background-image: url('img/wave-red-small.svg');
background-position: 0px 0px;
background-repeat: no-repeat;
}

.teams .team:nth-child(odd) .wave {
background-position: -900px 0px;
}

.teams .team .it {
padding-top: 5%;
padding-right: 10%;
padding-bottom: 5%;
padding-left: 10%;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

.teams .team h2 {
margin-bottom: 0px;
color: #ffffff;
text-shadow: 1px 1px 0px rgba(0,0,0,0.10);
font-weight: 600;
font-size: 1.2em;
font-family: 'PT Sans', sans-serif;
}

.teams .team h2 {
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

/*
.teams:hover .team h2 {
opacity: .40;
}

.teams:hover .team:hover h2 {
opacity: 100;
}
*/

/* Small Screens */

@media only screen and (max-width: 40em) {

.teams .team .image img {
width: 100%;
}

}

/* Albums
-------------------------------------------------------------- */

.albums .album {
margin-bottom: 4%;
}

.albums .album .wrap {
display: block;
overflow: hidden;
border-radius: 5px;
background-color: #2c3863;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.albums .album:hover .wrap {
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.30);
}

.albums .album .image {
position: relative;
}

/*
.albums:hover .album .hover {
opacity: 100;
}

.albums:hover .album:hover .hover {
opacity: 0;
}
*/

.albums .album .wave {
position: absolute;
bottom: -1px;
left: 0px;
z-index: 10;
width: 100%;
height: 30px;
background-image: url('img/wave-blue-small.svg');
background-position: 0px 0px;
background-repeat: no-repeat;
}

.albums .album:nth-child(odd) .wave {
background-position: -900px 0px;
}

.albums .album .it {
padding-top: 5%;
padding-right: 10%;
padding-bottom: 10%;
padding-left: 10%;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

.albums .album h2 {
margin-bottom: 0px;
color: #ffffff;
text-shadow: 1px 1px 0px rgba(0,0,0,0.10);
font-weight: 600;
font-size: 1.2em;
font-family: 'PT Sans', sans-serif;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

/*
.albums:hover .album h2 {
opacity: .40;
}

.albums:hover .album:hover h2 {
opacity: 100;
}
*/

/* Gallerys
-------------------------------------------------------------- */

.gallerys {
overflow: hidden;
border-radius: 5px;
position: relative;
}

.gallerys .gallery{
position: relative;
overflow: hidden;
}

.gallerys .gallery .overlay {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity .8s, transform .8s, color .8s, background-color .8s;
}

.gallerys:hover .gallery .overlay {
background-color: #2c3863;
opacity: .60;
transition: opacity .8s, transform .8s, color .8s, background-color .8s;
}

.gallerys:hover .gallery:hover .overlay {
opacity: 0;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

/* Team
-------------------------------------------------------------- */

.reveal-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
z-index: 9000;
display: none;
overflow-y: scroll;
background-color: rgba(0,0,0,0.32);
}

body.is-reveal-open {
overflow: hidden !important;
}

.reveal {
top: 10% !important;
z-index: 9001;
overflow-y: visible;
padding: 2em;
border:none;
border-radius: 5px;
background-color: #ffffff;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.30);
text-align: center;
}

.reveal .author {
display:inline-block;
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
width: 75px;
height: 75px;
border-radius: 2000px;
}

.reveal .close-button {
position: absolute;
top:-20px;
right: -20px;
display: block;
width: 2.5em;
height: 2.5em;
border-radius: 2000px;
background-color: #b82323;
color: #ffffff;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.reveal .close-button:hover {
background-color: #2c3863;
}

.reveal .close-button:before,
.reveal .close-button:after {
position: absolute;
top: 20%;
bottom: 20%;
left: 50%;
margin-left: -1px;
width: 2px;
background-color: #fff;
content: '';
}

.reveal .close-button:before {
-webkit-transform: rotate( 45deg );
-ms-transform: rotate( 45deg );
transform: rotate( 45deg );
}

.reveal .close-button:after {
-webkit-transform: rotate( -45deg );
-ms-transform: rotate( -45deg );
transform: rotate( -45deg );
}

.reveal h2 {
display: block;
margin-bottom: 0.5em;
color: #2c3863;
font-weight: 600;
font-size: 2.5em;
}

.reveal p {
display: block;
margin-bottom: 0em;
color: #7D7D7D;
font-weight: 400;
font-size: 1em;
}

/* XXLarge screens */

@media only screen and (min-width: 120.063em) {
}

/* XLarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
}

/* Large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
}

/* Medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

.reveal {
top: 5% !important;
}

}

/* Pad in portrait */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
}

/* iPad in landscape */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
}

/* Small Screens */

@media only screen and (max-width: 40em) {
}

/* Iphone4 Screens */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
}

/* Tabs - Home
-------------------------------------------------------------- */

body.home ul.tabs {
position: relative;
z-index: 900;
margin-top: -100px;
border:none;
background-color: transparent;
}

body.home ul.tabs li.tabs-title a {
display: block;
padding-top: 1.5em;
padding-right: 4em;
padding-bottom: 1.5em;
padding-left: 4em;
background-color: rgba(255,0,0,0.63);
color: #ffffff;
font-weight: 700;
font-size: 1.5em;
font-family: 'PT Sans', sans-serif;
transition: opacity .3s, transform .3s, color .3s, background-color .3s;
}

body.home ul.tabs li.tabs-title:last-child a {
border-radius: 0px 5px 0px 0px;
}

body.home ul.tabs li.tabs-title.is-active a,
body.home ul.tabs:hover li.tabs-title.is-active a:hover {
background-color: #2c3863;
color: #ffffff;
text-shadow: 1px 1px 0px rgba(0,0,0,0.10);
}

body.home ul.tabs li.tabs-title a:hover {
color: rgba(255,255,255,0.50);
}

body.home .tabs-content {
position: relative;
z-index: 900;
border: none;
background: #2c3863;
}

/* XXLarge screens */

@media only screen and (min-width: 120.063em) {

body.home ul.tabs {
margin-top: -100px;
}

body.home ul.tabs li.tabs-title a {
padding-top: 1.5em;
padding-right: 4em;
padding-bottom: 1.5em;
padding-left: 4em;
font-size: 1.5em;
}

}

/* XLarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {

body.home ul.tabs {
margin-top: -100px;
}

body.home ul.tabs li.tabs-title a {
padding-top: 1.4em;
padding-right: 4em;
padding-bottom: 1.4em;
padding-left: 4em;
font-size: 1.4em;
}

}

/* Large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {

body.home ul.tabs {
margin-top: -105px;
}

body.home ul.tabs li.tabs-title a {
padding-top: 1.3em;
padding-right: 3em;
padding-bottom: 1.3em;
padding-left: 3em;
font-size: 1em;
}

}

/* Medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

body.home ul.tabs {
margin-top: -105px;
}

body.home ul.tabs li.tabs-title a {
padding-top: 1.2em;
padding-right: 2em;
padding-bottom: 1.2em;
padding-left: 2em;
font-size: 1.2em;
}

}

/* Pad in portrait */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {


body.home ul.tabs li.tabs-title a {
padding-top: 1.3em;
padding-right: 2em;
padding-bottom: 1.3em;
padding-left: 2em;
font-size: 1.2em;
}


}

/* iPad in landscape */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

body.home ul.tabs li.tabs-title a {
padding-top: 1.3em;
padding-right: 2.7em;
padding-bottom: 1.3em;
padding-left: 2.7em;
font-size: 1.2em;
}

}

/* Small Screens */

@media only screen and (max-width: 40em) {

body.home ul.tabs li.tabs-title a {
padding-top: 1.3em;
padding-right: 2.7em;
padding-bottom: 1.3em;
padding-left: 2.7em;
font-size: 1.2em;
}

}

/* Bio
-------------------------------------------------------------- */

.bio {
position: relative;
overflow: hidden;
border-radius: 5px 0px 0px 5px;
}

.bio > img {
width: 100%;
}

.bio .author {
position: absolute;
bottom: 10%;
left: 10%;
z-index: 100;
padding-top: 15px;
padding-right: 30px;
padding-bottom: 15px;
padding-left: 30px;
border-radius: 50px;
background-color: #b82323;
}

.bio .author .author-photo {
position: absolute;
top: -10px;
left: -5px;
margin-right: 10px;
width: 100px;
height: 100px;
border-radius: 2000px;
background-size: contain;
box-shadow: inset 0 0 0 4px rgba(255,255,255,0.40);
}

.bio .author p {
float: left;
margin-bottom: 0px;
margin-left: 80px;
color: #ffffff;
text-shadow: 1px 1px 0px rgba(0,0,0,0.10);
}


/* Pad in portrait */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
}

/* iPad in landscape */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

.bio {
border-radius: 0px 0px 0px 5px;
}

}


/* Small Screens */

@media only screen and (max-width: 40em) {

.bio {
border-radius: 0px;
}

}


/* Banner
-------------------------------------------------------------- */

.banner {
position: relative;
margin-right: auto;
margin-left: auto;
max-width: 1500px;
width:100%;
background-color: #ffffff;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.30);
}

.banner-no {
width: 100%;
height: 100px;
}

/* Tabs - Tours
-------------------------------------------------------------- */

body.tours-single ul.tabs {
position: relative;
z-index: 900;
border:none;
background-color: transparent;
}

body.tours-single ul.tabs li.tabs-title a {
display: block;
padding-top: 1.5em;
padding-right: 5em;
padding-bottom: 1.5em;
padding-left: 5em;
background-color: #2c3864;
color: #ffffff;
font-weight: 700;
font-size: 1.5em;
font-family: 'PT Sans', sans-serif;
transition: opacity .3s, transform .3s, color .3s, background-color .3s;
}

body.tours-single ul.tabs li.tabs-title:first-child a {
border-radius: 5px 0px 0px 0px;
}

body.tours-single ul.tabs li.tabs-title:last-child a {
border-radius: 0px 5px 0px 0px;
}

body.tours-single ul.tabs li.tabs-title a:hover {
color: rgba(255,255,255,0.50);
}

body.tours-single ul.tabs li.tabs-title.is-active a {
background-color: #ffffff;
color: #b82323;
}

body.tours-single .tabs-content {
position: relative;
padding: 0px;
border: none;
border-radius: 0px 5px 5px 5px;
background: #ffffff;
}

/* Medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

body.tours-single ul.tabs li.tabs-title a {
padding-top: 1.4em;
padding-right: 4em;
padding-bottom: 1.4em;
padding-left: 4em;
font-size: 1.4em;
}

}

/* Small Screens */

@media only screen and (max-width: 40em) {

body.tours-single {
background-color: #b82323;
}

body.tours-single .container {
padding-bottom: 5%;
/*
background-color: transparent;
*/
}

body.tours-single ul.tabs li.tabs-title a {
padding-top: 1em;
padding-right: 1.5em;
padding-bottom: 1em;
padding-left: 1.5em;
font-size: 1em;
}

}

/* CTA
-------------------------------------------------------------- */

.cta {
text-align: center;
}

.cta h2 {
margin-bottom: 0px;
color: #ffffff;
text-shadow: 1px 1px 0px rgba(0,0,0,0.10);
font-weight: 600;
font-size: 2em;
font-family: 'PT Sans', sans-serif;
}

.cta .iconic {
display: inline-block;
margin-top: 10%;
margin-right: auto;
margin-bottom: 10%;
margin-left: auto;
padding: 20px;
border-radius: 2000px;
background-color: #ffffff;
box-shadow: 0 0px 100px rgba(0, 0, 0, 0.20);
}

.cta .iconic .icon {
overflow: hidden;
width: 100px;
height: 100px;
background-image: url('img/icons.svg');
background-repeat: no-repeat;
}

.cta .iconic .icon.hat {
background-position: 0px 0px;
}

.cta .iconic .icon.paddles {
background-position: -200px 0px;
}

.cta .iconic .icon.boat {
background-position: -400px 0px;
}

.cta .iconic .icon.anchor {
background-position: -600px 0px;
}

.cta p {
margin-bottom: 0px;
padding-right: 10%;
padding-left: 10%;
color: rgba(255,255,255,0.80);
font-weight: 400;
font-size: 1em;
font-family: 'PT Sans', sans-serif;
}

/* Medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

.cta h2 {
font-size: 1.5em;
}

.cta .iconic {
padding: 10%;
}

.cta p {
padding-right: 8%;
padding-left: 8%;
font-size: 1em;
}


}


/* Small Screens */

@media only screen and (max-width: 40em) {

.ctas {
padding-top: 10%;
padding-bottom: 10%;
background-color: #2c3863;
}

.cta h2 {
margin-bottom: 2.5%;
font-size: 2em;
}

.cta .iconic {
display: none;
}

.cta p {
padding-right: 10%;
padding-left: 10%;
font-size: 1em;
}

.ctas .column {
padding-bottom: 10%;
}

.ctas .column:nth-child(3) {
padding-bottom: 0%;
}

}

/* Accordion
-------------------------------------------------------------- */

ul.accordion {
overflow: hidden;
margin-bottom: 0px;
margin-left: 0%;
border: none;
border-radius: 5px;
background: transparent;
position: relative;
}

ul.accordion li.accordion-item {
margin-bottom: 0%;
}

ul.accordion li.accordion-item .accordion-title {
position: relative;
display: block;
padding: 1.25rem 1rem;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgba(0,0,0,0.20);
background-color: #2c3863;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.20);
color: #ffffff;
text-shadow: 1px 1px 0px rgba(0,0,0,0.10);
font-weight: 400;
font-size: 1.5em;
font-family: 'PT Sans', sans-serif;
line-height: 1;
}

ul.accordion li.accordion-item:last-child .accordion-title {
border-bottom-color: transparent;
}

ul.accordion li.accordion-item.is-active .accordion-title {
border-bottom: 2px solid rgba(0,0,0,0.10);
border-bottom-color: transparent;
background-color: #b82323;
}

.accordion-content {
padding: 1.5%;
border-bottom: none;
background-color: #b82323;
color: rgba(255,255,255,0.90);
}

ul.accordion li.accordion-item.is-active .accordion-content {
background-color: #b82323;
}

.accordion-content p  {
margin-bottom: 0px;
color: rgba(255,255,255,0.80);
font-weight: 400;
font-size: 1.2em;
}

.accordion-content p a,
.accordion-content li a {
color: #ffffff;
font-weight: 600;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.accordion-content p a:hover,
.accordion-content li a:hover {
opacity: .50;
}

.accordion-title::before {
margin-top: -15px;
}

/* Home */

body.home ul.accordion {
border-radius: 0px;
}

body.home ul.accordion li.accordion-item .accordion-title {
background-color: #b82323;
font-weight: 600;
font-size: 1.5em;
}

/* XXLarge screens */

@media only screen and (min-width: 120.063em) {
}

/* XLarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
}

/* Large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
}

/* Medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}

/* Small Screens */

@media only screen and (max-width: 40em) {

ul.accordion {
border-radius: 5px;
}

ul.accordion li.accordion-item .accordion-title {
font-size: 0.9em;
line-height: 1;
}

body.tours-single ul.accordion li.accordion-item .accordion-title {
font-weight: 600;
}

.accordion-title::before {
display: none;
}



body.tours-single .accordion-content {
padding-top: 10%;
padding-right: 10%;
padding-bottom: 10%;
padding-left: 10%;
}

body.tours-single .accordion-content p {
font-size: 1em;
}

body.home ul.accordion li.accordion-item .accordion-content {
background-color: #2c3863;
}

body.home ul.accordion li.accordion-item .accordion-content .padding {
padding: 5%;
}

body.home ul.accordion li.accordion-item .accordion-content h1,
body.home ul.accordion li.accordion-item .accordion-content h2 {
margin-bottom: 5%;
color: #ffffff;
font-weight: 700;
font-size:1.5em;
}

body.home ul.accordion li.accordion-item .accordion-content p a {
color: rgba(255,255,255,0.80);
font-weight: 400;
}

}

/* Form
-------------------------------------------------------------- */

body .gform_wrapper {
padding: 10%;
width: 100%;
border-radius: 5px;
background-color: #b82323;
box-shadow: 0 4px 40px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.15);
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

body.tours-single .gform_wrapper {
background-color: #17a452;
}

body .gform_wrapper:hover {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

body .gform_wrapper h3.gform_title {
margin-top: 0px;
margin-bottom: 25px;
color: #ffffff;
text-align: center;
text-shadow: 1px 1px 0px rgba(0,0,0,0.10);
font-weight:600;
font-size: 1.5em;
font-family: 'PT Sans', sans-serif;
}

body .gform_wrapper label,
body .gform_wrapper .ginput_complex label {
display: none !important;
}

body .gform_wrapper .ginput_complex span.name_first,
body .gform_wrapper .ginput_complex span.name_last,
body .gform_wrapper .ginput_complex span.name_middle {
min-height: 0px;
vertical-align: bottom;
}

body .gform_wrapper input[type=email],
body .gform_wrapper input[type=tel],
body .gform_wrapper input[type=text] {
margin-bottom: 10px;
padding-top: 12px;
padding-right: 5px;
padding-bottom: 12px;
padding-left: 5px;
border:none;
border-radius: 10px;
color: #7D7D7D;
font-weight: 400;
font-size: 1em;
font-family: 'PT Sans', sans-serif;
}

body .gform_wrapper textarea.small {
padding: 10px;
height: 100px;
border:none;
border-radius: 10px;
color: #7D7D7D;
font-weight: 400;
font-size: 1em;
font-family: 'PT Sans', sans-serif;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

body .gform_wrapper select.medium {
margin-bottom: 10px;
padding-top: 12px;
padding-right: 5px;
padding-bottom: 12px;
padding-left: 10px;
width: 97.5% !important;
border:none;
border-radius: 10px;
background-image: url('img/select-red.svg');
background-position: right center;
background-repeat: no-repeat;
color: #7D7D7D;
font-weight: 400;
font-size: 1em;
-webkit-appearance: none;
}

body.tours-single .gform_wrapper select.medium {
background-image: url('img/select-green.svg');
}

body .gform_wrapper textarea.small:focus {
height: 150px;
}

::-webkit-input-placeholder {
color: #7D7D7D;
}

:-moz-placeholder {
color: #7D7D7D;
}

::-moz-placeholder {
color: #7D7D7D;
}

:-ms-input-placeholder {
color: #7D7D7D;
}

body .gform_wrapper .gform_footer {
margin-top: -5px;
text-align: right;
}

body .gform_wrapper .gform_footer input[type=submit] {
display: inline-block;
margin-right: 10px;
padding-top: 5%;
padding-right: 10%;
padding-bottom: 5%;
padding-left: 10%;
border:3px solid white;
border-radius: 10px;
background-color: transparent;
color: #ffffff;
text-align: center;
font-weight: 700;
font-size: 1em;
font-family: 'PT Sans', sans-serif;
transition: opacity .8s, transform .8s, color .8s, background-color .8s;
}

body.tours-single .gform_wrapper .gform_footer input[type=submit] {
width: 100%;
}

body .gform_wrapper .gform_footer input[type=submit]:hover {
background-color: #ffffff;
color: #b82323;
}

body.tours-single .gform_footer input[type=submit]:hover {
color: #17a452;
}

/* Scholarship Form */
body .gform_wrapper.blue_form_wrapper {
	background:#2c3863;
	padding:5% 10%;
}
body .gform_wrapper.blue_form_wrapper .gfield_description,
body .gform_wrapper.blue_form_wrapper h2 {
	color:#fff;
}

/* Small Screens */

@media only screen and (max-width: 40em) {

body .gform_wrapper .gform_footer input[type=submit] {
width: 100%;
}

}

/* Content Wrapper
-------------------------------------------------------------- */

.content-wrapper h1 {
margin-bottom: 1.5%;
color: #b82323;
font-weight: 700;
font-size: 2.8em;
font-family: 'PT Sans', sans-serif;
}

.content-wrapper h2 {
margin-bottom: 1.5%;
color: #b82323;
font-weight: 700;
font-size: 2.8em;
font-family: 'PT Sans', sans-serif;
}

.content-wrapper h3,
.content-wrapper h4,
.content-wrapper h5,
.content-wrapper h6 {
margin-bottom: 1%;
color: #2c3863;
font-weight: 700;
font-size: 2.4em;
font-family: 'PT Sans', sans-serif;
}

.content-wrapper p {
margin-bottom: 1.5%;
color: #7D7D7D;
font-weight: 400;
font-size: 1.2em;
font-family: 'PT Sans', sans-serif;
}

.content-wrapper ul,
.content-wrapper ol {
margin-left: 5%;
}

.content-wrapper ul li,
.content-wrapper ol li {
margin-bottom: 1.5%;
color: #7D7D7D;
font-weight: 400;
font-size: 1.2em;
font-family: 'PT Sans', sans-serif;
}

.content-wrapper p a,
.content-wrapper ul li a,
.content-wrapper ol li a {
color: #2c3863;
font-weight: 700;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.content-wrapper p a:hover,
.content-wrapper ul li a:hover,
.content-wrapper ol li a:hover  {
color: #7D7D7D;
}

/* Sitemap */

.content-wrapper ul.sitemap li,
.content-wrapper ul.sitemap li a {
color: #2c3863;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.content-wrapper ul.sitemap li:hover,
.content-wrapper ul.sitemap li:hover a {
color: #b82323;
}

/* Faqs */

.content-wrapper .accordion-item h1,
.content-wrapper .accordion-item h2,
.content-wrapper .accordion-item h3,
.content-wrapper .accordion-item h4,
.content-wrapper .accordion-item h5,
.content-wrapper .accordion-item h6 {
color: #ffffff;
font-size: 2em;
font-family: 'PT Sans', sans-serif;
}

.content-wrapper .accordion-item p {
margin-bottom: 0%;
color: rgba(255,255,255,0.90);
font-size: 1.2em;
font-family: 'PT Sans', sans-serif;
}

.content-wrapper .accordion-item li,
.content-wrapper .accordion-item a {
color: #ffffff;
font-family: 'PT Sans', sans-serif;
}

.content-wrapper .accordion-item a:hover {
color: rgba(255,255,255,0.50);
}

.content-wrapper img {
border-radius: 5px;
}

.content-wrapper img.alignright {
float: right;
margin: 0 0 1em 1em;
}

.content-wrapper img.alignleft {
float: left;
margin: 0 1em 1em 0;
}

.content-wrapper img.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}

.content-wrapper .alignright {
float: right;
}

.content-wrapper .alignleft {
float: left;
}

.content-wrapper .aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}

/* XXLarge screens */

@media only screen and (min-width: 120.063em) {
}

/* XLarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
}

/* Large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
}

/* Medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

.content-wrapper h1 {
font-size: 2.4em;
}

.content-wrapper h2 {
font-size: 2.4em;
}

.content-wrapper h3,
.content-wrapper h4,
.content-wrapper h5,
.content-wrapper h6 {
font-size: 2.0em;
}

.content-wrapper p {
font-size: 1.0em;
}

}

/* Small Screens */

@media only screen and (max-width: 40em) {

.content-wrapper h1,
.content-wrapper h2 {
margin-bottom: 2%;
text-align: center;
font-size: 1.5em;
}

.content-wrapper ul,
.content-wrapper ol {
margin-left: 10%;
}

}

/* FAQs
-------------------------------------------------------------- */

body.faqs .headline h1,
body.faqs .headline h2 {
margin-bottom: 2%;
}

body.faqs ul.accordion {
margin-bottom: 2%;
}

body.faqs .btn {
padding-right: 15px;
padding-left: 15px;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
padding-top: 12px;
padding-bottom: 12px;
border-radius: 5px;
background-color: #17a452;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
color: #ffffff;
text-transform: uppercase;
text-shadow: 1px 1px 0px rgba(0,0,0,0.10);
font-weight: 700;
}

body.faqs .btn:hover {
background-color: #b82323;
}

/* Map
-------------------------------------------------------------- */

.map {
position: relative;
display: block;
}

.map iframe {
width: 100%;
height: 600px;
}

.map .message {
position: absolute;
bottom: 50px;
left: 50px;
padding: 25px;
border-radius: 5px;
background-color: #2c3863;
}

.map .message h2 {
margin-bottom: 15px;
color: #ffffff;
text-shadow: 1px 1px 0px rgba(0,0,0,0.10);
font-weight: 600;
font-size: 1.5em;
font-family: 'PT Sans', sans-serif;
}

.map .message a {
display: inline-block;
margin-right: 10px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border-radius: 5px;
background-color: #ffffff;
color: #2c3863;
font-family: 'PT Sans', sans-serif;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.message a:hover {
background-color: #2c3863;
color: #ffffff;
}


/* Home Map
-------------------------------------------------------------- */

.home-map {
height: 100%;
background-size: cover;
background-position: center center;
}

/* Small Screens */

@media only screen and (max-width: 40em) {
.home-map {
margin-left: -6.5%;
margin-right: -6.5%;
height: 550px;
margin-top: 2rem;
}
}


/* Thanks
-------------------------------------------------------------- */

body.thanks {
background: #2c3863;
}

.background {
position: absolute;
top: 0px;
left: 0px;
z-index: -1;
width: 100%;
height: 100%;
}

.message {
display: block;
text-align: center;
}

.message img {
margin-bottom: 5.0%;
}

.message p {
margin-bottom: 4%;
color: #ffffff;
font-weight: 400;
font-size: 2em;
line-height: 1.2;
}

.message p strong {
font-weight: 700;
}

.message ul.connect {
margin-bottom: 0px;
}

.message ul.connect li {
display: inline-block;
margin-right: 3%;
margin-left: 3%;
list-style: none;
}

.message ul.connect li a {
display: block;
width: 105px;
height: 105px;
border:6px solid white;
border-radius: 2000px;
background-color: transparent;
background-repeat: no-repeat;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.message ul.connect li.facebook a {
background-position: -100px 0px;
}

.message ul.connect li.instagram a {
background-position: -500px 0px;
}

.message ul.connect li.youtube a {
background-position: -700px 0px;
}

.message ul.connect li a:hover {
opacity: .50;
}

body.thanks .message ul.connect li a {
background-image: url('img/social-icons.svg');
}

/* XXLarge screens */

@media only screen and (min-width: 120.063em) {
}

/* XLarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
}

/* Large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
}

/* Medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}

/* Small Screens */

@media only screen and (max-width: 40em) {

.message img {
margin-bottom: 5%;
width: 50%;
}

.message p {
margin-bottom: 0%;
font-size: 1.0em;
}

}



/* New Homepage Additions
-------------------------------------------------------------- */

.bg-green {
  background-color: #17a452;
}
.tripadvisor-panel {
  border-radius: 5px;
  color: #fff;
  padding: 4% 2%;
}

/* Medium screens and up */

@media only screen and (min-width: 40.063em) {

  .tripadvisor-panel {
    margin-left: -1rem;
    margin-right: -1rem;
  }

}

a > .tripadvisor-panel {
  color: #fff;
}
.tripadvisor-panel h3 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
}
.tripadvisor-panel p {
  font-size: 1.3rem;
  line-height: 1.2;
}
.tripadvisor-panel .commitment {
  text-align: center;
  border-left: 2px solid #fff;
}

.home-block {
  background-color: #fff;
  border-radius: 5px;
}
.home-block h1 {
  text-align: center;
  color: #2c3863;
  font-size: 2rem;
  line-height: 1.2;
}
.home-block h1:after {
  content: '';
  display: block;
  margin-top: 1rem;
  margin-bottom: 2rem;
  width: 30%;
  height: 2px;
  background-color: #2c3863;
  margin-left: auto;
  margin-right: auto;
}



/* Footer
-------------------------------------------------------------- */

.footer {
position: relative;
background-color: #2c3863;
}

.footer .logo {
margin-bottom: 5%;
}

.footer-menu-header {
	color: #fff;
	opacity: 0.7;
	text-align: left;
	font-size: 1.1rem;
	font-weight: 700;
}

.footer-menu > li > a {
	padding-left: 0;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	color: #fff;
	text-decoration: underline;
	line-height: 1.2;
	margin-bottom: 0.5rem;
	opacity: 0.7;
	text-align: left;
}

.footer-menu > li > a:hover,
.footer-menu > li > a:focus,
.footer-menu > li > a:active {
	opacity: 0.5;
}

.review-proof-link {
	display: block;
	color: #fff;
	font-size: 90%;
	line-height: 1.3;
	opacity: 0.7;
	text-align: left;
}

.review-proof-link:hover,
.review-proof-link:focus,
.review-proof-link:active {
	color: #fff;
	opacity: 0.5;
}

.footer-centre-small-only p {
	text-align: left;
}

.footer .padding {
padding-top: 3.5%;
padding-bottom: 3.5%;
}

.footer p {
margin-bottom: 5%;
color: rgba(255,255,255,0.70);
font-weight: 400;
font-size: 1.0em;
font-family: 'PT Sans', sans-serif;
}

.footer .icons a {
display: block;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.footer .icons a:hover {
opacity: .70;
}

.footer .icons h2 {
margin-top: 15px;
margin-bottom: 0px;
color: #ffffff;
text-shadow: 1px 1px 0px rgba(0,0,0,0.10);
font-weight: 700;
font-size: 1.5em;
font-family: 'PT Sans', sans-serif;
}

.footer .icons p {
margin-bottom: 6%;
color: rgba(255,255,255,0.70);
font-weight: 400;
font-size: 1.0em;
font-family: 'PT Sans', sans-serif;
}

.footer .iconic {
display: inline-block;
margin-top: 10%;
margin-right: auto;
margin-bottom: 10%;
margin-left: auto;
padding: 20px;
border-radius: 2000px;
background-color: #ffffff;
}

.footer .iconic .icon {
overflow: hidden;
width: 100px;
height: 100px;
background-image: url('img/icons.svg');
background-repeat: no-repeat;
}

.footer .iconic .icon.address {
background-position: -800px 0px;
}

.footer .iconic .icon.phone {
background-position: -1000px 0px;
}

.footer .iconic .icon.email {
background-position: -1200px 0px;
}

/* Social Icons */

.footer ul.social {
margin-top: 5%;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0px;
}

.footer ul.social li {
display: block;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5%;
margin-left: 0px;
padding:0px;
list-style: none;
}

.footer ul.social li:last-child {
margin-bottom: 0%;
}

.footer ul.social li a {
display: block;
padding-top: 1em;
padding-bottom: 1em;
width: 100%;
border-radius: 5px;
color: #ffffff;
font-weight: 600;
font-size: 1.3em;
font-family: 'PT Sans', sans-serif;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.footer ul.social li.facebook a {
background-color: #537cbe;
}

.footer ul.social li.tripadvisor a {
background-color: #17a452;
}

.footer ul.social li.twitter a {
background-color: #77cdf0;
}

.footer ul.social li.instagram a {
background-color: #4d75ba;
}

.footer ul.social li.youtube a {
background-color: #e74c3c;
}

/* Small Screens */

@media only screen and (max-width: 40em) {

.footer .logo {
width: 60%;
}

.footer-centre-small-only p {
	text-align: center;
}

.review-proof-link {
	text-align: center;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.footer-menu > li > a,
.footer-menu-header {
	text-align: center;
	padding-right: 0;
	display: block;
}

.footer .padding {
padding-top: 10%;
padding-bottom: 20%;
}

body.tours .footer .padding,
body.tours-single .footer .padding {
padding-bottom: 10%;
}

.footer p {
margin-bottom: 0%;
font-size: 1em;
font-family: 'PT Sans', sans-serif;
}

}

/* Iphone4 Screens */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {

.footer ul.social li a {
font-size: 1em;
}

}

/* Copyright
-------------------------------------------------------------- */

.copyright {
padding-top: 1.1%;
padding-bottom: 1.1%;
background-color: rgba(0,0,0,0.20);
margin-bottom: -17px;
}

.copyright p {
margin-top: 0px;
margin-bottom: 0px;
color: rgba(255,255,255,0.80);
text-shadow: 1px 1px 0px rgba(0,0,0,0.10);
font-size: 1em;
font-family: 'PT Sans', sans-serif;
}

.copyright p a {
padding-right: 10px;
padding-left: 10px;
color: rgba(255,255,255,0.80);
font-weight: 600;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.copyright p a:hover {
color: rgba(255,255,255,100);
}

.copyright p.toast {
margin-top: 5px;
font-size: 0.7em;
}

.copyright p.toast a {
padding-right: 0px;
padding-left: 0px;
}

.copyright p.bone a {
margin-top: -10px;
margin-right: -10px;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
border-radius: 25px;
color: rgba(255,255,255,0.60);
}

.copyright p.bone a em {
font-weight: 400;
}

.copyright p.bone a:hover {
background-color: #b82323;
color: rgba(255,255,255,100);
}

/* Mobile Menu
-------------------------------------------------------------- */

/* Small Screens */

@media only screen and (max-width: 40em) {

.mobile-menu {
position: fixed;
position: sticky;
bottom: 0px;
left: 0px;
z-index: 99999;
padding-top: 3%;
padding-right: 1.5%;
padding-bottom: 3%;
padding-left: 1.5%;
width: 100%;
background-color: #b82323;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.mobile-menu a {
display: block;
padding-top: 10%;
padding-bottom: 10%;
border-radius: 50px;
background-color: transparent;
color: rgba(255,255,255,100);
text-align: center;
font-weight: 600;
font-size: 1em;
font-family: 'PT Sans', sans-serif;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.mobile-menu a:hover {
color: rgba(255,255,255,0.50);
}

.mobile-menu a.special {
background-color: #ffffff;
color: #b82323;
font-weight: 700;
}

body.tours-single .footer .padding {
padding-bottom: 5%;
}

body.tours .mobile-menu,
body.tours-single .mobile-menu {
position: relative;
}

.mobile-gap {
height: 45px;
}

}

/* Iphone4 Screens */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {

.mobile-gap {
height: 35px;
}

.mobile-menu a {
font-size: 0.8em;
}

}

/* iPhone 6 Plus in landscape */

@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : landscape) {

.mobile-menu {
display: none;
}

}

/* iPhone 5 & 5S in landscape */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {

.mobile-menu {
display: none;
}

}

/* iPhone 2G-4S in landscape */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : landscape) {

.mobile-menu {
display: none;
}

}

/* Mobile Menu
-------------------------------------------------------------- */

.mobile-nav {
position:fixed;
z-index:99999;
display: none;
padding-top:3%;
padding-bottom:3%;
width:100%;
background-color:#9d1b1b;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

/* Medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

.mobile-nav {
display: block;
}

.mobile-nav-gap {
width: 100%;
height: 50px;
}

}

/* Pad in portrait */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

.mobile-nav {
display: block;
}

.mobile-nav-gap {
width: 100%;
height: 65px;
}

}

/* iPad in landscape */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

.mobile-nav {
display: block;
}

.mobile-nav-gap {
width: 100%;
height: 80px;
}

}

/* Small Screens */

@media only screen and (max-width: 40em) {

.mobile-nav {
display: block;
padding-top: 4%;
padding-bottom: 4%;
}

.mobile-nav-gap {
width: 100%;
height: 50px;
}

}

.mobile-nav p {
margin-top: 0px;
margin-bottom: 0px;
color: #ffffff;
font-weight: 700;
font-size: 0.8em;
}

.mobile-nav .cd-nav-trigger *,
.mobile-nav .cd-nav-trigger ::after,
.mobile-nav .cd-nav-trigger ::before {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

.mobile-nav .cd-nav-trigger ::after,
.mobile-nav .cd-nav-trigger ::before {
content:'';
}

.cd-logo,.mobile-nav .cd-nav-trigger {
position:fixed;
display:inline-block;
}

.mobile-nav .cd-nav-trigger {
position:absolute;
top:0;
right:0;
z-index:5;
overflow:hidden;
width:75px;
height:100%;
background:rgba(0,0,0,0.20);
text-indent:100%;
white-space:nowrap;
}

.mobile-nav .cd-nav-trigger .cd-icon {
position:absolute;
top:50%;
right:auto;
bottom:auto;
left:50%;
z-index:10;
display:inline-block;
width:18px;
height:3px;
background-color:#fff;
-webkit-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
-o-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
}

.mobile-nav .cd-nav-trigger .cd-icon::before,
.mobile-nav .cd-nav-trigger .cd-icon:after {
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
background-color:#fff;
-webkit-transition:-webkit-transform .3s;
-moz-transition:-moz-transform .3s;
transition:transform .3s;
-webkit-transform:translateZ(0);
-moz-transform:translateZ(0);
-ms-transform:translateZ(0);
-o-transform:translateZ(0);
transform:translateZ(0);
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}

.cd-nav-trigger .cd-icon::before {
-webkit-transform: translateY(-6px) rotate(0deg);
-moz-transform: translateY(-6px) rotate(0deg);
-ms-transform: translateY(-6px) rotate(0deg);
-o-transform: translateY(-6px) rotate(0deg);
transform: translateY(-6px) rotate(0deg);
}

.cd-nav-trigger .cd-icon::after {
-webkit-transform: translateY(6px) rotate(0deg);
-moz-transform: translateY(6px) rotate(0deg);
-ms-transform: translateY(6px) rotate(0deg);
-o-transform: translateY(6px) rotate(0deg);
transform: translateY(6px) rotate(0deg);
}

.cd-nav-trigger::before, .cd-nav-trigger::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.cd-nav-trigger::before {
background-color: #091d23;
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
transition-delay: 0.4s;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}

.cd-nav-trigger::after {
background-color: #ffb441;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
transition-duration: 0s;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}

.cd-nav-trigger.close-nav::before {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}

.cd-nav-trigger.close-nav::after {
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
transition-delay: 0.4s;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}

.cd-nav-trigger.close-nav .cd-icon {
background-color: rgba(255, 255, 255, 0);
}

.cd-nav-trigger.close-nav .cd-icon::before, .cd-nav-trigger.close-nav .cd-icon::after {
background-color: white;
}

.cd-nav-trigger.close-nav .cd-icon::before {
-webkit-transform: translateY(0) rotate(45deg);
-moz-transform: translateY(0) rotate(45deg);
-ms-transform: translateY(0) rotate(45deg);
-o-transform: translateY(0) rotate(45deg);
transform: translateY(0) rotate(45deg);
}

.cd-nav-trigger.close-nav .cd-icon::after {
-webkit-transform: translateY(0) rotate(-45deg);
-moz-transform: translateY(0) rotate(-45deg);
-ms-transform: translateY(0) rotate(-45deg);
-o-transform: translateY(0) rotate(-45deg);
transform: translateY(0) rotate(-45deg);
}

.cd-primary-nav {
position: fixed;
top: 0px;
left: 0px;
z-index: 9000;
display: table;
visibility: hidden;
overflow: auto;
padding: 80px 5%;
width: 100%;
width: 100%;
height: 100%;
background-color: #2c3863;
opacity: 0;
-webkit-transition: visibility 0s, opacity 0.3s;
-moz-transition: visibility 0s, opacity 0.3s;
transition: visibility 0s, opacity 0.3s;
-webkit-overflow-scrolling: touch;
}

.cd-primary-nav ul {
display: table-cell;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
height: 100%;
vertical-align: middle;
text-align: center;
}

.cd-primary-nav li {
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
list-style:none;
text-align:center;
text-transform:capitalize;
}

.cd-primary-nav li.logo img {
margin-bottom: 2.0%;
width: 60%;
}

.cd-primary-nav li.logo a {
background-color: transparent;
}

.cd-primary-nav li a {
display:block;
padding-top: 2%;
padding-bottom: 2%;
width:100%;
color: #ffffff;
font-weight: 600;
font-size:1.5em;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

.cd-primary-nav li a:hover {
opacity: .70;
}

.cd-primary-nav li.current-menu-item a,
.cd-primary-nav li.current_page_item a {
color: #b82323;
}

.cd-primary-nav li:last-child a {
font-style: italic;
opacity: .40;
}

.no-touch .cd-primary-nav a:hover {
color:#ffffff;
}

.no-touch .cd-primary-nav a:hover {
color: #ffffff;
}

.cd-primary-nav.fade-in {
visibility: visible;
opacity: 1;
}

.cd-overlay-nav, .cd-overlay-content {
position: fixed;
top: 18px;
right: 5%;
width: 4px;
height: 4px;
-webkit-transform: translateX(-20px) translateY(20px);
-moz-transform: translateX(-20px) translateY(20px);
-ms-transform: translateX(-20px) translateY(20px);
-o-transform: translateX(-20px) translateY(20px);
transform: translateX(-20px) translateY(20px);
}

.cd-overlay-nav span, .cd-overlay-content span {
position: absolute;
display: inline-block;
border-radius: 50%;
-webkit-transform: translateZ(0);
-webkit-transform: scale(0);
-moz-transform: translateZ(0);
-moz-transform: scale(0);
-ms-transform: translateZ(0);
-ms-transform: scale(0);
-o-transform: translateZ(0);
-o-transform: scale(0);
transform: translateZ(0);
transform: scale(0);
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
will-change: transform;
}

.cd-overlay-nav.is-hidden, .cd-overlay-content.is-hidden {
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-overlay-nav {
z-index: 2;
}

.cd-overlay-nav span {
background-color: #931c1c;
}

.cd-overlay-content {
z-index: 40000;
}

.cd-overlay-content span {
background-color: #b82323;
}

.cd-content {
z-index: 1;
margin: 0 auto;
padding: 80px 0;
max-width: 768px;
width: 90%;
}

.cd-content .cd-intro {
padding-top: 4.6em;
height: 200px;
}

.cd-content h1 {
text-align: center;
font-size: 20px;
font-size: 1.25rem;
}

.cd-content p {
color: #a76500;
line-height: 1.5;
}

/* iPad in landscape */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

.cd-primary-nav li.logo {
display: none;
}

.cd-primary-nav li a {
padding-top: 1.5%;
padding-bottom: 1.5%;
}

}

/* Iphone4 Screens */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {

.cd-primary-nav li.logo {
display: none;
}

.mobile-nav-gap {
height: 45px;
}

.cd-primary-nav li a {
font-size: 1.2em;
}

}

/* iPhone 6 Plus in landscape */

@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : landscape) {

.cd-primary-nav li:first-child {
display: none;
}

.cd-primary-nav li a {
padding-top: 1.2%;
padding-bottom: 1.2%;
font-size: 1.5em;
}

}

/* iPhone 5 & 5S in landscape */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {

.cd-primary-nav li:first-child {
display: none;
}


.cd-primary-nav li a {
padding-top: 1.2%;
padding-bottom: 1.2%;
font-size: 1.2em;
}


}

/* iPhone 2G-4S in landscape */

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : landscape) {

.cd-primary-nav li:first-child {
display: none;
}

.cd-primary-nav li a {
padding-top: 1.2%;
padding-bottom: 1.2%;
font-size: 1em;
}

}

/* Lightbox
-------------------------------------------------------------- */

/* IMAGE LIGHTBOX SELECTOR */

#imagelightbox {
position: fixed;
z-index: 10000;
overflow: hidden;
border-radius: 10px;
-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .20 );
box-shadow: 0 0 3.125em rgba( 0, 0, 0, .20 );
cursor: pointer;
-ms-touch-action: none;
touch-action: none;
}

/* ACTIVITY INDICATION */

#imagelightbox-loading,
#imagelightbox-loading div {
border-radius: 50%;
}

#imagelightbox-loading {
position: fixed;
top: 50%;
left: 50%;
z-index: 10003;
margin: -1.25em 0 0 -1.25em;
padding: 0.625em;
width: 2.5em;
height: 2.5em;
background-color: #444;
background-color: rgba( 0, 0, 0, .5 );
-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 );
box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 );
}

#imagelightbox-loading div {
width: 1.25em;
height: 1.25em;
background-color: #fff;
-webkit-animation: imagelightbox-loading .5s ease infinite;
animation: imagelightbox-loading .5s ease infinite;
}

@-webkit-keyframes imagelightbox-loading {
from { opacity: .5;	-webkit-transform: scale( .75 ); }
50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
}

@keyframes imagelightbox-loading {
from { opacity: .5;	transform: scale( .75 ); }
50%	 { opacity: 1;	transform: scale( 1 ); }
to	 { opacity: .5;	transform: scale( .75 ); }
}

/* OVERLAY */

#imagelightbox-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9998;
background-color: rgba(0,0,0,0.4);
}

/* "CLOSE" BUTTON */

#imagelightbox-close {
position: fixed;
top: 2.5em;
right: 2.5em;
z-index: 10002;
width: 2.5em;
height: 2.5em;
border-radius: 50%;
background-color: #2c3863;
text-align: left;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;;
}

#imagelightbox-close:hover,
#imagelightbox-close:focus {
background-color: #2c3863;
}

#imagelightbox-close:before,
#imagelightbox-close:after {
position: absolute;
top: 20%;
bottom: 20%;
left: 50%;
margin-left: -1px;
width: 2px;
background-color: #fff;
content: '';
}

#imagelightbox-close:before {
-webkit-transform: rotate( 45deg );
-ms-transform: rotate( 45deg );
transform: rotate( 45deg );
}

#imagelightbox-close:after {
-webkit-transform: rotate( -45deg );
-ms-transform: rotate( -45deg );
transform: rotate( -45deg );
}

/* CAPTION */

#imagelightbox-caption {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 10001;
padding: 0.625em;
background-color: #2c3863;
color: #fff;
text-align: center;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

/* NAVIGATION */

#imagelightbox-nav {
position: fixed;
bottom: 3.75em;
left: 50%;
z-index: 10001;
padding: 0.313em;
border-radius: 20px;
background-color: #444;
background-color: rgba( 0, 0, 0, .5 );
-webkit-transform: translateX( -50% );
-ms-transform: translateX( -50% );
transform: translateX( -50% );
}

#imagelightbox-nav button {
display: inline-block;
margin: 0 0.313em;
width: 1em;
height: 1em;
border: 1px solid #fff;
border-radius: 50%;
background-color: transparent;
}

#imagelightbox-nav button.active {
background-color: #fff;
}

/* ARROWS */

.imagelightbox-arrow {
position: fixed;
top: 50%;
z-index: 10001;
display: none;
margin-top: -3.75em;
width: 3.75em;
height: 7.5em;
border-radius: 50px;
background-color: #2c3863;
vertical-align: middle;
transition: opacity .4s, transform .4s, color .4s, background-color .4s;
}

.imagelightbox-arrow:hover,
.imagelightbox-arrow:focus {
background-color: #2c3863;
}

.imagelightbox-arrow:active {
background-color: #2c3863;
}

.imagelightbox-arrow-left {
left: 2.5em;
}

.imagelightbox-arrow-right {
right: 2.5em;
}

.imagelightbox-arrow:before {
display: inline-block;
margin-bottom: -0.125em;
width: 0;
height: 0;
border: 1em solid transparent;
content: '';
}

.imagelightbox-arrow-left:before {
margin-left: -0.313em;
border-right-color: #fff;
border-left: none;
}

.imagelightbox-arrow-right:before {
margin-right: -0.313em;
border-right: none;
border-left-color: #fff;
}

#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow {
-webkit-animation: fade-in .25s linear;
animation: fade-in .25s linear;
}

@-webkit-keyframes fade-in {

from	{ opacity: 0; }
to		{ opacity: 1; }

}
@keyframes fade-in {

from	{ opacity: 0; }
to		{ opacity: 1; }

}

@media only screen and (max-width: 41.250em) {

#container
{
width: 100%;
}
#imagelightbox-close
{
top: 1.25em;
right: 1.25em;
}
#imagelightbox-nav
{
bottom: 1.25em;
}
.imagelightbox-arrow
{
margin-top: -2.75em;
width: 2.5em;
height: 3.75em;
}
.imagelightbox-arrow-left
{
left: 1.25em;
}
.imagelightbox-arrow-right
{
right: 1.25em;
}

}

@media only screen and (max-width: 20em) {
.imagelightbox-arrow-left
{
left: 0;
}
.imagelightbox-arrow-right
{
right: 0;
}

}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {

}