/*
Theme Name: Viral
Theme URI: https://hashthemes.com/wordpress-theme/viral/
Author: HashThemes
Author URI: https://hashthemes.com
Description: Viral is a responsive magazine WordPress Theme specially designed for magazine, newspaper, news portals, publishing, personal blogs, professional blogs, corporate blogs, and editorial style websites. The theme has repeatable drag and drop section that allows adding as many section as you want with various beautifully designed layouts suitable for magazine, newspaper. The theme consist of 3  unique banner layout to highlight your featured content, 6 unique category section layout, news ticker, promotional headline. There are five different built in widgets in the theme that can be used in the sidebar and footers. Moreover the theme is built is customizer that enable to set up your website with live preview. For demo http://demo.hashthemes.com/viral/
Version: 1.3.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: viral
Tags: two-columns, right-sidebar, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, grid-layout, custom-logo, footer-widgets, blog, news, portfolio, education

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.

Viral is based on Underscores http://underscores.me/, (C) 2012-2015 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 http://necolas.github.com/normalize.css/
.views {
	display: none !important;
}

.post-meta span:not(.posted-on) {
	display: none !important;
}
*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

@import { url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700&subset=cyrillic,cyrillic-ext,latin-ext'); }

@import { url('https://fonts.googleapis.com/css?family=Neucha&subset=cyrillic'); }

@import { url('https://fonts.googleapis.com/css?family=Poiret+One&subset=cyrillic,latin-ext'); }

@import { url('https://fonts.googleapis.com/css?family=Rubik+One&subset=cyrillic'); }

@import { url('https://fonts.googleapis.com/css?family=Cormorant+Infant:300,300i,400,400i,500,500i,600,600i,700,700i&subset=cyrillic'); }

@import { url('https://fonts.googleapis.com/css?family=Comfortaa:300,400,700&subset=cyrillic'); }

@import { url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700&subset=cyrillic'); }

@import { url('https://fonts.googleapis.com/css?family=Lobster&subset=cyrillic'); }

@import { url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic'); }

.rubik { font-family: 'Rubik One', sans-serif !important; }
.cormorant { font-family: 'Cormorant Infant', serif !important; }
.comfortaa { font-family: 'Comfortaa', cursive !important; }
.opensans { font-family: 'Open Sans Condensed', sans-serif !important; }
.lobster { font-family: 'Lobster', cursive !important; }
.roboto { font-family: 'Roboto Slab', serif !important; }
.poiret { font-family: 'Poiret One', cursive !important; }
.opens { font-family: 'Open Sans', sans-serif !important; }
.futuraptmedium { font-family: 'FuturaPTMedium', sans-serif !important; }



html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	background: #d7d7d7;
}

body,
button,
input,
select,
textarea {
	color: #404040;
	font-size: 15px;
	line-height: 1.6;
	font-family: 'Open Sans', sans-serif ;
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
	text-decoration: none;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

.linetable {max-width: 100% !important; font-size: 14px;}

.linetable tr {border-bottom: 1px #b8b6b5 solid;}

.linetable td {padding: 20px 10px;}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/


h1{
	font-size: 30px;
	margin-bottom: 15px;
}

h2{
	font-size: 26px;
	margin-bottom: 15px;
}

h3{
	font-size: 24px;
	margin-bottom: 15px;
}

h4{
	font-size: 22px;
	margin-bottom: 10px;
}

h5{
	font-size: 20px;
	margin-bottom: 10px;
}

h6{
	font-size: 12px;
	margin-bottom: 10px;
}

p {
	margin: 0 0 15px;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

address {
	margin: 0 0 15px;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

.lid {
	font-size: 26px;
	margin-bottom: 15px;
	font-weight: 400;
	line-height: 1.3;
	font-family: 'Roboto Slab', serif;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #d7d7d7;
}

blockquote:after,
q:before,
q:after {
	content: "";
}


blockquote,
.vrezka,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 15px;
}

ul,
ol {
	margin: 20px;
}

ul {
	list-style: square;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 15px 15px;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
    vertical-align: middle;
	max-width: 100%;
}

table {
	margin: 0 0 15px;
	width: 100%;
}

.entry-content iframe {
width: 100%;
max-width: 100%;
}

.entry-content blockquote {
	margin: 15px 0px 15px 0px;
	font-size: 18px;
	line-height: 1.7;
	font-family: 'Open Sans', sans-serif ;
	padding: 20px 20px 10px 70px;
}

.entry-content blockquote:before {
	font-family: FontAwesome;
	content: '\f10e';
	font-size: 30px;
	line-height: 1.6;
	display: inline-block;
	float: left;
	color: #ffffff !important;
	margin: 0px 20px 0px -50px
}

.entry-content blockquote a {
	color: #000 !important;
	font-weight: bold;
}

.entry-content .vrezka {
	margin: 15px 0px 15px 0px;
	font-size: 18px;
	line-height: 1.7;
	font-family: 'Open Sans', sans-serif ;
	padding: 20px 20px 10px 70px;
}

.entry-content .vrezka:before {
	font-family: FontAwesome;
	content: '\f058';
	font-size: 30px;
	line-height: 1.6;
	display: inline-block;
	float: left;
	color: #ffffff !important;
	margin: 0px 20px 0px -50px
}

.entry-content blockquote p, .entry-content .vrezka p { color: #000 !important; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	color: #FFF;
	padding: 0 20px;
	border: 0;
	height: 40px;
	line-height: 40px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #0E0E0E;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	outline: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	border: 1px solid #EEE;
	width: 100%;
	padding: 3px 10px;
	height: 40px;
}

select {
	border: 1px solid #EEE;
	padding: 3px;
	height: 40px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
	outline: 0;
}

textarea {
	width: 100%;
	height: auto;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.vl-clearfix:before,
.vl-clearfix:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.vl-container:before,
.vl-container:after,
.nav-links:before,
.nav-links:after {
	content: "";
	display: table;
}

.vl-clearfix:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.vl-container:after,
.nav-links:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 30px;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

.widget-title{
	font-weight: 700;
	border-left: 6px solid;
	padding-left: 10px;
	line-height: 1;
	text-transform: uppercase;
	font-size: 20px;
	margin-bottom: 25px;
	width: 100%;
}

.widget a{
	color: #404040;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 40px;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {

}

.page-links {
	clear: both;
	margin: 0 0 15px;
}

#primary{
	width: 69.5%;
	float: left;
}

#secondary{
	width: 27.5%;
	float: right;
}


.vl-main-header {
	width: 100%;
	display: block;
    padding-top: 12px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: solid 1px #e2e2e2;
}

.vl-main-header H1 {
	line-height: 1.2;
	font-weight: 400;
	font-size: 46px;
	color: #333;
	letter-spacing: -1px;
	text-overflow: ellipsis;
    margin-bottom: 26px;
}

.vl-main-header-autor {
	width: 100%;
	display: block;
    padding-top: 5px;
    padding-bottom: 5px;
	text-align: left;
}

.vl-main-header-autor-p {
	display: block;	
}

.vl-main-header h3 {
	line-height: 1;
	font-weight: 400;
	font-size: 20px;
	color: #333;
	letter-spacing: -1px;
	text-overflow: ellipsis;
    margin-bottom: 1px;
}

.vl-main-header-thumb {
	width: 100%;
	display: inline-block;
	margin: 0 0 20px 0;
}

.vl-main-header-thumb img {
	width: 100%;
	height: auto;
}

.post-meta p{color:#999 font-size:12px;line-height:15px; font-family: Arial, sans-serif; display: inline-block;}
.post-meta span {float:left; font-family: Arial, sans-serif; font-size:12px;line-height:15px;}

.singlesharetop {
	display: inline-block;
	float: right;
	padding: 0;
	min-height: 30px;
	margin: 0 0 5px 0;
	clear: both;
}

.share {
	float: right;
	text-align: right;
	display: inline-block;
	height: auto;
	margin-right: 20px;
}

.ya-share2 {
	float: right;
	text-align: right;
	display: inline-block;
	height: auto;
}

#yandex_rtb_R-A-132540-4, #yandex_rtb_R-A-132540-5 { margin: 20px auto;}

.ya-share2__item { margin: 5px 5px 5px 05px !important; }


.posted-on-aut {
display: inline-block;
float: left;
margin: 0 10px 35px 0;
}

.posted-on::before {
	float: left;
	font-family: FontAwesome;
	margin: 0px 10px 0px 10px;
}

.views::before, .viewsautor::before {
    	float: left;
	font-family: FontAwesome;
	content: '\f06e';
	margin: 0px 10px 0px 10px;
}

.photograf::before {
    	float: left;
	font-family: FontAwesome;
	content: '\f030';
	margin: 0px 10px 0px 10px;
}

.link::before {
    	float: left;
	font-family: FontAwesome;
	content: '\f08e';
	margin: 0px 10px 0px 10px;
}

.vl-main-header .taxonomy-description{
	margin-top: 10px;
}


/* Archive Page*/

.vl-post-info{
	float: left;
	width: 75px;
	color: #FFF;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
}

.vl-post-info .entry-date{
	display: block;
	padding: 10px 0;
}

.vl-post-info .entry-date span{
	display: block;
	text-transform: uppercase;
}

.vl-post-info .entry-date span.vl-day{
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3;
}

.vl-post-info a{
	display: block;
	background: #EEE;
	color: #0E0E0E;
	text-decoration: none;
	line-height: 1.4;
	padding: 8px 10px;
	text-transform: uppercase;
}

.vl-post-info a span{
	display: block;
	font-size: 11px;
}

.vl-post-wrapper{
	padding-left: 100px;
}

.vl-post50{
	float: left;
	width: 50%;
	padding: 0;
	margin: 0;
}

.vl-post-thumb-video {
	width: 95%;
	margin: 0 auto 10px;
}

.vl-post-content-video {
	width: 95%;
	margin: 0 auto;
}





.entry-figure{
	background: #F6F6F6;
	text-align: center;
	margin-bottom: 15px;
}

.entry-header .entry-title{
	margin-bottom: 15px;
}

.entry-figure + .entry-header{
	background: #FFF;
	position: relative;
	margin-top: -65px;
	width: 90%;
	padding: 15px 0 1px;
}


.entry-figure + .entry-headervideo{
	background: #FFF;
	position: relative;
	margin-top: -30px;
	width: 100%;
	padding: 15px 0 1px;
}

.entry-header .entry-title a, .entry-headervideo .entry-title a{
	text-decoration: none;
	color: #0E0E0E;
}

.entry-categories{
	font-size: 14px;
	color: #777;
	font-style: italic;
	margin-bottom: 15px;
}

.entry-categories .fa{
	margin-right: 5px;
}

.entry-categories a{
	color: #666;
	text-decoration: none; 
}

.entry-footer .cat-links,
.entry-footer .tags-links,
.entry-footer .edit-link{
	font-size: 14px;
	font-style: italic;
	margin-bottom: 10px;
}

.entry-footer .cat-links a,
.entry-footer .tags-links a,
.entry-footer .edit-link a{
	color: #0E0E0E;
}

.entry-footer .cat-links .fa,
.entry-footer .tags-links .fa,
.entry-footer .edit-link .fa{
	margin-right: 5px;
}

.vl-archive-post{
	margin-bottom: 50px;
}

.vl-archive-post .entry-footer{
	margin-top: 30px;
}

.entry-footer .vl-read-more {
	height: 40px;
	padding: 0 20px;
	color: #FFF;
	display: inline-block;
	line-height: 40px;
	float: right;
}

.vl-archive {
	height: 40px;
	padding: 0 20px;
	color: #FFF;
	display: block;
	line-height: 40px;
	float: right;
	background: #ff0000;
	text-align:center;
	width: 100%;
	margin-bottom: 50px;
	font-size: 18px;
}

.vl-archive:hover {
	background: #000000;
}

.execphpwidget .vl-read-more {
	height: 40px;
	padding: 0 20px;
	color: #FFF;
	display: inline-block;
	line-height: 40px;
}

.vl-read-more-afisha {
	height: 40px;
	padding: 0 20px;
	color: #FFF;
	display: inline-block;
	line-height: 40px;
	margin: 20px auto;
}

.entry-footer .vl-read-more:hover, .execphpwidget .vl-read-more:hover, .vl-read-more-afisha:hover {
	background: #0E0E0E;
	color: #FFF !important;
}

.entry-footer .vl-share-buttons{
	float: left;
}

.vl-share-buttons span{
	margin-right: 10px;
}

.vl-share-buttons a{
	padding: 0 5px;
	font-size: 20px;
	display: inline-block;
	color: #d7d7d7;
}

.vl-share-buttons .fa{
	line-height: 40px;
	display: block;
}

/* Single Page*/
.vl-article-content{
	font-size: 20px;
	line-height: 1.8;
}

.vl-article-content .posted-on{
	font-size: 15px;
	margin-bottom: 20px;
	font-style: italic;
}

.vl-article-content p{
	margin-bottom: 25px;
}

/* 404 Page*/
.error404 .page-content{
	min-height: 200px;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.widget-area ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.widget-area ul ul{
	margin-top: 5px;
}

.widget-area ul ul li{
	padding-left: 10px;
}

.widget-area ul ul li:last-child{
	border-bottom: 0;
	padding-bottom: 0;
}

.widget-area li{
	padding: 6px 0;
}

.widget-area a{
	text-decoration: none;
	color: #404040;
}

.widget-area .widget{
	margin-bottom: 40px;
}

/* Contact Info Widget */
.vl-contact-info ul li{
	padding-left: 30px;
}

.vl-contact-info ul li .fa{
	margin-left: -30px;
	float: left;
	margin-top: 6px;
}

.vl-contact-info p{
	margin: 0;
}

/* Personal Info Widget */
.vl-personal-info .vl-pi-image{
	margin-bottom: 20px;
	text-align: center;
}

.vl-personal-info .vl-pi-image img{
	border-radius: 50%;
	max-width: 150px;
}

.vl-personal-info .vl-pi-name{
	margin-bottom: 15px;
	font-size: 1.1em;
	text-align: center;
}

.vl-personal-info .vl-pi-name span{
	position: relative;
}

.vl-personal-info .vl-pi-name span:after{
	content: "";
	position: absolute;
	left: 100%;
	margin-left: 10px;
	width: 20px;
	height: 2px;
	background: #444;
	top: 50%;
	margin-top: -1px;
}

.vl-personal-info .vl-pi-name span:before{
	content: "";
	position: absolute;
	right: 100%;
	margin-right: 10px;
	width: 20px;
	height: 2px;
	background: #444;
	top: 50%;
	margin-top: -1px;
}

.vl-personal-info .vl-pi-intro{
	text-align: center;
}

.logobluuur .vl-personal-info a {
	color: #fff;
}

.logobluuur .vl-personal-info a:hover {
	color: #fff;
}

.theiaStickySidebar .vl-personal-info a {
	color: #000;
}

.theiaStickySidebar .vl-personal-info a:hover {
	color: #000;
}








/* Category Block Widget */
.vl-category_block .vl-post-thumb{
	float: left;
	width: 80px;
}

.vl-category_block .vl-post-content{
	margin-left: 100px;
}

.vl-category_block .posted-on .byline{
	display: none;
}

/* Timeline Widget */
.vl-timeline{
	border-left: 8px solid #F0F0F0;
	padding-left: 25px;
}

.vl-timeline .vl-post-item{
	position: relative;
	margin-bottom: 30px;
}

.vl-timeline .vl-post-item:after{
	content: "";
    position: absolute;
    left: -39px;
    top: 0;
    height: 20px;
    width: 20px;
    background: #FFF;
    border-radius: 50%;
    border: 5px solid #F0F0F0;
}

.vl-timeline .posted-on{
	margin-bottom: 6px;
}

.vl-timeline .posted-on .byline{
	display: none;
}

/* Category Widget */
.widget_categories li:before,
.widget_categories li:after{
	content: "";
	display: table;
}

.widget_categories li:after{
	clear: both;
}

.widget_categories li{
	text-align: right;
}

.widget_categories li a{
	float: left;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.author-email-url{
	margin-left: -2%;
}

.comment-form-author,
.comment-form-email,
.comment-form-url{
	float: left;
	margin-left: 2%;
	width: 31.33333%;
}

.author-email-url input{
	width: 100%;
}

.comment-form .form-submit{
	margin-bottom: 0
}

#comments{
	margin-bottom: 40px;
}

.logged-in-as,
.comment-notes{
	font-size: 14px;
}

#comments ul{
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

#comments li.comment{
	margin: 0 0 30px;
}

#comments li.comment .children{
	display: block;
    margin: 30px 0 0 30px;
    padding: 0px;
    list-style: none;
}

article.comment-body {
    margin: 0px;
    position: relative;
}

.comment-list a{
	color: inherit;
}

.comment-list .comment-respond{
	margin-top: 20px;
}

.comment-list .vcard img {
	margin-right: 10px;
	vertical-align: middle;
}

.comment-list .vcard .fn{
	font-weight: normal;
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
}

.comment-list .edit-link{
	position: absolute;
	right: 0;
	top: 0;
}

.comment-list .edit-link a{
	font-size: 13px;
	display: inline-block;
	padding: 10px;
}

.comment-list .comment-meta {
	margin-bottom: 15px;
} 

.comment-list .comment-metadata {
	border-top: 1px solid #EEE;
	padding-top: 10px;
	font-size: 13px;
	font-family: 'Roboto Condensed', sans-serif;
}

.comment-list .comment-metadata a {
	float: left;
}

.comment-list .comment-metadata .reply {
	float: right;
}

#cancel-comment-reply-link {
	float: right;
}

.comment-navigation .nav-previous a,
.comment-navigation .nav-next a{
	color: #FFF;
	display: inline-block;
	padding: 0 10px;
	font-size: 12px;
	line-height: 22px;
	position: relative;
}

.comment-navigation .nav-next a{
	margin-right: 13px;
}

.comment-navigation .nav-previous a{
	margin-left: 11px;
}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 15px;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 15px;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/
.vl-boxed{
	background: #EAEAEA;
}

.vl-boxed #vl-page{
	width: 1180px;
	margin: 0 auto;
	background: #FFF;
}

.vl-container{
	width: 1120px;
	margin: 0 auto;
}

.vl-containerback{
	background: #fff;
	padding: 0px 20px 0px 20px;
}

.pagination{
	text-align: center;
	margin-bottom: 40px;
}

.pagination a, 
.pagination span{
	padding: 8px 20px;
	color: #FFF;
	display: inline-block;
	margin: 4px 2px;
}

.pagination span.current,
.pagination a:hover{
	background: #0E0E0E;
}

#vl-page,
.vl-boxed #vl-page{
	background: url(images/site_bg.jpg)top center no-repeat;
	}


/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
#vl-masthead{
	position: relative;
	z-index: 999;
}

.vl-top-header{
	color: #F6F6F6;
	padding: 8px 0;
	font-size: 13px;
}

.vl-top-header a{
	color: #F6F6F6;
}

.vl-top-left-header{
	max-width: 50%;
	float: left;
}

.vl-top-left-header > span{
	margin-right: 25px;
}

.vl-top-left-header > span .fa{
	margin-right: 6px;
}

.vl-top-left-header > .vl-menu{
	display: inline-block;
}

.vl-top-left-header .vl-menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.vl-top-left-header .vl-menu ul li{
	display: inline;
	margin-right: 10px;
}

.vl-top-right-header{
	max-width: 40%;
	float: right;
	font-size: 15px;
}

.vl-top-right-header > a{
	padding: 0 6px;
}

.vl-header{
	padding: 25px 0;
}

.vl-header .vl-container{
	display: -webkit-flex;
    display: flex;
	align-items: center;
	-webkit-align-items: center;
}

#vl-site-branding{
	float: left;
	min-width: 372px;
	padding: 0;
	text-align: center;
}

.vl-site-title{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	margin: 0 0 5px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 40px;
	line-height: 1;
}

.vl-site-title a{
	text-decoration: none;
}

.vl-site-description{
	margin: 10px 0 0 0;
	font-size: 13px;
	line-height: 1;
	text-transform: uppercase;
	color: #404040;
}

.vl-header-ads{
	min-width: 728px;
	float: right;
}

.vl-header-ads .widget{
	margin-bottom: 0;
}

.vl-header-ads .widget-title{
	display: none;
}

.name-of-autor {
    display: none;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#vl-site-navigation{
	width: 1100px;
	margin: 0 auto;
	padding: 0 10px;
}

#vl-site-navigation + img{
	margin: 0 auto;
	display: block;
}

.vl-main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.vl-main-navigation li {
	float: left;
	position: relative;
	z-index: 1000;
}

.vl-main-navigation a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 0 15px;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 400;
	line-height: 58px;
}

.vl-main-navigation ul ul {
	display: none;
	position: absolute;
	left: 0;
	top: 100% ;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
	min-width: 200px;
	z-index: 2000;
}

.vl-main-navigation ul ul ul {
	left: 100%;
	top: 0;
}

.vl-main-navigation ul ul a {
	text-transform: none;
	line-height: 1.5;
	padding: 10px 15px;
	font-size: 0.9em;
}

.vl-main-navigation ul ul li {
	float: none;
	border-bottom: 1px solid #ffffff;
}

.vl-main-navigation ul ul li:last-child{
	border-bottom: 0;
}

.vl-main-navigation ul ul li:hover > a{
	background: #ff0000;
}

.vl-main-navigation ul li:hover > ul {
	display: block;
}

.vl-main-navigation .vl-menu > ul > .current_page_item > a:after,
.vl-main-navigation .vl-menu > ul > .current-menu-item > a:after,
.vl-main-navigation .vl-menu > ul > .current_page_ancestor > a:after,
.vl-main-navigation .vl-menu > ul > li > a:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	background: #FFF;
	width: 26px;
	margin-left: -13px;
	height: 5px;
	margin-top: -7px;
	opacity: 1;
}

.vl-main-navigation .vl-menu > ul > li > a:after{
	top: 90%;
	opacity: 0;
	transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
}

.vl-main-navigation .vl-menu > ul > li:hover > a:after{
	top: 100%;
	opacity: 1;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 15px;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
	text-align: right;
	padding: 20px;
	border-right: 1px solid #EEE;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	width: 50%;
	text-align: left;
	padding: 20px;
}

.post-navigation{
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	margin-bottom: 50px;
}

.post-navigation .nav-links{
	display: -webkit-flex;
    display: flex;
}

.post-navigation a{
	color: inherit;
}

.post-navigation span{
	display: block;
}

.nav-previous span .fa{
	margin-right: 10px;
}

.nav-next span .fa{
	margin-left: 10px;
}

.search-field {
	color: #000;
}

.headersearch:before {
	content: "\f002";
	font-family: FontAwesome;
}

/*--------------------------------------------------------------
## Ticker
--------------------------------------------------------------*/
.vl-ticker{
	position: relative;
	background: #F6F6F6;
	padding: 6px;
	margin-bottom: 20px;
	overflow: hidden;
	max-height: 46px;
}

.vl-ticker:last-child{
    margin-bottom: 40px;
}

.vl-ticker-title{
	float: left;
	color: #FFF;
	line-height: 32px;
	white-space: nowrap;
	padding: 0 15px;
	margin-right: 40px;
	position: relative;
	font-size: 1.1em;
}

.vl-ticker-title:after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100%;
	border-width: 16px;
	border-style: solid;
}

.vl-ticker .owl-carousel{
	padding-right: 75px;
}

.vl-ticker .owl-item a{
	display: block;
	line-height: 32px;
	color: #444;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.vl-ticker .owl-nav{
	position: absolute;
	right: 0;
	top: 0;
}

.vl-ticker .owl-prev, 
.vl-ticker .owl-next{
	height: 32px;
	width: 32px;
	color: #FFF;
	display: inline-block;
	text-align: center;
	font-size: 18px;
	margin-left: 1px;
}

.vl-ticker .owl-prev:hover, 
.vl-ticker .owl-next:hover{
	background: #0E0E0E;
}

.vl-ticker .owl-prev i, 
.vl-ticker .owl-next i{
	line-height: 32px;
}

/* Top Section Blocks */
.vl-top-block{
	margin-bottom: 40px;
}

.vl-half-container{
	float: left;
	width: 50%;
	padding-right: 2px;
}

.vl-half-container .posted-on {
	margin-top: 0 !important;
}

.vl-half-container .post-meta {
	margin-top: 20px;
	height: 20px;	
}

.vl-half-container:last-child{
	padding-right: 0;
	padding-left: 2px;
}

.vl-big-thumb{
	height: 464px;
	overflow: hidden;
	position: relative;
}

.vl-medium-thumb{
	height: 260px;
	overflow: hidden;
	margin-bottom: 4px;
}

.vl-small-thumb{
	height: 200px;
	width: 50%;
	overflow: hidden;
	padding-right: 2px;
	float: left;
}


.vl-big-thumb img, .vl-small-thumb img {
	width: auto;
	height: 100%;
  	display: block;
  	margin-top: 0;
	margin-left: 0;
	vertical-align: middle;
	-webkit-transition: all 2s ease;
 	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
  	-o-transition: all 2s ease;
  	transition: all 2s ease;
}

.vl-big-thumb:hover img, .vl-small-thumb:hover img {
	width: auto;
	height: 130%;
	max-width: 130%;
  	display: block;
  	margin-top: -15%;
	margin-left: -15%;
	vertical-align: middle;
}






.vl-small-thumb:last-child{
	padding-right: 0;
	padding-left: 2px;
}

.vl-thumb-inner{
	position: relative;
	height: 100%;
	overflow: hidden;
    background-size: cover; /* Растягиваем фон под размеры блока, если требуется */
    background-position: 50% 50%;
	-webkit-transition: all 2s ease;
 	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
  	-o-transition: all 2s ease;
  	transition: all 2s ease;
}

.vl-thumb-inner:hover {
    background-size: 200% auto;
	-webkit-transition: all 2s ease;
 	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
  	-o-transition: all 2s ease;
  	transition: all 2s ease;
}


.vl-medium-thumb img {
	width: 100%;
	height: auto;
  	display: block;
  	margin-top: 0;
	margin-left: 0;
	vertical-align: middle;
	-webkit-transition: all 2s ease;
 	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
  	-o-transition: all 2s ease;
  	transition: all 2s ease;
}

.vl-medium-thumb:hover img {
	width: 130%;
	max-width: 130%;
	height: auto;
  	display: block;
  	margin-top: -15%;
	margin-left: -15%;
	vertical-align: middle;
}


.vl-thumb-inner > a{
	position: relative;
	height: 100%;
	width: 100%;
	display: block;
}








.vl-title-container{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: #FFF;
	z-index: 2;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 25%, rgba(0,0,0,0.6) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 25%,rgba(0,0,0,0.6) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 25%,rgba(0,0,0,0.6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 );
}

.vl-title-container h3{
	font-size: 18px;
    color: #FFF;
    margin-bottom: 0;
    font-weight: 700;
    text-shadow: 1px 1px 6px rgba(0,0,0,0.3);
    position: relative;
    transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.vl-title-container h3:after{
	content: "";
	position: absolute;
	height: 4px;
	margin-top: 2px;
	top: 100%;
	left: 0;
	width: 0;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.vl-big-thumb .vl-title-container h3{
	font-size: 24px;
}

.vl-thumb-inner:hover .vl-title-container h3:after{
	width: 100%;
}

.vl-title-container > a{
	color: #FFF;
	padding: 25px 25px 15px;
	display: block;
}

.vl-title-container .posted-on{
	color: #F6F6F6;
	margin-top: 8px;
}

.posted-on .fa{
	margin-right: 5px;
	font-size: 0.88em;
}

.vl-top-block .post-categories{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 99;
	margin: 0;
	padding: 0;
}

.vl-top-block .post-categories li{
	display: inline-block;
}

.vl-top-block .post-categories li a{
	display: block;
	background: #0E0E0E;
	color: #F0F0F0;
	font-size: 11px;
	padding: 4px 6px;
	border-radius: 2px; 
	line-height: 1;
}

/* Top Section Blocks style2 */

.vl-top-block.style2 .vl-small-thumb:nth-child(odd){
	padding-right: 2px;
}

.vl-top-block.style2 .vl-small-thumb:nth-child(even){
	padding-right: 0;
	padding-left: 2px;
}

.vl-top-block.style2 .vl-small-thumb:nth-child(3),
.vl-top-block.style2 .vl-small-thumb:nth-child(4){
	margin-top: 4px;
}

.vl-top-block.style2 .vl-big-thumb{
	height: 404px;
}

/* Top Section Blocks style3 */

.vl-top-block.style3{
	margin-left: -4px;
}

.vl-top-block.style3 .vl-big-thumb{
	width: 25%;
	float: left;
	height: 360px;
}

.vl-top-block.style3 .vl-thumb-inner{
	margin-left: 4px;
	overflow: hidden;
    height: 100%;
}

.vl-top-block.style3 .vl-big-thumb img{
	height: 100%;
	max-width: none;
	position: absolute;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

.vl-top-block.style3 .vl-big-thumb h3{
	font-size: 18px;
}

/* Top Section Blocks style4 */

.vl-top-block.style4{
	background: #F6F6F6;
	padding: 5px;
	display: flex;
	display: -webkit-flex;
}

.vl-top-block.style4 .vl-post-thumb{
	width: 80px;
	float: left;
}

.vl-top-block.style4 .vl-post-item{
	width: 25%;
	float: left;
	margin-bottom: 0;
	padding: 15px;
	position: relative;
}

.vl-top-block.style4 .vl-post-item:after{
	content: "";
    top: 100%;
    height: 4px;
    width: 0;
    left: 50%;
    position: absolute;
    transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.vl-top-block.style4 .vl-post-item:hover:after{
	left: 0;
	width: 100%;
}

.vl-top-block.style4 .vl-post-item .vl-post-content{
	margin-left: 100px;
}

/* Middle Section */
.vl-block-title span{
	background: #FFF;
	padding: 0 20px 0 15px;
	display: inline-block;
}

.vl-post-item{
	margin-bottom: 20px;
}

.vl-post-item:last-child{
	margin-bottom: 0;
}

.vl-post-item h3{
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
}

.vl-post-item h3 a{
	color: inherit;
}

.vl-post-thumb a,
.entry-figure a{
	position: relative;
	display: block;
	overflow: hidden;
}

.vl-post-thumb a:before,
.entry-figure a:before{
	position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.vl-post-thumb a:hover:before,
.entry-figure a:hover:before{
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

.vl-post-thumb img {
	width: 100%;
	-webkit-transition: all 2s ease;
 	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
  	-o-transition: all 2s ease;
  	transition: all 2s ease;
}

.vl-post-thumb:hover img {
	width: 130%;
	max-width: 130%;
	height: auto;
  	margin-top: -15%;
	margin-left: -15%;
	vertical-align: middle;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}

.posted-on{
	font-size: 13px;
	color: #666;
}

.vl-middle-block{
	margin-bottom: 40px;
}

/* Middle Section style1*/

.vl-big-block{
	width: 48%;
	float: left;
	display: table-cell;
}

.vl-small-block{
	width: 48%;
	float: left;
	display: table-cell;
}

.vl-big-block .vl-post-item{
	margin-bottom: 0;
}

.vl-big-block .vl-post-item h3{
	font-size: 20px;
}

.vl-big-block .vl-post-thumb{
	margin-bottom: 10px;
}

.vl-big-block .posted-on{
	margin-bottom: 6px;
}

.vl-small-block .vl-post-thumb{
	float: left;
	width: 100px;
}

.vl-small-block .vl-post-content{
	margin-left: 120px;
}

/* Middle Section style2 */

.vl-grid-blocks{
	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin: 0 -10px -20px;
}

.vl-grid-block {
    width: 33.33%;
    padding: 0 10px;
    margin-bottom: 20px;
	overflow: hidden;
	position: relative;
	display: block;
	
}

.vl-grid-block::before {
    	content: "";
    	display: block;
    	padding-top: 75%; /* С помощью этого padding мы задаем высоту равную ширине блока */
}


.vl-grid-block-inner{
	position: absolute;
	top: 0;
	left: 2%;
	bottom: 0;
	right: 2%;
	overflow: hidden;
	width: 96%;
}

.vl-grid-block h3{
	font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}

.vl-grid-block .vl-post-thumb a:before{
	display: none;
}

.vl-grid-block-inner img  { 
	min-width: 150%;
	max-width: 150%;
	height: auto;
	margin: 0 0 0 0;
  	-webkit-transition: all 2s ease;
 	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
  	-o-transition: all 2s ease;
  	transition: all 2s ease;
}

.vl-grid-block-inner img:hover {
	min-width: 200%;
	height: auto;	
	margin: -25%;
}




.vl-grid-block .vl-post-content{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 15px 15px 10px;
	color: #FFF;
	background: -moz-linear-gradient(top,rgba(0,0,0,0.7) 20%,rgba(0,0,0,.7) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(20%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.7)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0.7) 20%,rgba(0,0,0,.7) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0.7) 20%,rgba(0,0,0,.7) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0.7) 20%,rgba(0,0,0,.7) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0.7) 20%,rgba(0,0,0,.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0)
}

.vl-grid-block .posted-on, .vl-grid-block .views{
	max-height: 0;
	margin-top: 5px;
	color: #F6F6F6;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.vl-grid-block-inner:hover .posted-on, .vl-grid-block-inner:hover .views{
	max-height: 30px;
}











.vl-grid-block-innewspaper {
    width: 50%;
    padding: 0 10px;
    margin-bottom: 20px;
	overflow: hidden;
	position: relative;
	display: block;
	
}

.vl-grid-block-innewspaper::before {
    	content: "";
    	display: block;
    	padding-top: 75%; /* С помощью этого padding мы задаем высоту равную ширине блока */
}


.vl-grid-block-innewspaper h3{
	font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}

.vl-grid-block-innewspaper .vl-post-thumb a:before{
	display: none;
}


.vl-grid-block-innewspaper .vl-post-content{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 15px 15px 10px;
	color: #FFF;
	background: -moz-linear-gradient(top,rgba(0,0,0,0) 20%,rgba(0,0,0,.7) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(20%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.7)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 20%,rgba(0,0,0,.7) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 20%,rgba(0,0,0,.7) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 20%,rgba(0,0,0,.7) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 20%,rgba(0,0,0,.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0)
}

.vl-grid-block-innewspaper .posted-on, .vl-grid-block-innewspaper .views{
	max-height: 0;
	margin-top: 5px;
	color: #F6F6F6;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}








/* Middle Section style3 */

.vl-double-small-block{
	display: flex;
	flex-wrap: wrap;
    margin: 0 -2%;
}

.vl-double-small-block .vl-post-item {
    width: 49%;
    padding: 0 2%;
}

.vl-double-small-block .vl-post-item:nth-last-child(2){
	margin-bottom: 0;
}

.vl-double-small-block .vl-post-thumb{
	float: left;
	width: 100px;
}

.vl-double-small-block .vl-post-content{
	margin-left: 120px;
}

/* Middle Section style4 */

.vl-alternate-block{
	display: -webkit-flex;
    display: flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.vl-alt-post-item{
	width: 33.333%;
	background: #F9F9F9;
	display: -webkit-flex;
    display: flex;
	flex-direction: column;
	margin: 0;
}

.vl-alt-post-item:nth-child(2){
	flex-direction: column-reverse;
}

.vl-alt-post-item:hover{
	background: #F4F4F4;
}

.vl-alt-post-item .vl-post-content{
	padding: 20px;
	height: 215px;
	overflow: hidden;
}

.vl-alt-post-item .posted-on{
	margin-bottom: 6px;
}

/* Bottom Section style4 */

.vl-bottom-block{
	margin-bottom: 40px;
}

/* Bottom Section style1 */

.vl-bottom-block.style1{
	margin-left: -3.333%;
}

.vl-three-column-block{
	float: left;
	width: 30%;
	margin-left: 3.333%;
}

.vl-big-post-item{
	margin-bottom: 25px;
}

.vl-big-post-item .vl-post-thumb{
	position: relative;
	height: 210px;
	overflow: hidden;
}

.vl-big-post-item .vl-post-thumb a{
	position: static;
}

.vl-big-post-item .vl-post-thumb a:before{
	display: none;
}

.vl-big-post-item .vl-post-content{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 20px 20px 10px;
	color: #FFF;
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 10%,rgba(0,0,0,.7) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(10%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.7)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 10%,rgba(0,0,0,.7) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 10%,rgba(0,0,0,.7) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 10%,rgba(0,0,0,.7) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 10%,rgba(0,0,0,.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
}

.vl-big-post-item h3{
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 500;
}

.vl-big-post-item .posted-on{
	color: #F6F6F6;
}

.vl-big-post-item .vl-post-excerpt{
	margin-top: 6px;
	max-height: 0;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.vl-big-post-item:hover .vl-post-excerpt{
	max-height: 50px;
}

.vl-three-column-block .vl-post-item {
	min-height: 110px;
}

.vl-three-column-block .vl-post-item .vl-post-thumb{
	float: left;
	width: 100px;
}

.vl-three-column-block .vl-post-item .vl-post-content{
	margin-left: 120px;
}

/* Bottom Section style1 */

.vl-four-column-block{
	margin-left: -2%;
}

.vl-four-column-block .vl-post-item{
	width: 23%;
	float: left;
	margin-left: 2%;
	margin-bottom: 0;
}

.vl-four-column-block .vl-post-thumb{
	margin-bottom: 10px;
}

.vl-four-column-block .vl-post-content{
	margin-left: 0;
}

.vl-four-column-block .posted-on{
	margin-bottom: 6px;
}
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
#vl-colophon{
	background: #000;
	color: #FAFAFA; 
}

#vl-colophon a{
	color: #F0F0F0;
}

#vl-colophon a:hover{
	color: #F6F6F6;
}

.vl-top-footer-inner{
	margin-left: -3%;
}

.vl-top-footer{
	padding: 60px 0 30px;
}

.vl-footer-block{
	width: 22%;
	margin-left: 3%;
	float: left;
}

.vl-footer-block .widget-title{
	color: #EEE;
	float: none !important;
}

.vl-footer-block ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.vl-footer-block li{
	padding: 5px 0;
	line-height: 1.3;
}

.vl-footer-block .posted-on{
	color: #F6F6F6;
}

.vl-footer-block .vl-contact-info ul li .fa{
	margin-top: 4px;
}

.vl-bottom-footer{
	text-align: center;
}

.vl-bottom-footer .vl-container{
	border-top: 1px solid #111;
	padding: 20px; 0;
	font-size: 14px;
}

.vl-bottom-footer a{
	text-decoration: underline;
}

.site-schet {
	display: inline-block;
	min-width: 300px;
	float: right;
	margin: 20px 0 0 0;
}

.site-informer {
	float: right;
	width: 100px;
	padding: 5px 0px 0px 0px;
	text-align: center;
	position: relative;
}

.tooltip { /* стиль текста, наведя или нажав на который появится пояснение */
  display: inline-block;
  position: relative;
  text-indent: 0px;
  cursor: help; /* вид курсора */
  font-size: 10px;
  line-height: 10px;
}
.tooltip > span { /* стиль появляющейся подсказки */
  position: absolute;
  bottom: 100%;
  left: -20em; /* = max-width */
  right: -20em; /* = max-width */
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;  /* ширина подсказки может быть не более содержимого */
  max-width: 500px;  /* ширина подсказки может быть не более 20em */
  max-height: 300px; /* необязательное ограничение по высоте подсказки, 1vh — это 1% от ширины окна */
  overflow: auto;
  visibility: hidden;
  margin: 0 auto .4em; /* поднята на .4em над текстом, наведя или нажав на который появится пояснение */
  padding: .3em;
  border: solid rgb(200,200,200);
  background: #fff;
  font-size: 13px;
  line-height: normal;
  cursor: auto;
}

.tooltip.left > span { /* начинается от левого края */
  left: 0;
  right: -20em;
  margin: 0 0 .4em;
}
.tooltip.right > span { /* начинается от правого края */
  left: -20em;
  right: 0;
  margin: 0 0 .4em auto;
}
.tooltip:after { /* треугольничек под подсказкой; тут тоже везде .4em */
  content: "";
  position: absolute;
  top: -.4em;
  left: 50%;
  visibility: hidden;
  margin: 0 0 0 -.4em;
  border: .4em solid;
  border-color: rgb(200,200,200) transparent transparent transparent;
  cursor: auto;
}
.tooltip.left:after {
  left: 1em;
}
.tooltip.right:after {
  left: auto;
  right: .6em; /* 1em - .4em */

}

.tooltip:before { /* поле между текстом, наведя или нажав на который появится пояснение, и подсказкой нужно чтобы, если перевести курсор мышки на подсказку, та не исчезла; тут тоже везде .4em */
  content: "";
  position: absolute;
  top: -.4em;
  left: 0;
  right: 0;
  height: .4em;
  visibility: hidden;
}
.tooltip:hover > span,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus > span,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  transition: 0s .4s;
}
.tooltip:focus { /* убрать рамку в Хроме */
  outline: none;
}
.tooltip.anim > span,
.tooltip.anim:after { /* анимация */
  opacity: 0;
  transform: translateY(1.5em) scale(.3);
  transform-origin: center bottom;
}
.tooltip.anim:after {
  transform: translateY(.7em) scale(.3); /* 1.7 = 1.5 / (1.4*2) */
}
.tooltip.anim:hover > span,
.tooltip.anim:hover:after,
.tooltip.anim:focus > span,
.tooltip.anim:focus:after {
  opacity: 1;
  transition: .6s .4s;
  transform: translateY(0);
}
@media (max-width: 20em) { /* ширина подсказки может быть не более ширины окна браузера */
  .tooltip > span {
    max-width: 100vw; /* в 100vw входит полоса прокрутки, но на мобильных она часто отсутствует */
    box-sizing: border-box;
  }
}



#vl-back-top{
	color: #FFF;
	height: 40px;
	width: 40px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

#vl-back-top .fa{
	line-height: 40px;
}

#vl-back-top:hover{
	background: #0E0E0E
}

#vl-back-top.vl-hide{
	opacity: 0;
	visibility: hidden;
	transform: scale(0.5);
	-ms-transform: scale(0.5);
	-webkit-transform: scale(0.5);
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 1.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:before {
	content: '\f107';
	font-family: FontAwesome;
	position: absolute;
	right: 1em;
	height: 0;
	width: 0;
}
.sf-arrows > li > .sf-with-ul:focus:before,
.sf-arrows > li:hover > .sf-with-ul:before,
.sf-arrows > .sfHover > .sf-with-ul:before {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:before {
	content: '\f105';
}
.sf-arrows ul li > .sf-with-ul:focus:before,
.sf-arrows ul li:hover > .sf-with-ul:before,
.sf-arrows ul .sfHover > .sf-with-ul:before {
	border-left-color: white;
}


.thumbnail-project {
	width: 100%;	
   	position: relative;
    margin: 10px 0 10px 0;
	display: block;
    overflow: hidden;
	text-align:center;
    border: 0;
	height: 400px;
}


.thumbnail-project img {
	width: 100%;
	height: auto;
  	display: block;
	vertical-align: middle;
	margin: 0 0 0 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}


.thumbnail-project:hover img {
	width: 130%;
	max-width: 130%;
	margin: -15% -15% -15% -15%;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
}

.thumbnail-project .caption {
    padding: 9px;
    color: #fff;
    position: absolute;
    bottom: 20px;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    display: block;
    margin: 0 5% 50px 5%;
    width: 90%;
}

.thumbnail-project .posted-on {
    color: #fff; 
	display: inline-block;
}



.mobnews {
width: 100%;
display: none;
}

.desktopnews {
width: 100%;
display: block;
}

.popular {
	width: 100%;
	display: block;
	height: 1200px;
	overflow-y: scroll;
}

.popular ul{margin:0;padding:0;list-style:none}

.popular ul li{border-bottom:1px dotted #000;padding: 0 5px 10px 5px;margin-bottom:10px}

.popular ul li:last-child{border-bottom:none}

.single_popular p{margin-bottom:0}

.single_popular h3{line-height:17px;margin-top:0}

.populartitle {color:#000000;}

.datanews {text-decoration:none; font-size:9px;}

.readmore a{color:#CF0000;font-size:10px;text-transform:uppercase;font-weight:700;margin-right:20px; margin-left:20px;}

.readmore:hover a{color:#CF0000;text-decoration:underline}


/*================RESPONSIVE CSS==================*/
@media screen and (max-width: 1180px){
	body{
	background: #d7d7d7;
	}

	.vl-container{
		width: auto;
		padding: 0 20px;
	}

	#vl-page,
	.vl-boxed #vl-page{
		width: 900px;
		margin: 0 auto;
		background: #FFF;
	}

	.vl-top-left-header > .vl-menu{
		display: none;
	}

	#vl-site-branding{
		min-width: 30%;
	}

	.vl-header-ads{
		min-width: 70%;
	}

	#vl-site-navigation{
		width: auto;
		min-height: 54px;
		margin: 0 20px 0 20px;
		position: relative;
	}
	
	.vl-big-thumb{
		height: 307px
	}

	.vl-medium-thumb{
		height: 172px;
	}

	.vl-small-thumb{
		height: 132px;
	}

	.vl-title-container h3{
		font-size: 15px;
	}

	.vl-top-block.style2 .vl-big-thumb{
		height: 268px;
	}

	.vl-top-block.style3 .vl-big-thumb{
		height: 260px;
	}

	.vl-top-block.style4{
		flex-wrap: wrap;
	}

	.vl-top-block.style4 .vl-post-item{
		width: 50%;
	}

	.vl-alt-post-item .vl-post-content{
		height: 167px;
	}

	.vl-big-post-item .vl-post-thumb{
		height: auto;
	}

.vl-main-header H1 {
	font-size: 30px;
}

}

@media screen and (max-width: 900px){
	#vl-page,
	.vl-boxed #vl-page{
		width: 768px;
	}

	.vl-alt-post-item .vl-post-content{
		height: 143px;
	}
	
	
		#vl-site-navigation{
		width: auto;
		height: 54px;
		margin: 0 20px;
		position: relative;
	}

	.vl-main-navigation .vl-menu{
		display: none;
		background: #FFF;
		float: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		text-align: center;
		box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	}

	.vl-main-navigation li{
		float: none;
		display: inline-block;
	}

	.vl-main-navigation ul ul li{
		display: block;
	}

	.vl-main-navigation ul ul a{
		color: #FFF;
	}

	.vl-main-navigation a{
		color: #0E0E0E;
	}

	.vl-toggle-menu{
		display: block;
		float: right;
		height: 54px;
		width: 54px;
		cursor: pointer;
	}

	.vl-toggle-menu span{
		position: relative;
		background: #FFF;
		height: 2px;
		width: 32px;
		margin: 0 auto;
		display: block;
		top: 50%;
		margin-top: -1px;
		box-shadow: 0 10px 0px 0px #FFF, 0 -10px 0px 0px #FFF;
	}

	.vl-main-navigation a{
		text-shadow: none;
	}

.thumbnail-project {
	width: 100%;	
	display: inline-block;
	height: 300px;
}
	
.thumbnail-project .caption {
    bottom: 0px;
    display: block;
    margin: 0 1% 10px 1%;
    width: 98%;
}
	
.thumbnail-project .caption h3 {
    font-size: 20px;
}
	
}

@media screen and (max-width: 768px){
	
.name-of-autor {
    display: block;
	width: 100%;
	margin: 20px 0 20px 0;
}

.name-of-autor h3 {
	width: 100%;
	margin: 10px 0 10px 0;
}	

.name-of-autor p {
    display: block;
	width: 100%;
	margin: 10px 0 0 0;
}
	
.vl-main-header-autor-p, .vl-main-header-autor {
	display: none !important;
}

.thumbnail-project {
	height: 200px;
}
	
.thumbnail-project .caption h3 {
    font-size: 18px;
}
	
	
	#vl-page,
	.vl-boxed #vl-page{
		width: auto;
	}

	.vl-header .vl-container{
		display: block;
	}

	#vl-site-branding{
		width: auto;
		float: none;
		text-align: center;
		padding: 0;
	}

	.vl-header-ads{
		width: auto;
		flex: none;
		margin-top: 20px;
	}

	.vl-main-navigation li{
		display: block;
		border-bottom: 1px solid #FAFAFA;
	}

	.vl-main-navigation a{
		line-height: 1.5;
		padding: 10px 0;
	}

	.vl-main-navigation ul ul{
		position: static;
		box-shadow: none;
		border-top: 1px solid #F0F0F0;
	}

	.vl-menu > ul > li > a:after{
		display: none;
	}

	.vl-half-container{
		width: auto;
		float: none;
		padding: 0;
	}

	.vl-half-container:last-child{
		padding: 0;
	}
	
	.vl-big-thumb, .vl-medium-thumb, .vl-small-thumb{
		float: none;
		padding: 0;
		margin-bottom: 4px;
		width: auto;
		height: 260px;
	}

.vl-big-thumb img, 
.vl-medium-thumb img, 
.vl-small-thumb img {
	width: 100%;
	height: auto;
	max-height: auto;
  	display: block;
  	margin-top: 0;
	margin-left: 0;
	vertical-align: middle;
	-webkit-transition: all 2s ease;
 	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
  	-o-transition: all 2s ease;
  	transition: all 2s ease;
}

.vl-big-thumb:hover img, 
.vl-medium-thumb:hover img, 
.vl-small-thumb:hover img {
	width: 130%;
	max-width: 130%;
	height: auto;
	max-height: auto;
  	display: block;
  	margin-top: -15%;
	margin-left: -15%;
	vertical-align: middle;
}
	
	
	
	
	.vl-top-block.style2 .vl-big-thumb{
		height: auto;
	}

	.vl-top-block.style3 .vl-big-thumb{
		height: auto;
		width: 50%;
	}

	.vl-top-block.style3 .vl-big-thumb img{
		position: static;
		height: auto;
	}

	.vl-title-container h3{
		font-size: 18px;
	}

	.vl-bottom-block.style1{
		margin-left: 0;
	}

	.vl-three-column-block{
		float: none;
		width: auto;
		margin-left: 0;
		margin-bottom: 40px;
	}

	.vl-three-column-block:last-child{
		margin-bottom: 0;
	}

	.vl-three-column-block .vl-post-thumb img{
		width: 100%;
	}

	.vl-four-column-block .vl-post-item{
		width: 48%;
		margin-bottom: 20px;
	}

	.vl-alt-post-item:nth-child(2){
		flex-direction: column;
	}

	.vl-alt-post-item .vl-post-content{
		height: auto;
	}

	.vl-double-small-block{
		margin: 0;
	}

	.vl-double-small-block .vl-post-item{
		width: 50%;
		padding: 0 20px 0 0;
	}

	#primary{
		width: auto !important;
		float: none !important;
	}

	#secondary{
		width: auto !important;
		float: none !important;
	}

	.vl-top-footer-inner{
		margin-left: 0;
	}

	.vl-footer-block{
		width: auto;
		margin-left: 0;
		float: none;
		margin-bottom: 40px;
	}

	.vl-footer-block:last-child{
		margin-bottom: 0;
	}

	.vl-footer-block .widget:last-child{
		margin-bottom: 0
	}

	.share {display: none;}

}

@media screen and (max-width: 580px){
	
	
.mobnews {
display: block;
}
	
.desktopnews, .vl-ticker {
display: none;
}
	
	
	.vl-top-left-header{
		display: none;
		width: auto;
	}

	.vl-top-right-header{
		width: auto;
		flex: none;
		max-width: none;;
	}

	.vl-ticker{
		max-height: none;
	}

	.vl-ticker-title{
		float: none;
		display: block;
		margin-right: 0;
		text-align: center;
		margin-bottom: 5px;
	}

	.vl-ticker-title:after{
		display: none;
	}

	.vl-top-block.style4 .vl-post-item{
		width: auto;
		float: none;
	}

	.vl-top-block.style4 .vl-post-item:after{
		position: static;
		height: 0;
	}

	.vl-big-block{
		width: auto;
		float: none;
		margin-bottom: 20px;
	}

	.vl-big-block img{
		width: 100%;
	}

	.vl-small-block{
		width: auto;
		float: none;
	}

	.vl-grid-block{
		width: 50%;
	}

	.vl-double-small-block{
		margin: 0;
	}

	.vl-double-small-block .vl-post-item{
		width: 100%;
		padding: 0;
	}

	.vl-double-small-block .vl-post-item:nth-last-child(2){
		margin-bottom: 20px;
	}

	.vl-alt-post-item{
		width: 100%;
		margin-bottom:20px;
	}

	.vl-alternate-block{
		display: block;
	}

	.vl-alt-post-item img{
		width: 100%;
	}

	.vl-archive-post .entry-footer{
		text-align: center;
	}

	.entry-footer .vl-read-more, .execphpwidget .vl-read-more{
		float: none;
	}

	.entry-footer .vl-share-buttons{
		float: none;
		margin-top: 20px;
	}

	#comments{
		padding: 10px;
	}

	.author-email-url{
		margin-left: 0;
	}

	.comment-form-author, 
	.comment-form-email, 
	.comment-form-url{
		width: auto;
		margin-left: 0;
	}
	
	.thumbnail-project img {
	width: 120%;
	max-width: 120%;
	margin: -10%;
}


.thumbnail-project:hover img {
	width: 150%;
	max-width: 150%;
	margin: -25%;
}
	
	
}

@media screen and (max-width: 420px){
	
	.vl-big-thumb, .vl-medium-thumb, .vl-small-thumb{
		float: none;
		padding: 0;
		margin-bottom: 4px;
		width: auto;
		height: 260px;
	}

	
.vl-big-thumb img, .vl-medium-thumb img, .vl-small-thumb img {
	width: auto;
	max-width: auto;
	height: 100%;
	max-height: 100%;
  	display: block;
  	margin-top: 0;
	margin-left: 0;
	vertical-align: middle;
	-webkit-transition: all 2s ease;
 	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
  	-o-transition: all 2s ease;
  	transition: all 2s ease;
}

.vl-big-thumb:hover img, .vl-medium-thumb:hover img, .vl-small-thumb:hover img {
	width: auto;
	max-width: auto;
	height: 130%;
	max-height: 130%;
  	display: block;
  	margin-top: -15%;
	margin-left: -15%;
	vertical-align: middle;
}	
	
	
	
	

	.vl-top-block.style2 .vl-small-thumb:nth-child(odd),
	.vl-top-block.style2 .vl-small-thumb:nth-child(even),
	.vl-small-thumb:last-child{
		padding: 0;
	}

	.vl-top-block.style3 .vl-big-thumb{
		width: auto;
		flex: none;
	}

	.vl-four-column-block{
		margin-left: 0;
	}

	.vl-four-column-block .vl-post-item{
		width: auto;
		margin-left: 0;
		float: none;
	}

	.vl-grid-blocks{
		display: block;
		margin: 0;
	}

	.vl-grid-block{
		width: auto;
		padding: 0;
	}

	.vl-grid-block:last-child{
		margin-bottom: 0;
	}

	.vl-post-info{
		display:none;
	}

	.vl-post-wrapper{
		padding-left: 0;
	}
}

@media screen and (min-width: 1181px){
	.vl-main-navigation .vl-menu{
		display: block !important;
	}
}



/* ftaccordion */

.ftaccordion {
 		margin: 50px 0 50px 0;
}

.ftaccordion a, .accordion a {
 	color:#000000;
}

.ftaccordion a:hover, .accordion a:hover {
 	color:#ff0000;
}

.ftaccordion .icon, .accordion .icon {
 	float: right;
	height: 40px;
	width: 40px;
	border: 1px #ebebeb solid;
}

.ftaccordion .ac-click,
.accordion .ac-click{
	background-color: #ebebeb;
	background-image: url(images/ac-arrows.png);
	background-repeat: no-repeat;
	background-position: 10px 16px;
    border: 0px solid;
    border-radius: 5px;
    padding: 0px 0px 0px 35px;
	margin: 1px 0;
    position: relative;
    text-decoration: none;
	display: block;
	cursor: pointer;
	line-height: 40px;
	height: 40px;
	font-family: 'Cuprum', sans-serif !important;
	font-size: 15px;
	width: 100%;
}

.ac-click img {
max-width: 40px;
margin: 0 !important;
}

.ftaccordion .ac-wrapper.open > .ac-click,
.accordion .ac-wrapper.open > .ac-click{
	background-position: 10px -41px;
}

.ftaccordion .ac-container,
.accordion .ac-container {
    background: #ffffff;
    border-radius: 0 0 5px 5px;
    padding: 15px 0 15px 20px;
	margin: -6px 0 0;
 	color:#000000;

}
/* ftaccordion AND*/

.clear {
	clear: both;
	display: block;
	width: 100%;
	height: 1px;
}

.clear50 {
	clear: both;
	display: block;
	width: 100%;
	height: 50px;
}


.autoriconout {
    position: relative;
    width: 60%; /* Произвольная ширина, которая требуется для блока */
    margin: 0 20% 0 20%;
    overflow: hidden;
    border-radius: 50%;
}

.autoriconout::before {
    content: "";
    display: block;
    padding-top: 100%; /* С помощью этого padding мы задаем высоту равную ширине блока */
}

.autoriconin {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover !important; /* Растягиваем фон под размеры блока, если требуется */
    background-position: 50% 50%;
}

.autoriconin:hover {
    opacity: 0.9;
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    filter: blur(3px);

    	filter: grayscale(1);
    	-webkit-filter: grayscale(1);
    	-moz-filter: grayscale(1);
}


.header_bottom_addbar {width:100%; margin:0 auto 15px}
.header_bottom_addbar .desctop, 
.vl-container .desctop
{display: inline-block;}

.header_bottom_addbar .mob,
.vl-container .mob
{display: none;}

.header_bottom_addbar img,
.vl-container .desctop img,
.vl-container .mob img,
{width:100%; height: auto; margin:0 auto;}

.aholder {
        width: 100%;
		display:block;
		text-align:center;
		position:relative;
		padding:0;
		border:0;
		font-size: 13px;
		line-height: 18px;
}

.aholder li {
        width: 24%;
		display:block;
		text-align:center;
	    margin-right:15px;
        float:left;
	    margin: 0;
		list-style:none outside none;
		padding-top:20px;

}

@media screen and (max-width: 1180px){
.aholder li {width: 33.33%; }
}

@media screen and (max-width: 825px){
.aholder li {width: 50%}
}

@media screen and (max-width: 725px){
.aholder li {width: 33.33%}
}

@media screen and (max-width: 590px){
.aholder li {width: 50%}

.header_bottom_addbar{width:100%; margin:0 auto 15px}
.header_bottom_addbar .desctop,
.vl-container .desctop	
	{display: none;}
.header_bottom_addbar .mob,
.vl-container .mob	
	{display: inline-block;}
.header_bottom_addbar img,
.vl-container .desctop img,	
.vl-container .mob img
	{width:100%; height: auto;}
	
}

@media screen and (max-width: 400px){
.aholder li {width: 100%}
}

.aholder a { text-decoration: none; margin-top:10px; }
.aholder a:hover { color: #000000; }

.prew1 {border: 1px solid #e0e0e0; width:170px; height:240px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}	
.prew1:hover {border: 1px solid #ff0000; opacity: 0.7;}	

.innewspaper {
float: left;
}

.innewspaper .vl-post-content {
    background-color: rgba(0, 0, 0, 0.5);
}



/* -------------------------------------------------------------------------------- */
/*	Photo album - new
/* -------------------------------------------------------------------------------- */





.photoalbumnew {
	display: inline-block;
	width: 100%;
  	height: 100%;
	vertical-align: top;
	margin: 20px 0px 50px 0px;
	text-align:center;
	padding:0;
	border:0;
        clear: both !important;
}

.photoalbumnew li {
    	position: relative;
    	width: 16%; /* Произвольная ширина, которая требуется для блока */
    	float: left;
    	margin: 2% 4% 2% 0%;
    	overflow: hidden;
	text-align:center;
	list-style:none outside none;
    	border: 1px solid #e0e0e0;
    	background-color: #ffffff;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.photoalbumnew li::before {
    content: "";
    display: block;
    padding-top: 100%; /* С помощью этого padding мы задаем высоту равную ширине блока */
}

.photoalbumnew li:hover {
	border: 1px solid #ff0000; 
}


.photoalbumlong {
	display: inline-block;
	width: 100%;
  	height: 100%;
	vertical-align: top;
	margin: 20px 0px 50px 0px;
	text-align:center;
	padding: 0 1% 0 1%;
	border:0;
        clear: both !important;
}

.photoalbumlong li {
    	position: relative;
    	width: 13%; /* Произвольная ширина, которая требуется для блока */
    	float: left;
    	margin: 2% 1% 2% 1%;
    	overflow: hidden;
	text-align:center;
	list-style:none outside none;
    	border: 1px solid #e0e0e0;
    	background-color: #ffffff;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.photoalbumlong li::before {
    content: "";
    display: block;
    padding-top: 100%; /* С помощью этого padding мы задаем высоту равную ширине блока */
}

.photoalbumlong li:hover {
	border: 1px solid #ff0000; 
}









.photoalbumnewphoto {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover !important; 
}

.photoalbumnewphoto:hover {
    	background-size: 200% auto !important;
	opacity: 0.9;
    	filter: grayscale(1);
    	-webkit-filter: grayscale(1);
    	-moz-filter: grayscale(1);
}




.joinme {
    display: inline-block;
	width: 100%;
    margin: 10px 0 35px 0;
    padding: 30px;
    font-weight: 500;
    text-decoration: none !important;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    cursor: pointer;
}

.joinme .joinikon {
    display: block;
    position: relative;
    width: 38px;
    top: 0;
    left: 0;
    float: left;
	font-family: 'Font Awesome 5 Brands';
	line-height: 1;
}

.joinme .joinikon::before {
	font-size: 38px;
	line-height: 1;
}

.joinme span {
    display: block;
    position: relative;
    top: 0;
    right: 0;
    margin: 5px 0 0 65px;
    line-height: 20px;
	font-size: 20px;
}

@media screen and (max-width: 1000px){
.joinme span {
    margin: 0 0 0 65px;
    line-height: 20px;
	font-size: 18px;
}

.joinme .joinikon::before {
	font-size: 30px;
	line-height: 1;
}
}

@media screen and (max-width: 800px){
	

.joinme span {
    margin: 0 0 0 65px;
    line-height: 18px;
	font-size: 14px;
}

.joinme .joinikon::before {
	font-size: 26px;
	line-height: 1;
}
}

.jointg {
    border: 2px solid #0088cc;
    color: #fff !important;
    background-color: #0088cc !important;
}

.jointg:hover {
    color: #0088cc !important;
    background-color: #fff !important;
}


.joingoogle {
	border-top: 2px solid #e33e2b;
    border-right: 2px solid #3a7cec;
    border-bottom: 2px solid #2ba14b;
    border-left: 2px solid #f1b401;
    color: #e33e2b !important;
    background-color: #fff !important;
}

.joingoogle:hover {
    color: #e33e2b !important;
    background-color: #fff !important; 
	border-top: 2px solid #f1b401;
    border-right: 2px solid #e33e2b;
    border-bottom: 2px solid #3a7cec;
    border-left: 2px solid #2ba14b;
}


.joinfacebook {
    border: 2px solid #28457f;
    color: #fff !important;
    background-color: #28457f !important;
}

.joinfacebook:hover {
    color: #28457f !important;
    background-color: #fff !important;
}

.jointwitter {
    border: 2px solid #41abe1;
    color: #fff !important;
    background-color: #41abe1 !important;
}

.jointwitter:hover {
    color: #41abe1 !important;
    background-color: #fff !important;
}

.joininstagram {
    border: 2px solid #fff;
    color: #fff !important;
    background: linear-gradient(to top right, #ffb04d, #a731bf) !important;
}

.joininstagram:hover {
    border: 2px solid #9f32c1;
    color: #9f32c1 !important;
    background: #fff !important;
}

.joinok {
    border: 2px solid #f58220;
    color: #fff !important;
    background-color: #f58220 !important;
}

.joinok:hover {
    color: #f58220 !important;
    background-color: #fff !important;
}

.joinvk {
    border: 2px solid #5181b8;
    color: #fff !important;
    background-color: #5181b8 !important;
}

.joinvk:hover {
    color: #5181b8 !important;
    background-color: #fff !important;
}

.joinyoutube {
    border: 2px solid #ff0000;
    color: #fff !important;
    background-color: #ff0000 !important;
}

.joinyoutube:hover {
    color: #ff0000 !important;
    background-color: #fff !important;
}

.joinwhatsapp {
    border: 2px solid #1c9e48;
    color: #fff !important;
    background-color: #1c9e48 !important;
}

.joinwhatsapp:hover {
    color: #1c9e48 !important;
    background-color: #fff !important;
}

.podfoto {
	padding-top: 1em;
	font-size: 0.9rem;
	color: #666;
	font-style: italic;
	text-align: center !important;
	margin: -10px 0 20px 0;
}


.price {
    	position: relative;
		left: 10%;
    	width: 80%; /* Произвольная ширина, которая требуется для блока */
    	margin: 0;
    	overflow: hidden;
		text-align:center;
    	border: 0;
    	background-color: #ffffff;
		outline-offset: -1px;
    	outline: 1px solid rgba(224,224,224,0.9);
}

.price .cell {
    	position: relative;
    	float: left;
    	margin: 0;
    	overflow: hidden;
		text-align:center;
    	border: 0;
		outline-offset: -4px;
    	outline: 1px solid rgba(140,137,134,0.5);
}

.price .cell::before {
    	content: "";
    	display: block;
    	padding-top: 100%; /* С помощью этого padding мы задаем высоту равную ширине блока */
}

.price .module:hover .cell {
    	outline: 1px solid rgba(255,255,255,0.01);
}

.price .cell span{
    	position: absolute;
    	top:10px;
		left:20px;
		text-align:center;
		font-size: 20px;
		line-height: 1.6;
}

.price .module:hover span {
    	opacity: 0;
}

.price .module {
    	position: relative;
    	float: left;
    	margin: 0;
    	overflow: hidden;
		text-align:center;
		outline-offset: -2px;
    	outline: 2px solid rgba(40,69,127,0.9);
    	border: 0;
    	background-size: cover !important; /* Растягиваем фон под размеры блока, если требуется */
    	background-position: 50% 50%;
		background-repeat: no-repeat;
		font-weight: bold;
		color: #28457f;
    	transition: all 1s;
    	-moz-transition: all 1s;
    	-webkit-transition: all 1s;
    	-o-transition: all 1s;
}

.price .module:hover {
    	border: 0; 
		color: #fff;   
}

.price .full {
    	width: 100%;
    	display: inline-block;
    	float: left;
    	position: relative;
}

.price .threequarters {
    	width: 75%;
    	display: inline-block;
    	float: left;
    	position: relative;
}

.price .twothird {
    	width: 66.666%;
    	display: inline-block;
    	float: left;
    	position: relative;
}

.price .half {
    	width: 50%;
    	display: inline-block;
    	float: left;
    	position: relative;
}

.price .third {
    	width: 33.333%;
    	display: inline-block;
    	float: left;
    	position: relative;
}

.price .fourth {
    	width: 25%;
    	display: inline-block;
    	float: left;
    	position: relative;
}

.price .sixth {
    	width: 16.666%;
    	display: inline-block;
    	float: left;
    	position: relative;
}

.price .santehnic, .price .medicus, .price .site, .price .skazka, .price .anelia, .price .ribos, .price .smile, .price .cafe, .price .lavka, .price .photoatele {
		background-image: none;
}

.price .santehnic:hover {
		background-image: url(http://kokshetoday.kz/banners/31.jpg);
}

.price .medicus:hover {
		background-image: url(http://kokshetoday.kz/banners/21.jpg);
}

.price .site:hover {
		background-image: url(http://kokshetoday.kz/banners/11.jpg);
}

.price .skazka:hover {
		background-image: url(http://kokshetoday.kz/banners/41.jpg);
}

.price .anelia:hover {
		background-image: url(http://kokshetoday.kz/banners/32.jpg);
}

.price .ribos:hover {
		background-image: url(http://kokshetoday.kz/banners/12.jpg);
}

.price .smile:hover {
		background-image: url(http://kokshetoday.kz/banners/42.jpg);
}

.price .cafe:hover {
		background-image: url(http://kokshetoday.kz/banners/22.jpg);
}

.price .lavka:hover {
		background-image: url(http://kokshetoday.kz/banners/23.jpg);
}

.price .photoatele:hover {
		background-image: url(http://kokshetoday.kz/banners/62.jpg);
}


.ref {
	width: 90%;
    margin: 20px auto 35px;
	font-size: 14px;
	line-height: 1.6;
}


.ref2 {
	width: 80%;
    margin: 20px auto 35px;
	font-size: 20px;
	line-height: 1.2;
}

.ref2 p {
	margin-bottom: 10px;
}



.sbor {
	background-image: url(img/sbor.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: -200px 0 0 0;
	display: block;
	height: 200px;
	width: 300px;
	float: right;
}

.sbor2 {
	background-image: url(img/sbor.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: -170px 30px 0 0;
	display: block;
	height: 200px;
	width: 300px;
	float: right;
}


.newform {
	width: 100%;
	display: block;
	height: 80px;
	background: linear-gradient(180deg,#008138 0,#006638);
	padding: 20px 12px 20px 12px;
	box-sizing: padding-box !important;
}

.newform .wpcf7-pole {
	width: 25% !important;
	float: left;
	padding: 0 12px 0 12px;
	box-sizing: padding-box !important;
	margin: 0 !important;
}

@media screen and (max-width: 590px){
	.newform {
		height: 258px;
		padding: 20px 12px 20px 12px;
		box-sizing: padding-box !important;
	}
	
	.newform .wpcf7-pole {
		width: 100% !important;
		float: none;
		margin: 0 0 20px 0 !important;	
	}
}

.newform input, .newform .send-api {
	height: 32px;
	color: #808080 !important;
	font-size: 10px !important;
	line-height: 10px;
	padding: 11px;
	box-sizing: padding-box !important;
	margin: 0 !important;
}

.newform .wpcf7-submit, .newform .send-api {
	width: 100% !important;
	color: #fff !important;
	background: linear-gradient(180deg,#0c9c4b 0,#43be4d); !important;
}

.newform .wpcf7-submit:hover, .newform .send-api:hover {
	background: #000 !important;
}

.slides li {
	min-height: 400px !important;
}


# div, img, p, span {filter: grayscale(1) !important;}

div, p, span {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray;  
  -webkit-filter: grayscale(1);
}

div img { 
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  filter: none;
  -webkit-filter: grayscale(0);
}

.traur {
    direction: ltr;
	text-align: center;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    line-height: 2.46153846;
    min-height: 32px;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    z-index: 99998;
    background: #1d2327;
}



/*-------------------------------------------------------------- .traur {
    display: none !important;
}
--------------------------------------------------------------*/