@import "https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,900&display=swap&subset=latin-ext";
    a {
        color: #2e6762;
    }
    
    .eclips {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    
    .rel {
        position: relative;
    }
    
    .abs {
        position: absolute;
    }
    
    .hide {
        overflow: hidden;
    }
    
    .block {
        display: block;
    }
    
    .fixed {
        position: fixed;
    }
    
    .none {
        display: none;
    }
    
    .col {
        flex: 1;
    }
    
    .col.c2 {
        flex: 2;
    }
    
    .flex {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }
    
    *,
    *:active,
    *:hover {
        outline: none!important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    /*-------------------FONTS-----------------------*/
    
    .wrapper {
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0 20px;
        max-width: 1300px;
    }
    
    a {
        text-decoration: none;
    }
    
    a:hover {
        text-decoration: underline;
    }
    
    a,
    p,
    span,
    button,
    input,
    a:hover,
    button:focus,
    input:focus {
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }
    
    a,
    p,
    span,
    li,
    h1,
    h2,
    h3,
    h4 {
        font-family: 'Roboto', sans-serif;
    }
    
    input:focus,
    select:focus,
    textarea:focus {
        outline: 1px solid #2f428e;
    }
    
     ::-webkit-input-placeholder {
        font-size: 13px;
    }
    
     ::-moz-placeholder {
        font-size: 13px;
    }
    
     :-moz-placeholder {
        font-size: 13px;
    }
    
     :-ms-input-placeholder {
        font-size: 13px;
    }
    
    input:focus::-webkit-input-placeholder {
        color: #d4d4d4!important;
    }
    
    input:focus::-moz-placeholder {
        color: #d4d4d4!important;
    }
    
    input:focus:-moz-placeholder {
        color: #d4d4d4!important;
    }
    
    input:focus:-ms-input-placeholder {
        color: #d4d4d4!important;
    }
    
    input:-webkit-autofill,
    textarea:-webkit-autofill,
    select:-webkit-autofill {
        background-color: #000!important;
        background-image: none;
        color: #fff!important;
        -webkit-box-shadow: inset 0 0 0 50px #000 !important;
        -webkit-text-fill-color: #fff !important;
    }
    
    .customfile-wrap {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }
    
    .customfile-container label:first-child {
        width: 100px;
        display: block;
        margin-bottom: .5em;
        font: bold 18px Arial, sans-serif;
        color: #333;
    }
    
    .customfile-filename {
        width: 230px;
        padding: .4em .5em;
    }
    
    .customfile-filename:focus {
        outline: none;
    }
    
     ::-webkit-scrollbar-button {
        width: 4px;
        height: 0px;
    }
    
     ::-webkit-scrollbar-track {
        background-color: #d6d6d6;
        box-shadow: 0px 0px 3px #000 inset;
    }
    
     ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 5px;
        border-radius: 5px;
        box-shadow: 0px 1px 1px #fff inset;
        background: #464a56;
    }
    
     ::-webkit-resizer {
        background-image: url('');
        background-repeat: no-repeat;
        width: 5px;
        height: 0px;
    }
    
     ::-webkit-scrollbar {
        width: 6px;
    }
    
    .file-upload {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        width: 100%;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    .file-upload .col {
        flex: 100%;
        padding-right: 50px;
        margin-bottom: 5px;
    }
    
    .file-upload .col h4 {
        color: #4f5374;
        font-size: 16px;
        padding-bottom: 10px;
        margin-bottom: 5px;
    }
    
    .file-upload .col.video {
        margin-left: 30px;
        padding-left: 40px;
        padding-top: 30px;
    }
    
    .file-upload .col.video .customfile-wrap {
        position: relative;
        margin-bottom: 20px;
    }
    
    .file-upload .col.video .customfile-wrap input {
        opacity: 0;
    }
    
    .file-upload .col.video .customfile-wrap button {
        max-width: 250px;
        overflow: hidden;
        position: absolute;
        width: 100%;
        height: 100%;
        border: 2px solid #e0e2e9;
        background: #f0f1f4;
        text-indent: 1000%;
        z-index: 9;
    }
    
    .file-upload .col.video .customfile-wrap button:before {
        content: 'Загрузить видео';
        width: 100px;
        position: absolute;
        color: #7c7e8f;
        font-weight: bold;
        white-space: nowrap;
        width: 200px;
        display: block;
        text-indent: 0;
        left: 40px;
    }
    
    .file-upload .col.video .customfile-wrap button:after {
        z-index: 10;
        content: '';
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100px;
        left: -1px;
        top: -1px;
        width: 48px;
        height: 48px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        display: block;
        line-height: 48px;
        text-align: center;
        border: 3px solid #afb3c3;
        position: absolute;
        color: #7c7e8f;
        font-weight: bold;
    }
    
    .file-upload .col.video .customfile-wrap button:hover {
        background: #d4d7e0;
    }
    
    .customfile-container {
        padding-bottom: 8px;
        margin-top: 8px;
        height: 30px;
        width: 100%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        position: relative;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    
    .customfile-container input {
        margin: 0;
        min-width: 160px;
        width: 100%;
        margin-left: -3px;
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        -o-order: 2;
        order: 2;
        height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-border-radius: 5px !important;
        -moz-border-radius: 5px !important;
        border-radius: 5px !important;
        border: 1px solid #e0e6ef;
        z-index: 1;
        padding: 5px 10px;
    }
    
    .customfile-container button {
        padding: 0 10px;
        height: 30px;
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        -o-order: 1;
        order: 1;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        left: 0;
        top: 0;
        z-index: 2;
        background: #dee1ed;
        white-space: nowrap;
        color: #5e647e;
        font-size: 12px;
        cursor: pointer;
        font-weight: bold;
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
    }
    
    .customfile-container button:hover {
        color: #fff;
        background-color: #626cdd;
    }
    
    .customfile-container span.btn {
        margin-left: 15px;
        font-size: 18px;
        height: 30px;
        line-height: 30px;
        flex: 0 0 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    html {
        height: 100%;
    }
    
    body {
        padding: 0;
        margin: 0;
        font: 13px/20px 'Roboto', sans-serif;
        /*max-width: 680px; */
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    ul,
    li,
    em,
    strong,
    pre,
    code {
        padding: 0;
        margin: 0;
        font-size: 100%;
        font-weight: normal;
        font-style: normal;
    }
    
    table {
        font-size: inherit;
        font: 100%;
        /*border-collapse:collapse;border-spacing: 0;*/
        ;
    }
    
    ul {
        list-style: none;
    }
    
    * {
        outline: none;
    }
    
    fieldset,
    img {
        border: 0;
        margin: 0px;
        padding: 0px;
    }
    
    p {
        margin: 0;
    }
    
    a:focus,
    a:active,
    a:hover {
        outline: none;
    }
    
    html,
    body,
    table {
        height: 100%;
        width: 100%;
    }
    
    textarea {
        padding: 1px 0 1px 5px;
    }
    
    option {
        padding: 0 0 1px 5px;
    }
    
    input[type='hidden'] {
        display: none;
    }
    
    input[type='button'],
    input[type='submit'],
    input[type='checkbox'],
    input[type='image'],
    input[type='radio'],
    input[type='reset'],
    select,
    button {
        cursor: pointer;
    }
    
    @resetforms {
        font: 100% arial, sans-serif;
        vertical-align: middle;
    }
    
    .clear:after {
        display: block;
        clear: both;
        content: '';
    }
    
    a:focus,
    a:active,
    a:hover,
    p:focus,
    p:active,
    p:hover,
    li:focus,
    li:active,
    li:hover,
    span:focus,
    span:active,
    span:hover,
    input:focus,
    input:active,
    input:hover {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
    }
    
    .s4 .col {
        flex: 25%;
    }
    
    .s3 .col {
        max-width: 33%;
        min-width: 250px;
        padding: 0 10px;
    }
    
    .kategory .col {
        max-width: 275px;
    }
    
    body {
        background-color: #f3f3f3;
        margin: auto;
    }
    
    .discount .red {
        color: #f12d2d;
    }
    
    .discount .red:before {
        background: #f12d2d;
    }
    
    .blackgradient {
        background: rgba(0, 0, 0, 0.5);
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7), rgba(8, 8, 8, 0.2));
        background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.7), rgba(8, 8, 8, 0.2));
        background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(8, 8, 8, 0.2));
    }
    
    .dropdown-content {
        display: none;
    }
    
    .component {
        flex-wrap: wrap;
        display: flex;
        max-width: 1300px;
        margin: auto;
    }
    
    .component.smi {
        max-width: 1250px;
    }
    
    h3 {
        font-size: 32px;
        color: #1a2321;
        font-weight: 700;
        margin-bottom: 15px;
        padding-top: 30px;
        padding-bottom: 15px;
        line-height: 30px;
        width: 100%;
    }
    
    h3:before {
        content: '';
        width: 8px;
        height: 27px;
        background: #1a2321;
        float: left;
        margin-right: 7px;
    }
    
    h3.green:before {
        background: #1d7f69;
    }
    
    h3.darkgreen:before {
        background: #0e4620;
    }
    
    h3.blue:before {
        background: #03799d;
    }
    
    .red-title {
        color: #fe0000;
    }
    
    .red-title:before {
        background: #fe0000;
    }
    
    .orange-title {
        color: #b19226;
    }
    
    .orange-title:before {
        background: #b19226;
    }
    
    .blue-title {
        color: #3b8494;
    }
    
    .blue-title:before {
        background: #3b8494;
    }
    
    .cyan-title {
        color: #14619c;
    }
    
    .cyan-title:before {
        background: #14619c;
    }
    
    .shops h4,
    .last-in-kat h4,
    .discount h4 {
        padding-top: 10px!important;
    }
    
    h1 {
        color: #353c3a;
        font-size: 24px;
        font-weight: bold;
        padding-bottom: 20px;
    }
    
    h4 {
        font-size: 14px;
        color: #1a2321;
        line-height: 22px;
        font-weight: 700;
        margin-bottom: 15px;
        padding-top: 30px;
        width: 100%;
        display: flex;
        text-transform: uppercase;
    }
    
    h4:before {
        content: '';
        width: 6px;
        height: 20px;
        background: #1a2321;
        float: left;
        margin-right: 7px;
    }
    
    h4 .bread {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        margin-left: 20px;
    }
    
    h4 .bread a {
        color: #363735;
        text-transform: none;
    }
    
    h4 .bread a:after {
        content: '';
        width: 5px;
        height: 5px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        display: block;
        line-height: 5px;
        text-align: center;
        background: #363735;
        float: right;
        margin: 8px;
    }
    
    h5 {
        font-size: 13px;
        font-weight: bold;
        text-transform: uppercase;
    }
    
    h5:before {
        content: '';
        width: 4px;
        height: 13px;
        background: #1a2321;
        float: left;
        margin-right: 5px;
        margin-top: 3px;
    }
    
    #poll-container h4 {
        color: #716b6b;
        font-size: 18px;
        text-transform: none;
        padding-top: 10px;
    }
    
    #poll-container h4:before {
        display: none;
    }
    
    #poll-container p {
        font-size: 15px;
        margin-bottom: 10px;
    }
    
    #poll-container input {
        margin-right: 10px;
    }
    
    #poll-container input[type="submit"] {
        margin-top: 20px;
        padding: 10px 25px;
        font-size: 16px;
        background: #dcdada;
        border: none;
    }
    
    .quest {
        background: #f2f2f2;
        overflow: hidden;
        max-width: 400px;
        padding: 30px 20px;
    }
    
    .quest p {
        font-style: italic;
        font-size: 18px;
        line-height: 24px;
        font-weight: 300;
    }
    
    .quest .action-person {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: flex-start;
        align-items: flex-start;
        margin-bottom: 15px;
        padding-top: 15px;
    }
    
    .quest .action-person .round-img {
        width: 110px;
        height: 110px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        display: block;
        line-height: 110px;
        text-align: center;
        margin-right: 15px;
        margin-top: -10px;
        overflow: hidden;
    }
    
    .quest .action-person .round-img img {
        width: 140%;
    }
    
    .quest .action-person span {
        color: #03799d;
        font-weight: 600;
        font-size: 14px;
    }
    
    .quest .action-person strong {
        color: #717978;
        font-weight: 600;
        font-size: 14px;
    }
    
    .quest .action-person p {
        font-weight: 600;
        font-size: 19px;
        line-height: 24px;
        font-style: normal;
    }
    
    .shops-tab,
    .kat-menu {
        width: 100%;
        margin-bottom: 25px;
    }
    
    .shops-tab .tabs,
    .kat-menu .tabs {
        display: flex;
        width: 100%;
        overflow: hidden;
    }
    
    .shops-tab .tabs li,
    .kat-menu .tabs li {
        border: 1px solid #d0d0d0;
        border-radius: 2px;
        margin-right: 5px;
    }
    
    .shops-tab .tabs li a,
    .kat-menu .tabs li a {
        color: #747474;
        padding: 10px 20px;
        white-space: nowrap;
        line-height: 30px;
    }
    
    .shops-tab .tabs li a.active,
    .kat-menu .tabs li a.active {
        background: #d0d0d0;
    }
    
    .shops-tab .tabs li:hover,
    .kat-menu .tabs li:hover {
        background: rgba(208, 208, 208, 0.5);
    }
    
    .shops-tab .tabs li:hover a,
    .kat-menu .tabs li:hover a {
        text-decoration: none;
    }
    
    .shops-tab .tabs li.indicator,
    .kat-menu .tabs li.indicator {
        display: none;
    }
    
    .kat-menu {
        margin-bottom: 0;
    }
    
    .showcase-prod h4 {
        padding-top: 10px;
    }
    
    .showcase-prod .market .case {
        border: 1px solid #c6c8c8;
        width: 147px;
        padding: 10px;
        height: 196px;
    }
    
    .showcase-prod .market .case img {
        margin-bottom: 5px;
    }
    
    .showcase-prod .market .case strong {
        font-weight: 900;
        font-size: 15px;
    }
    
    .showcase-prod .market .case p {
        color: #8e8e8e;
        line-height: 14px;
        margin-top: 5px;
    }
    
    p.title {
        color: #676767;
        font-size: 16px;
        margin-bottom: 15px;
    }
    
    .shops .tab-case {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    
    .shops .tab-case .showcase {
        flex: 1;
        border: 1px solid #c6c6c6;
        padding: 7px;
        max-width: 175px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    
    .shops .tab-case .showcase .logo-shop {
        background: #f3f3f3;
        flex: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    
    .shops .tab-case .showcase .logo-shop img {
        border: none;
        width: auto;
    }
    
    .shops .tab-case .showcase a {
        width: 48%;
    }
    
    .shops .tab-case .showcase a img {
        border: 1px solid #c6c6c6;
        width: 100%;
    }
    
    .shops .case {
        text-align: center;
        border: 1px solid #ccc;
        margin: 0 5px;
        overflow: hidden;
        height: 200px;
        position: relative;
    }
    
    .shops .case img {
        margin-bottom: 10px;
        margin: 0 5px;
    }
    
    .direct .col {
        text-align: center;
        border-bottom: 1px solid #ccc;
        padding-bottom: 0px;
    }
    
    .subscription .greymail {
        background: #cbcbcb!important;
        padding: 10px 20px!important;
    }
    
    .subscription .greymail p {
        color: #3a4140;
        font-size: 16px;
        background: url(../images/mail.png) no-repeat 0px center;
        padding-left: 60px;
        line-height: 50px;
    }
    
    .subscription .greymail a {
        background: #a63737;
        padding: 0 20px;
        line-height: 50px;
        color: #fff;
        font-weight: 500;
        border-radius: 5px;
    }
    
    .subscription .greymail a:hover {
        text-decoration: none;
        background: #922323;
    }
    
    .showcase-prod .owl-nav,
    .discount .owl-nav {
        height: 0;
        z-index: 99;
    }
    
    .showcase-prod .owl-nav .owl-prev,
    .discount .owl-nav .owl-prev {
        display: none;
    }
    
    .showcase-prod .owl-nav .owl-next,
    .discount .owl-nav .owl-next {
        margin-top: 116px;
        opacity: 1;
    }
    
    .showcase-prod .owl-nav .owl-next span,
    .discount .owl-nav .owl-next span {
        color: #020202;
        border-radius: 50%;
        background: #fff;
        box-shadow: -2px 3px 15px rgba(0, 0, 0, 0.5);
        opacity: 1;
        display: block;
        width: 40px;
        height: 40px;
        line-height: 37px;
        font-size: 37px;
        text-align: center;
    }
    
    .showcase-prod .owl-carousel:before,
    .discount .owl-carousel:before {
        content: '';
        width: 30px;
        height: 100%;
        right: -15px;
        background: url(../images/shadow.png) no-repeat;
        position: absolute;
        z-index: 1;
        top: 0px;
    }
    
    .dis .case {
        border: 1px solid #c6c8c8;
        padding: 10px;
        width: 120px;
    }
    
    .dis span {
        font-size: 13px;
        padding-top: 10px;
        padding-bottom: 12px;
        line-height: 16px;
        display: block;
    }
    
    .dis .select-pride {
        background: #8f3333;
        color: #fff;
        text-align: center;
        padding: 2px;
    }
    
    .bottom-row {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }
    
    .last-topic {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    .item-news {
        padding-bottom: 10px;
        margin-bottom: 10px;
        position: relative;
        min-height: 250px;
    }
    
    .item-news .bottom-row {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        width: 100%;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        position: absolute;
        bottom: 5px;
        color: #b0b0b0;
    }
    
    .item-news .bottom-row .socialblock a:before {
        color: #b0b0b0;
        font-size: 13px;
        width: 19px;
        height: 19px;
    }
    
    .item-news p {
        font-weight: bold;
    }
    
    .item-news a {
        font-weight: bold;
        color: #000;
    }
    
    .item-news a:hover {
        text-decoration: none;
        color: #2e6762;
    }
    
    .item-news .preimg {
        height: 150px;
    }
    
    .item-news .preimg img {
        width: 100%;
    }
    
    .item-news.cover .bottom-row {
        top: 0!important;
        background: rgba(0, 0, 0, 0.6);
        padding: 5px;
        color: #fff;
        height: 30px;
    }
    
    .item-news.cover .preimg {
        height: 250px;
    }
    
    .item-news.cover .pre-text {
        color: #fff;
        height: 60px;
        margin-top: -63px;
        overflow: hidden;
        background: rgba(0, 0, 0, 0.6);
        padding: 10px;
        position: relative;
        z-index: 20;
    }
    
    .item-news.cover .pre-text a {
        color: #fff;
    }
    
    .item-news.cover2 {
        padding-bottom: 0px;
    }
    
    .item-news.cover2 .bottom-row {
        position: relative;
        z-index: 20;
        padding: 5px;
        padding: 2px 10px;
        color: #fff;
        height: 30px;
    }
    
    .item-news.cover2 .preimg {
        height: 230px;
    }
    
    .item-news.cover2 .preimg img {
        width: 100%;
    }
    
    .item-news.cover2 .preimg:before {
        content: '';
        display: block;
        width: 100%;
        height: 80px;
        position: absolute;
        bottom: 0px;
        z-index: 10;
        background-color: transparent!important;
        background-color: rgba(0, 0, 0, 0.9);
        background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)) !important;
        background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)) !important;
        background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)) !important;
        background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)) !important;
        background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)) !important;
    }
    
    .item-news.cover2 .pre-text {
        color: #fff;
        height: 48px;
        line-height: 17px;
        margin-top: -85px;
        overflow: hidden;
        padding: 10px;
        position: relative;
        z-index: 20;
    }
    
    .item-news.cover2 .pre-text a {
        color: #fff;
        height: 30px;
        overflow: hidden;
        display: block;
    }
    
    .last-in-kat {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        width: 100%;
    }
    
    .last-in-kat .s2 {
        border-bottom: 1px solid #ccc;
        margin-bottom: 25px;
    }
    
    .last-in-kat .s2 .col {
        height: auto;
        margin-bottom: 0;
    }
    
    .last-in-kat .s2 .item-news {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
        height: 450px;
    }
    
    .last-in-kat .s2 .item-news img {
        width: 100%;
    }
    
    .last-in-kat .s2 h4 {
        font-size: 12px;
        margin-bottom: 9px;
    }
    
    .last-in-kat .s2 h4:before {
        width: 5px;
        margin-top: 3px;
        height: 14px;
    }
    
    .last-in-kat .s2 .des-text a {
        color: #1a2321;
        font-size: 22px;
        line-height: 34px;
        font-weight: 600;
        display: block;
        padding-bottom: 10px;
    }
    
    .last-in-kat .s2 .des-text p {
        font-weight: 400;
    }
    
    .last-in-kat .col {
        padding: 0 20px;
        height: 190px;
        margin-bottom: 15px;
    }
    
    .last-in-kat .col:first-child {
        padding-left: 0;
    }
    
    .last-in-kat .col.center {
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }
    
    .last-in-kat .wrapper {
        padding: 10px 30px!important;
    }
    
    .last-in-kat .item-news {
        height: 50%;
        border-bottom: 1px solid #b2b3b3;
        min-height: 49%;
    }
    
    .last-in-kat .item-news .time {
        white-space: nowrap;
    }
    
    .last-in-kat .item-news .preimg {
        height: 200px;
    }
    
    .last-in-kat .item-news .preimg img {
        width: 100%;
    }
    
    .last-in-kat .item-news .pre-text+.bottom-row {
        top: 0!important;
        padding: 5px;
        color: #fff;
        height: 30px;
        background: #000000;
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
    }
    
    .last-in-kat .item-news .pre-text+.bottom-row .socialblock a:before {
        color: #fff;
    }
    
    .last-in-kat .item-news .pre-text {
        background: rgba(0, 0, 0, 0.6);
        padding: 10px;
        position: relative;
        margin-top: -60px;
        font-weight: bold;
        font-size: 13px;
        margin-bottom: 10px;
    }
    
    .last-in-kat .item-news .pre-text a {
        color: #fff;
        height: 60px;
        overflow: hidden;
    }
    
    .date {
        color: #686e6d;
        font-size: 12px;
    }
    
    .rss {
        height: 38px;
        border-bottom: 1px solid #d0d0d0;
        padding-top: 10px;
        position: relative;
    }
    
    .rss-history {
        background: #fff;
        z-index: 9999;
        position: absolute;
        top: 50px!important;
        max-width: 1200px!important;
        margin: auto;
        left: 0;
        right: 0;
        width: 100%!important;
        padding: 20px!important;
        box-shadow: 2px 7px 10px rgba(0, 0, 0, 0.2);
        overflow-y: auto;
        max-height: 400px!important;
    }
    
    .rss-history a {
        margin-bottom: 5px;
        overflow: hidden;
        height: 18px;
        text-overflow: ellipsis;
        display: block;
        white-space: nowrap;
    }
    
    .rss .wrapper:before {
        content: "\f116";
        font-size: 22px;
        margin-left: 35px;
        color: #929191;
        font-family: Flaticon;
    }
    
    .rss .rss-string {
        color: #707070;
        border-left: 1px solid #ccc;
        font-size: 14px;
    }
    
    .rss .rss-string:before {
        content: '';
        height: 25px;
        position: absolute;
        width: 70px;
        left: 0;
        top: 0;
        z-index: 20;
        background: rgba(255, 255, 255, 0.3);
        background: -webkit-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0.2));
        background: -moz-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0.2));
        background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0.2));
    }
    
    .rss .rss-string:after {
        content: '';
        height: 25px;
        position: absolute;
        width: 50px;
        right: 0;
        top: 0;
        z-index: 20;
        background: rgba(255, 255, 255, 0.2);
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.2), #ffffff);
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.2), #ffffff);
        background: linear-gradient(to right, rgba(255, 255, 255, 0.2), #ffffff);
    }
    
    .rss .rss-triger {
        width: 19px;
        margin-right: 20px;
        cursor: pointer;
        height: 27px;
        transform: rotate(90deg);
    }
    
    .rss .rss-triger:before {
        content: "\f117";
        font-family: Flaticon;
        color: #a0a0a0;
    }
    
    .best-articles {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    
    .best-articles p {
        font-weight: bold;
        font-size: 24px;
        color: #333;
        padding-bottom: 10px;
        border-bottom: 1px solid #989595;
        margin-bottom: 10px;
    }
    
    .best-articles a {
        width: 100%;
        font-size: 16px;
        font-weight: 500;
        color: #797878;
        display: block;
        margin-top: 10px;
    }
    
    .owl-nav button {
        opacity: 0.5;
    }
    
    .owl-nav button:hover {
        opacity: 1;
    }
    
    header,
    .rss {
        background-color: #fff;
    }
    
    .setting {
        color: #9a9a9a;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
        margin-right: 30px;
    }
    
    .setting .account {
        margin-right: 17px;
        width: 22px;
        height: 22px;
    }
    
    .setting .account:before {
        content: "\f104";
        color: #9e9e9e;
        font-weight: 500;
        font-size: 28px;
        font-family: Flaticon;
    }
    
    .setting .search-ico {
        width: 22px;
        height: 22px;
    }
    
    .setting .search-ico:before {
        content: "\f103";
        color: #9e9e9e;
        font-weight: 500;
        font-size: 28px;
        font-family: Flaticon;
    }
    
    footer {
        background: #cbcbcb;
    }
    
    footer .wrapper {
        padding: 20px;
    }
    
    footer p {
        color: #545454;
    }
    
    footer .copy {
        background: #9fa0a0;
    }
    
    footer .copy .wrapper {
        padding: 10px;
    }
    
    footer .col {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
        border-right: 1px solid #9fa0a0;
        padding-right: 30px;
    }
    
    footer .col:last-child {
        padding-left: 30px;
        border: none;
    }
    
    footer ul {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    footer ul li {
        flex: 0 0 50%;
        line-height: 30px;
    }
    
    footer ul li a {
        color: #545454;
        font-size: 14px;
    }
    
    .bottom-menu {
        margin-top: 30px;
        background: #dddddd;
        padding: 20px;
    }
    
    .bottom-menu a {
        color: #212121;
        font-size: 14px;
        font-weight: 500;
        white-space: nowrap;
    }
    
    .select-person {
        background: #fff;
    }
    
    .mnenia {
        background: #fff;
        padding-bottom: 20px;
        width: 100%;
    }
    
    .mnenia .owl-carousel {
        width: 1200px;
    }
    
    .mnenia .owl-item {
        border: 1px solid #d0d0d0;
        padding: 15px 25px;
        position: relative;
        height: 370px;
    }
    
    .mnenia .owl-item .pretitle {
        color: #363735;
        line-height: 36px;
        font-weight: 600;
        font-size: 20px;
    }
    
    .mnenia .owl-item .date {
        position: absolute;
        bottom: 15px;
        left: 20px;
    }
    
    .mnenia .owl-item .qoute {
        color: #515856;
        padding-left: 25px;
        line-height: 16px;
        font-style: italic;
    }
    
    .qoute:before {
        content: "\f100";
        transform: rotate(180deg);
        margin-right: 5px;
        margin-left: -25px;
        color: #ababab;
        font-style: normal;
        font-size: 22px;
        font-family: Flaticon;
        display: inline-block;
        width: 22px;
        height: 22px;
    }
    
    .component .wrapper {
        background: #fff;
        padding: 10px 20px 20px;
    }
    
    .select-person .col {
        flex: 25%;
        border-bottom: 1px solid #d0d0d0;
        padding-bottom: 20px;
        margin-bottom: 20px;
        padding-left: 30px;
    }
    
    .select-person .col p {
        color: #363735;
        font-size: 18px;
        font-weight: 600;
        line-height: 20px;
    }
    
    .select-person .col .num {
        float: left;
        color: #dddede;
        font-size: 32px;
        font-weight: 600;
        margin-left: -30px;
    }
    
    .select-person .col .greytitle {
        color: #909695;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 10px;
    }
    
    .row {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 100%;
    }
    
    .timire {
        border: 1px solid #d6d7d7;
        height: 40px;
        line-height: 40px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        margin-right: 10px;
    }
    
    .timire a {
        padding: 11px 15px;
        display: block;
        font-size: 12px;
        line-height: 10px;
        line-height: 18px;
        color: #a6a8ae;
    }
    
    .timire a:hover {
        text-decoration: none;
        background: #dfdfdf;
    }
    
    .timire a.active {
        background: #dfdfdf;
        color: #424959;
    }
    
    .autor-content .autor {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }
    
    .autor-content .autor .round-img {
        width: 100px;
        height: 100px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        display: block;
        line-height: 100px;
        text-align: center;
        margin: 30px;
        border: 1px solid #ccc;
        overflow: hidden;
    }
    
    .autor-content .autor-name {
        padding-top: 50px;
        line-height: 34px;
        font-size: 30px;
        font-weight: 900;
        color: #10231f;
        padding-left: 10px;
    }
    
    .autor-content .autor-des {
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid #ccc;
        font-size: 14px;
        line-height: 25px;
    }
    
    .autor-content .autor-des p {
        font-size: 14px;
        line-height: 25px;
    }
    
    .autor-content .socialblock a {
        color: #292929;
        font-weight: 400;
        font-size: 14px;
        margin-right: 10px;
    }
    
    .autor-content .socialblock a:before {
        color: #8c8888;
    }
    
    .filtr-content {
        position: relative;
    }
    
    .dropdown-content {
        top: 40px!important;
        position: absolute;
        background: #fff;
        padding: 20px;
        box-shadow: 1px 1px 10px #b1b1b1;
        height: auto!important;
    }
    
    .filtr-content .dropdown-content {
        width: 200px!important;
    }
    
    .setting .dropdown-trigger:before {
        font-family: flaticon;
        font-size: 16px;
        color: #989898;
        content: "\f123";
        margin-bottom: -10px;
        float: left;
        display: flex;
        margin-right: 5px;
    }
    
    .dropdown-trigger {
        border: 1px solid #d6d7d7;
        white-space: nowrap;
        padding: 11px 15px;
        display: block;
        line-height: 20px;
        font-size: 12px;
        height: 40px;
        color: #424959;
        font-weight: 500;
        margin-right: 10px;
    }
    
    .dropdown-trigger:hover {
        text-decoration: none;
        background: #dfdfdf;
    }
    
    .socialblock {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        position: relative;
    }
    
    .socialblock a {
        opacity: 0.6;
        color: #fff;
    }
    
    .socialblock a:before {
        display: inline-block;
        font-size: 16px;
        font-family: Flaticon;
    }
    
    .socialblock a:hover {
        opacity: 1;
    }
    
    .socialblock a.fb:before {
        content: "\f10c";
    }
    
    .socialblock a.twit:before {
        content: "\f10f";
    }
    
    .socialblock a.vk:before {
        content: "\f10b";
    }
    
    .socialblock a.ok:before {
        content: "\f112";
    }
    
    .socialblock a.more:before {
        content: "\f113";
    }
    
    .socialblock .moresoc {
        background: #ffffff;
        position: absolute;
        right: -9px;
        display: none;
        bottom: 20px;
        padding: 10px;
        box-shadow: 2px 1px 9px rgba(0, 0, 0, 0.2);
        border: 1px solid #ece9e9;
    }
    
    .socialblock .moresoc:before {
        content: '';
        background: #fff;
        border-bottom: 1px solid #e8e6e6;
        border-right: 1px solid #e8e6e6;
        width: 10px;
        height: 10px;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        bottom: -6px;
        display: block;
        transform: rotate(45deg);
    }
    
    .socialblock .more.icon:hover+.moresoc {
        display: block;
    }
    
    .social-like {
        margin-bottom: 50px;
    }
    
    .content {
        background: #fff;
        padding: 10px 30px;
        max-width: 915px;
        min-width: 900px;
        margin-bottom: 30px;
    }
    
    .content .bar {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    
    .content h1 {
        color: #1a2321;
        font-size: 20px;
        padding-bottom: 24px;
        font-weight: bold;
        padding-top: 10px;
    }
    
    .bar {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    
    .bar .istocnik {
        float: left;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        color: #003057;
        font-weight: 600;
        align-items: center;
        margin-right: 20px;
    }
    
    .bar .istocnik a:hover {
        text-decoration: none;
    }
    
    .bar .istocnik img {
        margin-right: 5px;
    }
    
    .bar .date {
        padding-top: 6px;
        float: left;
    }
    
    .big-preimg {
        overflow: hidden;
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 15px;
    }
    
    .big-preimg img {
        width: 100%;
    }
    
    .description p {
        font-size: 16px;
        line-height: 20px;
    }
    
    .description a {
        color: #0043b2;
        font-size: 15px;
    }
    
    .discount,
    .showcase-prod,
    .shops {
        max-width: 980px;
        width: 100%;
    }
    
    .more-media {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        margin-top: 10px;
    }
    
    .more-media .ico {
        margin-right: 20px;
        font-weight: 500;
        color: #787878;
    }
    
    .more-media .ico:before {
        font-family: flaticon;
        margin-right: 5px;
    }
    
    .more-media .photo:before {
        content: "\f121";
    }
    
    .more-media .video:before {
        content: "\f102";
    }
    
    .more-media .social:before {
        content: "\f102";
    }
    
    .moreevents h2 {
        font-size: 18px;
        margin-bottom: 20px;
        font-weight: bold;
        margin-top: 16px;
    }
    
    .moreevents a {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        color: #37413f;
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 10px;
    }
    
    .moreevents a span {
        display: block;
        font-size: 15px;
        color: #797979;
        font-weight: 300;
    }
    
    .moreevents a img {
        margin-right: 15px;
    }
    
    .moreevents .moreres {
        background: #d4d4d4;
        color: #37413f;
        font-weight: 400;
        text-align: center;
        padding: 10px 10px;
        width: 100%;
        margin-top: 20px;
        -webkit-justify-content: center;
        justify-content: center;
    }
    
    .moreevents .moreres:hover {
        text-decoration: none;
        background: #b9b9b9;
    }
    
    .popular {
        background: #e6e6e6;
        padding-bottom: 60px;
    }
    
    .popular a {
        text-decoration: none!important;
    }
    
    .popular h3 {
        padding-top: 50px;
        font-weight: 600;
        font-size: 28px;
    }
    
    .popular h3:before {
        display: none;
    }
    
    .popular .prepic {
        background: #0f0d0a;
        border: 1px solid #dbdbdb;
        width: 295px;
        overflow: hidden;
        height: 350px;
    }
    
    .popular .prepic img {
        overflow: hidden;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }
    
    .popular .prepic:hover {
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }
    
    .popular .prepic:hover img {
        opacity: 0.5;
    }
    
    .popular .cat-name {
        padding-bottom: 30px;
        padding-left: 20px;
        padding-right: 20px;
        color: #fff;
        font-weight: 500;
        font-size: 24px;
        margin-top: -108px;
        background-color: transparent!important;
        background-color: rgba(0, 0, 0, 0.9);
        background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)) !important;
        background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)) !important;
        background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)) !important;
        background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)) !important;
        background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1)) !important;
        position: relative;
        z-index: 20;
        padding-top: 50px;
    }
    
    .popular .owl-carousel .owl-nav span {
        font-size: 50px;
    }
    
    .center-col {
        flex: 1 1 70%;
        margin-top: 10px;
        max-width: 100%;
        margin-bottom: 20px;
    }
    
    .center-col .header-content {
        overflow: hidden;
        position: relative;
        max-width: 850px;
        max-height: 480px;
        margin-bottom: 30px;
    }
    
    .center-col .bread-category {
        margin-bottom: 10px;
    }
    
    .center-col .bread-category a {
        color: #636363;
        font-size: 14px;
        font-weight: bold;
    }
    
    .center-col .text-content p {
        margin-bottom: 10px;
        font-size: 17px;
        line-height: 22px;
    }
    
    .blog-content {
        padding-left: 40px;
    }
    
    .blog-content .title {
        font-size: 28px;
        font-weight: 600;
        line-height: 30px;
        margin-bottom: 30px;
    }
    
    .blog-content p {
        font-size: 16px;
        margin-bottom: 10px;
    }
    
    .blog-content .gall {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        margin: 20px 0;
    }
    
    .blog-content .gall.two img {
        width: 50%;
    }
    
    .blog-content blockquote {
        border-left: 4px solid #31514e;
        padding-left: 10px;
        font-weight: 500;
        font-style: italic;
    }
    
    .content.blog {
        max-width: 850px;
    }
    
    .content.blog .autor-content {
        margin-bottom: 30px;
    }
    
    .content.blog .autor-content .round-img {
        margin: 0;
        margin-right: 10px;
        width: 60px;
        height: 60px;
    }
    
    .content.blog .autor-content .autor-name {
        font-size: 20px;
        padding-top: 10px;
        font-weight: 500;
    }
    
    .direct {
        margin: 20px 0;
    }
    
    .direct img {
        width: 100%;
    }
    
    .mainews .owl-dots {
        display: block;
    }
    
    .owl-dots {
        display: none;
    }
    
    .owl-dots button {
        border: 1px solid #9a9a9a!important;
        border-radius: 50%!important;
        width: 10px!important;
        height: 10px!important;
        margin-right: 5px;
    }
    
    .owl-dots button.active {
        background: #9a9a9a !important;
    }
    
    .app {
        padding: 20px;
    }
    
    .app .qr {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        font-size: 16px;
        color: #333333;
    }
    
    .app .qr img {
        margin-right: 15px;
        max-width: 100px;
    }
    
    .app a {
        margin-right: 10px;
    }
    
    .app div:not(.qr) {
        text-align: right;
        flex: 1;
    }
    
    .banernews {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 100%;
        padding-bottom: 0!important;
    }
    
    .banernews .bigimg .item {
        margin-bottom: 0;
        max-height: 380px;
        margin-right: 10px;
    }
    
    .banernews .bigimg .item .preimg {
        height: 409px;
    }
    
    .banernews .item img {
        width: 100%;
    }
    
    .banernews .item .bottom-section {
        position: absolute;
        bottom: 0;
        padding: 15px;
        background-color: transparent!important;
        background-color: rgba(0, 0, 0, 0.9);
        background-image: -webkit-linear-gradient(bottom, #292e42, rgba(41, 46, 66, 0.01))!important;
        background-image: -moz-linear-gradient(bottom, #292e42, rgba(41, 46, 66, 0.01))!important;
        background-image: -o-linear-gradient(bottom, #292e42, rgba(41, 46, 66, 0.01))!important;
        background-image: -ms-linear-gradient(bottom, #292e42, rgba(41, 46, 66, 0.01))!important;
        background-image: linear-gradient(bottom, #292e42, rgba(41, 46, 66, 0.01))!important;
        width: 100%;
        color: #fff;
    }
    
    .banernews .item .bottom-section .bottom-row {
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    
    .banernews .item .bottom-section .sect {
        margin-right: 10px;
        height: 20px;
        display: inline-block;
        padding: 0 10px;
        color: #000;
        border-radius: 2px;
        background: #fff;
        line-height: 22px;
    }
    
    .banernews .col {
        flex: 30%;
    }
    
    .banernews .col.small {
        flex: 20%;
    }
    
    .banernews .col.small .item {
        max-height: 127px;
        overflow: hidden;
    }
    
    .banernews .item {
        position: relative;
        border: 1px solid #747474;
        max-height: 190px;
        overflow: hidden;
    }
    
    .banernews .item .bottom-section .sect:hover {
        text-decoration: none;
    }
    
    .banernews .item .bottom-section .bottom-row {
        opacity: 0.5;
    }
    
    .banernews .item .bottom-section .bottom-row:hover {
        opacity: 1;
    }
    
    .banernews .item .bottom-section h2 {
        font-weight: 600;
        font-size: 16px;
        padding-bottom: 10px;
    }
    
    .last-news .owl-dots {
        z-index: 99;
        margin-top: -20px;
        position: absolute;
        left: 52%;
        margin-left: -3px;
    }
    
    .last-item-news {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }
    
    .last-item-news .col {
        position: relative;
    }
    
    .last-item-news .col:first-child {
        padding-right: 30px;
    }
    
    .last-item-news p {
        overflow: hidden;
        height: 40px;
    }
    
    .last-item-news h4 {
        margin-bottom: 4px;
        padding: 0;
        font-size: 12px;
    }
    
    .last-item-news h4:before {
        width: 4px;
        margin-top: 3px;
        height: 16px;
    }
    
    .last-item-news h2 {
        margin-bottom: 10px;
        color: #1a2321;
        font-size: 24px;
        font-weight: bold;
        line-height: 25px;
        overflow: hidden;
        max-height: 100px;
    }
    
    .last-item-news a {
        color: #1a2321;
    }
    
    .last-item-news .time {
        color: #9c9c9c;
        position: absolute;
        bottom: 0px;
        right: 0;
    }
    
    .last-in-blog .owl-carousel {
        max-width: 940px;
    }
    
    .last-in-blog .row {
        border-bottom: 1px solid #ccc;
    }
    
    .left-col {
        max-width: 320px;
        flex: 30%;
        padding-top: 10px;
    }
    
    .left-col .ads-banner {
        margin-left: 15px;
    }
    
    .mainews {
        overflow: hidden;
        max-width: 920px;
    }
    
    .mainnews {
        margin-top: -10px;
    }
    
    .mainnews .wrapper {
        padding-top: 50px;
    }
    
    .mainnews .items {
        padding: 25px 0 20px;
        border-bottom: 1px solid #c8c8c8;
        height: 100px;
        position: relative;
    }
    
    .mainnews .items p {
        overflow: hidden;
        max-height: 40px;
        font-size: 14px;
    }
    
    .mainnews .time {
        color: #545454;
    }
    
    .mainnews .bottom-row {
        margin-top: 10px;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        position: relative;
        margin-bottom: -10px;
    }
    
    .mainnews .bottom-row a {
        opacity: 0.6;
        color: #fff;
    }
    
    .mainnews .bottom-row a:before {
        display: inline-block;
        font-size: 16px;
        font-family: Flaticon;
    }
    
    .mainnews .bottom-row a:hover {
        opacity: 1;
    }
    
    .mainnews .bottom-row a.fb:before {
        content: "\f10c";
    }
    
    .mainnews .bottom-row a.twit:before {
        content: "\f10f";
    }
    
    .mainnews .bottom-row a.vk:before {
        content: "\f10b";
    }
    
    .mainnews .bottom-row a.ok:before {
        content: "\f112";
    }
    
    .mainnews .bottom-row a.more:before {
        content: "\f113";
    }
    
    .mainnews .bottom-row .moresoc {
        background: #fff;
        position: absolute;
        display: none;
    }
    
    .mainnews .col:not(.bignews) {
        padding-left: 40px;
    }
    
    .mainnews .col:not(.bignews) a:before {
        color: #636363;
        font-size: 14px;
    }
    
    .mainnews .col:not(.bignews) h4 {
        padding-top: 0px;
    }
    
    .mainnews .col:not(.bignews) .bottom-row {
        bottom: 14px;
        width: 100%;
        position: absolute;
    }
    
    .mainnews .bignews .items {
        margin-bottom: 15px;
        overflow: hidden;
        padding: 0;
        position: relative;
        height: 260px;
    }
    
    .mainnews .bignews .items img {
        position: absolute;
        z-index: 1;
    }
    
    .mainnews .bignews .items .item-desc {
        z-index: 2;
        width: 100%;
        position: absolute;
        left: 0px;
        bottom: 0px;
        background: rgba(0, 0, 0, 0.5);
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7), rgba(8, 8, 8, 0.2));
        background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.7), rgba(8, 8, 8, 0.2));
        background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(8, 8, 8, 0.2));
        padding: 20px;
    }
    
    .mainnews .bignews .items .item-desc p {
        font-weight: bold;
        color: #fff;
        font-size: 16px;
    }
    
    .mainnews .bignews .items .item-desc .time {
        color: #9a9a9a;
    }
    
    header {
        height: 75px;
        position: relative;
        border-bottom: 1px solid #c50c0c;
        z-index: 999;
    }
    
    header .menu li.more,
    .second-menu .menu li.more {
        position: relative;
    }
    
    header .menu li.more .icon:before,
    .second-menu .menu li.more .icon:before {
        content: "\f123";
        font-family: Flaticon;
        color: #000;
        font-size: 14px;
    }
    
    header .menu li.more ul,
    .second-menu .menu li.more ul {
        display: none;
        position: absolute;
        background: #fff;
        box-shadow: 1px 1px 10px #b1b1b1;
        padding: 15px;
        top: 45px!important;
        width: 750px!important;
        right: 17px;
        left: unset!important;
    }
    
    header .menu li.more ul li,
    .second-menu .menu li {
        display: inline-block;
        width: 24%;
        box-sizing: border-box;
    }
    
    header .menu,
    .second-menu .menu {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin-left: 37px;
        padding-top: 30px;
    }
    
    .second-menu {
        background: #fff;
        margin-bottom: 20px;
    }
    
    .second-menu .menu {
        padding-top: 10px;
    }
    
    header .menu li a,
    .second-menu .menu li a {
        font-size: 14px;
        font-weight: 600;
        color: #363735;
        margin-right: 15px;
    }
    
    header .wrapper {
        height: 75px;
        position: relative;
        flex-wrap: nowrap;
    }
    
    .event .search-panel {
        margin: 40px auto 30px;
        width: 100%;
    }
    
    .event .search-panel form {
        display: flex;
    }
    
    .event .search-panel form input[type="text"] {
        flex: 1 1 60%;
        margin: auto;
        font-size: 16px;
        height: 60px;
    }
    
    .sres {
        background-color: #f9f0b2;
    }
    
    .event .search-panel form input[type="submit"] {
        background: #2e6762;
        color: #fff;
        margin-right: 15px;
        text-transform: uppercase;
        height: 60px;
        flex: 100%;
        max-width: 200px;
        border: none;
        background: #2e6762 url(../images/searchicon.png) #fff no-repeat left 6px;
    }
    
    .event .s-close {
        display: none;
    }
    
    header .search-panel {
        left: 0;
        z-index: 99;
        margin-top: -21px;
        display: none;
        position: absolute;
        height: 70px;
        width: 100%;
        background: #fff;
        padding: 20px 30px;
    }
    
    .search-panel input[type="text"] {
        width: 90%;
        height: 40px;
        border: 1px solid #ccc;
        margin-top: -5px;
        color: #676767;
        padding-left: 25px;
    }
    
    .search-panel .s-close {
        float: right;
        margin-top: 10px;
        opacity: 0.5;
        cursor: pointer;
    }
    
    .search-panel .s-close:before {
        font-size: 16px;
        font-family: Flaticon;
        content: "\f108";
    }
    
    header .search-panel .s-close:hover {
        opacity: 1;
    }
    
    header .search-panel input[type="submit"] {
        border: none;
        background: url(../images/searchicon.png) #fff no-repeat left 6px;
        height: 40px;
        opacity: .5;
        width: 45px;
        text-indent: -1000px;
        margin-left: -40px;
        background-size: 60%;
    }
    
    header .videolink {
        border-radius: 3px;
        background: #2e6762;
        color: #fff;
        margin-right: 15px;
        text-transform: uppercase;
        height: 45px;
        width: 125px;
        text-align: center;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    
    header .videolink:before {
        font-size: 27px;
        margin-bottom: -6px;
        margin-right: 10px;
        font-family: Flaticon;
        content: "\f102";
    }
    
    header .videolink:hover {
        text-decoration: none;
        background: #278980;
    }
    
    header .archivelink {
        border-radius: 3px;
        background: #2e6762;
        color: #fff;
        margin-right: 15px;
        text-transform: uppercase;
        height: 40px;
        width: 130px;
        text-align: center;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    
    header .archivelink:hover {
        text-decoration: none;
        background: #278980;
    }
    
    .edit-menu {
        background: #fff;
        border-top: 1px solid #e0e0e0;
        padding: 10px 0;
        box-shadow: 0 0 7px #c8c8c8;
    }
    
    .edit-menu .wrapper {
        align-content: center;
    }
    
    .edit-menu .link-edit {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        padding-top: 5px;
    }
    
    .edit-menu .link-edit a {
        margin-right: 15px;
        color: #6b6b6b;
    }
    
    .edit-menu .link-edit a:before {
        color: #74807e;
        margin-right: 5px;
        float: left;
    }
    
    .edit-menu .link-edit a.articles:before {
        content: "\f119";
    }
    
    .edit-menu .link-edit a.archive:before {
        content: "\f11b";
    }
    
    .edit-menu .addedit {
        border: 1px dashed #31514e;
        border-radius: 2px;
        color: #444444;
        font-weight: 500;
        padding: 0 10px;
        line-height: 30px;
    }
    
    .edit-menu .addedit:hover {
        text-decoration: none;
        background: #e1e1e1;
    }
    
    .hash {
        padding-bottom: 7px;
        font-style: italic;
        color: #858585;
        margin-top: 7px;
    }
    
    .action-edit {
        background: #31514e;
        color: #fff;
        font-weight: bold;
        font-size: 30px;
        position: relative;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 40px;
        cursor: pointer;
        outline: 1px solid #fff!important;
        float: right;
        margin-right: -40px;
        margin-top: -1px;
        outline-offset: -5px;
    }
    
    .action-edit:before {
        content: '+';
        font-size: 20px;
    }
    
    .action-edit ul {
        right: 0;
        width: 220px;
        padding: 0;
        background: #fff;
        position: absolute;
        box-shadow: 0 0 20px #c0c0c0;
    }
    
    .action-edit ul li {
        display: inline-block;
    }
    
    .action-edit ul li span {
        display: none;
    }
    
    .action-edit ul li a {
        display: block;
        padding: 20px;
    }
    
    .action-edit ul li:hover {
        background: #f5f5f5;
    }
    
    .action-edit:hover>ul {
        display: block;
    }
    
    .clone-edit {
        border-bottom: 1px dashed #6a6a6a;
        padding-bottom: 50px;
        position: relative;
    }
    
    .clone-edit:hover .close {
        opacity: 1;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }
    
    .clone-edit .close {
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        transition: all 0.2s linear;
        position: absolute;
        color: #aeaeae;
        right: 0;
        top: 0;
        opacity: 0;
        font-size: 16px;
        display: block;
        padding: 15px;
        cursor: pointer;
        border: 1px solid #aeaeae;
    }
    
    .clone-edit .close:before {
        font-family: flaticon;
        content: "\f108";
    }
    
    .col .hash+textarea {
        padding: 15px!important;
        min-height: 125px;
        max-width: 500px;
    }
    
    .select-wrapper {
        position: relative;
    }
    
    .select-wrapper select {
        display: none;
    }
    
    .edit-content {
        background: #fff;
        margin-top: 40px;
        padding: 40px;
    }
    
    .edit-content textarea {
        min-height: 150px;
        font-family: roboto;
        padding: 25px;
        width: 100%;
        background: #f5f5f5;
        border: 1px solid #d1d1d1;
    }
    
    .edit-content .pre-edit {
        border-bottom: 1px solid #a1a1a1;
        margin-bottom: 25px;
        padding-bottom: 50px;
        padding-left: 50px;
    }
    
    .edit-content .pre-edit .edit-title {
        margin-left: -50px;
    }
    
    .edit-content .edit-title {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        margin-bottom: 25px;
    }
    
    .edit-content .edit-title .num {
        border: 1px solid #bdbdbd;
        color: #bdbdbd;
        font-weight: 600;
        font-size: 22px;
        border-radius: 50%;
        display: block;
        margin-right: 15px;
        line-height: 40px;
        width: 40px;
        height: 40px;
        text-align: center;
    }
    
    .edit-content .edit-title p {
        color: #202020;
        font-weight: 500;
        font-size: 22px;
        line-height: 24px;
    }
    
    .edit-content .edit-title p span {
        font-style: italic;
        font-size: 16px;
        display: block;
        color: #858585;
    }
    
    .edit-content .description-text {
        margin-bottom: 50px;
        max-width: 1000px;
    }
    
    .edit-content .description-text .num-des {
        background: #d1d1d1;
        color: #6e6e6e;
        font-size: 13px;
        padding: 6px 25px;
        margin-top: -15px;
        position: relative;
        z-index: 10;
        font-style: italic;
        width: 100%;
    }
    
    .action-edit ul {
        display: none;
    }
    
    .end-edit {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        margin-top: 20px;
        align-items: center;
    }
    
    .end-edit .btn {
        background: #31514e;
        color: #fff;
        font-weight: 500;
        border-radius: 3px;
        margin-right: 20px;
        height: 50px;
        padding: 0 25px;
        line-height: 50px;
    }
    
    .end-edit .btn:hover {
        background: #2e6762;
        text-decoration: none;
    }
    
    .end-edit p {
        font-style: italic;
        font-size: 14px;
    }
    
    .uploadimg {
        background: url(../images/upload.png) #f5f5f5 center center no-repeat;
        border: 1px solid #b9b9b9;
        border-radius: 2px;
        width: 250px;
        height: 200px;
    }
    
    .event {
        background: #e4e4e4;
        padding-bottom: 20px;
    }
    
    .event h3:before {
        border-radius: 50%!important;
        background: #da0019!important;
        width: 16px !important;
        height: 16px !important;
        margin-top: 8px;
    }
    
    .event .tile {
        position: relative;
        background: #fff;
        height: 250px;
        padding: 3px;
    }
    
    .event .tile p {
        font-size: 16px;
        padding: 0 10px;
    }
    
    .event .tile .date {
        position: absolute;
        bottom: 10px;
        left: 10px;
    }
    
    .event .wrapper {
        width: 100%;
    }
    
    .event .prepic {
        margin-bottom: 10px;
    }
    
    .event .bignews .item-desc {
        background: rgba(0, 0, 0, 0.5);
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7), rgba(8, 8, 8, 0.2));
        background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.7), rgba(8, 8, 8, 0.2));
        background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(8, 8, 8, 0.2));
    }
    
    .event .bignews .item-desc p {
        font-weight: bold;
        color: #fff;
        font-size: 16px;
    }
    
    .smi-kategory {
        margin-top: -10px;
    }
    
    .smi-kategory h1 {
        padding-top: 20px
    }
    
    .smi-kategory .row {
        position: relative;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        -o-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ccc;
    }
    
    .smi-kategory .row.lock:before {
        content: ;
        font-family: flaticon;
        position: absolute;
        display: block;
        right: 10px;
        top: 10px;
    }
    
    .smi-kategory .row p {
        color: #414141;
    }
    
    .smi-kategory .row .date-cat {
        margin-top: 10px;
        color: #8e8c8c;
    }
    
    .smi-kategory .row .date-cat a,
    .smi-kategory .row .date-cat span {
        background: #000;
        color: #fff;
        padding: 1px 4px;
        margin-right: 5px;
    }
    
    .smi-kategory .row .date-cat a:hover,
    .smi-kategory .row .date-cat span:hover {
        text-decoration: none;
    }
    
    .smi-kategory .row .right-text .title {
        font-weight: 500;
        font-size: 24px;
        line-height: 28px;
    }
    
    .smi-kategory .row .right-text .title a {
        color: #171614;
    }
    
    .smi-kategory .row .right-text .title a:hover {
        text-decoration: none;
        color: #444444;
    }
    
    .last-news .preimg {
        height: 220px;
    }
    
    .smi-kategory .row .preimg {
        flex: 0 0 220px;
        margin-right: 15px;
        height: 150px;
        overflow: hidden;
    }
    
    .smi-kategory .row .preimg img {
        width: 100%;
    }
    
    .scroll-more {
        font-weight: bold;
        text-align: center;
        color: #fff;
        background: #000;
        padding: 10px 20px;
        max-width: 250px;
        margin: auto;
        margin-top: 20px;
    }
    
    .scroll-more:hover {
        text-decoration: none;
    }
    
    .preimg {
        position: relative;
        overflow: hidden;
        height: 200px;
    }
    
    .preimg .socialblock {
        position: absolute;
        top: 10px;
        right: 10px;
    }
    
    .preimg img {
        z-index: 1;
    }
    
    .preimg .title {
        color: #fff;
        position: absolute;
        bottom: 0;
        padding: 20px;
        font-size: 16px;
        font-weight: bold;
        overflow: hidden;
        background: rgba(0, 0, 0, 0.5);
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7), rgba(8, 8, 8, 0.2));
        background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.7), rgba(8, 8, 8, 0.2));
        background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(8, 8, 8, 0.2));
    }
    
    .kategory .mark {
        margin-top: 15px;
        color: #363735;
        margin-bottom: 10px;
        font-weight: 600;
        line-height: 15px;
        font-size: 14px;
    }
    
    .kategory .mark:before {
        content: '';
        margin-right: 5px;
        float: left;
        width: 9px;
        height: 15px;
        display: block;
        background: #363735;
    }
    
    .kategory p {
        opacity: 0.8;
        line-height: 16px;
        overflow: hidden;
        padding: 0 15px;
    }
    
    .icon {
        position: relative;
        display: block;
        cursor: pointer;
    }
    
    .icon:before {
        content: '';
        color: #fff;
        display: inline-block;
        font-size: 22px;
        font-family: Flaticon;
        width: 22px;
        height: 22px;
    }
    
    .owl-carousel {
        display: none;
        width: 100%;
        -webkit-tap-highlight-color: transparent;
        /* position relative and z-index fix webkit rendering fonts issue */
        position: relative;
        z-index: 1;
    }
    
    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
    }
    
    .owl-carousel .owl-stage:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }
    
    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        /* fix for flashing background */
        -webkit-transform: translate3d(0px, 0px, 0px);
    }
    
    .owl-carousel .owl-wrapper,
    .owl-carousel .owl-item {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
    }
    
    .owl-carousel .owl-item {
        min-height: 1px;
        float: left;
    }
    
    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
    }
    
    .owl-carousel .owl-nav.disabled,
    .owl-carousel .owl-dots.disabled {
        display: none;
    }
    
    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-dot {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    
    .owl-carousel .owl-nav {
        position: absolute;
        top: 0;
        width: 100%;
        margin-top: -55px;
        text-align: right;
    }
    
    .owl-carousel .owl-nav span {
        font-size: 30px;
        line-height: 20px;
        padding: 0 10px;
    }
    
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel button.owl-dot {
        background: none;
        width: 30px;
        color: inherit;
        border: none;
        padding: 0!important;
        font: inherit;
    }
    
    .owl-carousel.owl-loaded {
        display: block;
    }
    
    .owl-carousel.owl-loading {
        opacity: 0;
        display: block;
    }
    
    .owl-carousel.owl-hidden {
        opacity: 0;
    }
    
    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden;
    }
    
    .owl-carousel.owl-drag .owl-item {
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    
    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab;
    }
    
    .owl-carousel.owl-rtl {
        direction: rtl;
    }
    
    .owl-carousel.owl-rtl .owl-item {
        float: right;
    }
    /* No Js */
    
    .no-js .owl-carousel {
        display: block;
    }
    
    .graph {
        width: 250px;
        position: relative;
        right: 30px;
    }
    
    .bar-title {
        position: relative;
        float: left;
        width: 104px;
        line-height: 20px;
        margin-right: 17px;
        font-weight: bold;
        text-align: right;
    }
    
    .bar-container {
        position: relative;
        float: left;
        width: 110px;
        height: 10px;
        margin: 0px 0px 15px;
    }
    
    .bar-container div {
        background-color: #cc4400;
        height: 20px;
    }
    
    .bar-container strong {
        position: absolute;
        right: -32px;
        top: 0px;
        overflow: hidden;
    }
    
    #poll-results p {
        text-align: center;
    }
    
    @media (max-width: 600px) {
        .menu {
            display: none!important;
        }
        .shops-tab,
        .kat-menu {
            overflow-x: hidden!important;
            max-width: 100%;
        }
        .shops-tab .tabs,
        .kat-menu .tabs {
            overflow: scroll!important;
        }
    }
    
    @media (max-width: 480px) {}
    
    @media (max-width: 320px) {}
    
.archive-row {
        width: 100%;
        text-align: left;
        font-size: 20px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 15px;
        font-style: italic;
        color: #ababab;
    }
    
    .date-of-news {
        margin-top: 30px;
        position: relative;
        border: 1px solid rgb(80 65 65 / 30%);
        padding: 10px 5px 10px 35px;
        background: url(../images/bi_calendar-check.svg) no-repeat 5px 9px;
        background-size: 20px;
    }
    
    .date-of-news span {
        position: relative;
        padding-right: 15px;
        /* background: url(../images/tringle.svg) no-repeat right center;*/
        background-size: 10px;
    }