/*
Theme Name: Cuberta
Theme URI: http://cuberta.saqwel.ru/
Author: Saqwel
Author URI: http://www.saqwel.ru/
Description: Cuberta is responsive multipurpose theme. It is adapted for wide and narrow screens. Cuberta has many options for customization site colors and front page layouts.
Version: 1.0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, light, three-columns, left-sidebar, responsive-layout, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, sticky-post, threaded-comments, translation-ready
Text Domain: cuberta

This theme, like WordPress, is licensed under the GPL.
All fonts are free.
Main image downloaded from https://www.flickr.com
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: Verdana;
	font-size: 14px;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	outline: none;
	word-wrap: break-word;
}

html {
	background: #fff;
}

table {
	border: solid #999 1px;
	border-collapse: collapse;
}

th,
td {
	border: solid #999 1px;
	padding: 5px;
}

img {
	border: none;
}

a {
	color: #000;
	font-size: 12px;
}

a:hover {
	text-decoration: none;
}

a::before,
a::after,
li::before,
li::after,
.nav-links .prev,
.nav-links .next {
	font: normal normal normal 14px/1 FontAwesome;
	box-sizing: border-box;
	vertical-align: middle;
}

.wp-caption {
	background: none;
}

.wp-caption-text  {
	font-size: 11px;
}

.sticky {}

.gallery-caption {}

.bypostauthor {}

@font-face {
  font-family: 'FontAwesome';
  src: url('font-awesome/fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('font-awesome/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('font-awesome/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('font-awesome/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('font-awesome/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AAHaymaker';
  src: url('fonts/AAHaymaker.eot');
  src: url('fonts/AAHaymaker.eot') format('embedded-opentype'), url('fonts/AAHaymaker.woff2') format('woff2'), url('fonts/AAHaymaker.woff') format('woff'), url('fonts/AAHaymaker.ttf') format('truetype'), url('fonts/AAHaymaker.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BadScript-Regular';
  src: url('fonts/BadScript-Regular.eot');
  src: url('fonts/BadScript-Regular.eot') format('embedded-opentype'), url('fonts/BadScript-Regular.woff2') format('woff2'), url('fonts/BadScript-Regular.woff') format('woff'), url('fonts/BadScript-Regular.ttf') format('truetype'), url('fonts/BadScript-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BravoRG';
  src: url('fonts/BravoRG.eot');
  src: url('fonts/BravoRG.eot') format('embedded-opentype'), url('fonts/BravoRG.woff2') format('woff2'), url('fonts/BravoRG.woff') format('woff'), url('fonts/BravoRG.ttf') format('truetype'), url('fonts/BravoRG.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Bricks';
  src: url('fonts/Bricks.eot');
  src: url('fonts/Bricks.eot') format('embedded-opentype'), url('fonts/Bricks.woff2') format('woff2'), url('fonts/Bricks.woff') format('woff'), url('fonts/Bricks.ttf') format('truetype'), url('fonts/Bricks.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CertaSans-Medium';
  src: url('fonts/CertaSans-Medium.eot');
  src: url('fonts/CertaSans-Medium.eot') format('embedded-opentype'), url('fonts/CertaSans-Medium.woff2') format('woff2'), url('fonts/CertaSans-Medium.woff') format('woff'), url('fonts/CertaSans-Medium.ttf') format('truetype'), url('fonts/CertaSans-Medium.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Fantazyor';
  src: url('fonts/Fantazyor.eot');
  src: url('fonts/Fantazyor.eot') format('embedded-opentype'), url('fonts/Fantazyor.woff2') format('woff2'), url('fonts/Fantazyor.woff') format('woff'), url('fonts/Fantazyor.ttf') format('truetype'), url('fonts/Fantazyor.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Galaktika';
  src: url('fonts/Galaktika.eot');
  src: url('fonts/Galaktika.eot') format('embedded-opentype'), url('fonts/Galaktika.woff2') format('woff2'), url('fonts/Galaktika.woff') format('woff'), url('fonts/Galaktika.ttf') format('truetype'), url('fonts/Galaktika.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'IntroCondBlackFree';
  src: url('fonts/IntroCondBlackFree.eot');
  src: url('fonts/IntroCondBlackFree.eot') format('embedded-opentype'), url('fonts/IntroCondBlackFree.woff2') format('woff2'), url('fonts/IntroCondBlackFree.woff') format('woff'), url('fonts/IntroCondBlackFree.ttf') format('truetype'), url('fonts/IntroCondBlackFree.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Lora-Regular';
  src: url('fonts/Lora-Regular.eot');
  src: url('fonts/Lora-Regular.eot') format('embedded-opentype'), url('fonts/Lora-Regular.woff2') format('woff2'), url('fonts/Lora-Regular.woff') format('woff'), url('fonts/Lora-Regular.ttf') format('truetype'), url('fonts/Lora-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Moloko';
  src: url('fonts/Moloko.eot');
  src: url('fonts/Moloko.eot') format('embedded-opentype'), url('fonts/Moloko.woff2') format('woff2'), url('fonts/Moloko.woff') format('woff'), url('fonts/Moloko.ttf') format('truetype'), url('fonts/Moloko.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Nord';
  src: url('fonts/Nord.eot');
  src: url('fonts/Nord.eot') format('embedded-opentype'), url('fonts/Nord.woff2') format('woff2'), url('fonts/Nord.woff') format('woff'), url('fonts/Nord.ttf') format('truetype'), url('fonts/Nord.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Pecita';
  src: url('fonts/Pecita.eot');
  src: url('fonts/Pecita.eot') format('embedded-opentype'), url('fonts/Pecita.woff2') format('woff2'), url('fonts/Pecita.woff') format('woff'), url('fonts/Pecita.ttf') format('truetype'), url('fonts/Pecita.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RoundsBlack';
  src: url('fonts/RoundsBlack.eot');
  src: url('fonts/RoundsBlack.eot') format('embedded-opentype'), url('fonts/RoundsBlack.woff2') format('woff2'), url('fonts/RoundsBlack.woff') format('woff'), url('fonts/RoundsBlack.ttf') format('truetype'), url('fonts/RoundsBlack.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RuslanDisplay';
  src: url('fonts/RuslanDisplay.eot');
  src: url('fonts/RuslanDisplay.eot') format('embedded-opentype'), url('fonts/RuslanDisplay.woff2') format('woff2'), url('fonts/RuslanDisplay.woff') format('woff'), url('fonts/RuslanDisplay.ttf') format('truetype'), url('fonts/RuslanDisplay.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'StiffStaff-Heavy';
  src: url('fonts/StiffStaff-Heavy.eot');
  src: url('fonts/StiffStaff-Heavy.eot') format('embedded-opentype'), url('fonts/StiffStaff-Heavy.woff2') format('woff2'), url('fonts/StiffStaff-Heavy.woff') format('woff'), url('fonts/StiffStaff-Heavy.ttf') format('truetype'), url('fonts/StiffStaff-Heavy.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SummerFont-Light';
  src: url('fonts/SummerFont-Light.eot');
  src: url('fonts/SummerFont-Light.eot') format('embedded-opentype'), url('fonts/SummerFont-Light.woff2') format('woff2'), url('fonts/SummerFont-Light.woff') format('woff'), url('fonts/SummerFont-Light.ttf') format('truetype'), url('fonts/SummerFont-Light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Tsarevich';
  src: url('fonts/Tsarevich.eot');
  src: url('fonts/Tsarevich.eot') format('embedded-opentype'), url('fonts/Tsarevich.woff2') format('woff2'), url('fonts/Tsarevich.woff') format('woff'), url('fonts/Tsarevich.ttf') format('truetype'), url('fonts/Tsarevich.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UniSansHeavy';
  src: url('fonts/UniSansHeavy.eot');
  src: url('fonts/UniSansHeavy.eot') format('embedded-opentype'), url('fonts/UniSansHeavy.woff2') format('woff2'), url('fonts/UniSansHeavy.woff') format('woff'), url('fonts/UniSansHeavy.ttf') format('truetype'), url('fonts/UniSansHeavy.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Vollkorn-Regular';
  src: url('fonts/Vollkorn-Regular.eot');
  src: url('fonts/Vollkorn-Regular.eot') format('embedded-opentype'), url('fonts/Vollkorn-Regular.woff2') format('woff2'), url('fonts/Vollkorn-Regular.woff') format('woff'), url('fonts/Vollkorn-Regular.ttf') format('truetype'), url('fonts/Vollkorn-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'YanoneKaffeesatz-Regular';
  src: url('fonts/YanoneKaffeesatz-Regular.eot');
  src: url('fonts/YanoneKaffeesatz-Regular.eot') format('embedded-opentype'), url('fonts/YanoneKaffeesatz-Regular.woff2') format('woff2'), url('fonts/YanoneKaffeesatz-Regular.woff') format('woff'), url('fonts/YanoneKaffeesatz-Regular.ttf') format('truetype'), url('fonts/YanoneKaffeesatz-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
@font-face {
  font-family: '';
  src: url('fonts/.eot');
  src: url('fonts/.eot') format('embedded-opentype'), url('fonts/.woff2') format('woff2'), url('fonts/.woff') format('woff'), url('fonts/.ttf') format('truetype'), url('fonts/.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/

#wrapper-main .widget ul li a.url {
	vertical-align: 0%;
}

#wrapper-main .widget ul li a.url::before {
	content: "";
	background: none !important;
	color: #000;
	width: auto;
	height: auto;
	text-align: inherit;
	text-decoration: underline;
	display: inline;
	margin: 0;
	padding: 0;
}
#wrapper-main .button {
	background: #1E73BE;
	color: #fff;
	text-align: center;
	margin: 10px auto;
}

#wrapper-main input[type="submit"]:not(.search-submit),
#wrapper-main .button,
#wrapper-main button {
	display: block;
	padding: 20px;
	text-decoration: none;
	border: none;
	font-size: 20px;
	width: auto;
}

#wrapper-main textarea,
input:not([type="submit"]) {
	font-size: 24px;
	border: solid 1px #666;
	box-sizing: border-box;
}

#wrapper-main textarea {
	width: 100%;
}

.wpcf7-form input:not([type="submit"]) {
	max-width: 400px;
	width: 100%;
}

.menu a {
	text-decoration: none;
	color: #000;
	font-size: 20px;
	font-family: calibri;
}

#header-txt h1,
#header-txt h2,
#header-txt h3,
#header-txt h4,
#header-txt h5,
#header-txt h6,
#header-txt h1 a,
#header-txt h2 a,
#header-txt h3 a,
#header-txt h4 a,
#header-txt h5 a,
#header-txt h6 a {
	padding: 0 0 5px 0;
	font-family: Calibri;
	font-size: 40px;
	text-decoration: none;
}

#header-txt {
	position: fixed;
	top: 45%;
	left: 10%;
	z-index: 10;
	width: 30%;
	text-align: center;
	padding: 20px;
}

.more {
	font-size: 14px;
	color: #000;
}

.menu {
	padding-left: 60px;
	padding-top: 20px;
	padding-right: 60px;
	padding-bottom: 20px;
	position: relative;
	background: #999;
	width: 50%;
	float: right;
	box-sizing: border-box;
}

.menu::after {
	content: '';
	display: block;
	clear: both;
}

.home-button,
.search-button,
.login-button,
.logout-button,
.menu-button {
	width: 48px;
	height: 48px;
	border: none;
	margin: 0;
	outline: none;
	overflow: hidden;
	text-align: center;
	display: inline-block;
}

.home-button span,
.search-button span,
.login-button span,
.logout-button span,
.menu-button span {
	display: none;
}

.home-button::after,
.search-button::after,
.login-button::after,
.logout-button::after,
.menu-button::after {
	font: normal normal normal 24px/1 FontAwesome;
	box-sizing: border-box;
	color: #000;
	line-height: 48px;
}

.home-button::after {
	content: "\f015";
}

.search-button::after {
	content: "\f002";
}

.login-button::after {
	content: "\f090";
}

.logout-button::after {
	content: "\f08b";
}

.menu-button::after {
	content: "\f0c9";
}

.search-button.toggle-on::after {
	content: "\f00d";
}

.menu-button.toggle-on::after {
	content: "\f00d";
}

.main-menu {
	clear: both;
	padding-top: 20px;
	display: none;
}

.main-menu.toggle-on {
	display: block;
}

.header-item ul,
.menu ul {
	list-style-type: none;
	text-align: left;
}

#sidebar-1 li,
#sidebar-1 span {
	font-family: Calibri;
}

.main-menu ul {
	padding: 0;
}

.main-menu ul li a,
#sidebar-1 ul li a:not(.url) {
	display: inline-block;
}

.main-menu ul li,
#sidebar-1 ul li {
	margin: 10px 0;
}

.menu-item-has-children ul,
ul li .children {
	padding-left: 10px;
	box-sizing: border-box;
}

.main-menu ul li {
	position: relative;
}

.main-menu ul li::after {
	display: inline-block;
	font-size: inherit;
	padding: 0 10px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	font-size: 24px;
}

.main-menu ul li a {
	max-width: calc(100% - 40px);
}

.main-menu  ul li::after,
.main-menu  ul li::after {
	content: "";
}

.main-menu ul li.menu-item-has-children::after,
.main-menu ul li.page_item_has_children::after {
	content: "\f107";
}

.main-menu ul li.menu-item-toggled::after {
	content: "\f106";
}

.main-menu ul li a:hover,
#sidebar-1 td a:hover,
#sidebar-1 ul li a:hover {
	text-decoration: none;
}

.menu .search {
	padding: 20px 0;
	clear: both;
	display: none;
}

.menu .search.toggle-on {
	display: block;
}

.search-field {
	height: 48px;
	display: inline-block;
	width: calc(100% - 58px);
	box-sizing: border-box;
	margin: 0;
	font-size: 24px;
}

.search-submit {
	border: none;
	font: 24px FontAwesome;
	height: 48px;
	width: 48px;
	text-align: center;
	background: none;
	border: none;
	vertical-align: top;
	line-height: 48px;
}

#wp-calendar {
	margin: 0 auto;
}

#wp-calendar caption {
	padding: 10px 0;
	font-size: 14px;
}

#wp-calendar td:not(.pad),
#wp-calendar th {
	display: table-cell;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	margin: 1px;
	color: #999;
}

#wp-calendar thead::after{
	clear: both;
	content: "";
	display: block;
}

#wp-calendar tfoot td a {
	width: 100%;
}

#img {
	background-size: cover !important;
	color: #fff;
	left: 0;
	position: fixed;
	height: 100%;
	width: 50%;
	z-index: 1;
}

main {
	width: 50%;
	float: right;
	box-sizing: border-box;
	clear: both;
}

.content {
	width: 100%;
	line-height: 21px;
	color: #666;
	background: #fff;
	box-sizing: border-box;
	padding: 0px 60px;
}

article.type-post {
	padding-bottom: 40px;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	padding: 20px 0;
	line-height: 40px;
	text-decoration: none;
	color: #000;
	font-family: Calibri;
}

h1,
h1 a{
	font-size: 26px;
}
h2,
h2 a {
	font-size: 22px;
}
h3,
h3 a {
	font-size: 20px;
}
h4,
h4 a {
	font-size: 18px;
}
h5,
h5 a {
	font-size: 16px;
}
h6,
h6 a {
	font-size: 14px;
}

main blockquote {
	padding: 40px;
	font-style: italic;
}

main ul,
main ol {
	padding-left: 30px;
}

main dd {
	padding-left: 40px;
}

main address,
main cite,
main em,
main var {
	font-style: italic;
	vertical-align: bottom;
}

main code,
main kbd,
main tt {
	font-family: "Courier New";
}

main strong {
	font-weight: bold;
	vertical-align: bottom;
}

main sub {
	vertical-align: sub;
	font-size: 11px;
}

main sup {
	vertical-align: super;
	font-size: 11px;
}

main big {
	font-size: 16px;
}

main pre {
	max-width: 100%;
	overflow: auto;
}

main img,
main figure img {
	margin: 20px 0 20px 0;
}

main img,
main figure {
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
	text-align: center;
}

main figure {
	margin: 0;
}

main figcaption {
	margin-bottom: 20px;
}

main .alignleft {
	margin-right: 20px;
	float: left;
}

main .alignright {
	margin-left: 20px;
	float: right;
}

main .aligncenter  img {
	margin: 20px auto;
}

main .aligncenter {
	width: 100% !important;
	text-align: center;
}

main .widget {
	text-align: left;
}

.entry-content::after {
	content: "";
	display: block;
	clear: both;
}

.entry-header {
	margin-top: 40px;
	margin-bottom: 20px;
}

.entry-header::after {
	content: "";
	display: block;
	clear: both;
}

.article-pubdate {
	margin-right: 10px;
	display: inline-block;
	width: 70px;
	vertical-align: middle;
}

.datetime-month {
	width: 70px;
	height: auto;
	line-height: 20px;
	font-size: 20px;
	padding: 5px 0;
	text-align: center;
}

.datetime-day {
	font-size: 30px;
	padding: 15px 0;
	text-align: center;
}

.entry-header .entry-title {
	display: inline;
}

.entry-meta {
	padding-bottom: 20px;
	color: #ccc;
}

.entry-meta a,
.entry-meta time {
	color: #000;
}

.entry-content,
.entry-header {
	word-wrap: break-word;
}

.entry-content .gallery figure{
	vertical-align: top;
}

.entry-content .gallery {
	margin: 20px 0;
}

.entry-content  .gallery-columns-1 .gallery-item {
	width: 100%;
}
.entry-content  .gallery-columns-2 .gallery-item {
	width: calc(50% - 10px);
}
.entry-content  .gallery-columns-3 .gallery-item {
	width: calc(33% - 10px);
}
.entry-content  .gallery-columns-4 .gallery-item {
	width: calc(25% - 10px);
}
.entry-content  .gallery-columns-5 .gallery-item {
	width: calc(20% - 10px);
}
.entry-content  .gallery-columns-6 .gallery-item {
	width: calc(16% - 10px);
}
.entry-content  .gallery-columns-7 .gallery-item {
	width: calc(14% - 10px);
}
.entry-content  .gallery-columns-8 .gallery-item {
	width: calc(12% - 10px);
}
.entry-content  .gallery-columns-9 .gallery-item {
	width: calc(11% - 10px);
}

.entry-content  .wp-video {
	margin: 10px 0;
}

.entry-content .gallery-item {
	text-align: center;
	display: inline-block;
	margin: 0 5px;
}

.SandboxRoot {
	padding-bottom: 100px !important;
}

.more-link-button {
	text-align: right;
	margin-top: 20px;
}

.more-link {
	display: inline-block;
}

.more-link::after {
	content: "\f141";
	display: inline-block;
	margin-left: 10px;
}

.entry-footer {
	text-align: right;
	margin-top: 10px;
}

.post-edit-link {
	display: inline-block;
}

.post-edit-link::after {
	content: "\f040";
	display: inline-block;
	margin-left: 10px;
}

.comment,
.pingback {
	padding-top: 40px;
}

.comment-meta::after {
	content: "";
	display: block;
	clear: both;
	padding-bottom: 10px;
}

.comment-meta .avatar {
	float: left;
	margin-right: 10px;
}

.comment-meta .datetime {
	display: block;
}

.comments-title {
	line-height: 50px;
}

.comment-notes,
.comment-notes span {
	font-size: 11px;
	vertical-align: top;
}

.comment-list .depth-2,
.comment-list .depth-3,
.comment-list .depth-4,
.comment-list .depth-5,
.comment-list .depth-6,
.comment-list .depth-7,
.comment-list .depth-8,
.comment-list .depth-9,
.comment-list .depth-10 {
	padding-left: 50px;
}

.no-comments {
	padding-top: 40px;
}

.comment-form label {
	display: block;
}

.comment-form textarea {
	width: 100%;
}

.form-submit {
	display: inline-block;
	padding-right: 10px;
}

.submit {
	border: none;
	font: normal 14px Calibri;
	background: none;
	padding: 10px;
	cursor: pointer;
}

.reply {
	padding-top: 10px;
}

.post-navigation {
	clear: both;
}

.screen-reader-text {
	display: none;
}

.page-links-title {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: 14px;
}
.page-links {
	margin: 40px 2px 0 2px;
}
	
.page-links span {
	font-size: 16px;
	vertical-align: baseline;
	display: inline-block;
}

.page-links a span {
}

.page-links a {
}

.nav-links {
	margin-top: 40px;
	padding: 0 40px;
	text-align: center;
	position: relative;
}

.nav-links .page-numbers {
	margin: 5px 0;
}

.nav-links .page-numbers:not(.next):not(.prev):not(.current) {
	display: inline-block;
	font-size: 16px;
}

.nav-links .prev,
.nav-links .next {
	position: absolute;
	text-decoration: none;
}

.nav-links .prev {
	left: 0;
}

.nav-links .next {
	right: 0;
}
.nav-previous  a,
.nav-next  a {
	overflow: hidden;
	position: relative;
	margin-top: 20px;
}

.nav-previous  a span,
.nav-next  a span {
	vertical-align: 0%;
}

.nav-next a {
	float: right;
	padding-right: 20px;
	text-align: right;
	margin-right: -40px;
}

.nav-previous a {
	float: left;
	padding-left: 20px;
	text-align: left;
	margin-left: -40px;
}

.nav-previous a::before,
.nav-next a::after {
	display: inline-block;
	
}

.nav-previous a::before {
	content: "\f060";
	margin-right: 10px;
	position: absolute;
	left: 0;
	top: 3px;
}

.nav-next a::after {
	content: "\f061";
	margin-left: 10px;
	position: absolute;
	right: 0;
	top: 3px;
}
	
.footer-item {
	background: #999;
	clear: both;
	float: right;
	padding-left: 60px;
	padding-top: 20px;
	padding-right: 60px;
	padding-bottom: 20px;
	margin-top: 20px;
	/*
	width: calc(50% - 40px);
	*/
	width: 50%;
	line-height: 30px;
	font-size: 11px;
	box-sizing: border-box;
	border: none;
	text-align: left;
}
	
.footer-item div,
.footer-item div li,
.footer-item div a,
.footer-item div span {
	font-size: 11px;
	list-style-type: none;
	text-align: left;
	line-height: inherit;
	color: #eee;
}

.footer-item div {
	background: none;
	display: inline-block;
	width: 32.5%;
	vertical-align: top;
}

.footer-item div div {
	width: auto;
}

.footer-item  .other {
	text-align: right;
}


.skype::before,
.phone::before,
.city::before,
.address::before,
.fax::before,
.email::before {
	display: inline-block;
	font-size: 16px;
	margin-right: 10px;
	width: 20px;
	text-align: center;
}

.skype::before {
	content: "\f17e";
}

.phone::before {
	content: "\f095";
}

.city::before {
	content: "\f041";
}

.address::before {
	content: "\f015";
}

.fax::before {
	content: "\f1ac";
}

.email::before {
	content: "\f0e0";
}
 
#social {
	display: block;
}

#social a {
	text-decoration: none;
}

#social a span {
	display: none;
}

#social a::before {
	margin: 0;
	display: inline-block;
	width: 48px;
	font-size: 24px;
	text-align: center;
	line-height: 48px;
}

.vk::before {
	content: "\f189";
}

.twitter::before {
	content: "\f099";
}

.facebook::before {
	content: "\f09a";
}

.google::before {
	content: "\f0d5";
}

.linkedin::before {
	content: "\f0e1";
}

.instagram::before {
	content: "\f16d";
}

.pinterest::before {
	content: "\f231";
}

.vimeo::before {
	content: "\f27d";
}

.youtube::before {
	content: "\f167";
}

#front-text h2,
#front-featured h2,
#front-latest h2 {
	text-align: left;
}

#front-latest h2 {
	margin: 40px 0;
}

#front-text h3,
#front-featured h3,
#front-latest h3 {
	padding: 0;
}

#front-text {
	text-align: justify;
}

#front-featured {
	text-align: center;
	margin-top: 40px;
}

#front-featured .articles {
	padding: 0;
	margin: 0;
}

#front-featured img {
	margin: 0;
}

#front-featured article {
	width: 32.1%;
	display: inline-block;
	vertical-align: top;
}

#front-featured article p {
	padding: 0 5px;
}
#front-latest {
	text-align: center;
}

#front-latest .entry-header {
	margin: 0 0 20px 0;
}

#front-latest article {
	display: inline-block;
	width: calc(32.5% - 14px);
	vertical-align: top;
	margin: 0 5px;
	text-align: left;
}

#front-latest article .entry-header p {
	text-align: center;
}

#front-latest article .entry-header h3,
#front-latest article .entry-header h3 a {
	line-height: 22px;
	padding: 0;
}

#front-latest article .entry-content .more-link-button {
	display: none;
}

@media all and (max-width: 920px) {
	#front-featured article,
	#front-latest article,
	.footer-item div {
		display: block;
		width: 100%;
	}
	
}

@media all and (max-width: 800px) {
	.content {
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}
	#header-txt{
		display: none;
	}	
	#img {
		display: none;
	}
	main {
		float: none;
		width: 100%;
		position: static;
		box-sizing: border-box;
	}
	.menu,
	.footer-item {
		width: 100%;
		box-sizing: border-box;
		padding-left: 10px;
		padding-top: 20px;
		padding-right: 10px;
		padding-bottom: 20px;
		float: none;
	}
	#front-featured article,
	#front-latest article {
		width: calc( 32.5% - 14px);
		display: inline-block;
	}
	.footer-item div {
		width: 32.5%;
		display: inline-block;
	}
}

@media all and (max-width: 400px) {
	#header-txt {
		display: none;
	}
	.content {
		padding: 10px;
		box-sizing: border-box;
	}
	#front-featured article,
	#front-latest article,
	.footer-item div {
		display: block;
		width: 100%;
		margin: 10px 0;
	}
}