html{ }

body{
	position: relative;

	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.786em;
	color: #000;

	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dn{display:none;}
.pr{position: relative;}

.df{
	display: -webkit-flex;
	display: flex;
}
.ff-rw{
	flex-flow: row wrap;
}
.align-start{
	-webkit-align-self: flex-start;
	align-self: flex-start;
}
.align-end{
	-webkit-align-self: flex-end;
	align-self: flex-end;
}
.align-content-start{
	-webkit-align-content: flex-start;
	align-content: flex-start;
}
.align-content-end{
	-webkit-align-content: flex-end;
	align-content: flex-end;
}

.gs-row{
	margin-right: -15px;
	margin-left: -15px;
}

.strong{
	font-weight: bold;
}

.p0{
	padding: 0;
}
.pl0{
	padding-left: 0;
}
.pl30{
	padding-left: 30px;
}
.pr0{
	padding-right: 0;
}
.pt20{
	padding-top: 20px;
}
.pt40{
	padding-top: 40px;
}
.pt50{
	padding-top: 50px;
}
.pb50{
	padding-bottom: 60px;
}

.mt0{
	margin-top: 0px !important;
}
.mt10{
	margin-top: 10px;
}
.mt20{
	margin-top: 20px;
}
.mt30{
	margin-top: 30px;
}
.mt50{
	margin-top: 50px;
}

.mb20{
	margin-bottom: 20px;
}

p{
  margin-bottom: 20px;
}

h1{
	margin-bottom: 20px;
	font-family:'Roboto';
	font-size: 1.79em;
	font-weight: bold;
}
h2{
	font-family:'Roboto';
	font-size: 1.59em;
  font-weight: bold;
}
h3{
	margin-bottom: 20px;
	font-family:'Roboto';
	font-size: 1.5em;
	line-height: 1.19em;
}
h4{
	margin-bottom: 15px;
	font-family:'Roboto';
	font-size: 1.2em;
}

@media (max-width: 768px){
	h1 {}
	h2 {}
	h3 {}
}

a{
	color: #00a04f;
	font-weight: bold;
	text-decoration: underline;
	outline: none;
}

a:visited, a:focus, a:active{
	outline: none;
	color: #00a04f;
}

a:hover{
	color: #00a04f;
	text-decoration: none;
}

.btn{
	background: #00b057;
	color: white;
	border: none;
	padding: 10px 30px;
	border-radius: 3px;
	font-weight: 500;
	outline: 0;
}
	.btn:active,
	.btn:focus{
		outline: 0 !important;
		text-decoration: none;
		color: white;
	}
	.btn:hover{
		text-decoration: none;
		color: white;
	}

.container{
	width: 940px;
}
@media(max-width: 768px){
	.container{
		width: auto;
	}
}


/* HEADER
=================================================================================== */
#header{
	position: relative;
}
.gs-header{
	position: absolute;
	top: 55px;
	left: 0;
	right: 0;
	z-index: 10;
}
	.gs-header-logo{}
		.gs-header-logo img{
			max-width: 100%;
		}
	.gs-header-email,
	.gs-header-phone{
		display: inline-block;
		margin-top: 40px;

		font-size: 1.143em;
		font-weight: bold;
	}
	.gs-header-email{
		margin-left: 65px;
		color: #009d5b;
	}

/* inner header ----------------------- */

#inner-header{
	position: relative;
	height: 180px;

	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
	#inner-header .gs-header{
		position: relative;
		padding-top: 8px;
		top: 0;
	}
		#inner-header .gs-header-logo img{
			max-width: 100%;
		}
		#inner-header .gs-header-email,
		#inner-header .gs-header-phone{
				display: inline-block;
				margin-top: 15px;

				font-size: 1em;
				font-weight: bold;
			}

/* MENU
=================================================================================== */

.gs-menu{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 40px;
	z-index: 10;
}
	#menu{
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;

		padding: 0;
		margin: 0;
		text-align: center;
		list-style-type: none;
	}
		#menu > li{
			display: inline;
			position: relative;
		}
			#menu li a{
				position: relative;
				display: inline-block;
				padding: 0 3px;
				font-size: 1.285em;
				font-weight: bold;
				color: black;
				/*text-decoration: none;*/
				cursor: pointer;
				z-index: 10;
			}
				#menu > li > ul{
					display: none;
					position: absolute;
					top: -10px;
					left: -10px;
					right: -10px;
			    padding: 60px 0 20px;
			    background: #00B057;
					list-style-type: none;
				}
					#menu > li > ul::before{
						content: '';
				    position: relative;
						display: block;
				    z-index: 100;
				    top: -10px;
				    border-top: 3px solid white;
					}
					#menu > li:hover > ul{
						display: block;
					}
					#menu > li.hasChildren:hover > a{
						color: white;
						font-weight: 500;
					}
					#menu > li > ul > li{

					}
					#menu > li > ul > li:hover{
				    background: #03A050;
					}
					#menu > li > ul > li > a{
						text-align: left;
				    padding: 7px 15px;
				    font-size: 1.1em;
				    line-height: 1.2em;
						color: white;
						font-weight: 500;
					}

/* inner menu ----------------------- */

#inner-header .gs-menu{
	position: relative;
	margin-top: 18px;
	bottom: 0;
}
	#inner-header #menu > li{
		height: 61px;
		/*height: 45px;*/
	  border-bottom: 4px solid rgba(0,176,87,0);
		-webkit-transition: all 150ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  	transition:         all 150ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}
		#inner-header #menu > li:hover{
			border-bottom: 4px solid rgba(0,176,87,1);
		}
		#inner-header #menu > li.active{
			border-bottom: 4px solid rgba(0,176,87,1);
		}


/* SLIDER
=================================================================================== */

.gs-slider {
	overflow: hidden;
 	position: relative;
	height: 560px;
}
	.gs-slide{
		height: 100%;
		width: 100%;
		background-size: cover !important;
		position: relative;
	}

		.gs-slide-layer{
			z-index: 1;
			height: 100%;
			padding-top: 240px
		}
			.gs-slide-layer h1{
				margin-bottom: 50px;
				font-size: 2.86em;
		    font-weight: 700;
				line-height: 1em;
				color: black;
			}
			.gs-slide-layer a{
				color: #000;
				font-size: 18px;
			}
	.gs-slider .flickity-page-dots{
		margin: 0 auto;
		padding-left: 10px;
		padding-right: 10px;
		top: 300px;
		bottom: auto;
		right: 0;
		left: 0;
		width: 940px;
		text-align: right;
	}
		.gs-slider .flickity-page-dots .dot{
			width: 13px;
			height: 13px;
			margin: 0 10px;
	  	box-shadow: inset 0 0 0 7px #00964b;
		}
		.gs-slider .flickity-page-dots .dot.is-selected{
	  	box-shadow: inset 0 0 0 7px #00c965;
		}

/* ABOUT
================================================================================*/

#about{
	padding: 70px 0 40px;
}
	#about p{
		margin-right: 20px;
		font-size: 1.075em;
		line-height: 1.67em;
	}
	#about img{
		max-width: 100%;
	}

/* NEWS
================================================================================*/

#news{
	padding: 10px 0 40px;
	background: #f4f5f4;
}
	#news h2{
		    margin-bottom: 30px;
	}
.news-card{
		padding-bottom: 30px;
	}
		.news-card-title{}

			.news-card-img{
				width: 140px;
				height: 100px;
			}
				.news-card-img.cover{
					background-size: cover;
					background-repeat: none;
					background-position: 50% 50%;
				}
			.news-card-img-wrapper {}


		.news-card-text{
			padding: 20px 0px 10px 0px;
		}
			.news-card-text .news-card-title{
				margin-bottom: 20px;
				font-size: 1.075em;
				font-weight: bold;
				color: #000;
				text-decoration: none;
			}
			.news-card-text .news-card-date{
				margin-bottom: 15px;
				font-size: .86em;
				font-weight: 500;
				color: #818281;
			}
			.news-card-text .news-card-desc a{
				font-weight: 400;
			}

	.news-item-date{
		font-weight: 500;
		color: #818281;
		position: relative;
    top: -15px;
	}
	.news-item-content{

	}
/* COMPLETED PROJECTS
=================================================================================== */

#completed{
	padding: 40px 0;
}
#completed h2{
			margin-bottom: 40px;
}
.project-card{
		padding-bottom: 30px;
	}
		.project-card-title{}

			.project-card-img{
				width: 215px;
				height: 215px;
			}
				.project-card-img.cover{
					background-size: cover;
					background-repeat: none;
					background-position: 50% 50%;
				}
			.project-card-img-wrapper {}


		.project-card-text{
			padding: 20px 0px 10px 0px;
		}
			.project-card-text .project-card-title{
				margin-bottom: 15px;
				font-size: .86em;
				font-weight: 500;
				color: #818281;
			}
			.project-card-text .project-card-date{

			}
			.project-card-text .project-card-desc{
				margin-bottom: 20px;
				font-size: 1.075em;
				font-weight: 500;
			}
				.project-card-text .project-card-desc a{
					font-weight: 400;
				}
#completed.inner{
	padding: 0 0 40px;
}

/* PROJECT FILTER
=================================================================================== */

.project-filter{
	background: #f4f5f4;
	padding: 20px;
  pointer-events: all;
}
	.project-filter-title{
		font-size: .86em;
    color: #818281;
    font-weight: 500;
    margin-bottom: 20px;
	}
	.project-filter-list{
    margin-bottom: 30px;
	}
		.project-filter-list .pf-item{
			position: relative;
	    margin-bottom: 15px;
		}
		.project-filter-list .pf-item input{
			position: absolute;
	    margin-top: 7px;
		}
		.project-filter-list .pf-item label{
			margin-left: 25px;
			padding-top: 4px;
			font-weight: 500;
			line-height: 1.43em;
		}
			.project-filter-list .pf-item:hover label{
				color: #555;
			}
		.project-filter a{
			display: inline-block;
			margin-bottom: 10px;
		}
		.project-filter input[type="submit"]{
			display: inline-block;
			margin-bottom: 10px;
			padding: 0;
			background: none;
			border: 0;
			color: #00a04f;
			font-weight: bold;
			text-decoration: underline;
		}
		.project-filter input[type="submit"]:visited,
		.project-filter input[type="submit"]:focus,
		.project-filter input[type="submit"]:active{
			outline: none;
		}
		.project-filter input[type="submit"]:hover{
			text-decoration: none;
		}
		.project-filter .pf-show-on-map{
			display: inline-block;
			margin-bottom: 10px;
			color: #00a04f;
			font-weight: bold;
			text-decoration: underline;
			cursor: pointer;
		}
		.project-filter .pf-show-on-map:hover{
			text-decoration: none;
		}

.project-filter.fixed{
	position: fixed;
	top: 20px;
	width: 205px;
}

/* FOOTER
=================================================================================== */

#footer{
	padding: 50px 0 20px;
	background: #f4f5f4;
}
	.footer-logo{
		margin-bottom: 30px;
	}
		.footer-logo img{
	    max-width: 235px;
		}
	.footer-contact{
		font-size: .93em;
	}
		.footer-phone{
			font-weight: 500;
		}
		.footer-email{
			font-weight: 500;
		}

	.footer-social{
    margin-top: 20px;
	}
		.footer-social .soc{
			display: inline-block;
			margin-right: 15px;
			width: 25px;
			height: 24px;
			background-repeat: no-repeat;
			background-size: contain;
		}

	.footer-menu{
    margin-top: 35px;
	}
		.footer-menu ul{
			list-style-type: none;
			padding: 0;
		}
			.footer-menu ul li{
				display: inline-block;
				margin-right: 20px;
			}
			.footer-menu ul li a{
				font-size: .93em;
				font-weight: bold;
				text-decoration: none;
				color: #000;
			}
				.footer-menu ul li a:hover{
					color: #555;
				}
	#footer .copy-right{
		margin-top: 21px;
		font-size: .86em;
	}
		#footer .copy-right a{
			color: #000;
			text-decoration: none;
		}
			#footer .copy-right a:hover{
				color: #555;
			}
	.footer-submenu{
    margin-top: 20px;
	}
		.footer-submenu ul{
			list-style-type: none;
			padding: 0;
		}
			.footer-submenu ul li{
				display: inline-block;
				margin-right: 10px;
			}
				.footer-submenu li::before {
					content: '/';
					margin-right: 10px;
				}
				.footer-submenu li:first-child::before {
					display: none;
				}
			.footer-submenu ul li a{
				font-size: .86em;
				font-weight: 500;
				text-decoration: none;
				color: #000;
			}
			.footer-submenu ul li a:hover{
				color: #555;
			}

/* INNER CONTERT
==================================================================================== */

#inner-content{
	padding: 40px 0;
}
	#inner-content p{
		font-size: 1.075em;
	}
	#inner-content p a{
		font-weight: 500;
	}
	#inner-content ul{
		margin-bottom: 30px;
		list-style-type: none;
	}
	#inner-content ul li{
		position: relative;
    margin-right: 20px;
	}
	#inner-content ul li::before{
		content: '';
		position: absolute;
		display: block;
		left: -25px;
		top: 8px;
		width: 8px;
		height: 8px;
		border-radius: 4px;
		background: #00b057;
	}


/* ASIDE CARDS
================================================================================= */

.info-card{
	margin-top: 20px;
	padding: 20px;
	background: #f4f5f4;
}
	.info-card-title{
		margin-bottom: 10px;
		font-size: .86em;
		line-height: 1.67em;
		color: #818281;
	}
	.info-card-img{
		max-width: 100%;
		height: 150px;
	}
	.info-card-img.cover{
		background-size: cover;
		background-position: center center;
	}
  .info-card-text{
		margin-top: 20px;
		line-height: 1.43em;
	}
    .info-card-link{
		    font-size: 1em;
		}


/* aside img ------------------------- */

.aside-img{
	position: relative;
	margin: 20px 0;
}
	.aside-img img{
		max-width: 100%;
	}


/* aside-project-card ------------------------- */

.aside-card .project-card-text a{
	font-size: 1em;
}

/* fotorama ------------------------- */

.fotorama-wrapper{
	margin: 40px 0 20px;
}
.fotorama-caption{
	position: absolute;
	top: 0;
	right: -200px;
	width: 175px;
	font-size: .86em;
	color: #818281;
	line-height: 1.67em;
}
.fotorama__dot{
	width: 6px !important;
	height: 6px !important;
}
/* PROJECTION CARD
================================================================================== */

.projection-card{

}
	.projection-card-img-wrapper{

	}
		.projection-card-img{
			width: 215px;
			height: 215px;
		}
		.projection-card-img.cover{
			background-size: cover;
			background-repeat: none;
			background-position: 50% 50%;
		}
		.projection-card-title{
			padding-top: 20px;
			display: inline-block;
			font-size: 1.42em;
			color: #00a04f;
			line-height: 1em;
			text-decoration: underline;
		}
		.projection-card-desc{
			font-size: 0.86em;
			font-weight: 500;
			color: #818281;
		}
		.projection-card-count{
			margin-top: 10px;
			font-size: 0.85em;
			font-weight: 500;
			color: #818281;
		}

.projection-card.small-build .projection-card-img{
	width: 100%;
	height: 200px;
}

/* COTTAGE CARD
================================================================================== */

.low-build-category{
	padding-bottom: 30px;
}
	.low-build-category-img-wrapper{

	}
		.low-build-category-img{
			width: 100%;
			height: 200px;
		}
		.low-build-category-img.cover{
			background-size: cover;
			background-repeat: none;
			background-position: 50% 50%;
		}
		.low-build-category-title{
			padding-top: 20px;
			display: inline-block;
			font-size: 1.42em;
			color: #00a04f;
			line-height: 1em;
			text-decoration: underline;
		}
		.low-build-category-desc{
			font-size: 0.86em;
			font-weight: 500;
			color: #818281;
		}
		.low-build-category-count{
			margin-top: 10px;
			font-size: 0.85em;
			font-weight: 500;
			color: #818281;
		}

.low-build-card{
	padding-bottom: 50px;
}
	.low-build-card-img-wrapper{

	}
		.low-build-card-img{
			width: 100%;
			height: 200px;
		}
		.low-build-card-img.cover{
			background-size: cover;
			background-repeat: none;
			background-position: 50% 50%;
		}
		.low-build-card-title{
			padding-top: 10px;
			display: inline-block;
			font-size: 1.075em;
			font-weight: 500;
			line-height: 1.65em;
		}
		.low-build-card-desc{
	    margin-top: 20px;
			font-size: 0.86em;
			font-weight: 500;
			color: #818281;
		}
		.low-build-card-params {
			margin: 20px 0;
		}
		.low-build-card-params div{
			font-size: 0.85em;
			font-weight: 500;
	    line-height: 1.68em;
			color: #000;
		}

/* MAP
================================================================================ */

#map-wrapper{
	height: 560px;
	position: relative;
}
#gmap{
	display: block;
	position: absolute;
	height: 560px;
	width: 100%;
	top: 0;
	background: #aaa;
	z-index: 0;
}
.map-overlay{
	position: relative;
	padding-top: 40px;
	z-index: 1;
	pointer-events: none;
}

/* COTTAGE FILTER
================================================================================ */

.title-map{
	margin: 0 45px 20px 0;
	display: inline-block;
	font-size: 1.43em;
	font-weight: bold;
	text-decoration: underline;
	color: #00a04f;
}
.title-map.active{
	font-size: 1.79em;
	text-decoration: none;
	color:#000;
}

.low-build-filter{
	padding: 20px 10px 30px;
	margin: 30px 0 20px;
	background: #f4f5f4;
}
	.lb-filter-title{
		font-size: 1.075em;
		font-weight: bold;
		line-height: 1.33em;
	}

/* range slider ------------------------------------ */

.low-build-filter span.irs.js-irs-0{
	margin-top: 20px;
  width: 90%;
}

.irs-grid-text{
	display: none;
}

.irs-slider.single {

}
.irs-slider.from,
.irs-slider.to  {
	top: -4px;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	border: 6px solid #00b057;
	background: white;
	cursor: pointer;

	-webkit-transition: transform 100ms cubic-bezier(0.55, 0.055, 0.675, 0.19), border 150ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition:         transform 100ms cubic-bezier(0.55, 0.055, 0.675, 0.19), border 150ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.irs-slider.from {}
.irs-slider.to {}

.irs-slider.from:hover,
.irs-slider.to:hover {
	border: 3px solid  #00b057;
	transform: scale(1.7);
}

.irs-line {
	height: 4px;
	background: #7a7a7a;
	border-radius: 2px;
}
.irs-bar {
	top: -1px;
	height: 6px;
	background: #00b057;
}

.irs-grid-pol.small{
	display: none;
}
.irs-grid-pol:not(.small){
	top: 1px;
	width: 2px;
	height: 2px;
	background: white;
	z-index: 20;
	pointer-events: none;
}

/* ----------------------------------------------------------------------------- */

.lb-filter-from-to{
	margin-top: 20px;
	text-align: center;
}
	.lb-filter-from{
		display: inline-block;
    margin-left: -20px;
	}
		.lb-filter-from label{
			display: inline-block;
			margin-right: 3px;
		}
		.lb-filter-from input{
			display: inline-block;
			padding: 5px 3px;
	    width: 50px;
	    height: 25px;
	    line-height: 20px;
	    border: 1px solid #b2b2b2;
	    border-radius: 3px;
		}
	.lb-filter-to{
		display: inline-block;
	}
		.lb-filter-to label{
			display: inline-block;
	    margin: 0 5px;
		}
		.lb-filter-to input{
			display: inline-block;
			padding: 5px 3px;
	    width: 50px;
	    height: 25px;
	    line-height: 20px;
	    border: 1px solid #b2b2b2;
	    border-radius: 3px;
		}
		.lb-filter-to span{
	    margin-left:2px;
			font-weight: bold;
		}

/* ---------------------------------------------------------------------------- */

.lb-filter-list{
	margin-top: 10px;
}
	.lb-filter-list .check-item{
		position: relative;
		margin-bottom: 5px;
	}
	.lb-filter-list .check-item input{
		position: absolute;
		margin-top: 4px;
	}
	.lb-filter-list .check-item label{
		margin-left: 25px;
		font-weight: 500;
		line-height: 1.43em;
	}
		.lb-filter-list .check-item:hover label{
			color: #000;
		}

.lb-filter-submit{
	margin-top: 30px;
}

.lb-filter-submit input[type="submit"]{
	display: inline-block;
	margin-bottom: 10px;
	padding: 0;
	background: none;
	border: 0;
	color: #00a04f;
	font-weight: bold;
	text-decoration: underline;
}
.lb-filter-submit input[type="submit"]:visited,
.lb-filter-submit input[type="submit"]:focus,
.lb-filter-submit input[type="submit"]:active{
	outline: none;
}
.lb-filter-submit input[type="submit"]:hover{
	text-decoration: none;
}

/* PROJECT
=============================================================================== */

.project-fotorama-wrapper{
	margin: 20px 0 20px;
  overflow: hidden;
}

/* --------------------------------- */
.project-order-column{
	display: flex;
	display: -webkit-flex;
	flex-flow: row wrap;
}
.project-order{
  width: 100%;
	padding: 20px;
	margin-top: 20px;
	background: #f3f5f3;
}
.project-order.fixed{
	position: fixed;
	top: 20px;
	width: 283.3px;
}
	.project-order-title{
		margin-bottom: 15px;
		font-size: 1.43em;
		font-weight: bold;
	}
	.project-form-order{}
		.pfo-item{

		}
			.pfo-item label{
		    font-size: 1.075em;
			}
			.pfo-item input{
				margin-bottom: 10px;
				padding: 0 5px;
				width: 80%;
				font-weight: 500;
				border-radius: 3px;
				border: 1px solid #b2b2b2;
			}
			.pfo-item input::-webkit-input-placeholder{
			   font-weight: 400;
				 font-style: italic;
				 color: #000;
			}
			.pfo-item input::-moz-placeholder {
			   font-weight: 400;
				 font-style: italic;
				 color: #000;
			}

	.pfo-radio-item{}
	.pfo-radio-item input{}
	.pfo-radio-item label{
		margin-left: 5px;
		font-weight: 500;
	}
	.project-order-desc{
		margin-top: 20px;
		font-size: .86em;
		line-height: 1.655em;
		padding: 0 20px;
	}

/* ----------------------------------- */

.project-title{
	font-size: 1.79em;
	font-weight: bold;
  margin: 15px 0 25px;
}
.project-desc{
  font-size: 1.075em;
  margin: 15px 0;
}
.project-params{
	margin-bottom: 50px;
  font-size: 1.075em;
}
	.project-params > div{
	  margin: 15px 0;
	}
	.project-param-value{
		font-weight: bold;
	}

.project-plan{
  margin-bottom: 20px;
	font-size: 1.43em;
	font-weight: bold;
}
	.project-plan-img{
		text-align: center;
	}
		.project-plan-img img{
			max-width: 100%;
		}

/* OBJECT
============================================================================= */

#object-map-wrapper{
	height: 250px;
	position: relative;
}
#object-map-wrapper #gmap{
	display: block;
	position: absolute;
	height: 250px;
	width: 100%;
	top: 0;
	background: #aaa;
	z-index: 0;
}

/* PLAN
============================================================================= */

.plan-levels{
	margin-top: 20px;
	display: inline-block;
	position: relative;
	z-index: 10;
}
	.plan-levels > span{
		margin-right: 20px;
		font-size: 1.29em;
		font-weight: bold;
		color: #00a04f;
		text-decoration: underline;
		cursor: pointer;
	}
	.plan-levels > span.active{
		color: #000;
	}
		.plan-levels > span:hover{
			text-decoration: none;
		}

.plan-legend{
	margin-top: 30px;
	position: relative;
	z-index: 10;
	pointer-events: none;
}
	.plan-legend-row{
		position: relative;
		margin-bottom: 5px;
	}
		.plan-legend-circle{
			display: inline-block;
			position: absolute;
			top:3px;
			left: 0;
			margin-right: 10px;
			width: 20px;
			height: 20px;
			border-radius: 10px;
		}
			.plan-legend-circle.free{
				background: #ccefdd;
				border: 2px solid #00b057;
			}
			.plan-legend-circle.busy{
				background: #fbf1cc;
				border: 2px solid #e9ba00;
			}
		.plan-legend-text{
			display: inline-block;
			margin-left: 30px;
	    font-size: 0.93em;
			font-weight: 500;
		}

.plan-container{
	position: relative;
	min-height: 620px;
}
	.plan-svg-wrapper{
		/*position: absolute;*/
		position: relative;
		top: 0;
		/*min-height: 370px;*/
		width: 100%;
		z-index: 1;
	}
	.plan-svg-wrapper div{
		/*position: absolute;*/
		position: relative;
		display: none;
		top: 0;
		/*min-height: 370px;*/
		width: 100%;
		z-index: 1;
	}
	.plan-svg-wrapper div.active{
		display: block;
		z-index: 5;
	}

	[data-type="office"],
	[data-type="office"]{
		position: relative;
		cursor: pointer;
		opacity: 0.7;
		z-index: 100;
	}
	[data-type="office"].active,
	[data-type="office"].active{
		opacity: 1;
	}
	[data-type="office"]:hover,
	[data-type="office"]:hover{
		opacity: 1 !important;
	}

	.popover.free h3,
	.popover.busy h3{
		margin: 0px 0 15px;
		font-weight: bold;
	}
	.popover.free div,
	.popover.busy div{
    margin-right: 10px;
	}
	.popover.busy{
		border-radius: 0;
    box-shadow: none;
    border: 4px solid #e9ba00;
    background: #fbf1cc;
	}
	.popover.top
 	{
    margin-top: -20px;
	}
	.popover.bottom
	{
		margin-top: 20px;
	}
	.popover.busy .arrow{
		bottom: -30px !important;
    border-width: 15px;
    border-top-color: rgb(233, 186, 0) !important;
	}
	.popover.busy .arrow::after{
		bottom: 1px !important;
		border-top-color: #FBF1CC !important;
		border-bottom-width: 4px !important;
	}

	.popover.busy.bottom .arrow{
		top: -16px !important;
		border-width: 15px;
		border-bottom-color: rgb(233, 186, 0) !important;
		border-top: 0;
	}
	.popover.busy.bottom .arrow::after{
		top: 6px !important;
		border-bottom-color: #FBF1CC !important;
		border-bottom-width: 10px !important;
	}

	.popover.free{
		border-radius: 0;
    box-shadow: none;
		border: 4px solid #00b057;
	 	background: #ccefdd;
	}
	.popover.free.top
 	{
		margin-top: -30px;
	}
	.popover.free.bottom
	{
		margin-top: 30px;
	}
	.popover.free .arrow{
		bottom: -30px !important;
    border-width: 15px;
    border-top-color: #00b057 !important;
	}
	.popover.free .arrow::after{
		bottom: 1px !important;
		border-top-color: #ccefdd !important;
		border-bottom-width: 4px !important;
	}
	.popover.free.bottom .arrow{
		top: -16px !important;
    border-width: 15px;
    border-bottom-color: #00b057 !important;
		border-top: 0;
	}
	.popover.free.bottom .arrow::after{
		top: 6px !important;
		border-bottom-color: #ccefdd !important;
		border-bottom-width: 10px !important;
	}

/* VACANCY
================================================================================ */

.vacancies-list{}
	.vacancy{
		padding: 10px 0;
		border-bottom: 1px solid #e9ede9;
	}
		.vacancy:last-child{
			border-bottom: 0;
		}
		.vacancy h3{
	    margin-top: 20px;
			font-size: 1.43em;
			font-weight: bold;
		}
		.vacancy p{

		}

/* CONTACTS
================================================================================= */

#contactmap{
	height: 380px;
	width: 100%;
}

.contact-social{
	margin: 50px 0;
}
	.contact-social .soc{
		display: inline-block;
		margin-right: 25px;
		width: 37px;
		height: 37px;
		background-repeat: no-repeat;
		background-size: contain;
	}


@media print {
	a[href]:after{content:""!important}
}

.feedback-container {
	background: #f3f5f3;
}
.feedback {
    width: 100%;
	padding: 20px 20px 30px;
	margin-top: 20px;
	background: url(/templates/gs/images/feedback.jpg) no-repeat center center;
    overflow: hidden;
}
.feedback-title {
	text-align: center;
	margin-bottom: 40px;
	font-size: 1.43em;
	font-weight: bold;
	color: #fff;
}

.feedback-group {
	display: flex;
}
.feedback .pfo-item {
	width: 100%;
}
.feedback-btn {
    height: 27px;
    line-height: normal;
    padding: 0 30px;
}
.input-checkbox {
	color: #fff;
}
.feedback-success {
	text-align: center;
    display: none;
    color: #fff;
}

@media (max-width: 768px){
	.gs-row.df, .gs-row .df {
		display: block;
	}
	.gs-row .col-xs-9, .gs-row .col-xs-3 {
		width: 100%;
	}
	.feedback-group {
		display: block;
	}
}