.gradient_box .gradient_box_inner.blue{

	color: #fff;
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(67,89,105,0.927328431372549) 0%, rgba(67,89,105,0.73881302521008403) 39%, rgba(67,89,105,0.09707633053221287) 100%);
}
.gradient_box .gradient_box_inner{
	width: 640px;
	max-width: 100%;
	padding: 30px;
	padding-bottom: 5vw;
    margin: 0 auto;
	text-transform: uppercase;
	color: #fff;
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,0.727328431372549) 0%, rgba(0,0,0,0.43881302521008403) 39%, rgba(0,0,0,0.09707633053221287) 100%);
}
.gradient_box .gradient_box_inner.winter,
.gradient_box .gradient_box_inner.skate{
	padding-bottom: 7vw;
}
div.masthead .bx-wrapper .bx-pager.bx-default-pager.color a{
	border-color: white;
}
div.masthead .bx-wrapper .bx-pager.bx-default-pager.color a:hover{
	background-color: white;
}

div.cs-main.gradient_box{
	top: auto;
    left: 0;
    transform: translate(0,0);
	bottom: 0;
}
.gradient_box .gradient_box_inner h2{
	color: #fff;
	margin-bottom: 15px;
	letter-spacing: 1px;
}
.gradient_box .gradient_box_inner p{
	font-size: 14px;
	margin-bottom: 30px;
}
div.cs-main.nature-preserve .gradient_box_inner .button{
	width: 180px;
	font-size: 14px;
	padding: 1.2em 2em;
	background: #435969;
	color: #fff;
}

/* fashion show */
.fashion_show .gradient_box .gradient_box_inner{
	padding-bottom: 5vw;
}
#events2022 #cta{
	-webkit-transform: translateY(-30%);
    transform:translateY(-30%); 
    margin-bottom: -50px;
}
#events2022 h1 span{
		font-family: "Avenir LT W01 55 Roman";
		font-size: 4vw;
	}
	
#events2022 .hero.spring{
	background: url('/img/fashion_event/poster_bg2.jpg') center top;
	background-size: cover;
	height: auto;
	padding-bottom: 40vh;
}
#events2022 .hero .container-fluid.top{
	height: auto;
}
#events2022 .hero .container-fluid{
	    padding: 2.5vw 8vw;
}
#events2022 #cta .text-wrapper{
	    padding: 2em 8.5em;
}
/* fashion show end */
@media (min-width: 1280px) and (max-width: 1526px){
	nav > ul > li > a{
		padding: 0px 20px;
	}
}
@media (min-width: 1080px) and (max-width: 1280px){
	nav > ul > li > a{
		padding: 0px 10px;
	}
}
@media (max-width:1400px){
	.gradient_box .gradient_box_inner{
		padding-bottom: 8vw;
	}
	.gradient_box .gradient_box_inner.winter,
	.gradient_box .gradient_box_inner.skate{
		padding-bottom: 4vw;
	}
	#events2022 .hero .container-fluid.top h1{
		font-size: 6vw;
	}
		
}
@media (max-width:1400px){
	header.home div.logo{
		padding: 20px 0 0 0;
		height: 135px;
	}
	div.logo img{
		height: 110px;
	}
	#events2022 .hero.spring{
		background: url('/img/fashion_event/poster_bg_long.jpg') center top;
		background-size: cover;
		height: auto;
		padding-bottom: 45vh;
	}
}
@media (max-width:767px){
	#events2022 #cta .text-wrapper{
		padding: 2em 15vw;
	}
	#calendar .modal-dialog.modal-dialog-centered{
		top: 0;
		transform: translateY(0);
		padding-top: 60px;
	}
}
@media (max-width:600px){
	div.cs-main.nature-preserve .gradient_box_inner .button{
		padding: 0.9em 1.4em 0.7em 1.4em;
	}
	div.cs-main.gradient_box{
		text-align: center;
		top: 0;
		margin-top: 0;
		padding-top: 0;
	}
	.gradient_box .gradient_box_inner{
		padding: 20px 15px;
		padding-bottom: 10px;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.gradient_box .gradient_box_inner h2{
		font-size: 14px;
		margin-bottom: 10px;
	}
	.gradient_box .gradient_box_inner p{
		font-size: 11px;
		margin-bottom: 15px;
	}
	#events2022 .hero.spring{
		padding-bottom: 50vh;
	}
	#events2022 .hero .container-fluid{
		padding: 3vw 3vw;
	}
}