/* MAIN iBooking */



/* CONSTRUCTOR */



/* ----- Reset ----- */
html, body {
	height:100%;
}
body {
	margin:0;
	padding:0;
	background:#fef3e6;
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	color:#202020;
}
*, *:after, *:before {
	box-sizing:border-box;
}
h1, h2, h3, h4 {
	margin:0;
	padding:0;
}

/* ----- Fonts ----- */
@font-face {
	font-family: 'icon-font';
	src: url('../fonts/icon-font.eot');
	src: url('../fonts/icon-font.ttf');
	src: url('../fonts/icon-font.woff');
}


h1 {}
h2 {}
h3 {}
h4 {}

p {
	color:#646464;
}

.clear {
	clear:both;
	height:0px;
	line-height:0px;
	font-size:1px;
}

.hidden {
	display:none;
}


/* ----- Bg-Image ----- */
#bg-image {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:0;
}
/* ----- Flexslider ----- */
.flexslider {
	position:relative;
	width:100%;
	height:100%;
}
.flexslider ul.slides {
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	height:100%;
}
.flexslider ul.slides li {
	display:block;
	float:left;
	width:100%;
	height:100%;
}
.flex-viewport {
	z-index:1;
	width:100%;
	height:100%;
}
.flexslider ul.slides > li {
	display:none;
}
/* ----- Flexslider Slides ----- */
.flexslider ul li.slide-1 {
	background:url(../img/bg/slide-1.jpg) no-repeat center center;
	background-size:cover;
}
.flexslider ul li.slide-2 {
	background:url(../img/bg/slide-2.jpg) no-repeat center center;
	background-size:cover;
}
.flexslider ul li.slide-3 {
	background:url(../img/bg/slide-3.jpg) no-repeat center center;
	background-size:cover;
}






/* ----- Constructor ----- */
.wrapper {
	position:relative;
	padding:0 15px;
}
.wrapper > .container {
	position:relative;
	margin:0 auto;
	max-width:1000px;
}
.wrapper > .container:after {
	display:table;
	content:"";
	clear:both;
}





/* ----- Header ----- */
.wrapper.for-header {
	background:#fff;
	box-shadow:0 0 10px rgba(0,0,0,.1);
}
.wrapper.for-header > .container {}
#header {
	height:75px;
	padding:15px 0 0 0;
}

/* ----- Header (Logo) ----- */
#header #logo {
	float:left;
	margin:0 60px 0 0;
}
#header #logo a {
	font-size:32px;
	line-height:32px;
	color:#333;
	text-decoration:none;
}
#header #logo a span.o-color-1 {
	font-weight:700;
	font-size:46px;
	color:orange;
}
#header #logo a span.o-color-2 {
	font-weight:700;
	font-size:46px;
	color:green;
}
#header #logo a span.ext-color-3 {
	font-weight:300;
	color:#999;
}





/* ----- Header (Menu) ----- */
#header #menu {
	float:left;
	margin:15px 0 0 0;
}
#header #menu ul {
	margin:0;
	padding:0;
	list-style:none;
}
#header #menu ul li {
	display:block;
	position:relative;
	float:left;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	font-size:14px;
	font-weight:700;
}
#header #menu ul li:after {
	display:block; 
	position:absolute;
	width:1px;
	height:100%;
	left:0;
	top:0;
	content:"";
	background:#eee;
}
#header #menu ul li:first-child {
	margin:0;
	padding:0;
}
#header #menu ul li:first-child:after {
	display:none;
}
#header #menu ul li a {
	display:block;
	float:left;
	border-bottom:3px solid #eee;
	color:#999;
	text-decoration:none;
}
#header #menu ul li a:hover,
#header #menu ul li.active a {
	color:#202020;
	border-color:orange;
}
#header #menu ul li.hotel a:hover,
#header #menu ul li.hotel.active a {
	color:#202020;
	border-color:orange;
}
#header #menu ul li.restaurant a:hover,
#header #menu ul li.restaurant.active a {
	color:#202020;
	border-color:green;
}
#header #menu ul li.villas a:hover,
#header #menu ul li.villas.active a {
	color:#202020;
	border-color:blue;
}





/* ----- Header (Admin) ----- */
#header #admin {
	float:right;
	margin:20px 0 0 0;
}
#header #admin ul {
	margin:0;
	padding:0;
	list-style:none;
}
#header #admin ul li {
	display:block;
	position:relative;
	float:left;
	margin:0 0 0 5px;
	padding:0 0 0 5px;
	color:#999;
	font-size:12px;
}
#header #admin ul li:after {
	display:block;
	position:absolute;
	width:1px;
	height:100%;
	left:0;
	top:0;
	content:"";
	background:#eee;
}
#header #admin ul li:first-child:after {
	display:none;
}
#header #admin ul li a {
	color:#999;
}
#header #admin ul li.icon-user {
	padding-left:20px;
}
#header #admin ul li.icon-user:before {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-align:center;
	font-size:14px;
	line-height:1;
	font-family:'icon-font';
	font-style:normal;
	vertical-align:middle;
	content:"\e600";
	color:rgba(0,0,0,.3);
}
#header #admin ul li.icon-logout,
#header #admin ul li.icon-login {
	padding-left:25px;
}
#header #admin ul li.icon-logout:before,
#header #admin ul li.icon-login:before {
	display:block;
	position:absolute;
	left:5px;
	top:0;
	width:16px;
	height:16px;
	text-align:center;
	font-size:14px;
	line-height:1;
	font-family:'icon-font';
	font-style:normal;
	vertical-align:middle;
	content:"\e627";
	color:rgba(0,0,0,.3);
}







/* ----- Nec ----- */
.wrapper.for-nec {
	display:none;
	height:60%;
	width:100%;
	position:relative;
}
.wrapper.for-nec > .container {
	height:100%;
}
body.home .wrapper.for-nec {
	display:block;
	
}
.wrapper.for-nec h1 {
	display:block;
	position:absolute;
	bottom:25%;
	text-align:center;
	font-family: 'Nothing You Could Do', cursive;
	font-size:48px;
	margin:0;
	padding:0 10%;
	line-height:1em;
	color:#fff;
	text-shadow:1px 2px 3px rgba(0,0,0,.3);
	z-index:0;
}






/* ----- Finder ----- */
.wrapper.for-finder {
	background:rgba(0,0,0,.65);
	margin-bottom:15px;
}
#finder {
	padding:15px 60px;
	z-index:100;
	position:relative;
}
#finder:after {
	display:table;
	content:"";
	clear:both;
}
#finder input.input-search {
	height:40px;
	padding:10px;
	width:100%;
	border:0;
	background:#fff;
	border-radius:2px;
	font-size:15px;
	font-weight:700;
}

/* ----- Finder (Col) ----- */
#finder .col {
	display:block;
	float:left;
	padding:0 15px 0 0;
}
#finder .col-text {
	width:45%;
}
#finder .col-date {
	width:25%;
}
#finder .col-room {
	width:20%;
}
#finder .col-btn {
	width:10%;
	padding:0;
}

/* ----- Finder (Box) ----- */
#finder .col .box {
	position:relative;
	padding:6px 10px;
	height:40px;
	background:#fff;
	background:rgba(255,255,255,.3);
	border-radius:2px;
	color:#fff;
}
#finder .col .box span {
	display:block;
	margin:0;
	padding:0;
}
#finder .col .box span.label {
	font-size:9px;
	line-height:9px;
}
#finder .col .box span.content {
	font-size:15px;
	line-height:15px;
	font-weight:700;
}

#finder .col .box.icon-date {
	padding-left:40px;
}
#finder .col .box.icon-date:before {
	display:block;
	position:absolute;
	left:10px;
	top:10px;
	width:20px;
	height:20px;
	text-align:center;
	font-size:18px;
	line-height:1;
	font-family:'icon-font';
	font-style:normal;
	vertical-align:middle;
	content:"\e615";
	color:rgba(0,0,0,.3);
	color:rgba(255,255,255,.5);
}
#finder .col .box.icon-user {
	padding-left:40px;
}
#finder .col .box.icon-user:before {
	display:block;
	position:absolute;
	left:10px;
	top:10px;
	width:20px;
	height:20px;
	text-align:center;
	font-size:18px;
	line-height:1;
	font-family:'icon-font';
	font-style:normal;
	vertical-align:middle;
	content:"\e600";
	color:rgba(0,0,0,.3);
	color:rgba(255,255,255,.5);
}

/* ----- Finder (Col-Text input) ----- */
#finder .col-text .box {
	padding:0;
}
#finder .col-text .box.icon-pin input {
	padding-left:40px;
}
#finder .col-text .box.icon-pin:before {
	display:block;
	position:absolute;
	left:10px;
	top:10px;
	width:20px;
	height:20px;
	text-align:center;
	font-size:18px;
	line-height:1;
	font-family:'icon-font';
	font-style:normal;
	vertical-align:middle;
	content:"\e66b";
	color:rgba(0,0,0,.3);
}

/* ----- Finder (Btn) ----- */
#finder .col .btn {
	display:block;
	margin:0;
	padding:0;
	width:100%;
	height:40px;
	border:0;
	background:orange;
	border-radius:2px;
	color:#fff;
	cursor:pointer;
}


/* ----- Finder (Dropdown) ----- */
.for-finder {
	z-index:10000;
}
#finder .col {
	position:relative;
}
.finder-dropdown {
	position:relative;
}

.finder-dropdown-box {
	position:absolute;
	
	top:46px;
	left:50%;
	padding:20px;
	background:#fff;
	width:280px;
	margin-left:-140px;
	display:none;
	box-shadow:0 0 5px rgba(0,0,0,.1);
	border:1px solid rgba(0,0,0,.1);
	border-radius:2px;
	z-index:100000;
}
.finder-dropdown-box:before {
	display:block;
	position:absolute;
	left:50%;
	top:-6px;
	width:12px;
	height:12px;
	margin-left:-6px;
	background:#fff;
	content:"";
	transform:rotate(45deg);
	}
#finder .col.active .finder-dropdown-box {
	display:block;
}
#finder .col.active .box {
	background:rgba(0,0,0,.5);
	background:green;
}



.section {
	position:relative;
}
.section:after {
	display:table;
	content:"";
	clear:both;
}
.section .row {}
.section .row .col-left {}
.section .row .col-right {}

.section .row label {
	font-weight:bold;
	margin:0 0 3px 0;
}
.section .row input[type="text"]{
	
}
.section .row .input-wrap {
	position:relative;
}
.section .row .input-wrap span.icon-date {
	display:block;
	position:absolute;
	width:16px;
	height:16px;
	top:5px;
	right:5px;
	z-index:10000;
}
.section .row .input-wrap span.icon-date:before {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	line-height:16px;
	text-align:center;
	font-family:'icon-font';
	font-style:normal;
	vertical-align:middle;
	content:"\e615";
	color:#999;
}
#finder .col .section .row .btn {
	display:inline-block;
	width:auto;
	height:auto;
	padding:5px 10px;
	border:1px solid orange;
}


#finder .col-room .section .row .col-left {
	float:left;
	width:40%;
}
#finder .col-room .section .row .col-right {
	float:right;
	width:50%;
}

#finder .col .row-btn-group {
	border-top:1px solid rgba(0,0,0, .1);
	padding-top:10px;
	margin-top:10px; 
}













/* ----- Form ----- */
form {
	position:relative;
	margin:0;
	padding:0;
	font-family:inherit;
}
form:after {
	display:table;
	content:"";
	clear:both;
}
form .hidden {
	position:relative;
	width:20px;
	margin:0 0 0 -23px;
	padding:0;
	border:0;
	overflow:hidden;
}






/* ----- Formulaire ----- */
.form {
	position:relative;
	margin-bottom:30px;
}
.form:after {
	display:table;
	clear:both;
	content:"";
} 
input[type="text"], input[type="password"], select, textarea {
	margin:0;
	padding:3px 6px;
	font-family:inherit;
	font-size:1em;
	background:#fff;
	border:1px solid rgba(0,0,0, .15);
	border-radius:2px;
	box-shadow:0 3px 5px -3px rgba(0,0,0, .05)inset; 
}
input[type="text"] {
	padding:4px 6px 3px 6px;
}
input[type="text"]:hover, input[type="password"]:hover, select:hover, textarea:hover {
	border:1px solid rgba(0,0,0, .25);
	box-shadow:0 3px 5px -3px rgba(0,0,0, .1)inset; 
}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
	border:1px solid #3399ff;
	box-shadow:0 0 5px #3399ff; 
}
select {
	appearance:none;
}
textarea {
	min-height:75px;
	max-height:250px;
	max-width:100%;
}

/* ----- Label ----- */
label {
	display:inline-block;
	font-size:1em;
	line-height:1em;
	padding:4px 0;
	font-weight:normal;
	color:#646464;
}
label span {
	color:orange;
}
label input[type="checkbox"] {
	float:left;
	margin:0 6px 0 0;
}


/* ----- Row ----- */
.row {
	display:block;
	position:relative;
	margin:0;
	padding:7px 0;
}
.row:after {
	display:table;
	clear:both;
	content:"";
}

/* ----- Row > Row ----- */
.row .row {
	padding:0;
}
.row input[type="text"], .row input[type="password"], .row select, .row textarea {
	width:100%;
}
.row .btn {
	margin-bottom:0;
}
.row.alert-error {
	color:orange;
}

/* ----- Row (Row-Inline) ----- */
.row-inline .row-label {
	float:left;
	width:25%;
	text-align:right;
	font-weight:bold; 
}
.row-inline .row-label p {}
.row-inline .row-content {
	float:right;
	width:72%;
	padding-left:2%;
	border-left:1px solid #fafafa;
}







/* ----- Form-Login ----- */
.form-login {
	width:300px;
	margin-bottom:0;
}
.form-login input[type="text"], .form-login input[type="password"], .form-login select, .form-login textarea {	
	padding:8px 10px;
	background:#f9f9f9;
}
.form-login input[type="text"]:focus, .form-login input[type="password"]:focus {
	background:#fff;
}
.form-login .btn {
	display:block;
	margin:0;
	width:100%;
	padding:10px;
}
.form-login.form-inline .row .row-label {
	padding-top:6px;
	width:30%;
}
.form-login.form-inline .row .row-content {
	padding-left:0;
	border-left:0;
	width:68%;
}





/* ----- Btn (default) ----- */
.btn {
	display:inline-block;
	margin:0 7px 10px 0;
	padding:6px 12px;
	background:#eaeaea url(../../img/bg/bg-noise.png);
	color:#646464;
	font-size:1em;
	line-height:1em;
	text-decoration:none !important;
	border-radius:2px;
	border:1px solid rgba(0,0,0, .1);
	box-shadow:0 1px 0 rgba(255,255,255, .9)inset;
}
.btn:hover {
	background:#f3f3f3;
	border-color:rgba(0,0,0, .1);
	color:#202020;
	cursor:pointer;
}
/* ----- Btn (Btn-Color) ----- */
.btn-color {
	background:green;
	box-shadow:0 1px 0 rgba(255,255,255, .3)inset;
	color:#fff;
}
.btn-color:hover {
	background:orange;
	color:#fff;
}
/* ----- Btn (Btn-Gri) ----- */
.btn-gri {
	background:#999;
	box-shadow:0 1px 0 rgba(255,255,255, .3)inset;
	color:#fff;
}
.btn-gri:hover {
	background:#aeaeae;
	color:#fff;
}
/* ----- Btn (Btn-Large) ----- */
.btn-large {
	font-size:1.25em;
	line-height:1.3em;
}

/* ----- Btn-Group ----- */
.btn-group {
	position:relative;
	display:block;
	margin:0;
	padding:0;
	border:0;
	text-align:left;	
}
.btn-group:after {
	display:table;
	content:"";
	clear:both;
}

.btn-block {
	display:block;
	width:100%;
	text-align:center;
}





/* ----- Content ----- */
.wrapper.for-content {}
.wrapper.for-content > .container {}

#content {
	position:relative;
	background:#fff;
	padding:30px 60px;
	box-shadow:1px 2px 3px rgba(0,0,0, .1);
}
#content:after {
	display:table;
	content:"";
	clear:both;
}






/* ----- Main ----- */
#colon-main {
	display:block;
	float:left;
	width:70%;
}

/* ----- Asside ----- */
#colon-asside {
	display:block;
	position:relative;
	float:right;
	width:25%;
	background:#efefef;
	padding:15px;
	z-index:100;
}
#colon-asside h3.title {
	margin:0 0 15px 0;
	padding:0;
	font-size:1.3em;
	font-weight:normal;
}
#colon-asside h4 {
	font-size:1em;
	margin-bottom:10px;
}



#colon-asside .box {
	display:block;
	padding:15px 0;
	border-top:1px solid rgba(255,255,255,.75);
	border-bottom:1px solid rgba(0,0,0,.1);
}
#colon-asside .box:first-child {
	border-top:none;
}
#colon-asside .box:last-child {
	border-bottom:none;
}
#colon-asside .box-btn {
	padding-bottom:0;
}
input#amount {
	background:none;
	border:none;
	box-shadow:none;
}
#colon-asside .box .row {
	margin:0;
	padding:0;
}

#colon-asside .box label {
	width:100%;
}

#colon-asside .box-stars label {
	display:block;
	width:100%;
	overflow:hidden;
	padding:0;
}
#colon-asside .box-stars label .stars {
	float:left;
}
#colon-asside .box-stars label input[type="checkbox"] {
	margin:3px 6px 0 0;
}







/* ----- Crumb ----- */
#crumb {
	margin-bottom:20px;
}
#crumb p {
	margin:0;
	padding:0;
	color:orange;
}
#crumb p span.res-number {
	color:#999;
}
#crumb p span.res-destination {
	font-weight:bold;
	color:#202020;
}








/* ----- Page-Home ----- */
body.home #content {
	display:none;
}

body.home .wrapper.for-finder {
	background:none;
}
body.home .wrapper.for-finder #finder {
	background:rgba(0,0,0,.75);
	padding:30px;
}












/* ----- Footer ----- */
.wrapper.for-footer {}
.wrapper.for-footer > .container {}


/* ----- Footer (Social) ----- */
#social {
	display:block;
	text-align:center;
	padding:20px 0;
	display:none;
}
#social ul {
	margin:0;
	padding:0;
	list-style:none;
}
#social ul li {
	display:inline-block;
}
#social ul li a {
	display:block;
	width:36px;
	height:36px;
	background:rgba(0,0,0,.1);
	border-radius:50%;
}
#social ul li a:hover {
	background:rgba(0,0,0,.3);
}

/* ----- Footer (Footer) ----- */
#footer {
	display:block;
	padding:20px 0;
}
#footer:after {
	display:table;
	content:"";
	clear:both;
}
#footer #foot-left {
	float:left;
}
#footer #foot-right {
	float:right;
}
#footer p {
	margin:0;
	padding:0;
	font-size:12px;
	color:#999;
}








/* ----- Scroll-To-Top ----- */
.scrollToTop {
	display:none;
	position:fixed;
	right:15px;
	bottom:30px;
	width:40px;
	height:40px;
	background: orange;
	border-radius:2px;
	border:1px solid rgba(0,0,0, .1);
	box-shadow:0 1px 0 rgba(255,255,255, .3)inset;
	z-index:9999;
}
.scrollToTop:hover {
	background:rgba(0,0,0, .6);
}
.scrollToTop:after {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	font-size:1.7em;
	line-height:36px;
	text-align:center;
	font-family:'icon-font';
	font-style:normal;
	vertical-align:middle;
	content:"\e6b0";
	color:#fff;
}












/* ----- Thumb ----- */
.thumb {
	position:relative;
	margin-bottom:25px;
	/* border:1px solid rgba(0,0,0,.05);
	transform:rotate(-1.5deg); */
	border:1px solid rgba(0,0,0,.05);
}
.thumb .thumb-wrap {
	position:relative;
	border:1px solid rgba(0,0,0,.1);
	background:#fff;
	padding:15px;
	/* transform:rotate(1.5deg); */
}
.thumb .thumb-wrap:after {
	display:table;
	content:"";
	clear:both;
} 

/* ----- Thumb Hover ----- */
.thumb:hover {}
.thumb:hover .thumb-wrap,
.thumb.active .thumb-wrap {
	border-color:rgba(0,0,0,.2);
	box-shadow:0 0 10px rgba(255,65,0,.3);
	
}


/* ----- Thumb Th-Image ----- */
.thumb .th-image {
	float:left;
	width:30%;
	position:relative;
}
.thumb .th-image .favorite {
	position:absolute;
	right:5px;
	top:5px;
	width:26px;
	height:26px;
	z-index:10;
	background:rgba(0,0,0,.5);
	border-radius:2px;
	color:#fff;
}
.thumb .th-image .favorite:before {
	display:block;
	position:absolute;
	left:5px;
	top:5px;
	width:16px;
	height:16px;
	font-size:16px;
	line-height:16px;
	text-align:center;
	font-family:'icon-font';
	font-style:normal;
	vertical-align:middle;
	content:"\e66d";
	color:#fff;
}
.thumb .th-image .favorite:hover {
	background:orange;
	cursor:pointer;
}
.thumb .th-image .favorite.selected {
	background:orange;
}

.thumb .th-image img {
	display:block;
	width:100%;
	height:auto;	
}

/* ----- Thumb Th-Description ----- */
.thumb .th-description {
	float:left;
	width:40%;
	padding-left:15px;
}

.rate {
	float:right;
	margin:0 0 5px 15px;
	font-size:13px;
	font-weight:normal;
	color:#999;
}
.rate span {
	font-size:16px;
	color:#202020;
}

.thumb .th-description h4 {
	margin:0 0 5px 0;
	padding:0;
	font-size:1.5em;
	line-height:1.2em;
	font-weight:normal;
}

.thumb .th-description p.distance {
	font-size:1em;
}

/* ----- Thumb Th-Offer ----- */
.thumb .th-offer {
	float:right;
	width:25%;
	background:#f9f9f9;
	padding:15px;
	text-align:center;
}
.thumb .th-offer p {
	margin:0;
	padding:0;
	line-height:1.1em;
}
.thumb .th-offer p.affer-name {}
.thumb .th-offer p.offer-price {
	font-size:1.5em;
	font-weight:bold;
	color:orange;
}
.thumb .th-offer p.offer-price.old {
	font-size:1.4em;
	font-weight:bold;
	color:#999;
	text-decoration:line-through;
}
.thumb .th-offer .btn {
	margin:10px 0 0 0;
}


/* ----- Thumb Th-Footer ----- */
.thumb .th-footer {}
.thumb .th-footer .th-footer-head {
	position:relative;
	padding:5px 10px;
	margin:10px -15px -15px -15px;
	border-top:1px solid rgba(0,0,0,.05);
	color:#999;
	cursor:pointer;
	text-align:center;
}
.thumb .th-footer .th-footer-head:hover {
	color:#646464;
	background:#f9f9f9;
}
.thumb .th-footer .th-footer-content {
	background:#f9f9f9;
	margin:0 -15px -15px -15px;
	border-top:1px solid rgba(0,0,0,.05);
	padding:15px;
	display:none;
}


/* ----- Thumb Active ----- */
.thumb.active .th-footer .th-footer-head {
	margin-bottom:0;
	background:#f9f9f9;
}
.thumb.active .th-footer .th-footer-content {
	display:block;
}



/* ----- Thumb-Offre ----- */
.thumb-offre {
	position:relative;
	padding:10px;
	background:#fff;
	border-bottom:1px solid rgba(0,0,0,.05);
}
.thumb-offre:last-child {
	border-bottom:none;
}
.thumb-offre:after {
	display:table;
	clear:both;
	content:"";
}
.thumb-offre .th-offre-logo {
	float:left;
	width:25%;
}
.thumb-offre .th-offre-description {
	float:left;
	width:60%;
	padding:0 15px 0 0;
}
.thumb-offre .th-offre-description p {
	margin:0;
	padding:0;
}
.thumb-offre .th-offre-description p.legend {
	color:orange;
}
.thumb-offre .th-offre-price {
	float:right;
	width:15%;
}
.thumb-offre .th-offre-price .btn-price {
	background:orange;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	border-color:orange;
	box-shadow:none;
	border-radius:4px;
	width:100%;
	text-align:center;
}













/* ----- Stars ----- */
.stars {
	display:block;
	height:16px;
	width:81px;
	margin:0 0 10px 0;
	background:url(../img/bg/stars.png) no-repeat 0 bottom;
}
.stars-1 { background-position:0 -64px;}
.stars-2 { background-position:0 -48px;}
.stars-3 { background-position:0 -32px;}
.stars-4 { background-position:0 -16px;}
.stars-5 { background-position:0 0;}



















/* ----- Detail ----- */
.detail {
	padding-right:40px;
	border-right:1px solid rgba(0,0,0,.1);
}



/* ----- Page-Title ----- */
.title {}
.title h1 {
	font-size:32px;
	line-height:1.2em;
}
.title .rate {
	margin:10px 0 15px 15px;
}
.title .rate span {
	font-weight:bold;
	font-size:19px;
}




/* ----- Gallery ----- */
.gallery {
	display:block;
	background:#f9f9f9;
	transform:rotate(-1deg);
	padding:5px;
	margin-bottom:30px;
}
.gallery-wrap {
	display:block;
	padding:0;
	background:#f9f9f9;
	border:30px solid #fff;
	transform:rotate(1deg);
	box-shadow:0 0 10px rgba(0,0,0,.1);
	
}
.gallery .flexslider {
	height:320px;
	overflow:hidden;
}
.gallery .flexslider ul.slides {}
.gallery .flexslider ul.slides > li {
	display:none;
}
.gallery .flexslider ul.slides li {
	display:block;
	float:left;
	text-align:center;
}
.gallery .flexslider ul.slides li img {
	height:100%;
	width:100%;
}

.gallery-number {
	position:absolute;
	right:20px;
	bottom:20px;
}


.gallery .flexslider .flex-control-nav {
	display:block;
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	bottom:20px;
	width:100%;
	height:10px;
	z-index:10000;
	text-align:center;
	}
.gallery .flexslider .flex-control-nav li {
	display:inline-block;
	width:12px;
	height:12px;
	margin:0 3px;
}
.gallery .flexslider .flex-control-nav li a {
	display:block;
	width:12px;
	height:12px;
	text-indent:-999px;
	overflow:hidden;
	cursor:pointer;
	background:rgba(0,0,0,.3);
	border-radius:50%;
}
.gallery .flexslider .flex-control-nav li a.flex-active {
	background:rgba(0,0,0,.75);
}






/* ----- Room-Selector ----- */
.room-selector {
	margin-bottom:30px;
}
.room-selector > h3 {
	margin-bottom:15px;
}

.room-selector .thumb-room {
	display:block;
	margin-bottom:5px;
}
.room-selector .thumb-room:after {
	display:table;
	content:"";
	clear:both;
}
.room-selector .thumb-room .row {
	margin:0;
	padding:0;
}
.room-selector .thumb-room .row label {
	background:#f9f9f9;
	border-radius:2px;
	display:block;
	overflow:hidden;
	padding:10px;
	margin:0;
}

.room-selector .thumb-room input {
	float:left;
}
.room-selector .thumb-room p {
	display:block;
	float:left;
	margin:0;
	padding:0;
}
.room-selector .thumb-room p.room-description {
	width:65%;
	padding-right:15px;
}

.room-selector .thumb-room p.room-icon {
	text-align:right;
}
.room-selector .thumb-room p.room-icon span.icon-person {
	display:inline-block;
	width:8px;
	height:16px;
	position:relative;
}
.room-selector .thumb-room p.room-icon span.icon-person:before {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:8px;
	height:16px;
	text-align:center;
	font-size:14px;
	line-height:1;
	font-family:'icon-font';
	font-style:normal;
	vertical-align:middle;
	content:"\e669";
	color:rgba(0,0,0,.3);
}

.room-selector .thumb-room p.room-price {
	width:10%;
	float:right;
	text-align:right;
	font-size:14px;
	font-weight:bold;
	color:orange;
}









/* ----- Reservation ----- */
#colon-asside .box.box-reservation {
	border:0;
	background:#fff;
	padding:10px;
}
#colon-asside .box.box-price {}
#colon-asside .box.box-price p.price-legend {
	margin:0;
	padding:0;
	text-align:right;
	color:#999;
}
#colon-asside .box.box-price p.price {
	margin:0;
	padding:0;
	font-size:42px;
	text-align:right;
	color:orange;
}
#colon-asside .box.box-price .btn-reservation {
	display:block;
	width:100%;
	margin:15px 0 0 0;
	background:green;
	border-color:greee;
	padding:10px; text-align:center;
	font-size:17px;
	font-weight:bold;
	color:#fff;
	box-shadow:0 1px 0 rgba(255,255,255,.3)inset;
}
#colon-asside .box.box-reservation h4 {
	font-size:13px;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid rgba(0,0,0,.05);
}
#colon-asside .box.box-reservation p.liste {
	border-bottom:1px solid rgba(0,0,0,.05);
	margin:0;
	padding:5px 0;
}
#colon-asside .box.box-reservation p.liste:last-child {
	border-bottom:none;
}










/* ----- Media (768) ----- */
@media screen and (max-width: 768px) {
	.wrapper.for-nec { height:50%;}
	.wrapper.for-nec h1 { font-size:42px;}
	
	#colon-main,
	#colon-asside { display:block; float:none; width:100%; margin-bottom:15px;}
	
	#header #logo { margin:0 40px 0 0;}
	#finder { padding:15px 0;}
	#finder .col-text { padding:0 0 10px 0; float:none; width:100%;}
	#finder .col-date { padding:0 10px 10px 0; width:50%;}
	#finder .col-room { padding:0 0 10px 0; width:50%;}
	#finder .col-btn { padding:0; float:none; width:100%; clear:both;}
	
	.gallery .flexslider { height:300px;}
}

/* ----- Media (720) ----- */
@media screen and (max-width: 720px) {
	#header { padding:10px 0; height:auto;}
	#header #logo { float:none; width:100%; text-align:center;}
	#header #menu { float:none; width:100%; text-align:center; clear:both;}
	#header #menu ul {}
	#header #menu ul li { display:inline-block; float:none;}
	#header #menu ul li a { display:inline-block; float:none;}
	#header #admin { display:none;}
	
	.wrapper.for-nec { height:40%;}
	.wrapper.for-nec h1 { font-size:38px;}

	#finder .col { padding:0 0 10px 0; float:none; width:100%;}
	#finder .col-btn { padding:0;}
	
	.detail { padding:0; border:0;}
	.gallery .gallery-wrap { border:10px solid #fff;}
	.gallery .flexslider { height:250px;}
}

/* ----- Media (480) ----- */
@media screen and (max-width: 480px) {
	.wrapper { padding:0 15px;}
	#finder { padding:15px 0;}
	
	.wrapper.for-nec { height:30%;}
	.wrapper.for-nec h1 { font-size:26px;}
	
	#content { padding:15px;}
	.thumb .th-image, .thumb .th-description { display:block; float:none; width:100%; padding:0; margin-bottom:10px;}
	.thumb .th-offer { display:block; float:none; width:100%; }
	
	body.home .thumb { max-width:240px;}
	body.home .thumb .thumb-wrap { padding:15px;}
	body.home #colon-main { padding:15px;} 
	
	.gallery .flexslider { height:200px;}
}

/* ----- Media (340) ----- */
@media screen and (max-width: 340px) {
	.wrapper.for-nec h1 { font-size:21px;}
	
	.gallery .flexslider { height:100px;}
}