/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

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

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
 background-color:black;
}
#wrap {
 width:1000px;
 margin:0 auto;
 font-family: 'Open Sans', sans-serif;
}
header {
 position:relative;
 padding-top:45px;
}

header .menu .logo {
 background-image: url("../i/logo.png");
 background-position:bottom;
 background-repeat: no-repeat;
 width:231px;
 height:45px;
 margin-left:25px;
 float:left;
}
header .menu {
 height:46px;
 width:100%;
 position:absolute;
 top:0;
 left:0;
 box-shadow: 0px 4px 5px -4px;
 background-color:#3a353b;
 z-index:10;
}
header .menu nav {
 float:right;
 margin-right:20px;
}
header .menu nav .toplinks {
 float:left;
 margin-right:43px;
}
header .menu nav .toplinks a {
 color:white;
 text-decoration:none;
 padding:16px 20px 0px;
 display:inline-block; 
 font-weight:300;
 font-size:14px;
 border-top: 2px solid #3a353b;
}
header .menu nav .toplinks a:hover {
 border-top: 2px solid #26bce7;
}
header .menu nav .listaproperty {
 padding:16px 23px 6px;
 display:block;
 background-color: #3f3b40;
 float:left;
 border-left:1px solid #302c32;
 border-right:1px solid #4E4A4f;
}
header .menu nav .listaproperty a {
 font-weight:400;
 font-size:14px;
 color: #26bce7;
 text-decoration:none;
}
header .menu nav .listaproperty a:hover {
 text-shadow: #26bce7 0px 0px 5px;
}
header .search-wrap {
 height:205px;
 padding-top:100px;
 /*background-image: url("../i/header_bg1.png");*/
/* background-image: url("../i/head_bg.png"); */
 background-image: url("../i/large-header.png");
 background-repeat:no-repeat;
 /*background-position: 0 -101px;*/
 background-position: 50% 0;
}

header .search-wrap.results {
 height:205px;
 padding-top:0px;
 /*background-image: url("../i/header_bg1.png");*/
/* background-image: url("../i/head_bg.png"); */
 background-image: none;
 background-color:#1382a2;
 /*background-position: 0 -101px;*/
 background-position: 0 0;
}
/* 
 * Bootstrap select magick
 */
 
header .search-wrap select {
  display: block;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #e7e7e2;
  border-radius: 2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
header .search {
 height: 185px;
 background-color: rgba(0,0,0,0.4);
 position: relative;
}
header .results .search {
 height: 185px;
 background-color: transparent;
 position: relative;
}
header .search h1 {
 font-family: 'Rokkitt', serif;
 color:white;
 font-size:30px;
 font-weight:400;
 margin-top:21px;
 text-align:center;
}
header .results .search h1 {
 width:790px;
 margin:21px auto 20px;
 text-align:left;
}
/* Header search form */
.button_search {
 width:190px;
 height:41px;
 padding-top:0px;
 margin-top:29px;
 text-align:center;
 display:inline-block;
 background-image: url("../i/button_search.png");
 background-repeat:no-repeat;
 border:none;
 background-color:transparent; 
 text-decoration:none;
 color: white;
 font-size:14px;
 text-shadow: #000000 0px 0px 2px;
}
.search_form {
 width: 790px;
 margin: 0 auto;
}
.search_form  div{
 float:left;
}
.search_form label {
 color:white;
 font-weight:300;
 font-size:14px;
}
.search_form select {
 display:block;
 width:100%;
 margin-top:10px;
 height:41px;
/* font-family: FontAwesome;*/
 color: #9a9a9a;
}
.search_form option {
  line-height:39px;
	height:41px;
}
.search_form .select_type {
 width:220px;
 margin-right:28px;
}
.search_form .select_guests {
 width:67px;
 margin-right:43px;
}
.search_form .select_price {
 width:202px;
 margin-right: 38px; 
}
.paging {
 float:left;
 width:100%;
 font-size:16px;
 color:#1382a2;
 text-align:center;
 padding:20px 0px 32px;
 font-weight:bold;
}
.paging a{
 text-decoration:none;
 color:#26bce7;
 font-size:13px;
}
.paging ul {
 margin:0;
 padding:0;
 display:inline-block;
}
.paging ul li{
 list-style:none;
 float:left;
 padding:0px 6px;
}

header .icons {
 top:16px;
 right: 10px;
 width:35px;
 position: absolute;
}

header a.icon {
 width:35px;
 height:33px;
 background-position: 0px 0px;
 background-repeat: no-repeat;
 display: block;
 margin-bottom:7px;
}
header  a.icon:hover{
 background-position: 0px -33px;
}
/* icon backgrounds */
.gplus {
 background-image: url("../i/gplus_icon.png");
}
.yt {
 background-image: url("../i/yt_icon.png");
}
.tw {
 background-image: url("../i/tw_icon.png");
}
.fb {
 background-image: url("../i/fb_icon.png");
}
#content {
 width:100%;
 padding: 1px 0px 0px 0px;
 background-color: #eeeeee;
}
#leftmenu {
 float:left;
 width:335px;
}
#leftmenu .mapwrap {
 position:relative;
 height:596px;
 margin-bottom:26px;
}
#leftmenu.results .mapwrap {
 height:1000px;
}
#leftmenu .mapwrap .maphead {
 height:35px;
 width:100%;
 position:absolute;
 background-color: rgba(57,53,59,0.8);
 text-align:right;
 padding: 6px 32px 0px 0px;
 top:13px;
 color: white;
 font-weight: 300;
 display: inline-block;
 z-index:10;
 box-sizing:border-box;
}
#map {
 width:100%;
 height:100%;
 z-index:1;
}
#leftmenu .box {
 background-color:white;
 box-shadow: 0px 4px 5px -4px;
 width:324px;
 float:right;
 margin: 0px 5px 13px 0px;
}
#leftmenu .box .head {
 height:29px;
 width: 302px;
 padding: 6px 0px 0px 22px;
 background-color: #39353b;
 margin-bottom:1px;
 color:white;
 font-weight:300;
}

.box .viewitem {
 height:77px;
 border-bottom:1px solid #dfdfdf;
 width:100%;
}
.box .viewitem .image{
 width:116px;
 height:77px;
 float:left;
}
.box .viewitem .image img{
 width:100%;
 height:100%;
}
.box .viewitem .descr {
 width:115px;
 height: 67px;
 padding:10px 0px 0px 9px;
 color:#575757;
 font-size:10px;
 float:left;
}
.box .viewitem .descr .location {
 padding-left:14px;
 background-image: url("../i/cross-black.png");
 background-repeat:no-repeat;
 background-position:0 1px;
}
.box .viewitem .descr a{
 color:#00b6e4;
 font-family: 'Rokkitt', serif; 
 text-decoration:none;
 font-size:14px;
 line-height:16px;
}
.box .viewitem .prices {
 position:relative;
 background-color: #68858d;
 float:left;
 width:77px;
 height:58px;
 padding:19px 0px 0px 7px;
 color:white;
 font-size:9px;
 font-weight:300;
 text-align:justify;
}
.box .viewitem .prices a{
 position:absolute;
 width:7px;
 height:8px;
 line-height:7px;
 top:2px;
 right:2px;
}
.box .viewitem .prices span{

}
.box .viewitem .prices strong{
 font-size:15px;

}
.box .body {
 column-count:2;
 -moz-column-count:2;
 -webkit-column-count:2;
 column-gap: 0;
 -moz-column-gap: 0;
 -webkit-column-gap: 0;
 column-fill: balance;
 -webkit-column-fill: balance;
 padding-top:21px;
 padding-right:10px;
 padding:21px 10px 42px 0px;
}
.box .body ul {
 margin:0px 0px 32px 19px;
 padding:0;
 color:#575757;
 font-family: 'Rokkitt', serif;
 font-size:15px;
 list-style-type: none;
 line-height:14px;
}
.box .body ul a {
 font-family: 'Open Sans', sans-serif;
 font-size:11px;
 font-weight:600;
 color:#41c2e8; 
 text-decoration:none;
}
.box .body ul li {
 padding:2px 0px;
}

main .box .body {
 column-count:4;
 -moz-column-count:4;
 -webkit-column-count:4;
 column-gap: 0;
 -moz-column-gap: 0;
 -webkit-column-gap: 0;
 column-fill: balance;
 -webkit-column-fill: balance;
 padding-top:21px;
 padding-right:10px;
 padding:21px 10px 42px 0px;
}

main {
 float:right;
 width: 665px;
 padding-bottom:20px;
}
main .content {
 /*width:100%;*/
 background-color:#fbfbfb;
 box-shadow: 0 4px 5px -4px;
 padding-right:7px;
 padding-left: 8px;
}
main a {
 color:#41c2e8;
}
main #searchres.content {
 padding-top:10px;
}
main > h1,main .content h1, .review-wrap h1 {
 height:29px;
 padding: 6px 0px 0px 15px;
 background-color: #19a5ce;
 margin-bottom:4px;
 color:white;
 font-weight:300;
 font-size:1em;
 margin-top:13px;
}
main .content h1 b {
 font-weight:400;
}

main .content .item {
 position:relative;
 width:49.5%;
 padding:1px 0px 0px 1px;
 float:left;
 margin-right:2px;
 margin-bottom:6px;
 box-shadow: 0 1px 3px -2px;
}
main .content .item .lterm{
 position:absolute;
 top:0;
 left:0;
 width:96px;
 height:48px;
 background-image:url("../i/lterm-flag.png");
 background-repeat:no-repeat;
 background-position:0 0;
 z-index:5;
}
main .content .item .body{
 position:relative;
 background-color:black;
}
main .content .item .body .image{
 height:100%;
 width:100%;
}
main .content .item .body .slider{
 position:relative;
 overflow:auto;
}
main .content .item .body ul {
 padding:0;
 margin:0;
}
main .content .item .body li{
 list-style:none;
 width:inherit;
 height:inherit;
}
main .content .item .body li img{
 width:100%;
}
main .content .item .body ul li{
 float:left;
}
main .content .item .body .loader{
 position:absolute;
 top:45%;
 left:45%;
 display:none;
}
main .content .item .body.loading .slider{ 
 opacity:0.5;
}
main .content .item .body.loading .loader{
 display:block;
}
main .content .item .body .slidetarget{
 position:absolute;
 width:15%;
 height:100%;
 top:0;
 cursor:pointer;
}
main .content .item .body .slidetarget.prev{
 left:0;
}
main .content .item .body .slidetarget.next{
 right:0;
}
main .content .item .body a.slidearrw{
 width:11px;
 height:20px;
 background-position: 0px -20px;
 background-image: url("/i/sbox_slide_arrows.png");
 background-repeat: no-repeat;
 display: block;
 position:absolute;
}
main .content .item .body a.slidearrw.prev{
 background-position: 0px -20px;
 top:40%;
 left:10px;
}
main .content .item .body a.slidearrw.prev:hover,
main .content .item .body .slidetarget.prev:hover a.slidearrw.prev {
 background-position: 0px 0px;
}
main .content .item .body a.slidearrw.next{
 background-position: -11px -20px;
 top:40%;
 right:15px; 
}
main .content .item .body a.slidearrw.next:hover,
main .content .item .body .slidetarget.next:hover a.slidearrw.next{
 background-position: -11px 0px;
}
main .content .item .body .persons{
 background-color: rgba(0,0,0,0.4);
 display: block;
 position:absolute;
 right:0px;
 top:15px;
 /*font-family: 'Rokkitt',serif;*/
 font-size:10px;
 font-weight:300;
 text-transform:uppercase;
 color:white;
 padding:2px 0px 2px 9px;
 text-align:left;
 width:85px;
}
main .content .item .body .descr{
 position:absolute;
 bottom:0px;
 left:0;
 width:210px;
 height:42px;
 padding:7px 9px 6px;
 background-color: rgba(57,53,59,0.4);
 z-index:5;
 color:white;
 font-size:11px;
 font-weight:300;
 line-height:14px;
}
main .content .item .body .descr h2{
 font-family: 'Rokkitt', serif;
 margin:0;
 font-size:14px;
 font-weight:400;
}
main .content .item .body .descr .location {
 color:#f0c780 ;
 font-weight:600;
 font-size:10px;
 padding-left:17px;
 background-image: url("../i/cross-gold.png");
 background-repeat:no-repeat;
 background-position:0 2px;
}
main .content .item .body .price {
 width:85px;
 height:48px;
 padding-top:14px;
 padding-left:9px;
 position:absolute;
 right:0;
 bottom:0;
 color:white;
 font-weight:300;
 font-size:8px;
 text-transform:uppercase;
 background-image: none;
 background-color: rgba(88,120,129,0.75);
 background-repeat:no-repeat;
 background-position:0 0; 
}
main .content .item .body .price strong{
 font-size:15px;
 font-weight:600;
}
main .content .item .body .price.offer{
 background-color:transparent;
 background-image: url("../i/offer_bg.png");
 background-repeat:no-repeat;
 background-position:0 0;
 padding-top:26px; 
}

main .content .item .body .price.bargain{
 background-color:transparent;
 background-image: url("../i/bargain_bg.png");
 background-repeat:no-repeat;
 background-position:0 0;
 padding-top:26px;
}

main .content .item .foot{
 height:37px;
 border-top:1px solid #49454a;
 background-color:#39353b;
}
main .content .item .foot .link{
 color: #26bce7;
 font-size:12px;
 float:left;
 text-decoration:none;
 padding:0px 0px 0px 26px;
 background-repeat:no-repeat;
 background-position:0 3px;
 margin-left:12px;
 margin-top:11px;
 height:21px;
}
main .content .item .foot .link.map{
 background-image:url("../i/map_small_ico.png");
 padding-right:14px;
 border-right:1px solid #524f54
}
main .content .item .foot .link.details{
 background-image:url("../i/details_small_ico.png");
}

/*
 * Left menu wide content
 */
#content.wide #leftmenu {
 float:left;
 width:197px;
 padding-top:74px
}
#content.wide #leftmenu .box { 
 width:188px;
}
#content.wide #leftmenu .box .head {
 width:166px;
 box-sizing: content-box;
}

#content.wide .box .body {
 column-count:1;
 -moz-column-count:1;
 -webkit-column-count:1;
 column-gap: 0;
 -moz-column-gap: 0;
 -webkit-column-gap: 0;
 column-fill: balance;
 -webkit-column-fill: balance;
 padding-top:21px;
 padding-right:10px;
 padding:21px 10px 42px 0px;
}

#content.wide main {
 width: 803px;
}

/* 
 * content full length
 */
#content.full main {
 width: 100%;
}

.button_book {
 width:91px;
 height:24px;
 padding-top:4px;
 text-align:center;
 display:inline-block;
 background-image: url("../i/button_book.png");
 background-repeat:no-repeat;
 text-decoration:none;
 color: white;
 font-size:12px;
 text-shadow: #000000 0px 0px 2px;
 float:right;
 margin-top:7px;
 margin-right:5px; 
}
main .review-wrap {
 overflow:hidden;
}

main .review_box {
 float:left;
 width:215px;
 background-color: white;
 box-shadow: 0px 4px 5px -4px;
 margin-right:5px;
 margin-bottom:17px;
}
main .review_box a{
 text-decoration:none;
}
main .review_box .head {
 box-shadow: 0 1px 3px -2px;
}
main .review_box .head img{
 width:100%;
 height:100%;
}

main .review_box .body {
 color:black;
 padding: 28px 21px;
}
main .review_box .body h3{
 color:#26bbe6;
 font-family: 'Rokkitt', serif;
 font-size:19px;
 margin:0px 0px 19px;
 font-weight:500;
 line-height:21px; 
}
main .review_box .body p{
 font-style:italic;
 margin:0px 0px 38px;
 font-size:15px;
}
main .review_box .body span{
 font-size:13px;
 font-weight:600;
 text-transform:capitalize;
}


/*
 * Apartment view, reviews
 */
 
.apartment_reviews, main .box {
 background-color:white;
 margin-top:15px;
 padding-bottom:80px;
 box-shadow: 0 4px 5px -4px;
}
.apartment_reviews h1,main .box .head {
 background-color: #39353b;
 color: white;
 font-size: 1em;
 font-weight: 300;
 height: 29px;
 margin-bottom: 4px;
 margin-top: 0px;
 padding: 6px 0 0 29px;
 text-transform:uppercase;
} 
.apartment_reviews .item {
 padding:40px 23px 0px;
 font-size:13px;
}
.apartment_reviews .item .body{
 font-style:italic;
}
.apartment_reviews .item .foot{
 font-weight:bold;
 padding-top:25px;
}
main .banner_box {
 float:left;
 width:215px;
 height:110px;
 background-color: white;
 margin-right:5px;
}

footer {
 width:100%;
 height: 85px;
 background-color:#58585D;
 color: #d5d7d9;
 text-align:center;
 font-size:12px;
 z-index:20;
 position:relative;
}
footer ul{
 margin: 15px auto 15px;
 padding:0;
 list-style-type:none;
 display:inline-block;
}
footer ul li{
 float:left;
 padding-left:13px;
 background-image: url("../i/footer_li.png");
 background-repeat:no-repeat;
 background-position:5px 8px;
}
footer ul li:first-child {
 background-image:none;
}
footer ul li a{
 display:block;
 color:#00b6e4;
 text-decoration:none;
 font-size:14px;
}

/*
 *			pdetail
 */

.pdetail {
 width:100%;
}
.pdetail .head {
 height:72px;
 padding-top:1px;
 background-color:#069eca;
 color:white;
}
.pdetail .head h1 {
 font-family: 'Rokkitt', serif;
 font-size:28px;
 font-weight:400;
 margin-top:18px;
 margin-bottom: 2px;
 padding:0px 0px 0px 19px;
 line-height:1em;
}
.pdetail .head h2 {
 font-size:13px;
 font-weight:600;
 margin:0;
 padding:0px 0px 0px 19px;
 color:#c4e1ee;
}

.pdetail .body .details {
 padding:1px 20px 30px 16px;
 background-color:white;
}

.pdetail .body .details h2{
 font-family: 'Rokkitt', serif;
 padding:0;
 margin:20px 0px 23px;
 line-height:1em;
 font-size:17px;
}
.pdetail .info td {
 padding: 9px;
 width:138px;
}
.pdetail .info tr:nth-child(even){
 background-color:#e6e6e6;
}
.pdetail .info .label {
 font-variant:small-caps;
 padding-right:20px;
 font-size:13px;
 font-weight:300;
}
.pdetail .info .data {
 font-weight:600;
 font-size:12px;
 text-align:right;
 padding-right:20px;
}
.pdetail span.label {
 float:left;
}
.pdetail span.data {
 width:80%;
 float:right;
 text-align:left !important;
}
.pdetail .info a.view-map {
 font-size:12px;
 font-weight:600;
 color:#26bce7;
 text-decoration:none;
 background-image: url("../i/map_pin_b2.png");
 padding-left:16px;
 background-position: 0 3px;
 background-repeat: no-repeat; 
}
.pdetail .body .extras,.pdetail .body .rates {
 float:left;
 width:295px;
 padding-top:1px;
 margin-top:23px;
}
.pdetail .body .extras h2,.pdetail .body .rates h2{
 margin-bottom:11px;
} 
.pdetail .body .extras {
 margin-right:24px;
}
.pdetail .body .extras ul {
 list-style:none;
 padding:0;
}
.pdetail .body .extras li {
 padding-left:35px;
 height:26px;
 line-height:24px;
 font-weight:600;
 font-size:12px;
 background-image: url("../i/check_yes.png");
 background-repeat:no-repeat;
 background-position:12px 8px;
}
.pdetail .body .extras li.no {
  background-image: url("../i/check_no.png");
}
.pdetail .body .extras li:nth-child(even){
 background-color: #b6d8e3;
}
.pdetail .body .notes {
 font-size:10px;
 text-transform:uppercase;
 font-weight:300;
 text-align:center;
}
.pdetail .body .rates {
 width:310px;
}
.pdetail .body .rates table{
 width:100%;
 color:white;
 font-size:13px;
 font-weight:300;
 text-align:right;
 font-variant:small-caps;
}
.pdetail .body .rates table td, .pdetail .body .rates table th {
 padding:7px 19px 7px 0px;
}
.pdetail .body .rates table th {
 font-weight:600;
}
.pdetail .body .rates .label {
 padding-right:20px;
 padding-left:15px;
 text-align:left;
 width:65px;
}
.pdetail .body .rates table b{
 font-family: 'Roboto Slab', serif;
 font-size:15px;
 font-weight:400;
}
.pdetail .body .rates .table-wrap {
 background-color:#67848c;
 padding:4px 0px 32px 0px;
}
.pdetail .body .rates .longerstay {
 margin:0;
 padding-left:15px;
 height:27px;
 background-color:#445c63;
 font-variant:small-caps;
 color: #9accd9;
 font-size:11px;
 line-height:27px;
}
.pdetail .body .rates .longerstay a{
 text-decoration:none;
 color: #0aacd6;
}
.pdetail .body .rates .book {
 text-align:center;
 height:63px;
 padding:15px 0px;
 background-color:#39353b;
 color:#ababab;
}
.pdetail .book .book-btn {
  background-image: url("../i/button_book_240.png");
  background-repeat: no-repeat;
  color: white;
  display: inline-block;
  font-size: 14px;
	font-weight:600;
  height: 29px;
  margin-top: 0px;
  padding-top: 6px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 0 2px #000000;
  width: 240px;
}

.pdetail .photos .big{
 background-color: #dedede;
 text-align:center;
}
.pdetail .photos .big img {
 width:567px;
}
.pdetail .photos .thumbs{
 height:56px;
 padding:6px 44px 7px;
 border-top: 1px solid #ececec;
 background-color: #445c63;
 position:relative;
}
.pdetail .photos .thumbs .images {
 float:left;
 width: 100%;
 height:56px;
}
.pdetail .photos .thumbs .images img{
 width:72px;
 height:54px;
}
.pdetail .photos .thumbs .images .item{
 width:72px;
 height:54px;
 border:1px solid #ababab;
 float:left;
 margin-right:9px;
 cursor:pointer;
}
.pdetail .photos .thumbs .aleft {
 position:absolute;
 left:28px;
}
.pdetail .photos .thumbs .aright {
 position:absolute;
 right:32px;
}
.pdetail .photos .thumbs .aleft img,.pdetail .photos .thumbs .aright img{
 margin-top:24px;
 margin-right:6px;
}
.pdetail .photos .thumbs .aleft img{
 margin-left:4px;
}
/* jcarousel styles */
.thumbs .jcarousel {
 position:relative;
 overflow: hidden;
}

.thumbs .jcarousel-list {
  width: 20000em;
  position: relative;
}

.thumbs .inactive img{
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
 opacity:0.2;
}

.pdetail .text {
 background-color:white;
 margin-top:15px;
 padding-bottom:44px;
 box-shadow: 0 4px 5px -4px;
}
.pdetail .text h1 {
 background-color: #19a5ce;
 color: white;
 font-size: 1em;
 font-weight: 300;
 height: 29px;
 margin-bottom: 4px;
 margin-top: 0px;
 padding: 6px 0 0 29px;
 text-transform:uppercase;
}
.pdetail .text .description {
  padding:0px 24px 0px 16px;
	float:left;
	width:296px;
	font-size:13px;
}
.pdetail .text .adds {
 float:left;
 width:310px;
}
.pdetail .text h2 {
  font-family: 'Rokkitt',serif;
  font-size: 17px;
  line-height: 1em;
  margin: 20px 0 18px;
  padding: 0;
}
.pdetail .text .book {
 height:34px;
 padding:13px 0px 13px;
 text-align:center;
 background-color:#39353b;
}

.pdetail .text .adds ul.fac {
 list-style:none;
 padding:0;
 margin-bottom:21px;
}
.pdetail .text .adds ul.fac li {
 padding-left:35px;
 height:26px;
 line-height:24px;
 font-weight:600;
 font-size:12px;
 background-image: url("../i/plus_icon.png");
 background-repeat:no-repeat;
 background-position:12px 8px;
}
.pdetail .text .adds ul.fac li:nth-child(even){
 background-color: #b6d8e3;
}
.pdetail .text .links {
 background-color: #555057;
}
.pdetail .text .links li a {
 text-decoration:none;
 color: #00b6e4;
}
.pdetail .text .links ul {
 list-style:none;
 padding:0;
 margin:0px 11px 0px;
}
.pdetail .text .links li {
 padding-left:48px;
 height:42px;
 line-height:40px;
 font-weight:600;
 font-size:12px;
 background-image: url("../i/heart_link_icon.png");
 background-repeat:no-repeat;
 background-position:12px 8px;
 border-top:1px solid #48474d;
 border-bottom:1px solid #6a666c; 
}
.pdetail .text .links li.heart{
 background-image: url("../i/heart_link_icon.png");
 background-position:12px 14px;
}
.pdetail .text .links li.map{
 background-image: url("../i/map_link_icon.png");
 background-position:12px 14px;
}
.pdetail .text .links li.search{
 background-image: url("../i/search_link_icon.png");
 background-position:12px 14px;
}
.pdetail .text .links li:first-child{
 border-top:none;
}
.pdetail .text .links li:last-child{
 border-bottom:none;
}

/*
 *			article
 */

.article {
 width:100%;
 box-shadow: 0 4px 5px -4px;
}
.article .head {
 height:72px;
 padding-top:1px;
 background-color:#069eca;
 color:white;
}
.article .head h1 {
 font-family: 'Rokkitt', serif;
 font-size:28px;
 font-weight:400;
 margin-top:26px;
 margin-bottom: 2px;
 padding:0px 0px 0px 19px;
 line-height:1em;
 float:left;
}
#content.full .article .head h1 {
 padding-left:140px;
}
.head .links {
 float:right;
 margin-top:30px;
 margin-right:15px;
}
.head .links a {
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
		float:left;
}
.head .links a.gplus {
  height: 28px;
  width: 32px;
	background-image:url("../i/gplus_icon_white.png");
	background-position:0px -1px;
}
.head .links a:hover.gplus {
	background-position:-1px -28px;
}
.head .links a.yt {
  height: 28px;
  width: 34px;
	background-image:url("../i/yt_icon_white.png");
	background-position:0px -2px;
}
.head .links a:hover.yt {
	background-position:0px -30px;
}
.head .links a.tw {
  height: 28px;
  width: 34px;
	background-image:url("../i/tw_icon_white.png");
}
.head .links a:hover.tw {
	background-position:0px -30px;
}
.head .links a.fb {
  height: 28px;
  width: 25px;
	background-image:url("../i/fb_icon_white.png");
	background-position:-5px -4px;
}
.head .links a:hover.fb {
	background-position:-5px -31px;
}

.article .photo {
 overflow:hidden;
}
.article .photo img {
 /*
 width:665px;
 height:260px;
 */
}
#content.wide .article .photo img {
 /*
 width:100%;
 height:260px;
 */
}
.article .body {
 padding: 1em 30px 110px;
 font-size:14px;
 background-color:white;
}
.article .body.nopadding {
 padding-bottom:30px !important;
}
#content.wide .article .body {
 padding: 1em 83px 110px 50px;
}
#content.full .article .body {
 padding: 1em 140px 110px 140px;
}
#content.full .article .form {
 padding: 1em 140px 110px 140px;
}

.article .body h1{
  font-family: 'Rokkitt', serif; 
	font-weight:bold;
	margin:35px 0px;
	font-size:30px;
}
.article .items {
 padding-top:36px;
 background-color:white;
}
.article .article-item {
 height:260px;
 position:relative;
 margin-bottom:14px;
 overflow:hidden;
}
.article .article-title {
 height:60px;
 position:absolute;
 bottom:0;
 font-family: 'Roboto Slab', serif;
 font-size:36px;
 line-height:55px;
 color:white;
 background-color: rgba(0,0,0,0.4);
 font-weight:bold;
 padding-left:29px;
 width:100%;
}

/*
 *			Form Elements
 */
.formtable {
 background-color:white;
 color: #4f5051;
 font-size:14px;
 width:100%;
}
.formtable td b {
 font-weight:600;
}
.formtable td input {
 border:1px solid #cccccc;
 padding:4px;
 margin-right:8px;
}
.formtable td textarea {
 border:1px solid #cccccc;
 padding:4px;
}

.errmsg {
 font-size:12px;
}

.button_submit {
 width:91px;
 height:26px;
 padding-top:2px;
 text-align:center;
 display:inline-block;
 background-image: url("../i/button_book.png");
 background-repeat:no-repeat;
 text-decoration:none;
 color: white;
 font-size:12px;
 text-shadow: #000000 0px 0px 2px;
 margin-top:7px;
 margin-right:5px; 
 border:none !important;
 background-color:transparent;
}
.calgenjq_input {
 background-image:url("../i/calendar-icon.png");
 background-repeat:no-repeat;
 background-position:94px 5px;
 width:110px;
}

/* fix jquery-ui datepicker size */
#ui-datepicker-div { font-size:11px; }

/*
 * Enquiry popup
 */
 
body.enquiry {
 background-color:white;
}

.enquiry .header {
 background-color:#3a353b;
}

/*
 * Map InfoWindow
 */

.infowindow .viewitem {
 height:77px;
 width:100%;
}
.infowindow .viewitem .image{
 width:116px;
 height:77px;
 float:left;
}
.infowindow .viewitem .image img{
 width:100%;
 height:100%;
}
.infowindow .viewitem .descr {
 width:115px;
 height: 67px;
 padding:10px 0px 0px 9px;
 color:#575757;
 font-size:10px;
 float:left;
}
.infowindow .viewitem .descr .location {
 padding-left:14px;
 background-image: url("../i/cross-black.png");
 background-repeat:no-repeat;
 background-position:0 1px;
}
.infowindow .viewitem .descr a{
 color:#00b6e4;
 font-family: 'Rokkitt', serif; 
 text-decoration:none;
 font-size:14px;
 line-height:16px;
} 

/*
 *    custom helper classes 
 */
.pad10 {
 padding-top:10px;
 padding-bottom:10px;
}
.new {
 /*color:#a94442;*/
 color:red;
}

/*
 *  STAMP
 */
#stamp {
 position:absolute;
 right:47px;
 top:32px;
 z-index:5;
}

/*
 *  Large screens
 */
@media (min-width: 1260px){  
  #wrap {
   width:100%;
  }

  #leftmenu {
	 width:27%;
	}
  
  main {
   width:73%;
  }
  main .content .item {
   width:33%;
  }
	main .content .item .body .descr{
	 width:60%;
	}	
	
	/* articles */

  #content.wide main {
      float: none;
      overflow: hidden;
      width: auto;
  }	
	
	/* review boxes */
	main .review_box {
	 width:24.4%;
	}	
	
	/* pdetail */
	.pdetail .photos .big img {
	 width:auto;
	} 
	.pdetail .body table.info {
	 width: 100%;
	}
	.pdetail .body .extras {
	 width:50%;
	}
	.pdetail .body .rates {
	 overflow:hidden;
	 width:auto;
	 float:none;	
	}
	.pdetail .text .description {
	 width:50%;
	}
	.pdetail .text .adds {
	 overflow:hidden;
	 float:none;
	 width:auto;
	}
}
@media (max-width: 1260px),
			 {			 
 main .review-wrap .review_box:nth-of-type(1n+4) {
   display:none;
 } 
}


@media (max-width: 999px){	
  #wrap {
   width:100%;
  } 
  #leftmenu {
	 width:27%;
	}	
	#recent {
	 display:none;
	}
	#leftmenu .box { 
	 width:100%;
	} 
  #leftmenu .box .head {
	 width:100%;
	 box-sizing:border-box;
	 height:35px;
	}	
  #content .box .body, #content.wide .box .body {
   column-count:1;
   -moz-column-count:1;
   -webkit-column-count:1;
   column-gap: 0;
   -moz-column-gap: 0;
   -webkit-column-gap: 0;
   column-fill: balance;
   -webkit-column-fill: balance;
   padding-top:21px;
   padding-right:10px;
   padding:21px 10px 42px 0px;
  }	
  main, #content.wide main {
      float: none;
      overflow: hidden;
      width: auto;
  }
  main .content .item {
   width:49%;
  }
	main .content .item .body .descr{
	 width:60%;
	}				
	/* review boxes */
	main .review_box {
	 width:32.5%;
	}	
	/* pdetail */
	.pdetail .photos .big img {
	 width:auto;
	} 
	.pdetail .body table.info {
	 width: 100%;
	}
	.pdetail .body .extras {
	 width:50%;
	}
	.pdetail .body .rates {
	 overflow:hidden;
	 width:auto;
	 float:none;	
	}
	.pdetail .text .description {
	 width:50%;
	}
	.pdetail .text .adds {
	 overflow:hidden;
	 float:none;
	 width:auto;
	}	
}

@media (max-width: 820px){	
  #wrap {
   width:100%;
	}
	
	#leftmenu,
	header .menu nav .listaproperty,
	header .search h1,
	header .icons{
	 display:none;
	}
  main {
   width:100%;
  }
	header {
	 padding-top:92px;
	}
	header .menu {
	 height:92px;
	}	
	header .menu nav {
	 margin-right:0px;
	 width:100%;
	}
		
	header .menu nav .toplinks {
	 margin-right:10px;
	}
	.search_form {
	 width:100%;
	 text-align:center;
	}
	.search_form .select_type,.search_form .select_price {
	 width:100%;
	 float:none;
	}
	header .search-wrap.results {
	 padding-top:92px;
	 height:215px;
	}	
  main .content .item {
   width:49%;
  }	
	main .content .item .body .descr{
	 width:60%;
	}		
	main .content .item .foot .link.map {
	 display:none;
	}	
	#content.wide main {
	 width:100%;
	}	
	.article .head {
	 overflow:hidden;
	 height:auto;
	}
	.head .links {
	 display:none;
	}
	main .banner_box {
	 float:none;
	 margin:5px 0px;
	}
	/* review boxes */
	main .review_box {
	 width:49%;
	}		
	/* pdetail */
	.pdetail .body table.info,
	.pdetail .body .extras,
	.pdetail .body .rates,
	.pdetail .text .description,
	.pdetail .text .adds,
	.pdetail .photos .big img {
	 width: 100%;
	}
	.pdetail .text .description {
	 width:90%;
	}
	.adds h2 {
	 padding-left:10px !important;
	}
  #content.wide .article .body,#content.full .article .body {
	 padding:1em;
	 text-align:justify;
	}		
	
}

@media (max-width: 520px){			  
  #wrap {
   width:100%;
	 min-width:325px;
  }	
	#leftmenu,
	header .menu nav .listaproperty,
	header .search h1,
	header .icons,
  .review-wrap{
	 display:none;
	}
  main {
   width:100%;
  }
	header {
	 padding-top:92px;
	}
	header .menu {
	 height:92px;
	}	
	header .menu nav {
	 margin-right:0px;
	 width:100%;
	}
		
	header .menu nav .toplinks {
	 margin-right:10px;
	}
	.search_form {
	 width:100%;
	 text-align:center;
	}
	.search_form .select_type,.search_form .select_price {
	 width:100%;
	 float:none;
	}
	header .search-wrap.results {
	 padding-top:92px;
	 height:215px;
	}	
  main .content .item {
   width:100%;
  }	
	main .content .item .body .descr{
	 width:60%;
	}		
	#content.wide main {
	 width:100%;
	}	
	.article .head {
	 overflow:hidden;
	 height:auto;
	}
	.head .links {
	 display:none;
	}
	main .banner_box {
	 float:none;
	 margin:5px 0px;
	}
	footer {
	 height:auto;
	}	
	footer ul li {
	 float:none;
	 text-align:left;
	}
	footer ul li:first-child {
	 background-image:url("../i/footer_li.png");
	}
	/* pdetail */
	.pdetail .body table.info,
	.pdetail .body .extras,
	.pdetail .body .rates,
	.pdetail .text .description,
	.pdetail .text .adds,
	.pdetail .photos .big img {
	 width: 100%;
	}
	.pdetail .text .description {
	 width:90%;
	}
	.adds h2 {
	 padding-left:10px !important;
	}
  #content.wide .article .body,#content.full .article .body {
	 padding:1em;
	 text-align:justify;
	}	
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
