/* //////////////////////////////// CUSTOM LIGHTBOX WITH AJAX //////////////////////////////// */

/* JS FUNCTION FOR REFERENCE */

/* 

function lightbox(page) {
    $('.ajax-lightbox').delay(500).fadeToggle();
    $('.ajax-lightbox-container').load('./inline/' + page);
}

$('.ajax-lightbox').on('click', 'a', function() {
  $('.ajax-lightbox').hide();
}); 

*/

/* LIGHTBOX AJAX CONTAINER */
/* 

<div class="ajax-lightbox">
	<div class="ajax-lightbox-container"></div>
	<a href="#" class="close-btn"></a>
</div> 

*/

/* Typography  */


body { 
	font-family: 'Lato', "helvetica nenu", helvetica, arial, sans-serif !important;
	font-style: normal;
	font-weight: 400;
}


.ajax-lightbox { 
	position: absolute; z-index: 99999; 
	width: 100%; height: 100%; 
	display: none; 
	top: 5px; 
	margin: 0; 
	background: #FFF; 
	padding: 0px;
	overflow: auto;
}

.ajax-lightbox-simple { 
	position: absolute; z-index: 99999; 
	width: 100%; height: 100%; 
	display: none; 
	top: 0px; 
	margin: 0; 
	background: #FFF; 
	padding: 0px;
	overflow: auto;
}

.ajax-lightbox-container { display: block; padding: 20px; overflow: hidden; }

.ajax-lightbox h5 { margin: 5px 0px 10px 0; font-size: 20px; line-height: 25px; color: #2A255B; }
.ajax-lightbox h6 { margin: 5px 0px 10px 0; font-size: 18px; line-height: 24px; color: #2A255B; }
.ajax-lightbox p { margin: 0 0 0 0; }
.ajax-lightbox a { color: #336699; }

.ajax-lightbox-simple h5 { margin: 5px 30px 20px 0; font-size: 20px; line-height: 25px; color: #2A255B; }
.ajax-lightbox-simple p { margin: 0 0 0 0; }
.ajax-lightbox-simple a { color: #336699; }

.ajax-lightbox p.number { 
	width: 35px; height: 35px; padding: 7px 0; margin: 0 10px 0 0;
	background-color: #D9016E; color: #FFF; text-align: center; 
	border-radius: 100px; -webkit-border-radius: 100px;
	float: left; font-size: 18px;
}

.ajax-lightbox img.inline-image { width: 100%; margin: 0 0 15px 0; clear: both; }
.ajax-lightbox img.inline-image.portrait { width: 25%; margin: 0 0 15px 15px; float: right; }

.ajax-lightbox-simple img.inline-image { width: 100%; margin: 0 0 15px 0; clear: both; }
.ajax-lightbox-simple img.inline-image.portrait { width: 25%; margin: 0 0 15px 15px; float: right; }

.ajax-lightbox .close-btn { 
	width: 35px; height: 35px; 
	top: 18px; right: 20px;
	padding: 0px;
	display: block; position: absolute;
	background: url(../img/close2.png) no-repeat center; background-size: 100%; 
	cursor: pointer;
}

.ajax-lightbox-simple .close-btn { 
	width: 35px; height: 35px; 
	top: 18px; right: 20px;
	padding: 0px;
	display: block; position: absolute;
	background: url(../img/close.png) no-repeat center; background-size: 100%; 
	cursor: pointer;
}

/* Columns */

.ajax-lightbox-container .col { width: 100%; display: block; overflow: hidden; }
.ajax-lightbox-container .col:first-child { margin-bottom: 20px; }
.ajax-lightbox-container .col img { width: 100%; height: auto; margin-bottom: 10px; }

a.link { 
	display: inline-block; clear: both; padding: 10px 20px; margin: 15px 0 0 0; text-decoration: none; background: #E10F85; color: #FFF; border-radius: 100px; 
	cursor: pointer !important; text-transform: uppercase; font-size: 12px;
}
a.link:hover { background: #af3879; }

/* Social Sharing Version */

.share-box { 
	position: absolute; z-index: 99999; 
	width: 100%; height: 100%; 
	display: none; 
	top: 0px; 
	margin: 0; 
	background: #FFF; 
	padding: 0px;
}

.share-box-container { display: block; padding: 20px; overflow: hidden; }

.share-box h5 { margin: 0 30px 20px 0; font-size: 25px; line-height: 30px; }
.share-box p { margin: 0 0 0 0; }

.share-box .close-btn { 
	width: 40px; height: 40px; 
	top: 15px; right: 15px;
	padding: 0px;
	display: block; position: absolute;
	background: url(../img/close.png) no-repeat center; background-size: 30px; 
	cursor: pointer;
}

/* PDF Download Box */

.pdf-box { 
	position: absolute; z-index: 99999; 
	width: 100%; height: 100%; 
	display: none; 
	top: 0px; 
	margin: 0; 
	background: #FFF; 
	padding: 0px;
}

.pdf-box-container { display: block; padding: 20px; overflow: hidden; }

.pdf-box h5 { margin: 0 30px 20px 0; font-size: 25px; line-height: 30px; }
.pdf-box p { margin: 0 0 0 0; }

.pdf-box .close-btn { 
	width: 40px; height: 40px; 
	top: 15px; right: 15px;
	padding: 0px;
	display: block; position: absolute;
	background: url(../img/close.png) no-repeat center; background-size: 30px; 
	cursor: pointer;
}

/* Embed Container */

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* Inline Tabs */

.tabs-menu { list-style: none; display: table; width: 100%; table-layout: fixed; margin: 0 0 20px 0; padding: 0; border: 1px solid #2D448A; }
.tabs-menu li { display: table-cell; text-align: center; border-right: 1px solid #2D448A; }
.tabs-menu li:last-child { border-right: 0; }
.tabs-menu li a { text-decoration: none; text-transform: uppercase; color: #2D448A; font-size: 10px; display: block; padding: 15px 0; }
.tabs-menu li a:hover { text-decoration: none; color: #E50C83; }
.tabs-menu li.current { background-color: #2D448A; color: #FFF; }
.tabs-menu li.book { background-color: #E50C83; color: #FFF; }
.tabs-menu li.book a { color: #FFF; }
.tabs-menu li.current a { color: #FFF; }

#inline-tab-1 { display: block; }
.inline-tabs { display: block; }
.tab-content { display: none; clear: both; }
.tab-content.current { display: block; }

/* Switch and Tabs */

.switch { position: relative; top: 0px; display: block; overflow: hidden; margin-bottom: 10px; }
.switch a { display: inline-block; float: left; padding: 10px 10px 10px 30px; margin-right: 10px; color: #666; text-decoration: none; text-transform: uppercase; font-size: 12px; outline: none;  }
.switch a:hover, .lang-switch a:focus { text-decoration: none; cursor: pointer; }

.switch a.about { background: url(../img/icon-about2.png) no-repeat left center; background-size: 25px; }
.switch a.time { background: url(../img/icon-time2.png) no-repeat left center; background-size: 25px; }
.switch a.video { background: url(../img/icon-video.png) no-repeat left center; background-size: 25px; }

.switch a { background-color: #FFF !important; border-right: 1px solid #CCC; }

.switch a:first-child { }
.switch a:last-child { border-right: none; }

.switch a.active { background-color: #FFF !important; color: #DA1084; }

.ajax-lightbox .tab { display: none; }
.ajax-lightbox #tab1 { display: block; }

.banner { width: 120px; height: 120px; position: fixed; z-index: 100; bottom: 0; right: 0; }
.banner.seasalt { background: url(../img/banner-seasalt.png) no-repeat bottom right; background-size: 100%; }
.banner.skinners { background: url(../img/banner-skinners.png) no-repeat bottom right; background-size: 100%; }

/*  Option Boxes */

.option-boxes { display: table; overflow: hidden; width: 100%; margin: 0 auto; border-spacing: 10px; border-collapse: separate; padding: 20px; }
.option-boxes a { display: table-cell; overflow: hidden; float: left; width: 45%; border: 1px solid #292560; position: relative; margin-right: 10px; }
.option-boxes a img { width: 130%; height: auto; display: block; }
.option-boxes a span { position: absolute; z-index: 100; padding: 10px; background: #292560; color: #FFF; text-decoration: none; bottom: 0; }

table.menu { table-layout: fixed; width: 100%; }
table.menu td { border: 1px solid #EEE; }
table.menu td a { font-size: 12px; line-height: 14px; display: block; text-transform: uppercase; color: #666; padding: 15px 20px; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; }
table.menu td a:hover { text-decoration: none; color: #666; background: #EEE; }


/*  Responsive Slides */

.gallery { display: block; overflow: hidden; position: relative; width: 100%; margin: 0; border: 1px solid #CCC; }
.gallery.inline-right { width: 100%; float: right; margin: 0 0 20px 0; }

.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }

.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }

.rslides li:first-child { position: relative; display: block; float: left; }

.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }

.rslides_nav { position: absolute; z-index: 9999; top: 43%; width: 100%; display: block; text-indent: -9999px;  width: 40px; height: 40px; }

.rslides_nav.prev { left: 0; background: url('../inline/img/arrow-left.png') no-repeat center; background-size: 60%; background-color: rgba(0,0,0,0.1); }
.rslides_nav.next { right: 0; background: url('../inline/img/arrow-right.png') no-repeat center; background-size: 60%; background-color: rgba(0,0,0,0.1);}

.rslides_nav.prev:hover, .rslides_nav.next:hover { background-color: rgba(0,0,0,0.4); }



/* //////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////// START OF RESPONSIVE STYLES //////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////// */


/* ////////////////////////////////  bigger than mobile version //////////////////////////////// */

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

	.tabs-menu li a { font-size: 14px; }

	table.menu td a { font-size: 14px; }
}

/* //////////////////////////////// ipad mini or galaxy note version //////////////////////////////// */  

@media screen and (min-width: 480px) and (max-width: 768px) {


}

/* //////////////////////////////// big ipad version //////////////////////////////// */

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


	.ajax-lightbox { width: 600px; height: auto; margin: -200px 0 0 -300px; padding: 0px; top: 50%; left: 50%; overflow: initial; }
	.ajax-lightbox-simple { width: 500px; height: auto; margin: -150px 0 0 -250px; padding: 0px; top: 50%; left: 50%; overflow: initial; }
	.ajax-lightbox-simple.wide { width: 700px; margin: -150px 0 0 -350px; }

	.ajax-lightbox .close-btn { 
		width: 35px; height: 35px; 
		top: -50px; right: 15px;
		padding: 0px;
		display: block; position: absolute;
		background: url(../img/close3.png) no-repeat center; background-size: 100%; 
	}

	.ajax-lightbox-simple .close-btn { 
		width: 40px; height: 40px; 
		top: -20px; right: -20px;
		padding: 0px;
		display: block; position: absolute;
		background: url(../img/close.png) no-repeat center; background-size: 100%; 
	}

	.share-box { width: 400px; height: auto; margin: -100px 0 0 -200px; top: 50%; left: 50%; }
	.pdf-box { width: 400px; height: auto; margin: -100px 0 0 -200px; top: 50%; left: 50%; }

	.share-box .close-btn { 
		width: 40px; height: 40px; 
		top: -20px; right: -20px;
		padding: 0px;
		display: block; position: absolute;
		background: url(../img/close.png) no-repeat center; background-size: 40px; 
	}

	.pdf-box .close-btn { 
		width: 40px; height: 40px; 
		top: -20px; right: -20px;
		padding: 0px;
		display: block; position: absolute;
		background: url(../img/close.png) no-repeat center; background-size: 40px; 
	}

	.ajax-lightbox img.inline-image { width: 50%; margin: 0 0 0 20px; float: right; }
	.ajax-lightbox img.inline-image.thin { width: 30%; margin: 0 0 0 20px; float: right; }

	.ajax-lightbox-simple img.inline-image { width: 50%; margin: 0 0 0 20px; float: right; }

	.ajax-lightbox h5 { margin-top: 0; }
	.ajax-lightbox h6 { margin-top: 0; }
	.ajax-lightbox p.number { margin-top: 0px; }

	/* Switch */
	.switch { position: absolute; margin: -62px 0 0 -20px; width: 100%; background: url(../img/stripes.png) left top; background-size: 100%; padding: 15px 0 0 0; }

	.switch a.about { background: url(../img/icon-about.png) no-repeat left 15px center; background-size: 30px; border: 0; }
	.switch a.time { background: url(../img/icon-time.png) no-repeat left 15px center; background-size: 30px; }
	.switch a.video { background: url(../img/icon-video.png) no-repeat left 15px center; background-size: 30px; }

	.switch a:first-child { margin-left: 20px; }

	.switch a { 
		background-color: rgba(255,255,255,0.8) !important; background-size: 35px !important; 
		padding: 15px 20px 15px 57px !important; margin-right: 10px; 
		font-size: 12px; color: #2A255B;
		box-sizing: border-box; -webkit-box-sizing: border-box;
		height: 100%;
	}

	.switch a.active { background-color: #FFF !important; border: 0; padding: 15px 20px 15px 57px; }

	/* Columns */
	.ajax-lightbox-container .col { float: left; display: block; overflow: hidden; margin-bottom: 0; }
	.ajax-lightbox-container .col.two { width: 49%; margin-right: 2%; }
	.ajax-lightbox-container .col.three { width: 32%; margin-right: 2%; }

	.ajax-lightbox-container .col:last-child { margin-right: 0; }

	.ajax-lightbox-container table { margin-bottom: 0; }

	.banner { width: 160px; height: 160px; position: absolute; z-index: 100; clear:both;}

	/* Inline Tabs */

	.tabs-menu li a { font-size: 16px; padding: 5px 0; }

	table.menu td a { font-size: 18px; line-height: 22px; padding: 15px 20px; }

	/* Gallery */

	.gallery.inline-right { width: 60%; margin: 0 0 10px 20px; }

}

/* //////////////////////////////// full wide version //////////////////////////////// */ 

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

	.share-box { width: 500px; margin: -100px 0 0 -250px; top: 50%; left: 50%; }
	.pdf-box { width: 500px; margin: -100px 0 0 -250px; top: 50%; left: 50%; }

	.ajax-lightbox { width: 800px; margin: -200px 0 0 -400px; }
	.ajax-lightbox-simple { width: 600px; margin: -150px 0 0 -300px; }
	.ajax-lightbox-simple.wide { width: 800px; margin: -150px 0 0 -400px; }

	.ajax-lightbox img.inline-image { width: 50%; margin: 0 0 0 20px; }
	.ajax-lightbox-simple img.inline-image { width: 50%; margin: 0 0 0 20px; }

	.ajax-lightbox h5 { font-size: 25px; line-height: 35px; }
	.ajax-lightbox h6 { font-size: 18px; line-height: 24px; }
	.ajax-lightbox-simple h5 { font-size: 25px; line-height: 35px; }

	/* Switch */
	.switch { margin-top: -65px; }
	.switch a { 
		background-size: 35px !important; 
		padding: 15px 20px 15px 57px; margin-right: 10px; 
		font-size: 14px; 
	}

	.switch a.about { background: url(../img/icon-about2.png) no-repeat left 15px center; background-size: 30px; border: 0; }
	.switch a.time { background: url(../img/icon-time2.png) no-repeat left 15px center; background-size: 30px; }
	.switch a.video { background: url(../img/icon-video.png) no-repeat left 15px center; background-size: 30px; }

	.switch a.active { background-color: #FFF !important; border: 0; padding: 15px 20px 15px 57px !important; }

	.banner { width: 180px; height: 180px; }

	.ajax-lightbox p.number { margin-top: 0px; font-size: 20px; width: 45px; height: 45px; padding-top: 8px; }


}

/* //////////////////////////////// full wide version //////////////////////////////// */ 

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



}

/* //////////////////////////////// very wide version //////////////////////////////// */ 

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



}

/* //////////////////////////////// extra wide version //////////////////////////////// */ 

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


}

/* //////////////////////////////// extra extra wide version //////////////////////////////// */ 

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


}