@import url('normalize.css');
@import url('max-1300px.css');
@import url('max-1024px.css');
@import url('max-800px.css');

body
{
	background-color: #f9f9f9;
	
	overflow: hidden;
}

	body div.loader-bg
	{
		position: fixed;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		z-index: 999;
		
		background-color: #f9f9f9;
	}
	
	body div.loader
	{
		width: 50px;
		height: 50px;
		
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 999;
		
		transform: translate(-50%, -50%);
		
		font-size: 50px;
		color: #ddd;
		text-align: center;
	}

	body div.lightbox
	{
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		z-index: 990;
		
		display: none;
		overflow: scroll;
		
		background-color: #000;
	}
	
		body div.lightbox div.close
		{
			width: 30px;
			height: 30px;
			
			position: absolute;
			top: 50%;
			left: 50%;
			
			margin: -250px 0px 0px 365px;
			
			display: flex;
			align-items: center;
			justify-content: center;
			
			transform: translate(-50%, -50%);
			
			border-radius: 30px;
			-moz-border-radius: 30px;
			-webkit-border-radius: 30px;
			
			background-color: #fff;
			border: 2px solid #000;
		}
		
			body div.lightbox div.close span
			{
				font-size: 20px;
				color: #000;
			}
		
		body div.lightbox img
		{
			width: 800px;
			
			position: absolute;
			top: 50%;
			left: 50%;
			
			transform: translate(-50%, -50%);
		}
		
		body div.lightbox div.arrows
		{
			display: none;
		}

	body div.container
	{
		width: 1250px;
		height: 1px;
		
		position: relative;
		
		margin: 0px auto;
		display: table;
	}

	body div.header
	{
		width: 100%;
		height: 60px;
		
		background-color: #fff;
		
		-webkit-box-shadow: 0px 0px 10px 5px rgba(204,204,204,1);
		-moz-box-shadow: 0px 0px 10px 5px rgba(204,204,204,1);
		box-shadow: 0px 0px 10px 5px rgba(204,204,204,1);
	}
	
		body div.header div.logo
		{
			width: 25%;
			height: 35px;
			
			margin: 12px 0px;
			float: left;
		}
		
			body div.header div.logo a
			{
				height: 35px;
				
				float: left;
			}
		
			body div.header div.logo img
			{
				height: 100%;
			}
			
		body div.header div.icons
		{
			width: 75%;
			height: 60px;
			
			float: right;
		}
		
			body div.header div.icons span
			{
				height: 60px;
				
				margin: 0px 0px 0px 10px;
				float: right;
				
				display: flex;
				align-items: center;
				justify-content: center;
				
				font-size: 25px;
				color: #bbb9b9;
			}
			body div.header div.icons span.correction
			{
				margin: 2px 0px 0px 0px;
			}
			body div.header div.icons span:hover
			{
				color: #000;
				
				cursor: pointer;
			}
			
	body div.content
	{
		position: absolute;
		top: 60px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		
		padding: 20px 0px 0px 0px;
		
		overflow: scroll;
	}
	
		body div.content div.home-col-1,
		body div.content div.home-col-2
		{
			width: 100%;
			
			margin: 0px;
			padding: 0px;
			display: table;
			
			border-collapse: collapse;
		}
		
			body div.content div.home-col-1 img
			{
				width: 100%;
				
				margin: -3px 0px 10px 0px;
				display: block;
			}
			body div.content div.home-col-2 a
			{
				width: calc(50% - 5px);
				
				margin: 0px 0px 10px 0px;
				float: right;
				display: block;
			}
			body div.content div.home-col-2 a:first-child
			{
				float: left;
			}
			
				body div.content div.home-col-2 a img
				{
					width: 100%;
				}
		
		body div.content div.image
		{
			width: calc(50% - 10px);
			
			margin: 0px 0px 20px 0px;
			float: left;
		}
		body div.content div.image:nth-child(even)
		{
			margin-left: 20px;
		}
			
			body div.content div.image img
			{
				width: 100%;
			}
			
		body div.content div.footer
		{
			width: calc(100% - 40px);
			
			margin: 20px 0px 20px 0px;
			padding: 20px;
			display: table;
			
			background-color: #f1f1f1;
			border: 1px solid #ddd;
		}
		
			body div.content div.footer span
			{
				float: right;
				
				font-size: 12px;
				color: #aaa;
			}
			body div.content div.footer span:first-child
			{
				float: left;
			}