@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700,800&subset=latin-ext');



body, .modal, .home-web .credits, .grid-item.grid-spacer h4, .slide.first .centrat a {
	font-family: 'Montserrat', sans-serif!important;
}

.home-web .credits {
	color:#fff;
	font-weight:300;
}
.home-web .intro , .home-web .down li:first-child {
	display:none;
}


.slide.first .centrat, .slide.second .centrat {
    padding-left: 20vw;
	padding-right: 20vw;
}
.home-web .slide.first .expo-title, .home-web .slide.first h1 {
    font-size: 7vw;
	font-weight:200;
	letter-spacing: -0.04em;
}
.home-web .slide.first .ambit-title a{
        font-size: 5.5vw;
    font-weight: 500;
    width: 100%;
	letter-spacing: -0.04em;
}
.slide.first, .slide.first h1, .slide.first .expo-title, .slide.second .main-title, .slide.second .expo-title, .slide.second .ambit-title {
	font-weight:700;
}
.slide.first .centrat a:after{
    width: 3vw;
    height: 3vw;
    margin-bottom: 0;
}

.slide.second .centrat .intro p {
	font-size:1.24vw;
	line-height:180%;
	font-weight:300;
    margin-right: 0vw;
	letter-spacing:0;
}
.grid-item.grid-spacer.smooth-menu {
	display:none;
	width:100vw!important;
}
.slide.second .centrat p.main-title {
	font-size:1.5vw;
}
.slide.second .centrat .main-title:before{
	width: 1.2vw;
    height: 2.1vw;
    margin-left: -1.8vw;
    margin-bottom: -1.8vw;
}
.smooth-back {
	display:none;
}
#masonry-wrapper{
	box-sizing: border-box;
	padding-top:78px;
	margin-left: 6vw;
    width: calc(100% - 6vw);

}
.main-title a, .grid-spacer h4 {
	letter-spacing: -0.04em;
}
.main-title a {
	font-weight: 200;
	margin-right:0.5vw;
	font-size: 3vw;
}
.grid-item.grid-spacer h4 {
	font-weight:700;
	line-height:120%;
	padding-right:2vw;
	padding-left:2vw;
}
.grid-item {
    width: calc(25vw - 10px);
    height: calc(33% - 10px);
	box-sizing:border-box;
	background-color:rgba(0,0,0,0.04);
	margin-right:10px;
	margin-bottom:10px;
	border-radius:3px;
	cursor:pointer;
}
.grid-item.grid-spacer {
	margin-top:-35px;
	cursor:default;
}
.grid-item.grid-spacer.smooth-menu{
	margin-top:0px;
	padding-left:29vw;
	border:0px;
	margin:0px;
}
.data {
    font-size: 0.85vw;
    font-weight: 400;
}
.smooth-menu li {
	cursor:pointer;
	
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid rgba(0,0,0,0.3);
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 700;
    letter-spacing: -0.04em;
    border-radius: 2px;
	font-size:16px;
}

.slide.second h2 {
	font-size: 2.5vw;
    letter-spacing: -0.04em;
    margin-top: 14px;
    position: relative;
	margin-bottom: 30px;
}

.home-web .intro {
	padding-left:20vw;
	padding-right:20vw;
	padding-top:20vh;
	line-height:200%;
	font-size:1.24vw;
	font-weight:300;
}
.swiper-button-next {
	right:0px;
}
.swiper-button-next, .swiper-button-prev {
	background-size: contain;
}

.intro .ambit-title {
	display:none;
}
@media screen and (max-width: 1366px)  {
	
	.slide.second .centrat .intro p {
		font-size:1.64vw;
	}
	.grid-item.grid-spacer.smooth-menu{
		top:9px!important;
		padding-left: 29vw;
	}
	#masonry-wrapper {
		padding-top:54px;
	}
	.grid-item.grid-spacer {
		margin-top: -27px;
	}
	.smooth-menu li {
		font-size:14px;
	}
	.swiper-button-next, .swiper-button-prev {
		width: 4vw;
		height: 4vw;
	}
	button.close {
		font-size: 50px;
	}
	.modalswiper-container .swiper-slide-active {
		padding: 4%;
	}
	.home-web .intro {
		font-size: 1.64vw;
		line-height:200%;
	}
}


@media screen and (max-width: 768px)  {
	.home-web .down{
		padding-left: 22vw;
	}
	.smooth-menu li {
		font-size:12px;
	}
	.grid-item{
		width: calc(44vw - 10px);
		height: calc(24% - 10px);
	}
	.grid-item.grid-spacer{
		width:32vw;
	}
	.grid-item.grid-spacer h4 {
		padding-right:4vw;
		padding-left:2vw;
	}
	.grid-item.grid-spacer {
		margin-top: -27px;
	}
	.grid-item.grid-spacer.smooth-menu {
		padding-left: 20vw;
	}
	.slide.second .centrat .intro p, .home-web .intro {
		font-size:2vw;
	}

}

@media screen and (max-width: 736px)  {
	
	.smooth-menu li{
		border:0px;
		padding:4px;
		padding-top:0px;
		padding-bottom:0px;
	}
	.grid-item.grid-spacer.smooth-menu{
		padding-left:4vw;
	}
	.grid-item{
		width: calc(44vw - 10px);
    	height: calc(49% - 10px);
		
	}
	.grid-item.grid-spacer h4{
		font-size:20px;
	}
	.slide.first .ambit-title {
		padding-top: 0px;
	}
	
	.home-web .slide.first .expo-title, .home-web .slide.first h1 {
		margin-bottom:0px;
	}
	
}

@media screen and (max-width: 414px)  {
	.home-web .down {
		padding-left: 15vw;
	}
	.home-web .credits dl{
		font-size:3vw;
	}
	.slide.second .centrat .intro p, .home-web .intro {
		font-size:4vw;
	}
	.home-web .intro {
		padding-left: 10vw;
		padding-right: 10vw;
		padding-top: 15vh;
	}
	.grid-item {
		width: calc(44vw - 10px);
		height: calc(24% - 10px);
	}
	.main-title a {
		font-size: 9vw;
	}
	.slide.second h2 {
		font-size: 7.5vw;
		margin-right: 0px;
	}
	.slide.second .centrat .main-title:before {
		width: 3.2vw;
		height: 5.1vw;
		margin-left: -5vw;
		margin-bottom: -3.2vw;
	}
	.swiper-button-next, .swiper-button-prev {
		width: 6vw;
		height: 6vw;
	}
	.slide.first .centrat {
		padding-left: 14vw;
		padding-right: 7vw;
	}
	.slide.second .centrat {
		padding-left: 14vw;
		padding-right: 14vw;
	}
	.home-web .slide.first .expo-title, .home-web .slide.first h1 {
		font-size: 11vw;
	}
	.home-web .slide.first .ambit-title a {
		font-size: 8.6vw;
	}
	.slide.first .centrat a:after {
		width: 9vw;
		height: 5vw;
	}
	
}