@charset "UTF-8";
/* CSS Document */



	header, main  {margin:0 20% 0 20%; padding: 2rem;  box-sizing: border-box; width: 60%}
	
	article {float:left; margin: 0; padding: 0; height:auto; width: auto}

	main {background-image: none; padding-top:0; height:auto}
	
	
	
	
	
	.outer-slider, .outer-slider3  {
	cursor:pointer;
	height:auto;
	}
	
	.outer-slider:hover h2, .outer-slider3:hover h2 {color:#d90d31}
	
	.outer-slider h2, .outer-slider3 h2 {color:#084577}
	
	.outer-slider:hover div.open {height:37rem}
	
	
	.outer-slider div.open {
		
	height:0.01rem;
	overflow: hidden;
		
	transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-webkit-transition:all .5s;
		
	}
	
	
	.outer-slider:hover div.open2 {height:37rem}
	
	
	.outer-slider div.open2 {
		
	height:0.01rem;
	overflow: hidden;
		
	transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-webkit-transition:all .5s;
		
	}
	
	.outer-slider3:hover div.open3 {height:60rem;}
	
	
	.outer-slider3 div.open3 {
		
	height:0.01rem;
	overflow: hidden;
		
	transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-webkit-transition:all .5s;
		
	}
	


	
@media screen and (max-width:1200px) {
	
		.outer-slider:hover div.open {height:50rem}

	
		.outer-slider:hover div.open2 {height:45rem}
	
		.outer-slider3:hover div.open3 {height:75rem}


	
}
	
@media screen and (max-width:1000px) {
	
		.outer-slider:hover div.open {height:55rem}

	
		.outer-slider:hover div.open2 {height:55rem}
	
	
		.outer-slider3:hover div.open3 {height:95rem}

	
}	
	
@media screen and (max-width:850px) {
	
		.outer-slider:hover div.open {height:65rem}

	
		.outer-slider:hover div.open2 {height:65rem}
	
	
	.outer-slider3:hover div.open3 {height:105rem}

	
}
	
@media screen and (max-width:800px) {
	
		header, main  {margin:0 10% 0 10%; padding: 1rem;   width: 80%}

		.outer-slider:hover div.open {height:55rem}

	
		.outer-slider:hover div.open2 {height:55rem}

		.outer-slider3:hover div.open3 {height:90rem}
}
	
	
@media screen and (max-width:650px) {
	

	
		header, main  {margin:0 4% 0 4%;  width: 92%}
	

		.outer-slider:hover div.open {height:62rem}

		.outer-slider:hover div.open2 {height:62rem}
	
	.outer-slider3:hover div.open3 {height:100rem}
	
}

@media screen and (max-width:450px) {
	

	
		header, main  {margin:0 1% 0 1%;  width: 98%}

	
		.outer-slider:hover div.open {height:70rem}

		.outer-slider:hover div.open2 {height:70rem}
	
		.outer-slider3:hover div.open3 {height:110rem}
}
	
@media screen and (max-width:400px) {
	

	
		header, main  {margin:0 1% 0 1%;  width: 98%}

	
		.outer-slider:hover div.open {height:82rem}
	
		.outer-slider:hover div.open2 {height:82rem}
	
	
}
	
	
	
	
	
	article ul li{
	color:#666;
	line-height:1.25rem;
	font-size:0.9rem;
	font-weight:400;
	margin:0.5rem 0;	

	}