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


/* Typography  */

@font-face {
    font-family: "Circular-Pro-Black";
    src:url("../fonts/lineto-circular-pro-black.eot");
    src:url("../fonts/lineto-circular-pro-black.eot?#iefix") format("embedded-opentype"),
        url("../fonts/lineto-circular-pro-black.woff2") format("woff2"),
        url("../fonts/lineto-circular-pro-black.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Circular-Pro-Book";
    src:url("../fonts/lineto-circular-pro-book.eot");
    src:url("../fonts/lineto-circular-pro-book.eot?#iefix") format("embedded-opentype"),
        url("../fonts/lineto-circular-pro-book.woff2") format("woff2"),
        url("../fonts/lineto-circular-pro-book.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

body { 
	font-family: "Circular-Pro-Book", "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: 0px; 
	margin: 0; 
	background: #FFF; 
	padding: 0px;
}

.ajax-lightbox-container { display: block; padding: 20px; height: 100%; }

.ajax-lightbox h5 { margin: 0 30px 20px 0; font-size: 25px; line-height: 30px; }
.ajax-lightbox p { margin: 0 0 0 0; }
.ajax-lightbox a { color: #FFCC00; }

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



a.link { 
	display: inline-block; clear: both; padding: 10px 20px; margin: 15px 0 0 0; text-decoration: none; background: #FF9900; color: #FFF !important; border-radius: 100px; 
	font-family: "Circular-Pro-Book", "helvetica nenu", helvetica, arial, sans-serif !important; cursor: pointer !important;
	 -webkit-transition: all 0.3s ; transition: all 0.3s;
}
a.link:hover { background: #FF8800; text-decoration: none; }

a.link.right { float: right !important; clear: both; right: 0; }

/* 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; }

.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; 
}

/* Table in lightbox */

.ajax-lightbox table { table-layout: fixed; width: 100%; margin-top: 15px; border: 1px solid #EEE;}
.ajax-lightbox table td { padding: 5px; }
.ajax-lightbox table td p { font-size: 12px; line-height: 14px; display: block; text-transform: uppercase; color: #666; }
.ajax-lightbox table td a { font-size: 12px; line-height: 14px; display: block; text-transform: uppercase; color: #FFCC00; }
.ajax-lightbox table th { font-size: 12px; line-height: 14px; text-transform: uppercase; color: #333; padding: 5px; }
.ajax-lightbox table td a:hover { text-decoration: none; color: #FFCC00; }
.ajax-lightbox table tr:nth-child(even) { background-color: #eee; }

/* Inline Boxes */

.inline h1, .inline h2, .inline h3, .inline h4, .inline h5 { 
	font-family: "Circular-Pro-Black", "helvetica nenu", helvetica, arial, sans-serif !important;
	font-style: bold;
	font-weight: 600;
	color: #333;
	margin-top: 0;
}

/* Main Structure */

.inline p { font-size: 14px; line-height: 18px; font-family: "Circular-Pro-Book", helvetica, arial, sans-serif !important; }
.inline strong { font-weight: 600; color: #333; }
.bold { font-weight: bold; }
.clear { clear: both; }

.inline { display: block; overflow: auto; width: 100%; height: 100%; background-color: #FFF; margin: 0 auto; position: relative; }
.inline .inner { padding: 0px; display: block; overflow: hidden; }
.inline .inner.padding-top { padding-top: 25px; }
.inline .inner.no-pad { }

.inline div.colA { margin: 10px 0; width: 100%; overflow: hidden; height: 300px; }
.inline div.colB { overflow: hidden; }

.inline div.colA.short { height: auto; }

.inline h3 { color: #594450; font-size: 1.5em; line-height: 25px; font-weight: 200; margin: 0 0 15px 0; text-transform: uppercase; }
.inline p { font-size: 1em; color: #666; line-height: 24px; font-weight: 200; }

.inline h1 { font-size: 24px; line-height: 24px; margin: 0 0 10px 0; }
.inline h4 { font-size: 14px; line-height: 14px; color: #666; }
.inline p { font-size: 12px; line-height: 16px; }

.inline .inner.no-img h1, .inline .inner.no-img h4, .inline .inner.no-img p { margin-left: 0; }

.inline img.thumb { width: 100%; height: auto; }
.inline img.wide { width: 100%; height: auto; margin: 0 0 20px 0; }
.inline img.thumb.small { width: 20%; }

.inline a { text-decoration: none; color: #666; }
.inline a:hover { text-decoration: underline; color: #333; }

.inline .contact-details { display: block; clear: both; margin-top: 20px; padding: 10px 0; border-top: 1px solid #EEE; }
.inline .contact-details p { display: block; padding: 5px 0; }
.inline .contact-details p span { display: block; width: 20px; height: 20px; float: left; margin-right: 10px; }

.inline .contact-details p span.phone { background: url(../img/ui/icon-phone.png) no-repeat center; background-size: 100%; }
.inline .contact-details p span.email { background: url(../img/ui/icon-email.png) no-repeat center; background-size: 100%; }
.inline .contact-details p span.time { background: url(../img/ui/icon-time.png) no-repeat center; background-size: 100%; }
.inline .contact-details p span.address { background: url(../img/ui/icon-address.png) no-repeat center; background-size: 100%; }

/* Book Button */
.inline a.book { background-color: #E50C83; color: #FFF; padding: 10px 15px; margin-top: 10px; }
.inline a.book:hover, a.book:focus { color: #FFF; text-decoration: none; }
.inline a.book.bottom-right { position: absolute; bottom: 0; right:0;  }

.inline .buttons { margin-top: 20px; display: block; overflow: hidden; }
.inline a.btn { 
	background: #FF9900; padding: 8px 20px; 
	border-radius: 100px; -webkit-border-radius: 100px; 
	margin: 0 10px 10px 0; color: #FFF; text-transform: uppercase;
	display: inline-block; float: left; font-weight: 200; font-size: 14px; line-height: 14px;
}
.inline a.btn:hover { text-decoration: none; background: #FF8800; color: #FFF; }

/* 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; padding: 15px 0; }
.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; }
.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; }

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

.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%; }

/* Laguage Switch and Tabs */

.lang-switch { position: relative; top: 0px; display: block; overflow: hidden; }
.lang-switch a { display: inline-block; float: left; padding: 5px 10px; color: #666; text-decoration: none; text-transform: uppercase; font-size: 12px; }
.lang-switch a:first-child { border-right: 1px solid #CCC; }
.lang-switch a:hover, .lang-switch a:focus { text-decoration: none; cursor: pointer; }
.lang-switch a.active { color: #FF8800; }

.inline .tab { display: none; }
.inline #tab1 { display: block; }

/* Gallery Slides */

.cycle-slideshow { width: 100%; display: block; }
.cycle-slideshow img { width: 100%; height: auto; }

.cycle-slideshow .next { 
	position: absolute; z-index: 100; right: 0; top: 45%; display: block; cursor: pointer;
	width: 40px; height: 40px; background: url(../img/arrow-right3.png) no-repeat center; background-size: 100%; 
}
.cycle-slideshow .prev { 
	position: absolute; z-index: 100; right: 0; top: 45%; display: block; cursor: pointer;
	width: 40px; height: 40px; background: url(../img/arrow-left3.png) no-repeat center; background-size: 100%; 
} 

.gallery img { display: none; }
.gallery img:nth-child(1) { display: block; }



/*  R Slides */


.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: 11%; 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.5); }
.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.5);}












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


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

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

	.inline .inner {  }
	.inline .inner.no-pad { }

	.inline img.thumb { width: 100%; }

	.inline div.colA { width: 30%; display: inline-block; float: left; margin: 0; height: auto; }
	.inline div.colB { width: 70%; margin: 0; float: right; display: inline-block; }

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

	.inline h1 { font-size: 24px; line-height: 24px; margin-left: 20px; }
	.inline h4 { font-size: 16px; line-height: 16px; margin-left: 20px; }
	.inline p { font-size: 12px; line-height: 16px; margin-left: 20px; }

	.inline .buttons { margin-left: 20px; }
	.inline a.btn { font-size: 12px; line-height: 12px; }

	.lang-switch { position: absolute; top: 0px; right: 40px; display: block; overflow: hidden; }


}

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

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

	/* Inline Content */

	.inline .inner {  }
  	.inline .inner.no-pad { }

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

  	.inline h1 { font-size: 28px; line-height: 25px; margin-left: 20px; }
	.inline h4 { font-size: 16px; line-height: 16px; margin-left: 20px; }
	.inline p { font-size: 14px; line-height: 18px; margin-left: 20px; }

	.inline .buttons { margin-left: 20px; }
	.inline a.btn { font-size: 12px; line-height: 12px; }

  	.inline .contact-details { clear: none; }
  	.inline .contact-details p {padding: 7px 0;}

  	.inline-gallery { max-width: 70%; }

  	.inline .colA { width: 40%; }
  	.inline .colB { width: 60%; }


}

/* //////////////////////////////// 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%; }

	.ajax-lightbox.push-down { margin-top: -100px; }
	.ajax-lightbox.push-up { margin-top: -200px; }

	.ajax-lightbox .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; 
	}

	.share-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; 
	}

	/* Inline Content */

	.inline div.colA { width: 40%; }
	.inline div.colB { width: 60%; }

	.inline .inner {  }
  	.inline .inner.no-pad { }

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

  	.inline h1 { font-size: 28px; line-height: 25px; margin-left: 20px; }
	.inline h4 { font-size: 16px; line-height: 16px; margin-left: 20px; }
	.inline p { font-size: 12px; line-height: 16px; margin-left: 20px; }

	.inline .buttons { margin-left: 20px; }
	.inline a.btn { font-size: 14px; line-height: 14px; }

  	.inline .contact-details { clear: none; }
  	.inline .contact-details p {padding: 7px 0;}

  	.inline-gallery { max-width: 70%; }

  	.inline .colA { width: 40%; }
  	.inline .colB { width: 60%; }

  	.lang-switch { top: 0px; right: 0px; }
	.lang-switch a { padding: 5px 10px; font-size: 14px; }

	.rslides_nav { top: 45%; }


}

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

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

	.ajax-lightbox { width: 800px; margin: -250px 0 0 -400px; }

	.ajax-lightbox.push-down { margin-top: -100px; }
	.ajax-lightbox.push-up { margin-top: -200px; }

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

	/* Inline Content */

	.inline .inner {  }
  	.inline .inner.no-pad {  }

  	.inline p { font-size: 18px; line-height: 25px; }

	.inline .contact-details p { padding: 10px 0; }
	.inline .contact-details p span { width: 30px; height: 30px; margin-right: 20px; }

	.inline h1 { font-size: 30px; line-height: 40px; margin-left: 20px; }
	.inline h4 { font-size: 18px; line-height: 18px; margin-left: 20px; }
	.inline p { font-size: 14px; line-height: 18px; margin-left: 20px; }

	.inline .buttons { margin-left: 20px; }



}

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

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

	/* Inline Content */

	.inline .inner {  }
  	.inline .inner.no-pad { }

	.buttons { margin-left: 20px; }



}

/* //////////////////////////////// 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) {


}