@import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,400,500,700&display=swap');

@font-face {
 font-family: "Runalto";
 src: url("fonts/Runalto.eot");
}
@font-face {
 font-family: "Runalto";
 src: url("fonts/Runalto.ttf");
}

@font-face {
 font-family: "SilverSouthScript";
 src: url("fonts/SilverSouthScript.eot");
}
@font-face {
 font-family: "SilverSouthScript";
 src: url("fonts/SilverSouthScript.ttf");
}

html, body { margin:0px; padding:0px; font-size:100%; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:16px; color:#fff; background-color: #0a0a0a; }

.h1 { font-weight:400; font-size:60px;  margin: 0 auto;line-height: 60px;margin: 0 auto 30px;}
.h2 { margin:0 auto; }
p { font-size:18px; }
img { border:0px none !important; }
a { text-decoration:none; color:#0a0a0a; }
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; }
.transition-2 { -webkit-transition:all 1s ease 0s; -moz-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; transition:all 1s ease 0s;}


/* HEADER */
.header { position:fixed; top:0; left:0; width:100%; height:140px; z-index: 100;}
	.header-bg { position:absolute; left:0; top:0; width:100%; height:0; background-color:#35353e; -webkit-transition:all 600ms ease 0s; -moz-transition:all 600ms ease 0s; -o-transition:all 600ms ease 0s; transition:all 600ms ease 0s; }
	.logo { position:absolute; height:210px; left:50%; transform:translate(-50%,0); top:45px; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
	.logo-3 { position:absolute; height:60px; left:50%; transform:translate(-50%,0); top:10px; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; opacity: 0; visibility: hidden; }
	.contact { position:absolute; top:85px; left:3%; }
		.contact a { position:relative; display:inline-block; vertical-align:middle; font-family: 'DM Serif Display', serif;color: #fff;font-size: 19px;}
			.con-img { position:relative; display:block; max-width:20px; display:none; }
		.con-line { position:relative; display:inline-block; vertical-align:middle; height:26px; width:1px; background-color:#fff; opacity:0.3; margin: auto 40px;}


.menu { position:fixed; width:40px; height:40px; top:70px;  left:5%; z-index:102; cursor: pointer;transform: translate(-50%,0);text-align: center;}
	.menu-title { position:relative; display:block; font-size:15px; color:#fff; text-transform: uppercase;font-weight: 500;}
		.button_menu { width:auto;  position:relative; margin:0 auto; display:inline-block;  cursor:pointer; /*! -ms-transform-origin: 50%; */ /*! -webkit-transform-origin: 50%; */  /*! transform-origin: 50%; */ /*! overflow: auto; */top: 50%;transform: translate(0,-50%);}
			.line { background-color:#fff; position:relative; display:block;  height:1px; width: 34px;margin-top: ;}
			.line1 {  }
			.line2 { height:27px; margin:auto 5px; }
			.line3 {  margin-top: 8px;}

		.menu:hover .line1, .menu_close .line1 { /*! -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); */ /*! height: 27px; */}
		.menu:hover .line2, .menu_close .line2 {  height: 17px;}
		.menu:hover .line3, .menu_close .line3 { /*! -webkit-transform:translate3d(0px, -8px, 0px); */ /*! -moz-transform:translate3d(0px, -8px, 0px); */ /*! -ms-transform: translate3d(0px, -8px, 0px); */ /*! -o-transform: translate3d(0px, -8px, 0px); */ /*! transform:translate3d(0px, -8px, 0px); */ /*! height: 27px; */}	
		
		.menu-button-active .line2 { opacity:0; }
		.menu-button-active .line1 { transform:rotate(45deg); height:2px;  top: 5px;}
		.menu-button-active .line3 { transform:rotate(-45deg); height:2px; top:-5px; }
		.menu-button-active:hover .line1 { /*! height:27px; */ }
		.menu-button-active:hover .line3 { /*! height:27px; */ }
		
		.menu-button-active, .menu-button-active.menu-scroll { top:70px; }
		

		.menu_close { -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); }
		/*.menu_close .line1 { -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); }
		.menu_close .line3 { -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); }*/
		
		.menu-scroll {  top:20px;  }
		
		.menu-out-active { box-shadow:none; }

.top-bts { position:absolute; right:5%; top: 55px; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
.top-bts-2 { position:fixed; right: auto; top: auto; bottom: 0; left: 0; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; display: none;width: 100%;}
	.top-bts a { position:relative; display: inline-block; border:2px solid #d2b88f;  padding: 0;width: 194px;text-align: center;line-height: 81px;margin-left: 22px; }
	.top-bts a:nth-child(2) { background-color:#d2b88f; }
	.top-bts a:nth-child(2):hover { border-color:#0a0a0a; }
	.top-bts a:nth-child(2):hover span { color:#fff; }
	.top-bts a:nth-child(2) span { color:#0a0a0a; }
	.top-bts a:nth-child(2) .req-bt-bg { background-color: #0a0a0a; }
		.req-bt-bg { position:absolute; width:100%; height:0; top:0; left:0; background-color:#d2b88f; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
		.req-bt span { position:relative; display:block; font-family: 'Runalto', serif; color:#d2b88f; font-size:17px; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; text-transform: uppercase;letter-spacing: 1px;}
	.req-bt:hover { border-color:#d2b88f; }
		.req-bt:hover .req-bt-bg { height:100%; }
		.req-bt:hover span { color:#0a0a0a; }
.top-bts-2 a { width:50%; float: left; line-height: 50px; margin: 0 auto;box-sizing: border-box;top: auto;font-size: 16px;}
	
	
.buttons { position:relative; display: block; margin: 50px auto 0; width: 100%; }
	.buttons a { position:relative; display: inline-block; border:2px solid #d2b88f;  padding: 0;width: auto;text-align: center;line-height: 81px;margin: auto 10px; margin-bottom: 10px;padding: 0 30px;}
		.buttons a span { position:relative; display:block; font-family: 'Runalto', serif; color:#d2b88f; font-size:17px; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; text-transform: uppercase;letter-spacing: 1px;}
	.buttons a:last-child { background-color:#d2b88f; }
	.buttons a:last-child:hover { border-color:#0a0a0a; }
	.buttons a:last-child:hover span { color:#fff; }
	.buttons a:last-child span { color:#0a0a0a; }
	.buttons a:last-child .req-bt-bg { background-color: #35353e; }

	.buttons a:hover { border-color:#d2b88f; }
	.buttons a:hover .req-bt-bg { height:100%; }
	.buttons a:hover span { color:#0a0a0a; }
	
	
	
	
.chaletbanner {position: absolute;z-index: 99;bottom: 20px;right: 20px;background-color: #000;color: #fff;border-radius: 100%;width: 200px;height: 200px;text-align: center;padding: 30px;}
.chaletbanner a { display:block; position:relative; }
    .chaletbanner img {width: 130px;/*! left: 50%; */position: relative;/*! transform: translateX(-50%); *//*! top: 30px; */}
    .chaletbanner span { width:50px; height:1px; background-color:#5f5f5f; display:block; position:relative; margin:10px auto; }
.chaletbanner span {color: #c4a068;}
	
	
	
	
	
	
/* ----------- #NAV ----------- */

.navigation { position:fixed; width:100%; /*top:-100%;*/transform: translate(0%, -100%) matrix(1, 0, 0, 1, 0, 0); height:100%; left:0; background-color:#1b1a18; z-index:101; -webkit-transition:transform 1000ms cubic-bezier(.45,0,.14,1.03); -moz-transition:transform 1000ms cubic-bezier(.45,0,.14,1.03); -o-transition:transform 1000ms cubic-bezier(.45,0,.14,1.03); transition:transform 1000ms cubic-bezier(.45,0,.14,1.03); cursor: default;overflow: hidden;}
	.nav { position:relative; display:table; width:100%; height:100%; margin:0 auto; overflow:hidden; /*! border:1px solid rgba(162, 132, 97, 0.4); */transform: translate(0%, +100%) matrix(1, 0, 0, 1, 0, 0); 
	-webkit-transition:transform 1000ms cubic-bezier(.45,0,.14,1.03); -moz-transition:transform 1000ms cubic-bezier(.45,0,.14,1.03); -o-transition:transform 1000ms cubic-bezier(.45,0,.14,1.03); transition:transform 1000ms cubic-bezier(.45,0,.14,1.03);
background-color: #0a0a0a;
}
		.logo-nav { position:absolute; top:70px; right:70px; max-width:275px; }
		.logo-bg { position:absolute; right:-40px; bottom:-120px; opacity: 0.07;}

		.navigation-bg { position:absolute; width:calc(50% + (13.541666666666666vw / 6)); height:100%; left:0; top:0; background-image: url('../img/layout/core-1.jpg'); background-position:center center; background-size:cover; opacity: 0; -webkit-transition:all 1000ms ease 0s; -moz-transition:all 1000ms ease 0s; -o-transition:all 1000ms ease 0s; transition:all 1000ms ease 0s; z-index: 2;}
.navigation-bg.l_active { opacity: 1;}
		.nav-overlay { position:absolute; width:100%; height:100%; left:0; top:0; background-color:#484138; opacity:0.8; display: none;}
		.menu-close { position:absolute; top:80px; left:80px; width: 70px;height: 70px;opacity: 0.5;cursor: pointer; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
			.li-1 { position:absolute; width:70px; height:1px; background-color:#fff;  transform: rotate(45deg) translate(0,-50%); top:50%; }
			.li-2 { position:absolute; width:70px; height:1px; background-color:#fff; opacity:1; transform: rotate(-45deg) translate(0,-50%); top:50%; }
		.menu-close:hover { opacity:1; }
		.menu-wrapper { position:absolute; top:50%; left:55%; transform:translate(0,-50%); list-style-type:none; padding: 0;margin: 0 auto;text-align: left;width: 90%;max-width: 510px;z-index: 4;}
.menu-wrapper-in { position:relative; float: left; shape-outside: polygon(0px 0px, 100% 0px, -2.50% 101.07%, -2.5% 100.72%);height: 560px;width: 44px;-webkit-shape-outside: polygon(0px 0px, 100% 0px, -2.50% 101.07%, -2.5% 100.72%);}
		.menu-wrapper li { position:relative; display:block; list-style-type:none; top:-20px; opacity:0; /*! margin-right: 80px; *//*! float: left; */width: 100%;}
		.li-1 { -webkit-transition:all 800ms ease 200ms; -moz-transition:all 800ms ease 200ms; -o-transition:all 800ms ease 200ms; transition:all 900ms ease 200ms; }
		.li-2 { -webkit-transition:all 800ms ease 300ms; -moz-transition:all 800ms ease 300ms; -o-transition:all 800ms ease 300ms; transition:all 900ms ease 350ms; }
		.li-3 { -webkit-transition:all 800ms ease 400ms; -moz-transition:all 800ms ease 400ms; -o-transition:all 800ms ease 400ms; transition:all 900ms ease 500ms; }
		.li-4 { -webkit-transition:all 800ms ease 500ms; -moz-transition:all 800ms ease 500ms; -o-transition:all 800ms ease 500ms; transition:all 900ms ease 650ms; }
		.li-5 { -webkit-transition:all 800ms ease 600ms; -moz-transition:all 800ms ease 600ms; -o-transition:all 800ms ease 600ms; transition:all 900ms ease 800ms; }
			.menu-wrapper li a { position:relative; display:block; color:#fff; font-size:46px; font-weight:100; /*! letter-spacing:4px; */ /*! text-transform:uppercase; */ line-height: 80px;vertical-align: bottom; transition: 0.3s ease 0s; -webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s ease 0s; -o-transition: 0.3s ease 0s;font-family: 'Runalto', serif;}
			.menu-wrapper .l_active a { color:#d2b88f; }
				.menu-wrapper li a img { position:relative; display:inline-block; vertical-align:middle; max-height:50px; top: -11px;margin-right: 5px;}
			.menu-wrapper li a:hover { color:#d2b88f; }
.navigation-active { transform:scale(1); opacity:1; visibility:visible; }
.navigation-active .menu-wrapper li { top:0; opacity:1; }
.navigation-active { transform: matrix(1, 0, 0, 1, 0, 0); }
.navigation-active .nav { transform: translate(0%, 0%)  matrix(1, 0, 0, 1, 0, 0); }
.navigation-bottom { transform: translate(0%, 100%) matrix(1, 0, 0, 1, 0, 0); }
.navigation-bottom .nav{ transform: translate(0%, -100%) matrix(1, 0, 0, 1, 0, 0); }
.navigation-none { opacity:0; -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}
.navigation-none .nav { -webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}
.navigation-active.after .nav-bg { /*background-size: 100%;transform:scale(1);*/ }  
@media (max-aspect-ratio: 3/2) {
  .nav-bg { background-size: auto 130%; }
  .navigation-active.after .nav-bg { background-size: auto 100%; }
}

#m1 { -webkit-transition:all 800ms ease 200ms; -moz-transition:all 800ms ease 200ms; -o-transition:all 800ms ease 200ms; transition:all 900ms ease 200ms; }
#m2 { -webkit-transition:all 800ms ease 300ms; -moz-transition:all 800ms ease 300ms; -o-transition:all 800ms ease 300ms; transition:all 900ms ease 300ms; }
#m3 { -webkit-transition:all 800ms ease 400ms; -moz-transition:all 800ms ease 400ms; -o-transition:all 800ms ease 400ms; transition:all 900ms ease 400ms; }
#m4 { -webkit-transition:all 800ms ease 500ms; -moz-transition:all 800ms ease 500ms; -o-transition:all 800ms ease 500ms; transition:all 900ms ease 500ms; }
#m5 { -webkit-transition:all 800ms ease 600ms; -moz-transition:all 800ms ease 600ms; -o-transition:all 800ms ease 600ms; transition:all 900ms ease 600ms; }
#m6 { -webkit-transition:all 800ms ease 700ms; -moz-transition:all 800ms ease 700ms; -o-transition:all 800ms ease 700ms; transition:all 900ms ease 700ms; }
#m7 { -webkit-transition:all 800ms ease 800ms; -moz-transition:all 800ms ease 800ms; -o-transition:all 800ms ease 800ms; transition:all 900ms ease 800ms; }
	
.navigation-active .big { bottom:0; opacity:1; }
.navigation-active .menu-wrapper li { top:0; opacity:1; }








.header-scroll { height:80px; }
.header-scroll .header-bg { height:80px; }
.header-scroll .contact { top:26px; }
.header-scroll .top-bts { top:9px; }
.header-scroll .top-bts a { line-height: 57px;}
.header-scroll .logo { height:60px; opacity: 0; visibility: hidden; }
.header-scroll .logo-3 { opacity: 1; visibility: visible; }


				.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: 22px; padding:15px 0; }
						.dropOut ul { background-color:rgba(255,255,255,0.85); 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 ul a { font-family: 'Montserrat', sans-serif; text-decoration: none; margin:0 10px; font-size:13px; color:#918e87; 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:20px 0; text-align:center; line-height:normal; font-weight: 300;text-transform: uppercase;}
								.menu-wrapper .dropOut ul a:hover { background-color:#fff; }
							.menu-wrapper li:hover .dropdownContain { top: 45px; }
							.menu-wrapper li:hover .dropOut { opacity: 1; margin-top: 8px; }

/* SLIDE */
.slide { height: auto; height: 890px; position: relative; width: 100%; }
	.sezione_slider { position:absolute; width:100%; height:100%; overflow:hidden; top:0; left:0; }
		.swiper-container { width: 100%; height: 100%; }
			.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-overlay { position:absolute; left:20px; top:20px; right:20px; bottom:20px; background-color:#5a4a42; opacity:0.3; }



#new_slider { position:relative; width:100%; height:100vh; }
#new_slider_slides { position:relative; width:100%; height:100%;opacity:0;transition: opacity 1s linear;  }
#new_slider_slides.new_slider_active { opacity:1; }
.new_slide{ position: absolute; top: 0;  left: 0; width: 100%; height: 100%;  background-color: none; z-index: 1; overflow: hidden;}
.new_slide div {position: absolute; top: 0; left: 0;  width: calc(100vw + 100px);   height: 100%;  background-color: none;  z-index: 1; -webkit-transform: translateX(0);  transform: translateX(0);    transition: all 9s linear;  overflow: hidden
    -ms-background-size: cover;  background-size: cover;   background-position: 50% 85%;  background-repeat: no-repeat}
.new_slide div.active { -webkit-transform: translateX(-100px);  transform: translateX(-100px)}
	.shadow { position:absolute; width:100%; height:100%; left:0; top:0; opacity:0.7; -webkit-transition:all 1000ms ease 0s; -moz-transition:all 1000ms ease 0s; -o-transition:all 1000ms ease 0s; transition:all 1000ms ease 0s;
background: rgba(255,255,255,0);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(0,0,0,0.7)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=1 ); }



.above-section { position:relative; display: block; width: 100%; height: 100vh; overflow: hidden; }
	.above-bg { position:absolute; width: 100%; height: 100%; left:0; top: 0; background-position: center center; background-size: cover; background-repeat: no-repeat; }
    .shadow-top { position:absolute; width: 100%; height: 50%; left:0; top: 0; background:linear-gradient(to bottom, #000, transparent); opacity:0.6; }
	.default .shadow-top-2 { display:none; }
	.above-title { position:absolute; font-family: 'Runalto', serif; font-size: 16vw; background-image: url(../img/layout/gold.jpg); background-clip: text; -webkit-background-clip: text; color: transparent;top: 30%; left: -25px; mask:url('../img/layout/title-mask.svg'); -webkit-mask-image:url('../img/layout/title-mask.svg'); mask-size: 417px;mask-repeat: repeat-x;mask-size: cover;/*! background-attachment: fixed; */ -webkit-mask-size:70px; }
	/*.above-title-active { top: 30%; opacity: 1; margin-top: 0; }*/
	.above-2 { position:absolute; width: 100%; height: 110%; left:0; top: 0; background-position: center center; background-size: cover; background-repeat: no-repeat; }	



.top { position:absolute; width:100%; left:0; top:0; cursor:default; z-index:98; height: 100%;}
.shadow-bottom { position:absolute; width: 100%; height: 20%; left:0; bottom: 0; background:linear-gradient(to top, #000, transparent); opacity:0.3; }
		.scroll { position:absolute;  color:#fff; bottom:-40px; -webkit-transition:all 600ms ease 0s; -moz-transition:all 600ms ease 0s; -o-transition:all 600ms ease 0s; transition:all 600ms ease 0s; }
			.scroll-title { position:relative; display:block; margin:0 auto; font-size:10px; font-weight:700;text-transform:uppercase; letter-spacing: 2px; }
			.scroll-lines { position:relative; display:block; margin:0 auto; }
				.scroll-line { background-color:#fff; position:relative; display:inline-block; vertical-align:top; width:3px; }

		.scroll-down { position:absolute; left:50%; transform:translate(-50%,0); bottom:55px; z-index:99; text-align:center; font-family: ;}
			.scroll-down span { position:relative; display:inlin-bl; font-family: 'Runalto', serif; margin:1px auto; text-transform:uppercase; color:#fff;  z-index:99; font-size:17px;
									animation:1.5s ease 0s normal none infinite running scroll; opacity:0;}
									.scroll-down:hover span{opacity:1 !important;}
				.scroll-down .scr01 { opacity:0.8;animation-delay: -0.75s; }
				.scroll-down .scr02 { opacity:0.8;animation-delay: -0.6s; }
				.scroll-down .scr03 { opacity:0.6;animation-delay: -0.45s; }
				.scroll-down .scr04 { opacity:0.4;animation-delay: -0.3s; }
				.scroll-down .scr05 { opacity:0.2;animation-delay: -0.15s; }
				.scroll-down .scr06 { opacity:0.15;animation-delay: 0s; }
			.scroll-down img { position:relative; display:block; max-width:12px; margin-top:11px; /*animation:1.5s ease 0s normal none infinite running arrow;animation-delay: 1.5s;
			-webkit-transition:all 500ms ease 0s; -moz-transition:all 500ms ease 0s; -o-transition:all 500ms ease 0s; transition:all 500ms ease 0s;*/ }
			/*.scroll-down:hover img{animation:1.5s ease 0s normal none running arrow2;margin-top:30px;}*/

@keyframes scroll {
	0% {opacity:1; }
	100% {opacity:0.1; }
}

/* MAIN */
.main { position:relative; display:block; width:100%; margin:0 auto; }
	.content { position:relative; display:block; width:100%; margin:0 auto; overflow: auto;}
		.article-bg { position:absolute; width:100%; left:0; top:0; height:100%; background-image:url('../img/layout/detail.svg');  background-repeat:no-repeat; opacity: 0.4;}
		.article-bg-1 { background-position:130% -1%; background-size: auto 580px; }
		.article-bg-2 { background-position:-5% 110%; background-size: auto 735px; }
			.article-bg-1 .article-bg-shad { position:absolute; right: 0; top: 0; width: 88px; height: 100%; background:linear-gradient(to left, #0a0a0a, transparent); }
			.article-bg-2 .article-bg-shad { position:absolute; right: 0; bottom: 0; height: 88px; width: 100%; background:linear-gradient(to top, #0a0a0a, transparent); }
		.article-border { position:absolute; top: 88px; left: 88px; right: 88px; bottom: 88px; border-top: 20px solid #35353e; border-bottom: 20px solid #35353e; z-index: 4;pointer-events: none;}
			.article-border-top-left { position:absolute; height: 40%; width: 20px; left: 0; top: 0; background: linear-gradient(to bottom, #35353e, #35353e, transparent); }
			.article-border-top-right { position:absolute; height: 40%; width: 20px; right: 0; top: 0; background: linear-gradient(to bottom, #35353e, #35353e, transparent); }
			.article-border-bottom-left { position:absolute; height: 50%; width: 20px; left: 0; bottom: 0; background: linear-gradient(to top, #35353e, #35353e, transparent); }
			.article-border-bottom-right { position:absolute; height: 50%; width: 20px; right: 0; bottom: 0; background: linear-gradient(to top, #35353e, #35353e, transparent); }
		.article { position:relative; width:90%; max-width:1070px; margin:220px auto; overflow: auto;text-align: center;z-index: 2;}
		.article-1 { margin: 220px auto 130px; }
		.article-2 { margin: -50px auto 130px; }

		.default .article { margin:220px auto 0; }
			.slog { position:relative; display: block; width: 100%; margin: 0 auto; text-align: center;cursor: default;}
				.slog-sup { position:relative; display: block; font-size: 24px; letter-spacing: 3px; font-family: 'Runalto', serif; color: #d2b88f; text-transform: uppercase; }
				.slog-title { position:relative; display: block; font-size: 131px; font-family: 'Runalto', serif; color: #d2b88f; text-transform: uppercase; }
			.h1 { position:relative; font-size: 24px; font-weight: 500; margin: 20px auto 0; line-height: 34px;}
			.h2 { position:relative; font-size: 24px; font-weight: 500; margin: 0 auto 30px; line-height: 34px;}
			.h3, h3 { position:relative; font-size: 24px; letter-spacing: 3px; font-weight: 500; margin: 40px auto 20px; line-height: 34px; font-family: 'Runalto', serif;
color: #d2b88f; text-transform: uppercase; }
			.article p, .list { font-size:18px; line-height:34px; font-weight:300; margin-top: 0;margin: 0 auto;}
.article p a { color: #fff; }
			.list { list-style: url('../img/layout/list.svg') inside; padding: 0;}
			.article-in { position:relative; display: block; width: 100%; margin: 0 auto; }
				.article-left { position:relative; float:left; width:50%; margin: 0 auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-right: 25px; text-align: right;}
				.article-right { position:relative; float:right; width:50%; margin: 0 auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding-left: 25px; text-align: left;}
			.sign { position:relative; display: block; width:217px; margin:50px auto 0; }
		.article-img { position:relative; display: block; width: 100%; margin: -50px auto 0; height: 90vh;}
			.parallax-window {width:100%; position:relative; display:table; background: transparent; }
				.core-height { height:100%; }
			.article-img-over-top { position:absolute; width: 100%; height: 250px; left: 0; top: 0; background:linear-gradient(to bottom, #0a0a0a, #0a0a0ade, transparent); z-index: 1;}
			.article-img-over-bottom { position:absolute; width: 100%; height: 50%; left: 0; bottom: 0; background:linear-gradient(to top, #0a0a0a, transparent); z-index: 1;}

	.key-section { position:relative; display: block; width: 80%; max-width: 1390px; margin: -140px auto 240px; z-index: 3;}
		.key { position:relative; display: inline-block; vertical-align: top; width:32%; height: 720px; background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; max-width: 448px;}
		.key-1 { }
		.key-2 { margin-left: 2%; margin-right: 2%; margin-top: 137px; }
		.key-3 { margin-top: 274px; }
			/*.key-img { position:absolute; width:100%; height: 100%; background-image:url("../img/layout/key-img.jpg"); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; max-width: 448px;}*/
		.key-over { position:absolute; top: 0; left: 0; width: 100%; height: 100%; }
			.key-overlay { position:absolute; width: 100%; height: 70%; background:radial-gradient(#000, transparent, transparent); left: 0; top: 50%; transform: translate(0, -50%); opacity: 0.2;}
			.key-section .slog { color:#fff; top: 44%;transform: translate(0,-50%);}
				.key-section .slog-sup { color:#fff; }
				.key-section .slog-title { color:#fff; }




    .core-section { position:relative; display: block; width: 100%; margin: 0 auto; }
    
    	.core  { position:relative; display: block; width: 100%; height:910px; margin: 0 auto; overflow: hidden;}
		.core-1 .core-img {  }
		.core-2 .core-img {  }
		.core-3 .core-img {  }
        	.core-img { position:relative; display: block; float:left; margin:0 auto; width: 50%; height:100%; overflow: hidden; background-size: cover;background-position: center center;background-repeat: no-repeat;}
				.core-1 .core-img { width:calc(50% + (13.541666666666666vw / 2)); }
				.core-2 .core-img { width:calc(50% + (13.541666666666666vw / 6)); }
				.core-3 .core-img { width:calc(50% - (13.541666666666666vw / 6)); }
        	.core-con { position:relative; display: block; float:right; margin:0 auto; width: 50%; height:100%;  background-color: #0a0a0a; z-index: 2;}
				.core-1 .core-con { width:calc(50% - (13.541666666666666vw / 2)); }
				.core-2 .core-con { width:calc(50% - (13.541666666666666vw / 6)); }
				.core-3 .core-con { width:calc(50% + (13.541666666666666vw / 6)); }
					.core-triangle { position: absolute; width: 0; height: 0; border-bottom: 0 solid transparent; border-top: 910px solid transparent; border-right: calc(13.541666666666666vw / 3) solid #0a0a0a; right: 100%; top: 0; }
					.nav-triangle { position: absolute; width: 0; height: 0; border-bottom: 0 solid transparent; border-top: 100vh solid transparent; border-right: calc(13.541666666666666vw / 3) solid #0a0a0a; right: calc(50% - (13.541666666666666vw / 6)); top: 0; z-index: 2; /*! display: none; */}
					.core-inner { position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 90%; max-width: 560px; }
				.core-title { position: absolute; left: 50%; transform: translate(-50%, 0); font-size: 361px; bottom: -130px;font-family: 'Runalto', serif;font-style: italic;text-transform: uppercase;pointer-events: none;}
				.core-title-1 { z-index: 1; color: #35353e;}
.nav .core-title-1 { z-index:3; }
				.core-title-parent { position:absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 3; mix-blend-mode: lighten;pointer-events: none;}
				.core-1 .core-title-parent { -webkit-clip-path: polygon(calc(50% + 13.541666666666666vw / 2) 0%,100% 0%,100% 100%,calc(50% + 13.541666666666666vw / 6) 100%);
clip-path: polygon(calc(50% + 13.541666666666666vw / 2) 0%,100% 0%,100% 100%,calc(50% + 13.541666666666666vw / 6) 100%); }
				.core-2 .core-title-parent { -webkit-clip-path: polygon(calc(50% + 13.541666666666666vw / 6) 0%,0% 0%,0% 100%,calc(50% - 13.541666666666666vw / 6) 100%);
clip-path: polygon(calc(50% + 13.541666666666666vw / 6) 0%,0% 0%,0% 100%,calc(50% - 13.541666666666666vw / 6) 100%); }
				.core-3 .core-title-parent { -webkit-clip-path: polygon(calc(50% - 13.541666666666666vw / 6) 0%,100% 0%,100% 100%,calc(50% - 13.541666666666666vw / 2) 100%);
clip-path: polygon(calc(50% - 13.541666666666666vw / 6) 0%,100% 0%,100% 100%,calc(50% - 13.541666666666666vw / 2) 100%); }
				.nav .core-title-parent { -webkit-clip-path: polygon(calc(50% + 13.541666666666666vw / 2) 0%,0% 0%,0% 100%,calc(50% + 13.541666666666666vw / 6) 100%);
clip-path: polygon(calc(50% + 13.541666666666666vw / 6) 0%,0% 0%,0% 100%,calc(50% - 13.541666666666666vw / 6) 100%); }
.nav .core-title-parent { mix-blend-mode: normal; }
					.core-title-2 { color: #1a1a1e;}
            	.core-img .core-title {  }
            	.core-con .core-title {  }
				.slogan { position:relative; display: block; width: 100%; margin: 0 auto; text-align: center;}
            		.slogan-sup { position:relative; display: block;  font-family: 'Runalto', serif; color: #35353e; font-size: 160px; }
            		.slogan-title { position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'SilverSouthScript', sans-serif; color: #d2b88f; font-size: 163px; width: 100%;}
				.core-sub { position:relative; display: block; font-size: 14px; max-width: 480px; width:100%; margin: 0 auto 50px;line-height: 30px;}
				.core-bt { position: relative; display: inline-block; line-height:100px; font-size: 18px; color: #fff; border: 2px solid #fff; width:227px; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; font-family: 'Runalto', serif;text-transform: uppercase;text-align: center;letter-spacing: 1px;}
				.core-bt .req-bt-bg { z-index: -1; }
				.core-bt:hover { color: #0a0a0a;  border-color:#d2b88f; }
				.core-bt:hover .req-bt-bg { height:100%; }
				.core-bt-request { position: relative; display: inline-block; line-height:100px; font-size: 18px; color: #fff; border: 2px solid #fff; width:300px; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; font-family: 'Runalto', serif;text-transform: uppercase;text-align: center;letter-spacing: 1px;}
				.core-bt-request .req-bt-bg { z-index: -1; }
				.core-bt-request:hover { color: #0a0a0a;  border-color:#d2b88f; }
				.core-bt-request:hover .req-bt-bg { height:100%; }

    .core-section .core:nth-child(even) .core-img { float:right; }
    .core-section .core:nth-child(even) .core-con { float:left; }
    .core-section .core:nth-child(even) .core-triangle { right: auto; left: 100%; transform:scale(-1); }
    .core-section .core:nth-child(even) {  }
    .core-section .core:nth-child(even) {  }
    .core-section .core:nth-child(even) {  }



/* ----------- #BOTTOM ----------- */
			
.bottom { position:relative; display:block; width:100%; margin:0 auto;  cursor:default; }
	.add { position:relative; display:block; width:100%; margin:0 auto; background-attachment:fixed; background-position:center center; background-repeat:no-repeat; background-size:cover; height: 600px;overflow: hidden;}
		.add-overlay { position:absolute; width:100%; height:100%; left:0; top:0; background-color:#000; opacity:0.2; }
	
	.request-section { position:relative; display:block; width:100%; margin:-100px auto 0; }
		.request-inner { position:relative; display:block; width:90%; max-width:1340px; margin:0 auto; z-index: 1;}
.request-inner .slogan { margin:0 auto -62px; z-index: 1;}
			.request-inner .slogan-title {  }
			.request-inner .slogan-sub {  }
			.requ-box { position:relative; width:100%;  border: 14px solid #35353e;box-sizing: border-box;}
			
				.quick-request { margin:65px auto; position:relative; display:table; padding: 0;box-sizing: border-box;width: 90%;text-align: center;text-align: center;}
					.small-form-title { display:block; position:relative; font-size:53px; color:#373737; margin:20px 0px 60px 70px; font-weight: 500;line-height: 34px;display: none;}
						.qr-col { display:block; position:relative; box-sizing: border-box;margin: 0;width: 21%;padding: 0;display: inline-block;vertical-align: middle;}
						.qr-col-big { display:block; position:relative; overflow: auto;box-sizing: border-box;margin: 0;width:100%;float: left;} 
							.qr-row { width:100%; float:left; display:block; position:relative; color:#987e5f; font-weight: 300;text-align: center;}
							.qr-row-big { width:auto;   position:relative;     cursor: pointer;border: 0px;padding: 0px;border: none;width: 48%;padding: 0;background-color: transparent; max-width: 250px;line-height: 88px;font-size: 17px;font-family: 'Runalto', serif;letter-spacing: 1px;text-transform: uppercase;color: #d2b88f;border: 2px solid #d2b88f;display: inline-block;vertical-align: middle; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
							.qr-row-big-2 { margin-left: 2%; }
							.qr-row-big:hover {  color: #0a0a0a;}
								.requ-bt { position:relative; color:#796d63; font-family: 'Playfair Display', serif; text-transform:uppercase; font-weight:700; font-size: 36px;margin-left: 115px;}
							.qr-book { position:relative; display:block;padding: 19px 0;background-color: #987e5f;color: #fff;font-weight: 300;text-align: center;font-size: 18px;text-transform: uppercase;}
							.qr-book:hover { background-color:#726351; }
							
								.qr-row-box { display:block; text-align: center; padding: 20px 0;}
									.qr-title { text-align:center; display: block;font-family: 'Dawning of a New Day', cursive;font-size: 38px;padding-bottom: 8px;}
										.qr-title img { width:100px; }
									.qr-date { position: relative; display: inline-block; vertical-align: middle; font-size: 100px; font-size: 72px; color: #d2b88f; font-weight: 400; transition: all 300ms ease 0s; font-family: 'Runalto', serif;}
									.qr-date-box { position: relative; display: inline-block; vertical-align: middle; }
										.qr-month { position: relative;display: inline-block;font-size: 52px;text-transform: uppercase;color: #d2b88f;  transition: all 300ms ease 0s; vertical-align: middle;font-weight: 100;}
										.qr-year { position: relative;display: inline;font-size: 14px;color: #fff;font-weight: 300;transition: all 300ms ease 0s; letter-spacing: 17px;text-align: center;background: #cdcdcd;padding-left: 16px;}
							
											.TxtInput { opacity: 0; background-color: #fff;border: 0 none;border-radius: 0;box-sizing: border-box;color: #796d63;display: inline-block;font-size: 1.7em;font-weight: 400;margin: 0 auto;line-height: 110px;position: relative;text-align: center;width: 100%; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; position: absolute; top: 0; left: 0; font-size: ;}
											.quick-request .request-button-img { width:22px; margin: 0px 0px 0px 4px; transition:all 300ms ease 0s; position: relative;right: 0px;}
											
											.qr-row-big:hover .request-button-img { right:-5px; }
						
						.qr-3 { width:41%; margin-left: 3%;}
		.qr-row-big .req-bt-bg { z-index: -1; }
		.qr-row-big:hover .req-bt-bg { height:100%; }
.qr-3 .qr-row-big:nth-child(2) { background-color:#d2b88f; color: #0a0a0a; }
.qr-3 .qr-row-big:nth-child(2) .req-bt-bg { background-color:#35353e; z-index:auto; }
.qr-row-big-in { position:relative; display: block; margin: 0 auto; }
.qr-3 .qr-row-big:nth-child(2):hover { border-color:#35353e; color: #fff;}




/* ----------- #FOOTER ----------- */
			
.footer { position:relative; display:block; width:100%; margin:0 auto; overflow: auto; cursor:default; }
	.footer-inner { position:relative; display:block; width:90%; max-width:1340px; margin:130px auto; overflow: auto;}
		.footer-in { position:relative; display:block; width:100%; margin:0 auto; }
			.footer-box { position:relative; float:left; width:33.333%; margin:0 auto; }
				.footer-title { position:relative; display:block; font-family: 'Runalto', serif; font-size:34px; color:#d2b88f; font-weight:400; margin: 0 auto 40px;}
				.footer-box p { font-size:14px; font-weight:400; color:#fff; line-height: 30px;margin: 0 auto;}
					.footer-box p a { font-weight:400; color:#fff; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
					.footer-box p a:hover { color:#d2b88f; }
				.box-2 { text-align:center; margin-top: 30px;}
				.box-3 { text-align:right; }
				.box-3 p { text-align:right; }
				.vr { position:relative; display:block; width:1px; height:50px; background-color:#3b2d23; margin: 0 auto 20px;}
				.back { position:relative; display:block; }
					.ba { position:relative; display:block; margin:21px auto 0; }
						.ba span { color:#36302f; font-size:9px; position: relative;display: block;text-transform: uppercase;margin: 2px auto;font-weight: 400;}
.foot-line { position:relative; display: inline-block; width:133px; height: 2px; background:linear-gradient(to left, #fff, transparent); opacity: 0.25; margin: 21px 0 14px;}
				.language { position:relative; display:block; margin:0px auto 89px; }
					.language a { margin-left:20px; font-size:11px; font-weight:600; color:#fff; line-height: 34px;text-transform: uppercase;letter-spacing: 1px; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
					.language span { margin-left:20px; font-size:11px; font-weight:600; color:#fff; line-height: 34px;text-transform: uppercase;letter-spacing: 1px; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
					.language a:hover { color:#d2b88f; }
					.language .lang-active { display:none; }
				.social { position:relative; display:block; margin:0 auto; }
					.social img { position:relative; display:inline-block; max-height:16px; margin-left:20px; filter: brightness(2); -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
					.social img:hover { filter: brightness(1); }

.footer-bottom { position:relative; display:block; width:100%; margin:0 auto; background-color:#0a0a0a; overflow: hidden;}
	.foot-par-bg { position:absolute; left: 50%; bottom: -230px; transform: translate(-50%, 0); width:2000px; height: 1200px; background:radial-gradient(#fff, transparent, transparent); opacity: 0.3;}
	.partner { position:relative; display:block; width:90%; max-width:1150px; margin:37px auto; text-align: center;}
		.par { position:relative; display:inline-block; height:34px; margin:auto 33px; }
			.par img { position:relative; display:block; height:100%; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
			.par .par-2 { opacity:0; position: absolute;top: 0;left: 0;}
			.par:hover .par-2 { opacity:1; }
			.par:hover .par-1 { opacity:0; }

.partner .par:nth-child(1) { height:44px; }
.partner .par:nth-child(2) { height:61px; }
.partner .par:nth-child(3) { height:47px; }
.partner .par:nth-child(4) { height:52px; }

.logo-2 { position:relative; display: block; width: 100%; max-width: 260px; margin: 0 auto; }

.box-0 { display:none; }

.img { position:relative; display:table; margin:80px auto 0; width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 20px;}
	.img a {position: relative;float: left;box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; width: 33.333%;padding: 20px;}
	.img img { position:relative;   width:100%;  -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
	.img img:hover { opacity:0.8; }

.maps { position:relative; display: block; width: 100%; height: 450px; margin: 50px auto 0; }

.structure-gallery { position:relative; display: block; margin: -80px 180px 0; }


.routenplaner {position:relative; display: block; width: 100%; margin: 42px auto 0; border: 1px solid rgba(255,255,255,0.25); -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;max-width: 300px;}
	.request_box {  border: 0 none; border-radius: 0; box-sizing: border-box;  display: inline-block; font-family: 'Runalto', serif; font-size: 18px; height: 62px; line-height: 62px; margin: 0 auto; padding: 0 0 0 26px; max-width: 160px; vertical-align: middle; color:#fff; background-color: transparent;}
	.btn_request { background-color: transparent;  border-radius: 0; color: #fff; font-family: 'DM Serif Display', serif; font-size: 22px; font-weight: 400; height: auto;   padding: 20px 26px 20px 0;  cursor:pointer; width: auto;display: inline-block;vertical-align: middle;border: none;line-height: normal;width: 45px; -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;position: relative;left: -14px;background-image: url('../img/layout/arrow.svg');background-position: center left;background-repeat: no-repeat;background-size: 43px auto; color: transparent;}
	.btn_request:hover { left: -8px; }
.routenplaner:hover { border-color: #fff;}
.routenplaner-it .request_box { padding: 0; }
.routenplaner-it .btn_request { margin-left: 20px; }


.request_box::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

.request_box:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
  opacity: 1;
}

.request_box::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
  opacity: 1;
}

.article-1 .slog-2 { margin-top: 100px; }
.article-1 .grid { margin: 30px auto 150px; }
.slog-2 .slog-sup { font-size: 20px; }
.slog-2 .slog-title { font-size: 80px; }


.plan-section { position: relative; display: block; width: 100%; margin: 80px auto 0; }
	.plan { position: relative; display: inline-block; width: 36%; margin: auto 1%; max-width: 400px;}
		.plan img { position: relative; display: block; width: 100%; margin: 0 auto; background: radial-gradient(#fff, #afafaf);padding: 80px;box-sizing: border-box;filter: grayscale(100%); -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s; }
		.plan-title { position: absolute; display: block; width: 100%;  font-family: 'Runalto', serif;color: #0a0a0a;font-size: 24px;letter-spacing: 3px;text-transform: uppercase;bottom: 26px;}


@media screen and (max-width: 1600px) {
	.h2{}
	.collage-title{font-size: 200px;}
}	

@media screen and (max-width: 1310px) {
	.article { width:70%; }
	.key-section { width:70%; }
	.key { height: 60vw; }
	.slog-title { font-size: 6.822916666666667vw; }
	.article-border { top: 44px; left: 44px; right: 44px; bottom: 44px; }
	.qr-3 { width: 60%; }
}
@media screen and (max-width: 1230px) {
	.header .top-bts { right: 1%; }
	.header .top-bts a { width: 144px; margin-left: 5px; }
}
@media screen and (max-width: 1150px) {
	.core-title{/*! font-size: 180px; *//*! top: -144px; */}
	.core-2 .core-sub, .core-sub{left:auto;right:auto;font-size: 14px;}
	.col-img{width:90%;height: 300px;margin: 3px auto;left: auto;top: auto;right: auto;bottom: auto;background-position: center center;display: block;}
	.col-2{/*! margin: 42px -43px auto -5%; */}
	.collage-title{font-size: 150px;}
	.h2 { /*! right: auto; */ /*! left: auto; */ /*! position: relative; */ /*! width: 70%; */ /*! max-width: none; */ /*! bottom: 300px; */}
	.con-line{margin: auto 10px;}
	.req-bt{/*! padding: 20px; *//*! top: 70px; */}
	.req-bt span{font-size: 17px;}
	.req-title{font-size: 140px;margin:0 auto;}
	.requ-inner{width: 98%;margin: 50px auto;}
}	
	
@media screen and (max-width: 1000px) {
.img a {
    width: 100%;
    margin: 0 auto 3px;
    padding: 0;
}
	
	.structure-gallery { margin: -120px 30px; }
	.plan { width:100%; display: block; margin: 10px auto; }
}
@media screen and (max-width: 950px) {
    #new_slider { height: 60vh; }
    .top { height: 60vh; }
    .above-section { height: 60vh; }
	.logo3, .navigation-bg { display:none; }
	.con-img { display:block; }
	.collage-title{font-size: 80px;}
	.top-shad, .top-title { font-size:30px; }
	.article {  width: 83%;margin-top: 50px !important;}
	.left, .right { width:100%; float:none; }
	.left { height:350px; }
	.shadow-article { display:none; }
	.right-descr { left:auto; }
	.article-shad { left:-25px; font-size: 40px; margin: 0 auto -35px; }
	.article-title { font-size: 40px; }
	.sign { margin: 30px auto 0; width: 150px;}
	.sign img { max-height: 70px; }
	.core, .core-inner { height:auto; }
	.core-inner { width:75%; position: relative;transform: none;left: auto;top: auto;margin: 30px auto;}
	.core-shad, .core-title { font-size: 80px;top: 0; }
	.core-title{left: -40px;top: -50px;}
	.core-2 .core-title{left: auto;right: -70px;}
	.core-shad { margin: 0 auto -40px; }
	.footer { padding:30px; padding-top:0;box-sizing: border-box;padding: 0;}
	.footer-inner { height:auto; margin: 50px auto;}
	.box { padding:0; width:100%; height:auto; text-align:center; }
	.box-1 .box-in p { text-align:center; }

	.box-inner { padding:0; }
	.box-in { margin:50px auto; }
	.logo-footer { position:relative; transform:none; left:auto; top:auto; max-width: 240px; margin:30px auto; }
	.social img { margin:auto 9px; }
	.req-sub { font-size:30px; }
	.qr-col { width:48%; padding:0; }
	.qr-date { line-height:normal; font-size:80px;  }
	.qr-date-box { margin:0 auto; }
	.qr-month { font-size: 28px; }
	.qr-year { font-size: 28px; }
	.qr-row-big { padding:20px 0; }
	.req-bg-1 { background-position: 3% 38%; background-size: 38% auto; }
	.req-bg-2 { background-position: 110% 10%; background-size: 84% auto; opacity: 0.5; }
	.menu-wrapper li { display:block; text-align: center;margin: 20px auto;}
	.menu-wrapper li a, .menu-wrapper li span { line-height:normal; /*! padding:20px; */ font-size: 38px;}
	.logo { max-width: 150px; /*margin-left: -120px;*/ height: auto;top: 20px;}

	.wi-su-title { font-size: 40px;}
	.menu-wrapper { left:50%; transform:translate(-50%,-50%); }
	.logo-nav{ width:50%; right: 25px;top: 21px;}
	
	
	.collage-title{font-size: 100px;}
	.partner{text-align:center;margin-bottom: 100px;margin-top: 10px;}
	.partner img{margin: 20px;max-height: 50px;}
	.wi-su-sub{display: none;}
	.qr-col{overflow: visible;}
	.req-title{font-size: 70px;}
	.core-descr{width: 60%;min-width: 300px;}
	.h1{font-size: 20px;line-height: 26px;}
	.h2{bottom: 0;font-size: 20px;line-height: 26px;}
	.contact {top:26px;left: auto;left: 5%;}
	.contact a{font-size:0px;width:30px;height:30px;}
	.menu{left: auto;top: 18px;right: 0;}
	.menu-scroll, .menu-button-active, .menu-button-active.menu-scroll { top:18px; }
	.header-scroll .contact{/*! display:none; */}
	.con-line{opacity:0;margin:5px;}
	.article p, .list { font-size:16px; line-height:28px; }
	.logo-bg { width:130%; }
	
	
	
	
	
	.top-bts, .core-triangle, .core-title, .core-title-parent, .box-2 { display:none; }
	.top-bts-2,.box-0 { display:block; }
	.scroll-down { bottom: 35px; }
	.scroll-down span { font-size: 15px; }
	.menu-wrapper-in { display:none; }
	.logo-3 { height:40px; top: 20px; }
	.slog-sup { font-size:18px !important; }
	.slog-title { font-size:48px !important; }
	.article-border { top:10px; left: 10px; right: 10px; bottom: 10px; border-top: 5px solid #35353e; border-bottom: 5px solid #35353e; }
	.article-border-top-left, .article-border-top-right, .article-border-bottom-left, .article-border-bottom-right { width:5px; }
	.article-left,.article-right { float: none; width:100%; margin: 0 auto; padding: 0; text-align: center; }
	.key-section { margin: 40px auto 50px; }
	.key { height:60vw; }
	.key-2 { margin-top:40px; }
	.key-3 { margin-top:80px; }
	.core-img { height: 60vw;float: none !important;width: 100% !important;margin: 0 auto;}
	.core-con { position:relative !important; width:100% !important; float: none !important; margin: 0 auto; }
	.slogan-sup, .slogan-title { font-size:60px; }
	.article-bg { opacity:0.2; }
	.article-img { margin-top: -150px; display: none;}
	
	.quick-request { padding: 0; margin: 40px auto;}
	.qr-col { width:49%; }
	.qr-3 { width:100%; margin: 0 auto;text-align: center;}
	.qr-date { font-size: 80px; }
	.qr-month { font-size:40px; }
	.requ-bt { margin:0 auto; font-size: 24px;}
	.add { height:calc(100vw); }
	.article-img-over-top { height:150px; }
	.qr-row-big { margin:0 auto;  }
	.footer-box { width:100%; margin:30px auto; float:none; text-align:center; }
	.footer-box p { text-align:center; }
	.footer-inner { margin:50px auto; }
	.language a { margin:auto 8px; }
	.social img { margin:auto 10px; }
	.par { margin: 14px; }
	.request-section { margin: -255px auto 0; }
	.qr-row-big { line-height: 28px; }
	.footer-title { font-size:30px; margin: 40px auto 20px; }
	.add { background-attachment: unset; }
	.request-inner .slogan { margin: 0 auto -24px; }
	.requ-box { border: 5px solid #35353e;}
	.logo-2 { max-width: 220px; }
	.foot-par-bg { opacity: 0.1;}
	.top-bts-2 a:nth-child(1) { border-color:#0a0a0a; background-color: #0a0a0a; }
	.above-title { font-size: 30vw; top: 40%; /*! bottom: 28%; */ font-size: 17vw;}
	
	.chaletbanner { bottom: 60px; }
	
	
}


@media screen and (max-width:750px){
	.chaletbanner {width: 160px; height: 160px; top: 120px; padding: 10px;}
    .chaletbanner img {width: 100px; /*! top: 10px; */}
}

@media screen and (max-width:550px){
	.chaletbanner img { width: 69px; }
    .chaletbanner { width: 100px; height: 100px; bottom: calc(40vh + 20px); padding: 10px; right: 10px; top: auto;}
}