@charset "UTF-8";
/*
Theme Name: xoxo
Description: Тема для сайта xoxo.ru
Author: Kama
Author URI: http://wp-kama.ru
Version: 1.0
*/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */
html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers (opinionated). */
body { margin: 0; }

/** Add the correct display in IE 9-. */
article, aside, footer, header, nav, section { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in IE. */
figcaption, figure, main { /* 1 */ display: block; }

/** Add the correct margin in IE 8. */
figure { margin: 1em 40px; }

/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }

/** 1. Remove the bottom border in Chrome 57- and Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ }

/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong { font-weight: inherit; }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font style in Android 4.3-. */
dfn { font-style: italic; }

/** Add the correct background and color in IE 9-. */
mark { background-color: #ff0; color: #000; }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Add the correct display in IE 9-. */
audio, video { display: inline-block; }

/** Add the correct display in iOS 4-7. */
audio:not([controls]) { display: none; height: 0; }

/** Remove the border on images inside links in IE 10-. */
img { border-style: none; }

/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** 1. Add the correct display in IE 9-. 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Remove the default vertical scrollbar in IE. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. */
details, menu { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Scripting ========================================================================== */
/** Add the correct display in IE 9-. */
canvas { display: inline-block; }

/** Add the correct display in IE. */
template { display: none; }

/* Hidden ========================================================================== */
/** Add the correct display in IE 10-. */
[hidden] { display: none; }

/* apply a natural box layout model to all elements, but allowing components to change */
html { -webkit-box-sizing: border-box; box-sizing: border-box; }

*, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; }

body { font: normal 16px "gothampro-medium"; color: #333; }

.limited { max-width: 1240px; }

a { text-decoration: none; color: #333; -webkit-transition: color .4s ease; transition: color .4s ease; }
a:hover { color: #6633ff; }

img { max-width: 100%; height: auto; }

h1, h2, h3, h4 { line-height: normal; }

h1 { font-size: 28px; font: normal "gothampro-medium"; }

h2 { font-size: 24px; }

h3 { font-size: 22px; }

h4 { font-size: 18px; }

.single-post-content { /* li, - не ставить! */ }
.single-post-content h1 { padding-bottom: 20px; }
.single-post-content h2 { padding-bottom: 10px; }
.single-post-content h3 { padding-bottom: 10px; }
.single-post-content h4 { padding-bottom: 10px; }
.single-post-content p, .single-post-content table, .single-post-content ul, .single-post-content ol, .single-post-content blockquote, .single-post-content dl, .single-post-content dd, .single-post-content pre, .single-post-content img { margin-bottom: 1.5em; }
.single-post-content p a { text-decoration: underline; }
.single-post-content li { margin-bottom: .5em; }
.single-post-content ol li { list-style: decimal; margin-left: 2.2em; }
.single-post-content ul ul { margin-left: 2em; }
.single-post-content p { margin-bottom: 1.5em; font-size: 18px; }
.single-post-content iframe { max-width: 100%; margin: 0 auto; display: block; }
.single-post-content table, .single-post-content tr, .single-post-content td, .single-post-content th { border: 1px solid #eee; }
.single-post-content table { border-collapse: collapse; font-size: 90%; line-height: 1.2; }
.single-post-content table tbody:first-child tr:first-child { background: #E9EAEC; font-weight: bold; }
.single-post-content table tr:hover { background: #edf1f5; }
.single-post-content table td, .single-post-content table th { padding: .5em; vertical-align: middle; }
.single-post-content blockquote p:last-child, .single-post-content q p:last-child { margin-bottom: 0; }
.single-post-content .wp-video { margin: 1.5em auto; }

/* The Modal (background) */
.modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: #00001b; /* Fallback color */ background-color: rgba(0, 0, 27, 0.75); /* Black w/ opacity */ -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; }

/* Add Animation */
@-webkit-keyframes slideIn { from { bottom: -300px; opacity: 0; }
  to { bottom: 0; opacity: 1; } }
@keyframes slideIn { from { bottom: -300px; opacity: 0; }
  to { bottom: 0; opacity: 1; } }
@-webkit-keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
@keyframes fadeIn { from { opacity: 0; }
  to { opacity: 1; } }
.hide { display: none; }

.arrow_top { background-color: #660099; width: 60px; height: 60px; position: fixed; right: 50px; bottom: 50px; cursor: pointer; border-radius: .3em; z-index: 3; }
@media (max-width: 767px) { .arrow_top { right: 20px; bottom: 20px; } }
.arrow_top:before { content: ''; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAMCAYAAACa7GYMAAABAElEQVQ4jbXUsS4FQRjF8SGamygUm+golBLJfQNEo1AoSLzCjcQLKBRy30DjARQKnkBuo5aI0C8JhUJ3FSI/xa6EtbNr1zrJ18zufP+ZM3MmILSoWVzgFeeYa9On6YQp7OLFd42xj95/wVdwq1opNruEz+OsBlrUCIt/gfdwKLO0TM8Y4j7y/Q1HmGkCn8COzMKqpkn+//QvFjnAZB28L7MsphGWIjtZUH08V1gugyf5bt4jE1NsRaDFWlN9MU/k0QxY9zM6nxrjQMMIySK5V9N3O4hfmFMtH48vleBYuaNPAQ+FwWuFs+mg+rgscNKADTzmixjILOsSXEzRDe6w+gGOe9/UPcMNtAAAAABJRU5ErkJggg=="); width: 31px; height: 12px; position: absolute; left: 50%; top: 50%; margin-left: -16px; margin-top: -8px; }

body { background: #ecf0f1; }

.content-container { position: relative; z-index: 1; padding-top: 100px; }
@media (max-width: 979px) { .content-container { padding-top: 150px; } }

/*header*/
header { background: #fff; padding: 0px 30px; height: 82px; padding-top: 2px; margin-bottom: 20px; position: relative; z-index: 99; position: fixed; left: 0px; right: 0px; top: -2px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
header > * { min-width: 0; }
@media screen and (min-width: 0 \0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0 \0 ) and (min-resolution: 72dpi) { header > * { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } }
@media (max-width: 767px) { header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 0px; }
  header > * { min-width: 0; } }
@media screen and (max-width: 767px) and (min-width: 0 \0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (max-width: 767px) and (min-width: 0 \0 ) and (min-resolution: 72dpi) { header > * { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } }

header .navigation_icon { background-repeat: no-repeat; background-position: center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAcCAYAAAATFf3WAAAAMklEQVRYhe3VoQEAIBDEsHv23xlGQJwAkUxQ10my87H1OuBGIACdiRd3BALQ8eKWwNYB1eYDE75MaaQAAAAASUVORK5CYII="); width: 40px; height: 28px; background-size: cover; display: inline-block; font-size: 0px; margin-right: 30px; width: 20px; height: 14px; vertical-align: top; position: relative; top: 5px; }
@media (max-width: 767px) { header .navigation_icon { background-size: 40px 28px; width: 40px; height: 28px; position: absolute; left: 30px; top: auto; margin-top: 7px; } }
header .navigation { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -ms-flex-item-align: auto; align-self: auto; font-size: 0px; padding-top: 28px; margin-left: 0px; white-space: nowrap; }
@media (max-width: 979px) { header .navigation { width: auto; } }
@media (max-width: 767px) { header .navigation { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; text-align: center; padding: 15px; } }
@media (max-width: 509px) { header .navigation { text-align: right; } }
header .navigation .logo { background: url(img/logos/logo_xoxo.png) center center no-repeat; background-size: 107px 23px; width: 107px; height: 23px; display: inline-block; }
@media (max-width: 767px) { header .navigation .logo { background-size: 183px 41px; width: 100%; height: 41px; } }
header .navigation_drop { background: #fff; position: absolute; width: 400px; left: 0px; top: 0px; padding-bottom: 20px; min-height: 100%; }
@media (max-width: 767px) { header .navigation_drop { width: 540px; } }
@media (max-width: 509px) { header .navigation_drop { width: 100%; text-align: center; } }
@media (max-width: 767px) { header .navigation_drop .logo { background-size: 183px 41px; width: 100%; height: 41px; } }
header .navigation_drop ul { margin-left: 60px; margin-top: 55px; margin-right: 60px; }
@media (max-width: 767px) { header .navigation_drop ul { margin-left: 20px; margin-right: 20px; } }
header .navigation_drop ul li { padding-bottom: 10px; }
header .navigation_drop ul li p { text-transform: uppercase; padding-bottom: 34px; font-family: 'gothampro-bold'; }
header .navigation_drop ul li a { font-size: 18px; }
header .navigation_drop_title { height: 80px; border-bottom: 1px solid #e4e4e4; text-align: center; padding-top: 33px; position: relative; }
@media (max-width: 767px) { header .navigation_drop_title { padding: 20px; } }
header .navigation_drop_title .close { background-repeat: no-repeat; background-position: center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAfCAYAAAAfrhY5AAAA3klEQVRIibXXSw6DIBRG4bMJl2OZ6aZq11gXU6d2ULCVFHnd/yZMDPE7JiYE+M4AjGhn9M5pBuAJbMAkgifg5Z0jIMC7X4qAAAfjCHAe3NEExHB4vwsbZlFACp7jjdYBxbB1QDVsFdAM9wZ0w60BZnBtgDlcGiCDcwF3NXwVEC8JXBIghcMsCXxRwxPXX646ji9hacA/eAMeiedmASk4/Fyq4zgL5/Y1B5TC5gG1sFlAK9wd0As3B1jB1QHWcHGAE8G5AAefm8MqglMBK9GVaRXBccAJ/g24ieAwp1vqG2MWHD5hdv/mAAAAAElFTkSuQmCC"); width: 31px; height: 31px; position: absolute; right: 30px; top: 33px; width: 16px; height: 16px; background-size: cover; }
@media (max-width: 767px) { header .navigation_drop_title .close { height: 31px; width: 31px; right: 42px; top: 25px; } }
@media (max-width: 509px) { header .navigation_drop_title .close { right: 20px; } }
header .popular_sections { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-item-align: auto; align-self: auto; font-family: 'gothampro-bold'; font-size: 12px; text-transform: uppercase; padding-top: 33px; }
@media (max-width: 767px) { header .popular_sections { display: none; } }
header .popular_sections ul { margin: 0; list-style: none; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
header .popular_sections ul > * { min-width: 0; }
@media screen and (min-width: 0 \0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0 \0 ) and (min-resolution: 72dpi) { header .popular_sections ul > * { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } }
header .popular_sections ul li { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -ms-flex-item-align: auto; align-self: auto; padding-left: 11px; padding-right: 11px; }
header .popular_sections ul li a { color: #660099; }
header .popular_sections ul li a:hover { color: #333; }
header .authmenu { margin: auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
header .authmenu > * { display: inline-block; text-transform: uppercase; font-size: 70%; white-space: nowrap; }
header .authmenu .btn { padding: .7em 1.2em; border-radius: 4px; cursor: pointer; }
header .authmenu .add_post { color: #660099; background: #ffc107; margin-right: 1em; }
header .authmenu .login { color: #ffc107; background: #660099; }
header .authmenu .avatar { border-radius: 50%; vertical-align: middle; margin: 0 .5em 0 1em; }
header .social { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -ms-flex-item-align: auto; align-self: auto; text-align: right; padding-top: 30px; width: 360px; margin-right: 0px; }
@media (max-width: 979px) { header .social { display: none; } }
@media (max-width: 767px) { header .social { background: #330066; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; padding: 25px 10px 25px 10px; display: none; } }
header .social_main { display: block; }
@media (max-width: 767px) { header .social_main { display: none; } }
header .social_main div { display: inline-block; }
header .social_mobile { display: none; }
@media (max-width: 767px) { header .social_mobile { display: block; text-align: center; font-size: 0px; } }
header .social .icon_f { background-repeat: no-repeat; background-position: center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAq1BMVEU8W5o8W5o8W5o8W5o8W5o8W5o+XZtDYZ5EYZ5EYp5GY59HZKBTbqZed6togLFuhbR2jLh5jrp/k7yEl7+Im8GKncKSo8aSpMegr86isc+ls9CpttKquNOtutWuu9Wyvte0wNi3w9q8x929yN3By9/DzODI0eLW3OrX3urY3uvb4ezg5e/j5/Dk6PHl6fLn6/Pr7vXv8ffw8vfw8/fz9fn09fn29/r4+fv///+ytxYWAAAABXRSTlMBenvq6zBkyN4AAADKSURBVEjH7dfJEoIwDIDh0FIVFRX3BfcdV0S07/9kHthOCiTDxel/zMw3k0N6KIDGBSrOADSBjgHHYx0EIYWLwbXO0nn4vne7HHeDfLg6fsmkbS5sXqXEYtOXaGycJR4PJR4bTwJuSwKeJ8rbTG3btrvZ8SG2s3LuC3MjeyrlP893hCeI24637itcHG5aQTFehAOrno4d+a0WBZsUXCFgVxDwnoJXFDyi4F4GvHaCYnQPBw31qhRWWOE/wRyP9dRP2Q/MABjHYc7gA8h2zE3521wCAAAAAElFTkSuQmCC"); width: 60px; height: 60px; background-size: cover; width: 60px; height: 60px; display: inline-block; margin-right: 15px; margin-left: 15px; }
header .social .icon_vk { background-repeat: no-repeat; background-position: center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAABVlBMVEVXfaJXfaJXfaJXfaJXfaJXfaJYfqJYfqNbgKRdgqVegqZghKdihahihqhliKpniatniqtoiqtpi6xrjK1tjq5vj69vkK9xkbFykrF0k7J1lLJ3lbR4lrR5l7V5mLV6mLV7mbZ9mrd/nLiBnbmNp8CQqcKSq8OYr8abssicssics8ietMmftcqit8yjuMymus6ovM+pvM+rvtGsv9Gtv9GvwdOwwtOxwtSyw9SzxNW0xdW2xte3x9e5yNi6ydm6ytm7ytm8y9q9zNu+zdvAztzAz9zD0d7E0d7J1eHK1uLL1+LN2OPQ2uXW3+jZ4ura4uvb4+vc5Ozf5u3g5+7h6O7i6e/j6vDl6/Hn7PLo7fLp7vPr7/Tr8PTs8PTt8fXv8vbv8/bx9Pfy9fjz9vj09vn19/r2+Pr4+fv4+vv5+vz6+/z7/P38/P38/f79/f7+/v7+/v////+eywtsAAAABXRSTlMBenvq6zBkyN4AAAGdSURBVEjHY2BgZGYlCzAzMTAwspINmBiYydfMwsBKARjVPKp5VDO9NCt4xOYWFhZmRdpzE6PZJyUVBFLUQRzOiEIYMIDKO0VHJ4AVeGLRnAxVnM0H4rFpwDS7QqQV4aalY9FsimZVMKpmd7hmFyya+bOgkomcYL4jimbhPJjeHHFsAWYNk9YFc82gPHswzwFusSXW0BaAWZ3EA+IaQXnWII4Y3OJwLuxRBbfaFkOzD0wqVwZHPMOtLpAH8kygHCMgWxXuaD2ciQQe4MEciACzYmUVhEVjoRcbTs3ciTBFdqysgVCmNyuXP0w4ihdP8oSnjEJnLbgvtf3gTFl8aZs9oBAfMMefMaTz8GmWI5CrzCmwmZUjCJ9uLQL5WSIDn25dAoWBGt4w0ydQkhijqQ81jEfi6REohmxQ9OaLsPKHIbgFKgTKMP18JM0BQAGhOAQ/XZRAAagciVDsBhKQTEMIeBMqPTk0Y1AzvwI82RfmES632ZUsfOOAhWWIFIQv5JQK1JiZmhqpM1pXjWoe1TxINVPUNaKoU8bARH53EACnf0zVl5dkNgAAAABJRU5ErkJggg=="); width: 60px; height: 60px; background-size: cover; width: 60px; height: 60px; display: inline-block; margin-right: 15px; margin-left: 15px; }
header .social .icon_od { background-repeat: no-repeat; background-position: center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAABFFBMVEXwfQDwfQDwfQDwfQDwfQDwfQDwfgHwfwPwgAbwgQjxggnxgwzxhRDxhhLxhxPxiBXxihnyihryjB3ykSfykirzkyvzkyzzlS/zlzPzmjjzmzr0nDz0nD30o0r1pU71qFX1qlj1q1v2sGT2smj3tm/3tnD3t3L3uXb3unf3vHv3vX34v4H4v4L4wIP4wYX4wof4woj4xY34xY74xpD5yJP5yZb5ypf5zp760KP60aX60qf61az61q761q/617D62LL72LP72bT72bX72rb73Lr73Lv74ML74MP84cT84cX848j86dT96tX96tb969f98uX+8ub+9ez+9u7++PL++fT/+/f//Pr//fv//fz//v3//v7////LxvKJAAAABXRSTlMBenvq6zBkyN4AAAHmSURBVEjH7ddZd8FAFAfwoInYS1FLUZS2Wl3tS1QXRbWWKmK+//doZTJEGqd34qEv7lP+zvyOzMzNnIRhDCZWV5mMDGNgdZeRMenHewy7Re2wujhOJ3aevAwRGr6cOKkxnxkjucYZng67ukhRXRcNdvTQWvUcFPgRqeoRjmPoV8XA+A2DuZBKCXN8/QbFATx+FF6E8AinABCf4eFRnKI4nQFxSRr9QeK7FEtA/CCNLpNYlmITiAVpdI3EmhQFIM7j9bLiZMUrVgDiBF6ia5yucEoAsVve2zsby9pu5T13Q5ukLrfVV7v9JV/WwR3mn6m7c+aHPxinanxK8VRxhXVb4GgOA+5cceezc47yDDtsyms+bx7qOD09ybwg5JMeqtPTfDn4rBwofzmofA4uzCCcleZZDJHph4rS/LMgLD/9qF/NptPZal+OIxAWkWaJINzSxi0Q9g607MAL2yr7/URNJ/d28D7v36z9e/9mn6pJzEcdQjthM22HxZeLLsZp2zOu2LCNmvnbbtba+FjVKOIxHEfJVlXKZKuiUBwhtsHzDaIjMGwdLu3PuwnRQysIBxVWoYMg7FPalfbB5vy6GPu8fH/inxa5DVwwV3U6zllW2ZIbT6uu3Svzf+OtPo22+ihjjPo/B78BvRkTYV9cFYIAAAAASUVORK5CYII="); width: 60px; height: 60px; background-size: cover; width: 60px; height: 60px; display: inline-block; margin-right: 15px; margin-left: 15px; }
header .header-nav-posts { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; font-size: 90%; max-width: 700px; }
header .header-nav-posts img { float: left; margin-right: .5em; }
header .header-nav-posts a { position: relative; display: block; width: 45%; }
header .header-nav-posts a:first-child:before, header .header-nav-posts a:last-child:after { position: absolute; top: 0; display: block; width: 40px; height: 40px; font-size: 20px; padding-top: 5px; text-align: center; verticat-align: middle; color: #fff; background-color: #360066; }
header .header-nav-posts a:first-child { padding-left: 50px; }
header .header-nav-posts a:last-child { padding-right: 50px; }
header .header-nav-posts a:first-child:before { content: ''; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAWCAQAAAC4GH7VAAAAs0lEQVQYGQXBvyoEAADA4R9SN9xiks1mlZVNyXyzB1AewCyyubrNZFIewGyXWRnIcoMMciml/Pl8X5IkmfhwnCTJCLwkSYam4ChJMgaPBkmy7hvsKMm8W3AlJdkHMytSsuwdHEhKLsGdBUnZBj82JCkPYCJJyjO4kCRl0y/+bElScg7uLUpKlryCQ0lJ9sCnVSnJnBtwLSXJmi8wUpLkBEwNkyQDT2CcJMkumCVJklNvzv4BLUcNkfXkPlsAAAAASUVORK5CYII="); width: 9px; height: 22px; width: 40px; height: 40px; left: -10px; }
header .header-nav-posts a:last-child:after { content: ''; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAWCAQAAAC4GH7VAAAAs0lEQVQYGQXBvyoEAADA4R9SN9xiks1mlZVNyXyzB1AewCyyubrNZFIewGyXWRnIcoMMciml/Pl8X5IkmfhwnCTJCLwkSYam4ChJMgaPBkmy7hvsKMm8W3AlJdkHMytSsuwdHEhKLsGdBUnZBj82JCkPYCJJyjO4kCRl0y/+bElScg7uLUpKlryCQ0lJ9sCnVSnJnBtwLSXJmi8wUpLkBEwNkyQDT2CcJMkumCVJklNvzv4BLUcNkfXkPlsAAAAASUVORK5CYII="); width: 9px; height: 22px; width: 40px; height: 40px; -webkit-transform: rotate(180deg); transform: rotate(180deg); right: -10px; }
header .header-nav-posts a:hover:before, header .header-nav-posts a:hover:after { background-color: #6600ff; }
@media (max-width: 979px) { header .header-nav-posts { display: none; } }

.swape_nav { display: none; z-index: 99; position: fixed; top: 80px; left: 0; width: 100%; height: 2em; background: #fec215; text-align: center; }
.swape_nav > * { display: block; border: 2px solid #330066; border-radius: 50%; width: .8em; height: .8em; margin: 0 .3em; }
.swape_nav > *.current { background: #330066; }
.swape_nav > img { width: 90px; height: 25px; margin-right: -120px; margin-left: 30px; border: 0; border: 0; }
@media (max-width: 979px) { .swape_nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

/*section*/
.ads_top_all { margin: 0 auto; background: #fff; min-height: 120px; padding: 20px; margin-bottom: 20px; text-align: center; border-radius: 4px; }

.ads_top { margin: 0 auto; background: #fff; padding: 20px; font-size: 0; margin-bottom: 20px; text-align: center; }
@media (max-width: 979px) { .ads_top { width: auto; } }
@media (max-width: 979px) { .ads_top { display: none; } }

.ads_top_640 { font-size: 0; margin-bottom: 20px; text-align: center; display: none; }
@media (max-width: 979px) { .ads_top_640 { display: block; } }
@media (max-width: 509px) { .ads_top_640 { display: none; } }

.ads_top_480 { font-size: 0; margin-bottom: 20px; text-align: center; display: none; }
@media (max-width: 509px) { .ads_top_480 { display: block; } }

.home .ads_top, .home section { width: 1200px; }
@media (max-width: 979px) { .home .ads_top, .home section { width: auto; } }

.content_sort_block { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; margin: 2em auto; border-radius: 4px; border: 1px solid #660099; color: #660099; background: #fff; }
.content_sort_block > * { position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 1em; border-right: 1px solid #660099; color: #660099; letter-spacing: 2px; text-transform: uppercase; -webkit-transition: none; transition: none; }
.content_sort_block > *:hover { border-color: #ffc107; }
.content_sort_block > *:last-child { border-right: none; }
.content_sort_block > *:hover, .content_sort_block > *.active { background: #660099; color: #ffc107; }
.content_sort_block .icon { display: block; position: absolute; left: 0; top: 0; width: 3em; height: 100%; background-position: center center; background-repeat: no-repeat; }
.content_sort_block .main_bk .icon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaBAMAAABbZFH9AAAALVBMVEUAAABoAJtoAJtoAJtoAJtoAJtoAJtoAJtoAJtoAJtoAJtoAJtoAJtoAJtoAJuPnXWXAAAADnRSTlMAEDzioxj0z8WRdljSgLuYKFUAAACrSURBVBjTY1B+hwBGDHZIvMcM7wThQPQdwzsGBgamGcadCgwMjGAeUx1Q1XMFKG/dM2+lLXmvIDyud65A1SHvFoB5em8ZGM4wMNx7BObVOTCA1LM8B/GYngWAeax5ikAe5xMGMI/BbyKQx/EaytvXCOQxP4Ly9AzhvHdvgDywSggPqBJmCgPYFJgNDGAbYLYzgGyHu4wB7jKEqzF9hPAtZkhAAYiHGoKooQsAbMORlXL/3NwAAAAASUVORK5CYII="); }
.content_sort_block .main_bk:hover .icon, .content_sort_block .main_bk.active .icon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaBAMAAABbZFH9AAAALVBMVEUAAAD+s0D+s0D+s0D+s0D+s0D+s0D+s0D+s0D+s0D+s0D+s0D+s0D+s0D+s0B9vxMBAAAADnRSTlMAEDzio9AX9MWRdliAIEHnxhEAAACsSURBVBjTY1B+hwBGDHZIvMcM7xIFYUD2HcM7BgYGphnGnQoMDIxgHlMcUNVTBShv3XNvpS11ryA8rnduQNUp7xaAeXpvGBhCGRjOPQLz4hwYQOpZnoJ4TM8TwDy2OkUgj/MJA5jH4DcRyON4DeXtawTymB9BeXqGMB7QdiAPrBLCA6qEmcIANgVmAwPYBpjtDCDb4S5jgLsM4WpMHyF8ixkScMD2DjUEUUMXAESQkUvE5XWAAAAAAElFTkSuQmCC"); }
.content_sort_block .best_bk .icon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAPFBMVEUAAABoAJtoAJtoAJtoAJtoAJtoAJtoAJtoAJtoAJtoAJtoAJtoAJtoAJtoAJtoAJtoAJtoAJtoAJtoAJulZEtdAAAAE3RSTlMAPCh0g5YV8KNR38m0rWrmvdNeTSUrXgAAAM9JREFUKM91kgkOhCAMRVv2VdF//7sOSyY2DvMSSeHRgC0kUOfJtKcAbW8UOvu0gBBQ/ySp8W2URSGqCL/GzXMYcG/BAXkEDZW/0kUTskcnjimPyOdgoqOMSSqaJrokTC4CTh3V67JRn/CkAU1vxupBG/esmblDckwjnDRmBsvFx9zdyMqWZ9Jg6cHImZVJVOVhGlWoJFvIuIRa9ebWePVAdtH3oaJTFZEX/YzIzgKwc3AZUVwweaConloAn8QVx+bMK+YLEL/CPt2iGmm91A/UdgvGd2FLwwAAAABJRU5ErkJggg=="); }
.content_sort_block .best_bk:hover .icon, .content_sort_block .best_bk.active .icon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAQlBMVEUAAAD+s0D+s0D+s0D+s0D+s0D+s0D+s0D+s0D+s0D+s0D+s0D+s0D+s0D+s0D+s0D+s0D+s0D+s0D+s0D+s0D+s0BjGKdGAAAAFXRSTlMAKXU+4Zbvw6W1UReuf2r40Yg2Xg6Se+fJAAAA10lEQVQoz3WRCY7DIAxFzb4Hkvbf/6rjlJlitcyTggTPln5sEijvL9qTgLA3CujYt0XEiPpPk7q/jXJIRBXx25QOQ3QB5VOYONMFRPMnn7nF4MFkYgwYP2LLTy57YZOepTrZ+TKow+qsPsJmbdFJA5q+4NeDNm69tVeF5HhXn9NJcxK9XV7mwUZONsndOFqc8ubQhKo4ZLwqlIVZF4Mh1Jy3CeGuKIDcouejgqmKyIt9ZoTiADg+uitB/EqD9UBS3JoAb0XEu2OY3xDjbl+ZvH2IaVh7EfMDKO8MyaX3ER4AAAAASUVORK5CYII="); }
.content_sort_block .collect_bk .icon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaBAMAAABbZFH9AAAALVBMVEUAAABoAJtoAJtoAJtoAJtoAJtoAJtoAJtoAJtoAJtoAJtoAJtoAJtoAJtoAJuPnXWXAAAADnRSTlMADzfyvwmkR+zUy92xaikkpJEAAAB+SURBVBjTY0AAzTcCCA6T3buFCF7dE403SFJPgt7Becqv7FxeIqRcld8ZwaWeBES9U0BIsfqZI0mFPEaRMiJViqEPWYrhHUgKwROESYm9e7f13TuYVB6QN+9dE0xVAZhC48FUIkAi0BQEeMbAwCgIA+LvkDWxg3j3ECpReIkAnsFZSFJDLmwAAAAASUVORK5CYII="); }
.content_sort_block .collect_bk:hover .icon, .content_sort_block .collect_bk.active .icon { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaBAMAAABbZFH9AAAALVBMVEUAAAD+s0D+s0D+s0D+s0D+s0D+s0D+s0D+s0D+s0D+s0D+s0D+s0D+s0D+s0B9vxMBAAAADnRSTlMADzfyvwmkR+zUy92xaikkpJEAAAB+SURBVBjTY0AAzTcCCA6T3buFCF7dE403SFJPgt7Becqv7FxeIqRcld8ZwaWeBES9U0BIsfqZI0mFPEaRMiJViqEPWYrhHUgKwROESYm9e7f13TuYVB6QN+9dE0xVAZhC48FUIkAi0BQEeMbAwCgIA+LvkDWxg3j3ECpReIkAnsFZSFJDLmwAAAAASUVORK5CYII="); }
@media (max-width: 509px) { .content_sort_block .icon { display: none; } }

.content-wrapper { padding-bottom: 20px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.content-wrapper > * { min-width: 0; }
@media screen and (min-width: 0 \0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0 \0 ) and (min-resolution: 72dpi) { .content-wrapper > * { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } }
.content-wrapper .main { -ms-flex-item-align: auto; align-self: auto; -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; /* 1 */ }
.content-wrapper .aside-left { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -ms-flex-item-align: auto; align-self: auto; -ms-flex-negative: 0; flex-shrink: 0; width: 160px; margin-right: 20px; }
@media (max-width: 979px) { .content-wrapper .aside-left { display: none; } }
.content-wrapper .aside-right { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -ms-flex-item-align: auto; align-self: auto; -ms-flex-negative: 0; flex-shrink: 0; width: 300px; margin-left: 20px; }
@media (max-width: 979px) { .content-wrapper .aside-right { display: none; } }
.content-wrapper .sb-ads { margin-bottom: 1.5em; }
.content-wrapper .sb-ads > * { text-align: center; }
.content-wrapper .sb-ads a { display: block; margin-bottom: 20px; }
.content-wrapper .popular__posts { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.content-wrapper .popular__posts .image_wrap { display: block; margin-bottom: 1em; }
.content-wrapper .popular__posts .image_wrap .image_el { display: block; height: 400px; background-repeat: no-repeat; background-size: cover; background-position: top center; }
@media (max-width: 979px) { .content-wrapper .popular__posts .image_wrap .image_el { height: 300px; } }
@media (max-width: 767px) { .content-wrapper .popular__posts .image_wrap .image_el { height: 400px; } }
@media (max-width: 509px) { .content-wrapper .popular__posts .image_wrap .image_el { height: 300px; } }
.content-wrapper .popular__posts > * { width: 49%; }
@media (max-width: 979px) { .content-wrapper .popular__posts .actions__social .label { display: none; } }
@media (max-width: 767px) { .content-wrapper .popular__posts .actions__social .label { display: inline; }
  .content-wrapper .popular__posts > * { width: 100%; } }

.ads_afterpost { width: 728px; margin: 0 auto; text-align: center; margin-bottom: 20px; }

@media (max-width: 727px) { .ads_afterpost { width: auto; } }
/*section*/
/*article*/
.white-container { background: #fff; padding: 30px; border-radius: 4px; margin-bottom: 1.5em; }
.white-container:last-child { margin-bottom: 0; }
.white-container .tumbs-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: -20px; }
.white-container .tumbs-container > * { min-width: 0; }
@media screen and (min-width: 0 \0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0 \0 ) and (min-resolution: 72dpi) { .white-container .tumbs-container > * { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } }
@media (max-width: 767px) { .white-container .tumbs-container { margin-right: 0px; margin-left: 0px; } }
.white-container .tumbs-container_column { width: auto; }
.white-container .tumbs-container_column_tumb { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -ms-flex-item-align: auto; align-self: auto; width: 330px; position: relative; }
@media (max-width: 979px) { .white-container .tumbs-container_column_tumb { width: 48%; } }
@media (max-width: 509px) { .white-container .tumbs-container_column_tumb { width: 100%; } }
.white-container .tumbs-container_column_tumb a { padding: 0px; }
.white-container .tumbs-container_column_tumb img { width: 100%; }
.white-container .tumbs-container_column_tumb_photo { margin: 0px; }
.white-container .tumbs-container_column_tumb_desc { position: absolute; left: 0; right: 0; bottom: 0; background-color: #330066; /* Fallback color */ background-color: rgba(51, 0, 102, 0.75); /* Black w/ opacity */ color: #fff; font-size: 16px; padding: 9px 9px 12px 12px; }

.border-frame { border: 2px solid #ffbe02; padding: 28px; }

.single-post-content figure { width: auto !important; }
.single-post-content .wp-caption { margin: 0 0 1.5em; max-width: 100%; }
.single-post-content .wp-caption img { display: inline-block; margin-bottom: 0; }
.single-post-content .wp-caption.alignright { margin: 0 0 5px 10px; }
.single-post-content .wp-caption.alignleft { margin: 0 10px 5px 0; }
.single-post-content .wp-caption.aligncenter { text-align: center; }
.single-post-content .wp-caption .wp-caption-text { padding: .6em; margin: 0; }

.single-post-content_desc p { padding-top: 22px; font-size: 18px; }

.single-post-content_desc_preview { text-align: center; margin-top: 25px; }
.single-post-content_desc_preview ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.single-post-content_desc_preview ul > * { min-width: 0; }
@media screen and (min-width: 0 \0 ) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0 \0 ) and (min-resolution: 72dpi) { .single-post-content_desc_preview ul > * { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } }
.single-post-content_desc_preview ul li { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -ms-flex-item-align: auto; align-self: auto; margin-left: 10px; margin-right: 10px; margin-top: 10px; }

.single-post-content_desc_photo { text-align: center; }
.single-post-content_desc_photo a { font-size: 0px; }

.postslist { position: relative; }
.postslist .section { position: relative; border: 2px solid #fff; background: #fff; padding: 1.5rem; border-radius: .3em; margin-bottom: 1.5em; }
.postslist .section .boxtitle { text-transform: uppercase; font-size: 90%; padding: .7em 1.5em; margin: -1.5rem; margin-bottom: 0; }
.postslist .section .cont { display: block; text-decoration: none; color: inherit; margin-bottom: 1em; }
.postslist .section .cont:hover { color: inherit; }
.postslist .section .title { display: block; padding: .7em 0; margin: 0; font-weight: normal; font-size: 130%; }
.postslist .section .image { display: block; }
.postslist .section .image img { width: 100%; }
.postslist .section > *:last-child { margin-bottom: 0em; }
.postslist .section.yellow { border-color: #ffc107; }
.postslist .section.yellow .boxtitle { background: #ffc107; color: #360066; }
.postslist .section.purple { border-color: #660099; }
.postslist .section.purple .boxtitle { background: #660099; color: #ffc107; }
.postslist .section.none .title { padding-top: 0; }
.postslist .section .reed__all { position: absolute; right: 1.5rem; bottom: 1.8rem; /* margin-top:-4.5em;*/ display: block; text-transform: uppercase; font-size: 80%; padding: .7em 1em .5em 1.5em; border-radius: .3em; background: #660099; color: #fff; }
.postslist .section .reed__all:hover { background: #48006c; }
.postslist.popular__posts .section .reed__all { position: static; margin-top: 1.8em; text-align: center; }
@media (max-width: 1250px) { .postslist .section .reed__all { position: static; margin-top: 1.8em; text-align: center; } }
.postslist .ias-trigger, .postslist .ias-nomore { /*position:absolute;*/ width: 100%; padding: 1em; background: #660099; color: #fff; border-radius: .3em; }
.postslist .ias-trigger a, .postslist .ias-nomore a { color: #fff; }
.postslist .ias-trigger-prev { margin-bottom: 1em; }
.postslist .ias-trigger-next, .postslist .ias-nomore { margin-top: 1em; }
.postslist .ias-spinner { text-align: center; width: 100%; }
.postslist > *:first-child.ias-spinner { padding-bottom: 1.7em; }
.postslist > *:last-child.ias-spinner { padding: 2em; }

.youtube-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.youtube-container iframe, .youtube-container object, .youtube-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.rating__shared__html { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 460px; padding-top: 2px; }

.single-post-content .rating__shared__html { margin-bottom: 1.5em; }

.post__rating__html { white-space: nowrap; }
.post__rating__html > * { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; line-height: 36px; font-size: 80%; padding-right: 1em; cursor: pointer; }
.post__rating__html > *:before { content: ''; display: inline-block; margin-right: .5em; width: 36px; height: 36px; }
.post__rating__html > .minus:hover:before, .post__rating__html > .plus:hover:before { -webkit-transform: scale(1.1); transform: scale(1.1); }
.post__rating__html .minus:before { background-repeat: no-repeat; background-position: center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAANlBMVEUAAABmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJkkHiVQAAAAEXRSTlMA+JwkxQfqDDUW3NGJdlc9urLF1CIAAADFSURBVDjLtVRbDsMgDFsgpOVd3/+ykzbWtbQo/DQ/SMGyg5PweiaWYliIhE1ZBhBrCHuQsTcQlwjgXL1zvmYGKLkLTQSMPdICsSNbBWHtUgFySlnBdinVM+TA5SLY3ZS5If7TCcHfWhKQdjFCE+9jBf0EDczlur9aCHYEsqDvgwp43ClGaZR5DMowDVzHoNpkBH4M8pDPSWiO4RTNUNAsSJebLVy3YN5MvS16g6dHRR86fXyX+UXQV0pfTn3Npz4M/et5JN5UJQzP6ZCopwAAAABJRU5ErkJggg=="); width: 36px; height: 36px; }
.post__rating__html .plus:before { background-repeat: no-repeat; background-position: center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAANlBMVEUAAABmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJkkHiVQAAAAEXRSTlMA+JwkxQfqDDUW3NGJdlc9urLF1CIAAADJSURBVDjLtVRbDoMwDCN9pPSN73/ZaVvHoFClP/gDpMSy0zTp8gxcUYaJ2KjiBhStCDtI6RuKTQSYXL21vmYDULIXmQgofZQFYie2MsLahQL4FNKM7VKqN+CDlo0w9qbMDfEfTgj+tiUBaTcjNPMeK+hnqKAOCeD97VOOoEckDfoeqMAsI9JiUJpkHpMyVCPXMak2G4Yfkzz48yfYlj6hNRQ0S5LtZguXWzDfTPla5AueHhV56OTxdfOLIK+UvJzymk89GPLT8wheedEOZ45Y7QUAAAAASUVORK5CYII="); width: 36px; height: 36px; }
.post__rating__html .comments:before { background-repeat: no-repeat; background-position: center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAM1BMVEUAAABmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJk1mERGAAAAEHRSTlMA9e/j0r2xl4d4W043LRwP6BbiDgAAAGRJREFUOMvt08sKgCAURdFT+X6e///aCAcOJK0IomhNHLgHeuHixThwJkLHRyI2DkXPP/z/3S1RJXK5yaK3LbJEshlXlRaq7VRcEnbFmRrQnCM6wkRjOAV0eZL0GHCkw5C1uGQF+K8SEVDWI1AAAAAASUVORK5CYII="); width: 36px; height: 36px; }

.actions__social { text-align: center; font-size: 0px; white-space: nowrap; margin-top: 5px; background: #fff; }
.actions__social .social_btns_wrap { display: inline-block; white-space: nowrap; }
.actions__social .label { font-family: 'gothampro-bold'; font-size: 12px; text-transform: uppercase; margin-right: 15px; letter-spacing: 1px; line-height: 30px; vertical-align: top; }
.actions__social .icon_f { background-repeat: no-repeat; background-position: center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAq1BMVEU8W5o8W5o8W5o8W5o8W5o8W5o+XZtDYZ5EYZ5EYp5GY59HZKBTbqZed6togLFuhbR2jLh5jrp/k7yEl7+Im8GKncKSo8aSpMegr86isc+ls9CpttKquNOtutWuu9Wyvte0wNi3w9q8x929yN3By9/DzODI0eLW3OrX3urY3uvb4ezg5e/j5/Dk6PHl6fLn6/Pr7vXv8ffw8vfw8/fz9fn09fn29/r4+fv///+ytxYWAAAABXRSTlMBenvq6zBkyN4AAADKSURBVEjH7dfJEoIwDIDh0FIVFRX3BfcdV0S07/9kHthOCiTDxel/zMw3k0N6KIDGBSrOADSBjgHHYx0EIYWLwbXO0nn4vne7HHeDfLg6fsmkbS5sXqXEYtOXaGycJR4PJR4bTwJuSwKeJ8rbTG3btrvZ8SG2s3LuC3MjeyrlP893hCeI24637itcHG5aQTFehAOrno4d+a0WBZsUXCFgVxDwnoJXFDyi4F4GvHaCYnQPBw31qhRWWOE/wRyP9dRP2Q/MABjHYc7gA8h2zE3521wCAAAAAElFTkSuQmCC"); width: 60px; height: 60px; }
.actions__social .icon_vk { background-repeat: no-repeat; background-position: center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAABVlBMVEVXfaJXfaJXfaJXfaJXfaJXfaJYfqJYfqNbgKRdgqVegqZghKdihahihqhliKpniatniqtoiqtpi6xrjK1tjq5vj69vkK9xkbFykrF0k7J1lLJ3lbR4lrR5l7V5mLV6mLV7mbZ9mrd/nLiBnbmNp8CQqcKSq8OYr8abssicssics8ietMmftcqit8yjuMymus6ovM+pvM+rvtGsv9Gtv9GvwdOwwtOxwtSyw9SzxNW0xdW2xte3x9e5yNi6ydm6ytm7ytm8y9q9zNu+zdvAztzAz9zD0d7E0d7J1eHK1uLL1+LN2OPQ2uXW3+jZ4ura4uvb4+vc5Ozf5u3g5+7h6O7i6e/j6vDl6/Hn7PLo7fLp7vPr7/Tr8PTs8PTt8fXv8vbv8/bx9Pfy9fjz9vj09vn19/r2+Pr4+fv4+vv5+vz6+/z7/P38/P38/f79/f7+/v7+/v////+eywtsAAAABXRSTlMBenvq6zBkyN4AAAGdSURBVEjHY2BgZGYlCzAzMTAwspINmBiYydfMwsBKARjVPKp5VDO9NCt4xOYWFhZmRdpzE6PZJyUVBFLUQRzOiEIYMIDKO0VHJ4AVeGLRnAxVnM0H4rFpwDS7QqQV4aalY9FsimZVMKpmd7hmFyya+bOgkomcYL4jimbhPJjeHHFsAWYNk9YFc82gPHswzwFusSXW0BaAWZ3EA+IaQXnWII4Y3OJwLuxRBbfaFkOzD0wqVwZHPMOtLpAH8kygHCMgWxXuaD2ciQQe4MEciACzYmUVhEVjoRcbTs3ciTBFdqysgVCmNyuXP0w4ihdP8oSnjEJnLbgvtf3gTFl8aZs9oBAfMMefMaTz8GmWI5CrzCmwmZUjCJ9uLQL5WSIDn25dAoWBGt4w0ydQkhijqQ81jEfi6REohmxQ9OaLsPKHIbgFKgTKMP18JM0BQAGhOAQ/XZRAAagciVDsBhKQTEMIeBMqPTk0Y1AzvwI82RfmES632ZUsfOOAhWWIFIQv5JQK1JiZmhqpM1pXjWoe1TxINVPUNaKoU8bARH53EACnf0zVl5dkNgAAAABJRU5ErkJggg=="); width: 60px; height: 60px; }
.actions__social .icon_od { background-repeat: no-repeat; background-position: center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAABFFBMVEXwfQDwfQDwfQDwfQDwfQDwfQDwfgHwfwPwgAbwgQjxggnxgwzxhRDxhhLxhxPxiBXxihnyihryjB3ykSfykirzkyvzkyzzlS/zlzPzmjjzmzr0nDz0nD30o0r1pU71qFX1qlj1q1v2sGT2smj3tm/3tnD3t3L3uXb3unf3vHv3vX34v4H4v4L4wIP4wYX4wof4woj4xY34xY74xpD5yJP5yZb5ypf5zp760KP60aX60qf61az61q761q/617D62LL72LP72bT72bX72rb73Lr73Lv74ML74MP84cT84cX848j86dT96tX96tb969f98uX+8ub+9ez+9u7++PL++fT/+/f//Pr//fv//fz//v3//v7////LxvKJAAAABXRSTlMBenvq6zBkyN4AAAHmSURBVEjH7ddZd8FAFAfwoInYS1FLUZS2Wl3tS1QXRbWWKmK+//doZTJEGqd34qEv7lP+zvyOzMzNnIRhDCZWV5mMDGNgdZeRMenHewy7Re2wujhOJ3aevAwRGr6cOKkxnxkjucYZng67ukhRXRcNdvTQWvUcFPgRqeoRjmPoV8XA+A2DuZBKCXN8/QbFATx+FF6E8AinABCf4eFRnKI4nQFxSRr9QeK7FEtA/CCNLpNYlmITiAVpdI3EmhQFIM7j9bLiZMUrVgDiBF6ia5yucEoAsVve2zsby9pu5T13Q5ukLrfVV7v9JV/WwR3mn6m7c+aHPxinanxK8VRxhXVb4GgOA+5cceezc47yDDtsyms+bx7qOD09ybwg5JMeqtPTfDn4rBwofzmofA4uzCCcleZZDJHph4rS/LMgLD/9qF/NptPZal+OIxAWkWaJINzSxi0Q9g607MAL2yr7/URNJ/d28D7v36z9e/9mn6pJzEcdQjthM22HxZeLLsZp2zOu2LCNmvnbbtba+FjVKOIxHEfJVlXKZKuiUBwhtsHzDaIjMGwdLu3PuwnRQysIBxVWoYMg7FPalfbB5vy6GPu8fH/inxa5DVwwV3U6zllW2ZIbT6uu3Svzf+OtPo22+ihjjPo/B78BvRkTYV9cFYIAAAAASUVORK5CYII="); width: 60px; height: 60px; }
.actions__social .icon_share { background-repeat: no-repeat; background-position: center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAPFBMVEUAAABmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJnggxmrAAAAE3RSTlMA7rDjNCPVxXIKUkddFqObkoM9wup2FQAAAVVJREFUSMfdl8uShCAMRUHeCEo3//+vU+VMhZeLXN3NXfXCU0nlQGwFknioWtURBR5t61+sRtlYu0Swbh2C1bYjbOGmnzZ+zPABwGqGFQDXJS/h521LPuvrnI2L7iQZVmU2ItBDEj71Ll8Om2hSw8gSA9WOHv+EdiUVo24+22zN1cZ2/U6BoUfSdFqlkDE90gsKqqcwaulipXRFT3qcZlRyNJosYtPDUfKVlSJ7PQzWdGzt9XDiblC7My9NQ3A958Ke+b8vN/mm7W2ZdeLDiSj+kaYEGvdoCz8l+DnxA4We0EiE2nNB70b29hqUD/PSZM7NGHpy2Adg1k0E70CGNmT7al+K11yFg7Zo+zFgb5yjUjaOA9L2+H9Bkje0Z2srKywDrq0lvlkYJwA7xsj4sMPafl7Z465azAwbgfeNd72+w6URULTsWA1vB0eajMCz/34O0kb+AcLXSO0o9QxyAAAAAElFTkSuQmCC"); width: 60px; height: 60px; cursor: pointer; }
.actions__social .icon_f, .actions__social .icon_vk, .actions__social .icon_od, .actions__social .icon_share { display: inline-block; margin-right: 5px; margin-left: 5px; width: 30px; height: 30px; background-size: cover; }
.actions__social .icon_share { margin-right: 0; margin-left: 0; display: none; }
.actions__social .icon_share.active { margin-right: 10px; }
@media (max-width: 509px) { .actions__social .icon_share { display: inline-block; }
  .actions__social .label { font-size: 11px; margin-right: 5px; }
  .actions__social .social_btns_wrap { display: none; } }

.content__actions { position: relative; /*margin:1em 0;*/ }
@media (max-width: 979px) { .content__actions { position: fixed; left: 0; right: 0; top: 85px; z-index: 98; } }
@media (max-width: 767px) { .content__actions { top: 80px; } }
@media (max-width: 509px) { .content__actions { position: fixed; top: 80px; left: 0; right: 0; } }
.content__actions .wrap__prev a, .content__actions .wrap__next a { display: block; background: #330066; width: 120px; height: 50px; font-size: 14px; color: #fff; text-transform: uppercase; font-family: 'gothampro-bold'; padding-top: 14px; }
@media (max-width: 509px) { .content__actions .wrap__prev a, .content__actions .wrap__next a { font-size: 0px; width: 60px; text-align: center; padding-left: 0px; } }
.content__actions .wrap__prev { float: left; }
.content__actions .wrap__prev a { padding-left: 16px; }
.content__actions .wrap__prev a:before { content: ''; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAWCAQAAAC4GH7VAAAAs0lEQVQYGQXBvyoEAADA4R9SN9xiks1mlZVNyXyzB1AewCyyubrNZFIewGyXWRnIcoMMciml/Pl8X5IkmfhwnCTJCLwkSYam4ChJMgaPBkmy7hvsKMm8W3AlJdkHMytSsuwdHEhKLsGdBUnZBj82JCkPYCJJyjO4kCRl0y/+bElScg7uLUpKlryCQ0lJ9sCnVSnJnBtwLSXJmi8wUpLkBEwNkyQDT2CcJMkumCVJklNvzv4BLUcNkfXkPlsAAAAASUVORK5CYII="); width: 9px; height: 22px; display: inline-block; vertical-align: middle; margin-right: 12px; }
@media (max-width: 509px) { .content__actions .wrap__prev a:before { margin-right: 6px; } }
.content__actions .wrap__next { float: right; }
.content__actions .wrap__next a { padding-right: 16px; text-align: right; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
.content__actions .wrap__next a:after { content: ''; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAWCAQAAAC4GH7VAAAAs0lEQVQYGQXBvyoEAADA4R9SN9xiks1mlZVNyXyzB1AewCyyubrNZFIewGyXWRnIcoMMciml/Pl8X5IkmfhwnCTJCLwkSYam4ChJMgaPBkmy7hvsKMm8W3AlJdkHMytSsuwdHEhKLsGdBUnZBj82JCkPYCJJyjO4kCRl0y/+bElScg7uLUpKlryCQ0lJ9sCnVSnJnBtwLSXJmi8wUpLkBEwNkyQDT2CcJMkumCVJklNvzv4BLUcNkfXkPlsAAAAASUVORK5CYII="); width: 9px; height: 22px; display: inline-block; vertical-align: middle; margin-left: 12px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
@media (max-width: 509px) { .content__actions .wrap__next a:after { margin-left: 6px; } }

.left_sb_rating_posts { font-size: 90%; }
.left_sb_rating_posts .elem { display: block; padding: .7em; margin-bottom: 1.2em; background: #fff; text-decoration: none; border-radius: .3em; border: 1px solid transparent; }
.left_sb_rating_posts .elem > * { display: block; }
.left_sb_rating_posts .elem:hover { border-color: #660099; }
.left_sb_rating_posts .elem:last-child { margin-bottom: 0; }
.left_sb_rating_posts .title { font-weight: 700; color: #660099; margin-top: .7em; }
.left_sb_rating_posts .rating { color: #555; text-align: center; margin-top: .7em; line-height: 21px; }
.left_sb_rating_posts .rating:before { content: ''; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAAOVBMVEUAAABmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlEiIZwAAAAE3RSTlMA+epWTiTPxoM1F9qtn2dCLA1xoS9DGgAAAIVJREFUGNOVjlkOwyAMRLGx2bfk/oetKVUr4qhS5mMQj2Fs818po9U0eAIFDySDUUeNpgOEAF/+52BMhMt8X8RPcCLfFuOG5f1mpxr2eSHw26IrXMJeB+d07DslFFP7BHdHge4astXTUnafdhuPH0ZaZ3UItQ9mHpEqpm+Aa0YQoQ8Cn+kFszQDLFotUBgAAAAASUVORK5CYII="); width: 21px; height: 21px; display: inline-block; vertical-align: top; margin-right: .5em; }

.right_sb_popular { border: 2px solid #660099; border-bottom: 0; border-radius: 4px; margin-top: 1.5em; text-align: left; background: #fff; }
.right_sb_popular .tit { position: relative; padding: .5em; font-size: 120%; text-align: center; background: #660099; color: #ffc107; text-transform: uppercase; }
.right_sb_popular .tit:before { content: ''; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAA1CAMAAAATSsnTAAAAeFBMVEUAAABmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJnwrhxmAJl5GIfAcEnOgzvGeUKEJH6UOW+3ZFDelizlnyZsCJOoUl3WjjPqpiFyDo6hSmSNMHaaQWqtWln60qKGAAAAFHRSTlMAwWiZVhmxqdg0JbmhDefKRfGJeQ6mISEAAAFRSURBVDjLtZTZkoIwEEVBgiibjHrZFwWX///DKSTQoROLl5nzfOtWH5qO9bf4Nhj2jkVs6KwzEborI4O3ighUPJKyFge1VmJbKw64b5S4GDZKaBReQoSo9RI+SrNR4iPdKtnhZS4hPGRaCSNGu1FyRLpVssNDK2HskbESiSPmCNCuSwgxj1KqiT5fqOFMkQtuVyNtOrcEKMyREsEySm9MvHBwp0QiR+G88ePLkrN5lAIQdB65IXHv4Kg7LCSNKhOqn38hV2T2qxV5+w/KMiucXEvHobFvJPPllDIgMSUESi7D8eY7aQYpw4nmP6Iv2YugqD8XmcgcCZBJmZhk2N13vZQ5WmYu093n9Hpp2CgmGdJlHDGMMinJaJw/l/SETTKc0/jxH/JHNJKMS65JxkCI9ygjrO8ATcN2py+51WX4u0xXZQaouIzegpgnOK6gxD/xC0jvQGAGAQ6DAAAAAElFTkSuQmCC"); width: 34px; height: 53px; position: absolute; top: -18px; left: 1em; }
.right_sb_popular .elem { position: relative; display: block; font-size: 90%; border-bottom: 2px solid #660099; padding: .8em; text-decoration: none; margin: 0 !important; color: #660099; }
.right_sb_popular .elem:after { content: ""; display: table; clear: both; }
.right_sb_popular .elem:hover { color: #333; }
.right_sb_popular .elem:hover img { opacity: .7; }
.right_sb_popular img { float: left; border: 1px solid #660099; margin-right: .8em; }
.right_sb_popular .ratings_wrap { position: absolute; display: block; bottom: .8em; left: calc(1.6em + 90px); color: #333; background: #fff; width: 60%; }
.right_sb_popular .ratings_wrap > * { line-height: 21px; margin-right: .5em; display: inline-block; }
.right_sb_popular .ratings_wrap .rating:before { content: ''; display: inline-block; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAAOVBMVEUAAABmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlEiIZwAAAAE3RSTlMA+epWTiTPxoM1F9qtn2dCLA1xoS9DGgAAAIVJREFUGNOVjlkOwyAMRLGx2bfk/oetKVUr4qhS5mMQj2Fs818po9U0eAIFDySDUUeNpgOEAF/+52BMhMt8X8RPcCLfFuOG5f1mpxr2eSHw26IrXMJeB+d07DslFFP7BHdHge4astXTUnafdhuPH0ZaZ3UItQ9mHpEqpm+Aa0YQoQ8Cn+kFszQDLFotUBgAAAAASUVORK5CYII="); width: 21px; height: 21px; vertical-align: top; margin-right: .3em; }
.right_sb_popular .ratings_wrap .comm:before { content: ''; display: inline-block; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAM1BMVEUAAABmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJlmAJk1mERGAAAAEHRSTlMA9e/j0r2xl4d4W043LRwP6BbiDgAAAGRJREFUOMvt08sKgCAURdFT+X6e///aCAcOJK0IomhNHLgHeuHixThwJkLHRyI2DkXPP/z/3S1RJXK5yaK3LbJEshlXlRaq7VRcEnbFmRrQnCM6wkRjOAV0eZL0GHCkw5C1uGQF+K8SEVDWI1AAAAAASUVORK5CYII="); width: 36px; height: 36px; vertical-align: top; width: 21px; height: 21px; background-size: contain; margin-right: .3em; }

.post-taglist { position: relative; margin-bottom: 1.5em; background: #fff; border-radius: 20px; padding: 1.2em .7em; text-align: center; }
.post-taglist .title { position: absolute; width: 100%; top: -.5em; left: 0; text-align: center; text-transform: uppercase; color: #ccc; font-weight: bold; font-size: 90%; }
.post-taglist a { display: inline-block; padding: .3em .5em; border: 1px solid #cecece; color: #999; border-radius: 3px; margin: .2em; font-size: 90%; }
.post-taglist a:hover { border: 1px solid #8c2fba; color: #660099; }

.ads_728 { text-align: center; font-size: 0px; margin-bottom: 20px; }
@media (max-width: 979px) { .ads_728 { display: none; } }

.modal__wrap { z-index: 99; position: fixed; top: 0; left: 0px; width: 100%; height: 100%; display: none; }
.modal__wrap .modal__close { z-index: 1; position: absolute; top: 0; left: 0px; width: 100%; height: 100%; background: rgba(51, 51, 51, 0.5); }
.modal__wrap .modal__body__wrap { z-index: 2; position: absolute; top: 50%; left: 50%; max-width: 90%; max-height: 90%; overflow-y: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 3%; background: #fff; border-radius: 4px; }
.modal__wrap .modal__body__wrap .mdlclosebtn { position: absolute; top: 0; right: 0; padding: 1em; cursor: pointer; font-size: 100%; line-height: 1; }
.modal__wrap .modal__body__wrap .mdlclosebtn:hover { background: rgba(0, 0, 0, 0.07); }
.modal__wrap .modal__body { height: 100%; }
.modal__wrap .modal__loader { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; }
.modal__wrap .modal__loader > * { margin: auto; }

.modal__body .tit { position: relative; font-size: 110%; margin: 0 0 1.4em; text-transform: uppercase; font-weight: 700; color: #660099; white-space: nowrap; }

.modal__body .tit a { display: block; position: absolute; left: 0; top: .2em; font-size: 80%; }

.modal__body p { margin: 1.2em 0; }

.modal__body input, .modal__body textarea, .modal__body select { width: 100%; padding: .6em .8em; line-height: 1; border: 1px solid #ccc; font-size: 120%; }

.modal__body .button-primary { display: inline-block; text-transform: uppercase; border: 0; font-size: 80%; padding: 1.4em 2.7em; background: #330067; color: #fff; font-weight: bold; letter-spacing: .1em; cursor: pointer; }

.modal__body .respond_msg { display: none; padding: 1em; margin-top: 1.2em; border-left: .2em solid red; background: #f5f5f5; text-align: left; }

.modal__body hr { border: 0; height: 1px; background: #ccc; margin: 1.2em 0; }

.modal__body > p:last-of-type { margin-bottom: 0; }