/* Variables
*********************************/
@color10:		#d84949;
@color20: 		#F5F5F5;
@unit:			20px;


/* Color Scheme
********************************/

.pushy a:hover,
.pushy li.current-menu-item a {
  background-color: @color20;
}

/* DATE PICKER */
.datepicker .day.active,
.datepicker .prev.active,
.datepicker .next.active,
.datepicker .month.active,
.datepicker .year.active {
	background-color: @color20;
	color: #ffffff;
}

.datepicker .month:hover,
.datepicker .year:hover,
.datepicker .day:hover,
.datepicker .prev:hover,
.datepicker .next:hover {
	background-color: @color20;
	color: #ffffff;
}

.social-networks li {
	background-color: @color20;
}
.social-networks li:hover a {
	color: @color20;
}

#home-search-buttons .search-button.active {
    background: @color20;
}

a:hover {
  color: @color20;
}
a:hover{text-decoration:none;color:@color20;}
header .top-header .menu-navbar .navbar .nav>li>.dropdown-menu>li>a:hover,header .top-header .menu-navbar .navbar .nav>li>.dropdown-menu>li>a:focus{background:@color20;color:#ffffff;}
header .top-header .menu-navbar .navbar .nav>li.active>a{background-color:#ffffff;box-shadow:none;color:@color20;}
header .top-header .menu-navbar>.active>a,header .top-header .menu-navbar>.active>a:hover,header .top-header .menu-navbar>.active>a:focus{background-color:#ffffff;box-shadow:none;color:@color20;}
header .top-header .menu-navbar li.dropdown.active>.dropdown-toggle{background-color:#ffffff;color:@color20;box-shadow:none;}
.main-content .find select:focus{border-color:@color20;}
.main-content .find input.keywordfind:focus{border-color:@color20;}
.main-content .find .search:hover{color:#ffffff;background-color:@color20;}
.main-content .tabberlive ul.tabbernav li.tabberactive a{background:@color20;color:#ffffff;padding:10px 15px;border:none;}
.main-content .tabberlive ul.tabbernav li.tabberactive a:before{border-color:@color20 transparent #d84949 transparent;border-style:solid;border-width:10px 10px 0px 10px;content:"";height:0;position:absolute;left:40%;top:22px;width:0;}
.main-content .tabberlive ul.tabbernav li.tabberactive:hover a{background:@color20;color:#ffffff;padding:10px 15px;}
.main-content .properties .container .box .scroll-properties .row .container-big .text-big h3 a:hover{color:@color20;}
.main-content .properties .container .box .scroll-properties .row .container-small .text-small h3 a:hover{color:@color20;}
.main-content ul.products>li .product-item h3 a:hover{color:@color20;}
.main-content ul.products>li .product-item .imagewrapper span.price{background:@color20;color:#ffffff;position:absolute;left:0;bottom:0;opacity:0.9;filter:alpha(opacity=90);padding:10px 15px;font-weight:14px;font-family:'Raleway',sans-serif;font-weight:700;}
.main-content .ouragents .our-content .our-border .our-info a{color:@color20;}
.main-content .widget-page a.moreinfo:hover{color:#ffffff;background-color:@color20;}
.main-content .grid_full_width .page-ination .page-in ul li.current a{background-color:@color20;color:#ffffff;}
.main-content .grid_full_width .page-ination .page-in ul li a.current{background-color:@color20;color:#ffffff;}
.main-content .grid_full_width .box-siderbar-container .sidebar-box.formsearchwg button.fsubmit:hover span{color:@color20;}
.main-content .grid_full_width .box-siderbar-container .sidebar-box.posts_by ul li a:hover{color:@color20;}
.main-content .grid_full_width .box-siderbar-container .sidebar-box.posts_by.categorybox ul li a:hover{color:@color20;}
.main-content .grid_full_width .blog_list li .description .excerpt a.readmore:hover{background-color:@color20;}
.main-content .grid_full_width .form-cm .content-form-cm input:focus{box-shadow:none;border-color:@color20;}
.main-content .grid_full_width .form-cm .content-form-cm .button-cm:hover{background-color:@color20;}
.main-content .grid_full_width .contact .contact-bor .add-contact a{color:@color20;}
.main-content .grid_full_width .contact .contact-form input:focus{border-color:@color20;box-shadow:none;}
.main-content .grid_full_width .contact .contact-form textarea:focus{border-color:@color20;box-shadow:none;}
.main-content .grid_full_width .contact .contact-form .button-send{color:#ffffff;padding:10px 60px;background-color:@color20;border:none;text-transform:uppercase;font-family:'Raleway',sans-serif;margin-top:20px;}
.main-content .grid_full_width .error404 a{display:inline-block;background-color:@color20;border:none;font-family:'Raleway',sans-serif;font-weight:300;margin-top:20px;color:#ffffff;padding:10px 15px;font-size:12px;}
.main-content .grid_full_width .thank-you a{display:inline-block;background-color:@color20;border:none;font-family:'Raleway',sans-serif;font-weight:300;margin-top:20px;color:#ffffff;padding:10px 15px;font-size:12px;}
.main-content .grid_full_width .ouragents .list_agents li .our-border .our-info h5 a:hover{color:@color20;}
.main-content .grid_full_width .ouragents .list_agents li .our-border .our-info a{color:@color20;}
.main-content .grid_full_width .gallery .container .imggallery li .piclist{border:10px solid #fff;overflow:hidden;position:relative;text-align:center;background:@color20;height:168px;}
.main-content .grid_full_width .gallery .container .imggallery li .piclist .mask{position:absolute;overflow:hidden;top:0;left:0;height:168px;background:@color20;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear;-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;}
.main-content .grid_full_width .gallery .container .imggallery li .piclist .info a:hover{color:@color20;background:#fff;}
.footer-container .newletter:hover{box-shadow:1px 1px 1px @color20;}
.footer-container .footer-bottom a{color:@color20;}
.main-content .grid_full_width .about_us .moteam .span260px .socialmo a:hover{background:@color20;}
.footer-container .footer-top a:hover{color:@color20;}
.nicescroll-rails div{background-color:@color20 !important;}
.main-content .bootstrap-select .dropdown-menu > li > a:hover {background-color:@color20;}

.main-content .grid_full_width .property_detail #pic-control .flex-direction-nav .flex-prev:hover {
	background-color: @color20;
}

.main-content .grid_full_width .property_detail #pic-control .flex-direction-nav .flex-next:hover {
	background-color: @color20;
}

input:focus,
input.form-control:focus,
select:focus,
select.form-control:focus,
textarea:focus,
textarea.form-control:focus {
  border-color: @color20;
}

input.btn-default:hover,
input.button:hover,
input.btn:hover,
button.btn:hover,
input[type="submit"]:hover,
button:hover {
  background-color: @color20;
  color: #ffffff;
}

header.header .top-header .realestate-logo a,
header.header .top-header #mobile-menu {
  //background-color: @color20;
}

header.header .top-header #mobile-menu a {
  background-color: rgba(255,255,255,0.2);
  //color:rgba(0,0,0,opacity option);
  color: @color20;
}

header.header .top-header .menu-navbar .navbar ul.nav li.dropdown .active a {
  color: @color20;
}

header.header .top-header .menu-navbar .navbar ul.nav > li .dropdown-menu > li > a:hover,
header.header .top-header .menu-navbar .navbar ul.nav > li .dropdown-menu > li > a:focus {
  background-color: @color20;
  color: #ffffff;
}

header.header .top-header .menu-navbar .navbar ul.nav > li .dropdown-menu > li.current_page_item > a {
  background-color: @color20;
  color: #ffffff;
}

header.header .top-header .menu-navbar .navbar ul.nav > li.current-menu-item > a,
header.header .top-header .menu-navbar .navbar ul.nav > li.current_page_ancestor > a {
  color: @color20;
}

header.header .top-header .menu-navbar .navbar ul.nav .dropdown-submenu:hover > a,
header.header .top-header .menu-navbar .navbar ul.nav .dropdown-submenu:focus > a {
  color: @color20;
}

header.header .top-header .menu-navbar > .current-menu-item > a,
header.header .top-header .menu-navbar > .current-menu-item > a:focus,
header.header .top-header .menu-navbar > .current_page_ancestor > a,
header.header .top-header .menu-navbar > .current_page_ancestor > a:focus {
  background-color: #ffffff;
  color: @color20;
}

header.header .top-header .menu-navbar li.dropdown.active > .dropdown-toggle {
  background-color: #ffffff;
  color: @color20;
}

.slider-home .flex-direction-nav li a:hover span.control-arr.left-arr:after {
  border-right-color: @color20;
}

.slider-home .flex-direction-nav li a:hover span.control-arr.right-arr:after {
  border-left-color: @color20;
}

.slider-home .flex-direction-nav li a:hover {
  background-color: @color20;
}

.main-content .properties-two .flex-direction-nav li a:hover span.control-arr.left-arr:after {
  border-right-color: @color20;
}

.main-content .properties-two .flex-direction-nav li a:hover span.control-arr.right-arr:after {
  border-left-color: @color20;
}

.main-content .properties-two .flex-direction-nav li a:hover {
  background-color: @color20;
}

.main-content a.button-send, footer a.button-send {
  background-color: @color20;
  border: medium none;
  color: #ffffff !important;
  font-family: "Raleway",sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  margin-top: 20px;
  padding: 10px 60px;
  text-transform: uppercase;
}

.main-content .find .search:hover {
  color: #ffffff;
  background-color: @color20;
}

.main-content .tabberlive ul.nav-tabs li.active a {
  background: @color20;
  color: #ffffff;
}

.main-content .tabberlive ul.nav-tabs li.active a:before {
  border-color: @color20 transparent #d94949 transparent;
}

.main-content .tabberlive ul.nav-tabs li.active:hover a {
  background: @color20;
  color: #ffffff;
}

.main-content .properties .container .box .scroll-properties .row .container-big .text-big h3 a:hover {
  color: @color20;
}

.main-content .properties .container .box .scroll-properties .row .container-small .text-small h3 a:hover {
  color: @color20;
}

.main-content div.products div.property .product-item h3 a:hover {
  color: @color20;
}

.main-content div.products div.property .product-item .title-info span.type a:hover {
  color: @color20;
}

.main-content .ouragents .our-content .our-border .our-info a {
  color: @color20;
}

.main-content .widget-page a.moreinfo:hover {
  color: #ffffff;
  background-color: @color20;
}

.main-content .grid_full_width #cntctfrm_contact_form input {
  border: 1px solid #E5E5E5;
  color: @color20;
}

.main-content .grid_full_width #cntctfrm_contact_form input:focus {
  border-color: @color20;
}

.main-content .grid_full_width .box-sidebar-container .sidebar-box.formsearchwg button.fsubmit:hover span {
  color: @color20;
}

.main-content .grid_full_width .box-sidebar-container .sidebar-box.searchbox .tabberlive ul.nav-tabs li.active a {
    background: @color20;
    color: #ffffff;
}

.main-content .grid_full_width .box-sidebar-container .sidebar-box.searchbox .tabberlive ul.nav-tabs li.active a:before {
    border-color: @color20 transparent @color20 transparent;
}

.main-content .grid_full_width .box-sidebar-container .sidebar-box.searchbox .tabberlive ul.nav-tabs li.active:hover a {
    background: @color20;
    color: #ffffff;
}

.main-content .grid_full_width .box-sidebar-container .sidebar-box.posts_by ul li a:hover {
  color: @color20;
}

.main-content .grid_full_width .box-sidebar-container .sidebar-box.posts_by.categorybox ul li a:hover {
  color: @color20;
}

.main-content .grid_full_width .box-sidebar-container .sidebar-box.widget_search #searchform input#searchsubmit:hover {
  background: @color20;
}

.main-content .grid_full_width .blog_list article .description .excerpt a.readmore:hover {
  background-color: @color20;
}

.main-content .grid_full_width .form-cm .content-form-cm .button-cm:hover {
  background-color: @color20;
}

.main-content .grid_full_width .contact .contact-bor .add-contact a {
  color: @color20;
}

.main-content .grid_full_width .contact .contact-form textarea:focus {
  border-color: @color20;
}

.main-content .grid_full_width .contact .contact-form input:focus {
  border-color: @color20;
}

.main-content .grid_full_width .contact .contact-form .button-send {
  color: #ffffff;
  background-color: @color20;
}

.main-content .grid_full_width .error404 a {
  background-color: @color20;
  color: #ffffff;
}

.main-content .grid_full_width .thank-you a {
  background-color: @color20;
  color: #ffffff;
}

.main-content .grid_full_width .ouragents .list_agents .our-border .our-info h5 a:hover {
  color: @color20;
}

.main-content .grid_full_width .ouragents .list_agents .our-border .our-info a {
  color: @color20;
}

.main-content .grid_full_width .gallery .container .imggallery li .piclist {
  border: 10 solid #fff;
  background: @color20;
}

.main-content .grid_full_width .gallery .container .imggallery li .piclist .mask {
  background: @color20;
}

.main-content .grid_full_width .gallery .container .imggallery li .piclist .info a:hover {
  color: @color20;
  background: #fff;
}

.main-content .grid_full_width .about_us .moteam .span260 .socialmo a:hover {
  background: @color20;
}

.page-ination .page-in ul li a.current,
.page-ination .page-in ul li span.current {
  background-color: @color20;
  color: #ffffff;
}

.footer-container .footer-top a:hover {
  color: @color20;
}

.footer-container .footer-bottom .social ul li a:hover {
  color: @color20;
}

.footer-container .newletter:hover {
  box-shadow: 1px 1px 1px @color20;
}

.footer-container .footer-bottom a {
  color: @color20;
}

.dsidx-listing .dsidx-primary-data .dsidx-address a:hover {
  color: @color20;
}

.dsidx-listing .dsidx-primary-data .dsidx-price {
  background: @color20;
  color: #ffffff !important;
}

#dsidx-primary-data #dsidx-price td {
  background: @color20;
  color: #fff;
}

#dsidx-contact-form input:focus,
#dsidx-contact-form input:hover {
  border: 1px solid @color20;
}

#dsidx.dsidx-details .dsidx-contact-form table textarea:focus,
#dsidx.dsidx-details .dsidx-contact-form table textarea:hover {
  border: 1px solid @color20;
}

.dsidx-contact-form-submit:hover {
  background: @color20;
}

.sidebar-box.widget_categories ul li a:hover {
  color: @color20;
}

.sidebar-box.dsidx-widget-search .dsidx-search-widget input:hover {
  border: 1px solid @color20;
}

.sidebar-box.dsidx-widget-search .dsidx-search-widget .dsidx-search-button .submit:hover {
  background: @color20;
  color: #fff !important;
}

#bttop:hover {
  background-color: @color20;
}

#bttop:hover span.arrow-top:after {
  border-bottom-color: @color20;
}
/* General
********************************/


.display {
	display: 	inline-block;
	float: 		left;
	width: 		100%;
}

.cover {
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.border-box {
	box-sizing: 				border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: 		border-box;
	-o-box-sizing: 			border-box;
	-ms-box-sizing: 		border-box;
}

.border-radius(@radius: 4px) {
  border-radius:          @radius;
  -webkit-border-radius:  @radius;
  -moz-border-radius:     @radius;
  -o-border-radius:       @radius;
  -ms-border-radius:      @radius;
}

.transition (@time:0.2s) {
  transition:           all @time ease-in-out;
  -webkit-transition:   all @time ease-in-out;
  -moz-transition:      all @time ease-in-out;
  -o-transition:        all @time ease-in-out;
  -ms-transition:       all @time ease-in-out; 
}

.box-shadow (@x: 0; @y: 0; @blur: 10px; @color: rgba(0,0,0,0.75)) {
  box-shadow:         @arguments;
  -moz-box-shadow:    @arguments;
  -webkit-box-shadow: @arguments;
  -o-box-shadow:      @arguments;
  -ms-box-shadow:     @arguments;
}


.main-content ul.products>li .product-item .imagewrapper {
	width: 100%;
}


/* Adjust List View
***************************************/
.list-view-10 {
	.row {
		height: 224px;
		position: 	relative;
	}
	.span4 {
		height: 	100%;
	}
	.imagewrapper {
		.display;
		height: 100% !important;
		.cover;
	}
	.span8 {
		position: 	relative;
		padding-right: 20px;
		padding-top: 	20px;
		height: 100%;
		.border-box;
		
		h3 {
			display: inline-block;
			float: 		left;
			width: 100%;
			padding: 0 !important;
			font-size: 	20px;
			line-height: 1.4;
			font-weight: 200;
			
			strong {
				display: inline-block;
				float: 		left;
				width: 		auto;
				font-weight: 200;
			}
			
			span {
				display: inline-block;
				float: 		right;
				width: 		auto;
				font-weight: bold;
			}
		}
		
		
		
		ul {
			position: 	absolute;
			bottom: 		0;
			li {
				border: none;
				padding: 	0px 0 20px 0;
				font-size: 16px;
				span {
					margin-right: 5px;
				}
				.i-bedroom {
					font-size: 24px;
					vertical-align: -10%;
				}
			}
		}/* ul */
		
		.btn-custom-10 {
			position: 	absolute;
			bottom: 		20px;
			right: 			20px;
			float: 			right;
		}
		
		p {
			display: inline-block;
			float: 		left;
			width: 100%;
			margin-top: 10px;
			margin-bottom: 	0;
			span {
				color: 	#000;
			}
		}/* p*/
	}/* span 8 */
	
	/* LEPTOP */
	@media (min-width: 979px) and (max-width: 1200px) {
		h3 {
			margin-bottom: 	5px;
		}
	  p {
		  font-size: 12px;
	  }
	}/* laptop */
	
	/* TABLET */
	@media (min-width: 768px) and (max-width: 979px) {
		p {
			display: 	;
		}
	}/* tablet */
	
	
	/* MOBILE */
	@media (max-width: 767px) {
		.span4, .span8 {
			width: 100% !important;
		}
		.span8 {
			padding: 20px !important;
			padding-bottom: 60px;
			
			
		}
		p {
			padding-bottom: 60px;
			
			.auction {
				display: none;
			}
		}
	}

}



.grid-view {
	h3 a {
		font-size: 16px !important;
		text-transform: inherit !important;
	}
	h3 {
		text-transform: inherit !important;
		line-height: 1.6 !important;
		text-align: center;
		font-size: 16px !important;
		
		span.price {
			font-weight: bold;	
		}
	}/* h3 */
	
	.bbc {
		display: block;
		margin: 	0 auto;
		text-align: center;
		padding-bottom: 20px;
	}
}




.bbc {
	font-size: 	16px;
	.i-bedroom {
		font-size: 24px;
		vertical-align: -13%;
	}
	
	span {
		margin-right: 5px;
	}
}


.property-detail-10 {
	.bbc {
		margin: 20px 0;
	}
}


.btn-brand {
	background: @color20;
	color: 	#FFF;
}

.footer-container .btn-brand a {
	background: @color20;
	color: #FFF;
}


.ouragents {
	li {
		position: relative;
	}
	.btn-brand {
		position: 	absolute;
		right: 	20px;
		bottom: 20px;
	}
}









/* RESPONSIVE DESIGN
*****************************************************/
/* DESKTOP */
@media (min-width: 1200px) {

}

/* LEPTOP */
@media (min-width: 979px) and (max-width: 1200px) {
    
}

/* TABLET */
@media (min-width: 768px) and (max-width: 979px) {

}

/* MOBILE */
@media (max-width: 767px) {

}