/*
Theme Name: Mikro007
Author: FinalHTML
*/

@font-face {
	font-family: Avenir;
	src: url('font/Avenir/100.ttf');
	font-weight: 100;
}

@font-face {
	font-family: Avenir;
	src: url('font/Avenir/200.ttf');
	font-weight: 200;
}

@font-face {
	font-family: Avenir;
	src: url('font/Avenir/300.ttf');
	font-weight: 300;
}

@font-face {
	font-family: Avenir;
	src: url('font/Avenir/400.ttf');
	font-weight: 400;
}

@font-face {
	font-family: Avenir;
	src: url('font/Avenir/500.ttf');
	font-weight: 500;
}

@font-face {
	font-family: Avenir;
	src: url('font/Avenir/600.ttf');
	font-weight: 600;
}

@font-face {
	font-family: Avenir;
	src: url('font/Avenir/700.ttf');
	font-weight: 700;
}


* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	background-color: #fff;
	background-image: url('img/bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family: 'Avenir', Arial, sans-serif;
	font-weight: 400;
	color: #fff;
}

.wrapper {
	min-width: 1024px;
}



/*
 * ШАПКА
 */

.header {
	width: 100%;
	background-color: rgba(0, 0, 0, .3);
	z-index: 700;
}
	.top-bar {
		padding: 0 20px;
		background-color: rgba(0, 0, 0, 0);
		font-size: 0;
		text-align: right;
		border-bottom: 1px solid rgba(255, 255, 255, .2);
	}
		.top-contacts {
			display: inline-block;
		}
			.top-contacts ul {
				list-style: none;
			}
				.top-contacts li {
					display: inline-block;
					margin-right: 20px;
					font-size: 14px;
					line-height: 34px;
					font-weight: 500;
					color: #FFF;
				}
					.top-contacts i {
						margin-right: 3px;
					}
		.top-social {
			display: inline-block;
		}
			.top-social ul {
				list-style: none;
			}
				.top-social li {
					display: inline-block;
				}
					.top-social a {
						display: block;
						padding: 0 6px;
						background-color: rgba(0, 0, 0, 0);
						font-size: 16px;
						line-height: 34px;
						color: #FFF;
						border-right: 1px solid rgba(255, 255, 255, .2);
						transition: 0.2s;
					}
					.top-social li:last-child a {
						border-right: none;
					}
						.top-social a:hover {
							background-color: rgba(0, 0, 0, .1);
						}
	.top-nav {
		background-color: rgba(0, 0, 0, 0);
		text-align: center;
	}
		.top-nav > ul {
			list-style: none;
			font-size: 0;
		}
			.top-nav > ul > li {
				display: inline-block;
				padding: 12px 8px;
			}
				.top-nav > ul > li > a {
					display: block;
					padding: 10px 10px;
					background-color: rgba(255, 255, 255, 0);
					font-size: 14px;
					font-weight: 500;
					color: #FFF;
					text-decoration: none;
					text-transform: uppercase;
					border-radius: 5px;
					transition: 0.3s;
				}
					.top-nav > ul > li > a:hover {
						background-color: rgba(255, 255, 255, .07);
					}
					.top-nav > ul > .current-menu-item > a,
					.top-nav > ul > .current_page_item > a,
					.top-nav > ul > .current-menu-parent > a,
					.top-nav > ul > .current-menu-ancestor > a {
						background-color: rgba(255, 255, 255, .15);
					}



/*
 * КОНТЕЙНЕР
 */

.container {
	margin: 40px auto;
}
.container-2 {
	
}



/*
 * САЙДБАР
 */

.sidebar {
	width: 270px;
	z-index: 510;
}
	.sidebar-left {
		float: left;
	}
	.sidebar-right {
		float: right;
	}
	.side-nav {
		padding-bottom: 20px;
	}
		.side-nav > ul {
			list-style: none;
		}
			.side-nav > ul > li {
				list-style: none;
			}
				.side-nav > ul > li > a {
					display: block;
					padding: 4px 0 4px 48px;
					font-size: 14px;
					font-weight: 500;
					color: #FFF;
					text-decoration: none;
					border-left: 2px solid rgba(255, 255, 255, 0);
					transition: 0.2s;
				}
					.side-nav > ul > li > a:hover {
						background-color: rgba(255, 255, 255, .1);
						border-left: 2px solid rgba(255, 255, 255, 1);
					}
	.sidebar .widget {
		padding-bottom: 20px;
	}
		.sidebar .widget-title {
			display: inline-block;
			margin: 0 0 10px 50px;
			padding-top: 20px;
			font-size: 18px;
			font-weight: 500;
			color: #FFF;
			border-top: 1px solid rgba(255, 255, 255, .4);
			cursor: default;
		}
		.sidebar .widget > ul {
			list-style: none;
		}
			.sidebar .widget > ul > li {
				
			}
				.sidebar .widget ul li a {
					display: block;
					padding: 4px 0 4px 48px;
					font-size: 14px;
					font-weight: 500;
					color: #FFF;
					text-decoration: none;
					border-left: 2px solid rgba(255, 255, 255, 0);
					transition: 0.2s;
				}
					.sidebar .widget ul li a:hover {
						background-color: rgba(255, 255, 255, .1);
						border-left: 2px solid rgba(255, 255, 255, 1);
					}
					.sidebar .widget ul li.current-cat a {
						background-color: rgba(255, 255, 255, .2);
						border-left: 2px solid rgba(255, 255, 255, 1);
					}



/*
 * КОНТЕНТ
 */

.content {
	margin: 0 270px;
}
	/* ГАЛЕРЕЯ */
	.gallery {
		margin-bottom: 22px !important;
		padding: 2px;
	}
		.gallery-columns-1 .gallery-item {
			width: 100% !important;
		}
		.gallery-columns-2 .gallery-item {
			width: 50% !important;
		}
		.gallery-columns-3 .gallery-item {
			width: 33.33% !important;
		}
		.gallery-columns-4 .gallery-item {
			width: 25% !important;
		}
		.gallery-columns-5 .gallery-item {
			width: 20% !important;
		}
		.gallery-columns-6 .gallery-item {
			width: 16.66% !important;
		}
		.gallery-columns-7 .gallery-item {
			width: 14.28% !important;
		}
		.gallery-columns-8 .gallery-item {
			width: 12.5% !important;
		}
		.gallery-columns-9 .gallery-item {
			width: 11.11% !important;
		}
		.gallery-columns-10 .gallery-item {
			width: 10% !important;
		}
		.gallery-item {
			margin: 0 !important;
			padding: 2px;
		}

			.gallery-icon {
				
			}
				.gallery-item a {
					display: block;
				}
					.gallery-item img {
						display: block;
						width: 100%;
						height: auto;
						border: none !important;
						opacity: 1;
						transition: .3s;
					}
						.gallery-item img:hover {
							opacity: .6;
						}
	/* СТРАНИЦА */
	.home .content-page {
		background-color: rgba(0, 0, 0, .1);
		text-shadow: 0 2px 3px rgba(0, 0, 0, 1);
	}

	.content-page,
	.content-single {
		padding: 50px;
		background-color: rgba(0, 0, 0, .8);
		border-radius: 2px;
	}
		.content-page .title,
		.content-single .title,
		.content-category .title {
			margin-bottom: 30px;
			font-size: 46px;
			font-weight: 400;
		}
		.content-page h2 {
			margin: 4px 0 8px;
			padding: 8px 0;
			font-size: 24px;
			font-weight: 400;
		}
		.content-page h4,
		.content-single h4 {
			margin: 4px 0 8px;
			padding: 8px 0;
			font-size: 32px;
			font-weight: 400;
		}
		.content-page h5,
		.content-single h5 {
			margin: 4px 0 8px;
			padding: 8px 0;
			font-size: 28px;
			font-weight: 400;
		}
		.content-page h6,
		.content-single h6 {
			margin: 4px 0 8px;
			padding: 8px 0;
			font-size: 24px;
			font-weight: 400;
		}
		.content-page p,
		.content-single p {
			margin-bottom: 22px;
			font-size: 16px;
			font-weight: 400;
			text-align: justify;
		}
		.content-page ul,
		.content-single ul {
			margin-bottom: 22px;
			list-style: none;
			font-size: 0;
		}
			.content-page ul li,
			.content-single ul li {
				margin-bottom: 4px;
				padding: 4px 0 4px 20px;
				font-size: 18px;
				font-weight: 500;
				border-left: 2px solid rgba(0, 0, 0, .2);
			}
		.content-page ol,
		.content-single ol {
			margin-bottom: 22px;
			list-style: none;
			font-size: 0;
		}
			.content-page ol li,
			.content-single ol li {
				margin-bottom: 4px;
				padding: 4px 0 4px 20px;
				font-size: 18px;
				font-weight: 500;
				border-left: 2px solid rgba(0, 0, 0, .2);
			}
		.content-page > div > p > img,
		.content-single > div > p > img {
			display: block;
			text-align: center;
			margin-bottom: 30px;
		}


/*
 * СТАТЬИ
 */
 
.postgrid {
	padding: 10px 10px;
	font-size: 0;
}
	.postgrid .hentry {
		float: left;
		width: 31.33%;
		margin: 0 1% 2%;
		background: rgba(0, 0, 0, .8);
		transition: 0.3s;
	}
		.postgrid .hentry:hover {
			box-shadow: 0 1px 10px rgba(0, 0, 0, 0.7);
		}

.postgrid .wp-post-image {
	width: 100%;
	height: auto;
}

.hentry h2 {
	padding: 10px 0;
	font-weight: 400;
	font-size: 20px;
	text-align: center;
	color: #fff;
	border-top: 1px solid rgba(0, 0, 0, .2);
}

.hentry h2 a {
	text-decoration: none;
	color: #fff;
}

.hentry .more a {
	display: block;
	padding: 10px 0;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	color: #fff;
	border-top: 1px solid rgba(255, 255, 255, .2);
	text-transform: uppercase;
	text-decoration: none;
	transition: 0.3s;
}

.entry-read-more a:hover {
	
}



/*
 * КОНТАКТЫ
 */

.contact-details {
	
}
	.contact-details ul {
		list-style: none;
		font-size: 0;
	}
	.contact-details li {
		font-size: 20px;
		font-weight: 500;
	}
		.contact-details li i {
			margin-right: 10px;
		}
.contact-map {
	
}


@media screen and (max-width: 1000px) {
	.sidebar {
		display: none;
	}
	.wrapper {
		min-width: 400px;
	}
	.top-bar {
		padding: 0 20px;
		background-color: rgba(0, 0, 0, 0);
		font-size: 0;
		text-align: center;
		border-bottom: 1px solid rgba(255, 255, 255, .2);
	}
	.content {
		margin: 0 20px;
	}
}