/* Modules Rules */

/* Header */
.header-logo {
    padding: 10px 0;
}

.header-contact {
    font-size: 20px;

    float: right;

    padding-top: 10px;

    text-align: right;

    color: #ffffff;
}

.header-contact i {
    font-style: italic;
}

.menu {
    display: block;
    float: left;

    margin: 0;
}

.menu ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.menu li {
    position: relative;

    display: inline-block;

    margin: 0;
    padding: 12px 14px;

    border-right: 1px solid #555555;
    background: none;
}

.menu li:first-child {
    padding-left: 0;
}

.menu li:last-child {
    margin-right: 0;

    border: none;
}

.menu a {
    line-height: 1;

    display: inline-block;

    padding: 0;

    text-decoration: none;

    color: #ffffff;
}

.menu a:hover {
    color: #c4c4c4;
}

.menu > li:hover > a {
    background: url('../images/arrow-on.png') no-repeat bottom;
}

.menu > li:first-child > a {
    padding-left: 0;

    border: none;
}

.sub-menu {
    position: absolute;
    z-index: 99999;
    top: 40px;
    left: 0;

    display: none;
    float: left;

    min-width: 200px;
    padding: 0;

    background: #4b476e;
}

.menu li:hover > .sub-menu {
    display: block;
}

.sub-menu li:hover > a,
.sub-menu li.current_page_item > a,
.sub-menu li.current-menu-parent > a,
.sub-menu li.current-menu-item > a {
    color: #ffffff;
    background: #961d24;
}

.sub-menu li {
    width: 100%;
    margin: 0;
    padding: 0;
}

.sub-menu a {
    font-size: 16px;

    width: 100%;
    height: auto;
    padding: 15px 10px;

    text-align: left;

    color: #ffffff;
    border: none;
}

/* Footer */
.footer-menu .menu {
    padding: 20px 0 0 0;

    text-align: left;
}

.footer-menu li {
    line-height: 1;

    margin: 0;
    padding: 0;
}

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

.footer-menu a {
    font-size: 17px;

    padding: 0 22px;
}

.footer-menu .menu > li:hover > a {
    background: none;
}

.footer-copy {
    font-size: 17px;

    float: left;

    color: #ffffff;
}

.footer-contact {
    font-size: 17px;

    padding-top: 20px;

    text-align: right;

    color: #ffffff;
}

.footer-contact span {
    display: block;

    margin-bottom: 8px;
}

/* Badges */
.badge {
    position: absolute;
    z-index: 10;
    right: 17px;

    display: block;

    width: 154px;
    height: 172px;
    padding: 12px 5px 0 0;

    background: url('../images/nav-arrow.png') no-repeat;
}

.badge a {
    text-decoration: none;

    color: #ffffff;
}

.badge a:hover {
    color: #ffffff;
}

.badge span {
    font-size: 22px;
    line-height: 1.2;

    display: block;

    text-align: center;
}

.badge span i {
    font-family: 'Oswald', sans-serif;
    font-size: 28px;

    text-transform: uppercase;

    color: #113e68;
}

.badge span em {
    font-size: 29px;
    line-height: 1;

    margin-bottom: 10px;

    text-transform: uppercase;

    color: #113e69;
}

.badge span:last-child {
    font-size: 16px;
    line-height: 1;

    margin-top: 8px;
}

/* Hero */
.hero {
    height: 627px;
    padding-top: 64px;

    background: url('../images/bg-image-large.jpg') center top no-repeat;
}

.hero h2 {
    margin-top: 0;

    text-shadow: 1px 1px 1px #ffffff;
}

.hero h2 i {
    font-style: italic;

    display: block;
}

.hero ul li {
    background: url('../images/bullet-checkmark-box.png') no-repeat 0 -7px transparent;
}

.hero-interior {
    position: relative;

    height: 450px;
    padding-top: 140px;

    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
    text-align: center;

    background-repeat: no-repeat;
    background-position: center top;
}

.hero-interior span.fake-one {
    font-family: 'Lato', sans-serif;
    font-size: 35px;
    font-weight: 300;

    text-transform: uppercase;

    color: #e1eb29;
}

.hero-interior p {
    display: block;

    color: #ffffff;
}

.hero-individual h1 {
    margin: 12px 0;

    color: #ffffff;
}

.hero-individual p {
    line-height: 1.3;
}

.hero-bubble {
    width: 820px;
    margin: 100px auto 0;
    padding: 24px 60px;

    text-align: center;

    color: #ffffff;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    background: url('../images/bg-opacity.png') repeat;
}

.hero-bubble h1,
.hero-bubble a {
    color: #e0eb28;
}

.hero-bubble p {
    display: block;

    margin-bottom: 40px;
}

.hero-bubble > a {
    padding: 13px 0 0 60px;

    text-decoration: none;

    color: #434440;
}

.hero-bubble a:hover {
    color: #434440;
}

.hero-search {
    height: 420px;
    padding-top: 10px;

    text-align: center;

    background: url('../images/bg-image-small.jpg') center top no-repeat;
}

.hero-search h2 {
    font-size: 35px;

    text-transform: uppercase;

    color: #111111;
    text-shadow: 0 1px 1px #ffffff;
}

.hero-search h2 i {
    color: #e0eb00;
    text-shadow: 0 1px 1px #000000;
}

.hero-search p {
    font-size: 20px;

    color: #101010;
}

.hero-rent-sell {
    height: 520px;
    padding-top: 60px;

    background: url('../images/bg-image-medium.jpg') center top no-repeat;
}

.hero-rent-sell span.fake-one,
.hero-rent-sell .form {
    margin-top: 0;
}

.hero-rent-sell span.fake-one {
    text-transform: none;

    color: #111111;
}

.hero-rent-sell span.fake-one b {
    display: block;
}

.hero-rent-sell span.fake-one{
    box-sizing: border-box;
    color: rgb(17, 17, 17);
    display: block;
    font-family: Lato, sans-serif;
    font-size: 35px;
    font-weight: 300;
    margin: 0px 0px 23.45px;
    text-transform: none;
}

.hero-rent-sell ul {
    margin-bottom: 0;
}

/* Panels */
.panel {
    display: block;
    margin: 60px 0;
}

.panel-navigation {
    display: inline-block;

    width: 100%;
    margin-bottom: 30px;
}

.panel-navigation a {
    font-size: 18px;

    position: relative;

    float: left;

    margin-right: 8px;
    padding: 12px 18px;

    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    color: #777777;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
}

.panel-navigation a:hover,
.panel-navigation a.active {
    color: #ffffff;
    background: #4a466f;
}

.panel-navigation a:hover:after,
.panel-navigation a.active:after {
    position: absolute;
    z-index: 1;
    bottom: -10px;
    left: 45%;

    display: block;

    width: 0;

    content: '';

    border-width: 10px 10px 0;
    border-style: solid;
    border-color: #4a466f transparent;
}

.panel-navigation a:last-child {
    margin-right: 0;
}

.panel-inner {
    display: block;
    overflow: hidden;

    width: 100%;
    padding: 40px 0;

    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    background: #f7f7f7;
}

.panel--muted {
    border: none;
    background: #ffffff;
}

.panel-inner > div > div {
    width: 50%;
}

.panel-inner .is-right img {
    float: right;
}

.panel-inner h2 {
    margin-top: 0;
}

.panel-inner h2 a {
    text-decoration: none;

    color: #444444;
}

.panel-navigation-cities {
    margin-top: 20px;
    margin-bottom: 20px;
}

.panel-navigation-cities a {
    margin-right: 0;
    padding: 12px 19px;
}

.panel-cities {
    display: block;
    overflow: hidden;

    width: 100%;
    margin: 40px 0 20px;
}

.panel-cities li {
    float: left;

    width: 20%;
    padding: 0;

    background: transparent;
}

.panel-cities li:first-child {
    padding-right: 30px;

    text-align: center;
}

.panel-cities li a {
    display: block;

    padding: 0 0 10px 20px;

    text-decoration: none;

    color: #333333;
    background: url('../images/bullet-purple.png') no-repeat 0 10px transparent;
}



/* Banners */
.banner {
    font-size: 20px;

    position: relative;
    z-index: 1;

    width: 1200px;
    margin: 0 auto;
    padding: 20px;

    background-color: rgba(29, 37, 46, 0.8);
}

.banner-steps {
    margin-top: 119px;
}

.banner-steps span {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;

    float: left;

    width: 15%;
    margin-top: 60px;

    text-align: center;

    color: #ffffff;
}

.banner-steps span b {
    font-size: 48px;

    display: block;

    margin-bottom: 5px;
}

.banner-steps ul {
    display: inline-block;
    float: left;
    overflow: hidden;

    width: 85%;
    margin: 0;
}

.banner-steps li {
    position: relative;

    float: left;

    width: 33.333333333%;
    padding: 0;

    background: none;
}

.banner-steps li::after {
    position: absolute;
    top: 68px;
    right: -65px;

    width: 131px;
    height: 5px;

    content: '';

    background: #ffffff;
}

.banner-steps li:last-child::after {
    background: none;
}

.banner-steps img {
    display: block;

    margin: 0 auto;
}

.banner-steps h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    font-weight: 600;

    margin: 16px 0;

    text-align: center;

    color: #ffffff;
}

.banner-steps p {
    font-size: 17px;
    line-height: 1.3;

    text-align: center;

    color: #ffffff;
}

.banner-steps--interior {
    margin-top: 40px;
}

.banner-steps--interior ul {
    float: none;

    margin: 0 auto;
}

.banner-rent-sell {
    font-size: 22px;

    display: block;

    width: 550px;
    height: 135px;
    padding: 40px 0 0 30px;

    color: #ffffff;
    background: url('../images/bg-arrow-purple-rent-call.png') no-repeat;
}

.banner-rent-sell i {
    color: #e0eb28;
}

/* Image gallerys and thumbs */
.panel-gallery {
    border-top: 1px solid #dddddd;
    background: #f3f5f5;
}

.panel-gallery h2 {
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    color: #4a466e;
}

.gallery {
    display: inline-block;

    width: 100%;
}

.gallery li {
    line-height: 0;

    position: relative;
    z-index: 10;

    float: left;
    overflow: hidden;

    width: 188px;
    height: 180px;
    margin: 0 62px 30px 0;
    padding: 0;

    background: none;
}

.gallery li::before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background: url('../images/bg-opacity.png');
}

.gallery--red li::before {
    background: url('../images/bg-opacity--red.png');
}

.gallery li:nth-child(4n+4) {
    margin: 0;
}

.gallery img {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;
}

.gallery li a {
    font-size: 24px;
    font-weight: 200;
    line-height: 1.2em;

    display: block;

    width: 100%;
    height: 100%;
    padding-top: 40%;

    text-align: center;
    text-decoration: none;
    text-transform: uppercase;

    color: #ffffff;
}

.gallery i {
    font-size: 20px;
    font-weight: 200;
    font-style: italic;

    display: block;

    width: 100%;
    margin-top: 6px;

    text-transform: none;
}

.details-gallery {
    float: left;

    width: 54%;
}

.details-gallery > img {
    display: block;

    width: 284px;
    height: 228px;
}

.details-gallery ul {
    display: block;

    width: 100%;
    margin-top: 10px;

    list-style: none;
}

.details-gallery li {
    float: left;

    margin-right: 7px;
    padding: 0;

    background: none;
}

.details-gallery li img {
    display: block;

    width: 66px;
    height: 52px;

    cursor: pointer;
}

/* Details */
.details-address {
    position: relative;
    z-index: 100;

    float: left;

    width: 46%;
}

.details-address p,
.details-address a {
    font-size: 16px;

    display: block;
}

.details-address a {
    margin: 0 0 10px 0;
}

.details-price {
    display: block;

    width: 100%;
    margin: 5px 0;
}

.details-price span {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;

    display: block;

    width: 100%;

    color: #393939;
}

.details-price i {
    font-family: 'Lato', sans-serif;
    font-size: 24px;

    color: #4a466c;
}

.question-box {
    position: relative;
    z-index: 100;

    float: left;

    width: 46%;
}

.question-box i {
    float: left;

    margin: 18px 8px 0 0;
}

.question-box h2 {
    font-size: 22px;

    float: left;

    color: #4a466c;
}

.question-box span {
    font-size: 13px;

    float: left;

    width: 78%;

    text-align: center;
    text-transform: uppercase;

    color: #333333;
}

.question-box em {
    font-size: 26px;
    font-weight: bold;

    float: left;

    width: 100%;

    color: #43443f;
}

.details-specifications {
    float: left;

    width: 100%;
    margin: 10px 0;
}

.details-specifications dl {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 400;

    float: left;

    width: 50%;
}

.details-specifications dl:last-child {
    padding-left: 15px;
}

.details-specifications dt {
    display: block;

    width: 100%;
    padding: 6px 20px;

    color: #444444;
    border-top: 1px solid #cccccc;
}

.details-specifications dd {
    display: block;

    width: 100%;
    min-height: 26px;
    margin: 0;
    padding: 0 20px;

    color: #4a466c;
}

/* Widgets */
.banner-info {
    display: inline-block;

    margin: 40px auto;
    padding: 10px 20px;

    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    background-color: rgba(29, 37, 46, 0.8);
}

.banner-info:hover {
    background-color: #5d5d5d;
}

.banner-info span {
    font-size: 19px;
    font-weight: 400;

    display: inline-block;

    margin-right: 20px;

    vertical-align: middle;
    text-transform: uppercase;

    color: #ffffff;
}

.banner-info span:last-child {
    font-size: 25px;

    margin-right: 0;
}

.banner-info span b {
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    font-weight: 200;

    display: block;

    color: #e1eb29;
}

.widget-question {
    display: inline-block;

    width: 46%;
    margin-top: 10px;
}

.widget-question > i {
    display: inline-block;

    margin: 18px 10px 0 0;
}

.widget-question span {
    font-size: 22px;
    font-weight: bold;

    display: block;

    color: #264e72;
}

.widget-question span {
    font-size: 13px;
    font-weight: bold;

    display: inline-block;

    width: 82%;
    padding: 7px 0 4px;

    text-transform: uppercase;

    color: #f8a91f;
    border-top: 1px dotted #cccccc;
    border-bottom: 1px dotted #cccccc;
}

.widget-question em {
    font-family: 'Oswald', sans-serif;
    font-size: 25px;
    font-weight: normal;

    float: left;

    color: #43443f;
}

/* Accordions */
.accordion {
    float: left;

    width: 100%;
}

.accordion .row {
    float: left;
    clear: both;

    width: 100%;
    margin: 0 0 14px 0;
}

.accordion h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 19px;
    font-weight: 400;

    position: relative;

    display: block;

    margin: 0;
    padding: 10px 15px;

    cursor: pointer;

    color: #333333;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    background: #f5f5f5;
}

.accordion h3::after {
    position: absolute;
    top: 12px;
    right: 10px;

    width: 23px;
    height: 23px;

    content: '';

    border: 0;
    background: url('../images/icon-expand.png') no-repeat;
}

.accordion h3.active {
    border-bottom: 0;
}

.accordion h3.active::after {
    background: url('../images/icon-contract.png') no-repeat;
}

.accordion ul {
    display: none;
    overflow: hidden;

    margin: 0;
    padding: 10px 20px;

    background: #f5f5f5;
}

.accordion ul li {
    font-weight: 200;

    float: left;

    width: 50%;
    padding: 0;

    color: #333333;
    background: none;
}

.map {
    display: block;

    width: 100%;
    margin-top: 20px;
}

.map .js-anchorTarget {
    width: 100%;
    height: 246px;
}

.wmtw {
    display: block;
    overflow: hidden;

    width: 75%;
    margin: 0 auto;

    background: #eeeeee;
}

.wmtw-title {
    display: block;

    margin-top: 40px;

    text-align: center;
}

.wmtw-title span.fake-one {
    font-family: 'Lato', sans-serif;
    font-size: 35px;
    font-weight: 300;
    text-transform: uppercase;
    color: #4a466d;
    margin: 0.67em 0;
}

.wmtw-footer {
    display: block;
    overflow: hidden;

    width: 100%;
    padding: 10px 30px;

    background: #434440;
}

.wmtw-footer span {
    font-size: 22px;

    vertical-align: middle;

    color: #ffffff;
}

.wmtw-footer span:last-child {
    font-size: 22px;

    float: right;
}

.wmtw-confirm > img {
    display: block;

    margin: 40px auto;
}

.wmtw-resort {
    display: block;

    width: 100%;
}

.wmtw-resort img {
    display: block;

    width: 100%;
}

.wmtw-resort li {
    width: 100%;
    padding: 0;

    background: none;
}

li.wmtw-resort-details {
    overflow: hidden;

    padding: 10px 10px 0 20px;

    border: 1px solid #dddddd;
    background: #eeeeee;
}

.wmtw-resort-details h5 {
    float: left;

    width: 80%;
    margin: 0 0 10px 10px;
}

.wmtw-resort-details p {
    font-size: 13px;

    float: left;

    width: 100%;
    margin-top: 0;
}

.wmtw-resort li:last-child {
    margin-top: 20px;
    margin-left: 15px;
}

.wmtw-resort li:last-child span {
    font-family: 'Oswald', sans-serif;
    font-size: 20px;

    color: #333333;
}

.wmtw-banner {
    display: block;
    overflow: hidden;

    width: 100%;
    margin: 40px 0;
    padding: 10px 20px;

    border: 1px solid #afafaf;
    background: #eeeeee;
}

.wmtw-banner p {
    font-size: 14px;
    font-weight: bold;

    float: left;

    margin: 8px 10px 5px 0;

    color: #333333;
}

.wmtw-banner span {
    font-size: 16px;
    font-weight: bold;

    float: left;

    color: #000d45;
}

.modal {
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    overflow-y: scroll;

    -webkit-transition: opacity 400ms ease-in;
       -moz-transition: opacity 400ms ease-in;
            transition: opacity 400ms ease-in;
    pointer-events: auto;

    opacity: 1;
    background: rgba(0,0,0,0.8);
}

.modal .container {
    position: relative;

    margin: 5% auto;
}

/* Forms */
.form {
    position: relative;

    margin-top: 35px;
    padding: 15px 10px;

    border: 1px solid #333333;
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    background: #434440;
}

.form-title {
    font-size: 25px;
    font-weight: 200;
    line-height: 1;

    display: block;

    text-align: center;
    text-transform: uppercase;

    color: #ffffff;
}

.form-title i {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;

    display: block;
}

.form ul li {
    padding: 0;

    background: none;
}

.form input,
.form select,
.form textarea {
    font-size: 15px;

    display: block;
    float: left;

    width: 100%;
    margin-bottom: 6px;
    padding: 11px;

    color: #777777;
}

.form input.small,
.form select.small {
    width: 130px;
    margin-right: 4px;
}

.form li.is-last input {
    margin-right: 0;
}

.form select {
    padding-right: 30px;
    padding-right: 4px\9;

    color: #777777\9;
    background: url('../images/btn-purple-dropdown.png') no-repeat scroll 227px 0 #ffffff;
    /* Hack for IE6, IE7, IE8, IE9 */
    background: #ffffff\9;

    -webkit-appearance: none;
       -moz-appearance: none;
}

_:-ms-fullscreen,
:root .form select {
    height: 42px;
    padding-right: 0;
    padding-left: 10px;

    color: #777777;
    background: #ffffff;
}

@-moz-document url-prefix() {
    .form select {
        padding-top: 8px;
    }
}

.form label {
    color: #ffffff;
}

.form > small {
    font-size: 12px;
    font-weight: 200;

    display: block;

    color: #ffffff;
}

.form > small a {
    color: #c0c84e;
}


.form-search {
    z-index: 10;

    width: 100%;
    margin-top: 0;
    padding: 20px 10px;

    border: 0;
    background: none;
}

.form-search::before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100%;
    height: 83px;

    content: '';

    opacity: 0.8;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    background-color: #1d252e;
}

.form-search input,
.form-search select {
    font-size: 16px;

    width: 340px;
    height: 43px;
    margin: 0;
    margin-right: 10px;
    padding: 10px;
}

.form-search .js-datepicker {
    width: 190px;
    padding-left: 45px;

    background: url('../images/icon-grey-calendar.png') no-repeat scroll 10px 10px #ffffff;
}

.form-search select {
    width: 190px;

    cursor: pointer;

    background-position: 165px 12px;
}

.form-search--small {
    display: block;
    float: left;

    width: 100%;
    margin: 0;
    padding: 9px 0;

    border: none;
    background: none;
}

.form-search--small input[type='text'] {
    font-size: 15px;

    width: 100%;
    margin: 0;
    padding: 5px 40px 5px 10px;

    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
}

.form-search--sale {
    margin-top: 0;
    padding: 30px;
}

.form-search--sale input {
    width: 174px;
    margin-bottom: 15px;
}

.form-search--sale input.autocomplete_me {
    width: 100%;
    margin-right: 0;
}

.form-search--sale::before {
    height: 227px;
}

.form-search--sale .is-left {
    width: 544px;
}

.form-search--sale .value-picker {
    padding-left: 45px;

    background: url('../images/icon-grey-dollar.png') 7px center no-repeat #ffffff;
}

.form-search--sale .banner-info {
    float: right;

    width: 260px;
    margin: 0;
    margin-top: 30px;
    padding: 0;

    background: none;
}

.form-search--sale .js-datepicker {
    width: 174px;
    margin-right: 0;
}

.form-search--sale select {
    width: 358px;

    background-image: url('../images/arrows-grey-dropdown.png');
    background-position: 335px 12px;
}

.form-search--rent select {
    width: 185px;

    background-image: url('../images/arrows-grey-dropdown.png');
}

.form-banner {
    margin-top: 50px;

    border: 1px solid #ffffff;
}

.form-individual {
    position: relative;

    float: left;

    margin-top: 66px;
    margin-right: -20px;
    margin-left: -20px;

    background-color: rgba(29, 37, 46, 0.7);
}

.form-individual hr {
    width: 110%;
    margin-left: -15px;
}

.form-individual input,
.form-individual select {
    font-size: 15px;
    font-size: 14px;

    height: 32px;
    padding: 6px;
}

.form-individual select {
    padding-right: 31px;

    cursor: pointer;

    background: url('../images/dropdown-arrow.png') no-repeat scroll 112px 0 #ffffff;
    /* Hack for IE6, IE7, IE8, IE9 */
    background: #ffffff\9;

    -webkit-appearance: none;
       -moz-appearance: none;
}

_:-ms-fullscreen,
:root .form-individual select {
    height: 32px;
    padding-right: 0;
    padding-left: 6px;

    background: #ffffff;
}

@-moz-document url-prefix() {
    .form-individual select {
        padding-right: 0;

        background: #ffffff;
    }
}

.form-individual input.small,
.form-individual select.small {
    width: 145px;
}

.form-individual span {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;

    display: block;

    text-align: center;

    color: #ffffff;
}

.form-individual p {
    font-size: 12px;

    display: block;
    float: left;

    width: 48%;

    color: #ffffff;
}

.form-individual .picker {
    top: 97px;
    left: 15px;

    width: 89.3%;
}

.form-search-list {
    overflow: hidden;

    width: 95%;
    margin: 0;
    padding: 20px;

    border: 1px solid #dddddd;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background: #eeeeee;
}

.form-search-list .form-title {
    font-size: 22px;
    font-weight: normal;

    margin: 0 0 20px 0;

    text-align: left;
    text-transform: none;
}

.form-search-list .form-title i {
    font-size: 26px;
    font-weight: 200;

    display: block;

    margin-top: 10px;

    color: #49456d;
}

.form-search-list span {
    font-size: 16px;
    font-weight: bold;

    display: block;

    margin-bottom: 5px;

    color: #525252;
}

.form-search-list select {
    background: url('../images/arrows-grey-dropdown.png') no-repeat scroll 212px 12px #ffffff;
}

.form-search-list .picker {
    top: 150px;
    left: 0;

    width: 100%;
}

.form-secondary {
    margin-top: 35px;
}

.form-secondary .form-title i {
    display: initial;

    border-bottom: 1px solid #e1eb29;
}

.form-secondary label {
    font-size: 16px;
    font-weight: 200;

    display: block;

    margin-bottom: 4px;
}

.form-secondary select {
    background: url('../images/arrows-grey-dropdown.png') no-repeat scroll 238px 12px #ffffff;
}

.form-wmtw label {
    font-size: 16px;

    display: block;

    margin-bottom: 2px;

    color: inherit;
}

.form-wmtw label span {
    font-size: 20px;

    color: #484570;
}

.form-wmtw select {
    background: url('../images/arrows-grey-dropdown.png') no-repeat scroll 220px 12px #ffffff;
}

.form-wmtw {
    width: 85%;
    margin: 0 auto;
    padding: 0 50px;

    border: 0;
    background: none;
}

.form-wmtw ul {
    display: block;
    float: left;

    width: 100%;
    margin-bottom: 60px;
}

.form-wmtw li {
    position: relative;

    float: left;

    width: 48%;
    margin-right: 19px;
}

.form-wmtw li:nth-child(2n+2) {
    margin-right: 0;
}

.form-wmtw li:last-child {
    width: 100%;
    margin: 20px 0 0 0;
}

.form-wmtw-confirm {
    width: 71%;
    margin: 20px auto;
    padding: 0;

    border: none;
    background: none;
}

.form-wmtw-confirm form {
    display: block;
    overflow: hidden;

    width: 100%;
}

.form-wmtw-confirm label {
    font-size: 16px;

    display: block;

    margin-bottom: 2px;

    color: inherit;
}

.form-wmtw-confirm label span {
    font-size: 15px;
    font-weight: bold;

    color: #9f9eb3;
}

.form-wmtw-confirm small {
    font-size: 14px;

    position: relative;

    color: inherit;
}

.form input.btn-marketvalue {
    float: right;

    width: 275px;
    height: 51px;
    margin: 20px 0;

    border: none;
    background: url('../images/btn-red-large-getmarket-value.png') no-repeat;
}

.form input.btn-marketvalue:hover {
    background-position: 0 bottom;
}

.form.form-bookable {
    margin-top: 32px;
    padding-bottom: 30px;
}

.form-bookable .form-title {
    padding-top: 40px;
    padding-left: 16px;
}

.form-bookable .form-title span {
    font-size: 40px;
    font-weight: normal;

    display: block;

    width: 100%;
    margin-bottom: 10px;

    text-align: left;
    text-transform: none;
}

.form-bookable .form-title i {
    float: left;

    margin: 4px 10px 0 0;
}

.form-bookable .form-title small {
    font-size: 22px;
    font-weight: 200;
}

.hero .form {
    margin-top: 0;
    margin-bottom: 34px;
}

.notice {
    font-size: 13px;

    padding: 20px 10px;

    background: #ffffff;
}

.validation_message,
.validation_error {
    display: none;
}

.error,
.gfield_error input {
    border-color: red;
    background-color: #f5e3e3;
}

.autosuggest_spinner,
.autocomplete_spinner {
    position: absolute;

    display: none;

    width: 30px;
    height: 30px;

    background: url('../images/spinner.gif') no-repeat;
}

.ginput_container {
    position: relative;
}

.form .autosuggest_spinner,
.form .autocomplete_spinner {
    top: 97px;
    left: 118px;
}

.form-rent .autosuggest_spinner,
.form-rent .autocomplete_spinner {
    top: 88px;
    left: 113px;
}

.form.form-search--small .autosuggest_spinner,
.form.form-search--small .autocomplete_spinner {
    top: 9px;
    left: 182px;
}

.form.form-search .autosuggest_spinner,
.form.form-search .autocomplete_spinner {
    top: 36px;
    left: 250px;
}

.form-wmtw .autosuggest_spinner,
.form-wmtw .autocomplete_spinner {
    top: 32px;
    left: 112px;
}

.autosuggest_results,
.autocomplete_results {
    font-size: 14px;

    position: absolute;
    z-index: 1000;

    padding: 10px;

    background: #ffffff;
}

.autosuggest_results li,
.autocomplete_results li {
    line-height: 1.5;

    cursor: pointer;
}

.form .autosuggest_results,
.form .autocomplete_results {
    top: 134px;
    left: 0;

    width: 100%;
}

.form-rent .autosuggest_results,
.form-rent .autocomplete_results {
    top: 122px;
}

.form.form-search .autosuggest_results,
.form.form-search .autocomplete_results {
    top: 75px;
    left: 30px;

    width: 54%;

    text-align: left;
}

.form.form-search--small .autosuggest_results,
.form.form-search--small .autocomplete_results {
    top: 40px;
    left: 0;

    width: 80%;
}

.form-wmtw .autosuggest_results,
.form-wmtw .autocomplete_results {
    top: 69px;
    left: 0;

    overflow-y: scroll;

    height: 249px;
}

.form-wmtw .autosuggest_results li,
.form-wmtw .autocomplete_results li {
    font-size: 13px;

    width: 100%;
}

.gfield_required {
    color: #e1eb29;
}

/* Slider carousel */
.slider {
    display: block;
    float: left;

    width: 100%;
    height: 1%;
    padding: 20px 10px;

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background-color: rgba(29, 37, 46, 0.8);
}

.slider .viewport {
    position: relative;

    float: left;
    overflow: hidden;

    width: 820px;
    height: 176px;
}

.slider .buttons {
    position: relative;

    display: block;
    float: left;

    width: 52px;
    height: 66px;
    margin: 48px 20px 0 -26px;

    background: url('../images/btn-arrow-left-destination-slider.png');
}

.slider .next {
    float: right;

    margin-right: -26px;

    background: url('../images/btn-arrow-right-destination-slider.png');
}

.slider .disable {
    visibility: hidden;
}

.slider .overview {
    position: absolute;
    top: 0;
    left: 0;

    width: 240px;
    margin: 0;
    padding: 0;

    list-style: none;
}

.slider .overview li {
    position: relative;

    float: left;

    width: 822px;
    height: 142px;
    margin: 0;
    padding: 0;

    background: none;
}

.slider .overview a {
    display: block;
    float: left;
}

.slider .overview img {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

.slider .bullets {
    position: absolute;
    bottom: 10px;
    left: 41%;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slider .bullets li {
    float: left;

    margin: 0;
    margin-right: 30px;
    padding: 0;

    background: transparent;
}

.slider .bullet {
    display: block;

    width: 13px;
    height: 14px;

    background: url('../images/slider-bullet.png') no-repeat;
}

.slider .bullet.active {
    background-image: url('../images/slider-bullet-active.png');
}

/* Date picker */
.picker {
    font-size: 16px;
    line-height: 1.2;

    position: absolute;
    z-index: 10000;
    top: 59px;
    left: 360px;

    width: 38.9%;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    text-align: left;

    color: #000000;
}

.picker__input {
    cursor: default;
}

.picker__input.picker__input--active {
    border-color: #0089ec;
}

.picker__holder {
    overflow-y: auto;

    width: 100%;

    -webkit-overflow-scrolling: touch;
}

.picker__holder {
    position: absolute;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    min-width: 176px;
    max-width: 466px;
    max-height: 0;

    -webkit-transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
       -moz-transition:    -moz-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
            transition:         transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s;
    -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg);
       -moz-transform: translateY(-1em) perspective(600px) rotateX(10deg);
            transform: translateY(-1em) perspective(600px) rotateX(10deg);

         opacity: 0;
    border: 1px solid #aaaaaa;
    border-top-width: 0;
    border-bottom-width: 0;
    -webkit-border-radius: 0 0 5px 5px;
       -moz-border-radius: 0 0 5px 5px;
            border-radius: 0 0 5px 5px;
    background: #ffffff;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
        filter: alpha(opacity=0);
    -moz-opacity: 0;
}

.picker__frame {
    padding: 1px;
}

.picker__wrap {
    margin: -1px;
}

.picker--opened .picker__holder {
    max-height: 25em;

    -webkit-transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
       -moz-transition:    -moz-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
            transition:         transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0);
       -moz-transform: translateY(0) perspective(600px) rotateX(0);
            transform: translateY(0) perspective(600px) rotateX(0);

         opacity: 1;
    border-top-width: 1px;
    border-bottom-width: 1px;
    -webkit-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
       -moz-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);
            box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12);

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
        filter: alpha(opacity=100);
    -moz-opacity: 1;
}

.picker__box {
    padding: 0 1em;
}

.picker__header {
    position: relative;

    margin-top: 0.75em;

    text-align: center;
}

.picker__month,
.picker__year {
    font-weight: 500;

    display: inline-block;

    margin-right: 0.25em;
    margin-left: 0.25em;
}

.picker__year {
    font-size: 0.8em;
    font-style: italic;

    color: #999999;
}

.picker__select--month,
.picker__select--year {
    height: 2em;
    margin-right: 0.25em;
    margin-left: 0.25em;
    padding: 0.5em;

    border: 1px solid #b7b7b7;
}

.picker__select--month {
    width: 35%;
}

.picker__select--year {
    width: 22.5%;
}

.picker__select--month:focus,
.picker__select--year:focus {
    border-color: #0089ec;
}

.picker__nav--prev,
.picker__nav--next {
    position: absolute;
    top: -0.25em;

    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.5em 1.25em;
}

.picker__nav--prev {
    left: -1em;

    padding-right: 1.25em;
}

.picker__nav--next {
    right: -1em;

    padding-left: 1.25em;
}

.picker__nav--prev:before,
.picker__nav--next:before {
    display: block;

    width: 0;
    height: 0;
    margin: 0 auto;

    content: ' ';

    border-top: 0.5em solid transparent;
    border-right: 0.75em solid #000000;
    border-bottom: 0.5em solid transparent;
}

.picker__nav--next:before {
    border-right: 0;
    border-left: 0.75em solid #000000;
}

.picker__nav--prev:hover,
.picker__nav--next:hover {
    cursor: pointer;

    color: #000000;
    background: #b1dcfb;
}

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
    cursor: default;

    border-right-color: #f5f5f5;
    border-left-color: #f5f5f5;
    background: none;
}

.picker__table {
    font-size: inherit;

    width: 100%;
    margin-top: 0.75em;
    margin-bottom: 0.5em;

    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse;

    text-align: center;
}

.picker__table td {
    margin: 0;
    padding: 0;
}

.picker__weekday {
    font-size: 0.75em;
    font-weight: 500;

    width: 14.285714286%;
    padding-bottom: 0.25em;

    color: #999999;
}

.picker__day {
    font-weight: 200;

    padding: 0.3125em 0;

    border: 1px solid transparent;
}

.picker__day--today {
    position: relative;
}

.picker__day--today:before {
    position: absolute;
    top: 2px;
    right: 2px;

    width: 0;
    height: 0;

    content: ' ';

    border-top: 0.5em solid #0059bc;
    border-left: 0.5em solid transparent;
}

.picker__day--disabled:before {
    border-top-color: #aaaaaa;
}

.picker__day--outfocus {
    color: #dddddd;
}

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
    cursor: pointer;

    color: #000000;
    background: #b1dcfb;
}

.picker__day--highlighted {
    border-color: #0089ec;
}

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
    cursor: pointer;

    color: #000000;
    background: #b1dcfb;
}

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
    color: #ffffff;
    background: #0089ec;
}

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
    cursor: default;

    color: #dddddd;
    border-color: #f5f5f5;
    background: #f5f5f5;
}

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
    background: #bbbbbb;
}

.picker__footer {
    text-align: center;
}

.picker__button--today,
.picker__button--clear,
.picker__button--close {
    font-size: 0.8em;
    font-weight: bold;

    display: inline-block;

    width: 33%;
    padding: 0.66em 0;

    vertical-align: bottom;

    border: 1px solid #ffffff;
    background: #ffffff;
}

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
    cursor: pointer;

    color: #000000;
    border-bottom-color: #b1dcfb;
    background: #b1dcfb;
}

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
    border-color: #0089ec;
    outline: none;
    background: #b1dcfb;
}

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
    position: relative;

    display: inline-block;

    height: 0;
}

.picker__button--today:before,
.picker__button--clear:before {
    margin-right: 0.45em;

    content: ' ';
}

.picker__button--today:before {
    top: -0.05em;

    width: 0;

    border-top: 0.66em solid #0059bc;
    border-left: 0.66em solid transparent;
}

.picker__button--clear:before {
    top: -0.25em;

    width: 0.66em;

    border-top: 3px solid #ee2200;
}

.picker__button--close:before {
    font-size: 1.1em;

    top: -0.1em;

    margin-right: 0.35em;

    content: '\D7';
    vertical-align: top;

    color: #777777;
}

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
    cursor: default;

    color: #dddddd;
    border-color: #f5f5f5;
    background: #f5f5f5;
}

.picker__button--today[disabled]:before {
    border-top-color: #aaaaaa;
}

/* Bredcrumbs */
.breadcrumb {
    padding: 40px 0 10px;
}

.breadcrumb a {
    font-size: 16px;

    text-decoration: none;

    color: #333333;
}

.breadcrumb i {
    margin: 0 6px;
}

.calendar form {
    display: block;
    overflow: hidden;

    margin: 30px 0 80px;

    text-align: center;
}

.calendar form .wrapper {
    display: inline-block;

    width: 34%;
}

.calendar form label {
    font-weight: 600;

    float: left;

    margin-right: 20px;
}

.calendar form select {
    background-color: #cccccc;
}

.calendar h3 {
    font-size: 16px;
    font-weight: normal;

    display: block;
    overflow: hidden;

    margin-bottom: 0;
    padding: 10px;

    color: #ffffff;
    background-color: #4a466f;
}

.calendar table,
.calendar thead,
.calendar tbody {
    display: block;
    overflow: hidden;

    width: 100%;
}

.calendar thead {
    color: #4a466f;
}

.calendar table tr {
    float: left;

    width: 100%;
}

.calendar tbody {
    display: none;
}

.calendar tbody tr:nth-child(odd) td {
    background-color: #eeeeee;
}

.calendar table th,
.calendar table td {
    float: left;

    width: 24.6%;
    margin-right: 5px;
    padding: 10px;

    text-align: center;
}

.calendar table th:first-child,
.calendar table td:first-child {
    text-align: left;
}

.calendar table th:last-child,
.calendar table td:last-child {
    margin-right: 0;
}

.thumbs {
    display: block;
    overflow: hidden;

    width: 100%;
    margin: 20px 0;
}

.thumbs li {
    float: left;
    overflow: hidden;

    width: 232px;
    margin-right: 3px;
    padding: 0;

    background: none;
}

.thumbs img {
    width: 100%;
}

.search-last {
    display: block;

    margin: 40px 0;
    padding: 10px 20px;

    background: #595959;
}

.search-last .form {
    display: inline-block;

    width: 60%;
    margin: 0;
    padding: 0;

    background: none;
}

.search-last .form input {
    width: 60%;
    margin: 0;
    padding: 7px;
}

.search-last a {
    display: inline-block;
    float: right;

    margin-top: 8px;
    margin-right: 16px;
    padding-right: 14px;

    color: #ffffff;
    background: url('../images/arrows-sort-wth.png') no-repeat right 5px;
}

.selected_asc {
    background: url('../images/arrows-sort-ascendant.png') no-repeat scroll right 10px transparent !important;
}

.selected_desc {
    background: url('../images/arrows-sort-descending.png') no-repeat scroll right 10px transparent !important;
}

.search-results-filter {
    display: block;
    overflow: hidden;

    width: 100%;
    margin-bottom: 20px;

    text-align: right;
}

.search-results-filter label,
.search-results-filter select {
    font-size: 15px;
    font-weight: 600;
}

.search-results-filter select {
    background-color: #D3D3D3;
}

.search-results {
    float: left;

    width: 100%;
}

.search-results tr {
    display: block;
    float: left;

    width: 100%;
    margin-bottom: 15px;
    padding: 20px 10px 5px;

    border: 1px solid #dddddd;
}

.search-results tr:nth-child(odd) {
    background-color: #eeeeee;
}

.search-results td {
    position: relative;

    display: block;
    float: left;

    width: 54%;
    padding: 0 5px;
}

.search-results td:first-child {
    width: 23%;
    padding-left: 0;
}

.search-results td:first-child span {
    font-size: 14px;
    font-weight: bold;

    display: block;

    margin-top: 10px;

    text-align: center;

    color: #333333;
}

.search-results td:last-child {
    width: 23%;
    padding-right: 0;
}

.search-results td:last-child span {
    font-size: 16px;
    font-weight: bold;

    display: block;

    padding-top: 20%;

    text-align: center;
}

.search-results td:last-child span b {
    color: #c3201f;
}

.search-results td span.bookable {
    padding: 0;
}

.search-results td span.bookable b {
    font-size: 18px;
}

.search-results td img {
    display: block;

    max-width: 100%;
    margin: 0 auto;
}

.search-results h4 {
    font-size: 16px;
    line-height: 1;

    margin: 0 0 2px 0;

    color: #00386c;
}

.search-results h4 a {
    text-decoration: none;

    color: #4a466c;
}

.search-results p {
    font-size: 14px;
    line-height: 1.2;

    margin: 0 0 5px 0;
}

.search-results p small {
    font-size: 13px;
}

.search-results ul {
    overflow: hidden;

    width: 100%;
    margin: 10px 0 0 0;

    list-style: none;
}

.search-results li {
    float: left;

    width: 50%;
    margin-bottom: 10px;
    padding: 0;

    background: none;
}

.search-results i[class^='icon-'] {
    display: block;
    float: left;

    width: 28px;
    height: 23px;
    margin: 3px 4px 0 0;
}

.search-results li span {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;

    color: #222222;
}

.search-results li span i {
    color: #401958;
}

.ias_trigger,
.ias_loader,
.navigation {
    display: block;
    overflow: hidden;

    width: 100%;
    padding: 20px;

    text-align: center;
}

.ias_trigger a:link,
.ias_trigger a:visited {
    padding: 4px 50px;

    text-decoration: none;

    color: #555555;
    border: solid 1px #dddddd;
    border-radius: 2px;
    background-color: #f9f9f9;
}

/* Buttons */
.form input.button {
    display: block;

    width: 100%;
    height: 42px;
    margin: 5px 0 20px;

    border: none;
    background: url('../images/btn-red-xlarge-help.png') no-repeat;
    background-size: 100% auto;
}

.form input.button:hover {
    background-position: 0 bottom;
}

.form-secondary input.button {
    height: 44px;

    background-image: url('../images/btn-smaller-search.png');
}

.form-search input.button {
    width: 163px;
    height: 44px;
    margin: 0;

    background-image: url('../images/btn-purple-search.png');
}

.form-search--sale input.button {
    width: 175px;
    height: 47px;

    background-image: url('../images/btn-red-small-search.png');
}

.form-search--sale .banner-info span {
    font-size: 24px;

    margin-right: 0;
}

.form-search--rent input.button {
    width: 175px;
    height: 47px;

    background-image: url('../images/btn-red-small-search.png');
}

.form-search--rent .banner-info span {
    font-size: 24px;

    margin-right: 0;
}

.form-search--sale .banner-info span b {
    font-size: 35px;
}

.form-search--sale .banner-info span:last-child {
    font-size: 33px;
}

.form-search input.button:hover {
    background-position: 0 bottom;
}

.form-search--small input.button {
    position: absolute;
    top: 8px;
    right: -2px;

    width: 40px;
    height: 31px;
    margin: 0;
    padding: 0;

    background-image: url('../images/btn-purple-search.png');
    background-size: auto;
}

.form-search--small input.button:hover {
    background-position: 0 bottom;
}

.form-wmtw input.btn-nextstep {
    float: right;

    width: 177px;
    height: 50px;
    margin: 0;

    background: url('../images/btn-red-step.png') no-repeat;
}

.form-wmtw input.btn-nextstep:hover {
    background-position: 0 bottom;
}

.form-search-list button[name='resort-price'] {
    display: block;
    float: left;

    width: 100%;
    height: 58px;
    margin: 10px 0 20px;

    border: none;
    background-color: transparent;
    background-image: url('../images/btn-purple-small-price.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.form-search-list button:hover {
    background-position: 0 bottom;
}

.search-last .form input.button {
    width: 102px;
    height: 35px;
    margin: 0 0 0 10px;
    padding: 0;
    padding: 7px;

    background-image: url('../images/btn-red-xsmaller-search.png');
}

.search-last .form input.button:hover {
    background-position: 0 -40px;
}

.btn-medium-book {
    display: block;

    height: 38px;
    margin: 10px auto;

    background: url('../images/btn-red-xsmall-book.png') no-repeat;
    background-size: 100% auto;
}

.btn-medium-book.last {
    width: 64%;
}

.btn-medium-book:hover {
    background-position: 0 bottom;
}

.btn-xlarge-book {
    display: block;

    width: 100%;
    height: 45px;
    margin: 30px auto 20px;

    border: none;
    background: url('../images/btn-red-large-book.png') no-repeat;
    background-size: 100% auto;
}

.btn-xlarge-book:hover {
    background-position: 0 bottom;
}

.btn-individual-search {
    font-size: 16px;

    display: block;

    width: auto;
    height: 52px;
    padding: 19px 26px 0;

    text-align: center;
    text-decoration: none;

    color: #ffffff;
    background: url('../images/btn-gray-medium-arrows.png') no-repeat;
    background-size: 100% 100%;
}

.btn-large-forsale {
    float: left;

    width: 285px;
    height: 77px;

    background: url('../images/btn-grey-large-forsale.png') no-repeat;
}

.btn-large-forsale:hover {
    background-position: 0 bottom;
}

.btn-large-forrent {
    display: inline-block;

    width: 285px;
    height: 77px;
    margin: 0 auto;

    background: url('../images/btn-grey-large-forrent.png') no-repeat;
}

.btn-large-forrent:hover {
    background-position: 0 bottom;
}

.btn-large-sell {
    float: right;

    width: 285px;
    height: 77px;

    background: url('../images/btn-grey-large-sell.png') no-repeat;
}

.btn-large-sell:hover {
    background-position: 0 bottom;
}

.btn-xsmall-sell {
    display: block;

    width: 200px;
    height: 46px;

    background: url('../images/btn-purple-xsmall-sell.png') no-repeat;
}

.btn-xsmall-sell:hover {
    background-position: 0 bottom;
}

.btn-medium-rent-your {
    display: block;

    width: 270px;
    height: 46px;

    background: url('../images/btn-purple-medium-rent-your-timeshare.png') no-repeat;
}

.btn-medium-rent-your:hover {
    background-position: 0 bottom;
}

.btn-large-buy {
    display: block;

    width: 277px;
    height: 46px;

    background: url('../images/btn-purple-large-buy.png') no-repeat;
}

.btn-large-buy:hover {
    background-position: 0 bottom;
}

.btn-small-rent-a-timeshare {
    display: block;

    width: 277px;
    height: 46px;

    background: url('../images/btn-purple-small-rent-a-timeshare.png') no-repeat;
}

.btn-small-rent-a-timeshare:hover {
    background-position: 0 bottom;
}

.btn-xsmall-dates {
    display: inline-block;

    width: 199px;
    height: 45px;

    background: url('../images/btn-purple-xsmall-dates.png') no-repeat;
}

.btn-xsmall-dates:hover {
    background-position: 0 bottom;
}

.btn-viewproperty {
    display: block;

    height: 38px;
    margin: 10px auto;

    background: url('../images/btn-red-xsmall-viewproperty.png') no-repeat;
    background-size: 100% auto;
}

.btn-viewproperty:hover {
    background-position: 0 bottom;
}

.btn-large-grey-forsale {
    display: inline-block;

    width: 336px;
    height: 77px;
    margin-right: 20px;

    background: url('../images/btn-light-grey-large-forsale.png') no-repeat;
}

.btn-large-grey-forsale:hover {
    background-position: 0 bottom;
}

.btn-large-grey-forrent {
    display: inline-block;

    width: 336px;
    height: 77px;

    background: url('../images/btn-light-grey-large-forrent.png') no-repeat;
}

.btn-large-grey-forrent:hover {
    background-position: 0 bottom;
}

/* Icons */
.icon--computer {
    position: absolute;
    top: 16px;
    left: 0;

    display: block;

    width: 60px;
    height: 60px;

    background-image: url('../images/icons-red-computer.png');
    background-position: 0 0;
}

.icon--money {
    position: absolute;
    top: 16px;
    left: 0;

    display: block;

    width: 60px;
    height: 60px;

    background-image: url('../images/icons-red-money.png');
    background-position: 0 0;
}

.icon--luggage {
    position: absolute;
    top: 16px;
    left: 0;

    display: block;

    width: 60px;
    height: 60px;

    background-image: url('../images/icons-red-luggage.png');
    background-position: 0 0;
}

.icon--guarantee {
    position: absolute;
    top: 16px;
    left: 0;

    display: block;

    width: 60px;
    height: 60px;

    background-image: url('../images/icons-red-guarantee.png');
    background-position: 0 0;
}

.icon--checkmark {
    display: inline-block;

    width: 26px;
    height: 28px;

    background: url('../images/icon-checkmark.png');
}

.icon-arrow--right {
    display: inline-block;

    width: 8px;
    height: 13px;

    background: url('../images/arrow-breadcrumb.png');
}

.icon--plus {
    display: inline-block;

    width: 30px;
    height: 30px;

    background: url('../images/icon-plus.png') no-repeat;
}

.icon-arrow---right {
    display: inline-block;

    width: 8px;
    height: 12px;

    background: url('../images/arrow-small-red.png') no-repeat;
}

.icon--beach {
    line-height: 2;

    padding-left: 58px;

    background: url('../images/icon-red-rentals-beach.png')  0 0 no-repeat;
}

.icon--sky {
    line-height: 2;

    padding-left: 58px;

    background: url('../images/icon-red-rentals-sky.png')  0 -10px no-repeat;
}

.icon--pet {
    line-height: 2;

    padding-left: 58px;

    background: url('../images/icon-red-rentals-pet.png')  0 0 no-repeat;
}

.icon--calendar {
    background: url('../images/icon-purple-calendar.png') no-repeat;
}

.icon--home {
    background: url('../images/icon-purple-unit.png') no-repeat;
}

.icon--family {
    background: url('../images/icon-purple-family.png') no-repeat;
}

.icon--sun {
    background: url('../images/icon-sun.png') no-repeat;
}

.icon--downarrow {
    display: block;
    float: left;

    width: 12px;
    height: 9px;
    margin: 8px 8px 0 0;

    background: url('../images/arrow-dropdown-purple.png') no-repeat;
}

.icon--interrogation {
    display: block;

    width: 30px;
    height: 30px;

    background: url('../images/icon-question-yellow.png') no-repeat;
}

.icon--phone {
    display: inline-block;
    float: left;

    width: 15px;
    height: 44px;
    margin: 6px 17px 0 5px;

    background: url('../images/icon-phone.png') no-repeat;
}

.icon-checkmark--yellow {
    width: 32px;
    height: 32px;

    background: url('../images/icon-ad-checkmark-yellow.png') no-repeat;
}

.icon-checkmark--white {
    width: 32px;
    height: 32px;

    background: url('../images/icon-ad-checkmark-white.png') no-repeat;
}

.icon--lock {
    position: absolute;
    top: -7px;
    left: -14px;

    display: inline-block;

    width: 19px;
    height: 23px;

    background: url('../images/icon-lock.png') no-repeat;
}

.icon--pin {
    display: inline-block;
    float: left;

    width: 21px;
    height: 36px;
    margin-top: 5px;

    background: url('../images/icon-grey-location.png') no-repeat;
}

.icon--call {
    display: inline-block;
    float: left;

    width: 72px;
    height: 73px;
    margin: 0 10px;

    background: url('../images/icon-purple-telephone.png') no-repeat;
}

.icon--cricle-search {
    padding: 44px 0;

    background: url('../images/icon-cricle-search.png') 560px 0 no-repeat;
}

.icon--cricle-book {
    padding: 44px 0;

    background: url('../images/icon-cricle-book.png') 190px 0 no-repeat;
}

.icon--cricle-travel {
    padding: 44px 0;

    background: url('../images/icon-cricle-travel.png') 524px 0 no-repeat;
}

.icon--calendar-gray {
    background: url('../images/icon-gray-form-calendar.png') no-repeat scroll 107px 2px #ffffff;
}

.icon--money-gray {
    background: url('../images/icon-gray-form-money.png') no-repeat scroll 107px 3px #ffffff;
}

/* Badges */
.badge-guaranteed {
    display: block;

    width: 86px;
    height: 78px;
    margin: 0 auto 6px;

    background: url('../images/icon-reservation-guaranteed.png') no-repeat;
}

.arrow-down-red {
    position: absolute;
    right: 111px;
    bottom: -44px;

    width: 56px;
    height: 88px;

    background: url('../images/arrow-destinations-form.png') no-repeat;
}

.arrow-down-red-condo {
    right: 0;
    bottom: -10px;

    background-image: url('../images/arrow-rentcondo-form.png');
}

.arrow-more {
    position: absolute;
    top: 27%;
    left: 42%;

    display: block !important;

    width: 32px !important;
    height: 47px;
    margin: 0;
    padding: 0;

    text-align: center;

    background-image: url('../images/arrow-more.png');
}

.arrow-down-red-resort {
    right: 0;
    bottom: -10px;

    width: 20px;
    height: 75px;

    background-image: url('../images/arrow-resortdirec-form.png');
}

.arrow-step-right {
    float: left;

    width: 16px;
    height: 16px;
    margin: 5px 5px 0 0;

    background-image: url('../images/icon-arrow-right-yellow-small.png');
}

.arrow-right--large {
    display: inline-block;

    width: 24px;
    height: 20px;
    margin: 0 8px 0 0;

    background: url('../images/icon-arrow-right-yellow-large.png');
}

.arrow-step-left {
    position: absolute;
    top: -107px;
    left: -57px;

    width: 127px;
    height: 163px;

    background-image: url('../images/arrow-howtorent-step2.png');
}

.line-dotted {
    display: block;
    float: left;

    width: 100%;
    height: 3px;
    margin: 5px 0;

    background: url('../images/line-dotted.png') no-repeat;
}

.label-message {
    width: 100%;
    padding: 20px;

    background: #f4f4f4;
}

.back-to-top {
    background: url('../images/btn-purple-vertical-backtotop.png') no-repeat;
    position: fixed;
    z-index: 100;
    right: 0;
    bottom: 25%;

    display: none;

    width: 40px;
    height: 163px;
}

.back-to-top:hover {
    background-position: right 0;
}

.form-divider {
    background: url('../images/form-divider.png') no-repeat;
    width: 3px;
    height: 203px;
    display: block;
    position: absolute;
    top: 15px;
    left: 66%;
}