// Color Setting blue Less 
    // main-1
    @search-buttons: @main-1;
    @color-dev-icon: @main-1;
    @bg-dev-listing-detail: @main-1;
    @bg-dev-group-listing: @main-1;
    @bg-footer: @main-1;
    @h2: @main-1;
    @h3: @main-1;
    @header-normal-breadcrumb-wrapper: @main-1;
    @header-dark-dark-breadcrumb-wrapper: @main-1;
    // main-2
    @bg-portletquicksearch: @main-2;
    @bg-submit-button: @main-2;
    // main-3
    @hover-link: @main-3;
    @bg-submit-button-hover: @main-3;
    // main-4
    @header-dark-dark-navigation: @main-4;
    @bg-footer-top: @main-4;
    @bg-pagination-hover: @main-4;
    @header-light-navigation: @main-4;
    @header-dark-header-inner: @main-4;
    // main-5
    @bg-carousel-prev: @main-5;
    @bg-carousel-next: @main-5;
    @text-link-breadcrumb: @main-5;
    @text-nav-hover: @main-5;
    @text-footer-h3: @main-5;
    @text-link-h2: @main-5;
    @text-footer-list: @main-5;
    @text-footer-list-hover: @main-5;
    @text-body-a: @main-5;
    @bg-dev-listing-detail-price: @main-5;
    @bg-dev-group-listing-active: @main-5;
    @slogan: @main-5;

body form input.standalone[type="submit"]{
    background-color: @main-5;
}
html body a:hover, html body a:focus {
    color: @hover-link;
}
form label{
font-weight:normal}
form .webform-component{
margin-bottom:10px}
form label.checkbox{
margin:0px;
padding:0px}
form .form-actions{
background-color:transparent;
border:0px;
margin:0px;
padding:0px}
form .fileupload .uneditable-input{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
height:40px !important;
padding-bottom:9px !important;
padding-top:9px!important;
width:100px}
form .fileupload .input-append{
margin-bottom:0px}
form .fileupload .input-append .btn.fileupload-exists{
background-color:@main-1;}
form .fileupload .btn{
-webkit-transition:background-color 0.2s ease-in;
-moz-transition:background-color 0.2s ease-in;
-o-transition:background-color 0.2s ease-in;
transition:background-color 0.2s ease-in;
border-radius:0px !important;
background-color:@main-2;
color:#fff;
padding-bottom:10px;
padding-top:10px}
form .fileupload .btn span{
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px}
form .fileupload .btn:hover{
background-color:@main-3;}
form input[type=submit].btn{
-webkit-transition:background-color 0.2s ease-in;
-moz-transition:background-color 0.2s ease-in;
-o-transition:background-color 0.2s ease-in;
transition:background-color 0.2s ease-in;
border:0px;
color:#fff}
form input[type=submit].btn:hover{
background-color:@main-3;}
textarea,input[type=text],input[type=password],input[type=email]{
-webkit-font-smoothing:antialiased;
-webkit-appearance:none;
background-image:none;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
background-image:none;
border:1px solid @border-input;
color:@main-text;
margin:0px;
padding:6px}
textarea:active,textarea:focus,input[type=text]:active,input[type=text]:focus,input[type=password]:active,input[type=password]:focus,input[type=email]:active,input[type=email]:focus{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
border:1px solid @border-input;
outline:0px}
button.form-submit{
-webkit-transition:background-color 0.2s ease-in;
-moz-transition:background-color 0.2s ease-in;
-o-transition:background-color 0.2s ease-in;
transition:background-color 0.2s ease-in;
background-image:none;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
text-shadow:none;
-webkit-transition:background-color 0.2s ease-in;
-moz-transition:background-color 0.2s ease-in;
-o-transition:background-color 0.2s ease-in;
transition:background-color 0.2s ease-in;
background-color:@bg-submit-button;
background-image:url("../img/arrow-right-white.png");
background-position:90% center;
background-repeat:no-repeat;
background-size:8px 11px;
border:0px;
padding:7px 32px 7px 15px}
button.form-submit:active,button.form-submit:focus,button.form-submit:hover{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
-webkit-transition:background-color 0.2s ease-in;
-moz-transition:background-color 0.2s ease-in;
-o-transition:background-color 0.2s ease-in;
transition:background-color 0.2s ease-in;
background-color:@bg-submit-button-hover;
background-position:90% center}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
button.form-submit{
background-image:url("../img/arrow-right-white@2x.png")}
}
.form-required{
color:red}
.form-type-checkbox{
padding-bottom:7px}
.chzn-container .chzn-single{
background-image:none;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
*zoom:1;
filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF');
background-image:none;
border:1px solid @border-input;
height:38px;
line-height:40px}
.chzn-container .chzn-single.chzn-single-with-drop{
background-color:#fff}
.chzn-container .chzn-single div{
background-image:none;
width:36px}
.chzn-container .chzn-single div b{
background-image:none;
background-image:url("../img/arrow-bottom-black.png") !important;
background-size:11px 7px !important;
background-position:center center;
background-repeat:no-repeat}
.chzn-container .chzn-drop{
-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
box-shadow:0px 1px 1px rgba(0,0,0,0.1);
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
border:1px solid @border-input;
border-top:0px}
.chzn-container .chzn-drop .chzn-search{
border:0px}
.chzn-container .chzn-drop .chzn-search input{
background-image:none;
background-image:url("../img/icons/search.png");
background-position:95% center;
background-repeat:no-repeat;
border:1px solid @main-text;
width:100% !important}
.chzn-container .chzn-drop .chzn-results .active-result{
padding:10px 5px}
.chzn-container .chzn-drop .chzn-results .active-result.highlighted,.chzn-container .chzn-drop .chzn-results .active-result.result-selected{
background-image:none;
background-color:@main-5;
color:#fff}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.chzn-container .chzn-single div b{
background-image:url("../img/arrow-bottom-black@2x.png") !important}
}
.ui-slider-horizontal{
background-image:none;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
background-color:@main-1;
border:0px;
height:5px}
.ui-slider-horizontal .ui-slider-range{
background-image:none;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
-webkit-box-shadow:0px;
-moz-box-shadow:0px;
box-shadow:0px;
background-color:#ffffff;
border:0px}
.ui-slider-horizontal .ui-slider-handle{
background-image:none;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
background-color:transparent;
background-image:url("../img/icons/slider-handle.png");
background-position:center center;
background-repeat:no-repeat;
background-size:19px 19px;
border:0px;
cursor:pointer;
height:19px;
top:-7px;
width:19px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.ui-slider-horizontal .ui-slider-handle{
background-image:url("../img/icons/slider-handle@2x.png")}
}
.ui-slider-horizontal .ui-slider-handle:focus,.ui-slider-horizontal .ui-slider-handle:active{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
outline:0px}
form.contact-form input[type=text]{
height:40px}
form.contact-form textarea{
height:140px}
form.contact-form input[type=text],form.contact-form textarea{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
width:100%}
form.contact-form .name,form.contact-form .email{
float:left;
width:48%}
form.contact-form .email{
float:right}
.sidebar h2{
color:@main-text;}
.sidebar .widget.last{
margin-bottom:0px}
.ad .content{
text-align:center}
.widget.contact .content{
-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
box-shadow:0px 1px 1px rgba(0,0,0,0.1);
background-color:#fff;
padding:20px}
.widget.contact .content form{
margin:0px}
.widget.contact .content form input[type=text],.widget.contact .content form textarea{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
width:100%}
.widget.contact .content form input[type=text]{
height:32px}
iframe{
border:0px;
width:100%}
iframe.map{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
box-shadow:0px 1px 1px rgba(0,0,0,0.1);
background-color:#fff;
margin:0px 0px 20px 0px;
padding:20px;
width:100% !important}
.tabs{
border:0px;
margin:15px 0px 0px 0px}
.tabs li{
border:0px}
.tabs li a{
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
background-color:@background;
border:0px !important;
color:@main-text;
font-size:16px}
.tabs li a:hover{
border:0px}
.tabs li.active{
background-color:#fff}
.tabs li.active a{
color:@main-1;}
.tabs li.active a:hover{
color:@main-1;}
.tab-content{
-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
box-shadow:0px 1px 1px rgba(0,0,0,0.1);
background-color:#fff;
padding:20px}
.accordion-group{
border:0px;
border-bottom:1px solid #fff}
.accordion-group .accordion-heading{
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px}
.accordion-group .accordion-heading .sign{
background-color:#1b1b1b;
background-image:url("../img/icons/faq-plus.png");
background-position:center center;
background-repeat:no-repeat;
background-size:8px 8px;
display:inline-block;
height:30px;
margin-right:30px;
vertical-align:middle;
width:30px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.accordion-group .accordion-heading .sign{
background-image:url("../img/icons/faq-plus@2x.png")}
}
.accordion-group .accordion-heading a{
color:#1b1b1b;
font-size:18px;
line-height:30px;
padding-left:0px;
padding-right:0px}
.accordion-group .accordion-heading a:hover{
text-decoration:none}
.accordion-group .accordion-heading a.active .sign{
background-color:@main-5;
background-image:url("../img/icons/faq-minus.png");
background-size:8px 2px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.accordion-group .accordion-heading a.active .sign{
background-image:url("../img/icons/faq-minus@2x.png")}
}
.accordion-group:last-child{
border-bottom:0px}
.accordion-body .accordion-inner{
border:0px;
padding:20px 0px}
.box{
-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
box-shadow:0px 1px 1px rgba(0,0,0,0.1);
background-color:#fff;
padding:20px}
.box .office{
background-image:url("../img/icons/phone-gray.png");
background-position:left center;
background-repeat:no-repeat;
background-size:20px 20px;
line-height:26px;
margin-bottom:5px;
padding-left:30px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.box .office{
background-image:url("../img/icons/phone-gray@2x.png")}
}
.box .phone{
background-image:url("../img/icons/cell-phone-gray.png");
background-position:4px center;
background-repeat:no-repeat;
background-size:12px 20px;
line-height:26px;
margin-bottom:5px;
padding-left:30px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.box .phone{
background-image:url("../img/icons/cell-phone-gray@2x.png")}
}
.box .email{
background-image:url("../img/icons/mail-gray.png");
background-position:1px center;
background-repeat:no-repeat;
background-size:17px 11px;
line-height:26px;
padding-left:30px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.box .email{
background-image:url("../img/icons/mail-gray@2x.png")}
}
.pagination ul{
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
margin-bottom:0px;
margin-top:30px}
.pagination ul li a{
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
-webkit-box-shadow:0px 1px 1px rgba(1,1,1,0.25);
-moz-box-shadow:0px 1px 1px rgba(1,1,1,0.25);
box-shadow:0px 1px 1px rgba(1,1,1,0.25);
background-color:#fff;
border:0px;
margin:0px 5px;
padding:7px 14px}
.pagination ul li a:hover{
background-color:@main-5;
color:#fff}
.pagination ul li.active a{
background-color:@main-2;
color:#fff}
.pagination ul li:first-child a,.pagination ul li:last-child a{
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px}
#header-wrapper{
background-color:@header-header-wrapper;}
#header-wrapper #header #header-inner .navbar{
margin:0px}
#header-wrapper #header #header-inner .navbar .navbar-inner{
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-image:none;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
background-color:transparent;
border:0px;
height:90px;
padding:0px}
#header-wrapper #header #header-inner .navbar .navbar-inner #btn-nav{
background-image:url("../img/btn-nav.png");
background-position:center center;
background-repeat:no-repeat;
background-size:35px 35px;
float:left;
height:35px;
margin-top:30px;
margin-right:10px;
text-indent:-9999px;
width:35px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
#header-wrapper #header #header-inner .navbar .navbar-inner #btn-nav{
background-image:url("../img/btn-nav@2x.png")}
}
#header-wrapper #header #header-inner .navbar .navbar-inner .logo{
float:left;
height:90px;
margin:0px 15px 0px 0px;
line-height:90px}
#header-wrapper #header #header-inner .navbar .navbar-inner .site-name{
float:left;
height:90px;
line-height:90px}
#header-wrapper #header #header-inner .navbar .navbar-inner .site-name .brand{
text-shadow:none;
color:@main-1;
font-size:24px;
margin:0px;
padding:0px}
#header-wrapper #header #header-inner .navbar .navbar-inner .site-slogan h1{
color:@slogan;
}
#header-wrapper #header #header-inner .navbar .navbar-inner .site-slogan span{
border-left:2px solid @background;
display:inline-block;
line-height:18px;
padding-left:15px}
#header-wrapper #header #header-inner .navbar .navbar-inner .info{
float:right;
padding-top:12px}
#header-wrapper #header #header-inner .navbar .navbar-inner .site-phone{
float:none;
line-height:30px}
#header-wrapper #header #header-inner .navbar .navbar-inner .site-phone span{
background-image:url("../img/icons/phone-gray.png");
background-position:left center;
background-repeat:no-repeat;
background-size:20px 20px;
color:@main-text;
font-size:18px;
font-weight:500;
padding-left:30px}
#header-wrapper #header #header-inner .navbar .navbar-inner .site-email{
float:none;
line-height:30px}
#header-wrapper #header #header-inner .navbar .navbar-inner .site-email a{
background-image:url("../img/icons/mail-gray.png");
background-position:left center;
background-repeat:no-repeat;
background-size:17px 11px;
color:@main-text;
font-size:18px;
font-weight:500;
padding-left:30px;
text-decoration:none}
#header-wrapper #header #header-inner .navbar .navbar-inner .list-your-property{
float:right;
margin-top:24px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
#header-wrapper #header #header-inner .navbar .navbar-inner .site-phone span{
background-image:url("../img/icons/phone-gray@2x.png")}
#header-wrapper #header #header-inner .navbar .navbar-inner .site-email a{
background-image:url("../img/icons/mail-gray@2x.png")}
}
@media (min-width: 1200px){
#header-wrapper #header #header-inner .navbar .navbar-inner .info{
float:none;
padding-top:0px}
#header-wrapper #header #header-inner .navbar .navbar-inner .site-phone{
float:left;
line-height:90px;
margin-left:40px}
#header-wrapper #header #header-inner .navbar .navbar-inner .site-email{
float:left;
line-height:90px;
margin-left:40px}
}
@media (max-width: 1199px){
#header-wrapper #header #header-inner .navbar .navbar-inner .info{
float:left;
margin-left:40px;
padding-top:12px}
#header-wrapper #header #header-inner .navbar .navbar-inner .site-phone{
float:none;
line-height:30px;
margin-left:0px}
#header-wrapper #header #header-inner .navbar .navbar-inner .site-phone span{
font-size:16px;
padding-top:1px;
padding-bottom:1px}
#header-wrapper #header #header-inner .navbar .navbar-inner .site-email{
float:none;
line-height:30px;
margin-left:0px}
#header-wrapper #header #header-inner .navbar .navbar-inner .site-email a{
font-size:16px}
#header-wrapper #header #header-inner .navbar .navbar-inner .site-search input{
width:186px}
#header-wrapper #header #header-inner .navbar .navbar-inner .site-search button{
margin:0px 0px 0px -9px}
}
@media (max-width: 979px){
#header-wrapper #header #header-inner .navbar .navbar-inner .logo-wrapper{
width:auto}
#header-wrapper #header #header-inner .navbar .navbar-inner .info{
display:none}
}
@media (max-width: 767px){
#header-wrapper #header #header-inner .navbar .navbar-inner{
padding-left:20px;
padding-right:20px}
#header-wrapper #header #header-inner .navbar .navbar-inner .site-slogan{
display:none}
#header-wrapper #header #header-inner .navbar .navbar-inner .site-search{
display:none}
#header-wrapper #header #header-inner .navbar .navbar-inner .list-your-property{
display:none}
}
.breadcrumb-wrapper{
background-color:@header-normal-breadcrumb-wrapper;
border-bottom:1px solid @background}
.breadcrumb-wrapper .breadcrumb{
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
background-color:transparent;
margin:0px;
padding:0px}
.breadcrumb-wrapper .breadcrumb li{
text-shadow:none;
color:#fff;
font-size:12px}
.breadcrumb-wrapper .breadcrumb li a{
text-shadow:none;
color:@text-link-breadcrumb;
display:inline-block;
padding:3px 5px}
.breadcrumb-wrapper .breadcrumb li .divider{
text-shadow:none;
color:#fff}
.breadcrumb-wrapper .account ul{
margin:0px}
.breadcrumb-wrapper .account ul li a{
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
border-right:1px solid #fff;
color:#fff;
font-size:12px;
margin-top:6px;
padding-bottom:0px;
padding-top:0px}
.breadcrumb-wrapper .account ul li a:hover{
background-color:transparent;
text-decoration:underline}
.breadcrumb-wrapper .account ul li:last-child a{
border-right:0px}
@media (max-width: 767px){
.breadcrumb-wrapper{
padding-left:20px;
padding-right:20px}
.breadcrumb-wrapper .breadcrumb li:first-child a{
padding-left:0px}
}
.ez-hide{
opacity:0;
filter:alpha(opacity=0)}
.ez-checkbox{
background-image:url("../img/checkbox.png");
background-position:center center;
background-repeat:no-repeat;
background-size:20px 20px;
display:inline-block;
float:left;
height:20px;
margin-bottom:-5px;
margin-right:10px;
width:20px}
.ez-checkbox input{
height:20px;
margin:0px;
width:20px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.ez-checkbox{
background-image:url("../img/checkbox@2x.png")}
}
.ez-radio{
background-image:url("../img/radio.png");
background-position:center center;
background-repeat:no-repeat;
background-size:21px 21px;
display:inline-block;
float:left}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.ez-radio{
background-image:url("../img/radio@2x.png")}
}
.ez-checked{
background-image:url("../img/checkbox-open.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.ez-checked{
background-image:url("../img/checkbox-open@2x.png")}
}
.ez-selected{
background-image:url("../img/radio-open.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.ez-selected{
background-image:url("../img/radio-open@2x.png")}
}
.palette{
-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
box-shadow:0px 1px 1px rgba(0,0,0,0.1);
background-color:#fff;
left:-195px;
padding:20px;
position:fixed;
top:150px;
z-index:9999}
.palette .toggle{
-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
box-shadow:0px 1px 1px rgba(0,0,0,0.1);
background-color:#fff;
position:absolute;
right:-41px;
text-indent:-9999px;
top:0px}
.palette .toggle a{
background-image:url("../img/arrow-right-black.png");
background-position:center center;
background-repeat:no-repeat;
background-size:8px 11px;
display:block;
height:40px;
width:40px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.palette .toggle a{
background-image:url("../img/arrow-right-black@2x.png")}
}
.palette.open{
left:0px}
.palette.open .toggle a{
background-image:url("../img/arrow-left-black.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.palette.open .toggle a{
background-image:url("../img/arrow-left-black@2x.png")}
}
.palette .inner{
width:155px}
.palette .inner h2{
background-image:url("../img/palette-border.png");
background-position:left bottom;
background-repeat:repeat-x;
clear:both;
color:#1b1b1b;
font-size:16px;
line-height:1;
margin:0px 0px 10px 0px;
padding:0px 0px 10px 0px}
.palette .inner ul{
margin:0px;
padding:0px}
.palette .inner ul li{
border:1px solid @border-input;
display:block;
float:left;
margin-bottom:5px;
margin-right:5px}
.palette .inner ul li a{
border:1px solid #fff;
display:block}
.palette .inner ul li:nth-child(5n){
margin-right:0px}
.palette .inner .btn{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
width:100%}
.palette .inner .headers{
display:inline-block;
zoom:1;
margin-bottom:10px}
.palette .inner .headers:after{
height:0;
content:".";
display:block;
clear:both;
visibility:hidden}
.palette .inner .headers a{
background-color:#fff;
background-position:center center;
background-repeat:no-repeat;
background-size:48px 28px;
cursor:pointer;
height:28px;
text-indent:-9999px;
width:44px}
.palette .inner .headers a.header-light{
background-image:url("../img/header-1.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.palette .inner .headers a.header-light{
background-image:url("../img/header-1@2x.png")}
}
.palette .inner .headers a.header-normal{
background-image:url("../img/header-2.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.palette .inner .headers a.header-normal{
background-image:url("../img/header-2@2x.png")}
}
.palette .inner .headers a.header-dark{
background-image:url("../img/header-3.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.palette .inner .headers a.header-dark{
background-image:url("../img/header-3@2x.png")}
}
.palette .inner .headers li:nth-child(3n){
margin-right:0px}
.palette .inner .colors{
display:inline-block;
zoom:1;
margin-bottom:10px}
.palette .inner .colors:after{
height:0;
content:".";
display:block;
clear:both;
visibility:hidden}
.palette .inner .colors a{
background-color:gold;
background-position:center center;
background-repeat:no-repeat;
background-size:23px 23px;
height:23px;
text-indent:-9999px;
width:23px}
.palette .inner .colors a.blue{
background-color:#0a83b6}
.palette .inner .colors a.gray-blue{
background-color:#0a83b6;
background-image:url("../img/combinations/gray-blue.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.palette .inner .colors a.gray-blue{
background-image:url("../img/combinations/gray-blue@2x.png")}
}
.palette .inner .colors a.turquiose{
background-color:#36b0bb}
.palette .inner .colors a.gray-turquiose{
background-color:#36b0bb;
background-image:url("../img/combinations/gray-turquiose.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.palette .inner .colors a.gray-turquiose{
background-image:url("../img/combinations/gray-turquiose@2x.png")}
}
.palette .inner .colors a.orange{
background-color:#f2944e}
.palette .inner .colors a.gray-orange{
background-color:#f2944e;
background-image:url("../img/combinations/gray-orange.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.palette .inner .colors a.gray-orange{
background-image:url("../img/combinations/gray-orange@2x.png")}
}
.palette .inner .colors a.violet{
background-color:#8e5c90}
.palette .inner .colors a.gray-violet{
background-color:#8e5c90;
background-image:url("../img/combinations/gray-violet.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.palette .inner .colors a.gray-violet{
background-image:url("../img/combinations/gray-violet@2x.png")}
}
.palette .inner .colors a.green{
background-color:#55a747}
.palette .inner .colors a.gray-green{
background-color:#55a747;
background-image:url("../img/combinations/gray-green.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.palette .inner .colors a.gray-green{
background-image:url("../img/combinations/gray-green@2x.png")}
}
.palette .inner .colors a.magenta{
background-color:#bf224e}
.palette .inner .colors a.gray-magenta{
background-color:#bf224e;
background-image:url("../img/combinations/gray-magenta.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.palette .inner .colors a.gray-magenta{
background-image:url("../img/combinations/gray-magenta@2x.png")}
}
.palette .inner .colors a.green-light{
background-color:#419a66}
.palette .inner .colors a.gray-green-light{
background-color:#419a66;
background-image:url("../img/combinations/gray-green-light.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.palette .inner .colors a.gray-green-light{
background-image:url("../img/combinations/gray-green-light@2x.png")}
}
.palette .inner .colors a.brown{
background-color:#bb6733}
.palette .inner .colors a.gray-brown{
background-color:#bb6733;
background-image:url("../img/combinations/gray-brown.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.palette .inner .colors a.gray-brown{
background-image:url("../img/combinations/gray-brown@2x.png")}
}
.palette .inner .colors a.brown-dark{
background-color:#534741}
.palette .inner .colors a.gray-brown-dark{
background-color:#534741;
background-image:url("../img/combinations/gray-brown-dark.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.palette .inner .colors a.gray-brown-dark{
background-image:url("../img/combinations/gray-brown-dark@2x.png")}
}
.palette .inner .colors a.red{
background-color:#bb2a2a}
.palette .inner .colors a.gray-red{
background-color:#bb2a2a;
background-image:url("../img/combinations/gray-red.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.palette .inner .colors a.gray-red{
background-image:url("../img/combinations/gray-red@2x.png")}
}
.palette .inner .patterns{
display:inline-block;
zoom:1;
margin-bottom:10px}
.palette .inner .patterns:after{
height:0;
content:".";
display:block;
clear:both;
visibility:hidden}
.palette .inner .patterns a{
background-color:#fff;
background-position:center center;
background-repeat:no-repeat;
background-size:23px 23px;
cursor:pointer;
height:23px;
text-indent:-9999px;
width:23px}
.palette .inner .patterns a.pattern-cloth-alike{
background-image:url("../img/patterns/small/cloth-alike.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.palette .inner .patterns a.pattern-cloth-alike{
background-image:url("../img/patterns/small/cloth-alike@2x.png")}
}
.palette .inner .patterns a.pattern-corrugation{
background-image:url("../img/patterns/small/corrugation.png");
background-repeat:repeat;
background-size:8px 5px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.palette .inner .patterns a.pattern-corrugation{
background-image:url("../img/patterns/small/corrugation@2x.png")}
}
.palette .inner .patterns a.pattern-diagonal-noise{
background-image:url("../img/patterns/small/diagonal-noise.png");
background-size:100px 100px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.palette .inner .patterns a.pattern-diagonal-noise{
background-image:url("../img/patterns/small/diagonal-noise@2x.png")}
}
.palette .inner .patterns a.pattern-dust{
background-image:url("../img/patterns/small/dust.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.palette .inner .patterns a.pattern-dust{
background-image:url("../img/patterns/small/dust@2x.png")}
}
.palette .inner .patterns a.pattern-fabric-plaid{
background-image:url("../img/patterns/small/fabric-plaid.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.palette .inner .patterns a.pattern-fabric-plaid{
background-image:url("../img/patterns/small/fabric-plaid@2x.png")}
}
.palette .inner .patterns a.pattern-farmer{
background-image:url("../img/patterns/small/farmer.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.palette .inner .patterns a.pattern-farmer{
background-image:url("../img/patterns/small/farmer@2x.png")}
}
.palette .inner .patterns a.pattern-grid-noise{
background-image:url("../img/patterns/small/grid-noise.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.palette .inner .patterns a.pattern-grid-noise{
background-image:url("../img/patterns/small/grid-noise@2x.png")}
}
.palette .inner .patterns a.pattern-lghtmesh{
background-image:url("../img/patterns/small/lghtmesh.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.palette .inner .patterns a.pattern-lghtmesh{
background-image:url("../img/patterns/small/lghtmesh@2x.png")}
}
.palette .inner .patterns a.pattern-pw-maze-white{
background-image:url("../img/patterns/small/pw-maze-white.png");
background-size:46px 23px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.palette .inner .patterns a.pattern-pw-maze-white{
background-image:url("../img/patterns/small/pw-maze-white@2x.png")}
}
.palette .inner .patterns a.pattern-none{
background-image:url("../img/patterns/small/no-pattern.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.palette .inner .patterns a.pattern-none{
background-image:url("../img/patterns/small/no-pattern@2x.png")}
}
.not-found{
background-image:url("../img/icons/404.png");
background-position:center top;
background-repeat:no-repeat;
background-size:197px 218px;
margin-bottom:100px;
margin-top:100px;
padding-top:120px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.not-found{
background-image:url("../img/icons/404@2x.png")}
}
.not-found strong{
color:@main-1;
display:block;
font-size:222px;
font-weight:normal;
margin-bottom:100px;
text-align:center}
.not-found h1{
font-size:30px;
font-weight:lighter;
text-align:center}
.not-found hr{
margin:20px auto;
width:365px}
.not-found form{
float:none;
margin:27px auto 10px auto;
width:360px}
.not-found form .input-append label{
display:none}
.not-found form .input-append input{
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
border-right:0px;
width:280px}
.not-found form .input-append input[type=submit]{
background-image:none;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
text-shadow:none;
background-color:#fff;
background-image:url("../img/icons/search.png");
background-position:center center;
background-repeat:no-repeat;
background-size:13px 13px;
border:1px solid @border-input;
border-left:0px;
display:inline-block;
margin:0px 0px 0px -5px;
padding-top:6px;
padding-bottom:6px;
text-indent:-9999px;
width:50px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.not-found form .input-append input[type=submit]{
background-image:url("../img/icons/search@2x.png")}
}
.not-found form .input-append .control-group{
display:inline-block;
margin:0px}
.not-found p{
font-size:18px;
text-align:center}
.not-found p a{
text-decoration:underline}
.list-your-property-form h3{
clear:both;
font-size:24px}
.list-your-property-form form{
margin:0px}
.list-your-property-form form input[type=text]{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
height:40px;
width:100%}
.list-your-property-form form textarea{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
height:191px;
width:100%}
.list-your-property-form form label{
font-weight:bold}
.list-your-property-form form .chzn-container{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
width:100% !important}
.list-your-property-form form .property-type,.list-your-property-form form .contract-type,.list-your-property-form form .bedrooms,.list-your-property-form form .bathrooms,.list-your-property-form form .area,.list-your-property-form form .price{
float:left;
width:48%}
.list-your-property-form form .contract-type,.list-your-property-form form .bathrooms,.list-your-property-form form .price{
float:right}
.slider-wrapper{
padding-top:30px}
.slider-wrapper .slider-info{
background-color:@main-1;
bottom:20px;
left:-300px;
opacity:0;
padding:10px;
position:absolute;
width:280px}
.slider-wrapper .slider-info h2{
line-height:1;
margin:0px 0px 10px 0px;
padding:0px}
.slider-wrapper .slider-info h2 a{
color:@text-link-h2;
text-decoration:none}
.slider-wrapper .slider-info h3{
color:#ffffff;
font-size:14px;
line-height:1;
margin:0px 0px 10px 0px}
.slider-wrapper .slider-info .price{
background-image:url("../img/footer-border.png");
background-position:left bottom;
background-repeat:repeat-x;
background-size:268px 1px;
margin-bottom:10px;
overflow:hidden;
padding:5px 0px 15px 0px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.slider-wrapper .slider-info .price{
background-image:url("../img/footer-border@2x.png")}
}
.slider-wrapper .slider-info .price h2{
color:#ffffff;
float:left;
font-size:24px;
line-height:1;
margin:0px;
padding:0px}
.slider-wrapper .slider-info .price a{
background-image:url("../img/arrow-right-white.png");
background-position:right center;
background-repeat:no-repeat;
background-size:8px 11px;
color:#ffffff;
display:block;
float:right;
margin-top:3px;
padding-right:20px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.slider-wrapper .slider-info .price a{
background-image:url("../img/arrow-right-white@2x.png")}
}
.slider-wrapper .slider-info .bathrooms{
background-image:url("../img/icons/bathrooms-white.png");
background-position:left center;
background-repeat:no-repeat;
background-size:14px 20px;
color:#ffffff;
font-weight:bold;
float:left;
margin-right:30px;
padding-left:25px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.slider-wrapper .slider-info .bathrooms{
background-image:url("../img/icons/bathrooms-white@2x.png")}
}
.slider-wrapper .slider-info .bedrooms{
background-image:url("../img/icons/bedrooms-white.png");
background-position:left center;
background-repeat:no-repeat;
background-size:21px 12px;
color:#ffffff;
font-weight:bold;
float:left;
padding-left:35px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.slider-wrapper .slider-info .bedrooms{
background-image:url("../img/icons/bedrooms-white@2x.png")}
}
.slider-wrapper .images{
position:relative}
.slider-wrapper .images .iosSlider{
height:411px;
left:0;
overflow:hidden;
position:relative;
top:0;
width:100%}
.slider-wrapper .images .iosSlider .slider{
height:411px;
width:100%}
.slider-wrapper .images .iosSlider .slider .slide{
float:left;
height:411px;
width:100%}
.slider-wrapper .images .iosSlider .slider .slide img{
display:block}
.slider-wrapper .images .navigation{
bottom:15px;
margin:0px;
padding:0px;
right:15px;
position:absolute;
z-index:99999}
.slider-wrapper .images .navigation li{
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
background-color:#fff;
display:block;
float:left;
height:10px;
margin:0px 5px;
text-indent:-9999px;
width:10px}
.slider-wrapper .images .navigation li.active{
background-color:@main-1;}
@media (max-width: 1199px){
.slider-wrapper .images .iosSlider{
height:330px}
.slider-wrapper .images .iosSlider .slider{
height:330px}
}
@media (max-width: 979px){
.slider-wrapper .span3{
float:none;
width:auto}
.slider-wrapper .images{
float:none;
margin-bottom:30px;
width:auto}
.slider-wrapper .images .iosSlider{
height:345px;
width:auto}
.slider-wrapper .images .iosSlider .slider{
height:345px}
}
@media (max-width: 767px){
.slider-wrapper .images .iosSlider{
height:180px}
.slider-wrapper .images .iosSlider .slider{
height:180px}
.slider-wrapper .images .iosSlider .slider-info{
display:none !important;
opacity:0 !important;
visibility:hidden}
}
#navigation{
background-color:rgba(255,255,255,0.5)}
.navigation-wrapper .navigation{
line-height:1}
.navigation-wrapper .navigation .nav{
display:inline-block;
zoom:1;
display:block;
float:left;
list-style:none;
margin:0px}
.navigation-wrapper .navigation .nav:after{
height:0;
content:".";
display:block;
clear:both;
visibility:hidden}
.navigation-wrapper .navigation .nav li{
background-color:transparent;
float:left;
position:relative}
.navigation-wrapper .navigation .nav li .nolink,.navigation-wrapper .navigation .nav li a{
-webkit-transition:none;
-moz-transition:none;
-o-transition:none;
transition:none;
background-color:transparent;
border-left:0px;
border-top:2px solid transparent;
color:@text-menu-price;
cursor:pointer;
display:block;
font-size:16px;
line-height:1;
padding-left:20px;
padding-right:20px;
padding-bottom:23px;
padding-top:21px;
white-space:nowrap}
.navigation-wrapper .navigation .nav li .nolink:hover,.navigation-wrapper .navigation .nav li a:hover{
background-color:@main-1;
border-top:2px solid @main-5;
color:@text-nav-hover;
text-decoration:none}
.navigation-wrapper .navigation .nav li .nolink.active,.navigation-wrapper .navigation .nav li a.active{
border-top:2px solid @main-5;}
.navigation-wrapper .navigation .nav li.menuparent>.nolink,.navigation-wrapper .navigation .nav li.menuparent>a{
background-image:url("../img/arrow-bottom-black.png");
background-position:90% center;
background-repeat:no-repeat;
background-size:11px 8px;
padding-right:40px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.navigation-wrapper .navigation .nav li.menuparent>.nolink,.navigation-wrapper .navigation .nav li.menuparent>a{
background-image:url("../img/arrow-bottom-black@2x.png")}
}
.navigation-wrapper .navigation .nav li.menuparent li.menuparent>.nolink,.navigation-wrapper .navigation .nav li.menuparent li.menuparent>a{
background-image:url("../img/arrow-right-white.png");
background-size:8px 11px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.navigation-wrapper .navigation .nav li.menuparent li.menuparent>.nolink,.navigation-wrapper .navigation .nav li.menuparent li.menuparent>a{
background-image:url("../img/arrow-right-white@2x.png")}
}
.navigation-wrapper .navigation .nav li:hover>ul{
visibility:visible}
.navigation-wrapper .navigation .nav li:hover>.nolink,.navigation-wrapper .navigation .nav li:hover>a{
background-color:@main-1;
border-top:2px solid @main-5;
color:@main-5;
text-decoration:none}
.navigation-wrapper .navigation .nav li:hover>.nolink.menuparent,.navigation-wrapper .navigation .nav li:hover>a.menuparent{
background-image:url("../img/arrow-bottom-white.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.navigation-wrapper .navigation .nav li:hover>.nolink.menuparent,.navigation-wrapper .navigation .nav li:hover>a.menuparent{
background-image:url("../img/arrow-bottom-white@2x.png")}
}
.navigation-wrapper .navigation .nav li ul{
background-image:none;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
background-color:@main-1;
margin:62px 0px 0px 0px;
position:absolute;
padding:0px;
top:0px;
visibility:hidden;
width:220px;
z-index:999}
.navigation-wrapper .navigation .nav li ul li{
float:none;
display:block;
min-width:100%}
.navigation-wrapper .navigation .nav li ul li .nolink,.navigation-wrapper .navigation .nav li ul li a{
-webkit-transition:background-color 0.1s ease-in,padding-left 0.1s ease-in;
-moz-transition:background-color 0.1s ease-in,padding-left 0.1s ease-in;
-o-transition:background-color 0.1s ease-in,padding-left 0.1s ease-in;
transition:background-color 0.1s ease-in,padding-left 0.1s ease-in;
border-top:0px !important;
color:#fff !important;
display:block;
font-size:14px;
padding-right:20px;
padding-bottom:15px;
padding-top:15px}
.navigation-wrapper .navigation .nav li ul li .nolink.menuparent,.navigation-wrapper .navigation .nav li ul li a.menuparent{
background-image:url("../img/arrow-right-white.png");
background-position:90%;
background-size:8px 11px;
background-repeat:no-repeat}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.navigation-wrapper .navigation .nav li ul li .nolink.menuparent,.navigation-wrapper .navigation .nav li ul li a.menuparent{
background-image:url("../img/arrow-right-white@2x.png")}
}
.navigation-wrapper .navigation .nav li ul li .nolink.menuparent:hover,.navigation-wrapper .navigation .nav li ul li a.menuparent:hover{
background-image:url("../img/arrow-right-white.png");
background-size:8px 11px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.navigation-wrapper .navigation .nav li ul li .nolink.menuparent:hover,.navigation-wrapper .navigation .nav li ul li a.menuparent:hover{
background-image:url("../img/arrow-right-white@2x.png")}
}
.navigation-wrapper .navigation .nav li ul li .nolink:hover,.navigation-wrapper .navigation .nav li ul li a:hover{
background-color:@main-5;
padding-left:25px}
.navigation-wrapper .navigation .nav li ul li ul{
left:220px !important;
margin-top:0px}
.navigation-wrapper .navigation .site-search{
float:right;
margin:13px 20px 0px 0px}
.navigation-wrapper .navigation .site-search input{
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
border-right:0px;
width:146px}
.navigation-wrapper .navigation .site-search button{
background-image:none;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
text-shadow:none;
background-color:#fff;
background-image:url("../img/icons/search.png");
background-position:center center;
background-repeat:no-repeat;
background-size:13px 13px;
border:1px solid @border-input;
border-left:0px;
display:inline-block;
margin:0px 0px 0px -5px;
padding:6px 15px;
vertical-align:top;
text-indent:-9999px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.navigation-wrapper .navigation .site-search button{
background-image:url("../img/icons/search@2x.png")}
}
.navigation-wrapper .navigation .site-search .control-group{
display:inline-block;
margin:0px}
.navigation-wrapper .navigation .language-switcher{
-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
box-shadow:0px 1px 1px rgba(0,0,0,0.1);
float:right;
margin:13px 0px 11px 0px;
position:relative}
.navigation-wrapper .navigation .language-switcher:hover .options{
max-height:200px}
.navigation-wrapper .navigation .language-switcher .en a{
background-image:url("../img/flags/United-Kingdom-Flag.png");
background-position:left center;
background-repeat:no-repeat;
background-size:16px 16px;
margin-left:15px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.navigation-wrapper .navigation .language-switcher .en a{
background-image:url("../img/flags/United-Kingdom-Flag@2x.png")}
}
.navigation-wrapper .navigation .language-switcher .de a{
background-image:url("../img/flags/Germany-Flag.png");
background-position:left center;
background-repeat:no-repeat;
background-size:16px 16px;
margin-left:15px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.navigation-wrapper .navigation .language-switcher .de a{
background-image:url("../img/flags/Germany-Flag@2x.png")}
}
.navigation-wrapper .navigation .language-switcher .fr a{
background-image:url("../img/flags/France-Flag.png");
background-position:left center;
background-repeat:no-repeat;
background-size:16px 16px;
margin-left:15px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.navigation-wrapper .navigation .language-switcher .fr a{
background-image:url("../img/flags/France-Flag@2x.png")}
}
.navigation-wrapper .navigation .language-switcher .current{
background-color:#fff;
background-image:url("../img/arrow-bottom-black.png");
background-position:right center;
background-repeat:no-repeat;
background-size:11px 7px;
border-right:9px solid #fff}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.navigation-wrapper .navigation .language-switcher .current{
background-image:url("../img/arrow-bottom-black@2x.png")}
}
.navigation-wrapper .navigation .language-switcher .current a{
color:@text-menu-price;
display:block;
text-decoration:none;
padding:10px 17px 10px 25px;
text-indent:-9999px}
.navigation-wrapper .navigation .language-switcher .options{
-webkit-transition:max-height 0.5s linear;
-moz-transition:max-height 0.5s linear;
-o-transition:max-height 0.5s linear;
transition:max-height 0.5s linear;
-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
box-shadow:0px 1px 1px rgba(0,0,0,0.1);
max-height:0px;
overflow:hidden;
position:absolute;
right:0px;
top:34px;
z-index:999}
.navigation-wrapper .navigation .language-switcher .options ul{
background-color:#fff;
list-style:none;
margin:0px;
padding:0px}
.navigation-wrapper .navigation .language-switcher .options ul li{
display:block}
.navigation-wrapper .navigation .language-switcher .options ul li a{
color:@text-menu-price;
display:block;
padding:10px 26px 10px 25px;
text-decoration:none;
text-indent:-9999px}
@media (max-width: 979px){
.navigation-wrapper{
background-color:@main-1;
height:100%;
left:-70%;
position:absolute;
top:0;
width:70%}
.navigation-wrapper .navigation .nav{
display:block;
float:none;
margin:0px}
.navigation-wrapper .navigation .nav li{
clear:both;
display:block;
float:none;
text-align:right}
.navigation-wrapper .navigation .nav li .nolink,.navigation-wrapper .navigation .nav li a{
background-image:none !important;
border:0px !important;
color:#fff;
display:block;
font-size:14px;
font-weight:bold;
padding-bottom:20px;
padding-top:20px}
.navigation-wrapper .navigation .nav li .nolink:hover,.navigation-wrapper .navigation .nav li a:hover{
background-color:transparent;
border:0px !important}
.navigation-wrapper .navigation .nav li:hover a{
border:0px !important;
color:#fff}
.navigation-wrapper .navigation .nav li ul{
border-right:2px solid #fff !important;
display:block !important;
float:none;
left:auto !important;
margin:0px 15px 0px 0px !important;
position:relative !important;
top:auto !important;
visibility:visible !important;
width:auto !important}
.navigation-wrapper .navigation .nav li ul li .nolink,.navigation-wrapper .navigation .nav li ul li a{
background-color:transparent;
border:0px;
font-size:14px}
.navigation-wrapper .navigation .nav li ul li .nolink:hover,.navigation-wrapper .navigation .nav li ul li a:hover{
background-color:transparent;
border:0px;
color:#fff !important}
.navigation-wrapper .navigation .nav li ul li.menuparent>.nolink,.navigation-wrapper .navigation .nav li ul li.menuparent>a{
background-image:none !important}
.navigation-wrapper .navigation .nav li ul li ul{
border-right:2px solid #fff !important;
display:block !important;
float:none;
left:auto !important;
margin:0px 15px 0px 0px !important;
position:relative !important;
top:auto !important;
visibility:visible !important;
width:auto !important}
.navigation-wrapper .navigation .language-switcher{
display:none}
}
@media (max-width: 979px){
.navigation-wrapper .navigation .site-search input{
height:34px !important;
padding:6px !important}
}
.properties-grid .property{
display:inline-block;
zoom:1;
-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
box-shadow:0px 1px 1px rgba(0,0,0,0.1);
background-color:#fff;
margin-bottom:30px;
padding-bottom:10px;
position:relative}
.properties-grid .property:after{
height:0;
content:".";
display:block;
clear:both;
visibility:hidden}
.properties-grid .property .image{
overflow:hidden;
position:relative}
.properties-grid .property .image a{
-webkit-transition:background-color 0.2s ease-in;
-moz-transition:background-color 0.2s ease-in;
-o-transition:background-color 0.2s ease-in;
transition:background-color 0.2s ease-in;
background-color:rgba(0,0,0,0);
display:block;
height:100%;
left:0px;
position:absolute;
top:0px;
width:100%;
z-index:200}
.properties-grid .property .image a:hover{
background-color:rgba(0,0,0,0.5);
background-image:url("../img/icons/eye.png");
background-position:center center;
background-repeat:no-repeat}
.properties-grid .property .image img{
height:auto;
width:100%}
.properties-grid .property h2{
line-height:22px;
margin:10px 0px 0px 0px;
padding:0px 15px}
.properties-grid .property h2 a{
-webkit-transition:color 0.1s ease-in;
-moz-transition:color 0.1s ease-in;
-o-transition:color 0.1s ease-in;
transition:color 0.1s ease-in;
color:@text-link-h2;
font-size:18px;
font-weight:normal}
.properties-grid .property h2 a:hover{
color:@main-3;
text-decoration:none}
.properties-grid .property .location{
padding:0px 15px}
.properties-grid .property .price{
background-color:#fff;
color:@text-menu-price;
font-size:18px;
padding:5px 16px;
position:absolute;
right:15px;
bottom:15px}
.properties-grid .property .reduced{
background-color:@text-menu-price;
color:#fff;
font-size:18px;
padding:5px 16px;
position:absolute;
left:15px;
bottom:15px}
.properties-grid .property .area{
color:@text-menu-price;
float:left;
margin-top:8px}
.properties-grid .property .area .key{
display:inline;
font-weight:bold;
padding:0px 0px 0px 15px}
.properties-grid .property .area .value{
display:inline}
.properties-grid .property .bedrooms{
float:right;
margin-right:10px;
padding-top:8px}
.properties-grid .property .bedrooms .content{
background-image:url("../img/icons/bedrooms.png");
background-position:left center;
background-repeat:no-repeat;
background-size:21px 12px;
color:@text-menu-price;
padding-left:30px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.properties-grid .property .bedrooms .content{
background-image:url("../img/icons/bedrooms@2x.png")}
}
.properties-grid .property .bathrooms{
float:right;
margin-right:15px;
padding-top:8px}
.properties-grid .property .bathrooms .content{
background-image:url("../img/icons/bathrooms.png");
background-position:left center;
background-repeat:no-repeat;
background-size:14px 20px;
color:@text-menu-price;
padding-left:25px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.properties-grid .property .bathrooms .content{
background-image:url("../img/icons/bathrooms@2x.png")}
}
.properties-grid .property:nth-last-child(1),.properties-grid .property:nth-last-child(2),.properties-grid .property:nth-last-child(3){
margin-bottom:0px}
@media (min-width: 768px) and (max-width: 1199px){
.properties-grid .property .reduced,.properties-grid .property .price{
font-size:14px;
padding:5px 8px}
}
@media (min-width: 768px) and (max-width: 979px){
.properties-grid .property .reduced,.properties-grid .property .price{
font-size:11px;
padding:5px 4px}
.properties-grid .property h2 a{
font-size:14px}
.properties-grid .property .location{
font-size:12px}
.properties-grid .property .area{
float:none;
margin:0px}
.properties-grid .property .area,.properties-grid .property .bedrooms,.properties-grid .property .bathrooms{
font-size:12px}
.properties-grid .property .bedrooms,.properties-grid .property .bathrooms{
float:left;
margin-left:16px}
}
@media (max-width: 767px){
.properties-grid .property:nth-last-child(1),.properties-grid .property:nth-last-child(2),.properties-grid .property:nth-last-child(3){
margin-bottom:30px}
.properties-grid .property:last-child{
margin-bottom:0px}
}
.widget.properties .content .property{
display:inline-block;
zoom:1;
-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
box-shadow:0px 1px 1px rgba(0,0,0,0.1);
background-color:#fff;
display:block;
margin-bottom:15px}
.widget.properties .content .property:after{
height:0;
content:".";
display:block;
clear:both;
visibility:hidden}
.widget.properties .content .property .image{
float:left;
margin-right:10px;
position:relative;
width:100px}
.widget.properties .content .property .image a{
-webkit-transition:background-color 0.2s ease-in;
-moz-transition:background-color 0.2s ease-in;
-o-transition:background-color 0.2s ease-in;
transition:background-color 0.2s ease-in;
background-color:rgba(0,0,0,0);
display:block;
height:100%;
left:0px;
position:absolute;
top:0px;
width:100%}
.widget.properties .content .property .image a:hover{
background-color:rgba(0,0,0,0.5);
background-image:url("../img/icons/eye.png");
background-position:center center;
background-repeat:no-repeat}
.widget.properties .content .property .wrapper{
padding:4px 0px}
.widget.properties .content .property .title{
margin-bottom:7px;
margin-top:5px}
.widget.properties .content .property .title h3{
line-height:1;
margin:0px}
.widget.properties .content .property .title h3 a{
font-size:14px;
font-weight:bold;
line-height:1;
text-decoration:none}
.widget.properties .content .property .location{
font-size:12px;
line-height:1;
margin-bottom:5px}
.widget.properties .content .property .price{
color:@main-1;
font-size:12px;
font-weight:bold;
line-height:1}
.widget.properties .content .property:last-child{
margin-bottom:0px}
@media (max-width: 1199px){
.widget.properties .content .property .image{
width:80px}
.widget.properties .content .property .title{
margin-bottom:3px;
margin-top:0px}
.widget.properties .content .property .title h3 a{
font-size:12px}
}
@media (max-width: 979px){
.widget.properties .content .property .image{
float:none;
width:100%}
.widget.properties .content .property .image img{
width:100%}
.widget.properties .content .property .title{
margin-bottom:0px;
padding:0px 10px}
.widget.properties .content .property .title h3{
margin-bottom:5px;
margin-top:5px}
.widget.properties .content .property .title h3 a{
font-size:14px}
.widget.properties .content .property .location{
padding:0px 10px}
.widget.properties .content .property .price{
margin-bottom:5px;
padding:0px 10px}
}
.properties-rows .filter{
display:inline-block;
zoom:1;
-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
box-shadow:0px 1px 1px rgba(0,0,0,0.1);
background-color:#fff;
display:block;
margin:0px 0px 30px 0px;
height:auto;
padding:10px}
.properties-rows .filter:after{
height:0;
content:".";
display:block;
clear:both;
visibility:hidden}
.properties-rows .filter form{
float:right;
margin:0px}
.properties-rows .filter form .control-group{
float:right;
margin-bottom:0px}
.properties-rows .filter form .control-group label{
color:#1b1b1b;
font-weight:bold;
line-height:30px}
.properties-rows .filter form .control-group select{
width:100px}
.properties-rows .filter form .control-group .control-label{
width:100px}
.properties-rows .filter form .control-group .controls{
margin-left:120px}
.properties-rows .filter form .control-group .chzn-container{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box}
.properties-rows .property{
display:inline-block;
zoom:1;
-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
box-shadow:0px 1px 1px rgba(0,0,0,0.1);
background-color:#fff;
margin-bottom:30px;
padding:0px;
position:relative}
.properties-rows .property:after{
height:0;
content:".";
display:block;
clear:both;
visibility:hidden}
.properties-rows .property:last-child{
margin-bottom:0px}
.properties-rows .property .title-price{
padding-bottom:3px;
padding-top:17px}
.properties-rows .property .title-price .title h2{
line-height:1;
margin:0px}
.properties-rows .property .title-price .title h2 a{
-webkit-transition:color 0.2s ease-in;
-moz-transition:color 0.2s ease-in;
-o-transition:color 0.2s ease-in;
transition:color 0.2s ease-in;
color:@text-link-h2;
font-size:24px;
font-weight:normal}
.properties-rows .property .title-price .title h2 a:hover{
color:@main-3;
text-decoration:none}
.properties-rows .property .title-price .price{
clear:right;
color:@text-menu-price;
float:right;
font-size:24px;
margin-top:3px;
padding-right:30px;
text-align:right}
.properties-rows .property .body{
padding-bottom:7px}
.properties-rows .property .body p{
padding-right:30px}
.properties-rows .property .image{
position:relative;
text-align:center}
.properties-rows .property .image .content a{
-webkit-transition:background-color 0.2s ease-in;
-moz-transition:background-color 0.2s ease-in;
-o-transition:background-color 0.2s ease-in;
transition:background-color 0.2s ease-in;
background-color:rgba(0,0,0,0);
display:block;
height:100%;
left:0px;
position:absolute;
top:0px;
width:100%}
.properties-rows .property .image .content a:hover{
background-color:rgba(0,0,0,0.5);
background-image:url("../img/icons/eye.png");
background-position:center center;
background-repeat:no-repeat}
.properties-rows .property .location{
background-image:url("../img/border.png");
background-position:left bottom;
background-repeat:repeat-x;
color:@main-text;
font-size:18px;
line-height:1;
margin-bottom:12px;
margin-right:30px;
padding-bottom:12px}
.properties-rows .property .area{
display:inline-block;
margin-right:10px}
.properties-rows .property .area .key{
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
text-shadow:none;
background-color:transparent;
font-size:14px;
padding:0px}
.properties-rows .property .bedrooms{
background-image:url("../img/icons/bedrooms.png");
background-position:left center;
background-repeat:no-repeat;
background-size:21px 12px;
display:inline-block;
margin-right:10px;
padding-left:30px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.properties-rows .property .bedrooms{
background-image:url("../img/icons/bedrooms@2x.png")}
}
.properties-rows .property .bathrooms{
background-image:url("../img/icons/bathrooms.png");
background-position:left center;
background-repeat:no-repeat;
background-size:14px 20px;
display:inline-block;
margin-right:10px;
padding-left:25px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.properties-rows .property .bathrooms{
background-image:url("../img/icons/bathrooms@2x.png")}
}
.properties-rows .property .views-field-field-bedrooms{
margin:0px;
padding:0px}
.properties-rows .property .views-field-field-bedrooms .field-content{
padding-left:0px}
@media (max-width: 979px){
.properties-rows .property .title-price .title h2 a{
font-size:18px}
.properties-rows .property .title-price .price{
font-size:18px}
.properties-rows .property .location{
font-size:14px}
}
@media (max-width: 767px){
.properties-rows .filter form .control-group label{
float:left;
line-height:40px}
.properties-rows .filter form .control-group:last-child{
margin:0px}
.properties-rows .property .body{
padding:20px}
.properties-rows .property .title-price{
padding:0px}
.properties-rows .property .title-price .title{
float:left;
width:auto}
.properties-rows .property .title-price .title h2 a{
font-size:16px;
line-height:1;
vertical-align:top}
.properties-rows .property .title-price .price{
float:right;
font-size:16px;
line-height:1;
width:auto}
.properties-rows .property .location{
font-size:14px;
margin-right:0px}
}
.property-filter{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
zoom:1;
background-color:@main-2;
display:block;
padding:20px;
width:100%}
.property-filter:after{
height:0;
content:".";
display:block;
clear:both;
visibility:hidden}
.property-filter form{
margin:0px}
.property-filter label{
color:#fff;
font-weight:bold}
.property-filter select{
width:100%}
.property-filter input[type=text]{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border:0px;
height:40px;
width:100%}
.property-filter .chzn-container{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
width:100% !important}
.property-filter .chzn-container .chzn-single{
border:0px}
.property-filter .chzn-container .chzn-drop{
border:0px}
.property-filter .beds,.property-filter .baths{
float:left;
width:48%}
.property-filter .baths{
float:right}
.property-filter .rent,.property-filter .sale{
width:48%}
.property-filter .rent{
clear:left;
float:left}
.property-filter .sale{
clear:right;
float:right}
.property-filter .price-value{
clear:both;
color:#fff;
float:left;
font-weight:bold;
margin:5px 0px 5px 0px;
text-align:center;
width:100%}
.property-filter .price-slider{
display:inline-block;
zoom:1;
clear:both;
display:block;
float:left;
margin:15px 0px 20px 0px;
width:100%}
.property-filter .price-slider:after{
height:0;
content:".";
display:block;
clear:both;
visibility:hidden}
.property-filter .price-from,.property-filter .price-to{
display:none}
.property-filter .form-actions{
background-color:transparent;
border:0px;
margin:0px;
padding:0px}
.property-filter .form-actions .btn{
background-color:@main-1;
font-weight:bold;
width:100%}
.property-filter .form-actions .btn:hover{
background-color:#011f2c}
@media (min-width: 768px) and (max-width: 979px){
.property-filter .rent label,.property-filter .sale label{
font-size:12px}
}
.property-detail{
background-color:#fff;
padding:20px}
.property-detail .overview{
border:1px solid @slogan;
margin:0px 30px 10px 0px;
padding:20px}
.property-detail .overview h2{
clear:both;
line-height:1;
margin:0px 0px 20px 0px}
.property-detail .overview table th{
text-align:left;
padding-right:15px}
.property-detail #property-map{
height:400px;
width:100%}
.property-detail #property-map img{
max-width:none}
.property-detail ul{
list-style:none}
.property-detail ul li.checked{
background-image:url("../img/icons/nike.png");
background-position:left center;
background-repeat:no-repeat;
background-size:11px 9px;
padding-bottom:3px;
padding-left:20px;
padding-top:3px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.property-detail ul li.checked{
background-image:url("../img/icons/nike@2x.png")}
}
.property-detail ul li.plain{
background-image:url("../img/icons/cross.png");
background-position:left center;
background-repeat:no-repeat;
background-size:11px 9px;
padding-bottom:3px;
padding-left:20px;
padding-top:3px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.property-detail ul li.plain{
background-image:url("../img/icons/cross@2x.png")}
}
.pricing .column,.tile-edge .tile-content,.tile-dark .tile-content,.tile-shadow .tile-content{
-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
box-shadow:0px 1px 1px rgba(0,0,0,0.1);
background-color:#fff;
padding:20px;
text-align:center}
.pricing .column h2,.tile-shadow .tile-content h2,.tile-edge .tile-content h2,.tile-dark .tile-content h2{
background-image:url("../img/border-gray.png");
background-position:left bottom;
background-repeat:repeat-x;
color:@main-2;
font-size:36px;
margin:0px;
padding:0px 0px 20px 0px}
.pricing .column h3,.tile-shadow .tile-content h3,.tile-edge .tile-content h3,.tile-dark .tile-content h3{
color:#1b1b1b;
font-size:30px;
margin:0px;
padding-top:10px}
.pricing .column h4,.tile-shadow .tile-content h4,.tile-edge .tile-content h4,.tile-dark .tile-content h4{
color:#818181;
font-size:14px;
font-weight:normal;
margin:0px 0px 50px 0px}
.pricing .column li{
padding:7px 0px}
.pricing .column li:last-child{
padding-bottom:0px}
.pricing .column li.important{
font-weight:bold}
.pricing .column li.unimportant{
color:@slogan;}
.pricing .column .btn-primary{
background-color:@main-2;
font-weight:bold;
margin-top:15px}
.pricing .column .btn-primary:hover{
background-color:@main-3;}
.pricing.boxed .column{
margin-top:0px}
.pricing.boxed .column h2,.tile-edge .tile-content h2,.tile-dark .tile-content h2{
background-color:@main-2;
background-image:none;
color:#fff;
margin-left:-20px;
margin-right:-20px;
margin-top:-20px;
padding-top:20px}
.pricing.boxed .column h3,.tile-edge .tile-content h3,.tile-dark .tile-content h3{
color:@main-1;
font-weight:bold}
.pricing.boxed .column h4,.tile-edge .tile-content h4,.tile-dark .tile-content h4{
margin-bottom:7px}
.pricing.boxed .column li{
background-image:url("../img/border-gray.png");
background-position:left top;
background-repeat:repeat-x}
.pricing.boxed .column li.unimportant{
color:inherit;
text-decoration:line-through}
.pricing.boxed .column.promoted h2,.tile-dark .tile-content h2{
background-color:@main-1;}
.pricing.boxed .column.promoted .content,.tile-dark .tile-content{
border:5px solid @main-1;
border-top:0px;
padding-left:20px;
padding-right:20px;
margin-left: -20px;
margin-right: -20px;
margin-bottom: -20px;
padding-bottom:15px}
@media (max-width: 767px){
.pricing .column{
margin-bottom:30px}
}
.login-register .tabs{
border:0px;
margin:15px 0px 0px 0px}
.login-register .tabs li{
text-align:center;
width:50%}
.login-register .tabs li a{
font-size:30px;
line-height:40px;
padding:7px 15px}
.login-register .tab-content form{
margin:0px}
.login-register .tab-content form input[type=text],.login-register .tab-content form input[type=password]{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
height:40px;
width:100%}
.login-register .images .item{
text-align:center}
.login-register .images .item img{
margin-bottom:20px}
.login-register .images .item h3{
color:#1b1b1b;
font-size:18px;
line-height:24px;
margin:0px;
padding:0px}
.widget{
margin-bottom:20px}
.widget.our-agents .agent{
-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
box-shadow:0px 1px 1px rgba(0,0,0,0.1);
background-color:#fff;
margin-bottom:15px;
padding:10px 15px}
.widget.our-agents .agent .image{
float:left;
margin-right:20px;
width:70px}
.widget.our-agents .agent .image img{
width:70px}
.widget.our-agents .agent .name{
color:@text-menu-price;
font-size:16px;
margin-bottom:8px}
.widget.our-agents .agent .email,.widget.our-agents .agent .phone{
font-size:12px}
.widget.our-agents .agent:last-child{
margin-bottom:0px}
@media (min-width: 768px) and (max-width: 1199px){
.widget.our-agents .agent{
padding:10px}
.widget.our-agents .agent .image{
margin-top:3px;
width:50px}
.widget.our-agents .agent .image img{
width:50px}
.widget.our-agents .agent .name{
font-size:14px;
line-height:1.5;
margin-bottom:0px}
.widget.our-agents .agent .email,.widget.our-agents .agent .phone{
line-height:1.5}
}
@media (min-width: 768px) and (max-width: 979px){
.widget.our-agents .agent{
text-align:center}
.widget.our-agents .agent .image{
float:none;
margin-bottom:10px;
width:100%}
.widget.our-agents .agent .image img{
width:auto}
}
@media (max-width: 767px){
.widget.our-agents{
margin-bottom:0px}
}
.our-agents-large .agent{
margin-bottom:30px}
.our-agents-large .agent:last-child{
margin-bottom:0px}
@media (max-width: 767px){
.our-agents-large .image{
text-align:center}
.our-agents-large .body h3{
text-align:center}
}
.about-us .member{
text-align:center}
.about-us .member h2{
font-size:24px;
line-height:24px;
margin:20px 0px 0px 0px}
.partners .content{
display:inline-block;
zoom:1;
-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.1);
box-shadow:0px 1px 1px rgba(0,0,0,0.1);
background-color:#fff;
display:block;
padding:30px;
text-align:center}
.partners .content:after{
height:0;
content:".";
display:block;
clear:both;
visibility:hidden}
.partners .content .partner{
display:inline-block;
margin:0px 30px;
vertical-align:middle}
.carousel .content{
background-color:@main-1;
padding:30px 30px}
.carousel .caroufredsel_wrapper{
background-color:@main-1;
height:286px !important;
margin:0px !important;
overflow:hidden;
width:100% !important}
.carousel ul{
height:270px;
list-style:none;
overflow:hidden}
.carousel ul li{
background-color:#fff;
float:left;
height:286px;
margin-right:30px;
width:auto !important}
.carousel ul li .image{
margin-bottom:10px;
position:relative}
.carousel ul li .image a{
-webkit-transition:background-color 0.2s ease-in;
-moz-transition:background-color 0.2s ease-in;
-o-transition:background-color 0.2s ease-in;
transition:background-color 0.2s ease-in;
background-color:rgba(0,0,0,0);
display:block;
height:100%;
left:0px;
position:absolute;
top:0px;
width:100%}
.carousel ul li .image a:hover{
background-color:rgba(0,0,0,0.5);
background-image:url("../img/icons/eye.png");
background-position:center center;
background-repeat:no-repeat}
.carousel ul li h3{
line-height:22px;
margin:3px 0px 0px 0px;
padding:0px 10px}
.carousel ul li h3 a{
-webkit-transition:color 0.1s ease-in;
-moz-transition:color 0.1s ease-in;
-o-transition:color 0.1s ease-in;
transition:color 0.1s ease-in;
color:@main-1;
font-size:18px;
font-weight:normal}
.carousel ul li h3 a:hover{
color:#00070a;
text-decoration:none}
.carousel ul li .location{
padding:0px 10px}
.carousel ul li .price{
background-color:#ffffff;
color:@text-menu-price;
font-size:18px;
padding:5px 16px;
position:absolute;
right:-10px;
top:130px}
.carousel ul li .area{
color:@text-menu-price;
float:left;
margin-top:8px}
.carousel ul li .area .key{
display:inline;
font-weight:bold;
padding:0px 0px 0px 10px}
.carousel ul li .area .value{
display:inline}
.carousel ul li .bedrooms{
float:right;
margin-right:10px;
padding-top:8px}
.carousel ul li .bedrooms .inner{
background-image:url("../img/icons/bedrooms.png");
background-position:left center;
background-repeat:no-repeat;
background-size:21px 12px;
color:@text-menu-price;
padding-left:30px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.carousel ul li .bedrooms .inner{
background-image:url("../img/icons/bedrooms@2x.png")}
}
.carousel ul li .bathrooms{
float:right;
margin-right:10px;
padding-top:8px}
.carousel ul li .bathrooms .inner{
background-image:url("../img/icons/bathrooms.png");
background-position:left center;
background-repeat:no-repeat;
background-size:14px 20px;
color:@text-menu-price;
padding-left:25px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.carousel ul li .bathrooms .inner{
background-image:url("../img/icons/bathrooms@2x.png")}
}
.carousel .carousel-prev{
-webkit-transition:opacity 0.2s linear,background-color 0.2s linear;
-moz-transition:opacity 0.2s linear,background-color 0.2s linear;
-o-transition:opacity 0.2s linear,background-color 0.2s linear;
transition:opacity 0.2s linear,background-color 0.2s linear;
background-color:@bg-carousel-prev;
background-image:url("../img/arrow-left-white.png");
background-position:center center;
background-repeat:no-repeat;
background-size:8px 11px;
cursor:pointer;
height:40px;
margin-top:10px;
padding:0px;
position:absolute;
left:15px;
text-indent:-9999px;
top:50%;
width:40px;
z-index:999}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.carousel .carousel-prev{
background-image:url("../img/arrow-left-white@2x.png")}
}
.carousel .carousel-prev:hover{
background-color:#036087}
.carousel .carousel-next{
-webkit-transition:opacity 0.2s linear,background-color 0.2s linear;
-moz-transition:opacity 0.2s linear,background-color 0.2s linear;
-o-transition:opacity 0.2s linear,background-color 0.2s linear;
transition:opacity 0.2s linear,background-color 0.2s linear;
background-color:@bg-carousel-next;
background-image:url("../img/arrow-right-white.png");
background-position:center center;
background-repeat:no-repeat;
background-size:8px 11px;
cursor:pointer;
height:40px;
margin-top:10px;
padding:0px;
position:absolute;
right:15px;
text-indent:-9999px;
top:50%;
width:40px;
z-index:999}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.carousel .carousel-next{
background-image:url("../img/arrow-right-white@2x.png")}
}
.carousel .carousel-next:hover{
background-color:@main-3;}
.carousel.property .content{
background-color:transparent;
position:relative}
.carousel.property .caroufredsel_wrapper{
background-color:transparent;
height:75px !important}
.carousel.property ul{
height:75px}
.carousel.property ul li{
-webkit-transition:opacity 0.2s ease-in;
-moz-transition:opacity 0.2s ease-in;
-o-transition:opacity 0.2s ease-in;
transition:opacity 0.2s ease-in;
background-color:transparent;
height:75px;
margin:0px 5px;
opacity:.3}
.carousel.property ul li:hover,.carousel.property ul li.active{
opacity:1}
.carousel.property ul li img{
cursor:pointer;
height:75px;
width:auto}
.carousel.property .carousel-prev{
display:block;
top:37px}
.carousel.property .carousel-next{
display:block;
top:37px}
.carousel-wrapper .carousel{
margin:0px}
.carousel-wrapper .carousel .content{
padding-left:100px;
padding-right:100px}
.carousel-wrapper .carousel .content h2{
color:#fff;
margin-bottom:30px;
margin-top:0px}
.carousel-wrapper .carousel .carousel-prev{
left:50px;
margin-left:-20px}
.carousel-wrapper .carousel .carousel-next{
margin-right:-20px;
right:50px}
@media (max-width: 767px){
.carousel-wrapper .carousel .content{
padding-left:80px;
padding-right:80px}
}
.marker{
-webkit-transition:margin-top 0.2s linear,padding-bottom 0.2s linear,opacity 0.2s linear;
-moz-transition:margin-top 0.2s linear,padding-bottom 0.2s linear,opacity 0.2s linear;
-o-transition:margin-top 0.2s linear,padding-bottom 0.2s linear,opacity 0.2s linear;
transition:margin-top 0.2s linear,padding-bottom 0.2s linear,opacity 0.2s linear;
background-image:url("../img/marker.png");
background-position:center top;
background-repeat:no-repeat;
background-size:42px 57px;
height:57px;
opacity:0.7;
width:42px}
.marker:hover{
margin-top:-10px;
padding-bottom:10px;
opacity:.99}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.marker{
background-image:url("../img/markers/marker-blue@2x.png")}
}
.infobox{
display:inline-block;
zoom:1;
background-color:#fff;
padding:10px;
position:relative;
width:270px}
.infobox:after{
height:0;
content:".";
display:block;
clear:both;
visibility:hidden}
.infobox:before{
bottom:-16px;
border:8px solid transparent;
border-top-color:#fff;
content:'';
height:0px;
margin-left:-8px;
left:50%;
position:absolute;
width:0px;
z-index:100}
.infobox .image{
float:left;
margin-bottom:10px;
margin-right:10px}
.infobox .title{
font-size:18px}
.infobox .title a:href{
text-decoration:none}
.infobox .area{
color:@text-menu-price;
margin-top:5px}
.infobox .area .key{
float:left;
font-weight:bold}
.infobox .price{
clear:left;
color:@text-menu-price;
float:left;
font-size:18px;
margin-top:8px}
.infobox .link a{
-webkit-transition:background-color 0.2s ease-in;
-moz-transition:background-color 0.2s ease-in;
-o-transition:background-color 0.2s ease-in;
transition:background-color 0.2s ease-in;
background-image:none;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
text-shadow:none;
background-color:@main-2;
background-image:url("../img/arrow-right-white.png");
background-position:90% center;
background-repeat:no-repeat;
background-size:8px 11px;
border:0px;
color:#fff;
padding:7px 30px 7px 15px;
clear:right;
float:right}
.infobox .link a:hover,.infobox .link a:active,.infobox .link a:focus{
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
text-shadow:none}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.infobox .link a{
background-image:url("../img/arrow-right-white@2x.png")}
}
.infobox .link a:hover{
background-color:@main-3;}
.infobox .link a a{
color:#fff}
.infobox .link a:hover{
text-decoration:none}
#map{
height:485px;
width:100%}
#map img{
max-width:inherit}
.map{
position:relative}
.map .row{
position:relative}
.map .row .span3{
float:right;
margin-top:-450px;
z-index:9999}
@media (max-width: 767px){
.map .row{
margin-left:20px;
margin-right:20px}
.map .row .span3{
float:none;
margin-top:30px}
}
.features .item{
margin-bottom:30px}
.features .item .icon{
text-align:center}
.features .item .text h3{
color:@text-menu-price;
margin:0px 0px 20px;
font-size:18px;
font-weight:normal;
line-height:22px;
line-height:22px;
margin-top:0px;
margin-bottom:20px}
@media (max-width: 767px){
.features .item{
text-align:center}
.features .item .icon{
margin-bottom:30px}
.features .item .icon img{
width:auto}
}
.bottom-wrapper{
background-color:#fff;
margin-bottom:-30px;
padding:30px 0px;
text-align:center}
.bottom-wrapper .decoration{
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
-webkit-transition:background-position 0.2s ease-in,border-color 0.2s ease-in,background-color 0.2s ease-in;
-moz-transition:background-position 0.2s ease-in,border-color 0.2s ease-in,background-color 0.2s ease-in;
-o-transition:background-position 0.2s ease-in,border-color 0.2s ease-in,background-color 0.2s ease-in;
transition:background-position 0.2s ease-in,border-color 0.2s ease-in,background-color 0.2s ease-in;
background-color:@background;
background-position:center bottom;
background-repeat:no-repeat;
border:6px solid @background;
height:130px;
margin:0px auto 30px auto;
width:130px}
.bottom-wrapper .address{
background-image:url("../img/call-to-action-address.png");
background-size:53px 260px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.bottom-wrapper .address{
background-image:url("../img/call-to-action-address@2x.png")}
}
.bottom-wrapper .gps{
background-image:url("../img/call-to-action-gps.png");
background-size:77px 260px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.bottom-wrapper .gps{
background-image:url("../img/call-to-action-gps@2x.png")}
}
.bottom-wrapper .key{
background-image:url("../img/call-to-action-key.png");
background-size:77px 260px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.bottom-wrapper .key{
background-image:url("../img/call-to-action-key@2x.png")}
}
.bottom-wrapper .item h2{
font-size:30px;
margin:0px 0px 20px 0px}
.bottom-wrapper .item h2 a{
color:@main-1;
text-decoration:none}
.bottom-wrapper .item h2 a:hover{
text-decoration:none}
.bottom-wrapper .item .btn{
-webkit-transition:background-color 0.2s ease-in;
-moz-transition:background-color 0.2s ease-in;
-o-transition:background-color 0.2s ease-in;
transition:background-color 0.2s ease-in;
background-image:none;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
text-shadow:none;
background-color:@main-2;
background-image:url("../img/arrow-right-white.png");
background-position:90% center;
background-repeat:no-repeat;
background-size:8px 11px;
border:0px;
color:#fff;
padding:7px 30px 7px 15px}
.bottom-wrapper .item .btn:hover,.bottom-wrapper .item .btn:active,.bottom-wrapper .item .btn:focus{
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
text-shadow:none}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.bottom-wrapper .item .btn{
background-image:url("../img/arrow-right-white@2x.png")}
}
.bottom-wrapper .item .btn:hover{
background-color:@main-3;}
.bottom-wrapper .item .btn a{
color:#fff}
.bottom-wrapper .item p{
margin:0px 0px 30px 0px}
.bottom-wrapper .item:hover .key,.bottom-wrapper .item:hover .gps,.bottom-wrapper .item:hover .address{
background-color:@main-1;
background-position:center top;
border-color:@main-5;}
@media (max-width: 767px){
.bottom-wrapper{
padding-left:20px;
padding-right:20px}
.bottom-wrapper .item{
margin-bottom:30px}
.bottom-wrapper .item:last-child{
margin-bottom:0px}
}
#footer-wrapper{
background-color:@bg-footer;
color:#fff;
width:100%}
#footer-wrapper .widget.properties .property{
background-color:@main-1;}
#footer-wrapper .widget.properties .property .price{
color:#fff}
#footer-wrapper #footer-top{
background-color:@bg-footer-top;
padding-top:20px;
padding-bottom:30px}
#footer-wrapper #footer-top h2,#footer-wrapper #footer-top h3{
color:@text-footer-h3;
font-size:24px;
font-weight:lighter;
margin:0px 0px 30px 0px}
#footer-wrapper #footer-top .nav li{
background-image:url("../img/footer-border.png");
background-position:left bottom;
background-repeat:repeat-x;
background-size:270px 1px;
color:@text-footer-list;
list-style:disc;
list-style-position:inside;
padding:6px 0px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
#footer-wrapper #footer-top .nav li{
background-image:url("../img/footer-border@2x.png")}
}
#footer-wrapper #footer-top .nav li a{
color:#fff;
display:inline-block;
line-height:23px}
#footer-wrapper #footer-top .nav li a:hover{
background-color:transparent;
color:@text-footer-list-hover;
text-decoration:none}
#footer-wrapper #footer-top .nav li:first-child{
padding-top:0px}
#footer-wrapper #footer-top .nav li:last-child{
background-image:none}
#footer-wrapper #footer-top form label{
font-weight:bold}
#footer-wrapper #footer-top form label .form-required{
color:red}
#footer-wrapper #footer-top form input[type=text],#footer-wrapper #footer-top form input[type=email]{
height:34px;
line-height:34px}
#footer-wrapper #footer-top form input[type=text],#footer-wrapper #footer-top form input[type=email],#footer-wrapper #footer-top form textarea{
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border:0px;
resize:none;
width:100%}
#footer-wrapper #footer-top form input[type=text]:focus,#footer-wrapper #footer-top form input[type=text]:active,#footer-wrapper #footer-top form input[type=email]:focus,#footer-wrapper #footer-top form input[type=email]:active,#footer-wrapper #footer-top form textarea:focus,#footer-wrapper #footer-top form textarea:active{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none}
#footer-wrapper #footer-top form textarea{
height:60px}
#footer-wrapper #footer-top form .form-actions{
background-color:transparent;
border:0px;
margin:0px;
padding:0px}
#footer-wrapper #footer-top form .form-actions .btn{
float:right}
#footer-wrapper #footer-top table.contact th{
background-repeat:no-repeat;
color:@main-5;
font-weight:bold;
padding:0px 10px 10px 30px;
text-align:right;
vertical-align:top}
#footer-wrapper #footer-top table.contact th.address{
background-image:url("../img/icons/address.png");
background-size:12px 16px;
background-position:6px 2px}
#footer-wrapper #footer-top table.contact th.phone{
background-image:url("../img/icons/mobile.png");
background-size:16px 16px;
background-position:3px 1px}
#footer-wrapper #footer-top table.contact th.email{
background-image:url("../img/icons/mail.png");
background-size:17px 11px;
background-position:4px 4px}
#footer-wrapper #footer-top table.contact th.skype{
background-image:url("../img/icons/skype.png");
background-size:18px 17px;
background-position:3px 1px}
#footer-wrapper #footer-top table.contact th.gps{
background-image:url("../img/icons/gps.png");
background-size:25px 24px;
background-position:left 0px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
#footer-wrapper #footer-top table.contact th.address{
background-image:url("../img/icons/address@2x.png")}
#footer-wrapper #footer-top table.contact th.phone{
background-image:url("../img/icons/mobile@2x.png")}
#footer-wrapper #footer-top table.contact th.email{
background-image:url("../img/icons/mail@2x.png")}
#footer-wrapper #footer-top table.contact th.skype{
background-image:url("../img/icons/skype@2x.png")}
#footer-wrapper #footer-top table.contact th.gps{
background-image:url("../img/icons/gps@2x.png")}
}
#footer-wrapper #footer-top table.contact td{
vertical-align:top;
padding-bottom:15px}
#footer-wrapper #footer-top table.contact td a{
color:#fff;
text-decoration:none}
#footer-wrapper #footer-top table.contact td a:hover{
color:@main-5;
text-decoration:none}
#footer-wrapper #footer{
border:0px;
margin-top:0px;
padding:25px 0px}
#footer-wrapper #footer #footer-inner p{
margin:0px}
#footer-wrapper #footer #footer-inner p a{
text-decoration:none}
#footer-wrapper #footer #footer-inner #block-menu-menu-share .content{
overflow:hidden}
#footer-wrapper #footer #footer-inner .nav{
float:right;
margin:0px}
#footer-wrapper #footer #footer-inner .nav li{
display:inline-block;
margin-left:20px}
#footer-wrapper #footer #footer-inner .nav li a{
background-position:center center;
background-repeat:no-repeat;
display:block;
height:25px;
text-indent:-99999px}
#footer-wrapper #footer #footer-inner .nav li a.twitter{
background-image:url("../img/share/twitter.png");
background-size:24px 22px;
width:24px}
#footer-wrapper #footer #footer-inner .nav li a.facebook{
background-image:url("../img/share/facebook.png");
background-size:11px 22px;
width:11px}
#footer-wrapper #footer #footer-inner .nav li a.flickr{
background-image:url("../img/share/flickr.png");
background-size:23px 10px;
width:23px}
#footer-wrapper #footer #footer-inner .nav li a.vimeo{
background-image:url("../img/share/vimeo.png");
background-size:22px 20px;
width:22px}
#footer-wrapper #footer #footer-inner .nav li a.google{
background-image:url("../img/share/google.png");
background-size:27px 25px;
width:27px}
#footer-wrapper #footer #footer-inner .nav li a.linkedin{
background-image:url("../img/share/linkedin.png");
background-size:23px 22px;
width:23px}
#footer-wrapper #footer #footer-inner .nav li a:hover{
background-color:transparent}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
#footer-wrapper #footer #footer-inner .nav li a.twitter{
background-image:url("../img/share/twitter@2x.png")}
#footer-wrapper #footer #footer-inner .nav li a.facebook{
background-image:url("../img/share/facebook@2x.png")}
#footer-wrapper #footer #footer-inner .nav li a.flickr{
background-image:url("../img/share/flickr@2x.png")}
#footer-wrapper #footer #footer-inner .nav li a.vimeo{
background-image:url("../img/share/vimeo@2x.png")}
#footer-wrapper #footer #footer-inner .nav li a.google{
background-image:url("../img/share/google@2x.png")}
#footer-wrapper #footer #footer-inner .nav li a.linkedin{
background-image:url("../img/share/linkedin@2x.png")}
}
@media (min-width: 768px) and (max-width: 979px){
#footer-wrapper #footer-top table.contact th{
background-position:left center !important;
display:block;
padding-bottom:12px;
padding-left:35px;
padding-top:12px;
text-align:left}
#footer-wrapper #footer-top table.contact td{
display:table;
padding-bottom:10px}
#footer-wrapper #footer-top table.contact tr:first-child th{
background-position:left top !important;
padding-top:0px}
}
@media (max-width: 767px){
#footer-wrapper #footer-top{
padding-left:20px;
padding-right:20px}
#footer-wrapper #footer #footer-inner{
padding-left:20px;
padding-right:20px}
#footer-wrapper #footer #footer-inner .nav{
float:none;
margin-top:20px}
#footer-wrapper #footer #footer-inner .nav li:first-child{
margin-left:0px}
}
.btn{
-webkit-font-smoothing:antialiased;
background-image:none;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
text-shadow:none;
border:0px;
padding:7px 15px 7px 15px;
font-weight:normal}
.btn.btn-primary{
-webkit-transition:background-color 0.2s ease-in;
-moz-transition:background-color 0.2s ease-in;
-o-transition:background-color 0.2s ease-in;
transition:background-color 0.2s ease-in;
background-color:@main-5;}
.btn.btn-primary.arrow-right{
background-image:url("../img/arrow-right-white.png");
background-position:90% center;
background-repeat:no-repeat;
background-size:8px 11px;
padding-right:30px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
.btn.btn-primary.arrow-right{
background-image:url("../img/arrow-right-white@2x.png")}
}
.btn.btn-primary:hover{
background-color:@main-3;}
.btn.btn-large{
padding:11px 19px}
.btn.btn-large.arrow-right{
padding-right:50px}
html{
height:100%}
body{
-webkit-font-smoothing:antialiased;
background-color:@background;
color:@main-text;
font-family:"Open Sans","Arial",sans-serif;
font-size:14px;
height:100%;
margin:0px;
padding:0px}
body a{
-webkit-transition:color 0.1s ease-in;
-moz-transition:color 0.1s ease-in;
-o-transition:color 0.1s ease-in;
transition:color 0.1s ease-in;
color:@text-body-a;}
body a:hover{

text-decoration:none}
body p{
line-height:20px}
body p.content-icon-spacing{
padding-left:55px}
body hr.dotted{
background-image:url("../img/border-gray.png");
background-position:left center;
background-repeat:no-repeat;
border:0px;
height:1px}
body ul.dotted li{
color:@main-1;
list-style-position:outside;
list-style-type:disc;
margin-left:20px}
body ul.dotted li .inner{
color:@text-menu-price;}
body ul.dotted li .inner strong{
color:#1b1b1b}
body #wrapper-outer{
height:100%}
body #wrapper-outer #wrapper{
-webkit-transition:left 0.3s ease-in;
-moz-transition:left 0.3s ease-in;
-o-transition:left 0.3s ease-in;
transition:left 0.3s ease-in;
position:relative;
width:100%}
@media (min-width: 980px){
body{
padding-top:0px}
}
@media (max-width: 979px){
body.nav-open #wrapper-outer{
overflow-x:hidden}
body.nav-open #wrapper-outer #wrapper{
left:70%}
}
#content{
padding-bottom:30px}
@media (max-width: 767px){
#content #main{
padding-left:20px;
padding-right:20px}
}
h1.page-header,h2.page-header{
border:0px;
color:@main-1;
font-size:30px;
font-weight:300;
line-height:40px;
margin:20px 0px;
padding:0px}
h2{
color:@h2;
font-size:24px;
font-weight:lighter;
}
h3{
color:@h3;
font-size:18px;
font-weight:normal}
h3.address{
background-image:url("../img/icons/bubble-address.png");
background-position:left center;
background-repeat:no-repeat;
background-size:34px 35px;
padding-left:55px}
h3.call-us{
background-image:url("../img/icons/bubble-call-us.png");
background-position:left center;
background-repeat:no-repeat;
background-size:34px 35px;
padding-left:55px}
h3.email{
background-image:url("../img/icons/bubble-email.png");
background-position:left center;
background-repeat:no-repeat;
background-size:34px 35px;
padding-left:55px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
h3.address{
background-image:url("../img/icons/bubble-address@2x.png")}
h3.call-us{
background-image:url("../img/icons/bubble-call-us@2x.png")}
h3.email{
background-image:url("../img/icons/bubble-email@2x.png")}
}
@media (max-width: 767px){
h1.page-header,h2.page-header{
font-size:24px}
h2{
font-size:24px}
}
body.green .marker,body.gray-green .marker{
background-image:url("../img/markers/marker-green.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
body.green .marker,body.gray-green .marker{
background-image:url("../img/markers/marker-green@2x.png")}
}
body.green-light .marker,body.gray-green-light .marker{
background-image:url("../img/markers/marker-green-light.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
body.green-light .marker,body.gray-green-light .marker{
background-image:url("../img/markers/marker-green-light@2x.png")}
}
body.brown .marker,body.gray-brown .marker{
background-image:url("../img/markers/marker-brown.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
body.brown .marker,body.gray-brown .marker{
background-image:url("../img/markers/marker-brown@2x.png")}
}
body.brown-dark .marker,body.gray-brown-dark .marker{
background-image:url("../img/markers/marker-brown-dark.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
body.brown-dark .marker,body.gray-brown-dark .marker{
background-image:url("../img/markers/marker-brown-dark@2x.png")}
}
body.turquiose .marker,body.gray-turquiose .marker{
background-image:url("../img/markers/marker-turquiose.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
body.turquiose .marker,body.gray-turquiose .marker{
background-image:url("../img/markers/marker-turquiose@2x.png")}
}
body.orange .marker,body.gray-orange .marker{
background-image:url("../img/markers/marker-orange.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
body.orange .marker,body.gray-orange .marker{
background-image:url("../img/markers/marker-orange@2x.png")}
}
body.magenta .marker,body.gray-magenta .marker{
background-image:url("../img/markers/marker-magenta.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
body.magenta .marker,body.gray-magenta .marker{
background-image:url("../img/markers/marker-magenta@2x.png")}
}
body.red .marker,body.gray-red .marker{
background-image:url("../img/markers/marker-red.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
body.red .marker,body.gray-red .marker{
background-image:url("../img/markers/marker-red@2x.png")}
}
body.violet .marker,body.gray-violet .marker{
background-image:url("../img/markers/marker-violet.png")}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
body.violet .marker,body.gray-violet .marker{
background-image:url("../img/markers/marker-violet@2x.png")}
}
body.pattern-cloth-alike #content{
background-image:url("../img/patterns/large/cloth-alike.png");
background-repeat:repeat;
background-size:102px 78px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
body.pattern-cloth-alike #content{
background-image:url("../img/patterns/large/cloth-alike@2x.png")}
}
body.pattern-cloth-alike #content{
background-image:url("../img/patterns/large/cloth-alike.png");
background-repeat:repeat;
background-size:102px 78px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
body.pattern-cloth-alike #content{
background-image:url("../img/patterns/large/cloth-alike@2x.png")}
}
body.pattern-corrugation #content{
background-image:url("../img/patterns/large/corrugation.png");
background-repeat:repeat;
background-size:8px 5px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
body.pattern-corrugation #content{
background-image:url("../img/patterns/large/corrugation@2x.png")}
}
body.pattern-diagonal-noise #content{
background-image:url("../img/patterns/large/diagonal-noise.png");
background-repeat:repeat;
background-size:100px 100px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
body.pattern-diagonal-noise #content{
background-image:url("../img/patterns/large/diagonal-noise@2x.png")}
}
body.pattern-dust #content{
background-image:url("../img/patterns/large/dust.png");
background-repeat:repeat;
background-size:400px 300px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
body.pattern-dust #content{
background-image:url("../img/patterns/large/dust@2x.png")}
}
body.pattern-fabric-plaid #content{
background-image:url("../img/patterns/large/fabric-plaid.png");
background-repeat:repeat;
background-size:102px 78px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
body.pattern-fabric-plaid #content{
background-image:url("../img/patterns/large/fabric-plaid@2x.png")}
}
body.pattern-farmer #content{
background-image:url("../img/patterns/large/farmer.png");
background-repeat:repeat;
background-size:200px 200px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
body.pattern-farmer #content{
background-image:url("../img/patterns/large/farmer@2x.png")}
}
body.pattern-grid-noise #content{
background-image:url("../img/patterns/large/grid-noise.png");
background-repeat:repeat;
background-size:98px 98px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
body.pattern-grid-noise #content{
background-image:url("../img/patterns/large/grid-noise@2x.png")}
}
body.pattern-lightpaperfibers #content{
background-image:url("../img/patterns/large/lightpaperfibers.png");
background-repeat:repeat;
background-size:500px 300px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
body.pattern-lightpaperfibers #content{
background-image:url("../img/patterns/large/lightpaperfibers@2x.png")}
}
body.pattern-retina-wood #content{
background-image:url("../img/patterns/large/retina-wood.png");
background-repeat:repeat;
background-size:512px 512px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
body.pattern-retina-wood #content{
background-image:url("../img/patterns/large/retina-wood@2x.png")}
}
body.pattern-lghtmesh #content{
background-image:url("../img/patterns/large/lghtmesh.png");
background-repeat:repeat;
background-size:256px 256px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
body.pattern-lghtmesh #content{
background-image:url("../img/patterns/large/lghtmesh@2x.png")}
}
body.pattern-pw-maze-white #content{
background-image:url("../img/patterns/large/pw-maze-white.png");
background-repeat:repeat;
background-size:46px 23px}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
body.pattern-pw-maze-white #content{
background-image:url("../img/patterns/large/pw-maze-white@2x.png")}
}
body.header-light .breadcrumb-wrapper span{
color:@main-text !important}
body.header-light .breadcrumb-wrapper .nav li a{
border-right-color:@main-text;
color:@main-text !important}
body.header-light #navigation{
background-color:@header-light-navigation;}
body.header-light #navigation input[type=text]{
border:0px !important;
height:22px}
body.header-light #navigation button.btn{
border:0px;
height:34px}
body.header-light #navigation .nav .nolink,body.header-light #navigation .nav a{
color:#fff !important}
@media (min-width: 980px){
body.header-light #navigation .nav .menuparent>.nolink,body.header-light #navigation .nav .menuparent>a{
background-image:url("../img/arrow-bottom-white.png") !important}
body.header-light #navigation .nav .menuparent .menuparent>.nolink,body.header-light #navigation .nav .menuparent .menuparent>a{
background-image:url("../img/arrow-right-white.png") !important}
}
@media (min-width: 980px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 980px) and (-moz-min-device-pixel-ratio: 2){
body.header-light #navigation .nav .menuparent>.nolink,body.header-light #navigation .nav .menuparent>a{
background-image:url("../img/arrow-bottom-white@2x.png") !important}
}
@media (min-width: 980px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 980px) and (-moz-min-device-pixel-ratio: 2){
body.header-light #navigation .nav .menuparent .menuparent>.nolink,body.header-light #navigation .nav .menuparent .menuparent>a{
background-image:url("../img/arrow-right-white@2x.png") !important}
}
body.header-dark .breadcrumb-wrapper{
background-color:@main-1;
border-bottom:1px solid @main-1;}
body.header-dark #header-inner{
background-color:@header-dark-header-inner;
color:#fff}
body.header-dark #header-inner .site-name a{
color:#fff !important}
body.header-dark #header-inner .site-phone span{
background-image:url("../img/icons/phone-white.png") !important;
color:#fff !important}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
body.header-dark #header-inner .site-phone span{
background-image:url("../img/icons/phone-white@2x.png") !important}
}
body.header-dark #header-inner .site-email a{
background-image:url("../img/icons/mail.png") !important;
color:#fff !important}
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2){
body.header-dark #header-inner .site-email a{
background-image:url("../img/icons/mail@2x.png") !important}
}
/*Header Dark dark*/
body.header-dark-dark .navigation-wrapper .navigation .nav li.menuparent > .nolink, body.header-dark-dark .navigation-wrapper .navigation .nav li.menuparent > a{
    background-image: url("../img/arrow-bottom-white.png");
}
body.header-dark-dark #navigation{
    background-color: @header-dark-dark-navigation;    
}
body.header-dark-dark .breadcrumb-wrapper{
    background-color: @header-dark-dark-breadcrumb-wrapper;
    border-bottom: 1px solid transparent;
}
body.header-dark-dark #navigation .nav .nolink, body.header-dark-dark #navigation .nav a{
    color: #fff !important;
}
#portal-personaltools dd {
    background-color: @main-1 !important;
}
/*Color light :Start*/
.slider-table {
    background-color: @main-1;
}
.slider-table h3{
    color: @main-5;
}
#listing-search #form-buttons-search,
.portletQuickSearch #form-buttons-search,
.listing-search-tile input#form-buttons-search{
    background-color: @search-buttons;
}
.listing-search-tile{
    background-color: @main-2;
}
body.header-light .breadcrumb-wrapper{
    background-color: @header-light-breadcrumb-wrapper;
}
.listingBar span.active,
.listingBar span.current {
    background-color: @main-5;
}
.portlet.portletQuickSearch{
    background-color: @bg-portletquicksearch;
}
#portal-personaltools dd a:hover{
    background: @main-5 !important;
}
/*Color:End*/
/*Color dark :Start*/
.listing-collection-tile .tile-header h2{
    background-color: @main-1;
}
.section-slider .galleria-info-text{
    background-color: @main-1;
}
.listing-search-tile #form-buttons-search{
    background-color: @main-1;
}
.portletQuickSearch input#form-buttons-search{
    background-color: @main-1;
}
body h1#parent-fieldname-title, body h2#parent-fieldname-title {
    color: @main-1;
}
.listing-grid .location p.item-body{
    color:@main-5;
}
/*Color:End*/
// Development 
body .development__amenities .amenitiesicon {
    color: @color-dev-icon;
}
body .distanceicon .icon{
    color: @color-dev-icon;
}
body #content .development_details #group-listings li a.tab_link.current{
    background-color: @bg-dev-group-listing-active;
}
body #content .development_details #group-listings li a.current:hover,
body #content .development_details #group-listings li a.current:focus,
body #content .development_details #group-listings li a.current:visited {
    background-color: @bg-dev-group-listing-active;
}
body #content .development_details #group-listings li a:hover, 
body #content .development_details #group-listings li a:focus, 
body #content .development_details #group-listings li a:visited {
    background-color: @bg-dev-group-listing-active;
}
body .development_details #group-listings li a:link {
    background-color: @bg-dev-group-listing;
}
body .development_details .listing-summary .tileItem .data_row {
    background-color: @bg-dev-listing-detail;
}
body .development_details .data_row .price {
    background-color: @bg-dev-listing-detail-price;
}
.section-slider .galleria-info-text .galleria-info-description {
    color: @main-4;
}
.properties-rows .property .title-price .title h2{
    color: @main-4;
}
section dd.List5,
section dd.Rist6,
.new-listings dd.Rist6,
.new-listings dd.List5 {
    color: @main-4;
}
.listingBar span.active:hover{
    background-color: @bg-pagination-hover;
    border-color:#329fd7;
}
.listingBar a:hover{
    background-color:@bg-pagination-hover !important;
}
.carousel-pager a.carousel-pager-item-active{
    background-color: @main-4;
}
form input.standalone[type="submit"]{
    background-color: @main-4;
}
body form input.standalone[type="submit"]:hover{
    background-color: @main-3;
}
#portal-column-content .listing-collection-tile figure{ 
    background-color: #ccc;
}
.listing-grid .listing-collection-tile .collection-item .workflow_status p{
    background-color: #313131;
}
.listing-grid .listing-collection-tile .collection-item .price p{
    color: #313131;
}
 #content .listing-summary figure{
    background-color: #ccc;
    border-right: 1px dotted #ccc;
}
