html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

body {
	line-height: 1
}

ol,ul {
	list-style: none
}
.container {
	margin: 0 auto;
	width: 90%
}

.row {
	margin: 0 -1.5625%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.col-md-2,.col-md-4,.col-md-6,.col-md-12 {
	position: relative;
	min-height: 1px;
	padding: 0 1.5625%
}




@media(min-width:992px) {
	.col-md-2,.col-md-4,.col-md-6,.col-md-12 {
		float: left
	}

	.col-md-12 {
		width: 100%
	}

	.col-md-6 {
		width: 50%
	}

	.col-md-4 {
		width: 33.33333333%
	}

	.col-md-2 {
		width: 16.66666667%
	}


}






.slick-list,.slick-slider,.slick-track {
	position: relative;
	display: block
}

.slick-loading .slick-slide,.slick-loading .slick-track {
	visibility: hidden
}

.slick-slider {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.slick-track {
	top: 0;
	left: 0
}

.slick-track:after,.slick-track:before {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}[dir=rtl] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.fp-enabled body,html.fp-enabled {
	margin: 0;
	padding: 0;
	overflow: hidden;
	-webkit-tap-highlight-color: transparent
}

#superContainer {
	height: 100%;
	position: relative;
	-ms-touch-action: none;
	touch-action: none
}

.fp-section {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.fp-section.fp-table,.fp-slide.fp-table {
	display: table;
	table-layout: fixed;
	width: 100%
}


.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section {
	height: auto!important
}

body {
	background: #fff;
	color: #1e1e1e;
	font-family: 'Raleway',sans serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: .1em;
	text-rendering: optimizeLegibility!important;
	-webkit-font-smoothing: antialiased!important
}


.fullpage .wrapper {
	overflow-x: hidden
}

*,*:after,*:before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.clearfix:before,.clearfix:after{
	content: "";
	display: table
}

.clearfix:after {
	clear: both
}

.clearfix,.cf {
	*zoom: 1
}

.clear {
	clear: both
}

p {
	margin-bottom: 25px;
	line-height: 1.5
}

ul {
	margin: 0;
	padding: 0
}

a {
	color: #fff;
	text-decoration: none;
	-moz-transition: color .5s;
	-o-transition: color .5s;
	-webkit-transition: color .5s;
	transition: color .5s
}


a.black {
	color: #1e1e1e
}

img {
	display: block;
	max-width: 100%;
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.hide {
	display: none
}

.text-center {
	text-align: center
}


.w100 {
	width: 100%
}

.hero .shadow {
	background: url(../images/listing-shadow.png) repeat-x left bottom;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 2
}

.hero .shadow-full {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	background-color: rgba(0,0,0,.3)
}

.hero .shadow.top {
	background: url(../images/listing-shadow-top.png) repeat-x left top
}

.hero .shadow.left {
	background: -moz-linear-gradient(left,rgba(0,0,0,.65) 0%,rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left,rgba(0,0,0,.65) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right,rgba(0,0,0,.65) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=1);
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	width: 200px;
	height: 100%
}

.hero .shadow.bottom,.shadow.bottom {
	background: url(../images/listing-shadow.png) repeat-x left bottom;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 2
}

.hero .shadow.right {
	background: -moz-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,.65) 100%);
	background: -webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,.65) 100%);
	background: linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=1);
	position: absolute;
	left: auto;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	width: 200px;
	height: 100%
}

h1 {
	font-size: 200px;
	font-weight: 300;
	letter-spacing: .9em;
	line-height: 200px
}

.hero .small h1 {
	font-size: 160px;
	line-height: 200px;
	letter-spacing: .5em;
	margin-left: .25em
}

.hero .xsmall h1 {
	font-size: 120px;
	line-height: 200px;
	letter-spacing: .25em;
	margin-left: .12em
}

.hero .xxsmall h1 {
	font-size: 2.8vw!important;
	line-height: 200px;
	letter-spacing: .2em;
	margin-left: .12em;
	text-transform: uppercase
}


h2 {
	font-size: 60px;
	line-height: 70px;
	letter-spacing: 0;
	font-weight: 300;
	margin-bottom: 12px
}

h2.light {
	font-weight: 300;
	line-height: 1
}

h2.xl {
	font-size: 70px;
	font-weight: 300;
	line-height: 1;
	margin-bottom: 20px
}

h3 {
	font-size: 60px;
	font-weight: 300;
	letter-spacing: .03em;
	line-height: 60px;
	margin-bottom: 10px
}

h4 {
	font-family: 'Raleway',sans serif;
	font-size: 30px;
	line-height: 40px;
	letter-spacing: 0;
	font-weight: 400;
	margin-bottom: 10px
}

.desc {
	padding: 0 15px;font-family: siyuanheiti;
}


.text.text-center p:last-child {
	margin-bottom: 0
}

.text-cta {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-weight: 500;
	color: #1e1e1e
}

.text-cta:before {
	content: "";
	width: 25px;
	height: 1px;
	background: #1e1e1e;
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle
}

ul li:first-child .text-cta:before {
	display: none
}

ul.firstbefore-visible li:first-child .text-cta:before {
	display: inline-block
}

.text-center>.categorie>ul.firstbefore-visible li:first-child .text-cta:before {
	display: none
}

.section .text .text-cta:before {
	background: #fff
}

.text-hover .text-cta:before {
	display: none
}

.text .text-cta {
	position: relative;
	top: -18px
}




@media(max-width:1500px) {
	.hero h1 {
		font-size: 180px
	}

}

@media(max-width:1400px) {
	h1 {
		letter-spacing: .7em
	}

	.hero h1 {
		font-size: 160px
	}
}

@media(max-width:1279px) {
	h1 {
		letter-spacing: .7em
	}

	.hero h1 {
		font-size: 140px
	}

}

@media(max-width:1140px) {
	h1 {
		letter-spacing: .6em
	}
}

@media(min-width:992px) and (max-width:1199px) {

	h2 {
		font-size: 52px
	}

	h3 {
		font-size: 42px
	}
}

@media(min-width:768px) and (max-width:991px) {
	h2 {
		font-size: 42px
	}

	h3 {
		font-size: 32px
	}
}

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

@media(max-width:767px) {
	.hero h1 {
		font-size: 44px;
		line-height: 5
	}

	h2,h2.xl {
		font-size: 40px;
		line-height: 50px
	}

	h3 {
		font-size: 30px;
		line-height: 30px
	}

	h4 {
		font-size: 26px;
		line-height: 36px
	}


	#homepage .text-cta:before {
		display: inline-block
	}

	#homepage ul li:first-child .text-cta:before {
		display: none
	}

	.categorie ul.inline li {
		display: inline-block
	}

	.desc {
		font-size: 14px
	}

	.desc.medium {
		font-size: 14px;
		line-height: 1.4
	}

	.backTop {
		bottom: 6px;
		right: 6px;
		padding: 0;
		width: 40px;
		height: 40px
	}

	.backTop.on {
		opacity: .9
	}

	.backTop img {
		margin: 0;
		position: absolute;
		top: 1px;
		left: 15px;
		transform: none
	}
}



.hero {
	position: relative;
	z-index: 0;
	overflow: hidden;
	height: 100vh;
	height: calc(100vh - 36px);
	background: #1e1e1e
}

.hero.adjustHeight {
	height: 100vh
}


.ex1 {
    opacity: 0;
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 90px;
    z-index: 2;
    top: 50%;
    color: #fff;
    margin-top: -59px;
    font-family: Montserrat-Bold
  }
.ex1 span {
    position: relative;
    top: 10px;
    left: 10px;
    opacity: 0;
    font-family: Montserrat-Bold;
    text-shadow: 1px 2px 5px #4f4f4f;
}


.hero .slide>div {
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center bottom;
	background-size: cover;
	background-attachment: fixed;
	opacity: 0;
	-moz-animation-name: imagehero;
	-o-animation-name: imagehero;
	-webkit-animation-name: imagehero;
	animation-name: imagehero;
	-moz-animation-duration: 4000ms;
	-o-animation-duration: 4000ms;
	-webkit-animation-duration: 4000ms;
	animation-duration: 4000ms;
	-moz-animation-timing-function: cubic-bezier(0,.33,.2,1);
	-o-animation-timing-function: cubic-bezier(0,.33,.2,1);
	-webkit-animation-timing-function: cubic-bezier(0,.33,.2,1);
	animation-timing-function: cubic-bezier(0,.33,.2,1);
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-moz-animation-play-state: initial;
	-o-animation-play-state: initial;
	-webkit-animation-play-state: initial;
	animation-play-state: initial;
	-moz-animation-delay: 1000ms;
	-o-animation-delay: 1000ms;
	-webkit-animation-delay: 1000ms;
	animation-delay: 1000ms;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden
}

.hero .slider .slide>div {
	visibility: hidden;
	cursor: default;
}

.hero .slider.slick-initialized .slide>div {
	visibility: visible
}

.touch .hero .slide>div {
	background-attachment: initial
}


.hero h1 {
	position: absolute;
	z-index: 2;
	width: 100%;
	color: #fff;
	top: 50%;
	margin-top: -100px;
	text-align: center;
	margin-left: .45em;
	text-transform: uppercase
}

.hero .slide:hover {
	cursor: pointer
}

.hero .slick-list,.hero .slick-slider,.hero .slick-track {
	height: 100%
}



.arrow {
	position: absolute;
	bottom: 40px;
	left: 50%;
	margin-left: -7px;
	z-index: 2;
	opacity: 0;
	animation-name: xia;
	animation-duration: 2000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-play-state: running;
	animation-delay: 2000ms
}

.sectionCategories {
	padding: 100px 0 80px
}

.text-hover {
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 2;
	text-align: center;
	color: #fff
}

.text-hover .text-cta {
	color: #fff
}


.cpxl .text-cta {
	margin-left:20px;
}

.cpxl a {
	color: #1e1e1e;
	font-size: 16px;
	-moz-transition: color .5s;
	-o-transition: color .5s;
	-webkit-transition: color .5s;
	transition: color .5s
}

/*news*/
.news .text-cta {
	margin-left:20px;
}

.news a {
	color: #1e1e1e;
	font-size: 16px;
	-moz-transition: color .5s;
	-o-transition: color .5s;
	-webkit-transition: color .5s;
	transition: color .5s
}


.news a img {
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	transition: opacity .5s
}

.news a:hover {
	color: #989898
}

.news a:hover img {
	opacity: .5
}

.news .title {
	margin-bottom: 80px
}

.news .news-box {
	margin-bottom: 80px
}

.news .date {
	text-transform: uppercase;
	font-weight: 400
}

.news .desc {
	padding: 0
}


@media(min-width:992px) and (max-width:1199px) {
	.sectionCategories {
		padding: 100px 0 30px
	}
}

@media(max-width:1024px) {
	.news .date {
		font-size: 14px
	}

	.news .date h4 {
		font-size: 20px;
		line-height: 27px
	}

	.news h4.titolo {
		font-size: 24px;
		line-height: 32px
	}
}

@media(max-width:1023px) {
	.hero {
		height: 44vh
	}
}

@media(max-width:768px) {
	.sectionCategories {
		padding: 50px 0 0
	}

	.categorie {
		margin-bottom: 55px
	}

	.news {
		padding-top: 50px
	}

	.news .title {
		margin-bottom: 40px
	}

	.news .date {
		font-size: 12px
	}

	.news .date h4 {
		font-size: 20px;
		line-height: 32px
	}

	.news a img {
		margin-top: 20px
	}

	.arrow {
		display: none
	}
}

@media(max-width:767px) {
	.hero {
		height: 34vh
	}
}




#homepage .section {
	height: 100vh
}

#homepage .section [style*='background'] {
	opacity: .2;
	-moz-transition: .5s opacity .5s ease-in-out;
	-o-transition: .5s opacity .5s ease-in-out;
	-webkit-transition: .5s opacity .5s ease-in-out;
	transition: .5s opacity .5s ease-in-out
}

#homepage .active .section [style*='background'] {
	opacity: 1
}

#homepage .magnetic:not(#news):not(.fp-auto-height) {
	background: #1e1e1e
}


#homepage .section .row {
	position: relative;
	height: 100%;
	margin-right: 0
}


#homepage .section [class*='col'] {
	height: 100%;
	position: relative;
	background-position: center;
	background-size: cover;
	z-index: 0
}

#homepage .section [class*='col']::before {
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	z-index: 1;
	background: -moz-linear-gradient(top,rgba(30,30,30,0) 0%,rgba(30,30,30,0) 0%,rgba(30,30,30,.8) 100%);
	background: -webkit-linear-gradient(top,rgba(30,30,30,0) 0%,rgba(30,30,30,0) 0%,rgba(30,30,30,.8) 100%);
	background: linear-gradient(to bottom,rgba(30,30,30,0) 0%,rgba(30,30,30,0) 0%,rgba(30,30,30,.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001e1e1e',endColorstr='#cc1e1e1e',GradientType=0)
}

#homepage .section .text {
	position: absolute;
	bottom: 60px;
	width: 100%;
	left: 0;
	text-align: center;
	color: #fff;
	z-index: 2;
	-moz-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
	top: 50%;
}
.xl-name h3 {
	margin-bottom: 25px;
}
.xl-name .desc i {
	display: block;
	margin: 0 auto;
	width: 35px;
	height: 2px;
	margin-top: 20px;
	background: #fff;
	transition: all .4s ease-in;
	-moz-transition: all .4s ease-in;
	-webkit-transition: all .4s ease-in;
	-o-transition: all .4s ease-in;
}
.xl-name:hover  i {
	width: 55px;
}


#homepage .section .text.center {
	top: 50%;
	left: 0;
	bottom: auto;
	-moz-transform: translate(0%,-50%);
	-ms-transform: translate(0%,-50%);
	-o-transform: translate(0%,-50%);
	-webkit-transform: translate(0%,-50%);
	transform: translate(0%,-50%);
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

@media(max-width:1140px) {
}

@media(min-width:992px) and (max-width:1280px) {
	.touch #homepage .section [style*='background'] {
		opacity: 1!important
	}
}

@media(max-width:991px) {
	#homepage .section [style*='background'] {
		opacity: 1!important
	}

	#homepage .section {
		height: 44vh
	}

}

@media(max-width:767px) {
}

@media(max-width:767px) {
	#homepage .section .desc {
		display: none
	}

	#homepage .section .text {
		bottom: 40px
	}

	#homepage .section [style*='background'] {
		opacity: 1!important
	}

	#homepage .section {
		height: 34vh
	}
}



@media(width:1024px) and (height:1366px) {
	#homepage .section {
		height: 50vh
	}

	#homepage .section [style*='background'] {
		opacity: 1
	}

}