/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Fonts imports
	#Site Styles
	#Page Styles
    #Objects Styles              
	#Forms, jQuery UI overrides
	#BX Sliders
	#Media Queries */

/* #Fonts imports
================================================== */

@import url(//fonts.googleapis.com/css?family=Roboto+Slab:700&subset=latin,cyrillic-ext,cyrillic,greek-ext,greek,latin-ext);
@import url(websymbols/stylesheet.css);
@import url(entypo/stylesheet.css);
@import url(jquery.fancybox.css);
@import url(jquery.fancybox-thumbs.css);


/* #Site Styles
================================================== */

body 								{ font-family: 'Roboto Slab', serif, Arial; font-size: 12px; background: #EDEEF0; }
p 									{ font-size: 13px;}
p a 								{ color: #333333;}
.nav,
.nav li		 						{ margin-bottom: 0; }
.nav li 							{ display: inline-block; }
.shadded 							{ background-color: #E3E3E3; }
.lighted							{ background-color: #fff; }
.black								{ background: rgba(0,0,0,0.80); color: #858585; }
.screen-reader-text					{ position: absolute; top: -99999px; left: -99999px; }
a:visited,
a:focus,
a.button:hover						{ text-decoration: none; }
h2									{ color: #6C6C6C; }
h3,
h4,
h5,
h6									{ color: #858585; }


/* LAYOUT */
aside.on-left,
aside.on-right						{ width: 32.433%; float: left; }
	.on-left .titling				{ margin-left: 10px; }
	aside form,
	.aside-block					{ padding-top: 20px; }
	.on-right form,
	.on-right .featured-agent,
	.on-right .aside-block			{ margin-left: 45px !important; }
section.on-right,					
section.on-left						{ width: 67.567%; float: left; }
	section.on-right > .nine.columns{ margin: 0; border-left: 1px solid #DBDBDB; padding-top: 20px; padding-left: 45px; }
	section.on-left > .nine.columns	{ border-right: 1px solid #DBDBDB; padding-top: 20px; padding-right: 45px; }
	.on-right .titling				{ padding-left: 45px; }

.titling							{ border-bottom: 1px solid #DBDBDB; padding-bottom: 15px; margin-bottom: 0; }
.single-property					{ padding-bottom: 1px; }
	.single-property .intro			{ font-family: 'Roboto Slab', serif; font-weight: 700; }
	.single-property h5				{ margin-bottom: 20px; }
	.single-property .padded		{ margin-left: 2%; }
.single-property a img:hover   		{ cursor:pointer; opacity:0.7;}		

/* TOP BAR */
.top 								{ background-color: #252428; padding: 10px 0 0; color: #D3D2D7; position: relative; 
									  border-bottom: 1px solid #1c1b1e; }
	.top .row 						{ padding-bottom: 10px; }
	.close-btn 						{ position: absolute; top: 100%; padding: 5px 10px 0; display: block; text-align: center;
									  background: #252428; z-index: 10; text-decoration: none; 
									  border-bottom: 1px solid #000; border-radius: 3px; color: #EDEEF0; right: 10px; }
	
	.contact-bar					{ overflow: hidden; }
	.contact-bar p					{ float: left; }


	/* Language selector */
	.lang 							{ text-align: right; background: url(../images/divisor-line.png) no-repeat center right; 
									  padding-right: 15px; float: right; }
	.lang li 						{ margin-right: 4px; }
	.lang a							{ line-height: 18px;}
	.lang a img 					{ opacity: 0.5; vertical-align: text-bottom; }
	.lang a:hover img,
	.lang a.selected img 			{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);
									  opacity: 1; }
	
	/* Social Bar */
	.social 						{ font-family: 'WebSymbolsRegular', serif, Arial; font-size: 17px; }
	.social li						{ margin: 0 4px; }
	.social a						{ color: #4F4D55; }
	.social a:hover					{ text-decoration: none; }


/* HEADER */
.header 							{ background: url(../images/bg-brand.png) repeat-x 0 bottom; }

	/* Brand */
        #brand                                                  { height: 61px; margin-bottom: 0; ; z-index: 100; position:relative; top:0px; left:0px; }          
	#brand a:hover					{ text-decoration: none; }
	
	/* nav */
	header nav						{ }

	/* Main menu */
	#menu							{ float: right; }
	#menu li						{ border-right: 1px solid #373739; position: relative; float: left; display: block; }
	#menu a							{ font: normal 18px/60px 'Roboto Slab', sans-serif; color: #ECEDEF; padding: 0 15px; display: block;
									  text-shadow: 0px 1px #000; }
	#menu li:hover					{ background: rgba(0,0,0,0.2); }
	#menu a:hover					{ text-decoration: none; margin-top: -1px; }
	
	/* Submenu */
	#menu ul						{ left: -9999px; top: -9999px; position: absolute; padding: 0; margin: 0; top: 100%; z-index: 9999999; }
	#menu li:hover > ul				{ left: 0; top: 100%; }
	#menu li ul li,
	#menu li ul li a				{ float: none; border: none; }
	#menu li ul li a				{ width: 120px; display: block; background-color: #2E2D32; font: normal 14px/14px 'Roboto Slab';
									  padding: 10px 5px 10px 20px; }
	#menu li ul li a:hover			{ border-top: none; color: #000; margin-top: 0; text-shadow: none; }
	
	/* Sub Submenu */
	#menu li ul li:hover > a		{ color: #000; text-shadow: none; }
	#menu li ul li:hover ul			{ left: 100%; top: 0; }
	#menu li ul li ul li a			{ width: 160px; }
	
	/* Select menu (responsive)*/
	header nav select				{ display: none; }
	
/* Title bar */
.title-bar							{ padding: 40px 0; text-shadow: 0 1px 1px #fff; color: #858585; }
	.title-bar h1,
	.title-bar h2,
	.title-bar p					{ margin-bottom: 0; line-height: 1em;  }
	.title-bar h1					{ font-size: 28px; padding-top: 5px; }
	.title-bar h2					{ font-size: 22px; color: #858585; letter-spacing: -1px; }
	.title-bar p					{ font-size: 14px; }
	.title-bar a					{ color: #858585; }
	.top-address					{ text-align: right; }
	
/* Big title message */	
.big-title							{ text-align: center; margin-top: 100px; margin-bottom: 100px; }
	.big-title h3					{ font-size: 60px; color: #222; padding: 40px 0; border-top: 1px solid #DBDBDB; 
									  border-bottom: 1px solid #DBDBDB;  }
	.big-title p					{ font-size: 14px; margin-bottom: 5px; }

/* PARTNERS Container */
.partners							{ margin-bottom: 70px; }
	.partner-box img				{ max-width: 31%; height: auto; margin-left: 3%; margin-bottom: 10px; border: 1px solid #fff; }
	.partner-box img:nth-child(3n+1){ margin-left: 0; }				


/* FOOTER */
.footer								{ padding: 45px 0 30px; color: #6C6C6C; text-shadow: 0px 1px #fff; border-bottom: 1px solid #fff; }
	.footer h5						{ color: #535354; font-size: 18px; text-transform: uppercase; font-family: 'Roboto Slab', serif, Arial; font-weight: 700; }
	.footer a						{ color: #0187A4; }
	.footer a:hover					{ color: #1aaece; text-decoration:none; }

	/* Text Widget */
	.text-widget					{ font-size: 14px; }
	
	/* Address list */
	.address,
	.address li						{ margin-bottom: 0; }
	.address a						{ font-family: 'LatoItalic', serif, Arial; text-decoration:none; color:#6C6C6C; }

	
	/*Address icons */
	.address .location:before,
	.address .phone:before,
	.address .web:before,
	.address .email:before			{ font-family: 'EntypoRegular', serif, Arial; font-size: 30px; display: inline-block; position: relative; 
									  top: 2px; margin-right: 5px; width: 20px; text-align: center;}
	.address .location:before		{ content: "0"; }
	.address .phone:before			{ content: "!"; }
	.address .email:before			{ content: "%"; }    
	.address .web:before			{ content: "#"; }
	
	/* Twitter list */
	.twitter li						{ padding: 8px 0 0 30px; background: url(../images/icons/ico-twitter.png) no-repeat left center; 
									  margin: 8px 0; }
	.twitter li + li				{ border-top: 1px solid #C5C5C5; }
	
	/* Contact box */
	.contact-msg					{ padding: 8px 0 8px 40px; background: url(../images/icons/ico-contact.png) no-repeat 5px center;
									  margin-bottom: 0; }
	.small-form form				{ text-align: right; }
	.small-form label				{ position: absolute; top: -99999px; left: -99999px; }
	.small-form input				{ margin-bottom: 5px; }
	.small-form input[id]			{ width: 95%; background-color: #DBDBDB; }	
	.small-form input:focus			{ background-color: #fff; }
	.small-form input[type="submit"]{ margin-right: 5px; }
	
	
/* BOTTOM */
.thebottom								{ border-bottom: 1px solid #222225; border-top: 1px solid #222225; padding: 38px 0; 
									  background: #2d2c31; color: #ddd; font-size: 11px; }
	.thebottom p						{ text-align: right; }
	.thebottom a						{ color: #DDDDDD; }
	.thebottom a:hover					{ text-decoration: none; }

	/* Sub-menu */
	#sub-menu li					{ padding: 0 9px; }
	#sub-menu li + li				{ border-left: 1px solid #454545; }
	#sub-menu a						{ text-transform: uppercase; line-height: 1; }
	#sub-menu .facebook				{ color: #7DA4FF;}
	#sub-menu a.facebook:hover		{ color: #5480f2;}
	#sub-menu .twitter				{ color: #6CCFDA; }
	#sub-menu a.twitter:hover		{ color: #28e0f6; }


.inner-box {
	float: left;
	width: 30%;
	margin: 0 1%;
}

img.scale-with-grid {
		max-width: 100%;
		height: auto; }

/* #Objects Styles
================================================== */

/* Galleries */
.gallery 							{ margin-left: -10px!important; margin-right: -10px!important; }
	.two-per-row li:nth-child(even)	{ margin-left: 50px !important; }
	.four-per-row li				{ margin-right: 35px !important; }
	.four-per-row li:nth-child(4n)	{ margin-right: 0!important; }
	.full.three-per-row li + li		{ margin-left: 85px !important; }
	.six-per-row					{ padding-top: 20px; }
	
	.gallery article				{ border: 1px solid #E8E7E5; background: #fff; overflow: hidden; }
	.mosaic-block					{ position: relative; height: 148px; }
	li.nine .mosaic-block			{ height: 240px; }
	li.two .mosaic-block			{ height: 120px; }
	li.fourteen .mosaic-block		{ height: 360px; z-index: 1; }
	.mosaic-block a					{ display: block; top: 0; bottom: 0; left: 0; right: 0; z-index: 10; position: absolute;
									  text-indent: -9999px; background-position: center center; background-repeat: no-repeat;}

	.mosaic-block img				{ position: absolute; z-index: 5; width: 100%; }
	.gallery .description			{ padding: 15px 15px 0; }
	li.nine .description			{ float: left; width: 77%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 
									  -ms-box-sizing: border-box; box-sizing: border-box; }
	li.nine .tools					{ float: right; width: 23%; }
	.gallery h6						{ margin: 0; font-family: 'Roboto Slab', serif, Arial; font-weight: 700; }
	.gallery p						{ margin: 0; color:#868686; line-height:18px; padding-bottom:10px; }
	.gallery .tools					{ background: #F3F3F3; overflow: hidden; border:0; font-family: 'Roboto Slab', serif, Arial; font-weight: 700; font-size: 14px;
									  text-align: center; border-top: 1px solid #ededed;  }
	.tools .price					{ text-shadow: 0px 1px #fff; padding:8px 0; }
	.tools .button					{ color:#fff; border:0; border-radius: 0; padding: 10px 0; }
	.tools .price,
	.tools .button					{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; 
									  box-sizing: border-box; width: 50%; margin: 0; float: left; }
	li.nine .tools .price,
	li.two .tools .price,
	li.nine .tools .button			{ float: none; width: 100%; }
	.gallery article				{ position: relative; }
	article.prop-new:before,
	article.prop-sold:before,
	article.prop-reserved:before,
	article.prop-hot:before			{ content:"  "; display: block; width: 66px; height: 66px; position: absolute; top: 0; right: 0; 
									  z-index: 20; }
	.prop-new:before				{ background: url(../images/icons/new.png) no-repeat top right; }
	.prop-sold:before				{ background: url(../images/icons/sold.png) no-repeat top right; }
	.prop-reserved:before				{ background: url(../images/icons/reserved.png) no-repeat top right; }
	.prop-hot:before				{ background: url(../images/icons/hot.png) no-repeat top right; }
	
	li.fourteen aside				{ background: rgba(255,255,255,0.7) url(../images/big-arrow.png) no-repeat left center;
									  padding: 45px 45px 0; color: #858585; position: absolute; top: 0; left: 0; bottom: 0; right: 0;
									  z-index: 5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
									  filter: alpha(opacity=0); opacity: 0; cursor: pointer; }
        
	li.fourteen aside.visible, li.fourteen aside:hover			{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;}
/* lifestyle specialitky */
        li.fourteen aside.visible {background-color: rgba(255,255,255,0.1); background-position-x: -10px; padding: 20px;}
        li.fourteen aside.visible:hover {background-color: transparent; background-position-x: 0px;}
        div.link {margin-top: 0.5em; padding: 0.5em; background: #333; color: #aaa; cursor: pointer;}
        div.link:hover {background: #444;}
        div.link h4 a {color: #ccc; text-decoration: underline;}
        div.link:hover h4 a , div.link h3 a:hover {color: #fff;}
        div.infoblock {background: #313036; max-height: 0px; overflow: hidden;}
        li.fourteen .project.visible					{ max-width: 275px;}
        //li.fourteen .project.visible p {text-align: justify;}
        
/* lifestyle specialitky - END*/
        

	li.fourteen .project			{ max-width: 220px; }
	
	.project h3						{ margin: 0; text-shadow: none; }
	.project-details				{ margin: 0 0 20px; font-size: 12px; }
	.project-details li				{ padding: 5px 0 5px 25px; margin-bottom: 0; }
	.project-details li + li		{ border-top: 1px solid #232326; }
	.project-details .location		{ background: url(../images/icons/gray-location.png) no-repeat left center; }
	.project-details .calendar		{ background: url(../images/icons/gray-calendar.png) no-repeat left center; }
	.project-details .coins			{ background: url(../images/icons/gray-coins.png) no-repeat left center; }
	

/* Goals */
.goals								{ font-size: 13px; color: #6C6C6C; }
	.horizontal h2					{ font-size: 24px; margin-bottom: 0; text-align: left; line-height: 30px; }
	.horizontal h3					{ padding-left: 2%; }
	.goal							{ display: block; width: 120px; height: 120px; margin: 0 auto 15px; position: relative; text-indent: -9999px;
									  border-radius: 50%; }
	.horizontal .goal				{ float: left; width: 90px; height: 90px; margin-right: 15px; }
	.goal:hover						{ background-color: #2D2D31; text-decoration: none; }
	.goal:hover:before				{ content: " "; display: block; position: absolute; height: 100px; width: 100px; left: 5px; top: 5px; 
									  border: 5px solid #fff; border-radius: 50%; z-index: 5; }
	.horizontal .goal:hover:before	{ height: 70px; width: 70px; }
	.goal.results					{ background-position: 0 0; }
	.goal.project					{ background-position: -120px 0; }
	.goal.place						{ background-position: -240px 0; }
	.goal.chart						{ background-position: -360px 0; }
	.goal.money						{ background-position: -480px 0; }
	.goal.dialog					{ background-position: -600px 0; }
	.goal.results:hover				{ background-position: 0 -120px; }
	.goal.project:hover				{ background-position: -120px -120px; }
	.goal.place:hover				{ background-position: -240px -120px; }
	.goal.chart:hover				{ background-position: -360px -120px; }
	.goal.money:hover				{ background-position: -480px -120px; }
	.goal.dialog:hover				{ background-position: -600px -120px; }
	
	.horizontal .goal.results		{ background-position: 0 0; }
	.horizontal .goal.project		{ background-position: -90px 0; }
	.horizontal .goal.place			{ background-position: -180px 0; }
	.horizontal .goal.chart			{ background-position: -270px 0; }
	.horizontal .goal.money			{ background-position: -360px 0; }
	.horizontal .goal.dialog		{ background-position: -450px 0; }
	.horizontal .goal.results:hover	{ background-position: 0 -90px; }
	.horizontal .goal.project:hover	{ background-position: -90px -90px; }
	.horizontal .goal.place:hover	{ background-position: -180px -90px; }
	.horizontal .goal.chart:hover	{ background-position: -270px -90px; }
	.horizontal .goal.money:hover	{ background-position: -360px -90px; }
	.horizontal .goal.dialog:hover	{ background-position: -450px -90px; }
	

/* Boxed Goals */
.boxed-goals						{ padding-top: 50px; padding-bottom: 50px; text-shadow: 0 1px #fff; }
	.boxed-goals h2					{ font-size: 24px; padding-left: 2%; }
	.boxed-link						{ display: block; padding: 20px; background-color: #DBDBDB; -webkit-box-shadow: inset 0 0 2px #999;
									  box-shadow: inset 0 0 2px #999; border-radius: 5px; color: #858585; border: 1px solid transparent; }
	.boxed-link h3					{ font-size: 18px; line-height: 38px; } 
	.boxed-link	.icon				{ padding-left: 42px; }
	.boxed-link .coins				{ background: url(../images/icons/icon-coins.png) no-repeat left center; }
	.boxed-link .magnifier			{ background: url(../images/icons/icon-magnifier.png) no-repeat left center; }
	.boxed-link .people				{ background: url(../images/icons/icon-people.png) no-repeat left center; }
	.boxed-link:hover				{ color: #222; text-decoration: none; text-shadow: none; 
									  -webkit-box-shadow: 0 0 2px #333; box-shadow: 0 0 1px #333; border-color: #fff; }
	.boxed-link:hover h3			{ color: #222; }


/* Steps */
.steps								{ list-style: none; margin-left: 0; position: relative; }
	.steps:before					{ content: " "; display: block; height: 20px; position: absolute; z-index: -1; top: 54px; left: 0;
									  background-color: #D1D1D1; width: 99%;  }
	.steps li						{ width: 128px; height: 128px; }
	.step-1							{ position: absolute; top: 0; left: 0; }
	.step-2							{ margin-left: auto; margin-right: auto; }
	.step-3							{ position: absolute; top: 0; right: 0; }
	.steps a						{ display: block; height: 128px; border-radius: 50%; background-color: #BDBDBD; line-height: 128px;
									  text-align: center; position: relative; font-size: 24px; color: #787878; text-shadow: 0 1px #fff; }
	.steps a:hover,
	.steps a.active					{ text-shadow: none; background-color: #000; text-decoration: none; }
	.steps a:before					{ content: " "; display: block; border: 25px solid #D1D1D1; border-radius: 50%; height: 78px; 
									  width: 78px; position: absolute; top: 0; left: 0; }
	.steps a:hover:before,
	.steps a.active:before			{ border: 6px solid #fff; top: 12px; left: 12px; width: 92px; height: 92px; }
	
/* Steps boxes styles */
.step-box,
.form-holder					 	{ border-radius: 3px; }
	.step-box img					{ border: 1px solid #dedede; }
	.step-box form,
	.form-holder form				{ margin: 30px; }
	.step-box span.select			{ width: 100%; padding: 2px; top: 1px!important; border-radius: 2px; }

.step-box .drag-drop				{ overflow: hidden; padding: 0 2px; }
	.step-box .drag-drop li			{ float: left; width: 20%; margin: 0 0 20px !important; text-align: center;  }
	
.small-title						{ background-color: #DEDEDE; color: #000; text-shadow: 0 1px #fff; }
	.step-box .small-title,
	.form-holder .small-title		{ padding: 10px 30px; border-top-right-radius: 3px; border-top-left-radius: 3px; }
	.small-title.house-icon			{ padding-left: 60px; background-image: url(../images/icons/ico-house.png); background-repeat: no-repeat; 								  background-position: 30px 13px; }
	.small-title.person-icon		{ padding-left: 60px; background-image: url(../images/icons/ico-person.png); background-repeat: no-repeat; 								  background-position: 30px 13px; }
	.small-title.email-icon			{ padding-left: 60px; background-image: url(../images/icons/ico-email.png); background-repeat: no-repeat; 								  background-position: 30px 16px; }
	.small-title.coins-icon			{ padding-left: 60px; background-image: url(../images/icons/ico-coins.png); background-repeat: no-repeat; 								  background-position: 30px 16px; }
	
/* Agent */
.agent-bio 							{ border-bottom: 1px solid #dadada; }
	.agent-bio img					{ float: left; margin-right: 20px; margin-bottom: 17px; border: 1px solid #dedede; }
	.agent-bio h6					{ color: #333333; text-shadow: 0 1px #fff; font-size: 18px; line-height: 30px; display: inline-block;
									  margin-right: 10px; }
	.agent-bio header a				{ display: inline-block; margin-left: 10px; color: #fff; text-transform: uppercase; font-size: 10px; 
									  line-height: 25px; height: 25px; padding-left: 30px; padding-right: 10px; position: relative; 
									  top: -3px; }
	.agent-bio .following			{ background: url(../images/icons/following.png) no-repeat left top; }
	.agent-bio .emailme				{ background: url(../images/icons/emailme.png) no-repeat left top; }

.agent-social						{ padding: 25px 0; margin-bottom: 0; color: #656565; }
	.agent-social li				{ margin-bottom: 0; display: inline-block; text-align: center; width: 32%; }
	.agent-social li + li			{ border-left:  1px solid #dadada; }
	.agent-social strong			{ display: block; font-size: 22px; font-weight: normal; margin-bottom: 10px; }

/* Staff */
.staff-bio 							{ padding-bottom: 15px; margin-top:25px; }
.staff-bio-first 					{ margin-top: 0; }
.staff-bio ul.social				{ margin-left: 0; }

/* CTA Box */
.cta-box							{ padding: 20px; background-color: #fff; border: 1px solid #E8E6E4; }
	.cta-box .button				{ background-color: #EDEDEF; border: 1px solid #fff; -webkit-box-shadow: 0 0 1px #999; 
									  box-shadow: 0 0 1px #999; text-align: center; text-transform: uppercase; font-size: 18px; 
									  color: #797979; text-shadow: none; line-height: 30px; }
	.cta-box .button:hover			{ color: #333; }
	
/* Featured Agent Box */
.featured-agent						{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;
									  box-sizing: border-box; padding: 20px; border: 1px solid #D5D5D4; border-radius: 3px; }
	.featured-agent img				{ float: left; margin-right: 10px; }
	.featured-agent li				{ margin-bottom: 0; }

/* Custom scrollbars */
#scrollbar	 						{ clear: both; margin: 20px 0 10px; }
	#scrollbar .viewport 			{ height: 90px; overflow: hidden; position: relative; }
	#scrollbar .overview 			{ list-style: none; position: absolute; left: 0; top: 0; width: 1480px;}
	#scrollbar .thumb .end,
	#scrollbar .thumb				{ margin-top: -1px; }
	#scrollbar .scrollbar 			{ position: relative; float: right; width: 5px; }
	#scrollbar .track 				{ background-color: #ddd; height: 100%; width:5px; position: relative; padding: 0 1px; height: 5px; }
	#scrollbar .thumb 				{ height: 5px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
	#scrollbar .thumb .end 			{ overflow: hidden; height: 5px; width: 5px; }
	#scrollbar .disable				{ display: none; }
	.noSelect 						{ user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none;
									  -webkit-user-select: none; }
	.bwWrapper 						{ position:relative; display:inline-block; border: 2px solid transparent; margin: 0 2px; }

/* Breadcrumbs */
.bordered							{ border-top: 1px solid #DBDBDB;   }
.breadcrumbs						{ list-style: none; }
	.breadcrumbs li					{ display: inline-block; margin-right: 4px; font-size: 11px; color: #858585; }
	.breadcrumbs a					{ color: #444; }
	
/* big prop and listing */
.big-property						{ position: relative; }
	.big-property img				{ position: relative; z-index: 1; }
	.big-property figcaption		{ padding: 20px; position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; }
	.big-property p					{ float: left; margin-bottom: 0; width: 80%; }
	.big-property .button			{ float: right; }

.prop-list-news	li					{ margin-bottom: 0; overflow: hidden; }
	.prop-list-news .thumb-overlay  { float: left; margin-right: 15px; position: relative; }
	.thumb-overlay img				{ position: relative; z-index: 1; }
	.thumb-overlay:before			{ content: " "; display: block; height: 74px; width: 80px; position: absolute; top: 0; left: 0;
									  background: rgba(0,0,0,0.7) url(../images/colors/yellow/plus.png) no-repeat center center;
									  z-index: 2; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
									  filter: alpha(opacity=0); opacity: 0; }
	.thumb-overlay:hover:before		{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
	.prop-list-news	li a			{ color: #212121; font-family: 'LatoItalic', serif, Arial; }
	
.scroll-top							{ display: block; font-size: 11px; text-align: right; padding-right: 15px; color: #333; }

/* #Forms, jQuery UI overrides
================================================== */
.form-title							{ font-size: 14px; color: #858585; margin-bottom: 1em; }

/* Buttons */
button.big,
.button.big							{ font-size: 24px; width: 100%; text-align: center; -webkit-box-sizing: border-box; 
									  -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
button.search:before,
.button.search:before				{ content:"L "; font-family: 'WebSymbolsRegular'; font-size: 21px; }

/* Range slider */
#slider-range						{ background: #E3E3E3 none; border-color: #CBCBCB; height: 7px; border-radius: 5px; 
									  margin-bottom: 55px; }
#slider-range .ui-slider-handle		{ border-radius: 7px; height: 13px; width: 13px; background: #fff none; cursor:pointer; }
.block-case							{ position: relative; }
.block-case input					{ position: absolute; right: 0; text-align: right; border: none; background: transparent; top:2px; }

/* Check and Radio lists */
.checkbox-list li,
.radio-list	li						{ margin-bottom: 0; }
.checkbox-list li					{ border-bottom: 1px solid #DDD; margin: 0 0 6px; padding: 0 0 6px; }

li:not(#foo) input[type="radio"],
li:not(#foo) input[type="checkbox"]	{ float: left; opacity: 0; }

/* Checkboxes = check icons */
.checks li:not(#foo) input[type="checkbox"] + label
									{ background: url("../images/icons/check-no.png") no-repeat left center transparent; clear: none; 
									  cursor: pointer; margin: 0; padding-left: 24px; }
.checks li:not(#foo) input[type="checkbox"]:checked + label
									{ background-image: url("../images/icons/check-yes.png"); }
.checks.circled li:not(#foo) input[type="checkbox"] + label
									{ background-image: url("../images/icons/check-no-circle.png"); }
	
/* Radio-lists */
.radio-list.numbers					{ border: 1px solid #d5d5d5; border-radius: 3px; background-color: #fff; 
									  padding: 4px 4px 4px 55px; }
	.numbers li						{ display: inline-block; width: 17%; position: relative; }
	.numbers input,
	.prop-type input				{ position: absolute; width: 100%; }
	.beds							{ background: url(../images/icons/ico-beds.png) no-repeat 15px center; }
	.baths							{ background: url(../images/icons/ico-baths.png) no-repeat 15px center; }

	.prop-type li					{ display: inline-block; width: 19%; position: relative;  }

/* Prop radios */
.prop-type li:not(#foo) input[type="radio"] + label
									{ display: block; clear: none; cursor: pointer; text-align: center; border: 1px solid #C4C4C4;
									  height: 38px; line-height: 38px; max-width: 38px; border-radius: 3px; 
									  -webkit-box-shadow: 0 0 1px #fff; box-shadow: 0 0 1px #fff; background-color: #D5D5D5; }
.prop-type li:not(#foo) input[type="radio"] + label img 
									{ opacity: .6; position: relative; bottom: -3px; }
.prop-type li:not(#foo) input[type="radio"]:checked + label
									{ border-color: #fff; -webkit-box-shadow: 0 0 1px #444;
									  box-shadow: 0 0 1px #444;}
.prop-type li:not(#foo) input[type="radio"]:checked + label img 
									{ opacity: 1; }

/* Numbering radios */
.numbers li:not(#foo) input[type="radio"] + label
									{ display: block; clear: none; cursor: pointer;text-align: center; border: 1px solid transparent;
									  height: 26px; line-height: 26px; border-radius: 3px; }
.numbers li:not(#foo) input[type="radio"]:checked + label
									{ background-color: #A5A5A5; border-color: #888; color: #fff; text-shadow: 0 1px #444; }

/* Custom Selects */
form div							{ position:relative; } 

select.select						{ position:relative; z-index:10; width:99% !important; height:26px !important; line-height:26px; 
									  margin-bottom: 0; }
span.select							{ position:absolute; bottom:0; left:0; width:99%; height:24px; line-height:24px; text-indent:10px;
									  background:url(../images/icons/select-arrow.png) no-repeat 98% 50% #fff; cursor:default; 
									  z-index:1; border: 1px solid #D5D5D5; }

/* Black forms */

.top-form-holder					{ padding: 30px; max-width: 972px; margin: 8% auto 0; overflow: hidden; }
.top-form-holder.wide				{ margin: 10px auto 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 
									  -ms-box-sizing: border-box; box-sizing: border-box; }
	.top-form-holder form,
	.top-form-holder label,
	.top-form-holder input,
	.top-form-holder button			{ margin-bottom: 0; }

	.search-bar						{ overflow: hidden; float: left; width: 63%; border-radius: 3px; }
	.search-bar .big-top			{ float: left; width: 75%; border: none; font-size: 16px; padding: 10px; height: 48px; }
	.search-bar button				{ float: right; width: 25%; font-size: 16px; height: 48px; color: #212121; text-shadow: 0 1px #fff; 
									  background-color: #ddd; }
	.search-bar button:hover		{ background-color: #ccc; }
	.search-bar input:focus			{ border: none; box-shadow: none; }

.top-form-holder div				{ width: 33%; float: left; padding-left: 4%; }

.special-form ul					{ margin-bottom: 0; }
	.special-form .title			{ margin-left: 2%; }
	.special-form li				{ position: relative; margin-bottom: 20px; }
	.special-form .last				{ margin-bottom: 0; }
	.special-form input[type="text"]{ width: 100%; background-color: #252527; border-color: #000; }
	.special-form .half-liquid		{ margin: 0 2%; width: 45.5%; float: left; padding: 0; }
	.special-form .select			{ border-radius: 2px; font-size: 13px; padding: 2px; bottom: -4px; }
	
.black-btn							{ background-color: #212121!important; border-color: #000!important; 
									  font-size: 16px; padding: 8px 30px!important; }

.black-btn:hover					{ color: #212121!important; text-shadow: none; }									  
									  
.black-btn.right-button				{ margin-right: 2% !important; }


form.top-form						{ padding: 20px 30px; margin-top: 45px; }
	.top-form div					{ float: left; width: 48%; margin-bottom: 15px; }
	.top-form div:nth-child(even)	{ float: right; }
.black span.select					{ background-color: #252327; border-color: #121212; }
.button.yellow						{ color: #121212; text-shadow: none; border-radius: 0; border: none; }
.yellow.big							{ font-size: 19px; padding: 15px 0; }
.yellow.big:hover					{ border: none; margin-bottom: 0!important; }

.button.yellow.person				{ padding:12px 0 12px 30px; background-image: url(../images/icons/ico-person.png); 
									  background-repeat: no-repeat; background-position: 25px 16px; border-radius: 3px; }

.button.yellow:hover				{ border: none; margin-bottom: 5px; }

.right-button						{ float: right!important; margin-right: 3% !important; }
	

									  
/* #BX Sliders
================================================== */
.bxskin-one .bx-caption > span,
.bxskin-two .bx-caption > span	 	{ max-width: 1032px; margin: 55px auto 20px auto; padding: 0 !important; }
.bxskin-one .bx-caption strong,			
.bxskin-two .bx-caption strong,			
.bxskin-one .bx-caption em,
.bxskin-two .bx-caption em			{ width: 380px; display: block; padding: 15px; background: rgba(0,0,0,0.7); margin-bottom: 2px; }
.bxskin-one .bx-caption strong,
.bxskin-two .bx-caption strong,
.bxskin-five .bx-caption strong		{ font: 100 normal 48px/48px 'Roboto Slab'; color: #fff; }
.bxskin-one .bx-caption em,
.bxskin-two .bx-caption em,
.bxskin-five .bx-caption em			{ font: 100 normal 18px/18px 'Roboto Slab'; }

.bxskin-three .bx-caption > span	{ width: 912px; margin: 0 auto; padding: 0 120px 0 0 !important; background: rgba(0,0,0,.7); }
.bxskin-three .bx-caption strong,			
.bxskin-three .bx-caption em		{ display: inline-block; padding-left: 20px; }
.bxskin-three .bx-caption strong	{ font: 100 normal 22px/56px 'Roboto Slab'; color: #fff; }
.bxskin-three .bx-caption em		{ font: 100 normal 22px/56px 'Roboto Slab';
									  background: url(../images/bx-images/captions-divider.png) no-repeat left center; }


.bxskin-three						{ position: relative; }
.bxskin-three .bx-pager,
.bxskin-four .bx-pager				{ display: none; }
.bxskin-three .outside				{ position: absolute; bottom: 0; z-index: 1000; width: 100%; }
.bxskin-three .inner				{ max-width: 1032px; margin: 0 auto; position: relative; height: 56px; line-height: 56px; }
.bxskin-three .bx-caption			{ height: 56px !important; }
.inner span							{ display: inline-block; float: right; }
.inner span a						{ display: block; width: 56px; text-indent: -99999px; height: 56px; }
.inner span a:hover					{ background-color: rgba(0,0,0,0.4); }
	#slider-next a					{ background-position: right -1px; }
	#slider-prev a					{ background-position: left -1px; }
	#slider-next a:hover			{ background-position: right -61px; }
	#slider-prev a:hover			{ background-position: left -61px; }

.bxskin-four .bx-wrapper			{ max-width: 1032px; margin: 0 auto; }
.bxskin-four .bx-controls .bx-prev	{ left: -40px; }
.bxskin-four .bx-controls .bx-next	{ right: -40px; }
.bxskin-four li						{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80);
									  opacity: 0.8; }
.bxskin-four li span				{ opacity: 0; background: rgba(0,0,0,.7); }
.bxskin-four li:hover				{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); 
									  opacity: 1; }
.bxskin-four li:hover span			{ opacity: 1; }
.bxskin-four .bx-caption			{ height: auto !important; }
.bxskin-four .bx-caption strong,			
.bxskin-four .bx-caption em			{ display: block; padding: 10px; text-align: center; }
.bxskin-four .bx-caption strong		{ font: 100 normal 28px/28px 'Roboto Slab'; color: #fff; }
.bxskin-four .bx-caption em			{ font: 100 normal 16px/20px 'Roboto Slab'; }

.bxskin-five 						{ position: relative; }
.bxskin-five .bx-caption > span	 	{ max-width: 1032px; margin: 45px auto 0px auto; padding: 0 !important; }
.bxskin-five .bx-caption strong,			
.bxskin-five .bx-caption em			{ width: 380px; display: block; padding: 12px; background: rgba(0,0,0,0.7); }
.bxskin-five .bx-caption strong		{ padding-bottom: 0; }
.bxskin-five .bx-caption em			{ padding-bottom: 24px; }
.bxskin-five .bx-controls			{ display: none; }

.hero								{ position: relative; }
.slider-overlay,
.iframe-overlay						{ position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; }
.hero iframe						{ position: relative; z-index: 1; }
.static								{ text-align: center; padding:20px 0; }


/* Home with Video
================================================== */
.video-container {
	position: relative;
	overflow: hidden;
	margin:0 auto;
}

/* Nivo Slider 
================================================== */
.nivoslider							{	padding:30px 0 0 0;	}
.nivo-caption 						{	display: block;    
										position: absolute;
    									z-index: 8;
										top: auto;
										left: auto;
										bottom: 50px;
										right: auto;
										line-height: 24px;
										padding: 6px 15px;
										font-size: 22px;
										width: auto !important;
										max-width: 700px;
										background-color: rgba(11,11,11,0.8);
										color: #FFF;
										text-shadow: 1px 1px 1px rgba(0,0,0,0.5);	}

.nivo-prevNav,.nivo-nextNav 		{	display: block;
										position: absolute !important;
										z-index: 10;
										cursor: pointer;
										top: auto;
										left: auto;
										bottom: 10px;
										right: auto;
										width: 36px !important;
										height: 36px !important;
										text-indent: -9999px;
										background: rgba(11,11,11,0.8) url(../images/icons/slider-nav.png) no-repeat 0 0;
										transition: background-color .2s linear;
										-moz-transition: background-color .2s linear;
										-webkit-transition: background-color .2s linear;
										-ms-transition: background-color .2s linear;
										-o-transition: background-color .2s linear;}
.nivo-nextNav						{ left: 38px;
									background-position:-35px;}								
										
.nivo-prevNav:hover,
.nivo-nextNav:hover 				{ background-color: #000 !important; }

/* Slider navigation for skin-one and five */
#bx-pager							{ margin-top: 0;  }
	.bxskin-one	#bx-pager			{ max-width: 1032px; height: 30px; margin-left: auto; margin-right: auto; }
	.bxskin-five #bx-pager			{ max-width: 380px; height: 40px; margin: 159px 0 0 9px}
#bx-pager a							{ display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
									  -ms-box-sizing: border-box; box-sizing: border-box; text-align: center; font-size: 13px; float: left; }
	.bxskin-one #bx-pager a			{ color: #2D2C31; background-color: #BDBDBD; line-height: 28px; height: 28px; width: 25%;
									  text-shadow:0 1px #DEDEDE; position: relative; }	
	.bxskin-five #bx-pager a		{ color: #fff; background: rgba(0,0,0,0.7); width: 40px; margin-right: 1px; }
	.bxskin-one #bx-pager a + a		{ border-left: 1px solid #fff; }
	#bx-pager a:hover,
	#bx-pager a.active				{ text-decoration: none; position: relative; color:#000; }

.bxskin-one #bx-pager a:hover:before,
.bxskin-one	#bx-pager a.active:before
									{ content: " "; position: absolute; left: 49%; bottom: 100%; 
									  display: block; z-index: 60; }
									  
/*  Transitional elements
================================================== */

.lang a img, .lang a.selected img,
.social a, .footer a, .thebottom a,
.mosaic-block a, .thumb-overlay:before,
.gallery .tools .button, .goal, 
.boxed-link, .cta-box .button,
.steps a, .bxskin-four li span,
.single-property a img:hover,
.link,
.fourteen aside						{ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;
									  -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; 
									  transition: all 0.3s ease-out; }
.steps a:before,
.infoblock
                                                        { -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease;
									  -o-transition: all 0.1s ease; -ms-transition: all 0.1s ease; 
									  transition: all 0.1s ease; }


/* #Media Queries
================================================== */

	/* 960 and + */
	@media only screen and (min-width: 960px) and (max-width: 1219px) {
	
		.social { font-size: 15px; }
		.social li { margin: 0 2px; }
		.mosaic-block { height: 117px; }
		.full.three-per-row li + li { margin-left: 70px!important; }
		.four-per-row li { margin-right: 32px !important; }
		li.two .mosaic-block { height: 92px !important; }
		li.nine .mosaic-block { height: 190px; }
		
		.bxskin-four .bx-controls .bx-next { right: 0; }
		.bxskin-four .bx-controls .bx-prev { left: 0; }
		.bxskin-one .bx-caption > span, .bxskin-two .bx-caption > span, .bxskin-five .bx-caption > span  { margin-top: 50px; max-width: 820px; }
		.bxskin-five #bx-pager { margin-top: 164px; }

		.boxed-link h3 { font-size: 16px; }

		form.top-form { margin-top: 0; padding: 20px; }
		.top-form-holder.wide { padding: 15px; }

		.yellow.big { padding: 10px 0; }
		li.fourteen .mosaic-block { height: 286px; }
		li.fourteen aside { background-position: -50px center; padding: 20px 25px 0; }
		li.fourteen aside h3 { font-size: 20px; }
		.button.big.view { font-size: 16px; }
		.project-details { margin-bottom: 10px; }
		
		.partner-box img { margin-left: 2.25% }
	}	
		
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	
	
		#menu a { font-size: 12px; padding: 0 12px; }
		.mosaic-block { height: 92px; }
		.full.three-per-row li + li { margin-left: 58px!important; }
		li.two .mosaic-block { height: 70px; }
		.four-per-row li { margin-right: 28px !important; }
		li.nine .mosaic-block { height: 150px; }
		.gallery .tools { font-size: 12px; }

		li.fourteen .mosaic-block { height: 224px; }
		li.fourteen aside { background-position: -50px center; padding: 20px 25px 0; }
		li.fourteen aside h3 { font-size: 20px; }
		.project-details { margin-bottom: 10px; }
		.project p { display: none; }

		.bxskin-one .bx-caption > span, .bxskin-two .bx-caption > span { margin-top: 30px; max-width: 640px; }
		.bxskin-five .bx-caption > span { max-width: 380px; margin-left: auto; margin-right: auto; }
		.bxskin-five #bx-pager { margin: 0; padding: 0; width: 100%; text-align: center; max-width: 100%; }
		.bxskin-five #bx-pager a { display: inline-block; float: none; }
		.bxskin-one .bx-caption strong, .bxskin-two .bx-caption strong, .bxskin-five .bx-caption strong	{ font-size: 30px; line-height: 30px; }
		.bxskin-one .bx-caption em, .bxskin-two .bx-caption em, .bxskin-five .bx-caption em	{ font-size: 16px; }
		.bxskin-four .bx-controls .bx-next { right: 0; }
		.bxskin-four .bx-controls .bx-prev { left: 0; }
		
		
		section.on-left > .nine.columns { border-right: none; }
		
		.form-holder li.columns { width: 95%!important; margin-left: 0 !important; margin-right: 0!important; }
		
		button.big, .button.big { font-size: 18px; }
		button.search:before, .button.search:before { font-size: 17px; }
		
		.partner-box img { margin-left: 2%; }
		.agent-social strong { font-size: 20px; }
		.agent-social span { font-size: 11px; }

		.slider-overlay { position: static; }
		form.top-form { margin-top: 20px; padding: 20px; width: 448px; }
		
                
                li.fourteen aside.visible p {display: block; font-size: 10px;}

		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		.boxed-link .icon { padding-left: 0; padding-top: 42px; }
		.boxed-link .icon { background-position: 50% top!important; }
		.boxed-link h3 { font-size: 16px; line-height: 18px; }
		
		.horizontal .goal { float: none; margin: 0 auto 15px; }
	
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		.hero { width: 420px; margin: 0 auto 40px; }
		.iframe-overlay { position: static; margin-top: 20px; }
		.top-form-holder { margin-top: 0; }
		
		.top-form-holder form,				
		.top-form-holder div				{ width: 100%; float: none; }
		.top-form-holder div				{ padding-left: 0; margin-top: 30px; }
		
		button.search:before, .button.search:before { display: none; }
		.button.yellow.person { padding-left: 0; background-image: none; }


		.lang { background-image: none; }
		
		/* brand and nav tweaks */
		.header { margin-bottom: 20px; }
		.header header { padding-top: 15px; }
		#brand { text-align: center; }
		
		/* Tweak responsive menu */
		#menu { display: none; }
		header nav select { display: block; margin: 15px auto; width: 90%; background: #212121; border: 1px solid #444; padding: 5px 0; }
		
		/* big columns layout */
		aside.on-left, aside.on-right, section.on-right, section.on-left { float: none; width: 100%; }
		.on-left .titling { margin-left: 0; }
		
		/* do not display sliders */
		.bxskin-one, .bxskin-two,
		.bxskin-three, .bxskin-four,
		.bxskin-five .bx-wrapper,
		.bx-skin-five #bx-pager,
		.hero iframe,
		.hero img,
		.bxskin-five #bx-pager { display: none; }
		
		/* Lay out*/
		section.on-right > .nine.columns { border-left: none; padding-left: 0; }
		.on-right .titling { padding-left: 0; }
		.footer .columns, .boxed-goals .columns { margin-bottom: 30px; }
		.boxed-goals { padding-bottom: 0; margin-top: -20px; }
		.on-right form, .on-right .featured-agent, .on-right .aside-block { margin-left: 0px !important; }
		.title-bar { padding: 20px 0; margin-top: -20px; }
		.title-bar, .top-address { text-align: center; }
		.top-address { margin-top: 15px!important; }
		.big-title h3 { font-size: 40px; }
		
		.boxed-goals .one-third-liquid { margin-bottom: 20px; }
		
		/* Top forms */
		form.top-form { margin-top: 20px; padding: 20px; width: auto; }
		.special-form li { width: auto!important; float: none!important; display: list-item!important; }
		.half-liquid { margin: 0!important; }
		.half-liquid + .half-liquid { margin-left: 9%!important; }
		
		.single-property .one-third-liquid, .single-property .two-thirds-liquid { width: 96%; }
		
		/* galleries */
		.gallery { margin-left: 0!important; margin-right: 0!important; }
		.gallery li.columns { margin-bottom: 20px; }
		.mosaic-block { height: 310px; }
		.two-per-row .mosaic-block,
		.full.three-per-row .mosaic-block { height: 225px; }
		.two-per-row li:nth-child(2n),
		.full.three-per-row li + li { margin-left: 0!important; }
		li.two .mosaic-block { height: 390px; }

		li.fourteen .mosaic-block { height: 146px; }
		li.fourteen aside { background-image: none; background-color: #2D2C31; padding: 20px 25px 0; }
		li.fourteen aside h3 { font-size: 16px; }
		li.fourteen .project { max-width: 380px; }
		.project-details { display: none; }
		.project p { display: block; }
		.button.big.view { font-size: 14px; }
		
		.partner-box img { width: 47%; max-width: 47%; margin-left: 1%; }
		.partner-box img:nth-child(3n+1) { margin-left: 1%; }
		.agent-bio header a	{ display: block; margin-left: 105px; }
		
		/* goals */
		.goals h2 { text-align: center; }
		.horizontal.goals h2 { text-align: left; }
		.scroll-top { padding-right: 0; position: relative; top: -20px;}
		
		/* CTA box */
		.cta-box .columns { width: auto !important; }
		.cta-box .button { margin-top: 20px; }
		
		.step-box .one-third-liquid {width: 92% !important; }
		.step-box #operation { margin-bottom: 20px; } 
		.step-box .drag-drop li { width: 100%; }
		
		.big-property figcaption { position: static; }
                
                 li.fourteen aside.visible h3 {text-shadow: black 0.1em 0.1em 0.2em; font-size: 26px; }
                 li.fourteen aside.visible p {display: none;}
				
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	
		.mosaic-block { height: 220px; }
		.two-per-row .mosaic-block,
		li.two .mosaic-block { height: 280px; }
		li.four .mosaic-block,
		.full.three-per-row .mosaic-block	{ height: 160px; }
		li.fourteen aside { padding: 15px 25px 0; }
		li.fourteen aside h3 { font-size: 16px; }
		li.fourteen .mosaic-block { height: 100px; }
		li.nine .mosaic-block { height: 110px; }
		li.nine .description, li.nine .tools { float: none; width: 100%; }
		li.nine .tools .price, li.nine .tools .button { float: left; margin: 0; width: 50%; }
		.project p { display: none; }
		.steps:before { top: 24px; }
		.steps li { width: 64px; height: 64px; }
		.steps a { height: 64px; line-height: 64px; font-size: 24px; }
		.steps a:before { border: 15px solid #D1D1D1; border-radius: 50%; height: 34px;  width: 34px;  }
		.steps a:hover:before, .steps a.active:before { border: 2px solid #fff; top: 7px; left: 7px; width: 46px; height: 46px; }		
	}

        

div.others
{
    display: none;
    clear: both;
}        
div.others article
{
    background: #f3f3f3;
    color: #2e2d32;
}



table.autocolor tr.active td
{
    background: yellow;
}

table.autocolor tr.sold
{    
    display: none;
}
table.autocolor tr.sold *
{
    color: #ddd;
}


table.autocolor {border: 1px solid #120604;}
table.autocolor th {background: #e3e3e3; padding: 2px; font-weight: normal; font-size: 90%; text-align: center;
text-shadow: 0 1px 1px #fff;
color: #858585;
}
table.autocolor td , table.autocolor th {padding: 2px; border: 1px solid #aaa;}
table.autocolor tr td {color: black;}
table.autocolor td a {color: #0187a4;}
table.autocolor tr:nth-child(even) {background: #fafafa;}
table.autocolor tr:hover td,table.autocolor tr.hover td {background: #120604; color: white;}
table.autocolor tr:hover td a,table.autocolor tr.hover a {color: white;}
table.autocolor tr.sold td  , table.autocolor tr.reserved td  {color: #bbb; font-style: italic; font-size: 80%;}
table.autocolor tr.sold td a, table.autocolor tr.reserved td a {color: #bbb;}
table.autocolor tr.sold:hover td,table.autocolor tr.sold.hover td  {background: #bbb; color: #fff;}
table.autocolor tr.sold:hover td a,table.autocolor tr.sold.hover td a {color: #fff;}

table.autocolor tr.wait td {color: #999;}

table.autocolor tr.reserved:hover td,table.autocolor tr.reserved.hover td  {background: #bbb; color: #fff;}
table.autocolor tr.reserved:hover td a,table.autocolor tr.reserved.hover td a {color: #fff;}


.nomargin
{
    margin: 0 !important;
}
.margin
{
    margin: 10px;
}

.floatright
{
    float: right !important;
}

.nahledtext
{
    display: block; text-align: center; font-size: 16px; width: 75px; height: 75px; border: 1px solid #333;float: left; margin: 3px; background: #871638; color: #fff;
}
.nahled
{
    width: 75px; height: 75px; float: left; margin: 3px; margin-right: 9px;
}

#cs-kalkulator label 
{
    float: left; width: 60px;
    padding: 0;
    margin: 0;
}
#cs-kalkulator input , #cs-kalkulator select
{
    width: 200px;
    margin-bottom: 0;
}
#cs-kalkulator .darken
{
    border: none;
}