@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900|Roboto:300,400,700,900');
@import url('../request-form/request-form.css');

html, body { margin:0px; padding:0px; font-size:100%; font-family: 'Roboto', sans-serif; font-weight:400; font-size:16px; color:#555556; height:100%; }

.h1 { font-size:60px; font-weight: 400; margin:0 auto; color: #103853;text-transform: uppercase;font-weight: 900;}
.h2 { font-size:30px; font-weight:600; margin:0px auto 40px;text-align: justify;  }
.h3 { font-size:24px; margin:0 auto; font-weight: 400; margin:0 auto 30px; color:#fff; }
p { font-size:18px; }
.article p { text-align: justify; }
img { border:0px none !important; }
a { text-decoration:none; color:#555556; }
a:hover { text-decoration:none; }
.transition { -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }


/* HEADER */
.header { position:fixed; width:100%; left:0; top:0; z-index:100; height: 130px; cursor:default; }
	.header-inner { position:relative; width:90%; max-width:1500px; margin:0 auto; }
		.logo { left: 0; -110px;  max-width: 340px; position: absolute; width: 90%; z-index: 1; top: 40px;}
			
		.button_menu { cursor: pointer; display: none; position: absolute; right: 15px; top: 13px; width: 35px; z-index: 2; }
			.line { background-color: #fff; display: block; height: 1px; margin: 10px auto 0; position: relative; width: 35px; }
			.line1 { margin-bottom:8px; }
			.line2 { margin-bottom:8px; }
			.line3 {}
		.button_menu_active .line1 { margin-bottom: -1px; margin-top: 22px; transform: rotate(45deg); }
		.button_menu_active .line2 { opacity: 0; }
		.button_menu_active .line3 { margin-bottom: 0; margin-top: -18px; transform: rotate(-45deg); }
			.navigation { position:relative; display:block; margin:0 auto; width:100%; max-width:1000px;   float: right;top: 86px;}
				.menu-wrapper { position:relative;  margin:0 auto; padding:0; list-style-type:none; float: right;right: 130px;}
					.menu-wrapper li { position:relative; display:inline-block; text-align:center; }
						.menu-wrapper li a, .menu-wrapper li span { position:relative; display:block; padding:12px 24px; font-size:17px; color:#fff; text-transform:uppercase; }
						.menu-wrapper .menu-active a { font-weight:600; }
							.menu-line { position:absolute; bottom:1px; width:0; background-color:#fff; height:1px; left: 24px; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
						.menu-wrapper .menu-active .menu-line { width:30%; }
					.menu-wrapper li:hover .menu-line { width:30%; }
	
	.language { position:absolute; margin:0 auto; right:40px; top:98px; cursor:default; }
		.language img { bottom: 1px; display: inline-block; margin-right: 5px; max-width: 10px;  position: relative; transform: rotate(90deg); vertical-align: middle; }
		.language span { position:relative; display:inline-block; vertical-align:middle; text-transform:lowercase; color:#fff; }
		.language .lang-other { position:relative; margin:5px auto 0; display:none; background-color:rgba(16,56,83,0.93); }
		.language .lang-other a { color: #fff; display: block; font-size: 14px; padding: 3px; position: relative; text-align: center; text-transform: uppercase; }
		.language .lang-other a:hover { background-color:#103853; }
	.language:hover .lang-other { display:block; }
	
	.header-scroll { background-color:#103853; height: 80px;}
	.header-scroll .logo {    max-width: 200px; top: 10px;}
	.header-scroll .navigation { top:20px; }
	.header-scroll .dropOut .dropOut_inner { margin: 16px 0 0; }
	.header-scroll .language { top:30px; }
	.header-scroll .dropOut { top:-24px; }
	
	.body .header { background-color:#103853; height: 80px;}
	.body .logo {    max-width: 200px; top: 10px;}
	.body .navigation { top:20px; }
	.body .dropOut .dropOut_inner { margin: 16px 0 0; }
	.body .language { top:30px; }
	.body .dropOut { top:-24px; }
	
				
				.menu-wrapper li.drop { position:relative; }
					.dropdownContain { width: 180px; z-index: 100; margin-left:-90px; top: -800px; position:absolute; left:50%; }
					.dropOut { width: 100%; float: left; position: relative; margin-top: 0px; opacity: 0; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -ms-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; top: -11px; padding:15px 0; }
						.dropOut .dropOut_inner { background-color:#fff; padding:10px 0; margin:0px; }
							.menu-wrapper .dropOut ul li { text-align: center; float: left; width: 90%; padding:0px; margin: 0px 5%; -webkit-transition: background .1s ease-out; -moz-transition: background .1s ease-out; -ms-transition: background .1s ease-out; -o-transition: background .1s ease-out; transition: background .1s ease-out; height:auto; border:none; color:#843E86; font-size:16px; font-weight:300; }
							.menu-wrapper .dropOut ul li:hover { background-color:/*rgba(132, 62, 134,0.10)*/#424242; }
								.menu-wrapper .dropOut .dropOut_inner a { text-decoration: none; margin:0 10px; font-size:16px; color:#555556; text-transform:none; display:block; background:none; opacity:1; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; padding:12px 0; text-align:center; }
								.menu-wrapper .dropOut .dropOut_inner a:hover { background-color:#f1f1f1; }
							.menu-wrapper li:hover .dropdownContain { top: 45px; }
							.menu-wrapper li:hover .dropOut { opacity: 1; margin-top: 8px; }
	
			

/* SLIDE */
.slide { height: auto; height:calc(100vh); position: relative; width: 100%; cursor: grab;}
	.sezione_slider { position:absolute; width:100%; height:100%; overflow:hidden; top:0; left:0; }
	.shadow-top { position:absolute; width:100%; height:100%; left:0; top:0; background-image:url('../img/layout/shadow-top.png'); background-position:center top; background-size:auto; background-repeat:repeat-x; opacity: 0.3;}
		.swiper-container { width: 100%; height: 100%; }
			#slider_homepage .swiper-slide { position:relative;text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-position:center; background-repeat:no-repeat; background-size:cover; height:100%; }
				.slide-box { position:absolute; width:90%; max-width:720px; height:150px; background-color:rgba(16,56,83,0.93); bottom:30px; left:30px; z-index:1; cursor: default;}
					.slide-box-in { position:relative; width:80%; margin:0 auto; top:50%; transform:translate(0,-50%); text-align: left;}
						.slide-title { position:relative; display:block; color:#fff; font-weight:500; font-size:34px; }
						.slide-sub { position:relative; display:block; color:#fff; font-weight:300; font-size:21px; margin: 10px auto 30px;}
							.slide-sub strong { font-weight:400; }
						.slide-bt { position:relative; display:none; padding:12px 22px; color:#fff; border:2px solid #fff; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
						.slide-bt:hover { color:#103853; background-color:#fff; }
						.slide-control { position:absolute; bottom:80px; right:60px; width:90%; max-width:150px; }
							.arrow-left, .arrow-right{ background-position: center center; background-repeat: no-repeat; background-size:100% auto; height: 50px; position: absolute; width: 50px; z-index: 99; bottom:0; opacity:0.7; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
							.arrow-left { background-image:url('../img/layout/arrow-left.png'); left:0; }
							.arrow-right { background-image:url('../img/layout/arrow-right.png'); right:0; }
							.arrow-left:hover { opacity:1; }
							.arrow-right:hover { opacity:1; }
							.swiper-container-fade .swiper-slide { opacity: 0 !important;}
							.swiper-container-fade .swiper-slide.swiper-slide-active { opacity: 1 !important;}
		.top-buttons { position:absolute; bottom:100px; right:10%; z-index: 1;display: none;}
			.top-buttons a { position:relative; display:inline-block; margin-left:2px; text-transform:uppercase; font-weight:600; font-size:18px; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; padding: 20px 46px;}
			.bt-1 { background-color:rgba(16,56,83,0.93); color:#fff; }
			.bt-2 { color:#103853; border:2px solid #103853; }
			.top-buttons a:hover { background-color:#103853; color:#fff; }
			



/* MAIN */
.main { position:relative; display:block; width:100%; margin:0 auto; }
	.content { position:relative; display:block; width:100%; margin:0 auto; }
		.article-bg { /*position:absolute; width:100%; left:0; top:0; height:100%; background-image:url('../img/layout/article-bg.png'); background-position:center center; background-repeat:no-repeat; background-size:cover; opacity:0.05;*/ }
		.article { position:relative; display:block; margin:150px auto; width:90%; max-width:1000px; padding-left:50px; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; border-left:1px solid rgba(0,0,0,0.1); }
		.page_list .article { width:90%; max-width:none; }
			
	.core-section { position:relative; display:table; width:100%; margin:0 auto; background-color:#103853; cursor:default; }
		.core-bg { position:absolute; background-image:url('../img/layout/snowflake.png'); background-position:center center; background-size:cover; background-repeat:no-repeat; opacity:0.07; }
			.bg-1 { right:100px; top:50px; width:500px; height:500px; }
			.bg-2 { right:200px; bottom:100px; width:400px; height:400px; transform:rotate(10deg); }
			.bg-3 { left:-50px; bottom:-100px; width:300px; height:300px; transform:rotate(20deg); }
	
		.core-out { position:relative; width:90%; max-width:1000px; display:block; margin:180px auto 80px; }
			.core-section-title { position:relative; display:block; width:100%; margin:0; font-weight:700; font-size:50px; color:#fff; max-width: 470px;}
				.core-section-title img { position:absolute; max-width:100px; left:-75px; top:-55px; }
			
			.core-inner { position:relative; display:block; width:90%; margin:0 auto; overflow: auto;}
				.core { position:relative;/* width:24.7%;*/ width:32.1%; margin-right:0.1%; float:left; background-position:center center; background-size:cover; background-repeat:no-repeat; height: calc(80vh);filter: grayscale(80%); -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
				/* .core_3_item .core{width:24.7%;} */
				.core-1 { background-image:url('../img/layout/core-1.jpg'); }
				.core-2 { background-image:url('../img/layout/core-2.jpg'); }
				.core-3 { background-image:url('../img/layout/core-3.jpg'); }
				.core-4 { background-image:url('../img/layout/core-4.jpg'); }
				.core:hover { filter:grayscale(0); }
				 	.core-shadow { position:absolute; width:100%; height:100%; left:0; top:0; background-image:url('../img/layout/shadow-bottom.png'); background-position:center bottom; background-size:auto; background-repeat:repeat-x; opacity: 0.7;}
					.core-title { position:absolute; width:100%; bottom:50px; text-align:center; color:#fff; font-family: 'Playfair Display', serif; font-size: 40px;font-weight: 900;/*! text-transform: uppercase; */}
			.bt-out { position:relative; width:90%; max-width:1000px; text-align: center; margin:80px auto 180px; display: block;}
				.bt-more { position:relative; display:inline-block; font-weight:300; font-size:16px; border:2px solid #fff; padding:20px 30px; margin:0 auto; color: #fff;text-transform: uppercase;letter-spacing: 0.5px; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
				.bt-more:hover { background-color:#fff; color:#103853; }
			
		.banner-section { position:relative; display:block; width:100%; margin:0 auto; overflow: auto;height: 320px; cursor:default; background: #fff;}
			.banner { position:relative; width:50%; float:left; margin:0 auto; height: 100%;}
				.left .banner-inner { left:27%; }
				.right { background-color:#f5f8fa; }
				.right .banner-inner { left:9%; }
				.left-img { position:absolute; left:-20px; bottom:0; height:97%; }
				.right-img { position:absolute; right:0; bottom:0; height:100%; }
					.banner-inner { position:relative; width:90%; max-width:500px; top:50%; transform:translate(0,-50%); }
						.banner-title { position:relative; display:block; font-weight:700; font-size:30px; }

						.banner-sub { position:relative; display:block; font-weight:300; font-size:18px; line-height: 26px;margin: 0px auto 30px;}
						.banner-bt { position:relative; display:inline-block; background-color:#103853; border:2px solid #103853; color:#fff; font-weight:700; padding: 18px 28px;text-transform: uppercase;letter-spacing: 0.5px; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
						.banner-bt:hover { background-color:transparent; color:#103853; }
						
						
.footer { position:relative; display:block; width:100%; background-color:#103853; overflow: auto; cursor:default; }
	.footer-bg { position:absolute; width:100%; height:100%; left:0; top:0; background-image:url('../img/layout/map.png'); background-repeat:no-repeat; background-size:auto 110%; background-position:110% center; }
		.footer-inner { position:relative; width:82%; max-width:1400px; margin:100px auto; /*! overflow: auto; */display: table;}
			.footer-boxes { position:relative; width:100%; float:left; margin:0 auto; max-width:670px; }
				.footer-box { position:relative; float:left; width:50%; margin:0 auto; }
					.h3 { margin:0 auto; color:#fff; font-size:24px; font-weight:700; text-transform:uppercase; position: relative;}
						.h3 span { position:relative; font-size:100px; font-family: 'Playfair Display', serif; color:#fff;opacity: 0.1;margin-right: 10px;}
						.sp-1 { margin-left:-78px; }
						.sp-2 { margin-left:-92px; }
					.footer-box p { font-weight:300; font-size:14px; margin: 0 auto;color: #fff;line-height: 33px;text-transform: uppercase;font-weight: 400;}
					.footer-box p a { color:#fff; }
					.footer-box p a:hover { text-decoration:underline; }
					
	.footer-bottom { position:relative; display:block; width:100%; margin:0 auto; overflow: visible;}
		.footer-bottom p { font-weight:300; font-size:12px; width: 90%;max-width: 1400px;margin: 0 auto 40px;text-align: left;color: #486c85;text-transform: uppercase;font-weight: 400;}
		.footer-bottom p a { color: #486c85; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
		.footer-bottom p a:hover { color:#fff; }
		
		#logo_valgardena { display: block; position: relative; float:right; width: 120px; margin-top: -50px;filter:grayscale(100%);}
		#logo_valgardena img { width: 100%;}


.top { position:relative; width:100%; display:block; height:500px; background-position:center center; background-size:cover; background-repeat:no-repeat; margin-top: 80px;}


.top { background-image:url('../img/slide/altro.jpg'); }
.bolzano .top { background-image:url('../img/slide/bolzano.jpg'); }
.garda .top { background-image:url('../img/slide/garda.jpg'); } 
.valgardena .top { background-image:url('../img/slide/val-gardena.jpg'); }
.valbadia .top { background-image:url('../img/slide/val-badia.jpg'); }
.sciliar .top { background-image:url('../img/slide/sciliar.jpg'); }
.altro .top { background-image:url('../img/slide/altro.jpg'); }
.page_list .top {height: calc(100vh - 80px);}
.news_list .top {height:500px;}

.immobili { position:relative; display:block; width:90%; margin:50px auto 150px; overflow: auto;}
	.immobile { position:relative; display:inline-block; width:32%; margin-right:1%; height:auto;min-height: 750px; background-color:#f1f1f1; box-sizing: border-box;margin-bottom: 30px;vertical-align:top;padding-bottom: 50px;}
	.immobile:hover { opacity:0.9;}
		.im-inner { position:relative; width:100%; margin:0 auto;   }
			.im-img { position:relative; width:100%; height:350px; background-position:center center; background-size:cover; background-repeat:no-repeat; /*! float: left; */}
			.im-1 { background-image:url('../img/slide/home01.jpg'); }
			.im-2 { background-image:url('../img/slide/home02.jpg'); }
			.im-3 { background-image:url('../img/slide/home03.jpg'); }
		.im-descr { position:relative;  width:100%; padding: 30px 40px 0;box-sizing: border-box;/*min-height: 450px;*/}
			.im-top { position:relative; display:block; font-weight: 600; font-size: 18px; color: #A5A5A6;}
			.im-top span {color: #103853; float: right;font-weight: normal;font-size: 12px;}
			.im-title { position:relative; display:block; font-weight: 600; font-size: 33px; margin: 5px auto;}
			.im-sub { position:relative; display:block; font-weight: 400; font-size: 24px; /*! text-transform: uppercase; */margin: 0 auto;}
			.list { list-style-image:url('../img/layout/list.png'); }
			.im-table { position:relative; width:100%; margin: 18px 0 18px;max-width: 340px;}
				.im-table img { max-width: 100%;}
				.im-table td {  width: 50%;}
		.im-buttons {text-align: center;margin: 0px auto;overflow:Auto;position: absolute;left: 0;bottom: 0; }
			.im-buttons a { position:relative; float:left; padding:18px 28px; color:#fff; text-transform: uppercase; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
			.im-bt-1 { background-color:#103853; }
			.im-bt-2 { background-color:#284c65; }
			.im-buttons a:hover { background-color:#002843; }
		.immobili_msg {font-size: 1.2em;}
		.immobili_msg a {  text-decoration: underline;  font-weight: bolder;  color: #103853;}	
			
.immobili-inner { position:relative; width:100%; display:block; margin:0 auto;overflow:auto; }
	.slide-immobile { position:relative; width:100%; height:600px; display:block; margin:0 auto 100px; overflow: hidden;}
		.im-inner-table { position:relative; width:50%; max-width: 500px;float:left;}
			.im-inner-table td {  width: 50%; height:26px; background-color:#ececec; padding: 5px 20px;}
			.im-inner-table tr:nth-child(even) td { background-color:#f7f7f7; }
		.im-option{  width:50%;float:left;padding:0 50px 20px;box-sizing:border-box;margin: 10px 0 50px;}
		.option {background: #21465F;padding: 5px 8px;margin: 7px 7px 7px 0; display: inline-block;color:#fff;}
		.option:nth-child(even) {background: #ececec;}
		.im-subtitle { margin: 100px 0 40px; position: relative; display: block; font-size: 28px; border-bottom: 1px solid #103853; padding-bottom: 10px;   color: #103853;}
		.section{overflow:auto;clear:both;position:relative;}
		.planimetria {max-width: 500px;display: block;margin: 10px auto;}
			
.immobili-inner .swiper-container {
      width: 100%;
      height: 470px;
      margin-left: auto;
      margin-right: auto;
	  display: block;
	  float: right;
    }
    .immobili-inner .swiper-slide {
      background-size: cover;
      background-position: center;
    }
    .immobili-inner .gallery-top {
      height: 520px;
      width: 100%;
	  
    }
	/*.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white, .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{background-size: 40px;}*/
    .immobili-inner .gallery-thumbs {
      height: 80px;
      box-sizing: border-box;
      padding: 1px 0;
      margin-bottom: 80px;
    }
    .immobili-inner .gallery-thumbs .swiper-slide {
      width: 20%;
      height: 100%;
      opacity: 0.5;
    }
    .immobili-inner .gallery-thumbs .swiper-slide-thumb-active {
      opacity: 1;
    }
	.immobili-inner .gallery-top .swiper-slide {cursor: zoom-in;}
	
	.immobili-inner .im-buttons { position:relative; display:block; overflow:auto; }
	
	.imo-icons { position:relative; display:block; width:100%; margin:0 auto 40px; }
	.imo-icons { position: fixed; display: block;width: 50px; margin: 0 auto 40px;    margin-left: auto;top: 150px; margin-left: -100px;}
		.imo-icons img { position:relative; display:block; margin-bottom:20px; max-height:40px; }

.virtual_tour_btn {
  border: #000 solid 1px;
  padding: 10px 20px 10px 10px;
  display: inline-block;
  margin: 5px 0 20px 0;
  color: #103853;
  font-weight: bold;
  font-size: 20px;
  transition: 300ms;
}
.virtual_tour_btn img {
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.virtual_tour_btn:hover {
  background: #eee;
}			
			

/*------------------------filtro----------------*/
#filtro {width: 90%; margin: -100px auto 0; background: #fafafa; padding: 30px 30px 5px; box-sizing: border-box;overflow:auto;}
.search_btn { border: none; line-height: 52px; width: 31%;font-size: 18px; color: #fff; background: #103853;vertical-align: middle;}
#filtro select { width:100%;font-family: 'Open Sans', sans-serif;  font-size: 12px; font-weight: bold; padding: 8px;  border: 1px solid #cccccc;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px; color: #666666;border-radius: 0px;}
.filtro_item {float: left;margin: 0 2% 40px 0;width: 31%;height: 60px; }
.filtro_label {margin-bottom: 5px;width: 90%;margin-left: 10px;}
.range_div {margin-top: 15px;width: 90%;margin-left: 10px;}
.range_input{background:transparent;border:none;font-weight:bold;font-family: inherit;color: inherit;font-size: 14px;text-align: right;max-width: 130px;}
.imm_btn_all {  width: 300px; margin: 0 auto 100px;  background: #103853;  line-height: 60px; padding: 0 30px;  color: #fff;  font-weight: bold;text-align: center;}
.imm_btn_all:hover {  opacity:0.8;}


/*------------------------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:130px; margin:15px 0; display:block;}




.portrait {clear: both;float: left;margin: 0 20px 20px 0;width: 30%;}
.portrait_container {clear: both;  margin: 50px 2% 0;  overflow: auto;}
.portrait_container p {}	
.portrait_name { color: #103853; font-size: 1.2em; display: block; font-weight: 600;}

.fancybox-button--thumbs, .fancybox-infobar{display:none !important;}	 

#ufficio {
    overflow: auto;
    margin: 70px 15px 0;
}
#ufficio img {
    width: 48%;
    float: left;
    margin-right: 2%;
    margin-bottom: 1vw;
}


.news {display: inline-block;width: 27vw;height: 25vw; margin: 1vw; background-size: cover;position: relative;border-top: 20px solid #103853;border-bottom: 20px solid #103853; -webkit-transition:border 300ms ease 0s; -moz-transition:border 300ms ease 0s; -o-transition:border 300ms ease 0s; transition:border 300ms ease 0s;}
.news:hover {border-top: 20px solid #ccc;border-bottom: 20px solid #ccc;}
.news > div { position: absolute; width: 100%; bottom: 0px; padding: 30px 10px 30px; box-sizing: border-box; color: #fff; font-size: 30px; background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.news:hover > div {  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.7));}
.news-title {display: block;}
.news-date {display: block;font-size:20px;margin-top:5px;}
.news_home{/*display:none;*/background: #eee;padding: 30px 0;text-align: center;}
.news_home .immobili { margin-bottom: 0;  margin-top: 0;}
.news_home_title { margin: 0 auto;color: #103853;font-weight: 900;font-size: 40px;}
			
@media screen and (max-width: 1700px) {
.im-title {font-size: 28px;	}
}
@media screen and (max-width: 1300px) {
	.immobile {width:47%; margin-right:2%; }
}	
@media screen and (max-width: 1250px) {
	.button_menu { display:block; }
	.menu-line { display:none; }
	.header-inner{ width:100%; }
	.header { height:70px; background-color:#103853; }
	.logo { left:10px; max-width:140px; top:12px; }
	.language { right: 80px; top: 26px; }
	.navigation { float:none; top:70px; transition:none; display:none; }
	.menu-wrapper { float:none; right:auto; }
	.menu-wrapper li { display:block; text-align:center; background-color:rgba(255,255,255,0.9); border-bottom:1px solid rgba(16,56,83,0.1); }
	.menu-wrapper li a, .menu-wrapper li span { color:#103853; padding:0; line-height:55px; }
	
	.menu-wrapper .dropOut a { line-height: 20px;}	
}
@media screen and (max-width: 1150px) {
	.article{padding-left: 20px;}
	.imo-icons{margin-left: -55px;}
	.imo-icons img{max-height: 30px;}
	.news {display: inline-block;width: 41vw;height: 40vw; margin: 1vw;}
}
@media screen and (max-width: 1050px) {
.filtro_item {margin: 0 2% 40px 0;width: 48%; }
.search_btn {width: 48%; }
}
@media screen and (max-width: 950px) {
	.immobili-inner .gallery-top { height: 420px;	}
	.im-option {width: 35%;}
	/*impressum*/
	.impressum-sides { width:100%; margin-bottom:30px; text-align:center;}
	.impressum-sides img.other { margin:10px auto;}
	.impressum-sides img { margin:10px auto;}
}
@media screen and (max-width: 750px) {
	.news {display: block;width: 100%;height: 70vw; margin: 10px 0;}
	.slide-box { left:5%; bottom:80px;  }
	.slide-box-in{width:90%;}
	.slide-title { font-size:30px; }
	body:not(.page_detail) .article { padding: 0px; border:none;}	
	.page_detail .article { padding-left: 15px; width: auto; margin-left: 50px; margin-right: 10px;}	
	.h1 { font-size: 30px; }
	.h2 { font-size: 20px; line-height: 30px; }
	.article p { font-size: 18px; text-align:left; }
	.core-section-title { font-size:30px; }
	.core-section-title img { position: relative; max-width: 50px; left: auto; top: auto; }
	.core { width:100%; height:300px; margin:0 auto 2px; float:none; }
	.core-shadow { bottom:0; background-size: auto 100%; height: 50%; top:auto; }
	.banner { width:100%; float:none; overflow: auto;}
	.banner-section { height:auto; }
	.right .banner-inner, .left .banner-inner { left:auto; right: auto; }
	.banner-inner { top: auto; transform:none; margin: 50px auto;}
	.left-img, .right-img { opacity:0.3; }
	.footer-box { width:100%; float:none; margin:50px auto; }
	.footer-bg { position: relative; height: 180px; display: block; margin-top: 50px; background-size: auto 100%; background-position: center center; }
	.footer-inner { margin:10px auto 30px; }
	.footer-box { text-align:center; }
	.h3 span { font-size:60px; }
	.sp-1, .sp-2 { margin:0 auto; }
	.footer-bottom p { text-align:center; }
	.menu-wrapper .dropOut .dropOut_inner a { line-height:24px; }
	.slide-control { right:auto; left:50%; margin-left:-50px; max-width: 100px;bottom: 20px; }
	.arrow-left, .arrow-right { width:30px; height:30px; }
	.immobile { width:100% !important; float:none; margin:20px auto; min-height:auto;}
	.im-descr{min-height:auto;}
	.im-option {width: 100%;float:none;padding: 30px;margin-top: 10px;}
	.im-inner-table {width: 100%;float:none;max-width: none;}
	.im-inner-table img{max-width:100%;}
	.im-inner-table td{padding: 5px 5px;}
	.im-inner-table tr td:nth-child(1) {width: 40%;}
	
	
	.dropdownContain { margin-top:0px; top:0px; width:100%; z-index: 100; }
	.dropdownContain {left:0%; margin-left:0px; position: relative; top: 0; width: 100%; }
				.dropOut{opacity:1;width: 100%; top:0px; }
					.dropOut ul { padding:3% 0; }
					.menu-wrapper li:hover .dropdownContain { top: 0px; }
					.menu-wrapper li:hover .dropOut { opacity: 1; margin-top: 0px; }
					.menu-wrapper li.drop { overflow:auto; }
					
					.menu-wrapper .dropOut ul li a { margin:2px; }
					.dropOut{display:block; position:relative; text-align:center;; padding:8px 0; }
					.dropOut ul{width:100%; padding:0; }
						.menu-wrapper .dropOut ul li { float: none; display:block; width: auto; background:none; padding-bottom:10px; padding-top:10px; }
						.menu-wrapper .dropOut ul li a { margin:-5px; padding-top:3px; }
						#s01{display:none;}
						#s02{display:none;}
	#filtro{font-size: 14px;}
	
#ufficio img {
    width: 100%;
    float: none;
    margin-right: 0%;
	margin-bottom:20px;
}

		#logo_valgardena { float:none; margin: 50px auto;}
	
	
}	
@media screen and (max-width: 650px) {
	.imo-icons {top: 100px;	}
	.immobili-inner .gallery-top { height: 350px;	}
	.planimetria {max-width: 90%;}
.filtro_item {margin: 0 0% 20px 0;width: 100%; }
.search_btn {width: 100%; }
.range_div {margin-top: 15px;width: 95%;}
#filtro {padding-bottom:30px;}
}




.fancybox-slide .fancybox-content::after {
    content: 'crystallimmobiliare.it';
    position: absolute;
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    padding-top: 40vh;
    box-sizing: border-box;
    opacity: 0.2;
}
.im-inner > a{position:relative;display:block;}
.immobili-inner .gallery-top .swiper-slide:after, .immobili-inner .gallery-thumbs .swiper-slide:after, .im-inner > a:after {
    content: 'crystallimmobiliare.it';
    position: absolute;
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    opacity: 0.2;
	top:0;
}


.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;}
.virtual-thumbs .swiper-slide {filter: brightness(0.5); -moz-filter: brightness(0.5); -webkit-filter: brightness(0.5); cursor:pointer;}		
.virtual-thumbs .swiper-slide-thumb-active { filter: brightness(1.05); -moz-filter: brightness(1.05); -webkit-filter: brightness(1.05);}		
.swiper-container.virtual-thumbs.swiper-container-thumbs { height: 80px;}
.swiper_slide_desc { display: none;}