/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
/* line 8, ../sass/_cssreset.scss */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* line 9, ../sass/_cssreset.scss */
body {
  line-height: 1;
}

/* line 10, ../sass/_cssreset.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 11, ../sass/_cssreset.scss */
nav ul {
  list-style: none;
}

/* line 12, ../sass/_cssreset.scss */
li {
  list-style-type: none;
}

/* line 13, ../sass/_cssreset.scss */
blockquote, q {
  quotes: none;
}

/* line 14, ../sass/_cssreset.scss */
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

/* line 15, ../sass/_cssreset.scss */
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
/* line 17, ../sass/_cssreset.scss */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
/* line 19, ../sass/_cssreset.scss */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* line 20, ../sass/_cssreset.scss */
del {
  text-decoration: line-through;
}

/* line 21, ../sass/_cssreset.scss */
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* line 22, ../sass/_cssreset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
/* line 24, ../sass/_cssreset.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

/* line 25, ../sass/_cssreset.scss */
input, select {
  vertical-align: middle;
}

/* Layout */
/* line 24, ../sass/_base.scss */
html, body {
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  background: #fffef9 url("../images/body-bg.jpg") repeat-y center;
  line-height: 24px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #323232;
}

/* line 32, ../sass/_base.scss */
.container {
  *zoom: 1;
  max-width: 1021px;
  _width: 1021px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  min-width: 950px;
  background-color: #fffef9;
  position: relative;
  z-index: 100;
}
/* line 38, ../../../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.container:after {
  content: "";
  display: table;
  clear: both;
}

/* line 39, ../sass/_base.scss */
.fapline, .fapcol {
  width: 100%;
  height: auto;
  float: left;
}

/* line 44, ../sass/_base.scss */
#patio-detail .container {
  background-color: #fffef9;
}

/* line 54, ../sass/_base.scss */
a {
  color: #b82126;
  text-decoration: none;
}

/* line 61, ../sass/_base.scss */
::-webkit-input-placeholder {
  color: #f0f0ec;
  font-size: 14px;
}

/* line 65, ../sass/_base.scss */
input:-moz-placeholder {
  color: #f0f0ec !important;
  font-size: 14px !important;
}

/* line 69, ../sass/_base.scss */
button {
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  text-indent: -9999px;
  font-size: 0;
}

/* -------------------------------------------------------------------------*/
/* line 4, ../sass/_ie.scss */
.ie8 .detail-lister li.first, .ie7 .detail-lister li.first {
  width: 122px;
}

/* line 7, ../sass/_ie.scss */
.ie8 .detail-lister li.type-icon, .ie7 .detail-lister li.type-icon {
  width: 86px;
}

/* line 10, ../sass/_ie.scss */
.ie8 .detail-lister li.covered-icon, .ie7 .detail-lister li.covered-icon {
  width: 94px;
}

/* line 13, ../sass/_ie.scss */
.ie8 .detail-lister li.heated-icon, .ie7 .detail-lister li.heated-icon {
  width: 86px;
}

/* line 16, ../sass/_ie.scss */
.ie8 .detail-lister li.reserv-icon, .ie7 .detail-lister li.reserv-icon {
  width: 82px;
}

/* line 19, ../sass/_ie.scss */
.ie8 .detail-lister li.last, .ie7 .detail-lister li.last {
  width: 52px;
}

/* line 22, ../sass/_ie.scss */
.ie7 #search input {
  background: none;
}

/* line 25, ../sass/_ie.scss */
#patio-detail .ie7 #nav-content {
  height: 0;
}

/* -------------------------------------------------------------------------*/
/* line 13, ../sass/screen.scss */
.container {
  max-width: 1022px;
}

/* line 20, ../sass/screen.scss */
body.skin-ad,
body.skin-ad .container {
  background-color: #3CB153;
}

/* line 24, ../sass/screen.scss */
#skin-add-block {
  width: 100%;
  height: 1000px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
}

/* line 32, ../sass/screen.scss */
.skin-block {
  width: 400px;
  height: 1000px;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}

/* line 41, ../sass/screen.scss */
.left-skin div {
  float: right;
}

/* line 44, ../sass/screen.scss */
.skin-block.right-skin {
  left: auto;
  right: 0;
}

/* line 56, ../sass/screen.scss */
#user-menu-container {
  width: 1023px;
  height: 60px;
  margin: 0 auto;
  background: #fffef9;
}

/* line 62, ../sass/screen.scss */
#not-loged-in {
  height: 60px;
  padding-left: 20px;
  display: block;
}

/* line 67, ../sass/screen.scss */
#not-loged-in a {
  line-height: 60px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #b82126;
}

/* line 71, ../sass/screen.scss */
#not-loged-in span {
  line-height: 30px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #323232;
}

/* line 74, ../sass/screen.scss */
#loged-in {
  height: 60px;
  padding-left: 20px;
}

/* line 78, ../sass/screen.scss */
#user-menu {
  min-width: 120px;
  height: 30px;
  float: left;
  margin-top: 15px;
  display: inline;
  position: relative;
}

/* line 86, ../sass/screen.scss */
.menu-head {
  width: auto;
  height: 30px;
  float: left;
  display: inline;
}

/* line 92, ../sass/screen.scss */
.menu-head a {
  width: 100%;
  height: 100%;
  display: inline-block;
  padding-right: 15px;
}

/* line 98, ../sass/screen.scss */
.menu-head a img {
  max-width: 30px;
  max-height: 30px;
  float: left;
  margin-right: 10px;
  overflow: hidden;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}

/* line 106, ../sass/screen.scss */
.menu-head a span {
  width: auto;
  float: left;
  display: inline;
  line-height: 30px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #323232;
}

/* line 112, ../sass/screen.scss */
.menu-list {
  width: 90%;
  display: none;
  padding: 5%;
  position: absolute;
  top: 35px;
  left: 0;
  background: #f0f0ec;
  z-index: 200;
  box-shadow: 0 8px 10px #333333;
  border: 1px #fffef9 solid;
  border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
}

/* line 125, ../sass/screen.scss */
.active .menu-list {
  display: block;
}

/* line 128, ../sass/screen.scss */
.menu-list li {
  width: 90%;
  height: 20px;
  float: left;
}

/* line 133, ../sass/screen.scss */
.menu-list li a {
  width: 100%;
  line-height: 20px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #b82126;
}

/* line 137, ../sass/screen.scss */
#loged-in .favourites {
  width: auto;
  height: 30px;
  float: left;
  display: inline-block;
  margin: 15px 0 0 10px;
}

/* line 144, ../sass/screen.scss */
#loged-in .favourites a {
  display: inline-block;
  line-height: 30px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #b82126;
}

/* line 151, ../sass/screen.scss */
#facebook-container {
  width: 615px;
  height: 264px;
  background: #edede8;
  border-radius: 10px;
}

/* line 157, ../sass/screen.scss */
#facebook-login {
  width: 575px;
  height: 224px;
  border: 1px #416c90 solid;
  float: left;
  margin: 20px;
  box-shadow: inset 1px 1px 1px #7ea2bf;
  background: transparent url("../images/fb-login-bg.jpg") repeat-x;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

/* line 167, ../sass/screen.scss */
.fb-login-icon {
  width: 200px;
  height: 224px;
  float: left;
  background: transparent url("../images/fb-login-icon.jpg") no-repeat 37px 75px;
  border-right: 1px #7ea2bf solid;
}

/* line 174, ../sass/screen.scss */
.fb-login-content {
  width: 372px;
  height: 224px;
  float: left;
  border-left: 2px #29598f solid;
}

/* line 180, ../sass/screen.scss */
.fb-title {
  width: 318px;
  display: block;
  float: left;
  margin: 35px 0 0 30px;
  line-height: 24px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #fffef9;
}

/* line 187, ../sass/screen.scss */
.fb-login-button {
  width: 285px;
  height: 48px;
  display: block;
  float: left;
  margin: 50px 0 0 45px;
  background: transparent url("../images/btn-connect-using-facebook.png") no-repeat bottom left;
}

/* line 195, ../sass/screen.scss */
.fb-login-button:hover {
  background-position: 0 0;
}

/* line 201, ../sass/screen.scss */
#header-bottom {
  height: 56px;
  background: transparent url("../images/nav-bg.jpg") repeat-x;
}

/* line 205, ../sass/screen.scss */
.site-logo {
  width: 67px;
  height: 43px;
  float: left;
  margin: 6px 0 0 20px;
}

/* line 211, ../sass/screen.scss */
.site-sponsor {
  width: 70px;
  height: 45px;
  float: left;
  margin: 5px 0 0 20px;
}

/* line 217, ../sass/screen.scss */
.site-logo h2 {
  width: 100%;
  height: 100%;
}

/* line 221, ../sass/screen.scss */
.site-logo h2 a {
  width: 100%;
  height: 100%;
  display: block;
}

/* line 226, ../sass/screen.scss */
#search {
  width: 175px;
  height: 35px;
  float: right;
  margin: 9px 25px 0 0;
  background: #fffef9;
  position: relative;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px #dfdad1 solid;
}

/* line 236, ../sass/screen.scss */
#search input {
  width: 81%;
  line-height: 20px;
  padding: 5px 4px 5px 30px;
  margin: 0;
  border: none;
  height: 25px;
  font-size: 14px;
  color: #323232;
}

/* line 246, ../sass/screen.scss */
#search button {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url("../images/search-icon.png") no-repeat 6px 6px;
}

/* line 254, ../sass/screen.scss */
#auto-complete {
  width: 0;
  height: 0;
  position: relative;
  top: 9px;
  left: -63px;
  z-index: 300;
}

/* line 262, ../sass/screen.scss */
.ui-autocomplete {
  width: 300px !important;
  height: auto;
  max-height: 298px;
  top: 0 !important;
  left: 0 !important;
  overflow-y: scroll;
  overflow-x: hidden;
}

/* line 271, ../sass/screen.scss */
.auto-complete-arrow {
  width: 300px;
  height: 17px;
  display: none;
  background: transparent url("../images/auto-comp-arrow.png") no-repeat top center;
}

/* line 277, ../sass/screen.scss */
.ui-autocomplete li {
  display: block;
  cursor: pointer;
  background: #f0f0ec;
  border-top: 1px #dddddd solid;
  line-height: 32px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}

/* line 284, ../sass/screen.scss */
.ui-autocomplete li a {
  width: 300px;
  line-height: 32px;
  display: block;
  padding: 0 0 0 10px;
}

/* line 290, ../sass/screen.scss */
.ui-autocomplete li:hover, .ui-autocomplete li a.ui-state-hover {
  background-color: #e4e4e1;
}

/* line 298, ../sass/screen.scss */
#head-slider {
  width: 100%;
  float: right;
  margin-right: 0;
  *margin-left: -11px;
  display: inline;
  height: 486px;
  position: relative;
  overflow: hidden;
}

/* line 304, ../sass/screen.scss */
#head-slider .slides, #head-slider .slides li {
  width: 1022px;
  height: 486px !important;
}

/* line 308, ../sass/screen.scss */
#head-slider .slides li a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  background: #edede8 url("../images/slider-logo.jpg") no-repeat center center;
}

/* line 315, ../sass/screen.scss */
#head-slider .slides li a span {
  width: auto;
  padding: 0 20px;
  display: inline-block;
  float: right;
  position: absolute;
  bottom: 20px;
  right: 70px;
  z-index: 100;
  background: transparent url("../images/slide-text-bg.png") repeat;
  line-height: 50px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 28px;
  font-weight: 600;
  color: #323232;
}

/* line 327, ../sass/screen.scss */
#head-slider .flex-prev, #head-slider .flex-next {
  width: 43px;
  height: 486px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url("../images/slider-nav-bg.png") repeat;
  z-index: 100;
}

/* line 337, ../sass/screen.scss */
#head-slider .flex-next {
  left: auto;
  right: 0;
}

/* line 341, ../sass/screen.scss */
#head-slider .flex-prev span, #head-slider .flex-next span {
  width: 43px;
  height: 68px;
  display: block;
  text-indent: -9999px;
  margin-top: 218px;
  cursor: pointer;
  background: transparent url("../images/flex-nav-prev.png") no-repeat -4px 0;
}

/* line 350, ../sass/screen.scss */
#head-slider .flex-next span {
  background: transparent url("../images/flex-nav-next.png") no-repeat -4px 0;
}

/* line 356, ../sass/screen.scss */
#content-middle {
  padding-bottom: 65px;
  background: #edede8 url("../images/content-shadow.png") repeat-x;
}

/* line 360, ../sass/screen.scss */
#patios li {
  width: 293px;
  height: 196px;
  float: left;
  position: relative;
  margin: 20px 23px;
}

/* line 367, ../sass/screen.scss */
#patios li.last-patio {
  margin-right: 0;
}

/* line 370, ../sass/screen.scss */
#patios li.empty {
  height: 84px;
}

/* line 373, ../sass/screen.scss */
#patios li a {
  width: 100%;
  height: 100%;
  display: block;
}

/* line 378, ../sass/screen.scss */
#patios li span {
  width: 95%;
  padding-left: 5%;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: transparent url("../images/patio-name-bg.png") repeat;
  line-height: 42px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #fffef9;
}

/* line 388, ../sass/screen.scss */
#patios li a.small-like {
  width: 37px;
  height: 34px;
  display: block;
  position: absolute;
  top: 14px;
  right: 14px;
  text-indent: -9999px;
  font-size: 0;
  background: transparent url("../images/small-like-button.png") no-repeat center bottom;
}

/* line 399, ../sass/screen.scss */
#patios li a.small-like.liked {
  background-position: center top;
}

/* line 405, ../sass/screen.scss */
.pagination {
  width: 100%;
  height: 40px;
  float: left;
  margin: 0 auto;
  text-align: center;
  color: #a1a1a1;
}

/* line 413, ../sass/screen.scss */
.pagination span, .pagination a {
  width: auto;
  min-width: 10px;
  display: inline-block;
  padding: 0 5px;
  background: #eee;
  border-radius: 3px;
  cursor: pointer;
  line-height: 20px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #a1a1a1;
  border: 1px #cccccc solid;
}

/* line 424, ../sass/screen.scss */
.pagination a:hover {
  color: #b82126;
}

/* line 427, ../sass/screen.scss */
.pagination span.disabled {
  opacity: .6;
}

/* line 430, ../sass/screen.scss */
.pagination span.current {
  background: #ddd;
  color: #b82126;
}

/* line 437, ../sass/screen.scss */
#patio-filter {
  width: 100%;
  float: left;
  background: #f0f0ec;
}

/* line 442, ../sass/screen.scss */
.filter-container {
  position: relative;
}

/* line 445, ../sass/screen.scss */
.filter-list {
  min-width: 168px;
  position: absolute;
  top: 51px;
  left: 24px;
  padding: 20px;
  display: none;
  background: #fffef9;
  z-index: 190;
  border: 1px #ddd solid;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

/* line 457, ../sass/screen.scss */
.active .filter-list {
  display: block;
}

/* line 460, ../sass/screen.scss */
.filter-back-input {
  display: none;
}

/* line 463, ../sass/screen.scss */
#filter-submit {
  display: none;
}

/* line 466, ../sass/screen.scss */
.filter-line {
  width: 254px;
  height: 61px;
  float: left;
}

/* line 471, ../sass/screen.scss */
.filter-head {
  width: 208px;
  height: 40px;
  margin: 9px 0 0 24px;
  background: #fffef9;
  border: 1px #ddd solid;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  line-height: 40px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #b82126;
}

/* line 480, ../sass/screen.scss */
.active .filter-head {
  height: 54px;
}

/* line 483, ../sass/screen.scss */
.filter-head a {
  width: 168px;
  height: 100%;
  display: block;
  padding-left: 40px;
  position: relative;
  background: #fffef9 url("../images/neighbour-icon.png") no-repeat 10px 10px;
}

/* line 491, ../sass/screen.scss */
.active .filter-head a {
  z-index: 200;
}

/* line 494, ../sass/screen.scss */
.filter-head a.establish {
  background-image: url("../images/establish-icon.png");
}

/* line 497, ../sass/screen.scss */
.filter-head a.types {
  background-image: url("../images/type-icon.png");
}

/* line 500, ../sass/screen.scss */
.filter-head a.advanced {
  background-image: url("../images/advanced-icon.png");
}

/* line 503, ../sass/screen.scss */
.filter-head a span {
  width: 125px;
  line-height: 30px;
  height: 30px;
  float: left;
  margin-top: 5px;
  padding-right: 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  border-right: 1px #dddddd dotted;
}

/* line 516, ../sass/screen.scss */
.filter-head a em, .best-head a em, #user-menu em {
  height: 0;
  float: left;
  margin: 18px 0 0 17px;
  position: relative;
  top: 0;
}
/* line 86, ../sass/_variables.scss */
.filter-head a em:after, .filter-head a em:before, .best-head a em:after, .best-head a em:before, #user-menu em:after, #user-menu em:before {
  top: 0;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
/* line 95, ../sass/_variables.scss */
.filter-head a em:after, .best-head a em:after, #user-menu em:after {
  border-top-color: #eab03c;
  border-width: 4px;
  left: 50%;
  margin-left: -4px;
}
/* line 101, ../sass/_variables.scss */
.filter-head a em:before, .best-head a em:before, #user-menu em:before {
  border-top-color: #eab03c;
  border-width: 5px;
  left: 50%;
  margin-left: -5px;
}

/* line 522, ../sass/screen.scss */
.active .filter-head a em, #user-menu.active em {
  position: relative;
  top: -4px;
}
/* line 86, ../sass/_variables.scss */
.active .filter-head a em:after, .active .filter-head a em:before, #user-menu.active em:after, #user-menu.active em:before {
  bottom: 0;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
/* line 95, ../sass/_variables.scss */
.active .filter-head a em:after, #user-menu.active em:after {
  border-bottom-color: #eab03c;
  border-width: 4px;
  left: 50%;
  margin-left: -4px;
}
/* line 101, ../sass/_variables.scss */
.active .filter-head a em:before, #user-menu.active em:before {
  border-bottom-color: #eab03c;
  border-width: 5px;
  left: 50%;
  margin-left: -5px;
}

/* line 525, ../sass/screen.scss */
#user-menu em {
  margin: 12px 0 0 11px;
}

/* line 531, ../sass/screen.scss */
#list-neighborhood {
  width: 788px;
}

/* line 534, ../sass/screen.scss */
#list-neighborhood ul {
  width: 197px;
  float: left;
  display: block;
}

/* line 539, ../sass/screen.scss */
#list-neighborhood li, #list-establish li, #list-types li {
  height: 22px;
  float: left;
  cursor: pointer;
}

/* line 544, ../sass/screen.scss */
.option-check, .radio-line ul li {
  width: 12px;
  height: 12px;
  display: block;
  float: left;
  margin: 3px 8px 3px 0;
  box-shadow: inset -1px -1px 2px #dbdbe2;
  border: 1px #929297 solid;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

/* line 554, ../sass/screen.scss */
.checked .option-check span, .radio-line ul label.selected {
  width: 8px;
  height: 8px;
  display: block;
  float: left;
  margin: 2px 0 0 2px;
  background: #b82126;
  box-shadow: inset 1px 1px 2px #444;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

/* line 564, ../sass/screen.scss */
.option-name {
  display: block;
  float: left;
  line-height: 22px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #a1a1a1;
}

/* line 569, ../sass/screen.scss */
#list-neighborhood ul li {
  width: 197px;
}

/* line 572, ../sass/screen.scss */
#list-neighborhood .option-name {
  width: 170px;
}

/* line 575, ../sass/screen.scss */
#list-establish {
  width: 168px;
}

/* line 578, ../sass/screen.scss */
#list-establish li {
  width: 84px;
}

/* line 581, ../sass/screen.scss */
#list-establish .option-name {
  width: 60px;
}

/* line 584, ../sass/screen.scss */
#list-types {
  width: 200px;
}

/* line 587, ../sass/screen.scss */
#list-types li {
  width: 100px;
}

/* line 590, ../sass/screen.scss */
#list-types .option-name {
  width: 70px;
}

/* line 593, ../sass/screen.scss */
#list-advanced {
  width: 507px;
  left: auto;
  right: 21px;
  padding: 0;
}

/* line 599, ../sass/screen.scss */
#day-capacity-time {
  width: 100%;
  height: 251px;
  float: left;
}

/* line 605, ../sass/screen.scss */
.day-of-week {
  width: 202px;
  height: 211px;
  display: block;
  float: left;
  padding: 20px;
  border-right: 1px #dfdad1 solid;
}

/* line 613, ../sass/screen.scss */
.advanced-title {
  width: 202px;
  float: left;
}

/* line 617, ../sass/screen.scss */
.advanced-title label {
  display: block;
  line-height: 18px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #b82126;
}

/* line 621, ../sass/screen.scss */
.advanced-day-list {
  width: 110px;
  margin: 10px 0 0 50px;
  float: left;
}

/* line 626, ../sass/screen.scss */
.advanced-day-list li {
  width: 100%;
  height: 20px;
  display: block;
  float: left;
  cursor: pointer;
}

/* line 633, ../sass/screen.scss */
.capacity-time {
  width: 264px;
  height: 251px;
  float: left;
}

/* line 638, ../sass/screen.scss */
.filter-capacity {
  width: 224px;
  height: 35px;
  float: left;
  padding: 35px 20px 20px 20px;
  border-bottom: 1px #dfdad1 solid;
}

/* line 645, ../sass/screen.scss */
.filter-capacity .advanced-title {
  width: 65px;
}

/* line 648, ../sass/screen.scss */
.advanced-capacity {
  width: 158px;
  height: 24px;
  float: left;
}

/* line 653, ../sass/screen.scss */
.advanced-capacity span {
  line-height: 24px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #323232;
}

/* line 656, ../sass/screen.scss */
.advanced-capacity input {
  width: 58px;
}

/* line 659, ../sass/screen.scss */
.filter-time {
  width: 224px;
  height: 120px;
  float: left;
  padding: 20px;
}

/* line 665, ../sass/screen.scss */
.filter-time .advanced-title {
  margin-bottom: 15px;
}

/* line 668, ../sass/screen.scss */
.time-line {
  width: 224px;
  height: 28px;
  float: left;
  margin-bottom: 10px;
}

/* line 674, ../sass/screen.scss */
.time-line label {
  width: 42px;
  display: block;
  float: left;
  line-height: 28px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #323232;
}

/* line 680, ../sass/screen.scss */
.time-line input {
  width: 50px;
  float: left;
  margin-right: 5px;
}

/* line 685, ../sass/screen.scss */
.time-line select {
  float: left;
}

/* line 688, ../sass/screen.scss */
#other-options {
  width: 467px;
  float: left;
  padding: 20px;
  border-top: 1px #dfdad1 solid;
}

/* line 694, ../sass/screen.scss */
.radio-head {
  width: 467px;
  height: 22px;
  float: left;
}

/* line 699, ../sass/screen.scss */
.yes-no {
  width: 70px;
  display: block;
  float: left;
  line-height: 22px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #323232;
}

/* line 705, ../sass/screen.scss */
.yes-no span {
  width: 45%;
  display: block;
  float: left;
  text-align: center;
}

/* line 711, ../sass/screen.scss */
.radio-title {
  width: 200px;
  display: block;
  float: left;
  line-height: 22px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #b82126;
}

/* line 717, ../sass/screen.scss */
.radio-line {
  width: 467px;
  height: 22px;
  float: left;
}

/* line 722, ../sass/screen.scss */
.radio-line ul li {
  width: 12px;
  height: 12px;
  float: left;
  margin: 4px 8px 0 8px;
}

/* line 728, ../sass/screen.scss */
.radio-line input {
  display: none;
}

/* line 731, ../sass/screen.scss */
.radio-line label {
  display: block;
  float: left;
  margin: 0;
  padding-left: 10px;
  line-height: 22px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #a1a1a1;
}

/* line 738, ../sass/screen.scss */
.radio-line li label {
  display: block;
  width: 12px;
  height: 12px;
  padding: 0;
}

/* line 744, ../sass/screen.scss */
.radio-line li label input {
  display: none;
}

/* line 747, ../sass/screen.scss */
.radio-line li label.selected {
  width: 8px;
  height: 8px;
  padding: 0;
  margin: 2px 0 0 2px;
  display: block;
}

/* line 754, ../sass/screen.scss */
.radio-line ul li.checked label {
  padding: 0;
}

/* line 758, ../sass/screen.scss */
#other-options .advanced-title {
  width: 100%;
  margin-bottom: 10px;
  float: left;
}
/* line 762, ../sass/screen.scss */
#other-options .advanced-title p {
  line-height: 22px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #a1a1a1;
}

/* line 766, ../sass/screen.scss */
.advanced-featured-list {
  width: 417px;
  margin-left: 50px;
  float: left;
}
/* line 770, ../sass/screen.scss */
.advanced-featured-list ul {
  width: 100%;
  float: left;
}
/* line 773, ../sass/screen.scss */
.advanced-featured-list ul li {
  width: 100%;
  height: 20px;
  float: left;
  display: block;
  cursor: pointer;
}

/* line 785, ../sass/screen.scss */
#index #nav-middle {
  position: relative;
  overflow: hidden;
}

/* line 789, ../sass/screen.scss */
#google-map {
  width: 1022px;
  height: 375px;
}

/* line 793, ../sass/screen.scss */
.best-patios {
  width: 252px;
  height: 37px;
  position: absolute;
  top: 0;
  left: 14px;
  z-index: 100;
}

/* line 801, ../sass/screen.scss */
.best-head {
  width: 252px;
  height: 37px;
}

/* line 805, ../sass/screen.scss */
.best-head a {
  width: 100%;
  height: 35px;
  display: block;
  position: relative;
  z-index: 20;
  background: #b82126;
  border-radius: 0 0 3px 0;
  box-shadow: 0 2px 10px #333;
  border: 1px #fffef9 solid;
}

/* line 816, ../sass/screen.scss */
.best-head a span {
  width: 200px;
  display: block;
  margin: 6px 0 0 10px;
  float: left;
  border-right: 1px #fffef9 dotted;
  line-height: 25px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #fffef9;
}

/* line 824, ../sass/screen.scss */
.best-head a em {
  margin: 15px 0 0 18px;
}

/* line 827, ../sass/screen.scss */
.best-list {
  width: 235px;
  height: auto;
  padding: 15px 10px;
  position: absolute;
  top: 34px;
  background: #fffef9;
  display: none;
}

/* line 836, ../sass/screen.scss */
.active .best-list {
  display: block;
}

/* line 839, ../sass/screen.scss */
.best-list li {
  width: 100%;
  height: 24px;
  float: left;
}

/* line 844, ../sass/screen.scss */
.best-list li a {
  width: 100%;
  display: block;
  float: left;
  line-height: 24px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #b82126;
}

/* line 850, ../sass/screen.scss */
.best-list li em {
  width: 20px;
  height: 24px;
  display: block;
  float: left;
  margin-right: 5px;
  position: relative;
  top: 6px;
}
/* line 86, ../sass/_variables.scss */
.best-list li em:after, .best-list li em:before {
  left: 0;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
/* line 95, ../sass/_variables.scss */
.best-list li em:after {
  border-left-color: #eab03c;
  border-width: 4px;
  left: 50%;
  margin-left: -4px;
}
/* line 101, ../sass/_variables.scss */
.best-list li em:before {
  border-left-color: #eab03c;
  border-width: 5px;
  left: 50%;
  margin-left: -5px;
}

/* line 858, ../sass/screen.scss */
.best-list li span {
  width: auto;
  line-height: 24px;
  display: inline-block;
  float: left;
}

/* line 864, ../sass/screen.scss */
.map-shadow {
  width: 1022px;
  height: 5px;
  position: absolute;
  top: -5px;
  left: 0;
  background: transparent;
  box-shadow: 0 8px 35px #333;
  z-index: 10;
}

/* line 874, ../sass/screen.scss */
#map-marker {
  width: 210px;
  height: 48px;
  margin-left: 10px;
}

/* line 879, ../sass/screen.scss */
.marker-content {
  width: 100%;
  height: 30px;
  padding: 4px;
  display: inline-block;
  float: left;
  background: transparent url("../images/marker-bg.png") repeat;
}

/* line 887, ../sass/screen.scss */
.marker-content a {
  width: 100%;
  line-height: 30px;
  float: left;
  display: inline-block;
}

/* line 893, ../sass/screen.scss */
.marker-content img {
  max-width: 45px;
  height: 30px;
  float: left;
}

/* line 898, ../sass/screen.scss */
.marker-name {
  width: 130px;
  padding: 0 28px 0 5px;
  display: inline-block;
  float: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: transparent url("../images/marker-button.png") no-repeat right 3px;
  line-height: 30px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 11px;
  font-weight: 400;
  color: #fffef9;
}

/* line 909, ../sass/screen.scss */
.marker-arrow {
  width: 100%;
  height: 9px;
  float: left;
  background: transparent url("../images/marker-arrow.png") no-repeat top center;
}

/* line 918, ../sass/screen.scss */
#map-add-block {
  width: 245px;
  height: 333px;
  position: absolute;
  bottom: 0;
  right: 95px;
  z-index: 180;
  overflow: hidden;
}

/* line 927, ../sass/screen.scss */
.close-add {
  width: 13px;
  height: 13px;
  display: block;
  background: #fdeacb;
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: center;
  z-index: 185;
  line-height: 12px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #b82126;
}

/* line 939, ../sass/screen.scss */
.add-link {
  width: 100%;
  height: 100%;
  display: block;
}

/* line 947, ../sass/screen.scss */
#filter-breadcrumb {
  width: 972px;
  height: 50px;
  float: left;
  padding: 0 25px;
  background: #2f2f2e;
}

/* line 954, ../sass/screen.scss */
#filter-breadcrumb ul {
  width: 100%;
  height: 32px;
  float: left;
  margin-top: 10px;
}

/* line 960, ../sass/screen.scss */
#filter-breadcrumb ul li {
  width: auto;
  height: 32px;
  display: inline;
  float: left;
}

/* line 966, ../sass/screen.scss */
#filter-breadcrumb span {
  display: inline;
  margin-right: 6px;
  font-style: italic;
  line-height: 32px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #bfbfbe;
}

/* line 975, ../sass/screen.scss */
.no-result {
  width: auto;
  min-width: 300px;
  padding: 0 10px 0 10px;
  margin: 20px 0 20px 20px;
  display: inline-block;
  float: left;
  background: #767674;
  line-height: 32px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #fffef9;
}

/* line 988, ../sass/screen.scss */
#patio-detail #content-middle {
  background: none;
  padding-bottom: 0;
}

/* line 992, ../sass/screen.scss */
.patio-head {
  width: 100%;
  height: auto;
  float: left;
  position: relative;
}

/* line 998, ../sass/screen.scss */
#patio-image-map {
  width: 100%;
  height: 496px;
  float: left;
  position: relative;
  overflow: hidden;
}

/* line 1005, ../sass/screen.scss */
.patio-big-image {
  width: 100%;
  height: 100%;
  float: left;
  background: #edede8 url("../images/slider-logo.jpg") no-repeat center center;
}

/* line 1011, ../sass/screen.scss */
.patio-head img {
  width: 100%;
  height: auto;
  float: left;
}

/* line 1016, ../sass/screen.scss */
.patio-single-map {
  width: 100%;
  height: 100%;
  float: left;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}

/* line 1026, ../sass/screen.scss */
.patio-single-map #google-map {
  height: 496px;
}

/* line 1029, ../sass/screen.scss */
.patio-head-details {
  width: 100%;
  height: 90px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 110;
  background: transparent url("../images/patio-head-bg.png") repeat;
}

/* line 1038, ../sass/screen.scss */
.patio-name {
  width: auto;
  height: 90px;
  max-width: 440px;
  display: inline-block;
  float: left;
}

/* line 1045, ../sass/screen.scss */
.patio-name .name {
  padding: 18px 0 0 20px;
  line-height: 32px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 26px;
  font-weight: 600;
  color: #323232;
  text-shadow: 1px 1px 1px #fffef9;
}

/* line 1050, ../sass/screen.scss */
.patio-name .address {
  padding-left: 20px;
  line-height: 22px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #a1a1a1;
}

/* line 1054, ../sass/screen.scss */
.patio-navigation {
  width: auto;
  height: 45px;
  max-width: 575px;
  display: inline-block;
  float: right;
  padding-top: 22px;
  margin-right: 10px;
}

/* line 1063, ../sass/screen.scss */
.head-bar {
  width: auto;
  height: 45px;
  float: left;
  display: inline-block;
  padding: 0 15px;
  border-right: 1px #c5c5c5 solid;
}

/* line 1071, ../sass/screen.scss */
.head-bar.last {
  border: none;
}

/* line 1074, ../sass/screen.scss */
.patio-social {
  padding-top: 8px;
}

/* line 1077, ../sass/screen.scss */
.patio-social li {
  width: 28px;
  height: 28px;
  margin-left: 10px;
  display: block;
  float: left;
}

/* line 1084, ../sass/screen.scss */
.patio-social li a {
  width: 100%;
  height: 100%;
  display: block;
  background: transparent url("../images/pinterest-icon.png") no-repeat;
  text-indent: -9999px;
  font-size: 0;
}

/* line 1092, ../sass/screen.scss */
.patio-social li a.twitter {
  background: url("../images/twitter-icon.png") no-repeat 0 3px;
}

/* line 1095, ../sass/screen.scss */
.patio-social li a.facebook {
  background-image: url("../images/facebook-icon.png");
}

/* line 1098, ../sass/screen.scss */
.patio-phone {
  padding-left: 45px;
  display: inline-block;
  line-height: 48px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #323232;
  background: transparent url("../images/phone-icon.png") no-repeat 0 8px;
}

/* line 1104, ../sass/screen.scss */
.patio-images, .patio-location, .big-like {
  width: 42px;
  height: 45px;
  display: block;
}

/* line 1109, ../sass/screen.scss */
.patio-images {
  background: transparent url("../images/map-icon.png") no-repeat 4px 3px;
}

/* line 1112, ../sass/screen.scss */
.patio-images.image-active {
  background: transparent url("../images/images-icon.png") no-repeat 0 5px;
}

/* line 1115, ../sass/screen.scss */
.patio-location {
  width: 47px;
  background: transparent url("../images/location-icon.png") no-repeat 0 4px;
}

/* line 1119, ../sass/screen.scss */
.big-like {
  width: 46px;
  height: 43px;
  background: transparent url("../images/big-like-button.png") no-repeat center bottom;
}

/* line 1124, ../sass/screen.scss */
.big-like.liked {
  background-position: center top;
}

/* line 1127, ../sass/screen.scss */
.detail-lister {
  width: 100%;
  height: 83px;
  float: left;
  background: transparent url("../images/beers-bg.jpg") repeat-x 0 0;
  border-bottom: 1px #dfdad1 solid;
}

/* line 1134, ../sass/screen.scss */
.detail-lister li {
  width: auto;
  height: 67px;
  float: left;
  display: inline;
  padding: 17px 36px 0 39px;
  border-right: 1px #dfdad1 solid;
}

/* line 1142, ../sass/screen.scss */
.detail-lister li.first {
  padding-left: 20px;
}

/* line 1145, ../sass/screen.scss */
.detail-lister li.last {
  border-right: none;
}

/* line 1148, ../sass/screen.scss */
.detail-lister li.heated-icon {
  padding-left: 65px;
  background: transparent url("../images/heat-icon.png") no-repeat 19px 26px;
}

/* line 1152, ../sass/screen.scss */
.detail-lister li.reserv-icon {
  padding-left: 65px;
  background: transparent url("../images/reserv-icon.png") no-repeat 19px 26px;
}

/* line 1156, ../sass/screen.scss */
.detail-lister li.capacity-icon {
  padding: 17px 0 0 75px;
  background: transparent url("../images/capacity-icon.png") no-repeat 19px 26px;
}

/* line 1162, ../sass/screen.scss */
.detail-lister li span {
  width: auto;
  display: block;
  float: left;
}

/* line 1167, ../sass/screen.scss */
.detail-lister li span.detail-desc {
  line-height: 26px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #323232;
}

/* line 1170, ../sass/screen.scss */
.detail-lister li span.detail-title {
  line-height: 26px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #b82126;
}

/* line 1173, ../sass/screen.scss */
.other-details {
  width: 100%;
  height: 179px;
  float: left;
  border-bottom: 1px #dfdad1 solid;
}

/* line 1182, ../sass/screen.scss */
#beer-slider {
  width: 365px;
  height: 179px;
  float: left;
  position: relative;
  background: transparent url("../images/beers-bg.jpg") repeat-x;
  border-right: 1px #dfdad1 solid;
}

/* line 1190, ../sass/screen.scss */
#beer-slider .no-beer {
  width: 78%;
  display: block;
  float: left;
  margin: 57px 0 0 0;
  padding: 0 11%;
  line-height: 36px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 28px;
  font-weight: 600;
  color: #323232;
}

/* line 1198, ../sass/screen.scss */
.beer-title {
  width: 94%;
  display: block;
  float: left;
  padding: 10px 0 10px 6%;
  line-height: 32px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #323232;
}

/* line 1205, ../sass/screen.scss */
.beer-container {
  width: 285px !important;
  height: 105px !important;
  float: left;
  margin: 0 0 0 47px;
}

/* line 1211, ../sass/screen.scss */
.beer-container ul li {
  width: 95px;
  height: 105px;
  float: left;
  display: block;
}

/* line 1217, ../sass/screen.scss */
.beer-image-container {
  width: 95px;
  height: 70px;
  display: table;
  float: left;
}

/* line 1223, ../sass/screen.scss */
.beer-image {
  width: 95px;
  height: 70px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

/* line 1230, ../sass/screen.scss */
.beer-container ul li img {
  max-width: 100%;
  max-height: 100%;
}

/* line 1234, ../sass/screen.scss */
.beer-name {
  width: 100%;
  display: block;
  float: left;
  text-align: center;
  line-height: 20px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #323232;
}

/* line 1241, ../sass/screen.scss */
#beer-slider.no-slide a.prev, #beer-slider.no-slide a.next {
  display: none;
}

/* line 1244, ../sass/screen.scss */
#beer-slider a.prev, #beer-slider a.next {
  width: 22px;
  height: 22px;
  display: block;
  position: absolute;
  top: 80px;
  left: 25px;
  text-indent: -9999px;
  font-size: 0;
  opacity: 0.5;
  background: transparent url("../images/beer-prev.png") no-repeat;
}

/* line 1256, ../sass/screen.scss */
#beer-slider a.next {
  left: auto;
  right: 14px;
  background: transparent url("../images/beer-next.png") no-repeat;
}

/* line 1261, ../sass/screen.scss */
#beer-slider a.prev:hover, #beer-slider a.next:hover {
  opacity: 1;
}

/* line 1267, ../sass/screen.scss */
.date-time {
  width: 654px;
  height: 179px;
  float: left;
}

/* line 1272, ../sass/screen.scss */
.date-time ul {
  width: 287px;
  height: 149px;
  float: left;
  padding: 15px 19px;
  border-right: 1px #dfdad1 solid;
}

/* line 1279, ../sass/screen.scss */
.date-time ul.last {
  border-right: none;
}

/* line 1282, ../sass/screen.scss */
.date-time ul li {
  width: 268px;
  height: 38px;
  float: left;
  padding: 0 10px;
}

/* line 1288, ../sass/screen.scss */
.date-time ul li.second-date {
  background: #f0f0ec;
}

/* line 1291, ../sass/screen.scss */
.date-time span.date-title {
  width: 46px;
  float: left;
  display: block;
  line-height: 38px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #f7c055;
}

/* line 1297, ../sass/screen.scss */
.date-time span.date-desc {
  width: 215px;
  float: right;
  display: block;
  text-align: right;
  line-height: 38px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #323232;
}

/* line 1304, ../sass/screen.scss */
.about-patio {
  height: auto;
  float: left;
  padding: 30px 12px 0 12px;
  position: relative;
  z-index: 100;
}

/* line 1311, ../sass/screen.scss */
h2.about-title {
  line-height: 40px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: #b82126;
}

/* line 1314, ../sass/screen.scss */
.about-patio p {
  line-height: 26px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #333333;
}

/* line 1317, ../sass/screen.scss */
.about-patio p a {
  line-height: 26px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #b82126;
  text-decoration: underline;
  font-style: italic;
}

/* line 1325, ../sass/screen.scss */
.detail-add {
  width: 982px;
  height: 125px;
  padding: 0 20px;
  margin-top: -24px;
  float: left;
  position: relative;
  overflow: hidden;
  background: transparent url("../images/detail-add-bg.jpg") repeat-x bottom;
}

/* line 1335, ../sass/screen.scss */
.add-logo {
  width: 67px;
  height: 43px;
  float: left;
  margin: 78px 0 0 25px;
  background: transparent url("../images/add-logo.jpg") no-repeat 0 4px;
}

/* line 1342, ../sass/screen.scss */
.add-text {
  width: 415px;
  display: block;
  float: left;
  margin: 78px 0 0 40px;
  line-height: 43px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #b82126;
}

/* line 1349, ../sass/screen.scss */
.appstore, .googleplay {
  width: 89px;
  height: 32px;
  display: block;
  float: left;
  margin: 84px 0 0 27px;
  text-indent: -9999px;
  font-size: 0;
}

/* line 1358, ../sass/screen.scss */
.appstore {
  background: transparent url("../images/app-store.jpg") no-repeat;
}

/* line 1361, ../sass/screen.scss */
.googleplay {
  background: transparent url("../images/google-play.jpg") no-repeat;
}

/* line 1364, ../sass/screen.scss */
.add-phones {
  width: 186px;
  height: 117px;
  float: right;
  margin: 10px 4px 0 0;
  background: transparent url("../images/ios-android.png") no-repeat;
}

/* line 1374, ../sass/screen.scss */
.login-error {
  width: 96%;
  height: auto;
  padding: 40px 20px;
  float: left;
  text-align: center;
}

/* line 1381, ../sass/screen.scss */
.error-title {
  line-height: 60px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 26px;
  font-weight: 400;
  color: #b82126;
}

/* line 1384, ../sass/screen.scss */
.login-error p {
  width: 57%;
  margin: 0 auto;
  line-height: 20px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #323232;
}

/* line 1389, ../sass/screen.scss */
.login-error ul {
  width: auto;
  display: inline-block;
  margin: 40px auto 0 auto;
}

/* line 1394, ../sass/screen.scss */
.login-error ul li {
  width: auto;
  display: inline-block;
  float: left;
  margin: 0 10px 0 10px;
}

/* line 1400, ../sass/screen.scss */
.login-error li a {
  width: auto;
  display: inline-block;
  padding: 0 10px;
  border-radius: 3px;
  background: #fffef9;
  line-height: 30px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #b82126;
  border: 1px #cccccc solid;
}

/* line 1412, ../sass/screen.scss */
#footer-container {
  width: 100%;
  float: left;
  height: 65px;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 300;
}

/* line 1421, ../sass/screen.scss */
#patio-detail #footer-container {
  position: relative;
}

/* line 1424, ../sass/screen.scss */
#footer {
  height: 65px;
  float: none;
  margin: 0 auto;
  position: relative;
  background: #333333;
}

/* line 1431, ../sass/screen.scss */
.left-side {
  width: 49%;
  height: 65px;
  float: left;
}

/* line 1436, ../sass/screen.scss */
.left-side ul {
  display: block;
  float: left;
  padding: 21px 24px;
}

/* line 1441, ../sass/screen.scss */
.left-side li {
  width: auto;
  height: 20px;
  float: left;
  display: inline-block;
  margin-right: 10px;
}

/* line 1448, ../sass/screen.scss */
.left-side li a {
  height: 20px;
  display: block;
  text-decoration: underline;
  text-indent: -9999px;
  font-size: 0;
}

/* line 1455, ../sass/screen.scss */
.left-side li.contact a {
  width: 64px;
  text-indent: 0;
  line-height: 20px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #fffef9;
}

/* line 1460, ../sass/screen.scss */
.left-side li.facebook-btn a {
  width: 49px;
  background: transparent url("../images/facebook-btn.jpg") no-repeat;
}

/* line 1464, ../sass/screen.scss */
.left-side li.twitter-btn a {
  width: 61px;
  background: transparent url("../images/twitter-btn.jpg") no-repeat;
}

/* line 1468, ../sass/screen.scss */
.left-side li.google-btn a {
  width: 72px;
  background: transparent url("../images/google-btn.jpg") no-repeat;
}

/* line 1472, ../sass/screen.scss */
.left-side li.pinterest-btn a {
  width: 72px;
  background: transparent url("../images/pinterest-btn.png") no-repeat;
}

/* line 1476, ../sass/screen.scss */
.right-side {
  width: 49%;
  height: 65px;
  float: right;
}

/* line 1481, ../sass/screen.scss */
.right-side a {
  color: #fffef9;
}

/* line 1484, ../sass/screen.scss */
.copy {
  width: auto;
  display: inline-block;
  float: right;
  margin: 21px 0 0 20px;
  line-height: 20px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #fffef9;
}

/* line 1491, ../sass/screen.scss */
.copy.last {
  margin-right: 24px;
}

/* line 1497, ../sass/screen.scss */
#back-top-button {
  width: 40px;
  height: 34px;
  padding: 8px 10px 0 25px;
  display: none;
  position: absolute;
  top: -44px;
  right: 20px;
  background: #fffef9 url("../images/back-top-icon.png") no-repeat 7px 12px;
  text-align: center;
  border: 1px #dddddd solid;
  border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
  line-height: 14px;
  font-family: "proxima-nova", helvetica, times, sans-serif;
  font-size: 10px;
  font-weight: 400;
  color: #b82126;
}

/* line 1514, ../sass/screen.scss */
.hide {
  display: none;
}

/* line 1517, ../sass/screen.scss */
.fixed {
  position: fixed;
  background: #fffef9;
  z-index: 999;
}

/* line 1523, ../sass/screen.scss */
#resp-content {
  display: none;
}

/* line 1527, ../sass/screen.scss */
html#app-download-page, #app-download-page body {
  height: 100%;
  background: none;
  background-color: #e6ab34 !important;
  color: #fff;
}

/* line 1533, ../sass/screen.scss */
#resp-content {
  width: 100%;
  max-width: 767px;
  height: 100%;
  margin: 0 auto;
  display: block;
  text-align: center;
}

/* line 1541, ../sass/screen.scss */
#resp-header {
  width: 100%;
  height: 311px;
  padding-top: 20px;
  float: left;
  border: none;
  background: url("../images/bg-patio-mobile-head.jpg") no-repeat;
  background-size: 100% auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* line 1554, ../sass/screen.scss */
#resp-header h1 {
  line-height: 24px;
  margin-bottom: 5px;
  font-size: 18px;
  font-family: "adelle",serif;
  font-weight: 300;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
  -moz-text-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
  -webkit-text-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
}

/* line 1564, ../sass/screen.scss */
#resp-header p {
  line-height: 20px;
  font-size: 15px;
  font-weight: 300;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
  -moz-text-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
  -webkit-text-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
}

/* line 1572, ../sass/screen.scss */
#resp-header p.app-links {
  margin-top: 25px;
}

/* line 1575, ../sass/screen.scss */
#resp-header p.app-links a {
  width: 136px;
  height: 40px;
  margin: 0 10px;
  display: inline-block;
  background: url("../images/btn-appstore.png") no-repeat;
}

/* line 1582, ../sass/screen.scss */
#resp-header p.app-links a.play-button {
  background: url("../images/btn-play.png") no-repeat;
}

/* line 1585, ../sass/screen.scss */
#resp-phone {
  width: 100%;
  margin-top: -165px;
  padding-bottom: 30px;
  float: left;
}

/* line 1591, ../sass/screen.scss */
#resp-phone img {
  margin-bottom: 20px;
}

/* line 1594, ../sass/screen.scss */
#resp-phone a {
  line-height: 18px;
  color: #b82126;
  font-size: 15px;
  text-decoration: underline;
}

/* line 1600, ../sass/screen.scss */
#resp-phone p {
  line-height: 18px;
  font-size: 12px;
  color: #333;
}