/* ===========================================================================
	KOOBA - Helpstay
============================================================================== */
	
/*
version:   1.0 
author:    Andreas Eichelberg
email:     andreas.eichelberg@kooba.ie
*/   



/* =================================
	BODY
   ================================= */
	
body{
	font-size: 1em;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	height: 100%;
	width: 100%;	
}

/* ==================================
	 HELPER CLASSES - GROUP
   ==================================*/

.group:before,
.group:after {
	 content: " ";
	 display: table;
}

.group:after {
	 clear: both;
}

.group {
	 *zoom: 1;
}

/* ==================================
	DEFAULT ELEMENT STYLES
   ================================== */

html,
button,
input,
select,
textarea {
	color: #3d3d3d;
}

h1,h2,h3,h4,h5,h6{
	font-family: "alwyn-new-rounded-web", arial, sans-serif;
}

h1{
	font-weight: 300; 
	font-size: 1.250em;
	letter-spacing: -0.5px;
	line-height: 1.300em;
	margin: 0;
}

h2{
	font-size: 1.250em;
	font-weight: 500;
	margin: 0;
}

p{
	font: 300 1.000em/1.500em  "proxima-nova", helvetica, arial, sans-serif; /*16px/24px*/
}

a{
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	text-decoration: none;	
}

p a{
/* 	border-bottom: 1px solid #dde3d8; */
	color: #577d2d;
	text-decoration: none;
}

p a:hover, p a:active{
	color: #e27d11;
/* 	border-bottom: 1px solid #f8e3d5; */
}

ul, ol{
	font: 300 1.000em/1.500em  "proxima-nova", helvetica, arial, sans-serif; /*16px/24px*/
}

/* =================================
	Wrapper
   ================================= */

.wrapper{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0 auto;
	max-width: 300px;
}


.main-section{
	padding: 30px 0;
}

/* =================================
	Buttons
   ================================= */
	
.button{
	-webkit-box-shadow: none;
	        box-shadow: none;
	border: none;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	color: #FFF;
	display: inline-block;
	font: 700 1em/2.813em "proxima-nova", helvetica, arial, sans-serif; 
	text-align: center;
	text-shadow: none;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-appearance: none;
	width: 230px;
}

.button:hover{
	text-decoration: none;
}

.button.search{
	background: url(../img/sprite.png) no-repeat -83px -123px #e27d11;
	width: 35px;
	text-indent: -3000px;
}

.button.yellow{
	background: #f3c032;
}

.button.yellow:hover{
	background: #f8d984;
}

.button.white{
	background: #fff;
}

.button.orange{
	background: #e27d11;
}

.button.grey{
	background: #f0f0f0;
	color: #333;
}

.button.green{
	background: #6d9a3c;
}

.button.white.text-yellow{
	color: #efb931;
}

.button.white.text-yellow:hover{
	background: #fff0ac;
	color: #f5d06c;
}

.button.white.text-green{
	color: #638e34;
}


#become-helpstayer .button.white.text-green:hover{
	background: #b2bda5;
	color: #86a26a;
}

/* =================================
	From Items
   ================================= */
	
.form-title{
	background: #fed92f;
	color: #fff;
	font-size: 1.875em;
	line-height: 1.500em;
	margin: 0;
	padding: 2px 0;
	text-align: center;
}

.form-description{
	font-size: 1em;
	line-height: 1.250em;
	text-align: center;
}

form ol.form-list{
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

form .remember{
	float: left;
	margin-bottom: 30px;
}

form .forgot{
	float: right;
	margin-bottom: 30px;
}

form .forgot a{
/* 	border-bottom: 1px solid #dde3d8; */
	color: #577d2d;
	text-decoration: none;
}

form .forgot a:hover, form .forgot a:active{
	color: #e27d11;
	border-bottom: 1px solid #f8e3d5;
}

form label{
	color: #3d3d3d;
	display: block;
	font-size: 0.938em;
	font-weight: 700;
}

form label.larger {
	font-size: 1.125em;
}

.form-text{
	margin-bottom: 13px;
}

.form-text.card-pay {
	margin-bottom: 24px;
}

.form-text input{
	background: #f0f0f0;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-size: 1.028em;
    font-weight: 500;
    line-height: 23px;
	height: 53px;
	padding: 15px 10px;
	width: 100%;
}

::-webkit-input-placeholder {
   color: #4d4d4d;
   font-family: "proxima-nova", helvetica, arial, sans-serif;
   font-size: 1em;
   font-weight: 100;
   line-height: 23px;
}

:-moz-placeholder { /* Firefox 18- */
   color: #4d4d4d;  
   font-size: 1em;
   font-family: "proxima-nova", helvetica, arial, sans-serif;
   font-weight: 100;
   line-height: 23px;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #4d4d4d;  
   font-size: 1em;
   font-family: "proxima-nova", helvetica, arial, sans-serif;
   font-weight: 100;
   line-height: 23px;
}

:-ms-input-placeholder {  
   color: #4d4d4d;  
   font-family: "proxima-nova", helvetica, arial, sans-serif;
   font-size: 1em;
   font-weight: 100;
   line-height: 23px;
}

.form-text input:focus{
	outline: none;
	border: 2px solid #f3c032;
	padding: 13px 8px;
}

.form-text.error{
	margin-bottom: 35px;
}

.form-text.error input{
	border: 2px solid #db5c1e;
	border-bottom: none;
	padding: 13px 8px;
}

.form-text .note {
	display: block;
	margin:-3px 0px 10px;
}

.form-text .note strong {
	font-weight: 700;
}

.form-text .card-list {
	display: block;
	overflow: hidden;
	padding:8px 0px 0px;
}

.form-text .cvv_image {
	float: left;
	margin-left: 20px;
	margin-top: 6px;
	width: 62px;
}

.form-text input.cvv {
	float: left;
	width:80px;
}

.form-text label span.req {
	color: #e27d11;
	font-weight: 700;
	font-size: 1.5em;
	padding-right: 4px;
	vertical-align: top;
}

span.form-error{
	background: #db5c1e;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	display: block;
	height: 22px;
	line-height: 22px;
	padding: 0 10px;
	width: 100%;
}

.form-textarea{
	margin-bottom: 13px;
}

.form-textarea textarea{
	background: #f0f0f0;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
    font-family: "proxima-nova", helvetica, arial, sans-serif;
    font-size: 1.028em;
    font-weight: 500;
    line-height: 23px;
	max-width: 100%;
	min-width: 100%;
	padding: 20px 10px;
}

.form-textarea textarea:focus{
	outline: none;
	border: 2px solid #f3c032;
	padding: 18px 8px;
}

span.form-introduction{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;	
	font-size: 0.813em; 
	position: relative;
	width: 100%;
}

.radio-choice{
	background: #f0f0f0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	height: 53px;
	line-height: 23px;
	margin: 0 -4px 10px 0;
	padding: 15px 20px;
	width: 100%;
}

.radio-choice input{
	margin-right: 10px;
}

.form-select{
	margin-bottom: 13px;
}

.select-wrapper{
	background: #f0f0f0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 53px;
	line-height: 23px;
	padding: 15px 20px;
	width: 100%;
}

.select-wrapper select{
	margin-left: 10px;
}

.form-upload{
	margin-bottom: 13px;
}

.form-upload input{
	background: #f0f0f0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 53px;
	line-height: 23px;
	padding: 15px 20px;
	width: 100%;
}

.form-submit{
	margin-top: 30px;
}

.form-submit input{
	background: #e27d11;
	font-size: 1.250em;
	height: 53px;
	line-height: 53px;
	width: 100%;
}


.text-notice {
	padding: 40px 0px 20px 40px;
	position: relative;
}

.text-notice span.icon {
	display: block;
	float:left;
	left: 0px;
	position: absolute;
	width:30px;
}

.text-notice span.icon img {
	display: block;
	width: 100%;
}

.text-notice h4 {
	font-size: 1.5em;
	font-weight: 500;
	margin:0px 0px 0px;
}

.register .right .text-notice p {
	font: 300 1.000em/1.500em "proxima-nova", helvetica, arial, sans-serif;
	margin:0px 0px 10px;
	padding: 0px;
	text-align: left;
}

/* ==================================
	Calendar - Availability
   ================================== */
   
   #availability .ui-datepicker{
	   background: #f0f0f0;
	   -webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	   box-sizing: border-box;
	   border-radius: 0;
	   margin: 0 auto;
	   width: 100%;
   }
   
   #availability:after{
	   content: "";
	   background: url(../img/calendar_key.png) no-repeat;
	   display: block;
	   height: 31px;
	   margin: 10px auto 0;
	   width: 100%;
   }
   
   #availability .ui-datepicker-header{
	   background: #6D9A3F;
	   border-radius: 0;
   }
   
   #availability .ui-datepicker-title{
	   font-family: alwyn-new-rounded-web, arial, sans-serif;
   }
   
   #availability .ui-state-default{
	   background: #6D9A3F;
	   border-color: #6D9A3F;
   }
   
   #availability .ui-state-hover{
	   background: none;
	   border-color: #6D9A3F;
	   cursor: pointer;
   }
   
   #availability .ui-state-hover .ui-icon{
	   background-image: url(../themes/cp_themes/default/images/ui-icons_ffffff_256x240.png);
   }
   
   #availability .ui-state-disabled{
	   opacity: 1;
   }
   
   #availability .ui-state-disabled span{
	   background: #f69282;
	   border: none;
   }


/* =================================
	underline hands
   ================================= */
		
.underline{
	border-bottom: solid 3px;
	padding-bottom: 15px;
	display: inline-block;
	margin-bottom: 15px;
	position: relative;
}

.underline.yellow{
	border-color: #fed92f;
}

.underline.green{
	border-color: #6d9a3c;
}

.underline:after{
	background: url(../img/sprite.png) no-repeat -20px -530px;
	bottom: -17px;
	content: " ";
	height: 32px;
	left: 50%;
   margin-left: -25px;
	position: absolute;
   width: 50px;
}

.underline.bg-grey:after{
	background-position: -20px -578px;
}
	
/* =================================
	Prev Nex navigation
   ================================= */
	
.navigator{
	background: url(../img/sprite.png) no-repeat;
	cursor: pointer;
	height: 31px;
	vertical-align: middle;
	width: 24px;
}
.prev {
	background-position: -76px -466px;
	float: left;	
}

.next {
	background-position: -46px -466px;
	float: right;
}

/* =================================
	Mobile - Header
   ================================= */
	
header{
	overflow: hidden;
	padding-top: 79px;
}
	
/* Brand */	

header #brand{
	background: #fff url(../img/helpstay_logo_header.png) no-repeat bottom center;
	height: 63px;
	left: 0;
	margin: auto;
	padding: 10px 0 0;
	position: absolute;
	text-indent: -4000em;
	top: 0;
	width: 100%;
}

header #brand a{
	display: block;
	text-align: center;
	height: 63px;
}
	
/* Nav */

nav{
	background: #f0f0f0;
}

nav .utilities{
	list-style: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;	
}

nav .utilities li{
	color: #3d3d3d;
	display: inline-block;
	font: 700 0.875em/3.286em "proxima-nova", helvetica, arial, sans-serif; /* 14px/45px */
	margin: 0 6px;
	letter-spacing: -0.3px;
}

nav .utilities li a{
	color: #3d3d3d;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

nav .utilities li a:hover{
	color: #959595;	
}

nav .utilities #detailed-search-icon{
	background: url(../img/sprite.png) no-repeat -228px -125px;
	width: 26px;
	height: 26px;
	vertical-align: middle;
}

nav .utilities li.detailed-search{
	display: none;
	font-weight: 500;
}

/* Login - SignUp */

.login-signup.topBar {
	display: none;
}

.login-signup .login.ls-button{
	background: #486725;
}
.login-signup .ls-button{
	background: #577D2D;
}

.login-signup {
	background: #486725; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiM0ODY3MjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiM1NzdkMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  #486725 49%, #577d2d 51%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(49%,#486725), color-stop(51%,#577d2d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #486725 49%,#577d2d 51%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #486725 49%,#577d2d 51%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #486725 49%,#577d2d 51%); /* IE10+ */
	background: linear-gradient(to right,  #486725 49%,#577d2d 51%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#486725', endColorstr='#577d2d',GradientType=1 ); /* IE6-8 */
}

.login-signup .ls-button {
	float: left;
	text-align: center;
	width: 44%;
}

.login-signup .ls-button a {
	color: #fff;
	display: block;
	font-weight: bold;
	padding: 9px 0;
}

	.login-signup .ls-button a:hover {
		color: #E6E0E0;
	}

	.login-signup .separator {
		border-style: solid;
		border-width: 36px 36px 0 0;
		border-color: #486725 #577d2d transparent transparent;
		float: left;
		height: 0px;
		width: 0px;
	}

/* =================================
	MAIN - Home
   ================================= */
	
/* Home-Slider */

.home-slider{
	border-bottom: 10px solid #FFF;
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 0 0px 0;
	position: relative;
	overflow: hidden;
}

.home-slider .cycle-slideshow{
	height: 260px;
}

.home-slider .cycle-slideshow article{
	width: 100%;
}

.home-slider .cycle-slideshow article figure{
	overflow: hidden;
	height: 260px;
	width: 100%;
}

.home-slider .cycle-slideshow article figure img{
	left: -30%;
	position: absolute;
	width: 140%;
}

.cycle-pager, .stays-pager{
	font-size: 55px;
	line-height: 0;
	color: rgba(256,256,256,0.5);
	letter-spacing: -2px;
	cursor: pointer;
	margin: 20px 0;
	width: 100%;
	text-align: center;
}

.cycle-pager-active{
	color: rgba(256,256,256,1);
}

/* Search */

#home-search{
	text-align: center;
	position: absolute;
	width: 100%;
	z-index: 999;
	bottom: 0px;
}

#slogan{
	color: #fff;
	width: 280px;
	background: rgba(61,61,61,0.9);
	z-index: 100;
	margin: 0 auto;
	text-align: center;
	padding: 8px 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.49);
		-moz-box-shadow:    0px 2px 8px 2px rgba(0, 0, 0, 0.49);
			  box-shadow:         0px 2px 8px 2px rgba(0, 0, 0, 0.49);
}

#searchbar{
	height: 50px;
	background: url(../img/bg_search.png) center;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	text-align: center;
	padding: 9px 0;
}

#searchbar .searchbar-inputs{
	display: inline-block;
	margin-left: -5px;
}

#searchbar .searchbar-inputs input{
	border: none;	
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
	height: 33px;
	line-height: 33px;
	letter-spacing: -0.3px;
	margin-left: 5px;
	outline: 0;
	padding: 0;
}

#searchbar .searchbar-inputs input[type="text"]{
	font-size: 0.813em;
	font-weight: 100;
	padding: 0 0 0 8px;
}

#searchbar .searchbar-inputs input[type="submit"]:hover {
	background-color:#d06d00;
}

#searchbar .searchbar-inputs #destination{
	line-height: 20px;
	padding: 5px 0 5px 8px;
	width: 210px;
}

#searchbar .searchbar-inputs .date{
	background: url(../img/sprite.png) no-repeat  -12px -175px #fff;
	width: 45px;
}

#searchlisting-sidebar {
	background: url(../img/bg_search_listing-repeater.png);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 20px;
	padding: 20px 10px;
}

#searchlisting-sidebar div.filter {
	background: none;
}

#searchlisting-sidebar .country-selecting {
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
}

#searchlisting-sidebar .menu-button {
	background-color: #F1B932;
}

#searchlisting-sidebar .country-selecting li {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 10px 0 0;
}

#searchlisting-sidebar .country-selecting li:first-child {
	margin: 0;
}

#searchlisting-sidebar input[type="submit"], #searchlisting-sidebar button {
	background: #E27D11;
	border: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.250em;
	font-weight: 900;
	height: 53px;
	line-height: 23px;
	outline: 0;
	padding: 16px 20px 15px 10px;
	text-indent: 0;
	width: 100%;
}

.search-select {
	height: 80px;
}

.select-dropdown {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	float: left;
	font-family: "proxima-nova", helvetica, arial, sans-serif;
	height: 33px;
	padding: 7px 32px 0 15px;
	position: relative;
	text-align: left;
	width: 235px;
}

.searchlist .select-dropdown {
	float: none;
	height: 53px;
	padding: 15px 32px 0 15px;
	width: 100%;
}

.searchlist .select-dropdown .selectelement:before {
	top: 16px;
}

.selectelement+select, .selectelement.alt-type+select {
	cursor: pointer;
	left: 0;
	min-height: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.selectelement:before, .selectelement.alt-type:before {
	content: "\25bc";
	font-size: 11px;
	position: absolute;
	right: 16px;
	top: 11px;
	z-index: 1;
}

.select-dropdown.orange .selectelement:before, .select-dropdown.grey .selectelement:before {
	content:"";
	background: url(../img/arrow-right.png);
	height: 13px;
	width: 8px;
	margin-top: 4px;
}

.select-dropdown.grey .selectelement:before {
	color: #3d3d3d;
}

.select-dropdown select {
	background: #fff;
	background-size: 100% 100%;
	border: 0;
	border-radius: 0;
	color: #333;
	display: block;
	height: 100%;
	line-height: 33px;
	margin: 0;
	outline: 0;
	padding-left: 10px;
	text-indent: 10px;
	width: 100%;
	z-index: 2;
	
	cursor: pointer;
	left: 0;
	min-height: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
	
/*
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
	
	&[data-dkcacheid] {
		display: none; 
	}
*/



/* Featured Stays */

.featured-stays-slider {
	background: #f0f0f0;
	padding: 30px 0 0 0;
	text-align: center;
}

.featured-stays-slider .slidewrapper{
	margin: 0 auto;
	overflow: hidden;
	width: 280px;
}

.featured-stays-slider .wrapper{
	overflow: hidden;
}

.featured-stays-slider .stays-pager{
	color: rgba(133,133,133,0.5);
}

.featured-stays-slider .stays-pager{
	position: relative;
	line-height: 8px;
}

.featured-stays-slider .stays-pager .cycle-pager-active{
	color: #6c6c6c;
}

.featured-stays-slider .cycle-slideshow{
	margin-top: 15px;
	width: 840px;
}

.cycle-slideshow article{
	min-width: 280px;
	text-align: left;
	vertical-align: top;
	
}

.featured-stay-picture{
	position: relative;
}

.featured-stay-picture figure{
	overflow: hidden;
}

.featured-stay-picture figure span{
	color: #fff;
	background: #f3c032;
	font-family: "proxima-nova", helvetica, arial, sans-serif;
	font-size: 0.813em;
	position: absolute;
	line-height: 1em;
	left: 0;
	top: 0;
	padding: 10px 13px;
	min-width: 200px;
}

.featured-stay-picture figure span.yellow{
	background: #f3c032;
}

.featured-stay-picture figure span.green{
	background: #6d9a3c;
}

.featured-stay-picture figure span.orange{
	background: #e38827;
}

.featured-stay-picture figure.main-picture{
	height: 173px;
	width: 100%;
}

.featured-stay-picture figure.main-picture a{
	display: block;
}

.featured-stay-picture figure.user-picture {
	background:url(../img/sprite.png) no-repeat -149px -864px;
	bottom: 0;
	/*border: 1px solid #6d9a3c;
	-webkit-border: 1px solid #6d9a3c;
	-moz-border: 1px solid #6d9a3c;
	box-shadow: 1px 0px 1px #6d9a3c,0px 1px 1px #4b6b26,
					2px 1px 1px #6d9a3c,1px 2px 1px #4b6b26,
					3px 2px 1px #6d9a3c,2px 3px 1px #4b6b26,
					4px 3px 1px #6d9a3c,3px 4px 1px #4b6b26,
					5px 4px 1px #6d9a3c,4px 5px 1px #4b6b26,
					6px 5px 1px #6d9a3c,5px 6px 1px #4b6b26,
					7px 6px 1px #6d9a3c,6px 7px 1px #4b6b26,
					8px 7px 1px #6d9a3c,7px 8px 1px #4b6b26,
					9px 8px 1px #6d9a3c,8px 9px 1px #4b6b26,
					10px 9px 1px #6d9a3c,9px 10px 1px #4b6b26,
					11px 10px 1px #6d9a3c,10px 11px 1px #4b6b26,
					12px 11px 1px #6d9a3c,11px 12px 1px #4b6b26,
					13px 12px 1px #6d9a3c,12px 13px 1px #4b6b26,13px 14px 1px #4b6b26;*/
	height: 75px;
	right: 0;
	position: absolute;
	text-align: left;
	width: 75px;
	
}

.featured-stay-picture a:hover figure.user-picture {
	background-position:-259px -864px;
}

.user-picture .userpic-wrap {
	position: relative;
}

.featured-stay-picture figure img {
	height: auto;
	width: 100%
}

.featured-stay-picture figure.user-picture img {
	border: 1px solid #6d9a3c;
	height: 60px;
	width: 60px;
}

.featured-stay-picture a:hover figure.user-picture img {
	border:1px solid #f3c032;
}

.border-right {
	background: #6d9a3c;
	display: block;
	height: 50px;
	position: absolute;
	right: 0;
	top: 12px;
	width: 14px;
	z-index: 10;
}

.border-right:before {
	border-bottom: 14px solid #6D9A3C;
	border-right: 15px solid transparent;
	content: "";
	display: block;
	position: absolute;
	top: -13px;
}

.border-right:after {
	border-right: 14px solid #6D9A3C;
	border-bottom: 13px solid transparent;
	bottom: -13px;
	content: "";
	display: block;
	position: absolute;
}	

.border-bottom {
	background: #4b6b26;
	bottom: -10px;
	display: block;
	height: 14px;
	position: absolute;
	right: 14px;
	width: 50px;
	z-index: 11;
}

.border-bottom:before {
	border-top: 14px solid #4B6B26;
	border-left: 13px solid transparent;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -13px;
}

.border-bottom:after {
	border-bottom: 14px solid #4B6B26;
	border-right: 14px solid transparent;
	content: "";
	display: block;
	position: absolute;
	right: -14px;
	top: 0;
}

.featured-stay-content{
	white-space: normal !important;
}

.featured-stay-content h3{
	font-size: 1.063em;
	font-weight: 500;
	margin: 12px 0 4px 0;
	text-align: left;
/* 	height: 40px; */
}

.featured-stay-content p.featured-stay-content-destination{
	color: #486725;
	margin: 0;
}

.featured-stay-content p{
	font-size: 0.875em;
	line-height: 1.357em;
	margin: 13px 0 15px 0;
	text-align: left;
	word-wrap: break-word;
}

.button.featured-stay-button{
	display: block;
	height: 36px;
	font-size: 0.813em;
	font-weight: 500;
	float: left;
	line-height: 2.769em;
	text-align: left;
}

.button.reviews{
	background: url(../img/sprite.png) no-repeat -25px -259px #e38827;
	padding-left: 40px;
	width: 112px;
}

.button.reviews:hover{
	color: #f2ccae;
}

.button.verified{
	background: url(../img/sprite.png) no-repeat -29px -212px #f3c032;
	padding-left: 30px;	
/* 	width: 178px; */
	width: 103px;
}

.button.verified:hover{
/* 	background-color:#6d9a3c;
	color: #f2ccae; */
}

.button.pin{
	background: url(../img/sprite.png) no-repeat -29px -314px #fed92f;
	float: right;
	width: 37px;
}

.button.pin:hover{
	background-color: #fee882;
}

.button.pin.bookmarked {
	background: url(../img/sprite.png) no-repeat -29px -314px #6d9a3c;
}

.button.view-stay{
	background: url(../img/sprite.png) no-repeat 221px -364px #6d9a3c;
	border-top: 6px solid #5d8630;
	font-size: 1em;
	font-weight: 700;
	height: 52px;
	padding-left: 15px;
	text-align: left;
	width: 100%;
}

.featured-stay-content{
	background: #fff;
	margin-top: 4px;
	padding: 0 10px;
	height: 200px;
}

/* How */

#how{
	text-align: center;
}

/* Media/Partners/Awards */

#media{
	background: #f0f0f0;
	padding: 20px 0;
}


#media .cycle-slideshow{
	width: 100%;
}

#media .wrapper{
	position: relative;
}

#media .navigation{
	position: absolute;
	top: 0;
	width: 100%;
}

#media .prev-media {
	background-position: -76px -466px;
	position: absolute;
	left: 0;
}

#media .next-media {
	background-position: -46px -466px;
	position: absolute;
	right: 0;	
}


#media .cycle-slideshow article{
	text-align: center;
	width: 300px;
}

#media .cycle-slideshow article .logos{
	margin: 20px 0 0 0;
	text-align: center;
	white-space: normal;
}


#media .cycle-slideshow article h2{
	margin: 4px 0;
	text-align: center;
}


#media .cycle-slideshow article img{
	display: inline-block;
	margin: 5px;
	width: 136px;
}


/* =================================
	MAIN
   ================================= */

#main .background-image{
	display: none;
}

/* =================================
	MAIN - Breadcrumb
   ================================= */

.breadcrumb ul{
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

.breadcrumb ul li{
	display: inline-block;
	font-size: 0.875em;
	padding: 0;
}

.breadcrumb ul li a{
	color: #6d9a3c;
	text-decoration: none;
}

/* =================================
	MAIN - Ask now
   ================================= */

.ask-now{
	background: #e27d11;
	bottom: 50%;
	color: #fff;
	height: 50px;
	left: 0px;
	position: fixed;
	text-align: center;
	z-index: 12;
}

.ask-now p{
	font: 500 0.938em/1.000em "proxima-nova", helvetica, arial, sans-serif;
	display: none;
	margin: 11px 0;
}

.ask-now .questionmark{
	background: url(../img/sprite.png) no-repeat -217px -243px #c86e0e;
	float: left;
	height: 100%;
	width: 45px;
}

/* =================================
	MAIN - H3 with Hands
   ================================= */

h3.with-hands{
	font-size: 1.000em;
	font-weight: 500;
	margin: 30px 0;
	text-align: center;
}

h3.with-hands:before{
	background: url(../img/sprite.png) no-repeat -395px -423px;
	width: 27px;
	height: 25px;
	content: " ";
	position: absolute;
	margin: -4px 0 0 -35px;
}

/* =================================
	MAIN - text.html
   ================================= */
		
.text .wrapper{
	background: #fff;
	position: relative;
	max-width: 100%;
	padding: 0 10px;
}
	
/* H1 - H6 */
	
.text h1{
	font-size: 1.875em;
	font-weight: 700;
	margin: 0 0 15px 0;
}

.text h2{
	font-size: 1.625em;
	font-weight: 700;
}

.text h3{
	font-size: 1.313em;
	font-weight: 700;
}

.text h4{
	font-size: 1.188em;
	font-weight: 700;
}

.text h5{
	font-size: 1em;
	font-weight: 700;
}

.text h6{
	font-size: 1em;
	font-weight: 500;
}

/* Print and Share */

.text .print-share{
	margin-bottom: 10px;
}

.text .print-share .button{
	font-size: 0.813em;
	font-weight: 500;
	height: 36px;
	padding: 0 0 0 38px;
	position: relative;
	width: 94px;
}

.text .print-share .button span{
	background: url(../img/sprite.png) no-repeat -495px -544px;
	height: 24px;
	left: 8px;
	position: absolute;
	top: 6px;
	width: 28px;
}

.text .print-share .button.green{
	border-bottom: 1px solid #799757;
	border-top: 1px solid #799757;
	margin-left: 20px;
}

.text .print-share .button.yellow{
	border-bottom: 1px solid #f9e29f;
	border-top: 1px solid #f9e29f;
}

.text .print-share .button.green span{
	background-position: -542px -544px;
	left: 11px;
}

/* 30 days left information */
.days-left {
	
}

.days-left .circle {
	width: 120px;
	height: 120px;
	background: #f0f0f0;
	border-radius: 50%;
	padding: 10px;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

.days-left .circle span {
	position: absolute;
	width: 100%;
	height: 0;
	background: #ff0000;
	left: 0;
	bottom: 0;
}

.days-left .circle p {
	height: 100%;
	width: 100%;
	border-radius: 50%;
	background: #fff;
	margin: 0;
	padding: 20px 0 0;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	font-size: 20px;
}

.days-left .circle p strong {
	display: block;
	font-size: 30px;
}

.days-left a {
	background: #e38827;
	color: #fff !important;
	padding: 10px 20px;
	display: block;
	margin: 20px auto;
	text-align: center;
	font-size: 1em;
	font-weight: 700;
	line-height: 1em;
	width: 70px;
}

/* Pin */

.text .pin{
	position: absolute;
	right: 10px;
	top: 15px;
}

/* Breadcrumb */

.text .breadcrumb{
	margin: 24px 0;
}


.text .breadcrumb ul li{
	background: none;
	font-size: 1em;
	padding: 0;
}

/* p-Tags */

.text p.intro{
	font-size: 1.313em;
	margin: 0 0 0 0;
}

.text p{
	font-size: 1em;
	font-weight: 500;
	line-height: 1.5em;
}

.text p b{
	color: #6d9a3c;
	font-weight: 700;
}

.text p a{
	border-bottom: 1px solid #dde3d8;
	color: #577d2d;
	text-decoration: none;
}

.text p a:hover, .text p a:active{
	color: #e27d11;
	border-bottom: 1px solid #f8e3d5;
}

/* Text Lists */

.text ul{
	list-style: none;
	padding-left: 15px;
}

.text ul li{
	background: url(../img/item_list.png) no-repeat 0 11px;
	line-height: 1.688em;
	padding-left: 10px;
}

.text ol{
	padding-left: 35px;
}

.text ol li{
	line-height: 1.688em;
}

/* Text Image */

.text figure{
	overflow: hidden;
	width: 100%;
}

.text figure img{
	display: block;
	width: 100%;
}

.text p.img-title{
	background: #f0f0f0;
	font-style: italic;
	font-weight: 100;
	line-height: 1.250em;
	margin: 10px 0; 
	padding: 3px 10px;
}

/* Blockquote */

.text blockquote{
	color: #3d3d3d;
	font-size: 1.500em;
	font-style: italic;
	font-weight: 100;
	line-height: 1.208em;
	margin: 0;
	padding: 26px 0 0 0;
	position: relative;
	width: 100%;
}

.text blockquote strong{
	display: block;
	font-size: 0.583em;
	font-style: normal;
	margin-top: 10px;
	text-align: right;
}

.text blockquote span{
	background: url(../img/sprite.png) no-repeat -386px -592px;
	height: 64px;
	left: 0;
	position: absolute;
	top: 0;	
	width: 67px;
}

/* Text Button */

.text .button.standard{
	background:#f3c032;
	font-size: 1.125em;
	font-weight: 700;
	line-height: 50px;
	margin-bottom: 20px;
	width: 100%;
}

/* Table */

.text .swipe{
	text-align: center;
}

.text .swipe p{
	margin: 0;
}

.text .swipe p:before{
	background: url(../img/sprite.png) no-repeat -418px -670px;
	content: "";
	height: 26px;
	margin-left: -30px;
	position: absolute;	
	width: 20px;
}

.text .swipe p:after{
	background: url(../img/sprite.png) no-repeat -456px -670px;
	content: "";	
	height: 26px;
	margin-left: 10px;
	position: absolute;	
	width: 20px;
}

.text table{
	margin-top: 20px;
	width: 100%
}

.text table tr{
	border-bottom: 1px solid #fff;
}

.text table td{
	background: #f0f0f0;
	padding: 17px 0;
	text-align: center;
}

.text table td.dark{
	background: #dddddd;
}

.text table th{
	color: #fff;
	padding: 17px 0;
	text-align: center;
	width: 33.3%;
}

.text table th.th1{
	background: #87b654;
}

.text table th.th2{
	background: #486725;
}

.text table th.th3{
	background: #314718;
}

/* Section Menu */

.text .section-menu, .text .section-menu ul li.icon span{
	display: none;
}

/* Sidebar Text Image */

.text .sidebar-text-image{
	padding: 15px 0;
}

.text .sidebar-text-image h3.with-hands{
	font-size: 1.000em;
	font-weight: 500;
}

.text .sidebar-text-image.grey{
	background: #f7f7f7;
}

.text .sidebar-text-image h3.with-hands{
	margin: 0 auto 15px;
}

.text .sidebar-text-image figure{
	height: 165px;
	margin: 0 auto;
	overflow: hidden;
	width: 300px;
}

.text .sidebar-text-image figure img{
	display: block;
	height: auto;
	width: 100%;
}

.text .sidebar-text-image h6{
	margin: 8px auto 3px;
	padding: 0 10px;
	width: 280px;
}

.text .sidebar-text-image p.area{
	color: #6d9a3c;
	font-size: 0.875em;
	margin: 0 auto;
	padding: 0 10px;
	width: 280px;
}

/* Sidebar Text */

.text .sidebar-text{
	padding: 15px 0;
}

.text .sidebar-text h3.with-hands{
	margin: 15px auto 30px;
	font-size: 1.000em;
	font-weight: 500;
}
	
.text .sidebar-text blockquote{
	font-size: 0.938em;
	line-height: 1.333em;
	margin-bottom: 25px;
	padding: 0;
}

.text .sidebar-text blockquote p{
	font-style: italic;
	margin: 0;
}

.text .sidebar-text blockquote strong{
	font-size: 0.867em;
	font-weight: 700;
	margin: 0;
	text-align: left;
}

/* Sidebar Button */

.text .button.sidebar{
	display: block;
	line-height: 40px;
	margin: 15px auto;
	width: 165px;
}

/* Sidebar Search */

.text .sidebar-search{
	background: url(../img/bg_search_listing.jpg);
	background-size: 100% 100%;
	padding: 10px;
}

.text .sidebar-search form ol{
	list-style: none;
	margin: 0 auto;
	padding: 15px 20px;
}

.text .sidebar-search .form-text{
	margin: 0 0 10px 0;
}

.text .sidebar-search .form-text input{
	background: #fff;
}

.text .sidebar-search .form-submit{
	margin: 0;
}

/* =================================
	MAIN - project.html
   ================================= */

.project{
	background: #f0f0f0;
}

.project .wrapper{
	max-width: 100%;
	padding: 0;
}

.project .left{
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 22px 10px 0;
	position: relative;
	width: 100%;
}

.project .left .pin{
	position: absolute;
	top: 50px;
	right: 10px;
}

.project .left .project-title{
	font-size: 1.625em;
	margin: 10px 0;
	padding-right: 65px;
}

.menu-button{
	height: 50px;
}

.menu-button span{
	background: url(../img/sprite.png) no-repeat -228px -178px;
	width: 24px;
	height: 21px;
	position: absolute;
	top: 14px;
	left: 15px;
}

/* Gallery */

.tab.gallery, .tab.gallery a{
	background: url(../img/bg_tab.png) no-repeat right 0 #f9cb30;
}

.tab.map a{
	background: url(../img/bg_tab.png) no-repeat right -50px #e27d11;
}

.tab.availability a{
	background: url(../img/bg_tab.png) no-repeat right -100px #6d9a3c;
}

.gallery-content{
	border-top: 4px solid #fff;
	display: none;
	position: relative;
}

.gallery-content.active{
	display: block;
}

.gallery-content figure{
	
	width: 100%;
}

.gallery-content figure img{
	width: 100%;
}

/* Overview */

#main.project .left .overview h2{
	line-height: 32px;
	margin: 25px 0;
	padding-left: 43px;
	position: relative;
}

#main.project .left .overview h2:before{
	background: url(../img/sprite.png) no-repeat -20px -530px;
	content: " ";
	height: 32px;
	left: -7px;
	position: absolute;
	width: 50px;
}

#main.project .left .overview p{
	font-size: 1.188em;
	font-weight: 100;
	line-height: 1.263em;
	margin-bottom: 20px;
}

/* Information */

#main.project .left .information{
	background: #f0f0f0;
}

#main.project .left .information-content{
	display: none;
	padding: 20px 25px 0;
}
	
	#main.project .left .information-content.active{
		display: block;
	}

	#main.project .left .information-content p{
		margin: 0 0 20px;
	}
	
	#main.project .left .information-content b{
		color: #6d9a3c;
		font-weight: 700;
	}

#main.project .left .button.yellow{
	margin: 30px 0;
	width: 300px;
}

.featured-stay-navigation {
	background: #f3c032;
	height: 36px;
	position: relative;
}

.featured-stay-navigation .question{
	background: #6f9b3f;
	border-bottom: 5px solid #4b6b26;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	left:0px;
	padding: 15px 10px;
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	position: absolute;
	top: -111px;
	visibility: hidden;
	width: 100%;
	white-space: normal;
	z-index: 999;
}

	.featured-stay-navigation .question p{
		font-weight:400;
		margin: 0;
		word-wrap: break-word;
	}
	
	.featured-stay-navigation .question span{
		background: url(../img/sprite.png) no-repeat -396px -380px;
		bottom: -14px;
		height: 29px;
		left: 50%;
		margin-left: -12px;
		position: absolute;
		width: 24px;
	}

.featured-stay-navigation a:hover .verified .question{
	opacity: 1;
	visibility: visible;
}

.featured-stay-navigation #flag {
	float: right;
	padding: 2px 8px;
}

/* Review */


.review-header{
	background: url(../img/bg_review-header.jpg) no-repeat #fed92f;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 55px;
	padding: 0 20px;
	top: 0;
	width: 100%;
}

	.review-header h2{
		color: #fff;
		display: block;
		float: left;
		line-height: 55px;
		margin: 0;
		text-align: center;
		width: 100%;
	}

	.review-header .overall{
		display: none;
	}

.review .question{
	background: #6f9b3f;
	border-bottom: 5px solid #4b6b26;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	padding: 15px 20px;
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	position: absolute;
	top: -20px;
	visibility: hidden;
	width: 100%;
	z-index: 999;
}

	.review .question p{
		margin: 0;
	}
	
	.review .question span{
		background: url(../img/sprite.png) no-repeat -396px -380px;
		bottom: -17px;
		height: 29px;
		left: 20px;
		position: absolute;
		width: 24px;
	}

.review .review-stars:hover .question{
	opacity: 1;
	visibility: visible;
}

/* Review Starts */

.review-stars{
	position: relative;
}

.review-stars ul{
	list-style: none;	
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

.review-stars ul li{
	margin: 0 0 5px 0;	
	padding-right: 10px;
	position: relative;
}

.review-stars ul li p{
	float: left;
	font-family: "alwyn-new-rounded-web", arial, sans-serif;
	font-size: 0.938em;
	font-weight: 700;
	margin: 0;
	padding: 0 0 0 50px;
}

.review-stars ul li>span{
	background: url(../img/sprite.png) no-repeat -432px -386px;
	height: 17px;
	left: 23px;
	position: absolute;
	top: 2px;
	width: 17px;
}

.review-stars ul li.orange>span{
	background-position: -453px -386px; 
}

.review-stars ul li.yellow{
	color: #f9cb30;
}

.review-stars ul li.orange{
	color: #e27d11;
}

.review-stars ul li .rating{
	float: right;
}

.left-rating{
	margin-top: 20px;
}

.right-rating{
	margin-bottom: 10px;
}

.rating {
  direction: rtl;
  line-height: 15px;
  unicode-bidi: bidi-override;
}

.rating > span {
  display: inline-block;
  position: relative;
  width: 1.1em;
}

.rating > span:hover:before,
.rating > span:hover ~ span:before {
   content: "\2605";
   position: absolute;
}

.review-rating{
	background: #f3c032;
	clear: both;
	color: #fff;
	height: 55px;
	position: relative;
	text-align: center;
	width: 100%;
}

.review-rating .rating{
	font-size: 27px;
	line-height: 55px;
}

.write-review{
	background: #f0f0f0;
	height: 50px;
	margin: 24px 0 0 0;
}

.write-review h3{
	float: left;
	font-size: 1em;
	font-weight: 500;
	line-height: 50px;
	margin: 0 0 0 30px;
}

.write-review .button{
	float: right;
	font-size: 0.875em;
	height: 30px;
	line-height: 30px;
	margin: 10px 10px 10px 0;
	text-transform: none;
	width: 130px;
}

.button.white.text-yellow:hover{
	background: #f9f9f9;
}

/* Comments */

.comments .user{
	background: #fff;
	text-align: center;
	padding: 18px 0 20px;
	position: relative;
}

.comments .user-pic {
	height: 75px;
	margin: 0 auto 10px;
	position: relative;
	text-align: right;
	width: 75px;
}

.border-left {
	background: #6D9A3C;
	display: block;
	height: 50px;
	position: absolute;
	left: -1px;
	top: 13px;
	width: 14px;
	z-index: 10;
}

.border-left:before {
	border-bottom: 13px solid #6D9A3C;
	border-left: 14px solid rgba(0, 0, 0, 0);
	content: "";
	display: block;
	position: absolute;
	top: -13px;
}

.border-left:after {
	border-left: 13px solid #6D9A3C;
	border-bottom: 14px solid rgba(0, 0, 0, 0);
	bottom: -13px;
	content: "";
	display: block;
	position: absolute;
}

.comments .user .border-bottom {
	bottom: -1px;
	right: 13px;;
}

.comments .user .border-bottom:before {
	border-bottom: 14px solid #4B6B26;
	border-top: 0px;
}

.comments .user .border-bottom:after {
	border-bottom: 0px;
	border-top: 14px solid #4B6B26;
}

.comments .user-pic img {
	border: 1px solid #6D9A3C;
	height: 60px;
	width: 60px;
}

/* HOST */

.host .border-left {
	background: #f59a3a;
}

.host .border-left:before {
	border-bottom: 13px solid #f59a3a;
}

.host .border-left:after {
	border-left: 13px solid #f59a3a;
}

.comments .user.host .border-bottom {
	background: #e27d11;
}

.comments .user.host .border-bottom:before {
	border-bottom: 14px solid #e27d11;
}

.comments .user.host .border-bottom:after {
	border-top: 14px solid #e27d11;
}

.comments .host .user-pic img {
	border: 1px solid #f59a3a;
}


.comments .user h4{
	font: 700 0.938em/1em "proxima-nova", helvetica, arial, sans-serif;
	margin: 0;
}

.comments .user p, .comments .user strong{
	font-size: 0.813em;
	margin: 0 0 5px 0;
}

.comments .user.stayer p, .comments .user.stayer strong{
	color: #6d9a3c;
}

.comments .user.host p, .comments .user.host strong{
	color: #e27d11;
}

.comment-content{
	background: #f0f0f0;
	padding: 20px 12px;
	position: relative;
}

.comment-content span{
	background: url(../img/sprite.png) no-repeat -478px -382px;
	height: 24px;
	left: 50%;
	margin-left: -12px;
	position: absolute;
	position: absolute;
	top: -12px;
	width: 24px;
}

.comment-content p{
	font-size: 1em;
	font-style: italic;
	line-height: 1.250em;
	margin: 0;
}

/* Right */

#main.project .right{
	background: #fff;
	position: relative;
}

#main.project .profile, #main.project .listing, #main.project .testimonials{
	padding: 0 10px;
}

.project .profile .label {
	color: #fff;
	background: #f3c032;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "proxima-nova", helvetica, arial, sans-serif;
	font-size: 0.813em;
	line-height: 1em;
	padding: 10px 13px;
	margin-bottom: 9px;
	width: 100%;
	text-align: center;
}

.project .profile .label.green {
	background: #6d9a3c;
}

.project .profile .label.yellow {
	background: #f3c032;
}

.project .profile .label.orange {
	background: #e38827;
}

	.profile h2{
		color: #6d9a3c;
		font-size: 1.500em;
		margin: 30px 0;
		text-align: center;
	}

.host-profile{
	overflow: hidden;
	position: relative;
	width: 100%;
}

	.host-profile span{
		background: url(../img/sprite.png) no-repeat -444px -422px;
		width: 35px;
		height: 35px;
		position: absolute;
		top: 0;
		left: 0;
	}

		.host-profile span a{
			display: block;
			height: 35px;
			text-indent: -6000em;
		}

	.host-profile img{
		width: 100%;
	}

.position{
	display: none;
}

#logo {
	display: block;
	margin-bottom: 20px;
	padding: 20px 0;
	text-align: center;
	width: 100%;
}

	#logo img {
		max-width: 300px;
		width: 100%;
	}

.project .profile p, #company-info {
	font-size: 1em !important;
}

.profile h4{
	font-size: 1.250em;
	font-weight: 500;
	margin: 15px 0 0 0;
}

.profile p{
	font-size: 1em;
	font-weight: 100;
	line-height: 1.375em;
	margin: 10px 0 20px;
}


.profile a.button.green{
	background: url(../img/bg_tab.png) no-repeat right -100px #6d9a3c;
	display: block;
	font-size: 1.063em;
	line-height: 40px;
	margin: 0 auto 32px;
	text-transform: none;
	width: 165px;
}

.project .right .lightgreen{
	background: #f3fbe9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0.938em;
	min-height: 60px;
	margin-bottom: 2px;
	text-align: center;
}

.project .right .lightgreen p{
	line-height: 60px;
	margin: 0;
}

.project .right .lightgreen.available_dates {
	padding: 21px 20px; 
}

.project .right .lightgreen.available_dates p {
	line-height: 1.2em;
}

.project .right .lightgreen b{
	color: #6d9a3c;
	font-size: 0.875em;
}

.testimonials blockquote{
	font-size: 0.938em;
	line-height: 1.333em;
	font-style: italic;
	font-weight: 100;
	margin: 0;
}

.testimonials blockquote strong{
	display: block;
	font-size: 0.813em;
	margin: 9px 0;
}

.testimonials .button{
	display: block;
	font-size: 0.875em;
	height: 40px;
	line-height: 40px;
	margin: 40px auto;
	width: 165px;
}

.project .right .listing h3{
	margin: 30px 0 20px;
}

.listing{
	background: #f7f7f7
}

.listing h4{
	font-size: 1em;
	font-weight: 500;
	margin: 10px 0 25px;
}

.listing h4 span{
	color: #6d9a3c;
	display: block;
	font: 500 0.875em/1em "proxima-nova", helvetica, arial, sans-serif;
	margin-top: 10px
}

.listing ul{
	list-style: none;
	padding: 0;
	margin: 0 auto;
}

.listing ul li {
	padding: 0;
}

.listing figure {
	height: auto;
	width: 100%;
}

.listing figure img {
	height: auto;
	width: 100%;
}

.listing.similar{
	margin: 30px 0 10px;
}


/* =================================
	MAIN - register.html
   ================================= */

#main.register{
	background: #e3e3e3;
}

.register .wrapper{
	max-width: 100%;
	position: relative;
}

.register .breadcrumb{
	font-size: 1.143em;
}

.register .left, .register .right{
	width: 100%;
}

.register .right{
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 10px;
}

	.register .right h2{
		font-size: 1.625em;
		font-weight: 500;	
		margin: 20px 0;
		text-align: center;
	}
	
	.register .right p{
		font-size: 1.250em;
		line-height: 1.250em;
		margin: 0 0 32px 0;
		padding: 0 10px;
		text-align: center;
	}

.register .left{
	background: #f0f0f0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	padding: 0 10px 63px 10px;
}

	.register .left h3.with-hands{
		font-size: 1.250em;
		width: 150px;
		margin: 34px auto;
	}
	
	.register .left ul{
		list-style: none;
		margin: 0 auto 40px;
		padding: 0;
		width: 300px;
	}
	
		.register .left ul li{
			background: #fff;
			height: 53px;
			line-height: 53px;
			padding: 0 0 0 53px;
			position: relative;
			text-align: center;
		}
		
			.register .left ul li span{
				background: url(../img/sprite.png) no-repeat -392px -474px;
				width: 53px;
				height: 53px;
				position: absolute;
				top: 0;
				left: 0;
			}
			
		.register .left ul li.rates span{
			background-position: -450px -474px;
		}
		
		.register .left ul li.review span{
			background-position: -508px -474px;
		}
		
		.register .left ul li.tag span{
			background-position: -566px -474px;
		}
		
		.register .left ul li.group span{
			background-position: -624px -474px;
		}
	
	.register .left p{
		font-size: 1.188em;
		margin: 0;
		padding: 0 10px;
	}

/* =================================
	MAIN - searchlistings.html
   ================================= */

.searchlist .wrapper{
	max-width: 100%;
	position: relative;
}


.searchlist h3.with-hands{
	font-size: 20px;
	text-align: center;
	width: 150px;
	padding-left: 45px;
	margin: 17px auto;
}

.searchlist h3.with-hands:before{
	background: url(../img/sprite.png) no-repeat -30px -124px;
	width: 34px;
	height: 32px;
}

.searchlist .breadcrumb{
	background: #fff;
	height: 30px; /*height: 190px;*/
	line-height: 50px;
	padding: 12px 0 0 20px;
}

.searchlist .search{
	background: #f0f0f0;
	padding: 0 10px;
}

.searchlist #searchbar{
	background: url(../img/bg_search_listing.jpg);
	background-size: 100% 100%;
	height: 230px;
	margin: -140px 0 0;
	padding: 20px 10px 10px;
}

.searchlist #searchbar ul{
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

.searchlist #searchbar ul li{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
}

.searchlist #searchbar ul li.date{
	margin-bottom: 20px;
	position: relative;
	width: 50%;
}

.searchlist #searchbar ul li.date.left{
	float: left;
	padding-right: 5px;
}

.searchlist #searchbar ul li.date.right{
	float: right;
	padding-left: 5px;
}

.searchlist #searchbar input{
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 53px;
	line-height: 23px;
	padding: 15px 20px 15px 10px;
	width: 100%;
}

.searchlist #searchbar ul li.date span{
	background: url(../img/sprite.png) no-repeat -19px -755px;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 10px;
	top: 15px;
}

.searchlist #searchbar ul li.date.left span{
	right: 15px;
}

.searchlist #searchbar input[type="submit"]{
	background: #e27d11;
	font-size: 1.250em;
	font-weight: 500;
	text-indent: 0;
}

.searchlist .filter {
	background: #f0f0f0;
}

.searchlist .hidden-filters {
	display: none;
}

.searchlist .filter h3.with-hands{
	display: none;
}

.searchlist .filter .room-type{
	display: none;
}

.searchlist .filters.mobile{
	background: #fedf52;
	display: none;
	list-style: none;
	margin: 0 auto;
	padding: 12px;
}

.searchlist .filters.desktop{
	display: none;
	padding: 0;
}

.searchlist .filters li{
	background: #fff;
	margin: 0 0 1px 0;
	padding: 10px;
}

.searchlist .filters li h4{
	font-size: 18px;
	font-weight: 500;
	margin: 0 0 5px 0;
}

.searchlist .filters li .select-wrapper{
	background: url(../img/bg_dropdown.png) no-repeat 100% 23px #f0f0f0;
	position: relative;
}

.searchlist .select-wrapper {
	padding: 6px 20px 6px 10px;
}

.searchlist .select-wrapper select {
	outline: 0;
}

.searchlist .filters li select{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	cursor: pointer;
	height: 40px;
	padding: 0 10px;
	width: 100%;
	font-family: "alwyn-new-rounded-web", arial, sans-serif;
	font-size: 1.125em;
	
}



.searchlist .filters li.control{
	padding: 20px 45px;
	margin: 0;
}

.searchlist .filters li.control a{
	display: block;
	font-family: "alwyn-new-rounded-web", arial, sans-serif;
	font-weight: 500;
	line-height: 53px;
	width: 100%;
}

.searchlist .filters li.control a.orange{
	margin-bottom: 10px;
}

.searchlist .filters li.control a.grey{
	text-transform: none;
}


.searchlist .search-results .tags{
	background: #fff;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
}

.searchlist .search-results .tags h4{
	text-align: center;
	font-weight: 500;
	letter-spacing: 1px;
	margin: 10px 0;
}


.searchlist .search-results .tags ul{
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

.searchlist .search-results .tags ul li{
	background: #6d9a3c;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	line-height: 26px;
	margin: 0 6px 10px 0;
	padding: 0 5px 0 35px;
	position: relative;
}

.searchlist .search-results .tags ul li span{
	background: url(../img/sprite.png) no-repeat -445px -542px;
	width: 34px;
	height: 26px;
	left: 0;
	position: absolute;
	top: 0;
}

.searchlist .search-results{
	background: #f0f0f0;
	padding: 0 0 10px 0;
	text-align: center;
}

.searchlist .search-results ul{
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 300px;
}

.searchlist .search-results ul li{
	float: left;
	margin-bottom: 20px;
	padding: 0;
}

.view-more{
	background: #FED92F;
	margin-bottom: 20px;
	display: inline-block;
}

.project-entry{
	display: none;
}

.searchlist .featured-stay{
	width: 300px;
}

.searchlist .featured-stay-content h3{
	font-size: 1.188em;
}

.searchlist .featured-stay-content h3 a, .searchlist .featured-stay-content h3 a:active, .searchlist .featured-stay-content h3 a:visited{
	color: #3d3d3d;
}

.searchlist .featured-stay-picture figure.main-picture {
	height: 180px;
}

.searchlist .featured-stay-content {
	margin-top: 0;
	height: 150px;
}

.searchlist .button.reviews {
/* 	width: 128px; */
}

.searchlist .button.verified {
	/*width: 118px; resized as reviewed removed for soft launch */
	/* width: 246px; reduced to include flag icon */
/* 	width: 198px; */
}

.searchlist .button.pin {
/* 	width: 54px; */
}

.searchlist .button.view-stay{
	background-position: 241px -364px;
}

.searchlist .featured-listing{
	background: #f0f0f0;
	padding: 0 0 40px 0;
}





.searchlist .featured-listing  .featured-stay{
	margin: 0 auto;
}

.searchlist .featured-listing  .featured-stay .main-picture{
	height: 200px;
}

.searchlist .featured-listing .featured-stay .button.view-stay{
background: url(../img/sprite.png) no-repeat 241px -411px #f1bb31;
	border-color: #edb014;
}

.searchlist .featured-listing .button.green{
	display: block;
	line-height: 50px;
	margin: 30px auto 0;
}

.searchlist .about{
	display: none;
}

.searchlist .select-dropdown.orange {
	  background: #e27d11;
	  color: #fff;
	  display: block;
	  font-size: 1em;
	  font-family: "alwyn-new-rounded-web", arial, sans-serif;
	  padding: 18px 14px;
}

.searchlist .select-dropdown.grey {
	  background: #f0f0f0;
	  color: #3d3d3d;
	  display: block;
	  font-size: 1em;
	  font-family: "alwyn-new-rounded-web", arial, sans-serif;
	  padding: 18px 14px;
}


/* =================================
	MAIN - login.html
   ================================= */

#main.login{
	background: #e3e3e3;
}

#main.login .wrapper{
	background: #fff;
	max-width: 100%;
	position: relative;
	padding: 20px 10px 30px;
}

#main.login .breadcrumb{
	font-size: 1.143em;
}

#main.login h2{
	font-size: 1.625em;
	font-weight: 500;	
	margin: 20px 0;
	text-align: center;
}

#main.login .form-description{
	display: none;
}

#main.login .password-control{
	text-align: center;
}

	#main.login .password-control a{
		border-bottom: 1px solid #dde3d8;
		color: #577d2d;
		text-decoration: none;
	}
	
		#main.login .password-control a:hover, #main.login password-control a:active{
			border-bottom: 1px solid #f8e3d5;
			color: #e27d11;
		}

/* =================================
	MAIN - Bottom Part
   ================================= */

#become-host{
	background: #fed92f;
	position: relative;
	text-align: center;
}

#become-host .bg-left{
	background: url(../img/bg_becomehost_left.png) no-repeat -218px -465px;
	height:  100%;
	left: 0;
	position: absolute;
	top: 0;	
	width: 130px;
	z-index: 1;
}

#become-host .bg-right{
	background: url(../img/bg_becomehost_right.png) no-repeat -360px -465px;
	height:  100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 130px;
	z-index: 1;
}

#become-host .wrapper{
	position: relative;
	z-index: 2;
}

#become-host h2{
	color: #fff;
	font-size: 1.625em;
}

/* Pixturemix */

#picture-mix{
	position: relative;
}

#picture-mix .figure-wrapper{
	display: block;
	float: left;	
	position: relative;	
	width: 33.3%;
}

#picture-mix .figure-wrapper.desktop{
	display: none;
}

#picture-mix .figure-wrapper.mobile{
	display: block;
}


#picture-mix .figure-wrapper figure{
	height: 0;
	padding-top: 100%;
	position: relative;
	width: 100%;
}

#picture-mix .figure-wrapper figure img{
	position: absolute;
	top: 0;
	width: 100%;
}

#picture-mix .slogan-wrapper{	
	position: absolute;
	top: 50%;
	width: 100%;
	z-index: 2;
}

#picture-mix h1{
	background: rgba(61,61,61,0.9);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #fff;
	font-size: 1.750em;
	font-weight: 300;
	line-height: 1.214em;
	margin: -40px auto 0 auto;
	padding: 10px 0;
	position: relative;
	text-align: center;
	width: 300px;
}

/* Testimonial */

#testimonial{
	background: #638e34;
	color: #fff;
	text-align: center;
}

	#testimonial .wrapper{
		padding: 20px 0;
		position: relative;
	}

		#testimonial .quote{
			background: url(../img/sprite.png) no-repeat;
			height: 64px;
			position: absolute;
			width: 67px;
		}
	
			#testimonial .quote.left{
				background-position:  -379px -99px;
				left: 50%;
				margin-left: -33px;
				top: 0;
			}
			
			#testimonial .quote.right{
				background-position:  -379px -178px;
				display: none;
			}
	
		#testimonial .testimonial-content{
			padding-top: 75px;
			position: relative;
		}
	
			#testimonial .testimonial-content p{
				font-size: 1.063em;
				font-style: italic;
				font-weight: 300;
				letter-spacing: -0.7px;
				line-height: 1.353em;
				margin-top: 0;
			}
			
			#testimonial .testimonial-content strong{
				font-size: 0.875em;
			}

/* Become-Helpstayer */

#become-helpstayer{
	background: #3f5b1f;
	position: relative;
	text-align: center;
}

	#become-helpstayer .wrapper{
		padding: 30px 0;
		position: relative;
		z-index: 2;
	}

		#become-helpstayer .bg-left{
			background: url(../img/bg_becomehelpstayer_left.png) no-repeat -136px -479px;
			height:  100%;
			width: 130px;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
		}

		#become-helpstayer .bg-right{
			background: url(../img/bg_becomehelpstayer_right.png) no-repeat -352px -479px;
			height:  100%;
			width: 130px;
			position: absolute;
			top: 0;
			right: 0;
			z-index: 1;
		}

		#become-helpstayer h2{
			color: #fff;
			font-size: 1.625em;
		}

		#become-helpstayer p{
			color: #f5f5f5;
			margin: 13px 0;
		}

		#become-helpstayer .button{
			font-size: 1.125em;
		}
		

.text ul.bookmarks {
	padding: 0;
}

.text ul li.bookmark {
	background: url(../img/bookmark.png) no-repeat 11px 0px #f0f0f0;
	padding: 5px 80px 5px 50px;
	position: relative;
	margin-bottom: 5px;
}

.text ul li.bookmark .project {
	background: none;
	font-size: 18px;
	color: #333;
}

.text ul li.bookmark .remove-bookmark {
	float: right;
	color: red;
	font-size: 12px;
	position: absolute;
	right: 10px;
	top: 6px;
}

/* ==================================
	MOBILE: Footer
	================================= */
	
footer{
	background: #3d3d3d;
	color: #fff;
	text-align: center;
}

	footer .wrapper{
		padding: 20px 10px 40px;
	}

		footer .brand{
			background: url(../img/helpstay_logo_header_small.png) no-repeat center center;
			height: 49px;
			margin: 0 auto;
			position: relative;
			right: -6px;
			width: 140px;
		}

		footer p{
			font-size: 1em;
			line-height: 1.375em;
		}

		footer ul{
			list-style: none;
			margin: 0 auto;
			padding: 0;
		}

			footer ul li{
				padding: 0;
				display: inline-block;
				font-size: 0.813em;
				margin-left: 20px;
				margin-right: -4px;
			}
			
				footer ul li a{
					color: #fff;
					text-decoration: none;
				}
				
				footer ul li a:hover{
					color: #c1c1c1;
				}

			footer ul li:first-child{
				margin-left: 0;
			}

		footer ul.nav-main{
			margin-bottom: 10px;
		}

			footer ul.nav-main li{
				font-family: "alwyn-new-rounded-web", arial, sans-serif;
				font-weight: 700;
				font-size: 0.938em;
				line-height: 1.667em;
				margin: 0 8px;
			}
			
		footer .social{
			background: url(../img/sprite.png) no-repeat;
			width: 33px;
			height: 33px;
			display: inline-block;
			margin: 30px 3px 0;
			transition: none;
		}

			footer .social.facebook{
				background-position: -35px -641px;
			}
			
			footer .social.facebook:hover{
				background-position: -77px -641px;
			}
			
			footer .social.twitter{
				background-position: -35px -694px;
			}
			
			footer .social.twitter:hover{
				background-position: -77px -694px;
			}
			
			footer .social.google{
				background-position: -35px -874px;
			}
			
			footer .social.google:hover{
				background-position: -75px -874px;
			}
			

/**** LOCATIONS GALLERY *****/

/* Elastislide Style */

.elastislide-list {
	display: none;
	list-style: none;
}

.no-js .elastislide-list {
	display: block;
}

.elastislide-carousel ul li {
	min-width: 50px; 
}

.elastislide-wrapper {
	background-color: #fff;
	margin: 0 auto;
	position: relative;
}

.elastislide-wrapper.elastislide-loading {
	background-image: url(../img/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.elastislide-horizontal {
	padding: 10px 40px;
}


.elastislide-carousel {
	overflow: hidden;
	position: relative;
}

.elastislide-carousel ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
		-webkit-backface-visibility: hidden;
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		-o-transform: translateX(0px);
	transform: translateX(0px);
}

.elastislide-horizontal ul {
	white-space: nowrap;
}

.elastislide-carousel ul li {
	margin: 0;
		-webkit-backface-visibility: hidden;
}

.elastislide-horizontal ul li {
	display: inline-block;
	height: 100%;
}

.elastislide-carousel ul li a {
	display: inline-block;
	width: 100%;
}

.elastislide-carousel ul li a img {
	display: block;
	max-width: 100%;
}

/* Navigation Arrows */

.elastislide-wrapper nav span {
	background: #ddd url(../img/nav.png) no-repeat 4px 3px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	height: 23px;
	opacity: 0.8;
	position: absolute;
	text-indent: -9000px;
	width: 23px;
}

.elastislide-wrapper nav span:hover {
	opacity: 1.0
}

.elastislide-horizontal nav span {
	left: 10px;
	margin-top: -11px;
	top: 50%;
}

.elastislide-horizontal nav span.elastislide-next {
	background-position: 4px -17px;
	left: auto;
	right: 10px;
}		
			
.image-preview img {
	width: 100%;
}

.gallery nav {
	border: 0px;
}	

/* ==========================================================================
	MEDIA QUERY: HORIZONTAL iPHONE
============================================================================= */

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

/* Slider */
	.home-slider .cycle-slideshow article figure {
		height: 300px;
	}
	

	.home-slider .cycle-slideshow article figure img {
		left:0px;
		width:100%;
	}
}	
			
/* ==========================================================================
	MEDIA QUERY: BIG MOBILE
============================================================================= */

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

/* Big Mobile: Picture-Mix */

	#picture-mix .figure-wrapper{
		width: 25%
	}
}

/* ==========================================================================
	MEDIA QUERY: TABLET
============================================================================= */

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

/* ==================================
	Form Items
   ================================== */

.radio-choice.form-left, .radio-choice.form-right{
/* 	border-right: 10px solid #fff; */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	margin-right: -4px;
	width: 100%;
}

.radio-choice.form-right{
/* 	border-left: 10px solid #fff; */
	border-right: none;
}

.form-submit input {
	width: 250px;
	margin: 0 auto;
	display: block;
}

.sidebar-search .form-submit input {
	max-width: 250px;
	width: 100%;
}



	
/* ==================================
	TABLET: Header
	================================= */

	/* Tablet: Wrapper */
	
	.wrapper{
		max-width: 720px;
	}
	
	
	
	.button.search{
		color: #fff;
		background-image: none;
		width: 141px;
		text-indent: 0px;
	}
	
	header{
		padding: 0;
	}
	
/* Brand */

	header #brand {
		background: url(../img/helpstay_logo_header_small.png) no-repeat;
		display: block;
		float: left;
		height: 35px;
		left: 0;
		margin: 10px 0 0;
		position: static;
		width: 140px;
	}

/* Nav */

nav {
	border-bottom: 10px solid #fff;
}
	
	nav .utilities{
		float: left;
		margin: 5px 0 0 7px;
	}
	
		nav .utilities li{
			font: 700 .875em/3.375em "proxima-nova", helvetica, arial, sans-serif;
			margin: 0 0 0 10px;
		}
		
			nav .utilities li.detailed-search{
				display: inline-block;
				font: 500 .875em/3.375em "proxima-nova", helvetica, arial, sans-serif; /* 15px/45px */
				margin: 0;
				letter-spacing: 0.2px;
			}

		nav .utilities #detailed-search-icon{
			margin: 0 3px 0 10px;
		}

/* Login - SignUp */

.login-signup.mobBar {
	display: none;
}

.login-signup.topBar {
	display: block;
	float: right;
	margin: 11px 0 0;
	width: 155px;
}

.login-signup .ls-button {
	float: left;
	text-align: center;
	width: 38%;
}

.login-signup .separator {
	border-width: 35px 35px 0 0;
}

.login-signup .ls-button a {
	font: 400 0.875em 'proxima-nova', 'Helvetica Neue', sans-serif;
}

.login-signup .ls-button.login a {
	margin-right: -10px;
}

.login-signup .ls-button.signup a {
	margin-left: -10px;
}
	

/* ==================================
	TABLET: Home
	================================= */

/* Home-Slider */
	
	.home-slider .cycle-slideshow{
		height: 400px;
	}
	
	.home-slider .cycle-slideshow article{
		min-width: 310px;
	}

	.home-slider .cycle-slideshow article figure{
		height: 400px;
	}
	
	.home-slider .cycle-slideshow article figure img {
		top:0%;
		width: 120%;
	}
	
	.cycle-pager{
		position: absolute;
		bottom: 18px;
	}
	
/* Home-Search */
	
	#home-search{
		padding-bottom: 140px;
		width: 690px;
		left: 50%;
		margin-left: -345px;
	}
	
	#slogan{
		width: 100%;
	}
	
		#slogan h1{
			font-size: 1.625em;
			line-height: 1.115em;
		}
	
	#searchbar{
		height: 80px;
		padding: 15px 0;
	}
	
		#searchbar .searchbar-inputs{
			margin-left: -10px;
		}
	
			#searchbar .searchbar-inputs input{
				font-size: 1.125em;
				height: 50px;
				line-height: 50px;
				margin-left: 10px;
			}
	
				#searchbar .searchbar-inputs input[type="text"]{
					font-size: 1.125em;
					height: 50px;
				}
	
			#searchbar .searchbar-inputs #destination{
				line-height: 25px;
				padding: 10px 0 10px 8px;
				width: 310px;
			}
	
				#searchbar .searchbar-inputs .date{
					background: url(../img/sprite.png) no-repeat  30px -168px #fff;
					width: 91px;
				}
	.select-dropdown {
		font-size: 18px;
		height: 50px;
		padding-top: 14px;
		width: 350px;
	}
	
	.select-dropdown .selectelement:before {
		font-size: 15px;
		top: 18px;
	}
	
/* Featured Stays */

	.featured-stays-slider{
		padding: 30px 0;
	}

	.featured-stays-slider .slidewrapper{	
		width: 720px;
	}
		
	.featured-stays-slider .cycle-slideshow{
		margin-left: -15px;
		width: 735px;
	}

	.featured-stays-slider .cycle-slideshow article{
		max-width: 230px;
		min-width: 230px;
		padding-left: 15px;
	}
		
	.featured-stays-slider .featured-stay .featured-stay-picture figure.main-picture{
		height: 142px;
	}

	.button.reviews{
/* 		width: 167px; */
	}
	
	.button.verified{
/* 		width: 116px; */
	}
	
	.button.pin{
		width: 37px;
	}
	
	
	.button.view-stay{
		background-position: 171px -364px;
	}	
	
	.button.verified{
		padding-left: 40px;
	}

	.featured-stays-slider .featured-stay-picture figure.user-picture {
		bottom: 0px;
	}

	.featured-stays-slider .stays-pager{
		display: none;
	}
	
	.featured-stay-navigation .question {
	  top: -91px;
	}
		
/* How */

	#how{
		background: #fff;
	}
	
	#how p{
		font-size: 1.188em;
		line-height: 1.368em;
	}
	
/* Media */
	
	#media{
		padding: 25px 0;
	}

	#media .wrapper{
		max-width: 720px;
	}

	#media .navigation{
		top: 86px;
	}

	#media .cycle-slideshow article img{
		width: 152px;
	}

/* ==================================
	MAIN - Background
   ================================== */	
	
	#main .background-image{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	
	#main .background-image figure{
		height: 400px;
		overflow: hidden;
		width: 100%;
	}
	
	#main .background-image img{
		width: 100%;
	}
	
/* ==================================
	MAIN - text.html
   ================================== */

	.text .wrapper{
		background: none;
		max-width: 720px;
		padding: 30px 0 40px 0;
	}
	
	.text .left{
		background: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		padding: 0 20px;
		position: relative;
		width: 520px;
	}
	
	.text .right{
		background: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: right;
		width: 185px;
	}
	
	.text .pin{
		width: 54px;
	}
	
	.text .swipe{
		display: none;
	}
	
	.text table{
		margin-bottom: 40px;
	}
	
	.text .print-share{
		margin: 0;
		padding: 10px;
		text-align: center;
	}
	
	.text .print-share .button.green{
		margin: 10px 0 0;
	}
	
	.text h3.with-hands{
		text-align: left;
		padding-left: 35px;
	}
	
	.text .section-menu{
		display: block;
	}
	
	.text .section-menu ul{
		list-style: none;
		margin: 0 auto;
		padding: 0;
	}
	
	.text .section-menu ul li{
		background: #f0f0f0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-bottom: 2px;
		padding: 14px 10px;
		text-align: left;
	}
	
	.text .section-menu ul li.section-title{
		background: #e27d11;
		color: #fff;
		text-align: center;
	}
	
	.text .section-menu ul li ul{
		background: #e2e2e2;
		margin: 14px 0 0;
	}
	
	.text .section-menu ul li ul li{
		background: none;
		font-size: 0.813em;
		padding: 5px 10px;
	}
	
	.text .section-menu a{
		color: #333;
		text-decoration: none;
	}
	
	.text .section-menu a:hover, .text .section-menu a:active{
		color: #e27d11;
	}
	a.active{
		color: #e27d11 !important;
	}
	
	.text blockquote{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0 0 0 80px;
	}
	
	.text blockquote span {
		background: url(../img/sprite.png) no-repeat -456px -592px;
		top: 5px;
	}
	
	.text .sidebar-text-image{
		padding: 15px 10px;
	}
	
	.text .sidebar-text-image figure{
		height: 115px;
		width: 100%;
	}
	
	.text .sidebar-text-image h6, .text .sidebar-text-image p.area{
		padding: 0;
		width: 100%;
	}
	
	.text .sidebar-text{
		padding: 15px 10px;
	}

/* ==================================
	MAIN - project.html
   ================================== */

	#main{
		position: relative;
	}
	
	.project .wrapper{
		max-width: 720px;
		padding: 30px 0;
	}
	
	.project .left{
		float: left;
		padding: 22px 20px;
		width: 520px;
	}
	
	.project .left .pin{
		right: 0;
		top: 10px;
		width: 54px;
	}
	
	.project .left .project-title{
		margin: 18px 0;
	}
	
	
	.flexnav .tab.availability{
		width:  164px;
	}
	
	.gallery-content{
		border-top: 4px solid #f9cb30;
	}
	
	.gallery-content.map{
		border-top: 4px solid #e27d11;
	}
	
	.gallery-content.availability{
		border-top: 4px solid #6d9a3c;
	}
	
	.review{
		position: relative;
	}
	
	.review-header{
		height: 65px;
	}
	
	.review-header h2{
		display: block;
		float: left;
		line-height: 65px;
		width: auto;
	}
	
	.review-header .overall{
		color: #fff;
		display: block;
		float: right;
	}
	
	.review-header .overall h3{
		display: inline-block;
		margin: 0;
		line-height: 65px;
	}
	
	.review-header .overall .rating{
		display: inline-block;
		font-size: 22px;
	}
	
	.review .question{
		left: -23px;
	}
	
	.review-stars ul li{
		padding-right: 210px;
	}
	
	.review-stars ul li span{
		left: 0;
	}
	
	.review-stars ul li p{
		padding: 0 0 0 25px;
	}
	
	.review .question{
		top: -10px;
		width: 370px;
	}
	
	.review-rating{
		display: none;
	}
	
	.comments{
		padding: 20px 0;
	}
	
	.comment{
		margin-bottom: 10px;
	}
	
	.comment.answer{
		padding-left: 20px;
	}
	
	.comment.answer .comment-content{
		width: 336px;
	}
	
	.comment .user{
		float: left;
		padding: 0;
		text-align: left;
		width: 110px;
	}
	
	.comments .user-pic {
		margin: 0 0 10px;
	}
	
	.user-meta {
		padding-left: 3px;
	}
	
	.comment .user span{
		left: 15px;
		top: 0;
	}
	
	.comment-content{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: right;
		width: 366px;
	}
	
	.comment-content span{
		left: -12px;
		margin: 0;
		top: 10px;
	}
	
	/* RIGHT */
	
	.project .right{
		background: #fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: right;
		padding: 10px 0;
		width: 186px;
	}
	
	.project .right h3{
		padding-left: 35px;
		text-align: left;
	}
	
	.project .profile h2{
		display: none;
	}
	
	.project .right .lightgreen.available_dates {
		padding: 0;
	}
	
	.project .right .lightgreen p{
		line-height: 1.250em;
		text-align: left;
		padding-left: 10px;
		padding-top: 15px;
	}
	
	.project .profile .lightgreen b{
		display: block;
	}
	
	.project .profile .button.green{
		margin-bottom: 20px;
	}
	
	.project .testimonials .button{
		display: inline-block;
		margin: 10px 0 30px 0;
		width: 140px;
	}
	
	.project .testimonials blockquote{
		margin: 0 0 20px;
	}
	
	.listing.similar{
		background: #fff;
		margin: 0;
	}

/* ==================================
	MAIN - register.html
   ================================== */
	
	.register{
		padding: 30px 0 20px 0;
	}
	
	.register .wrapper{
		max-width: 720px;
	}
	
	.register .left{
		padding: 0 70px 63px;
	}
	
	.register .left ul{
		margin: 0 auto 80px;
		width: 440px;
	}
	
	.register .right{
		padding: 20px;
	}
	
	.register .right h2{
		font-size: 1.875em;
	}
	
	.register .right p{
		font-size: 1.375em;
	}
	
	.register .right form ol{
		width: 461px;
	}

/* ==================================
	MAIN - searchlistings.html
   ================================== */

	#main{
		background: #f0f0f0;
	}
	
	.searchlist .wrapper{
		max-width: 100%;
		padding: 30px 0 0 0;
	}
	
	.searchlist .two-col{
		margin: 0 auto;
		width: 100%;
	}
	
	.searchlist .breadcrumb, .searchlist .search, .searchlist .search-results, .searchlist .featured-listing{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0 auto;
		width: 720px;
	}
	
	.searchlist .breadcrumb {
		height: 55px;
	}
	
	.searchlist .breadcrumb ul li{
		font-size: 1em;
	}
	
	.searchlist .search{
		background: #fff;
		padding: 0 20px;
	}
	
	.searchlist #searchbar{
		height: 165px;
		margin: 0;
		padding: 20px 18px 10px;
	}
	
	.searchlist #mid-searchdropdown {
		max-width: 370px;
		margin: 0 auto;
	}
	
	.searchlist #searchbar ul li{
		width: 370px;
	}
	
	.searchlist #searchbar ul li.date.left, .searchlist #searchbar ul li.date.right{
		margin: 0 0 18px 16px;
		padding: 0;
		width: 119px;
	}
	
	.searchlist #searchbar ul li.date.left span{
		right: 10px;
	}
	
	.searchlist #searchbar ul li.button-submit{
		display: block;
		width: 100%;
	}
	
	.searchlist #searchbar input[type="submit"]{
		width: 250px;

	}
	
	.searchlist .search-results{
		border-left: solid 20px #fff;
		border-right: 20px solid #fff;
		padding: 24px 30px;	
	}
	
	.searchlist .search-results .tags{
		margin-bottom: 14px;
	}
	
	
	.searchlist .search-results ul{
		margin-left: -10px;
		width: 640px;
	}
	
	.searchlist .search-results ul li{
		margin: 0 10px 20px;
	}
	
	.searchlist .featured-listing {
		border-left: solid 20px #fff;
		border-right: 20px solid #fff;
		padding: 0 0 30px 0;
	}
	
	.searchlist .filter{
		background: #fff;
		padding: 20px 125px;
	}
	
	.searchlist .filter .menu-button{
		display: block;
	}
	
	.searchlist .search-results .tags{
		padding: 5px 0;
	}
	
	.searchlist .search-results .tags h4{
		text-align: left;
		display: inline-block;
		margin: 5px;
		line-height: 26px;
		vertical-align: middle;
	}
	
	.searchlist .search-results .tags ul{
		display: inline-block;
		width: 455px;
		height: auto;
		vertical-align: middle;
	}
	
	.searchlist .search-results .tags ul li{
		margin: 5px 6px 5px 0;
	}
	
	.searchlist .featured-listing .featured-stay {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
		box-sizing: border-box;
		background: #fff;
		min-height: 213px;
		padding: 10px 20px 10px 321px;
		position: relative;
		width: 620px;
	}
	
	
	.searchlist .featured-listing .featured-stay-picture {
		position: absolute;
		top: 10px;
		left: 10px;
	}
	
	.searchlist .featured-listing .featured-stay-picture figure{
		width: 290px;
		height: 192px;
	}
	
	.searchlist .featured-listing .featured-stay .button.view-stay {
		background-position: 221px -411px;
	}
	
	.searchlist .about{
		background: #fff;
		width: 100%;
	}
	
	.searchlist .about p{
		font-size: 1.250em;
		margin: 1em auto;
		max-width: 620px;
	}
	
	.searchlist #how .button{
		margin-bottom: 30px;
	}
	
	#searchlisting-sidebar .country-selecting {
		background: url(../img/bg_search_listing-repeater.png);
		max-width: 430px;
		margin: 0 auto 10px;
	}

/* ==================================
	MAIN - login.html
   ================================== */

	#main.login{
		padding: 30px 0 0 0;
	}
	
	#main.login .wrapper{
		max-width: 720px;
		padding: 20px 20px 30px;
	}
	
	#main.login h2{
		font-size: 1.875em;
	}
	
	#main.login .form-description{
		display: block;
		font-size: 1.375em;
		line-height: 1.250em;
		margin: 0 0 42px 0;
		padding: 0 10px;
		text-align: center;
	}
	
	#main.login .password-control br{
		display: none;
	}
	
	#main.login form{
		margin: 0 auto;
		width: 460px;
	}
	
	#main.login .form-text{
		margin-bottom: 20px;
	}
	
	#main.login .form-submit{
		margin-top: 40px;
	}
	
/* Become-Host */
	
	#become-host .wrapper{
		max-width: 620px;
	}
	
		#become-host h2{
			font-size: 1.875em;
		}
	
		#become-host p{
			font-size: 1.250em;
			line-height: 1.3em;
		}
	
/* Picture-Mix */
	
	#picture-mix .figure-wrapper{
		width: 20%;
	}
	
	#picture-mix .figure-wrapper.mobile{
		display: none;
	}
	
	#picture-mix .figure-wrapper.tablet{
		display: block;
	}
	
	#picture-mix h1{
		font-size: 2em;
		line-height: 1.406em;
		margin: -32px auto 0 auto;
		width: 608px;
	}
	
/* 	Testimonial */

	#testimonial .testimonial-content{
		padding: 0 80px;
	}
	
		#testimonial .testimonial-content p{
			font-size: 1.250em;
			line-height: 1.300em;
		}
	
	#testimonial .quote{
		top: 0;
	}
	
		#testimonial .quote.left{
			left: 0;
			margin-left: 0;
		}
		
		#testimonial .quote.right{
			display: block;
			right: 0;
		}
		
/* Become-Helpstayer */

	#become-helpstayer p{
		font-size: 1.250em;
		line-height: 1.300em;
	}

/* PAYMENT */

.form-text .card-list {
	background:#f0f0f0;
	float: left;
	margin: 0px 0px 0px 10px;
	padding:14px 8px 8px;
}

.form-text input.cc-number {
	float: left;
	width:240px;
}
	
/* ==================================
	TABLET: Footer
   ================================== */
	
	footer ul li{
		font-size: 0.938em;
		margin-left: 25px;
	}
	
	footer ul.nav-main li{
		font-size: 1em;
		margin-left: 45px;
	}
	
/* ==========================================================================
	MEDIA QUERY: BIG TABLET
============================================================================= */

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

/* Picture-Mix */

	#picture-mix .figure-wrapper {
		width: 14.28%;
	}
	
	#picture-mix .figure-wrapper.mobile{
		display: block;
	}
	
	#picture-mix .figure-wrapper.tablet-big{
		display: block;
	}
	
/* ==================================
	ASK NOW
================================== */

.ask-now{
	width: 180px;
}

.ask-now p{
	display: block;
}

}

/* ==========================================================================
	MEDIA QUERY: DESKTOP
============================================================================= */

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

	.wrapper{
		max-width: 980px;
	}
	
	h2{
		font-size: 1.625em;
	}
	
	.button.search{
		width: 148px;
	}
	
/* ==================================
	DESKTOP: Header
   ================================== */
	
/* Brand */

	header #brand {
		background-position: center center;
		margin: 10px 0 0;
	}
	
	header #brand.tablet{
		display: none;
	}
	
		header #brand a{
			height: 49px;
		}

/* Nav */

	nav .utilities{
		margin-left: 65px;
	}
	
		nav .utilities li{
			font: 700 1em/3.375em "proxima-nova", helvetica, arial, sans-serif; /* 16px/45px */
			margin: 0 25px;
		}
	
	nav .utilities #detailed-search-icon{
		margin: 0 5px 0 15px;
	}
	
	nav .utilities li.detailed-search {
		font-size: 1em;
	}
	
/* Login */
	
.login-signup.topBar {
	float: left;
	margin-left: 15px;
	width: 189px;
}

.login-signup .ls-button a {
	font-size: 1em;
	font-weight: bold;
}

.login-signup .separator {
	border-width: 37px 37px 0 0;
}

/* ==================================
	DESKTOP: Home
   ================================== */

/* Home-Slider */
	
	.home-slider{
		max-width: 100%;
	}
	
	.home-slider .cycle-slideshow{
		height: 500px;
	}
	
	.home-slider .cycle-slideshow article figure{
		height: 500px;
	}
	
	.home-slider .cycle-slideshow article figure img {
		width: 100%;
	}
	
/* Home-Search */

	#home-search{
		width: 890px;
		left: 50%;
		margin-left: -445px;
	}
	
	#slogan h1{
		font-size: 2em;
		line-height: 0.906em;
	}
	
	#searchbar{
		height: 95px;
		padding: 20px 0;
	}

		#searchbar .searchbar-inputs{
			margin-left: -12px;
		}
	
	
			#searchbar .searchbar-inputs input{
				font-size: 1.250em;
			}
	
				#searchbar .searchbar-inputs input[type="text"]{
					font-size: 1.250em;
				}

	
				#searchbar .searchbar-inputs #destination{
					width: 490px;
				}
	
/* Featured-Stays */
	
	.featured-stays-slider .wrapper{
		overflow: visible;
		position: relative;
	}
	
	.featured-stays-slider .slidewrapper{
		overflow: hidden;
		width: 980px;
	}

	.featured-stays-slider .navigator{
		position: absolute;
		top: 50%;
	}
	
	.featured-stays-slider .navigator.prev{
		left: -35px;
	}
	
	.featured-stays-slider .navigator.next{
		right: -35px;
	}
			
	.featured-stays-slider .cycle-slideshow{
		margin-left: -24px;
		width: 1004px;
	}
	
	.featured-stays-slider .cycle-slideshow article{
		min-width: 310px;
		max-width: 334px;
		padding-left: 24px;
	}
	
	.featured-stays-slider .cycle-slide{
		padding-left: 24px;
	}
	
	.featured-stays-slider .cycle-slideshow .featured-stay{
		width: 310px;
	}
	
	.featured-stays-slider .featured-stay .featured-stay-picture figure.main-picture {
		width: 100%;
		height:180px;
		display: block;
	}
	
	.featured-stays-slider .featured-stay .main-picture img{
		width: 100%;
	}
	
	.featured-stays-slider .featured-stay .user-picture {
		background: url(../img/sprite.png) no-repeat -149px -864px;
		bottom: 0;
		height: 75px;
		right: 0;
		position: absolute;
		width: 75px;
		text-align: left;
	}
	
	.featured-stays-slider .featured-stay-picture a:hover .user-picture {
		background-position:-259px -864px;
	}
	
	.featured-stays-slider .featured-stay .user-picture img {
		border: 1px solid #6D9A3C;
		height: 60px;
		width: 60px;
	}
	
/*
	.featured-stays-slider .cycle-slideshow .featured-stay-content {
		height: 132px;
	}
*/
	
	.featured-stays-slider .cycle-slideshow .featured-stay-navigation {
		width: 100%;
	}
	
	.button.reviews{
/* 		width: 138px; */
	}
	
	.button.verified{
/* 		width: 200px; */
		padding-left: 35px;
	}
	
	.button.view-stay{
		background-position: 251px -364px;
	}
	
	.featured-stay-picture{
		overflow: hidden;
	}
	
	.featured-stays-slider .featured-stay-picture figure.user-picture {
		bottom: 0;
	}
	
/* How */
	
	#how p{
		font-size: 1.438em;
		line-height: 1.391em;
	}
	
/* Media */

	#media .wrapper{
		max-width: 1050px;
	}

	#media .navigation{
		top: 114px;
	}

	#media .cycle-slideshow article img{
		margin: 10px;
		width: 230px;
	}
	

/* ==================================
	MAIN - Backgroundimage
   ================================== */
	
	#main .background-image figure{
		height: 580px;
	}		
	
/* ==================================
	MAIN - h3 with hands
   ================================== */
	
	h3.with-hands:before{
		background: url(../img/sprite.png) no-repeat -30px -124px;
		width: 33px;
		height: 32px;
		margin: -8px 0 0 -40px;
		
	}
	
/* ==================================
	MAIN - text.html
   ================================== */
	.text .wrapper{
		max-width: 1000px;
	}
	
	.text .left{
		width: 660px;
	}
	
	.text .right{
		padding: 10px;
		width: 320px;
	}
	
	.text .right p a {
		color: #6d9a3c;
	}
	.text .right p a:hover {
		text-decoration: underline;
	}
	
	.text .print-share{
		padding: 0 10px;
		text-align: left;
	}
	
	.text .section-menu ul li.icon{
		padding-left: 60px;
		position: relative;
	}
	
	.text .section-menu ul li.icon span{
		display: block;
		left: 10px;
		position: absolute;
	}
	
	.text h3.with-hands{
		padding-left: 43px;
	}
	
	.text .sidebar-text-image{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		min-height: 140px;
		position: relative;
	}
	
	.text .sidebar-text-image h3.with-hands {
		margin: 10px auto 20px;
	}
	
	.text .sidebar-text-image figure{
		height: 60px;
		left: 15px;
		position: absolute;
		width: 85px;
	}
	
	.text .sidebar-text-image h6{
		margin: 22px 0 0 0;
		padding-left: 115px;
		max-width: 180px;
	}
	
	.text .sidebar-text-image p.area{
		padding-left: 115px;
	}
	
	.text .sidebar-text blockquote{
		padding: 0 20px;
	}
	
	.text .button.sidebar{
		margin: 15px 10px;
	}
	
	.text .sidebar-search{
		margin: 0 auto 120px;
		width: 280px;
	}
	
	.text .sidebar-search .form-text.form-left, .text .sidebar-search .form-text.form-right{
		border-right: 5px solid transparent;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: inline-block;
		margin-right: -4px;
		width: 50%;
	}
	
	.text .sidebar-search .form-text.form-right{
		border-left: 5px solid transparent;
		border-right: none;
	}
	
/* ==================================
	MAIN - project.html
   ================================== */

	.project .wrapper{
		max-width: 1000px;
	}
	
	.project .left{
		width: 660px;
	}
	
	.flexnav li, .flexnav .tab.availability{
		width: 204px;
	}
	
	.project .left .button.yellow{
		font-size: 1.125em;
		width: 320px;
	}
	
	.tab a span{
		background: url(../img/sprite.png) no-repeat -390px -253px;
		width: 34px;
		height: 34px;
		position: absolute;
		top: 10px;
		left: 8px;
	}
	
	.tab.map a span{
		background: url(../img/sprite.png) no-repeat -394px -292px;
		width: 27px;
		height: 32px;
	}
	
	.tab.availability a span{
		background: url(../img/sprite.png) no-repeat -393px -335px;
		width: 28px;
		height: 28px;
		top: 12px;
	}
	
	.project .right{
		width: 320px;
	}
	
	.project .right h3{
		padding-left: 40px;
	}
	
	.project .profile h4{
		font-size: 1.500em;
		float: left;
		margin: 5px 0 10px;
	}
	
	.host-profile{
		height: 165px;
	}
	
	.position{
		background: #fed92f;
		color: #fff;
		display: block;
		font-size: 0.813em;
		font-weight: 700;
		float: right;
		margin: 5px 0 0 0;
		padding: 5px 10px
	}
	
	.project .profile p{
		clear: both;
		font-size: 1.188em;
		line-height: 1.211em; 
	}
	
	
	
	.project .profile .button.green{
		font-size: 1.375em;
		line-height: 50px;
		height: 50px;
		position: relative;
		width: 100%;
	}
	
	.project .profile .button.green span{
		background: url(../img/sprite.png) no-repeat -431px -243px #577d2d;
		width: 50px;
		position: absolute;
		height: 50px;
		top: 0;
		left: 0;
	}
	
	.project .right .lightgreen{
		height: 68px;
		padding: 0 0 0 50px;
		position: relative;
	}
	
	.project .right .lightgreen.available_dates {
		min-height: 68px;
		height: auto;
		padding: 28px 10px 28px 50px;
	}
	
	.project .right .lightgreen.available_dates p{
		line-height: 1.2em;
	}
	
	.project .right .lightgreen.available_dates p b{
		vertical-align: top;
		width: 120px;
	}
	
	.project .right .lightgreen span{
		background: url(../img/sprite.png) no-repeat -446px -292px;
		width: 28px;
		height: 28px;
		position: absolute;
		top: 20px;
		left: 14px;
	}
	
	.project .right .lightgreen.time span{
		background-position: -444px -334px;
	}
	
	.project .right .lightgreen.cal span{
		background-position: -489px -334px;
	}
	
	.project .right .lightgreen.positions span{
		background-position: -531px -334px;
	}
	
	.project .right .lightgreen.reviews-rating span {
		background-position: -569px -332px;
	}
	
	.project .right .lightgreen p{
		font-size: 0.938em;
		line-height: 68px;
		margin: 0;
		padding: 0;
	}
	
	.project .right .lightgreen b{
		display: inline-block;
		font-size: 1.067em;
		margin-left: 15px;
	}
	
	.project .testimonials blockquote{
		padding: 0 20px;
	}
	
	.project .testimonials .button{
		margin-left: 20px;
	}
	
	.listing ul li{
		min-height: 60px;
		padding-left: 120px;
		position: relative;
	}
	
	.listing figure{
		height: 60px;
		left: 20px;
		position: absolute;	
		top: 0;
		width: 90px;
	}
	
	.review-header{
		height: 75px;
		width: 620px;
	}
	
	.review-header h2{
		line-height: 75px;
	}
	
	.review-header .overall h3 {
		line-height: 75px;
	}
	
	.review-stars ul li{
		padding-right: 50px;
	}
	
	.review .question{
		left: -24px;
	}
	
	.left-rating, .right-rating{
		margin: 20px 0 0;
		width: 50%
	}
	
	.left-rating{
		float: left;
	}
	
	.right-rating{
		float: right;
	}
	
	.comment .user{
		padding: 0;
		width: 31%;
	}
	
	.comments .user-pic {
		float: left;
	}
	
	.user-meta {
		float: right;
		padding: 0;
	}
	
	.comment-content{
		width: 65%;
	}
	
	.comment.answer .comment-content{
		width: 377px;
	}
	
	


/* ==================================
	MAIN - register.html
   ================================== */

	.register{
		padding-bottom: 55px;
	}
	
	.register .wrapper{
	
		max-width: 1020px;
		padding-right: 10px;
	}
	
	.register .two-col{
		background: url(../img/bg_both.jpg) repeat-y;
		width: 1010px;
	}
	
	.register .right{
		background: none;
		float: right;
		width: 680px;
	}
	
	
	.register .left{
		background: none;
		float: left;
		padding:  45px 20px 40px;
		text-align: left;
		width: 330px;
	}
	
	.register .left h3.with-hands{
		margin: 25px 0 20px;
		text-align: left;
		padding-left: 34px;
	}
	
	.register .left ul{
		width: 290px;
	}
	
	.register .left ul li{
		padding-left: 60px;
		text-align: left;
	}

/* ==================================
	MAIN - searchlistings.html
   ================================== */

	#main.searchlist{
		background: #e3e3e3; 
	}
	
	.searchlist .wrapper{
		max-width: 1020px;
		padding: 40px 10px 45px 0;
	}
	
	.searchlist h3.with-hands{
		text-align: left;
	}
	
	.searchlist .two-col{
		background: url(../img/bg_both_searchlist.jpg) repeat-y;
		width: 1010px;
	}
	
	.searchlist .left{
		background: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		width: 330px;
	}
	
	.searchlist .right{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: right;
		width: 680px;
	}
	
	.searchlist .breadcrumb {
		background: #f9f9f9;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing:border-box ;
		height: 53px;
	}
	
	.searchlist .search{
		background: none;
		margin: 0;
		padding: 20px 20px 0px;
	}
	
	.searchlist #searchbar{
		background: url(../img/bg_search_listing.jpg);
		background-size: 100% 100%;
		height: auto;
		margin: 0;
		padding: 20px 10px 10px;
	}
	
	.searchlist #searchbar ul{
		list-style: none;
		margin: 0 auto;
		padding: 0;
	}
	
	.searchlist #searchbar ul li{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		margin: 0 0 10px 0;
		padding: 0;
		width: 100%;
	}
	
	.searchlist #searchbar ul li.date{
		margin-bottom: 20px;
		width: 50%;
	}
	
	.searchlist #searchbar ul li.date.left{
		float: left;
		margin: 0 0 20px 0;
		padding: 0;
		width: 130px;
	}
	
	.searchlist #searchbar ul li.date.right{
		float: right;
		margin: 0 0 20px 0;
		padding: 0;
		width: 130px;
	}
	
	.searchlist #searchbar input{
		border: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		line-height: 23px;
		padding: 15px 20px;
		width: 100%;
	}
	
	.searchlist #searchbar input[type="submit"]{
		background: #e27d11;
		text-indent: 0;
	}
	
	
	.searchlist .filter{
		background: none;
		padding: 0;
	}
	
	.searchlist .filter h3.with-hands{
		display: block;
		margin-bottom: 21px;
		width: 100%;
	}
	
	.searchlist .filter .select-dropdown.orange {
		margin-bottom: 13px;
	}
	
	
	.searchlist .filter .menu-button{
		display: none;
	}
	
	.searchlist .filter .room-type{
		background: #e27d11;
		color: #fff;
		display: block;
		height: 55px;
	}
	
	.searchlist .filter .room-type h3{
		float: left;
		margin: 0 0 0 10px;
		line-height: 55px;
	}
	
	.searchlist .filter .room-type a{
		color: #fff;
		float: right;
		margin: 18px 10px;
		text-decoration: none;
	}
	
	.searchlist .filter .filters.mobile{
		display: none !important;
	}
	
	.searchlist .filter .filters.desktop{
		background: none;
		clear: both;
		list-style: none;
		margin: 0 auto;
		display: block;
	}
	
	.searchlist .filter .filters.desktop li {
		background: #e8e7e7;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
		box-sizing: border-box;
		height: 55px;
		line-height: 55px;
		margin: 2px 0 0;
		padding: 0 0 0 20px;
	}
	
	.searchlist .filter .filters.desktop input{
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0;
		margin-right: 21px;
	}
	
	.searchlist .filter .filters.desktop li p{
		background: #f0f0f0;
		display: inline-block;
		margin: 0;
		width: 215px;
		line-height: 55px;
		padding: 0 10px;
	}
	
	.searchlist .tags{
		display: none;
	}
	
	.searchlist .search-results {
		background: none;
		border: none;
		padding: 24px 0 0;
	}
	
	.searchlist .search-results ul{
		margin-left: auto;
	}
	
	.searchlist .featured-listing{
		background: #f7f7f7;
		clear: left;
		border: none;
		padding: 0 0 15px 0;
	}
	
	.searchlist .featured-listing h3.with-hands{
		margin: 20px 0 5px 20px;
	}
	
	
	.searchlist .featured-listing .featured-stay {
		padding: 10px 20px 10px 100px;
		width: 300px;
		background: none;
		min-height: 0;
	}
	
	.searchlist .featured-listing .featured-stay-content{
		background: none;
	}
	
	.searchlist .featured-listing .featured-stay-picture figure {
		width: 90px;
		height: 60px;
	}	
	
	.searchlist .featured-listing .button.green, .searchlist .featured-listing .featured-stay .button.view-stay, .searchlist .featured-listing .featured-stay-content .description{
		display: none;
	}
	
	.searchlist .about{
		background: #fff;
		clear: left;
		display: block;
		padding: 0 10px 30px;
		text-align: left;
	}
	
	.searchlist .about h3.with-hands{
		margin: 35px 0 0 10px;
	}
	
	.searchlist .about p{
		font-size: 1.188em;
		letter-spacing: -0.1px;
		line-height: 1.211em;
		padding: 0 30px;
	}
	
	.searchlist #how{
		display: none;
	}
	
	#searchlisting-sidebar {
		padding: 0;
		background: #fff;
	}

	#searchlisting-sidebar .country-selecting {
		padding: 20px 20px 25px;
		background: url(../img/bg_search_listing-repeater.png);
	}
	
	.searchlist .hidden-filters {
		display: block;
	}
	
/* ==================================
	MAIN - login.html
   ================================== */

	#main.login .wrapper{
		max-width: 1000px;
	}
	
	#main.login .form-description{
		margin: 0 auto 42px auto;
		width: 660px;
	}

/* ==================================
	MAIN - Bottom Part
   ================================== */
	
/* Become-Host */
	
	#become-host p{
		font-size: 1.500em;
		line-height: 1.208em
	}
	
	#become-host .bg-left{
		width: 350px;
		background-position-x: 0;
	}
	
	#become-host .bg-right{
		width: 350px;
	}
	
/* Picture-Mix */
	
	#picture-mix .figure-wrapper {
		width: 10%;
	}
	
	
		#picture-mix .figure-wrapper.desktop{
		 	display: block;
		}
	
	#picture-mix h1{
		font-size: 2.625em;
		line-height: 1.071em;
		width: 780px;
	}
	
/* 	Testimonials */
	
	#testimonial .testimonial-content p{
		font-size: 1.500em;
	}

/* Become-Helpstayer */
	
	#become-helpstayer .wrapper{
		max-width: 770px;
	}
	
	#become-helpstayer .bg-left{
		background-position-x: -16px;
		width: 240px;
	}
	
	#become-helpstayer .bg-right{
		background-position-x: -361px;
		width: 240px;
	}
	
	#become-helpstayer h2{
		font-size: 1.875em;
	}
	
	#become-helpstayer p{
		font-size: 1.500em;
		line-height: 1.208em;
	}
	
/* ==================================
	DESKTOP: Footer
   ================================== */
	
	footer .wrapper{
		max-width: 860px;
	}
	
	footer p{
		font-size: 1.125em;
	}
	
	footer ul.nav-main li{
		font-size: 1.063em;
	}

}



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

	.home-slider .cycle-slideshow article figure img {
		top:-20%;
		width:100%;
	}
}


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

	.home-slider .cycle-slideshow article figure img {
		top:-30%;
		width:100%;
	}
}

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

	.home-slider .cycle-slideshow article figure img {
		top:-46%;
		width:100%;
	}
}