@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: "AvenirLTStd-Light";
    src: url('../font/AvenirLTStd-Light.otf');
}
body {
    padding:0;
    margin:0;
    background-color:#FFF;
    font-family: Arial, Helvetica, sans-serif;
    color:#6a6a6a;
    font-size:14px;
	-webkit-backface-visibility: hidden;
}	
a {
    text-decoration:none;
}
p {
	margin-top:5px;
	margin-bottom:5px;
}
.clear:after {
    clear: both;
    content: "";
    display: table;
}
h2{
	font-size:28px;
	font-weight:lighter;
}
.t-vilolet{
	color:#775BA3;
}
h3{
	font-size:18px;
	color:#F98A5F;
}

/*========================================================================*/

.slide{
	width:100%;
	position:relative;
	z-index:-99;
}
.slide__textOnSlide{
	width:100%;
	position:absolute;
	bottom:50px;
}
.slide__textOnSlide__main{
	width:980px;
	margin:0 auto;
	color:#fff;
	 font-family: "AvenirLTStd-Light";
}
.header{
	width:100%;
	position:absolute;
}
.header--topMenu{
	width:980px;
	margin:0 auto;
	color:#fff;
	padding-top:15px;
}
.header--topMenu--weather{
	float:right;
}
.header--topMenu--menu{
	float:right;
}
.header--topMenu--menu a{
	color:#fff;
	margin:0 5px;
}
.purpleStripes{
	width:100%;
	background-color:rgba(119,91,163,.85);
	height:60px;
	position:absolute;
	z-index:-9;
	margin-top:47px;
}
.header--logoMenu{
	width:980px;
	margin:0 auto;
}
.header--logoMenu--logo{
	float:left;
	text-align:center;
	background-image:url(../images/bg-logo.png);
	background-repeat:no-repeat;
	padding:23px 55px;
}
.header--logoMenu--menu{
	padding-top:47px;
	font-family: "AvenirLTStd-Light";
}

/*================================== Menu================================*/
.toggleMenu{
    display:  none;
    background:#35424a;
    padding: 8px 15px;
    color:#fff;
	font-size:17px;
	border-radius:3px;
	float:right;
	font-weight:lighter;
	text-transform:uppercase;
	margin-top:11px;
}
.nav {
    list-style: none;
     *zoom: 1;
	 padding:0px;
	 float:right;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
	padding:0;
}
.nav a {
    color:#fff;
}
.nav li {
	padding: 0px;
    position: relative;
	line-height:60px;
	background-color:none;
	z-index:9;
	text-transform:uppercase;
	padding:0 8px;
	font-size:15px;
}
.nav li ul li{
	line-height:30px;
	background-color:rgba(119,91,163,.85);
	padding:3px 15px;
}
.nav li a:hover {
	color:#f98a5f;
}
.nav li .active {
	color:#f98a5f;
}
.nav > li {
    float: left;
}
.nav > li > .parent {
    background-image: url("../images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
}
.nav li  ul {
	/*webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);*/
    position: absolute;
    left: -9999px;
	border-top: 3px solid transparent;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    position: relative;
    z-index:100;
}
.nav li li li a {
    z-index:200;
    border-top: 1px solid #1d7a62;
}

/*================================== End Menu================================*/
 
 .btnBookNow{
	 font-family: "AvenirLTStd-Light";
	 font-size:16px;
	 color:#fff;
	 letter-spacing:1px;
	 background-color:#775ba3;
	 line-height:36px;
	 padding:0 25px;
	 border-radius:5px;
	 text-transform:uppercase;
	 float:left;
	 margin:10px 0;
	 cursor:pointer;
}
.featured{
	width:100%;
	 background-color:#937eb4;
	 background-image:url(../images/bg-sino.png);
}
.featured__main{
	width:980px;
	margin:0 auto;
	padding:50px 0;
}
.featured__main__box{
	width:29%;
	margin:0 2%;
	float:left;
	text-align:center;
	color:#FFF;
	font-size:24px;
	text-transform:uppercase;
	font-family: "AvenirLTStd-Light";
}
.featured__main__box img{
	width:100%;
}
.featured__main__box p{
	margin-top:15px;
}
.article{
	width:100%;
	background-color:#fff;
	background-image:url(../images/bg-sino2.png);
	position:relative;
}
.article__main{
	width:980px;
	margin:0 auto;
}
.article__main--text{
	width:713px; 
	float:left; 
	margin-right:54px;
	padding:100px 0;
	line-height:26px;
}
.article__main--textPages{
	width:100%;
	padding:100px 0;
	line-height:26px;
}
.article__main h1{
	font-family: "AvenirLTStd-Light";
	text-transform:uppercase;
	font-size:40px;
	color:#775ba3;
	line-height:40px;
	margin-bottom:30px;
	font-weight:lighter;
}

.article__main h2{
	font-family: "AvenirLTStd-Light";
	text-transform:uppercase;
	font-size:20px;
	font-weight:bold;
	line-height:40px;
	
}
.td-color{
	background-color:#f4f2f6;
}
.td-color2{
	background-color:#a594c5;
	color:#fff;
}
.t-oranges{
	color:#F98A5F;
	
}
.article__main--promotion{
	width:213px; 
	float:right; 
	position:relative
}
.article__main--promotion__headText{
	width:100%; 
	background-color:#f98a5f; 
	text-align:center; 
	text-transform:uppercase; 
	color:#fff; font-size:22px; 
	line-height:66px; 
	z-index:999;
	font-weight:lighter;
}
.article__bgReservation{
	width:100%; 
	background-color:#f7f5fa; 
	position: relative; 
	bottom:0px; 
	z-index:9;
	background-image:url(../images/building.png);
	background-repeat:no-repeat;
	background-size:100% 181px;
}
.article__bgReservation__main{
	width:710px;
	margin:0 auto;
	padding:40px 0;
}
.article__bgReservation__main--text{
	float:left;
	font-size:11px;
	/*width:195px;*/
}
.article__bgReservation__main--text h1{
	font-size:30px;
	line-height:30px;
	text-transform:uppercase;
	font-family: "AvenirLTStd-Light";
	color:#775ba3;
	font-weight:lighter;
}
.article__bgReservation__main--text h2{
	font-size:16px;
	line-height:16px;
	text-transform:uppercase;
	font-family: "AvenirLTStd-Light";
	color:#775ba3;
	font-weight:lighter;
	letter-spacing:0.7px;
}
.lineGray{
	background-color:#b7b7b7;
	width:100%;
	height:1px;
	margin:10px 0;
	border-bottom:1px solid#fff;
}
.article__bgReservation__main--input{
	float:left;
	width:250px;
	margin-left:40px;
	margin-right:20px;
}
.article__bgReservation__main--input input{
	border: 1px solid #ccc;
    border-radius: 3px;
    padding: 2px 5px;
    text-align: center;
    width: 90px;
	color:#686664;
}
.article__bgReservation__main--input select{
	width:60px;
	color:#686664;
}
.left{
	float:left;
}
.space{
	margin:0 10px;
}
.article__bgReservation__main--btn{
	width:200px;
	float:left;
	padding-top:20px;
}
.btnReservation{
	width:100%;
	background-color:#f98a5f;
	color:#fff;
	font-size:18px;
	text-transform:uppercase;
	font-family: "AvenirLTStd-Light";
	letter-spacing:2px;
	padding-top:8px;
	padding-bottom:4px;
	text-align:center;
	cursor:pointer;
	border:0;
	margin-top:5px;
}
.btnReservationMobile{
	display:none;
}
#btnWhyBook{
	width:100%;
	background-color:#707070;
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
	font-family: "AvenirLTStd-Light";
	letter-spacing:2px;
	padding-top:10px;
	padding-bottom:6px;
	text-align:center;
	cursor:pointer;
}
#two {
	background-color: rgba(246, 245, 245, 1.0);
	color: #000;
	width:0px;
	height: 0;
	overflow:hidden;
	position: absolute;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
#btnWhyBook:hover > #two {
	display:block;
	height: auto;
	width:30%;
	line-height: 18px;
	font-size:12px;
	text-align:left;
	padding:10px;
	margin-top:10px;
	z-index:999;
	bottom:120px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0;
	text-transform:none;
}
.footer{
	width:100%;
	background-color:#775ba3;
}
.footer__main{
	width:980px;
	margin:0 auto;
	padding:30px 0;
	color:#fff;
}
.footer__main a{
	color:#fff;
}
.social{
	width:200px;
	float:right;
	margin-left:13px;
	margin-top:12px;
}
.icon_facebook{
	display:block;
	width:41px;
	height:40px;
	background-image:url(../images/icons/facebook.png);
	background-repeat:no-repeat;
	text-indent: -99999px;
	float:left;
	margin:0 10px;
}
.icon_facebook:hover{
	background-image:url(../images/icons/facebook-active.png);
	cursor: pointer;
}
.icon_twitter{
	display:block;
	width:41px;
	height:40px;
	background-image:url(../images/icons/twitter.png);
	background-repeat:no-repeat;
	text-indent: -99999px;
	float:left;
	margin:0 10px;
}
.icon_twitter:hover{
	background-image:url(../images/icons/twitter-active.png);
	cursor: pointer;
}
.icon_google{
	display:block;
	width:41px;
	height:40px;
	background-image:url(../images/icons/google.png);
	background-repeat:no-repeat;
	text-indent: -99999px;
	float:left;
	margin:0 10px;
}
.icon_google:hover{
	background-image:url(../images/icons/google-active.png);
	cursor: pointer;
}
.copyright{
	background-color:#f7f5fa;
}
.copyright__main{
	margin:0 auto; 
	width:980px; 
	padding:20px 0;
	color:#775ba3;
	text-align:center;
}
.copyright__main a{
	color:#775ba3;
}
.copyright__main--text{
	width:70%;
	float:left;
}
.gallery{
		width:100%;
		clear:both;
	}
	.image{
		width:18%;
		margin:1%;
		-moz-box-shadow: 0 0 3px #d7d3dc;
		-webkit-box-shadow: 0 0 3px#d7d3dc;
		box-shadow: 0 0 3px #d7d3dc;
		float:left;
		border-radius:3px;
	}
	.image img{
		width:100%;
		border-radius:3px;
		border:1px solid#d7d3dc;
	}
    .gallery-box h2{
        border-bottom: 5px solid #775BA3;
    }

    .gallery-box h5{
        font-size: 18px;
        text-transform: uppercase;
        color: #775BA3;
        font-weight: 200;
    }
    .gallery-box h6{
        font-size: 14px;
        color: #000;
    }
    .gallery-box a{
        text-decoration: none !important;
    }
    .marginT20{
        margin-top: 20px;
    }
.marginT40{
    margin-top: 40px !important;
}







@media screen and (max-width: 1500px) {
	
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 980px) {
	.slide__textOnSlide__main{
		width:90%;
		margin:0;
		padding:0 5%;
	}
	.header--topMenu{
		width:90%;
		margin:0;
		padding:0 5%;
		padding-top:15px;
	}
	.header--logoMenu{
		width:90%;
		margin:0;
		padding:0 5%;
	}
	
	/*======================= Menu ====================*/
	.active {
        display: block;
    }
    .nav > li {
        float: none;
		color:#FFF;
		line-height:30px;
		padding:8px 30px;
    }
	.nav a {
		color:#FFF;
	}
    .nav > li > .parent {
        background-position: 95% 50%;
		color:#FFF;
		background-image:url(../images/arrow-drop-down.png);
		background-repeat:no-repeat;
		background-position: right center;
    }
	.nav ul li a {
		color:#FFF;
		background-color:#515c66;
	}
    .nav li li .parent {
        background-image: url("../images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
	.nav{
		margin-top:55px;
		background-color:#36424a;
		webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
		box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
		position:absolute;
		right:5%;
		z-index:99;
	}
	.nav li  ul {
		webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		position: absolute;
		left: -9999px;
	}
	/*====================== End Menu =====================*/
	.featured__main{
		width:90%;
		margin:0;
		padding:30px 5%;
	}
	.article__main{
		width:90%;
		margin:0;
		padding:0 5%;
	}
	.article__main--text{
		width:70%; 
		float:left; 
		margin-right:0;
		padding:100px 0 150px;
		line-height:22px;
	}
	.article__main--promotion{
		width:213px; 
		float:left; 
		position: relative;
		right:0;
	}
	.article__bgReservation{
		clear:both;
		position:relative; 
	}
	.article__bgReservation__main{
		width:90%;
		margin:0;
		padding:30px 5%;
	}
	.footer__main{
		width:90%;
		margin:0;
		padding:30px 5%;
	}
	.social{
		width:185px;
		float:right;
		margin-left:0px;
		margin-top:12px;
	}
	.copyright__main{
		margin:0; 
		width:90%; 
		padding:20px 5%;
		line-height:24px;
	}
}
@media screen and (max-width: 768px){	
	.header--topMenu--weather{
		display:none;
	}
	.slide__textOnSlide{
		display:none;
	}
	.article__bgReservation__main--text{
		float:none;
		font-size:11px;
		width:195px;
		margin:0 auto;
	}
	.article__bgReservation__main--input{
		display:none;
	}
	.article__bgReservation__main--btn{
		display:none;
	}
	.article__bgReservation{
		height:170px;
	}
	.article__bgReservation__main{
		padding:20px 5%;
	}
	.btnReservationMobile{
		display:none !important;
		width:200px;
		margin:0 auto;
		background-color:#f98a5f;
		color:#fff;
		font-size:18px;
		text-transform:uppercase;
		font-family: "AvenirLTStd-Light";
		letter-spacing:2px;
		padding-top:8px;
		padding-bottom:4px;
		text-align:center;
		cursor:pointer;
	}
	.social{
		width:200px;
		float:left;
		margin-left:40px;;
	}
	.copyright__main--text{
		width:100%;
		float:left;
	}
	
}
@media screen and (max-width: 640px) {
	.featured__main__box{
		font-size:18px;
	}
	.article__main--text{
		float:none;
		width:100%;
		padding:100px 0 50px;
	}
	.article__main--promotion{
		width:213px; 
		float:none; 
		position:relative;
		margin:0 auto;
		margin-bottom:30px;
	}
	.article__main--promotion__headText{
		width:100%; 
		background-color:#f98a5f; 
		text-align:center; 
		text-transform:uppercase; 
		color:#fff; font-size:22px; 
		line-height:66px; 
		position: relative; 
		z-index:999;
		font-weight:lighter;
	}
	.article__bgReservation{
		width:100%; 
		background-color:#f7f5fa; 
		position:relative; 
		bottom:0px; 
		z-index:9;
		background-image:url(../images/building.png);
		background-repeat:no-repeat;
		background-size:100% 150px;
	}
}
@media screen and (max-width: 480px) {
	.header{
		width:100%;
		position: relative;
		background-color:#523d74;
		border-bottom:1px solid#4d386f;
	}
	.purpleStripes{
		border-top:1px solid #715799;
	}
	.slide{
		position:absolute;
	}
	.article__bgReservation{
		margin-top:23%;
	}
	.featured{
		clear:both;
	}
	.featured__main__box{
		width:60%;
		margin:0;
		padding:0 20%;
		font-size:24px;
	}
	.header--logoMenu--logo{
		float:left;
		text-align:center;
		background-image:url(../images/bg-logo.png);
		background-repeat:no-repeat;
		padding:20px;
		background-size:100%;
	}
	.header--logoMenu--logo img{
		width:65%;
	}
	
}
@media screen and (max-width: 320px) {
	
}
@media screen and (max-width: 240px) {
	
}