/*************************************************************
GENERAL
*************************************************************/
/* Основные стили для блока поста */
.post {
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;
    font-family: Arial, sans-serif;
    background: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

h1, h2 {
    text-align: center;
    color: #333;
}

p {
    text-align: justify;
    color: #555;
    line-height: 1.6;
}

/* Стили для таблицы */
table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}

table th, table td {
    padding: 12px;
    border: 1px solid #ddd;
    text-align: center;
}

table th {
    background: #007bff;
    color: #fff;
    font-weight: bold;
}

table tr:nth-child(even) {
    background: #f2f2f2;
}

table tr:hover {
    background: #ddd;
    transition: background 0.3s;
}

/* Улучшенная адаптивность */
@media (max-width: 768px) {
    .post {
        padding: 15px;
    }
    
    h1, h2 {
        font-size: 1.5rem;
    }
    
    table th, table td {
        padding: 8px;
        font-size: 14px;
    }
    
    table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

@media (max-width: 480px) {
    table th, table td {
        padding: 6px;
        font-size: 12px;
    }
}



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

body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
    margin: 0;
}

ul[role="list"], ol[role="list"] {
    list-style: none;
}

html {
    scroll-behavior: smooth;
}

body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
}

a:not([class]) {
    text-decoration-skip-ink: auto;
}

img, picture {
    max-width: 100%;
    display: block;
}

input, button, textarea, select {
    font: inherit;
}

hr {
    border: 0;
    border-top: 1px solid #e5e9ef;
    margin: 0;
}

b. strong {
    font-weight: 600;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

.screen-reader-text, .screen-reader-text span, .screen-reader-shortcut {
    position: absolute!important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
    color: #333;
    background: #fff
}

body {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #303549;
    line-height: 1.875;
    background: #fff;
}

/* HEADINGS */

h1, h2, h3, h4, h4, h5, h6 {
    margin: 45px 0;
    font-weight: 300;
    line-height: 1;
}

.h1, .h2, .h3, .h6 {
    display: block;
    line-height: 1;
}

h1 {
    margin: 0;
    font-size: 46px;
}

h2, .h2 {
    font-size: 36px;
}

h3, .h3 {
    font-size: 30px;
}

h4 {
    font-size: 26px;
}

h5 {
    font-size: 20px;
}

h6, .h6 {
    font-size: 17px;
}

h1>span {
    font-weight: 400
}

/* LINKS */

a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button {
    transition: .3s
}

a {
    color: #4091dd;
    text-decoration: none;
}

.link-orange {
    color: #f68a22
}

.post a:not([class]) {
    text-decoration: underline;
}

.post a:not([class]):hover {
    text-decoration: none;
}

.item-stati {
    margin-bottom: 25px;
    display: block;
}

.bold {
    font-weight: bold;
}

/* FORM */

.form-bg {
    margin: 40px 0;
    padding: 40px 50px;
    border-radius: 10px;
    background: rgb(238, 245, 247);
    background: -moz-linear-gradient(0deg, rgba(238, 245, 247, 1) 0%, rgba(235, 238, 246, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(238, 245, 247, 1) 0%, rgba(235, 238, 246, 1) 100%);
    background: linear-gradient(0deg, rgba(238, 245, 247, 1) 0%, rgba(235, 238, 246, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eef5f7", endColorstr="#ebeef6", GradientType=1);
}

input, textarea, select {
    display: block;
    margin: 0;
    padding: 15px 20px;
    width: 100%;
    color: #303549;
    line-height: 1.3;
    background-color: #fff;
    border: 1px solid #f2f4f7;
    border-radius: 10px;
}

input:focus, textarea:focus, select:focus {
    border: 1px solid #e6eaee;
    outline: none
}

input[type="checkbox"], input[type="image"], input[type="radio"] {
    width: auto
}

label {
    display: block;
}

select {
    padding-right: 50px;
    color: #808080;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAANUlEQVQImYXMuw0AIAwD0Qv7ZVoGPBqK8BGksWw9JYDO52LmC2aUcoMJ0NRl2AEAKgUeH1UGNA0P+kwys8wAAAAASUVORK5CYII=);
    background-position: right 20px center;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none !important;
}

select::-ms-expand {
    display: none;
}

.form-input, .contact-form select {
    margin-bottom: 20px;
}

.form-row {
    display: flex;
}

.form-row .form-input:not(:last-of-type), .form-row select:not(:last-of-type), .form-row.col-2 div {
    margin-right: 15px;
}

.form-row.col-2 input, .form-row.col-2 select, .form-row.col-2 div {
    flex-basis: 50%;
}

.form-row input[name="house"] {
    flex-basis: 20%;
}

.form-row input[name="street"] {
    flex-basis: 80%;
}

.form-button {
    margin-top: 20px;
}

.form-file {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}

.form-file-input {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    opacity: 0;
}

.form-file-name {
    padding: 17px 30px;
    line-height: 1;
    text-align: center;
    background-color: #e2e7ee;
    border-radius: 10px;
}

@media screen and (max-width:768px) {
    .form-bg {
        padding: 25px 30px;
    }
    .form-row {
        flex-wrap: wrap;
    }
    .form-row .form-input:not(:last-of-type), .form-row select:not(:last-of-type), .form-row.col-2 div {
        margin-right: 0;
    }
    .form-row.col-2 input, .form-row.col-2 select, .form-row.col-2 div {
        flex-basis: 100%;
    }
    .form-button {
        margin-top: 0;
        width: 100%;
    }
}

/* PLACEHOLDER */

::placeholder {
    color: #303549;
    text-overflow: ellipsis;
    opacity: 0.7;
    transition: opacity .3s ease
}

input:focus::placeholder, textarea:focus::placeholder {
    opacity: 0;
}

/* BUTTONS */

.button, button, input[type="button"], input[type="reset"], input[type="submit"] {
    padding: 17px 31px;
    text-align: center;
    line-height: 1;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
}

.button:before, .button:after {
    transition: .2s
}

.button-line {
    color: #4091dd;
    border: 1px solid #4091dd
}

.button-line:hover {
    color: #fff;
    background-color: #4091dd;
}

.button-green {
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    background: rgb(191, 213, 47);
    background: -moz-linear-gradient(180deg, rgba(191, 213, 47, 1) 0%, rgba(102, 191, 98, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(191, 213, 47, 1) 0%, rgba(102, 191, 98, 1) 100%);
    background: linear-gradient(180deg, rgba(191, 213, 47, 1) 0%, rgba(102, 191, 98, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bfd52f", endColorstr="#66bf62", GradientType=1);
    transition: opacity 0.3s;
}

.button-green:hover {
    opacity: 0.8;
}

.button-blue {
    padding: 10px 20px;
    color: #4091dd;
    background-color: #eff2f7;
}

.button-blue:hover {
    color: #fff background-color: #4091dd;
}

.hide-text {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

p:not(:last-of-type) {
    margin-bottom: 25px;
}

/*************************************************************
HEADER
*************************************************************/

.header-wrap {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1300px;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 30px;
}

.header-wrap:before {
    content: '';
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
    height: 20px;
    background-color: #f68a22;
    border-radius: 10px;
}

/* LOGO */

.header-logo {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1;
}

a.header-logo {
    color: initial
}

.header-logo img {
    flex-shrink: 0;
    margin-right: 25px;
}

.header-logo h1, .header-logo .h1 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 30px;
    text-transform: uppercase;
}

.header-logo h1 span, .header-logo .h1 span {
    font-weight: 600;
}

@media screen and (max-width:400px) {
    .header-logo {
        font-size: 10px;
    }
    .header-logo img {
        width: 200px;
        margin-right: 20px;
    }
    .header-logo h1, .header-logo .h1 {
        font-size: 21px;
    }
}

/* MENU */

.primary-menu ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

.primary-menu ul li {
    position: relative;
}

.primary-menu ul li a {
    display: flex;
    align-items: center;
    font-size: 17px;
    line-height: 1;
    color: initial;
}

.primary-menu>ul>li>a:before {
    content: "";
    width: 16px;
    height: 16px;
    margin-right: 13px;
    background-image: url(img/menu.png);
    background-repeat: no-repeat;
}

.sporttype>a:before {
    background-position: -55px -96px;
}

.sections>a:before {
    background-position: -55px -117px;
}

.champ>a:before {
    background-position: -55px -138px;
}

@media screen and (min-width:1300px) {
    .primary-menu>ul>li:not(:last-of-type) {
        margin-right: 45px;
    }
}

@media screen and (min-width:1141px) {
    .primary-menu>ul>li:not(:last-of-type) {
        margin-right: 20px;
    }
    .primary-menu ul li a {
        padding: 11px 15px;
        font-weight: 400;
        background: #fff;
        border-radius: 5px;
        transition: none
    }
    .primary-menu ul li a:hover {
        color: #fff;
        text-decoration: none;
        background: rgb(191, 213, 47);
        background: -moz-linear-gradient(180deg, rgba(191, 213, 47, 1) 0%, rgba(102, 191, 98, 1) 100%);
        background: -webkit-linear-gradient(180deg, rgba(191, 213, 47, 1) 0%, rgba(102, 191, 98, 1) 100%);
        background: linear-gradient(180deg, rgba(191, 213, 47, 1) 0%, rgba(102, 191, 98, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bfd52f", endColorstr="#66bf62", GradientType=1);
    }
    .primary-menu ul li a:hover:before {
        filter: invert(100%);
    }
    .primary-menu li ul {
        flex-direction: column;
        width: 300px;
        height: auto;
        display: none;
        position: absolute;
        left: 0;
        background: #fff;
        margin: 0;
        padding: 10px 0;
        border-radius: 10px;
        z-index: 3;
        border: 1px solid #e5e9ef;
        box-shadow: 0 0 29px 0 rgba(84, 106, 163, 0.2);
    }
    .primary-menu li ul ul {
        top: -10px;
        left: 300px;
    }
    .sub-menu li {
        padding: 0 10px;
    }
    .primary-menu ul li:hover>.sub-menu {
        display: flex;
    }
}

/* SEARCH */

.search-form {
    display: flex;
    align-items: center;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
}

.search-input {
    border: 0;
    background: none;
}

.search-input:focus {
    border: none;
}

.search-submit {
    padding: 0 25px;
    width: 24px;
    height: 24px;
    color: transparent;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAY1BMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADIAbxiAAAAIXRSTlMAJgUGHiIjDg8cISUaAREICRQZAx0kBAcLDA0QFxggEhYlsn5XAAAAyElEQVQoz52R2RbCIAxEM9Cwl+7Wuv//V3q0C+WoL/J0yYRMEoheR0TLnm2UlB/tACgAbPbhrgWCqWSlX3DY4mULpRc+OYRyqwNOpYXDeUWG3tWdMCxpESFr5IpmBousEzIoZmBUmVB77t7gVT6VZCV+vHDl4qHzLcDOcEebCZe1K8k47eLH5Gngkv3hhrhdAty05t+gxrSfAFxNLWtzAQb0Iu33rADPHhji2KMQu6magpWzjSQSRaYQdWL5iA8lef6n9PRdsY8niAEG7N7lfI8AAAAASUVORK5CYII=) no-repeat center;
    border: none;
    clip: inherit;
    cursor: pointer;
}

@media screen and (min-width:1141px) {
    .header-search {
        position: relative;
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
    }
    .header-search .search-icon {
        width: 24px;
        height: 24px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAY1BMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADIAbxiAAAAIXRSTlMAJgUGHiIjDg8cISUaAREICRQZAx0kBAcLDA0QFxggEhYlsn5XAAAAyElEQVQoz52R2RbCIAxEM9Cwl+7Wuv//V3q0C+WoL/J0yYRMEoheR0TLnm2UlB/tACgAbPbhrgWCqWSlX3DY4mULpRc+OYRyqwNOpYXDeUWG3tWdMCxpESFr5IpmBousEzIoZmBUmVB77t7gVT6VZCV+vHDl4qHzLcDOcEebCZe1K8k47eLH5Gngkv3hhrhdAty05t+gxrSfAFxNLWtzAQb0Iu33rADPHhji2KMQu6magpWzjSQSRaYQdWL5iA8lef6n9PRdsY8niAEG7N7lfI8AAAAASUVORK5CYII=);
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer;
    }
    .header-search.active .search-icon {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTcgNS41OUwxMS45NS42NGwxLjQxIDEuNDFMOC40MSA3bDQuOTUgNC45NS0xLjQxIDEuNDFMNyA4LjQxbC00Ljk1IDQuOTUtMS40MS0xLjQxTDUuNTkgNyAuNjQgMi4wNSAyLjA1LjY0IDcgNS41OXoiLz48L3N2Zz4=);
        opacity: 0.5;
    }
    .search-form {
        position: absolute;
        right: 40px;
        width: 0;
        overflow: hidden;
        transition: width 0.3s;
    }
    .header-search.active #searchform {
        width: 560px;
        border-color: #f2f4f7;
        box-shadow: 0 0 29px 0 rgba(84, 106, 163, 0.2);
    }
}

/* LOGIN */

.header-login .button {
    display: flex;
    align-items: center;
    padding: 12px 20px;
}

.header-login .button:before {
    content: '';
    width: 16px;
    height: 16px;
    margin-right: 12px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAMFBMVEVHcExAkd1Akd1Akd1Akd1Akd1Akd1Akd1Akd1Akd1Akd1Akd1Akd1Akd1Akd1Akd1lz9uBAAAAD3RSTlMAECAwQFBggI+fr7/P3+8PqIayAAAAYklEQVR42mNgYGDt3l3EAATM509U3p8IZNgdYWBgeyPAwPRaAMTbwMB5kYFZgYHlGwNfAgPXYwaGXSDljOcMGPIZVu/evfv8IwZ/BAMuBVcM1M4K1g43EG4F2NL3IEuhzgAA8RUnHUf6W3gAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: center;
}

.header-login .button:hover:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAMFBMVEVHcEz///////////////////////////////////////////////////////////9EPuwCAAAAD3RSTlMAECAwQFBggI+fr7/P3+8PqIayAAAAYklEQVR42mNgYGDt3l3EAATM509U3p8IZNgdYWBgeyPAwPRaAMTbwMB5kYFZgYHlGwNfAgPXYwaGXSDljOcMGPIZVu/evfv8IwZ/BAMuBVcM1M4K1g43EG4F2NL3IEuhzgAA8RUnHUf6W3gAAAAASUVORK5CYII=);
}

/*************************************************************
MENU MOBILE
*************************************************************/

#mobile-menu-toggle {
    display: none;
}

@media screen and (max-width:1140px) {
    .header-wrap>.header-search, .header-wrap>.header-login {
        display: none;
    }
    .mobile-menu-button {
        position: relative;
        z-index: 999;
        display: flex;
        align-items: center;
        width: 35px;
        height: 35px;
        cursor: pointer;
    }
    .mobile-menu-button span, .mobile-menu-button span:before, .mobile-menu-button span:after {
        position: absolute;
        width: 35px;
        height: 6px;
        background-color: #4091dd;
        border-radius: 3px;
        cursor: pointer;
        transition: transform .2s ease;
    }
    .mobile-menu-button span:before {
        content: '';
        top: -10px;
    }
    .mobile-menu-button span:after {
        content: '';
        top: 10px;
    }
    #mobile-menu-toggle:checked~.mobile-menu-button span, #mobile-menu-toggle:checked~.mobile-menu-button span:before, #mobile-menu-toggle:checked~.mobile-menu-button span:after {
        /* background-color: #fff; */
     background-color: #4091dd !important;
    }
    #mobile-menu-toggle:checked~.mobile-menu-button span {
        z-index: 0;
        background: transparent;
        transform: rotate(45deg);
    }
    #mobile-menu-toggle:checked~.mobile-menu-button span:before {
        top: 0;
        transform: rotate(0);
    }
    #mobile-menu-toggle:checked~.mobile-menu-button span:after {
        top: 0;
        transform: rotate(90deg);
    }
    .primary-menu {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 998;
        display: flex;
        flex-direction: column;
        width: 320px;
        font-size: 16px;
        background-color: #303549;
        box-shadow: 0px 0px 29px 0px rgba(104, 136, 209, 0.16);
        transition: -webkit-transform .35s ease-out;
        transition: transform .35s ease-out;
        transition: transform .35s ease-out, -webkit-transform .35s ease-out;
        transform: translate3d(-320px, 0, 0);
        overflow-y: scroll;
    }
    .primary-menu:before {
        content: 'Меню';
        padding: 15px;
        color: #e2e2e2;
        text-align: center;
        font-weight: 600;
        text-transform: uppercase;
    }
    .primary-menu ul {
        display: block;
    }
    #mobile-menu-toggle:checked~.primary-menu {
        transform: translate3d(0, 0, 0);
    }
    .primary-menu ul li {
        text-transform: uppercase;
        border-top: 1px solid #626a88;
    }
    .primary-menu ul li a {
        padding: 20px 15px;
        color: #e2e2e2
    }
    .primary-menu ul li a:before {
        filter: invert(100%);
    }
    .primary-menu .sub-menu li {
        text-transform: none;
    }
    .primary-menu .sub-menu li a {
        padding-left: 45px;
    }
    .header-login, .header-search {
        padding: 10px 15px;
    }
    .header-login .button {
        background-color: #4091dd;
        color: #fff;
    }
    .header-login .button:before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAMFBMVEVHcEz///////////////////////////////////////////////////////////9EPuwCAAAAD3RSTlMAECAwQFBggI+fr7/P3+8PqIayAAAAYklEQVR42mNgYGDt3l3EAATM509U3p8IZNgdYWBgeyPAwPRaAMTbwMB5kYFZgYHlGwNfAgPXYwaGXSDljOcMGPIZVu/evfv8IwZ/BAMuBVcM1M4K1g43EG4F2NL3IEuhzgAA8RUnHUf6W3gAAAAASUVORK5CYII=);
    }
    body.mobile-menu-active {
        overflow: hidden;
    }
    .menu-overlay {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 99;
        background: #000;
        visibility: hidden;
        opacity: 0;
        transition: opacity .35s ease-in;
    }
    .menu-overlay.active {
        visibility: visible;
        opacity: .5;
    }
}

/*************************************************************
MENU ICON
*************************************************************/

.menu-icon-wrap {
    background: rgb(234, 241, 250);
    background: -moz-linear-gradient(0deg, rgba(234, 241, 250, 1) 0%, rgba(247, 248, 251, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(234, 241, 250, 1) 0%, rgba(247, 248, 251, 1) 100%);
    background: linear-gradient(0deg, rgba(234, 241, 250, 1) 0%, rgba(247, 248, 251, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eaf1fa", endColorstr="#f7f8fb", GradientType=1);
}

.menu-icon {
    display: grid;
    gap: 10px 30px;
    grid-template-columns: repeat(auto-fill, minmax(315px, 1fr));
    max-width: 1346px;
    margin: 0 auto 65px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.menu-icon a {
    display: flex;
    align-items: center;
    padding: 20px 23px;
    border-radius: 10px;
    color: inherit;
}

.menu-icon a:hover {
    background-color: #fff;
    box-shadow: 0px 0px 29px 0px rgba(104, 136, 209, 0.16);
}

.menu-icon .icon, .menu-icon .icon:before {
    background-image: url(img/menu.png);
    background-repeat: no-repeat;
}

.menu-icon .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 85px;
    height: 91px;
    margin-right: 20px;
    background-position: -5px -0px;
}

.menu-icon .icon:before {
    content: '';
    width: 45px;
    height: 45px;
}

.winter-sports .icon:before {
    background-position: -5px -96px;
}

.summer-sports .icon:before {
    background-position: -5px -190px;
}

.olympic-sports .icon:before {
    background-position: -5px -238px;
}

.water-sports .icon:before {
    background-position: -5px -286px;
}

.extreme-sports .icon:before {
    background-position: -5px -470px;
}

.team-sports .icon:before {
    background-position: -5px -518px;
}

.combat-sports .icon:before {
    background-position: -5px -336px;
}

.power-sports .icon:before {
    background-position: -5px -386px;
}

.cyclic-sports .icon:before {
    height: 32px;
    background-position: -5px -436px;
}

.game-sports .icon:before {
    height: 44px;
    background-position: -5px -146px;
}

.menu-right {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 1.7;
}

.menu-title {
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 400;
    line-height: inherit;
}

@media screen and (max-width:1300px) {
    .menu-icon {
        gap: 10px;
    }
    .menu-icon a {
        padding: 15px 20px;
    }
}

@media screen and (max-width:400px) {
    .menu-icon {
        grid-template-columns: auto;
    }
}

/*************************************************************
HOME MAIN
*************************************************************/

.content-wrap {
    max-width: 1300px;
    margin: 0 auto;
}

.main-block {
    margin-bottom: 65px;
}

.main-block h2 {
    margin-top: 0;
    margin-bottom: 44px;
}

.main-block h2 span {
    font-weight: 600;
}

.catalog>div {
    display: flex;
    align-items: center;
}

.catalog .button {
    flex-shrink: 0;
    flex-basis: 330px;
    margin-left: 60px;
    padding: 22px;
    font-size: 17px;
    text-align: center;
}

@media screen and (max-width:980px) {
    .catalog>div {
        flex-direction: column;
    }
    .catalog .button {
        flex-basis: auto;
        margin-left: 0;
        margin-top: 20px;
        width: 100%;
    }
}

/*************************************************************
HOME TABS
*************************************************************/

.new-top {
    position: relative;
    display: flex;
    align-items: flex-end;
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e9ef;
}

.new-top h2 {
    margin-right: 55px;
    margin-bottom: 0;
}

.new-tabs {
    display: flex;
}

.new-tab {
    position: relative;
    font-size: 17px;
    font-weight: 400;
    cursor: pointer;
    transition: .2s;
}

.new-tab:not(:last-of-type) {
    margin-right: 40px;
}

.new-tab.active, .new-tab:hover {
    color: #4091dd;
}

.new-tab:after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #f68a22;
    opacity: 0;
    transition: .2s;
}

.new-tab.active:after, .new-tab:hover:after {
    opacity: 1;
}

.new-content {
    display: none;
    gap: 40px;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    padding: 50px 0;
}

.new-content.active {
    display: grid;
}

.new-item {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 30px;
    color: initial;
    border-color: #e5e9ef;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
}

.new-item:hover {
    box-shadow: 0px 0px 29px 0px rgba(104, 136, 209, 0.16);
    border-color: #fff;
}

.new-item .img-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    min-height: 130px;
    border-radius: 5px;
}

.new-item .h6 {
    margin-bottom: 25px;
    font-weight: 400
}

.new-item .button-blue {
    margin-top: auto;
}

.new-item:hover .button-blue {
    color: #fff;
    background-color: #4091dd;
}

.new-link a:hover {
    text-decoration: underline;
}

@media screen and (max-width:1300px) {
    .new-content {
        gap: 20px;
    }
}

@media screen and (max-width:980px) {
    .new-top {
        flex-direction: column;
        align-items: flex-start;
    }
    .new-top h2 {
        margin-bottom: 30px;
    }
    .place span {
        display: inline;
    }
}

@media screen and (max-width:400px) {
    .new-top {
        justify-content: unset;
        align-items: unset;
    }
    .new-tabs {
        justify-content: flex-start;
        overflow-x: auto;
    }
}

/*************************************************************
HOME NEWS
*************************************************************/

.news-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 30px;
    margin-left: -30px;
    margin-right: -30px;
}

.news-item {
    display: flex;
    flex-direction: column;
    padding: 30px;
    color: initial;
    border-radius: 10px;
}

.news-item:hover {
    box-shadow: 0px 0px 29px 0px rgba(104, 136, 209, 0.16);
}

.item-company {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1;
    color: #67bf62;
}

.item-date {
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 1;
    opacity: 0.5;
}

.item-text {
    margin-bottom: 25px;
    font-size: 18px
}

.readmore {
    display: flex;
    align-items: center;
    margin-top: auto;
    color: #4091dd;
}

.readmore:after {
    content: '';
    width: 33px;
    height: 9px;
    margin-left: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAJBAMAAABONVgHAAAAIVBMVEVHcExAkd1Akd1Akd1Akd1Akd1Akd1Akd1Akd1Akd1Akd1pY07QAAAACnRSTlMA6z4/HlQgOEAhx7rdBwAAADBJREFUCNdjYEABDgxogFMIXYTBUAFdhFmUgWEVGihAU8Mkiq5LsQFNgE0Ywy6gewAAqAzmIL7WBwAAAABJRU5ErkJggg==) no-repeat center;
}

@media screen and (max-width:1300px) {
    .news-grid {
        gap: 20px;
    }
}

@media screen and (max-width:980px) {
    .new-tab {
        font-size: 16px;
        line-height: 1.4;
    }
    .new-tab:not(:last-of-type) {
        margin-right: 25px;
    }
}

/*************************************************************
HOME ABOUT, PARTNERS
*************************************************************/

.partners>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.partners a {
    margin-bottom: 10px;
}

/*************************************************************
BREADCRUMBS
*************************************************************/

.breadcrumbs {
    display: flex;
    padding: 30px 0;
    font-size: 12px;
}

.breadcrumbs a {
    display: flex;
    align-items: center;
    /* padding: 0 20px; */
        padding: 0px 10px;
        margin: 0px 10px;
    margin-left: -20px;
    border-radius: 5px;
    transition: .3s linear;
}



.breadcrumbs a:hover {
    background-color: #4091dd;
    text-decoration: none;
    color: #fff;
    /* margin-left: 0; */
}

/*************************************************************
SINGLE PAGE
*************************************************************/

.content-sidebar {
    display: grid;
    grid-template-columns: [content] 1fr [sidebar] minmax(300px, 380px);
    gap: 65px;
}

.post {
    grid-column: content;
}

.content h1 {
    margin-bottom: 30px;
}

@media screen and (max-width:1140px) and (min-width:981px) {
    .content-sidebar {
        gap: 30px;
    }
}

@media screen and (max-width:980px) {
    .content-sidebar {
        display: block
    }
}

/* LISTS */

.post ul, .post ol {
    margin: 40px 0;
    padding: 0;
    list-style: none;
}

.post ul li, .post ol li {
    position: relative;
    padding-left: 40px;
    overflow: hidden;
}

.post ul li:last-child, .post ol li:last-child {
    margin-bottom: 0;
}

.post ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 40px;
    height: 30px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAMAAACecocUAAAAbFBMVEVHcEz2iiL2iiL2iiL2iiL2iiL2iiL2iiL2iiL2iiL2iiL2iiL2iiL2iiL2iiL2iiL2iiL2iiL2iiL2iiL2iiL2iiL2iiL2iiL2iiL2iiL2iiL2iiL2iiL2iiL2iiL2iiL2iiL2iiL2iiL2iiJTD4+/AAAAI3RSTlMABAUSFRkcLS45PUhTWGNpeX2LjJKXm6Optrm98PL29/j8/v1JVnkAAABISURBVBjTPcZFEoAwEADBwd01OOz//0gRCH1qgKApIwst2UVkGbynh2gThNtbOR1aMVKq/x3xf4W9mucwfq0Bf75MATfrVQHcymgLBJ47bTUAAAAASUVORK5CYII=);
    background-position: center;
    background-repeat: no-repeat;
}

.post ol {
    counter-reset: listCounter;
}

.post ol li:before {
    counter-increment: listCounter;
    content: counter(listCounter);
    position: absolute;
    left: 0;
    top: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgb(191, 213, 47);
    background: linear-gradient(180deg, rgba(191, 213, 47, 1) 0%, rgba(102, 191, 98, 1) 100%);
    font-size: 14px;
    color: #fff;
}

/* TABLE */

.post table {
    width: 100%;
    max-width: 100%;
    margin: 50px 0;
    font-size: 15px;
    line-height: 1.3;
    border-collapse: collapse;
    border-spacing: 0;
    border-radius: 10px;
    overflow: hidden;
}

.post tbody tr:nth-child(odd) {
    background-color: #f2f4f7;
}

.post thead tr {
    color: #fff;
    background-color: #303549;
}

.post td {
    padding: 10px 5px;
    /* text-align: center; */
}

.post td:first-of-type {
    text-align: left;
}

.post td img {
    margin:0 0 -3px 5px;
    display: inline-block;

}    

@media screen and (max-width:768px) {
    .post table {
        display: block;
        width: auto;
        max-width: initial;
        overflow-x: auto;
    }
}

/* BLOCKQOTE */

blockquote {
    position: relative;
    margin: 40px 0;
}

blockquote:before {
    content: '';
    position: absolute;
    left: 0;
}

blockquote:not([class]) {
    padding: 25px 40px 25px 120px;
    border-radius: 10px;
    background: rgb(238, 245, 247);
    background: -moz-linear-gradient(0deg, rgba(238, 245, 247, 1) 0%, rgba(235, 238, 246, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(238, 245, 247, 1) 0%, rgba(235, 238, 246, 1) 100%);
    background: linear-gradient(0deg, rgba(238, 245, 247, 1) 0%, rgba(235, 238, 246, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eef5f7", endColorstr="#ebeef6", GradientType=1);
}

blockquote:not([class]):before {
    top: calc(50% - 27px);
    left: 35px;
    width: 50px;
    height: 54px;
    background-image: url(img/icon.png);
    background-position: -5px -0px;
    background-repeat: no-repeat;
}

blockquote.blue, blockquote.red {
    margin-left: 35px;
    padding: 15px 40px;
}

blockquote.blue:before, blockquote.red:before {
    top: 0;
    width: 5px;
    height: 100%;
    background-color: #4091dd;
    border-radius: 5px;
}

blockquote.red:before {
    background-color: #f68a22;
}

@media screen and (max-width:400px) {
    blockquote:not([class]) {
        padding: 25px 40px;
    }
    blockquote:not([class]):before {
        content: none
    }
}

/* FAQ */

.faq-wrap {
    margin: 40px 0;
}

.faq-item {
    margin-bottom: 20px;
    padding: 15px 30px;
    background-color: #f2f4f7;
    border-radius: 10px;
}

.faq-item-title {
    font-size: 24px;
}

.faq-item:not(.faq-item-active) {
    cursor: pointer;
}

.faq-item .faq-item-content {
    display: none;
    margin: 10px 0;
}

.faq-item:first-of-type .faq-item-content {
    display: block;
}

/* POST FOOTER */

.post-footer {
    display: flex;
    align-items: center;
    margin-top: 50px;
}

.post-footer .social {
    margin-right: 40px;
}

.social .ya-share2__list.ya-share2__list_direction_horizontal {
    margin-bottom: 0;
}

.social .ya-share2__list.ya-share2__list_direction_horizontal>.ya-share2__item {
    margin: 2px 8px 0 0;
}

.social .ya-share2__container_size_m .ya-share2__badge .ya-share2__icon {
    height: 35px;
    width: 45px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.ya-share2__container_mobile .ya-share2__badge {
    border-radius: 4px!important;
}

.post-tags {
    display: flex;
    flex-wrap: wrap;
}

.post .post-tags a {
    margin-right: 12px;
    margin-bottom: 12px;
    padding: 7px 14px;
    font-size: 13px;
    line-height: 1;
    color: #4091dd;
    text-decoration: none;
    border-radius: 5px;
    border: 1px solid #4091dd;
}

.post-footer .post-tags a {
    margin-bottom: 2px;
}

.post-tags a:hover {
    background-color: #4091dd;
    color: #fff;
}

@media screen and (max-width:728px) {
    .post-footer {
        flex-wrap: wrap;
        justify-content: center;
    }
    .post-footer .social {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

/* IMAGES */

.post img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin:40px auto;
}

.post figure img {
    border-radius: 10px 10px 0 0;
}

.post figure figcaption {
    padding: 10px;
    background-color: #f2f4f7;
    border-radius: 0 0 10px 10px;
    font-size: 15px;
    line-height: 1.3;
    text-align: center;
    opacity: 0.7;
}

.aligncenter {
    display: block;
    margin: 40px auto;
}

.alignright {
    float: right;
    margin: 0 0 40px 40px;
}

.alignleft {
    float: left;
    margin: 0 40px 40px 0;
}

.post iframe {
    margin: 30px 0
}

@media screen and (max-width:728px) {
    .alignright, .alignleft {
        float: none;
        display: table;
        margin: 40px auto;
    }
}

.olimpiclogo {
    float: left;
    margin-right: 10px;
}

/*************************************************************
RELATED POSTS
*************************************************************/

.other-sports {
    margin: 60px 0;
}

.other-sports .h2 {
    margin-bottom: 30px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e5e9ef;
}

.three-columns {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    column-gap: 30px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.three-columns a:hover {
    color: #f68a22
}

/*************************************************************
SPORT SECTION
*************************************************************/

.sportsection-card {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    justify-items: center;
    gap: 40px;
    margin: 45px 0;
    padding: 30px 40px;
    border-color: #e5e9ef;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
}

/* SECTION INFO */

.sportsection-info {
    display: flex;
    flex-direction: column;
}

.place, .phone, .site {
    position: relative;
    padding-left: 30px;
    font-size: 14px;
}

.new-item .place {
    margin-bottom: 25px;
}

.place span {
    display: block;
}

.place:before, .phone:before, .site:before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(img/icon.png);
    background-repeat: no-repeat;
}

.place:before {
    background-position: -5px -222px;
}

.phone:before {
    background-position: -5px -243px;
}

.site:before {
    background-position: -26px -224px;
}

.section-type {
    margin: 25px 0 18px;
    font-size: 14px;
}

.section-type .post-tags {
    margin-top: 10px;
}

.rating {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.new-item .rating {
    margin-bottom: 30px;
}

.rating span {
    width: 14px;
    height: 14px;
    margin-right: 1px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAMAAACuAq9NAAAAY1BMVEVHcEzk6fHk6fHk6fHk6fHk6fHk6fHk6fHk6fHk6fHk6fHk6fHk6fHk6fHk6fHk6fHk6fHk6fHk6fHk6fHk6fHk6fHk6fHk6fHk6fHk6fHk6fHk6fHk6fHk6fHk6fHk6fHk6fHgeegEAAAAIHRSTlMAAQQFDyEiKjxAR0hRaX2BhoeQkaCxtNPU3+Dl6vv8/iPqKUMAAABeSURBVBjTTcw1EsBAEMRAmZmZ5/+vdLDl8inrRABAXuDkr6vvsJKqX+EpnSEAUdlMhyQdU1NG1HKqofvVAgyfegC8xbR4Nt6Nmym4jVcAQKxnzrL5UQxAOiYAyZjCC4XLClhwEiBUAAAAAElFTkSuQmCC);
    background-position: center;
    background-repeat: no-repeat;
}

.rating span.active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAANCAMAAACuAq9NAAAAY1BMVEVHcEzx0STx0STx0STx0STx0STx0STx0STx0STx0STx0STx0STx0STx0STx0STx0STx0STx0STx0STx0STx0STx0STx0STx0STx0STx0STx0STx0STx0STx0STx0STx0STx0SRTvL78AAAAIHRSTlMAAQQFDyEiKjxAR0hRaX2BhoeQkaCxtNPU3+Dl6vv8/iPqKUMAAABeSURBVBjTTcw1EsBAEMRAmZmZ5/+vdLDl8inrRABAXuDkr6vvsJKqX+EpnSEAUdlMhyQdU1NG1HKqofvVAgyfegC8xbR4Nt6Nmym4jVcAQKxnzrL5UQxAOiYAyZjCC4XLClhwEiBUAAAAAElFTkSuQmCC);
}

.review {
    margin-left: 30px;
    font-size: 14px;
    opacity: 0.5
}

/* SECTION GALLERY */

.sportsection-gallery {
    max-width: 400px;
}

.sportsection-gallery a {
    position: relative;
    display: block;
    border-radius: 10px;
    overflow: hidden;
}

[data-fancybox]:focus {
    outline: none;
}

.sportsection-gallery img {
    display: block;
}

.big-block {
    margin-bottom: 20px;
    border-radius: 10px;
}

.small-block {
    display: flex;
}

.small-block a {
    margin-right: 15px;
    max-height: 60px;
}

.small-block a:last-of-type {
    margin-right: 0;
}

/* RELATED SECTION */

.related-sections {
    margin-top: 60px;
}

.related-sections .h2 {
    margin-bottom: 40px;
}

.sections-list {
    display: flex;
    flex-direction: column;
}

.section-item {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    padding: 30px 40px 65px;
    color: initial;
    border-color: #e5e9ef;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
}

.section-item:last-of-type {
    margin-bottom: 0;
}

.section-item:hover {
    border-color: #fff;
    box-shadow: 0px 0px 29px 0px rgba(104, 136, 209, 0.16);
}

.section-img {
    position: relative;
    margin-right: 30px;
}

.section-img .img-container {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 230px;
    min-height: 130px;
    border: 1px solid #e5e9ef;
    border-radius: 5px;
}

.section-img .rating {
    position: absolute;
    margin-top: 15px;
    margin-bottom: 0;
}

.section-img .review {
    margin-left: 20px;
}

.section-info {
    margin-right: 30px;
}

.section-info .h6 {
    margin-bottom: 25px;
    font-weight: 400;
}

.section-types {
    flex-basis: 150px;
    font-size: 14px;
    opacity: 0.5;
}

@media screen and (max-width:768px) {
    .sportsection-card {
        padding: 25px 30px;
    }
    .section-item {
        flex-direction: column;
        padding: 30px 40px;
    }
    .section-item>div {
        margin-right: 0;
        flex-basis: auto;
    }
    .section-item .img-container {
        margin-bottom: 15px;
        border: none
    }
    .section-img .rating {
        position: initial;
        margin-bottom: 25px;
    }
    .section-info {
        margin-bottom: 25px;
    }
}

/*************************************************************
COMMENTS
*************************************************************/

.comments {
    margin: 40px 0;
}

.comments .h2 {
    margin-bottom: 30px;
}

ol.comments-list, ul.children {
    margin: 0;
    padding: 0;
    list-style: none;
}

.comments-list .children li {
    margin-left: 30px;
}

.comments-list .comment {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.comment .avatar {
    margin-right: 30px;
}

.comment .comment-inner {
    display: flex;
    flex-direction: column;
}

.comment-meta {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    line-height: 1;
}

.comment-author {
    margin-right: 20px;
    font-size: 13px;
}

.comment-reply {
    padding: 5px 10px;
    font-size: 12px;
}

.comment-text {
    margin-bottom: 10px;
    line-height: 1.56;
}

.comment-date {
    font-size: 12px;
    opacity: 0.7;
}

@media screen and (max-width:728px) {
    .comment .avatar {
        display: none;
    }
}

/*************************************************************
ALPHABET
*************************************************************/

.alphabet {
    margin: 40px 0 65px;
}

.letter-block {
    margin-bottom: 50px;
}

.letter-block .h2 {
    margin-bottom: 30px;
    padding-bottom: 30px;
    font-weight: 400;
    border-bottom: 1px solid #e5e9ef;
}

.letter-block ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/*************************************************************
ARCHIVE
*************************************************************/

.archive-sections-list {
    margin: 40px 0;
}

/* RECOMMEND */

.recommend, .recommend:hover {
    position: relative;
    border-color: #f1d124;
}

.recommend-label {
    position: absolute;
    top: -18px;
    display: none;
    align-self: center;
    align-items: center;
    padding: 5px 14px;
    font-size: 14px;
    line-height: 1;
    color: #fda51d;
    background-color: #fff;
    border: 1px solid #f1d124;
    border-radius: 17px;
}

.recommend .recommend-label {
    display: flex;
}

.recommend-label:before {
    content: '';
    width: 32px;
    height: 24px;
    margin-right: 10px;
    background-image: url(img/icon.png);
    background-position: -5px -59px;
    background-repeat: no-repeat;
}

/* PAGINATION */

.pagination {}

.nav-links {
    display: flex;
    align-items: center;
}

.page-numbers {
    margin-right: 10px;
    padding: 18px 20px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    background-color: #4091dd;
    border-radius: 5px;
}

.page-numbers.current, .page-numbers:hover {
    color: initial;
    background-color: #f2f4f7;
}

@media screen and (max-width:728px) {
    .nav-links {
        justify-content: center;
    }
}

/*************************************************************
FORM
*************************************************************/

.recommend-info {
    position: relative;
    padding: 20px 20px 20px 90px;
    line-height: 1.4;
    border: 1px solid #f1d124;
    border-radius: 10px;
}

.recommend-info:before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% - 12px);
    width: 90px;
    height: 24px;
    background-image: url(img/icon.png);
    background-position: -5px -59px;
    background-repeat: no-repeat;
}

/*************************************************************
SIDEBAR
*************************************************************/

.sidebar-primary {
    grid-column: sidebar;
    display: flex;
    flex-direction: column;
}

.widget {
    margin-bottom: 70px;
}

.widgettitle {
    margin-bottom: 40px;
    font-size: 30px;
    line-height: 1;
}

.widgettitle span {
    font-weight: 600;
}

/* ADD COMPANY LINK */

.widget.add-company .button {
    display: block;
    width: 100%;
}

/* POPULAR POSTS */

.widget.popular-posts ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.widget.popular-posts li {
    position: relative;
    margin-bottom: 30px;
    padding-left: 50px;
    font-size: 18px;
    line-height: 1.67;
}

.widget.popular-posts li:last-of-type {
    margin-bottom: 0;
}

.widget.popular-posts li:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    width: 25px;
    height: 1px;
    background-color: #4091dd;
}

.widget.popular-posts li a {
    display: block;
    color: initial
}

.widget.popular-posts li a:hover {
    color: #4091dd;
}

/* SOCIAL */

.widget.social {
    text-align: center;
}

.widget.social span {
    display: block;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.4;
    opacity: 0.7;
}

.social-links {
    display: flex;
    align-items: center;
}

.widget.social .social-links {
    justify-content: center;
}

.widget.social a {
    width: 32px;
    height: 26px;
    margin: 0 15px;
    background-image: url(img/icon.png);
    background-repeat: no-repeat;
}

.widget.social .vk {
    height: 20px;
    background-position: -5px -119px;
}

.widget.social .fb {
    width: 27px;
    background-position: -5px -172px;
}

.widget.social .tw {
    background-position: -5px -88px;
}

.widget.social .you {
    height: 24px;
    background-position: -5px -144px;
}

.widget.social a:hover {
    opacity: 0.7;
}

/* RECLAME */

.widget.reclame {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    overflow: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 5%;
    min-height: 300px;
}

.widget.reclame div {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    line-height: 1;

}

.widget.partn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    line-height: 1;
    }

/* MEDIA */

@media screen and (max-width:1140px) and (min-width:981px) {
    .widget.popular-posts li {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 1.4;
    }
}

@media screen and (max-width:980px) {
    .sidebar-primary {
        /* display: none; */
    }
}

/*************************************************************
FOOTER
*************************************************************/

.footer-wrap {
    background: rgb(234, 241, 250);
    background: -moz-linear-gradient(0deg, rgba(234, 241, 250, 1) 0%, rgba(247, 248, 251, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(234, 241, 250, 1) 0%, rgba(247, 248, 251, 1) 100%);
    background: linear-gradient(0deg, rgba(234, 241, 250, 1) 0%, rgba(247, 248, 251, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eaf1fa", endColorstr="#f7f8fb", GradientType=1);
}

.footer-grid {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1300px;
    margin: 70px auto 0;
    padding-top: 30px;
    padding-bottom: 30px;
}

.footer-column {
    max-width: 250px;
    margin-bottom: 10px;
}

.footer-column:not(:last-of-type) {
    margin-right: 60px;
}

.footer-column a:hover {
    text-decoration: underline;
}

/* Copyright */

.footer-logo {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 10px;
    line-height: 1;
}

.footer-logo img {
    width: 200px;
    margin-right: 20px;
}

.logo-right div {
    font-size: 21px;
    text-transform: uppercase;
}

.logo-right span {
    font-weight: 600;
}

.copyright {
    padding-left: 0px;
    font-size: 14px;
    line-height: 1.4;
    opacity: 0.7;
}

/* About */

.footer-column.about {
    min-width: 250px;
}

/* Menu */

.footer-column.footer-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
}

/* Contact */

.footer-column.contact .h6 {
    margin-bottom: 15px;
    font-weight: 400;
}

.footer-column.contact .number {
    display: block;
    font-family: 'Oswald', sans-serif;
    font-size: 26px;
    color: initial;
}

.footer-column.contact .number span {
    color: #8c91a2
}

.footer-column.contact a {
    font-size: 14px;
}

/* Social */

.footer-column.social {
    flex-basis: 220px;
    font-size: 14px;
    line-height: 1.4;
    opacity: 0.7;
}

.footer-column.social .social-links {
    margin-top: 15px;
}

.footer-column.social a {
    width: 17px;
    height: 17px;
    margin-right: 10px;
    background-image: url(img/icon.png);
    background-repeat: no-repeat;
    opacity: 0.7;
}

.footer-column.social .vk {
    height: 11px;
    background-position: -26px -245px;
}

.footer-column.social .fb {
    width: 10px;
    background-position: -36px -172px;
}

.footer-column.social .tg {
    background-position: -5px -203px;
}

.footer-column.social .you {
    background-position: -26px -260px;
}

.footer-column.social .insta {
    background-position: -27px -203px;
}

@media screen and (max-width:1300px) {
    .footer-grid {
        flex-wrap: wrap;
        align-items: flex-start;
    }
    .footer-column {
        margin-bottom: 30px;
    }
}

@media screen and (max-width:728px) {
    .footer-grid {
        align-items: center;
        flex-direction: column;
        text-align: center;
    }
    .footer-column {
        max-width: 100%;
    }
    .footer-column:not(:last-of-type) {
        margin-right: 0;
    }
    .copyright {
        padding-left: 0;
    }
    .footer-column.social {
        flex-basis: auto;
        text-align: center;
    }
    .social-links {
        justify-content: center;
    }
}

/*************************************************************
OTHER MEDIA  
*************************************************************/

@media screen and (max-width:1300px) {
    .header-wrap, .menu-icon, .content-wrap, .footer-wrap {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media screen and (max-width:400px) {
    .header-wrap, .menu-icon, .content-wrap, .footer-wrap {
        padding-left: 15px;
        padding-right: 15px;
    }
}








  .faq {
        max-width: 800px;
        margin: 50px auto;
        font-family: Arial, sans-serif;
    }
    .faq-title {
        font-size: 24px;
        text-align: center;
        margin-bottom: 20px;
    }
    .faq-list {
        border-top: 1px solid #ccc;
    }
    .faq-item {
        border-bottom: 1px solid #ccc;
        padding: 10px 0;
    }
    .faq-question {
        width: 100%;
        background: none;
        border: none;
        text-align: left;
        font-size: 18px;
        padding: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        outline: none;
    }
    .faq-icon {
        transition: transform 0.3s ease;
    }
    .faq-answer {
        display: none;
        padding: 10px;
        font-size: 16px;
        line-height: 1.4;
    }
    .faq-item.active .faq-answer {
        display: block;
    }
    .faq-item.active .faq-icon {
        transform: rotate(90deg);
    }
    
    
/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    h1 {
        font-size: 28px; /* Уменьшили размер для мобильных */
        font-weight: 700; /* Оставили жирность */
        line-height: 1.2; /* Чуть увеличили читаемость */
    }
        h2 {
        font-size: 24px; /* Уменьшили размер для мобильных */
        font-weight: 700; /* Оставили жирность */
        line-height: 1.2; /* Чуть увеличили читаемость */
    }
            h3 {
        font-size: 20px; /* Уменьшили размер для мобильных */
        font-weight: 700; /* Оставили жирность */
        line-height: 1.2; /* Чуть увеличили читаемость */
    }
}