main {
		color:#dddddd;
	}
	div#main_cover {
		display: flex;
		justify-content:center;
		color:#dddddd;
		flex-wrap: wrap;
		padding: 10px;
	}
	.server_info {
		width: 100%;
		height: 100%;
		border-radius: 2px;
		display: flex;
		flex-direction: column;
		cursor:pointer;
	}
	.server_info:hover {
		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    	filter: grayscale(0%);
	}
	
	.server_info a {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #ffffff;
		font-size: 25px;
		font-weight:900;
		text-transform: uppercase;
	}
	.server_info a:hover {
		color:#ffffff;
	}
	.border_servers_info {
		max-width: 219px;
		padding: 10px;
		width: 100%;
	
		background: rgba(0, 0, 0, 0.2);
		border-radius: 5px;
		font-size: 10px;
		font-weight:900;
		display: flex;
		flex-direction: column;
		align-content: stretch;
		text-transform: uppercase;
		transition: all .2s ease;
		position:relative;
		border: solid 2px #111828;
	}
	.border_servers_info:hover {
		transform: scale(1.05);
		background: rgba(0, 0, 0, 0.5);
		box-shadow: 0 0 40px 10px rgba(26,64,136,1.7); /* Параметры тени */
	}
#item_background {
	position:fixed;
  width: 100vw;
  height: 100vh;
	display: none;
	background: rgba(0, 0, 0, 0.8);
	z-index: 5;

	
}
	#item_border {
		border-radius: 8px;
		width: 800px;
		background: rgba(18, 23, 39, 0.9);
		padding: 20px;
		box-shadow: 0 0 30px 10px rgba(26,64,136,0.7); /* Параметры тени */
		display: flex;
		color: #dddddd;
		  margin: auto;
		text-transform: uppercase;
		position: relative;
		
	}
	#item {
		flex: 2 0;
		align-self:flex-start; 
		position: -webkit-sticky; 
		position: sticky; 
		top: 20px;		
	}
	#desc {
		flex: 3 0;
	}
	.item_server_info {
		min-width: 214px;
		width: 90%;	
		background: rgba(0, 0, 0, 0.1);
		border-radius: 5px;
		font-size: 10px;
		font-weight:900;
		display: flex;
		flex-direction: column;
		align-content: stretch;
		text-transform: uppercase;
		transition: all .2s ease;
		border: solid 2px #111828;
		padding: 0px 10px 10px 10px;
	}
	.close_button {
		position: absolute;
		display: block; 
		top: 7px;
		right: 15px;
		border: none;
    	background-color: transparent;
    	cursor: pointer;
		width: 30px;
		height: 30px;
	}
.item_img {
		width: 100px; 
		height: 100px; 
		background-size: contain;
		background-repeat: space;
		
	}
	.card_name {
		text-align: center; 
		font-size: 13px;
		flex: 2 0;
	}
	.card_image {
		width: 100%; 
		display: flex; 
		justify-content: center;
	}
	.card_info {
		font-size: 13px; 
		margin-top: 15px; 
		text-align: center;
	}
	.card_server_price {
		background-color: #60b50c; 
		display: block; 
		border-radius: 5px; 
		padding: 7px 0px; 
		margin: 0px 20px; 
		box-shadow: 0 0 15px 1px rgba(38,160,35,1.7);
	}
	.card_vc_price {
		background-color: #d93c86; 
		display: block; 
		border-radius: 5px; 
		padding: 7px 0px; 
		margin: 0px 20px; 
		margin-top: -15px; 
		box-shadow: 0 0 15px 1px rgba(217,60,134,1.7);
	}
	.form {
		margin-top: 25px;
	}
	.form label {
		top:-50px;
	}
	.form input {
		text-align: center;
	}
	.tags {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0px;
	padding: 0px;
	justify-content: flex-start;
	align-content: flex-start;
	flex:1 0;

	}
	.search_form {
		display: flex;
		height: 40px;

	}
	.search_table {
		justify-content: space-between;
		padding: 5px;
		display: flex;
	}
	.search_form input {
		background: rgba(0, 0, 0, 0.3);		
		border:none;
		color: #dddddd;
		font-size: 20px;
		outline:none;
		flex:1 0;
	}
	.tags li {
		margin: 1px 2px;
		border-radius: 20px;
		border: solid 3px #212f50;
		display: block;
		padding: 3px 6px;
		transition: all .2s ease;
	}
	.tags li:hover {
		background-color: #182137;
	}
	.tags a {
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 20px;
		color:#dddddd;
		font-weight: 600;
	}
	#search_button {
		transition: all .2s ease;
		padding: 0px 20px;
		text-transform: uppercase;
	}
	#search_button:hover {
		background-color: #212f50;
	}

@media (max-width:1006px) {
	.border_servers_info {
		max-width: 180px;		
	}
}
@media (max-width:630px) {
	#item_border {
		flex-direction: column;
	}
	#desc {
		margin-top: 20px;
	}
	.search_table {

		flex-direction:column-reverse;
	}
	.search_form {
		margin-bottom: 10px;
	}
	#item {
		position: static;
	}
}