* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.none,
.mobile-menu,
.aside-button,
.breadcrumbs.main,
.header-menu-button,
.pdoTools-pagination {
    display: none;
}
html,
body,
.container {
    width: 100%;
    height: initial;
    min-height: 100%;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    cursor: default;
    background: #f7f7f7;
}
body.fixed {
    overflow-y: hidden;
}
.width {
    width: 100%;
    height: 100%;
    max-width: 1480px;
    position: relative;
    margin: 0 auto;
    padding: 0 50px;
    background: #fff;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.flexbox,
.aside-menu-li,
.arcticmodal-container_i2,
.index-projects img {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
/*     -webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; */
}
.flexbox-row,
.aside-menu-li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.flexbox-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex-shrink,
.aside-menu-counter {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.flex-grow,
.aside-menu-a {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
header,
aside,
main,
footer,
article,
section,
nav,
.aside-title,
.aside-row,
.aside-project,
.aside-project-title,
.main-article-description,
.main-articles,
.page-article-footer,
.copyright,
.footer-logo span,
.breadcrumbs,
.content-main hr,
.comment-info,
.comment-form,
.contacts-social-container,
.breadcrumbs-ul,
.captcha-group,
fieldset,
.index-project-content span {
    display: inline-block;
    width: 100%;
}


/* header */


.header {
    position: relative;
    cursor: default;
    height: 104px;
    padding: 0;
    z-index: 2;
}
.header .width {
    padding: 30px 30px 20px 50px;
    background-color: transparent;
    border: 0;
}
.header-scroll {
    padding: 0;
    height: 104px;
    
    background: #fff;
    border-bottom: 1px solid #ddd;
    z-index: 2;
}
.header-scroll.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(255,255,255,0.9);
}
.header-logo {
    width: 250px;
    z-index: 3;
}
div.header-logo {
    pointer-events: none;
}
.header-logo img {
    width: 100%;
}
.header-menu {
    position: relative;
}
.desktop.menu-a {
    font-size: 14px;
}
a.desktop.menu-a {
    font-size: 16px;
    color: #505078;
    color: #000;
}
li.desktop.menu-li {
    padding: 10px 12px;
}
.search-button {
    padding: 10px;
    width: 45px;
    height: 45px;
}
.search-form {
    width: 100%;
}
.search-form * {
    float: right;
}
.search-query {
    margin-bottom: 40px;
    padding: 20px;
    font-size: 16px;
}
.search-query b {
    display: inline-block;
    padding: 0 10px;
}
.header-span,
.mobile-menu span {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.header-subtitle,
.mobile-menu-subtitle {
    font-weight: 600;
    font-size: 22px;
    text-transform: uppercase;
    color: #666;
}
.header-title,
.mobile-menu-title {
    font-weight: 800;
    font-size: 52px;
    text-transform: uppercase;
    line-height: 48px;
    margin: 20px 0;
}
.header-autors {
    font-size: 16px;
}
.mobile-menu {
    float: left;
    border-bottom: 1px solid #ddd;
}
.mobile-menu.fixed {
    position: fixed;
    top: 85px;
    left: 0;
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid #ddd;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
    z-index: 1;
}


/* banner */

.banner {
    background: #ccbd99;
    background: -moz-radial-gradient(center, ellipse cover, #ccbd99 0%, #a49b8a 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #ccbd99 0%,#a49b8a 100%);
    background: radial-gradient(ellipse at center, #ccbd99 0%,#a49b8a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccbd99', endColorstr='#a49b8a',GradientType=1 );
    width: 100%;
    min-height: 700px;
    margin: auto;
    overflow: hidden;
}
.duplicates.active {
    display: none;
}
.banner .width {
    background-color: transparent;
    border: none;
    margin: auto;
    height: 100%;
    min-height: 700px;
    position: relative;
    overflow: hidden;
}
.banner-image {
    margin: auto;
    background-image: url(../images/banner-text-03-min.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-background-size: contain;
    background-size: contain;
    /* width: 562px;
    height: 292px; */
    width: 564px;
    height: 460px;
}
.banner-image:before,
.banner-image:after {
    content: '';
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-background-size: contain;
    background-size: contain;
    display: inline-block;
    width: 453px;
    height: 625px;
    position: absolute;
    bottom: 0;
}
.banner-image:before {
    background-image: url(../images/banner-vadim-min.png);
    left: 0;
}
.banner-image:after {
    background-image: url(../images/banner-svetlana-min.png);
    right: -30px;
}


/* welcome */

.welcome {
    text-align: center;
    font-size: 16px;
}
.welcome .width {
    border: 1px solid #ddd;
    margin-top: 30px;
    padding: 50px;
}
.welcome .width:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    margin: auto;
    border: 4px solid #f5f0e7;
}
.welcome p {
    font-size: 16px;
}
.welcome a {
    position: relative;
    margin: 10px 0;
}

/* menu */

.menu,
.width-menu {
    background: rgba(255, 255, 255, 0.9);
    height: 62px;
}
.width-menu.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}
.width-menu {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}
.mobile.menu-ul {
    text-align: center;
}
.desktop.menu-ul {
    text-align: right;
}
.desktop.menu-li,
.footer.menu-li,
.mobile.menu-li {
    display: inline-block;
    list-style-type: none;
    padding: 10px;
}
.desktop.menu-a,
.footer.menu-a,
.mobile.menu-a {
    display: inline-block;
    padding: 0 5px;
    color: #000;
    text-decoration: none;
    border-bottom: 1px dashed transparent;
}
.desktop.menu-a:hover,
.mobile.menu-a:hover,
.menu-a.active {
    border-color: #ddd;
}
.menu-button {
    padding: 20px;
    width: 65px;
    height: 65px;
    
    -webkit-transition: .4s;
    transition: .4s;
}
.menu-button-span {
    display: inline-block;
    margin-bottom: 5px;
    background: #333;
    border-radius: 1px;
    height: 3px;
    width: 100%;
    float: left;
}


/* breadcrumbs */

.breadcrumbs {
    height: 50px;
    background: #fff;
    border-bottom: 1px solid #ddd;
}
.width-breadcrumbs {
    padding: 0 50px;
    border-left: 0;
    border-right: 0;
}
.breadcrumbs-ul {
    padding: 15px 0;
}
.breadcrumbs-li {
    position: relative;
    list-style-type: none;
    display: inline-block;
    font-size: 13px;
    color: #999;
    float: left;
}
.breadcrumbs-li:after {
    content: '»';
    display: inline-block;
    margin: 0 10px;
}
.breadcrumbs-li:first-child {
    
}
.breadcrumbs-li:last-child:after {
    display: none;
    content: '';
}
.breadcrumbs-a {
    color: #999;
    text-decoration: none;
}


/* content */

.content {
    margin-bottom: 20px;
}
.width-content {
    padding: 30px 0 0 0;
}
.main-width-content {
    padding-top: 0;
    margin-top: 20px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}


/* content tags */

h1,
.h1 {
    color: #222;
    font-size: 26px;
    font-weight: 700;
    margin: 0 0 40px;
    text-align: left;
    font-family: 'PT Sans', sans-serif;
    
    display: inline-block;
    border-bottom: 3px solid #f5f0e7;
    padding: 10px;
}
.h1 {
    margin-bottom: 20px;
}
h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 30px;
    text-align: left;
}
h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 30px;
    text-align: left;
}
h4 {
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 20px;
    text-align: left;
}
p,
.main-article-description {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 24px;
}
b,
strong {
    font-weight: 600;
}
a {
    color: #000;
}
button {
    border: none;
    background: transparent;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    cursor: pointer;
    position: relative;
}
table {
    width: 100% !important;
    border: 1px solid #ddd !important;
    border-collapse: collapse !important;
    margin-bottom: 20px;
}
td {
    border: 1px solid #ddd;
    padding: 10px;
}
blockquote {
    width: 93%;
    padding: 24px;
    display: inline-block;
    margin: 10px 4% 34px 3%;
    border-left: 5px solid #666;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #f7f7f7;
}
blockquote > * {
    font-size: 13px;
}
blockquote > *:last-child {
    margin-bottom: 0;
}

/* content-main tags */

.content-main {
    padding: 50px;
    text-align: justify;
    border-right: 1px solid #eee;
    -webkit-box-shadow: 3px 0 10px rgba(228, 228, 228, 0.8);
    box-shadow: 3px 0 10px rgba(228, 228, 228, 0.8);
}
.content-main .duplicates {
    margin-bottom: 40px;
}
.content-main ol,
.content-main ul {
    margin-bottom: 24px;
    margin-left: 24px;
    list-style-position: inside;
}
.content-main li {
    margin-bottom: 12px;
}
.content-main a:hover,
a.tag:hover {
    text-decoration: none;
}
.content-main ul ol,
.content-main ul ul,
.content-main ol ul,
.content-main ol ol {
    margin: 14px 0 14px 36px
}
.content-main hr {
    margin-bottom: 24px;
    height: 1px;
    border: 1px dashed #ddd;
    clear: both;
}
.content-main br {
    /* display: none; */
}
.content-main a {
    border-bottom: 2px solid orange;
    text-decoration: none;
}
.content-main a:hover {
    border-color: #ddd;
}

/* video */

.video {
    margin-bottom: 40px;
}
.video-desc {
    margin-bottom: 20px;
}

/* pages articles */

.more-articles {
    margin: 40px 0;
    text-align: left;
}
.more-articles h3,
.comments h3 {
    background: #333;
    color: #fff;
    padding: 10px;
}
.article-main-image {
    position: relative;
    margin-bottom: 40px;
    width: 100%;
}
.article-main-image img {
    max-width: 100%;
    width: auto;
}
.article-audio-container {
    margin-bottom: 40px;
    border: 1px dashed #ddd;
    border-radius: 4px;
    padding: 15px;
}
audio {
    width: 100%;
}
.article-audio-container.preview-audio {
    margin: 20px 0;
}
.audio-download-link {
    display: none;
    position: relative;
    width: 35px;
}
.download {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
}


/* main-article */

.main-articles {
    margin-top: 30px;
}
.main-article {
    margin-bottom: 60px;
    position: relative;
}
.main-article:nth-child(4) {
    /* margin-bottom: 40px; */
}
.main-article:last-child {
    margin-bottom: 0;
}
.main-article-picture {
    width: 230px;
    padding-right: 20px;
}
.main-article-image {
    position: relative;
    width: 210px;
    height: 160px;
    overflow: hidden;
}
.main-article-image img {
    position: absolute;
    width: initial;
    height: auto;
    width: 100%;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.main-article-content {
    padding-left: 10px;
}
.main-article-title,
.aside-title,
.tab-title,
.button {
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 15px;
    color: #000;
}
a.main-articles-more-link {
    font-size: 16px;
    display: inline-block;
    text-decoration: none;
    background: #333;
    color: #fff;
    border: none;
}
.button-dark:hover,
.scroller.show:hover,
input[type="submit"]:hover,
.main-articles-more-link:hover,
.project-footer-button:hover {
    -webkit-transition: .1s;
    transition: .1s;
    border-color: transparent;
    background: orange;
    color: #000;
}
.aside-title {
    margin-bottom: 30px;
    padding: 10px;
    background: #333;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}
.main-article-description {
    margin-bottom: 0;
    padding: 15px 5px;
    text-align: left;
}
a.main-article-more {
    font-weight: 600;
    text-decoration: none;
    border-bottom: none;
    color: #000;
}

.main-article-footer,
.page-article-footer,
.article-aside-date {
    /* padding: 5px; */
    margin-top: 15px;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    text-transform: lowercase;
    font-size: 13px;
    color: #666;
    width: 100%;
    padding: 5px 15px;
    background: #f8f8f8;
}
.article-aside-date {
    display: inline-block;
    width: 100%;
    margin: 0;
    border-top: 0;
    background: #fff;
}
a.main-article-comments {
    color: #666;
    text-decoration: none;
    border-bottom: none;
}
a.main-article-title {
    border-bottom: 3px solid orange;
    display: inline-block;
    padding-bottom: 5px;
}
.main-article-title.lock {
    position: relative;
    padding-left: 32px;
}
.main-article-title.lock:before,
.search-button:before {
    content: '';
    background-image: url(../images/sprite.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: 2px;
}
.search-button:before {
    background-size: cover;
    width: 20px;
    height: 20px;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.main-articles-more-link,
.send-comment,
.button {
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 0;
}
.main-article-tags i {
    font-style: normal;
    margin-right: 10px;
    cursor: pointer;
}
.main-article-tags i:last-child {
    margin-right: 0;
}
.main-article-views b {
    font-weight: 600;
}
.main-article-rating {
    float: right;
}
.main-article-rating b {
    font-weight: 700;
    color: green;
}
.main-article-audio {
    margin-bottom: 0;
    margin-top: 15px;
}



.project-event {
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    display: inline-block;
    width: 100%;
    margin: 10px 0;
    padding: 30px 20px;
}
.project-event strong {
    font-size: 16px;
    border-bottom: 3px solid orange;
    padding-bottom: 3px;
}
.project-event span {
    font-size: 16px;
    padding: 3px 12px;
    display: inline-block;
    border-bottom: 3px solid #eee;
}
.project-event button {
    margin-top: 10px;
}


/* aside */

.aside {
    width: 420px;
    margin-top: 0;
    margin-bottom: 40px;
    padding-top: 50px;
}
.aside-row {
    margin: 0 0 50px;
    padding: 20px;
    border-radius: 4px;
}
.aside-search {
    margin-bottom: 0;
}
.aside-menu,
.aside-projects {
    margin-top: 0;
    border: none;
    padding: 0;
}
.aside-project {
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 15px;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    
    -webkit-transition: border .4s;
    transition: border .4s;
}
.aside-project:hover {
    border-color: #999;
}
.aside-project:last-child {
    margin-bottom: 0;
}

.aside-project.active {
    border-color: orange;
    border-width: 2px;
}
.aside-project.active:before {
    content: 'скоро';
    position: absolute;
    top: -8px;
    right: 10px;
    width: 60px;
    height: 20px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    background: orange;
    border-radius: 4px;
}
.aside-project.active:hover:before {
    border-color: orange;
}
.aside-project-title {
    margin-bottom: 5px;
}
.aside-project-date {
    font-size: 13px;
}
.aside-project-subscribe {
    font-size: 13px;
    font-weight: 700;
    float: right;
    color: #000;
}
.aside-project-subscribe:hover,
a.main-article-more:hover,
a.main-article-comments:hover,
a.breadcrumbs-a:hover,
.comment-request:hover {
    text-decoration: underline;
}
a.main-article-title:hover,
.article-aside-title:hover {
    text-decoration: none;
    border-color: #999;
}
.aside-projects,
.articles-aside, 
.tags-aside,
.aside-row {
    padding: 0 40px;
}
.aside-menu-li:first-child {
    border-top: 1px solid #ddd;
}
.aside-menu-li {
    list-style-type: none;
    list-style-position: inside;
    border-bottom: 1px solid #ddd;
}
.aside-menu-li.active {
    background: #f7f7f7;
}
.aside-menu-li:hover {
    background: #f7f7f7;
}
.aside-menu-a {
    display: inline-block;
    text-decoration: none;
    padding: 10px 0 10px 10px;
}
.aside-menu-counter {
    padding: 8px;
    font-size: 13px;
    color: #999;
}


/* index-projects */

.index-projects {
    padding: 0 40px;
    margin-top: 30px;
    border-top: 1px solid #ddd;
    background: #fff;
}
.index-projects .width {
    padding: 40px 0;
    background-color: transparent;
    border: none;
}
.index-project {
    width: 23%;
    height: 100%;
    padding: 20px;
    margin: 20px 0 0;
    border-radius: 4px;
    position: relative;
    background: #fff;
    text-align: center;
}
.index-projects img {
    width: 105%;
}
.index-project-image {
    overflow: hidden;
    max-height: 240px;
    width: 100%;
    
    border: 6px solid #eee;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    
    -webkit-transition: .1s;
    transition: .1s
}
.index-project:hover .index-project-image {
    border-color: #ddd;
}
.index-project.active .index-project-image {
    border-color: orange;
}
.index-project.active .index-project-image:before {
    content: "скоро";
    position: absolute;
    top: 10px;
    right: 35px;
    width: 60px;
    height: 25px;
    color: rgb(255, 255, 255);
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    background: orange;
    border-radius: 4px;
    z-index: 1;
}
.index-project-title {
    margin: 20px 0;
    font-size: 18px;
    font-weight: 600;
}
.index-project-desc {
    margin: 20px auto 30px;
    font-size: 14px;
    color: #333;
}
.index-project-link {
    font-size: 14px;
    font-weight: 600;
    margin: 0 auto;
}
.index-project-date strong {
    text-transform: lowercase;
}


/* books */



.book {
    width: 12%;
    text-align: center;
    padding: 20px 0;
}
.book-hover {
    position: absolute;
    bottom: 20px;
    left: 0;
    color: #333;
    font-weight: 700;
    font-size: 20px;
    text-align: left;
    font-family: 'PT Sans', sans-serif;
    padding: 20px;
    
    -webkit-transition: .2s;
    transition: .2s;
}
.book-hover:hover * {
    color: orange;
}
.book-hover:before {
    content: '';
    position: absolute;
    display: inline-block;
    background: rgba(255, 255, 255, 0.6);
    width: 200px;
    height: 100px;
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
    top: 0;
    right: 0;
    left: -49px;
    margin: auto;
}
.book-hover span,
.book-hover a {
    position: relative;
    color: #333;
    font-weight: 700;
    font-size: 20px;
    text-decoration: none;
}
.book-image {
    position: relative;
    overflow: hidden;
}
.book-image img {
    width: 100%;
}





/* subscribe */

.subscribe {
    padding: 20px 0 30px;
    text-align: center;
    border-top: 1px solid #ddd;
    
    background-image: url(../images/email-bg-min.png);
    -webkit-background-size: inherit;
    background-size: inherit;
}
.subscribe .width {
    padding: 50px;
    border: none;
    background-color: white;
    max-width: 900px;
    
}
.subscribe h2 {
    font-size: 22px;
    text-align: center;
    margin-bottom: 40px;
    font-family: 'PT Sans', sans-serif;
    text-transform: uppercase;
    padding-right: 15px;
}
.subscribe h2:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background: orange;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 15px;
}
input,
textarea,
.button-dark {
    padding: 10px;
    border: 1px solid #333;
    border-radius: 2px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #000;
    margin: 5px;
    width: 200px;
}
input,
textarea {
    border-color: #999;
}
input[type="submit"],
.button-dark {
    background: #333;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    border: none;
}
fieldset {
    border: none;
}
.captcha-group {
    float: left;
    width: initial;
}
.subscribe-description {
    width: 768px;
    margin: 30px auto 20px;
    padding: 10px;
}
.button-dark {
    margin: 0;
}


/* projects */

.projects .width {
    margin: 20px auto;
    border: 1px solid #ddd;
    padding: 50px;
}
.projects-container.content-main {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.projects-container,
.index-projects .flexbox {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.project {
    width: 32%;
    padding: 25px 25px;
    border: 1px solid #ddd;
    border-radius: 4px;
    
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.project-footer-button {
    width: 100%;
    background: #333;
    text-align: center;
    color: #fff;
}


/* comments */

#comments-wrapper {
    margin-bottom: 40px;
    padding: 0 20px;
}
.comments h3 {
    margin-bottom: 10px;
}
.comment {
    padding: 30px 0;
    display: inline-block;
    border-bottom: 1px dashed #ddd;
    width: 100%;
}
.comment .comment {
    margin: 0;
    padding: 40px 0 0 40px;
    border: none;
}
.comment-info-name {
    font-weight: 600;
}
.comment-info-date,
.comment-request {
    color: #666;
    font-size: 13px;
    padding: 0 10px;
}
.comment-content {
    margin: 10px 0;
    line-height: 24px;
    text-align: left;
}
a.comment-request {
    cursor: pointer;
    border-bottom: none;
}
.comment-photo {
    width: 100px;
    margin-right: 10px;
}
.comment-photo img {
    width: 100%;
}
.send-comment {
    font-weight: 600;
    color: #000;
}
.comment-form input,
.comment-form textarea {
    margin: 0 0 15px;
    border: 1px solid #999;
}
.comment-form textarea {
    width: 100%;
    height: 120px;
    border-radius: 4px;
    padding: 10px;
}
.comment-form input[type="text"] {
    margin-right: 10px;
    float: left;
}
.comments-list .comment-reply-title {
    display: inline-block;
    margin: 0 0 30px;
}
h3.comment-reply-title {
    background-color: transparent;
    padding: 0;
    color: #000;
    display: inline-block;
    margin-bottom: 30px;
}
#comment-form {
    padding: 30px 30px 20px;
    background: #f7f7f7;
    border: 1px dashed #ddd;
    border-radius: 4px;
    margin-top: 0;
}
.comments-list #comment-form,
.ticket-comment #comment-form {
    margin-top: 20px;
}

/* contacts */

.contacts-form {
    margin-top: 0;
}
.contacts-form textarea {
    max-width: 413px;
    display: block;
}

/* footer */

.footer {
    background: #222;
}
.width-footer {
    background: #222;
    padding: 30px 50px 20px;
    color: #fff;
    border: 0;
}
.footer-logo {
    margin-right: 20px;
}
.footer-logo img {
    max-width: 100%;
}
.footer-logo,
.footer-social {
    margin-top: 10px;
    width: 200px;
    color: #fff;
}
.footer-logo-subtitle {
    font-size: 16px;
}
.footer-logo-title {
    font-size: 20px;
    font-weight: 700;
}
.footer.menu-a {
    color: #999;
}
.footer.menu-a:hover {
    -webkit-transition: .1s;
    transition: .1s;
    border-color: orange;
    color: orange;
}

.footer-row-copyright {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #333;
    font-size: 13px;
    color: #666;
}

.footer-social {
    text-align: right;
}
.social-li {
    display: inline-block;
    float: right;
    position: relative;
    border-radius: 5px;
    margin: 10px 5px 0;
}
.social-li:first-child {
    margin-right: 0;
}
.social-li:last-child {
    margin-left: 0;
}
.social-li.contacts {
    float: none;
    width: 100%;
    height: initial;
    display: inline-block;
    margin: 0 0 10px 0;
}
.contacts-social-container {
    margin: 20px 0;
}
.social-a {
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    display: inline-block;
    border-radius: 4px;
    width: 25px;
    height: 25px;
}
.youtube-preview-icon:before {
    content: '';
    display: inline-block;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 60px;
    height: 40px;
    border-radius: 8px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 1;
}
.social-li.contacts a {
    display: inline-block;
    border-bottom: none;
}
.social-title {
    float: right;
    margin: 0 10px;
    line-height: 24px;
}














/* svg */

.main-article-footer span,
.page-article-footer span,
.main-article-footer a,
.page-article-footer a {
    position: relative;
    display: inline-block;
    padding-right: 14px;
    margin: 5px 0;
}
.main-article-footer span:first-child,
.page-article-footer span:first-child {
    padding-left: 0;
}
.main-article-footer span:before,
.main-article-footer a:before,
.page-article-footer span:before,
.page-article-footer a:before {
    content: '';
    width: 17px;
    height: 17px;
    float: left;
    margin: 0 8px 0 0;
    display: inline-block;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
}

/* yandex share */

.content-main ul.ya-share2__list {
    margin: 0;
}
a.ya-share2__link {
    border-bottom: none;
}
.share {
    margin: 20px 0;
    padding: 20px;
    background: #f7f7f7;
    border: 1px dashed #ddd;
    border-radius: 4px;
}
.share-title {
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}


.main-article-date:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0ODguMTUyIiBoZWlnaHQ9IjQ4OC4xNTIiIGZpbGw9IiM2NjYiPjxwYXRoIGQ9Ik0xNzcuODU0IDI2OS4zMTFjMC02LjExNS00Ljk2LTExLjA2OS0xMS4wOC0xMS4wNjloLTM4LjY2NWMtNi4xMTMgMC0xMS4wNzQgNC45NTQtMTEuMDc0IDExLjA2OXYzOC42NmMwIDYuMTIzIDQuOTYxIDExLjA3OSAxMS4wNzQgMTEuMDc5aDM4LjY2NWM2LjEyIDAgMTEuMDgtNC45NTYgMTEuMDgtMTEuMDc5di0zOC42NnpNMjc0LjQ4MyAyNjkuMzExYzAtNi4xMTUtNC45NjEtMTEuMDY5LTExLjA2OS0xMS4wNjloLTM4LjY3Yy02LjExMyAwLTExLjA3NCA0Ljk1NC0xMS4wNzQgMTEuMDY5djM4LjY2YzAgNi4xMjMgNC45NjEgMTEuMDc5IDExLjA3NCAxMS4wNzloMzguNjdjNi4xMDggMCAxMS4wNjktNC45NTYgMTEuMDY5LTExLjA3OXYtMzguNjZ6TTM3MS4xMTcgMjY5LjMxMWMwLTYuMTE1LTQuOTYxLTExLjA2OS0xMS4wNzQtMTEuMDY5aC0zOC42NjVjLTYuMTIgMC0xMS4wOCA0Ljk1NC0xMS4wOCAxMS4wNjl2MzguNjZjMCA2LjEyMyA0Ljk2IDExLjA3OSAxMS4wOCAxMS4wNzloMzguNjY1YzYuMTEzIDAgMTEuMDc0LTQuOTU2IDExLjA3NC0xMS4wNzl2LTM4LjY2ek0xNzcuODU0IDM2NS45NWMwLTYuMTI1LTQuOTYtMTEuMDc1LTExLjA4LTExLjA3NWgtMzguNjY1Yy02LjExMyAwLTExLjA3NCA0Ljk1LTExLjA3NCAxMS4wNzV2MzguNjUzYzAgNi4xMTkgNC45NjEgMTEuMDc0IDExLjA3NCAxMS4wNzRoMzguNjY1YzYuMTIgMCAxMS4wOC00Ljk1NiAxMS4wOC0xMS4wNzRWMzY1Ljk1ek0yNzQuNDgzIDM2NS45NWMwLTYuMTI1LTQuOTYxLTExLjA3NS0xMS4wNjktMTEuMDc1aC0zOC42N2MtNi4xMTMgMC0xMS4wNzQgNC45NS0xMS4wNzQgMTEuMDc1djM4LjY1M2MwIDYuMTE5IDQuOTYxIDExLjA3NCAxMS4wNzQgMTEuMDc0aDM4LjY3YzYuMTA4IDAgMTEuMDY5LTQuOTU2IDExLjA2OS0xMS4wNzRWMzY1Ljk1ek0zNzEuMTE3IDM2NS45NWMwLTYuMTI1LTQuOTYxLTExLjA3NS0xMS4wNjktMTEuMDc1aC0zOC42N2MtNi4xMiAwLTExLjA4IDQuOTUtMTEuMDggMTEuMDc1djM4LjY1M2MwIDYuMTE5IDQuOTYgMTEuMDc0IDExLjA4IDExLjA3NGgzOC42N2M2LjEwOCAwIDExLjA2OS00Ljk1NiAxMS4wNjktMTEuMDc0VjM2NS45NXoiLz48cGF0aCBkPSJNNDQwLjI1NCA1NC4zNTR2NTkuMDVjMCAyNi42OS0yMS42NTIgNDguMTk4LTQ4LjMzOCA0OC4xOThoLTMwLjQ5M2MtMjYuNjg4IDAtNDguNjI3LTIxLjUwOC00OC42MjctNDguMTk4VjU0LjE0MmgtMTM3LjQ0djU5LjI2MmMwIDI2LjY5LTIxLjkzOCA0OC4xOTgtNDguNjIyIDQ4LjE5OEg5Ni4yMzVjLTI2LjY4NSAwLTQ4LjMzNi0yMS41MDgtNDguMzM2LTQ4LjE5OHYtNTkuMDVjLTIzLjMyMy43MDMtNDIuNDg4IDIwLjAwMi00Mi40ODggNDMuNzIzdjM0Ni4wNjFjMCAyNC4xNjcgMTkuNTg4IDQ0LjAxNSA0My43NTUgNDQuMDE1aDM4OS44MmMyNC4xMzEgMCA0My43NTUtMTkuODg5IDQzLjc1NS00NC4wMTVWOTguMDc3YzAtMjMuNzIxLTE5LjE2NC00My4wMi00Mi40ODctNDMuNzIzem0tMTQuMTYzIDM2OC4yMzRjMCAxMC40NDQtOC40NjggMTguOTE3LTE4LjkxNiAxOC45MTdIODAuMTQ0Yy0xMC40NDggMC0xOC45MTYtOC40NzMtMTguOTE2LTE4LjkxN1YyNDMuODM1YzAtMTAuNDQ4IDguNDY3LTE4LjkyMSAxOC45MTYtMTguOTIxaDMyNy4wM2MxMC40NDggMCAxOC45MTYgOC40NzMgMTguOTE2IDE4LjkyMWwuMDAxIDE3OC43NTN6Ii8+PHBhdGggZD0iTTk2LjEyOCAxMjkuOTQ1aDMwLjE2MmM5LjE1NSAwIDE2LjU3OC03LjQxMiAxNi41NzgtMTYuNTY3VjE2LjU3M0MxNDIuODY4IDcuNDE3IDEzNS40NDUgMCAxMjYuMjkgMEg5Ni4xMjhDODYuOTcyIDAgNzkuNTUgNy40MTcgNzkuNTUgMTYuNTczdjk2LjgwNWMwIDkuMTU1IDcuNDIyIDE2LjU2NyAxNi41NzggMTYuNTY3ek0zNjEuMDM1IDEyOS45NDVoMzAuMTYyYzkuMTQ5IDAgMTYuNTcyLTcuNDEyIDE2LjU3Mi0xNi41NjdWMTYuNTczQzQwNy43NyA3LjQxNyA0MDAuMzQ3IDAgMzkxLjE5NyAwaC0zMC4xNjJjLTkuMTU0IDAtMTYuNTc3IDcuNDE3LTE2LjU3NyAxNi41NzN2OTYuODA1YzAgOS4xNTUgNy40MjMgMTYuNTY3IDE2LjU3NyAxNi41Njd6Ii8+PC9zdmc+);
}
.main-article-tags:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NDIuMTgzIiBoZWlnaHQ9IjU0Mi4xODMiIGZpbGw9IiM2NjYiPjxwYXRoIGQ9Ik00MzIuNTQ0IDMxMC42MzZjMC05Ljg5Ny0zLjUyMS0xOC41NTktMTAuNTY0LTI1Ljk4NEwyMTcuODQ0IDgwLjhjLTcuMjMyLTcuMjM4LTE2LjkzOS0xMy4zNzQtMjkuMTIxLTE4LjQxNi0xMi4xODEtNS4wNDMtMjMuMzE5LTcuNTY1LTMzLjQwNy03LjU2NUgzNi41NDVjLTkuODk2IDAtMTguNDY0IDMuNjE5LTI1LjY5NCAxMC44NDhDMy42MTYgNzIuOSAwIDgxLjQ2NiAwIDkxLjM2NXYxMTguNzcxYzAgMTAuMDg4IDIuNTE5IDIxLjIxOSA3LjU2NCAzMy40MDQgNS4wNDYgMTIuMTg1IDExLjE4NyAyMS43OTIgMTguNDE3IDI4LjgzN0wyMzAuMTIgNDc2Ljc5OWM3LjA0MyA3LjA0MyAxNS42MDggMTAuNTY0IDI1LjY5NCAxMC41NjQgOS44OTggMCAxOC41NjItMy41MjEgMjUuOTg0LTEwLjU2NGwxNDAuMTg2LTE0MC40N2M3LjAzOS03LjA0NSAxMC41Ni0xNS42MDQgMTAuNTYtMjUuNjkzek0xMTcuMjA0IDE3Mi4wMmMtNy4xMzkgNy4xMzgtMTUuNzUyIDEwLjcwOS0yNS44NDEgMTAuNzA5LTEwLjA4NSAwLTE4LjY5OC0zLjU3MS0yNS44MzctMTAuNzA5LTcuMTM5LTcuMTM5LTEwLjcwNS0xNS43NDktMTAuNzA1LTI1LjgzNyAwLTEwLjA4OSAzLjU2Ni0xOC43MDIgMTAuNzA1LTI1LjgzNyA3LjEzOS03LjEzOSAxNS43NTItMTAuNzEgMjUuODM3LTEwLjcxIDEwLjA4OSAwIDE4LjcwMiAzLjU3MSAyNS44NDEgMTAuNzEgNy4xMzUgNy4xMzUgMTAuNzA3IDE1Ljc0OSAxMC43MDcgMjUuODM3LS4wMDEgMTAuMDg4LTMuNTcyIDE4LjY5OC0xMC43MDcgMjUuODM3eiIvPjxwYXRoIGQ9Ik01MzEuNjEyIDI4NC42NTVMMzI3LjQ3MyA4MC44MDRjLTcuMjMtNy4yMzgtMTYuOTM5LTEzLjM3NC0yOS4xMjItMTguNDE3LTEyLjE3Ny01LjA0Mi0yMy4zMTMtNy41NjQtMzMuNDAyLTcuNTY0aC02My45NTNjMTAuMDg4IDAgMjEuMjIyIDIuNTIyIDMzLjQwMiA3LjU2NCAxMi4xODUgNS4wNDYgMjEuODkyIDExLjE4MiAyOS4xMjUgMTguNDE3TDQ2Ny42NiAyODQuNjU1YzcuMDQ2IDcuNDIzIDEwLjU3MSAxNi4wODQgMTAuNTcxIDI1Ljk4MSAwIDEwLjA4OS0zLjUyNSAxOC42NDctMTAuNTcxIDI1LjY5M2wtMTM0LjE5MSAxMzQuMTljNS43MTggNS45IDEwLjc1OSAxMC4xODIgMTUuMTMzIDEyLjg0NyA0LjM4IDIuNjY2IDkuOTk2IDMuOTk4IDE2Ljg0NCAzLjk5OCA5LjkwMyAwIDE4LjU2NS0zLjUyMSAyNS45OC0xMC41NjRsMTQwLjE4Ni0xNDAuNDdjNy4wNDYtNy4wNDYgMTAuNTcxLTE1LjYwNCAxMC41NzEtMjUuNjkzLS4wMDQtOS44OTgtMy41MjUtMTguNTU5LTEwLjU3MS0yNS45ODJ6Ii8+PC9zdmc+);
}
.main-article-views:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0ODguODUgNDg4Ljg1IiBmaWxsPSIjNjY2Ij48cGF0aCBkPSJNMjQ0LjQyNSA5OC43MjVjLTkzLjQgMC0xNzguMSA1MS4xLTI0MC42IDEzNC4xLTUuMSA2LjgtNS4xIDE2LjMgMCAyMy4xIDYyLjUgODMuMSAxNDcuMiAxMzQuMiAyNDAuNiAxMzQuMnMxNzguMS01MS4xIDI0MC42LTEzNC4xYzUuMS02LjggNS4xLTE2LjMgMC0yMy4xLTYyLjUtODMuMS0xNDcuMi0xMzQuMi0yNDAuNi0xMzQuMnptNi43IDI0OC4zYy02MiAzLjktMTEzLjItNDcuMi0xMDkuMy0xMDkuMyAzLjItNTEuMiA0NC43LTkyLjcgOTUuOS05NS45IDYyLTMuOSAxMTMuMiA0Ny4yIDEwOS4zIDEwOS4zLTMuMyA1MS4xLTQ0LjggOTIuNi05NS45IDk1Ljl6bS0zLjEtNDcuNGMtMzMuNCAyLjEtNjEtMjUuNC01OC44LTU4LjggMS43LTI3LjYgMjQuMS00OS45IDUxLjctNTEuNyAzMy40LTIuMSA2MSAyNS40IDU4LjggNTguOC0xLjggMjcuNy0yNC4yIDUwLTUxLjcgNTEuN3oiLz48L3N2Zz4=);
}
.main-article-comments:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTEuNjIiIGhlaWdodD0iNTExLjYxOSIgZmlsbD0iIzY2NiI+PHBhdGggZD0iTTMwMS45MjMgMzI3LjYwMmMzMC45My0xMy4wMzggNTUuMzQtMzAuNzg1IDczLjIyOC01My4yNDggMTcuODkxLTIyLjQ1OCAyNi44MzctNDYuOTE1IDI2LjgzNy03My4zNzIgMC0yNi40NTgtOC45NDYtNTAuOTE0LTI2LjgzNy03My4zNzYtMTcuODg4LTIyLjQ1OS00Mi4yOTgtNDAuMjA4LTczLjIyOC01My4yNDktMzAuOTMtMTMuMDM5LTY0LjU3MS0xOS41NTYtMTAwLjkyOC0xOS41NTYtMzYuMzU0IDAtNjkuOTk1IDYuNTIxLTEwMC45MjcgMTkuNTZDNjkuMTQgODcuNCA0NC43MjkgMTA1LjE0OSAyNi44NCAxMjcuNjA5IDguOTQ3IDE1MC4wNjggMCAxNzQuNTIzIDAgMjAwLjk4MmMwIDIyLjY0OCA2Ljc2NCA0My45NzUgMjAuMjc2IDYzLjk1NyAxMy41MTIgMTkuOTg1IDMyLjA3MSAzNi44MzMgNTUuNjcxIDUwLjUzNS0xLjkwMiA0LjU3Mi0zLjg1MyA4Ljc1NC01Ljg1MiAxMi41NjZhNzIuMzc1IDcyLjM3NSAwIDAgMS03LjEzOSAxMC45OTEgOTg0LjUzIDk4NC41MyAwIDAgMC02LjQyMyA4LjI3NWMtMS41MjMgMS45OTgtMy45OTcgNC44MDktNy40MjQgOC40MjItMy40MjggMy42MTctNS42MTggNS45OTYtNi41NjcgNy4xMzUgMC0uMTkxLS4zODMuMjQtMS4xNDMgMS4yODctLjc2MyAxLjA0Ny0xLjE5MSAxLjUyLTEuMjg3IDEuNDMxLS4wOTQtLjEwMy0uNDc2LjM3My0xLjE0MSAxLjQybC0xIDEuNTcxLS43MTUgMS40MjNhNS45NzkgNS45NzkgMCAwIDAtLjU3IDEuNzEyYy0uMDk2LjU2Ny0uMTQ0IDEuMTktLjE0NCAxLjg1NHMuMDk0IDEuMjguMjg2IDEuODU0Yy4zODMgMi40NzEgMS40NzcgNC40NjYgMy4yODQgNS45OTYgMS44MDkgMS41MiAzLjc1NyAyLjI3OSA1Ljg1NCAyLjI3OWguODU3YzkuNTE1LTEuMzMyIDE3LjcwMS0yLjg1NCAyNC41NTItNC41NjkgMjkuMzEyLTcuNjE0IDU1Ljc3MS0xOS43OTcgNzkuMzcyLTM2LjU0NSAxNy4xMjggMy4wNDYgMzMuODggNC41NjggNTAuMjQ4IDQuNTY4IDM2LjM1NC4wMTIgNjkuOTk5LTYuNTAzIDEwMC45MjgtMTkuNTQyem0tMTU5LjczOS0yMy44MzVsLTEyLjU2NCA4Ljg0NmMtNS4zMyAzLjYxNC0xMS4yMjcgNy4zMzEtMTcuNyAxMS4xNGw5Ljk5NS0yMy45ODYtMjcuNjk0LTE1Ljk4OGMtMTguMjc2LTEwLjY1Ni0zMi40NTQtMjMuMjE5LTQyLjU0Mi0zNy42ODUtMTAuMDg5LTE0LjQ2NS0xNS4xMzEtMjkuNTAyLTE1LjEzMS00NS4xMTEgMC0xOS40MTcgNy40NzQtMzcuNTk0IDIyLjQxNC01NC41MzQgMTQuOTM4LTE2Ljk0IDM1LjA2Ny0zMC4zNTggNjAuMzgyLTQwLjI1OSAyNS4zMTMtOS44OTUgNTIuNTMyLTE0Ljg0NyA4MS42NTMtMTQuODQ3IDI5LjEyMSAwIDU2LjM0MiA0Ljk1MiA4MS42NTQgMTQuODQ3IDI1LjMxMyA5LjkgNDUuNDQyIDIzLjMxOSA2MC4zODggNDAuMjU5IDE0Ljk0IDE2LjkzOSAyMi40MDggMzUuMTE2IDIyLjQwOCA1NC41MzQgMCAxOS40MTQtNy40NjggMzcuNTktMjIuNDA4IDU0LjUzLTE0Ljk0NSAxNi45NDUtMzUuMDc0IDMwLjM2LTYwLjM4OCA0MC4yNTYtMjUuMzEyIDkuODk3LTUyLjUzIDE0Ljg0Ni04MS42NTQgMTQuODQ2LTE0LjI3MiAwLTI4LjgzMy0xLjMzNS00My42ODEtMy45OTdsLTE1LjEzMi0yLjg1MXoiLz48cGF0aCBkPSJNNDkxLjM0NyAzMzguMTU2YzEzLjUxOC0xOS44OTYgMjAuMjcyLTQxLjI1NSAyMC4yNzItNjQuMDk4IDAtMjMuNDExLTcuMTM5LTQ1LjMwMy0yMS40MDktNjUuNjY2LTE0LjI3Ny0yMC4zNjItMzMuNjk0LTM3LjMwNS01OC4yNDUtNTAuODE5IDQuMzc0IDE0LjI3NCA2LjU2MyAyOC43MzkgNi41NjMgNDMuMzk4IDAgMjUuNTAzLTYuMzY4IDQ5LjY3Ni0xOS4xMjkgNzIuNTE5LTEyLjc1MiAyMi44MzYtMzEuMDI1IDQzLjAxLTU0LjgxNiA2MC41MjQtMjIuMDggMTUuOTg4LTQ3LjIwNSAyOC4yNjEtNzUuMzc3IDM2LjgyOS0yOC4xNjQgOC41NjItNTcuNTczIDEyLjg0OC04OC4yMTggMTIuODQ4LTUuNzA4IDAtMTQuMDg0LS4zNzctMjUuMTIyLTEuMTM3IDM4LjI1NiAyNS4xMTkgODMuMTc3IDM3LjY4NSAxMzQuNzU2IDM3LjY4NSAxNi4zNzEgMCAzMy4xMTktMS41MjYgNTAuMjUxLTQuNTcxIDIzLjYgMTYuNzU1IDUwLjA2IDI4LjkzMSA3OS4zNyAzNi41NDkgNi44NTIgMS43MTggMTUuMDM3IDMuMjM3IDI0LjU1NCA0LjU2OCAyLjI4My4xOTUgNC4zODEtLjQ3NiA2LjI4My0xLjk5NSAxLjkwMy0xLjUyNiAzLjE0Mi0zLjYxNCAzLjcxLTYuMjc2LS4wODktMS4xNDMgMC0xLjc3LjI4Ny0xLjg2MS4yODEtLjA5LjIzMy0uNzEyLS4xNDQtMS44NTItLjM3Ni0xLjE0NC0uNTY4LTEuNzE1LS41NjgtMS43MTVsLS43MTItMS40MjRhMTMuNjggMTMuNjggMCAwIDAtLjk5OS0xLjU2N2MtLjQ3Ni0uNjYtLjg1NS0xLjE0LTEuMTQzLTEuNDI3LS4yOC0uMjg0LS43MDUtLjc2My0xLjI4LTEuNDI0LS41NjgtLjY2LS45NTEtMS4wOTItMS4xNDMtMS4yODMtLjk1MS0xLjE0My0zLjEzOS0zLjUyMS02LjU2NC03LjEzOS0zLjQyOS0zLjYxMy01Ljg5OS02LjQyLTcuNDIyLTguNDE4YTg2Ny44ODggODY3Ljg4OCAwIDAgMC02LjQyNC04LjI4MiA3Mi4yMDkgNzIuMjA5IDAgMCAxLTcuMTM5LTEwLjk5MWMtMS45OTgtMy44MDYtMy45NDktNy45OTUtNS44NTItMTIuNTYgMjMuNTk0LTEzLjcxNiA0Mi4xNTYtMzAuNTEyIDU1LjY2LTUwLjQxNXoiLz48L3N2Zz4=);
}
.main-article-title.lock:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0ODEuNzE1IDQ4MS43MTUiIGZpbGw9IiM2NjYiPjxwYXRoIGQ9Ik00NzAuOTUxIDEwNi4xMjRMMzc1LjU5IDEwLjc2NWMtMTQuMzUyLTE0LjM1Mi0zNy42MTEtMTQuMzUyLTUxLjk3NiAwYTM2LjY5NSAzNi42OTUgMCAwIDAtMTAuNzYyIDI1Ljk2NWMwIDcuMTMzIDIuMTE0IDE0LjA1NSA1LjkzOCAxOS45NjFMMTkxLjM3OCAxNjYuMjg4Yy0xMy4xMi02LjA3LTI3LjQ3Mi05LjQxNi00Mi4yMTctOS40MTZhMTAwLjUzNCAxMDAuNTM0IDAgMCAwLTcxLjEwNCAyOS40NTljLTEzLjc2MyAxMy43NzctMTMuNzYzIDM2LjA4NiAwIDQ5Ljg2M2w1Ny4zMDkgNTcuMzI0TDAgNDgxLjcxNGwxODguMTk3LTEzNS4zNjUgNTcuMzA5IDU3LjMxYzEzLjc2IDEzLjc2MiAzNi4xIDEzLjc2MiA0OS44NzkgMGExMDAuNTk3IDEwMC41OTcgMCAwIDAgMjkuNDM5LTcxLjEwM2MwLTE0LjcyOS0zLjMyNy0yOS4wOC05LjM5Ny00Mi4xODZsMTA5LjYxNS0xMjcuNDQzYzUuODg5IDMuODIgMTIuNzk0IDUuOTM4IDE5LjkyOSA1LjkzOGEzNi42ODQgMzYuNjg0IDAgMCAwIDI1Ljk4LTEwLjc3N2MxNC4zNTItMTQuMzUzIDE0LjM1Mi0zNy42MTIgMC01MS45NjR6Ii8+PC9zdmc+);
}

a.tag {
    padding: 0;
    margin: 0;
    text-decoration: underline;
    border-bottom: none;
    color: #666;
}
a.tag:before,
.comment-reply-title {
    display: none;
}
.tags-aside,
.articles-aside {
    display: inline-block;
    border: none;
    width: 100%;
}
.tl-tag {
    list-style-type: none;
    display: inline-block;
    float: left;
    background: #fff;
    border: 1px solid #ddd;
    border-top: 4px solid orange;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: 6px;
}
.tl-tag a {
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    padding: 8px 15px;
    -webkit-transition: .1s;
    transition: .1s;
}
.tl-tag a:hover {
    background: #333;
    color: #fff;
}

.article-aside-image {
    width: 70px;
    height: 70px;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    margin: 0 10px 0 0;
}
.article-aside-image img {
    height: 100%;
    width: initial;
    margin: auto;
    position: absolute;
    top: 0;
    left: -50%;
    bottom: 0;
    right: 0;
}
.article-aside {
    margin-bottom: 20px;
    text-decoration: none;
}
.article-aside:last-child {
    margin-bottom: 0;
}
.article-aside-title {
    margin-bottom: 10px;
    font-weight: 600;
    border-bottom: 2px solid orange;
    display: inline-block;
    padding-bottom: 5px;
}
.tab-title {
    background: #fbfbfb;
    border: 1px solid #ddd;
    position: relative;
    padding: 10px;
    width: 50%;
    float: left;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
}
.tab-title:hover {
    background: #333;
    color: #fff;
    -webkit-transition: .1s;
    transition: .1s;
}
.tab-title.active {
    background: #333;
    color: #fff;
}
.tab-title:first-child {
    border-right: none;
}
.tab-content {
    display: none;
    padding: 20px 10px 0;
}
.tab-content.open {
    display: inline-block;
}

/* alert */

.alert {
    margin-bottom: 40px;
    font-size: 16px;
    padding: 20px;
    border: 1px dashed #ddd;
    border-radius: 4px;
    background: #f7f7f7;
}

/* social */

.facebook {
    background-color: #3c5a98;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjggMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjEgMjN2LTguMjFoMi43NzNsLjQxNS0zLjJIMTUuMVY5LjU0N2MwLS45MjcuMjYtMS41NTggMS41OTYtMS41NThsMS43MDQtLjAwMlY1LjEyNkEyMi43ODcgMjIuNzg3IDAgMCAwIDE1LjkxNyA1QzEzLjQ2IDUgMTEuNzggNi40OTIgMTEuNzggOS4yM3YyLjM2SDl2My4yaDIuNzhWMjNoMy4zMnoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
}
.telegram {
    background-color: #64a9dc;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4LjkyIDYuMDg5TDQuNzQ3IDExLjU1NWMtLjk2Ny4zODgtLjk2Mi45MjgtLjE3NiAxLjE2OGwzLjUzNCAxLjEwNCAxLjM1MyA0LjE0NmMuMTY0LjQ1NC4wODMuNjM0LjU2LjYzNC4zNjggMCAuNTMtLjE2OC43MzYtLjM2OC4xMy0uMTI3LjkwMy0uODggMS43NjctMS43MTlsMy42NzcgMi43MTdjLjY3Ni4zNzMgMS4xNjUuMTggMS4zMzMtLjYyOGwyLjQxNC0xMS4zNzRjLjI0Ny0uOTktLjM3OC0xLjQ0LTEuMDI1LTEuMTQ2ek04LjY2IDEzLjU3M2w3Ljk2Ny01LjAyNmMuMzk4LS4yNDIuNzYzLS4xMTIuNDYzLjE1NGwtNi44MjIgNi4xNTUtLjI2NSAyLjgzMy0xLjM0My00LjExNnoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
}
.youtube-preview-icon:before,
.youtube {
    background-color: #f61c0d;
    background-size: contain;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjQuNTEyIiBoZWlnaHQ9IjEyNC41MTIiIHZpZXdCb3g9Ii0xMDUgLTEwMCAzMjQuNTEyIDMyNC41MTIiIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0xMTMuOTU2IDU3LjAwNmwtOTcuNC01Ni4yYy00LTIuMy05IC42LTkgNS4ydjExMi41YzAgNC42IDUgNy41IDkgNS4ybDk3LjQtNTYuMmM0LTIuNDAxIDQtOC4yIDAtMTAuNXoiLz48L3N2Zz4=);
}
.instagram {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIuNzU1IDUxMi43NTUiPjxyYWRpYWxHcmFkaWVudCBpZD0iYSIgY3g9IjE0OS4wMiIgY3k9Ijc4Ny45MDQiIHI9IjUxNi45MSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0yNzYuOTUpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZkNjc2Ii8+PHN0b3Agb2Zmc2V0PSIuMjQ2IiBzdG9wLWNvbG9yPSIjZjJhNDU0Ii8+PHN0b3Agb2Zmc2V0PSIuMzc5IiBzdG9wLWNvbG9yPSIjZjA1YzNjIi8+PHN0b3Agb2Zmc2V0PSIuNyIgc3RvcC1jb2xvcj0iI2MyMmY4NiIvPjxzdG9wIG9mZnNldD0iLjk1NyIgc3RvcC1jb2xvcj0iIzY2NjZhZCIvPjxzdG9wIG9mZnNldD0iLjk4NSIgc3RvcC1jb2xvcj0iIzVjNmNiMiIvPjwvcmFkaWFsR3JhZGllbnQ+PHBhdGggZD0iTTUxMi43NDYgNDAwLjEzMmMwIDYxLjkwOC00OS45NCAxMTIuMDk3LTExMS41NTEgMTEyLjA5N0gxMTEuNTY3QzQ5Ljk0IDUxMi4yMjkgMCA0NjIuMDQgMCA0MDAuMTMyVjExMi42MjNDMCA1MC43MTUgNDkuOTQuNTI2IDExMS41NjcuNTI2aDI4OS42MzdjNjEuNjExIDAgMTExLjU1MSA1MC4xODkgMTExLjU1MSAxMTIuMDk3djI4Ny41MDhsLS4wMDkuMDAxeiIgZmlsbD0idXJsKCNhKSIvPjxsaW5lYXJHcmFkaWVudCBpZD0iYiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSItNS44OTUiIHkxPSIzMTEuNTU4IiB4Mj0iMjk5LjA0NSIgeTI9IjU2OS40MDkiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMjc2Ljk1KSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZkNjc2Ii8+PHN0b3Agb2Zmc2V0PSIuMjQ2IiBzdG9wLWNvbG9yPSIjZjJhNDU0Ii8+PHN0b3Agb2Zmc2V0PSIuMzc5IiBzdG9wLWNvbG9yPSIjZjA1YzNjIi8+PHN0b3Agb2Zmc2V0PSIuNyIgc3RvcC1jb2xvcj0iI2MyMmY4NiIvPjxzdG9wIG9mZnNldD0iLjk1NyIgc3RvcC1jb2xvcj0iIzY2NjZhZCIvPjxzdG9wIG9mZnNldD0iLjk4NSIgc3RvcC1jb2xvcj0iIzVjNmNiMiIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0iTTMzOS4xODMgNzEuNjcySDE3My41NjRjLTU2LjI2MSAwLTEwMS45MDMgNDUuNjM0LTEwMS45MDMgMTAxLjkxMVYzMzkuMTdjMCA1Ni4yNzcgNDUuNjQyIDEwMS45MTEgMTAxLjkwMyAxMDEuOTExaDE2NS42MTFjNTYuMjc3IDAgMTAxLjkwMy00NS42MzQgMTAxLjkwMy0xMDEuOTExVjE3My41NzZjMC01Ni4yNy00NS42MjYtMTAxLjkwNC0xMDEuODk1LTEwMS45MDR6IiBmaWxsPSJ1cmwoI2IpIi8+PGxpbmVhckdyYWRpZW50IGlkPSJjIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjM0My4xNDYiIHkxPSI5MTguNTMzIiB4Mj0iMjc4Ljg4NiIgeTI9IjQ2Ny4zNTMiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMjc2Ljk1KSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZkNjc2Ii8+PHN0b3Agb2Zmc2V0PSIuMjQ2IiBzdG9wLWNvbG9yPSIjZjJhNDU0Ii8+PHN0b3Agb2Zmc2V0PSIuMzc5IiBzdG9wLWNvbG9yPSIjZjA1YzNjIi8+PHN0b3Agb2Zmc2V0PSIuNyIgc3RvcC1jb2xvcj0iI2MyMmY4NiIvPjxzdG9wIG9mZnNldD0iLjk1NyIgc3RvcC1jb2xvcj0iIzY2NjZhZCIvPjxzdG9wIG9mZnNldD0iLjk4NSIgc3RvcC1jb2xvcj0iIzVjNmNiMiIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0iTTMzOS4xODMgNzEuNjcySDE3My41NjRjLTI4LjU1NiAwLTU0LjM1IDExLjc5Mi03Mi44NDEgMzAuNzMzbDMwNS42NyAzMTMuMjI5YzIxLjIxNC0xOC42NzYgMzQuNjg1LTQ1Ljk2MyAzNC42ODUtNzYuNDcyVjE3My41NzZjMC01Ni4yNy00NS42MjYtMTAxLjkwNC0xMDEuODk1LTEwMS45MDR6IiBmaWxsPSJ1cmwoI2MpIi8+PHJhZGlhbEdyYWRpZW50IGlkPSJkIiBjeD0iMzczLjA2NSIgY3k9IjQzNC42NjEiIHI9IjE5Ljk1NyIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0yNzYuOTUpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZkNjc2Ii8+PHN0b3Agb2Zmc2V0PSIuMjQ2IiBzdG9wLWNvbG9yPSIjZjJhNDU0Ii8+PHN0b3Agb2Zmc2V0PSIuMzc5IiBzdG9wLWNvbG9yPSIjZjA1YzNjIi8+PHN0b3Agb2Zmc2V0PSIuNyIgc3RvcC1jb2xvcj0iI2MyMmY4NiIvPjxzdG9wIG9mZnNldD0iLjk1NyIgc3RvcC1jb2xvcj0iIzY2NjZhZCIvPjxzdG9wIG9mZnNldD0iLjk4NSIgc3RvcC1jb2xvcj0iIzVjNmNiMiIvPjwvcmFkaWFsR3JhZGllbnQ+PHBhdGggZD0iTTM5My4wMjYgMTU3LjcxMWMwIDExLjAyOS04Ljk1NyAxOS45NTMtMTkuOTUzIDE5Ljk1My0xMS4wMTMgMC0xOS45NjktOC45MjQtMTkuOTY5LTE5Ljk1MyAwLTExLjAyMSA4Ljk1Ny0xOS45NTMgMTkuOTY5LTE5Ljk1MyAxMC45ODktLjAwOCAxOS45NTMgOC45MzIgMTkuOTUzIDE5Ljk1M3oiIG9wYWNpdHk9Ii40IiBmaWxsPSJ1cmwoI2QpIi8+PHJhZGlhbEdyYWRpZW50IGlkPSJlIiBjeD0iMjg2LjA0IiBjeT0iNzg4LjM4NSIgcj0iMzIyLjE4IiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTI3Ni45NSkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmQ2NzYiLz48c3RvcCBvZmZzZXQ9Ii4yNDYiIHN0b3AtY29sb3I9IiNmMmE0NTQiLz48c3RvcCBvZmZzZXQ9Ii4zNzkiIHN0b3AtY29sb3I9IiNmMDVjM2MiLz48c3RvcCBvZmZzZXQ9Ii43IiBzdG9wLWNvbG9yPSIjYzIyZjg2Ii8+PHN0b3Agb2Zmc2V0PSIuOTU3IiBzdG9wLWNvbG9yPSIjNjY2NmFkIi8+PHN0b3Agb2Zmc2V0PSIuOTg1IiBzdG9wLWNvbG9yPSIjNWM2Y2IyIi8+PC9yYWRpYWxHcmFkaWVudD48cGF0aCBkPSJNNTEyLjc0NiA0MDAuMTMydi0xOS45NzdsLTE4Ni4yNzEtMTg2LjI4LTEzMy4zMiAxMzEuOTNMMzc5LjU3MSA1MTIuMjJoMjEuNjI0YzYxLjYxMiAwIDExMS41NTEtNTAuMTgxIDExMS41NTEtMTEyLjA4OHoiIG9wYWNpdHk9Ii40IiBmaWxsPSJ1cmwoI2UpIi8+PGcgb3BhY2l0eT0iLjMiPjxyYWRpYWxHcmFkaWVudCBpZD0iZiIgY3g9IjI3MS42NzEiIGN5PSI1NDguNjIyIiByPSIxOTYuNzU2IiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTI3Ni45NSkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmQ2NzYiLz48c3RvcCBvZmZzZXQ9Ii4yNDYiIHN0b3AtY29sb3I9IiNmMmE0NTQiLz48c3RvcCBvZmZzZXQ9Ii4zNzkiIHN0b3AtY29sb3I9IiNmMDVjM2MiLz48c3RvcCBvZmZzZXQ9Ii43IiBzdG9wLWNvbG9yPSIjYzIyZjg2Ii8+PHN0b3Agb2Zmc2V0PSIuOTU3IiBzdG9wLWNvbG9yPSIjNjY2NmFkIi8+PHN0b3Agb2Zmc2V0PSIuOTg1IiBzdG9wLWNvbG9yPSIjNWM2Y2IyIi8+PC9yYWRpYWxHcmFkaWVudD48cGF0aCBkPSJNMzU0LjQ3NyA0NjguNDI2SDE4OC44NjZjLTYyLjgzMiAwLTExMy45NTMtNTEuMTItMTEzLjk1My0xMTMuOTYxVjE4OC44NzhjMC02Mi44MzIgNTEuMTEyLTExMy45NjEgMTEzLjk1My0xMTMuOTYxaDE2NS42MTFjNjIuODMyIDAgMTEzLjk1MyA1MS4xMiAxMTMuOTUzIDExMy45NjF2MTY1LjU4N2MtLjAwOCA2Mi44MzItNTEuMTIxIDExMy45NjEtMTEzLjk1MyAxMTMuOTYxek0xODguODY2IDk5LjAxNmMtNDkuNTQ2IDAtODkuODU0IDQwLjMwOC04OS44NTQgODkuODYydjE2NS41ODdjMCA0OS41NDYgNDAuMzA4IDg5Ljg2MiA4OS44NTQgODkuODYyaDE2NS42MTFjNDkuNTQ2IDAgODkuODU0LTQwLjMwOCA4OS44NTQtODkuODYyVjE4OC44NzhjMC00OS41NDYtNDAuMzA4LTg5Ljg2Mi04OS44NTQtODkuODYySDE4OC44NjZ6IiBmaWxsPSJ1cmwoI2YpIi8+PC9nPjxnIG9wYWNpdHk9Ii4zIj48cmFkaWFsR3JhZGllbnQgaWQ9ImciIGN4PSIyNzEuNjY3IiBjeT0iNTQ4LjYyMSIgcj0iOTMuODY3IiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTI3Ni45NSkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmQ2NzYiLz48c3RvcCBvZmZzZXQ9Ii4yNDYiIHN0b3AtY29sb3I9IiNmMmE0NTQiLz48c3RvcCBvZmZzZXQ9Ii4zNzkiIHN0b3AtY29sb3I9IiNmMDVjM2MiLz48c3RvcCBvZmZzZXQ9Ii43IiBzdG9wLWNvbG9yPSIjYzIyZjg2Ii8+PHN0b3Agb2Zmc2V0PSIuOTU3IiBzdG9wLWNvbG9yPSIjNjY2NmFkIi8+PHN0b3Agb2Zmc2V0PSIuOTg1IiBzdG9wLWNvbG9yPSIjNWM2Y2IyIi8+PC9yYWRpYWxHcmFkaWVudD48cGF0aCBkPSJNMjcxLjY2NyAzNjUuNTM0Yy01MS43NTUgMC05My44NzEtNDIuMTA4LTkzLjg3MS05My44NjNzNDIuMTE2LTkzLjg2MyA5My44NzEtOTMuODYzIDkzLjg3MSA0Mi4xMDggOTMuODcxIDkzLjg2My00Mi4xMDggOTMuODYzLTkzLjg3MSA5My44NjN6bTAtMTYzLjYyN2MtMzguNDY5IDAtNjkuNzcyIDMxLjI5Ni02OS43NzIgNjkuNzY0czMxLjI5NiA2OS43NjQgNjkuNzcyIDY5Ljc2NCA2OS43NzItMzEuMjk2IDY5Ljc3Mi02OS43NjQtMzEuMzAzLTY5Ljc2NC02OS43NzItNjkuNzY0eiIgZmlsbD0idXJsKCNnKSIvPjwvZz48cGF0aCBkPSJNMzM5LjE4MyA0NTMuMTIzSDE3My41NjRjLTYyLjgzMiAwLTExMy45NTMtNTEuMTItMTEzLjk1My0xMTMuOTYxVjE3My41NzZjMC02Mi44MzIgNTEuMTEyLTExMy45NjEgMTEzLjk1My0xMTMuOTYxaDE2NS42MTFjNjIuODMyIDAgMTEzLjk1MyA1MS4xMiAxMTMuOTUzIDExMy45NjF2MTY1LjU4N2MtLjAwMSA2Mi44NC01MS4xMTMgMTEzLjk2LTExMy45NDUgMTEzLjk2ek0xNzMuNTY0IDgzLjcyMWMtNDkuNTQ2IDAtODkuODU0IDQwLjMwOC04OS44NTQgODkuODYyVjMzOS4xN2MwIDQ5LjU0NiA0MC4zMDggODkuODYyIDg5Ljg1NCA4OS44NjJoMTY1LjYxMWM0OS41NDYgMCA4OS44NTQtNDAuMzA4IDg5Ljg1NC04OS44NjJWMTczLjU3NmMwLTQ5LjU0Ni00MC4zMDgtODkuODYyLTg5Ljg1NC04OS44NjJIMTczLjU2NHYuMDA3eiIgZmlsbD0iI2ZmZiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iaCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI0MTkuNDciIHkxPSIzOTYuNDE0IiB4Mj0iMjIwLjAxIiB5Mj0iNTYzLjg1NCIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0yNzYuOTUpIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmQ2NzYiLz48c3RvcCBvZmZzZXQ9Ii4yNDYiIHN0b3AtY29sb3I9IiNmMmE0NTQiLz48c3RvcCBvZmZzZXQ9Ii4zNzkiIHN0b3AtY29sb3I9IiNmMDVjM2MiLz48c3RvcCBvZmZzZXQ9Ii43IiBzdG9wLWNvbG9yPSIjYzIyZjg2Ii8+PHN0b3Agb2Zmc2V0PSIuOTU3IiBzdG9wLWNvbG9yPSIjNjY2NmFkIi8+PHN0b3Agb2Zmc2V0PSIuOTg1IiBzdG9wLWNvbG9yPSIjNWM2Y2IyIi8+PC9saW5lYXJHcmFkaWVudD48Y2lyY2xlIGN4PSIyNTYuMzciIGN5PSIyNTYuMzgiIHI9IjgxLjgyIiBmaWxsPSJ1cmwoI2gpIi8+PGxpbmVhckdyYWRpZW50IGlkPSJpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjI5My4yMTgiIHkxPSI2ODguODYyIiB4Mj0iMjIyLjIxOCIgeTI9IjM5OC43MTIiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMjc2Ljk1KSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZkNjc2Ii8+PHN0b3Agb2Zmc2V0PSIuMjQ2IiBzdG9wLWNvbG9yPSIjZjJhNDU0Ii8+PHN0b3Agb2Zmc2V0PSIuMzc5IiBzdG9wLWNvbG9yPSIjZjA1YzNjIi8+PHN0b3Agb2Zmc2V0PSIuNyIgc3RvcC1jb2xvcj0iI2MyMmY4NiIvPjxzdG9wIG9mZnNldD0iLjk1NyIgc3RvcC1jb2xvcj0iIzY2NjZhZCIvPjxzdG9wIG9mZnNldD0iLjk4NSIgc3RvcC1jb2xvcj0iIzVjNmNiMiIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0iTTE3NC41NTIgMjU2LjM3OGMwIDQ1LjE4NCAzNi42MzcgODEuODE0IDgxLjgyMiA4MS44MTRzODEuODIyLTM2LjYyMSA4MS44MjItODEuODIybC0xNjMuNjQ0LjAwOHoiIGZpbGw9InVybCgjaSkiLz48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMjU2LjM3MyAzNTAuMjRjLTUxLjc1NSAwLTkzLjg3MS00Mi4xMDgtOTMuODcxLTkzLjg2M3M0Mi4xMTYtOTMuODYzIDkzLjg3MS05My44NjMgOTMuODcxIDQyLjEwOCA5My44NzEgOTMuODYzLTQyLjExNiA5My44NjMtOTMuODcxIDkzLjg2M3ptMC0xNjMuNjI3Yy0zOC40NjkgMC02OS43NzIgMzEuMjk2LTY5Ljc3MiA2OS43NjRzMzEuMjk2IDY5Ljc2NCA2OS43NzIgNjkuNzY0IDY5Ljc3Mi0zMS4yOTYgNjkuNzcyLTY5Ljc2NC0zMS4zMDMtNjkuNzY0LTY5Ljc3Mi02OS43NjR6TTM4NC4wMjEgMTQ4LjcwNmMwIDExLjAyOS04Ljk1NyAxOS45NTMtMTkuOTUzIDE5Ljk1My0xMS4wMTMgMC0xOS45NjktOC45MjQtMTkuOTY5LTE5Ljk1MyAwLTExLjAyMSA4Ljk1Ny0xOS45NTMgMTkuOTY5LTE5Ljk1MyAxMC45ODktLjAwOCAxOS45NTMgOC45MzIgMTkuOTUzIDE5Ljk1M3oiLz48L2c+PC9zdmc+);
}
.vk {
    background-color: #48729e;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjggMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0Ljg4MyAxOS4zOTZzLjMyNS0uMDM2LjQ5LS4yMThjLjE1NC0uMTY3LjE1LS40OC4xNS0uNDhzLS4wMjMtMS40NjguNjQ4LTEuNjg0Yy42Ni0uMjEzIDEuNTEgMS40MTggMi40MDggMi4wNDYuNjguNDc0IDEuMTk3LjM3IDEuMTk3LjM3bDIuNDA0LS4wMzRzMS4yNTYtLjA4LjY2LTEuMDg0Yy0uMDUtLjA4Mi0uMzQ4LS43NDMtMS43ODgtMi4xMDItMS41MDctMS40MjMtMS4zMDUtMS4xOTIuNTEtMy42NTMgMS4xMDYtMS40OTggMS41NDgtMi40MTIgMS40MS0yLjgwNC0uMTMyLS4zNzMtLjk0NS0uMjc1LS45NDUtLjI3NWwtMi43MDYuMDE3cy0uMi0uMDI4LS4zNS4wNjNjLS4xNDQuMDg4LS4yMzguMjk1LS4yMzguMjk1cy0uNDI4IDEuMTYtMSAyLjE0NmMtMS4yMDQgMi4wOC0xLjY4NiAyLjE5LTEuODgzIDIuMDYtLjQ2LS4zLS4zNDUtMS4yMS0uMzQ1LTEuODU1IDAtMi4wMTcuMy0yLjg1Ny0uNTg2LTMuMDc1LS4yOTUtLjA3Mi0uNTEyLS4xMi0xLjI2NC0uMTI4LS45NjYtLjAxLTEuNzgzLjAwMy0yLjI0Ni4yMzQtLjMwOC4xNTMtLjU0Ni40OTUtLjQuNTE0LjE3OC4wMjUuNTgzLjExLjc5OC40MS4yNzcuMzgyLjI2OCAxLjI0NC4yNjggMS4yNDRzLjE2IDIuMzczLS4zNzMgMi42NjhjLS4zNjUuMjAyLS44NjUtLjIxLTEuOTQtMi4wOTgtLjU1LS45NjctLjk2Ni0yLjAzNi0uOTY2LTIuMDM2cy0uMDgtLjItLjIyMy0uMzA2Yy0uMTczLS4xMy0uNDE2LS4xNy0uNDE2LS4xN2wtMi41Ny4wMTZzLS4zODguMDEtLjUzLjE4MmMtLjEyNS4xNTItLjAxLjQ2Ni0uMDEuNDY2czIuMDE0IDQuNzkgNC4yOTQgNy4yMDJjMi4wOSAyLjIxNCA0LjQ2NSAyLjA2OCA0LjQ2NSAyLjA2OGgxLjA3NnoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
}

/* download icon */

.download {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIuMTcxIDUxMi4xNzEiIGZpbGw9IiM2NjYiPjxwYXRoIGQ9Ik00NzkuMDQ2IDI4My45MjVjLTEuNjY0LTMuOTg5LTUuNTQ3LTYuNTkyLTkuODU2LTYuNTkySDM1Mi4zMDVWMTAuNjY3QzM1Mi4zMDUgNC43NzkgMzQ3LjUyNiAwIDM0MS42MzggMEgxNzAuOTcxYy01Ljg4OCAwLTEwLjY2NyA0Ljc3OS0xMC42NjcgMTAuNjY3djI2Ni42NjdINDIuOTcxYTEwLjcwMiAxMC43MDIgMCAwIDAtOS44NTYgNi41NzFjLTEuNjQzIDMuOTg5LS43NDcgOC41NzYgMi4zMDQgMTEuNjI3bDIxMi44IDIxMy41MDRjMi4wMDUgMi4wMDUgNC43MTUgMy4xMzYgNy41NTIgMy4xMzZzNS41NDctMS4xMzEgNy41NTItMy4xMTVsMjEzLjQxOS0yMTMuNTA0YTEwLjY0NSAxMC42NDUgMCAwIDAgMi4zMDQtMTEuNjI4eiIvPjwvc3ZnPg==);
}
.search-button:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ni45NjYgNTYuOTY2IiBmaWxsPSIjMzMzIj48cGF0aCBkPSJNNTUuMTQ2IDUxLjg4N0w0MS41ODggMzcuNzg2QTIyLjkyNiAyMi45MjYgMCAwIDAgNDYuOTg0IDIzYzAtMTIuNjgyLTEwLjMxOC0yMy0yMy0yM3MtMjMgMTAuMzE4LTIzIDIzIDEwLjMxOCAyMyAyMyAyM2M0Ljc2MSAwIDkuMjk4LTEuNDM2IDEzLjE3Ny00LjE2MmwxMy42NjEgMTQuMjA4Yy41NzEuNTkzIDEuMzM5LjkyIDIuMTYyLjkyLjc3OSAwIDEuNTE4LS4yOTcgMi4wNzktLjgzN2EzLjAwNCAzLjAwNCAwIDAgMCAuMDgzLTQuMjQyek0yMy45ODQgNmM5LjM3NCAwIDE3IDcuNjI2IDE3IDE3cy03LjYyNiAxNy0xNyAxNy0xNy03LjYyNi0xNy0xNyA3LjYyNi0xNyAxNy0xN3oiLz48L3N2Zz4=);
    
}


/* what this */

:active,
:focus {
    outline: none;
}
::-webkit-input-placeholder {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #999;
    opacity: 1;
} 
::-moz-placeholder {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #999;
    opacity: 1;
} 
:-moz-placeholder {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #999;
    opacity: 1;
}
:-ms-input-placeholder {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #999;
    opacity: 1;
}


/* scroller */

.scroller {
    z-index: 100;
    display: inline-block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    
    width: 80px;
    height: 40px;
    text-align: center;
    border-radius: 4px;
    padding: 10px;
    cursor: pointer;
    
    opacity: 0;
    visibility: hidden;
    
    background: #333;
    color: #fff;
    
    -webkit-transition: .4s;
    transition: .4s;
}
.scroller.show {
    opacity: 1;
    visibility: visible;
}

/* overlay */

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    -webkit-transition: .4s;
    transition: .4s;
}
.overlay.active {
    opacity: 1;
    visibility: visible;
}



/* MODAL FORM CSS */

/* jquery.arcticmodal.css */

.arcticmodal-overlay,.arcticmodal-container{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000}.arcticmodal-container{overflow:auto;margin:0;padding:0;border:0;border-collapse:collapse}:first-child+html .arcticmodal-container{height:100%}.arcticmodal-container_i{width: 100%;height: 100%;}.arcticmodal-container_i2{width: 100%;height: 100%;margin:0 auto;padding:0;border:0;vertical-align:middle;text-align:center;height:100%}.arcticmodal-error{padding:20px;border-radius:10px;background:#000;color:#fff}.arcticmodal-loading{width:80px;height:80px;border-radius:10px}.box-modal{height:100%;position:absolute;max-width:480px;height:auto;top:10%;left:0;right:0;margin:0 auto;background:#fff;padding:60px 20px;margin-bottom:40px;box-shadow:0 0 1px rgba(56,27,21,0.3)}.box-modal h4{font-size:18px;text-transform:uppercase;padding:20px 0;color:#333}.box-modal li{list-style-type:none;color:#333}.modal-close.arcticmodal-close{height:30px;width:30px;overflow:hidden;background:#333;display:inline-block;position:absolute;top:0;right:0}.modal-close.arcticmodal-close:before{content:"+";width:30px;height:30px;line-height:30px;display:inline-block;font-family:'Roboto',sans-serif;-webkit-transform:rotate(45deg);transform:rotate(45deg);cursor:pointer;font-size:18px;color:#fff}

/* jquery.jgrowl.css */

div.jGrowl{z-index:9999;color:#333;font-size:14px;position:relative}div.ie6{position:absolute}div.ie6.top-right{right:auto;bottom:auto;left:expression((0 - jGrowl.offsetWidth+(document.documentElement.clientWidth ? document.documentElement.clientWidth:document.body.clientWidth)+(ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft))+'px');top:expression((0+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop))+'px')}div.ie6.top-left{left:expression((0+(ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft))+'px');top:expression((0+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop))+'px')}div.ie6.bottom-right{left:expression((0 - jGrowl.offsetWidth+(document.documentElement.clientWidth ? document.documentElement.clientWidth:document.body.clientWidth)+(ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft))+'px');top:expression((0 - jGrowl.offsetHeight+(document.documentElement.clientHeight ? document.documentElement.clientHeight:document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop))+'px')}div.ie6.bottom-left{left:expression((0+(ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft))+'px');top:expression((0 - jGrowl.offsetHeight+(document.documentElement.clientHeight ? document.documentElement.clientHeight:document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop))+'px')}div.ie6.center{left:expression((0+(ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft))+'px');top:expression((0+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop))+'px');width:100%}div.jGrowl{position:absolute}body >div.jGrowl{position:fixed}div.jGrowl.top-left{left:0;top:0}div.jGrowl.top-right{right:0;top:0;margin:auto}div.jGrowl.bottom-left{left:0;bottom:0}div.jGrowl.bottom-right{right:0;bottom:0}div.jGrowl.center{top:0;width:50%;left:25%}div.center div.jGrowl-notification,div.center div.jGrowl-closer{margin-left:auto;margin-right:auto}div.jGrowl div.jGrowl-notification,div.jGrowl div.jGrowl-closer{background-color:#fff;position:relative;opacity:.95;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=95);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=95);zoom:1;width:235px;padding:20px;margin:10px;font-family:'Roboto',sans-serif;font-weight:400;font-size:14px;text-align:left;display:none;-moz-border-radius:3px;-webkit-border-radius:3px}div.jGrowl div.jGrowl-notification{min-height:80px;padding-top:10px}div.jGrowl div.jGrowl-notification,div.jGrowl div.jGrowl-closer{margin:10px}div.jGrowl div.jGrowl-notification div.jGrowl-close{z-index:99;float:right;cursor:pointer}div.jGrowl div.jGrowl-closer{padding:10px;cursor:pointer;text-align:center;background:rgba(0,0,0,0)}@media print{div.jGrowl{display:none}}div.jGrowl div.errors{background-color:#e8b655;color:#222}div.jGrowl div.errors div.jGrowl-header{padding-bottom:5px;color:#000}div.jGrowl div.infos{background-color:#fff;border:1px solid #ddd;color:#333}div.jGrowl div.infos div.jGrowl-header{padding-bottom:5px;color:#ff0}div.jGrowl div.okays{background-color:#fff;color:#292929}div.jGrowl div.okays div.jGrowl-header{padding-bottom:5px;color:#de2e3a}
div.jGrowl.top-right {
    right: 10px;
    top: 10px;
    background: #3f4851;
    color: #fff;
}

.FeedbackForm {
    display: none;
}
.FForm {
    position: relative;
    background: #fff;
    max-width: 420px;
    margin: auto;
    text-align: center;
}
.FForm section {
    padding: 40px;
}
.FForm img {
    text-align: center;
    margin: auto;
}
.FForm form {
    padding: 0 40px 40px;
}
.FForm input,
.FForm textarea {
    width: 100%;
}
.formHeaderFooter {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #222;
    font-family: 'PT Sans', sans-serif;
    display: inline-block;
    border-bottom: 3px solid #f5f0e7;
    padding: 10px;
}
.modal-description {
    font-size: 16px;
    font-weight: 600;
}

/* Extended CSS 30 nov 2021, WEBSITE */
/* Description:
    - Добавляем новый пункт меню "купить"
    - Адаптируем новое меню под мобильные
    - Адаптируем мобильное меню ?
    - Добавляем новый раздел с покупками
    - Адаптируем под мобильные
*/

.ext-menu-ul {
    margin: auto 0;
    padding-left: 20px;
}
li.desktop.menu-li.ext-menu-li {
    padding: 0 10px;
}
.buy_wrapper {
    -ms-flex-wrap:wrap;
    flex-wrap: wrap;
}

/* buy__item */

.buy__item {
    width: 33.33%;
    text-align: center;
    padding: 30px;
}
.buy__image {
    display: flex;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: auto;
}
.buy__image img {
    width: 100%;
    height: auto;
    margin: 0 auto auto auto;
    
}
.buy__content {
    
}
.buy__title {
    margin: 20px 0;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
}
.buy__price {
   margin-bottom: 20px;
   font-size: 16px;
}
.buy__price strong {
    font-weight: bold;
}
.buy__link {
    font-size: 16px;
    display: inline-block;
    text-decoration: none;
    background-color: #333;
    color: #fff;
    border: none;
    padding: 10px 15px;
    border-radius: 4px;
    margin: auto;
}
.buy__link:hover {
    transition: .1s;
    border-color: transparent;
    background: orange;
    color: #000;
}














