@charset "utf-8";
/* CSS Document */

polygon { fill: transparent; transition: .6s fill; cursor:pointer;   }
polygon:hover , polygon.active{ fill: rgba(182,147,76,0.75); }

.svg-wrapper { display: inline-block; position: relative; width: 100%; min-width:600px !important; clear:both; vertical-align: middle; /*background-color:#b6934c;*/ }
.svg-wrapper svg {  position: absolute; top: 0; left: 0; /*height:800px; tb sa aiba height pt IE */}

.etaje { display: inline-block; position: relative; width: 100%; min-width:400px !important; clear:both; background:url('images/faded_bg.jpg') no-repeat center top; background-size:cover; width:100%; min-height:415px;}

.app_top{
	background-color:#b6934c;
	color:#fff;	
	position:relative;
	height:40px;
}

.central_button{
	font-family: Open Sans;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	background-color:#000;
	padding:12px 50px;


	position:absolute;
	width:180px;
	
	text-align:center;
	top:20px;
	left:45%;
	z-index:999;
}

.app_top .left, .app_top .right, .et{
	font-family: Open Sans;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.app_top .left{position:relative; top:10px; left:20px;}
.app_top .right{float:right; margin-top:10px; margin-right:20px; color:#ddceb4; cursor:text;}


@media only screen and (min-width: 801px) and (max-width:1366px) {
	.bottom_thumbs{
	/* mutare etaje sticky */
	width: 150px!important;
	margin-left: 25px!important;
	float: right!important;
	position: sticky!important;
	display: inline-grid!important;
	/* END */

		width:100%;
		background:url('images/bottom_gradient.png') repeat-x left bottom;

		position:absolute;
		bottom:0px;
		text-align:center;

		padding:10px 0px;

	} }
@media only screen and (min-width: 1367px) {
	.bottom_thumbs{
		width:100%;
		background:url('images/bottom_gradient.png') repeat-x left bottom;

		position:absolute;
		/* bottom:60px; */
		bottom:12rem;
		/* position: fixed;
    	bottom: 170px;
    	left: 180px; */

		text-align:center;

		padding:10px 0px;

	} }
@media only screen and (max-width: 800px) {
	.bottom_thumbs{
		width:100%;
		background:url('images/bottom_gradient.png') repeat-x left bottom;

		position:absolute;
		bottom:0px;
		text-align:center;

		padding:10px 0px;
	} }

.bottom_thumbs img{ border:0; float:left; width:100%; max-width:275px;}

@media only screen and (min-width: 801px) and (max-width: 1366px) {
.bottom_thumbs a{
/* mutare etaje sticky */
display: block!important;
width: 130px!important;
margin-bottom: 5px!important;
/* END */

	border:5px solid #000;
	display:inline-block;
	margin:0 2%;
	width:18%;
	max-width:275px;
	text-decoration:none;
	padding:0px;
	margin:0px;
} }
@media only screen and (min-width: 1337px) {
	.bottom_thumbs a{

		border:5px solid #000;
		display:inline-block;
		margin:0 2%;
		width:18%;
		max-width:275px;
		text-decoration:none;
		padding:0px;
		margin:0px;
	} }
@media only screen and (max-width: 800px) {
	.bottom_thumbs a{
		border:5px solid #000;
		display:inline-block;
		margin:0 2%;
		width:18%;
		max-width:275px;
		text-decoration:none;
		padding:0px;
		margin:0px;}
}

.bottom_thumbs a:hover{border:5px solid #b6934c;}


.et{position:relative; z-index:99999; color:#b6934c; text-align:right;font-size:16px;  padding:30px 30px 0px 0px;}
.et_b{position:relative; z-index:99999; color:#b6934c; text-align:right;font-size:16px; padding: 5px 10px 0px 0px;}

.goldBorder{border:5px solid #b6934c;}

.apt_right{ width:75%; max-width:300px; min-width:100px; margin-bottom:25px;}

.scrolling{ width:86%; margin-right: 14px; }
#scr{border: 1px solid transparent;}

.fontTextButton { font-family: 'Roboto'; font-weight: bold }