/* author: Pavel Lavrus email: onechifu@gmail.com */


/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */
/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*: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%;
    width: 100%;
    position: relative;
    background: #f5f5f5;
    color: #222222;
    font-size: 14px;
    line-height: 22px;
    font-family: 'OpenSans', Helvetica, Arial, sans-serif;
}
body.is-overflow {
    overflow: hidden;
}

a {
    text-decoration: none;
    color: #4b83e5;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
a:active,
.no-touch a:hover {
    color: #4b83e5;
    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 #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: bold;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

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

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

/*
 * A better looking default horizontal rule
 */

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

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
    resize: vertical;
}
/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */
.hidden {
    display: none !important;
}
/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
    visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}



/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        /* background: transparent !important; */
        color: #000000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
        outline: none !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .contain,
    .cover {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    .contain img,
    .cover img {
        display: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    /*     a[href]:after {
            content: " (" attr(href) ")";
            } */

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        /*page-break-inside: avoid;*/
    }

    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,
    .page__head__options,
    .article__coments_btn_container,
    .comments,
    .sidebar,
    .footer_stick,
    .read_block,
    .topicread_block,
    .theme_materials,
    .article__social,
    .category_menu,
    .search,
    .pathway,
    .tags,
    .branding,
    .slide_up,
    .footer {
        display: none !important;
    }

    .header {
        border: none;
        display: block !important;
        position: relative !important;
        margin: 0;
        float: left;
        text-align: center;
    }
    .header__mainmenu__btn-open,
    .header__mainmenu__button,
    .header__mainmenu,
    .header__menu {
        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;
        margin: 20px 0 !important;
    }
    .article_page__triple_gallery__item {
        width: 33.333333% !important;
        display: table-cell !important;
        height: auto !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .article_page__triple_gallery__item a {
        display: inline !important;
    }
    .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 Carousel 2
========================================================================== */
.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 Carousel - Auto Height Plugin
 */
.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(0px, 0px, 0px);
}
.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;
    min-height: 1px;
    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_container {
    width: inherit;
    float: left;
    overflow: hidden;
    }*/
/*.carousel_container .container {
    display: block;
    }*/
.carousel {
    position: relative;
}
.carousel .owl-next,
.carousel .owl-prev {
    position: absolute;
    z-index: 10;
    cursor: pointer;
    top: 50%;
    left: 0;
    width: 36px;
    height: 100%;
    color: #ffffff;
    margin-top: -16px;
    opacity: 0.6;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.carousel .owl-next {
    left: auto;
    right: 0;
}
.carousel .owl-next:active,
.carousel .owl-next:hover,
.carousel .owl-prev:active,
.carousel .owl-prev:hover {
    opacity: 1;
}
.carousel .owl-next:after,
.carousel .owl-prev:after {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    font-family: 'FontAwesome';
    line-height: 36px;
    font-size: 36px;
    text-align: center;
}
.carousel .owl-prev:after {
    content: '\f053';
}
.carousel .owl-next:after {
    content: '\f054';
}
.carousel .owl-next.disabled,
.carousel .owl-prev.disabled {
    cursor: default;
    opacity: 0.6;
}
/*.carousel .owl-next i,
.carousel .owl-prev i {
    display: block;
    width: 100%;
    height: 100%;
    color: #f44336;
    font-size: 20px;
    text-align: center;
    line-height: 45px;
    padding-left: 5px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
    }*/
/*.carousel .owl-next.disabled i,
.carousel .owl-prev.disabled i {
    color: #cacaca;
}
.carousel .owl-prev i {
    padding-right: 5px;
    padding-left: 0;
    }*/
/*.carousel .owl-next {
    left: auto;
    right: 0;
    }*/
@media only screen and (min-width: 768px) {
    /*  .carousel .owl-next,
      .carousel .owl-prev {
          background: #ffffff;
          box-shadow: 0 2px 10px rgba(107,107,107,.3);
          }*/
}
/* ==========================================================================
END Общие стили для карусели и слайдшоу - Owl Carousel 2
========================================================================== */


/* ==========================================================================
Fancy box
========================================================================== */
/*! 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: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
    background: #ededed;
}
.fancybox-wrap .inputbox:focus {
    outline: none;
    border-color: #1eaa48;
}
.fancybox-wrap .btn {
    display: inline-block;
    border: 2px solid #b5b5b5;
    background: transparent;
    color: #b5b5b5;
    font-size: 17px;
    margin: 21px auto 0;
    padding: 10px 20px;
    font-weight: 900;
    letter-spacing: 0.1px;
    text-transform: uppercase;
}
.fancybox-close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 45px;
    height: 45px;
    cursor: pointer;
}

.fancybox-close:before,
.fancybox-close:after {
    content: "";
    position: absolute;
    top: 16px;
    left: 0px;
    width: 21px;
    height: 4px;
    background: #000;
}

.fancybox-close:before {
    webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.fancybox-close:after {
    webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.fancybox-wrap .modal__title {
    color: #888888;
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 900;
}
.fancybox-skin {
    position: relative;
    background: #ededed;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 30px 40px!important;
}
.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-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: 0.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: 0;
    right: 0;
    width: 32px;
    height: 32px;
    cursor: pointer;
    z-index: 8040;
    font-size: 12px;
    line-height: 32px;
    text-align: center;
    color: #757575;
    text-decoration: none;
}
.fancybox-close:active,
.no-touch .fancybox-close:hover {
    color: #f44336;
    text-decoration: none;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('../img/blank.gif'); /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}
.fancybox-prev {
    left: 0;
}
.fancybox-next {
    right: 0;
}
.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}
.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}
.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}
.fancybox-nav:hover span {
    visibility: visible;
}
.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
}
.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(255,255,255,.5);
}
.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 0 !important;
}
.fancybox-lock .fancybox-overlay {
    overflow: hidden;
    /*overflow-y: scroll;*/
}
/* Title helper */
.fancybox-title {
    visibility: hidden;
    font-size: 13px;
    line-height: 20px;
    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; /* Fallback for web browsers that doesn't support RGBa */
    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);
}

/*Retina graphics!*/
@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; /*The size of the normal image, half the size of the hi-res image*/
    }

    #fancybox-loading div {
        background-image: url('../img/fancybox_loading@2x.gif');
        background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
    }
}
/* ==========================================================================
END Fancy box
========================================================================== */


/* ==========================================================================
Selectric v1.9.5
========================================================================== */
.selectric-wrapper {
    position: relative;
    cursor: pointer;
    text-align: left;
}
.selectric-responsive {
    width: 100%;
}
.selectric {
    border: none;
    background: #ffffff;
    position: relative;
    overflow: hidden;
    border: 1px solid #d7d7d7;
    -webkit-transition: border-color 0.1s linear;
    -moz-transition: border-color 0.1s linear;
    transition: border-color 0.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: #888888;
    height: 38px;
    padding-right: 10px;
}
.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 38px;
    color: #1eaa48;
    text-align: center;
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 38px;
    text-align: center;
    font-size: 26px;
    margin: 0;
    border-left: 1px solid #f5f5f5;
    /* font-size: 0; */
    background: #1eaa48;
}
.selectric .button:before {
    content: "\f107";
    color: #fff;
}
.selectric-open .selectric .button:before {
    content: "\f106";
}

.selectric-hover .selectric {
    /*border-color: #C4C4C4;*/
    border-color: #1eaa48;
}
.selectric-hover .selectric .button {
    /*color: #A2A2A2;*/
}
.selectric-hover .selectric .button:after {
    /*border-top-color: #A2A2A2;*/
}

.selectric-open {
    z-index: 9999;
}
.selectric-open .selectric {
    border-top: 1px solid #1eaa48;
    border-right: 1px solid #1eaa48;
    border-left: 1px solid #1eaa48;
    border-bottom: none;
    padding-bottom: 1px;
}
.selectric-open .selectric-items {
    display: block;
    border-bottom: 1px solid #1eaa48;
    border-right: 1px solid #1eaa48;
    border-left: 1px solid #1eaa48;
}

.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 {
    /*filter: alpha(opacity=50);*/
    /*opacity: 0.5;*/
    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;
}

/* Items box */
.selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #ffffff;
    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:hover {
    background: #f7f7f7;
}
.selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: 0.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: none;
    color: #444;
}
.selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1;
}
.selectric-items .selectric-group li {
    padding-left: 25px;
}
/* ==========================================================================
END Selectric v1.9.5
========================================================================== */


/* ==========================================================================
Clusterize
========================================================================== */
/* max-height - the only parameter in this file that needs to be edited.
* Change it to suit your needs. The rest is recommended to leave as is.
*/
.clusterize-scroll{
    max-height: 800px;
    overflow: auto;
}

/**
* Avoid vertical margins for extra tags
* Necessary for correct calculations when rows have nonzero vertical margins
*/
.clusterize-extra-row{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* By default extra tag .clusterize-keep-parity added to keep parity of rows.
* Useful when used :nth-child(even/odd)
*/
.clusterize-extra-row.clusterize-keep-parity{
    display: none;
}

/* During initialization clusterize adds tabindex to force the browser to keep focus
* on the scrolling list, see issue #11
* Outline removes default browser's borders for focused elements.
*/
.clusterize-content{
    outline: 0;
}

/* Centering message that appears when no data provided
*/
.clusterize-no-data td{
    text-align: center;
}
/* ==========================================================================
END Clusterize
========================================================================== */


/*!
 * 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;
    /*top: 0 !important;*/
}

#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: 0.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: 0.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;
    }
}


/* ==========================================================================
Tooltips
========================================================================== */
.tip {
    position: relative;
}



/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
    border-radius: 4px;
    box-shadow: 0 2px 14px rgba(0,0,0,.2);
    background: #379fe0;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
    padding: 10px;
    overflow: hidden;
    max-width: 280px;
    color: #ffffff;
    font-size: 13px;
    line-height: 15px;
}
.tooltipster-default a {
    color: #ffffff;
}
.tooltipster-default a:active,
.no-touch .tooltipster-default a:hover {
    color: #ffffff;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
    /* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
    cursor: help;
    margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.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;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.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;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.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(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -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-show {
}
.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0px !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-slide-show {
}
.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0px !important;
    opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
    opacity: 0.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);
}
/* ==========================================================================
END Tooltips
========================================================================== */


/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
    1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
    2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
    3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
    4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
    5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
    6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
        6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
        */
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }

.mCustomScrollBox{ /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container{ /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}
/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container{
    margin-right: 0;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */

.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
    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{ /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 30px; /* minimum dragger height */
    z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
    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; /* auto-expanded scrollbar */ }

.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; /* auto-expanded scrollbar */ }

.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; }
/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.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; } /* non-visible scrollbar */

.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; } /* scrollbar position: outside */

.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; /* minimum dragger width */
    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; /* auto-expanded scrollbar */
    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; /* auto-expanded scrollbar */
    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; }
/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.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; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.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; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.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{ /* RTL direction/left-side scrollbar */
    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; /* non-visible scrollbar */
    margin-left: 0;
}
/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }
/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.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, /* auto-expanded scrollbar */
.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;
}
/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* theme: "dark" */
.no-touch .mCustomScrollBox .mCS-dark.mCSB_scrollTools {
    opacity: 0;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.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: #666666;
}
.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;
}
/* ---------------------------------------- */


/* ==========================================================================
Custom number
========================================================================== */
.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 #dddddd;
    font-size: 14px;
    color: #000000;
    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;
}
/* ==========================================================================
END Custom number
========================================================================== */


/* ==========================================================================
Custom checkbox
========================================================================== */
.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: #ffffff;
    border: 1px solid #595959;
    position: relative;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.custom_checkbox>i:after {
    left: -1px;
    top: 0;
    position: absolute;
    display: block;
    width: inherit;
    height: inherit;
    font-family: 'FontAwesome';
    font-size: inherit;
    line-height: inherit;
    text-align: center;
    color: #000000;
    content: '';
}
.custom_checkbox.active>i:after {
    content: '\f00c';
}
.custom_checkbox span {
    display: block;
    margin-left: 25px;
    line-height: inherit;
}
/* ==========================================================================
END Custom checkbox
========================================================================== */


/* ==========================================================================
Tabs default
========================================================================== */
.tabs__menu {
    display: table;
    margin: 0 auto 40px auto;
    text-align: center;
    padding: 0;
    list-style: none;
    border-radius: 20px;
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
}
.tabs__menu__item {
    display: block;
    float: left;
}
.tabs__menu__item a {
    height: 40px;
    display: block;
    float: left;
    color: #6b6b6b;
    line-height: 40px;
    text-align: center;
    padding: 0 20px;
    background: #ffffff;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
}
.tabs__menu__item:first-child a {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.tabs__menu__item:last-child a {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.tabs__menu__item a:focus {
    outline: none;
}
.tabs__menu__item a:active,
.no-touch .tabs__menu__item a:hover {
    text-decoration: none;
    color: #f44336;
}
.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 {
    background: #f44336;
    color: #ffffff;
}
/* ==========================================================================
END Tabs default
========================================================================== */


/* ==========================================================================
Forms
========================================================================== */
.btn {
    display: inline-block;
    border: 2px solid #4b83e5;
    background: #ffffff;
    color: #4b83e5;
    font-size: 13px;
    line-height: 20px;
    padding: 3px 12px;
    font-weight: 400;
    text-decoration: none;
    margin: 3px 2px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.btn.active,
.btn:active,
.no-touch .btn:hover {
    background: #4b83e5;
    color: #ffffff;
    text-decoration: none;
}

.btn-blue {
    display: inline-block;
    border: 2px solid #4b83e5;
    background: #4b83e5;
    color: #ffffff;
    font-size: 13px;
    line-height: 20px;
    padding: 3px 12px;
    font-weight: 700;
    text-decoration: none;
    margin: 3px 2px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
    text-transform: uppercase;
}
.btn-blue.active,
.btn-blue:active,
.no-touch .btn-blue:hover {
    background: #ffffff;
    color: #4b83e5;
    text-decoration: none;
}
@media only screen and (min-width: 768px) {
}

.inputbox {
    vertical-align: middle;
    border: 1px solid #d7d7d7;
    color: #000000;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0 10px;
    background: #ffffff;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.inputbox:focus {
    outline: none;
    border-color: #4b83e5;
}
.inputbox::-webkit-input-placeholder {
    color: #888888;
    font-style: italic;
}
.inputbox::-moz-placeholder {
    color: #888888;
    font-style: italic;
}
.inputbox:-moz-placeholder {
    color: #888888;
    font-style: italic;
}
.inputbox:-ms-input-placeholder {
    color: #888888;
    font-style: italic;
}
.inputbox:disabled::-webkit-input-placeholder {
    color: #cccccc;
}
.inputbox:disabled::-moz-placeholder {
    color: #cccccc;
}
.inputbox:disabled:-moz-placeholder {
    color: #cccccc;
}
.inputbox:disabled:-ms-input-placeholder {
    color: #cccccc;
}

.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: #ffffff;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.textbox:focus {
    outline: none;
    border-color: #999999;
}
.textbox::-webkit-input-placeholder {
    color: #888888;
}
.textbox::-moz-placeholder {
    color: #888888;
}
.textbox:-moz-placeholder {
    color: #888888;
}
.textbox:-ms-input-placeholder {
    color: #888888;
}
/* ==========================================================================
END Forms
========================================================================== */


/* ==========================================================================
Icons
========================================================================== */
.icon {
    font-family: 'fontds' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-arrow_right-2:before {
    content: "\e900";
}
.icon-arrow_left-2:before {
    content: "\e91c";
}
.icon-arrow_left-3:before {
    content: "\e91d";
}
.icon-arrow_down-2:before {
    content: "\e91a";
}
.icon-icon-arrow_up-2:before {
    content: "\e91b";
}
.icon-arrow_down:before {
    content: "\e919";
}
.icon-icon-arrow_up:before {
    content: "\e918";
}
.icon-menu:before {
    content: "\e910";
}
.icon-anchor:before {
    content: "\e901";
}
.icon-arrow_left:before {
    content: "\e902";
}
.icon-arrow_right:before {
    content: "\e903";
}
.icon-cabinet:before {
    content: "\e904";
}
.icon-close:before {
    content: "\e905";
}
.icon-facebook_footer:before {
    content: "\e906";
}
.icon-for_adults:before {
    content: "\e907";
}
.icon-for_children:before {
    content: "\e908";
}
.icon-for_family:before {
    content: "\e909";
}
.icon-gift:before {
    content: "\e90a";
}
.icon-googleplus_footer:before {
    content: "\e90b";
}
.icon-mini_logo:before {
    content: "\e90c";
}
.icon-phone:before {
    content: "\f095";
}
.icon-phone-2:before {
    content: "\f095";
}
.icon-phone_footer:before {
    content: "\e90e";
}
.icon-pills:before {
    content: "\e90f";
}
.icon-plus:before {
    content: "\e911";
}
.icon-search:before {
    content: "\e912";
}
.icon-skype_footer:before {
    content: "\e913";
}
.icon-stethoscope:before {
    content: "\e914";
}
.icon-twitter_footer:before {
    content: "\e915";
}
.icon-vkontakte_footer:before {
    content: "\e916";
}
.icon-yourclinic:before {
    content: "\e917";
}
.icon-play:before {
    content: "\e920";
}
.icon-clock:before {
    content: "\e921";
}
.icon-mail:before {
    content: "\e91f";
}
.icon-clip:before {
    content: "\e922";
}

/* .icon-advantag-1 {
    background-image: url('../img/advantag-1.svg');
}
.icon-advantag-2 {
    background-image: url('../img/advantag-2.svg');
}
.icon-advantag-3 {
    background-image: url('../img/advantag-3.svg');
}
.icon-advantag-4 {
    background-image: url('../img/advantag-4.svg');
}
.icon-advantag-5 {
    background-image: url('../img/advantag-5.svg');
}
.icon-advantag-6 {
    background-image: url('../img/advantag-6.svg');
}
.icon-advantag-7 {
    background-image: url('../img/advantag-7.svg');
}
.icon-advantag-8 {
    background-image: url('../img/advantag-8.svg');
}
.icon-advantag-9 {
    background-image: url('../img/advantag-9.svg');
}
.icon-advantag-10 {
    background-image: url('../img/advantag-10.svg');
}
.icon-advantag-11 {
    background-image: url('../img/advantag-11.svg');
}
.icon-advantag-12 {
    background-image: url('../img/advantag-12.svg');
    } */

.icon-camera {
    display: inline-block;
    width: 128px;
    height: 128px;
    background-size: contain;
    background: url('../img/icon-camera.png') center no-repeat;
}
.icon-play-2 {
    display: inline-block;
    width: 128px;
    height: 128px;
    background-size: contain;
    background: url('../img/icon-play-2.png') center no-repeat;
}
.icon-graph {
    display: inline-block;
    width: 128px;
    height: 128px;
    background-size: contain;
    background: url('../img/icon-graph.png') center no-repeat;
}
/* ==========================================================================
END Icons
========================================================================== */


/* ==========================================================================
Animate icons - Transformicons
========================================================================== */
.tcon {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    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: 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 40px;
    background: transparent;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
}
.tcon > * {
    display: block;
}
.no-touch .tcon:hover,
.tcon:focus {
    outline: none;
}
.tcon::-moz-focus-inner {
    border: 0;
}
.tcon-menu__lines {
    display: inline-block;
    height: 4px;
    width: 24px;
    border-radius: 1px;
    transition: 0.3s;
    background: #4b83e5;
    position: relative;
}
.tcon-menu__lines::before,
.tcon-menu__lines::after {
    display: inline-block;
    height: 4px;
    width: 24px;
    border-radius: 1px;
    transition: 0.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;
    background: #EA4545;
}
.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-search__item {
    display: inline-block;
    height: 24px;
    width: 24px;
    border-radius: 0;
    transition: 0.3s;
    background: transparent;
    position: relative;
    transform: rotate(-135deg);
}
.tcon-search__item::before,
.tcon-search__item::after {
    display: inline-block;
    height: 24px;
    width: 24px;
    border-radius: 0;
    transition: 0.3s;
    background: transparent;
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    border-color: #4b83e5;
}
.tcon-search__item::before {
    height: 4px;
    left: 0;
    background: #4b83e5;
    border-radius: 2.85714px;
}
.tcon-search__item::after {
    right: 0;
    background: white;
    border-radius: 50%;
    width: 16.00012px;
    height: 16.00012px;
    border: 3px solid #4b83e5;
    transform-origin: 50% 50%;
}
.tcon-search--xcross.tcon-transform {
    transform: scale3d(0.8, 0.8, 0.8);
}
.tcon-search--xcross.tcon-transform .tcon-search__item::before,
.tcon-search--xcross.tcon-transform .tcon-search__item::after {
    border-radius: 2.85714px;
    background: #EA4545;
}
.tcon-search--xcross.tcon-transform .tcon-search__item::before {
    height: 4px;
}
.tcon-search--xcross.tcon-transform .tcon-search__item::after {
    height: 4px;
    width: 100%;
    top: 0;
    right: 0;
    border: 0;
    transform: rotate3d(0, 0, 1, 90deg);
}

.tcon-loader--spinner360 {
    border-radius: 80%;
    display: block;
    height: 40px;
    width: 40px;
    position: relative;
    -webkit-animation: tcon-spin360 0.675s linear infinite forwards;
    animation: tcon-spin360 0.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: #ffffff;
}

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

@keyframes tcon-spin360 {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* ==========================================================================
END Animate icons - Transformicons
========================================================================== */


/* ==========================================================================
Main styles
========================================================================== */
#wrapper {
    width: 100%;
    float: left;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative;
}
.wrapper {
    float: left;
    width: 100%;
    position: relative;
}
.container {
    display: block;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    padding: 0 15px;
    min-width: 320px;
}
#wrapper_inner {
    width: 100%;
    float: left;
    background: #f5f5f5;
    position: relative;
    z-index: 80;
}
.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: table;
}
@media only screen and (min-width: 768px) {
    .container {
        width: 750px;
        padding-left: 20px;
        padding-right: 20px;
    }

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

    #wrapper_inner {
        width: 960px;
    }
}
@media only screen and (min-width: 1500px) {
    .container {
        width: 1170px;
        padding-left: 50px;
        padding-right: 50px;
    }

    #wrapper_inner {
        width: 1170px;
    }
}

h1 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    color: #222222;
    margin: 0 0 10px 0;
}
h2 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    color: #222222;
    margin: 0 0 10px 0;
}
h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #222222;
    margin: 0;
}
h4 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #222222;
    margin: 0;
}
.block_title {
    font-size: 24px;
    line-height: 34px;
    color: #2c2c2c;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    text-align: center;
    margin-bottom: 20px;
    width: 100%;
    float: left;
}
.block_title:after {
    width: 90px;
    height: 6px;
    content: "";
    position: absolute;
    bottom: -14px;
    left: 50%;
    margin-left: -45px;
    background: #4b83e5;
}
.sidebar .block_title {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
    h1 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    h2 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }
    h3 {
        font-size: 22px;
        line-height: 28px;
    }
    h4 {
        font-size: 18px;
        line-height: 24px;
    }
    .block_title {
        font-size: 36px;
        line-height: 50px;
        margin-bottom: 30px;
    }
}


.quote {
    border-left: 4px solid #4b83e5;
    padding: 0 0 0 20px;
    width: 100%;
    float: left;
    margin: 30px 0;
}
.quote__text {
    font-size: 16px;
    line-height: 26px;
    color: #5e5e5e;
    font-weight: 700;
}
.quote__author {
    color: #5e5e5e;
    font-size: 13px;
    line-height: 24px;
    font-style: italic;
}

.content_article {
    border-left: 4px solid #4b83e5;
    text-decoration: none;
    color: #5e5e5e;
    padding: 0 0 0 20px;
    width: 100%;
    float: left;
    margin: 30px 0;
}
.content_article:active,
.no-touch .content_article:hover {
    text-decoration: none;
    color: #5e5e5e;
}
.content_article__title {
    font-size: 16px;
    line-height: 26px;
    color: #5e5e5e;
    font-weight: 700;
}
.content_article__btn {
    width: 140px;
    margin-top: 15px;
    font-weight: 700;
    text-align: center
}
.content_article:active .content_article__btn,
.no-touch .content_article:hover .content_article__btn {
    border-color: #4b83e5;
}
@media only screen and (min-width: 768px) {
    .content_article {
        width: 50%;
        margin: 0 20px 0 0;
        padding-right: 10px;
    }
}

.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) {
    .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: #ffffff;
        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: #ffffff;
        text-decoration: none;
    }
}

.block_more {
    width: 100%;
    float: left;
    text-align: center;
    margin: 30px 0 0 0;
}
.block_more__link {
    background: #ffffff;
    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: #ffffff;
    text-decoration: none;
}
.block_more__link.loading:active,
.no-touch .block_more__link.loading:hover,
.block_more__link.loading {
    border-color: #d7d7d7;
    background: #ffffff;
}
.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: #999999;
    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: #ffffff;
    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;
    }
    /*.image__main {
        position: relative;
        width: calc( 100% + 40px );
        margin-left: -20px;
        margin-right: -20px;
        }*/
}
@media only screen and (min-width: 1500px) {
    /*.image__main {
        width: calc( 100% + 60px );
        margin-left: -30px;
        margin-right: -30px;
        }*/
}

.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: none;
}

.table_container {
    position: relative;
    overflow: hidden;
    width: 290px;
    margin: 15px auto;
    margin-bottom: 30px;
}
.table {
    width: 100%;
    position: relative;
    font-size: 14px;
    line-height: 22px;
}
.table th {
    font-weight: 700;
    background: #e4e4e4;
}
.table th,
.table td {
    padding: 10px 20px;
}
.table td {
    border-left: 1px dotted #cecece;
}
.table td:first-child {
    border-left: none;
}
.table tr:nth-child(odd) td {
    background: #e4e4e4;
}
@media only screen and (min-width: 768px) {
    .table_container {
        width: 700px;
    }
}
@media only screen and (min-width: 992px) {
    .table_container {
        width: 900px;
    }
    .content-sidebar .table_container {
        width: 100%;
    }
}
@media only screen and (min-width: 1500px) {
    .table_container {
        width: 100%;
    }
    .content-sidebar .table_container {
        width: 100%;
    }
}

.fa-facebook-square {
    color: #3a559f;
}
.fa-twitter-square {
    color: #1da1f2;
}
.fa-google-plus-square {
    color: #dd4b39;
}
.fa-telegram-square:before {
  content: "\f2c6";
}

ol li,
ul li {
    color: #4b83e5;
}
ol li span,
ul li span {
    color: #222222;
}
ul.list-dash {
    padding-left: 20px;
}
ul.list-dash li {
    list-style: none;
}
ul.list-dash li:before {
    content: "\2014";
    margin-right: 5px;
}

.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;
}
/* ==========================================================================
END Main styles
========================================================================== */




/* ==========================================================================
Search
========================================================================== */
.search {
    position: relative;
    width: 100%;
    float: left;
    height: 100px;
    z-index: 100;
}
.search .container {
    position: relative;
}
.search .container {
    padding: 0;
    height: 100%;
}
.search__bg {
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.search__bg:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
}
.search__bg__item {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 50;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    transition: all 1s linear;
    -webkit-filter: blur(1px);
    filter: blur(1px);
}
.search_simple {
    width: 100%;
    float: left;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
}

.search_simple__inputbox {
    height: 70px;
    line-height: 70px;
    font-size: 16px;
    line-height: 20px;
    padding: 0 15px;
    text-align: center;
    float: left;
    border: none;
    color: #000000;
    width: calc(100% - 30px);
}
.search_simple__inputbox::-webkit-input-placeholder {
    color: #acacac;
}
.search_simple__inputbox::-moz-placeholder {
    color: #acacac;
}
.search_simple__inputbox:-moz-placeholder {
    color: #acacac;
}
.search_simple__inputbox:-ms-input-placeholder {
    color: #acacac;
}
.search_simple__inputbox:focus {
    outline: none;
}
.search_simple__btns {
    width: 100%;
    float: left;
    border-top: 1px solid #E6E6E6;
}

.search_simple__advanced_btn {
    font-size: 14px;
    color: #487ddb;
    text-align: center;
    text-decoration: none;
    display: block;
    float: right;
}
.search__logo {
    display: none;
}
.search_info {
    display: none;
}

@media only screen and (min-width: 768px) {
    .search__logo {
        display: none;
        position: absolute;
        width: 140px;
        height: 140px;
        left: 50%;
        top: 40px;
        margin-left: -70px;
    }
    .frontpage .search__logo {
        display: block;
    }

    .search_simple {
        padding: 15px;
        width: 100%;
        box-shadow: none;
    }
    .search_simple form {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }
    .search_simple__inputbox {
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 100%;
        height: 34px;
        margin: 0;
        border: 1px solid #E6E6E6;
        text-align: left;
    }
    .search_simple__btns {
        border: none;
        float: right;
        width: auto;
    }

    .search_info {
        display: none;
        text-align: center;
        position: absolute;
        top: 180px;
        width: 100%;
        left: 0;
        color: #ffffff;
        font-size: 14px;
    }
    .frontpage .search_info {
        display: block;
    }
}
@media only screen and (min-width: 992px) {
    .search_simple__inputbox {
        height: 44px;
        line-height: 44px;
    }
}
@media only screen and (min-width: 1500px) {
    .search .container {
        width: 1170px;
    }
}
/* ==========================================================================
END Search
========================================================================== */


/* ==========================================================================
Search simple block
========================================================================== */
.search_simple__result {
    display: none;
    position: absolute;
    background: #ebebeb;
    z-index: 1000;
    padding: 0;
    width: 100%;
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
}
.search_page__form .search_simple__result {
    width: 100%;
    left: 0;
    top: 100%;
}
.search_simple__result__category {
    display: block;
    width: 100%;
    float: left;
    color: #888888;
    text-decoration: none;
    font-weight: 700;
    padding: 10px 10px;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    border-top: 1px solid #d3d3d3;
    border-left: 4px solid transparent;
}
.search_simple__result__category:first-child {
    border-top: none;
}
.search_simple__result__category-pesticides {
    border-left-color: #4b83e5;
}
.search_simple__result__category-seed {
    border-left-color: #1eaa48;
}
.search_simple__result__category-fertilizers {
    border-left-color: #ea4545;
}
.search_simple__result__category-directory {
    border-left-color: #d75df1;
}
.search_simple__result__category:active,
.no-touch .search_simple__result__category:hover {
    text-decoration: none;
    background: #f7f7f7;
    color: #4b83e5;
}
div.search_simple__result__category,
div.search_simple__result__category:active,
.no-touch div.search_simple__result__category:hover {
    cursor: default;
    color: #b3b3b3;
    background: none;
}
.search_simple__result__category__title {
    display: block;
    float: left;
}
.search_simple__result__category__amount {
    display: block;
    float: left;
    padding: 0 10px;
    background: #4b83e5;
    color: #ffffff;
    line-height: 20px;
    margin-left: 10px;
}
div.search_simple__result__category .search_simple__result__category__amount {
    background: #b3b3b3;
}

.search_simple__result .tcon-loader--spinner360 {
    display: block;
    text-align: center;
    margin: 10px auto;
}
/* ==========================================================================
END Search simple block
========================================================================== */


/* ==========================================================================
Search advanced
========================================================================== */
.search_advanced__menu {
    display: none;
}
.selectric-search_advanced__menu_select {
    margin: 20px 10px;
    display: block;
}
.selectric-search_advanced__menu_select .selectric .label,
.selectric-search_advanced__menu_select .selectric .button {
    height: 38px;
    line-height: 38px;
}
.selectric-search_advanced__menu_select .selectric-items,
.selectric-search_advanced__menu_select .selectric {
    border-color: #4B83E5;
}
.selectric-search_advanced__menu_select .button {
    color: #888888;
}
.selectric-search_advanced__menu_select .selectric-items,
.selectric-search_advanced__menu_select .selectric {
    border-width: 2px;
}
.selectric-search_advanced__menu_select .selectric-items li,
.selectric-search_advanced__menu_select .selectric .label {
    color: #4B83E5;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}
.selectric-search_advanced__menu_select .selectric .button {
    background: #ffffff;
}
.selectric-search_advanced__menu_select .selectric .button:before {
    color: #4B83E5;
}

.search_advanced {
    float: left;
    width: 100%;
}
.search_advanced__content {
    padding: 0 10px 10px 10px;
    float: left;
    width: 100%;
    /* overflow: hidden; */
}
.search_advanced__form__field {
    width: 100%;
    float: left;
    margin: 5px 0;
    background: #ffffff;
    border: 1px solid #d7d7d7;
    font-size: 13px;
    line-height: 40px;
    height: 40px;
    padding: 0 10px;
    color: #888888;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.search_advanced__form__field:active,
.no-touch .search_advanced__form__field:hover {
    border-color: #1eaa48;
}
.search_advanced__form__field span {
    display: block;
    width: calc( 100% - 20px );
    overflow: hidden;
}
.selectric-search_advanced__form__select {
    width: 100%;
    float: left;
    margin: 5px 0;
}
.search_advanced__form__field i {
    position: absolute;
    right: 0;
    top: 0;
    height: 38px;
    width: 35px;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
    color: #1eaa48;
}
.search_advanced__form__field.disabled,
.search_advanced__form__field.disabled:active,
.no-touch .search_advanced__form__field.disabled:hover {
    border-color: #d7d7d7;
    cursor: default;
    color: #d7d7d7;
}
.search_advanced__form__field.disabled i,
.search_advanced__form__field.disabled:active i,
.no-touch .search_advanced__form__field.disabled:hover i {
    color: #d7d7d7;
}

.search_advanced__bottom {
    width: 100%;
    text-align: center;
    padding-top: 20px;
    float: left;
    min-height: 40px;
    position: relative;
    /* padding-bottom: 10px; */
}
.search_advanced__btn-submit {
    width: 220px;
    height: 40px;
    border: 2px solid #1eaa48;
    color: #1eaa48;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    line-height: 38px;
    padding: 0;
    background: #ededed;
    position: relative;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.search_advanced__btn-submit:focus {
    outline: none;
}
.search_advanced__btn-submit:active,
.no-touch .search_advanced__btn-submit:hover {
    background: #1eaa48;
    color: #ffffff;
}
.search_advanced__btn-submit:disabled:active,
.no-touch .search_advanced__btn-submit:disabled:hover,
.search_advanced__btn-submit:disabled {
    background: #ededed;
    color: #d7d7d7;
    border-color: #d7d7d7;
}
.search_advanced__btn-submit .preloader {
    font-size: 14px;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -10px;
}
.search_advanced__btn-submit .preloader.tcon-loader--spinner360:after {
    background: #ededed;
}
.search_advanced__result_count {
    font-size: 14px;
    font-weight: 400;
}

.searrch_advanced__tip {
    text-align: left;
    width: 100%;
    float: left;
    padding: 0 5px 20px 5px;
    font-size: 13px;
    line-height: 20px;
    color: #999999;
    font-style: italic;
}
@media only screen and (min-width: 768px) {
    .search_advanced__menu_select,
    .selectric-search_advanced__menu_select {
        display: none !important;
    }
    .search_advanced__menu {
        display: block;
        width: 100%;
        padding: 0 7px;
        margin: 10px 0 10px 0;
        list-style: none;
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        align-items: center
    }
    .search_advanced__menu__item {
        display: block;
        width: 100%;
        padding: 0 5px;
    }
    .search_advanced__menu__item span {
        color: #4B83E5;
    }
    .search_advanced__menu__item a {
        display: block;
        width: 100%;
        background: #ffffff;
        color: #4B83E5;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 14px;
        height: 38px;
        padding: 0 6px;
        line-height: 36px;
        font-weight: 600;
        position: relative;
        text-align: center;
        border: 2px solid #4B83E5;
    }
    .search_advanced__menu__item a:active,
    .no-touch .search_advanced__menu__item a:hover {
        color: #4B83E5;
        text-decoration: none;
    }
    .search_advanced__menu__item.ui-state-active a {
        background-color: #4B83E5;
        color: #ffffff;
    }
    .search_advanced__menu__item.ui-state-active span {
        color: #ffffff;
    }
    .search_advanced__menu__item a:focus {
        outline: none;
    }

    .search_advanced__form__block {
        -webkit-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        -o-display: flex;
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    .selectric-search_advanced__form__select,
    .search_advanced__form__field {
        width: 230px;
        margin: 0;
        float: none;
        margin-top: 15px;
    }
    .search_advanced__content {
        padding-bottom: 30px;
    }
}
@media only screen and (min-width: 992px) {
    .selectric-search_advanced__form__select,
    .search_advanced__form__field {
        width: 280px;
    }
    .search_advanced__bottom {
        text-align: left;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 20px;
    }
    .search_advanced__btn-submit {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -110px;
    }
    .searrch_advanced__tip {
        text-align: left;
        width: 255px;
        padding: 0;
        margin-left: 30px;
    }
}
@media only screen and (min-width: 1500px) {
    .search_advanced__form__field,
    .selectric-search_advanced__form__select,
    .search_advanced__form__block_left {
        width: 316px;
    }
    .searrch_advanced__tip {
        width: 310px;
    }
}
/* ==========================================================================
END Search advanced
========================================================================== */


/* ==========================================================================
Search filter
========================================================================== */
.search_filter__overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.search_filter__close:active,
.no-touch .search_filter__close:hover,
.search_filter__close {
    font-size: 20px;
    top: 0;
    height: 32px;
    width: 32px;
    position: absolute;
    color: #ea4545;
    right: 10px;
    line-height: 32px;
    text-align: center;
    text-decoration: none;
    z-index: 100;
}
.fancybox-filter {
    padding: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    position: 0 !important;
    bottom: 0 !important;
    height: 100% !important;
}
.fancybox-filter .fancybox-skin {
    padding: 0 !important;
    background: none;
    float: left;
    margin: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
}
.fancybox-filter {
    overflow: hidden !important;
}
.fancybox-search_filter .fancybox-inner,
.fancybox-search_filter .fancybox-outer,
.fancybox-search_filter .fancybox-skin {
    /*height: 100% !important;*/
    /*overflow: hidden !important;*/
}
.fancybox-search_filter .fancybox-inner {
    overflow: hidden !important;
    height: 100%;
}
.fancybox-search_filter .search_filter {
    position: relative;
    height: 100%;
}
.fancybox-search_filter .search_filter__inner {
    overflow-y: auto;
    z-index: 100;
    display: block;
    width: 100%;
    float: left;
    position: relative;
    height: calc( 100% - 120px );
}
.filter {
    z-index: 10;
    position: relative;
    width: 290px;
    height: 100%;
    padding: 0;
    float: none;
    margin: 0 auto;
    overflow: hidden;
}
.filter .container {
    display: block;
    width: 100%;
    float: left;
    margin: 0;
    padding: 0 15px;
}

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

.filter__block {
    width: 100%;
    float: left;
    padding: 10px 0;
}
.filter__block_inner {
    float: left;
}
.filter__block-numbers .filter__block_inner {
    -moz-column-count: 2;
    -moz-column-gap: 30px;
    -webkit-column-count: 2;
    -webkit-column-gap: 30px;
    column-count: 2;
    column-gap: 30px;
}
.filter__block-alphabet .filter__block_inner {
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    column-count: 2;
    column-gap: 10px;
}
.filter__block-lat {
    width: 140px;
    float: left;
}
.filter__block-cyr {
    width: 140px;
    float: left;
    padding-left: 20px;
}
.filter__block__item {
    display: block;
    cursor: pointer;
    position: relative;
}
.filter__block__item input {
    position: absolute;
    left: -9999px;
}
.filter__block__item span {
    display: block;
    text-align: left;
    font-size: 16px;
    line-height: 22px;
    color: #888888;
    text-transform: uppercase;
    border-bottom: 1px solid #888888;
    padding: 0 5px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.filter__block__item:active span,
.no-touch .filter__block__item:hover span {
    color: #000000;
    border-color: #000000;
}
.filter__block__item.active:active span,
.no-touch .filter__block__item.active:hover span,
.filter__block__item.active span {
    color: #4b83e5;
    border-color: #4b83e5;
}
.filter__block__item.disabled:active,
.no-touch .filter__block__item.disabled:hover,
.filter__block__item.disabled,
.filter__block__item.disabled:active span,
.no-touch .filter__block__item.disabled:hover span,
.filter__block__item.disabled span {
    color: #cccccc;
    border-color: #cccccc;
    cursor: default;
}
.filter__block-numbers .filter__block__item span {
    width: 130px;
}
.filter__block-alphabet .filter__block__item span {
    width: 60px;
}
.filter__block-all {
    float: none;
    width: auto;
    display: table;
}
.filter__block-all .filter__block__item span {
    border: none;
    text-transform: none;
    padding: 0;
}

.filter__block-input {
    padding: 10px 0;
    margin-bottom: 20px;
}
.filter__inputbox {
    width: 100%;
    margin-top: 10px;
}
.filter__inputbox:disabled {
    background: #f5f5f5;
    border-color: #cccccc;
}

.filter__result {
    width: 100%;
    float: left;
    margin-top: 10px;
}
.filter__result__title {
    font-size: 12px;
    font-weight: 700;
    color: #4b83e5;
    margin-bottom: 5px;
    width: 100%;
    float: left;
    padding-bottom: 4px;
    border-bottom: 2px solid #4b83e5;
}
.filter__result__list {
    width: 100%;
    float: left;
}
.filter__result__category__item {
    width: 100%;
    float: left;
}
.filter__result__item {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding: 0 5px;
    margin: 0;
    color: #888888;
    font-size: 14px;
    line-height: 24px;
    text-decoration: none;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.filter__result__item:active,
.no-touch .filter__result__item:hover {
    color: #ffffff;
    background: #4b83e5;
    text-decoration: none;
}
.filter__result__item input {
    position: absolute;
    left: -9999px;
}
.filter__result__item span {
    display: inline-block;
}
.filter__result__preloader {
    text-align: center;
    padding: 5px 0;
    width: 100%;
    float: left;
}
.filter__result__preloader .tcon-loader--spinner360 {
    display: inline-block;
}
.filter__result__preloader .tcon-loader--spinner360:after {
    background-color: #ededed;
}
.filter__result__category {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.filter__result__category__title {
    width: 100%;
    float: left;
    padding: 0 5px;
    border-bottom: 2px solid #4b83e5;
    font-size: 14px;
    font-weight: 700;
    color: #4b83e5;
    margin-bottom: 5px;
}

.filter__bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    float: left;
    padding: 0;
    background: #ffffff;
    padding: 10px 0;
    z-index: 5000;
}
.filter__bottom .container {
}
.filter__checked {
    width: 100%;
    float: left;
    border: 1px solid #d7d7d7;
    background: #ffffff;
    padding: 8px 10px;
    min-height: 40px;
}
.filter__checked__item {
    position: relative;
    cursor: pointer;
    margin: 8px 0;
    color: #4b83e5;
    font-size: 12px;
    line-height: 18px;
    display: inline;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
    margin: 2px 10px 2px 0;
}
.filter__checked__item:active,
.no-touch .filter__checked__item:hover {
    color: #ea4545;
}
.filter__checked__item input {
    position: absolute;
    left: -9999px;
}
.filter__checked__item i {
    margin-left: 5px;
}

.filter__btns {
    width: 100%;
    float: left;
    margin-top: 15px;
}
.filter__btn:active,
.no-touch .filter__btn:hover,
.filter__btn {
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 24px;
    display: block;
    float: left;
    color: #ffffff;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.filter__btn i {
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
    font-size: 22px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
}
.filter__btn:active i,
.no-touch .filter__btn:hover i {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    transform: scale(1.4);
}
.filter__btn-close {
    background: #ea4545;
    margin-right: 10px;
}
.filter__btn-submit {
    background: #1eaa48;
}

.filter__result__empty:active,
.no-touch .filter__result__empty:hover,
.filter__result__empty {
    color: #888888;
    cursor: default;
    float: left;
    margin: 0;
    font-size: 14px;
    line-height: 24px;
}

@media only screen and (min-width: 768px) {
    .fancybox-search_filter .search_filter__inner {
        height: calc( 100% - 70px );
    }
    .filter {
        width: 100%;
    }
    .filter__block-numbers {
        float: left;
        width: 130px;
    }
    .filter__block-alphabet {
        margin-left: 150px;
        width: auto;
        float: none;
        position: relative;
    }
    .filter__block-alphabet:after {
        content: " ";
        height: 0;
        display: table;
        width: 100%;
        float: left;
        position: relative;
        clear: both;
    }
    .filter__block-cyr {
        margin-left: 0;
        width: 100%;
        float: left;
        padding: 0;
        margin-top: 23px;
    }
    .filter__block-lat {
        margin-left: 0;
        width: 100%;
        float: left;
        padding: 0;
    }
    .filter__block-numbers .filter__block_inner {
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
    }
    .filter__block-alphabet .filter__block_inner {
        -moz-column-count: 1;
        -moz-column-gap: 0;
        -webkit-column-count: 1;
        -webkit-column-gap: 0;
        column-count: 1;
        column-gap: 0;
    }
    .filter__block-numbers .filter__block__item {
        width: 46px;
    }
    .filter__block-numbers .filter__block__item span {
        width: 46px;
    }
    .filter__block-alphabet .filter__block__item {
        float: left;
    }
    .filter__block-alphabet .filter__block__item span {
        float: left;
        width: 46px;
        display: block;
        margin: 0 0 0 10px;
    }
    .filter__result__category {
        display: table;
        width: 100%;
        float: left;
    }
    .filter__result__category__item {
        width: 50%;
        padding-right: 40px;
    }
    .filter__checked {
        width: 610px;
    }

    .filter__btns {
        width: 90px;
        float: right;
        margin-left: 0;
        margin-top: 0;
    }
    .filter__btn:active,
    .no-touch .filter__btn:hover,
    .filter__btn {
        width: 40px;
        height: 40px;
    }
}
@media only screen and (min-width: 992px) {
    .filter__result__category {
    }
    .filter__result__category__item {
        width: 33.333333%;
    }
    .filter__checked {
        width: 800px;
    }
}
@media only screen and (min-width: 1500px) {
    .filter__checked {
        width: 970px;
    }
}
/* ==========================================================================
END Search filter
========================================================================== */


/* ==========================================================================
Search page
========================================================================== */
.search_page__result_count {
    font-size: 13px;
    line-height: 22px;
    color: #4b83e5;
    width: 100%;
    float: left;
    margin: 10px 0;
}

.search_page__form {
    position: relative;
    width: 100%;
    float: left;
    border-bottom: 1px solid #222222;
    padding-bottom: 5px;
}
.search_page__form .search_simple__inputbox {
    background: none;
    border: none;
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
    color: #222222;
    display: block;
    padding: 0;
    float: left;
    width: calc( 100% - 36px );
}
.search_page__form .search_simple__inputbox:focus {
    outline: none;
}
.search_page__form__submit {
    display: block;
    float: left;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 30px;
    color: #4b83e5;
    cursor: pointer;
}

.search_page__result {
    width: 100%;
    float: left;
    margin-top: 20px;
}
.search_page__category {
    width: 100%;
    float: left;
    margin-top: 20px;
}
.search_page__category:first-child {
    margin-top: 0;
}
.search_page__category__title {
    width: 100%;
    float: left;
    padding: 0 5px;
    border-bottom: 2px solid #4b83e5;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #4b83e5;
    margin-bottom: 5px;
}
.search_page__category__list {
    width: 100%;
    float: left;
}
.search_page__category-agronoms .search_page__category__list,
.search_page__category-pesticides .search_page__category__list,
.search_page__category-seed .search_page__category__list,
.search_page__category-fertilizers .search_page__category__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.search_page__category-agronoms .search_page__category__item,
.search_page__category-pesticides .search_page__category__item,
.search_page__category-seed .search_page__category__item,
.search_page__category-fertilizers .search_page__category__item {
    min-width: 25%;
    float: left;
}
.search_page__category-pesticides .search_page__result__item,
.search_page__category-seed .search_page__result__item,
.search_page__category-fertilizers .search_page__result__item {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding: 0 5px;
    margin: 0;
    color: #888888;
    font-size: 14px;
    line-height: 24px;
    text-decoration: none;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.search_page__category-pesticides .search_page__result__item:active,
.no-touch .search_page__category-pesticides .search_page__result__item:hover,
.search_page__category-seed .search_page__result__item:active,
.no-touch .search_page__category-seed .search_page__result__item:hover,
.search_page__category-fertilizers .search_page__result__item:active,
.no-touch .search_page__category-fertilizers .search_page__result__item:hover {
    color: #ffffff;
    background: #4b83e5;
    text-decoration: none;
}

.search_page__category__list .material_item-image {
    width: 100%;
    margin-top: 15px;
}
.search_page__category__list .material_item:nth-child(1) {
    margin-top: 0;
}
@media only screen and (min-width: 768px) {
    .search_page__category {
        margin-top: 40px;
    }
    .search_page__category__title {
        font-size: 18px;
        line-height: 26px;
    }
    .search_page__form .search_simple__inputbox {
        font-size: 36px;
        line-height: 50px;
        width: calc( 100% - 50px );
    }
    .search_page__form__submit {
        height: 50px;
        width: 50px;
        font-size: 36px;
        line-height: 50px;
    }

    .search_page__category-agronoms .search_page__category__item,
    .search_page__category-pesticides .search_page__category__item,
    .search_page__category-seed .search_page__category__item,
    .search_page__category-fertilizers .search_page__category__item {
        padding-right: 40px;
    }

    .search_page__category__list .material_item-image {
        width: calc( 50% - 7px);
        margin-right: 10px;
    }
    .search_page__category__list .material_item-image:nth-child(2) {
        margin-top: 0;
    }
    .search_page__category__list .material_item-image:nth-child(2n) {
        margin-right: 0;
    }
}
@media only screen and (min-width: 992px) {
    .search_page__category-agronoms .search_page__category__item,
    .search_page__category-pesticides .search_page__category__item,
    .search_page__category-seed .search_page__category__item,
    .search_page__category-fertilizers .search_page__category__item {
    }

    .search_page__category__list .material_item-image {
        width: calc( 33.333333% - 10px);
        margin-right: 11px;
    }
    .search_page__category__list .material_item-image:nth-child(2n) {
        margin-right: 11px;
    }
    .search_page__category__list .material_item-image:nth-child(3) {
        margin-top: 0;
    }
    .search_page__category__list .material_item-image:nth-child(3n) {
        margin-right: 0;
    }
}
@media only screen and (min-width: 1500px) {
    .search_page__category-agronoms .search_page__category__item,
    .search_page__category-pesticides .search_page__category__item,
    .search_page__category-seed .search_page__category__item,
    .search_page__category-fertilizers .search_page__category__item {
    }
}
/* ==========================================================================
END Search page
========================================================================== */


/* ==========================================================================
Category page
========================================================================== */
.filter-category {
    width: 100%;
    float: left;
    padding-bottom: 30px;
}
.filter-category form {
    display: none;
}
.filter_block__open {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.filter_block__open__btn {
    width: 100%;
    float: left;
    height: 40px;
    background: #487ddb;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    line-height: 40px;
}
.filter_block__open__btn:active,
.no-touch .filter_block__open__btn:hover {
    text-decoration: none;
    color: #ffffff;
}

.category_page__subcategories {
    width: 100%;
    float: left;
}
.category_page__subcategory {
    width: 100%;
    text-decoration: none;
    text-align: center;
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    background: #ffffff;
    border: 1px solid #ececec;
    font-weight: 700;
    font-size: 13px;
    color: #487ddb;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.category_page__subcategory:active,
.no-touch .category_page__subcategory:hover {
    background: #ffffff;
    text-decoration: none;
    border-color: #487ddb;
}

.category_page .filter__result {
    padding-top: 20px;
}
@media only screen and (min-width: 768px) {
    .filter_block__open {
        width: 160px;
        margin: 0;
    }
    .category_page__subcategories {
        float: none;
        margin-left: 180px;
        width: auto;
    }
    .category_page__subcategory {
        float: left;
        width: auto;
        padding: 0 20px;
        margin: 0 10px 10px 0;
    }
}
@media only screen and (min-width: 992px) {
    .category_page__subcategories {

    }
}
@media only screen and (min-width: 1500px) {

}
/* ==========================================================================
END Category page
========================================================================== */


/* ==========================================================================
Inside ads banners
========================================================================== */
.inside_ads {
    margin: 0 0 20px 0;
}
.inside_ads .container {
    /* padding: 0; */
}
.inside_ads__banner {
    width: 100%;
    float: left;
    height: 240px;
    position: relative;
    color: #ffffff!important;
    padding: 30px 15px;
    margin-top: 10px;
    text-align: center;
}
.inside_ads__banner__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.inside_ads__banner__bg_inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.inside_ads__banner-first .inside_ads__banner__bg,
.inside_ads__banner-first .inside_ads__banner__bg_inner {
    left: auto;
    right: 0;
}
.inside_ads__banner__bg:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+11,000000+87,000000+100&0.44+0,0.44+11,0.08+87,0+100 */
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.44) 0%, rgba(0,0,0,0.44) 11%, rgba(0,0,0,0.08) 87%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.44) 0%,rgba(0,0,0,0.44) 11%,rgba(0,0,0,0.08) 87%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.44) 0%,rgba(0,0,0,0.44) 11%,rgba(0,0,0,0.08) 87%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.inside_ads__banner__title {
    line-height: 40px;
    margin-bottom: 14px;
    position: relative;
    font-size: 24px;
    text-transform: uppercase;
}
.inside_ads__banner__subtitle {
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 5px;
}
.inside_ads__banner__desc {
    font-size: 14px;
    line-height: 22px;
    height: 70px;
    overflow: hidden;
    font-style: italic;
}
.inside_ads__banner__more {
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -85px;
    display: table;
    width: 170px;
    text-align: center;
    font-size: 14px;
    padding: 5px 0;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    text-decoration: none;
    border: 2px solid #ffffff;
}
.inside_ads__banner__more span {
    vertical-align: middle;
    display: inline-block;
}
.inside_ads__banner__more i {
    position: relative;
    font-size: 20px;
    margin-left: 8px;
    vertical-align: middle;
    left: 0;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.inside_ads__item {
    width: 33%;
    display: inline-block;
    margin-top: 19px;
    padding: 0 16px 0 16px;
    border-right: 1px solid #E6E6E6 ;
    float: left;
}
.inside_ads__item:hover, .inside_ads__banner:hover {
    text-decoration: none!important;
}
.inside_ads__item:last-child {
    border-right: none;
}
.inside_ads__item:nth-child(1) {
    padding-left: 0!important;
}
.inside_ads__item .inside_ads__banner__title {
    position: relative;
}
.inside_ads__item .inside_ads__banner__title:after {
    left: 0px;
    margin-left: 0px;
    background: #4b83e5;
}
.inside_ads__item .znavci.inside_ads__banner__title:after {
    background: #1EAA48;
}
.inside_ads__item .poligon.inside_ads__banner__title:after {
    background: #EA4545;
}
.inside_ads__item .inside_ads__banner__desc {
    line-height: 20px;
    height: auto;
}
.inside_ads__item .inside_ads__item___logo {
    float: right;
    margin-top: 10px;
}
.inside_ads__banner__more:active,
.no-touch .inside_ads__banner__more:hover {
    color: #ffffff;
    text-decoration: none;
}
.inside_ads__banner__more:active i,
.no-touch .inside_ads__banner__more:hover i {
    left: 7px;
}
.inside_ads__banner__title:after {
    width: 90px;
    height: 6px;
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -45px;
}
.maps.inside_ads__banner__title:after {
    background: #D75DF1;
}

    .inside_ads__banner__bg_inner {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .inside_ads__banner__more {
        left: 20px;
        margin-left: 0;
    }
    .inside_ads__banner-second .inside_ads__banner__more {
        left: 35px;
    }
    .inside_ads__banner__title {
    font-size: 20px;
        line-height: 42px;
    }
.inside_ads.wrapper .inside_ads__banner a {
    color: #ffffff;
}
.inside_ads.wrapper a {
    color: #000;
}
@media only screen and (min-width: 768px) {
    .inside_ads {
        /* margin: 40px 0 20px 0; */
    }
    .inside_ads__item.inside_ads__banner__title {
        clear: both;
        text-align: center;
    }
    .inside_ads__item .inside_ads__item___logo {
        float: none;
        margin-top: 10px;
        text-align: center;
    }
    .inside_ads .container {
        overflow: hidden;
        width: 100%;
    }
    .inside_ads__banner {
        width: 100%;
        float: left;
        height: 155px;
        position: relative;
        color: #ffffff;
        padding: 30px 0px;
        text-align: center;
    }
    .inside_ads__banner-first {
        padding-right: 35px;
    }
    .inside_ads__banner-second {
        padding-left: 35px;
    }

}
@media only screen and (min-width: 992px) {
    .inside_ads__item .inside_ads__item___logo {
        float: right;
        margin-top: 10px;
    }
    .inside_ads__banner__title {
        font-size: 24px;
        line-height: 54px;
        font-weight: 600;
    }
    .inside_ads__banner__subtitle {
        font-size: 20px;
        line-height: 28px;
    }
}
@media only screen and (min-width: 1500px) {
    .inside_ads {
        margin-top: 60px;
    }
    .inside_ads .container {
        width: 1170px;
    }
}
/* ==========================================================================
END Inside ads banners
========================================================================== */


/* ==========================================================================
Articles block
========================================================================== */
.reading_block {
    margin-bottom: 40px;
}
.selectric-block_categories_select {
    margin: 20px 0;
    width: 100%;
    float: left;
}
.reading_block__list .material_item {
    width: 100%;
    margin-top: 15px;
    display: inline-block;
}
.reading_block__list .material_item:first-child {
    margin-top: 0;
}
@media (max-width: 767px) {
    .reading_block__list .material_item {
        margin-top: 0;
        margin-bottom: 0;
    }
    .reading_block__list .material_item .material_item__inner {
        padding-top: 10px;
    }
    .reading_block__list .material_item .material_item__image {
        display: none !important;
    }
    .inside_ads__item .inside_ads__item___logo {
        float: none;
        margin-top: 10px;
        text-align: center;
    }
    .inside_ads__item .inside_ads__banner__title {
        text-align: center;
    }
    .inside_ads__item .inside_ads__banner__title:after {
        bottom: -5px;
        left: 50%;
        margin-left: -45px;
    }
    .inside_ads__item {
        width: 100%;
        border-right: none;
    }
    .inside_ads__banner {
        height: 145px;
    }
    .inside_ads__item .inside_ads__banner__desc {
        text-align: center;
    }
}
@media only screen and (min-width: 768px) {
    .reading_block__list .material_item {
        display: inline-block;
        width: calc( 50% - 8px );
        margin-right: 11px;
    }
    .reading_block__list .material_item:nth-child(2n) {
        margin-right: 0;
    }
    .reading_block__list .material_item:nth-child(2) {
        margin-top: 0;
    }
}
@media only screen and (min-width: 992px) {
    .reading_block__list .material_item {
        width: calc( 33.333333% - 10px );
    }
    .reading_block__list .material_item:nth-child(3) {
        margin-top: 0;
    }
    .reading_block__list .material_item:nth-child(2n) {
        margin-right: 11px
    }
    .reading_block__list .material_item:nth-child(3n) {
        margin-right: 0
    }
}
@media only screen and (min-width: 1500px) {
}
/* ==========================================================================
END Articles block
========================================================================== */


/* ==========================================================================
News block
========================================================================== */
.news_block {
    margin-bottom: 40px;
}
.news_block__content .container {
    /*padding: 0;*/
}
.news_block__left {
    float: left;
    width: 100%;
    padding: 0 15px;
    margin: 0;
    padding: 0;
}

.news_block__right {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 20px;
    display: block;
    overflow: hidden;
    padding-top: 3px;
}
.news_block__list {
    float: left;
    width: 100%;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    position: relative;
    padding-top: 5px;
}
@media only screen and (max-width: 767px) {
    .news_block__content .container {
        padding: 0;
    }
}
@media only screen and (min-width: 768px) {
    .news_block__content .container {
        display: table;
    }
    .news_block__left {
        display: table-cell;
        vertical-align: top;
        float: none;
        width: 52%;
        margin: 0;
        text-align: left;
        padding: 0 2% 0 0;
    }
    .news_block__right {
        display: table-cell;
        vertical-align: top;
        float: none;
        width: 48%;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1500px) {
}
/* ==========================================================================
END News block
========================================================================== */


/* ==========================================================================
Dossier block
========================================================================== */
.content .dossier_block {
    margin-top: 60px;
}
.dossier_block .block_more {
    margin: 0;
}
.dossier_block__list {
    position: relative;
    width: 100%;
    float: left;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 38px;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.dossier_block__list:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    z-index: 1;
    background: rgba(168,87,72,0);
    background: -moz-linear-gradient(top, rgba(168,87,72,0) 0%, rgba(245,245,245,1) 70%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(168,87,72,0)), color-stop(70%, rgba(245,245,245,1)));
    background: -webkit-linear-gradient(top, rgba(168,87,72,0) 0%, rgba(245,245,245,1) 70%);
    background: -o-linear-gradient(top, rgba(168,87,72,0) 0%, rgba(245,245,245,1) 70%);
    background: -ms-linear-gradient(top, rgba(168,87,72,0) 0%, rgba(245,245,245,1) 70%);
    background: linear-gradient(to bottom, rgba(168,87,72,0) 0%, rgba(245,245,245,1) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a85748', endColorstr='#f5f5f5', GradientType=0 );
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
    display: none;
}
.dossier_block__list.opened:after {
    height: 0;
}
.dossier_block__list_inner {
    position: relative;
    display: block;
    margin: auto;
    width: 274px;
    padding-bottom: 20px;
}
.dossier_block__item {
    width: 130px;
    display: inline-block;
    position: relative;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    background: #ffffff;
    text-decoration: none;
    vertical-align: top;
    margin: 0 10px 15px 0;
    visibility: hidden;
}
.dossier_block__item:active,
.no-touch .dossier_block__item:hover {
    text-decoration: none;
}
.dossier_block__item:nth-child(2n) {
    margin-right: 0;
}
.dossier_block__item.visible {
    visibility: visible;
}
.dossier_block__item:nth-child(1),
.dossier_block__item:nth-child(2) {
    /*visibility: visible;*/
}
.dossier_block__item__image {
    width: 100%;
    height: 125px;
}
.dossier_block__item__name {
    width: 100%;
    padding: 5px 10px;
    float: left;
    font-size: 14px;
    line-height: 20px;
    color: #4b83e5;
    font-weight: 700;
    text-align: left;
}
.dossier_block__item__desc {
    width: 100%;
    float: left;
    padding: 0 10px 20px 10px;
    font-size: 12px;
    line-height: 18px;
    color: #666666;
    text-align: left;
}
.dossier_block__item__hover {
    position: absolute;
    width: 100%;
    height: 125px;
    top: 0;
    left: 0;
    background: rgba(75,131,229,.5);
    text-align: center;
    padding-top: 48px;
    opacity: 0;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.dossier_block__item:active .dossier_block__item__hover,
.no-touch .dossier_block__item:hover .dossier_block__item__hover {
    opacity: 1;
}
.dossier_block__item__hover__text {
    display: inline-block;
    color: #ffffff;
    border: 2px solid #ffffff;
    padding: 4px 10px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 20px;
}
@media only screen and (min-width: 450px) {
    .dossier_block__list_inner {
        position: relative;
        display: block;
        margin: auto;
        width: 418px;
    }
    .dossier_block__item:nth-child(2n) {
        margin-right: 10px;
    }
    .dossier_block__item:nth-child(3n) {
        margin-right: 0;
    }
}
@media only screen and (min-width: 595px) {
    .dossier_block__list_inner {
        width: 561px;
    }
    .dossier_block__item:nth-child(3n) {
        margin-right: 10px;
    }
    .dossier_block__item:nth-child(4n) {
        margin-right: 0;
    }
}
@media only screen and (min-width: 768px) {
    .dossier_block__list {
        margin-top: 20px;
    }
    .dossier_block__list_inner {
        width: 721px;
    }
    .dossier_block__item {
        width: 170px;
    }
    .dossier_block__item:nth-child(2n) {
        margin-right: 10px;
    }
    .dossier_block__item:nth-child(4n) {
        margin-right: 0;
    }
    .dossier_block__item__image {
        height: 150px;
    }
    .dossier_block__item__hover {
        height: 150px;
        padding-top: 60px;
    }
}
@media only screen and (min-width: 992px) {
    .dossier_block__list_inner {
        width: 905px;
    }
    .dossier_block__item:nth-child(4n) {
        margin-right: 10px;
    }
    .dossier_block__item:nth-child(5n) {
        margin-right: 0;
    }
    .content-sidebar .dossier_block__list {
        width: 100%;
    }
    .content-sidebar .dossier_block__item {
        width: 177px;
    }
}
@media only screen and (min-width: 1500px) {
    .dossier_block__list_inner {
        width: 1089px;
    }
    .dossier_block__item:nth-child(5n) {
        margin-right: 0;
    }
    .frontpage .dossier_block__item:nth-child(5n) {
        margin-right: 10px;
    }
    .content-sidebar .dossier_block__item {
        width: 179px;
    }
}
/* ==========================================================================
END Dossier block
========================================================================== */


/* ==========================================================================
Main content
========================================================================== */
.content {
    width: 100%;
    float: left;
}
.content>.container {
    display: block;
}
.main,
.content_main {
    display: block;
    width: 100%;
    float: left;
}
.sidebar {
    /* display: none; */
}
@media only screen and (max-width: 767px) {
    .content>.container {
        display: block;
        padding: 0;
    }
    .main {
        padding: 0 15px;
    }
    .theme_companys .material_item-image .material_item__inner {
        padding-top: 38.25%!important;
    }
}
@media only screen and (min-width: 992px) {
    .content-sidebar>.container {
        /*display: table;*/
    }
    .content-sidebar .content_main {
        display: table-cell;
        vertical-align: top;
        width: calc(100% - 330px);
    }
    .content-sidebar .sidebar {
        display: inline-block;
        vertical-align: top;
        width: 330px;
        min-width: 330px;
        float: right;
    }
    .sidebar-search_page {
        padding-top: 50px;
    }
    .content-sidebar .sidebar_right {
        padding-left: 30px;
    }
    .content-sidebar .sidebar_left {
        padding-right: 50px;
    }
}
@media only screen and (min-width: 1400px) {
    /*.content-sidebar .content_main {*/
    /*width: 800px;*/
    /*}*/
}
/* ==========================================================================
END Main content
========================================================================== */


/* ==========================================================================
Sidebar banner
========================================================================== */
.sidebar__banner {
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 42px;
}
.sidebar__banner img {
    max-width: 300px;
    margin: auto;
    display: block;
}
@media only screen and (min-width: 992px) {
    .sidebar__banner img {
        width: 100%;
    }
}
/* ==========================================================================
END Sidebar banner
========================================================================== */


/* ==========================================================================
Gallery page
========================================================================== */
.gallery_page__content {
    margin-top: 40px;
    width: 100%;
    float: left;
}
.gallery_page__list {
    width: 100%;
    float: left;
}
.gallery__item {
    display: inline-block;
    width: 100%;
}
.gallery__item__image {
    height: 0;
    display: block;
    float: left;
    width: 100%;
    padding-bottom: 56.25% !important;
}
.gallery_page__list .gallery__item,
.gallery_page__list .material_item {
    margin-top: 15px;
}
.gallery_page__list .gallery__item:first-child,
.gallery_page__list .material_item:first-child {
    margin-top: 0;
}
.theme_companys .material_item:last-child {
    margin-right: 0;
}
.theme_companys .material_item-image .material_item__inner {
    padding-top: 32.25%;
}
.theme_companys .material_item__image {
    padding-bottom: 26.25% !important;
    min-height: 100px;
}
@media only screen and (min-width: 768px) {
    .gallery_page__list .gallery__item,
    .gallery_page__list .material_item {
        width: calc( 50% - 7px );
        margin-right: 10px;
    }
    .theme_companys .material_item {
        width: calc( 50% - 8px );
        margin-right: 10px;
    }
    .gallery_page__list .gallery__item:nth-child(1),
    .gallery_page__list .gallery__item:nth-child(2),
    .gallery_page__list .material_item:nth-child(1),
    .gallery_page__list .material_item:nth-child(2) {
        margin-top: 0;
    }
    .gallery_page__list .gallery__item:nth-child(2n),
    .gallery_page__list .material_item:nth-child(2n) {
        margin-right: 0;
    }
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1500px) {
}
/* ==========================================================================
END Gallery page
========================================================================== */


/* ==========================================================================
News page
========================================================================== */
.news_page__top {
    width: 100%;
    float: left;
    display: table;
}
.news_page__item_main {
    width: 100%;
    float: left;
    margin-bottom: 16px;
}
@media (max-width: 767px) {
    .news_page__top {
        padding: 10px 15px 0 15px;
        background: #ffffff;
    }
    .news_page__item_main {
        margin-bottom: 0;
    }
    .news_page__item_main .material_item .material_item__inner {
        padding-top: 0;
        border: none;
    }
    .news_page__item_main .material_item__image {
        display: none !important;
    }
}
.news_page__list {
    float: left;
    width: 100%;
    padding: 0 15px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    position: relative;
}
.news_block__list:after {
    display: none;
}
@media only screen and (min-width: 768px) {
    .news_page__item_main {
        width: calc( 50% - 8px );
        margin-right: 16px;
    }
    .news_page__item_main:nth-child(2n) {
        margin-right: 0;
    }
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1500px) {
}
/* ==========================================================================
END News page
========================================================================== */


/* ==========================================================================
Articles page
========================================================================== */
.articles_page__main {
    margin-bottom: 20px;
    float: left;
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
}
.articles_page__main__content {
    width: 100%;
    float: left;
    padding: 10px 15px 20px 15px;
    margin-top: 56.25%;
}
.articles_page__main__top {
    position: relative;
    width: 100%;
    z-index: 10;
    height: auto;
}
.articles_page__main__date {
    color: #999999;
    font-size: 13px;
    line-height: 18px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}
.articles_page__main__category {
    font-size: 13px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    color: #1eaa48;
    margin-left: 5px;
    padding: 0;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}
.articles_page__main__category:active,
.no-touch .articles_page__main__category:hover {
    color: #1eaa48;
    text-decoration: none;
    border-color: #a5e3b7;
}

.articles_page__main__link:active,
.no-touch .articles_page__main__link:hover,
.articles_page__main__link {
    text-decoration: none;
    border: none;
}
.articles_page__main__image {
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 100%;
    padding-bottom: 56.25% !important;
    z-index: 10;
}
.articles_page__main__title {
    display: block;
    margin: 10px 0;
    padding: 0;
    color: #2c2c2c;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
}
.articles_page__main__title span {
    border-bottom: 1px solid transparent;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.articles_page__main__link:active span,
.no-touch .articles_page__main__link:hover span {
    text-decoration: none;
    color: #4b83e5;
    border-bottom: 1px solid #9bb7e8;
}

.articles_page__main__desc {
    color: #888888;
    font-size: 13px;
    line-height: 18px;
    display: inline;
}
.articles_page__main__desc p {
    padding: 0;
    margin: 0;
    display: inline;
}
.articles_page__main__more {
    font-size: 13px;
    line-height: 18px;
    display: inline-block;
}

.articles_page__list .material_item {
    width: 100%;
    margin-top: 15px;
}
.articles_page__list .material_item:nth-child(1) {
    margin-top: 0;
}
@media only screen and (min-width: 768px) {
    .articles_page__main {
        margin-bottom: 30px;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        z-index: 1000;
    }
    .articles_page__main__content {
        float: none;
        margin: 0;
        margin-left: 360px;
        width: auto;
        height: auto;
    }
    .articles_page__main__image {
        height: 100%;
        padding: 0 !important;
        width: 348px;
    }

    .articles_page__list .material_item {
        width: calc( 33% - 8px);
        margin-right: 10px;
    }
    .articles_page__list .material_item:nth-child(2) {
        margin-top: 0;
    }
    .articles_page__list .material_item:nth-child(3) {
        margin-top: 0;
    }
    .articles_page__list .material_item:nth-child(3n) {
        margin-right: 0;
    }
}
@media only screen and (min-width: 992px) {
    .articles_page__main__content {
        margin-left: 320px;
    }
    .articles_page__main__image {
        width: 308px;
    }
}
@media only screen and (min-width: 1500px) {
    .articles_page__main__content {
        margin-left: 400px;
    }
    .articles_page__main__image {
        width: 393px;
    }
}
/* ==========================================================================
END Articles page
========================================================================== */


/* ==========================================================================
Page head block
========================================================================== */
.page__head {
    width: 100%;
    float: left;
    padding: 0 0 20px 0;
}
.page__head__info {
    float: left;
    font-size: 13px;
    line-height: 26px;
    color: #868686;
    margin-bottom: 5px;
}
.page__head__options {
    float: right;
}
.page__head__print,
.page__head__comments,
.page__head__view {
    color: #4b83e5;
    font-size: 13px;
    line-height: 20px;
    font-weight: 700;
    padding: 2px 6px;
    text-decoration: none;
    display: inline-block;
}
.page__head__print:active,
.no-touch .page__head__print:hover,
.page__head__comments:active,
.no-touch .page__head__comments:hover {
    background: #4b83e5;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}
.page__head__print i,
.page__head__comments i,
.page__head__view i {
    font-size: 20px;
    margin-right: 6px;
}
.page__head__print i {
    margin: 0;
}

@media only screen and (min-width: 768px) {
    .page__head__info {
        width: auto;
        margin: 0;
    }
    .page__head__options {
        width: auto;
        float: right;
    }
}
/* ==========================================================================
END Page head block
========================================================================== */


/* ==========================================================================
Article page
========================================================================== */
.article_page {
}
.article_page__prolog {
    font-size: 20px;
    line-height: 30px;
    margin: 20px 0;
}
.article_page__author {
    margin: 20px 0;
    float: left;
    width: 100%;
}

.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 {
        width: calc( 100% + 40px );
        margin: 20px 0 30px 0;
        margin-left: -20px;
        margin-right: -20px;
    }
    .article_page__triple_gallery__item {
        width: 33.333333%;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 10px;
    }
    .article_page__triple_gallery__item:nth-child(4n),
    .article_page__triple_gallery__item:first-child {
        padding-left: 0;
        margin-top: 10px;
    }
    .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;
    }
}
@media only screen and (min-width: 1500px) {
}
/* ==========================================================================
END Article page
========================================================================== */


/* ==========================================================================
404 not found page
========================================================================== */
.notfound_page {
    text-align: center;
    padding: 50px 0 0 0;
}
.notfound_page__image {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.notfound_page__image img {
    display: block;
    width: 100%;
    max-width: 600px;
    margin: auto;
}
.notfound_page__bottom .btn {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
}
@media only screen and (min-width: 768px) {
    .notfound_page {
        padding: 100px 0 0 0;
    }
}
@media only screen and (min-width: 992px) {
    .notfound_page {
        padding: 150px 0 0 0;
    }
}
/* ==========================================================================
END 404 not found page
========================================================================== */


/* ==========================================================================
Agronom page
========================================================================== */
.agronom_page__images {
    width: 100%;
    display: table;
    max-width: 320px;
    margin: 0 auto 20px auto;
}
.agronom_page__image {
    margin: 0 0 10px 0;
    width: 100%;
    float: left;
}
.agronom_page__image-small {
    display: block;
    float: left;
    height: 0;
    padding-bottom: 36.25% !important;
    width: calc( 50% - 5px );
    margin: 0 10px 10px 0;
}
.agronom_page__image-small:nth-child(3n) {
    margin-right: 0;
}
.agronom_page__image img {
    display: block;
    width: 100%;
}
.agronom_page__info {
    width: 100%;
    float: left;
}
.agronom_page__info__block {
    width: 100%;
    float: left;
    margin-top: 10px;
}
.agronom_page__info__block:first-child {
    margin: 0;
}
.agronom_page__info__block__title {
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    margin: 0;
}
@media only screen and (min-width: 768px) {
    .agronom_page__images {
        float: left;
        width: 220px;
    }
    .agronom_page__info {
        float: none;
        width: auto;
        margin-left: 240px;
    }
}
/* ==========================================================================
END Agronom page
========================================================================== */


/* ==========================================================================
Bloger page
========================================================================== */
.bloger_page__articles .articles_page__list {
    margin-top: 20px;
}
.bloger_page__image {
    float: left;
    width: 200px;
    margin: 0 0 10px 0;
    width: 100%;
    float: left;
}
.bloger_page__info {
    width: 100%;
    float: left;
}
.bloger_page__body__block,
.bloger_page__info__block {
    width: 100%;
    float: left;
    margin-top: 20px;
}
.bloger_page__body__block:first-child,
.bloger_page__info__block:first-child {
    margin: 0;
}
.bloger_page__social__item {
}
.bloger_page__social__item {
    font-size: 40px;
    line-height: 40px;
    margin: 0 2px;
    display: inline-block;
    text-decoration: none;
}
@media only screen and (max-width: 767px) {
    .bloger_page__articles {
        padding: 0 15px;
    }
}
@media only screen and (min-width: 768px) {
    .bloger_page__image {
        width: 200px;
    }
    .bloger_page__info {
        margin-left: 250px;
        width: auto;
        float: none;
    }
}
/* ==========================================================================
END Bloger page
========================================================================== */


/* ==========================================================================
Dossier list page
========================================================================== */
.dossier__result__preloader {
    text-align: center;
    padding: 5px 0;
    width: 100%;
    float: left;
}
.dossier__result__preloader .tcon-loader--spinner360 {
    display: inline-block;
}
.dossier__result__preloader .tcon-loader--spinner360:after {
    background-color: #ededed;
}

.dossier__result {
    width: 100%;
    float: left;
    margin-top: 20px;
}
.dossier__result__title {
    font-size: 12px;
    font-weight: 700;
    color: #4b83e5;
    margin-bottom: 5px;
    width: 100%;
    float: left;
    padding-bottom: 4px;
    border-bottom: 2px solid #4b83e5;
}
.dossier__result__list {
    width: 100%;
    float: left;
}
.dossier__result__category__item {
    width: 100%;
    float: left;
}
.dossier__result__item {
    position: relative;
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
    color: #888888;
    width: auto;
    font-size: 14px;
    line-height: 20px;
    margin: 8px 0;
    text-decoration: none;
}
.dossier__result__item:active,
.no-touch .dossier__result__item:hover {
    color: #ffffff;
    text-decoration: none;
    background: #4b83e5;
}
.dossier__result__item span {
    display: inline-block;
}
.dossier__result__category {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.dossier__result__category__title {
    width: 100%;
    float: left;
    padding: 0 5px;
    border-bottom: 2px solid #4b83e5;
    font-size: 14px;
    font-weight: 700;
    color: #4b83e5;
    margin-bottom: 5px;
}
.dossier__result__empty:active,
.no-touch .dossier__result__empty:hover,
.dossier__result__empty {
    color: #888888;
    cursor: default;
    float: left;
    margin: 0;
    font-size: 14px;
    line-height: 24px;
}

.block_dossier,
.block_dossier_select {
    display: none;
}
.selectric-block_dossier_select {
    display: block;
}
.selectric-block_dossier_select .selectric-items,
.selectric-block_dossier_select .selectric {
    border-color: #4b83e5;
}
.selectric-block_dossier_select .button {
    color: #4b83e5;
}

.dossier__result__item__card {
    z-index: 100;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 170px;
    margin-top: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    background: #ffffff;
    text-decoration: none;
    vertical-align: top;
}
.no-touch .dossier__result__item:hover .dossier__result__item__card {
    text-decoration: none;
    display: block;
}
.no-touch .dossier__result__item__card:hover {
    display: none !important;
}
.dossier__result__item__card__image {
    width: 100%;
    height: 150px;
}
.dossier__result__item__card__name {
    width: 100%;
    padding: 5px 10px;
    float: left;
    font-size: 14px;
    line-height: 20px;
    color: #4b83e5;
    font-weight: 700;
    text-align: left;
}
.dossier__result__item__card__desc {
    width: 100%;
    float: left;
    padding: 0 10px 10px 10px;
    font-size: 12px;
    line-height: 18px;
    color: #666666;
    text-align: left;
}
@media only screen and (min-width: 768px) {
    .dossier__result {
        margin-top: 0;
    }
    .dossier__result__category__item {
        width: 50%;
        padding-right: 20px;
    }
    .selectric-block_dossier_select {
        display: none;
    }
    .block_dossier {
        display: block;
        width: 100%;
        float: left;
        text-align: center;
        margin: 0 0 30px 0;
    }
    .block_dossier__item {
        display: inline-block;
        border: 2px solid #4b83e5;
        background: #ffffff;
        color: #4b83e5;
        font-size: 13px;
        line-height: 20px;
        padding: 3px 12px;
        font-weight: 400;
        text-decoration: none;
        margin: 3px 2px;
    }
    .block_dossier__item.active,
    .block_dossier__item:active,
    .no-touch .block_dossier__item:hover {
        background: #4b83e5;
        color: #ffffff;
        text-decoration: none;
    }
}
@media only screen and (min-width: 992px) {
}
@media only screen and (min-width: 1500px) {
    .dossier__result__category__item {
        width: 33.333333%;
    }
}
/* ==========================================================================
END Dossier list page
========================================================================== */


/* ==========================================================================
END Infographics page
========================================================================== */
.infographics_page__list {

}
.infographics_page__list .material_item {
    width: 100%;
    margin-top: 15px;
}
.infographics_page__list .material_item:nth-child(1) {
    margin-top: 0;
}
@media only screen and (min-width: 768px) {
    .infographics_page__list .material_item {
        width: calc( 50% - 7px);
        margin-right: 10px;
    }
    .infographics_page__list .material_item:nth-child(2) {
        margin-top: 0;
    }
    .infographics_page__list .material_item:nth-child(2n) {
        margin-right: 0;
    }
}
@media only screen and (min-width: 768px) {
}
/* ==========================================================================
END Infographics page
========================================================================== */


/* ==========================================================================
Actions page
========================================================================== */
.actions_page__filter {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.actions_page__filter label {
    color: #868686;
    margin-right: 10px;
}
.actions_page__filter label i {
    border-radius: 5px;
    border-color: #868686;
}
.actions_page__filter label i:after {
    color: #868686;
}
.actions_page__filter label span {
    margin-left: 30px;
}

.actions_page__list {
    width: 100%;
    float: left;
}
.actions_page__list__head {
    display: none;
    width: 100%;
    float: left;
}
.actions_page__list__content {
    width: 100%;
    float: left;
    border-top: 1px solid #e4e4e4;
}
.actions_page__list__item {
    padding: 20px 0;
    width: 100%;
    float: left;
    border-bottom: 1px solid #e4e4e4;
}
.actions_page__list__item__title {
    font-weight: 700;
}
.actions_page__list__item__company {
    margin-bottom: 10px;
}
.actions_page__list__item__action {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    text-decoration: none;
    color: #222222;
}
.actions_page__list__item__action:active,
.no-touch .actions_page__list__item__action:hover {
    text-decoration: none;
}
.actions_page__list__item__type {
    width: 100%;
    float: left;
    margin: 10px 0;
    color: #868686;
}
.actions_page__list__item__date {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
}
.actions_page__list__item__days {
    display: inline-block;
    color: #868686;
    margin-left: 10px;
}
@media only screen and (min-width: 768px) {
    .actions_page__list__head {
        display: table;
        font-weight: 700;
    }
    .actions_page__list__cell {
        display: table-cell;
        vertical-align: middle;
        padding: 10px;
    }
    .actions_page__list__cell-company {
        width: 150px;
    }
    .actions_page__list__cell-title {
    }
    .actions_page__list__cell-time {
        text-align: center;
        width: 170px;
    }
    .actions_page__list__item {
        padding: 10px 0;
        display: table;
        width: 100%;
        float: left;
    }
    .actions_page__list__item__image {
        display: block;
        width: 100px;
        height: 100px;
        background-position: 0 center;
        margin-bottom: 10px;
    }
    .actions_page__list__item__company {
        font-weight: 700;
    }
    .actions_page__list__item__title {
        display: none;
    }
    .actions_page__list__item__days,
    .actions_page__list__item__date {
        display: block;
        width: 100%;
        margin: 0;
    }
}
/* ==========================================================================
END Actions page
========================================================================== */


/* ==========================================================================
Action page
========================================================================== */
.action_page__timeout {
    color: #4b83e5;
    font-weight: 700;
    margin-bottom: 15px;
    width: 100%;
    float: left;
}
.action_page__block {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.action_page__block__title {
    color: #868686;
    font-weight: 700;
    margin-bottom: 5px;
}
.action_page__block__days {
    color: #868686;
}
.action_page__block__content {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
}
.action_page__block__content a {
    color: #222222;
}
.action_page__block__content a i {
    color: #4b83e5;
}
.action_page__content {
    margin-top: 10px;
    width: 100%;
    float: left;
}
.action_page__bottom {
    margin-top: 10px;
    width: 100%;
    float: left;
    text-align: center;
}
.action_page__bottom .btn {
    width: 100%;
    text-align: center;
}
@media only screen and (min-width: 768px) {
    .action_page__timeout {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .action_page__block {
        width: 250px;
        float: left;
    }
    .action_page__block__content {
        font-size: 19px;
    }
    .action_page__bottom .btn {
        width: auto;
    }
}
/* ==========================================================================
END Action page
========================================================================== */


/* ==========================================================================
Tags block for content
========================================================================== */
.tags {
    padding: 10px 0 10px 0;
}
.tags__item {
    height: 30px;
    display: inline-block;
    border-radius: 15px;
    background: #28aa50;
    color: #ffffff;
    font-size: 14px;
    line-height: 30px;
    text-decoration: none;
    font-weight: 700;
    padding: 0 20px;
    margin: 5px 10px 5px 0;
}
.tags__item:active,
.no-touch .tags__item:hover {
    background: #487ddb;
    color: #ffffff;
    text-decoration: none;
}
/* ==========================================================================
END Tags block for content
========================================================================== */


/* ==========================================================================
Social block for content
========================================================================== */
.article__social {
    margin: 10px 0;
    width: 100%;
    float: left;
}
.article__social__item {
    font-size: 40px;
    line-height: 40px;
    margin: 0 2px;
    display: inline-block;
    text-decoration: none;
}
/* ==========================================================================
END Social block for content
========================================================================== */


/* ==========================================================================
Adaprive banner
========================================================================== */
.adaptive_banner {
    width: 100%;
    float: left;
    margin: 20px 0;
}
.adaptive_banner .container {
    padding: 0;
}
.adaptive_banner__item {
    display: none;
    text-align: center;
    margin: auto;
    overflow: hidden;
}
.adaptive_banner__item-1 {
    display: table;
}
.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;
    }
    .adaptive_banner__item {
        display: none;
    }
    .adaptive_banner__item-4 {
        display: table;
    }
}
/* ==========================================================================
END Adaprive banner
========================================================================== */


/* ==========================================================================
News list block
========================================================================== */
.material_item {
    width: 100%;
    vertical-align: top;
    display: block;
    float: left;
    height: auto;
    background: #ffffff;
    position: relative;
}
.material_item:last-child {
    border: none;
}
.material_item-image {
    border: none;
    display: inline-block;
    float: none;
}
.material_item__inner {
    float: left;
    border-bottom: 1px solid #ebebeb;
    position: relative;
    width: 100%;
    float: left;
}
.material_item-image .material_item__inner {
    padding-top: 57.25%
}
.material_item__link {
    font-size: 14px;
    line-height: 20px;
    color: #4b83e5;
    text-decoration: none;
    font-weight: 400;
    /*position: relative;*/
    display: block;
    float: left;
    width: 100%;
}
.material_item__link:active,
.no-touch .material_item__link:hover {
    text-decoration: none;
}
.news_block__item__link i {
    margin-left: 8px;
}
.material_item__image {
    width: 100%;
    padding-bottom: 56.25% !important;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
}
.material_item__icon {
    text-align: center;
    height: 42px;
    width:  42px;
    position: absolute;
    bottom: 0;
    left: 10px;
    opacity: .8;
    background: #000000;
    z-index: 30;
}
.material_item__icon i.icon {
    display: block;
    margin: auto;
    margin-top: 11px;
    width: 20px !important;
    height: 20px !important;
    background-size: contain;
}
.material_item__title {
    float: left;
    width: 100%;
    display: inline-block;
    padding: 0 10px 12px 10px;
}
.material_item-image .material_item__title {
    /*margin-top: 30px;*/
}
.material_item__title i {
    margin-left: 6px;
}
.material_item__title span {
    display: inline;
    border-bottom: 1px solid transparent;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.material_item__link:active .material_item__title span,
.no-touch .material_item__link:hover .material_item__title span {
    border-color: #9bb7e8;
}
.material_item__top {
    float: left;
    position: relative;
    padding: 0 10px 5px 10px;
    width: 100%;
    z-index: 10;
    /*height: auto;*/
}
.material_item__date {
    color: #999999;
    font-size: 13px;
    line-height: 18px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
.material_item__category {
    font-size: 13px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    color: #1eaa48;
    padding: 0;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}
.material_item__category:active,
.no-touch .material_item__category:hover {
    color: #1eaa48;
    text-decoration: none;
    border-color: #a5e3b7;
}
/* ==========================================================================
END News list block
========================================================================== */


/* ==========================================================================
Comments block
========================================================================== */
.comments {
    padding-top: 40px;
    width: 100%;
    float: left;
    display: none;
}
.article__coments_btn_container {
    width: 100%;
    float: left;
}
.article__coments_btn {
    margin-top: 10px;
    float: left;
    border: 1px solid #4b83e5;
    color: #4b83e5;
    border-radius: 15px;
    font-size: 14px;
    line-height: 30px;
    padding: 0 20px;
    cursor: pointer;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.article__coments_btn:active,
.no-touch .article__coments_btn:hover {
    color: #ffffff;
    background: #4b83e5;
}
.article__coments_btn span {
    display: inline-block;
    color: #4b83e5;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.article__coments_btn:active span,
.no-touch .article__coments_btn:hover span {
    color: #ffffff;
}
/* ==========================================================================
END Comments block
========================================================================== */


/* ==========================================================================
Interesting news block
========================================================================== */
.sidebar_interesting {
    width: 100%;
    float: left;
}
.sidebar_interesting__list {
    width: 100%;
    float: left;
    padding: 20px 0;
}
.sidebar_interesting__item {
    width: 100%;
    float: left;
    padding-left: 30px;
    margin-top: 15px;
    font-size: 13px;
    line-height: 18px;
    position: relative;
}
.sidebar_interesting__item:first-child {
    margin-top: 0;
}
.sidebar_interesting__item__link {
    position: relative;
}
.sidebar_interesting__item.video .sidebar_interesting__item__link:after,
.sidebar_interesting__item.photo .sidebar_interesting__item__link:after {
    content: '\f030';
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: -30px;
    top: 1px;
    font-family: 'FontAwesome';
    color: #bababa;
    font-size: 16px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.sidebar_interesting__item.video .sidebar_interesting__item__link:after {
    content: '\f008';
}
.sidebar_interesting__item.video .sidebar_interesting__item__link:active:after,
.no-touch .sidebar_interesting__item.video .sidebar_interesting__item__link:hover:after,
.sidebar_interesting__item.photo .sidebar_interesting__item__link:active:after,
.no-touch .sidebar_interesting__item.photo .sidebar_interesting__item__link:hover:after {
    color: #4b83e5;
}
.sidebar_interesting__item__date {
    color: #999999;
}
/* ==========================================================================
END Interesting news block
========================================================================== */


/* ==========================================================================
Pathway block
========================================================================== */
.pathway {
    padding: 15px 0;
}
.pathway__item {
    text-decoration: none;
    font-size: 13px;
    line-height: 20px;
    display: inline-block;
}
span.pathway__item {
    color: #868686;
    cursor: default;
}
.pathway__item:active,
.no-touch .pathway__item:hover {
    text-decoration: underline;
}
span.pathway__item:active,
.no-touch span.pathway__item:hover {
    text-decoration: none;
}
.pathway__separator {
    display: inline-block;
    padding: 0 5px;
    font-size: 13px;
    line-height: 20px;
    color: #4b83e5;
}
/* ==========================================================================
END Pathway block
========================================================================== */


/* ==========================================================================
Themes materials and companys
========================================================================== */
.theme_materials {
    margin-top: 60px;
}
.theme_materials h3 {
    min-height: 50px;
    margin: 0 0 10px 0;
    padding: 0 15px;
}
.theme_companys {
    margin-bottom: 20px;
}
.theme_companys h4 {
    margin-bottom: 10px;
    margin: 0;
    padding: 10px 15px;
    display: inline-block;
}
.theme__news {
    float: left;
    width: 100%;
    padding: 0;
    position: relative;
}
.theme__news__list {
    float: left;
    width: 100%;
    height: 330px;
    overflow: hidden;
    padding: 0 15px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    position: relative;
}
.theme__news:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    z-index: 1000;
    background: rgba(231,56,39,0);
    background: -moz-linear-gradient(top, rgba(231,56,39,0) 0%, rgba(245,245,245,1) 90%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(231,56,39,0)), color-stop(90%, rgba(245,245,245,1)));
    background: -webkit-linear-gradient(top, rgba(231,56,39,0) 0%, rgba(245,245,245,1) 90%);
    background: -o-linear-gradient(top, rgba(231,56,39,0) 0%, rgba(245,245,245,1) 90%);
    background: -ms-linear-gradient(top, rgba(231,56,39,0) 0%, rgba(245,245,245,1) 90%);
    background: linear-gradient(to bottom, rgba(231,56,39,0) 0%, rgba(245,245,245,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e73827', endColorstr='#f5f5f5', GradientType=0 );
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.theme__news .block_more {
    position: absolute;
    bottom: 3px;
    left: 0;
    z-index: 1100;
}

.theme__articles {
    margin-top: 50px;
    float: right;
    width: 100%;
}
.theme__articles .owl-stage-outer {
    padding: 3px 0;
}
.theme__articles .owl-next,
.theme__articles .owl-prev {
    height: 100%;
    top: 0;
    margin: 0;
    overflow: hidden;
}
.theme__articles .owl-next:after,
.theme__articles .owl-prev:after {
    top: 20px;
}
@media only screen and (min-width: 768px) {
    .theme__articles .owl-next,
    .theme__articles .owl-prev {
        height: 200px;
    }
    .theme__articles .owl-next:after,
    .theme__articles .owl-prev:after {
        line-height: 200px;
        top: 0;
    }

    .theme_materials h3 {
        padding: 0;
    }
    .theme_materials {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
    .theme_companys h4 {
        padding: 10px 0;
    }
    .theme_companys {
        display: table;
        width: 100%;
        table-layout: fixed;

    }
    .theme__news {
        float: none;
        display: table-cell;
        vertical-align: top;
        margin: 0;
        padding: 0 5px 0 0;
        width: 48%;
        position: relative;
        overflow: hidden;
    }
    .theme__articles {
        float: none;
        display: table-cell;
        padding: 0 0 0 2%;
        vertical-align: top;
        margin: 0;
        width: 52%;
        position: relative;
    }
    .theme__news__list {
        position: absolute;
        top: 50px;
        left: 0;
        margin-top: 3px;
        height: auto;
        width: 100%;
    }
    .theme__news__articles {
        width: 50%;
        margin-top: 0;
        padding-left: 5px;
    }
}
@media only screen and (min-width: 992px) {
    .theme__articles .owl-next,
    .theme__articles .owl-prev {
        height: 180px;
    }
    .theme__articles .owl-next:after,
    .theme__articles .owl-prev:after {
        line-height: 180px;
    }
}
@media only screen and (min-width: 1500px) {
    .theme__articles .owl-next,
    .theme__articles .owl-prev {
        height: 225px;
    }
    .theme__articles .owl-next:after,
    .theme__articles .owl-prev:after {
        line-height: 225px;
    }
}
/* ==========================================================================
END Themes materials
========================================================================== */


/* ==========================================================================
Videoplayer
========================================================================== */
.videoplayer {
    width: 100%;
    position: relative;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 56.25% !important;
    height: 0;
}
.videoplayer_video {
    position: absolute;
    height: 100% !important;
    width: 100% !important;
    z-index: 10;
}
.videoplayer_source {
    display: none;
}
.videoplayer_button {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 20;
}
.videoplayer_button i {
    font-size: 70px;
    color: #ffffff;
    text-align: center;
    line-height: 70px;
    z-index: 100;
    position: absolute;
    width: 70px;
    height: 70px;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -35px;
    opacity: 0.6;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.videoplayer_button:active i,
.no-touch .videoplayer_button:hover i {
    opacity: 1;
}
/* ==========================================================================
END Videoplayer
========================================================================== */


/* ==========================================================================
Branding
========================================================================== */
.branding {
    display: none;
}
@media only screen and (min-width: 768px) {
    .branding {
        position: fixed;
        z-index: 10;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        background-repeat: no-repeat;
        background-position: -99999px;
    }
    .branding img {
        display: none !important;
    }
    .branding:before,
    .branding: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:after {
        left: auto;
        right: 0;
        margin-right: -375px;
    }
}
@media only screen and (min-width: 992px) {
    .branding:before {
        margin-left: -480px;
    }
    .branding:after {
        margin-right: -480px;
    }
}
@media only screen and (min-width: 1500px) {
    .branding:before {
        margin-left: -585px;
    }
    .branding:after {
        margin-right: -585px;
    }
}

/* ==========================================================================
END Branding
========================================================================== */

/* ==========================================================================
footer
========================================================================== */
.footer_stick {
    width: 100%;
    float: left;
    position: relative;
    z-index: -1;
}
/* ==========================================================================
END footer
========================================================================== */


/* ==========================================================================
Modal clinics list
========================================================================== */
#modal__clinics_list {
    background: #ffffff;
    max-width: 600px;
}
#modal__clinics_list .modal_window_inner {
    padding-left: 0;
    padding-right: 0;
}
.modal__clinics_list__item {
    border-top: 1px solid #f7f7f7;
    display: table;
    width: 100%;
    padding: 20px 0;
    text-decoration: none;
    color: #4a4a4a;
}
.modal__clinics_list__item:first-child {
    border-top: none;
}
.modal__clinics_list__item:active,
.no-touch .modal__clinics_list__item:hover {
    color: #4a4a4a;
    text-decoration: none;
    background-color: #f7f7f7;
}
.modal__clinics_list__item__icon {
    display: table-cell;
    vertical-align: middle;
    width: 60px;
    text-align: center;
}
.modal__clinics_list__item__icon .icon-mini_logo {
    font-size: 30px;
    color: #f44336;
}
.modal__clinics_list__item__icon .icon-pin {
    display: inline-block;
    width: 30px;
    height: 45px;
    background: url('../img/icon-pin.png') center no-repeat;
    background-size: contain;
}
.modal__clinics_list__item__content {
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
}
.modal__clinics_list__item__title {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}
.modal__clinics_list__item__subtitle {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}
/* ==========================================================================
END Modal clinics list
========================================================================== */


/* ==========================================================================
Custom file input
========================================================================== */
.custom_file {
    display: inline-block;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
}
.custom_file input {
    display: none;
}
.custom_file span {
    overflow: hidden;
    text-align: center;
    display: inline-block;
    min-width: 100px;
    vertical-align: middle;
    border-radius: 4px;
    background: #e6e6e6;
    color: #6b6b6b;
    height: 30px;
    line-height: 32px;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 15px;
    cursor: pointer;
    font-weight: 500;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.custom_file span:active,
.no-touch .custom_file span:hover {
    background: #eeeeee;
}
.custom_file span i {
    margin-left: 5px;
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
}

.custom-file-upload-hidden {
    display: none;
    visibility: hidden;
    position: absolute;
    left: -9999px;
}
.custom-file-upload {
    display: block;
    width: auto;
    font-size: 16px;
    margin-top: 30px;
/*border: 1px solid #ccc;*/
}
.custom-file-upload label {
    display: block;
    margin-bottom: 5px;
}

.file-upload-wrapper {
    position: relative;
    margin-bottom: 5px;
/*border: 1px solid #ccc;*/
}
.file-upload-input {
    width: #file-upload-size;
    color: #fff;
    font-size: 16px;
    padding: 11px 17px;
    border: none;
    /*background-color: $file-upload-color; */
    /*@include transition(all 0.2s ease-in); */
    float: left; /* IE 9 Fix */
}
.no-touch .file-upload-input:hover,
.file-upload-input:active {
    /*background-color: darken($file-upload-color, 5);*/
    outline: none;
}
.file-upload-button {
    cursor: pointer;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    padding: 11px 20px;
    border: none;
    margin-left: -1px;
    /*background-color: darken($file-upload-color, 10); */
    float: left; /* IE 9 Fix */
    /*@include transition(all 0.2s ease-in);*/
}
.file-upload-button:active,
.no-touch .file-upload-button:hover {

}
/* ==========================================================================
END Custom file input
========================================================================== */


/* ==========================================================================
Modal Callback and Reception
========================================================================== */
#modal__resume,
#modal__reception,
#modal__success,
#modal__callback {
    max-width: 280px;
}
/* ==========================================================================
END Modal Callback and Reception
========================================================================== */


/* ==========================================================================
Modal window
========================================================================== */
.modal_window {
    max-width: 600px;
}
.modal_window_inner {
    padding: 0 20px 20px 20px;
}
.modal__title {
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: #f44336;
    font-weight: 500;
    text-align: center;
    margin: 0 0 25px 0;
}
.modal__desc {
    color: #6b6b6b;
    font-size: 12px;
    line-height: 17px;
    font-weight: 400;
    text-align: left;
    margin-bottom: 2px;
}
.modal__input_block {
    width: 100%;
    float: left;
    margin: 9px 0;
    position: relative;
}
.modal__input_block .textbox,
.modal__input_block .inputbox, .modal__input_block .selectric {
    width: 95%;
    float: left;
}
.modal__input_block span {
    color: #4b83e5;
}
.modal__input_block .required {
    position: absolute;
    right: -10px;
    top: 0;
    color: #f44336;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
}
.modal__btn-submit {
    width: 100%;
    margin-top: 20px;
}

#modal__resume .custom_file {
    width: 100%;
    margin-top: 5px;
}
#modal__resume .custom_file span {
    width: 100%;
}
#modal__resume .modal__title {
    margin-bottom: 5px;
}
.modal__resume__post {
    width: 100%;
    float: left;
    color: #f44336;
    text-align: center;
    margin-bottom: 25px;
}
/* ==========================================================================
END Modal window
========================================================================== */


/* ==========================================================================
Slide up arrow
========================================================================== */
.slide_up {
    display: block;
    position: fixed;
    bottom: -50px;
    right: 10px;
    width: 50px;
    height: 50px;
    z-index: 500;
    text-align: center;
    background: rgba(255,255,255,1);
    box-shadow: 0 3px 4px rgba(107,107,107,.2);
    opacity: 0.7;
    color: #4b83e5;
    border: none;
    -webkit-transition: bottom 0.2s linear;
    -moz-transition: bottom 0.2s  linear;
    transition: bottom 0.2s linear;
}
.slide_up.active {
    bottom: 0;
}
.slide_up:active,
.no-touch .slide_up:hover {
    opacity: 1;
    text-decoration: none;
}
@media (min-width: 768px) {
    .slide_up {
        right: 50%;
        margin-right: -380px;
    }
}
@media (min-width: 992px) {
    .slide_up {
        margin-right: -485px;
    }
}
@media (min-width: 1500px) {
    .slide_up {
        margin-right: -585px;
    }
}
/* ==========================================================================
END Slide up arrow
========================================================================== */


/* ==========================================================================
fencybox
========================================================================== */
#feedback {
    display: none;
}
#feedback form {
    max-width: 450px;
    text-align: center;
}

/* ==========================================================================
 end fencybox
 ========================================================================== */


/* ==========================================================================
Material item - Read
========================================================================== */
.topicread_block {
    width: 100%;
    float: left;
    padding: 60px 15px 0 15px;
}
.topicread_block h3 {
    margin-bottom: 20px;
}
.topicread_block__list {
    width: 100%;
    float: left;
}
.topicread_block__item {
    width:  100%;
    float: left;
    display: table;
    margin-top: 20px;
}
.topicread_block__item:first-child {
    margin-top: 0;
}
.topicread_block__item__image_container {
    width: 30%;
    max-width: 120px;
    padding-top: 3px;
    display: table-cell;
    vertical-align: top;
}
.topicread_block__item__image {
    width: 100%;
    padding-top: 57.25%
}
.topicread_block__item__title {
    padding-left: 15px;
    display: table-cell;
    vertical-align: top;
    font-size: 14px;
    line-height: 20px;
}
@media (min-width: 768px) {
    .topicread_block {
        padding-left: 0;
        padding-right: 0;
    }
    .topicread_block__list {
        -webkit-display: flex;
        -moz-display: flex;
        display: flex;
        flex:  display;
        flex-wrap: wrap;
        align-items: left;
        justify-content: space-between;
    }
    .topicread_block__item {
        float: none;
        width: 50%;
        margin-top: 20px;
    }
    .topicread_block__item:nth-child(1),
    .topicread_block__item:nth-child(2) {
        margin-top:  0;
    }
}
@media (min-width: 992px) {
    .topicread_block__item {
        width: 50%;
    }
}
@media (min-width: 1500px) {
    .topicread_block__item {
        width: 50%;
    }
}

.material_item.material_item-topicread {
    color: #000000;
}
.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;
}
/* ==========================================================================
END Material item - Read
========================================================================== */

/* =========================================================================
    page pogoda
    ========================================================================= */


.pogoda_page ul {
    padding-left: 0;
    margin: 20px 0 0;
}
.pogoda_page .tabs {
    width: 100%;
    display: inline-block;
}
.pogoda_page .tabs li {
    list-style: none;
    border-bottom: 3px solid rgba(0, 164, 255, 0.3);
    width: 33%;
    display: inline-block;
}

.pogoda_page .tabs li a {
    font-style: normal;
    font-weight: bold;
    line-height: normal;
    font-size: 16px;
    color: #888;
    width: 100%;
    display: inline-block;
    padding: 6px 10px;
    min-height: 52px;
}
.pogoda_page .tabs li a span {
    color: #888888;
}
.pogoda_page .tabs li a .text-right {
    text-align: right;
    font-size: 14px;
    color: #888888;
    font-weight: 100;
    float: right;
}
.pogoda_page .tabs li a .minus {
    color: #4B83E5!important;
}
.pogoda_page .tabs li a .pluse {
    color: #EA4545!important;
}
.day3_span .week {
    color: #EA4545!important;
    width: auto;
    display: inline-block;
}
.day7_span .week {
    color: #EA4545!important;
    width: auto;
    display: inline-block;
}
.pogoda_page .tabs li.ui-state-active {
    border-bottom: 3px solid #fff;
    border-top: 3px solid #00A4FF;
    background: #fff;
}
.pogoda_page .ui-tabs-panel {
    padding: 17px 20px;
    background: #fff;
}
.pogoda_page .tabs li a:focus {
    outline: none;
}
.pogoda_page .row {
    margin-bottom: 7px;
}
.pogoda_page .tabs li.ui-state-active a span:first-child {
    color: #000;
    text-decoration: none;
}
.pogoda_page .col-2 {
    width: 165px;
    border-right: 1px solid #e8e8e8;
    display: inline-block;
    float: left;
    margin-right: 10px;
    background: #fff;
    padding: 2px 10px 28px;
}
.pogoda_page .col-2 span {
    font-weight: normal;
    font-size: 12px;
    color: #888888;

}
.pogoda_page .col-10 span {
    font-weight: normal;
    font-size: 12px;
    color: #888888;
}
.pogoda_page .col_10 {
    display: inline-block;
    float: left;
    overflow: auto;
    width: calc(100% - 175px);
}
.pogoda_page .col_10 .col {
    display: inline;
    float: left;
    min-width: 35px;
}
.pogoda_page #day_1 .col_10 .col {
    min-width: 105px;
}
.xmarnist {
    text-align: center;
}
.pogoda_page .col_10 .col.black {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.3+0,0+100;Neutral+Density */
    background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.pogoda_page .col_10 .col p.temp {
    padding-top: 4px;
    font-weight: 900;
    border-top: 1px solid #ccc;
}
.pogoda_page .col_10 .col img {
    width: 32px;
    padding: 3px;
}
.pogoda_page .col_10 .col p {
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 12px;
    color: #000000;
    margin: 0;
    min-height: 22px;
    text-align: center;
    padding: 3px 0;
}
.pogoda_page .col_10 span {
    font-size: 13px;
    color: #888888;
}
.pogoda_page .nopram {
    padding: 6px 0 29px 0;
    text-align: center;
}
.pogoda_page hr {
    margin: -9px 0px 0px 0px;
}
.pogoda_page .opadi {
    margin-bottom: 6px;
}
.pogoda_page .viter {
    margin-top: 11px;
    margin-bottom: 2px;
    text-align: center;
}
.tochka_rosi {
    min-height: 41px;
    display: none;
}
.radiacia {
    display: nene;
}
.pogoda_page .row.table_pogoda {
    border: 1px solid #ccc;
    display: inline-block;
    width: 842px;
}
.selectric-pogoda_menu_select {
    margin: 20px 10px;
    display: block;
}
.selectric-pogoda_menu_select .selectric .label,
.selectric-pogoda_menu_select .selectric .button {
    height: 38px;
    line-height: 38px;
}
.selectric-pogoda_menu_select .selectric-items,
.selectric-pogoda_menu_select .selectric {
    border-color: #4B83E5;
}
.selectric-pogoda_menu_select .button {
    color: #888888;
}
.selectric-pogoda_menu_select .selectric-items,
.selectric-pogoda_menu_select .selectric {
    border-width: 2px;
}
.selectric-pogoda_menu_select .selectric-items li,
.selectric-pogoda_menu_select .selectric .label {
    color: #4B83E5;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}
.selectric-pogoda_menu_select .selectric .button {
    background: #ffffff;
}
.selectric-pogoda_menu_select .selectric .button:before {
    color: #4B83E5;
}
.selectric-pogoda_menu_select {
    display: none;
}
.show_panel {
    display: none;
}
.temp_mob {
    display: none;
    font-size: 15px;
    color: #888888;
    font-weight: 100;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.pogoda_page .temp_mob .minus {
    color: #4B83E5!important;
}
.pogoda_page .temp_mob .pluse {
    color: #EA4545!important;
}
.pogoda_serch {
    background: #fff;
    box-shadow: 2px 2px 2px 2px #e4e4e4;
    width: 100%;
    position: relative;
}
.pogoda_serch .left {
    float: left;
}
.pogoda_serch .search_btns {
    border: none;
    float: right;
    width: auto;
    max-width: 11%;
    top: 0px;
    position: relative;
}
.pogoda_serch form button {
    background: none;
    border: none;
}
.pogoda_serch .search_input {
    margin-left: 11px;
    height: 21px;
    line-height: 21px;
    border: none;
    background: none;
    font-size: 14px;
    color: #000;
    display: inline-block;
    width: 68%;
}
.pogoda_serch  {
    margin: 20px 0;
    color: #888;
    font-size: 16px;
    padding: 6px 0 0px 15px;
}



.pogoda_page .col_10::-webkit-scrollbar-button {
    background-repeat: no-repeat;
    width: 7px;
    height: 0px
}

.pogoda_page .col_10::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 1px 10px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
}

.pogoda_page .col_10::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #ffffff;
}

.pogoda_page .col_10::-webkit-scrollbar-thumb:hover {
    background-color: #606060;
}

.pogoda_page .col_10::-webkit-resizer {
    background-repeat: no-repeat;
    width: 7px;
    height: 0px
}

.pogoda_page .col_10::-webkit-scrollbar {
    width: 7px;
}

.day3:nth-child(8n+8) {
    border-right: 2px solid #ccc;
}
.day3_span span {
    width: 275px;
    text-align: center;
    display: inline-block;
}
.day3_span {
    display: inline-block;
    width: 842px;
}
.day7_span span {
    width: 116px;
    text-align: center;
    display: inline-block;
}
.day7_span {
    display: inline-block;
    width: 842px;
}
.day7:nth-child(2n+2) {
    border-right: 2px solid #ccc;
}

.pogoda_page .col.day7 {
    display: inline;
    float: left;
    min-width: 60px;
}

@media (max-width: 992px) {
    .pogoda_page .tabs li {
        width: 32.7%;
    }
    .pogoda_page .tabs li a span,.pogoda_page .tabs li a .text-right {
        font-size: 13px;
    }
    .pogoda_page .tabs li a {
        padding: 15px 3px;
    }

}
@media (max-width: 1400px) {

    .inside_ads__banner__title {
        font-size: 24px;
        line-height: 35px;
        font-weight: 600;
    }
}
@media (max-width: 768px) {
    .pogoda_page .tabs li {
        width: 32.7%;
    }
    .pogoda_page .tabs li.ui-state-active a span:first-child {
        font-size: 12px;
    }
    .pogoda_page .tabs li a span:first-child {
        float: left;
    }
    .pogoda_page .tabs li a span,.pogoda_page .tabs li a .text-right, .pogoda_page .tabs li a .minus {
        font-size: 11px;
    }
    .pogoda_page .tabs li a {
        padding: 15px 3px;
    }
    .search_page__category-agronoms .search_page__category__item,
    .search_page__category-pesticides .search_page__category__item,
    .search_page__category-seed .search_page__category__item,
    .search_page__category-fertilizers .search_page__category__item {
        padding-right: 40px;
        min-width: 50%;
    }

}
@media (max-width: 668px) {
    .pogoda_page h1 {
        padding: 0 15px;
    }
    .selectric-pogoda_menu_select {
        display: block;
    }
    .pogoda_menu {
        display: none;
    }
    .pogoda_page .tabs li {
        width: 100%;
        border-bottom: none;
    }
    .pogoda_page .col-2 {
        display: none;
        position: relative;
        z-index: 11;
        width: 176px;
        border-right: 1px solid #e8e8e8;
        float: left;
        margin-right: 0;
        background: #fff;
        padding: 10px 9px 51px 11px;
        box-shadow: 0px 0px 1px 1px #e0e0e0;
    }
    .pogoda_page .col-2.slow {
        display: inline-block;
    }
    .pogoda_page .ui-tabs-panel {
        background: transparent;
        padding: 10px 10px;
    }
    .pogoda_page .col_10.no_act {
        width: 100%;
    }
    .pogoda_page .col_10 {
        background-color: #fff;
        width: calc(100% - 180px);
        padding: 7px 10px;
        box-shadow: 0px 0px 1px 1px #e0e0e0;
    }
    .show_panel {
        display: block;
        position: absolute;
        top: 50%;
        left: 0px;
        z-index: 10;
        padding: 20px 9px;
        box-shadow: 5px 1px 4px -4px #a7a7a7;
        background: #fff;
        border-radius: 0px 40px 40px 0px;
    }
    .show_panel.activ {
        left: 184px;
        z-index: 100;
    }
    .show_panel.activ img {
        -moz-transform: rotate(180deg); /* Для Firefox */
        -ms-transform: rotate(180deg); /* Для IE */
        -webkit-transform: rotate(180deg); /* Для Safari, Chrome, iOS */
        -o-transform: rotate(180deg); /* Для Opera */
        transform: rotate(180deg);
    }
    .temp_mob {
        display: inline-block;
        margin-bottom: 10px;
    }
    .pogoda_serch .left {
        float: none;
    }
    .pogoda_serch .search_input {
        margin-left: 0;
        width: 81%;
    }
}

/* ==========================================================================
Mobile banner
========================================================================== */
.banner_mobile {
    width: 100%;
    float: left;
    display: block;
    position: relative;
    z-index: 650;
}
.banner_mobile .container {
    text-align: center;
}
.container .banner_mobile .container {
    padding: 0;
}
.banner_mobile img {
    display: block;
    margin: auto;
    border: none;
    outline: none;
    max-width: 100%;
    min-width: 100%;
}
.banner_mobile a {
    display: block;
}
@media only screen and (min-width: 768px) {
    .banner_mobile {
        display: none;
    }
}
/* ==========================================================================
END Mobile banner
========================================================================== */

/* =========================================================================
    seed card page
    ========================================================================= */

.seedcard_page__header__title {
    line-height: normal;
    font-size: 18px;
    color: #000000;
    margin-bottom: 10px;
    padding: 0 0px;
    max-width: 82%;
}
.seedcard_page__header__print,
.distributor-item__button {
    border: 2px solid #4b83e5;
    background: #ffffff;
    color: #4b83e5;
    font-size: 13px;
    line-height: normal;
    padding: 10px 15px;
    text-align: center;
    margin: 10px 0px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}
.seedcard_page__header__print i {
    margin-left: 10px;
}
.desktop-table {
    display: none;
}
.seedcard_page__info {
    margin-top: 5px;
}
.seedcard_page__info_main {
    background: #FFFFFF;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    padding: 20px 15px 15px;
    border-top: 2px solid #4B83E5;
    text-align: center;
    margin-top: 15px;
}
.seedcard_page__info_main__image {
    height: 205px;
    width: auto;
    margin: 0 15px 15px;
    background-size: contain;
}

.seedcard_page__info table {
    width: 100%;
    box-sizing: border-box;
    text-align: right;
}
.mobile-table tr {
    border-top: 1px solid rgba(136, 136, 136, 0.1);
}
.seedcard_page__info td {
    vertical-align: top;
    font-weight: 600;
    line-height: normal;
    font-size: 12px;
    color: #000000;
    padding: 15px 0;
}
.seedcard_page__info td:first-child {
    text-align: left;
    color: #888888;
    margin-right: 20px;
}
.seedcard_page__info_main .table__manufacturer {
    color: #4B83E5;
}
.seedcard_page__info_agro,
.seedcard_page__info_crop,
.seedcard_page__distributors {
    margin-top: 40px;
}
.seedcard_page__info_crop__wrapper,
.seedcard_page__info_agro__wrapper {
    padding: 0 15px;
    background: #FFFFFF;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}
.seedcard_page__info_agro h2,
.seedcard_page__info_crop h2 {
    display: block;
    font-size: 13px;
    font-weight: 800;
    color: #FFFFFF;
    padding: 10px 15px;
    margin-bottom: 0;
}
.seedcard_page__info_agro h2 img,
.seedcard_page__info_crop h2 img {
    margin-right: 10px;
}
.seedcard_page__info_agro h2 {
    background: #4B83E5;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}
.seedcard_page__info_crop h2 {
    background: #1EAA48;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
}
.seedcard_page__distributors__title {
    margin: 0 15px 15px;
    font-size: 16px;
    color: #000000;
}
.distributor-item {
    background: #FFFFFF;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    padding: 15px;
    margin-bottom: 10px;
}
.distributor-item header {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
}
.distributor-item__logo {
    width: 114px;
    height: 76px;
    margin-right: 10px;
}
.distributor-item__title {
    font-weight: 600;
    line-height: normal;
    font-size: 14px;
    color: #000000;
    margin-bottom: 35px;
    text-align: left;
}
.distributor-item__link {
    font-size: 14px;
    color: #4B83E5;
    text-align: left;
}
.distributor-item__delivery,
.distributor-item__price {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.distributor-item span {
    font-size: 12px;
    color: #888888;
}
.distributor-item__delivery,
.distributor-item__price {
    margin-bottom: 10px;
}
.distributor-item__delivery p,
.distributor-item__price p {
    font-size: 14px;
    text-align: right;
    margin: 0;
}
.distributor-item__delivery p {
    color: #000000;
}
.distributor-item__price p {
    color: #888888;
}
.distributor-item__price b {
    font-size: 20px;
    color: #000000;
}
.distributor-item__button {
    margin: 0;
}
.distributor-item__contacts {
    display: none;
    margin-top: 7px;
}
.distributor-item__contacts__phone,
.distributor-item__contacts__email {
    display: block;
    font-size: 13px;
    color: #4B83E5;
}
.distributor-item__contacts__phone {
    margin-bottom: 12px;
}
.add_info {
    margin: 40px 0;
    color: #000000;
    line-height: normal;
    display: inline-block;
}
.add_info h2,
.add_info__text h3 {
    font-weight: bold;
    font-size: 16px;
}
.add_info h2 {
    margin: 0 15px;
}
.add_info__text h3 {
    margin-top: 20px;
}
.add_info__text {
    margin: 0 15px 20px;
}
.add_info__text img {
    max-width: 100%;
}
.add_info__text h4 {
    margin-top: 15px;
    font-size: 14px;
}
.add_info__text p {
    font-size: 14px;
    margin: 0;
    margin-top: 10px;
}
.add_info__text b {
    font-weight: bold;
}
.add_info__text ul li {
    margin-bottom: 10px;
}
.add_info__text ul li span {
    font-size: 14px;
    color: #000000;
}
.add_info__table table {
    width: 100%;
}
.add_info__table td {
    width: 50%;
    padding: 10px 15px;
    font-size: 13px;
    color: #000000;
}
.add_info__table td:last-child {
    font-weight: 600;
    text-align: right;
}
.add_info__table tr:nth-child(2n+1) {
    background: rgba(136, 136, 136, 0.1);
}
.similar,
.discounts {
    margin: 40px auto 0;
    padding: 0 15px;
}
.similar__title,
.discounts__title {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    display: inline-block;
}
.similar__link,
.discounts__link {
    font-size: 13px;
    text-transform: uppercase;
    color: #4B83E5;
    font-weight: bold;
    display: inline-block;
    margin-left: 10px;
}
.similar__link i,
.discounts__link i  {
    position: relative;
    left: 0;
    font-size: 20px;
    margin-left: 5px;
    vertical-align: middle;
}
.similar__wrapper {
    display: inline-block;
}
.similar_block__item {
    background: #FFFFFF;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    display: inline-block;
    width: 135px;
    margin-right: 15px;
    margin-bottom: 15px;
    vertical-align: top;
    text-align: left;
}

.similar_block__item__image {
    width: 100%;
    height: 135px;
    background-size: auto;
}
.similar_block__item__title {
    margin: 10px 10px 5px;
    font-size: 12px;
    color: #4B83E5;
    line-height: normal;
}
.similar_block__item__text {
    font-size: 12px;
    color: #888888;
    margin: 5px 10px;
}
.similar_and_discounts_block a.similar_block__item:hover {
    text-decoration: none;
}
.similar_and_discounts_block a.similar_block__item:hover h3 {
    text-decoration: underline;
}
.discount_block__item {
    display: block;
    background: #ffffff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
    padding: 10px;
    width: 100%;
    margin-bottom: 15px;
}
.discount_block__item__image {
    width: 110px;
    height: 78px;
    display: inline-block;
}
.discount_block__item__title {
    display: inline-block;
    width: 140px;
    margin-left: 10px;
    font-size: 12px;
    line-height: normal;
    vertical-align: top;
    margin-top: 15px;
    color: #000000;
    font-weight: bold;
}
.discount_block__item p {
    margin: 0;
    font-size: 12px;
    line-height: normal;
}
.discount_block__item__period {
    font-weight: bold;
    color: #000000;
    float: left;
}
.discount_block__item__days {
    color: #888888;
    float: right;
}
@media only screen and (min-width: 550px) {
    .similar__title,
    .discounts__title {
        font-size: 20px;
    }
    .similar__link,
    .discounts__link {
        margin-top: 7px;
        float: right;
    }
    .similar__wrapper {
        width: 100%;
    }
    .similar_and_discounts_block .similar_block__item {
        width: 120px;
        min-height: 80px;
    }
    .similar_block__item:last-child,
    .similar_block__item:nth-last-child(2) {
        display: none;
    }
    .similar_and_discounts_block .similar_block__item {
        margin-right: 5px;
    }
    .similar_block__item:nth-last-child(3) {
        margin-right: 0;
    }
    .discount_block__item {
        padding-right: 25px;
    }
    .discount_block__item__image {
        width: 120px;
        height: 86px;
    }
    .discount_block__item__title {
        width: 250px;
        margin-left: 20px;
        font-size: 14px;
        margin-top: 25px;
    }
    .discount_block__item p {
        font-size: 13px;
    }
    .discount_block__item__wrapper {
        display: inline-block;
        vertical-align: top;
        margin-top: 15px;
        float: right;
        width: 85px;
        text-align: center;
    }
    .discount_block__item__period {
        float: none;
    }
    .discount_block__item__days {
        float: none;
    }
}
@media (min-width: 768px) {
    .seedcard_page__info {
        margin: 0 15px;
    }
    .seedcard_page__header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .seedcard_page__header__title {
        font-size: 22px;
    }
    .seedcard_page__info_main {
        display: flex;
        justify-content: space-between;
        padding-top: 15px;
    }
    .seedcard_page__info_main__image {
        height: 205px;
        width: 155px;
        min-width: 155px;
        margin: 0;
        margin-right: 15px;
    }
    .mobile-table {
        display: none;
    }
    .desktop-table {
        display: table;
    }
    .main-row {
        width: 50%;
    }
    .desktop-table td {
        word-break: break-word;
    }
    .desktop-table td {
        padding: 0;
    }
    .desktop-table table td {
        padding: 15px 0;
    }
    .desktop-table table tr {
        border-top: 1px solid rgba(136, 136, 136, 0.1);
    }
    .desktop-table .desktop-table__first-row tr {
        border-top: none;
    }
    .seedcard_page__info_main table td:first-child {
        padding-right: 10px;
    }
    .seedcard_page__info_main table td:nth-child(2) {
        padding-left: 10px;
    }
    .seedcard_page__info_agro,
    .seedcard_page__info_crop {
        margin-top: 40px;
    }
    .seedcard_page__info.seedcard_page__info_agro {
        margin-right: 20px;
    }
    .seedcard_page__info_agro h2,
    .seedcard_page__info_crop h2 {
        font-size: 14px;
        display: inline-block;
    }
    .seedcard_page__info_agro__wrapper {
        border-top: 2px solid #4B83E5;
    }
    .seedcard_page__info_crop__wrapper {
        border-top: 2px solid #1EAA48;
    }
    .seedcard_page__info_agro td,
    .seedcard_page__info_crop td {
        font-size: 13px;
    }
    .seedcard_page__info_crop__wrapper,
    .seedcard_page__info_agro__wrapper {
        padding: 5px 20px;
    }
    .seedcard_page__info_crop table,
    .seedcard_page__info_agro table {
        width: 100%;
        box-sizing: border-box;
        margin: 0;
    }
    .seedcard_page__info_crop table td:first-child,
    .seedcard_page__info_agro table td:first-child {
        padding-right: 25px;
    }
    .seedcard_page__distributors__title {
        margin-bottom: 20px;
        font-size: 20px;
    }
    .distributor-item {
        position: relative;
        padding: 10px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin: 0 15px 10px;
    }
    .distributor-item header {
        width: 300px;
    }
    .distributor-item__logo {
        width: 108px;
        height: 72px;
    }
    .distributor-item__title {
        margin-bottom: 25px;
    }
    .distributor-item span {
        display: none;
    }
    .distributor-item__delivery p {
        font-size: 13px;
        margin-top: 7px;
    }
    .distributor-item__price {
        position: absolute;
        top: 10px;
        right: 0;
    }
    .distributor-item__price p {
        margin: 10px;
        margin-bottom: 10px;
    }
    .distributor-item__button {
        margin-top: 40px;
        padding: 8px 15px;
        display: inline-block;
    }
    .seedcard_page__header__print:hover, .distributor-item__button:hover {
        background: #4b83e5;
        color: #ffffff;
        text-decoration: none;
    }
    .distributor-item__button__wrapper {
        width: 210px;
        text-align: right;
    }
    .distributor-item__contacts {
        margin-top: 40px;
    }
    .distributor-item__contacts__phone,
    .distributor-item__contacts__email {
        font-size: 13px;
        text-align: right;
    }
    .distributor-item__contacts__phone {
        margin-bottom: 10px;
    }
    .add_info h2,
    .add_info__text h3 {
        font-size: 20px;
    }
    .add_info__text h4 {
        font-size: 16px;
        margin-top: 20px;
    }
    .add_info__text p {
        font-size: 14px;
        margin-top: 15px;
    }
    .add_info__text ul li span {
        font-size: 14px;
        color: #000000;
    }
    .add_info__table {
        margin: 0 15px;
    }
    .similar_and_discounts_block .similar_block__item {
        width: 157px;
        margin-right: 10px;
        min-height: 80px;
    }
    .similar_block__item__image {
        width: 100%;
        height: 169px;
    }
    .similar_block__item:nth-last-child(3) {
        margin-right: 0;
    }
    .discount_block__item__title {
        width: 350px;
    }
}
@media (min-width: 959px) {
    .add_info__text {
        max-width: 58%;
    }
    .seedcard_page__info {
        margin: 0 17px;
    }
    .seedcard_page__header__title {
        font-size: 26px;
    }
    .seedcard_page__info_main__image {
        height: 165px;
        width: 161px;
        min-width: 161px;
    }
    .seedcard_page__info td {
        font-size: 13px;
    }
    .seedcard_page__info_main table td:first-child {
        padding-right: 15px;
    }
    .seedcard_page__info_main table td:nth-child(2) {
        padding-left: 15px;
    }
    .seedcard_page__info__wrapper {
        display: flex;
    }
    .seedcard_page__info_agro .desktop-table {
        display: none;
    }
    .seedcard_page__info_agro .mobile-table {
        display: table;
    }
    .seedcard_page__info_agro .mobile-table tr:first-child {
        border-top: none;
    }
    .seedcard_page__info_agro,
    .seedcard_page__info_crop {
        margin-top: 35px;
    }
    .seedcard_page__info_agro {
        width: 33%;
    }
    .seedcard_page__info_crop {
        width: 66%;
    }
    .distributor-item {
        margin: 0 17px 10px;
    }
    .seedcard_page__distributors__title {
        font-size: 24px;
        margin: 0 17px 20px;
    }
    .distributor-item__logo {
        width: 85px;
        height: 57px;
    }
    .distributor-item__delivery p {
        font-size: 14px;
    }
    .distributor-item__price {
        display: block;
    }
    .distributor-item__price {
        position: static;
    }
    .distributor-item__button {
        margin-top: 15px;
        font-size: 13px;
        display: inline-block;
    }
    .distributor-item__contacts {
        margin-top: 0;
    }
    .add_info__wrapper {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .add_info h2 {
        margin: 0 0px;
        font-size: 24px;
    }
    .add_info__text {
        margin: 0 0px;
    }
    .add_info__text h3 {
        font-size: 18px;
    }
    .add_info__text h4 {
        font-size: 16px;
    }
    .add_info__table {
        margin-top: 20px;
        width: 395px;
        flex-shrink: 0;
    }
    .similar_and_discounts_block {
        padding: 0 0px;
    }
    .similar,
    .discounts {
        padding: 0;
        width: 100%;
    }
    .similar {
        float: left;
        padding-right: 10px;
    }
    .discounts {
        float: right;
        padding-left: 10px;
    }
    .similar__title,
    .discounts__title {
        font-size: 24px;
    }
    .similar_block__item__title {
        font-size: 14px;
    }
    .similar__link,
    .discounts__link {
        float: none;
    }
    .similar_and_discounts_block .similar_block__item {
        width: 130px;
        margin-right: 15px;
        min-height: 80px;
    }
    .similar_block__item__image {
        width: 100%;
        height: 138px;;
    }
    .similar_block__item:last-child,
    .similar_block__item:nth-last-child(2) {
        display: inline-block;
    }
    .similar_block__item:nth-child(6) {
        margin-right: 0;
    }
    .discount_block__item {
        padding-right: 14px;
        width: 49%;
        display: inline-block;
    }

    .discount_block__item:nth-child(even) {
        float: right;
    }
    .discount_block__item:hover .discount_block__item__title {
        color: #4B83E5;
    }
    a.discount_block__item:hover {
        text-decoration: none;
    }
    .discount_block__item__image {
        width: 100px;
        height: 70px;
    }
    .discount_block__item__title {
        width: 170px;
        margin-left: 15px;
        margin-top: 10px;
    }
    .discount_block__item p {
        font-size: 14px;
    }
    .discount_block__item__wrapper {
        margin-top: 10px;
        width: 100px;
    }
}
@media (min-width: 1170px) {
    .seedcard_page__info {
        margin: 0 0px 0 0;
    }
    .seedcard_page__info_main {
        padding-bottom: 5px;
    }
    .seedcard_page__info_main__image {
        width: 155px;
        min-width: 155px;
        height: 205px;
    }
    .seedcard_page__info_agro,
    .seedcard_page__info_crop {
        margin-top: 40px;
    }
    .distributor-item {
        margin: 0 0px 10px;
    }
    .distributor-item__contacts__phone,
    .distributor-item__contacts__email {
        font-size: 14px;
    }
    .seedcard_page__distributors__title {
        font-size: 24px;
        margin: 0 0px 20px;
    }
    .add_info__table {
        width: 445px;
        flex-shrink: 0;
    }
    .similar_block__item__text {
        font-size: 14px;
    }
}
@media only screen and (min-width: 1500px) {
    .discount_block__item__title {
        width: 230px;
    }
    .similar_and_discounts_block .similar_block__item {
        width: 158px;
        margin-right: 17px;
        min-height: 80px;
    }
    .similar_block__item:nth-child(6) {
        margin-right: 0;
    }
    .similar_block__item:nth-child(12) {
        margin-right: 0;
    }
    .similar_block__item__image {
        width: 100%;
        height: 160px;
    }
    .discount_block__item {
        padding: 15px;
        margin-bottom: 30px;
    }
}

/* ==========================================================================
 banner video
========================================================================== */

.block-video {
    clear: both;
    display: inline-block;
    margin-top: 20px;
}
.block-video__left {
    width: 50%;
    display: inline-block;
    float: left;
}
.block-video__right {
    width: 49%;
    display: inline-block;
    float: left;
    padding-left: 20px;
}

/* ==========================================================================
END banner video
========================================================================== */

@media (max-width: 768px) {
    .block-video__left, .block-video__right {
        width: 100%;
        padding-left: 0px;
    }
    body.is-overflow .integration-container .header{
        z-index: 700;
    }
}

@media (max-width: 991px) {
    .sidebar_calc .block_title {
      margin-top: 30px;
    }
}