@charset "iso-8859-1";
/* GENERAL
******************************************************************/
html            { height: 100%; font-size: 100%}
body			{ width:100%; height:100%; background: #FFF; font-size:100%; font-family: "Archer A", "Archer B", Arial, Helvetica, sans-serif;  font-weight:500; font-style:normal; letter-spacing: 0.03em;}
a				{ text-decoration:none;}
.center			{ text-align:center;}
h1,h2,h3		{ font-weight:normal;}
a               { transition: color 0.3s ease-out 0s;   outline: none;}
a:focus         { outline: 0;}
*               { outline:none;}
.cont-94percent { position:relative; margin:0 auto; width:94%; }
.cont-980 { position:relative; margin:0 auto; width:100%; max-width:980px }
#logo,#prevslide,#nextslide,.scroll-arrow .icn, .factsheet-cn .icon {background:url("../images/sprite.png") no-repeat;display:block;}

/* MAIN
******************************************************************/
.main-container      { width: 100%; height:100%; 	position: relative; }

/* Proxima font */
@charset "iso-8859-1";@font-face{font-family:"ProximaNovaRegular";src:url('https://cdn.webfonts.luxresorts.com/proxima/ProximaNova-RegularWeb.eot?#iefix');src:url('https://cdn.webfonts.luxresorts.com/proxima/ProximaNova-RegularWeb.eot?#iefix') format('eot'),url('https://cdn.webfonts.luxresorts.com/proxima/ProximaNova-RegularWeb.woff') format('woff'),url('https://cdn.webfonts.luxresorts.com/proxima/ProximaNova-RegularWeb.ttf') format('truetype'),url('https://cdn.webfonts.luxresorts.com/proxima/ProximaNova-RegularWeb.svg#ProximaNovaRegular') format('svg');}
@font-face{font-family:"ProximaNovaMedium";src:url('https://cdn.webfonts.luxresorts.com/proxima/ProximaNova-MediumWeb.eot?#iefix');src:url('https://cdn.webfonts.luxresorts.com/proxima/ProximaNova-MediumWeb.eot?#iefix') format('eot'),url('https://cdn.webfonts.luxresorts.com/proxima/ProximaNova-MediumWeb.woff') format('woff'),url('https://cdn.webfonts.luxresorts.com/proxima/ProximaNova-MediumWeb.ttf') format('truetype'),url('https://cdn.webfonts.luxresorts.com/proxima/ProximaNova-MediumWeb.svg#ProximaNovaMedium') format('svg');}
@font-face{font-family:"ProximaNovaLight";src:url('https://cdn.webfonts.luxresorts.com/proxima/ProximaNova-LightWeb.eot?#iefix');src:url('https://cdn.webfonts.luxresorts.com/proxima/ProximaNova-LightWeb.eot?#iefix') format('eot'),url('https://cdn.webfonts.luxresorts.com/proxima/ProximaNova-LightWeb.woff') format('woff'),url('https://cdn.webfonts.luxresorts.com/proxima/ProximaNova-LightWeb.ttf') format('truetype'),url('https://cdn.webfonts.luxresorts.com/proxima/ProximaNova-LightWeb.svg#ProximaNovaMedium') format('svg');}

/* HEADER
----------------------------*/
#header         { position:fixed; width:100%; height:82px; background:#FFF; top:0; z-index:3; -webkit-transition: height 0.3s; -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;    -o-transition: height 0.3s;    transition: height 0.3s;}
	#logo { float:left; background-position:0 0;  width:244px; height:48px; background-repeat:no-repeat; display:block; margin-top:18px;  }

		/* nav */
		#nav-wrap {	position:relative; float:right; margin-top:18px }
		#nav      { margin: 0;	padding:0;  }
		#nav > li { margin:0 10px; border:0; padding:0; display:inline-block;   *display:inline; *zoom:1;  list-style: none;  position: relative; font-size:15px; line-height:normal; color:#666;  font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif; letter-spacing: 0.08em !important;   }
		#nav > li.sepa { background: url(../images/dot-menu-sepa.png) no-repeat 0 0; width:3px; text-align:center; height:6px; margin-top:4px }
		/* nav link */
		#nav > li a { padding:13px 0 13px 0; /*For IE*/  display: block;  line-height:normal; text-decoration: none;  text-transform:uppercase; color:#666; }
		#nav li a:hover { color: #999; cursor:pointer; background:url(../images/menu-hover.gif) bottom center no-repeat; }
		#nav li a.current { color: #999; cursor:pointer; background:url(../images/menu-hover.gif) bottom center no-repeat; }
	
		/* Mobile Menu */
		#menu-icon { display: none; /* hide menu icon initially */ }
		#mobile-nav { display:none;}
		.mnav { background:#F0F0EF; padding:5% 5% 8% 5%;position:absolute;top:54px;width:100%; display:none;  z-index:99999 !important;}
		.mnav li { padding:0; list-style:none; display:block;  border-bottom:1px solid #D8D8D7; }
		.mnav li:last-child { border:none}
		.mnav li a {  width:100%; padding:5px 0; color:#BBB; font-size:14px; text-decoration:none; display:block; font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.05em;}
		.mnav li ul { margin:0}
		.mnav li span.current a { color: #000;}
		.mnav li.primary { margin:0; text-transform:uppercase; font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.08em; padding:3px 0; }
		.mnav li.primary a { font-size:14px; color:#AAA; }

		.scroll-arrow{width:174px;bottom:35%;left:50%;margin-left:-87px;position:absolute;z-index:20}
		.scroll-arrow.innerpage {bottom:20%; }
		.scroll-arrow .icn{width:23px;height:23px;margin:0 auto;background-position:0 -69px}
		.scroll-arrow:hover{cursor:pointer}

#header.smaller {  height: 55px; background:#FFF; border-bottom:1px solid #EEE}
#header.smaller #logo { width:188px; height:18px; background-image:url("../images/sprite.png"); background-repeat:no-repeat; background-position:-42px -69px; margin-top:20px}
#header.smaller #nav-wrap {	position:relative; float:right; margin-top:6px }

/* SCROLL UP
----------------------------*/
.scrollup {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 145px;
    right: 46px;
    display: none;
    background: #DDD url(../images/arrw-up.png) no-repeat left top;
    z-index: 9998;
    opacity: 0.85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
}

.scrollup:hover {  opacity: 1;    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";    filter: alpha(opacity=100);  background: #FD8236 url(../images/arrw-up.png) no-repeat left top;}

/* FOOTER
----------------------------*/
#footer         { position:fixed; width:100%; height:40px; background:#F0F0EF; bottom:0; z-index:9999; border-top:1px solid #fff}
	.footer-menu-cn { float:left; width:100%; text-align:center; color:#FD8135; font-family:"ProximaNovaRegular", Arial, Helvetica, sans-serif;   letter-spacing: 0.04em; }
		.footer-menu-cn ul { margin:0; padding:0; margin-top:15px}
		.footer-menu-cn ul li { list-style:none; display:block; float:left;  text-transform:uppercase; height:12px;  color:#333; font-size:12px; letter-spacing: 0.04em;}
		.footer-menu-cn ul li a { margin:0 10px; color:#333; font-size:12px; padding:0; }
		.footer-menu-cn ul li.sepa { background: url(../images/dot-menu-sepa.png) no-repeat 0 0; width:3px; text-align:center; height:6px; margin-top:4px }
		.footer-menu-cn ul li a:hover { color:#FD8135}
		.footer-menu-cn ul li a.current { color:#FD8135}


	/* Footer Menu*/
	#f-menu-cn { position: relative; width:100%; float:left; background:#333; border-top:1px solid #FFF; padding:1% 0; margin-bottom:40px;}
		/* factsheet*/
		.factsheet-cn { float:left; width:42.8572%; padding-left:6%}
		.factsheet { float:left; width:100%;}
		.factsheet .text { float:left; width:auto; color:#333333; border-right:1px solid #606060; text-transform:uppercase; font-size:14px; color:#797979; font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em; margin-right:15px; padding-right:10px; height:38px; line-height:38px; margin-top:10px}
		.factsheet .icon { float:left; background-position:-40px -93px; display: inline-block;	width: 64px;	height: 64px;	border-radius: 50%;	text-align: center;		position: relative;	color: #fff;	-webkit-transition: box-shadow 0.2s;	-moz-transition: box-shadow 0.2s;	transition: box-shadow 0.2s;  }
		.factsheet .icon:after {pointer-events: none;position: absolute;width: 100%;height: 100%;	border-radius: 50%;	content: '';	-webkit-box-sizing: content-box; 			-moz-box-sizing: content-box; 	box-sizing: content-box;	top: 0;	left: 0;	padding: 0;	box-shadow: 0 0 0 1px #606060;	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
			-moz-transition: -moz-transform 0.2s, opacity 0.2s;	transition: transform 0.2s, opacity 0.2s;}			
		.factsheet .icon:hover:after {	-webkit-transform: scale(0.85);	-moz-transform: scale(0.85);-ms-transform: scale(0.85);	transform: scale(0.85);	opacity: 0.5;}	
		.factsheet .icon:hover {box-shadow: 0 0 0 3px rgba(245,135,69,1); }	
		/* social shares*/
		.social-share-cn { width:57.1428%; float:right;margin-top:10px }
		.social-share-cn .title { width:auto; float:left;  border-right:1px solid #606060; text-transform:uppercase; font-size:14px; color:#797979; font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em; height:38px; line-height:38px; padding-right:15px; margin-right:10px }		
		.social-icons       { position:relative; float:left;width:auto; display:block; }
		.social-icons ul    {display:block;list-style:none;margin:0; padding-top:3px;}
		.social-icons ul li {display:inline;margin:0 2px;text-align:center; float:left;}		
		.icon-instagram,.icon-tripadvisor,.icon-googleplus,.icon-youtube,.icon-twitter,.icon-facebook { background:url("../images/sprite.png") no-repeat;display:block; width:37px; height:37px;  border:1px solid #606060; -webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius:  50%; border-radius:  50%;}
		.icon-instagram       {background-position:0 -185px}
		.icon-tripadvisor     {background-position:-37px -185px}
		.icon-googleplus      {background-position:-74px -185px}
		.icon-youtube         {background-position:-111px -185px}
		.icon-twitter         {background-position:-148px -185px}
		.icon-facebook        {background-position:-185px -185px}
		
		.icon-instagram:hover    {background-position:0 -222px; border:1px solid #FFF}
		.icon-tripadvisor:hover  {background-position:-37px -222px; border:1px solid #FFF}
		.icon-googleplus:hover   {background-position:-74px -222px; border:1px solid #FFF}
		.icon-youtube:hover      {background-position:-111px -222px;  border:1px solid #FFF}
		.icon-twitter:hover      {background-position:-148px -222px; border:1px solid #FFF;}
		.icon-facebook:hover     {background-position:-185px -222px; border:1px solid #FFF}
		
		/* social shares*/
		.social-share-cn { width:57.1428%; float:right;margin-top:10px }
		.social-share-cn .title { width:auto; float:left;  border-right:1px solid #606060; text-transform:uppercase; font-size:14px; color:#797979; font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em; height:38px; line-height:38px; padding-right:15px; margin-right:10px }		
		.social-icons       { position:relative; float:left;width:auto; display:block; }
		.social-icons ul    {display:block;list-style:none;margin:0; padding-top:3px;}
		.social-icons ul li {display:inline;margin:0 2px;text-align:center; float:left;}	
		.icon-sr { display:block; width:37px; height:37px;  border:1px solid #606060; -webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius:  50%; border-radius:  50%;}
			
		.icon-instagram,.icon-tripadvisor,.icon-googleplus,.icon-youtube,.icon-twitter,.icon-facebook { /*background:url("../images/sprite.png") no-repeat;*/display:block; width:37px; height:37px;  border:1px solid #606060; -webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius:  50%; border-radius:  50%;}
		.icon-instagram       {background-position:0 -185px}
		.icon-tripadvisor     {background-position:-37px -185px}
		.icon-googleplus      {background-position:-74px -185px}
		.icon-youtube         {background-position:-111px -185px}
		.icon-twitter         {background-position:-148px -185px}
		.icon-facebook        {background-position:-185px -185px}
		
		.icon-sr:hover    {/* background:#606060;  */ border:1px solid #FD8135}
		.icon-sr:hover .fa-facebook::before,
		.icon-sr:hover .fa-twitter::before,
		.icon-sr:hover .fa-instagram::before{ 
			color:#FD8135;
		}
		
		.icon-instagram:hover    {/*background-position:0 -222px; */ border:1px solid #FFF}
		.icon-tripadvisor:hover  {/*background-position:-37px -222px; */ border:1px solid #FFF}
		.icon-googleplus:hover   {/*background-position:-74px -222px; */ border:1px solid #FFF}
		.icon-youtube:hover      {/*background-position:-111px -222px; */  border:1px solid #FFF}
		.icon-twitter:hover      {/*background-position:-148px -222px; */ border:1px solid #FFF;}
		.icon-facebook:hover     {/*background-position:-185px -222px; */ border:1px solid #FFF}
		
		.fa-facebook-f::before, .fa-facebook::before,
		.fa-instagram-f::before, .fa-instagram::before,
		.fa-twitter-f::before, .fa-twitter::before{
			color: rgb(255, 255, 255);
			vertical-align: -45%;
		}
		
	#f-newsletter-cn { position: relative; width:100%; float:left; background:#FFF; /*margin-bottom:40px;*/ padding:2% 0 4% 0; }	
		.title-register { float:left; width:100%; text-align:center; color:#FD8135; font-size:28px;   font-family: "Archer A", "Archer B", Arial, Helvetica, sans-serif;  font-weight:500; font-style:normal; letter-spacing: 0.03em; margin-bottom:20px }
		.newsletter-form-cn { margin:0 auto; max-width:560px; width:90%; margin-bottom:15px }
		
		.newsletter-form-cn input { -webkit-appearance:none; border-radius: 0; -webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;}
		.newsletter-form-cn input:focus { background:#F0F0EF; }
		.newsletter-form-cn .email { width:77.1428%;  border: 0 none; background:#F6F6F5; float:left;  height: 50px; margin-right:1.6071%; color:#999999;  font-family:font-family: "Archer A", "Archer B", Arial, Helvetica, sans-serif;  font-weight:500; font-style:normal; letter-spacing: 0.03em;  font-size:18px ; font-style:italic  }		
		.newsletter-form-cn .button {clear:both; background-color: #FFF; border: 0 none; color: #FD8135; cursor: pointer; display: inline-block; font-size:18px;  height: 50px; line-height: 50px; margin: 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: 21.2501%; text-transform:uppercase;  -webkit-transition: all .5s;	-moz-transition: all .5s;	transition: all .5s;-webkit-appearance:none; border-radius: 0;  font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em ; border:2px solid  #FD8135}
		.newsletter-form-cn .button:hover {  background-color: #FD8135; color:#FFF; }
	    .newsletter-form-cn .email input { width:100%;  border: 0 none; background:#F6F6F5; float:left;  height: 50px; padding:2%; color:#999999;  font-family:font-family: "Archer A", "Archer B", Arial, Helvetica, sans-serif;  
			font-weight:500; font-style:normal; letter-spacing: 0.03em;  font-size:18px ; font-style:italic  }		
		
.newsletter-form  .privacypolicycheck {
    top: 20px
}

.newsletter-form  .privacypolicycheck .fieldLabel {
    display: block!important;
}

.newsletter-form .checkbox input[type=checkbox] {
    margin: 0!important;
    top: 4px
}

.newsletter-form .checkbox span.field-validation-error {
    margin-top: 10px
}

.newsletter-form  .email span.field-validation-error {
    margin-top: 3px
}

.newsletter-form  .checkbox span.field-validation-error a {
    color: #8a1f11
}
.newsletter-form .privacypolicycheck .fieldLabel {
    display: block!important
}

.newsletter-form .checkbox input[type=checkbox] {
    margin: 0!important;
    top: 4px;
    -webkit-appearance: checkbox;
}
		
		.f-menu-cn { float:left; width:100%; text-align:center; color:#FD8135; font-family:"ProximaNovaLight", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em ; }
		.f-menu-cn ul { margin:0; padding:0; text-align:center}
		.f-menu-cn ul li { list-style:none; display:inline-block;   *display:inline; *zoom:1;  text-transform:uppercase; height:12px;  color:#999; font-size:12px; margin:0 5px; }
		.f-menu-cn ul li a { color:#797979; font-size:12px; padding:0; }
		.f-menu-cn ul li.sepa { background: url(../images/dot-menu-sepa.png) no-repeat; width:3px; text-align:center; height:6px;}
		.f-menu-cn ul li a:hover { color:#FD8135}
		
		
		#booknow-panel { position:fixed; display:block; bottom:0; width:100%; height:145px; z-index:2; background:#F4F4F4; overflow:visible !important; }
		#booknow-show-panel {position:absolute; width:117px;	height:43px; bottom:0; right:45px; z-index:1; background: url(../images/sprite.png) 0 -293px no-repeat;  }
		.book-now-show {	height: 43px;	margin: 0 auto;	display: block; width:117px; text-align:center; color:#FFF !important; line-height:53px; text-transform:uppercase; font-size:14px;  font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em ;}
		#booknow-show-panel a:hover{color: #fff !important;}		
		.active-book { background: url(../images/sprite.png) -293px 0px no-repeat; color:#ffffff }
		
		#booknow-panel .booking-cn { margin:0 auto; width:83.33%; height:100px; padding-top:25px;  }
		
		#booknow-panel .booking-cn .fields-book-cn { float:left; width:100%;}
		#booknow-panel .booking-cn .fields-book-cn .choose-hotel { float:left; width:20.3333%; margin-right:3.8333% }
		#booknow-panel .booking-cn .fields-book-cn .choose-hotel label { width:100%; float:left; font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em ; font-size:12px; color:#666; text-transform:uppercase; margin-bottom:5px}
		#booknow-panel .booking-cn .fields-book-cn .choose-hotel select { width:100%; float:left; height:28px; background:#fff; border:none; font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em ; font-size:14px; color:#5D5D5D; text-transform:uppercase; padding:5px; border-radius:0; background:#FFF; }
		
		#booknow-panel .booking-cn .fields-book-cn .checkin { float:left; width:11.1666%; margin-right:3.8333%; position:relative}
		#booknow-panel .booking-cn .fields-book-cn .checkin label { width:100%; float:left; font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em ; font-size:12px; color:#666; text-transform:uppercase; margin-bottom:5px} 
		#booknow-panel .booking-cn .fields-book-cn .checkin input { width:100%; float:left; height:28px; background:url(../images/calendar.png) right 4px no-repeat #FFF; border:none; font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em ; font-size:14px; color:#5D5D5D; text-transform:uppercase; padding:5px;position:relative}
		
		#booknow-panel .booking-cn .fields-book-cn .checkout { float:left; width:11.1666%; margin-right:3.8333%; position:relative}
		#booknow-panel .booking-cn .fields-book-cn .checkout label { width:100%; float:left;font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em ; font-size:12px; color:#666; text-transform:uppercase; margin-bottom:5px} 
		#booknow-panel .booking-cn .fields-book-cn .checkout input { width:100%; float:left; height:28px; background:url(../images/calendar.png) right 4px no-repeat #FFF; border:none; font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em ; font-size:14px; color:#5D5D5D; text-transform:uppercase; padding:5px;position:relative}
		
		
		
		
		#booknow-panel .booking-cn .fields-book-cn .drop { float:left; width:6.1666%; margin-right:3.8333%; position:relative}
		#booknow-panel .booking-cn .fields-book-cn .drop label { width:100%; float:left; font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em ; font-size:12px; color:#666; text-transform:uppercase; margin-bottom:5px} 
		#booknow-panel .booking-cn .fields-book-cn .drop select { width:100%; float:left; height:28px; border:none; font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em ; font-size:14px; color:#5D5D5D; text-transform:uppercase; padding:5px; border-radius:0; background:#FFF;}
		
		#booknow-panel .booking-cn .fields-book-cn .bouton { float:left; width:15.8333%; position:relative; padding-top:18px}
		#booknow-panel .booking-cn .fields-book-cn .bouton input[type="submit"] {  width:100%; float:left; font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em ; font-size:12px; color:#FFF; text-transform:uppercase; background:#FD8236; height:28px; text-align:center; border:none;  -webkit-appearance:none; border-radius:0; transition: all 0.1s linear 0s;}
		#booknow-panel .booking-cn .fields-book-cn .bouton input[type="submit"]:hover { cursor:pointer; background:#FFF; color:#FD8236;}
		
		
		#language { position:absolute; width:45px;	height:40px; right:0; }
		#language .language-button { position:relative; width:45px; height:40px;  padding:14px 0 0 11px;border-top:1px solid #E5E5E3}
		#language .language-button:hover { cursor:pointer; background:#E5E5E3;}
		#language .language-button .selected-lang { position:relative; width:23px; height:15px; background-image:url(../images/sprite.png);display:block; background-repeat:no-repeat; }
		#language .flyout { position:absolute; width:162px; background:#F5F5F6; height:auto; bottom:40px; right:0; display:none; z-index:99999}
		#language .flyout ul { margin:0; padding:0;}
		#language .flyout ul li { list-style:none; float:left; width:100%; border-top:1px solid #EBEBEB; padding:8px 11px}
		#language .flyout ul li .icon { width:16.4285%; float:left; margin-left:7%; height:15px; background-image:url(../images/sprite.png);display:block; background-repeat:no-repeat}
		#language .flyout ul li .text { width:76.5715%; float:left; color:#666; font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em ; font-size:10px; text-transform:uppercase}
		.icn-lang-fr {  background-position:-24px -350px; }
		.icn-lang-en {  background-position:0 -350px; }
		.icn-lang-de {  background-position:-48px -350px; }
		.icn-lang-cn, .icn-lang-zh {  background-position:-72px -350px; }
		.icn-lang-ru {  background-position:-96px -350px; }
		#language .flyout ul li:hover { background-color:#ECECEC}
		#language .flyout ul li.selected { background-color:#ECECEC}

/* SLIDER
----------------------------*/
div#slider {	position: relative;	width:100%;	height:70%; z-index:1 !important;  }
/* Supersized
----------------------------*/
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:42px; height:42px; margin:-21px 0 0 -21px; text-indent:-999em; background:url(../images/loading.gif) no-repeat center center;}
#supersized {  display:block; position:relative; left:0; top:0; overflow:hidden; z-index:-999; height:100%; margin-left: 0 !important;  }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } /*Quality*/
#supersized li { display:block; list-style:none; z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; }
#supersized a { width:100%; height:550px; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#fff url(../images/loading.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; top: 0 !important; }
/* Controls Nav
----------------------------*/
#prevslide, #nextslide{ position:absolute; width:22px; height:40px;  top:50%; z-index:4 !important;  }
#prevslide{ left:30px; background-position:0 -96px; background-repeat:no-repeat; opacity:0.8;  }
#nextslide{ right:30px; background-position:0 -136px; background-repeat:no-repeat; opacity:0.8; }
#prevslide:active, #nextslide:active {  }
#prevslide:hover, #nextslide:hover{ cursor:pointer;}
#prevslide:hover {  opacity:1;}
#nextslide:hover { opacity:1;}
/* Captions - Bullet Nav
----------------------------*/
#controls-wrapper { margin:0 auto; height:24px; width:100%; bottom:0; left:0; z-index:1; background: rgba(255,255,255,0.2);position:absolute; text-align:center }
#slidecaption {  z-index:2; position:absolute; color:#999; margin:0; width:100%; background: rgba(0,0,0,0.7); bottom:0; left:0; padding:2% 0; text-align:center; font-weight:700 }
ul#slide-list{ padding:0; display:inline-block; position:relative; z-index:2;  width:auto; margin:0 !important; }
ul#slide-list li{ list-style:none; width:8px; height:8px; float:left; margin:0 5px 0 0;}
ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{  background:#999; }
ul#slide-list li a{ display:block; width:8px; height:8px; background:#000; border-radius:50%; border:1px solid #999999; }
ul#slide-list li a:hover{ background:#999; cursor:pointer; }
/* Play-Pause
----------------------------*/
#play-button{ position:absolute; top:50%; left:50%; margin-left:-51px }
#play-button:hover{ cursor:pointer; }

/* Scroll Arrow
	----------------------------*/
.scroll-arrow { width:174px; bottom:35%; left:50%; margin-left:-87px; position:absolute; z-index:20; }
.scroll-arrow .icn { width:23px; height:23px; margin:0 auto; background-position:0 -69px; font-size: 30px; color: #fff; background: none; }
.scroll-arrow:hover { cursor:pointer}

/* CONTENT HOME
----------------------------*/
.main    {  position:relative; width:100%; float:left}
	.introbox { padding:2% 0;  font-family: "Archer A", "Archer B", Arial, Helvetica, sans-serif;  font-weight:500; font-style:normal; letter-spacing: 0.03em; }
	.introbox h1 { text-align:center; width:100%; font-size:28px; color:#FD8034;  font-weight:normal; margin-bottom:3%; font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em; text-transform:uppercase  }
	.introbox .text { font-size:18px; color:#666; text-align:center}
	.introbox .text p { margin-bottom:1.5%}
	
	.title-header {  text-align:center; width:100%; font-size:40px; color:#FD8034;  font-weight:normal; margin-bottom:3%; font-family: "Archer A", "Archer B", Arial, Helvetica, sans-serif;  font-weight:500; font-style:normal; letter-spacing: 0.03em;  }
	
	/* Why hotel le recif */
	#reasons { position:relative; float:left; width:100%;}
	#reasons-container { position:relative; width:100%; float:left}
	.section {  padding:0 ; width:100%; position:relative; overflow:hidden; margin-bottom:10px; height:820px;}
	img.bg {
    /* Set rules to fill background */
    min-height: 100%;
    /* Set up proportionate scaling */
    width: 100%;
    height: auto;
    /* Set up positioning */
    position: absolute;
    top: 0;
    left: 0;
  	/*Set behind content*/
    z-index: -1;}
	.section-img { float:left}
	
		#second-nav-cont { position:fixed; width:auto;  top:43%; z-index:999; right:20px; display:none}
		#second-nav{ position:relative; width:9px; text-align:right;   }
		#second-nav ul{	list-style:none; text-align:center; margin:0; padding:0; }
		#second-nav li{ margin: 12px 0;  list-style:none; }
		#second-nav li a{width: 16px; height: 16px; display: block; background:none; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius:  50%; border-radius:  50%;  border:2px solid #FFF; }
		#second-nav li a:hover{ background: #FFF; background: rgba(255,255,255,1); border:2px solid #FFF }
		#second-nav li.current a{ background: #FFF; background: rgba(255,255,255,1); border:1px solid #FFF;-webkit-box-shadow: 0px 0px 10px 1px rgba(255, 255, 190, .30);
		-moz-box-shadow: 0px 0px 10px 1px rgba(255, 255, 190, .30);
		box-shadow: 0px 0px 10px 1px rgba(255, 255, 190, .30); }
		
		
	.section .content-cn { position:absolute; width:50%; left:50%;  background:rgba(255,255,255,0.8); padding:3% 2% 4% 2%; top:40%; margin-left:-25%; text-align:center; color:#777; font-size:18px; line-height:120%;  letter-spacing: 0.02em;  }
	.section .content-cn h2 { width:100%; font-size:30px; color:#FD8236;  margin-bottom:10px;  font-family: "Archer A", "Archer B";  font-weight:500; font-style:normal; letter-spacing: 0.02em;}
	.section .content-cn h3 { width:100%; font-size:14px; color:#666; font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif; font-weight:300; letter-spacing: 0.05em; text-transform:uppercase;   margin-bottom:10px; }
	.section .content-cn .button-cn { position:absolute; width:100%; left:0; bottom:-28px; text-align:center;}	
	.section .content-cn .button-cn .buttonView { background-color: #FFCA03;  color:#FFF; text-transform:uppercase; font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em;  text-align:center; font-size:19px; padding:15px 10px; display:inline-block; width:298px }
	.section .content-cn .button-cn .buttonView:hover{ background-color: #FFF;  color:#FFCA03;  }	
	
	.section .content-cn .button-cn .buttonBook { background-color: #FD8236;  color:#FFF; text-transform:uppercase; font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em;  text-align:center; font-size:19px; padding:15px 10px; display:inline-block; width:298px }
	.section .content-cn .button-cn .buttonBook:hover{ background-color: #FFF;  color:#FD8236;  }	
	.tp-static-layers .Videobtn { font-family: "ProximaNovaMedium",Arial,Helvetica,sans-serif; letter-spacing: .03em;  text-transform: uppercase;
    padding: 8px 10px!important;
    line-height: normal;
    text-decoration: none;
    color: #fff;
    font-size: 50px;
}	
		
/* INNER PAGES
******************************************************************/
	.inner-box { padding:2% 0; font-family: "Archer A", "Archer B", Arial, Helvetica, sans-serif;  font-weight:500; font-style:normal; letter-spacing: 0.03em;  float:left; width:100%}
	.inner-box h1 { text-align:center; width:100%; font-size:28px; color:#F5B324;  font-weight:normal; font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em; text-transform:uppercase; letter-spacing:0.04em }
	.inner-box h2 { text-align:center; width:100%; font-size:20px; color:#666;  font-weight:normal; margin-bottom:3%; font-family: "Archer A", "Archer B", Arial, Helvetica, sans-serif;  font-weight:500; font-style:normal; letter-spacing: 0.03em;}
	.inner-box .text { font-size:18px; color:#666; text-align:center; line-height:150%}
	.inner-box .text p { margin-bottom:2%}
	
	
	/* Accommodation*/
	.accom-boxes-cont {width:100%; float:left; margin-bottom:5%}
	.accom-boxes-cn {  width:95.4166%; margin:0 auto; max-width:1815px;}	
	 	.accom-boxes-cn ul { width:100%; padding:0; margin:0; text-align:center}
		.accom-boxes-cn ul li { width:23.6724%; display:inline-block;   *display:inline; *zoom:1;  margin-right:0.1%; margin-left:0.1%; list-style:none; position:relative; }
		.accom-boxes-cn ul li .photo { width:100%; float:left; overflow:hidden; }
		.accom-boxes-cn ul li:last-child { margin-right:0;}
		.accom-boxes-cn ul li .photo img {  width: 100% !important;	max-width: 100%;	height: auto;	border: 0;	-ms-interpolation-mode: bicubic;	vertical-align: bottom;  -webkit-transition: opacity 1s, -webkit-transform 1s;	transition: opacity 1s, transform 1s;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
		
		.accom-boxes-cn ul li .overlay { position:absolute; width:100%; padding:5% 5%; background:rgba(245,179,36, 1); text-align:center; font-size:14px; color:#FFF; bottom:0; left:0; height:90px; -webkit-transition: all 0.4s ease-in-out;   -moz-transition: all 0.4s ease-in-out;   -o-transition: all 0.4s ease-in-out;   -ms-transition: all 0.4s ease-in-out;   transition: all 0.4s ease-in-out;  font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em; text-transform:uppercase; overflow:hidden }
		
		.accom-boxes-cn ul li .overlay .title { width:100%; float:left;}
		.accom-boxes-cn ul li .overlay .rooms-no { width:50%; float:left; text-align:center; color:#FDF0D3; font-size:12px; margin-top:5px; -webkit-transform: translateX(-100px);   -moz-transform: translateX(-100px);   -o-transform: translateX(-100px);   -ms-transform: translateX(-100px);   transform: translateX(-100px); opacity: 0; transition: all 0.2s linear;}
		.accom-boxes-cn ul li .overlay .resto-time { width:100%; float:left; text-align:center; color:#FDF0D3; font-size:12px; margin-top:5px; -webkit-transform: translateX(-100px);   -moz-transform: translateX(-100px);   -o-transform: translateX(-100px);   -ms-transform: translateX(-100px);   transform: translateX(-100px); opacity: 0; transition: all 0.2s linear;}

		.accom-boxes-cn ul li .overlay .rooms-area { width:50%; float:right; text-align:center; color:#FDF0D3; font-size:12px; margin-top:5px; -webkit-transform: translateX(100px);   -moz-transform: translateX(100px);   -o-transform: translateX(100px);   -ms-transform: translateX(100px);   transform: translateX(100px); opacity: 0; transition: all 0.2s linear;}
		
		.accom-boxes-cn ul li:hover .overlay .rooms-no { opacity: 1;   -webkit-transform: translateX(0px);   -moz-transform: translateX(0px);   -o-transform: translateX(0px);   -ms-transform: translateX(0px);   transform: translateX(0px); }
				.accom-boxes-cn ul li:hover .overlay .resto-time { opacity: 1;   -webkit-transform: translateX(0px);   -moz-transform: translateX(0px);   -o-transform: translateX(0px);   -ms-transform: translateX(0px);   transform: translateX(0px); }
		.accom-boxes-cn ul li:hover .overlay .rooms-area { opacity: 1;   -webkit-transform: translateX(0px);   -moz-transform: translateX(0px);   -o-transform: translateX(0px);   -ms-transform: translateX(0px);   transform: translateX(0px); }
		
		.accom-boxes-cn ul li .overlay .btn-cn { width:100%; float:left; text-align:center; margin-top:-25px;  transition: all 0.2s linear;}
		.accom-boxes-cn ul li .overlay .btn-cn a.button { width:auto; background:#FFF; display:inline-block; text-align:center; font-size:12px; color:#F5B324; z-index:1; -webkit-transition: all 0.4s ease-in-out;   -moz-transition: all 0.4s ease-in-out;   -o-transition: all 0.4s ease-in-out;   -ms-transition: all 0.4s ease-in-out;   transition: all 0.4s ease-in-out; padding:5px 10px; border:1px solid #FFF;}
		
		.accom-boxes-cn ul li:hover img {-webkit-transform: scale3d(1.1,1.1,1);	transform: scale3d(1.1,1.1,1);}
		.accom-boxes-cn ul li:hover { cursor:pointer}
		.accom-boxes-cn ul li:hover .overlay { height:120px;  background:rgba(245,179,36,0.8); }
		.accom-boxes-cn ul li:hover .overlay .btn-cn { margin-top:15px}
		.accom-boxes-cn ul li:hover .overlay .btn-cn a.button { background:none; color:#FFF}
		
		.rooms-detail { float:left; width:100%; text-align:center; font-family: "Archer A", "Archer B", Arial, Helvetica, sans-serif;    font-weight: 500;    font-style: normal;
    letter-spacing: 0.03em; padding:10px 0; margin-bottom:4%; text-transform:uppercase; color:#666; margin-top:-3%}
		.rooms-detail .num { background:#F5B324; padding:10px; display:inline-block; color:#FFF;  font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif; margin-right:8px }
		
	
	/* Inner page bottom cn*/
	.inner-bottom-cont {width:100%; float:left; margin-bottom:5%}
	.inner-bot-cn {  width:95.4166%; margin:0 auto;  max-width:1815px;}	
		.inner-bot-cn .hd { width:100%; text-align:center; padding:1% 0; color:#666; font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em; font-size:20px; text-transform:uppercase; background:url(../images/sm-arrow-white.png) #F1F1F1 center top no-repeat}
		.inner-bot-cn .txtcn { width:100%; color:#666;  font-family: "Archer A", "Archer B", Arial, Helvetica, sans-serif;  font-weight:500; font-style:normal; letter-spacing: 0.03em;font-size:18px;  padding:2%}
		.inner-bot-cn .txtcn a { color:#FD8135; } 
		.inner-bot-cn .txtcn a:hover { color:#333; } 
		.inner-bot-cn .txtcn ul { padding:0; margin:0;} 
		.inner-bot-cn .txtcn ul li { list-style:none; background:url(../images/bullet-dot-orange.png) left no-repeat; color:#666;  font-family: "Archer A", "Archer B", Arial, Helvetica, sans-serif;  font-weight:500; font-style:normal; letter-spacing: 0.03em; font-size:18px;  padding-left:15px; margin:5px 0}
		.inner-bot-cn .notebox { width:100%; color:#666;  font-family: "Archer A", "Archer B", Arial, Helvetica, sans-serif;  font-weight:500;  letter-spacing: 0.03em; font-size:16px;  padding:2%; border-top:2px solid #F1F1F1; font-style:italic} 
	
	/* Inner TripAdvisor Cont */
	.inner-tripadvisor-cont { width:100%; background:#F5B324; padding:3% 2%; text-align:center; color:#FFF; float:left}
		.inner-tripadvisor-cont .review { width:100%; float:left; font-size:33px;   font-family: "Archer A", "Archer B", Arial, Helvetica, sans-serif;  font-weight:500; font-style:normal; letter-spacing: 0.03em; margin-bottom:1%}
		.inner-tripadvisor-cont .reviewer { width:100%; float:left; font-size:16px;  font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em;margin-bottom:1%}
		.inner-tripadvisor-cont .reviewer:before {  content: "- ";}
		.inner-tripadvisor-cont .reviewer:after {  content: " -";}
		.inner-tripadvisor-cont .tripIcon { width:100%; float:left; }
		
	/* Inner Absolute Buttons */	
	.left-button { position:absolute; background:#EAEAEA; width:215px; left:0; padding:10px; -webkit-transition: all 0.4s ease-in-out;   -moz-transition: all 0.4s ease-in-out;   -o-transition: all 0.4s ease-in-out;   -ms-transition: all 0.4s ease-in-out;   transition: all 0.4s ease-in-out;}
	.left-button .text { float:right; text-transform:uppercase; color:#666; font-size:12px;  font-family:"ProximaNovaRegular", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em;}
	.left-button .text a {  color:#666;}
	.left-button .arrow { float:left; background: url(../images/sm-arrow-left.png) no-repeat; width:8px; height:12px; margin-top:3px}
	.left-button:hover { background:#FD8236; cursor:pointer}
	.left-button:hover .text a { color:#FFF;}
	
	.right-button { position:absolute; background:#EAEAEA; width:215px; right:0; padding:10px; -webkit-transition: all 0.4s ease-in-out;   -moz-transition: all 0.4s ease-in-out;   -o-transition: all 0.4s ease-in-out;   -ms-transition: all 0.4s ease-in-out;   transition: all 0.4s ease-in-out;}
	.right-button .text { float:left; text-transform:uppercase; color:#666; font-size:12px;   font-family:"ProximaNovaRegular", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em;}
	.right-button .text a {  color:#666;}
	.right-button .arrow { float:right; background: url(../images/sm-arrow-right.png) no-repeat; width:8px; height:12px; margin-top:3px}
	.right-button:hover { background:#FD8236; cursor:pointer}
	.right-button:hover .text a { color:#FFF;}
	
	
	
	/* Inner photo Middle Cn */
	.inner-photo-cont { float:left; width:100%; margin-bottom:7%}
	.inner-photo-cn {  width:70.5555%; margin:0 auto;  max-width:1815px;}
	.inner-photo-cn ul { margin:0; padding:0; }
	.inner-photo-cn ul li { list-style:none; width:30.7086%; margin-right:3.9370%; float:left; overflow:hidden; position:relative }
	.inner-photo-cn ul li:last-child { margin-right:0;}
	.inner-photo-cn ul li img {  width: 100% !important;	max-width: 100%;	height: auto;	border: 0;	-ms-interpolation-mode: bicubic;	vertical-align: bottom;  -webkit-transition: opacity 1s, -webkit-transform 1s;	transition: opacity 1s, transform 1s;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
	.inner-photo-cn ul li:hover img {-webkit-transform: scale3d(1.1,1.1,1);	transform: scale3d(1.1,1.1,1);}
	.inner-photo-cn ul li .zoom { position:absolute; width:39px; height:39px; background:url(../images/sprite.png) -361px -93px #F5B324; right:0; bottom:0}
	.inner-photo-cn ul li:hover .zoom {  background:url(../images/sprite.png) -361px -93px #FD8236;}
	
	/* Media Center */
	.inner-yellow-hd-cn { width:100%; background:#F5B324; padding:2% 2%; text-align:center; color:#FFF; float:left; min-height:150px; margin-top:92px;}
	.inner-yellow-hd-cn .titlepage, .inner-yellow-hd-cn .titlepage h1 { width:100%; float:left; font-size:35px;   font-family: "Archer A", "Archer B", Arial, Helvetica, sans-serif;  font-weight:500; font-style:normal; letter-spacing: 0.03em; margin-bottom:1%; }
	.inner-yellow-hd-cn .subtitlepage {text-align:center; width:100%; font-size:15px; color:#FFF;  font-weight:normal; font-family:"ProximaNovaRegular", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em; text-transform:uppercase; }
	
	.inner-title-box { padding:3% 0; font-family: "Archer A", "Archer B", Arial, Helvetica, sans-serif;  font-weight:500; font-style:normal; letter-spacing: 0.03em;  float:left; width:100%}
	.inner-title-box h1 { text-align:center; width:100%; font-size:35px; color:#999;  font-weight:normal; font-family: "Archer A", "Archer B", Arial, Helvetica, sans-serif;  font-weight:500; font-style:normal; letter-spacing: 0.03em; }
	
	.press-releases-cont {width:100%; float:left; margin-bottom:5%}
	.press-releases-cn {  width:95.4166%; margin:0 auto; max-width:1815px;}	
	 	.press-releases-cn ul { width:100%; padding:0; margin:0;}
		.press-releases-cn ul li { width:24.6724%; float:left; margin-right:0.4366%; list-style:none; position:relative; }
		.press-releases-cn ul li .photo { width:100%; float:left; overflow:hidden; }
		.press-releases-cn ul li .text  { width:100%; float:left; background:#F1F1F1; padding:25px 17px 25px 17px; min-height:250px; position:relative; transition: all 0.3s ease-out 0s;}
		.press-releases-cn ul li .text .date { float:left; width:100%; text-transform:uppercase; font-family:"ProximaNovaRegular", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em; color:#333333; font-size:12px; margin-bottom:10px; }
		.press-releases-cn ul li .text .title { float:left; width:100%; text-transform:uppercase; font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em; color:#F3B224; font-size:15px; margin-bottom:10px; }
		.press-releases-cn ul li .text .desc { float:left; width:100%;  font-family: "Archer A", "Archer B", Arial, Helvetica, sans-serif;  font-weight:500; font-style:normal; letter-spacing: 0.03em; color:#666; font-size:15px}
		.press-releases-cn ul li .text .btn-cn { width:100%; position:absolute; bottom:-20px; text-align:center; left:0;}
		.press-releases-cn ul li .text .btn-cn a.plus { display:inline-block; width:40px; height:40px; text-align:center; color:#fff; background:#FD8034; line-height:44px; font-family: "ProximaNovaLight", Arial, Helvetica, sans-serif;  font-style:normal; font-size:30px; transition: all 0.3s ease-out 0s; }
		
		.press-releases-cn ul li:last-child { margin-right:0;}
		.press-releases-cn ul li .photo img {  width: 100% !important;	max-width: 100%;	height: auto;	border: 0;	-ms-interpolation-mode: bicubic;	vertical-align: bottom;  -webkit-transition: opacity 1s, -webkit-transform 1s;	transition: opacity 1s, transform 1s;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
		.press-releases-cn ul li:hover .text { background:#F7F7F7;}
		.press-releases-cn ul li:hover .text .btn-cn a.plus { background:#F3B224; }
		
		.press-releases-cn ul li:hover img {-webkit-transform: scale3d(1.1,1.1,1);	transform: scale3d(1.1,1.1,1);}
		.press-releases-cn ul li:hover { cursor:pointer}
	
	
	.latest-news-cont {width:100%; float:left; margin-bottom:2%}
	.latest-news-cn {  width:95.4166%; margin:0 auto; max-width:1815px;}
	.latest-news-cn ul { width:100%; padding:0; margin:0;}
		.latest-news-cn ul li { width:48.1804%; float:left; margin-right:1.8195%; list-style:none; position:relative; margin-bottom:2% }
		.latest-news-cn ul li .photo { width:33.9879%; float:left; margin-right:2.4169%; overflow:hidden}
		.latest-news-cn ul li .photo img {  width: 100% !important;	max-width: 100%;	height: auto;	border: 0;	-ms-interpolation-mode: bicubic;	vertical-align: bottom; -webkit-transition: opacity 1s, -webkit-transform 1s;	transition: opacity 1s, transform 1s;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
		.latest-news-cn ul li .text { width:63.5951%; float:left; }
		.latest-news-cn ul li .text .date {  float:left; width:100%; text-transform:uppercase; font-family:"ProximaNovaRegular", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em; color:#333333; font-size:12px; margin-bottom:10px;  }
		.latest-news-cn ul li .text .title { float:left; width:100%; text-transform:uppercase; font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em; color:#F3B224; font-size:15px; margin-bottom:10px; }
		.latest-news-cn ul li .text .desc { float:left; width:100%;  font-family: "Archer A", "Archer B", Arial, Helvetica, sans-serif;  font-weight:500; font-style:normal; letter-spacing: 0.03em; color:#666; font-size:15px}
	
		.latest-news-cn ul li:hover { cursor:pointer}
		.latest-news-cn ul li:hover img {-webkit-transform: scale3d(1.1,1.1,1);	transform: scale3d(1.1,1.1,1);}
		
		.inner-button-box {  float:left; width:100%; text-align:center; margin:1% 0 6% 0  }
		.inner-button-box a.button { display:inline-block; width:260px; text-align:center;  font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em; color:#FFF; background:#FD8034; padding:1% 3%; font-size:14px; text-transform:uppercase; transition: all 0.3s ease-out 0s; margin:0 20px }
		.inner-button-box a.button:hover {background:#F3B224;}
		
		.press-release-date { text-align:center; width:100%; font-size:16px; color:#999999;  font-weight:normal; font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:0.03em }
		.press-release-title { text-align:center; width:100%; font-size:35px; color:#FD8236;  font-weight:normal; margin-bottom:3%; font-family: "Archer A", "Archer B", Arial, Helvetica, sans-serif;  font-weight:500; font-style:normal; letter-spacing: 0.03em;}
		.press-release-text  { text-align:justify; width:100%;  font-size:16px; color:#666666; } 
		.press-release-text .intro { text-align:center; width:100%;  font-size:22px; color:#666666; margin-bottom:3%; } 
		
		
		/* Common Pages */
		.inner-feat-cont {width:100%; float:left;}
		.inner-feat-cont ul { width:100%; padding:0; margin:0;}
		.inner-feat-cont ul li { width:100%; float:left; margin-bottom:5%; list-style:none}
		.inner-feat-cont ul li .photo { width:35.2040%; float:left; margin-right:4.0816%; list-style:none; position:relative; }
		.inner-feat-cont ul li .photo .zoom { position:absolute; width:39px; height:39px; background:url(../images/sprite.png) -361px -93px #F5B324; left:0; bottom:0}
	    .inner-feat-cont ul li:hover .photo .zoom {  background:url(../images/sprite.png) -361px -93px #FD8236;}
		.inner-feat-cont ul li .photo .dropshadow { width:100%; height:100%; background:#F5B324; position:absolute; top:-3%; right:-2%; z-index:-1 }
		.inner-feat-cont ul li .photo img {  width: 100% !important;	max-width: 100%;	height: auto;	border: 0;	-ms-interpolation-mode: bicubic;	vertical-align: bottom; }
		.inner-feat-cont ul li .text {  width:60.7142%; float:left;  }
		.inner-feat-cont ul li .text .title {  width:100%; float:left; text-transform:uppercase; color:#F3B224;  font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em; font-size:22px; margin-bottom:10px }
		.inner-feat-cont ul li .text .desc {  width:100%; float:left;  font-family: "Archer A", "Archer B", Arial, Helvetica, sans-serif;  font-weight:500; font-style:normal; letter-spacing: 0.03em; color:#666; font-size:16px; margin-bottom:10px }
		.inner-feat-cont ul li .text a.button { float:left; background:#FD8034; color:#FFF; padding:2% 3%; text-transform:uppercase; font-size:12px; border:1px solid #FD8034; transition: all 0.3s ease-out 0s; }
		.inner-feat-cont ul li .text a.button:hover { background:none; color:#FD8034; cursor:pointer}
		
		
		/* Special Offers */
		.special-offers-list-cont {width:100%; float:left; margin:5% 0}
		.special-offers-list-cn { width:100%; margin:0 auto; max-width:1056px;}
		.special-offers-list-cn  ul { width:100%; padding:0; margin:0;}
		.special-offers-list-cn  ul li {  float:left; margin:0 1.8939% 6% 1.8939%; list-style:none; width:29.5454%;}
		.special-offers-list-cn  ul li .photo { width:100%; float:left; overflow:hidden;}
		.special-offers-list-cn  ul li .photo img {  width: 100% !important;	max-width: 100%;	height: auto;	border: 0;	-ms-interpolation-mode: bicubic;	vertical-align: bottom; }
		.special-offers-list-cn  ul li .content-cn { width:100%; float:left;  }
		.special-offers-list-cn  ul li .content-cn .content-box { width:94%; margin:0 auto; background:#F2F2F2; height:140px; margin-top:-10px; padding:10px 0; position:relative;  }
		.special-offers-list-cn  ul li .content-cn .content-box .title { width:100%; text-align:center; text-transform:uppercase; color:#F5B324; font-size:16px;  font-family:"ProximaNovaMedium", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em; margin-bottom:10px; margin-top:5pxl; padding:0 10px;}
		.special-offers-list-cn  ul li .content-cn .content-box .desc { width:100%; text-align:center; font-family: "Archer A", "Archer B", Arial, Helvetica, sans-serif;  font-weight:500; font-style:normal; letter-spacing: 0.03em; color:#666; font-size:16px; padding:0 10px; line-height:18px;}
		.special-offers-list-cn  ul li .content-cn .content-box a.plus { position:absolute; width:38px; height:38px; bottom:-20px; left:50%; margin-left:-20px; background:#FD8034; color:#FFF; font-size:36px;  font-family:"ProximaNovaRegular", Arial, Helvetica, sans-serif; text-align:center; border:1px solid #FD8034; transition: all 0.3s ease-out 0s;}
		.special-offers-list-cn  ul li:hover .content-box .title { color:#FD8034}
		.special-offers-list-cn  ul li:hover { cursor:pointer}
		.special-offers-list-cn  ul li:hover .content-cn .content-box a.plus { background:none; color:#FD8034}
		
		
		/* Special Offers - details */
		.sp-yellow-hd-cn { width:100%; background:#F5B324; padding:2% 2%; text-align:center; color:#FFF; float:left; min-height:150px;}
		.sp-yellow-hd-cn .titlepage { width:100%; float:left; font-size:35px;   font-family: "Archer A", "Archer B", Arial, Helvetica, sans-serif;  font-weight:500; font-style:normal; letter-spacing: 0.03em; margin-bottom:1%; }
		.sp-yellow-hd-cn .subtitlepage { text-align:center; width:100%; font-size:15px; color:#FFF;  font-weight:normal; font-family:"ProximaNovaRegular", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em; text-transform:uppercase; }
		
		.sp-detail-cn { width:100%; margin:0 auto; max-width:1056px; margin-top:5%}
		.sp-detail-cn h1 { width:100%; color:#FD8236; font-size:40px;  font-family: "Archer A", "Archer B", Arial, Helvetica, sans-serif;  font-weight:500; font-style:normal; letter-spacing: 0.03em; text-align:center; text-transform:none }
		.sp-detail-cn h2 { width:100%; text-align:center; color:#333333;  font-family:"ProximaNovaRegular", Arial, Helvetica, sans-serif;  letter-spacing: 0.03em; font-size:20px}
		.sp-detail-cn .sp-desc {  width:100%;  font-family: "Archer A", "Archer B", Arial, Helvetica, sans-serif;  font-weight:500; font-style:normal; letter-spacing: 0.03em; text-align:left; color:#666; font-size:18px; margin-bottom:3%; text-align:center;} 
		
		
		
		.sp-detail-cn .special-off-content { width:100%; float:left}
		.sp-detail-cn .special-off-content .col-left { width:53.0303%; float:left; margin-right:1.8939%; }
		.sp-detail-cn .special-off-content .col-left .photo { width:100%; float:left; }
		.sp-detail-cn .special-off-content .col-left .photo img { width: 100% !important;	max-width: 100%;	height: auto;	border: 0;	-ms-interpolation-mode: bicubic;	vertical-align: bottom;}
		.sp-detail-cn .special-off-content .col-left .btn-cn { width:100%; float:left; text-align:center; margin-top:20px}
		.sp-detail-cn .special-off-content .col-left .btn-cn a.plus { display:inline-block; text-align:center; color:#fff; background:#FD8034; font-family: "ProximaNovaMedium", Arial, Helvetica, sans-serif;  font-style:normal; font-size:16px; transition: all 0.3s ease-out 0s; text-transform:uppercase; padding:10px 40px; border:1px solid #FD8034}
		.sp-detail-cn .special-off-content .col-left .btn-cn a.plus:hover { background:none; color:#FD8034}
		
		.sp-detail-cn .special-off-content .col-right { width:45.0758%; float:left; color:#666; font-size:16px;  font-family: "Archer A", "Archer B", Arial, Helvetica, sans-serif;  font-weight:500; font-style:normal; letter-spacing: 0.03em; text-align:left }
		.sp-detail-cn .special-off-content .col-right ul { margin:0; padding:0}
		.sp-detail-cn .special-off-content .col-right ul li { list-style:none; background:url(../images/bullet-sp.png) left 5px no-repeat; padding-left:15px; margin-bottom:10px}
		.sp-detail-cn .special-off-content .col-right ul li a { color:#FD8034}
		
		/* Gallery */
		.inner-gallery-cont { float:left; width:100%; margin-bottom:7%; margin-top:6%}
		.inner-gallery-cn {  width:73.3333%; margin:0 auto;  max-width:1815px;}
		.inner-gallery-cn ul { margin:0; padding:0; }
		.inner-gallery-cn ul li { list-style:none; width:29.5455%; margin:0 1.8939% 3.7878% 1.8939%; float:left; overflow:hidden; position:relative }
		.inner-gallery-cn ul li img {  width: 100% !important;	max-width: 100%;	height: auto;	border: 0;	-ms-interpolation-mode: bicubic;	vertical-align: bottom;  -webkit-transition: opacity 1s, -webkit-transform 1s;	transition: opacity 1s, transform 1s;	-webkit-backface-visibility: hidden;	backface-visibility: hidden;}
		.inner-gallery-cn ul li:hover img {-webkit-transform: scale3d(1.1,1.1,1);	transform: scale3d(1.1,1.1,1);}
		.inner-gallery-cn ul li .overlay { position:absolute; width:91.0256%; height:91.0256%; background:rgba(0,0,2,0.2); top:4.4872%; left:4.4872%; -webkit-transition: opacity 1s, -webkit-transform 1s;	transition: opacity 1s, transform 1s; color:#FFF;text-align:center}
		.inner-gallery-cn ul li .overlay .title { margin-top:36%;  font-family: "ProximaNovaMedium", Arial, Helvetica, sans-serif;  font-style:normal; font-size:16px; text-transform:uppercase; width:100%; text-align:center; float:left}
		.inner-gallery-cn ul li:hover .overlay {  background:rgba(245,179,36,0.7); }
		
		/* Videos */
		.inner-gallery-cn ul li .overlay .play { margin-top:-25px; top:50%; position:absolute; background:url(../images/icn-play.png) no-repeat; width:50px; height:50px; left:50%; margin-left:-25px}
		
		
/*PopUp Homepage*/
#offerPopup .modal-body{padding: 0px !important;}
#offerPopup .modal-lg{max-width: 600px !important; min-height: calc(100% - (1.75rem * 2)); display: flex;-ms-flex-align: center;
    align-items: center;}
#offerPopup .modal-content{border-radius: 0px !important; border: none !important; }
.modal-open { padding-right: 0px !important; }
#offerPopup .modal-backdrop.in { position: fixed; z-index: 1039; bottom: 0; }
#offerPopup .modal-content .close_btn{
    width: 45px;
    height: 45px;
	font-size: 26px;
    position: absolute;
    z-index: 100;
    right: 0px;
    top: 0px;
    padding: 5px 0 5px 0;
    text-align: center;
    background: rgba(248,247,245,0.96);
    cursor: pointer;
}
	
/* RESPONSIVE COLUMNS
******************************************************************/
.col            {    float:left;    -webkit-box-sizing:border-box;   -moz-box-sizing:border-box;   box-sizing:border-box;   -moz-background-clip:padding-box !important;    -webkit-background-clip:padding-box !important;  background-clip:padding-box !important;-webkit-transition:width .3s ease-out;-moz-transition:width .3s ease-out;-ms-transition:width .3s ease-out;transition:width .3s ease-out}
.row { margin:0;}

/* RESETS
******************************************************************/
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.cf:before,.cf:after {    content: " ";    display: table;}
.cf:after {    clear: both;}
.cf {    *zoom: 1;}