@charset "UTF-8";

body {
	background-color : rgba(255, 255, 255, 1);
	color : rgba(66, 66, 66, 1);
	}

div.container {
	position : relative;
	/* display : table !important; */
	width : 100%;
	min-width : 320px;
	min-height : 100vh;
	overflow : hidden;
	}
	
div.container > span {
	display : none;
	}

div.container.filter > span,	
div.container > span.opened {
	display : block;
	position : absolute;
	top : 0;
	left : 0;
	z-index : 30;
	width : 100%;
	height : 100%;
	background-color : rgba(66, 66, 66, 0.5);
	}

div.container.opened > span {
	display : block;
	position : absolute;
	left : 0;
	z-index : 30;
	width : 100%;
	background-color : rgba(66, 66, 66, 0.5);
	content : "";
	}
	
a { 
	color : rgba(138, 138, 138, 1);
	text-decoration : underline;
	transition : color 0.25s ease;
	}

a:hover { 
	color : rgba(66, 66, 66, 1);
	text-decoration : none; 
	}

@media (min-width : 1401px) {
	div.container {
		padding-top : 100px;
		}
		
	div.container.opened > span {
		top : 100px;
		height : calc(100% - 100px);
		}
	}
	
@media (min-width : 1041px) and (max-width : 1400px) {
	div.container {
		padding-top : 90px;
		}
		
	div.container.opened > span {
		top : 90px;
		height : calc(100% - 90px);
		}
	}
	
@media (min-width : 721px) and (max-width : 1040px) {
	div.container {
		padding-top : 80px;
		}
		
	div.container.opened > span {
		top : 80px;
		height : calc(100% - 80px);
		}
	}
	
@media (min-width : 481px) and (max-width : 720px) {
	div.container {
		padding-top : 70px;
		}
		
	div.container.opened > span {
		top : 70px;
		height : calc(100% - 70px);
		}
	}
	
@media (max-width : 480px) {
	div.container {
		padding-top : 60px;
		}
		
	div.container.opened > span {
		top : 60px;
		height : calc(100% - 60px);
		}
	}

@media (max-width: 480px) {
div.container > article > div.swiper-main {
    height: calc(75vh - 265px) !important;
}
}