/*   
Theme Name: Smart
Theme URI: 
Version: 1.0
Tags: clean, development, html5
Description: Шаблон для разработки от Smart.
Author: Smart
Author URI: 
*/
* {
	margin: 0px;
	padding: 0px;
	outline: none;
}

body {
	background: #121619;
	color: #fff;
	font-size: 14px;
  	font-family: "AGKornelia";
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
a {
	-webkit-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	transition:all 0.3s ease;
	text-decoration: none;
	cursor: pointer;
	color: #b5d058;
}

b, th, strong, h1, h2, h3, h4, h5, h6 {
	
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
input, select, textarea {
	color:#aaa79e;
	font-size: 14px;
}

::-webkit-input-placeholder { 
	color:#aaa79e;
	-webkit-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	transition:all 0.3s ease; 
}
:-moz-placeholder { 
	color:#aaa79e;
	-webkit-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	transition:all 0.3s ease; 
}
::-moz-placeholder { 
	color:#aaa79e; 
	-webkit-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	transition:all 0.3s ease; 
}
:-ms-input-placeholder { 
	color:#aaa79e;
	-webkit-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	transition:all 0.3s ease; 
}

textarea::-webkit-input-placeholder { 
	color:#aaa79e;
	-webkit-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	transition:all 0.3s ease; 
}
textarea:-moz-placeholder { 
	color:#aaa79e;
	-webkit-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	transition:all 0.3s ease; 
}
textarea::-moz-placeholder { 
	color:#aaa79e; 
	-webkit-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	transition:all 0.3s ease; 
}
textarea:-ms-input-placeholder { 
	color:#aaa79e;
	-webkit-transition:all 0.3s ease; 
	-moz-transition:all 0.3s ease; 
	-o-transition:all 0.3s ease; 
	transition:all 0.3s ease; 
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { 
	-webkit-transform:scale(0.9); 
	-moz-transform:scale(0.9); 
	-o-transform:scale(0.9); 
	transform:scale(0.9); 
	opacity:0; 
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { 
	-webkit-transform:scale(0.9); 
	-moz-transform:scale(0.9); 
	-o-transform:scale(0.9);
	transform:scale(0.9); 
	opacity:0; 
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { 
	-webkit-transform:scale(0.9); 
	-moz-transform:scale(0.9); 
	-o-transform:scale(0.9); 
	transform:scale(0.9); 
	opacity:0; 
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { 
	-webkit-transform:scale(0.9); 
	-moz-transform:scale(0.9); 
	-o-transform:scale(0.9); 
	transform:scale(0.9); 
	opacity:0;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
@font-face {
  	font-family: "AGKornelia";
  	font-style: normal;
  	font-weight: 400;
  	src: local("AGKornelia"), local("AGKornelia-Normal"), url("fonts/agkornelia.ttf") format("truetype");
}
@font-face {
  	font-family: "AGKornelia";
  	font-style: normal;
  	font-weight: 700;
  	src: local("AGKornelia"), local("AGKornelia-bold"), url("fonts/agkornelia_bold.ttf") format("truetype");
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.navigation {
	position: fixed;
	display: block;
	width: 100%;
	max-width: 1920px;
	background: rgba(19,22,24,0);
	border-bottom: 1px solid rgba(255,255,255,0);
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	z-index: 100;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.navigation .navi-inner {
	position: relative;
	display: grid;
	width: calc(100% - 10px);
	max-width: 1200px;
	height: 124px;
	margin: 0 auto;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.navigation.fixed {
	background: rgba(19,22,24,1);
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

.navigation.fixed .navi-inner {
	height: 80px;
}

.navigation .navi-inner ul.top-menu {
	position: relative;
	display: inline-flex;
	align-self: center;
	justify-content: space-between;
}

.navigation .navi-inner ul.top-menu li {
	position: relative;
	display: inline-block;
	flex: left;
}

.navigation .navi-inner ul.top-menu li a {
	position: relative;
	display: block;
	padding-left: 58px;
	color: #ffffff;
	font-size: 18px;
  	text-shadow: -0.017px 1px 2px rgba(75, 45, 19, 0.43);
  	z-index: 1;
}

.navigation .navi-inner ul.top-menu li a:before {
	content: '';
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url(images/ico-nav.png) no-repeat;
	 -webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
}

.navigation .navi-inner ul.top-menu li a:hover:before {
	-webkit-transform: rotateY(180deg) translateY(-50%);
	-moz-transform: rotateY(180deg) translateY(-50%);
	-o-transform: rotateY(180deg) translateY(-50%);
	-ms-transform: rotateY(180deg) translateY(-50%);
	transform: rotateY(180deg) translateY(-50%);
}

.navigation .navi-inner ul.top-menu li a p {
	position: relative;
	display: block;
	color: #e7e2e4;
	font-size: 12px;
}

/*====================================================*/
/*====================================================*/
/*====================================================*/
.navigation .navi-inner ul.top-menu li ul.sub-menu {
	position: absolute;
	display: block;
	width: 300px;
	top: calc(100% + 15px);
	left: 50%;
	transform: translateX(-50%);
	padding: 5px 0;
	visibility: hidden;
	opacity: 0;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	background: rgba(19,22,24,0.7);
	border-top: 2px solid #ea4f20;
}

.navigation .navi-inner ul.top-menu li ul.sub-menu:before {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 15px;
	bottom: 100%;
	left: 0;
	opacity: 0;
}

.navigation .navi-inner ul.top-menu li ul.sub-menu li {
	position: relative;
	display: block;
	margin: 0 auto 3px;
	padding: 0 25px;
}

.navigation .navi-inner ul.top-menu li ul.sub-menu li:last-child {
	margin-bottom: 0;
}

.navigation .navi-inner ul.top-menu li ul.sub-menu li a {
	position: relative;
	display: block;
	font-size: 14px;
	padding: 12px 10px 12px 36px;
	border-bottom: 1px solid rgb(79, 78, 76);
}

.navigation .navi-inner ul.top-menu li ul.sub-menu li a:before {
	content: '';
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url(images/nav-arrow.png) no-repeat;
	transition: all 1s ease;
}

.navigation .navi-inner ul.top-menu li ul.sub-menu li a:hover:before {
	transform:  translateY(-50%) rotateX(720deg);
}

.navigation .navi-inner ul.top-menu li ul.sub-menu li a:after {
	display: none;
}

.navigation .navi-inner ul.top-menu li ul.sub-menu li ul.sub-menu {
	left: 100%;
	top: -5px;
	transform: translate(0, 0);
}

.navigation .navi-inner ul.top-menu li ul.sub-menu.show {
	visibility: visible;
	opacity: 1;
}

.navigation .navi-inner ul.top-menu ul.sub-menu li.menu-item-has-children {
	background: url(images/select.png) no-repeat center right 35px;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
div[data-rel="hidden-navigation"] .navi-inner:before {
	content: '';
	position: relative;
	display: block;
	width: 100%;
	height: 60px;
	background: url(images/logo-min.png) no-repeat center;
	margin: 0 auto 10px;
}

div[data-rel="hidden-navigation"] .navi-inner ul.top-menu {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	background: rgba(19,22,24,0.7);
	border-top: 2px solid #ea4f20;
}

div[data-rel="hidden-navigation"] .navi-inner ul.top-menu li {
	position: relative;
	display: block;
	margin: 0 auto 3px;
	padding: 0 10px;
}

div[data-rel="hidden-navigation"] .navi-inner ul.top-menu li a {
	position: relative;
	display: block;
	color: #fff;
	font-size: 14px;
	padding: 10px 5px;
	border-bottom: 1px solid rgb(79, 78, 76);
	text-align: center;
}

div[data-rel="hidden-navigation"] .navi-inner ul.top-menu li a p {
	font-size: 12px;
	display: none;
}

div[data-rel="hidden-navigation"] .navi-inner ul.top-menu ul.sub-menu {
	position: relative;
	display: none;
	width: 100%;
	border-left: 1px solid #ea4f20;
}

div[data-rel="hidden-navigation"] .navi-inner ul.top-menu ul.sub-menu ul.sub-menu {
	padding: 0;
	width: 100%;
}

div[data-rel="hidden-navigation"] .navi-inner ul.top-menu ul.sub-menu li {
	padding: 0 0 0 10px;
}

div[data-rel="hidden-navigation"] .navi-inner ul.top-menu li.menu-item-has-children {
	background: url(images/select.png) no-repeat top 16px right 25px !important;
}
div[data-rel="hidden-navigation"] .navi-inner ul.top-menu ul.sub-menu li.menu-item-has-children {
	background: url(images/select.png) no-repeat top 16px right 15px !important;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
#general {
	position: relative;
	display: flex;
	width: 100%;
	max-width: 1920px;
	min-width: 320px;
	background: url(images/bg-1.png) no-repeat center top, url(images/bg-2.png) no-repeat center bottom;
	min-height: 100vh;
	flex-direction: column;
	margin: 0 auto;
	overflow: hidden;
}

#general .wrapper {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

#general .wrapper .inner {
	position: relative;
	display: block;
	width: calc(100% - 10px);
	max-width: 1200px;
	margin: 0 auto;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.header .inner .grid {
	position: relative;
	display: grid;
	width: 100%;
	min-height: 600px;
	padding-top: 125px;
	margin: 0 auto;
}

.header .inner .grid .block {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
}

.header .inner .grid .block a.logo {
	position: relative;
	display: block;
	width: 100%;
	max-width: 324px;
	margin: 0 auto 25px;
	z-index: 2;
}

.header .inner .grid .block a.logo img {
	position: relative;
	display: block;
	max-width: 100%;
}

.header .inner .grid .block a.logo:hover {
	-webkit-filter: brightness(1.2);
	-moz-filter: brightness(1.2);
	-o-filter: brightness(1.2);
	filter: brightness(1.2);
}

.header .inner .grid .block .status {
	position: relative;
	display: grid;
	width: 100%;
	margin: 0 auto;
}

.header .inner .grid .block .status .child {
	position: relative;
	display: inline-block;
	justify-self: center;
	z-index: 1;
}

.header .inner .grid .block .status .child .item {
	position: relative;
	display: inline-grid;
	float: left;
	width: 152px;
	height: 142px;
	background: url(images/ico-status.png) no-repeat center;
	margin-right: 20px;
}

.header .inner .grid .block .status .child .item:before {
	content: '';
	position: absolute;
	display: block;
	width: 343px;
	height: 341px;
	background: url(images/shadow.png) no-repeat;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}

.header .inner .grid .block .status .child .item:last-child {
	margin-right: 0;
}

.header .inner .grid .block .status .child .item .cont {
	position: relative;
	display: block;
	align-self: center;
	text-align: center;
}

.header .inner .grid .block .status .child .item .cont .text-1 {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 12px;
  	text-shadow: -0.017px 1px 2px rgba(75, 45, 19, 0.43);
}

.header .inner .grid .block .status .child .item .cont .text-2 {
	position: relative;
	display: grid;
	width: 100%;
	height: 55px;
}

.header .inner .grid .block .status .child .item .cont .text-2 span {
	position: relative;
	display: block;
	color: #ffd800;
	font-size: 24px;
  	font-weight: 700;
  	align-self: center;
  	text-shadow: -0.017px 1px 2px rgba(75, 45, 19, 0.43);
}

.header .inner .grid .block .status .child .item .cont .text-3 {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 16px;
  	text-shadow: -0.017px 1px 2px rgba(75, 45, 19, 0.43);
  	font-weight: 700;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.sl-block .block {
	position: relative;
	display: grid;
	width: 100%;
	padding: 20px 0;
	min-height: 160px;
	background: url(images/slider.png) no-repeat center top;
	background-size: cover;
	grid-template-columns: 880px 1fr;
	grid-gap: 20px;
}

.sl-block .block .slider {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	align-self: center;
}

.sl-block .slider .slide {
	position: absolute !important;
	left: 0 !important;
	width: 100%;
}

.sl-block .slider .slide.slick-active {
	position: relative !important;
}

.sl-block .slider .slide .item {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: 350px 1fr;
}

.sl-block .slider .slide .item .frame {
	position: relative;
	display: grid;
	width: 300px;
	margin: 0 auto;
	grid-template-columns: 17px 1fr 17px;
	grid-gap: 15px;
	align-self: center;
	padding: 10px 0;
}

.sl-block .slider .slide .item .frame .prev {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
}

.sl-block .slider .slide .item .frame .next {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
}

.sl-block .slider .slide .item .frame .prev button.slick-prev.slick-arrow {
	position: relative;
	display: block;
	width: 17px;
	height: 32px;
	background: url(images/prev.png) no-repeat;
	border: none;
	font-size: 0;
	cursor: pointer;
}

.sl-block .slider .slide .item .frame .next button.slick-next.slick-arrow {
	position: relative;
	display: block;
	width: 17px;
	height: 32px;
	background: url(images/next.png) no-repeat;
	border: none;
	font-size: 0;
	cursor: pointer;
}

.sl-block .slider .slide .item .frame .prev button.slick-prev.slick-arrow:hover,
.sl-block .slider .slide .item .frame .next button.slick-next.slick-arrow:hover {
	opacity: 0.7;
}

.sl-block .slider .slide .item .frame .img {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
}

.sl-block .slider .slide .item .frame .img img {
	position: relative;
	display: block;
	max-width: 100%;
	height: auto;
}

.sl-block .slider .slide .item .desc {
	position: relative;
	display: block;
	align-self: center;
}

.sl-block .slider .slide .item .desc .title {
	position: relative;
	display: block;
	color: #c9cfb0;
	font-size: 18px;
	font-weight: 700;
	margin: 0 auto 10px;
}

.sl-block .slider .slide .item .desc .text {
	position: relative;
	display: block;
	color: #ece3cd;
	font-size: 14px;
	line-height: 18px;
}

.sl-block .slider .slide .item .desc .text a {
	position: relative;
	display: inline-block;
	color: #eaff42;
	font-size: 14px;
	text-decoration: underline;
}

.sl-block .slider .slide .item .desc .text a:hover {
	text-decoration: none;
}

.sl-block .slider .slide .item .desc .code {
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	grid-gap: 25px;
	margin: 5px auto 2px;
}

.sl-block .slider .slide .item .desc .code label {
	position: relative;
	display: block;
	align-self: center;
	color: #ffffff;
	font-size: 14px;
}

.sl-block .slider .slide .item .desc .code span {
	position: relative;
	display: grid;
	align-self: center;
	width: 230px;
	height: 47px;
	background: #111012;
}

.sl-block .slider .slide .item .desc .code span i {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
	text-align: center;
	font-style: normal;
	font-size: 18px;
	color: #ffba00;
	font-weight: 700;
}

.sl-block .slider .slide .item .desc .info {
	position: relative;
	display: block;
	color: #6f6a5c;
	font-size: 14px;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.sl-block .block .link {
	position: relative;
	display: block;
	width: 236px;
	margin-right: 50px;
	align-self: center;
	justify-self: end;
}

.sl-block .block .link .btn {
	position: relative;
	display: inline-block;
	margin: 0;
}

.sl-block .block .link a {
	position: relative;
	display: grid;
	width: 236px;
	height: 64px;
	margin: 0 auto 12px;
}

.sl-block .block .link a:last-child {
	margin: 0 auto;
}

.sl-block .block .link a:before {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background: url(images/btn-1.png) no-repeat;
	top: 0;
	left: 0;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.sl-block .block .link a:nth-child(2n):before {
	background: url(images/btn-2.png) no-repeat;
}

.sl-block .block .link a:hover:before {
	-webkit-filter: contrast(155%);
	-moz-filter: contrast(155%);
	-o-filter: contrast(155%);
	filter: contrast(155%);
}

.sl-block .block .link a .text {
	position: relative;
	display: block;
	align-self: center;
	justify-self: center;
	text-align: center;
}

.sl-block .block .link a .text .text-1 {
	position: relative;
	display: block;
	color: #ffeece;
	font-size: 16px;
	font-weight: 700;
}

.sl-block .block .link a .text .text-2 {
	position: relative;
	display: block;
	color: #c9cfb0;
	font-size: 12px;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.content {
	flex-grow: 3;
	padding-top: 60px;
	z-index: 2;
}

.content-index .grid-block {
	position: relative;
	display: grid;
	width: 100%;
	margin: 0 auto;
	grid-template-columns: 1fr minmax(auto, 343px);
	grid-gap: 37px;
}

.content-index .grid-block .post-block {
	position: relative;
	display: grid;
	width: 100%;
	max-width: 820px;
	grid-template-columns: 1fr auto;
	grid-gap: 20px;
	margin: 0 auto;
	align-self: start;
}

.content-index .grid-block .post-block .posts {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
}

.content-index .grid-block .post-block .posts .item {
	position: relative;
	display: block;
	width: calc(100% - 40px);
	max-width: 360px;
	min-height: 430px;
	padding: 0 20px 70px;
	background: #0c1011;
	z-index: 1;
	justify-self: center;
}

.content-index .grid-block .post-block .posts .item .frame {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: -1;
}

.content-index .grid-block .post-block .posts .item .frame img {
	position: absolute;
	display: block;
	min-width: 100%;
	min-height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.content-index .grid-block .post-block .posts .item .title {
	position: relative;
	display: block;
	width: 100%;
	max-width: 300px;
	padding-top: 240px;
	color: #ffffff;
	font-size: 17px;
	line-height: 21px;
	min-height: 42px;
	margin: 0 auto 10px;
}

.content-index .grid-block .post-block .posts .item .date {
	position: relative;
	display: block;
	width: 100%;
	max-width: 300px;
	color: #404a4a;
	text-shadow: 0 0 0 #404a4a;
	font-size: 12px;
	margin: 0 auto 15px;
}

.content-index .grid-block .post-block .posts .item .text {
	position: relative;
	display: block;
	width: 100%;
	max-width: 300px;
	color: #a0aeae;
	font-size: 14px;
	line-height: 18px;
	margin: 0 auto;
}

.content-index .grid-block .post-block .posts .item .text a {
	position: relative;
	display: inline-block;
	color: #b5d058;
	text-decoration: underline;
}

.content-index .grid-block .post-block .posts .item .text a:hover {
	text-decoration: none;
}

.content-index .grid-block .post-block .posts .item .desc {
	position: absolute;
	display: grid;
	width: 100%;
	max-width: 300px;
	height: 70px;
	grid-template-columns: repeat(2, 1fr);
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.content-index .grid-block .post-block .posts .item .desc a {
	position: relative;
	display: block;
	align-self: center;
	justify-self: start;
	height: 28px;
	line-height: 27px;
	border: 2px solid #ea4f20;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	padding: 0 15px;
	font-size: 14px;
	color: #ffffff;
}

.content-index .grid-block .post-block .posts .item .desc a:hover {
	background: #ea4f20;
}

.content-index .grid-block .post-block .posts .item .desc .views {
	position: relative;
	display: block;
	align-self: center;
	justify-self: end;
	color: #6c7a7a;
	font-size: 12px;
	padding-left: 25px;
}

.content-index .grid-block .post-block .posts .item .desc .views:before {
	content: '';
	position: absolute;
	display: block;
	width: 16px;
	height: 10px;
	background: url(images/ico-views.png) no-repeat;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.content-index .grid-block .post-block .posts .item .desc .views span {
	position: relative;
	display: inline-block;
	color: #a9bcbc;
	font-size: 12px;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.content-index .grid-block .post-block .pagine {
	position: relative;
	display: block;
	width: 60px;
}

.content-index .grid-block .post-block .pagine .text {
	position: relative;
	display: block;
	text-align: center;
}

.content-index .grid-block .post-block .pagine .text span {
	position: relative;
	display: block;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	color: #585f55;
	text-shadow: 0 0 0 #585f55;
	font-size: 14px;
}

.content-index .grid-block .post-block .pagine ul.page-numbers {
	position: relative;
	display: block;
	width: 100%;
	margin: 15px auto 0;
}

.content-index .grid-block .post-block .pagine ul.page-numbers li {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 6px;
}

.content-index .grid-block .post-block .pagine ul.page-numbers li:last-child {
	margin: 0 auto;
}

.content-index .grid-block .post-block .pagine ul.page-numbers li a {
	position: relative;
	display: block;
	width: 100%;
	max-width: 60px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	background: #0f1414;
}

.content-index .grid-block .post-block .pagine ul.page-numbers li span,
.content-index .grid-block .post-block .pagine ul.page-numbers li a:hover {
	position: relative;
	display: block;
	width: 100%;
	max-width: 60px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #fc3232;
	font-size: 14px;
	background: #0f1414;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.content-index .grid-block .post-block .media {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
}

.content-index .grid-block .post-block .media .item {
	position: relative;
	display: grid;
	width: calc(100% - 40px);
	max-width: 360px;
	min-height: 133px;
	padding: 30px 20px;
	background: #0c1011;
	z-index: 1;
	justify-self: center;
}

.content-index .grid-block .post-block .media .item .frame {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0;
	left: 0;
}

.content-index .grid-block .post-block .media .item .frame img {
	position: absolute;
	display: block;
	min-width: 100%;
	min-height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.content-index .grid-block .post-block .media .item .text {
	position: relative;
	display: block;
	align-self: end;
	justify-self: start;
}

.content-index .grid-block .post-block .media .item .text span {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 18px;
}

.content-index .grid-block .post-block .media .item .text p {
	position: relative;
	display: block;
	color: #c6c6c6;
	font-size: 12px;
	margin-top: 3px;
}

.content-index .grid-block .post-block .media .item:hover {
	-webkit-filter: contrast(115%);
	-moz-filter: contrast(115%);
	-o-filter: contrast(115%);
	filter: contrast(115%);
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.content-index .grid-block .side-block {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.content-index .grid-block .side-block .btns {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.content-index .grid-block .side-block .btns .item {
	position: relative;
	display: grid;
	width: calc(100% - 60px);
	height: 105px;
	padding: 15px 30px;
	background: #0c1011;
	z-index: 1;
	margin: 0 auto 15px;
}

.content-index .grid-block .side-block .btns .item:last-child {
	margin: 0 auto;
}

.content-index .grid-block .side-block .btns .item .frame {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0;
	left: 0;
}

.content-index .grid-block .side-block .btns .item .frame img {
	position: absolute;
	display: block;
	min-width: 100%;
	min-height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.content-index .grid-block .side-block .btns .item .text {
	position: relative;
	display: block;
	align-self: end;
	justify-self: start;
}

.content-index .grid-block .side-block .btns .item .text span {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 18px;
}

.content-index .grid-block .side-block .btns .item .text p {
	position: relative;
	display: block;
	color: #c6c6c6;
	font-size: 12px;
	margin-top: 3px;
}

.content-index .grid-block .side-block .btns .item:hover {
	-webkit-filter: contrast(115%);
	-moz-filter: contrast(115%);
	-o-filter: contrast(115%);
	filter: contrast(115%);
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.content-index .about-text-block {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 56px;
	margin: 86px auto;
}

.content-index .about-text-block .block {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.content-index .about-text-block .block .item {
	position: relative;
	display: block;
	margin: 0 auto 50px;
}

.content-index .about-text-block .block .item:last-child {
	margin-bottom: 0;
}

.content-index .about-text-block .block .item .title {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	margin: 0 auto 25px;
}

.content-index .about-text-block .block .item .text {
	position: relative;
	display: block;
	color: #424a50;
	text-shadow: 0 0 0 #424a50;
	font-size: 12px;
	line-height: 18px;
	margin: 0 auto;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.footer {
	margin-top: 185px !important;
}

.footer .grid-block {
	position: relative;
	display: grid;
	width: 100%;
	grid-template-columns: 270px auto 1fr auto;
	grid-gap: 45px;
	padding: 25px 0;
	border-top: 1px solid #2b2f32;
}

.footer .grid-block .img {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	min-height: 160px;
}

.footer .grid-block .img img {
	position: absolute;
	display: block;
	bottom: 0;
	right: -28px;
}

.footer .grid-block .menu {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.footer .grid-block .menu .title {
	position: relative;
	display: block;
	color: #ffffff;
	font-size: 18px;
	margin: 0 auto 25px;
}

.footer .grid-block .menu ul.bottom-menu {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
}

.footer .grid-block .menu ul.bottom-menu li {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto 10px;
}

.footer .grid-block .menu ul.bottom-menu li:last-child {
	margin-bottom: 0;
}

.footer .grid-block .menu ul.bottom-menu li a {
	position: relative;
	display: inline-block;
	color: #b0b0b0;
	font-size: 14px;
}

.footer .grid-block .menu ul.bottom-menu li a:before {
	content: '-';
	position: relative;
	display: inline-block;
	margin-right: 5px;
}

.footer .grid-block .menu ul.bottom-menu li a:hover {
	color: #b5d058;
}

.footer .grid-block .vk-block {
	position: relative;
	display: block;
	justify-self: center;
}

.footer .grid-block .vk-block img {
	position: relative;
	display: block;
	max-width: 100%;
}

.footer .grid-block .text {
	position: relative;
	display: grid;
	justify-self: end;
}

.footer .grid-block .text .coolness {
	position: relative;
	display: block;
	width: 122px;
	height: 31px;
	background: url(images/coolness.png) no-repeat;
	justify-self: end;
}

.footer .grid-block .text .banners {
	position: relative;
	display: inline-block;
	justify-self: end;
	align-self: center;
}

.footer .grid-block .text .banners li {
	position: relative;
	display: inline-block;
	float: left;
	margin-left: 11px;
	margin-bottom: 10px;
}

.footer .grid-block .text .banners li a {
	position: relative;
	display: block;
}

.footer .grid-block .text .banners li img {
	position: relative;
	display: block;
}

.footer .grid-block .text .desc {
	position: relative;
	display: block;
	align-self: center;
	justify-self: end;
	color: #484d53;
	text-shadow: 0 0 0 #484d53;
	font-size: 12px;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
.content-page .post {
	position: relative;
	display: inline-block;
	width: 100%;
	margin: 0;
}

.content-page .post .title {
	position: relative;
	display: block;
    width: 100%;
	color: #ffffff;
    font-size: 22px;
    line-height: 31px;
    margin: 0 auto 15px;
}

.content-page .post .date {
	position: relative;
    display: block;
    width: 100%;
    color: #404a4a;
    text-shadow: 0 0 0 #404a4a;
    font-size: 14px;
    margin: 0 auto 15px;
}

.content-page .post .text {
    position: relative;
    display: block;
    width: 100%;
    color: #a0aeae;
    font-size: 14px;
    line-height: 21px;
    margin: 0 auto;
}

.content-page .post .text a {
	color: #b5d058;
	text-decoration: underline;
}

.content-page .post .text a:hover {
	text-decoration: none;
}

.content-page .post .text ul {
	position: relative;
	display: block;
}

.content-page .post .text ul li {
	position: relative;
	display: block;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/

/*====================================================*/
/*====================================================*/
/*====================================================*/

/*====================================================*/
/*====================================================*/
/*====================================================*/

/*====================================================*/
/*====================================================*/
/*====================================================*/

/*====================================================*/
/*====================================================*/
/*====================================================*/

/*====================================================*/
/*====================================================*/
/*====================================================*/

/*====================================================*/
/*====================================================*/
/*====================================================*/

/*====================================================*/
/*====================================================*/
/*====================================================*/

/*====================================================*/
/*====================================================*/
/*====================================================*/

/*====================================================*/
/*====================================================*/
/*====================================================*/

/*====================================================*/
/*====================================================*/
/*====================================================*/

/*====================================================*/
/*====================================================*/
/*====================================================*/

/*====================================================*/
/*====================================================*/
/*====================================================*/

/*====================================================*/
/*====================================================*/
/*====================================================*/

/*====================================================*/
/*====================================================*/
/*====================================================*/

/*====================================================*/
/*====================================================*/
/*====================================================*/