@font-face {
    font-family: 'OpenSans';
    src: local('Open Sans'), local('OpenSans');
    font-display: swap
}

/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'OpenSans', Helvetica, Arial, sans-serif
}

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

html {
    overflow: visible;
    height: 100%;
    min-height: 100%;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    padding: 0;
    height: 100%;
    position: relative;
    background: #f5f5f5;
    color: #222;
    font-size: 14px;
    line-height: 20px
}

body.lock {
    height: auto;
    overflow: hidden !important
}

a {
    text-decoration: none;
    color: #5f8f52;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

a:active,
.no-touch a:hover {
    color: #00c148;
    text-decoration: underline
}

.msie a {
    outline: 1px solid transparent
}

.msie a:active,
.no-touch.msie a:active {
    outline: 0
}

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

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

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

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
.no-touch a:hover {
    outline: 0
}

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

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

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

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td,
th {
    padding: 0
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.browserupgrade {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

.hidden {
    display: none !important
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
        outline: none !important
    }
    .cover {
        background: none !important;
        width: 100%;
        float: left
    }
    .cover img {
        display: block !important;
        width: 100%
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }
    pre,
    blockquote {
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    img {
        max-width: none !important
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
    body {
        padding: 0 !important
    }
    #wrapper {
        padding: 0 !important;
        margin: auto !important;
        height: auto !important
    }
    .page_banner_block,
    .infobook_block,
    .article__info,
    .article__info_bottom,
    .page_comments,
    .sidebar,
    .footer_stick,
    .read_block,
    .topicread_block,
    .section_separator,
    .sides_article,
    .category_menu,
    .branding,
    .footer {
        display: none !important
    }
    .header {
        border: 0;
        display: block !important;
        position: relative !important;
        margin: 0;
        float: left;
        text-align: center
    }
    .header__mainmenu__btn-open,
    .header__search__btn-open,
    .header__bottom {
        display: none !important
    }
    .header__top {
        width: 100% !important;
        position: relative !important;
        margin: 0 !important;
        padding: 0 !important
    }
    .header__logo {
        position: relative !important;
        margin: auto !important;
        float: none !important
    }
    .article_page__triple_gallery {
        display: table !important
    }
    .article_page__triple_gallery__item {
        width: 33.333333% !important;
        display: table-cell;
        padding-left: 10px;
        padding-right: 10px
    }
    .article_page__triple_gallery__item:nth-child(4n),
    .article_page__triple_gallery__item:first-child {
        padding-left: 0
    }
    .article_page__triple_gallery__item:nth-child(3),
    .article_page__triple_gallery__item:nth-child(2),
    .article_page__triple_gallery__item:nth-child(1) {
        margin-top: 0
    }
    .article_page__triple_gallery__item:nth-child(3n) {
        padding-right: 0
    }
    .article_page__triple_gallery__item:nth-child(2),
    .article_page__triple_gallery__item:nth-child(5n) {
        padding-left: 5px;
        padding-right: 5px
    }
}

.owl-stage .animated {
    -webkit-animation-duration: 1000ms;
    -moz-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-stage .owl-animated-in {
    z-index: 0
}

.owl-stage .owl-animated-out {
    z-index: 1
}

.owl-stage .fadeIn {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    animation-name: fadeOut
}

.owl-stage .fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none
}

.owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-loaded {
    display: block
}

.owl-loading {
    opacity: 0;
    display: block
}

.owl-hidden {
    opacity: 0
}

.owl-refresh .owl-item {
    display: none
}

.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-rtl {
    direction: rtl
}

.owl-rtl .owl-item {
    float: right
}

.owl-refresh .owl-item {
    display: none
}

.owl-item {
    position: relative;
    float: left;
    tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -moz-touch-callout: none;
    touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-item img {
    display: block;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-rtl {
    direction: rtl
}

.owl-rtl .owl-item {
    float: right
}

.owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease
}

.owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}

.owl-video-playing .owl-video-tn,
.owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-video-frame {
    position: relative;
    z-index: 1
}

.carousel {
    position: relative
}

.carousel .owl-next,
.carousel .owl-prev {
    position: absolute;
    z-index: 10;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 36px;
    height: 100%;
    color: #9f9f9f;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px auto;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.carousel .owl-next {
    left: auto;
    right: 0
}

.carousel .owl-prev:after,
.carousel .owl-next:after {
    display: block;
    position: absolute;
    width: 36px;
    height: 36px;
    top: 50%;
    left: 0;
    margin-top: -18px;
    font-family: Font Awesome\ 5 Free;
    line-height: 36px;
    font-size: 36px;
    font-weight: 900;
    text-align: center
}

.carousel .owl-next:after {
    content: '\f105';
    right: 0;
    left: auto
}

.carousel .owl-prev:after {
    content: '\f104'
}

.carousel .owl-next.disabled,
.carousel .owl-prev.disabled {
    cursor: default;
    opacity: .6
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    background: #fff;
    color: #444;
    text-shadow: none
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2)
}

.fancybox-outer,
.fancybox-inner {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

.fancybox-slide--video .fancybox-content {
    width: 800px;
    height: 600px;
    max-width: 80%;
    max-height: 80%
}

#fancybox-loading,
.fancybox-prev span,
.fancybox-next span {
    background-image: url('../img/fancybox_sprite.png')
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 8060
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('../img/fancybox_loading.gif') center center no-repeat
}

.fancybox-close {
    position: absolute;
    top: -30px;
    right: -30px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 8040;
    font-size: 22px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    text-decoration: none
}

.fancybox-close:active,
.no-touch .fancybox-close:hover {
    color: #00c148;
    text-decoration: none
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040;
    opacity: 1;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.fancybox-prev {
    left: 0;
    text-align: left;
    background: rgba(0, 0, 0, 0.4);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.4) 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.4) 0, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.4) 0, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.4) 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 0, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff', GradientType=1)
}

.fancybox-next {
    right: 0;
    text-align: right;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.4) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.4)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.4) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.4) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.4) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=1)
}

.fancybox-nav i {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    font-size: 40px;
    line-height: 40px;
    margin-top: -18px;
    cursor: pointer;
    color: #fff;
    z-index: 8040;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.fancybox-prev i {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next i {
    right: 10px;
    background-position: 0 -72px
}

.no-touch .fancybox-outer.active .fancybox-nav,
.no-touch .fancybox-outer:hover .fancybox-nav {
    opacity: 1
}

.no-touch .fancybox-nav:active i,
.no-touch .fancybox-nav:hover i {
    color: #00c148;
    text-decoration: none
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock body {
    height: auto;
    overflow: hidden !important
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: rgba(0, 0, 0, .5)
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 0 !important
}

.fancybox-lock .fancybox-overlay {
    overflow: hidden;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font-size: 14px;
    line-height: 22px;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8)
}

#fancybox-thumbs {
    position: fixed;
    left: 0;
    bottom: 20px;
    width: 100%;
    overflow: hidden;
    z-index: 8050
}

#fancybox-thumbs ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0
}

#fancybox-thumbs ul li {
    width: auto;
    float: left;
    display: block;
    padding: 0;
    opacity: .5;
    margin: 0 5px
}

#fancybox-thumbs ul li.active {
    opacity: .75;
    padding: 0;
    border: 1px solid #fff
}

#fancybox-thumbs ul li:hover {
    opacity: 1
}

#fancybox-thumbs ul li a {
    display: block;
    position: relative;
    overflow: hidden;
    border: 1px solid #222;
    background: #111;
    outline: 0
}

#fancybox-thumbs ul li img {
    display: block;
    position: relative;
    border: 0;
    padding: 0;
    max-width: none
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    #fancybox-loading,
    .fancybox-prev span,
    .fancybox-next span {
        background-image: url('../img/fancybox_sprite@2x.png');
        background-size: 44px 152px
    }
    #fancybox-loading div {
        background-image: url('../img/fancybox_loading@2x.gif');
        background-size: 24px 24px
    }
}

.selectric-wrapper {
    position: relative;
    cursor: pointer;
    text-align: left
}

.selectric-responsive {
    width: 100%
}

.selectric {
    background: #fff;
    position: relative;
    overflow: hidden;
    border: 1px solid #d7d7d7;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .10);
    -webkit-transition: border-color .1s linear;
    -moz-transition: border-color .1s linear;
    transition: border-color .1s linear
}

.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 35px 0 10px;
    font-size: 13px;
    line-height: 38px;
    color: #888;
    height: 38px;
    padding-right: 10px
}

.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 38px;
    color: #5f8f52;
    text-align: center;
    font-family: Font Awesome\ 5 Free;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 38px;
    text-align: center;
    font-size: 26px;
    font-weight: 900;
    margin: 0;
    border-left: 1px solid #f5f5f5
}

.selectric .button:before {
    content: "\f107"
}

.selectric-open .selectric .button:before {
    content: "\f106"
}

.selectric-hover .selectric {
    border-color: #00c148
}

.selectric-open .selectric .button,
.selectric-hover .selectric .button {
    color: #00c148
}

.selectric-open {
    z-index: 9999
}

.selectric-open .selectric {
    border-top: 1px solid #00c148;
    border-right: 1px solid #00c148;
    border-left: 1px solid #00c148;
    border-bottom: 0;
    padding-bottom: 1px
}

.selectric-open .selectric-items {
    display: block;
    border-bottom: 1px solid #00c148;
    border-right: 1px solid #00c148;
    border-left: 1px solid #00c148
}

.selectric-disabled {
    border-color: #d7d7d7;
    color: #d7d7d7;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric-disabled .selectric {
    border-color: #d7d7d7
}

.selectric-disabled .button,
.selectric-disabled .label {
    color: #d7d7d7
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0
}

.selectric-hide-select select {
    position: absolute;
    left: -100%;
    display: none
}

.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    *font: 0/0 a !important;
    background: none !important
}

.selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important
}

.selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    z-index: -1;
    overflow: hidden
}

.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto
}

.selectric-above .selectric-items {
    top: auto;
    bottom: 100%
}

.selectric-items ul,
.selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400
}

.selectric-items li {
    display: block;
    padding: 10px;
    color: #6b6b6b;
    cursor: pointer;
    border-top: 1px solid #ededed
}

.selectric-items li.selected {
    background: #f7f7f7;
    display: none
}

.selectric-items li:hover {
    background: #f7f7f7
}

.selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: .5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: 0;
    color: #444
}

.selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1
}

.selectric-items .selectric-group li {
    padding-left: 25px
}

/*!
* jReject (jQuery Browser Rejection Plugin)
* Version 1.1.x
* URL: http://jreject.turnwheel.com/
* Description: jReject is a easy method of rejecting specific browsers on your site
* Author: Steven Bower (TurnWheel Designs) http://turnwheel.com/
* Copyright: Copyright (c) 2009-2014 Steven Bower under dual MIT/GPL license.
*/

#jr_overlay {
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    z-index: 2147483646;
    position: absolute
}

#jr_wrap {
    position: absolute;
    width: 100%;
    z-index: 2147483647;
    padding: 0;
    margin: 0
}

#jr_inner {
    font-size: 12px;
    background: #FFF;
    border: 1px solid #CCC;
    color: #4f4f4f;
    margin: 0 auto;
    height: auto;
    padding: 20px;
    position: relative;
    box-sizing: content-box;
    min-width: 300px !important
}

#jr_header {
    display: block;
    color: #333;
    padding: 5px;
    padding-bottom: 0;
    margin: 0;
    font-weight: bold;
    font-size: 1.3em;
    margin-bottom: .5em
}

#jr_inner p {
    padding: 5px;
    margin: 0;
    line-height: 16px
}

#jr_inner ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 20px 0 0 0;
    padding: 0;
    text-align: center
}

#jr_inner ul li {
    cursor: pointer;
    float: none;
    display: inline-block;
    width: 100px;
    height: 102px;
    margin: 0 10px 10px 10px;
    padding: 0;
    text-align: center
}

#jr_inner li a {
    color: #333;
    font-size: .8em;
    text-decoration: none;
    padding: 0;
    margin: 0
}

#jr_inner li a:hover {
    text-decoration: underline
}

#jr_inner .jr_icon {
    width: 80px;
    height: 80px;
    margin: 1px auto;
    padding: 0;
    background: transparent no-repeat scroll left top;
    cursor: pointer;
    background-size: contain !important
}

#jr_close {
    clear: both;
    padding: 0;
    margin: 0;
    text-align: center
}

#jr_close a {
    color: #000;
    display: block;
    width: auto;
    margin: 0;
    padding: 10px 0 0 0;
    text-decoration: underline
}

#jr_close p {
    text-align: left;
    padding: 10px 0 0 0;
    margin: 0
}

@media only screen and (max-width:767px) {
    #jr_wrap {
        top: 0 !important
    }
}

@media only screen and (min-width:768px) {
    #jr_wrap {
        position: absolute;
        width: 100%;
        z-index: 2147483647;
        padding: 0;
        margin: 0
    }
    #jr_inner ul li {
        cursor: pointer;
        float: left;
        width: 120px;
        height: 122px;
        margin: 0 10px 10px 10px;
        padding: 0;
        text-align: center
    }
    #jr_inner .jr_icon {
        width: 100px;
        height: 100px
    }
}

.tip {
    position: relative
}

.tooltipster-default {
    border-radius: 4px;
    box-shadow: 0 2px 14px rgba(0, 0, 0, .2);
    background: #379fe0
}

.tooltipster-default .tooltipster-content {
    padding: 10px;
    overflow: hidden;
    max-width: 280px;
    color: #fff;
    font-size: 13px;
    line-height: 15px
}

.tooltipster-default a {
    color: #fff
}

.tooltipster-default a:active,
.no-touch .tooltipster-default a:hover {
    color: #fff
}

.tooltipster-icon {
    cursor: help;
    margin-left: 4px
}

.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible
}

.tooltipster-base .tooltipster-content {
    overflow: hidden
}

.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.tooltipster-arrow span,
.tooltipster-arrow-border {
    display: block;
    width: 0;
    height: 0;
    position: absolute
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top-right span,
.tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px
}

.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px
}

.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px
}

.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto
}

.tooltipster-arrow-top-left span,
.tooltipster-arrow-bottom-left span {
    left: 6px
}

.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px
}

.tooltipster-arrow-top-right span,
.tooltipster-arrow-bottom-right span {
    right: 6px
}

.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px
}

.tooltipster-arrow-left span,
.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px
}

.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid;
    margin-top: -8px
}

.tooltipster-arrow-right span,
.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px
}

.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-right: 9px solid;
    margin-top: -8px
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity
}

.tooltipster-fade-show {
    opacity: 1
}

.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden
}

.tooltipster-grow-show {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15)
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform
}

.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    transform: rotateZ(0);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4)
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15)
}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0 !important;
    opacity: 0
}

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15)
}

.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0 !important;
    opacity: 0
}

.tooltipster-content-changing {
    opacity: .5;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside>.mCSB_container {
    margin-right: 0
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.no-touch .mCustomScrollBox .mCS-dark.mCSB_scrollTools {
    opacity: 0;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.no-touch .mCustomScrollBox .mCS-dark.mCSB_scrollTools_onDrag,
.no-touch .mCustomScrollBox:hover .mCS-dark.mCSB_scrollTools {
    opacity: 1
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #c3c3c3
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #c3c3c3
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #666
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.no-touch .mCustomScrollBox .mCS-green.mCSB_scrollTools {
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.mCS-green.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #052214
}

.mCS-green.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #60bb57
}

.mCS-green.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #76e76b
}

.mCS-green.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-green.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #76e76b
}

.mCS-green.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-green.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-green.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-green.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.custom_number {
    display: inline-block;
    vertical-align: middle
}

.custom_number input {
    width: 50px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    padding: 0;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #000;
    vertical-align: middle
}

.custom_number__btn {
    cursor: pointer;
    height: 32px;
    width: 24px;
    vertical-align: middle;
    display: inline-block
}

.custom_number__btn i {
    height: 32px;
    width: 100%;
    vertical-align: middle;
    display: inline-block;
    background: url('../img/icon-arrow-left.png') right center no-repeat
}

.custom_number__btn-plus i {
    background-image: url('../img/icon-arrow-right.png');
    background-position: left center
}

.custom_checkbox {
    cursor: pointer;
    display: inline-block;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    font-size: 14px;
    line-height: 24px
}

.custom_checkbox input {
    position: absolute;
    left: -99999px
}

.custom_checkbox>i {
    float: left;
    display: block;
    width: 24px;
    height: 24px;
    font-size: 15px;
    line-height: 24px;
    background: #fff;
    border: 1px solid #595959;
    position: relative;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.custom_checkbox>i:after {
    left: -1px;
    top: 0;
    position: absolute;
    display: block;
    width: inherit;
    height: inherit;
    font-family: Font Awesome\ 5 Free;
    font-size: inherit;
    line-height: inherit;
    text-align: center;
    color: #000;
    content: ''
}

.custom_checkbox.active>i:after {
    content: '\f00c'
}

.custom_checkbox span {
    display: block;
    margin-left: 25px;
    line-height: inherit
}

.tabs__menu {
    display: table;
    margin: 0 0 20px 0;
    text-align: center;
    padding: 0;
    width: 100%;
    float: left;
    list-style: none
}

.tabs__menu__item {
    display: block;
    float: left;
    list-style: none;
    padding: 0;
    margin: 0
}

.tabs__menu__item a {
    text-align: center;
    padding: 0 15px;
    background: #fff;
    width: 100%;
    margin: 0;
    display: block;
    float: left;
    background: #fff;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    color: #606060;
    text-decoration: none;
    border-bottom: 3px solid transparent;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.tabs__menu__item a:focus {
    outline: 0
}

.tabs__menu__item a:active,
.no-touch .tabs__menu__item a:hover {
    text-decoration: none;
    color: #000;
    border-color: #d5f2cd
}

.tabs__menu__item.ui-state-active a:active,
.no-touch .tabs__menu__item.ui-state-active a:hover,
.tabs__menu__item.ui-state-active a {
    color: #000;
    border-color: #00c148
}

.btn {
    border-radius: 5px;
    border: 2px solid #ababab;
    display: inline-block;
    height: 30px;
    padding: 0 20px;
    font-size: 14;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 28px;
    color: #000;
    text-decoration: none;
    background: #fff;
    text-align: center;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.btn.active,
.btn:active,
.no-touch .btn:hover {
    border-color: #00c148;
    color: #000;
    text-decoration: none
}

.btn-green {
    border-color: #00c148;
    background: #00c148;
    color: #fff
}

.btn-green.active,
.btn-green:active,
.no-touch .btn-green:hover {
    background: #66d048;
    border-color: #66d048;
    color: #fff;
    text-decoration: none
}

.inputbox {
    vertical-align: middle;
    border: 1px solid #d7d7d7;
    color: #000;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0 10px;
    background: #fff;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.inputbox:focus {
    outline: 0;
    border-color: #4b83e5
}

.inputbox::-webkit-input-placeholder {
    color: #ababab
}

.inputbox::-moz-placeholder {
    color: #ababab
}

.inputbox:-moz-placeholder {
    color: #ababab
}

.inputbox:-ms-input-placeholder {
    color: #ababab
}

.inputbox:disabled::-webkit-input-placeholder {
    color: #ccc
}

.inputbox:disabled::-moz-placeholder {
    color: #ccc
}

.inputbox:disabled:-moz-placeholder {
    color: #ccc
}

.inputbox:disabled:-ms-input-placeholder {
    color: #ccc
}

.textbox {
    vertical-align: middle;
    border: 1px solid #e6e6e6;
    color: #6b6b6b;
    height: 60px;
    line-height: 18px;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 4px;
    background: #fff;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.textbox:focus {
    outline: 0;
    border-color: #999
}

.textbox::-webkit-input-placeholder {
    color: #888
}

.textbox::-moz-placeholder {
    color: #888
}

.textbox:-moz-placeholder {
    color: #888
}

.textbox:-ms-input-placeholder {
    color: #888
}

.icon {
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.icon-search {
    background-image: url('../img/icon-search.svg')
}

.icon-search:active,
.no-touch .icon-search:hover {
    background-image: url('../img/icon-search-hover.svg')
}

.tcon {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    transition: .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 40px;
    background: transparent;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.tcon>* {
    display: block
}

.tcon:hover,
.tcon:focus {
    outline: 0
}

.tcon::-moz-focus-inner {
    border: 0
}

.tcon-menu__lines {
    display: inline-block;
    height: 4px;
    width: 24px;
    border-radius: 1px;
    transition: .3s;
    background: #4b83e5;
    position: relative
}

.tcon-menu__lines::before,
.tcon-menu__lines::after {
    display: inline-block;
    height: 4px;
    width: 24px;
    border-radius: 1px;
    transition: .3s;
    background: #4b83e5;
    content: '';
    position: absolute;
    left: 0;
    -webkit-transform-origin: 1px center;
    transform-origin: 1px center
}

.tcon-menu__lines::before {
    top: 8px
}

.tcon-menu__lines::after {
    top: -8px
}

.tcon-transform .tcon-menu__lines {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8)
}

.tcon-menu--xcross {
    width: auto
}

.tcon-menu--xcross.tcon-transform .tcon-menu__lines {
    background: transparent
}

.tcon-menu--xcross.tcon-transform .tcon-menu__lines::before,
.tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    width: 24px
}

.tcon-menu--xcross.tcon-transform .tcon-menu__lines::before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg)
}

.tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg)
}

.tcon-visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.tcon-visuallyhidden:active,
.tcon-visuallyhidden:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.tcon-loader--spinner360 {
    border-radius: 80%;
    display: block;
    height: 40px;
    width: 40px;
    position: relative;
    -webkit-animation: tcon-spin360 .675s linear infinite forwards;
    animation: tcon-spin360 .675s linear infinite forwards;
    background: lightgray
}

.tcon-loader--spinner360:before,
.tcon-loader--spinner360:after {
    content: "";
    display: block;
    position: absolute
}

.tcon-loader--spinner360:before {
    border-radius: 0 90px 90px 0;
    height: 40px;
    width: 50%;
    top: 0;
    right: 0;
    z-index: 1;
    background: black;
    background-image: linear-gradient(lightgray, black)
}

.tcon-loader--spinner360:after {
    border-radius: 80%;
    height: 30px;
    width: 30px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    background: white
}

.preloader.tcon-loader--spinner360 {
    width: 20px;
    height: 20px
}

.preloader.tcon-loader--spinner360:before {
    border-radius: 0 45px 45px 0;
    height: 20px;
    width: 50%;
    top: 0;
    right: 0;
    z-index: 1;
    background: black;
    background-image: linear-gradient(lightgray, black)
}

.preloader.tcon-loader--spinner360:after {
    border-radius: 80%;
    height: 15px;
    width: 15px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    background: #fff
}

@-webkit-keyframes tcon-spin360 {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes tcon-spin360 {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.tcon-visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.tcon-visuallyhidden:active,
.tcon-visuallyhidden:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

#wrapper {
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    float: none;
    margin: auto !important;
    position: relative;
    z-index: 110
}

.wrapper {
    float: left;
    width: 100%;
    position: relative
}

#wrapper_inner {
    width: 100%;
    float: left;
    background: #fff;
    position: relative;
    z-index: 200
}

.container {
    display: block;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    padding: 0 15px;
    min-width: 320px;
    z-index: 10
}

.wrapper:before,
.wrapper:after,
.container:before,
.container:after,
#wrapper:before,
#wrapper:after,
#wrapper_inner:before,
#wrapper_inner:after {
    position: relative;
    width: 100%;
    height: 0;
    clear: both;
    content: "";
    display: block
}

@media only screen and (min-width:768px) {
    #wrapper {
        width: 750px
    }
    .container {
        width: 750px;
        padding-left: 15px;
        padding-right: 15px
    }
    #wrapper_inner {
        float: none;
        margin: auto;
        width: 750px
    }
}

@media only screen and (min-width:992px) {
    #wrapper {
        width: 960px
    }
    .container {
        width: 960px;
        padding-left: 20px;
        padding-right: 20px
    }
    #wrapper_inner {
        width: 960px
    }
}

@media only screen and (min-width:1500px) {
    #wrapper {
        width: 100%;
        margin-top: 40px !important;
        max-width: 1420px;
        padding: 0 30px;
    }
    .container {
               width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    #wrapper_inner {
                width: 100%;
    }
}

h1 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 400;
    color: #222;
    margin: 0 0 10px 0
}

h2 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    color: #222;
    margin: 0 0 10px 0
}

h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #222;
    margin: 0
}

h4 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #000;
    margin: 0 0 10px 0
}

.blocktitle {
font-size: 24px;
    color: #282828;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.sectiontitle {
    text-align: center;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    line-height: 22px;
    margin: 10px 0 0 0
}

.pagetitle {
    text-align: center;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    line-height: 22px;
    margin: 10px 0 10px 0
}

h1.articletitle {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #000;
    margin: 0;
    padding: 0 0 10px 0
}

@media only screen and (min-width:768px) {
    h1 {
        font-size: 36px;
        line-height: 50px;
        margin-bottom: 20px
    }
    h2 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px
    }
    h3 {
        font-size: 22px;
        line-height: 28px
    }
    h4 {
        font-size: 16px;
        line-height: 20px
    }
    .sectiontitle {
        font-size: 23px;
        line-height: 28px
    }
    .pagetitle {
        font-size: 23px;
        line-height: 28px
    }
    h1.articletitle {
        font-size: 26px;
        line-height: 30px
    }
}

.section_separator {
    height: 0;
    border: 0;
    margin: 15px 0;
    width: 100%;
    float: left;
    position: relative
}

.section_separator:after {
    position: absolute;
    left: 0;
    content: '';
    display: block;
    top: 0;
    height: 1px;
    width: 100%;
    background: #dfdfdf;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.container .section_separator:after {
    padding-right: 15px;
    padding-left: 15px;
    left: -15px
}

.quote {
    padding: 0 0 0 10px;
    border-left: 5px solid #00c148;
    width: 100%;
    float: left;
    margin: 30px 0
}

.quote:after {
    bottom: 17px !important
}

.quote__text {
    font-size: 16px;
    line-height: 20px;
    font-style: italic;
    color: #000;
    font-weight: 500;
    width: 100%;
    float: left
}

.quote__author {
    margin-top: 10px;
    width: 100%;
    float: left;
    color: #000;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px
}

.quote__author__desc {
    width: 100%;
    float: left;
    color: #000;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.content_article {
    border-left: 5px solid #00c148;
    padding: 10px 0 10px 10px;
    width: 100%;
    float: left;
    margin: 20px 0;
    text-decoration: none;
    color: #000
}

.content_article.content_article_right {
    float: right
}

.content_article:active,
.no-touch .content_article:hover {
    text-decoration: none;
    color: #000
}

.content_article__title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500
}

.content_article__btn {
    width: 200px;
    margin-top: 15px
}

.content_article:active .content_article__btn,
.no-touch .content_article:hover .content_article__btn {
    border-color: #00c148
}

.more_info {
    width: 100%;
    text-align: center;
    float: left;
    padding: 0
}

.more_link,
.more_info__link {
    font-size: 14px;
    line-height: 20px;
    color: #6b6b6b;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500
}

.more_link:active,
.no-touch .more_link:hover,
.more_info__link:active,
.no-touch .more_info__link:hover {
    text-decoration: none
}

.block_categories,
.block_categories_select {
    display: none
}

.selectric-block_categories_select {
    display: block
}

.selectric-block_categories_select .selectric-items,
.selectric-block_categories_select .selectric {
    border-color: #4b83e5
}

.selectric-block_categories_select .button {
    color: #4b83e5
}

@media only screen and (min-width:768px) {
    .quote {
        padding-left: 30px
    }
    .content_article {
        width: 50%;
        padding-left: 30px;
        padding-right: 10px;
        margin: 10px 0;
        border-width: 5px;
        padding-top: 20px;
        padding-bottom: 20px
    }
    .section_separator {
        margin: 15px 0
    }
    .selectric-block_categories_select {
        display: none
    }
    .block_categories {
        display: block;
        width: 100%;
        float: left;
        text-align: center;
        margin: 0 0 30px 0
    }
    .block_categories__item {
        display: inline-block;
        border: 2px solid #4b83e5;
        background: #fff;
        color: #4b83e5;
        font-size: 13px;
        line-height: 20px;
        padding: 3px 12px;
        font-weight: 400;
        text-decoration: none;
        margin: 3px 2px
    }
    .block_categories__item.active,
    .block_categories__item:active,
    .no-touch .block_categories__item:hover {
        background: #4b83e5;
        color: #fff;
        text-decoration: none
    }
}

@media only screen and (min-width:992px) {
    .container .section_separator:after {
        padding-right: 20px;
        padding-left: 20px;
        left: -20px
    }
}

@media only screen and (min-width:1500px) {
    .container .section_separator:after {
        padding-right: 30px;
        padding-left: 30px;
        left: -30px
    }
}

.block_more {
    width: 100%;
    float: left;
    text-align: center;
    margin: 30px 0 0 0
}

.block_more__link {
    background: #fff;
    display: inline-block;
    border: 2px solid #4b83e5;
    color: #4b83e5;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 20px;
    padding: 5px 17px;
    font-weight: 700;
    text-decoration: none;
    position: relative
}

.block_more__link:active,
.no-touch .block_more__link:hover {
    background: #4b83e5;
    color: #fff;
    text-decoration: none
}

.block_more__link.loading:active,
.no-touch .block_more__link.loading:hover,
.block_more__link.loading {
    border-color: #d7d7d7;
    background: #fff
}

.block_more__link.loading span {
    opacity: 0
}

.block_more__link.loading .preloader {
    opacity: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -10px
}

.image-width {
    width: 100%;
    float: left;
    margin: 6px 0 20px 0;
    position: relative
}

.image-right img,
.image-left img,
.image-width img {
    width: 100%;
    display: block
}

.image-left {
    width: 100%;
    float: left;
    margin: 6px 0 20px 0
}

.image-right {
    width: 100%;
    float: right;
    margin: 6px 0 20px 0
}

.image-width .image__desc,
.image-left .image__desc,
.image-right .image__desc {
    font-size: 13px;
    font-style: italic;
    line-height: 20px;
    color: #999;
    width: 100%;
    float: left;
    margin-top: 6px
}

.image__main {
    position: relative;
    width: 100%;
    float: left
}

.image__source {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 20px;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.6) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.6)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.6) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.6) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0)
}

@media only screen and (min-width:768px) {
    .image-left {
        display: inline-block;
        width: 50%;
        margin: 6px 40px 20px 0
    }
    .image-right {
        display: inline-block;
        width: 50%;
        margin: 6px 0 20px 40px
    }
}

.contain {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.cover {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.contain img,
.cover img {
    display: none;
    border: 0
}

.table_container {
    position: relative;
    overflow: hidden;
    width: 290px;
    margin: auto;
    margin: 20px 0
}

.table {
    width: 100%;
    position: relative;
    font-size: 13px;
    line-height: 20px
}

.table th {
    font-weight: 700;
    font-size: 13px;
    border-bottom: 1px dotted #cacaca
}

.table th,
.table td {
    padding: 5px 10px
}

.table td {
    border-top: 1px dotted #cacaca
}

.table td:first-child {
    border-left: 0
}

@media only screen and (min-width:768px) {
    .table_container {
        width: 750px
    }
}

@media only screen and (min-width:992px) {
    .table_container {
        width: 900px
    }
    .content-sidebar .table_container {
        width: 630px
    }
}

@media only screen and (min-width:1500px) {
    .table_container {
        width: 1070px
    }
    .content-sidebar .table_container {
        width: 800px
    }
}

.blockmore {
    width: 100%;
    float: left;
    margin: 20px 0 10px 0;
    text-align: center
}

.blockmore-btn {
    border-radius: 5px;
    border: 0px solid #ababab;
    display: inline-block;
    height: auto;
    padding: 3px 40px;
    font-size: 14;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 28px;
    color: #ffffff;
    text-decoration: none;
    background: #00c148;
    position: relative;
}

.blockmore-btn:active,
.no-touch .blockmore-btn:hover {
border-color: #00c148;
    color: #ffffff;
    text-decoration: none;
    background: #0093ec;
}

.blockmore-btn.loading:active,
.no-touch .blockmore-btn.loading:hover,
.blockmore-btn.loading {
    border-color: #d7d7d7;
    background: #fff
}

.blockmore-btn.loading span {
    opacity: 0
}

.blockmore-btn.loading .preloader {
    opacity: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -10px
}

.btn_social {
    display: inline-block;
    margin-right: 5px;
    border-radius: 5px;
    width: 70px;
    height: 26px;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    text-decoration: none
}

.btn_social:active,
.no-touch .btn_social:hover {
    color: #fff;
    text-decoration: none
}

.btn_social-fb {
    background-color: #475993
}

.btn_social-tw {
    background-color: #00aced
}

.btn_social-gp {
    background-color: #dd4b39
}

ol,
ul {
    margin: 8px 0;
    width: 100%;
    float: left;
    padding-left: 20px
}

ol li,
ul li {
    margin: 5px 0;
    width: 100%;
    padding-left: 10px
}

ol li>span,
ul li>span {
    color: #000
}

ul.list-dash {
    padding-left: 20px
}

ul.list-dash li {
    position: relative;
    color: #98d18a;
    list-style: none
}

ul.list-dash li:before {
    display: block;
    position: absolute;
    left: -10px;
    top: 0;
    content: "\2014";
    margin-right: 20px
}

ol.list-mark li,
ul.list-mark li {
    position: relative;
    color: #00c148
}

ol.list-mark li>span,
ul.list-mark li>span {
    color: #000
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
    clear: both
}

.header {
    position: fixed;
    left: 0;
    top: 0;
    height: 95px;
    width: 100%;
    float: left;
    z-index: 500;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear
}

body {
    padding-top: 60px
}

.header.active.scrolled {
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    transition: all 0s linear
}

.header.active {
    top: 10px
}

.header .container {
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    height: 60px
}

.header__top {
    position: absolute;
    top: 0;
    left: 0;
    height: 60px;
    width: 100%;
    background: #fff;
    z-index: 200;
    border-bottom: 1px solid #dfdfdf
}

.header__logo {
    position: absolute;
    left: 10px;
    top: 17px;
    height: 30px;
    width: 150px;
    z-index: 500;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.header__logo img {
    width: 100%;
    display: block;
	height: auto;
}

.header__bottom {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    padding: 10px 0 10px 0;
    background: #fff;
    border-bottom: 1px solid #dfdfdf;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.header__bottom.active {
    top: 95px !important
}

@media(min-width:768px) {
    .header__bottom.active {
        top: 60px !important
    }
}

.header__mainmenu__btn-open {
    height: 60px;
    width: 40px;
    position: absolute;
    right: 0;
    top: 0
}

.header__mainmenu__btn-open .tcon {
    height: 60px;
    font-size: 20px;
    width: 40px
}

.header__mainmenu__btn-open .tcon-menu__lines:after,
.header__mainmenu__btn-open .tcon-menu__lines:before,
.header__mainmenu__btn-open .tcon-menu__lines {
    background: #333
}

.no-touch .header__mainmenu__btn-open .tcon-transform .tcon-menu__lines:after,
.no-touch .header__mainmenu__btn-open .tcon-transform .tcon-menu__lines:before,
.header__mainmenu__btn-open:active .tcon-menu__lines:after,
.no-touch .header__mainmenu__btn-open:hover .tcon-menu__lines:after,
.header__mainmenu__btn-open:active .tcon-menu__lines:before,
.no-touch .header__mainmenu__btn-open:hover .tcon-menu__lines:before,
.header__mainmenu__btn-open:active .tcon-menu__lines,
.no-touch .header__mainmenu__btn-open:hover .tcon-menu__lines {
    background: #00c148
}

.header__mainmenu__btn-open:active .tcon-transform .tcon-menu__lines,
.no-touch .header__mainmenu__btn-open:hover .tcon-transform .tcon-menu__lines {
    background: inherit
}

.header__menu {
    padding: 0 20px;
    width: 100%;
    float: left;
    text-align: center
}

.header__menu__link {
    display: inline-block;
    padding: 4px 5px;
    color: #000;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 15px;
    font-weight: 500;
    height: 22px;
    margin: 4px 5px
}

.header__menu__link:active,
.no-touch .header__menu__link:hover {
    color: #00c148;
    text-decoration: none
}

.header__project_menu {
    padding: 0 20px;
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 10px
}

.header__project_menu__link {
    display: inline-block;
    padding: 4px 0;
    padding-left: 7px;
    color: #00c148;
    font-size: 14px;
    line-height: 14px;
    height: 20px;
    margin: 4px 0;
    margin-left: 5px;
    border-left: 1px solid #d3d3d3
}

.header__project_menu__link:active,
.no-touch .header__project_menu__link:hover {
    color: #00c148;
    text-decoration: underline
}

.header__project_menu__link:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: 0
}

.header__search {
    width: 100%;
    float: left;
    margin-top: 10px
}

.header__search__btn-open {
    position: absolute;
    right: 42px;
    top: 0;
    z-index: 20;
    height: 60px;
    width: 40px;
    line-height: 56px;
    background: 0;
    border: 0;
    font-size: 20px;
    display: block;
    padding: 0;
    text-align: center;
    color: #000;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.header__search__options__btn-open {
    position: absolute;
    padding: 21px 22px;
    font-size: 26px;
    color: #888;
    cursor: pointer
}

.iradio input {
    position: absolute;
    left: -99999px
}

.icheckbox input {
    position: absolute;
    left: -99999px
}

.iradio,
.icheckbox {
    cursor: pointer
}

.iradio>i {
    float: left;
    display: block;
    width: 22px;
    height: 22px;
    font-size: 15px;
    line-height: 24px;
    background: #fff;
    border: 2px solid #cfcfcf;
    position: relative;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear;
    border-radius: 30px;
    margin-right: 10px
}

.site-index .iradio>i {
    border: 2px solid rgba(97, 183, 57, 0.5)
}

.iradio input[type="radio"]:checked+i {
    border: 2px solid #0091ea
}

.iradio input[type="radio"]:checked+i:after {
    content: "";
    background: #0091ea;
    border-radius: 10px;
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
    top: -2px;
    left: 3px
}

.icheckbox>i {
    float: left;
    display: block;
    width: 20px;
    height: 20px;
    font-size: 15px;
    line-height: 24px;
    background: #fff;
    border: 2px solid #cfcfcf;
    position: relative;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear;
    margin-right: 10px
}

.icheckbox input[type="checkbox"]:checked+i {
    border: 2px solid #0091ea;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    text-align: center;
    color: #69bf50
}

.icheckbox input[type="checkbox"]:checked+i:after {
    content: '\f00c';
    top: -4px;
    position: relative;
    left: -1px
}

.form-group {
    display: inline-block;
    margin-left: 12px;
    padding-bottom: 10px
}

.header__search__options__list {
    display: none;
    position: absolute;
    bottom: -63px;
    width: 100%;
    background: #fff;
    border-top: 1px solid #eee;
    padding: 17px 10px;
    text-align: left
}

.header__search__options__list .form-group div {
    display: inline-block
}

.header__search__btn-open i {
    display: inline-block;
    vertical-align: middle
}

.header__search__btn-open span {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

.header__lang {
    display: flex;
    position: absolute;
    top: 15px;
    right: 80px;
    z-index: 20;
    text-align: center;
    cursor: pointer
}

@media(max-width:991px) {
    .header__lang {
        top: 11px;
        right: 90px
    }
}

@media(max-width:767px) {
    .header__lang {
        display: inline-block;
        width: 37px;
        height: 35px
    }
}

.header__lang__link {
    display: block;
    float: left;
    padding: 5px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid transparent
}

@media(max-width:991px) {
    .header__lang__link {
        padding: 9px 8px 10px 7px
    }
}

@media(max-width:767px) {
    .header__lang__link {
        width: 37px;
        height: 35px;
        border: 0
    }
}

.header__lang__link.is-current {
    display: none
}

@media(max-width:767px) {
    .header__lang__link.is-current {
        display: block
    }
}

@media(max-width:767px) {
    .header__lang__link.is-current,
    .header__lang__link.is-current:active,
    .no-touch .header__lang__link.is-current:hover {
        text-decoration: none;
        border: 1px solid #0091ea
    }
}

.header__lang__link:active,
.header__lang__link.active {
    text-decoration: none;
    color: #000;
    border: 1px solid #0091ea
}

.no-touch .header__lang__link:hover {
    text-decoration: none;
    color: #0091ea
}

.header__lang__link.active:hover {
    color: #000
}

@media(max-width:767px) {
    .header__lang__link:active,
    .header__lang__link.active,
    .no-touch .header__lang__link:hover {
        border: 0
    }
    .header__lang__link.active {
        color: #0091ea
    }
    .header__lang__link.active:hover {
        color: #0091ea
    }
    .header__lang__link.is-current:focus {
        color: #0091ea
    }
}

.header__lang__list {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding-left: 0;
    background: #fff
}

@media(max-width:767px) {
    .header__lang__list {
        display: none;
        flex-direction: column;
        width: 37px;
        border: 1px solid #0091ea;
        border-top: 0
    }
}

.header__lang__item {
    margin: 0;
    padding-left: 0;
    list-style-type: none
}

@media(max-width:767px) {
    .header__lang__item {
        height: 35px
    }
}

.header__search__block {
    width: 100%;
    float: left;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 6000;
    display: none
}

.header__search__block .container {
    background: 0
}

.header__search__block_inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.header__search__block__overlay {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7)
}

.header__search__form {
    margin-top: 0;
    position: relative;
    z-index: 10;
    display: block;
    float: left;
    height: auto;
    width: 100%;
    padding: 0;
    background: #fff;
    top: -160px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.header__search__block.active .header__search__form {
    top: 0
}

.header__search__inputbox {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    display: block;
    float: left;
    height: 30px;
    vertical-align: top;
    margin: 0;
    width: calc(100% - 40px);
    background: 0;
    text-align: center;
    color: #000;
    font-size: 18px;
    padding: 20px;
    border-bottom: 2px solid #00c148;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.header__search__inputbox::-webkit-input-placeholder {
    color: #a1a1a1
}

.header__search__inputbox::-moz-placeholder {
    color: #a1a1a1
}

.header__search__inputbox:-moz-placeholder {
    color: #a1a1a1
}

.header__search__inputbox:-ms-input-placeholder {
    color: #a1a1a1
}

.header__search__inputbox:focus {
    outline: 0
}

.header__search__btn-submit {
    height: 50px;
    width: 50%;
    float: left;
    line-height: 42px;
    background: 0;
    border: 0;
    font-size: 14px;
    display: block;
    float: left;
    text-align: center;
    color: #000;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.header__search__btn-submit:active,
.no-touch .header__search__btn-submit:hover {
    color: #00c148;
    text-decoration: none
}

.header__search__btn-submit:focus {
    outline: 0
}

.header__search__btn-submit span {
    vertical-align: middle;
    display: inline-block
}

.header__search__btn-submit i {
    font-size: 20px;
    margin-right: 5px;
    vertical-align: middle;
    display: inline-block
}

.header__search__btn-close {
    display: block;
    float: left;
    width: 50%;
    font-size: 14px;
    height: 50px;
    line-height: 42px;
    text-align: center;
    color: #000;
    background: 0;
    text-decoration: none;
    border: 0;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.header__search__btn-close:active,
.no-touch .header__search__btn-close:hover {
    text-decoration: none;
    color: #00c148
}

.header__search__btn-close:focus {
    outline: 0
}

.header__search__btn-close span {
    vertical-align: middle;
    display: inline-block
}

.header__search__btn-close i {
    font-size: 20px;
    margin-right: 5px;
    vertical-align: middle;
    display: inline-block
}

.header__search__block .container {
    padding: 0
}

@media only screen and (min-width:768px) {
    .header__search__block__overlay {
        width: 100vw;
        left: 50%;
        top: 0;
        margin-left: -50vw;
        margin-right: -50vw
    }
    .header__search__form {
        text-align: center;
        top: -80px
    }
    .header__search__inputbox {
        text-align: left;
        width: calc(100% - 305px);
        padding-left: 66px
    }
    .header__search__btn-submit,
    .header__search__btn-close {
        display: block;
        float: left;
        height: 72px;
        width: 100px;
        border-bottom: 2px solid #00c148
    }
}

@media only screen and (min-width:992px) {
    body {
        padding-top: 70px
    }
    .header {
        left: 50%;
        width: 960px;
        margin-left: -480px;
        height: 85px;
        top: -70px
    }
    .header .container {
        height: 85px;
    }
    .header__top {
        position: absolute;
        left: 0;
        top: 0;
        background: 0;
        z-index: 300;
        width: 100%;
        height: 85px;
    }
    .header__logo {
        position: absolute;
        top: 15px;
        left: 20px;
        height: 40px;
        width: 270px;
        background: 0
    }
    .header__logo img {
        display: block
    }
    .header__mainmenu__btn-open {
        display: none
    }
    .header__search__btn-open {
        right: 0;
        height: 70px;
        line-height: 66px;
        z-index: 100;
        width: 50px
    }
    .header__lang {
        top: 20px;
        right: 40px
    }
    .header__menu {
        display: inline-block;
        z-index: 1000;
        float: none;
        position: relative;
        width: auto;
        margin: 0;
        padding: 0;
        white-space: nowrap
    }
    .header__menu__link {
        margin-bottom: 0;
        margin-top: 0;
        margin-left: 0;
        padding-left: 0
    }
    .header__project_menu {
        width: auto;
        margin-top: 5px;
        text-align: left;
        padding: 0
    }
    .header__project_menu__link {
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0
    }
    .header__bottom {
        z-index: 400;
        height: 70px;
        position: relative;
        width: 370px !important;
        float: left;
        display: table;
        top: 0 !important;
        left: 0;
        padding: 0;
        margin-left: 280px;
        background: 0;
        border-bottom: 0;
        box-shadow: none;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
        text-align: left
    }
    .header__bottom_inner {
        text-align: left;
        padding-left: 0;
        display: table-cell;
        vertical-align: middle
    }
}

@media only screen and (min-width:1500px) {
    .header {
       width: 100%;
        margin: 0 auto;
        max-width: 1420px;
        left: 50%;
        transform: translateX(-50%);
		padding: 0 30px;
    }
    .header__logo {
        left: 30px
    }
    .header__bottom {
                margin-left: 300px;
        margin-top: 13px;
    }
    .header__search__inputbox {
        padding-left: 75px;
        padding-right: 30px;
        text-align: left;
        width: calc(100% - 305px)
    }
    .header__search__btn-open {
        right: 10px
    }
    .header__lang {
        right: 51px
    }
}

.link-support {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 18px;
    padding: 5px;
    background: #0091ea;
    border: 0;
    box-sizing: border-box;
    border-radius: 5px;
    font-weight: 600;
    font-size: 15px;
    line-height: 0;
    text-transform: uppercase;
    color: #fff;
    outline: 0
}

.link-support:hover {
    color: #fff !important;
    text-decoration: none !important
}

.link-support_mob {
    display: none
}

@media(max-width:991px) {
    .link-support {
        margin-right: 28px
    }
}

@media(max-width:767px) {
    .header__top {
        height: 95px
    }
    .link-support {
        display: none
    }
    .link-support_mob {
        display: flex;
        position: absolute;
        bottom: 0;
        margin-right: 0;
        padding: 10px;
        width: 100%;
        min-height: 35px;
        border-radius: 0
    }
}

.footer_support a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 28px;
    background: #0091ea;
    border: 0;
    box-sizing: border-box;
    border-radius: 5px;
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    outline: 0
}

.projects_block {
    margin-top: 30px;
    margin-bottom: 30px
}

.projects_carousel_block {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    border: 1px solid #dfdfdf;
    border-bottom: 0
}

.projects_carousel {
    width: 100%;
    float: left;
    position: relative
}

.projects_carousel__item {
    width: 100%;
    float: left
}

.projects_carousel__item__image_container {
    width: 100%;
    overflow: hidden;
    float: left;
    position: relative
}

.projects_carousel__item__image {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 57.25%;
    width: 100%;
    float: left;
    display: block;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative
}

.projects_carousel__item:active .projects_carousel__item__image,
.no-touch .projects_carousel__item:hover .projects_carousel__item__image {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1)
}

.projects_carousel__item__logo {
    background: #fff;
    position: absolute;
    left: 30px;
    top: 0;
    z-index: 1000
}

.projects_carousel__item__content {
    width: 100%;
    float: left;
    padding: 20px;
    margin: 0
}

.projects_carousel__item__title {
    width: 100%;
    float: left;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #333;
    margin-bottom: 10px
}

.projects_carousel__item__desc {
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #333;
    margin-bottom: 10px
}

.projects_carousel__item__desc p {
    margin: 0
}

.projects_carousel__item__link {
    margin-top: 10px;
    margin-bottom: 20px
}

.projects_thumbs {
    position: relative;
    width: 100%;
    float: left;
    height: auto;
    overflow: hidden;
    padding: 10px 30px 0 30px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    z-index: 100
}

.projects_carousel_thumbs {
    position: relative;
    z-index: 100;
    background: #fff
}

.projects_carousel_thumbs__item {
    width: 100%;
    margin: 0;
    float: left;
    background: #fff;
    overflow: visible;
    height: auto;
    padding: 0 20px;
    border-bottom: 3px solid transparent;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.projects_carousel_thumbs .owl-item.synced:active .projects_carousel_thumbs__item,
.no-touch .projects_carousel_thumbs .owl-item.synced:hover .projects_carousel_thumbs__item,
.projects_carousel_thumbs .owl-item.synced .projects_carousel_thumbs__item {
    border-color: #00c148
}

.projects_carousel_thumbs__item__image {
    width: 100%;
    margin: auto;
    margin-top: 0;
    height: 50px;
    max-width: 200px
}

.projects_carousel_thumbs__item__title {
    font-size: 11px;
    line-height: 14px;
    text-align: center;
    color: #000;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
    float: left
}

.projects_thumbs_container {
    width: 100%;
    float: left;
    margin-top: 10px
}

.projects_thumbs_container h4 {
    color: #282828;
    margin-bottom: 15px;
    margin-left: 20px
}

.projects_carousel_thumbs .owl-item {
    cursor: pointer
}

.projects_carousel_thumbs .owl-item:active .projects_carousel_thumbs__item,
.no-touch .projects_carousel_thumbs .owl-item:hover .projects_carousel_thumbs__item {
    border-color: #d5f2cd
}

.carousel_thumbs__next,
.carousel_thumbs__prev {
    position: absolute;
    z-index: 10;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 36px;
    height: 100%;
    color: #9f9f9f;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px auto;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.carousel_thumbs__prev {
    left: 0;
    top: 0
}

.carousel_thumbs__next {
    left: auto;
    right: 0;
    top: 0
}

.carousel_thumbs__prev:after,
.carousel_thumbs__next:after {
    display: block;
    position: absolute;
    width: 36px;
    height: 36px;
    top: 50%;
    left: 0;
    margin-top: -18px;
    font-family: Font Awesome\ 5 Free;
    line-height: 36px;
    font-size: 36px;
    font-weight: 900;
    text-align: center
}

.carousel_thumbs__next:after {
    content: '\f105';
    right: 0;
    left: auto
}

.carousel_thumbs__prev:after {
    content: '\f104'
}

.carousel_thumbs__next.disabled,
.carousel_thumbs__prev.disabled {
    cursor: default;
    opacity: .6
}

@media only screen and (max-width:767px) {
    .projects_menu_block .container,
    .projects_block .container {
        padding: 0
    }
}

@media only screen and (min-width:768px) {
    .projects_carousel {
        height: auto
    }
    .projects_carousel__item {
        height: auto;
        display: table;
        position: relative
    }
    .projects_carousel__item__image_container {
        float: none;
        width: 300px;
        height: auto;
        display: table-cell;
        vertical-align: top;
        position: relative;
        padding: 0
    }
    .projects_carousel__item__image {
        height: 100%;
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        width: 100%;
        padding: 0;
        z-index: 10
    }
    .projects_carousel__item__content {
        margin: 0;
        float: none;
        width: auto;
        padding-left: 20px;
        display: table-cell;
        vertical-align: middle;
        padding-bottom: 140px
    }
    .projects_carousel__item__title {
        font-size: 24px;
        margin-top: 15px;
        line-height: 30px;
        font-weight: 500
    }
    .projects_thumbs_container {
        position: absolute;
        width: 417px;
        right: 0;
        bottom: 0;
        margin-top: 0
    }
    .projects_thumbs_container h4 {
        margin-left: 20px
    }
}

@media only screen and (min-width:992px) {
    .projects_block {
        margin-bottom: 40px
    }
    .projects_carousel__item__image_container {
        width: 50%
    }
    .projects_thumbs_container {
        width: 458px
    }
}

@media only screen and (min-width:1500px) {
    .projects_block {
        margin-bottom: 50px
    }
    .projects_carousel__item__image_container {
        width: 650px
    }
    .projects_thumbs_block {
        width: 458px
    }
}

.events_carousel_block {
    width: 100%;
    float: left
}

.events_carousel__item {
    width: 100%;
    position: relative;
    float: left;
    padding-bottom: 20px
}

.events_carousel__item__left {
    width: 100%;
    float: left;
    padding: 30px 0;
    text-align: center;
    margin-bottom: 10px
}

.events_carousel__item__date_icon {
    color: #fff;
    font-size: 36px;
    margin-right: 20px;
    vertical-align: middle;
    display: inline-block
}

.events_carousel__item__date_icon i {
    vertical-align: middle;
    display: inline-block
}

.events_carousel__item__date {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    float: none;
    font-synthesis: 16px;
    line-height: 14px
}

.events_carousel__item__date div {
    font-size: 30px;
    font-weight: 700;
    line-height: 26px
}

.events_carousel__item__title {
    display: block;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #000;
    width: 100%;
    float: left;
    text-decoration: none
}

.events_carousel__item__title:active,
.no-touch .events_carousel__item__title:hover {
    text-decoration: none
}

.events_carousel__desc {
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
    color: #5f5f5f;
    margin-bottom: 20px;
    max-width: 740px
}

.events_carousel__item__image_container {
    width: 100%;
    float: left;
    position: relative;
    margin: 20px 0
}

.events_carousel__item__image_container:before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3)
}

.events_carousel__item__image {
    z-index: 10;
    width: 100%;
    float: left;
    padding-top: 57.25%
}

.events_carousel__item__bottom {
    width: 100%;
    float: left
}

.events_carousel__item__address {
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: #333;
    margin-bottom: 20px
}

.events_carousel__item__address i {
    color: #00c148;
    display: block;
    float: left;
    font-size: 24px;
    line-height: 18px
}

.events_carousel__item__address span {
    display: block;
    margin-left: 25px
}

.events_carousel__item__calendar {
    width: 100%;
    text-align: center
}

.events_thumbs_block {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 10px;
    padding: 0 25px
}

.events_thumbs__prev {
    margin-left: -15px
}

.events_thumbs__next {
    margin-right: -15px
}

.events_carousel_thumbs {
    position: relative;
    z-index: 100;
    background: #fff
}

.events_carousel_thumbs__item {
    width: 100%;
    margin: 0;
    padding: 0 10px 10px 10px;
    float: left;
    height: auto;
    background: #fff;
    border-bottom: 3px solid transparent;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.events_carousel_thumbs .owl-item.synced:active .events_carousel_thumbs__item,
.no-touch .events_carousel_thumbs .owl-item.synced:hover .events_carousel_thumbs__item,
.events_carousel_thumbs .owl-item.synced .events_carousel_thumbs__item {
    border-color: #00c148
}

.events_carousel_thumbs .owl-item {
    cursor: pointer
}

.events_carousel_thumbs .owl-item:active .events_carousel_thumbs__item,
.no-touch .events_carousel_thumbs .owl-item:hover .events_carousel_thumbs__item {
    border-color: #d5f2cd
}

.events_carousel_thumbs__item__date {
    font-size: 12px;
    line-height: 14px;
    color: #5f5f5f;
    margin-bottom: 5px;
    width: 100%;
    float: left
}

.events_carousel_thumbs__item__title {
    width: 100%;
    float: left;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #333
}

@media only screen and (min-width:768px) {
    .events_carousel__item {
        display: table
    }
    .events_carousel__item__left {
        width: 160px;
        display: table-cell;
        float: none;
        padding: 0;
        vertical-align: middle;
        text-align: center;
        margin-bottom: 0
    }
    .events_carousel__item__date_icon {
        color: #fff;
        font-size: 36px;
        margin-right: 0;
        vertical-align: middle;
        display: block;
        margin-bottom: 20px
    }
    .events_carousel__item__date_icon i {
        vertical-align: middle;
        display: inline-block
    }
    .events_carousel__item__date {
        color: #fff;
        display: inline-block;
        vertical-align: middle;
        float: none;
        font-synthesis: 18px;
        line-height: 20px
    }
    .events_carousel__item__date div {
        font-size: 50px;
        font-weight: 700;
        line-height: 46px
    }
    .events_carousel__item__right {
        display: table-cell;
        float: none;
        vertical-align: top;
        padding-left: 30px
    }
    .events_carousel__item__date {
        font-size: 20px
    }
    .events_carousel__item__address {
        margin-bottom: 20px
    }
    .events_carousel__item__calendar {
        width: 190px
    }
}

.material_item {
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: top
}

.material_item__inner {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 66.86%;
    z-index: 10;
    overflow: hidden
}

.material_item__link {
    color: #000;
    text-decoration: none
}

.material_item__link:active,
.no-touch .material_item__link:hover {
    color: #000;
    text-decoration: none
}

.material_item__image_container {
    padding-bottom: 68.86%;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden
}

.material_item__image {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.material_item__image:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .2;
    z-index: 10;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear;
	border-radius: 5px;
}

.material_item__link:active .material_item__image:after,
.no-touch .material_item__link:hover .material_item__image:after {
    opacity: 0
}

.material_item__title {
    position: relative;
    display: block;
    width: 100%;
    float: left;
    padding: 0 0 3px 0;
    bottom: auto;
    top: 0;
    left: 0;
    font-size: 15px;
    font-weight: 500;
    line-height: 21px;
    z-index: 20
}

.material_item__title span {
    display: inline;
    padding-bottom: 1px;
    border-bottom: 1px solid transparent;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.material_item__link:active .material_item__title span,
.no-touch .material_item__link:hover .material_item__title span {
    border-color: #999
}

.material_item__info {
    width: 100%;
    float: left;
    margin: 5px 0;
    position: relative;
    display: table;
    vertical-align: middle
}

.material_item__info__right,
.material_item__info__left {
    display: table-cell;
    width: auto;
    text-align: left;
    vertical-align: top
}

.material_item__info__right {
    text-align: right
}

.material_item__date {
    font-size: 13px;
    line-height: 24px;
    color: #5f5f5f;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle
}

.material_item__category {
    display: inline-block;
    font-size: 13px;
    line-height: 24px;
    color: #0091ea;
    text-decoration: none;
    vertical-align: middle;
	    font-weight: 600;
}

.material_item__category:active,
.no-touch .material_item__category:hover {
    color: #00c148;
    text-decoration: underline
}

.material_item__comments,
.material_item__views {
    font-size: 13px;
    line-height: 16px;
    color: #b2b2b2;
    display: inline-block;
    vertical-align: middle
}

.material_item__comments {
    margin-left: 5px
}

.material_item__comments i,
.material_item__views i {
    margin: 0;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle
}

.material_item__comments span,
.material_item__views span {
    line-height: 20px;
    display: inline-block;
    vertical-align: middle
}

.material_item__desc {
    font-size: 13px;
    line-height: 19px;
    color: #5f5f5f
}

@media only screen and (min-width:768px) {
    .material_item__title {
        font-size: 18px;
        line-height: 24px
    }
    .materials_block-sm-4 .material_item__title,
    .materials_block-sm-3 .material_item__title {
        font-size: 15px;
        line-height: 23px
    }
}

@media only screen and (min-width:992px) {
    .materials_block-md-4 .material_item .material_item__title {
        font-size: 15px;
        line-height: 23px
    }
    .materials_block-md-3 .material_item .material_item__title {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1500px) {
    .material_item__title {
        font-size: 22px;
        line-height: 28px
    }
    .materials_block-lg-4 .material_item .material_item__title {
        font-size: 15px;
        line-height: 23px
    }
    .materials_block-lg-3 .material_item .material_item__title {
        font-size: 16px;
        line-height: 24px
    }
}

.material_item-banner img {
    display: block;
    margin: auto
}

@media only screen and (min-width:768px) {
    .material_item-banner img {
        max-width: 100%
    }
}

.materials_block div.material_item.material_item-read {
    margin: 4px 0 0 0
}

.materials_block div.material_item.material_item-read:first-child {
    margin-top: 0
}

.material_item-read .material_item__inner {
    padding: 0 0 2px 0
}

.material_item-read .material_item__info {
    margin: 0;
    display: block;
    width: 100%;
    float: left
}

.material_item-read .material_item__info__right,
.material_item-read .material_item__info__left {
    display: inline-block;
    width: auto;
    text-align: left
}

.material_item-read .material_item__info__left {
    margin-right: 10px
}

.material_item-read .material_item__title {
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    display: block;
    width: 100%;
    float: left
}

.material_item-read.important .material_item__title {
    font-weight: 700
}

.topicread_block {
    padding-bottom: 20px
}

.material_item.material_item-topicread {
    color: #000
}

.material_item-topicread .material_item__title {
    font-size: 15px !important;
    line-height: 20px !important;
    font-weight: 400;
    display: block;
    width: auto;
    float: none;
    margin-left: 85px;
    padding: 0
}

.material_item-topicread .material_item__image {
    width: 70px;
    height: 70px;
    float: left;
    padding: 0;
    margin: 0;
    position: relative;
    top: 0;
    left: 0
}

.material_item.material_item-readnews {
    padding: 0 0 2px 0;
    margin: 6px 0 0 0 !important
}

.material_item.material_item-readnews:first-child {
    padding: 0 0 2px 0;
    margin-top: 0 !important
}

.material_item-readnews .material_item__inner {
    padding: 0 0 2px 0
}

.material_item-readnews .material_item__info {
    margin: 0 !important;
    display: block;
    width: 50px;
    float: left;
    padding: 0 !important;
    height: auto !important
}

.material_item-readnews .material_item__date {
    font-size: 13px;
    line-height: 22px;
    color: #5f5f5f;
    padding: 0;
    height: auto;
    display: block;
    width: 100%;
    float: left;
    margin: 0
}

.material_item-readnews .material_item__content {
    margin: 0 0 0 50px;
    float: none;
    padding: 0
}

.material_item-readnews .material_item__category {
    font-size: 13px;
    line-height: 18px;
    margin: 4px 0 0 0;
    float: left
}

.material_item-readnews .material_item__title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    display: block;
    width: 100%;
    float: left;
    margin: 0;
    padding: 0
}

.material_item-readnews.important .material_item__title {
    font-weight: 700
}

.material_item.material_item-single {
    padding: 0 !important;
    margin: 0;
    float: left;
    display: block;
    width: 100% !important
}

@media only screen and (min-width:768px) {
    .material_item.material_item-single .material_item__inner {
        height: 350px;
        padding: 0
    }
    .material_item.material_item-single .material_item__link {
        height: 350px;
        padding: 0
    }
    .material_item.material_item-single .material_item__image_container {
        height: 350px;
        padding: 0
    }
}

.material_item-card .material_item__inner {
    background: #27363b;
    padding: 0
}

.material_item-card .material_item__link {
    padding-top: 66.86%;
    position: relative;
    width: 100%;
    float: left
}

.material_item-card .material_item__image {
    background: #27363b
}

.material_item-card .material_item__image:after {
    display: none
}

.material_item-card .material_item__cardicon {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -75px 0 0 -75px
}

.material_item-card .material_item__title {
    width: 100%;
    color: #fff;
    position: absolute;
    top: auto;
    bottom: 40px;
    left: 0;
    padding: 0 15px;
    height: auto
}

.material_item-card .material_item__link:active .material_item__title span,
.no-touch .material_item-card .material_item__link:hover .material_item__title span {
    border-color: #fff
}

.material_item-card .material_item__info {
    color: #fff;
    position: absolute;
    padding: 0 15px 10px 15px;
    margin: 0;
    bottom: 0;
    left: 0;
    z-index: 50
}

.material_item__cardscount {
    font-size: 13px;
    color: #fff;
    display: inline-block;
    vertical-align: middle
}

.material_item-card .material_item__comments,
.material_item-card .material_item__views {
    color: #fff
}

.material_item-card-2 .material_item__inner {
    padding-top: 66.86%
}

.material_item-card-2 .material_item__image {
    background: #27363b;
    width: 100%;
    float: left
}

.material_item-card-2 .material_item__image:after {
    display: none
}

.material_item-card-2 .material_item__cardicon {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -75px 0 0 -75px
}

.material_item-card-2 .material_item__info {
    margin: 5px 0;
    display: block;
    width: 100%;
    float: left;
    position: relative;
    top: auto;
    bottom: auto
}

.material_item-card-2 .material_item__info__right,
.material_item-card-2 .material_item__info__left {
    display: inline-block;
    width: auto;
    text-align: left
}

.material_item-card-2 .material_item__info__left {
    margin-right: 10px
}

.material_item__cardscount {
    font-size: 13px;
    line-height: 24px;
    color: #5f5f5f;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle
}

.material_item-game .material_item__inner {
    padding: 0
}

.material_item-game .material_item__link {
    padding-top: 66.86%;
    position: relative;
    width: 100%;
    float: left
}

.material_item-game .material_item__image:after {
    opacity: .4
}

.material_item-game .material_item__link:active .material_item__image:after,
.no-touch .material_item-game .material_item__link:hover .material_item__image:after {
    opacity: .3
}

.material_item-game .material_item__content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.material_item-game .material_item__content_inner {
    text-align: center
}

.material_item-game .material_item__title {
    width: 100%;
    padding: 0 15px;
    color: #fff;
    top: 0;
    margin-bottom: 5px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.material_item-game .material_item__link:active .material_item__title span,
.no-touch .material_item-game .material_item__link:hover .material_item__title span {
    border-color: #fff
}

.material_item-game .material_item__comments,
.material_item-game .material_item__views {
    color: #fff;
    position: relative;
    z-index: 200;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.material_item-game .material_item__play {
    z-index: 40;
    position: absolute;
    bottom: 15px;
    left: 50%;
    margin-left: -80px;
    width: 160px;
    border: 2px solid #fff;
    background: 0;
    color: #fff;
    border-radius: 5px;
    line-height: 30px;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.material_item-game .material_item__link:active .material_item__play,
.no-touch .material_item-game .material_item__link:hover .material_item__play {
    color: #fff;
    background: #00c148;
    border-color: #00c148
}

@media only screen and (min-width:768px) {
    .materials_block-sm-4 .material_item-game .material_item__play,
    .materials_block-sm-3 .material_item-game .material_item__play {
        opacity: 0;
        bottom: 50%;
        margin-bottom: -17px;
        color: #fff;
        background: #00c148;
        border-color: #00c148
    }
    .materials_block-sm-3 .material_item-game .material_item__link:active .material_item__play,
    .no-touch .materials_block-sm-3 .material_item-game .material_item__link:hover .material_item__play,
    .materials_block-sm-4 .material_item-game .material_item__link:active .material_item__play,
    .no-touch .materials_block-sm-4 .material_item-game .material_item__link:hover .material_item__play {
        opacity: 1
    }
    .materials_block-sm-4 .material_item-game .material_item__link .material_item__title,
    .materials_block-sm-3 .material_item-game .material_item__link .material_item__title {
        font-size: 15px;
        line-height: 23px;
        opacity: 1
    }
    .materials_block-sm-4 .material_item-game .material_item__link:active .material_item__title,
    .no-touch .materials_block-sm-4 .material_item-game .material_item__link:hover .material_item__title,
    .materials_block-sm-4 .material_item-game .material_item__link:active .material_item__comments,
    .no-touch .materials_block-sm-4 .material_item-game .material_item__link:hover .material_item__comments,
    .materials_block-sm-4 .material_item-game .material_item__link:active .material_item__views,
    .no-touch .materials_block-sm-4 .material_item-game .material_item__link:hover .material_item__views,
    .materials_block-sm-3 .material_item-game .material_item__link:active .material_item__title,
    .no-touch .materials_block-sm-3 .material_item-game .material_item__link:hover .material_item__title,
    .materials_block-sm-3 .material_item-game .material_item__link:active .material_item__comments,
    .no-touch .materials_block-sm-3 .material_item-game .material_item__link:hover .material_item__comments,
    .materials_block-sm-3 .material_item-game .material_item__link:active .material_item__views,
    .no-touch .materials_block-sm-3 .material_item-game .material_item__link:hover .material_item__views {
        opacity: 0
    }
    .materials_block-md-4 .material_item-game .material_item__link:active .material_item__title span,
    .no-touch .materials_block-md-4 .material_item-game .material_item__link:hover .material_item__title span,
    .materials_block-md-3 .material_item-game .material_item__link:active .material_item__title span,
    .no-touch .materials_block-md-3 .material_item-game .material_item__link:hover .material_item__title span {
        border-color: transparent
    }
}

@media only screen and (min-width:992px) {
    .material_item-game .material_item__play {
        bottom: 30px
    }
    .materials_block-md-4 .material_item-game .material_item__play,
    .materials_block-md-3 .material_item-game .material_item__play {
        opacity: 0;
        bottom: 50%;
        margin-bottom: -17px;
        color: #fff;
        background: #00c148;
        border-color: #00c148
    }
    .materials_block-md-3 .material_item-game .material_item__link:active .material_item__play,
    .no-touch .materials_block-md-3 .material_item-game .material_item__link:hover .material_item__play,
    .materials_block-md-4 .material_item-game .material_item__link:active .material_item__play,
    .no-touch .materials_block-md-4 .material_item-game .material_item__link:hover .material_item__play {
        opacity: 1
    }
    .materials_block-md-4 .material_item-game .material_item__link .material_item__title,
    .materials_block-md-3 .material_item-game .material_item__link .material_item__title {
        font-size: 16px;
        line-height: 24px;
        opacity: 1
    }
    .materials_block-md-4 .material_item-game .material_item__link:active .material_item__title,
    .no-touch .materials_block-md-4 .material_item-game .material_item__link:hover .material_item__title,
    .materials_block-md-4 .material_item-game .material_item__link:active .material_item__comments,
    .no-touch .materials_block-md-4 .material_item-game .material_item__link:hover .material_item__comments,
    .materials_block-md-4 .material_item-game .material_item__link:active .material_item__views,
    .no-touch .materials_block-md-4 .material_item-game .material_item__link:hover .material_item__views,
    .materials_block-md-3 .material_item-game .material_item__link:active .material_item__title,
    .no-touch .materials_block-md-3 .material_item-game .material_item__link:hover .material_item__title,
    .materials_block-md-3 .material_item-game .material_item__link:active .material_item__comments,
    .no-touch .materials_block-md-3 .material_item-game .material_item__link:hover .material_item__comments,
    .materials_block-md-3 .material_item-game .material_item__link:active .material_item__views,
    .no-touch .materials_block-md-3 .material_item-game .material_item__link:hover .material_item__views {
        opacity: 0
    }
    .materials_block-md-4 .material_item-game .material_item__link:active .material_item__title span,
    .no-touch .materials_block-md-4 .material_item-game .material_item__link:hover .material_item__title span,
    .materials_block-md-3 .material_item-game .material_item__link:active .material_item__title span,
    .no-touch .materials_block-md-3 .material_item-game .material_item__link:hover .material_item__title span {
        border-color: transparent
    }
}

@media only screen and (min-width:1500px) {
    .material_item-game .material_item__title {
        font-size: 28px;
        line-height: 36px
    }
    .materials_block-lg-4 .material_item-game .material_item__play,
    .materials_block-lg-3 .material_item-game .material_item__play {
        opacity: 0;
        bottom: 50%;
        margin-bottom: -17px;
        color: #fff;
        background: #00c148;
        border-color: #00c148
    }
    .materials_block-lg-3 .material_item-game .material_item__link:active .material_item__play,
    .no-touch .materials_block-lg-3 .material_item-game .material_item__link:hover .material_item__play,
    .materials_block-lg-4 .material_item-game .material_item__link:active .material_item__play,
    .no-touch .materials_block-lg-4 .material_item-game .material_item__link:hover .material_item__play {
        opacity: 1
    }
    .materials_block-lg-4 .material_item-game .material_item__link .material_item__title,
    .materials_block-lg-3 .material_item-game .material_item__link .material_item__title {
        font-size: 16px;
        line-height: 24px;
        opacity: 1
    }
    .materials_block-lg-4 .material_item-game .material_item__link:active .material_item__title,
    .no-touch .materials_block-lg-4 .material_item-game .material_item__link:hover .material_item__title,
    .materials_block-lg-4 .material_item-game .material_item__link:active .material_item__comments,
    .no-touch .materials_block-lg-4 .material_item-game .material_item__link:hover .material_item__comments,
    .materials_block-lg-4 .material_item-game .material_item__link:active .material_item__views,
    .no-touch .materials_block-lg-4 .material_item-game .material_item__link:hover .material_item__views,
    .materials_block-lg-3 .material_item-game .material_item__link:active .material_item__title,
    .no-touch .materials_block-lg-3 .material_item-game .material_item__link:hover .material_item__title,
    .materials_block-lg-3 .material_item-game .material_item__link:active .material_item__comments,
    .no-touch .materials_block-lg-3 .material_item-game .material_item__link:hover .material_item__comments,
    .materials_block-lg-3 .material_item-game .material_item__link:active .material_item__views,
    .no-touch .materials_block-lg-3 .material_item-game .material_item__link:hover .material_item__views {
        opacity: 0
    }
    .materials_block-lg-4 .material_item-game .material_item__link:active .material_item__title span,
    .no-touch .materials_block-lg-4 .material_item-game .material_item__link:hover .material_item__title span,
    .materials_block-lg-3 .material_item-game .material_item__link:active .material_item__title span,
    .no-touch .materials_block-lg-3 .material_item-game .material_item__link:hover .material_item__title span {
        border-color: transparent
    }
}

.material_item-interactive .material_item__inner {
    padding: 0
}

.material_item-interactive .material_item__link {
    padding-top: 66.86%;
    position: relative;
    width: 100%;
    float: left
}

.material_item-interactive .material_item__image:after {
    opacity: .4
}

.material_item-interactive .material_item__link:active .material_item__image:after,
.no-touch .material_item-interactive .material_item__link:hover .material_item__image:after {
    opacity: .3
}

.material_item-interactive .material_item__image {
    -webkit-transform: scale(1.2) translate3d(0, 0, 0);
    -moz-transform: scale(1.2) translate3d(0, 0, 0);
    transform: scale(1.2) translate3d(0, 0, 0)
}

.material_item-interactive .material_item__link:active .material_item__image,
.no-touch .material_item-interactive .material_item__link:hover .material_item__image {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    -moz-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0)
}

.material_item-interactive .material_item__content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.material_item-interactive .material_item__content_inner {
    text-align: center
}

.material_item-interactive .material_item__title {
    width: 100%;
    padding: 0 15px;
    color: #fff;
    top: 0;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 5px
}

.material_item-interactive .material_item__link:active .material_item__title span,
.no-touch .material_item-interactive .material_item__link:hover .material_item__title span {
    border-color: #fff
}

.material_item-interactive .material_item__comments,
.material_item-interactive .material_item__views {
    color: #fff;
    position: relative;
    z-index: 200
}

@media only screen and (min-width:768px) {
    .materials_block-sm-4 .material_item-interactive .material_item__title,
    .materials_block-sm-3 .material_item-interactive .material_item__title {
        font-size: 15px;
        line-height: 23px
    }
}

@media only screen and (min-width:992px) {
    .material_item-interactive .material_item__title {
        font-size: 24px;
        line-height: 34px
    }
    .materials_block-md-4 .material_item-interactive .material_item__title {
        font-size: 15px;
        line-height: 23px
    }
    .materials_block-md-3 .material_item-interactive .material_item__title {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1500px) {
    .material_item-interactive .material_item__title {
        font-size: 28px;
        line-height: 36px
    }
    .materials_block-lg-4 .material_item-interactive .material_item__title {
        font-size: 15px;
        line-height: 23px
    }
    .materials_block-lg-3 .material_item-interactive .material_item__title {
        font-size: 16px;
        line-height: 24px
    }
}

.material_item__mediabtn {
    width: 40px;
    height: 40px;
    left: 15px;
    bottom: 15px;
    position: absolute;
    z-index: 100;
    line-height: 40px;
    font-size: 50px;
    opacity: .7;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.material_item__link:active .material_item__mediabtn,
.no-touch .material_item__link:hover .material_item__mediabtn {
    opacity: 1
}

.material_item__mediabtn:after {
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    content: '';
    position: absolute;
    display: block;
    text-align: center;
    color: #fff;
    z-index: 100;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900
}

.material_item__mediabtn-photo:after {
    content: '\f030'
}

.material_item__mediabtn-video:after {
    content: '\f144'
}

.material_item__mediabtn-infographic:after {
    content: '\f200'
}

.material_item-media .material_item__title {
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width:768px) {
    .materials_block-sm-4 .material_item__mediabtn,
    .materials_block-sm-3 .material_item__mediabtn {
        width: 40px;
        height: 40px;
        font-size: 50px;
        line-height: 40px
    }
}

@media only screen and (min-width:992px) {
    .material_item__mediabtn {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 70px
    }
    .materials_block-md-4 .material_item__mediabtn,
    .materials_block-md-3 .material_item__mediabtn {
        width: 30px;
        height: 30px;
        font-size: 40px;
        line-height: 30px
    }
    .material_item-media .material_item__title {
        font-size: 20px;
        line-height: 28px
    }
    .materials_block-md-4 .material_item-media .material_item__title {
        font-size: 15px;
        line-height: 23px
    }
    .materials_block-md-3 .material_item-media .material_item__title {
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width:1500px) {
    .materials_block-lg-4 .material_item__mediabtn,
    .materials_block-lg-3 .material_item__mediabtn {
        width: 30px;
        height: 30px;
        font-size: 40px;
        line-height: 30px
    }
    .material_item-media .material_item__title {
        font-size: 20px;
        line-height: 28px
    }
    .materials_block-lg-4 .material_item-media .material_item__title {
        font-size: 15px;
        line-height: 23px
    }
    .materials_block-lg-3 .material_item-media .material_item__title {
        font-size: 16px;
        line-height: 24px
    }
}

.material_item-readin .material_item__inner {
    padding: 0
}

.material_item-readin .material_item__link {
    padding-top: 66.86%;
    position: relative;
    width: 100%;
    float: left
}

.material_item-readin .material_item__title {
    width: 100%;
    color: #fff;
    position: absolute;
    top: auto;
    bottom: 40px !important;
    left: 0;
    padding: 0 15px;
    height: auto
}

.material_item-readin .material_item__link:active .material_item__title span,
.no-touch .material_item-readin .material_item__link:hover .material_item__title span {
    border-color: #fff
}

.material_item.material_item-readin .material_item__info {
    color: #fff;
    position: absolute;
    padding: 0 15px 10px 15px;
    margin: 0;
    top: auto !important;
    bottom: 0 !important;
    left: 0;
    z-index: 50
}

.material_item-readin .material_item__date,
.material_item-readin .material_item__category,
.material_item-readin .material_item__comments,
.material_item-readin .material_item__views {
    color: #fff
}

.material_item-readin .material_item__category:active,
.no-touch .material_item-readin .material_item__category:hover {
    color: #fff
}

.material_item-readin .material_item__image:after {
    opacity: .2
}

.material_item-readin .material_item__link:active .material_item__image:after,
.no-touch .material_item-readin .material_item__link:hover .material_item__image:after {
    opacity: .1
}

.material_item-readin .material_item__link:active .material_item__image,
.no-touch .material_item-readin .material_item__link:hover .material_item__image {
    -webkit-transform: scale(1.2) translate3d(0, 0, 0);
    -moz-transform: scale(1.2) translate3d(0, 0, 0);
    transform: scale(1.2) translate3d(0, 0, 0)
}

@media only screen and (min-width:768px) {
    .materials_block-sm-4 .material_item-readin .material_item__title,
    .materials_block-sm-3 .material_item-readin .material_item__title {
        bottom: 10px
    }
    .materials_block-sm-4 .material_item-readin .material_item__info,
    .materials_block-sm-3 .material_item-readin .material_item__info {
        top: 10px;
        bottom: auto
    }
}

@media only screen and (min-width:992px) {
    .materials_block-md-4 .material_item-readin .material_item__title,
    .materials_block-md-3 .material_item-readin .material_item__title {
        bottom: 10px
    }
    .materials_block-md-4 .material_item-readin .material_item__info,
    .materials_block-md-3 .material_item-readin .material_item__info {
        top: 10px;
        bottom: auto
    }
}

@media only screen and (min-width:1500px) {
    .materials_block-lg-4 .material_item-readin .material_item__title,
    .materials_block-lg-3 .material_item-readin .material_item__title {
        bottom: 10px
    }
    .materials_block-lg-4 .material_item-readin .material_item__info,
    .materials_block-lg-3 .material_item-readin .material_item__info {
        top: 10px;
        bottom: auto
    }
}

.material_item-readinnews {
    margin-top: 10px !important
}

.material_item-readinnews:first-child {
    margin-top: 0 !important
}

.material_item-readinnews .material_item__inner {
    padding: 0;
    height: 170px
}

.material_item-readinnews .material_item__link {
    padding-top: 0;
    position: relative;
    width: 100%;
    float: left
}

.material_item-readinnews .material_item__title {
    width: 100%;
    color: #fff;
    position: absolute;
    top: 0 !important;
    bottom: auto;
    left: 0;
    padding: 10px 15px 0 15px;
    height: auto;
    font-size: 18px;
    line-height: 24px
}

.material_item-readinnews .material_item__link:active .material_item__title span,
.no-touch .material_item-readinnews .material_item__link:hover .material_item__title span {
    border-color: #fff
}

.material_item.material_item-readinnews .material_item__info {
    color: #fff;
    position: absolute;
    padding: 0 15px 10px 15px;
    margin: 0;
    top: auto !important;
    bottom: 0 !important;
    left: 0;
    z-index: 50
}

.material_item-readinnews .material_item__date,
.material_item-readinnews .material_item__category,
.material_item-readinnews .material_item__comments,
.material_item-readinnews .material_item__views {
    color: #fff
}

.material_item-readinnews .material_item__category:active,
.no-touch .material_item-readinnews .material_item__category:hover {
    color: #fff
}

.material_item-readinnews .material_item__image:after {
    opacity: .4
}

.material_item-readinnews .material_item__link:active .material_item__image:after,
.no-touch .material_item-readinnews .material_item__link:hover .material_item__image:after {
    opacity: .4
}

.material_item-readinnews .material_item__link:active .material_item__image,
.no-touch .material_item-readinnews .material_item__link:hover .material_item__image {
    -webkit-transform: scale(1.1) translate3d(0, 0, 0);
    -moz-transform: scale(1.1) translate3d(0, 0, 0);
    transform: scale(1.1) translate3d(0, 0, 0)
}

@media only screen and (min-width:768px) {
    .materials_block-sm-4 .material_item-readinnews:nth-child(4n),
    .materials_block-sm-3 .material_item-readinnews:nth-child(3n),
    .materials_block-sm-2 .material_item-readinnews:nth-child(2n) {
        margin-top: 0 !important
    }
    .materials_block-sm-4 .material_item-readinnews .material_item__inner,
    .materials_block-sm-3 .material_item-readinnews .material_item__inner,
    .materials_block-sm-2 .material_item-readinnews .material_item__inner,
    .materials_block-sm-1 .material_item-readinnews .material_item__inner {
        height: 160px
    }
    .materials_block-sm-4 .material_item-readinnews .material_item__title,
    .materials_block-sm-3 .material_item-readinnews .material_item__title,
    .materials_block-sm-2 .material_item-readinnews .material_item__title,
    .materials_block-sm-1 .material_item-readinnews .material_item__title {
        padding: 20px 15px 0 15px;
        font-size: 26px;
        line-height: 32px
    }
}

@media only screen and (min-width:992px) {
    .materials_block-md-4 .material_item-readinnews:nth-child(4n),
    .materials_block-md-3 .material_item-readinnews:nth-child(3n),
    .materials_block-md-2 .material_item-readinnews:nth-child(2n) {
        margin-top: 0 !important
    }
    .materials_block-md-4 .material_item-readinnews .material_item__inner,
    .materials_block-md-3 .material_item-readinnews .material_item__inner,
    .materials_block-md-2 .material_item-readinnews .material_item__inner,
    .materials_block-md-1 .material_item-readinnews .material_item__inner {
        height: 150px
    }
    .materials_block-md-4 .material_item-readinnews .material_item__title,
    .materials_block-md-3 .material_item-readinnews .material_item__title,
    .materials_block-md-2 .material_item-readinnews .material_item__title,
    .materials_block-md-1 .material_item-readinnews .material_item__title {
        font-size: 18px;
        line-height: 24px
    }
}

@media only screen and (min-width:1500px) {
    .materials_block-lg-4 .material_item-readinnews:nth-child(4n),
    .materials_block-lg-3 .material_item-readinnews:nth-child(3n),
    .materials_block-lg-2 .material_item-readinnews:nth-child(2n) {
        margin-top: 0 !important
    }
    .materials_block-lg-4 .material_item-readinnews .material_item__inner,
    .materials_block-lg-3 .material_item-readinnews .material_item__inner,
    .materials_block-lg-2 .material_item-readinnews .material_item__inner,
    .materials_block-lg-1 .material_item-readinnews .material_item__inner {
        height: 150px
    }
    .materials_block-lg-4 .material_item-readinnews .material_item__title,
    .materials_block-lg-3 .material_item-readinnews .material_item__title,
    .materials_block-lg-2 .material_item-readinnews .material_item__title,
    .materials_block-lg-1 .material_item-readinnews .material_item__title {
        font-size: 20px;
        padding: 20px 15px 0 15px;
        line-height: 26px
    }
}

.material_item__rating {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 70px;
    line-height: 70px;
    text-align: right;
    color: #fff;
    font-weight: 700;
    z-index: 100;
    opacity: .6;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.material_item-rating .material_item__link:active .material_item__rating,
.no-touch .material_item-rating .material_item__link:hover .material_item__rating {
    opacity: 1
}

.material_item-rating .material_item__image:after {
    opacity: .4
}

.material_item-rating .material_item__link:active .material_item__image:after,
.no-touch .material_item-rating .material_item__link:hover .material_item__image:after {
    opacity: .3
}

.material_item-rating .material_item__link:active .material_item__image,
.no-touch .material_item-rating .material_item__link:hover .material_item__image {
    -webkit-transform: scale(1.2) translate3d(0, 0, 0);
    -moz-transform: scale(1.2) translate3d(0, 0, 0);
    transform: scale(1.2) translate3d(0, 0, 0)
}

.material_item-agrodebate .material_item__inner {
    padding: 0
}

.material_item-agrodebate .material_item__link {
    padding-top: 66.86%;
    position: relative;
    width: 100%;
    float: left
}

.material_item-agrodebate .material_item__image:after {
    opacity: .2
}

.material_item-agrodebate .material_item__link:active .material_item__image:after,
.no-touch .material_item-agrodebate .material_item__link:hover .material_item__image:after {
    opacity: .1
}

.material_item-agrodebate .material_item__link:active .material_item__image,
.no-touch .material_item-agrodebate .material_item__link:hover .material_item__image {
    -webkit-transform: scale(1.2) translate3d(0, 0, 0);
    -moz-transform: scale(1.2) translate3d(0, 0, 0);
    transform: scale(1.2) translate3d(0, 0, 0)
}

.material_item-agrodebate .material_item__content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.material_item-agrodebate .material_item__content_inner {
    text-align: center
}

.material_item-agrodebate .material_item__title {
    width: 100%;
    float: left;
    clear: both;
    padding: 0 15px;
    color: #fff;
    top: 0;
    position: relative;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 5px
}

.material_item-agrodebate .material_item__link:active .material_item__title span,
.no-touch .material_item-agrodebate .material_item__link:hover .material_item__title span {
    border-color: #fff
}

.material_item__thumbs {
    width: 100%;
    float: left;
    margin-bottom: 5px
}

.material_item-agrodebate .material_item__like,
.material_item-agrodebate .material_item__dislike,
.material_item-agrodebate .material_item__date,
.material_item-agrodebate .material_item__comments,
.material_item-agrodebate .material_item__views {
    color: #fff;
    position: relative;
    z-index: 200
}

.material_item-agrodebate .material_item__like,
.material_item-agrodebate .material_item__dislike {
    font-size: 18px;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400
}

.material_item-agrodebate .material_item__like {
    margin-right: 4px
}

.material_item-agrodebate .material_item__dislike {
    margin-left: 4px
}

.material_item-agrodebate .material_item__like i,
.material_item-agrodebate .material_item__dislike i {
    margin-right: 4px;
    font-size: 22px
}

.material_item-agrodebate .material_item__lock {
    position: absolute;
    right: 0;
    top: 0;
    background: #f65b5b;
    color: #fff;
    font-size: 30px;
    text-align: center;
    line-height: 48px;
    width: 38px;
    height: 48px;
    z-index: 100
}

@media only screen and (min-width:768px) {
    .materials_block-sm-4 .material_item-agrodebate .material_item__dislike,
    .materials_block-sm-3 .material_item-agrodebate .material_item__dislike,
    .materials_block-sm-4 .material_item-agrodebate .material_item__like,
    .materials_block-sm-3 .material_item-agrodebate .material_item__like {
        font-size: 14px;
        line-height: 21px
    }
    .materials_block-sm-4 .material_item-agrodebate .material_item__dislike i,
    .materials_block-sm-3 .material_item-agrodebate .material_item__dislike i,
    .materials_block-sm-4 .material_item-agrodebate .material_item__like i,
    .materials_block-sm-3 .material_item-agrodebate .material_item__like i {
        font-size: 16px;
        line-height: 21px
    }
    .materials_block-sm-4 .material_item-agrodebate .material_item__thumbs,
    .materials_block-sm-3 .material_item-agrodebate .material_item__thumbs {
        margin: 0
    }
    .materials_block-sm-4 .material_item-agrodebate .material_item__title,
    .materials_block-sm-3 .material_item-agrodebate .material_item__title {
        font-size: 16px;
        line-height: 24px
    }
    .materials_block-sm-4 .material_item-agrodebate .material_item__lock,
    .materials_block-sm-3 .material_item-agrodebate .material_item__lock {
        height: 30px;
        width: 24px;
        line-height: 30px;
        font-size: 20px
    }
    .materials_block-sm-4 .material_item-agrodebate .material_item__comments,
    .materials_block-sm-3 .material_item-agrodebate .material_item__comments,
    .materials_block-sm-4 .material_item-agrodebate .material_item__views,
    .materials_block-sm-3 .material_item-agrodebate .material_item__views,
    .materials_block-sm-4 .material_item-agrodebate .material_item__date,
    .materials_block-sm-3 .material_item-agrodebate .material_item__date {
        display: none
    }
}

@media only screen and (min-width:992px) {
    .material_item-agrodebate .material_item__title {
        font-size: 24px;
        line-height: 34px
    }
    .materials_block-md-4 .material_item-agrodebate .material_item__dislike,
    .materials_block-md-3 .material_item-agrodebate .material_item__dislike,
    .materials_block-md-4 .material_item-agrodebate .material_item__like,
    .materials_block-md-3 .material_item-agrodebate .material_item__like {
        font-size: 14px;
        line-height: 21px
    }
    .materials_block-md-4 .material_item-agrodebate .material_item__dislike i,
    .materials_block-md-3 .material_item-agrodebate .material_item__dislike i,
    .materials_block-md-4 .material_item-agrodebate .material_item__like i,
    .materials_block-md-3 .material_item-agrodebate .material_item__like i {
        font-size: 16px;
        line-height: 21px
    }
    .materials_block-md-4 .material_item-agrodebate .material_item__thumbs,
    .materials_block-md-3 .material_item-agrodebate .material_item__thumbs {
        margin: 0
    }
    .materials_block-md-4 .material_item-agrodebate .material_item__title {
        font-size: 17px;
        line-height: 21px
    }
    .materials_block-md-3 .material_item-agrodebate .material_item__title {
        font-size: 16px;
        line-height: 24px
    }
    .materials_block-md-4 .material_item-agrodebate .material_item__lock,
    .materials_block-md-3 .material_item-agrodebate .material_item__lock {
        height: 30px;
        width: 24px;
        line-height: 30px;
        font-size: 20px
    }
    .materials_block-md-4 .material_item-agrodebate .material_item__comments,
    .materials_block-md-3 .material_item-agrodebate .material_item__comments,
    .materials_block-md-4 .material_item-agrodebate .material_item__views,
    .materials_block-md-3 .material_item-agrodebate .material_item__views,
    .materials_block-md-4 .material_item-agrodebate .material_item__date,
    .materials_block-md-3 .material_item-agrodebate .material_item__date {
        display: none
    }
}

@media only screen and (min-width:1500px) {
    .material_item-agrodebate .material_item__title {
        font-size: 28px;
        line-height: 36px
    }
    .materials_block-lg-4 .material_item-agrodebate .material_item__dislike,
    .materials_block-lg-3 .material_item-agrodebate .material_item__dislike,
    .materials_block-lg-4 .material_item-agrodebate .material_item__like,
    .materials_block-lg-3 .material_item-agrodebate .material_item__like {
        font-size: 14px;
        line-height: 21px
    }
    .materials_block-lg-4 .material_item-agrodebate .material_item__dislike i,
    .materials_block-lg-3 .material_item-agrodebate .material_item__dislike i,
    .materials_block-lg-4 .material_item-agrodebate .material_item__like i,
    .materials_block-lg-3 .material_item-agrodebate .material_item__like i {
        font-size: 16px;
        line-height: 21px
    }
    .materials_block-lg-4 .material_item-agrodebate .material_item__thumbs,
    .materials_block-lg-3 .material_item-agrodebate .material_item__thumbs {
        margin: 0
    }
    .materials_block-lg-4 .material_item-agrodebate .material_item__title,
    .materials_block-lg-3 .material_item-agrodebate .material_item__title {
        font-size: 16px;
        line-height: 24px
    }
    .materials_block-lg-4 .material_item-agrodebate .material_item__lock,
    .materials_block-lg-3 .material_item-agrodebate .material_item__lock {
        height: 30px;
        width: 24px;
        line-height: 30px;
        font-size: 20px
    }
    .materials_block-lg-4 .material_item-agrodebate .material_item__comments,
    .materials_block-lg-3 .material_item-agrodebate .material_item__comments,
    .materials_block-lg-4 .material_item-agrodebate .material_item__views,
    .materials_block-lg-3 .material_item-agrodebate .material_item__views,
    .materials_block-lg-4 .material_item-agrodebate .material_item__date,
    .materials_block-lg-3 .material_item-agrodebate .material_item__date {
        display: none
    }
}

.material_item-agrodebate-2 .material_item__image:after {
    opacity: .2
}

.material_item-agrodebate-2 .material_item__link:active .material_item__image:after,
.no-touch .material_item-agrodebate-2 .material_item__link:hover .material_item__image:after {
    opacity: .1
}

.material_item-agrodebate-2 .material_item__link:active .material_item__image,
.no-touch .material_item-agrodebate-2 .material_item__link:hover .material_item__image {
    -webkit-transform: scale(1.2) translate3d(0, 0, 0);
    -moz-transform: scale(1.2) translate3d(0, 0, 0);
    transform: scale(1.2) translate3d(0, 0, 0)
}

.material_item-agrodebate-2 .material_item__thumbs {
    width: 100%;
    float: left;
    margin-bottom: 5px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    text-align: center
}

.material_item-agrodebate-2 .material_item__like,
.material_item-agrodebate-2 .material_item__dislike {
    color: #fff;
    position: relative;
    z-index: 200
}

.material_item-agrodebate-2 .material_item__like,
.material_item-agrodebate-2 .material_item__dislike {
    font-size: 18px;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400
}

.material_item-agrodebate-2 .material_item__like {
    margin-right: 4px
}

.material_item-agrodebate-2 .material_item__dislike {
    margin-left: 4px
}

.material_item-agrodebate-2 .material_item__like i,
.material_item-agrodebate-2 .material_item__dislike i {
    margin-right: 4px;
    font-size: 22px
}

.material_item-agrodebate-2 .material_item__lock {
    position: absolute;
    right: 0;
    top: 0;
    background: #f65b5b;
    color: #fff;
    font-size: 30px;
    text-align: center;
    line-height: 48px;
    width: 38px;
    height: 48px;
    z-index: 100
}

.material_item-special .material_item__inner {
    padding: 0
}

.material_item-special .material_item__link {
    padding-top: 66.86%;
    position: relative;
    width: 100%;
    float: left
}

.material_item-special .material_item__image:after {
    opacity: .2
}

.material_item-special .material_item__link:active .material_item__image:after,
.no-touch .material_item-special .material_item__link:hover .material_item__image:after {
    opacity: .1
}

.material_item-special .material_item__link:active .material_item__image,
.no-touch .material_item-special .material_item__link:hover .material_item__image {
    -webkit-transform: scale(1.2) translate3d(0, 0, 0);
    -moz-transform: scale(1.2) translate3d(0, 0, 0);
    transform: scale(1.2) translate3d(0, 0, 0)
}

.material_item-special .material_item__content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.material_item-special .material_item__content_inner {
    text-align: center
}

.material_item-special .material_item__title {
    width: 100%;
    float: left;
    clear: both;
    padding: 0 15px;
    color: #fff;
    top: 0;
    position: relative;
    font-size: 26px;
    line-height: 32px
}

.material_item-special .material_item__link:active .material_item__title span,
.no-touch .material_item-special .material_item__link:hover .material_item__title span {
    border-color: #fff
}

.material_item-special .material_item__materialamount {
    width: 100%;
    float: left;
    position: relative;
    z-index: 100;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px
}

@media only screen and (min-width:768px) {
    .materials_block-sm-4 .material_item-special .material_item__title,
    .materials_block-sm-3 .material_item-special .material_item__title {
        font-size: 16px;
        line-height: 22px
    }
}

@media only screen and (min-width:992px) {
    .materials_block .material_item-special .material_item__title {
        font-size: 24px;
        line-height: 34px
    }
    .materials_block-md-4 .material_item-special .material_item__title {
        font-size: 16px;
        line-height: 22px
    }
    .materials_block-md-3 .material_item-special .material_item__title {
        font-size: 17px;
        line-height: 24px
    }
}

@media only screen and (min-width:1500px) {
    .materials_block .material_item-special .material_item__title {
        font-size: 26px;
        line-height: 32px
    }
    .materials_block-lg-4 .material_item-special .material_item__title {
        font-size: 17px;
        line-height: 24px
    }
    .materials_block-lg-3 .material_item-special .material_item__title {
        font-size: 18px;
        line-height: 26px
    }
}

.material_item-company .material_item__inner {
  padding: 0;
    display: block;
}

.material_item-company .material_item__link {
  padding: 0;
    display: block;
}

.material_item-company .material_item__image_container {
   padding-bottom: 0;
    position: relative;
}

.material_item-company .material_item__image {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.material_item-company .material_item__image img {
display: block;
    width: auto;
    height: 100%;
}

.material_item-company .material_item__link:active .material_item__image,
.no-touch .material_item-company .material_item__link:hover .material_item__image {
    -webkit-transform: scale(1.1) translate3d(0, 0, 0);
    -moz-transform: scale(1.1) translate3d(0, 0, 0);
    transform: scale(1.1) translate3d(0, 0, 0)
}

.material_item-company .material_item__image:after {
    display: none
}

.material_item-company .material_item__title {
    font-size: 20px;
    top: 0;
    margin-top: 10px;
    line-height: 26px
}

@media only screen and (min-width:768px) {
    .materials_block-sm-4 .material_item-company .material_item__title,
    .materials_block-sm-3 .material_item-company .material_item__title {
        font-size: 16px;
        line-height: 23px
    }
}

@media only screen and (min-width:992px) {
    .materials_block-md-4 .material_item-company .material_item__title,
    .materials_block-md-3 .material_item-company .material_item__title {
        font-size: 16px;
        line-height: 23px
    }
}

@media only screen and (min-width:1500px) {
    .materials_block-lg-4 .material_item-company .material_item__title,
    .materials_block-lg-3 .material_item-company .material_item__title {
        font-size: 18px;
        line-height: 24px
    }
}

.material_item-bloger .material_item__inner {
    padding: 0;
    height: auto;
    margin: 0;
    width: 100%;
    float: left;
    position: relative
}

.material_item-bloger .material_item__link {
    display: table;
    margin: 0;
    padding: 0;
    height: auto;
    position: relative;
    float: left;
    width: 100%
}

.material_item-bloger .material_item__image_container {
    display: table-cell;
    vertical-align: top;
    height: auto;
    margin: 0;
    padding: 0;
    width: auto;
    float: none;
    width: 70px;
    overflow: visible;
    position: relative
}

.material_item-bloger .material_item__image {
    border-radius: 100%;
    display: block;
    position: relative;
    width: 60px;
    height: 60px;
    padding: 0
}

.material_item-bloger .material_item__image:after {
    display: none
}

.material_item-bloger .material_item__content {
    display: table-cell;
    vertical-align: middle;
    position: relative
}

.material_item-bloger .material_item__title {
    font-size: 14px;
    line-height: 21px;
    margin: 0
}

.material_item-bloger .material_item__desc {
    font-size: 12px;
    line-height: 17px;
    color: #282828;
    margin: 0
}



.material_item-person .material_item__title {
    font-size: 18px;
    line-height: 24px;
    margin-top: 5px
}

.material_item-person .material_item__desc {
    font-size: 12px;
    line-height: 18px
}

@media only screen and (min-width:768px) {
    .materials_block-sm-4 .material_item-person .material_item__title,
    .materials_block-sm-3 .material_item-person .material_item__title {
        font-size: 15px;
        line-height: 20px
    }
}

@media only screen and (min-width:992px) {
    .material_item-person .material_item__title {
        font-size: 16px;
        line-height: 22px
    }
    .materials_block-md-4 .material_item-person .material_item__title,
    .materials_block-md-3 .material_item-person .material_item__title {
        font-size: 16px;
        line-height: 22px
    }
}

@media only screen and (min-width:1500px) {
    .materials_block-lg-4 .material_item-person .material_item__title,
    .materials_block-lg-3 .material_item-person .material_item__title {
        font-size: 18px;
        line-height: 24px
    }
}

.material_item-personteam .material_item__inner {
    padding-top: 0
}

.material_item-personteam .material_item__image_container {
    display: none
}

.material_item-personteam .material_item__title {
    font-size: 14px;
    line-height: 18px;
    margin-top: 0
}

.material_item-personteam .material_item__desc {
    font-size: 12px;
    line-height: 18px
}

@media only screen and (min-width:768px) {
    .materials_block-sm-4 .material_item-personteam .material_item__title,
    .materials_block-sm-3 .material_item-personteam .material_item__title {
        font-size: 14px;
        line-height: 18px
    }
}

@media only screen and (min-width:992px) {
    .materials_block-md-4 .material_item-personteam .material_item__title,
    .materials_block-md-3 .material_item-personteam .material_item__title {
        font-size: 14px;
        line-height: 18px
    }
}

@media only screen and (min-width:1500px) {
    .materials_block-lg-4 .material_item-personteam .material_item__title,
    .materials_block-lg-3 .material_item-personteam .material_item__title {
        font-size: 14px;
        line-height: 18px
    }
}

.material_item-event .material_item__inner {
    padding-top: 0
}

.material_item-event .material_item__image_container {
    display: none
}

.materials_block .material_item-event .material_item__title {
    font-size: 18px;
    line-height: 26px;
    margin: 0;
    padding: 0
}

.material_item-event .material_item__content {
    width: 100%;
    float: left;
    margin-bottom: 10px
}

.material_item-event .material_item__event_date,
.material_item-event .material_item__event_address {
    width: 100%;
    float: left;
    margin-top: 10px
}

.materials_block .material_item-event .material_item__event_date i,
.materials_block .material_item-event .material_item__event_address i {
    width: 24px;
    font-size: 20px;
    line-height: 18px;
    display: block;
    float: left;
    color: #00c338;
    text-align: center
}

.materials_block .material_item-event .material_item__event_date span,
.materials_block .material_item-event .material_item__event_address span {
    margin-left: 30px;
    display: block;
    float: none;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500
}

@media only screen and (min-width:768px) {
    .materials_block .material_item-event .material_item__title {
        font-size: 18px;
        line-height: 26px
    }
    .materials_block-sm-4 .material_item-event .material_item__event_address i,
    .materials_block-sm-3 .material_item-event .material_item__event_address i,
    .materials_block-sm-4 .material_item-event .material_item__event_date i,
    .materials_block-sm-3 .material_item-event .material_item__event_date i {
        font-size: 16px;
        line-height: 16px
    }
    .materials_block-sm-4 .material_item-event .material_item__event_address span,
    .materials_block-sm-3 .material_item-event .material_item__event_address span,
    .materials_block-sm-4 .material_item-event .material_item__event_date span,
    .materials_block-sm-3 .material_item-event .material_item__event_date span {
        font-size: 12px;
        line-height: 16px
    }
    .materials_block-sm-4 .material_item-event .material_item__title,
    .materials_block-sm-3 .material_item-event .material_item__title {
        font-size: 15px;
        line-height: 22px
    }
}

@media only screen and (min-width:992px) {
    .materials_block .material_item-event .material_item__title {
        font-size: 18px;
        line-height: 26px
    }
    .materials_block-md-4 .material_item-event .material_item__event_address i,
    .materials_block-md-3 .material_item-event .material_item__event_address i,
    .materials_block-md-4 .material_item-event .material_item__event_date i,
    .materials_block-md-3 .material_item-event .material_item__event_date i {
        font-size: 16px;
        line-height: 16px
    }
    .materials_block-md-4 .material_item-event .material_item__event_address span,
    .materials_block-md-3 .material_item-event .material_item__event_address span,
    .materials_block-md-4 .material_item-event .material_item__event_date span,
    .materials_block-md-3 .material_item-event .material_item__event_date span {
        font-size: 12px;
        line-height: 16px
    }
    .materials_block-md-4 .material_item-event .material_item__title,
    .materials_block-md-3 .material_item-event .material_item__title {
        font-size: 15px;
        line-height: 22px
    }
}

@media only screen and (min-width:1500px) {
    .materials_block .material_item-event .material_item__title {
        font-size: 18px;
        line-height: 26px
    }
    .materials_block-lg-4 .material_item-event .material_item__event_address i,
    .materials_block-lg-3 .material_item-event .material_item__event_address i,
    .materials_block-lg-4 .material_item-event .material_item__event_date i,
    .materials_block-lg-3 .material_item-event .material_item__event_date i {
        font-size: 16px;
        line-height: 16px
    }
    .materials_block-lg-4 .material_item-event .material_item__event_address span,
    .materials_block-lg-3 .material_item-event .material_item__event_address span,
    .materials_block-lg-4 .material_item-event .material_item__event_date span,
    .materials_block-lg-3 .material_item-event .material_item__event_date span {
        font-size: 12px;
        line-height: 16px
    }
    .materials_block-lg-4 .material_item-event .material_item__title,
    .materials_block-lg-3 .material_item-event .material_item__title {
        font-size: 15px;
        line-height: 22px
    }
}

.material_item-project {
    padding-top: 0;
    overflow: visible
}

.material_item-project .material_item__inner {
    padding: 0;
    overflow: visible
}

.material_item-project .material_item__link {
    display: block;
    width: 100%;
    float: left;
    background: #fff;
    padding: 20px 70px
}

.material_item-project .material_item__link:active,
.no-touch .material_item-project .material_item__link:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}

.material_item-project .material_item__link:after {
    height: 4px;
    display: block;
    content: '';
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #00c148;
    opacity: 0;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.material_item-project .material_item__link:active:after,
.no-touch .material_item-project .material_item__link:hover:after {
    opacity: 1
}

.material_item-project .material_item__image_container {
    display: block;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    float: left
}

.material_item-project .material_item__image {
    width: 100%;
    height: 120px;
    float: none;
    margin: auto;
    padding: 0;
    position: relative
}

.material_item-project .material_item__image:after {
    display: none
}

.materials_block .material_item-project .material_item__title {
    font-size: 18px;
    line-height: 26px;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-top: 10px;
    width: 100%;
    float: left
}

.materials_block .material_item-project .material_item__desc {
    font-size: 14px;
    line-height: 22px;
    color: #000;
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 10px
}

.materials_block {
    width: 100%;
    float: left
}

.materials_block-mb-1 .material_item {
    width: 100%;
    margin-top: 30px
}

.materials_block-mb-1 .material_item:first-child {
    margin-top: 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .materials_block-sm-4 .material_item:nth-child(4),
    .materials_block-sm-4 .material_item:nth-child(3),
    .materials_block-sm-4 .material_item:nth-child(2),
    .materials_block-sm-4 .material_item:first-child,
    .materials_block-sm-3 .material_item:nth-child(3),
    .materials_block-sm-3 .material_item:nth-child(2),
    .materials_block-sm-3 .material_item:first-child,
    .materials_block-sm-2 .material_item:nth-child(2),
    .materials_block-sm-2 .material_item:first-child,
    .materials_block-sm-1 .material_item:first-child {
        margin-top: 0
    }
    .materials_block-sm-4 .material_item:nth-child(4n),
    .materials_block-sm-4 .material_item:nth-child(3n),
    .materials_block-sm-4 .material_item:nth-child(2n),
    .materials_block-sm-4 .material_item:first-child,
    .materials_block-sm-4 .material_item {
        width: calc(25% - 3px)
    }
    .materials_block-sm-4 .material_item:nth-child(4n+3),
    .materials_block-sm-4 .material_item:nth-child(3n) {
        padding-left: 7px;
        padding-right: 3px
    }
    .materials_block-sm-4 .material_item:nth-child(4n+2),
    .materials_block-sm-4 .material_item:nth-child(2n) {
        padding-right: 7px;
        padding-left: 3px
    }
    .materials_block-sm-4 .material_item:nth-child(4n+1),
    .materials_block-sm-4 .material_item:first-child {
        padding-left: 0;
        padding-right: 10px
    }
    .materials_block-sm-4 .material_item:nth-child(4n) {
        padding-right: 0;
        padding-left: 10px
    }
    .materials_block-sm-3 .material_item {
        width: calc(33.333333% - 3px)
    }
    .materials_block-sm-3 .material_item:nth-child(1n),
    .materials_block-sm-3 .material_item:nth-child(2n) {
        padding-right: 4px;
        padding-left: 4px
    }
    .materials_block-sm-3 .material_item:nth-child(3n+1),
    .materials_block-sm-3 .material_item:first-child {
        padding-left: 0;
        padding-right: 8px
    }
    .materials_block-sm-3 .material_item:nth-child(3n) {
        padding-right: 0;
        padding-left: 8px
    }
    .materials_block-sm-2 .material_item {
        width: calc(50% - 2px)
    }
    .materials_block-sm-2 .material_item:nth-child(2n) {
        padding-right: 0;
        padding-left: 10px
    }
    .materials_block-sm-2 .material_item:first-child,
    .materials_block-sm-2 .material_item:nth-child(2n+1) {
        padding-right: 10px
    }
    .materials_block-sm-1 .material_item:nth-child(4n),
    .materials_block-sm-1 .material_item:nth-child(3n),
    .materials_block-sm-1 .material_item:nth-child(2n),
    .materials_block-sm-1 .material_item {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0;
        margin-top: 30px
    }
    .materials_block-sm-1 .material_item:first-child {
        margin-top: 0
    }
}

@media only screen and (min-width:992px) and (max-width:1499px) {
    .materials_block-md-4 .material_item:nth-child(4),
    .materials_block-md-4 .material_item:nth-child(3),
    .materials_block-md-4 .material_item:nth-child(2),
    .materials_block-md-4 .material_item:first-child,
    .materials_block-md-3 .material_item:nth-child(3),
    .materials_block-md-3 .material_item:nth-child(2),
    .materials_block-md-3 .material_item:first-child,
    .materials_block-md-2 .material_item:nth-child(2),
    .materials_block-md-2 .material_item:first-child,
    .materials_block-md-1 .material_item:first-child {
        margin-top: 0
    }
    .materials_block-md-4 .material_item:nth-child(4n),
    .materials_block-md-4 .material_item:nth-child(3n),
    .materials_block-md-4 .material_item:nth-child(2n),
    .materials_block-md-4 .material_item:first-child,
    .materials_block-md-4 .material_item {
        width: calc(25% - 3px)
    }
    .materials_block-md-4 .material_item:nth-child(4n+3),
    .materials_block-md-4 .material_item:nth-child(3n) {
        padding-left: 7px;
        padding-right: 3px
    }
    .materials_block-md-4 .material_item:nth-child(4n+2),
    .materials_block-md-4 .material_item:nth-child(2n) {
        padding-right: 7px;
        padding-left: 3px
    }
    .materials_block-md-4 .material_item:nth-child(4n+1),
    .materials_block-md-4 .material_item:first-child {
        padding-left: 0;
        padding-right: 10px
    }
    .materials_block-md-4 .material_item:nth-child(4n) {
        padding-right: 0;
        padding-left: 10px
    }
    .materials_block-md-3 .material_item {
        width: calc(33.333333% - 3px)
    }
    .materials_block-md-3 .material_item:nth-child(1n),
    .materials_block-md-3 .material_item:nth-child(2n) {
        padding-right: 4px;
        padding-left: 4px
    }
    .materials_block-md-3 .material_item:nth-child(3n+1),
    .materials_block-md-3 .material_item:first-child {
        padding-left: 0;
        padding-right: 8px
    }
    .materials_block-md-3 .material_item:nth-child(3n) {
        padding-right: 0;
        padding-left: 8px
    }
    .materials_block-md-2 .material_item {
        width: calc(50% - 2px)
    }
    .materials_block-md-2 .material_item:nth-child(2n) {
        padding-right: 0;
        padding-left: 10px
    }
    .materials_block-md-2 .material_item:first-child,
    .materials_block-md-2 .material_item:nth-child(2n+1) {
        padding-right: 10px
    }
    .materials_block-md-1 .material_item:nth-child(5n),
    .materials_block-md-1 .material_item:nth-child(4n),
    .materials_block-md-1 .material_item:nth-child(3n),
    .materials_block-md-1 .material_item:nth-child(2n),
    .materials_block-md-1 .material_item {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0;
        margin-top: 30px
    }
    .materials_block-md-1 .material_item:first-child {
        margin-top: 0
    }
}

@media only screen and (min-width:1500px) {
    .materials_block-lg-4 .material_item:nth-child(4),
    .materials_block-lg-4 .material_item:nth-child(3),
    .materials_block-lg-4 .material_item:nth-child(2),
    .materials_block-lg-4 .material_item:first-child,
    .materials_block-lg-3 .material_item:nth-child(3),
    .materials_block-lg-3 .material_item:nth-child(2),
    .materials_block-lg-3 .material_item:first-child,
    .materials_block-lg-2 .material_item:nth-child(2),
    .materials_block-lg-2 .material_item:first-child,
    .materials_block-lg-1 .material_item:first-child {
        margin-top: 0
    }
    .materials_block-lg-4 .material_item:nth-child(4n),
    .materials_block-lg-4 .material_item:nth-child(3n),
    .materials_block-lg-4 .material_item:nth-child(2n),
    .materials_block-lg-4 .material_item {
        width: calc(25% - 3px)
    }
    .materials_block-lg-4 .material_item:nth-child(4n+3),
    .materials_block-lg-4 .material_item:nth-child(3n) {
        padding-left: 7px;
        padding-right: 3px
    }
    .materials_block-lg-4 .material_item:nth-child(4n+2),
    .materials_block-lg-4 .material_item:nth-child(2n) {
        padding-right: 7px;
        padding-left: 3px
    }
    .materials_block-lg-4 .material_item:nth-child(4n+1),
    .materials_block-lg-4 .material_item:first-child {
        padding-left: 0;
        padding-right: 10px
    }
    .materials_block-lg-4 .material_item:nth-child(4n) {
        padding-right: 0;
        padding-left: 10px
    }
    .materials_block-lg-3 .material_item {
        width: calc(33.333333% - 3px)
    }
    .materials_block-lg-3 .material_item:nth-child(1n),
    .materials_block-lg-3 .material_item:nth-child(2n) {
        padding-right: 4px;
        padding-left: 4px
    }
    .materials_block-lg-3 .material_item:nth-child(3n+1),
    .materials_block-lg-3 .material_item:first-child {
        padding-left: 0;
        padding-right: 8px
    }
    .materials_block-lg-3 .material_item:nth-child(3n) {
        padding-right: 0;
        padding-left: 8px
    }
    .materials_block-lg-2 .material_item:nth-child(4n),
    .materials_block-lg-2 .material_item:nth-child(3n),
    .materials_block-lg-2 .material_item:nth-child(2n),
    .materials_block-lg-2 .material_item:first-child,
    .materials_block-lg-2 .material_item {
        width: calc(50% - 2px);
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0
    }
    .materials_block-lg-2 .material_item:first-child,
    .materials_block-lg-2 .material_item:nth-child(2n) {
        padding-right: 0;
        padding-left: 8px
    }
    .materials_block-lg-2 .material_item:first-child,
    .materials_block-lg-2 .material_item:nth-child(2n+1) {
        padding-left: 0;
        padding-right: 8px
    }
    .materials_block-lg-1 .material_item:nth-child(4n),
    .materials_block-lg-1 .material_item:nth-child(3n),
    .materials_block-lg-1 .material_item:nth-child(2n),
    .materials_block-lg-1 .material_item {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        padding-right: 0;
        padding-left: 0;
        margin-top: 30px
    }
    .materials_block-lg-1 .material_item:first-child {
        margin-top: 0
    }
}

.news_block {
    margin-top: 0
}

.news_block .container {
    background: #fff
}

.news_block__main {
    float: left;
    width: 100%
}

.news_block__main .owl-prev,
.news_block__main .owl-next {
    color: #fff;
    height: auto;
    padding-top: 66.86%
}

.news_block__list,
#news_block__list__more {
    width: 100%;
    float: left
}

.news_block__list {
    margin-top: 10px
}

#news_block__list__more .material_item,
.news_block__list .material_item {
    padding: 0;
    margin: 0;
    padding-top: 3px;
    margin-top: 3px
}

.news_block__list .material_item:first-child {
    border: 0
}

#news_block__list__more .material_item.important .material_item__title,
.news_block__list .material_item.important .material_item__title {
    font-weight: 700
}

.news_block__main__carousel .material_item-readin .material_item__link:active .material_item__image,
.no-touch .news_block__main__carousel .material_item-readin .material_item__link:hover .material_item__image {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    -moz-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0)
}

@media only screen and (min-width:768px) {
    #news_block__list__more.materials_block .material_item,
    .news_block__list .materials_block .material_item {
        padding-top: 0;
        margin: 0;
        padding: 0;
        padding-top: 3px;
        margin-top: 3px
    }
    .news_block__list .materials_block .material_item:nth-child(1) {
        border-top: 0;
        padding-top: 0;
        margin-top: 0
    }
}

@media only screen and (min-width:992px) {
    .news_block__main {
        width: calc(50% - 15px)
    }
    .news_block__list {
        float: none;
        width: auto;
        vertical-align: top;
        margin-top: 0;
        margin-left: 50%;
        padding-left: 8px
    }
    #news_block__list__more.materials_block .material_item:nth-child(1),
    #news_block__list__more.materials_block .material_item:nth-child(2),
    #news_block__list__more.materials_block .material_item:nth-child(3),
    #news_block__list__more.materials_block .material_item:nth-child(4) {
        border-top: 0;
        padding-top: 7px;
        border-top: 1px solid #dfdfdf
    }
}

.read_block__top {
    width: 100%;
    float: left
}

.read_block__bottom {
    width: 100%;
    float: left;
    margin-top: 20px
}

@media only screen and (max-width:767px),
only screen and (min-width:992px) {
    .read_block__main .material_item-insert {
        padding: 0
    }
    .read_block__main .material_item-insert .material_item__top {
        width: 100%;
        float: left;
        margin: 0 0 5px 0;
        padding: 0;
        left: 0;
        bottom: auto;
        top: 0;
        z-index: 20;
        position: relative
    }
    .read_block__main .material_item-insert.material_item-image .material_item__top {
        margin-top: 8px
    }
    .read_block__main .material_item-insert .material_item__date {
        font-size: 13px;
        color: #5f5f5f;
        margin-right: 8px;
        display: inline-block
    }
    .read_block__main .material_item-insert .material_item__category {
        display: inline-block;
        font-size: 13px;
        color: #5f8f52;
        text-decoration: none
    }
    .read_block__main .material_item-insert .material_item__category:active,
    .no-touch .read_block__main .material_item-insert .material_item__category:hover {
        color: #00c148;
        text-decoration: underline
    }
    .read_block__main .material_item-insert .material_item__views {
        font-size: 13px;
        color: #5f5f5f;
        display: inline-block
    }
    .read_block__main .material_item-insert .material_item__comments {
        font-size: 13px;
        color: #5f5f5f;
        margin-left: 8px;
        display: inline-block
    }
    .read_block__main .material_item-insert .material_item__link {
        color: #000;
        text-decoration: none
    }
    .read_block__main .material_item-insert .material_item__link:active,
    .no-touch .read_block__main .material_item-insert .material_item__link:hover {
        color: #000;
        text-decoration: none
    }
    .read_block__main .material_item-insert .material_item__title {
        position: relative;
        display: block;
        width: 100%;
        float: left;
        padding: 0 0 2px 0;
        bottom: auto;
        top: 0;
        left: 0;
        font-size: 20px;
        font-weight: 500;
        line-height: 24px;
        z-index: 20
    }
    .read_block__main .material_item-insert .material_item__title span {
        display: inline;
        padding-bottom: 3px;
        border-bottom: 1px solid transparent;
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        transition: all .1s linear
    }
    .read_block__main .material_item-insert .material_item__link:active .material_item__title span,
    .no-touch .read_block__main .material_item-insert .material_item__link:hover .material_item__title span {
        border-color: #666
    }
    .read_block__main .material_item-insert .material_item__image {
        z-index: 10;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding-bottom: 66.86% !important;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .read_block__main .material_item-insert .material_item__image:before {
        content: '';
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .20);
        opacity: 1;
        -webkit-transition: all .1s linear;
        -moz-transition: all .1s linear;
        transition: all .1s linear
    }
    .read_block__main .material_item-insert .material_item__link:active .material_item__image:before,
    .no-touch .read_block__main .material_item-insert .material_item__link:hover .material_item__image:before {
        opacity: 0
    }
    .read_block__main .material_item-insert .material_item__link:active .material_item__image,
    .no-touch .read_block__main .material_item-insert .material_item__link:hover .material_item__image {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@media only screen and (min-width:1500px) {
    .read_block__main .material_item-insert .material_item__title {
        font-size: 24px;
        line-height: 30px
    }
}

@media only screen and (max-width:767px) {
    .games_block .container {
        padding-left: 0;
        padding-right: 0
    }
    .games_block .blocktitle {
        padding-left: 15px;
        padding-right: 15px
    }
    .games_block .material_item__content {
        padding-left: 15px;
        padding-right: 15px
    }
}

.materials_list {
    margin-top: 20px
}

.materials_list .container {
    border: 1px solid #dfdfdf;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    padding-top: 20px;
    padding-bottom: 20px
}

.materials_list-news .materials_block__item {
    border-top: 1px solid #dfdfdf
}

.materials_list-news .materials_block__item:first-child {
    border-top: 0;
    padding-top: 0
}

.materials_list .materials_block__item-image {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 0
}

.materials_list .materials_block__item-image:first-child {
    padding-top: 0
}

@media only screen and (min-width:768px) {
    .materials_list-news .materials_block__item {
        width: 50%
    }
    .materials_list-news .materials_block__item:nth-child(2) {
        border-top: 0;
        padding-top: 0
    }
    .materials_list-news .materials_block__item:first-child,
    .materials_list-news .materials_block__item:nth-child(2n+1) {
        padding-right: 10px
    }
    .materials_list-news .materials_block__item:nth-child(2n) {
        padding-left: 10px
    }
    .materials_list .materials_block__item-image {
        width: 216px;
        display: inline-block;
        float: none;
        margin-right: 30px;
        vertical-align: top
    }
    .materials_list .materials_block__item-image:nth-child(3n) {
        margin-right: 0
    }
    .materials_list .materials_block__item-image:nth-child(1),
    .materials_list .materials_block__item-image:nth-child(2),
    .materials_list .materials_block__item-image:nth-child(3) {
        padding-top: 0
    }
}

@media only screen and (min-width:992px) {
    .materials_list-news .materials_block__item {
        width: 25%
    }
    .materials_list-news .materials_block__item:nth-child(3),
    .materials_list-news .materials_block__item:nth-child(4) {
        border-top: 0;
        padding-top: 0
    }
    .materials_list-news .materials_block__item:nth-child(2n+1),
    .materials_list-news .materials_block__item:nth-child(2n) {
        padding-right: 5px;
        padding-left: 5px
    }
    .materials_list-news .materials_block__item:nth-child(4n) {
        padding-right: 0;
        padding-left: 5px
    }
    .materials_list-news .materials_block__item:nth-child(4n+1),
    .materials_list-news .materials_block__item:first-child {
        padding-right: 5px;
        padding-left: 0
    }
    .materials_list .materials_block__item-image {
        width: 296px;
        margin-right: 10px
    }
    .materials_list .materials_block__item-image:nth-child(3n) {
        margin-right: 0
    }
}

@media only screen and (min-width:1500px) {
    .materials_list .materials_block__item-image {
        width: 346px;
        margin-right: 30px
    }
    .materials_list .materials_block__item-image:nth-child(3n) {
        margin-right: 0
    }
}

.articles_block__item {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 20px
}

.articles_block__item__inner {
    padding: 10px 20px;
    width: 100%;
    float: left;
    border: 1px solid #dfdfdf;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    position: relative;
    overflow: hidden
}

.articles_block__item-4 .articles_block__item__inner,
.articles_block__item-3 .articles_block__item__inner,
.articles_block__item-2 .articles_block__item__inner {
    border: 0;
    padding: 0;
    height: 180px
}

.articles_block__item__link {
    text-decoration: none;
    color: #000
}

.articles_block__item__link:active,
.no-touch .articles_block__item__link:hover {
    color: #00c148;
    text-decoration: none
}

.articles_block__item__image {
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: scale(1) translate3d(0, 0, 0);
    -moz-transform: scale(1) translate3d(0, 0, 0);
    transform: scale(1) translate3d(0, 0, 0)
}

.articles_block__item-4 .articles_block__item__image,
.articles_block__item-3 .articles_block__item__image,
.articles_block__item-2 .articles_block__item__image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 180px;
    z-index: 10
}

.articles_block__item__image:after {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .15);
    opacity: 1;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.articles_block__item__link:active .articles_block__item__image,
.no-touch .articles_block__item__link:hover .articles_block__item__image {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1)
}

.articles_block__item-1 .articles_block__item__link:active .articles_block__item__image,
.no-touch .articles_block__item-1 .articles_block__item__link:hover .articles_block__item__image {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.articles_block__item-1 .articles_block__item__link:active .articles_block__item__image:after,
.no-touch .articles_block__item-1 .articles_block__item__link:hover .articles_block__item__image:after {
    opacity: 0
}

.articles_block__item__title {
    width: 100%;
    float: left;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500
}

.articles_block__item-4 .articles_block__item__title,
.articles_block__item-3 .articles_block__item__title,
.articles_block__item-2 .articles_block__item__title {
    position: absolute;
    bottom: 35px;
    left: 0;
    padding: 0 20px;
    z-index: 10;
    color: #fff;
    max-height: 120px;
    overflow: hidden
}

.articles_block__item__info {
    width: 100%;
    float: left;
    margin-top: 6px
}

.articles_block__item-4 .articles_block__item__info,
.articles_block__item-3 .articles_block__item__info,
.articles_block__item-2 .articles_block__item__info {
    position: absolute;
    bottom: 10px;
    left: 20px;
    z-index: 10
}

.articles_block__item__date {
    display: inline-block;
    font-size: 13px;
    color: #5f5f5f;
    margin-right: 8px;
    line-height: 16px
}

.articles_block__item-4 .articles_block__item__date,
.articles_block__item-3 .articles_block__item__date,
.articles_block__item-2 .articles_block__item__date {
    color: #fff
}

.articles_block__item__category {
    display: inline-block;
    font-size: 11px;
    color: #fefefe;
    text-decoration: none;
    background: #00c148;
    height: 16px;
    line-height: 18px;
    padding: 0 5px;
    border-radius: 5px
}

.articles_block__item__category:active,
.no-touch .articles_block__item__category:hover {
    color: #fff;
    text-decoration: none;
    background: #00c148
}

@media only screen and (max-width:767px) {
    .articles_block .container {
        padding: 0
    }
}

@media only screen and (min-width:768px) {
    .articles_block__item-4 .articles_block__item__title,
    .articles_block__item-3 .articles_block__item__title,
    .articles_block__item-2 .articles_block__item__title {
        font-size: 20px;
        line-height: 24px
    }
}

@media only screen and (min-width:992px) {
    .articles_block__item {
        width: 25%;
        padding-left: 10px
    }
    .articles_block__item:first-child {
        padding-left: 0
    }
    .articles_block__item-3 {
        width: 50%
    }
    .articles_block__item-4 {
        width: 100%
    }
    .articles_block__item-3 .articles_block__item__inner,
    .articles_block__item-2 .articles_block__item__inner,
    .articles_block__item__inner {
        height: 310px
    }
    .articles_block__item-1 .articles_block__item__inner {
        padding-top: 140px
    }
    .articles_block__item__image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }
    .articles_block__item-1 .articles_block__item__image {
        height: 130px
    }
    .articles_block__item-4 .articles_block__item__image,
    .articles_block__item-3 .articles_block__item__image,
    .articles_block__item-2 .articles_block__item__image {
        height: 100%
    }
    .articles_block__item__title {
        overflow: hidden
    }
    .articles_block__item-1 .articles_block__item__title {
        max-height: 120px
    }
    .articles_block__item-2 .articles_block__item__title {
        max-height: 264px
    }
    .articles_block__item-3 .articles_block__item__title {
        max-height: 290px
    }
    .articles_block__item .articles_block__item__info {
        position: absolute;
        bottom: 10px;
        left: 20px;
        z-index: 10
    }
}

@media only screen and (min-width:1500px) {
    .articles_block__item {
        padding-left: 20px
    }
    .articles_block__item:first-child {
        padding-left: 0
    }
    .articles_block__item-3 .articles_block__item__inner,
    .articles_block__item-2 .articles_block__item__inner,
    .articles_block__item__inner {
        height: 350px
    }
    .articles_block__item-4 .articles_block__item__inner {
        height: 190px
    }
    .articles_block__item-1 .articles_block__item__title {
        max-height: 160px
    }
    .articles_block__item-2 .articles_block__item__title {
        max-height: 290px
    }
}

.special_carousel,
.special_block__category__main,
.special_block__category__list,
.special__category {
    width: 100%;
    float: left;
    position: relative
}

.special__category .blockmore {
    width: 100%;
    float: left
}

.special_thumbs_block {
    width: 100%;
    float: left;
    position: relative;
    padding: 0 36px;
    margin-bottom: 20px
}

.special_carousel_thumbs {
    padding: 0 !important
}

.special_carousel_thumbs__item {
    background: #fff;
    height: 42px;
    padding: 0 20px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    white-space: nowrap;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 3px solid transparent;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.special_carousel_thumbs .owl-item.synced:active .special_carousel_thumbs__item,
.no-touch .special_carousel_thumbs .owl-item.synced:hover .special_carousel_thumbs__item,
.special_carousel_thumbs .owl-item.synced .special_carousel_thumbs__item {
    border-color: #00c148;
    color: #000;
    font-weight: 700
}

.special_carousel_thumbs .owl-item {
    cursor: pointer
}

.special_carousel_thumbs .owl-item:active .special_carousel_thumbs__item,
.no-touch .special_carousel_thumbs .owl-item:hover .special_carousel_thumbs__item {
    border-color: #d5f2cd
}

.special_block__category__list {
    margin-top: 10px
}

.special_block__category__list .material_item {
    border-top: 1px solid #dfdfdf;
    padding-top: 10px;
    margin-top: 10px
}

.special_block__category__list .material_item:first-child {
    border: 0;
    margin-top: 0
}

@media only screen and (min-width:768px) {
    .special_block__category__list .materials_block .material_item {
        border-top: 0;
        padding-top: 0;
        margin-top: 10px
    }
}

@media only screen and (min-width:992px) {
    .special_block__category__main {
        width: calc(50% - 15px)
    }
    .special_block__category__list {
        float: none;
        width: auto;
        vertical-align: top;
        margin-top: 0;
        margin-left: 50%;
        padding-left: 8px;
        overflow: auto
    }
}

.subscribe_block {
    margin-top: 20px
}

.subscribe_block .container {
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    border-bottom: 4px solid #00c148;
    background: rgba(51, 51, 51, 1);
    background: -moz-linear-gradient(top, rgba(51, 51, 51, 1) 0, rgba(68, 68, 68, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(51, 51, 51, 1)), color-stop(100%, rgba(68, 68, 68, 1)));
    background: -webkit-linear-gradient(top, rgba(51, 51, 51, 1) 0, rgba(68, 68, 68, 1) 100%);
    background: -o-linear-gradient(top, rgba(51, 51, 51, 1) 0, rgba(68, 68, 68, 1) 100%);
    background: -ms-linear-gradient(top, rgba(51, 51, 51, 1) 0, rgba(68, 68, 68, 1) 100%);
    background: linear-gradient(to bottom, rgba(51, 51, 51, 1) 0, rgba(68, 68, 68, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#444444', GradientType=0)
}

.subscribe_block__info {
    width: 100%;
    float: left
}

.subscribe_block__info__title {
    width: 100%;
    float: left;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    color: #fff;
    text-align: center;
    margin-bottom: 15px
}

.subscribe_block__info__subtitle {
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #fff;
    text-align: center
}

.subscribe_block__action {
    margin-top: 15px;
    width: 100%;
    float: left
}

.subscribe_block__form {
    background: #fff;
    width: 100%;
    padding: 10px;
    text-align: center;
    margin-top: 10px;
    float: left
}

.subscribe_block__form__inputbox {
    width: 100%;
    float: left;
    font-size: 18px;
    line-height: 20px;
    height: 20px;
    color: #000;
    border: 0;
    background: 0;
    text-align: center;
    margin: 10px 0
}

.subscribe_block__form__inputbox:focus {
    outline: 0
}

.subscribe_block__form__inputbox::-webkit-input-placeholder {
    color: #ababab
}

.subscribe_block__form__inputbox::-moz-placeholder {
    color: #ababab
}

.subscribe_block__form__inputbox:-moz-placeholder {
    color: #ababab
}

.subscribe_block__form__inputbox:-ms-input-placeholder {
    color: #ababab
}

.subscribe_block__form__inputbox:disabled::-webkit-input-placeholder {
    color: #ccc
}

.subscribe_block__form__inputbox:disabled::-moz-placeholder {
    color: #ccc
}

.subscribe_block__form__inputbox:disabled:-moz-placeholder {
    color: #ccc
}

.subscribe_block__form__inputbox:disabled:-ms-input-placeholder {
    color: #ccc
}

.subscribe_block__form__btn {
    border-radius: 5px;
    border: 2px solid #ababab;
    display: inline-block;
    height: 30px;
    padding: 0 40px;
    font-size: 14;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 28px;
    color: #000;
    text-decoration: none;
    background: #fff;
    margin-top: 10px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.subscribe_block__form__btn:active,
.no-touch .subscribe_block__form__btn:hover {
    border-color: #00c148;
    color: #000;
    text-decoration: none
}

@media only screen and (min-width:768px) {
    .subscribe_block__info__title {
        font-size: 27px;
        line-height: 28px
    }
    .subscribe_block__info__subtitle {
        font-size: 18px;
        line-height: 20px
    }
    .subscribe_block__action {
        text-align: center
    }
    .subscribe_block__form {
        display: inline-block;
        text-align: center;
        width: auto;
        float: none
    }
    .subscribe_block__form__inputbox {
        float: left;
        width: 270px;
        height: 30px;
        line-height: 30px;
        text-align: left;
        margin: 0;
        margin-right: 15px
    }
    .subscribe_block__form__btn {
        float: right;
        width: 120px;
        padding: 0;
        margin: 0
    }
}

@media only screen and (min-width:992px) {
    .subscribe_block__info {
        float: left;
        width: 50%;
        text-align: center
    }
    .subscribe_block__info__subtitle,
    .subscribe_block__info__title {
        display: inline-block;
        max-width: 340px;
        float: none
    }
    .subscribe_block__action {
        float: left;
        width: 50%
    }
    .subscribe_block__form__inputbox {
        width: 270px
    }
}

@media only screen and (min-width:1500px) {
    .subscribe_block__form__inputbox {
        width: 300px
    }
}

.adaptive_banner {
    padding: 0;
    width: 100%;
    float: left;
    margin: 20px auto;
    text-align: center
}

.adaptive_banner .container {
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
    float: left
}

.adaptive_banner__item {
    display: none;
    text-align: center;
    margin: auto;
    overflow: hidden;
    padding: 0
}

.adaptive_banner__item-1 {
    display: block
}

.adaptive_banner__item img {
    display: block;
    max-width: 100%;
    margin: auto;
    border: 1px solid #dfdfdf
}

@media only screen and (min-width:768px) {
    .adaptive_banner__item {
        display: none
    }
    .adaptive_banner__item-2 {
        display: table
    }
}

@media only screen and (min-width:992px) {
    .adaptive_banner__item {
        display: none
    }
    .adaptive_banner__item-3 {
        display: table
    }
}

@media only screen and (min-width:1500px) {
    .adaptive_banner {
        margin: 40px 0 20px 0
    }
    .adaptive_banner__item {
        display: none
    }
    .adaptive_banner__item-4 {
        display: table
    }
}

.branding {
    display: none
}

@media only screen and (min-width:768px) {
    .branding {
        position: fixed;
        z-index: 100;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block
    }
    .branding_link {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        display: block;
        background-repeat: no-repeat;
        background-position: -99999px
    }
    .branding img {
        display: none !important
    }
    .branding_link:before,
    .branding_link:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        margin-left: -375px;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: inherit;
        background-repeat: no-repeat;
        background-position: 50% bottom;
        z-index: 10
    }
    .branding_link:after {
        left: auto;
        right: 0;
        margin-right: -375px
    }
}

@media only screen and (min-width:992px) {
    .branding_link:before {
        margin-left: -480px
    }
    .branding_link:after {
        margin-right: -480px
    }
}

@media only screen and (min-width:1500px) {
    .branding_link:before {
        margin-left: -585px
    }
    .branding_link:after {
        margin-right: -585px
    }
}

.page {
    position: relative;
    width: 100%;
    float: left;
    padding-bottom: 40px
}

.pagebody {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 20px
}

.pagecontent {
    font-size: 15px;
    line-height: 25px
}

.sidebar {
    display: none;
    position: relative;
    width: 100%;
    float: left;
    height: auto;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    padding: 0 15px
}

.sidebar_slide_block {
    width: 100%;
    float: left;
    margin: 0;
    position: relative;
    z-index: 2000;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
    top: 0
}

.sidebar.active .sidebar_slide_block {
    margin-top: 70px
}

.sectionhead {
    width: 100%;
    float: left
}

.sectionhead a {
    text-decoration: none;
    color: #9f9f9f;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase
}

.sectionhead a:active,
.no-touch .sectionhead a:hover {
    text-decoration: none
}

.page_banner_block {
    width: 100%;
    float: left;
    margin: 20px 0;
    text-align: center;
    display: block
}

.page_map {
    width: auto;
    margin: 0 -15px
}

.page_map .googlemap {
    margin: 20px 0
}

.page_image {
    float: left;
    clear: both;
    margin: 20px -15px
}

.page_image__link {
    width: 100%;
    float: left;
    display: block;
    text-decoration: none
}

.page_image img,
.page_image__link img {
    width: 100%;
    display: block
}

.page_image__info {
    padding: 0 15px;
    width: 100%;
    float: left;
    margin-top: 5px
}

.page_image__info__desc {
    font-size: 13px;
    line-height: 18px;
    color: #000;
    font-style: italic
}

.page_image__info__link {
    font-size: 12px;
    line-height: 18px;
    color: #7d7d7d;
    text-decoration: none
}

.page_comments {
    padding-top: 40px;
    width: 100%;
    float: left;
    display: none
}

.widget_image-left {
    float: left;
    width: 300px;
    margin-right: 40px;
    margin-top: 40px;
    margin-bottom: 40px
}

.widget_image-left img {
    max-width: 100%
}

.widget_image__link img:first-child {
    width: 100%
}

.widget_image__link {
    position: relative
}

.widget_image__fav {
    position: absolute;
    right: 10px;
    bottom: 10px
}

.widget_image__info {
    background: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    padding: 15px
}

.widget_image__info__desc {
    font-weight: 800;
    line-height: normal;
    font-size: 20px;
    color: #f59921;
    margin: 0
}

.lati_widget .widget_image__info__desc {
    color: #00c148
}

.sa_widget .widget_image__info__desc {
    color: #4b83e5
}

a.widget_wrap:hover p,
a.widget_wrap:hover span {
    text-decoration: underline
}

.widget_image__info__link {
    font-weight: 600;
    line-height: normal;
    font-size: 16px;
    color: #000;
    padding: 7px 0;
    display: inline-block;
    width: 100%;
    margin: 0
}

.widget_image-left span {
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    clear: both;
    font-size: 12px;
    color: #888;
    display: inline-block;
    width: 80%
}

.widget_image-left .widget_image-btn {
    float: right
}

.widget_image-vertical {
    position: relative;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    display: inline-block;
    width: 97%
}

.widget_image-vertical span {
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    clear: both;
    font-size: 12px;
    color: #888;
    display: inline-block;
    width: 80%
}

.widget_image-vertical .widget_image__link {
    width: 42%;
    display: inline-block;
    float: left
}

.widget_image-vertical .widget_image__info {
    width: 57%;
    display: inline-block;
    float: left;
    box-shadow: none;
    padding: 7px 15px
}

.widget_image-vertical .widget_image-btn {
    display: inline-block;
    position: absolute;
    top: 31%;
    right: -13px;
    border: 9px solid #fff;
    border-radius: 50px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1)
}

@media only screen and (max-width:992px) {
    .header__search__options__list {
        bottom: -94px
    }
}

@media only screen and (max-width:767px) {
    .widget_image-left {
        width: 100%
    }
    .widget_image-vertical .widget_image__info {
        width: 100%
    }
    .widget_image-vertical .widget_image__link {
        width: 100%
    }
    .widget_image-vertical .widget_image-btn {
        bottom: 30px;
        top: auto
    }
    .page_image img,
    .page_image__link img {
        width: 100% !important;
        max-width: 100%;
        max-height: 100%;
        height: auto
    }
    .form-group {
        display: inline-block;
        margin-left: 12px;
        clear: both;
        width: 100%;
        margin-top: 10px
    }
    .header__search__options__list {
        position: relative;
        clear: both;
        bottom: 6px;
        border-bottom: 1px solid #eee
    }
}

@media only screen and (min-width:768px) {
    .sectionhead a {
        font-size: 14px;
        line-height: 20px
    }
    .page_map {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        float: left
    }
    .page_banner_block {
        width: 300px;
        margin: 5px 0 5px 20px;
        float: right
    }
    .page_image {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }
    .page_image__info {
        padding: 0
    }
    .page_image-left {
        float: left;
        width: 350px;
        margin-right: 20px;
        margin-top: 5px;
        margin-bottom: 5px
    }
    .page_image-right {
        float: right;
        width: 350px;
        margin-left: 20px;
        margin-top: 5px;
        margin-bottom: 5px
    }
}

@media only screen and (min-width:992px) {
    .pagebody-sidebar {
        width: 640px;
        float: left
    }
    .page_banner_block {
        display: none
    }
    .sidebar {
        padding-left: 0;
        padding-right: 0;
        position: absolute;
        right: 20px;
        top: 0;
        margin-top: 20px;
        width: 300px;
        display: block
    }
    .sidebar_slide_block {
        width: 300px
    }
}

@media only screen and (min-width:1500px) {
    .pagebody-sidebar {
        width: 840px
    }
    .sidebar {
        right: 30px
    }
    .widget_image-vertical .widget_image__info {
        padding: 28px
    }
}

.sidebar_banner {
    position: relative;
    width: 100%;
    float: left;
    overflow: hidden;
    display: none
}

.sidebar_banner img {
    display: block;
    float: right
}

.sidebar_banner__link {
    display: block;
    width: auto;
    float: right;
    margin-top: 20px
}

.sidebar_banner__link:first-child {
    margin-top: 0
}

@media only screen and (min-width:992px) {
    .sidebar_banner {
        display: block
    }
}

.blogers_block {
    position: relative;
    width: 100%;
    float: left
}

.sidebar .blogers_block .material_item {
    border-top: 1px solid #dfdfdf;
    padding-top: 10px;
    margin-top: 10px
}

.sidebar .blogers_block .material_item:first-child {
    padding-top: 0;
    margin-top: 0;
    border: 0
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .sidebar .blogers_block .material_item {
        padding-top: 20px;
        margin-top: 20px
    }
    .sidebar .blogers_block .material_item:nth-child(3),
    .sidebar .blogers_block .material_item:nth-child(2),
    .sidebar .blogers_block .material_item:nth-child(1) {
        padding-top: 0;
        margin-top: 0;
        border: 0
    }
}

.article__info {
    width: 100%;
    float: left;
    margin: 10px 0
}

.article__info__left {
    width: 100%;
    float: left
}

.article__info .article__author {
    display: none
}

.article__author {
    width: 100%;
    margin: 10px 0 10px 0;
    color: #333;
    position: relative
}

.article__author__image {
    border-radius: 100%;
    width: 50px;
    height: 50px;
    overflow: hidden;
    display: table-cell
}

.article__author__name {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.article__date {
    float: left;
    font-size: 13px;
    line-height: 19px;
    color: #5f5f5f;
    padding: 3px 0
}

.article__sectiontitle {
    float: left;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 500
}

.article__options {
    float: left;
    width: 100%
}

.article__options__views {
    font-size: 14px;
    line-height: 16px;
    display: inline-block;
    padding: 3px 5px;
    color: #333
}

a.article__options__comments {
    font-size: 14px;
    line-height: 16px;
    display: inline-block;
    padding: 3px 5px;
    border-radius: 5px;
    margin-left: 4px;
    color: #333 !important
}

a.article__options__print {
    font-size: 20px;
    line-height: 16px;
    display: inline-block;
    padding: 3px 5px;
    border-radius: 5px;
    margin-left: 4px;
    color: #333 !important
}

.article__options__views i,
.article__options__comments i {
    margin-right: 5px
}

.article__options__comments:active,
.no-touch .article__options__comments:hover,
.article__options__print:active,
.no-touch .article__options__print:hover {
    color: #00c148 !important;
    text-decoration: none
}

.article__social {
    width: 100%;
    float: left
}

.article__social__desc {
    font-size: 14px;
    color: #5f5f5f;
    display: inline-block;
    vertical-align: middle;
    display: none
}

.article__info_bottom__tags {
    width: 100%;
    float: left
}

.article__tags {
    width: 100%;
    float: left
}

.article__tags__item {
    font-size: 14px;
    color: #5f5f5f;
    text-decoration: none
}

.article__tags__item:active,
.no-touch .article__tags__item:hover {
    color: #00c148;
    text-decoration: underline
}

.article__tags__separator {
    display: inline-block;
    padding: 0 5px;
    color: #5f5f5f
}

.article__info_bottom {
    width: 100%;
    float: left;
    margin-top: 20px
}

.article__info_bottom__author {
    width: 100%;
    float: left;
    margin-bottom: 10px
}

.article__info_bottom__social {
    width: 100%;
    float: left;
    margin-bottom: 15px
}

.article__social {
    float: left;
    width: auto;
    margin-right: 15px
}

.article__coments_btn {
    margin-top: 10px;
    float: left;
    height: 28px;
    border: 1px solid #dfdfdf;
    padding: 0 10px;
    line-height: 26px;
    font-size: 14px;
    color: #5f5f5f;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.article__coments_btn:active,
.no-touch .article__coments_btn:hover {
    color: #00c148
}

.article__coments_btn span {
    display: inline-block;
    color: #00c148
}

@media only screen and (min-width:768px) {
    .article__info__left {
        display: table-cell;
        vertical-align: middle;
        float: none;
        width: auto
    }
    .article__options,
    .article__date,
    .article__author {
        display: inline-block;
        width: auto;
        float: left
    }
    .article__author {
        margin: 0 15px 0 0
    }
    .article__sectiontitle {
        line-height: 32px;
        height: 30px;
        padding: 0
    }
    .article__date {
        line-height: 32px;
        height: 30px;
        padding: 0
    }
    .article__options {
        margin-right: 15px;
        line-height: 32px;
        padding: 0;
        height: 30px;
        display: table-cell;
        vertical-align: middle;
        float: none;
        width: auto;
        text-align: right
    }
    .article__coments_btn {
        margin-top: 0
    }
}

.page_event__info {
    margin: 10px 0;
    width: 100%;
    float: left
}

.page_event__info__row {
    width: 100%;
    float: left
}

.page_event__info__row:first-child {
    margin-top: 0
}

.page_event__info__block {
    display: inline-block;
    margin-right: 40px;
    margin-top: 15px
}

.page_event__info__block:last-child {
    margin-right: 0
}

.page_event__info__block__title {
    font-size: 14px;
    line-height: 18px;
    color: #5f5f5f
}

.page_event__info__block__value {
    margin-top: 3px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #000
}

.page_event__info_top {
    width: 100%;
    float: left
}

@media only screen and (min-width:768px) {
    .page_event__info_top {
        margin-bottom: 20px
    }
    .page_event__info {
        width: 400px;
        float: left
    }
    .page_event__image {
        float: none;
        width: auto;
        margin: 0;
        margin-left: 420px;
        clear: none
    }
}

@media only screen and (min-width:992px) {
    .page_event__info {
        width: 300px;
        float: left
    }
    .page_event__image {
        margin-left: 320px
    }
}

@media only screen and (min-width:1500px) {
    .page_event__info {
        width: 500px;
        float: left
    }
    .page_event__image {
        margin-left: 520px
    }
}

.page_news__top {
    width: 100%;
    float: left;
    margin-bottom: 40px
}

.page_news__bottom .material_item {
    border-top: 1px solid #dfdfdf;
    padding-top: 10px;
    margin-top: 10px
}

.page_news__bottom .material_item:first-child {
    padding-top: 0;
    border: 0;
    margin-top: 0
}

@media only screen and (min-width:768px) {
    .page_news__bottom .material_item:nth-child(2),
    .page_news__bottom .material_item:nth-child(1) {
        padding-top: 0;
        border: 0;
        margin-top: 0
    }
}

@media only screen and (min-width:992px) {
    .page_news__bottom .material_item:nth-child(4),
    .page_news__bottom .material_item:nth-child(3),
    .page_news__bottom .material_item:nth-child(2),
    .page_news__bottom .material_item:nth-child(1) {
        padding-top: 0;
        border: 0;
        margin-top: 0
    }
}

.page_company__head {
    width: 100%;
    float: left;
    padding: 0 0 20px 0
}

.page_company__head__logo {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.page_company__head__img {
     display: block;
    position: relative;
    height: 100%;
}

.page_company__head__img img {
    display: block;
    max-width: 100%;
    height: initial;
}

.page_company__head__info {
    padding-top: 10px;
    width: 100%;
    float: left
}

.page_company__head__title {
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500
}

.page_company__head__desc {
    font-size: 14px;
    line-height: 20px
}

.page_company__body {
    width: 100%;
    float: left;
    margin-top: 10px
}

.page_company__tabs {
    width: 100%;
    float: left
}

.page_company__tabs__menu {
    display: table
}

.page_company__tabs__menu__item {
    float: none;
    width: auto;
    display: table-cell
}

.page_company__tabs__menu__item i {
    font-size: 25px;
    vertical-align: middle;
    display: inline-block
}

.page_company__tabs__menu__item span {
    vertical-align: middle;
    display: inline-block;
    display: none;
    padding-left: 10px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.page_company__tabs__menu__item.ui-state-active span {
    display: inline-block
}

.page_company__tab_content {
    width: 100%;
    float: left
}

.page_company__team_block,
.page_company__management_block {
    width: 100%;
    float: left;
    margin-top: 20px
}

.page_company__team_block h4,
.page_company__management_block h4 {
    margin-bottom: 20px
}

.page_company__team_block h4 small,
.page_company__management_block h4 small {
    font-size: 12px;
    color: #606060;
    font-weight: 400
}

.page_company__management_block .material_item__title {
    font-size: 16px;
    line-height: 20px
}

.page_company__management_block .material_item__post {
    font-size: 12px;
    line-height: 16px
}

.page_company__team_block .material_item__content {
    padding-top: 0
}

.page_company__team_block .material_item__title {
    font-size: 14px;
    line-height: 18px
}

.page_company__team_block .material_item__title span {
    padding-bottom: 1px
}

.page_company__team_block .material_item__post {
    font-size: 12px;
    line-height: 16px;
    margin-top: 5px
}

.page_company__contacts {
    width: 100%;
    float: left;
    margin-top: 20px
}

.page_company__contacts__item {
    width: 100%;
    float: left;
    margin: 10px 0
}

.page_company__contacts__item i {
    width: 30px;
    float: left;
    font-size: 20px;
    display: block
}

.page_company__contacts__item span {
    display: block;
    margin-left: 30px;
    font-size: 14px;
    line-height: 22px
}

.page_company__social {
    width: 100%;
    float: left;
    margin-top: 20px
}

.page_company__map {
    width: 100%;
    float: left;
    margin-top: 20px
}

.page_company__tags {
    width: 100%;
    float: left;
    margin-top: 10px
}

.page_company__tags__item {
    margin-right: 8px;
    display: inline-block;
    border-radius: 5px;
    line-height: 16px;
    font-size: 12px;
    border: 1px solid #ababab;
    background: #fff;
    color: #5f5f5f;
    padding: 1px 10px;
    margin-bottom: 8px
}

.page_company__tags__item:active,
.no-touch .page_company__tags__item:hover {
    color: #fff;
    background: #00c148;
    text-decoration: none;
    border-color: #00c148
}

.page_company__structure {
    width: 100%;
    float: left
}

.page_company__structure__list {
    width: 100%;
    float: left
}

.page_company__structure__item {
    margin-top: 30px;
    width: 100%;
    float: left
}

.page_company__structure__item:first-child {
    margin-top: 0
}

.page_company__structure__item__link {
    text-decoration: none;
    color: #000
}

.page_company__structure__item__link:active,
.no-touch .page_company__structure__item__link:hover {
    text-decoration: none
}

.page_company__structure__item__img {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    text-align: center
}

.page_company__structure__item__img img {
    max-width: 200px;
    display: block;
    margin: auto
}

.page_company__structure__item__title {
    font-size: 14px;
    font-weight: 700
}

.page_company__structure__item__desc {
    width: 100%;
    float: left;
    margin-top: 5px
}

.page_company__banner {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    text-align: center
}

.page_company__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    border-radius: 5px;
    border: 2px solid #ababab;
    min-height: 40px;
    padding: 0 40px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    background: #fff;
    outline: 0;
    text-align: center
}

.btn-animated {
    border-radius: 4px;
    text-transform: uppercase;
    position: relative;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid #ababab;
    padding: .5rem 2rem;
    font-size: 14px;
    font-weight: 500;
    background-size: 300%;
    color: #000;
    background-image: linear-gradient(120deg, white 50%, #00c148 50%);
    transition: background-position 1s ease, color 1s ease
}

.btn-animated:hover {
    color: #fff !important;
    text-decoration: none !important;
    background-position: 100%
}

.btn-animated:active {
    box-shadow: 0 10px 20px -15px rgba(0, 0, 0, 0.75)
}

.page_company__head__info .page_company__btn:hover,
.page_company__head__info .page_company__btn:active {
    border-color: #00c148;
    color: #000;
    text-decoration: none
}

@media only screen and (min-width:768px) {
    .page_company__head {
        float: left;
        width: 400px
    }
    .page_company__head__info {
        padding-top: 0
    }
    .page_company__head__title {
        font-size: 24px;
        line-height: 32px
    }
    .page_company__banner {
        width: 300px;
        float: right;
        margin-top: 0;
        text-align: right
    }
    .page_company__body {
        margin-top: 20px
    }
    .page_company__tabs__menu__item span {
        display: inline-block
    }
    .page_company__structure__item {
        margin-top: 20px
    }
    .page_company__structure__item:first-child {
        margin-top: 0
    }
    .page_company__structure__item__img {
        width: 280px;
        float: left;
        margin-bottom: 10px;
        text-align: center
    }
    .page_company__structure__item__title {
        margin-left: 300px
    }
    .page_company__structure__item__desc {
        float: none;
        width: auto;
        margin-left: 300px
    }
}

@media only screen and (min-width:992px) {
    .page_company__head {
        width: 100%
    }
    .page_company__head__logo {
        width: 300px
    }
    .page_company__head__info {
      padding-top: 0;
        float: none;
        width: auto;
        margin-left: 15px;
    }
    .page_company__banner {
        display: none
    }
}

.page_companies__search {
    width: 100%;
    float: left
}

.page_companies__search__form {
    background: #fff;
    width: 100%;
    float: left;
    height: 40px;
    border: 1px solid #dfdfdf;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.page_companies__search__inputbox {
    font-size: 16px;
    line-height: 40px;
    border: 0;
    background: 0;
    padding: 0 10px;
    float: left;
    display: block;
    width: calc(100% - 60px)
}

.page_companies__search__inputbox:focus {
    outline: 0
}

.page_companies__search__btn {
    display: block;
    float: left;
    background: 0;
    border: 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0;
    font-size: 20px;
    text-align: center;
    color: #333;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.page_companies__search__btn:active,
.no-touch .page_companies__search__btn:hover {
    color: #00c148
}

.page_companies__filter_open {
    margin-top: 15px;
    width: 100%
}

.page_companies__filter_open.opened {
    background: #00c148;
    border-color: #00c148;
    color: #fff
}

.page_companies__filter_open.opened:active,
.no-touch .page_companies__filter_open.opened:hover {
    background: #67cc4a;
    border-color: #67cc4a;
    color: #fff
}

.page_companies__filter {
    display: none;
    width: 100%;
    float: left;
    padding: 20px 0 10px 0
}

.page_companies__filter__top {
    width: 100%;
    float: left
}

.page_companies__filter__block {
    width: 100%;
    float: left;
    margin-top: 10px
}

.page_companies__filter__block:first-child {
    margin-top: 0
}

.page_companies__filter__block__title {
    font-size: 16px;
    color: #606060;
    font-weight: 500;
    cursor: pointer;
    padding-right: 30px;
    position: relative
}

.page_companies__filter__block__title:focus {
    outline: 0
}

.page_companies__filter__block__title:after {
    position: absolute;
    right: 0;
    top: 0;
    font-family: Font Awesome\ 5 Free;
    content: '\f107';
    display: block;
    font-size: 24px;
    font-weight: 900;
    width: 30px
}

.page_companies__filter__block__title.ui-state-active:after {
    content: '\f106'
}

.page_companies__filter__block__content {
    display: none;
    width: 100%;
    float: left;
    padding: 0 0 10px 0
}

.page_companies__filter__item {
    width: 100%;
    float: left;
    font-size: 12px;
    line-height: 16px;
    margin-top: 8px
}

.page_companies__filter__item i {
    top: 2px;
    border: 2px solid #ababab;
    height: 14px;
    width: 14px;
    line-height: 16px
}

.page_companies__filter__item.active i {
    border-color: #00c148;
    background: #00c148;
    color: #fff
}

.page_companies__filter__item i:after {
    font-size: 10px;
    line-height: 10px;
    width: 10px;
    height: 10px;
    color: #fff
}

.page_companies__filter__item span {
    top: 2px;
    position: relative
}

.page_companies__filter__bottom {
    width: 100%;
    float: left;
    margin-top: 20px;
    text-align: center
}

.page_companies__filter__btn-submit {
    width: 100%
}

.page_companies__filter__btn-reset {
    height: 24px;
    line-height: 20px;
    background: #fff;
    color: #606060;
    border: 1px solid #ababab;
    border-radius: 12px;
    width: 140px;
    font-size: 12px;
    margin-top: 10px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.page_companies__filter__btn-reset:active,
.no-touch .page_companies__filter__btn-reset:hover {
    color: #000;
    border-color: #000
}

@media only screen and (min-width:768px) {
    .page_companies__search__form {
        width: calc(100% - 180px)
    }
    .page_companies__filter_open {
        width: 160px;
        float: right;
        margin-top: 5px
    }
    .page_companies__filter {
        padding-top: 10px;
        padding-bottom: 10px
    }
    .page_companies__filter__block {
        display: inline-block;
        vertical-align: top;
        float: none;
        margin-top: 0;
        margin-bottom: 20px
    }
    .page_companies__filter__block__title {
        width: auto;
        padding-right: 35px
    }
    .page_companies__filter__btn-submit {
        display: inline-block;
        float: none;
        width: 160px;
        vertical-align: middle
    }
    .page_companies__filter__btn-reset {
        margin: 0;
        width: auto;
        padding: 0 15px;
        margin-left: 10px
    }
}

.page_daynumber__content {
    width: 100%;
    float: left;
    margin: 20px 0
}

.page_daynumber__number {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 200px;
    line-height: 180px;
    color: #5f5f5f;
    font-family: 'Bitter';
    font-weight: 700
}

.page_daynumber__subnumber {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 40px;
    line-height: 40px;
    color: #5f5f5f;
    margin-bottom: 20px
}

.page_daynumber__subtitle {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500
}

.page_daynumber__nav {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 20px
}

.page_daynumber__nav__link {
    vertical-align: middle;
    display: inline-block;
    color: #5f5f5f;
    font-size: 20px;
    line-height: 20px;
    margin: 0 10px
}

.page_daynumber__nav__title {
    vertical-align: middle;
    display: inline-block;
    font-size: 16px;
    line-height: 20px
}

.page_daynumber__desc {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.page_profiles__filter__alphabet {
    width: 100%;
    float: left;
    text-align: center
}

.page_profiles__filter__alphabet__item {
    font-size: 20px;
    line-height: 22px;
    display: inline-block;
    color: #606060;
    text-decoration: none;
    margin: 2px 0;
    text-decoration: none;
    width: 28px;
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid transparent
}

.page_profiles__filter__alphabet__item:active,
.no-touch .page_profiles__filter__alphabet__item:hover {
    color: #000;
    text-decoration: none;
    border-color: gray
}

.page_profiles__filter__alphabet__item.active,
.page_profiles__filter__alphabet__item.active:active,
.no-touch .page_profiles__filter__alphabet__item.active:hover {
    color: #00c148;
    text-decoration: none;
    border-color: #00c148
}

.page_profiles__filter__alphabet__item.disabled,
.page_profiles__filter__alphabet__item.disabled:active,
.no-touch .page_profiles__filter__alphabet__item.disabled:hover {
    cursor: default;
    color: #bfbfbf;
    text-decoration: none;
    border-color: transparent
}

.page_profiles__search {
    margin: 20px 0;
    width: 100%;
    float: left
}

.page_profiles__search__form {
    width: 100%;
    float: left;

}

.page_profiles__search__inputbox {
    width: calc(100% - 32px);
    float: left;
    display: block;
    border: 0;
    background: 0;
    height: 40px;
    padding: 0 15px
}

.page_profiles__search__icon {
    width: 32px;
    height: 40px;
    font-size: 18px;
    line-height: 38px;
    color: #000;
    text-align: center;
    float: left
}

.page_profiles__showall {
    display: none;
    width: 100%;
    float: left;
    text-align: center
}

.page_profiles__showall_btn {
    font-size: 16px;
    line-height: 22px;
    color: #000;
    display: inline-block;
    border-bottom: 1px solid transparent
}

.page_profiles__showall_btn:active,
.no-touch .page_profiles__showall_btn:hover {
    color: #00c148;
    text-decoration: none;
    border-color: #00c148
}

.page_profiles__body {
    width: 100%;
    float: left;
    margin-top: 10px
}

.page_profiles__category {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.page_profiles__category__title {
    width: 100%;
    float: left;
    font-size: 20px;
    line-height: 24px;
    color: #606060;
    font-weight: 500;
    border-bottom: 1px solid #dfdfdf
}

.page_profiles__category__result {
    width: 100%;
    float: left;
    padding-top: 10px
}

.page_profiles__category__item {
    display: inline-block;
    width: 100%;
    float: left;
    position: relative;
    margin: 7px 0
}

.page_profiles__category__item__name {
    font-size: 16px;
    line-height: 22px;
    position: relative;
    margin: 10px 0;
    text-decoration: none;
    color: #000
}

.page_profiles__category__item__name:active,
.no-touch .page_profiles__category__item__name:hover {
    text-decoration: underline;
    color: #000
}

.page_profiles__category__item__person {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    border: 1px solid #dfdfdf;
    padding: 15px;
    background: #fff;
    z-index: 100;
    width: 180px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .15)
}

.page_profiles__category__item.active .page_profiles__category__item__person {
    display: block
}

.page_profiles__category__item__person__image {
    width: 100%;
    float: left;
    padding-top: 100%
}

.page_profiles__category__item__person__name {
    font-size: 14px;
    line-height: 18px;
    color: #000;
    margin: 5px 0;
    width: 100%;
    float: left
}

.page_profiles__category__item__person__post {
    font-size: 11px;
    line-height: 15px;
    color: #5f5f5f
}

.page_profiles__empty {
    display: none;
    width: 100%;
    float: left;
    font-size: 16px
}

@media only screen and (min-width:768px) {
    .page_profiles__category__item:visible {
        width: 33.333333%;
        padding-right: 20px
    }
    .page_profiles__category__item {
        width: 33.333333%
    }
    .page_profiles__category__item:visible:nth-child(1n),
    .page_profiles__category__item:visible:nth-child(2n) {
        padding-right: 5px;
        padding-left: 5px
    }
    .page_profiles__category__item:visible:nth-child(3n+1),
    .page_profiles__category__item:visible:first-child {
        padding-left: 0;
        padding-right: 10px
    }
    .page_profiles__category__item:visible:nth-child(3n) {
        padding-right: 0;
        padding-left: 10px
    }
}

.page_profile__head {
    width: 100%;
    max-width: 290px;
    margin: auto;
    padding: 0
}

.page_profile__head__image {
    width: 290px;
    height: 290px;
    float: left;
    clear: both
}

.page_profile__head__info {
    padding-top: 10px;
    width: 100%;
    float: left
}

.page_profile__head__info__age,
.page_profile__head__info__post {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
    width: 100%;
    float: left
}

.page_profile__head__info__gallery {
    width: 100%;
    float: left
}

.page_profile__head__info__gallery__btn {
    color: #00c148;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none
}

.page_profile__head__info__gallery__btn i {
    font-size: 18px;
    margin-right: 10px;
    display: inline-block
}

.page_profile__head__info__gallery__btn span {
    border-bottom: 1px solid #b4dfa8;
    display: inline-block
}

.page_profile__head__info__gallery__list {
    display: none
}

.page_profile__body {
    width: 100%;
    float: left;
    margin-top: 10px
}

.page_profile__tabs {
    width: 100%;
    float: left
}

.page_profile__tabs__menu {
    display: table
}

.page_profile__tabs__menu__item {
    float: none;
    width: auto;
    display: table-cell
}

.page_profile__tabs__menu__item i {
    font-size: 25px;
    vertical-align: middle;
    display: inline-block
}

.page_profile__tabs__menu__item span {
    vertical-align: middle;
    display: inline-block;
    display: none;
    padding-left: 10px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.page_profile__tabs__menu__item.ui-state-active span {
    display: inline-block
}

.page_profile__tab_content {
    width: 100%;
    float: left
}

.page_profile__tip {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    border-top: 1px dashed #cacaca
}

.page_profile__tip__desc {
    width: 100%;
    float: left;
    font-style: italic;
    font-size: 13px
}

.page_profile__tip__updtime {
    width: 100%;
    float: left;
    font-size: 13px
}

@media only screen and (min-width:768px) {
    .page_profile__head {
        float: left;
        margin: 0;
        width: 400px;
        max-width: 100%
    }
    .page_profile__head__image {
        width: 160px;
        height: 160px;
        float: left
    }
    .page_profile__head__info {
        width: 100%;
        max-width: 100%;
        padding-top: 10px
    }
    .page_profile .page_banner_block {
        width: 300px;
        float: right;
        margin-top: 0;
        text-align: right
    }
    .page_profile__tip__desc {
        width: 50%;
        float: left
    }
    .page_profile__tip__updtime {
        width: 50%;
        float: right;
        text-align: right
    }
    .page_profile__body {
        margin-top: 20px
    }
    .page_profile__tabs__menu__item span {
        display: inline-block
    }
    .page_profile__tabs__menu__item {
        width: 33.333333%;
        margin-top: 20px
    }
    .page_profile__tabs__menu__item:first-child {
        margin-top: 0
    }
}

@media only screen and (min-width:992px) {
    .page_profile__head {
        width: 100%
    }
    .page_profile__head__image {
        width: 200px;
        height: 200px
    }
    .page_profile__head__info {
        padding-top: 0;
        margin-top: 0;
        width: auto;
        float: none;
        margin-left: 220px
    }
}

.page_calendar__filter {
    width: 100%;
    float: left;
    margin: 0 0 20px 0
}

.page_calendar__filter__item {
    display: block;
    width: 100%;
    float: left;
    margin-top: 10px
}

.page_calendar__filter__item:first-child {
    margin-top: 0
}

.page_calendar__nav {
    width: 100%;
    float: left;
    display: table
}

.page_calendar__nav__block {
    display: table-cell;
    text-align: center;
    width: auto;
    vertical-align: middle
}

.page_calendar__nav__btn {
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    color: #aaa;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    width: 30px
}

.page_calendar__nav__btn-prev {
    text-align: left;
    float: left
}

.page_calendar__nav__btn-next {
    float: right;
    text-align: right
}

.page_calendar__nav__btn i {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 30px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.page_calendar__nav__btn:active i,
.no-touch .page_calendar__nav__btn:hover i {
    color: #00c148
}

.page_calendar__nav__btn span {
    display: none;
    vertical-align: middle
}

.page_calendar__nav__btn-prev span {
    margin-left: 10px
}

.page_calendar__nav__btn-next span {
    margin-right: 10px
}

.page_calendar__nav__curent {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    color: #303030
}

.page_calendar__table {
    width: 100%;
    float: left;
    margin: 20px 0
}

.page_calendar__table__head {
    display: none
}

.page_calendar__table__head:last-child {
    border-bottom: 0;
    border-top: 1px solid #cbcbcb
}

.page_calendar__table__row {
    width: 100%;
    float: left
}

.page_calendar__table__row-head {
    display: none
}

.page_calendar__table__day {
    width: 100%;
    float: left;
    border-top: 1px solid #cbcbcb;
    padding: 10px 0
}

.page_calendar__table__day.disabled {
    display: none
}

.page_calendar__table__day__head {
    width: 34px;
    display: table-cell;
    vertical-align: top
}

.page_calendar__table__day__number {
    width: 24px;
    height: 24px;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    color: #00c148
}

.page_calendar__table__day.current .page_calendar__table__day__number {
    background: #00c148;
    color: #fff
}

.page_calendar__table__day__events {
    line-height: 24px;
    display: table-cell;
    vertical-align: middle;
    padding: 4px 0
}

.page_calendar__table__day__event,
.page_calendar__table__day__events>div {
    color: #606060;
    font-size: 13px;
    line-height: 18px;
    width: 100%;
    float: left;
    text-decoration: none;
    display: block;
    margin: 0 0 10px 0;
    position: relative;
    border-top: 1px solid #cbcbcb;
    padding-top: 10px;
    word-break: break-word
}

.page_calendar__table__day__event:first-child,
.page_calendar__table__day__events>div:first-child {
    margin-top: 0;
    border: 0;
    padding-top: 0
}

.page_calendar__table__day__event:last-child,
.page_calendar__table__day__events>div:last-child {
    margin-bottom: 0
}

.page_calendar__table__day__event:active,
.no-touch .page_calendar__table__day__event:hover,
.page_calendar__table__day__events>div:active,
.no-touch .page_calendar__table__day__events>div:hover {
    text-decoration: none;
    color: #606060
}

.page_calendar__table__day__event.active:active,
.no-touch .page_calendar__table__day__event.active:hover,
.page_calendar__table__day__event.active,
.page_calendar__table__day__events>div.active:active,
.no-touch .page_calendar__table__day__events>div.active:hover,
.page_calendar__table__day__events>div.active {
    text-decoration: underline;
    color: #00c148
}

.page_calendar__table__day__event.latifund,
.page_calendar__table__day__events>div.latifund {
    font-weight: 700;
    color: #0091ea
}

.page_calendar__table__day__event i,
.page_calendar__table__day__events>div i {
    display: inline-block;
    margin-right: 5px
}

.page_calendar__table__day__event__info {
    display: none;
    width: 230px;
    padding: 15px;
    position: absolute;
    margin-top: 12px;
    top: 100%;
    left: 110px;
    margin-left: -115px;
    background: #fff;
    border: 1px solid #dfdfdf;
    z-index: 100;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .15);
    z-index: 200
}

.page_calendar__table__day__event__info:before,
.page_calendar__table__day__event__info:after {
    position: absolute;
    content: '';
    display: block;
    left: 50%;
    margin-left: -10px;
    top: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff
}

.page_calendar__table__day__event__info:before {
    top: -12px;
    border-bottom-color: #ebebeb
}

.page_calendar__table__day__event.top .page_calendar__table__day__event__info {
    top: auto;
    bottom: 100%
}

.page_calendar__table__day__event.top .page_calendar__table__day__event__info:before,
.page_calendar__table__day__event.top .page_calendar__table__day__event__info:after {
    top: auto;
    bottom: -10px;
    border-bottom: 0;
    border-top: 10px solid #fff
}

.page_calendar__table__day__event.top .page_calendar__table__day__event__info:before {
    bottom: -12px;
    border-top-color: #ebebeb
}

.page_calendar__table__day__event.active .page_calendar__table__day__event__info {
    z-index: 200
}

.page_calendar__table__day__event__info__image {
    width: 100%;
    padding-top: 66.86%;
    float: left
}

.page_calendar__table__day__event__info__block {
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: #000;
    width: 100%;
    float: left;
    margin-top: 10px
}

.page_calendar__table__day__event__info__block i {
    display: block;
    float: left;
    color: #00c148;
    width: 20px;
    text-align: center;
    font-size: 16px;
    height: 16px;
    line-height: 16px
}

.page_calendar__table__day__event__info__block span {
    display: block;
    margin-left: 25px
}

@media only screen and (min-width:768px) {
    .page_calendar__filter {
        text-align: center
    }
    .page_calendar__filter__item {
        display: inline-block;
        width: 210px;
        float: none;
        margin: 0 10px
    }
    .page_calendar__nav__btn {
        width: 120px
    }
    .page_calendar__nav__btn span {
        display: inline-block
    }
}

@media only screen and (min-width:992px) {
    .page_calendar__filter__item {
        display: inline-block;
        width: 240px
    }
    .page_calendar__table {
        display: table;
        width: 100%;
        float: left;
        border-top: 0
    }
    .page_calendar__table__row {
        display: table-row;
        float: none;
        width: auto
    }
    .page_calendar__table__cell {
        font-size: 13px;
        font-weight: 500;
        line-height: 18px;
        color: #5e5e5e;
        text-align: center;
        display: table-cell;
        vertical-align: top;
        width: 14.285714%;
        padding: 10px 0;
        border: 0
    }
    .page_calendar__table__cell:first-child {
        border-left: 0
    }
    .page_calendar__table__row:first-child .page_calendar__table__cell {
        border-top: 0
    }
    .page_calendar__table__row:last-child .page_calendar__table__cell {
        border-top: 1px solid #cdcdcd
    }
    .page_calendar__table__day:first-child,
    .page_calendar__table__day {
        position: relative;
        display: table-cell;
        vertical-align: top;
        width: 14.285714%;
        float: none;
        padding: 25px 10px 5px 10px;
        border-right: 1px solid #cdcdcd;
        border-bottom: 0;
        border-top: 1px solid #cdcdcd;
        max-width: 127px
    }
    .page_calendar__table__day:first-child {
        border-left: 1px solid #cdcdcd
    }
    .page_calendar__table__day.disabled {
        display: table-cell
    }
    .page_calendar__table__day.disabled .page_calendar__table__day__number {
        background: 0;
        color: #cdcdcd
    }
    .page_calendar__table__day__head {
        float: left;
        margin: 0;
        position: absolute;
        left: 0;
        top: 0
    }
    .page_calendar__table__day__events {
        width: 100%;
        float: left;
        margin: 0;
        min-height: 120px
    }
    .page_calendar__table__day__event__info {
        left: 50%
    }
}

.page_special__head {
    width: 100%;
    float: left
}

.page_special__last {
    width: 100%;
    float: left;
    margin-top: 20px
}

.page_special__sidebar_menu {
    width: 100%;
    float: left
}

.page_special__sidebar_menu__list {
    width: 100%;
    float: left
}

.page_special__sidebar_menu__item {
    width: 100%;
    float: left;
    border-top: 1px solid #cacaca;
    padding: 15px 0
}

.page_special__sidebar_menu__item:first-child {
    border-top: 0;
    padding-top: 5px
}

.page_special__sidebar_menu__link {
    font-size: 18px;
    line-height: 24px;
    color: #000;
    text-decoration: none;
    font-weight: 500
}

.page_special__sidebar_menu__link:active,
.no-touch .page_special__sidebar_menu__link:hover {
    color: #000
}

.page_rating__table {
    width: 100%;
    float: left;
    margin: 20px 0;
    border-bottom: 1px solid #cbcbcb
}

.page_rating__table__head {
    display: none
}

.page_rating__table__head {
    display: table;
    width: 100%;
    float: left;
    border-top: 1px solid #cbcbcb
}

.page_rating__table__head .page_rating__table__cell {
    font-size: 11px;
    line-height: 14px;
    font-weight: 500;
    color: #606060;
    padding-top: 3px;
    padding-bottom: 3px;
    vertical-align: middle
}

.page_rating__table__body {
    width: 100%;
    float: left
}

.page_rating__table__item {
    width: 100%;
    float: left;
    border-top: 1px solid #cbcbcb
}

.page_rating__table__item__head {
    width: 100%;
    float: left;
    display: table;
    padding: 10px 0;
    cursor: pointer
}

.page_rating__table__item__head:focus {
    outline: 0
}

.page_rating__table__cell-number {
    width: 20px;
    text-align: center;
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    color: #000;
    display: table-cell;
    vertical-align: middle
}

.page_rating__table__cell-body {
    color: #000;
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px 0 10px
}

.page_rating__table__head .page_rating__table__cell-body {
    text-align: center
}

.page_rating__table__item__head__image {
    width: 30px;
    overflow: hidden;
    float: left;
    display: none
}

.page_rating__table__item__head__image img {
    max-width: 30px;
    display: block
}

.page_rating__table__item__head__title {
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    color: #000;
    margin-left: 0;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.page_rating__table__item__head__more {
    font-size: 11px;
    line-height: 16px;
    margin-top: 5px;
    text-transform: uppercase;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.page_rating__table__item__head.ui-state-active .page_rating__table__item__head__more,
.page_rating__table__item__head:active .page_rating__table__item__head__more,
.no-touch .page_rating__table__item__head:hover .page_rating__table__item__head__more {
    color: #00c148;
    text-decoration: none
}

.page_rating__table__cell-rating {
    color: #000;
    display: table-cell;
    vertical-align: middle;
    width: 50px;
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    text-align: right
}

.page_rating__table__item__content {
    display: none;
    width: 100%;
    float: left;
    padding: 10px 0 20px 0;
    font-size: 13px;
    line-height: 18px
}

.rating_toggle .rating_toggle_content {
    display: none;
    width: 100%;
    float: left
}

.rating_toggle.opened .rating_toggle_content {
    display: block
}

.rating_toggle_link {
    margin: 20px 0;
    display: table;
    font-weight: 700;
    cursor: pointer
}

.page_rating .table_container {
    width: 100%;
    float: left;
    display: block
}

.page_rating .table_container .fa-caret-up {
    color: #00c148
}

.page_rating .table_container .fa-caret-down {
    color: #f65b5b
}

.page_rating__table__item__plus {
    color: #00c148;
    font-size: 40px
}

.page_rating__table__item__minus {
    color: #f65b5b;
    font-size: 40px
}

.page_rating__years {
    width: 100%;
    float: left;
    display: table;
    margin-bottom: 10px
}

.page_rating__years__prev {
    width: 80px;
    display: table-cell;
    color: #a0a0a0;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700
}

.page_rating__years__current {
    display: table-cell;
    text-align: center;
    color: #303030;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700
}

.page_rating__years__next {
    width: 80px;
    display: table-cell;
    text-align: right;
    color: #a0a0a0;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700
}

.page_rating__years__prev span,
.page_rating__years__next span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px
}

.page_rating__years__prev i,
.page_rating__years__next i {
    color: 18px;
    display: inline-block;
    vertical-align: middle
}

@media only screen and (min-width:768px) {
    .page_rating__table__cell {
        display: table-cell;
        vertical-align: middle
    }
    .page_rating__table__head {
        display: table;
        width: 100%;
        float: left;
        border-top: 1px solid #cbcbcb
    }
    .page_rating__table__item__head__more {
        font-size: 13px;
        line-height: 18px;
        margin-top: 5px;
        text-transform: uppercase
    }
    .page_rating__table__head .page_rating__table__cell {
        font-size: 13px;
        line-height: 20px;
        font-weight: 500;
        color: #606060;
        padding-top: 5px;
        padding-bottom: 5px
    }
    .page_rating__table__item__head {
        padding: 20px 0;
        width: 100%;
        display: table
    }
    .page_rating__table__cell-number {
        width: 60px;
        padding-left: 10px;
        font-size: 24px
    }
    .page_rating__table__cell-rating {
        width: 130px;
        padding-right: 10px;
        font-size: 24px
    }
    .page_rating__table__item__head__image {
        width: 200px;
        float: none;
        padding: 0;
        display: table-cell;
        vertical-align: middle
    }
    .page_rating__table__item__head__image img {
        max-width: 200px
    }
    .page_rating__table__item__head__title {
        font-size: 18px;
        line-height: 24px;
        padding-left: 10px;
        margin-left: 0;
        padding-left: 0;
        display: table-cell;
        vertical-align: middle
    }
    .page_rating__table__item__content {
        padding-left: 60px;
        padding-right: 130px;
        padding-top: 0;
        padding-bottom: 30px
    }
}

@media only screen and (min-width:992px) {
    .page_rating__table__item__head__image {
        width: 160px
    }
    .page_rating__table__item__head__image img {
        max-width: 160px
    }
    .page_rating__table__item__head__title {
        font-size: 16px;
        line-height: 22px
    }
}

@media only screen and (min-width:1500px) {
    .page_rating__table__item__head__image {
        width: 200px
    }
    .page_rating__table__item__head__image img {
        max-width: 200px
    }
    .page_rating__table__item__head__title {
        font-size: 18px;
        line-height: 24px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .page_cards .pagecontent {
        padding: 0 130px
    }
}

.page_card__head {
    text-align: center;
    width: 100%;
    flex: left
}

.page_card__head_inner {
    margin-left: -15px;
    margin-right: -15px;
    padding: 20px 15px;
    background: #27363b;
    color: #fff
}

.page_card__head__image {
    width: 100%;
    height: 100px;
    float: left;
    margin: 0 0 10px 0
}

.page_card__head__cardscount {
    font-size: 13px;
    line-height: 20px
}

.page_card__head__title {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin: 5px 0;
    font-weight: 500
}

.page_card__head__info {
    width: 100%
}

.page_card__head__comments,
.page_card__head__views,
.page_card__head__date {
    display: inline-block;
    font-size: 13px;
    line-height: 20px
}

.page_card__head__comments {
    margin-left: 10px
}

.page_card__head__views {
    margin-left: 10px
}

.page_card__head__comments i,
.page_card__head__views i {
    margin-right: 5px
}

.page_card__block {
    width: 100%;
    float: left;
    padding: 15px 15px;
    border: 1px solid #dfdfdf;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    margin-top: 20px
}

.page_card__block:first-child {
    margin-top: 0
}

.page_card__block__number {
    text-align: center;
    width: 100%;
    float: left;
    color: #6bc053;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 5px;
    font-weight: 500
}

.page_card__block__title {
    text-align: center;
    width: 100%;
    float: left;
    color: #000;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
    font-weight: 500
}

.page_card__block__content {
    font-size: 15px;
    line-height: 25px
}

.page_card__block .page_image img {
    width: calc(100% + 30px);
    margin-left: -15px
}

.page_card__block .page_image__info {
    padding: 0 15px;
    width: 100%;
    float: left;
    margin-top: 5px
}

.page_card__sidebar_menu {
    width: 100%;
    display: block;
    float: left;
    padding: 20px 10px 20px 30px;
    border: 1px solid #dfdfdf;
    margin: 30px 0 0 0;
    top: 0
}

.page_card__sidebar_menu li:after,
.page_card__sidebar_menu li:before {
    display: none
}

.page_card__sidebar_menu li {
    color: #00c148;
    width: 100%;
    float: left;
    display: list-item;
    padding: 0 0 0 5px;
    font-weight: 500
}

.page_card__sidebar_menu__item {
    font-size: 14px;
    line-height: 20px;
    display: block;
    color: #000;
    text-decoration: none
}

.page_card__sidebar_menu__item:active,
.no-touch .page_card__sidebar_menu__item:hover {
    text-decoration: none
}

@media only screen and (min-width:768px) {
    .page_card .page_banner_block {
        width: 100%;
        margin: 20px 0
    }
    .page_card__head_inner {
        margin-left: 0;
        margin-right: 0;
        padding: 40px 60px
    }
    .page_card__head__image {
        height: 150px;
        margin-bottom: 20px
    }
    .page_card__head__cardscount {
        font-size: 15px;
        line-height: 24px
    }
    .page_card__head__title {
        font-size: 24px;
        line-height: 32px
    }
    .page_card__head__comments,
    .page_card__head__views,
    .page_card__head__date {
        font-size: 15px;
        line-height: 24px
    }
    .page_card__body {
        margin: 0
    }
}

@media only screen and (min-width:992px) {
    .page_card__head_inner {
        padding: 60px 80px 40px 80px
    }
    .page_card__head__image {
        height: 150px;
        margin-bottom: 30px
    }
    .page_card__head__title {
        font-size: 28px;
        line-height: 34px
    }
    .page_card__block {
        margin-top: 30px
    }
    .page_card__body {
        margin-top: 30px
    }
}

.page_search__desc {
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 20px;
    color: #5f5f5f;
    margin-bottom: 20px
}

.page_search__result {
    width: 100%;
    float: left
}

.page_search__result .blocktitle {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.page_search__result .blocktitle:first-child {
    margin-top: 0
}

.page_search__result .blockmore {
    margin-top: 30px;
    width: 100%;
    float: left
}

.page_search__search {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.page_search__result__form {
    background: #fff;
    width: 100%;
    float: left;
    height: 40px;
    border: 1px solid #dfdfdf;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.page_search__search .header__search__options__block label {
    font-size: 13px
}

.page_search__search .form-group {
    margin-right: 10px;
    margin-top: 10px;
    margin-left: 0
}

.page_search__search .iradio>i {
    margin-top: 2px
}

.page_search__search .icheckbox>i {
    margin-top: 2px
}

.page_search__result__inputbox {
    font-size: 16px;
    line-height: 40px;
    border: 0;
    background: 0;
    padding: 0 10px;
    float: left;
    display: block;
    width: calc(100% - 60px)
}

.page_search__result__inputbox:focus {
    outline: 0
}

.page_search__result__btn {
    display: block;
    float: left;
    background: 0;
    border: 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0;
    font-size: 20px;
    text-align: center;
    color: #333;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.page_companies__search__btn:active,
.no-touch .page_search__result__btn:hover {
    color: #00c148
}

.page_agrodebate__comments_main {
    width: 100%;
    float: left;
    margin-top: 20px
}

.page_agrodebate__comment_main {
    position: relative;
    width: 100%;
    float: left;
    margin-top: 30px
}

.page_agrodebate__comment_main-like {
    padding-left: 20px
}

.page_agrodebate__comment_main-dislike {
    padding-right: 20px
}

.page_agrodebate__comment_main:first-child {
    margin-top: 0
}

.page_agrodebate__comment_main_inner {
    width: 100%;
    float: left;
    background: #fff;
    box-shadow: 0 2px 15px rgba(0, 0, 0, .2);
    padding: 20px 15px;
    border-top: 5px solid transparent;
    position: relative
}

.page_agrodebate__comment_main_inner:after,
.page_agrodebate__comment_main_inner:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 30px;
    width: 0;
    height: 0
}

.page_agrodebate__comment_main-like .page_agrodebate__comment_main_inner:after,
.page_agrodebate__comment_main-like .page_agrodebate__comment_main_inner:before {
    left: -20px;
    border-top: 20px solid transparent;
    border-right: 20px solid #fff;
    border-bottom: 20px solid transparent
}

.page_agrodebate__comment_main-like .page_agrodebate__comment_main_inner:before {
    left: -22px;
    border-right-color: #ebebeb
}

.page_agrodebate__comment_main-dislike .page_agrodebate__comment_main_inner:after,
.page_agrodebate__comment_main-dislike .page_agrodebate__comment_main_inner:before {
    right: -20px;
    border-top: 20px solid transparent;
    border-left: 20px solid #fff;
    border-bottom: 20px solid transparent
}

.page_agrodebate__comment_main-dislike .page_agrodebate__comment_main_inner:before {
    right: -22px;
    border-left-color: #ebebeb
}

.page_agrodebate__comment_main-like .page_agrodebate__comment_main_inner {
    border-color: #00c148
}

.page_agrodebate__comment_main-dislike .page_agrodebate__comment_main_inner {
    border-color: #ff5151
}

.page_agrodebate__comment_main__author {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    display: table
}

.page_agrodebate__comment_main__author__image_cell {
    display: table-cell;
    vertical-align: top
}

.page_agrodebate__comment_main__author__image {
    border-radius: 100%;
    width: 50px;
    height: 50px;
    overflow: hidden
}

.page_agrodebate__comment_main__author__content_cell {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px
}

.page_agrodebate__comment_main__author__name {
    font-size: 16px;
    line-height: 20px;
    color: #333
}

.page_agrodebate__comment_main__author__post {
    font-size: 14px;
    line-height: 18px;
    color: #5f5f5f;
    margin-top: 4px
}

.page_agrodebate__forms {
    width: 100%;
    float: left;
    margin-top: 30px
}

.page_agrodebate__buttons {
    width: 100%;
    float: left;
    text-align: center
}

.page_agrodebate__buttons__title {
    font-size: 15px;
    text-align: center;
    margin-bottom: 20px
}

.page_agrodebate__btn {
    display: inline-block;
    width: 130px;
    border-radius: 5px;
    height: 38px;
    border: 2px solid #cacaca;
    color: #333;
    line-height: 34px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    position: relative;
    margin: 0 5px;
    cursor: pointer;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.page_agrodebate__btn-like {
    border-color: #00c148
}

.page_agrodebate__btn-like:active,
.no-touch .page_agrodebate__btn-like:hover {
    color: #00c148
}

.page_agrodebate__btn-like.active,
.page_agrodebate__btn-like.active:active,
.no-touch .page_agrodebate__btn-like.active:hover {
    background: #00c148;
    color: #fff
}

.page_agrodebate__btn-dislike {
    border-color: #ff5151
}

.page_agrodebate__btn-dislike:active,
.no-touch .page_agrodebate__btn-dislike:hover {
    color: #ff5151
}

.page_agrodebate__btn-dislike.active,
.page_agrodebate__btn-dislike.active:active,
.no-touch .page_agrodebate__btn-dislike.active:hover {
    background: #ff5151;
    color: #fff
}

.page_agrodebate__btn i {
    position: absolute;
    left: 10px;
    top: 0;
    line-height: 34px
}

.page_agrodebate__btn__submit {
    display: none
}

.page_agrodebate__buttons__bottom {
    margin-top: 10px
}

.page_agrodebate__btn-comment {
    font-size: 14px;
    width: 274px;
    margin: 0
}

.page_agrodebate__form {
    padding: 0;
    width: 100%;
    float: left;
    margin: 20px 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    display: none
}

.page_agrodebate__form_inner {
    margin: auto;
    width: 100%;
    max-width: 600px
}

.page_agrodebate__form__top {
    text-align: center;
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.page_agrodebate__form__comment_type {
    display: inline-block;
    width: 130px;
    margin: 0 5px;
    background: 0;
    color: #333;
    line-height: 38px;
    border-radius: 5px;
    height: 38px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.page_agrodebate__form__comment_type input {
    position: absolute;
    left: -99999px
}

.page_agrodebate__form__comment_type i {
    margin-right: 5px;
    font-size: 20px
}

.page_agrodebate__form__comment_type-like {
    color: #00c148
}

.page_agrodebate__form__comment_type-like.active {
    color: #fff;
    background: #00c148
}

.page_agrodebate__form__comment_type-dislike {
    color: #ff5151
}

.page_agrodebate__form__comment_type-dislike.active {
    color: #fff;
    background: #ff5151
}

.page_agrodebate__form__block {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.page_agrodebate__form__inputbox {
    width: 100%;
    float: left;
    border-radius: 5px;
    border: 2px solid #cfcfcf;
    font-size: 14px;
    height: 38px;
    line-height: 38px
}

.page_agrodebate__form__textbox {
    border: 2px solid #cfcfcf;
    border-radius: 5px;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    height: 100px;
    float: left
}

.page_agrodebate__form__textbox::-webkit-input-placeholder,
.page_agrodebate__form__inputbox::-webkit-input-placeholder {
    color: #ababab;
    font-style: normal
}

.page_agrodebate__form__textbox::-moz-placeholder,
.page_agrodebate__form__inputbox::-moz-placeholder {
    color: #ababab;
    font-style: normal
}

.page_agrodebate__form__textbox:-moz-placeholder,
.page_agrodebate__form__inputbox:-moz-placeholder {
    color: #ababab;
    font-style: normal
}

.page_agrodebate__form__textbox:-ms-input-placeholder,
.page_agrodebate__form__inputbox:-ms-input-placeholder {
    color: #ababab;
    font-style: normal
}

.page_agrodebate__form__inputbox.error,
.page_agrodebate__form__textbox.error {
    border-color: #ff5151
}

.page_agrodebate__form__inputbox:focus,
.page_agrodebate__form__textbox:focus {
    outline: 0;
    border-color: #cfcfcf
}

.page_agrodebate__form__block__validate_text {
    display: none;
    font-size: 12px;
    color: #ff5151;
    width: 100%;
    float: left
}

.page_agrodebate__form__bottom {
    width: 100%;
    float: left;
    padding-bottom: 20px;
    text-align: center
}

.page_agrodebate__form__captcha {
    display: block;
    margin: auto
}

.page_agrodebate__form__btn {
    display: inline-block;
    width: 140px;
    margin: 20px 10px 0 10px;
    border-radius: 5px;
    height: 38px;
    border: 2px solid #cacaca;
    background: 0;
    color: #333;
    line-height: 34px;
    font-size: 14px;
    font-weight: 500;
    text-align: center
}

.page_agrodebate__form__btn-reset:active,
.no-touch .page_agrodebate__form__btn-reset:hover {
    border-color: #ff5151
}

.page_agrodebate__form__btn-submit:focus,
.page_agrodebate__form__btn-reset:focus {
    outline: 0
}

.page_agrodebate__comments {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.page_agrodebate__comment {
    width: 100%;
    float: left;
    margin-top: 20px;
    padding-top: 30px;
    border-top: 1px solid #cacaca
}

.page_agrodebate__comment:first-child {
    margin-top: 0;
    border: 0
}

.page_agrodebate__comment__head {
    width: 100%;
    float: left
}

.page_agrodebate__comment__head__evaluation {
    width: 34px;
    height: 34px;
    float: left;
    text-align: center;
    line-height: 34px;
    color: #fff;
    border-radius: 5px;
    font-size: 18px
}

.page_agrodebate__comment__head__evaluation-like {
    background: #00c148
}

.page_agrodebate__comment__head__evaluation-dislike {
    background: #ff5151
}

.page_agrodebate__comment__head__info {
    margin-left: 45px
}

.page_agrodebate__comment__head__author {
    font-size: 15px;
    line-height: 18px;
    color: #333
}

.page_agrodebate__comment__head__date {
    font-size: 11px;
    line-height: 16px;
    color: #5f5f5f
}

.page_agrodebate__comment__content {
    padding: 20px 0;
    width: 100%;
    float: left
}

.page_agrodebate__comment__bottom {
    width: 100%;
    float: left
}

.page_agrodebate__comment__btn {
    font-size: 15px;
    color: #9f9f9f;
    text-decoration: none;
    margin-right: 15px;
    font-weight: 500
}

.page_agrodebate__comment__btn i {
    margin-right: 6px;
    font-size: 18px
}

.page_agrodebate__comment__btn-like.active,
.page_agrodebate__comment__btn-like:active,
.no-touch .page_agrodebate__comment__btn-like:hover {
    text-decoration: none;
    color: #00c148
}

.page_agrodebate__comment__btn-dislike.active,
.page_agrodebate__comment__btn-dislike:active,
.no-touch .page_agrodebate__comment__btn-dislike:hover {
    text-decoration: none;
    color: #ff5151
}

@media only screen and (min-width:768px) {
    .page_agrodebate__comment_main-like {
        padding-right: 40px
    }
    .page_agrodebate__comment_main-dislike {
        padding-left: 40px
    }
    .page_agrodebate__form__bottom {
        text-align: right
    }
    .page_agrodebate__form__captcha {
        float: left;
        width: 300px
    }
    .page_agrodebate__form__btn {
        margin: 18px 0 0 0
    }
    .page_agrodebate__form__btn-submit {
        margin-right: 5px
    }
}

@media only screen and (min-width:992px) {
    .page_agrodebate__comment_main-like {
        padding-right: 0
    }
    .page_agrodebate__comment_main-dislike {
        padding-left: 0
    }
}

@media only screen and (min-width:1500px) {
    .page_agrodebate__comment_main-like {
        padding-right: 70px
    }
    .page_agrodebate__comment_main-dislike {
        padding-left: 70px
    }
}

#page_media__last {
    margin-top: 20px
}

.page_article .sidebar_infobook {
    margin-top: 30px
}

.sides_article {
    width: 100%;
    float: left;
    border-top: 2px solid #ebebeb;
    border-bottom: 2px solid #ebebeb;
    margin-top: 20px
}

.sides_article__item {
    color: #606060;
    text-decoration: none;
    font-weight: 500;
    width: 100%;
    float: left;
    display: block;
    padding: 10px 15px
}

.sides_article__item:first-child {
    margin-top: 0
}

.sides_article__nav {
    float: left;
    width: 100%;
    color: #606060;
    margin-bottom: 5px;
    font-weight: 400
}

.sides_article__item-next .sides_article__nav {
    text-align: right
}

.sides_article__item-prev {
    border-bottom: 2px solid #ebebeb
}

.sides_article__item-prev .sides_article__nav i {
    margin-right: 10px
}

.sides_article__item-next .sides_article__nav i {
    margin-left: 10px
}

.sides_article__title {
    font-size: 15px;
    line-height: 18px;
    color: #000;
    font-weight: 500;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.sides_article__item-next .sides_article__title {
    text-align: right
}

.sides_article__item:active .sides_article__title,
.no-touch .sides_article__item:hover .sides_article__title {
    color: #00c148;
    text-decoration: underline
}

@media only screen and (min-width:768px) {
    .sides_article {
        display: table;
        padding: 10px 0
    }
    .sides_article__item {
        display: table-cell;
        float: none;
        width: 50%;
        padding: 0 15px;
        border: 0;
        vertical-align: top
    }
    .sides_article__item-prev {
        padding-right: 5px;
        border-right: 1px solid #ebebeb
    }
    .sides_article__item-next {
        padding-left: 5px
    }
}

@media only screen and (min-width:992px) {
    .sides_article__item-prev {
        padding-left: 20px
    }
    .sides_article__item-next {
        padding-right: 20px
    }
}

@media only screen and (min-width:1500px) {
    .sides_article__item-prev {
        padding-left: 30px
    }
    .sides_article__item-next {
        padding-right: 30px
    }
}

.page_interactives .material_item-single {
    margin-top: 20px !important
}

.category_menu {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    width: 100%;
    float: left;
    background: #ebebeb;
    overflow: hidden;
    position: relative
}

.category_menu__title {
    text-align: center;
    width: 100%;
    float: left;
    margin: 10px 0 5px 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    white-space: nowrap;
    text-transform: uppercase
}

.category_menu_carousel {
    padding: 0 40px;
    width: 100%;
    float: left;
    height: 30px
}

.category_menu_carousel.disabled .owl-item:last-child {
    margin-right: 0 !important
}

.category_menu_carousel.disabled .owl-stage-outer {
    padding: 0;
    float: none;
    display: table;
    overflow: hidden;
    margin: auto
}

.category_menu_carousel.disabled .owl-stage {
    width: auto !important
}

.category_menu_carousel.disabled .owl-nav {
    display: none !important
}

.category_menu__item {
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    white-space: nowrap;
    display: block;
    float: left;
    padding: 0 10px;
    color: #606060;
    position: relative;
    text-decoration: none
}

.category_menu__item:active,
.no-touch .category_menu__item:hover {
    text-decoration: none;
    color: #606060;
    background: #e1e1e1
}

.category_menu__item.current,
.category_menu__item.current:active,
.no-touch .category_menu__item.current:hover {
    background: #00c148;
    color: #fff
}

@media only screen and (min-width:768px) {
    .category_menu {
        padding: 0
    }
    .category_menu_carousel {
        width: 100%;
        float: left
    }
    .category_menu.disabled {
        text-align: center
    }
    .category_menu.disabled .category_menu_carousel {
        display: table;
        margin: auto;
        width: auto;
        float: none
    }
    .category_menu__title {
        float: left;
        text-align: left;
        width: auto;
        padding-left: 20px;
        padding-right: 10px;
        height: 30px;
        line-height: 30px;
        margin: 0
    }
}

.category_menu_big {
    width: 100%;
    float: left;
    padding: 20px 15px
}

.category_menu_big__list {
    width: 100%;
    float: left
}

.category_menu_big__item {
    margin-right: 10px;
    width: calc(50% - 5px);
    display: block;
    float: left;
    border: 1px solid #dfdfdf;
    height: 60px;
    margin-top: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    text-decoration: none;
    color: #000;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.category_menu_big__item:active,
.no-touch .category_menu_big__item:hover {
    text-decoration: none
}

.category_menu_big__item:nth-child(2n) {
    margin-right: 0
}

.category_menu_big__item:nth-child(1),
.category_menu_big__item:nth-child(2) {
    margin-top: 0
}

.category_menu_big__item__image {
    height: 60px;
    width: 60px;
    float: left;
    display: none
}

.category_menu_big__item__title {
    margin-left: 50px;
    padding: 0 10px 0 0;
    line-height: 18px;
    font-size: 14px;
    font-weight: 700
}

.category_menu_big__item__icon {
    position: absolute;
    left: 0;
    top: 5px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 22px;
    color: #00c148
}

@media only screen and (min-width:768px) {
    .category_menu_big__item {
        width: calc(25% - 10px);
        margin-right: 13px
    }
    .category_menu_big__item:nth-child(1),
    .category_menu_big__item:nth-child(2),
    .category_menu_big__item:nth-child(3),
    .category_menu_big__item:nth-child(4) {
        margin-top: 0
    }
    .category_menu_big__item:nth-child(2n) {
        margin-right: 13px
    }
    .category_menu_big__item:nth-child(4n) {
        margin-right: 0
    }
    .category_menu_big__item__title {
        padding: 0;
        font-size: 15px;
        margin-left: 60px
    }
    .category_menu_big__item__icon {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 26px;
        top: 0
    }
}

@media only screen and (min-width:992px) {
    .category_menu_big__item {
        height: 62px;
        line-height: 62px
    }
    .category_menu_big__item__image {
        display: block;
        position: absolute;
        left: 0;
        top: 0
    }
    .category_menu_big__item__title {
        padding: 0 50px 0 10px;
        font-size: 16px;
        line-height: 19px
    }
    .category_menu_big__item__icon {
        left: auto;
        right: 0;
        width: 50px
    }
}

@media only screen and (min-width:1500px) {
    .category_menu_big__item {
        width: calc(25% - 15px);
        margin-right: 20px;
        height: 72px;
        line-height: 72px
    }
    .category_menu_big__item:nth-child(2n) {
        margin-right: 20px
    }
    .category_menu_big__item:nth-child(4n) {
        margin-right: 0
    }
    .category_menu_big__item__image {
        display: block;
        width: 70px;
        height: 70px
    }
    .category_menu_big__item__title {
        padding-left: 20px;
        margin-left: 70px;
        font-size: 20px;
        line-height: 22px
    }
    .category_menu_big__item__icon {
        left: auto;
        right: 0;
        width: 70px;
        line-height: 70px
    }
}

.article_page__triple_gallery {
    width: 100%;
    float: left;
    margin: 20px 0;
    position: relative;
    z-index: 10
}

.article_page__triple_gallery__item {
    display: block;
    float: left;
    width: 100%;
    margin-top: 10px
}

.article_page__triple_gallery__item:first-child {
    margin-top: 0
}

.article_page__triple_gallery__item a {
    display: block;
    float: left;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden
}

@media only screen and (min-width:768px) {
    .article_page__triple_gallery__item {
        width: 33.333333%;
        padding-left: 10px;
        padding-right: 10px
    }
    .article_page__triple_gallery__item:nth-child(4n),
    .article_page__triple_gallery__item:first-child {
        padding-left: 0
    }
    .article_page__triple_gallery__item:nth-child(3),
    .article_page__triple_gallery__item:nth-child(2),
    .article_page__triple_gallery__item:nth-child(1) {
        margin-top: 0
    }
    .article_page__triple_gallery__item:nth-child(3n) {
        padding-right: 0
    }
    .article_page__triple_gallery__item:nth-child(2),
    .article_page__triple_gallery__item:nth-child(5n) {
        padding-left: 5px;
        padding-right: 5px
    }
}

.googlemap {
    float: left;
    display: block;
    padding-top: 66.86%;
    width: 100%;
    display: block;
    position: relative;
    margin: 0
}

.googlemap>div {
    top: 0;
    left: 0
}

@media only screen and (min-width:768px) {
    .googlemap {
        margin: 0
    }
}

.slide_up {
    z-index: 500;
    position: fixed;
    bottom: -50px;
    right: 15px;
    width: 42px;
    height: 42px;
    background: #00c148;
    color: #fff;
    opacity: .7;
    line-height: 42px;
    text-align: center;
    font-stretch: 24px;
    text-decoration: none;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.slide_up:active,
.no-touch .slide_up:hover {
    color: #fff;
    background: #00c148;
    opacity: 1;
    text-decoration: none
}

.slide_up.active {
    bottom: 15px
}

@media only screen and (min-width:768px) {
    .slide_up {
        left: 50%;
        right: auto;
        margin-left: 315px
    }
}

@media only screen and (min-width:992px) {
    .slide_up {
        margin-left: 420px
    }
}

@media only screen and (min-width:1500px) {
    .slide_up {
        margin-left: 510px
    }
}

.footer_stick {
    width: 100%;
    float: left;
    position: relative;
    z-index: -1
}

.footer .container {
    position: relative;
    z-index: 100;
    background: #333;
    padding-top: 40px;
    padding-bottom: 20px;
    color: #fefefe
}

.footer {
    position: relative
}

.footer a {
    color: #fefefe;
    text-decoration: underline
}

.footer a:active,
.no-touch .footer a:hover {
    color: #00c148;
    text-decoration: none
}

.footer h3 {
    color: #b3b3b3;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin: 20px 0 10px 0
}

.footer__top__left {
    width: 100%;
    float: left
}

.footer__top__right {
    width: 100%;
    float: left
}

.footer .footer__menu__item {
    display: table;
    font-size: 15px;
    line-height: 20px;
    color: #fefefe;
    text-decoration: none;
    margin-top: 10px
}

.footer .footer__menu__item:active,
.no-touch .footer .footer__menu__item:hover {
    text-decoration: none;
    color: #00c148
}

.footer__social {
    width: 100%;
    float: left
}

.footer__social__list {
    float: left;
    width: 100%;
    margin-top: 10px
}

.footer__social__item {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 6px
}

.footer__social__item-fb {
    background-image: url('../img/social-fb.svg')
}

.footer__social__item-fb:active,
.no-touch .footer__social__item-fb:hover {
    background-image: url('../img/social-fb-hover.svg')
}

.footer__social__item-tw {
    background-image: url('../img/social-tw.svg')
}

.footer__social__item-tw:active,
.no-touch .footer__social__item-tw:hover {
    background-image: url('../img/social-tw-hover.svg')
}

.footer__social__item-rss {
    background-image: url('../img/social-rss.svg')
}

.footer__social__item-rss:active,
.no-touch .footer__social__item-rss:hover {
    background-image: url('../img/social-rss-hover.svg')
}

.footer__social__item-yt {
    background-image: url('../img/social-yt.svg')
}

.footer__social__item-yt:active,
.no-touch .footer__social__item-yt:hover {
    background-image: url('../img/social-yt-hover.svg')
}

.footer__social__item-pin {
    background-image: url('../img/social-pin.svg')
}

.footer__social__item-pin:active,
.no-touch .footer__social__item-pin:hover {
    background-image: url('../img/social-pin-hover.svg')
}

.footer__social__item-in {
    background-image: url('../img/social-in.svg')
}

.footer__social__item-in:active,
.no-touch .footer__social__item-in:hover {
    background-image: url('../img/social-in-hover.svg')
}

.footer__social__item-tg {
    background-image: url('../img/social-tg.svg')
}

.footer__social__item-tg:active,
.no-touch .footer__social__item-tg:hover {
    background-image: url('../img/social-tg-hover.svg')
}

.footer__subscribe {
    float: left;
    width: 100%
}

.footer__subscribe__form {
    background: none;
    width: 100%;
    padding: 10px;
    text-align: center;
    margin-top: 10px;
    float: left
}

.footer__subscribe__form__inputbox {
    width: 100%;
    float: left;
    font-size: 18px;
    line-height: 20px;
    height: 20px;
    color: #000;
    border: 0;
    background: 0;
    text-align: center
}

.footer__subscribe__form__inputbox:focus {
    outline: 0
}

.footer__subscribe__form__inputbox::-webkit-input-placeholder {
    color: #ababab
}

.footer__subscribe__form__inputbox::-moz-placeholder {
    color: #ababab
}

.footer__subscribe__form__inputbox:-moz-placeholder {
    color: #ababab
}

.footer__subscribe__form__inputbox:-ms-input-placeholder {
    color: #ababab
}

.footer__subscribe__form__inputbox:disabled::-webkit-input-placeholder {
    color: #ccc
}

.footer__subscribe__form__inputbox:disabled::-moz-placeholder {
    color: #ccc
}

.footer__subscribe__form__inputbox:disabled:-moz-placeholder {
    color: #ccc
}

.footer__subscribe__form__inputbox:disabled:-ms-input-placeholder {
    color: #ccc
}

a.footer__subscribe__btn {
    border-radius: 5px;
    border: 2px solid #ababab;
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    width: auto;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 38px;
    color: #000;
    text-decoration: none;
    background: #fff;
    margin-top: 20px;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

a.footer__subscribe__btn:active,
.no-touch a.footer__subscribe__btn:hover {
    border-color: #00c148;
    color: #000;
    text-decoration: none
}

.footer__bottom {
    margin-top: 37px;
    font-size: 14px;
    line-height: 20px;
    color: #fefefe
}

.footer__copyright {
    margin-top: 20px
}

.footer__developer {
    padding-right: 60px;
    margin-top: 10px
}

@media only screen and (min-width:768px) {
    .footer__menu__block {
        width: 50%;
        padding-right: 20px;
        float: left
    }
    .footer__social {
        width: 50%;
        padding-right: 20px
    }
    .footer__subscribe {
        width: 50%;
        float: none;
        margin-left: 50%
    }
    .footer__subscribe__form__inputbox {
        float: left;
        width: 200px;
        height: 30px;
        line-height: 30px;
        text-align: left
    }
    .footer__subscribe__form__btn {
        float: right;
        width: 120px;
        padding: 0;
        margin: 0
    }
    .footer__bottom {
        margin-top: 20px;
        width: 100%;
        float: left
    }
    .footer__copyright {
        margin: 0;
        float: left;
        width: 50%
    }
    .footer__developer {
        margin: 0 0 0 50%;
        width: 50%;
        float: none;
        text-align: right
    }
}

@media only screen and (min-width:992px) {
    .footer__top__left {
        width: 560px;
        float: left
    }
    .footer__top__right {
        width: 340px;
        float: right
    }
    .footer__social {
        width: 100%
    }
    .footer__subscribe {
        width: 100%;
        float: left;
        margin: 0
    }
    .footer__subscribe h3 {
        font-size: 14px;
        margin: 10px 0 0 0
    }
    .footer__subscribe__form__inputbox {
        width: 170px
    }
    .footer__bottom {
        margin-top: 30px
    }
}

@media only screen and (min-width:1500px) {
    .footer__top__left {
        width: 700px
    }
    .footer__top__right {
        width: 340px
    }
    .footer__subscribe__form__inputbox {
        width: 250px
    }
}

body.page404 #wrapper_inner {
    background: url('../img/page404.jpg') center no-repeat;
    background-size: cover
}

body.page404 .pagecontent {
    height: 360px;
    position: relative
}

.page_404__head {
    position: absolute;
    left: 20px;
    top: 80px;
    width: 150px;
    height: 120px;
    background: url('../img/page404_head.png') center no-repeat;
    background-size: contain;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.page_404__desc {
    position: absolute;
    top: 240px;
    left: 20px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

a.page_404__btn {
    display: block;
    position: absolute;
    top: 300px;
    left: 20px;
    border-radius: 5px;
    height: 40px;
    width: 270px;
    color: #fff;
    font-size: 27px;
    line-height: 40px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    background: rgba(105, 190, 81, 1);
    background: -moz-linear-gradient(top, rgba(105, 190, 81, 1) 0, rgba(85, 155, 66, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(105, 190, 81, 1)), color-stop(100%, rgba(85, 155, 66, 1)));
    background: -webkit-linear-gradient(top, rgba(105, 190, 81, 1) 0, rgba(85, 155, 66, 1) 100%);
    background: -o-linear-gradient(top, rgba(105, 190, 81, 1) 0, rgba(85, 155, 66, 1) 100%);
    background: -ms-linear-gradient(top, rgba(105, 190, 81, 1) 0, rgba(85, 155, 66, 1) 100%);
    background: linear-gradient(to bottom, rgba(105, 190, 81, 1) 0, rgba(85, 155, 66, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#69be51', endColorstr='#559b42', GradientType=0);
    box-shadow: 0 10px 10px rgba(0, 0, 0, .3);
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

a.page_404__btn:active,
a.page_404__btn:hover {
    text-decoration: none;
    color: #fff;
    border: 0
}

a.page_404__btn i {
    margin-left: 10px
}

@media only screen and (min-width:768px) {
    body.page404 .pagecontent {
        height: 660px
    }
    .page_404__head {
        left: 30px;
        width: 310px;
        height: 260px;
        top: 110px
    }
    a.page_404__btn {
        top: 400px;
        left: 30px;
        width: 310px;
        height: 60px;
        font-size: 33px;
        line-height: 60px
    }
    .page_404__desc {
        top: 580px;
        left: 420px;
        font-size: 18px
    }
}

@media only screen and (min-width:992px) {
    .page_404__head {
        left: 70px
    }
    a.page_404__btn {
        left: 70px
    }
    .page_404__desc {
        left: 550px
    }
}

@media only screen and (min-width:1500px) {
    body.page404 .pagecontent {
        height: 830px
    }
    .page_404__head {
        left: 120px;
        top: 200px;
        width: 360px;
        height: 300px
    }
    a.page_404__btn {
        left: 120px;
        top: 510px;
        width: 350px
    }
    .page_404__desc {
        left: 670px;
        top: 730px
    }
}

.daynumber_block {
    margin: 20px 0
}

.daynumber_block__carousel {
    padding: 20px 0;
    width: 100%;
    float: left;
    border-top: 1px solid #b1b1b1;
    border-bottom: 1px solid #b1b1b1
}

.daynumber_block__carousel .owl-nav {
    display: none
}

.daynumber_block__item {
    width: 100%;
    float: left
}

.daynumber_block__item__title {
    color: #282828;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 20px;
    width: 100%;
    float: left
}

.daynumber_block__item__title span {
    color: #00c148
}

.daynumber_block__item__content {
    width: 100%;
    float: left;
    font-size: 16px
}

.daynumber_block__item__value {
    text-align: center;
    float: left;
    width: 100%
}

.daynumber_block__item__value__number {
    font-size: 50px;
    line-height: 54px;
    font-weight: 700
}

.daynumber_block__item__value__number__desc {
    font-size: 36px;
    line-height: 40px;
    font-weight: 700
}

.daynumber_block__item__value__desc {
    width: 100%;
    float: left;
    margin: 10px 0
}

.daynumber_block__item__desc__text {
    display: none
}

.daynumber_block__item__desc {
    width: 100%;
    float: left
}

@media only screen and (min-width:768px) {
    .daynumber_block__carousel .owl-nav {
        display: block
    }
    .daynumber_block__carousel .owl-prev {
        left: -20px
    }
    .daynumber_block__carousel .owl-next {
        right: -20px
    }
    .daynumber_block__item__content {
        display: table
    }
    .daynumber_block__item__value {
        float: none;
        width: 50%;
        display: table-cell;
        vertical-align: middle;
        padding-right: 10px
    }
    .daynumber_block__item__desc {
        float: none;
        width: 50%;
        display: table-cell;
        vertical-align: middle;
        padding-left: 10px
    }
    .daynumber_block__item__desc__text {
        display: block;
        width: 100%;
        float: left;
        margin-bottom: 10px
    }
    .daynumber_block__item__value__desc {
        width: 200px;
        display: table;
        float: none;
        margin: 10px auto 0 auto
    }
    .daynumber_block__item__value__number {
        font-size: 60px;
        line-height: 64px
    }
    .daynumber_block__item__value__number__desc {
        font-size: 32px;
        line-height: 36px
    }
}

@media only screen and (min-width:992px) {
    .daynumber_block__carousel .owl-prev {
        left: -25px
    }
    .daynumber_block__carousel .owl-next {
        right: -25px
    }
    .daynumber_block__item__value__number {
        float: none;
        display: table-cell;
        width: auto;
        padding-right: 10px;
        vertical-align: top;
        font-size: 65px;
        line-height: 70px
    }
    .daynumber_block__item__value__content {
        display: table-cell;
        width: auto;
        vertical-align: top;
        text-align: left
    }
}

@media only screen and (min-width:1500px) {
    .daynumber_block__carousel .owl-prev {
        left: -30px
    }
    .daynumber_block__carousel .owl-next {
        right: -30px
    }
}

.sidebar_infobook {
    border: 1px solid #dfdfdf;
    width: 100%;
    float: left
}

.sidebar_infobook__head {
    width: 100%;
    float: left;
    height: 74px;
    background: url('../img/sidebar_infobook.jpg') 0 0 no-repeat;
    margin-bottom: 30px;
    background-size: 100% auto;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .2)
}

.sidebar_infobook__form {
    width: 100%;
    float: left
}

.sidebar_infobook__form__label {
    position: relative;
    width: 100%;
    float: left;
    padding-bottom: 20px;
    padding: 0 15px 20px 15px
}

.sidebar_infobook__form__label .inputbox {
    border-radius: 5px;
    border-width: 2px;
    width: 100%
}

.sidebar_infobook__form__label .inputbox.error {
    border-color: #ff5151
}

.sidebar_infobook__form__label .required_mark {
    position: absolute;
    right: 2px;
    top: 0;
    color: #9f9f9f
}

.sidebar_infobook__form__label .required_tip {
    width: 100%;
    float: left;
    font-size: 12px;
    color: #ff5151;
    padding: 2px 0 0 10px;
    font-weight: 400
}

.sidebar_infobook__form__bottom {
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 40px;
    padding: 0 15px
}

.sidebar_infobook__form__bottom button {
    width: 100%;
    height: 40px
}

.sidebar_infobook__form__bottom button i {
    margin-left: 10px
}

.infobook_block {
    width: 100%;
    float: left;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    margin: 20px 0
}

.infobook_block__head {
    padding: 15px 0;
    text-align: center;
    font-size: 16px;
    line-height: 22px
}

.infobook_block__form {
    width: 100%;
    float: left
}

.infobook_block__form__label {
    position: relative;
    width: 100%;
    float: left;
    padding-bottom: 20px;
    padding: 0 15px 20px 15px
}

.infobook_block__form__label .inputbox {
    border-radius: 5px;
    border-width: 2px;
    width: 100%
}

.infobook_block__form__label.error .inputbox {
    border-color: #ff5151
}

.infobook_block__form__label .required_mark {
    position: absolute;
    right: 2px;
    top: 0;
    color: #9f9f9f
}

.infobook_block__form__label .required_tip {
    width: 100%;
    float: left;
    font-size: 12px;
    color: #ff5151;
    padding: 2px 0 0 10px;
    font-weight: 400;
    display: none
}

.infobook_block__form__label.error .required_tip {
    display: block
}

.infobook_block__form__bottom {
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 40px;
    padding: 0 15px
}

.infobook_block__form__bottom button {
    width: 100%;
    height: 40px
}

.infobook_block__form__bottom button i {
    margin-left: 10px
}

@media only screen and (min-width:768px) {
    .infobook_block__head {
        font-size: 18px
    }
    .infobook_block__form {
        width: 580px;
        margin: auto;
        float: none;
        display: table
    }
    .infobook_block__form__label {
        width: 49%;
        float: none;
        display: inline-block
    }
    .infobook_block__form__bottom {
        text-align: center;
        margin-bottom: 20px
    }
    .infobook_block__form__bottom button {
        width: 260px
    }
}

@media only screen and (min-width:992px) {
    .infobook_block {
        display: none
    }
}

.page-projects {
    padding-top: 40px
}

.page-projects #wrapper {
    width: 100%;
    float: left
}

.page-projects .header {
    background: #00c148;
    height: 40px;
    width: 100%;
    margin: 0;
    float: left;
    left: 0;
    top: 0;
    margin: 0
}

.page-projects .header__logo {
    float: right;
    height: 40px;
    width: 160px;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    margin-right: 20px
}

.page-projects .header__logo img {
    width: 100%;
    display: block
}

.page-projects .header__backtosite {
    display: block;
    float: left;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    padding: 0 20px
}

.page-projects .header__backtosite:active,
.no-touch .page-projects .header__backtosite:hover {
    text-decoration: none;
    color: #fff;
    text-decoration: none;
    background: rgba(0, 0, 0, .2)
}

.page-projects .header__backtosite i {
    margin-right: 7px
}

.page-projects .footer {
    background: #333
}

.projects {
    width: 100%;
    float: left
}

.projects__item {
    position: relative;
    width: 100%;
    float: left;
    margin-bottom: 30px;
    padding: 10px 10px 30px 10px;
    color: #fff;
    display: block;
    text-decoration: none
}

.projects__item:active,
.no-touch .projects__item:hover {
    text-decoration: none;
    color: #fff
}

.projects__item__bg_container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden
}

.projects__item__bg:after,
.projects__item__bg:before,
.projects__item__bg {
    display: none !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.projects__item__bg:first-child:after,
.projects__item__bg:first-child:before,
.projects__item__bg:first-child {
    display: block !important
}

.projects-3 .projects__item__bg {
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.projects-3 .projects__item:active .projects__item__bg,
.no-touch .projects-3 .projects__item:hover .projects__item__bg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.projects__item__content {
    position: relative;
    z-index: 10;
    height: 100%;
    text-align: center;
    margin: auto;
    max-width: 500px
}

.projects__item__logo {
    border-radius: 100%;
    width: 120px;
    height: 120px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
    margin: 0 auto 20px auto
}

.projects__item__title {
    font-size: 24px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 10px;
    width: 100%
}

.projects__item__subtitle {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px
}

.projects__item__desc {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 20px
}

.projects__item__btn {
    display: inline-block;
    width: 100%;
    max-width: 290px;
    line-height: 52px;
    height: 50px;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 5px;
    background: #fff;
    text-decoration: none;
    color: #666;
    margin-bottom: 20px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
    text-align: center
}

.projects__item__btn:active,
.no-touch .projects__item__btn:hover {
    text-decoration: none;
    color: #000;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.55)
}

.projects__item__btn-green {
    color: #00c148
}

.projects__item__btn-green:active,
.no-touch .projects__item__btn-green:hover {
    color: #3db43f
}

.projects__item__btn-darkblue {
    color: #08294b
}

.projects__item__btn-darkblue:active,
.no-touch .projects__item__btn-darkblue:hover {
    color: #184b7e
}

.projects__item__btn-red {
    color: #b61820
}

.projects__item__btn-red:active,
.no-touch .projects__item__btn-red:hover {
    color: #db252e
}

.projects__item__bg.gradient:before,
.projects__item__bg.gradient:after {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: block;
    content: '';
    z-index: 10
}

.projects__item__bg.gradient-pink:before,
.projects__item__bg.gradient:before {
    background: rgba(0, 0, 0, .2)
}

.projects-1 .projects__item__bg.gradient:before,
.projects__item__bg.gradient-left:before,
.projects__item__bg.gradient-right:before {
    background: 0
}

.projects__item__bg.gradient-right:after {
    width: 50%;
    left: auto;
    right: 0
}

.projects__item__bg.gradient-left:after {
    width: 50%;
    left: 0
}

.projects__item__bg.gradient-black:after {
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=0)
}

.projects__item__bg.gradient-black.gradient-right:after {
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=1)
}

.projects__item__bg.gradient-green:after {
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(21, 87, 22, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(21, 87, 22, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(21, 87, 22, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(21, 87, 22, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(21, 87, 22, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(21, 87, 22, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#155716', GradientType=0)
}

.projects__item__bg.gradient-green.gradient-left:after {
    background: rgba(21, 87, 22, 0.8);
    background: -moz-linear-gradient(left, rgba(21, 87, 22, 0.8) 0, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, rgba(21, 87, 22, 0.8)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(21, 87, 22, 0.8) 0, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(21, 87, 22, 0.8) 0, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(21, 87, 22, 0.8) 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(21, 87, 22, 0.8) 0, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#155716', endColorstr='#ffffff', GradientType=1)
}

.projects__item__bg.gradient-pink:after {
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(204, 101, 115, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(204, 101, 115, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(204, 101, 115, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(204, 101, 115, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(204, 101, 115, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(204, 101, 115, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cc6573', GradientType=0)
}

.projects__item__bg.gradient-red:after {
    background: rgba(255, 255, 255, 0);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(223, 43, 58, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(223, 43, 58, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(223, 43, 58, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(223, 43, 58, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(223, 43, 58, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(223, 43, 58, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#df2b3a', GradientType=0)
}

@media only screen and (min-width:992px) {
    .projects__item {
        height: 320px;
        text-align: left;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }
    .projects__item-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .projects__item-right {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: flex-end;
        justify-content: flex-end
    }
    .projects-2 .projects__item {
        width: calc(50% - 15px);
        margin-right: 30px
    }
    .projects-2 .projects__item:nth-child(2n) {
        margin-right: 0
    }
    .projects-3 .projects__item {
        width: calc(33.333333% - 20px);
        margin-right: 30px
    }
    .projects-3 .projects__item:nth-child(3n) {
        margin-right: 0
    }
    .projects__item__bg:first-child:after,
    .projects__item__bg:first-child:before,
    .projects__item__bg:first-child,
    .projects__item__bg:after,
    .projects__item__bg:before,
    .projects__item__bg {
        display: none !important
    }
    .projects__item__bg:last-child:after,
    .projects__item__bg:last-child:before,
    .projects__item__bg:last-child {
        display: block !important
    }
    .projects__item-left .projects__item__bg {
        background-position: right center
    }
    .projects__item-right .projects__item__bg {
        background-position: left center
    }
    .projects__item__content {
        max-width: 600px;
        margin: 0 auto;
        padding: 30px 30px;
        text-align: left
    }
    .projects__item__subtitle {
        font-weight: 700;
        font-size: 16px;
        line-height: 19px
    }
    .projects-1 .projects__item .projects__item__content {
        height: auto;
        margin: 0
    }
    .projects-2 .projects__item__content {
        max-width: 100%;
        padding: 40px 30px;
        padding-left: 180px
    }
    .projects-3 .projects__item__content {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 0
    }
    .projects__item-center .projects__item__content {
        text-align: center
    }
    .projects__item-right .projects__item__content {
        text-align: right;
        padding-right: 30px
    }
    .projects__item__logo {
        width: 100px;
        height: 100px
    }
    .projects-1 .projects__item-left .projects__item__logo {
        margin-left: 0
    }
    .projects-1 .projects__item-right .projects__item__logo {
        margin-left: auto;
        margin-right: 0
    }
    .projects-2 .projects__item__logo {
        float: left;
        margin: 0;
        position: absolute;
        left: 40px;
        top: 40px
    }
    .projects-2 .projects__item-center .projects__item__logo {
        margin-left: auto
    }
    .projects-2 .projects__item-right .projects__item__logo {
        margin-left: auto;
        margin-right: 0;
        float: left
    }
    .projects-2 .projects__item-right .projects__item__btn {
        position: absolute;
        right: 30px;
        bottom: 0
    }
    .projects-3 .projects__item-center .projects__item__logo {
        margin-left: auto
    }
}

@media only screen and (min-width:1170px) {
    .page-projects {
        padding-top: 60px
    }
    .page-projects .header {
        height: 60px;
        padding: 0
    }
    .page-projects .header__logo {
        height: 60px;
        width: 210px;
        margin-right: 40px
    }
    .page-projects .header__logo img {
        width: 100%;
        display: block
    }
    .page-projects .header__backtosite {
        line-height: 60px;
        font-size: 18px
    }
    .page-projects .header__backtosite i {
        margin-right: 12px
    }
    .projects__item {
        height: 400px
    }
    .projects-2 .projects__item__content {
        width: 100%
    }
    .projects-3 .projects__item__content {
        width: 100%;
        padding-top: 20px
    }
    .projects__item__title {
        font-size: 36px;
        line-height: 36px
    }
    .projects__item__subtitle {
        font-weight: 700;
        font-size: 20px;
        line-height: 24px
    }
    .projects__item__logo {
        width: 120px;
        height: 120px
    }
    .projects-2 .projects__item-left .projects__item__desc {
        float: left
    }
    .projects-2 .projects__item-right .projects__item__desc {
        float: right
    }
}

@media only screen and (min-width:1500px) {
    .projects__item {
        height: 480px
    }
    .projects-1 .projects__item {
        height: 600px
    }
    .projects__item__content {
        padding: 40px 60px;
        max-width: 700px
    }
    .projects-1 .projects__item__content {
        max-width: 100%;
        padding: 10px 60px
    }
    .projects-2 .projects__item__content {
        max-width: 100%;
        padding: 60px 60px;
        padding-left: 200px
    }
    .projects-2 .projects__item-left .projects__item__content {
        float: left;
        padding-left: 60px
    }
    .projects-2 .projects__item-right .projects__item__content {
        float: right;
        padding-right: 60px
    }
    .projects__item__logo {
        width: 120px;
        height: 120px
    }
    .projects__item__title {
        font-size: 54px;
        line-height: 54px;
        margin-bottom: 30px
    }
    .projects__item__desc {
        margin-bottom: 30px;
        font-size: 18px;
        line-height: 24px
    }
    .projects-2 .projects__item-right .projects__item__btn {
        right: 60px;
        bottom: 40px
    }
}

.comics_gallery {
    width: 100%;
    float: left;
    margin: 20px 0;
    position: relative;
    z-index: 10
}

.comics_gallery__item {
    display: block;
    float: left;
    width: 100%;
    margin-top: 10px
}

.comics_gallery__item:nth-child(2),
.comics_gallery__item:nth-child(1) {
    margin-top: 0
}

.comics_gallery__item:nth-child(2n) {
    padding-right: 0
}

.comics_gallery__item a {
    display: block;
    float: left;
    width: 100%;
    padding-bottom: 150%;
    overflow: hidden
}

@media only screen and (min-width:768px) {
    .comics_gallery__item {
        width: 50%;
        padding-left: 10px;
        padding-right: 10px
    }
    .comics_gallery__item:nth-child(odd),
    .comics_gallery__item:first-child {
        padding-left: 0
    }
}

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

.banner_mobile .container {
    text-align: center
}

.container .banner_mobile .container {
    padding: 0
}

.banner_mobile img {
    display: block;
    margin: auto;
    border: 0;
    outline: 0;
    max-width: 100%;
    min-width: 100%
}

@media only screen and (min-width:992px) {
    .banner_mobile {
        display: none;
        height: 0
    }
}

.block-video {
    clear: both;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 50px
}

.block-video__left {
    width: 50%;
    display: inline-block;
    float: left
}

.block-video__right {
    width: 49%;
    display: inline-block;
    float: left;
    padding-left: 20px
}

@media(max-width:768px) {
    .block-video__left,
    .block-video__right {
        width: 100%;
        padding-left: 0
    }
    .block-video__left iframe {
        height: auto;
        width: auto;
        min-height: 209px
    }
}

.social-btns,
.social-btns li {
    margin: 0;
    padding: 0;
    list-style: none
}

.social-btns {
    display: flex;
    justify-content: space-between
}

@media(max-width:768px) {
    .footer .footer__bottom .social-btns {
        float: left
    }
}

.social-btns a,
.social-btns a:before,
.social-btns a .fab {
    transition: all .35s;
    transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59)
}

.social-btns a:before {
    top: 90%;
    left: -110%
}

.social-btns a .fab {
    transform: scale(0.8)
}

.social-btns a.facebook:before {
    background-color: #3b5998
}

.social-btns a.facebook .fab {
    color: #3b5998
}

.social-btns a.twitter:before {
    background-color: #3cf
}

.social-btns a.twitter .fab {
    color: #3cf
}

.social-btns a.vk:before {
    background-color: #5081b8
}

.social-btns a.vk .fab {
    color: #5081b8
}

.social-btns a.telegram:before {
    background-color: #36aee2
}

.social-btns a.telegram .fab {
    color: #36aee2
}

.social-btns a.youtube:before {
    background-color: red
}

.social-btns a.youtube .fab {
    color: red
}

.social-btns a.instagram:before {
    background-color: #d02f96
}

.social-btns a.instagram .fab {
    color: #d02f96
}

.social-btns a:focus:before,
.social-btns a:hover:before {
    top: -20%;
    left: -20%
}

.social-btns a:focus .fab,
.social-btns a:hover .fab {
    color: #fff;
    transform: scale(1)
}

.social-btns a {
    display: inline-block;
    background-color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin: 0 10px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
    opacity: .99
}

.social-btns a:first-child {
    margin-left: 0
}

.social-btns a:before {
    content: '';
    width: 140%;
    height: 140%;
    position: absolute;
    transform: rotate(45deg)
}

.social-btns a .fab {
    font-size: 20px;
    vertical-align: middle
}

.blockquote {
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 0;
    margin-right: 0
}

@media(max-width:575px) {
    .blockquote {
        flex-direction: column-reverse
    }
}

.blockquote img {
    width: 100px;
    height: 100px;
    border-radius: 50%
}

.blockquote__left-col {
    width: 25%;
    min-height: 140px;
    text-align: center
}

@media(max-width:575px) {
    .blockquote__left-col {
        padding-top: 15px;
        width: 100%
    }
}

.blockquote__right-col {
    display: flex;
    align-items: center;
    position: relative;
    width: 75%;
    min-height: 140px
}

@media(max-width:575px) {
    .blockquote__right-col {
        padding-bottom: 25px;
        width: 100%;
        min-height: unset;
        text-align: center
    }
}

.blockquote__right-col::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    background-color: #00c148
}

@media(max-width:575px) {
    .blockquote__right-col::before {
        top: unset;
        bottom: 0;
        width: 100%;
        height: 3px
    }
}

.blockquote__left-col p {
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1;
    font-style: italic
}

.blockquote__right-col p {
    margin: 0;
    padding-left: 23px;
    font-style: italic
}

@media(max-width:991px) {
    .blockquote__right-col p {
        padding-left: 13px
    }
}

@media(max-width:575px) {
    .blockquote__right-col p {
        padding-left: 0
    }
}

.blockquote_photo-right {
    flex-direction: row-reverse
}

@media(max-width:575px) {
    .blockquote_photo-right {
        flex-direction: column-reverse
    }
}

.blockquote_photo-right .blockquote__right-col p {
    padding-left: 0;
    padding-right: 23px;
    text-align: right
}

@media(max-width:575px) {
    .blockquote_photo-right .blockquote__right-col p {
        padding-right: 0;
        text-align: center
    }
}

.blockquote_photo-right .blockquote__right-col::before {
    left: unset;
    right: 0
}

.blockquote_green {
    padding: 20px 0;
    background-color: #00c14882
}

@media(max-width:575px) {
    .blockquote_green {
        padding: 10px 5px 15px
    }
}

.blockquote_green .blockquote__right-col {
    position: static
}

.blockquote_green .blockquote__right-col::before {
    display: none
}

.agrohub {
    border-bottom: 3px solid rgba(136, 136, 136, 0.3);
    margin-bottom: 40px
}

.agrohub .green_text {
    color: #0091ea
}

.google-ad {
    display: block;
    margin-bottom: 15%
}

.google-ad img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.agrohub__descr {
    display: flex;
    margin-bottom: 10px
}

.agrohub__logo {
    flex: 0 0 60px;
    margin-left: 15px
}

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

.agrohub__info {
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 17%
}

.agrohub__text p {
    margin: 0 0 15px 0
}

.agrohub-company {
    border: 3px solid #e5e5e5;
    padding: 10px 10px 0;
    margin-bottom: 30px
}

.agrohub-company__title {
    text-align: center;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 25px
}

.agrohub-company__list {
    overflow: hidden;
    float: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.agrohub-company__item {
    text-align: center;
    padding: 15px 0;
    width: 50%;
    margin: 0
}

.agrohub-company__item a {
    cursor: pointer
}

.agrohub-company__item a img {
    filter: grayscale(1);
    transition: filter .3s ease
}

.agrohub-company__item a:hover img {
    filter: grayscale(0)
}

.agrohub-news {
    margin-bottom: 7px
}

.agrohub-news p {
    margin-top: 0;
    margin-bottom: 20px
}

.agrohub-news p .green_text {
    font-weight: 600
}

.agrohub-statistic {
    list-style: none;
    margin: 0;
    padding: 0;
    float: none
}

.agrohub-statistic__item {
    position: relative;
    margin-bottom: 20px;
    padding-left: 25px;
    font-weight: bold;
    margin-top: 0
}

.agrohub-statistic__item .green_text {
    display: block
}

.agrohub-statistic__item:after {
    content: '';
    list-style: none;
    border: 2px solid #0091ea;
    width: 11px;
    height: 11px;
    position: absolute;
    left: 0;
    top: 7px;
    border-radius: 50%
}

@media only screen and (min-width:768px) {
    .agrohub__descr {
        margin-bottom: 15px
    }
    .agrohub__logo {
        flex: 0 0 120px;
        margin-left: 60px
    }
    .agrohub-company {
        padding: 35px 35px 7px
    }
    .agrohub-company__title {
        text-align: left;
        margin-bottom: 10px
    }
    .agrohub-company__item {
        padding: 28px 0;
        width: 25%
    }
    .agrohub-news {
        margin-bottom: 20px
    }
    .agrohub-statistic {
        display: flex
    }
    .agrohub-statistic__item {
        width: 50%;
        padding-right: 10px;
        margin-bottom: 15px
    }
}

@media only screen and (min-width:1024px) {
    .agrohub__logo {
        flex: 0 0 146px;
        margin-left: 10px
    }
    .agrohub__descr {
        margin-bottom: 25px
    }
    .agrohub-company {
        padding: 20px 25px 3px
    }
    .agrohub-company__title {
        margin-bottom: 10px
    }
    .agrohub-company__item {
        padding: 17px 0
    }
    .agrohub-news {
        margin-bottom: 10px
    }
    .agrohub-statistic__item {
        margin-bottom: 20px
    }
}

@media only screen and (min-width:1200px) {
    .agrohub__logo {
        flex: 0 0 160px;
        margin-left: 30px
    }
    .agrohub-company {
        padding: 20px 30px 0
    }
    .agrohub-company__title {
        margin-bottom: 5px
    }
    .agrohub-company__item {
        padding: 26px 0
    }
    .agrohub-statistic {
        display: flex
    }
    .agrohub-statistic__item {
        width: auto;
        flex: 0 0 210px;
        margin-right: 70px;
        padding-right: 0;
        margin-bottom: 20px
    }
    .agrohub-statistic__item:last-child {
        flex: 1 1 auto;
        margin-right: 0
    }
}

.importan-text {
    position: relative;
    margin: 30px 0;
    width: 100%;
    text-align: center
}

@media(max-width:991px) {
    .importan-text {
        margin: 25px 0
    }
}

@media(max-width:575px) {
    .importan-text {
        margin: 20px 0
    }
}

.importan-text::after {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #0091ea
}

.importan-text__head {
    position: relative
}

.importan-text__logo {
    width: 61px;
    height: 61px
}

@media(max-width:991px) {
    .importan-text__logo {
        width: 45px;
        height: 45px
    }
}

@media(max-width:575px) {
    .importan-text__logo {
        width: 31px;
        height: 31px
    }
}

.importan-text__head::before,
.importan-text__head::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 38.98%;
    height: 1px;
    background-color: #0091ea
}

@media(max-width:991px) {
    .importan-text__head::before,
    .importan-text__head::after {
        width: 41.79%
    }
}

@media(max-width:767px) {
    .importan-text__head::before,
    .importan-text__head::after {
        width: 43.05%
    }
}

@media(max-width:575px) {
    .importan-text__head::before,
    .importan-text__head::after {
        width: 43.25%
    }
}

.importan-text__head::after {
    left: auto;
    right: 0
}

.importan-text__body {
    padding-top: 15px;
    padding-bottom: 35px
}

@media(max-width:575px) {
    .importan-text__body {
        padding-top: 5px;
        padding-bottom: 15px
    }
}

.importan-text__body p {
    margin-top: 0;
    margin-bottom: 0;
    font-style: italic;
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    color: #000
}

@media(max-width:575px) {
    .importan-text__body p {
        font-size: 15px
    }
}

.pricing-widget {
    margin: 10px 0
}

@media only screen and (min-width:1500px) {
    .pricing-widget {
        margin: 20px 0 10px
    }
}

.pricing-widget__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    width: 100%;
    font-size: 0;
    overflow: hidden
}

@media only screen and (min-width:992px) {
    .pricing-widget__inner {
        flex-direction: row
    }
}

.pricing-widget__slider {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0 25px;
    width: 100%
}

@media only screen and (min-width:992px) {
    .pricing-widget__slider {
        width: calc(100% - 183px)
    }
}

.pricing-widget .owl-item:last-child .pricing-widget__item {
    border-right: 0
}

.pricing-widget__item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    white-space: nowrap
}

@media only screen and (min-width:768px) {
    .pricing-widget__item {
        padding-right: 10px;
        border-right: 1px solid #ababab
    }
}

.pricing-widget__item-name {
    font-size: 14px;
    line-height: 20px;
    color: #3f7c20
}

.pricing-widget__item-price {
    margin-left: 5px;
    font-size: 14px;
    line-height: 20px;
    color: #222
}

.pricing-widget__link {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    width: 100%;
    height: 30px;
    background: #0091ea;
    border: 2px solid #0091ea;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 15px;
    line-height: 30px;
    text-transform: uppercase;
    color: #fff;
    outline: 0
}

@media only screen and (min-width:992px) {
    .pricing-widget__link {
        margin-top: 0;
        margin-left: 15px;
        width: 168px
    }
}

.pricing-widget__link span:last-child {
    display: none
}

section#wrapper_inner {
  padding: 30px 0px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}

@media only screen and (min-width:992px) {
    .pricing-widget__link span:first-child {
        display: none
    }
    .pricing-widget__link span:last-child {
        display: block
    }
}

.pricing-widget a.pricing-widget__link:hover {
    text-decoration: none;
    color: #fff
}

.pricing-widget .owl-stage {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.pricing-widget .owl-prev,
.pricing-widget .owl-next {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    cursor: pointer
}

.pricing-widget .owl-prev img {
    transform: rotate(180deg)
}

.pricing-widget .owl-next {
    left: auto;
    right: 0
}

.pricing-widget .owl-prev.disabled,
.pricing-widget .owl-next.disabled {
    opacity: .5
}

.pricing-widget .owl-dots {
    margin-top: 0
}