@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('../js/fancybox/jquery.fancybox.css');
@import url('swiper.css');

html, body { margin:0px; padding:0px; font-size:1em; font-family: 'Open Sans', sans-serif; font-weight: 400; color:#616161; background-color:#fff;}

/*--common--*/
h1 {font-family: 'Open Sans', sans-serif; font-weight:700;color:#287557; font-size:2.1em; margin:0;}
h2 {font-family: 'Open Sans', sans-serif; font-weight:400; color:#287557; font-size:1.2em; margin:0;}
p {font-family: 'Open Sans', sans-serif; font-weight:400; font-size:1em;}
p strong { font-weight:600;}
.separeline{ background-color:#287557; height:5px; width:70px; margin:25px 0;}
.greencontent{ color:#287557;}
span.green { color:#287557;}

a { text-decoration:none; color:inherit;}
a:hover { text-decoration:none;}

.transition { -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}

.pop_up_btn { color:#fff; background-color:#287557; font-size:1em; font-weight:600; box-sizing:border-box; padding:10px 50px; position:relative;display:inline-block;}
 .pop_up_btn:hover{ background-color:#07682f;}
 #pop_up{max-width:600px;}

/* -------header------- */
.header { background-color:#fff; position:fixed; top:0px; left:0px; right:0px; width:100%; height:90px; z-index:3; box-shadow:0 0 10px rgba(0,0,0,0.05);}
	.logo { left:30px;  top:10px; position: absolute;}
		.logo img { width:250px; position:relative; }
	.navigation {   position:absolute; display: block; right: 260px;}
		.menu { padding:0px; margin:0px; position:relative; top:20px;}			
			.menu li { text-transform:uppercase; display:inline-table; list-style-type:none; font-size:1em; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #616161; border-bottom:5px solid #f7f7f7; margin:0 15px;}
				.menu li a {  padding:15px 15px 10px 15px; display:block; position:relative; }
				.menu li.colored { background-color:#287557; color:#fff; border-bottom:5px solid #287557;}
				.menu .active { background-color:#efecea; }
				.menu li:hover, .menu li.attivo { border-bottom:5px solid #287557; color:#287557; }
				.menu li.colored:hover { color:#287557; border-bottom:5px solid #287557; background-color:#fff;}
				
.menu_icon_name { position:absolute;  padding:11px 11px 43px; background-color:#287557; color:#fff; display:none;  font-size:0.7em; letter-spacing:2px; font-weight:400; text-transform:uppercase;height: 16px;top: 0;right: 240px;width: auto; font-weight:600;}	
	.mobile_button { width:30px; height:40px; position:absolute; top:35px; right:257px; display:block; cursor:pointer; display:none; }
		.menu_line { background-color:#fff; width:100%; height:1px; position:relative; display:block;  }
		.m_line_1 { margin:0px; }
		.m_line_2 { margin:8px 0 0;}
		.m_line_3 { margin:8px 0 0;}
	
	.mobile_close { -webkit-transform: rotate(45deg) translateX(-5px) translateY(5px); -moz-transform: rotate(45deg) translateX(-5px) translateY(5px); -ms-transform: rotate(45deg) translateX(-5px) translateY(5px); -o-transform: rotate(45deg) translateX(-5px) translateY(5px); transform:rotate(45deg) translateX(-5px) translateY(5px);  }
	.mobile_close .m_line_1 { -webkit-transform: rotate(90deg) translate3d(10px, 0px, 0px); -moz-transform: rotate(90deg) translate3d(10px, 0px, 0px); -ms-transform: rotate(90deg) translate3d(10px, 0px, 0px); -o-transform: rotate(90deg) translate3d(10px, 0px, 0px); transform:rotate(90deg) translate3d(9px, 0px, 0px); }
	.mobile_close .m_line_2 { opacity:0; }
	.mobile_close .m_line_3 { -webkit-transform:translate3d(0px, -10px, 0px); -moz-transform:translate3d(0px, -10px, 0px); -ms-transform: translate3d(0px, -10px, 0px); -o-transform: translate3d(0px, -10px, 0px); transform:translate3d(0px, -10px, 0px); }

/*-----------telmail-------*/
.telmail { position:absolute; background-color:#f7f7f7; height:90px; right:70px; top:0; width:auto; box-sizing:border-box; padding:10px 20px;}
	.telmail a { color:#616161; font-size:0.8em; vertical-align:middle; display:table; width:100%; text-align:right; font-weight:400; line-height:34px; letter-spacing:0.02em;}
	.telmail img{ display:inline-table; vertical-align:middle; margin:0 0 0 10px; width:100%; height:auto; max-width:13px;}
	
/* -------language------- */		
.language { position:absolute; display:block; top:0; right:0; vertical-align:middle; margin:0 auto; font-size:0.9em; padding:31px 5px; width:30px; background-color:#287557; text-align:center;}
			.language span { position:relative; text-transform: uppercase ;list-style-type: none; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #fff; text-align: center; display:block;}
			.language img { width:100%; height:auto; margin:0 auto; max-width:7px; position:relative; display:table; margin-top:5px;}
			.language .lang-other { position:absolute; margin:0px auto 0; display:block; width: 100%; margin-top: 31px; left:0; overflow: hidden;height: 0;pointer-events: none;}
			.language .lang-other a { color: #287557; display: block;  padding: 8px; position: relative; text-align: center; text-transform: uppercase; font-weight: 300;background-color: #fff;font-family: 'Open Sans', sans-serif;font-weight: 400;}
			.language .lang-other a:hover { background-color:#07682f; text-decoration: unset; color:#fff;}
		.language:hover .lang-other {  height: 80px;pointer-events: all;}

#social_top { position: absolute; width: 30px; height: 100%;  background: #f7f7f7;  right: 40px;padding:12px 0;box-sizing: border-box;}					
#social_top img { display:inline-table; vertical-align:middle;  width:100%; height:auto; max-width:13px;padding: 10px 8px;}					
				
		
/* -------slide------- */
.slides{position: relative; width: 100%; margin: 0 auto; display: table; height: calc(100vh);}
.slide {position:absolute; width:65%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
	.overslide{ position:absolute; left:50px; bottom:50px; width:auto; height:auto;bottom: 270px;z-index: 2;}
	.swiper-container .overslide{ min-width:90%;bottom:50px;}
	.slide-slogan{ color:#fff; font-size:3.5em; font-weight:700; text-shadow:0 0 10px rgba(0,0,0,0.1); margin-bottom:50px;}
		.slide-slogan span{ position:relative; display:table; font-weight:600;}
	.actualoffer{ position:relative; display:table; width:95%; height:auto; max-width:400px; background-color:#f7f7f7; box-sizing:border-box; padding:30px;}
		.actualtitle{ color:#fff; text-transform:uppercase; font-weight:700; background-color:#287557; padding:7px 10px; position:relative; display:table;}
		.actualoffer:hover .more-green span{ margin-left:10px;}
	.more-green{ color:#287557; border-bottom:5px solid #287557; position:relative; display:table; padding:0 5px 5px; font-weight:600; font-size:0.95em; cursor:pointer;}
	.more-green.center { margin:0 auto;}
		.more-green:hover span{ margin-left:10px;}
		
section.slide .swiper-container{height:100%;}		
section.slide .swiper-slide{background-color:#333;background-repeat:no-repeat;background-position:center;background-size:cover;}		
.swiper-button-next.swiper-button-white{background-image:url(../img/layout/arrow-right.png);background-size: 20px;}		
.swiper-button-prev.swiper-button-white{background-image:url(../img/layout/arrow-left.png);background-size: 20px;}		
.swiper-button-next.swiper-button-black{background-image:url(../img/layout/arrow-right-dark.png);background-size: 20px;}		
.swiper-button-prev.swiper-button-black{background-image:url(../img/layout/arrow-left-dark.png);background-size: 20px;}		
#top_slider .swiper-pagination-bullet {width: 10px;height: 10px; background: #fff; margin:0 8px; box-shadow:0 0 10px rgba(0,0,0,0.5);}
#top_slider .swiper-pagination {text-align: right;padding-right: 20px; box-sizing: border-box; bottom:30px;}		
.swiper-button-next {background-color: rgba(255,255,255,0);top: 0px;height: 100%;margin-top: 0px;right: 0;background-position: center 45%;padding: 0;-webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}		
.swiper-button-prev {background-color: rgba(255,255,255,0);top: 0px;height: 100%;margin-top: 0px;left: 0;background-position: center 45%;padding: 0;-webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}		
.swiper-button-next:hover {background-color: rgba(255,255,255,0.5);}		
.swiper-button-prev:hover {background-color: rgba(255,255,255,0.5);}		
.swiper-container-thumbs .swiper-button-next {background-color: rgba(255,255,255,0.5);top: 0px;height: 100%;margin-top: 15px;right: 0;background-position: center 45%;padding: 0;}		
.swiper-container-thumbs .swiper-button-prev {background-color: rgba(255,255,255,0.5);top: 0px;height: 100%;margin-top: 15px;left: 0;background-position: center 45%;padding: 0;}		

.slidebox {position:absolute; width:35%;  height:100%; top:0; right:0; box-sizing:border-box; border:20px solid #fff; border-top:110px solid #fff; background-color:#f7f7f7;}
	.slideboximage{ width:100%; height:50%; position:relative; display:table; background-position:center; background-repeat:no-repeat; background-size:cover;}
	.slideboxtext { width:100%; height:50%; position:relative; display:table; box-sizing:border-box; padding:0 10%; text-align:center; margin:0 auto;}
		.centerslidetext { vertical-align:middle; display:table-cell;}
			.sbox-title{ position:relative; display:table; color:#287557; text-transform:uppercase; font-weight:700; text-align:center; font-size:1.3em; margin:0 auto 10px;}
			.sbox-subtitle{ position:relative; display:table; color:#616161; font-weight:600; text-align:center; margin:0 auto; font-size:1.1em;}

/*--------scroll-down-------*/
.scroll-down{ position:absolute; width:100%; height:auto; left:0; bottom:10px; text-align:center; font-size:0.7em; text-transform:uppercase; letter-spacing:0.1em; color:#ccc;}
	.scroll-down img{ width:100%; height:auto; max-width:15px; margin:5px auto 0;}

/*-----------arrow_top-----------*/
.top { width:auto; margin:0 auto; display:none; position:fixed; bottom:0; right:0px; z-index:2; background-color:#f7f7f7;}
.top.active { display:block;}
.top:hover { background-color:#fff;}
.arrow_top { position: relative; z-index: 10; max-width:25px; width:100%; cursor:pointer;}

/*----------cores------*/
.cores{ width:100%; height:auto; position:relative; display:table; background-color:#f7f7f7; box-sizing:border-box; padding:100px 0;}
.light_cores .cores { background-color:#fff; padding:100px 0 150px;}
.cores-contianer{ position:relative; display:table; margin:0 auto; max-width:1200px; width:100%;}
	.single-core{ position:relative; display:table; float:left; width:33.3333%; height:auto; text-align:center; box-sizing:border-box; padding:0 4%;}
		.single-core img{ width:100%; height:auto; max-width:65px; margin:0 auto;}
		.coretitle{ color:#287557; text-align:center; position:relative; display:table; margin:25px auto; font-weight:700; font-size:1.2em;}
			.coretitle span{ font-weight:400; position:relative; display:table; font-size:0.85em; margin:0 auto;}
		.linkcore{ color:#fff; background-color:#616161; padding:6px 14px; font-size:0.95em; font-weight:400; margin:30px auto 0; position:relative; display:table;}
			.linkcore:hover { background-color:#287557;}
								

/*--------main-------------*/
.main{ position:relative; display:block; width:100%; height:auto; }
	.main_container{ margin:100px auto; position:relative; display:table; max-width:1200px; width:95%;}
	.main_container.big { margin:150px auto 100px;}
ul{ list-style-image:url(../img/layout/bull.png); margin:0 0 30px; padding-left:17px; font-size:1em;}

/*-------employers-------*/
.employers{ position:relative; display:table; width:100%; height:auto; background-color:#f7f7f7;}
 .employerparts{width: 50%; height: auto; box-sizing: border-box; display: table-cell; vertical-align: middle;}
 	.empimage{ width:40%; height:auto; box-sizing: border-box; display: table-cell; vertical-align: middle; background-position:center; background-size:cover; background-repeat:no-repeat;}
		.empimage>img {width: 100%; height: auto; display: none;}
	.employdescription{ width:60%; height:auto; box-sizing: border-box; display: table-cell; vertical-align: middle; padding:70px 60px 50px;}
		.empname{ font-size:1.7em; color:#287557; font-weight:700;}
		.empsub{ color:#287557; font-size:1em; font-weight:400; margin-bottom:30px;}
		.empcontact{ position:relative; display:table; margin-top:30px;}
			.empcontact a { line-height:30px; position:relative; display:table; font-weight:600; font-size:0.95em;}
			.empcontact img{ width:100%; height:auto; vertical-align:middle; max-width:14px; margin-right:10px;}


/*-----immoselection----------*/
.immotitle{ color:#287557; font-size:1.5em; position:relative; display:table; text-align:center; margin:100px auto 0; font-weight:600;}
	.immotitle span{ font-size:2em; display:table; font-weight:700; margin:0 auto;}
.immoselection{ position:relative; display:table; width:100%; height:auto; margin:0 auto 150px;  background-color:#f7f7f7; box-sizing:border-box; padding:50px 0 60px 0; }
	.immodescription{ color:#287557; font-size:1em; text-align:center; margin:0 auto;}
	.loardimmo{ width:100%; height:auto; text-align:center; box-sizing:border-box; color:#fff; font-weight:600; background-color:#287557; padding:10px 10px; position:relative; display:table; width:100%;}
	 .loardimmo:hover{ background-color:#07682f;}
	 .loardimmo:hover span{ margin-left:10px;}


/*--------footer--------*/
.footer{ position: relative; display:table; width:100%; height:auto; background-color:#287557; box-sizing:border-box; padding:100px 0 70px;}
.footer-logo{ width:100%; height:auto; position:absolute; left:0; top:-46px; text-align:center; display:table;}
.footer-logo a { width:auto; position:relative; display:table; margin:0 auto; height:auto;}
	.footer-logo img { width:100%; height:auto; position:relative; display:table; max-width:250px; margin:0 auto;}
	 .parts-footer-container{position: relative; display: table; width: 95%; max-width: 1200px; margin:0 auto;}
	.footer-parts {width: 33.3333%; display: table-cell; box-sizing: border-box; padding: 20px; background-color:rgba(0,0,0,0.1); border: 5px solid #287557; text-align:center;}
	.footer-parts p { color:#fff; font-size:0.8em; line-height:22px;}
	.footer-parts a { color:#fff;}
	.footer-parts a img{width:100%; height:auto; vertical-align:middle; max-width:10px; margin-right:10px;}
		.footertitle{ text-transform:uppercase; color:#fff; font-size:0.9em; font-weight:600; letter-spacing:0.5em; margin-bottom:10px;}

#social_bottom { text-align: center; padding: 0px 0 10px;}
#social_bottom img { width: 30px;  margin: 0 10px 10px;}

/*------------------------impressum_line----------------*/
.impressum_top {display: table; height: auto;  margin-bottom: 20px;  position: relative; width: 100%;}	
.impressum-sides { width:50%; float:left; position:relative; display:table; margin-bottom:10px;}
	.impressum-sides  img { width:100%; height:auto; max-width:110px; margin:10px 0; display:block;}
	.impressum-sides  img.other { width:100%; height:auto; max-width:160px; margin:5px 0; display:block;}


/*inside*/
.numref{ color:#616161; font-weight:700; margin:0 0 10px;}
.sizesinside{ width:auto; height:auto; position:absolute; right:0; bottom:30px;}
	.size1 { color:#287557; display:inline-table; margin-left:30px; font-weight:700; font-size:1.15em;}
		.size1 span{ font-size:0.7em; font-weight:400;}
	.size1.light { color:#616161; font-weight:600;}

.grey-inner.gallery { margin:-125px auto 0;}
	.gallerybuttons-box{ position:relative; display:table; width:95%; max-width:1200px; text-align:center; margin:0 auto -32px;z-index: 2;}
		.gallerybuttons, .gallerybuttons_video{ box-shadow: 0px 0px 3px rgba(41,41,41,0.1);cursor:pointer;position:relative; display:inline-table; width:33%; margin:0 0 10px; font-weight:600; max-width:180px; box-sizing:border-box; padding:10px; color:#287557; background-color:#f7f7f7; vertical-align: middle;
-webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
	.gallerybuttons.active {background: #fff;}
		.gallerybuttons img, .gallerybuttons_video img{ width:100%; height:auto; vertical-align:middle; position:relative; display:inline-table; margin:0 15px 0 0; max-width:25px; height:auto;}
		.gallerybuttons:hover, .gallerybuttons_video:hover{ background-color:#fff;}
		
.gallery-top {width: 100%;/*height: 600px;*/ max-width: 1200px; overflow: hidden;}
.gallery-top .swiper-slide{cursor: zoom-in;background-position:center;background-size:cover;}
.gallery-top .swiper-slide img{width:100%;}
.gallery-thumbs {width: 100%; /*height: 100px;*/  max-width: 1200px;  overflow: hidden;margin-top: 1px;padding-top: 15px;margin-top: -14px;}
.gallery-thumbs .swiper-slide{background-position:center;background-size:cover;}
.gallery-thumbs .swiper-slide img{width:100%;}

.planimetry-top {width: 100%;/*height: 600px;*/ max-width: 1200px; overflow: hidden;background: #fff;}
.planimetry-top .swiper-slide{cursor: zoom-in;background-position:center;background-size:contain;background-repeat:no-repeat;} 
.planimetry-top .swiper-slide img{width:100%;}
.planimetry-thumbs {width: 100%; /*height: 100px; */ max-width: 1200px;  overflow: hidden;margin-top: 1px;padding-top: 15px;margin-top: -14px;}
.planimetry-thumbs .swiper-slide{background-position:center;background-size:contain;background-repeat:no-repeat;background-color: #fff;border: 1px solid #eee;box-sizing: border-box;}
.planimetry-thumbs .swiper-slide img{width:100%;}
.project_label {position:absolute;top:0; color: #fff; opacity: 0.7; font-size: 50px; display: table; vertical-align: middle;  width: 100%; height: 100%;}
.project_label div{ display: table-cell; vertical-align: middle;text-align:center;  }

.virtual-top {width: 100%;/*height: 600px;*/ max-width: 1200px; overflow: hidden;}
.virtual-top .swiper-slide{cursor: zoom-in;background-position:center;background-size:cover;}
.virtual-top .swiper-slide img{width:100%;}
.virtual-thumbs {width: 100%; /*height: 100px;*/  max-width: 1200px;  overflow: hidden;margin-top: 1px;padding-top: 15px;margin-top: -14px;}
.virtual-thumbs .swiper-slide{background-position:center;background-size:cover;}
.virtual-thumbs .swiper-slide img{width:100%;}
.virtual-top iframe {width: 100%;height: 100%;z-index: 1;position: relative;border: none;position: absolute;top: 0;left:0;}
.link_fancybox_virtual {position: absolute;right: 0;top: 0;width: 50px;height: 50px;background: url(../img/layout/enlarge.png) no-repeat;background-size:contain;background-position:center; z-index: 100;}

.gallery_container{display:none;}
.gallery_container.active{display:block;}
		
		
.gallery-thumbs .swiper-slide, .planimetry-thumbs .swiper-slide, .virtual-thumbs .swiper-slide {filter: brightness(0.5); -moz-filter: brightness(0.5); -webkit-filter: brightness(0.5); cursor:pointer;}		
.gallery-thumbs .swiper-slide-thumb-active, .planimetry-thumbs .swiper-slide-thumb-active, .virtual-thumbs .swiper-slide-thumb-active { filter: brightness(1.05); -moz-filter: brightness(1.05); -webkit-filter: brightness(1.05);}		
.swiper-slide-thumb-active { position: relative;opacity:1; }		
/*.swiper-slide-thumb-active:after { content: ""; position: absolute; left: calc(50% - 5px);top: -10px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #fff;}		
.planimetry-thumbs .swiper-slide-thumb-active:after { content: ""; position: absolute; left: calc(50% - 5px);top: -10px;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #287557;}	*/	
.swiper_slide_desc {text-align: center; color: #287557;  padding: 5px 0; font-size:0.9em; position: absolute; bottom: 0; left: 0; width: 100%;background: rgba(255,255,255,1);}		
		
.inner-description{ width:95%; position:relative; display:table; margin:0 auto; vertical-align:top; max-width:1200px;}
#box_6.inner-description{ width:calc(95% + 20px); max-width:1220px;}
#box_3.inner-description{ width:calc(95% + 20px); max-width:1220px;  display: flex;}
	.inner-description.space { margin:50px auto;}
.inner-parts{width: 50%; height: auto; box-sizing: border-box; padding:0 30px 0 0; display: table-cell; vertical-align:top;}
.inner-parts.right { box-sizing:border-box; padding:0 0 0 30px;}
.inner-parts.inner-parts-small {width: 50%;}
.inner-parts.inner-parts-big {width: 50%;}
.inner-parts .separeline { margin:15px 0;}
	.inner-title{ color:#287557; font-weight:600; font-size:1.2em;}
	p.likebutton{ margin:20px 0; max-width:400px;}
	.inner-button{ position:relative; display:table; width:100%; margin:0 0 10px; font-weight:600; max-width:400px; box-sizing:border-box; padding:10px 20px; color:#287557; background-color:#f7f7f7; vertical-align: middle;
-webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.inner-parts.inner-parts-big .inner-button{max-width:none;}
		.inner-button span{ margin-left:10px; font-weight:700; 
		-webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
		.inner-button img{ width:100%; height:auto; vertical-align:middle; position:relative; display:inline-table; margin:0 15px 0 0; max-width:25px; height:auto;}
		.inner-button:hover span { margin-left:15px;}
		.inner-button:hover{ background-color:#efefef;}
	.positions{ position: relative; display: table; text-align: center;  width: 100%; box-sizing: border-box; margin-top: 10px; background-color:#ccc;}
		.positions a{ position:relative; display:table; margin:0 auto;}
		.positions img{ width:100%; height:auto; margin:0 auto; max-width:250px;
-webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
		.positions img:hover { -webkit-filter: brightness(0.8); filter: brightness(0.8); -moz-filter: brightness(0.8);}

.grey-inner{ background-color:#f7f7f7; position:relative; display:block; width:100%; height:auto; box-sizing:border-box; padding:50px 10px; margin:0 auto;}
.grey-inner .inner-description { width:95%; max-width:1200px;}
.grey-inner .inner-button { background-color:#fff;}
.grey-inner .inner-button:hover{ background-color:#efefef;}
	.features-list { background-color:#fff; width:100%; box-sizing:border-box; padding:10px; padding:5px 0 0;}
		.features-line{ border-bottom:1px solid #f7f7f7; position:relative; display:table; height:auto; width:100%; margin:5px 0 0; padding-bottom:5px;}
		.featuresname, .features-line td:first-child{ width:50%; position:relative;  color:#287557;}
		.featuresdetail, .features-line td:nth-child(2){ width:50%; position:relative; }

.backlink{ width:95%; margin:15px auto 50px; position:relative; display:table; max-width:1200px; text-align:right;}
	.backbutton{ color:#616161; font-size:0.85em;}
	.backbutton img{ display:inline-table; margin-left:15px; vertical-align:middle; width:100%; height:auto; max-width:16px; margin-top:-3px;}
	
	
.options {margin: 30px 0;}
.option {display: inline-block;padding: 10px 15px;margin: 0 10px 10px 0;background: #f7f7f7;color: #287557; font-weight:600;}
.justy { text-align:justify;}	
	
	
	

/*------filterline-------*/
.filterline { position:relative; display:table; width:100%; box-sizing:border-box; text-align:center; margin:0 auto; padding:20px 1% 15px; background-color:#287557;}
.filter-parts{ position:relative; display:inline-table; max-width:160px; vertical-align:top; margin:0 11px;}
.filter-parts.smaller { max-width:140px;}
	.filterSelectBox { display: block; float: none; width: auto;height:auto; padding:0; position: relative; background-color:#d9d9d9; }
				.filterfield { background-color:transparent; border:0px; box-sizing: border-box; display: block; height: 100%; line-height: 2em; width: 100%; }
				.TxtSelect { border: 0 none; height: 100%; left: 0; margin: 0; opacity: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: 1; font-size:0.95em; }
					.TxtSelect option { font-size:0.9em; font-weight:300; }
				.filterselect { border-right: 1px solid #ccc; display: block; height: 100%; margin: -7px 2.5em 0 0; overflow: hidden; padding:10px; position: relative; text-align: left; white-space: nowrap; font-size:0.95em; font-weight:300; background-color:#fff; box-sizing:border-box; }
					.filter-select-input{ display: block; height: 100%; overflow: hidden; position: relative; text-align: left; font-size:0.95em; font-weight:300; border:0px; padding:0px; width:100%; }
				.filter-icon { height: 0.4em; opacity: 0.6; position: absolute; right: 0.888em; top: 0.888em; width: 0.666em; }
				.filter-icon img { left: 0; position: absolute; top: 0; width:100%; height:auto; max-width:10px;}
	.filterTxtInput {background-color:#fff; width:100%; height:auto; box-sizing:border-box; padding:10px; position:relative; text-align:left; font-size:0.9em; color:#777; font-weight:300; border:none; margin-top:-7px;}
		.filtericon1{ background-image:url(../img/layout/euro.png); background-position: right center; background-repeat: no-repeat;}
		.filtericon2{ background-image:url(../img/layout/m2.png); background-position: right center; background-repeat: no-repeat;}
	.filter-btn {background-color:#757575; width:100%; height:auto; box-sizing:border-box; padding:10px; position:relative; text-align:left; font-size:0.9em; color:#fff; font-weight:300; border:none; margin-top:-7px; max-width:140px; background-image:url(../img/layout/filtersend.png); background-position: right center; background-repeat: no-repeat; cursor:pointer;}
	.filter-btn:hover { background-color:#07682f; background-image:url(../img/layout/filtersend1.png);}
#filtro {background: #287557;text-align: center; margin-top:-90px;}
.filtro_label { display: none;}
#FrmSearch {display: block; width:100%; margin:0 auto; max-width:1200px; box-sizing:border-box; padding:0 20px;}
.filtro_item {display: inline-block; margin: 15px 1% 15px 0; width: 15.5%;}
#filtro select, #filtro input {display: inline-block; padding: 10px; margin:0; box-sizing:border-box; width:100%; color: #777; border:none; font-family:'Open Sans', sans-serif;
-webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
#filtro select { cursor:pointer;}
#filtro #ordinamento {width: 80px; margin-left: 65px;}
#filtro .search_btn { border:none; color:#07682f; display: inline-block; margin: 15px 0; width: 15.5%; max-width:none; background-color:#fff; text-transform:uppercase; font-weight:600;
-webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
	#filtro .search_btn:hover { background-color:#07682f; color:#fff;}
#filtro input::placeholder { color: #777; opacity: 1; }
#filtro input:-ms-input-placeholder { color: #777; opacity: 1; }
#filtro input::-ms-input-placeholder {  color: #777; opacity: 1; }

/*----------listing------------*/
.listing{ width:100%; height:auto; position:relative; display:table; background-color:#f7f7f7; box-sizing:border-box; padding:50px 20px; text-align:center; margin:0 auto;}
	.single-ann{ position:relative; display:inline-table; width:47%; margin:20px 1%; background-color:#fff;}
	.adimg{ width:50%;position:relative; display:table-cell; height:100%; background-position:center; background-size:cover;
-webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
	.adinfobox{ box-sizing:border-box; padding:20px; width:100%; min-height:280px; position:relative; display:block; height:100%; text-align:left;}
		.refnum{ color:#616161; font-size:0.85em; font-weight:600; margin:0 0 5px 0; position:relative; width:100%; text-align:left;}
		.adtitle{ position:relative; display:block; color:#287557; font-weight:600; font-size:1.15em; padding-bottom:15px;}
			.adinfobox p { text-align:left; font-size:0.9em; margin:10px 0;}
			.adinfobox p img{ display:inline-table; position:relative; height:auto; max-width:16px; margin-right:5px; vertical-align:middle;}
			.size2 { color:#616161; display:inline-table; margin:15px 20px 5px 0; font-weight:600; font-size:1em;}
				.size2 span{ font-size:0.7em; font-weight:400;}
			.size2.light { font-weight:300;}
			.adinfobox .more-green{color: #287557; position:relative; display: table; padding: 8px 20px; font-weight: 600; font-size: 0.8em; cursor: pointer; margin-top:15px; cursor:pointer; width:auto; border:none; background-color:#f7f7f7;
-webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
			.single-ann:hover .more-green { background-color:#287557; color:#fff;}
			.adinfobox .more-green:hover { background-color:#287557; color:#fff;}
			.single-ann:hover .adimg {filter: brightness(0.8); -webkit-filter: brightness(0.8); -moz-filter: brightness(0.8);}
.loading{ position:relative; display:table; margin:0 auto; text-align:center; width:100%; height:auto;}
	.loading a { color:#fff; background-color:#287557; font-size:1em; font-weight:600; box-sizing:border-box; padding:10px 50px; position:relative;}
	 .loading a:hover{ background-color:#07682f;}


.option img { height: 30px;  vertical-align: middle;  margin: 0 20px 0 0;}
#opzioni_affitto .option{min-width: 23%;/*text-align: center;*/background:transparent;background: transparent;padding: 10px 30px 10px ;box-sizing:border-box;color:#616161;}
.all_servizi .option{width: 100%;/*text-align: center;*/background:transparent;background: transparent;padding: 10px 30px 10px ;box-sizing:border-box;color:#616161;border-bottom: 1px solid #ddd;}

#box_6 > div {height: 100px;line-height:80px;  width: 16.66%;  background: #f7f7f7;  float: left;  box-sizing: border-box;  border: 10px #fff solid;text-align:center;text-transform: uppercase;font-size: 24px;font-weight: bold;color:#287557;}
#box_6 img { height: 50px;  vertical-align: middle;margin:0 10px 0 0;opacity: 0.7;}	
#box_6 > div#superficie { text-transform: none;}
#box_6 > div#animali { text-transform: none;}
#box_3 > div {  width: 33.33%;  background: #f7f7f7;  float: left;  box-sizing: border-box;  border: 10px #fff solid;text-align: center;padding: 10px;position:relative;}	
#box_3 > div.not_visible {opacity:0.7;}	
.not_visible::after {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: url(../img/layout/diagonal.jpg);  background-size: 100px;  opacity: 0.3;}
.affitto { color: #287557;  font-size: 20px;}
.affitto_type { font-size: 30px;  font-weight: bold;  color: #287557;  line-height: 25px;}
.periodo { line-height: 40px;  font-weight: bold;}
.prezzi_line {  position: relative; border-bottom: 1px solid #ddd;  text-align: left;  width: 90%;  margin: 0 auto;  line-height: 30px;}
.prezzi_line_prezzo {  float: right;}
.prezzi_line.tot {   border-bottom: none;  font-weight:bold;line-height: 50px;}


.box_6_text { display: inline-block;  vertical-align: middle;}
.box_6_text span {  font-size: 0.7em;}
.box_6_text font {  /*font-size: 0.7em;*/}
.all_servizi{display:none;max-width:600px;}


.mostra_tutti {  display: inline-block;  background: #f7f7f7;  padding: 5px 20px;  cursor: pointer;}
.mostra_tutti img {  filter: brightness(0%);  opacity: 0.5;  margin: 0 0 0 10px;  vertical-align: ,middle;}
#classe_energetica.clima .box_6_text span{  display:block;}
	#box_6 > div#camere { text-transform: none;line-height: 20px;padding-top: 20px;}
	#box_6 > div#num_persone { text-transform: none;line-height: 20px;padding-top: 20px;}
	#box_6 > div#parcheggio { text-transform: none;line-height: 20px;padding-top: 20px;} 
	#box_6 > div#superficie { padding-top: 20px;}
	#box_6 > div#animali { padding-top: 20px;}
	#box_6 > div#classe_energetica { padding-top: 20px;line-height: 20px;text-transform: uppercase;}
	#superficie .box_6_text {  line-height: 20px;}
	#superficie .box_6_text span{  display:block;font-size:0.5em;}
	#superficie .box_6_text font{  display:block;font-size:0.5em;}
	#animali .box_6_text {  line-height: 20px;}
	#animali .box_6_text span{  display:block;font-size:0.5em;}
	#box_6 > div#classe_energetica.clima { padding-top: 20px;}
	#classe_energetica.clima .box_6_text {  line-height: 20px;}
	#classe_energetica.clima .box_6_text span{  display:block;font-size:0.5em;}
	#box_6 > div#camere span {}
	#box_6 > div#camere span { font-size: 0.5em;}
	#box_6 > div#num_persone font {  display: block;  font-size: 0.5em;}
	#box_6 > div#parcheggio span {  font-size: 0.5em;}	
	#box_6 > div#classe_energetica span {  font-size: 0.5em;text-transform: none;}	
	#box_6 > div#classe_energetica font {  text-transform: none;}	
	

#opzioni_affitto .option span, .all_servizi .option span {
  display: inline-block;
  width: 30px;
  height: 30px;
  /*! background: #ddd; */
  position: relative;
  margin-right: 15px;
}
#opzioni_affitto .option span img, .all_servizi .option span img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

	
@media (min-width:901px) {
}
@media (max-width:900px) {
	#box_6 > div#camere { padding-top: 10px;line-height:15px;}
	#box_6 > div#num_persone { padding-top: 10px;line-height:15px;}
	#box_6 > div#parcheggio { padding-top: 10px;line-height:15px;} 
	#box_6 > div#superficie { padding-top: 10px;line-height:15px;}
	#box_6 > div#animali { padding-top: 10px;line-height:15px;}
	#box_6 > div#classe_energetica { padding-top: 10px;line-height:15px;}
	
	#box_3 > div{width:100%;}
	#box_3.inner-description{  display: block;}
	#box_6 > div{height: 70px;line-height: 50px;font-size: 15px;width:33.33%;}
	#box_6 img{height: 30px;margin-right: 5px;}
	.option img{height: 30px;}
	/* .box_6_text span {  display:none !important;} */
}

/*
#superficie .box_6_text span {
  display: block;
  font-size: 15px;
  position: absolute;
}
#superficie .box_6_text span {
  line-height: 20px;
  margin-top: -30px;
}
#classe_energetica span {
  display: block;
  line-height: 10px;
  margin-top: -25px;
  font-size: 15px;
}
#box_6 #classe_energetica img{margin-top:10px;}
*/

/* RESPONSIVE */
@media (max-width:1600px) {
	.abitabile{display:none;}
}
@media (max-width:1500px) {
	/*listing*/
	.listing { padding:50px 0;}
	.adinfobox { padding:10px 20px 35px 20px;}
}
@media (max-width:1300px) {
	/*menu*/
	.language{ padding:21px 0px;}
	.language .lang-other { margin-top:21px;}
	.language .lang-other a { padding:8px 0;}
	.telmail { right:60px; padding:10px; height:70px;}
	.telmail a { line-height:24px;}
	#social_top {  right: 30px;}	
	#social_top { padding:9px 0;}					
	#social_top img { padding: 6px 8px;}	
	.menu { top:9px;}
	.menu li { margin:0 5px; font-size:0.95em;}
	.menu li a { padding:15px 10px 10px;}
	.navigation { /*right:220px;*/}
	.logo img { max-width:190px;}
	.logo { left:10px;}
	.header { height:70px;}
	
	/*slide*/
	.slidebox { border-top:90px solid #fff;}
	
	/*employers*/
	.employdescription { padding:30px 3% 30px;}
	
	/*listing*/
	.adimg { width:40%;}
	
	/*filterline*/
	.filtro_item { width:15%;}
	
	#box_6 > div{font-size: 20px;}
	#box_6 img{height: 30px;}
	.affitto_type { font-size: 24px;}
}
@media (max-width:1000px) {
	/*menu*/
	.menu_icon_name { display:block; z-index:10;}
	.mobile_button { display:block; z-index:10;}
	.logo { z-index:11;}
	.menu { top:0;}
		.menu_container { width:100%; background-color:#212121; text-align:center; right:0; box-sizing:border-box;}
				.menu li { position:relative; display:table; width:100%; height:auto; margin:0 auto; text-align:center;}
				.navigation { position: absolute; top:70px; display:none; width:100%; margin:0 auto;left:0; transition:none; background-color:#fff;}
	
	/*slide*/
	.slidebox { display:none;}
	.slide { width:100%;}
	.overslide { left:10px; bottom:200px; font-size:0.9em;}
	.actualoffer { padding:20px;}
	
	/*main*/
	.main_container { margin:50px auto;}
	.main_container.big { margin:100px auto 50px;}
	
	/*cores*/
	.cores{ padding:50px 0;}
	.light_cores .cores{ padding:50px 0 150px;}
	.single-core { padding:0 2%;}
	
	/*employers*/
	.employerparts { position:relative; display:table; height:auto; width:100%; border-bottom:20px solid #fff;}
	
	/*immotitle*/
	.immotitle{ margin:50px auto 0; font-size:1.2em;}
	.immoselection { margin:0 auto 100px; padding:50px 5%;}
	
	/*footer*/
	.footer { padding:80px 0 50px;}
	.parts-footer-container { text-align:center;}
	.footer-parts { width:48%; display:inline-table;}
	
	/*impressum*/
	.impressum-sides { width:100%; margin-bottom:30px; text-align:center;}
	.impressum-sides img.other { margin:10px auto 20px;}
	.impressum-sides img { margin:10px auto;}
	
	/*inside*/
	.sizesinside { position:relative; display:table; right:auto; bottom:initial;}
	.size1 { margin-left:0; margin-right:25px; margin-top:15px; font-size:1.05em;}
	.grey-inner .inner-parts{ width:50%; height:auto; display:table-cell; padding:0 30px 0 0;}
	.grey-inner .inner-parts.right { padding:0;}
	.inner-parts{ width:100%; height:auto; position:relative; display:table; padding:0;}
	.inner-parts.right { padding:30px 0 0 0;}
	.inner-button { margin:5px 0;}
	p.likebutton { margin:20px 0;}
	.grey-inner .inner-parts.right { margin-top:20px;}
	.grey-inner.gallery { margin:-25px auto 0;}
	
	#filtro { margin-top:-40px;}
	
	/*listing*/
	.refnum { text-align:left; font-size:0.8em;}
	.adinfobox { padding:20px;}
	.adinfobox p { margin:15px 0;}
	.size2 { margin:0 15px 5px 0;}
	.single-ann { margin:10px 0.5%; width:48%;}
	.loading a { padding:10px 30px; margin:45px auto 0;}
	
	/*listing-.immoselection*/
	.immoselection { padding:50px 0.05%; text-align:center;}
	
	/*filterline*/
	.filtro_item{ width:32%; margin:10px 0.5% 0 0;}
	#filtro .search_btn { width:32%; margin:10px 0;}
	#FrmSearch { text-align:left; padding:0 0 0 10px;}
}
@media (max-width:900px) {
	/*listing*/
	.single-ann { display:table; margin:10px auto; max-width:700; width:100%; position:relative; display:table;}
	.listing { padding:20px 10px;}
	.single-ann {max-width:750px;}
	.loading { max-width:750px;}
	.loading a { padding:10px 0; width:100%; margin:10px auto 20px; display:table;}
	
	/*listing-immoselection*/
	.immoselection { padding:50px 1.5%;}
	
	
	
}
@media (max-width:750px) {
	/*main*/
	h1{ font-size:1.7em;}
	h2 { font-size:1em;}
	.separeline { margin:15px 0; height:3px;}
	
	/*slide*/
	.slide-slogan { font-size:2.5em; margin-bottom:0;}
	#top_slider .swiper-pagination { text-align:left; padding-left:5px; bottom:20px;}
	.overslide {bottom:230px;}
	.actualoffer { padding:10px;}
	
	/*cores*/
	.cores{ padding:0;}
	.light_cores .cores{ padding:0 0 100px;}
	.coretitle { margin:10px auto;}
	.linkcore { margin:0 auto;}
	.single-core { width:100%; position:relative; display:table; float:none; padding:25px 0; margin:0 auto; max-width:400px;}
	
	/*footer*/
	.footer { padding:60px 0 10px;}
	.footer-parts { width:100%; display:table; margin:500px; margin:0 auto;}
	
	/*inside*/
	.grey-inner { padding:30px 0 50px;}
	.inner-button { max-width:none;}
	p.likebutton { max-width:none;}
	.grey-inner .inner-parts{ width:100%; height:auto; position:relative; display:table; padding:0;}
	.grey-inner .inner-parts.right { padding:0; margin-top:0;}
	.backbutton { font-size:0.8em;}
	.backbutton img{ max-width:14px; margin-left:10px;}
	
	
.gallerybuttons, .gallerybuttons_video {font-size: 0px;width: 70px;}
.gallerybuttons img, .gallerybuttons_video img {margin: 0;}	
	
}
@media (max-width:550px) {
	/*menu*/
	.logo { left:0;}
	.logo img { max-width:170px;}
	.telmail { padding:0;}
	.telmail span{ display:none;}
	.telmail img { margin:0;padding: 10px 8px;}
	#social_top  {  padding:0px;}
	#social_top img {  margin:0;padding: 10px 8px;}
	.menu_icon_name { right:89px;}
	.mobile_button { right:105px;}
	
	/*employers*/
	.empimage { width:100%; height:300px; position:relative; display:table;}
	.employdescription { width:100%; height:auto; position:relative; display:table; padding:30px 5% 30px;}
	.employers { width:100%; max-width:400px; margin:0 auto;}
	
	/*listing*/
	.adimg { width:100%; position:relative; display:table; height:250px;}
	.adinfobox { position:relative; display:table; width:100%; height:auto;}
	
	/*filterline*/
	.filtro_item{ width:48%; margin:10px 0.5% 0 0;}
	#filtro .search_btn { width:48%; margin:10px 0;}
	#FrmSearch { text-align:left; padding:0 0 0 10px;}
	
	/*slide*/
	.slide-slogan { font-size:2em;}
	.overslide {bottom:225px;}
	
	.gallerybuttons, .gallerybuttons_video {width: 50px;}
	#box_6 img {  height: 20px;}
}