/*!
Theme Name: mircon
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mircon
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

mircon is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
* {
	padding: 0px;
	margin: 0px;
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc9.ttf) format('truetype');
}
/*Color*/
body {
	width: 100%;
	font-family: 'Roboto', sans-serif;
	overflow-x: hidden;
	background-color: firebrick;
}
html {
	font-size: 16px;
}
html a:hover {
	text-decoration: none;
}
/*m menu*/
.mcover {
	width: 100vw;
	height: 100vh;
	background-color: black;
	opacity: 0.96;
	position: fixed;
	z-index: 999;
	left: 100%;
	-webkit-transition: 1s ease;
	-o-transition: 1s ease;
	transition: 1s ease;
}
.mob-menu {
	width: 100%;
	height: 1000px;
	text-align: center;
}
.mob-menu .ccenter {
	line-height: 55px;
	position: absolute;
	width: 100%;
	top: 15%;
}

.mob-menu .ccenter ul li {
	list-style: none;
}
.mob-menu .ccenter ul li a {
	font-size: 22px;
	font-weight: 400;
	color: white;
	vertical-align: middle;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.mob-menu .ccenter ul li a:hover {
	color: #FFED00;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.mob-menu .ccenter ul li a:first-child {
	margin-top: 100%;
}
.lang2 {
	width: 100%;
	height: 10%;
	position: absolute;
	top: 80%;
}
.lang2 ul li {
	display: inline;
}
.lang2 ul li a {
	font-size: 22px;
	font-weight: 600;
	vertical-align: middle;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	margin: 0px 20px;
	color: #FFED00;
}
.lang2 ul li a:hover {
	color: white;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.close {
	width: 50px;
	height: 50px;
	position: absolute;
	left: 80%;
	margin-right: 10%;
	margin-top: 10%;
}
.close div {
	width: 4px;
	height: 50px;
	background-color: #FFED00;
	position: absolute;
	left: 45%;
}
.close .ll {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.close .ll2 {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
a {
	color: black;
	text-decoration: none;
}
header {
	background-color: white;
	min-height: 100px;
	line-height: 100px;
}
header .bar {
	width: 25px;
	height: 100px;
	line-height: 100px;
	text-align: center;
}
header .bar .bbar {
	display: inline-block;
}
header .bar .bbar a img {
	width: 45px;
	height: 45px;
}
header .logo img {
	width: 100%;
}
header .search {
	display: inline-block;
	vertical-align: middle;
	font-family: 'HelveticaNeueCyr';
}
header .sohi {
	display: inline;
	vertical-align: middle;
}
header .sohi .link > a > img {
	width: 40px;
	height: 40px;
	margin-left: 15px;
}
header .sohi .link {
	display: inline;}
header .lang > ul > li{
	line-height: 25px;
	list-style: none;
	padding: 0px;
	margin-top: 2px;
}
header .lang > ul > li > a {
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	font-size: 23px;
	color: #000;
	font-weight: 700;
}
header .lang > ul > li>a:hover {
	background-color: #FFED00;
	cursor: pointer;
}

menu {
	background-color: #FFED00;
	height: 60px;
	line-height: 60px;
}
menu .m-str > li {
	list-style: none;
	display: inline;
	margin: 0 18px;
}
menu .m-str > li:first-child {
	margin: 0px;
}
menu .m-str > li > a {
	color: #000000;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
	padding: 0 6px;
}
menu .m-str > li > a:hover {
	background-color: #000000;
	padding: 18.5px 6px;
	color: #FFFFFF;
}
@media (min-width: 950px) {
	.bac-info {
		position: absolute;
		width: 345px;
		min-height: 145px;
		background-color: #FFED00;
		opacity: 0.7;
		z-index: 99;
		top: 40%;
		left: 60%;
		padding: 15px;
	}
	.bac-info p {
		font-size: 16px;
		font-weight: 600;
		padding-top: 5px;
		padding-bottom: 15px;
	}
	.bac-info .but  {
		width: 50%;
		text-align: center;
		font-size: 18px;
		font-weight: 700;
		color: white;
		background-color: #272524;
		padding: 5px;

	}
	.bac-info .but a {

		text-align: center;
		font-size: 18px;
		font-weight: 700;
		color: white;



	}
	.bacimg {
		height: 570px;
		width: 100%;
		position: relative;
	}
	.bacimg #bg {
		width: 100%;
		height: 570px;
		z-index: -1;
	}
}
@media (max-width: 949px) {
	.bac-info {
		position: absolute;
		width: 345px;
		min-height: 145px;
		background-color: #FFED00;
		opacity: 0.7;
		z-index: 99;
		top: 30%;
		left: 30%;
		padding: 15px;
	}
	.bac-info p {
		font-size: 16px;
		font-weight: 600;
		padding-top: 5px;
		padding-bottom: 15px;
	}
	.bac-info .but {
		width: 50%;
		text-align: center;
		font-size: 18px;
		font-weight: 700;
		color: white;
		background-color: #272524;
		padding: 5px;
		cursor: pointer;
	}
	.bacimg {
		height: 320px;
		width: 100%;
		position: relative;
	}
	.bacimg #bg {
		width: 100%;
		height: 320px;
		z-index: -1;
	}
}
@media (max-width: 700px) {
	.bac-info {
		position: absolute;
		width: 345px;
		min-height: 145px;
		background-color: #FFED00;
		opacity: 0.7;
		z-index: 99;
		top: 48%;
		left: 27%;
		padding: 15px;
	}
	.bac-info p {
		font-size: 16px;
		font-weight: 600;
		padding-top: 5px;
		padding-bottom: 15px;
	}
	.bac-info .but {
		width: 50%;
		text-align: center;
		font-size: 18px;
		font-weight: 700;
		color: white;
		background-color: #272524;
		padding: 5px;
		cursor: pointer;
	}
	.bacimg {
		height: 320px;
		width: 100%;
		position: relative;
	}
	.bacimg #bg {
		width: 100%;
		height: 320px;
		z-index: -1;
	}
}
@media (max-width: 650px) {
	.bac-info {
		position: absolute;
		width: 345px;
		min-height: 145px;
		background-color: #FFED00;
		opacity: 0.7;
		z-index: 99;
		top: 48%;
		left: 24%;
		padding: 15px;
	}
	.bac-info p {
		font-size: 16px;
		font-weight: 600;
		padding-top: 5px;
		padding-bottom: 15px;
	}
	.bac-info .but {
		width: 50%;
		text-align: center;
		font-size: 18px;
		font-weight: 700;
		color: white;
		background-color: #272524;
		padding: 5px;
		cursor: pointer;
	}
}
@media (max-width: 533px) {
	.bac-info {
		position: absolute;
		width: 345px;
		min-height: 145px;
		background-color: #FFED00;
		opacity: 0.7;
		z-index: 99;
		top: 48%;
		left: 20%;
		padding: 15px;
	}
	.bac-info p {
		font-size: 16px;
		font-weight: 600;
		padding-top: 5px;
		padding-bottom: 15px;
	}
	.bac-info .but {
		width: 50%;
		text-align: center;
		font-size: 18px;
		font-weight: 700;
		color: white;
		background-color: #272524;
		padding: 5px;
		cursor: pointer;
	}
}
@media (max-width: 475px) {
	.bac-info {
		position: absolute;
		width: 345px;
		min-height: 145px;
		background-color: #FFED00;
		opacity: 0.7;
		z-index: 99;
		top: 48%;
		left: 15%;
		padding: 15px;
	}
	.bac-info p {
		font-size: 16px;
		font-weight: 600;
		padding-top: 5px;
		padding-bottom: 15px;
	}
	.bac-info .but {
		width: 50%;
		text-align: center;
		font-size: 18px;
		font-weight: 700;
		color: white;
		background-color: #272524;
		padding: 5px;
		cursor: pointer;
	}
}
@media (max-width: 444px) {
	.bac-info {
		position: absolute;
		width: 345px;
		min-height: 145px;
		background-color: #FFED00;
		opacity: 0.7;
		z-index: 99;
		top: 48%;
		left: 10%;
		padding: 15px;
	}
	.bac-info p {
		font-size: 16px;
		font-weight: 600;
		padding-top: 5px;
		padding-bottom: 15px;
	}
	.bac-info .but {
		width: 50%;
		text-align: center;
		font-size: 18px;
		font-weight: 700;
		color: white;
		background-color: #272524;
		padding: 5px;
		cursor: pointer;
	}
}
@media (max-width: 400px) {
	.bac-info {
		position: absolute;
		width: 290px;
		min-height: 145px;
		background-color: #FFED00;
		opacity: 0.7;
		z-index: 99;
		top: 42%;
		left: 11%;
		padding: 15px;
	}
	.bac-info p {
		font-size: 16px;
		font-weight: 600;
		padding-top: 5px;
		padding-bottom: 15px;
	}
	.bac-info .but {
		width: 50%;
		text-align: center;
		font-size: 18px;
		font-weight: 700;
		color: white;
		background-color: #272524;
		padding: 5px;
		cursor: pointer;
	}
}
.sec2 {
	background-color: #D8D8D8;
	width: 100%;
	min-height: 350px;
}
.sec2 .up {
	font-size: 48px;
	font-weight: 700;
	text-align: center;
	padding-top: 35px;
	padding-bottom: 50px;
}
.sec2 .ount {
	text-align: center;
	padding-bottom: 20px;
}
.ount > img {
	height: 90px;
	width: 90px;

}
.sec2 .table > p {
	text-align: center;
	padding-bottom: 25px;
	font-size: 18px;
	font-weight: 500;
}
.line {
	width: 100%;
	height: 60px;
	background-color: #FFED00;
}
.line p {
	line-height: 60px;
	font-size: 38px;
	font-weight: 700;
	text-align: center;
}
.block {
	width: 100%;
	background-color: #272524;
	height: 140px;
	line-height: 140px;
}
.block #logos {
	width: 90px;
	height: 90px;
	display: inline-block;
	vertical-align: middle;
}
.block #div-logo {
	width: 70px;
	height: 140px;
	text-align: center;
}
.block #div-logo:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.ma-text {
	width: 100%;
	font-size: 48px;
	font-weight: 700;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}
.main-img > img {
	width: 100%;
	height: 320px;
}
.main-name {
	font-size: 34px;
	font-weight: 700;
	color: #0f0e0d;
}
.main-date {
	font-size: 16px;
	padding: 10px 0;
	color: #0f0e0d;
}
.main-info {
	text-align: left;
}
.main-info > a {
	color: black !important;
	font-weight: 600 !important;
	-webkit-transition: 0.5s !important;
	-o-transition: 0.5s !important;
	transition: 0.5s !important;
}
.main-info > a:hover {
	color: #FFED00 !important;
	-webkit-transition: 0.5s !important;
	-o-transition: 0.5s !important;
	transition: 0.5s !important;
}
.too-info {
	text-align: right;
	padding-top: 20px;
}
.to-info >a {
	color: black !important;
	font-weight: 600 !important;
	-webkit-transition: 0.5s !important;
	-o-transition: 0.5s !important;
	transition: 0.5s !important;
}
.to-info >a:hover {
	color: #FFED00 !important;
	-webkit-transition: 0.5s !important;
	-o-transition: 0.5s !important;
	transition: 0.5s !important;
}
#ner {
	color: black !important;
	font-weight: 600 !important;
	-webkit-transition: 0.5s !important;
	-o-transition: 0.5s !important;
	transition: 0.5s !important;
}
#ner:hover {
	color: #FFED00 !important;
	-webkit-transition: 0.5s !important;
	-o-transition: 0.5s !important;
	transition: 0.5s !important;
}
.to-name {
	font-size: 24px;
	font-weight: 500;
	color: #0f0e0d;
	margin-bottom: 15px;
	-webkit-transition: 0.5s !important;
	-o-transition: 0.5s !important;
	transition: 0.5s !important;
}
.to-name:hover {
	color: #0f0e0d !important;
	-webkit-transition: 0.5s !important;
	-o-transition: 0.5s !important;
	transition: 0.5s !important;
}
.to-date {
	padding-top: 8px;
	color: #0f0e0d;
}


.news-but {
	margin-top: 55px;
	text-align: center;
	width: 100%;
	margin-left: 10px;
}
.news-but a {
	color: white;
	background-color: #272524;
	text-align: center;
	padding: 15px 110px;
	font-size: 22px;
	font-weight:  700;

}
.news-but a:hover {
	text-decoration: none;
	color: #FFED00 !important;

}
input {
	border-width: 0px;
}
.otnews {
	padding-top: 25px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 24px;
	font-weight: 700;
}
.lineb {
	width: 100%;
	height: 35px;
	background-color: #272524;
}
.cover {
	width: 100%;
	min-height: 300px;
}
.uoy {
	margin-top: 50px;
}
.katalog {
	font-size: 48px;
	font-weight: 700;
	text-align: center;
	padding-top: 35px;
	padding-bottom: 25px;
}
.kat {
	padding-top: 25px;
}
.kat-img {
	width: 100%;
	height: 240px;
	position: relative;
}
.kat-img > img {
	width: 100%;
	height: 240px;
	position: relative;
}
.kat-info {
	padding-left:10px;
	text-align: center;
	color: white;
	font-size: 18px;
	font-weight: 500;
	position: absolute;
	width: 100%;
	padding-right: 11.5%;
	top: 50%;

	opacity: 0;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	z-index: 6;
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
}
.hover {
	position: absolute;
	width: 100%;
	height: 240px;
	background-color: #000000;
	opacity: 0;
	z-index: 1;
}
.kat:hover .kat-info {
	opacity: 1;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.kat:hover .hover {
	opacity: 0.4;
}
header.entry-header {
	display: none;
}
.kat-more {
	width: 100%;
	padding: 15px;
	text-align: center;
	background-color: black;
	color: #FFED00;
	font-size: 18px;
	font-weight: 500;
	opacity: 0;
	-webkit-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
	cursor: pointer;
}
.kat-more a {
	color: #FFED00;
}
.kat-more a:hover {
	color: #FFED00;
}
.kat:hover .kat-more {
	opacity: 1;
	-webkit-transition: 1.3s;
	-o-transition: 1.3s;
	transition: 1.3s;
}
.dowm {
	margin-top: 50px;
}
.kat-but {
	margin-top: 40px;
	margin-bottom: 25px;
	text-align: center;

}
.kat-but a {
	font-size: 22px;
	font-weight: 700;
	padding: 15px  70px;
	background-color: #000000;
	color: white;
}
.kat-but a:hover {
	color: #FFED00;
}
.kap {
	font-size: 48px;
	font-weight: 700;
	text-align: center;
	padding-top: 35px;
	padding-bottom: 50px;
}
.kapform input {
	width: 100%;
	border: 1px solid black;
	padding-left: 15px;
}
.kapform textarea {
	height: 120px;
	width: 100%;
	border: 1px solid black;
	padding-left: 15px;
}
.kapinfo {
	font-size: 18px;
	font-family: 400;
	line-height: 30px;
}
.kapbut {
	text-align: center;
	margin: 50px 0 ;
}
#nop {
	color: white;
	background-color: black;
	font-size: 22px;
	font-weight: 700;
	padding: 15px  70px;
}

.silver {
	background-color: #D8D8D8;
	width: 100%;
}
.ka {
	font-size: 48px;
	font-weight: 700;
	text-align: center;
	padding-top: 35px;
	padding-bottom: 50px;
}
.fons p {
	font-size: 16px;
	font-weight: 700;
}
.fons div {
	margin: 15px 0px;
}
.fons div img {
	width: 14px;
	margin-right: 15px;
}
.fons div a {
	color: black;
	font-weight: 400;
	font-size: 16px;
}
.yline {
	width: 100%;
	background-color: #FFED00;
	height: 10px;

}
.maill p {
	font-size: 16px;
	font-weight: 700;
}
.maill div {
	margin: 15px 0px;
}
.maill div img {
	width: 24px;
	margin-right: 15px;
}
.maill div a {
	color: black;
	font-weight: 400;
	font-size: 16px;
}

.soha .fb {
	margin-left: 15px;
}
.soha p {
	font-size: 16px;
	font-weight: 700;
}
.soha div {
	display: inline-block;


}
.soha div a img {
	width: 54px;
}
.foot-color {
	width: 100%px;
	background-color: #272524;
	min-height: 150px;
}
.fo-logo {
	text-align: center;
}
.fo-logo img {
	width: 100%;
	margin: 25px 0;
}
.fo-logo p {
	color: #929190;
	font-size: 18px;
	font-weight: 700;
	margin: 25px 0;
}
.fo-logo a {
	margin: 10px 0;
	color: #929190;
	font-size: 16px;
	font-weight: 600;
}
.fo-logo a:hover {
	color: #FFED00;
	font-size: 16px;
	font-weight: 600;
}
/*
**************************************************
**************************************************   404.html
**************************************************
*/
#errors {
	min-height: 497px;
}
.erinfo {
	margin-top: 50px;
	text-align: center;
}
.erinfo h3 {
	color: #979797;
	font-size: 58px;
	font-weight: 700;
}
.erinfo p {
	font-size: 48px;
	font-weight: 700;
}
.buter {
	margin: 50px 0;
}
.buter div {
	text-align: center;
	margin: 20px 0;
}
.buter div a {
	font-size: 18px;
	font-weight: 500;
	color: white;
	background-color: #262423;
	padding: 10px 30px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.buter div a:hover {
	color: #FFED00;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
/*
**************************************************
**************************************************   news.html
**************************************************
*/
.anews {
	min-height: 497px;
}
.name-news {
	font-size: 48px;
	font-weight: 700;
	text-align: center;
	padding-top: 35px;
	padding-bottom: 50px;
}
.mnews {
	margin-bottom: 50px;
}
.mnews a img {
	width: 100%;
	height: 200px;
}
.mnews a .ne a{
	margin: 7px 0;
	font-size: 18px;
	font-weight: 600;
	color: #0f0e0d;
}
}
.mnews a .ne a:hover{

	color: #FFED00;
}
.ne-date{
	color: black;
	font-weight: 500;
}
.infone  a {
	color: black;

	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.infone a:hover {
	color: black;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.inf   {
	 color: black;

	 -webkit-transition: 0.5s;
	 -o-transition: 0.5s;
	 transition: 0.5s;
 }
.inf:hover {
	color: #FFED00!important;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.strn {
	text-align: center;
	margin: 25px 0;
}
.namennews {
	font-size: 48px;
	font-weight: 700;
	text-align: center;
	padding-top: 35px;
	padding-bottom: 50px;
}
.stanews img {
	width: 100%;
	height: 435px;
	margin-bottom: 25px;
}
.sohaa {
	width: 100%;
	margin-top: 25px;

}
.sohaa img {
	text-align: right;
}
.sohaa p {
	text-align: right;
}
.iiinfo-news {
	padding-top: 20px;
	height: 60px;
	text-align: right;
	position: relative;
}
.iiinfo-news>div{
	width: 100%;
}
.iiinfo-news> a {
	font-size: 16px;
	width: 117px;

	position: absolute;

}
.iiinfo-news>div{
	float: left;
	left: -30px;
	position: absolute;
}
.alllnewspage {
	width: 100%;
	text-align: center;
	margin: 50px 0;
}
.alllnewspage a {
	font-size: 22px;
	font-weight: 700;
	padding: 10px  70px;
	background-color: black;
	color: white;
}
.alllnewspage a:hover {
	color: #FFED00;
}
#namis {
	padding-bottom: 0px;
}
.cxat-acatedo {
	width: 100%;
	font-size: 38px;
	font-weight: 800;
	text-align: center;
	padding: 0px;
	color: #D8D8D8;
}
.info-cata img {
	width: 100%;
	height: 640px;
}
.info-cata p {
	margin-top: 25px;
}
@media (max-width: 767px) {
	.to-info{
		padding-bottom: 25px;
	}
	.to-date{
		padding-top: 25px;
	}

}
@media (max-width: 375px) {

	.main-img > img{
		height: 220px;
	}
	.stanews img{
		height: 280px;
	}
	.info-cata img{
		height: 280px;
	}
	.news-but > a{
		padding:15px 80px 15px 70px;
	}
	.kat-but a{
		padding: 15px  45px;
	}
	#nop{
	padding:15px 45px 15px 50px;
	}
}
@media (max-width: 768px) {


	.stanews img{
		height: 300px;
	}
	.info-cata img{
		height: 300px;
	}

}