.no-repeat {
    background-repeat: no-repeat !important
}

.bg-size-cover {
    background-size: cover !important
}

.bg-size-contain {
    background-size: contain !important
}

.bg-position-left {
    background-position-x: left !important
}

.bg-position-right {
    background-position-x: right !important
}

.bg-position-top {
    background-position-y: top !important
}

.bg-position-bottom {
    background-position-y: bottom !important
}

.bg-position-center {
    background-position: 50% !important
}

::-webkit-input-placeholder {
    color: #a6a7a9
}

:-moz-placeholder, ::-moz-placeholder {
    color: #a6a7a9
}

:-ms-input-placeholder {
    color: #a6a7a9
}

input[type=text] {
    border-radius: 100px;
    border: 1px solid #edeef0;
    outline: 0;
    height: 40px;
    padding: 0 22px;
    width: 100%;
    font-size: 16px;
    transition-duration: .3s
}

input[type=text]:hover {
    border: 1px solid #ccced2
}

.dark-form input[type=text] {
    border: 1px solid #f4f6f9
}

.dark-form input[type=text].error {
    border: 1px solid #f69f45
}

.dark-form input[type=text]:hover {
    border-width: 0
}

.select2-container {
    font-size: 18px;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 36px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 14px;
    padding-right: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #e4e8ef;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px 20px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 0 solid #aaa;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, .06);
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 36px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    width: 1em;
    height: 1em;
    font-size: 12px;
    display: inline-block;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: #202227;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    margin-left: -4px;
    margin-top: -6px;
    position: absolute;
    top: 50%;
    transition: transform .2s ease-in-out
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg)
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f7f7f9
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #e4e8ef;
    color: #202227
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: linear-gradient(180deg, #fff 50%, #eee);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: linear-gradient(180deg, #eee 50%, #ccc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: linear-gradient(180deg, #fff 0, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: linear-gradient(180deg, #eee 50%, #fff);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

html {
    font-size: 10px;
    height: 100%
}

body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%
}

footer {
    margin-top: auto
}

img {
    max-width: 100%;
    height: auto
}

:focus {
    outline: 0
}

main {
    padding-top: 126px !important;
    min-height: 500px
}

section {
    width: 100%
}

a {
    transition-duration: 0s;
    text-decoration: none
}

a, a:hover {
    color: #2c8299
}

a:hover {
    transition-duration: .3s
}

.clear {
    clear: both
}

.table-1 > div {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}

.table-1 > div:nth-child(odd) {
    background-color: #fff
}

.table-1 > div:nth-child(2n) {
    background-color: #f8f8f8
}

.table-2 > div {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}

.table-2 > div:nth-child(odd) {
    background-color: #f8f8f8
}

.table-2 > div:nth-child(2n) {
    background-color: #fff
}

.cart-number {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, .1);
    border-radius: 2px;
    width: 24px;
    height: 24px
}

.input-search {
    border-radius: 100px;
    border: 1px solid #e4e8ef;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex: 1;
    flex: 1
}

.input-search input {
    border-width: 0;
    -ms-flex: 1;
    flex: 1;
    outline: none;
    font-size: 16px;
    padding: 5px 0;
    margin-left: 25px
}

.input-search .i-search {
    font-size: 13px;
    background-color: #5c5c5c
}

.input-search .btn-search {
    height: 40px;
    width: 50px;
    background-color: #e4e8ef;
    border-width: 0;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.text-decoration-underline {
    text-decoration: underline
}

.text-decoration-line-through {
    text-decoration: line-through
}

.link-1, .text-decoration-none {
    text-decoration: none
}

.link-1 {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 32px;
    font-size: 16px;
    font-weight: 500;
    color: #202227;
    border-radius: 22px;
    border: 1px solid #2c8299;
    margin-top: 24px;
    cursor: pointer;
    background-color: transparent;
    transition-duration: .15s
}

.link-1 > i {
    margin-left: 7px;
    background-color: #202227;
    font-size: 18px
}

.link-1:hover {
    background: linear-gradient(180deg, #2b7198, #2b9198);
    color: #fff
}

.link-1:hover > i {
    background-color: #fff
}

.link-8 {
    display: inline-block;
    cursor: pointer;
    padding: 12px 32px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 24px;
    text-decoration: none;
    border-radius: 100px;
    background: linear-gradient(180deg, #2b7198, #2b9198);
    margin-top: 24px
}

.link-8:hover {
    color: #fff;
    background: linear-gradient(180deg, #225f81, #228389)
}

.link-2 {
    cursor: pointer
}

.link-2, .link-2:hover {
    color: #2c8299;
    text-decoration: underline
}

.link-9 {
    cursor: pointer;
    color: #202227
}

.link-9, .link-9:hover {
    text-decoration: underline
}

.link-9:hover {
    color: #2c8299
}

.link-3 {
    cursor: pointer;
    color: #202227;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .06);
    font-size: 16px;
    text-decoration: none;
    border-radius: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 9px 10px 9px 18px
}

.link-3 .circle {
    padding: 0;
    background-color: #7a8094;
    border-radius: 50%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.link-3 .circle .icon {
    font-size: 25px
}

.link-3:hover {
    color: #202227;
    box-shadow: 0 0 12px 3px rgba(0, 0, 0, .07)
}

.link-3:hover .circle {
    background-color: #676d81
}

.link-4 {
    cursor: pointer;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px
}

.link-4, .link-4:hover {
    color: #2c8299
}

.link-5 {
    cursor: pointer;
    color: #6f727b;
    padding: 4px 18px;
    font-size: 14px;
    border: 1px solid #6f727b;
    border-radius: 100px;
    display: inline-block
}

.link-5 > i {
    font-size: 8px;
    background-color: #6f727b
}

.link-5:hover {
    color: #2c8299
}

.link-5:hover > i {
    background-color: #2c8299
}

.link-6 {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 0;
    height: 100%;
    font-size: 14px;
    color: #202227;
    background: #fff;
    box-shadow: 0 0 16px 4px rgba(0, 0, 0, .06);
    border-radius: 10px
}

.link-6:hover {
    box-shadow: 0 0 20px 6px rgba(0, 0, 0, .07);
    color: #202227
}

.link-6__title {
    font-weight: 600
}

.link-6__next {
    margin-top: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.link-6__next > i {
    background-color: #f69f45;
    font-size: 20px;
    margin-left: 10px
}

.link-7 {
    cursor: pointer;
    display: block;
    padding: 20px 24px;
    height: 100%;
    font-size: 16px;
    color: #202227;
    background: #fff;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .08);
    border-radius: 8px
}

.link-7:hover {
    box-shadow: 0 0 22px 3px rgba(0, 0, 0, .11);
    color: #202227
}

.link-7__title {
    font-weight: 600
}

.link-7__next {
    margin-top: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.link-7__next > i {
    background-color: #f69f45;
    font-size: 16px;
    margin-left: 8px
}

.img-profile {
    border-radius: 50%;
    background-color: #454851;
    width: 180px;
    height: 180px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.tags {
    font-size: 16px;
    margin-left: -9px;
    margin-right: -9px
}

.tags .tag {
    color: #b2b2b2;
    margin: auto 9px;
    text-decoration: none
}

.tags .tag:hover {
    color: #2c8299
}

.line-1 {
    height: 1px;
    width: 100%;
    background-color: rgba(32, 34, 39, .2)
}

.btn-1 {
    background: linear-gradient(180deg, #2b7198, #2b9198);
    border-radius: 22px;
    padding: 6px 21px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    border-width: 0;
    outline: 0
}

.btn-1 > i {
    background-color: #fff
}

.btn-1:hover {
    background: linear-gradient(180deg, #225f81, #228389)
}

.btn-category {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 36px;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, .06);
    border-radius: 4px;
    cursor: pointer;
    font-size: 18px
}

.btn-category .i-category {
    font-size: 15px;
    background-color: #202227;
    margin-right: 10px
}

.color-white, .color-white-hover:hover {
    color: #fff !important
}

.bg-color-white {
    background-color: #fff !important
}

.border-color-white {
    border-color: #fff !important
}

.color-1, .color-1-hover:hover {
    color: #202227 !important
}

.bg-color-1 {
    background-color: #202227 !important
}

.border-color-1 {
    border-color: #202227 !important
}

.color-2, .color-2-hover:hover {
    color: #2c8299 !important
}

.bg-color-2 {
    background-color: #2c8299 !important
}

.border-color-2 {
    border-color: #2c8299 !important
}

.color-3, .color-3-hover:hover {
    color: #757881 !important
}

.bg-color-3 {
    background-color: #757881 !important
}

.border-color-3 {
    border-color: #757881 !important
}

.color-4, .color-4-hover:hover {
    color: #edeef0 !important
}

.bg-color-4 {
    background-color: #edeef0 !important
}

.border-color-4 {
    border-color: #edeef0 !important
}

.color-5, .color-5-hover:hover {
    color: #f69f45 !important
}

.bg-color-5 {
    background-color: #f69f45 !important
}

.border-color-5 {
    border-color: #f69f45 !important
}

.color-6, .color-6-hover:hover {
    color: rgba(246, 159, 69, .1) !important
}

.bg-color-6 {
    background-color: rgba(246, 159, 69, .1) !important
}

.border-color-6 {
    border-color: rgba(246, 159, 69, .1) !important
}

.color-7, .color-7-hover:hover {
    color: #646876 !important
}

.bg-color-7 {
    background-color: #646876 !important
}

.border-color-7 {
    border-color: #646876 !important
}

.color-8, .color-8-hover:hover {
    color: #66676b !important
}

.bg-color-8 {
    background-color: #66676b !important
}

.border-color-8 {
    border-color: #66676b !important
}

.color-9, .color-9-hover:hover {
    color: #f59f45 !important
}

.bg-color-9 {
    background-color: #f59f45 !important
}

.border-color-9 {
    border-color: #f59f45 !important
}

.color-10, .color-10-hover:hover {
    color: #b2b2b2 !important
}

.bg-color-10 {
    background-color: #b2b2b2 !important
}

.border-color-10 {
    border-color: #b2b2b2 !important
}

.color-11, .color-11-hover:hover {
    color: #9ba1b4 !important
}

.bg-color-11 {
    background-color: #9ba1b4 !important
}

.border-color-11 {
    border-color: #9ba1b4 !important
}

.shadow-1 {
    box-shadow: 0 0 20px 4px rgba(0, 0, 0, .06)
}

.shadow-2 {
    box-shadow: 0 0 18px 1px rgba(0, 0, 0, .06)
}

.shadow-3 {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1)
}

.border-radius-rounded {
    border-radius: 100px
}

.border-radius-1 {
    border-radius: 10px
}

.border-radius-top-1 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.border-radius-2 {
    border-radius: 4px
}

.border-radius-top-2 {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.border-radius-3 {
    border-radius: 8px
}

.border-radius-top-3 {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.f-5 {
    font-size: 5px !important
}

.f-6 {
    font-size: 6px !important
}

.f-7 {
    font-size: 7px !important
}

.f-8 {
    font-size: 8px !important
}

.f-9 {
    font-size: 9px !important
}

.f-10 {
    font-size: 10px !important
}

.f-11 {
    font-size: 11px !important
}

.f-12 {
    font-size: 12px !important
}

.f-13 {
    font-size: 13px !important
}

.f-14 {
    font-size: 14px !important
}

.f-15 {
    font-size: 15px !important
}

.f-16 {
    font-size: 16px !important
}

.f-17 {
    font-size: 17px !important
}

.f-18 {
    font-size: 18px !important
}

.f-19 {
    font-size: 19px !important
}

.f-20 {
    font-size: 20px !important
}

.f-21 {
    font-size: 21px !important
}

.f-22 {
    font-size: 22px !important
}

.f-23 {
    font-size: 23px !important
}

.f-24 {
    font-size: 24px !important
}

.f-25 {
    font-size: 25px !important
}

.f-26 {
    font-size: 26px !important
}

.f-27 {
    font-size: 27px !important
}

.f-28 {
    font-size: 28px !important
}

.f-29 {
    font-size: 29px !important
}

.f-30 {
    font-size: 30px !important
}

.f-31 {
    font-size: 31px !important
}

.f-32 {
    font-size: 32px !important
}

.f-33 {
    font-size: 33px !important
}

.f-34 {
    font-size: 34px !important
}

.f-35 {
    font-size: 35px !important
}

.f-36 {
    font-size: 36px !important
}

@media (min-width: 0) {
    .f-xs-5 {
        font-size: 5px !important
    }

    .f-xs-6 {
        font-size: 6px !important
    }

    .f-xs-7 {
        font-size: 7px !important
    }

    .f-xs-8 {
        font-size: 8px !important
    }

    .f-xs-9 {
        font-size: 9px !important
    }

    .f-xs-10 {
        font-size: 10px !important
    }

    .f-xs-11 {
        font-size: 11px !important
    }

    .f-xs-12 {
        font-size: 12px !important
    }

    .f-xs-13 {
        font-size: 13px !important
    }

    .f-xs-14 {
        font-size: 14px !important
    }

    .f-xs-15 {
        font-size: 15px !important
    }

    .f-xs-16 {
        font-size: 16px !important
    }

    .f-xs-17 {
        font-size: 17px !important
    }

    .f-xs-18 {
        font-size: 18px !important
    }

    .f-xs-19 {
        font-size: 19px !important
    }

    .f-xs-20 {
        font-size: 20px !important
    }

    .f-xs-21 {
        font-size: 21px !important
    }

    .f-xs-22 {
        font-size: 22px !important
    }

    .f-xs-23 {
        font-size: 23px !important
    }

    .f-xs-24 {
        font-size: 24px !important
    }

    .f-xs-25 {
        font-size: 25px !important
    }

    .f-xs-26 {
        font-size: 26px !important
    }

    .f-xs-27 {
        font-size: 27px !important
    }

    .f-xs-28 {
        font-size: 28px !important
    }

    .f-xs-29 {
        font-size: 29px !important
    }

    .f-xs-30 {
        font-size: 30px !important
    }

    .f-xs-31 {
        font-size: 31px !important
    }

    .f-xs-32 {
        font-size: 32px !important
    }

    .f-xs-33 {
        font-size: 33px !important
    }

    .f-xs-34 {
        font-size: 34px !important
    }

    .f-xs-35 {
        font-size: 35px !important
    }

    .f-xs-36 {
        font-size: 36px !important
    }

    .w-xs-25 {
        width: 25% !important
    }

    .w-xs-50 {
        width: 50% !important
    }

    .w-xs-75 {
        width: 75% !important
    }

    .w-xs-100 {
        width: 100% !important
    }

    .w-xs-auto {
        width: auto !important
    }
}

@media (min-width: 576px) {
    .f-sm-5 {
        font-size: 5px !important
    }

    .f-sm-6 {
        font-size: 6px !important
    }

    .f-sm-7 {
        font-size: 7px !important
    }

    .f-sm-8 {
        font-size: 8px !important
    }

    .f-sm-9 {
        font-size: 9px !important
    }

    .f-sm-10 {
        font-size: 10px !important
    }

    .f-sm-11 {
        font-size: 11px !important
    }

    .f-sm-12 {
        font-size: 12px !important
    }

    .f-sm-13 {
        font-size: 13px !important
    }

    .f-sm-14 {
        font-size: 14px !important
    }

    .f-sm-15 {
        font-size: 15px !important
    }

    .f-sm-16 {
        font-size: 16px !important
    }

    .f-sm-17 {
        font-size: 17px !important
    }

    .f-sm-18 {
        font-size: 18px !important
    }

    .f-sm-19 {
        font-size: 19px !important
    }

    .f-sm-20 {
        font-size: 20px !important
    }

    .f-sm-21 {
        font-size: 21px !important
    }

    .f-sm-22 {
        font-size: 22px !important
    }

    .f-sm-23 {
        font-size: 23px !important
    }

    .f-sm-24 {
        font-size: 24px !important
    }

    .f-sm-25 {
        font-size: 25px !important
    }

    .f-sm-26 {
        font-size: 26px !important
    }

    .f-sm-27 {
        font-size: 27px !important
    }

    .f-sm-28 {
        font-size: 28px !important
    }

    .f-sm-29 {
        font-size: 29px !important
    }

    .f-sm-30 {
        font-size: 30px !important
    }

    .f-sm-31 {
        font-size: 31px !important
    }

    .f-sm-32 {
        font-size: 32px !important
    }

    .f-sm-33 {
        font-size: 33px !important
    }

    .f-sm-34 {
        font-size: 34px !important
    }

    .f-sm-35 {
        font-size: 35px !important
    }

    .f-sm-36 {
        font-size: 36px !important
    }

    .w-sm-25 {
        width: 25% !important
    }

    .w-sm-50 {
        width: 50% !important
    }

    .w-sm-75 {
        width: 75% !important
    }

    .w-sm-100 {
        width: 100% !important
    }

    .w-sm-auto {
        width: auto !important
    }
}

@media (min-width: 768px) {
    .f-md-5 {
        font-size: 5px !important
    }

    .f-md-6 {
        font-size: 6px !important
    }

    .f-md-7 {
        font-size: 7px !important
    }

    .f-md-8 {
        font-size: 8px !important
    }

    .f-md-9 {
        font-size: 9px !important
    }

    .f-md-10 {
        font-size: 10px !important
    }

    .f-md-11 {
        font-size: 11px !important
    }

    .f-md-12 {
        font-size: 12px !important
    }

    .f-md-13 {
        font-size: 13px !important
    }

    .f-md-14 {
        font-size: 14px !important
    }

    .f-md-15 {
        font-size: 15px !important
    }

    .f-md-16 {
        font-size: 16px !important
    }

    .f-md-17 {
        font-size: 17px !important
    }

    .f-md-18 {
        font-size: 18px !important
    }

    .f-md-19 {
        font-size: 19px !important
    }

    .f-md-20 {
        font-size: 20px !important
    }

    .f-md-21 {
        font-size: 21px !important
    }

    .f-md-22 {
        font-size: 22px !important
    }

    .f-md-23 {
        font-size: 23px !important
    }

    .f-md-24 {
        font-size: 24px !important
    }

    .f-md-25 {
        font-size: 25px !important
    }

    .f-md-26 {
        font-size: 26px !important
    }

    .f-md-27 {
        font-size: 27px !important
    }

    .f-md-28 {
        font-size: 28px !important
    }

    .f-md-29 {
        font-size: 29px !important
    }

    .f-md-30 {
        font-size: 30px !important
    }

    .f-md-31 {
        font-size: 31px !important
    }

    .f-md-32 {
        font-size: 32px !important
    }

    .f-md-33 {
        font-size: 33px !important
    }

    .f-md-34 {
        font-size: 34px !important
    }

    .f-md-35 {
        font-size: 35px !important
    }

    .f-md-36 {
        font-size: 36px !important
    }

    .w-md-25 {
        width: 25% !important
    }

    .w-md-50 {
        width: 50% !important
    }

    .w-md-75 {
        width: 75% !important
    }

    .w-md-100 {
        width: 100% !important
    }

    .w-md-auto {
        width: auto !important
    }
}

@media (min-width: 992px) {
    .f-lg-5 {
        font-size: 5px !important
    }

    .f-lg-6 {
        font-size: 6px !important
    }

    .f-lg-7 {
        font-size: 7px !important
    }

    .f-lg-8 {
        font-size: 8px !important
    }

    .f-lg-9 {
        font-size: 9px !important
    }

    .f-lg-10 {
        font-size: 10px !important
    }

    .f-lg-11 {
        font-size: 11px !important
    }

    .f-lg-12 {
        font-size: 12px !important
    }

    .f-lg-13 {
        font-size: 13px !important
    }

    .f-lg-14 {
        font-size: 14px !important
    }

    .f-lg-15 {
        font-size: 15px !important
    }

    .f-lg-16 {
        font-size: 16px !important
    }

    .f-lg-17 {
        font-size: 17px !important
    }

    .f-lg-18 {
        font-size: 18px !important
    }

    .f-lg-19 {
        font-size: 19px !important
    }

    .f-lg-20 {
        font-size: 20px !important
    }

    .f-lg-21 {
        font-size: 21px !important
    }

    .f-lg-22 {
        font-size: 22px !important
    }

    .f-lg-23 {
        font-size: 23px !important
    }

    .f-lg-24 {
        font-size: 24px !important
    }

    .f-lg-25 {
        font-size: 25px !important
    }

    .f-lg-26 {
        font-size: 26px !important
    }

    .f-lg-27 {
        font-size: 27px !important
    }

    .f-lg-28 {
        font-size: 28px !important
    }

    .f-lg-29 {
        font-size: 29px !important
    }

    .f-lg-30 {
        font-size: 30px !important
    }

    .f-lg-31 {
        font-size: 31px !important
    }

    .f-lg-32 {
        font-size: 32px !important
    }

    .f-lg-33 {
        font-size: 33px !important
    }

    .f-lg-34 {
        font-size: 34px !important
    }

    .f-lg-35 {
        font-size: 35px !important
    }

    .f-lg-36 {
        font-size: 36px !important
    }

    .w-lg-25 {
        width: 25% !important
    }

    .w-lg-50 {
        width: 50% !important
    }

    .w-lg-75 {
        width: 75% !important
    }

    .w-lg-100 {
        width: 100% !important
    }

    .w-lg-auto {
        width: auto !important
    }
}

@media (max-width: 1200px) {
    .menu__link, .menu__btn {
        font-weight: 500 !important;
        font-size: 14px !important;
    }
}
@media (max-width: 1024px) {
    .menu__link, .menu__btn {
        font-weight: 600 !important;
        font-size: 16px !important;
    }
}
@media (min-width: 1200px) {


    .f-xl-5 {
        font-size: 5px !important
    }

    .f-xl-6 {
        font-size: 6px !important
    }

    .f-xl-7 {
        font-size: 7px !important
    }

    .f-xl-8 {
        font-size: 8px !important
    }

    .f-xl-9 {
        font-size: 9px !important
    }

    .f-xl-10 {
        font-size: 10px !important
    }

    .f-xl-11 {
        font-size: 11px !important
    }

    .f-xl-12 {
        font-size: 12px !important
    }

    .f-xl-13 {
        font-size: 13px !important
    }

    .f-xl-14 {
        font-size: 14px !important
    }

    .f-xl-15 {
        font-size: 15px !important
    }

    .f-xl-16 {
        font-size: 16px !important
    }

    .f-xl-17 {
        font-size: 17px !important
    }

    .f-xl-18 {
        font-size: 18px !important
    }

    .f-xl-19 {
        font-size: 19px !important
    }

    .f-xl-20 {
        font-size: 20px !important
    }

    .f-xl-21 {
        font-size: 21px !important
    }

    .f-xl-22 {
        font-size: 22px !important
    }

    .f-xl-23 {
        font-size: 23px !important
    }

    .f-xl-24 {
        font-size: 24px !important
    }

    .f-xl-25 {
        font-size: 25px !important
    }

    .f-xl-26 {
        font-size: 26px !important
    }

    .f-xl-27 {
        font-size: 27px !important
    }

    .f-xl-28 {
        font-size: 28px !important
    }

    .f-xl-29 {
        font-size: 29px !important
    }

    .f-xl-30 {
        font-size: 30px !important
    }

    .f-xl-31 {
        font-size: 31px !important
    }

    .f-xl-32 {
        font-size: 32px !important
    }

    .f-xl-33 {
        font-size: 33px !important
    }

    .f-xl-34 {
        font-size: 34px !important
    }

    .f-xl-35 {
        font-size: 35px !important
    }

    .f-xl-36 {
        font-size: 36px !important
    }

    .w-xl-25 {
        width: 25% !important
    }

    .w-xl-50 {
        width: 50% !important
    }

    .w-xl-75 {
        width: 75% !important
    }

    .w-xl-100 {
        width: 100% !important
    }

    .w-xl-auto {
        width: auto !important
    }
}

.fw-100 {
    font-weight: 100 !important
}

.fw-200 {
    font-weight: 200 !important
}

.fw-300 {
    font-weight: 300 !important
}

.fw-400 {
    font-weight: 400 !important
}

.fw-500 {
    font-weight: 500 !important
}

.fw-600 {
    font-weight: 600 !important
}

.fw-700 {
    font-weight: 700 !important
}

.fw-800 {
    font-weight: 800 !important
}

.fw-900 {
    font-weight: 900 !important
}

.w0 {
    width: 0 !important
}

.mw0 {
    max-width: 0 !important
}

.min-w0 {
    min-width: 0 !important
}

.w1 {
    width: .25rem !important
}

.mw1 {
    max-width: .25rem !important
}

.min-w1 {
    min-width: .25rem !important
}

.w2 {
    width: .5rem !important
}

.mw2 {
    max-width: .5rem !important
}

.min-w2 {
    min-width: .5rem !important
}

.w3 {
    width: .75rem !important
}

.mw3 {
    max-width: .75rem !important
}

.min-w3 {
    min-width: .75rem !important
}

.w4 {
    width: 1rem !important
}

.mw4 {
    max-width: 1rem !important
}

.min-w4 {
    min-width: 1rem !important
}

.w5 {
    width: 1.25rem !important
}

.mw5 {
    max-width: 1.25rem !important
}

.min-w5 {
    min-width: 1.25rem !important
}

.w6 {
    width: 1.5rem !important
}

.mw6 {
    max-width: 1.5rem !important
}

.min-w6 {
    min-width: 1.5rem !important
}

.w7 {
    width: 1.75rem !important
}

.mw7 {
    max-width: 1.75rem !important
}

.min-w7 {
    min-width: 1.75rem !important
}

.w8 {
    width: 2rem !important
}

.mw8 {
    max-width: 2rem !important
}

.min-w8 {
    min-width: 2rem !important
}

.w9 {
    width: 2.25rem !important
}

.mw9 {
    max-width: 2.25rem !important
}

.min-w9 {
    min-width: 2.25rem !important
}

.w10 {
    width: 2.5rem !important
}

.mw10 {
    max-width: 2.5rem !important
}

.min-w10 {
    min-width: 2.5rem !important
}

.w11 {
    width: 2.75rem !important
}

.mw11 {
    max-width: 2.75rem !important
}

.min-w11 {
    min-width: 2.75rem !important
}

.w12 {
    width: 3rem !important
}

.mw12 {
    max-width: 3rem !important
}

.min-w12 {
    min-width: 3rem !important
}

.w13 {
    width: 3.25rem !important
}

.mw13 {
    max-width: 3.25rem !important
}

.min-w13 {
    min-width: 3.25rem !important
}

.w14 {
    width: 3.5rem !important
}

.mw14 {
    max-width: 3.5rem !important
}

.min-w14 {
    min-width: 3.5rem !important
}

.w15 {
    width: 3.75rem !important
}

.mw15 {
    max-width: 3.75rem !important
}

.min-w15 {
    min-width: 3.75rem !important
}

.w16 {
    width: 4rem !important
}

.mw16 {
    max-width: 4rem !important
}

.min-w16 {
    min-width: 4rem !important
}

.w17 {
    width: 4.25rem !important
}

.mw17 {
    max-width: 4.25rem !important
}

.min-w17 {
    min-width: 4.25rem !important
}

.w18 {
    width: 4.5rem !important
}

.mw18 {
    max-width: 4.5rem !important
}

.min-w18 {
    min-width: 4.5rem !important
}

.w19 {
    width: 4.75rem !important
}

.mw19 {
    max-width: 4.75rem !important
}

.min-w19 {
    min-width: 4.75rem !important
}

.w20 {
    width: 5rem !important
}

.mw20 {
    max-width: 5rem !important
}

.min-w20 {
    min-width: 5rem !important
}

.w21 {
    width: 5.25rem !important
}

.mw21 {
    max-width: 5.25rem !important
}

.min-w21 {
    min-width: 5.25rem !important
}

.w22 {
    width: 5.5rem !important
}

.mw22 {
    max-width: 5.5rem !important
}

.min-w22 {
    min-width: 5.5rem !important
}

.w23 {
    width: 5.75rem !important
}

.mw23 {
    max-width: 5.75rem !important
}

.min-w23 {
    min-width: 5.75rem !important
}

.w24 {
    width: 6rem !important
}

.mw24 {
    max-width: 6rem !important
}

.min-w24 {
    min-width: 6rem !important
}

.w25 {
    width: 6.25rem !important
}

.mw25 {
    max-width: 6.25rem !important
}

.min-w25 {
    min-width: 6.25rem !important
}

.w26 {
    width: 6.5rem !important
}

.mw26 {
    max-width: 6.5rem !important
}

.min-w26 {
    min-width: 6.5rem !important
}

.w27 {
    width: 6.75rem !important
}

.mw27 {
    max-width: 6.75rem !important
}

.min-w27 {
    min-width: 6.75rem !important
}

.w28 {
    width: 7rem !important
}

.mw28 {
    max-width: 7rem !important
}

.min-w28 {
    min-width: 7rem !important
}

.w29 {
    width: 7.25rem !important
}

.mw29 {
    max-width: 7.25rem !important
}

.min-w29 {
    min-width: 7.25rem !important
}

.w30 {
    width: 7.5rem !important
}

.mw30 {
    max-width: 7.5rem !important
}

.min-w30 {
    min-width: 7.5rem !important
}

.w31 {
    width: 7.75rem !important
}

.mw31 {
    max-width: 7.75rem !important
}

.min-w31 {
    min-width: 7.75rem !important
}

.w32 {
    width: 8rem !important
}

.mw32 {
    max-width: 8rem !important
}

.min-w32 {
    min-width: 8rem !important
}

.w33 {
    width: 8.25rem !important
}

.mw33 {
    max-width: 8.25rem !important
}

.min-w33 {
    min-width: 8.25rem !important
}

.w34 {
    width: 8.5rem !important
}

.mw34 {
    max-width: 8.5rem !important
}

.min-w34 {
    min-width: 8.5rem !important
}

.w35 {
    width: 8.75rem !important
}

.mw35 {
    max-width: 8.75rem !important
}

.min-w35 {
    min-width: 8.75rem !important
}

.w36 {
    width: 9rem !important
}

.mw36 {
    max-width: 9rem !important
}

.min-w36 {
    min-width: 9rem !important
}

.w37 {
    width: 9.25rem !important
}

.mw37 {
    max-width: 9.25rem !important
}

.min-w37 {
    min-width: 9.25rem !important
}

.w38 {
    width: 9.5rem !important
}

.mw38 {
    max-width: 9.5rem !important
}

.min-w38 {
    min-width: 9.5rem !important
}

.w39 {
    width: 9.75rem !important
}

.mw39 {
    max-width: 9.75rem !important
}

.min-w39 {
    min-width: 9.75rem !important
}

.w40 {
    width: 10rem !important
}

.mw40 {
    max-width: 10rem !important
}

.min-w40 {
    min-width: 10rem !important
}

.w41 {
    width: 10.25rem !important
}

.mw41 {
    max-width: 10.25rem !important
}

.min-w41 {
    min-width: 10.25rem !important
}

.w42 {
    width: 10.5rem !important
}

.mw42 {
    max-width: 10.5rem !important
}

.min-w42 {
    min-width: 10.5rem !important
}

.w43 {
    width: 10.75rem !important
}

.mw43 {
    max-width: 10.75rem !important
}

.min-w43 {
    min-width: 10.75rem !important
}

.w44 {
    width: 11rem !important
}

.mw44 {
    max-width: 11rem !important
}

.min-w44 {
    min-width: 11rem !important
}

.w45 {
    width: 11.25rem !important
}

.mw45 {
    max-width: 11.25rem !important
}

.min-w45 {
    min-width: 11.25rem !important
}

.w46 {
    width: 11.5rem !important
}

.mw46 {
    max-width: 11.5rem !important
}

.min-w46 {
    min-width: 11.5rem !important
}

.w47 {
    width: 11.75rem !important
}

.mw47 {
    max-width: 11.75rem !important
}

.min-w47 {
    min-width: 11.75rem !important
}

.w48 {
    width: 12rem !important
}

.mw48 {
    max-width: 12rem !important
}

.min-w48 {
    min-width: 12rem !important
}

.w49 {
    width: 12.25rem !important
}

.mw49 {
    max-width: 12.25rem !important
}

.min-w49 {
    min-width: 12.25rem !important
}

.w50 {
    width: 12.5rem !important
}

.mw50 {
    max-width: 12.5rem !important
}

.min-w50 {
    min-width: 12.5rem !important
}

.h0 {
    height: 0 !important
}

.mh0 {
    max-height: 0 !important
}

.min-h0 {
    min-height: 0 !important
}

.h1 {
    height: .25rem !important
}

.mh1 {
    max-height: .25rem !important
}

.min-h1 {
    min-height: .25rem !important
}

.h2 {
    height: .5rem !important
}

.mh2 {
    max-height: .5rem !important
}

.min-h2 {
    min-height: .5rem !important
}

.h3 {
    height: .75rem !important
}

.mh3 {
    max-height: .75rem !important
}

.min-h3 {
    min-height: .75rem !important
}

.h4 {
    height: 1rem !important
}

.mh4 {
    max-height: 1rem !important
}

.min-h4 {
    min-height: 1rem !important
}

.h5 {
    height: 1.25rem !important
}

.mh5 {
    max-height: 1.25rem !important
}

.min-h5 {
    min-height: 1.25rem !important
}

.h6 {
    height: 1.5rem !important
}

.mh6 {
    max-height: 1.5rem !important
}

.min-h6 {
    min-height: 1.5rem !important
}

.h7 {
    height: 1.75rem !important
}

.mh7 {
    max-height: 1.75rem !important
}

.min-h7 {
    min-height: 1.75rem !important
}

.h8 {
    height: 2rem !important
}

.mh8 {
    max-height: 2rem !important
}

.min-h8 {
    min-height: 2rem !important
}

.h9 {
    height: 2.25rem !important
}

.mh9 {
    max-height: 2.25rem !important
}

.min-h9 {
    min-height: 2.25rem !important
}

.h10 {
    height: 2.5rem !important
}

.mh10 {
    max-height: 2.5rem !important
}

.min-h10 {
    min-height: 2.5rem !important
}

.h11 {
    height: 2.75rem !important
}

.mh11 {
    max-height: 2.75rem !important
}

.min-h11 {
    min-height: 2.75rem !important
}

.h12 {
    height: 3rem !important
}

.mh12 {
    max-height: 3rem !important
}

.min-h12 {
    min-height: 3rem !important
}

.h13 {
    height: 3.25rem !important
}

.mh13 {
    max-height: 3.25rem !important
}

.min-h13 {
    min-height: 3.25rem !important
}

.h14 {
    height: 3.5rem !important
}

.mh14 {
    max-height: 3.5rem !important
}

.min-h14 {
    min-height: 3.5rem !important
}

.h15 {
    height: 3.75rem !important
}

.mh15 {
    max-height: 3.75rem !important
}

.min-h15 {
    min-height: 3.75rem !important
}

.h16 {
    height: 4rem !important
}

.mh16 {
    max-height: 4rem !important
}

.min-h16 {
    min-height: 4rem !important
}

.h17 {
    height: 4.25rem !important
}

.mh17 {
    max-height: 4.25rem !important
}

.min-h17 {
    min-height: 4.25rem !important
}

.h18 {
    height: 4.5rem !important
}

.mh18 {
    max-height: 4.5rem !important
}

.min-h18 {
    min-height: 4.5rem !important
}

.h19 {
    height: 4.75rem !important
}

.mh19 {
    max-height: 4.75rem !important
}

.min-h19 {
    min-height: 4.75rem !important
}

.h20 {
    height: 5rem !important
}

.mh20 {
    max-height: 5rem !important
}

.min-h20 {
    min-height: 5rem !important
}

.h21 {
    height: 5.25rem !important
}

.mh21 {
    max-height: 5.25rem !important
}

.min-h21 {
    min-height: 5.25rem !important
}

.h22 {
    height: 5.5rem !important
}

.mh22 {
    max-height: 5.5rem !important
}

.min-h22 {
    min-height: 5.5rem !important
}

.h23 {
    height: 5.75rem !important
}

.mh23 {
    max-height: 5.75rem !important
}

.min-h23 {
    min-height: 5.75rem !important
}

.h24 {
    height: 6rem !important
}

.mh24 {
    max-height: 6rem !important
}

.min-h24 {
    min-height: 6rem !important
}

.h25 {
    height: 6.25rem !important
}

.mh25 {
    max-height: 6.25rem !important
}

.min-h25 {
    min-height: 6.25rem !important
}

.h26 {
    height: 6.5rem !important
}

.mh26 {
    max-height: 6.5rem !important
}

.min-h26 {
    min-height: 6.5rem !important
}

.h27 {
    height: 6.75rem !important
}

.mh27 {
    max-height: 6.75rem !important
}

.min-h27 {
    min-height: 6.75rem !important
}

.h28 {
    height: 7rem !important
}

.mh28 {
    max-height: 7rem !important
}

.min-h28 {
    min-height: 7rem !important
}

.h29 {
    height: 7.25rem !important
}

.mh29 {
    max-height: 7.25rem !important
}

.min-h29 {
    min-height: 7.25rem !important
}

.h30 {
    height: 7.5rem !important
}

.mh30 {
    max-height: 7.5rem !important
}

.min-h30 {
    min-height: 7.5rem !important
}

.h31 {
    height: 7.75rem !important
}

.mh31 {
    max-height: 7.75rem !important
}

.min-h31 {
    min-height: 7.75rem !important
}

.h32 {
    height: 8rem !important
}

.mh32 {
    max-height: 8rem !important
}

.min-h32 {
    min-height: 8rem !important
}

.h33 {
    height: 8.25rem !important
}

.mh33 {
    max-height: 8.25rem !important
}

.min-h33 {
    min-height: 8.25rem !important
}

.h34 {
    height: 8.5rem !important
}

.mh34 {
    max-height: 8.5rem !important
}

.min-h34 {
    min-height: 8.5rem !important
}

.h35 {
    height: 8.75rem !important
}

.mh35 {
    max-height: 8.75rem !important
}

.min-h35 {
    min-height: 8.75rem !important
}

.h36 {
    height: 9rem !important
}

.mh36 {
    max-height: 9rem !important
}

.min-h36 {
    min-height: 9rem !important
}

.h37 {
    height: 9.25rem !important
}

.mh37 {
    max-height: 9.25rem !important
}

.min-h37 {
    min-height: 9.25rem !important
}

.h38 {
    height: 9.5rem !important
}

.mh38 {
    max-height: 9.5rem !important
}

.min-h38 {
    min-height: 9.5rem !important
}

.h39 {
    height: 9.75rem !important
}

.mh39 {
    max-height: 9.75rem !important
}

.min-h39 {
    min-height: 9.75rem !important
}

.h40 {
    height: 10rem !important
}

.mh40 {
    max-height: 10rem !important
}

.min-h40 {
    min-height: 10rem !important
}

.h41 {
    height: 10.25rem !important
}

.mh41 {
    max-height: 10.25rem !important
}

.min-h41 {
    min-height: 10.25rem !important
}

.h42 {
    height: 10.5rem !important
}

.mh42 {
    max-height: 10.5rem !important
}

.min-h42 {
    min-height: 10.5rem !important
}

.h43 {
    height: 10.75rem !important
}

.mh43 {
    max-height: 10.75rem !important
}

.min-h43 {
    min-height: 10.75rem !important
}

.h44 {
    height: 11rem !important
}

.mh44 {
    max-height: 11rem !important
}

.min-h44 {
    min-height: 11rem !important
}

.h45 {
    height: 11.25rem !important
}

.mh45 {
    max-height: 11.25rem !important
}

.min-h45 {
    min-height: 11.25rem !important
}

.h46 {
    height: 11.5rem !important
}

.mh46 {
    max-height: 11.5rem !important
}

.min-h46 {
    min-height: 11.5rem !important
}

.h47 {
    height: 11.75rem !important
}

.mh47 {
    max-height: 11.75rem !important
}

.min-h47 {
    min-height: 11.75rem !important
}

.h48 {
    height: 12rem !important
}

.mh48 {
    max-height: 12rem !important
}

.min-h48 {
    min-height: 12rem !important
}

.h49 {
    height: 12.25rem !important
}

.mh49 {
    max-height: 12.25rem !important
}

.min-h49 {
    min-height: 12.25rem !important
}

.h50 {
    height: 12.5rem !important
}

.mh50 {
    max-height: 12.5rem !important
}

.min-h50 {
    min-height: 12.5rem !important
}

.height-180 {
    height: 180px
}

.height-190 {
    height: 190px
}

.height-200 {
    height: 200px
}

.width-200 {
    width: 200px
}

.width-250 {
    width: 250px
}

.width-350 {
    width: 350px
}

.line-clamp-h1 {
    -webkit-line-clamp: 1;
    line-clamp: 1;
    max-height: 22.4px
}

.line-clamp-h1, .line-clamp-h2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 22.4px
}

.line-clamp-h2 {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    max-height: 44.8px
}

.line-clamp-h3 {
    -webkit-line-clamp: 3;
    line-clamp: 3;
    max-height: 67.2px
}

.line-clamp-h3, .line-clamp-h4 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 22.4px
}

.line-clamp-h4 {
    -webkit-line-clamp: 4;
    line-clamp: 4;
    max-height: 89.6px
}

.line-clamp-h5 {
    -webkit-line-clamp: 5;
    line-clamp: 5;
    max-height: 112px
}

.line-clamp-h5, .line-clamp-h6 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 22.4px
}

.line-clamp-h6 {
    -webkit-line-clamp: 6;
    line-clamp: 6;
    max-height: 134.4px
}

.line-clamp-h7 {
    -webkit-line-clamp: 7;
    line-clamp: 7;
    max-height: 156.8px
}

.line-clamp-h7, .line-clamp-h8 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 22.4px
}

.line-clamp-h8 {
    -webkit-line-clamp: 8;
    line-clamp: 8;
    max-height: 179.2px
}

.line-clamp-h9 {
    -webkit-line-clamp: 9;
    line-clamp: 9;
    max-height: 201.6px
}

.line-clamp-h9, .line-clamp-h10 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 22.4px
}

.line-clamp-h10 {
    -webkit-line-clamp: 10;
    line-clamp: 10;
    max-height: 224px
}

.line-clamp-p1 {
    -webkit-line-clamp: 1;
    line-clamp: 1;
    max-height: 21px
}

.line-clamp-p1, .line-clamp-p2 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 21px
}

.line-clamp-p2 {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    max-height: 42px
}

.line-clamp-p3 {
    -webkit-line-clamp: 3;
    line-clamp: 3;
    max-height: 63px
}

.line-clamp-p3, .line-clamp-p4 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 21px
}

.line-clamp-p4 {
    -webkit-line-clamp: 4;
    line-clamp: 4;
    max-height: 84px
}

.line-clamp-p5 {
    -webkit-line-clamp: 5;
    line-clamp: 5;
    max-height: 105px
}

.line-clamp-p5, .line-clamp-p6 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 21px
}

.line-clamp-p6 {
    -webkit-line-clamp: 6;
    line-clamp: 6;
    max-height: 126px
}

.line-clamp-p7 {
    -webkit-line-clamp: 7;
    line-clamp: 7;
    max-height: 147px
}

.line-clamp-p7, .line-clamp-p8 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 21px
}

.line-clamp-p8 {
    -webkit-line-clamp: 8;
    line-clamp: 8;
    max-height: 168px
}

.line-clamp-p9 {
    -webkit-line-clamp: 9;
    line-clamp: 9;
    max-height: 189px
}

.line-clamp-p9, .line-clamp-p10 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 21px
}

.line-clamp-p10 {
    -webkit-line-clamp: 10;
    line-clamp: 10;
    max-height: 210px
}

.br-0 {
    border-radius: 0
}

.br-top-right-0 {
    border-top-right-radius: 0
}

.br-top-left-0 {
    border-top-left-radius: 0
}

.br-bottom-right-0 {
    border-bottom-right-radius: 0
}

.br-bottom-left-0 {
    border-bottom-left-radius: 0
}

.br-top-0 {
    border-top-left-radius: 0
}

.br-right-0, .br-top-0 {
    border-top-right-radius: 0
}

.br-bottom-0, .br-right-0 {
    border-bottom-right-radius: 0
}

.br-bottom-0, .br-left-0 {
    border-bottom-left-radius: 0
}

.br-left-0 {
    border-top-left-radius: 0
}

.br-1 {
    border-radius: .25rem
}

.br-top-right-1 {
    border-top-right-radius: .25rem
}

.br-top-left-1 {
    border-top-left-radius: .25rem
}

.br-bottom-right-1 {
    border-bottom-right-radius: .25rem
}

.br-bottom-left-1 {
    border-bottom-left-radius: .25rem
}

.br-top-1 {
    border-top-left-radius: .25rem
}

.br-right-1, .br-top-1 {
    border-top-right-radius: .25rem
}

.br-bottom-1, .br-right-1 {
    border-bottom-right-radius: .25rem
}

.br-bottom-1, .br-left-1 {
    border-bottom-left-radius: .25rem
}

.br-left-1 {
    border-top-left-radius: .25rem
}

.br-2 {
    border-radius: .5rem
}

.br-top-right-2 {
    border-top-right-radius: .5rem
}

.br-top-left-2 {
    border-top-left-radius: .5rem
}

.br-bottom-right-2 {
    border-bottom-right-radius: .5rem
}

.br-bottom-left-2 {
    border-bottom-left-radius: .5rem
}

.br-top-2 {
    border-top-left-radius: .5rem
}

.br-right-2, .br-top-2 {
    border-top-right-radius: .5rem
}

.br-bottom-2, .br-right-2 {
    border-bottom-right-radius: .5rem
}

.br-bottom-2, .br-left-2 {
    border-bottom-left-radius: .5rem
}

.br-left-2 {
    border-top-left-radius: .5rem
}

.br-3 {
    border-radius: .75rem
}

.br-top-right-3 {
    border-top-right-radius: .75rem
}

.br-top-left-3 {
    border-top-left-radius: .75rem
}

.br-bottom-right-3 {
    border-bottom-right-radius: .75rem
}

.br-bottom-left-3 {
    border-bottom-left-radius: .75rem
}

.br-top-3 {
    border-top-left-radius: .75rem
}

.br-right-3, .br-top-3 {
    border-top-right-radius: .75rem
}

.br-bottom-3, .br-right-3 {
    border-bottom-right-radius: .75rem
}

.br-bottom-3, .br-left-3 {
    border-bottom-left-radius: .75rem
}

.br-left-3 {
    border-top-left-radius: .75rem
}

.br-4 {
    border-radius: 1rem
}

.br-top-right-4 {
    border-top-right-radius: 1rem
}

.br-top-left-4 {
    border-top-left-radius: 1rem
}

.br-bottom-right-4 {
    border-bottom-right-radius: 1rem
}

.br-bottom-left-4 {
    border-bottom-left-radius: 1rem
}

.br-top-4 {
    border-top-left-radius: 1rem
}

.br-right-4, .br-top-4 {
    border-top-right-radius: 1rem
}

.br-bottom-4, .br-right-4 {
    border-bottom-right-radius: 1rem
}

.br-bottom-4, .br-left-4 {
    border-bottom-left-radius: 1rem
}

.br-left-4 {
    border-top-left-radius: 1rem
}

.br-5 {
    border-radius: 1.25rem
}

.br-top-right-5 {
    border-top-right-radius: 1.25rem
}

.br-top-left-5 {
    border-top-left-radius: 1.25rem
}

.br-bottom-right-5 {
    border-bottom-right-radius: 1.25rem
}

.br-bottom-left-5 {
    border-bottom-left-radius: 1.25rem
}

.br-top-5 {
    border-top-left-radius: 1.25rem
}

.br-right-5, .br-top-5 {
    border-top-right-radius: 1.25rem
}

.br-bottom-5, .br-right-5 {
    border-bottom-right-radius: 1.25rem
}

.br-bottom-5, .br-left-5 {
    border-bottom-left-radius: 1.25rem
}

.br-left-5 {
    border-top-left-radius: 1.25rem
}

.br-6 {
    border-radius: 1.5rem
}

.br-top-right-6 {
    border-top-right-radius: 1.5rem
}

.br-top-left-6 {
    border-top-left-radius: 1.5rem
}

.br-bottom-right-6 {
    border-bottom-right-radius: 1.5rem
}

.br-bottom-left-6 {
    border-bottom-left-radius: 1.5rem
}

.br-top-6 {
    border-top-left-radius: 1.5rem
}

.br-right-6, .br-top-6 {
    border-top-right-radius: 1.5rem
}

.br-bottom-6, .br-right-6 {
    border-bottom-right-radius: 1.5rem
}

.br-bottom-6, .br-left-6 {
    border-bottom-left-radius: 1.5rem
}

.br-left-6 {
    border-top-left-radius: 1.5rem
}

.br-7 {
    border-radius: 1.75rem
}

.br-top-right-7 {
    border-top-right-radius: 1.75rem
}

.br-top-left-7 {
    border-top-left-radius: 1.75rem
}

.br-bottom-right-7 {
    border-bottom-right-radius: 1.75rem
}

.br-bottom-left-7 {
    border-bottom-left-radius: 1.75rem
}

.br-top-7 {
    border-top-left-radius: 1.75rem
}

.br-right-7, .br-top-7 {
    border-top-right-radius: 1.75rem
}

.br-bottom-7, .br-right-7 {
    border-bottom-right-radius: 1.75rem
}

.br-bottom-7, .br-left-7 {
    border-bottom-left-radius: 1.75rem
}

.br-left-7 {
    border-top-left-radius: 1.75rem
}

.br-8 {
    border-radius: 2rem
}

.br-top-right-8 {
    border-top-right-radius: 2rem
}

.br-top-left-8 {
    border-top-left-radius: 2rem
}

.br-bottom-right-8 {
    border-bottom-right-radius: 2rem
}

.br-bottom-left-8 {
    border-bottom-left-radius: 2rem
}

.br-top-8 {
    border-top-left-radius: 2rem
}

.br-right-8, .br-top-8 {
    border-top-right-radius: 2rem
}

.br-bottom-8, .br-right-8 {
    border-bottom-right-radius: 2rem
}

.br-bottom-8, .br-left-8 {
    border-bottom-left-radius: 2rem
}

.br-left-8 {
    border-top-left-radius: 2rem
}

.br-9 {
    border-radius: 2.25rem
}

.br-top-right-9 {
    border-top-right-radius: 2.25rem
}

.br-top-left-9 {
    border-top-left-radius: 2.25rem
}

.br-bottom-right-9 {
    border-bottom-right-radius: 2.25rem
}

.br-bottom-left-9 {
    border-bottom-left-radius: 2.25rem
}

.br-top-9 {
    border-top-left-radius: 2.25rem
}

.br-right-9, .br-top-9 {
    border-top-right-radius: 2.25rem
}

.br-bottom-9, .br-right-9 {
    border-bottom-right-radius: 2.25rem
}

.br-bottom-9, .br-left-9 {
    border-bottom-left-radius: 2.25rem
}

.br-left-9 {
    border-top-left-radius: 2.25rem
}

.br-10 {
    border-radius: 2.5rem
}

.br-top-right-10 {
    border-top-right-radius: 2.5rem
}

.br-top-left-10 {
    border-top-left-radius: 2.5rem
}

.br-bottom-right-10 {
    border-bottom-right-radius: 2.5rem
}

.br-bottom-left-10 {
    border-bottom-left-radius: 2.5rem
}

.br-top-10 {
    border-top-left-radius: 2.5rem
}

.br-right-10, .br-top-10 {
    border-top-right-radius: 2.5rem
}

.br-bottom-10, .br-right-10 {
    border-bottom-right-radius: 2.5rem
}

.br-bottom-10, .br-left-10 {
    border-bottom-left-radius: 2.5rem
}

.br-left-10 {
    border-top-left-radius: 2.5rem
}

.link-about-play {
    cursor: pointer;
    position: absolute;
    bottom: -36px;
    right: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 116px;
    height: 116px
}

.link-about-play__text {
    position: absolute;
    color: #fff;
    width: 120px;
    margin-right: 185px;
    margin-top: 0;
    font-size: 12px;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .25)
}

.link-about-play:hover > img {
    width: 113px;
    height: 113px
}

.btn-play {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 116px;
    height: 116px
}

.btn-play:hover > .btn-play__wrap {
    width: 58px;
    height: 58px
}

.btn-play__wrap {
    position: absolute;
    width: 116px;
    height: 116px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(/local/templates/auz/dist/img/video-play-wrap.png);
    transition-duration: .3s
}

.btn-play__inner {
    position: absolute;
    width: 58px;
    height: 58px;
    background-image: url(/local/templates/auz/dist/img/video-play.png)
}

.btn-dropdown {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 18px 20px;
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, .06);
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    transition: box-shadow .3s ease-in-out
}

.btn-dropdown:hover {
    box-shadow: 0 0 22px 3px rgba(0, 0, 0, .07)
}

.btn-dropdown > i.i-documents {
    font-size: 20px
}

.btn-dropdown > i.i-angle-down {
    margin-left: 4px;
    font-size: 10px
}

.btn-dropdown.active {
    background-color: #f7f8fb;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .06)
}

.dropdown-content {
    overflow: hidden;
    transition: max-height .15s ease-in-out;
    max-height: 0;
    box-shadow: 0 0 20px 4px rgba(0, 0, 0, .06);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px
}

.dropdown-content.active {
    max-height: 500px
}

.flex-0 {
    -ms-flex: 0 !important;
    flex: 0 !important
}

.flex-1 {
    -ms-flex: 1 !important;
    flex: 1 !important
}

.bg-video-materials {
    margin: 10px auto 0;
    width: 47px;
    height: 14px;
    background-size: contain;
    background: url(/local/templates/auz/dist/img/icon-video-materials.svg) 50% no-repeat
}

.bg-icon-partners {
    margin: 10px auto 0;
    width: 60px;
    height: 23px;
    background-size: contain;
    background: url(/local/templates/auz/dist/img/partners/partners-pc.svg) 50% no-repeat
}

@media (max-width: 992px) {
    .bg-icon-partners {
        width: 47px;
        height: 14px;
        background: url(/local/templates/auz/dist/img/partners/partners-mobile.svg) 50% no-repeat
    }
}

.numbers-1 {
    position: absolute
}

.numbers-1:before {
    position: absolute;
    content: "";
    width: 37px;
    height: 72px;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15);
    border-radius: 10px 0 0 0;
    margin-left: -6px;
    margin-top: -5px
}

.bg-aether {
    height: 90px;
    background-color: #edeef0;
    width: 100%
}

@media (min-width: 576px) {
    .bg-aether {
        height: 183px
    }
}

@media (min-width: 992px) {
    .bg-aether {
        height: 300px
    }
}

.icon {
    background-color: #7a8094
}

.icon, .icon-fix {
    width: 1em;
    height: 1em;
    display: inline-block;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.i-heart {
    -webkit-mask-image: url(../../dist/img/icons/i-heart.svg);
    mask-image: url(../../dist/img/icons/i-heart.svg)
}

.i-heart:hover {
    background-color: #de6262
}

.i-heart .active {
    background-color: #d81919
}

.i-comment {
    -webkit-mask-image: url(../../dist/img/icons/i-comment.svg);
    mask-image: url(../../dist/img/icons/i-comment.svg)
}

.i-comment:hover {
    background-color: #53596d
}

.i-menu {
    -webkit-mask-image: url(../../dist/img/icons/menu.svg);
    mask-image: url(../../dist/img/icons/menu.svg);
    background-color: #fff
}

.i-menu-close {
    -webkit-mask-image: url(../../dist/img/icons/menu-close.svg);
    mask-image: url(../../dist/img/icons/menu-close.svg);
    background-color: #fff
}

.i-arrow-right {
    -webkit-mask-image: url(../../dist/img/icons/arrow-right.svg);
    mask-image: url(../../dist/img/icons/arrow-right.svg);
    background-color: #fff
}

.i-page-prev {
    -webkit-mask-image: url(../../dist/img/icons/page-prev.svg);
    mask-image: url(../../dist/img/icons/page-prev.svg);
    margin-right: 2px
}

.i-page-next {
    -webkit-mask-image: url(../../dist/img/icons/page-next.svg);
    mask-image: url(../../dist/img/icons/page-next.svg);
    margin-left: 2px
}

.i-download {
    -webkit-mask-image: url(../../dist/img/icons/download.svg);
    mask-image: url(../../dist/img/icons/download.svg)
}

.i-download-2 {
    -webkit-mask-image: url(../../dist/img/icons/download-2.svg);
    mask-image: url(../../dist/img/icons/download-2.svg)
}

.i-cake {
    -webkit-mask-image: url(../../dist/img/icons/cake.svg);
    mask-image: url(../../dist/img/icons/cake.svg)
}

.i-instagram {
    -webkit-mask-image: url(../../dist/img/icons/instagram.svg);
    mask-image: url(../../dist/img/icons/instagram.svg)
}

.i-facebook {
    -webkit-mask-image: url(../../dist/img/icons/facebook.svg);
    mask-image: url(../../dist/img/icons/facebook.svg)
}

.i-telegram {
    -webkit-mask-image: url(../../dist/img/icons/telegram.svg);
    mask-image: url(../../dist/img/icons/telegram.svg)
}

.i-youtube {
    -webkit-mask-image: url(../../dist/img/icons/youtube.svg);
    mask-image: url(../../dist/img/icons/youtube.svg)
}

.i-user {
    -webkit-mask-image: url(../../dist/img/icons/user.svg);
    mask-image: url(../../dist/img/icons/user.svg)
}

.i-cart {
    -webkit-mask-image: url(../../dist/img/icons/cart.svg);
    mask-image: url(../../dist/img/icons/cart.svg)
}

.i-search {
    -webkit-mask-image: url(../../dist/img/icons/search.svg);
    mask-image: url(../../dist/img/icons/search.svg)
}

.i-down {
    -webkit-mask-image: url(../../dist/img/icons/down.svg);
    mask-image: url(../../dist/img/icons/down.svg)
}

.i-bracket {
    -webkit-mask-image: url(../../dist/img/icons/bracket.svg);
    mask-image: url(../../dist/img/icons/bracket.svg)
}

.i-link-next {
    -webkit-mask-image: url(../../dist/img/icons/link-next.svg);
    mask-image: url(../../dist/img/icons/link-next.svg)
}

.i-filter {
    -webkit-mask-image: url(../../dist/img/icons/i-filter.svg);
    mask-image: url(../../dist/img/icons/i-filter.svg)
}

.i-category {
    -webkit-mask-image: url(../../dist/img/icons/category.svg);
    mask-image: url(../../dist/img/icons/category.svg)
}

.i-submenu {
    -webkit-mask-image: url(../../dist/img/icons/submenu.svg);
    mask-image: url(../../dist/img/icons/submenu.svg)
}

.i-submenu-down {
    -webkit-mask-image: url(../../dist/img/icons/submenu-down.svg);
    mask-image: url(../../dist/img/icons/submenu-down.svg)
}

.i-play {
    -webkit-mask-image: url(../../dist/img/icons/i-play.svg);
    mask-image: url(../../dist/img/icons/i-play.svg)
}

.i-slider-prev {
    -webkit-mask-image: url(../../dist/img/icons/i-slider-prev.svg);
    mask-image: url(../../dist/img/icons/i-slider-prev.svg)
}

.i-slider-next {
    -webkit-mask-image: url(../../dist/img/icons/i-slider-next.svg);
    mask-image: url(../../dist/img/icons/i-slider-next.svg)
}

.i-angle-up {
    -webkit-mask-image: url(../../dist/img/icons/i-angle-up.svg);
    mask-image: url(../../dist/img/icons/i-angle-up.svg)
}

.i-angle-down {
    -webkit-mask-image: url(../../dist/img/icons/i-angle-down.svg);
    mask-image: url(../../dist/img/icons/i-angle-down.svg)
}

.i-angle-left {
    -webkit-mask-image: url(../../dist/img/icons/i-angle-left.svg);
    mask-image: url(../../dist/img/icons/i-angle-left.svg)
}

.i-angle-right {
    -webkit-mask-image: url(../../dist/img/icons/i-angle-right.svg);
    mask-image: url(../../dist/img/icons/i-angle-right.svg)
}

.i-link-user {
    -webkit-mask-image: url(../../dist/img/icons/i-link-user.svg);
    mask-image: url(../../dist/img/icons/i-link-user.svg)
}

.i-img-search {
    -webkit-mask-image: url(../../dist/img/icons/i-img-search.svg);
    mask-image: url(../../dist/img/icons/i-img-search.svg)
}

.i-documents {
    -webkit-mask-image: url(../../dist/img/icons/i-documents.svg);
    mask-image: url(../../dist/img/icons/i-documents.svg)
}

.i-important {
    -webkit-mask-image: url(../../dist/img/icons/i-important.svg);
    mask-image: url(../../dist/img/icons/i-important.svg);
    background-color: #bb5a5a
}

.i-urgent {
    -webkit-mask-image: url(../../dist/img/icons/i-urgent.svg);
    mask-image: url(../../dist/img/icons/i-urgent.svg);
    background-color: #f69f45
}

.i-product-all {
    -webkit-mask-image: url(../../dist/img/icons/product-all.svg);
    mask-image: url(../../dist/img/icons/product-all.svg)
}

.i-product-1 {
    -webkit-mask-image: url(../../dist/img/icons/product-1.svg);
    mask-image: url(../../dist/img/icons/product-1.svg)
}

.i-product-2 {
    -webkit-mask-image: url(../../dist/img/icons/product-2.svg);
    mask-image: url(../../dist/img/icons/product-2.svg)
}

.i-product-3 {
    -webkit-mask-image: url(../../dist/img/icons/product-3.svg);
    mask-image: url(../../dist/img/icons/product-3.svg)
}

.i-product-4 {
    -webkit-mask-image: url(../../dist/img/icons/product-4.svg);
    mask-image: url(../../dist/img/icons/product-4.svg)
}

.i-product-5 {
    -webkit-mask-image: url(../../dist/img/icons/product-5.svg);
    mask-image: url(../../dist/img/icons/product-5.svg)
}

.i-product-6 {
    -webkit-mask-image: url(../../dist/img/icons/product-6.svg);
    mask-image: url(../../dist/img/icons/product-6.svg)
}

.i-product-7 {
    -webkit-mask-image: url(../../dist/img/icons/product-7.svg);
    mask-image: url(../../dist/img/icons/product-7.svg)
}

.i-remove {
    -webkit-mask-image: url(../../dist/img/icons/remove.svg);
    mask-image: url(../../dist/img/icons/remove.svg)
}

header {
    position: fixed;
    z-index: 1000;
    width: 100%
}

header .header {
    height: 72px;
    border-bottom: 1px solid #edeef0;
    background-color: #fff;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

header .logo {
    max-width: 160px
}

header .auth a, header .cart a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #202227;
    font-size: 14px
}

header .auth a i, header .cart a i {
    background-color: #202227;
    font-size: 20px
}

header .auth a:hover, header .cart a:hover {
    color: #2c8299
}

header .auth a:hover > i, header .cart a:hover > i {
    background-color: #2c8299
}

header .cart > .cart-count {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 12px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-left: 42px;
    margin-top: -12px;
    background-color: #f69f45;
    cursor: default
}

header .search {
    -ms-flex: 1;
    flex: 1
}

header .search, header .search > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

header .search > div {
    border-radius: 100px;
    background-color: #fff;
    border: 1px solid #edeef0;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    -ms-flex: 1;
    flex: 1
}

header .search input {
    border-width: 0;
    outline: none;
    margin-left: 10px;
    -ms-flex: 1;
    flex: 1
}

header .search__filter {
    color: #6c6e72;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 103px;
    height: 28px;
    margin-left: 4px;
    background-color: #f2f3f4;
    border-radius: 100px;
    cursor: pointer
}

header .search__filter > i {
    background-color: #6c6e72;
    font-size: 8px;
    margin-left: 4px
}

header .search .btn-search {
    height: 36px;
    width: 48px;
    background-color: #e4e8ef;
    border-width: 0;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

header .search .i-search {
    background-color: #5c5c5c;
    font-size: 13px
}

header .phone {
    font-size: 18px;
    font-weight: 600;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

header .phone a {
    color: #202227
}

header .phone a, header .phone a :hover {
    text-decoration: none
}

main {
    padding-top: 100px
}

}
@media (max-width: 991px) {
    header .search {
        margin-top: 60px
    }

    header .search > div {
        max-width: calc(720px - var(--bs-gutter-x, .75rem))
    }

    header .logo {
        max-width: 55px
    }
}

@media (max-width: 767px) {
    header .search {
        margin-top: 60px
    }

    header .search > div {
        max-width: calc(540px - var(--bs-gutter-x, .75rem))
    }
}

@media (max-width: 575px) {
    header {
        height: 60px
    }

    header .search {
        margin-top: 50px
    }

    header .logo {
        max-width: 37px
    }

    header .auth a, header .cart a {
        font-size: 12px
    }

    main {
        padding-top: 166px
    }
}

footer {
    background-color: #f7f8fb
}

footer a {
    text-decoration: none;
    color: #202227
}

footer a:hover {
    color: #2c8299
}

footer .link-download {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: underline
}

footer .link-download > .icon {
    color: #202227
}

footer .link-download > span {
    margin-right: 5px
}

.icons-soc > a {
    background: #202227;
    width: 28px;
    height: 28px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    transition-duration: 0s
}

.icons-soc > a > i {
    font-size: 14px;
    background-color: #fff
}

.icons-soc > a:hover {
    background: linear-gradient(180deg, #2b7198, #2b9198)
}

.pagination > .pages {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px
}

.pagination > .pages > div {
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, .06);
    border-radius: 2px;
    margin: 0 3px
}

.pagination > .pages > div, .pagination > .pages > div > a {
    width: 36px;
    height: 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 14px;
    color: #202227
}

.pagination > .pages > div.active {
    background: linear-gradient(180deg, #2b7198, #2b9198);
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, .06);
    border-radius: 2px;
    color: #fff
}

.pagination > .links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 16px
}

.pagination > .links > div {
    margin: 0 9px;
    width: 130px
}

.pagination > .links > div > a {
    width: 100%;
    padding: 8px 0;
    color: #202227;
    font-size: 14px;
    background: #edeef0;
    border-radius: 2px;
    text-decoration: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination > .links > div > a > .icon {
    background-color: #202227
}

.pagination > .links > div > span {
    width: 100%;
    padding: 8px 0;
    color: #7e8189;
    font-size: 14px;
    background: #edeef0;
    border-radius: 2px;
    text-decoration: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination > .links > div > span > .icon {
    background-color: #7e8189
}

.pagination > .links > div .icon {
    font-size: 8px
}

.news-video__link {
    overflow: hidden;
    cursor: pointer
}

.news-video__link-bg {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    transition: background-color .15s ease 0s;
    background-color: rgba(0, 0, 0, .1)
}

.news-video__link-img {
    width: 100%;
    transition: transform .15s ease 0s;
    transform: scaleX(1)
}

.news-video__link:hover .news-video__link-bg {
    background-color: rgba(0, 0, 0, .3)
}

.news-video__link:hover .news-video__link-img {
    transform: scale3d(1.05, 1.05, 1.05)
}

.news-video__play {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #edeef0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    left: calc(50% - 30px);
    top: calc(50% - 30px);
    cursor: pointer;
    transition-duration: .1s
}

.news-video__play > .icon {
    background: linear-gradient(180deg, #2b7198, #2b9198);
    font-size: 20px;
    margin-left: 5px
}

.news-video__date {
    color: #757881;
    font-weight: 300;
    font-size: 14px
}

.news-video__category {
    background-color: #f2f3f4;
    font-size: 12px;
    border-radius: 12px;
    padding: 3px 24px
}

.news-video__title {
    font-weight: 600;
    font-size: 16px;
    line-height: 22.4px;
    margin-top: 6px
}

.news-video__description {
    font-size: 14px;
    margin-top: 6px;
    line-height: 19.6px
}

.news-video__description > span {
    color: #75777d
}

.date-next-video {
    display: -ms-flexbox;
    display: flex
}

.date-next-video__title {
    font-size: 16px;
    color: #75777d
}

.date-next-video__date {
    font-weight: 600;
    font-size: 16px;
    color: #2c8299;
    margin-left: 24px
}

.date-next-video__date:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    margin-top: 10px;
    margin-left: -9px;
    background: #f59f44;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);
    border-radius: 5px
}

.img-zoom__link {
    overflow: hidden;
    cursor: pointer;
    border-radius: 10px
}

.img-zoom__link-bg {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 10px;
    z-index: 1;
    width: 100%;
    height: 100%;
    transition: background-color .15s ease 0s;
    background-color: transparent
}

.img-zoom__link-bg > i {
    font-size: 50px;
    background-color: transparent
}

.img-zoom__link-img {
    width: 100%;
    border-radius: 10px;
    transition: transform .15s ease 0s;
    transform: scaleX(1)
}

.img-zoom__link:hover .img-zoom__link-bg {
    background-color: rgba(0, 0, 0, .3)
}

.img-zoom__link:hover .img-zoom__link-bg > i {
    background-color: #fff
}

.img-zoom__link:hover .img-zoom__link-img {
    transform: scale3d(1.05, 1.05, 1.05)
}

.tabs-item {
    cursor: pointer
}

.tab-pane {
    display: none
}

.tab-pane.active {
    display: block
}

.tabs-history {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    margin-top: -45px;
    overflow: auto;
    width: 100%;
    padding-bottom: 5px;
    margin-bottom: 5px
}

.tabs-history > .tabs-item {
    margin-right: 55px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.tabs-history > .tabs-item:hover .history-year {
    color: #5a6073;
    transition-duration: .3s
}

.tabs-history > .tabs-item:hover .history-point > div {
    background-color: #5a6073;
    transition-duration: .3s
}

.tabs-history > .tabs-item .history-year {
    color: #b0b5c1;
    font-size: 24px;
    font-weight: 900
}

.tabs-history > .tabs-item .history-point {
    border-radius: 50%;
    border: 1px solid inherit;
    width: 18px;
    height: 18px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.tabs-history > .tabs-item .history-point > div {
    border-radius: 50%;
    background-color: #b0b5c1;
    width: 8px;
    height: 8px
}

.tabs-history > .tabs-item.active .history-year {
    color: #2c8299
}

.tabs-history > .tabs-item.active .history-point > div {
    background: linear-gradient(180deg, #2b7198, #2b9198)
}

.tabs-history > .tabs-item.active .history-point {
    border: 1px solid #2b7198
}

.history-line {
    height: 1px;
    width: 100%;
    margin-top: 50px;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #7a8094 5%, #7a8094 95%, hsla(0, 0%, 100%, 0))
}

.structure-tabs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    background-color: #e4e8ef;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .1);
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    overflow: auto
}

.structure-tabs > div {
    -ms-flex: 1;
    flex: 1;
    padding: 16px 0;
    cursor: pointer
}

.structure-tabs > div > div {
    height: 100%;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid #c0c3cb;
    font-size: 16px;
    line-height: 22.4px;
    text-align: center;
    padding: 0 10px
}

.structure-tabs > div.active {
    background-color: #fff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

.structure-tabs > div.active > div {
    font-weight: 600;
    color: #2c8299
}

.structure-tabs > div.active-prev > div, .structure-tabs > div.active > div {
    border-right: 1px solid transparent
}

.structure-tabs > div:last-child > div {
    border-right: 0 solid #c0c3cb
}

.tabs-style-1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.tabs-style-1 > .tabs-item {
    text-decoration: underline;
    margin: 0 10px;
    padding: 3px 15px;
    border-radius: 5px;
    font-size: 16px
}

.tabs-style-1 > .tabs-item.active {
    background-color: #fff;
    text-decoration: none
}

.mission-bg {
    left: 0;
    right: 0;
    position: absolute;
    height: 100%;
    width: 100vw;
    background: url(../../dist/img/bg-mission.png) no-repeat;
    background-size: contain;
    z-index: -1
}

.mission > .col:before {
    position: absolute;
    content: url(../../dist/img/icons-fix/tilde.svg);
    margin-left: -22px
}

.mission-index {
    position: absolute;
    font-size: 36px;
    font-weight: 900;
    color: #000;
    opacity: .15;
    margin-top: -23px
}

.advantages__content {
    background: #f4f6f9;
    border-radius: 0 0 16px 16px;
    padding: 40px 80px 40px 40px
}

.advantages .tabs-advantages, .advantages .tabs-advantages > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.advantages .tabs-advantages > div {
    width: 45%
}

.advantages .tabs-advantages__left {
    cursor: pointer
}

.advantages .tabs-advantages__left:not(.active):hover > .tabs-advantages__left-title {
    color: #4e515a
}

.advantages .tabs-advantages__left:not(.active):hover > .tabs-advantages__left-title .check {
    background: #e0c5a9
}

.advantages .tabs-advantages__left.active > .tabs-advantages__left-corner {
    background: #f4f6f9;
    box-shadow: none
}

.advantages .tabs-advantages__left.active > .tabs-advantages__left-title {
    background: #f4f6f9;
    box-shadow: none;
    color: #202227
}

.advantages .tabs-advantages__left.active > .tabs-advantages__left-title .check {
    background: #f69f45
}

.advantages .tabs-advantages__right {
    cursor: pointer
}

.advantages .tabs-advantages__right:not(.active):hover > .tabs-advantages__right-title {
    color: #4e515a
}

.advantages .tabs-advantages__right:not(.active):hover > .tabs-advantages__right-title .check {
    background: #e0c5a9
}

.advantages .tabs-advantages__right.active > .tabs-advantages__right-corner {
    background: #f4f6f9;
    box-shadow: none
}

.advantages .tabs-advantages__right.active > .tabs-advantages__right-title {
    background: #f4f6f9;
    box-shadow: none;
    color: #202227
}

.advantages .tabs-advantages__right.active > .tabs-advantages__right-title .check {
    background: #f69f45
}

.advantages .tabs-advantages .tabs-advantages__left-corner, .advantages .tabs-advantages .tabs-advantages__right-corner {
    height: 60px;
    background: #e4e8ef;
    width: 60px
}

.advantages .tabs-advantages .tabs-advantages__left-corner {
    transform: skewX(44deg);
    margin-left: -30px;
    border-top-right-radius: 20px;
    box-shadow: inset -2px 2px 4px rgba(0, 0, 0, .1)
}

.advantages .tabs-advantages .tabs-advantages__right-corner {
    transform: skewX(-44deg);
    margin-right: -30px;
    border-top-left-radius: 20px;
    box-shadow: inset 2px 2px 4px rgba(0, 0, 0, .1)
}

.advantages .tabs-advantages .tabs-advantages__left-title, .advantages .tabs-advantages .tabs-advantages__right-title {
    background: #e4e8ef;
    color: #80848e;
    font-weight: 700;
    font-size: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 1;
    flex: 1;
    z-index: 1
}

.advantages .tabs-advantages .tabs-advantages__left-title .check, .advantages .tabs-advantages .tabs-advantages__right-title .check {
    width: 10px;
    height: 10px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .25);
    border-radius: 2px;
    margin-right: 10px;
    background: #80848e
}

.advantages .tabs-advantages .tabs-advantages__left-title {
    padding-left: 30px;
    border-top-left-radius: 16px;
    border-top-right-radius: 20px;
    box-shadow: inset 3px 2px 4px rgba(0, 0, 0, .1)
}

.advantages .tabs-advantages .tabs-advantages__right-title {
    border-top-left-radius: 20px;
    border-top-right-radius: 16px;
    box-shadow: inset -3px 2px 4px rgba(0, 0, 0, .1)
}

@media (max-width: 992px) {
    .advantages__content {
        padding: 40px
    }
}

@media (max-width: 576px) {
    .advantages__content {
        padding: 20px
    }

    .advantages .tabs-advantages .tabs-advantages__left-corner {
        transform: skewX(30deg)
    }

    .advantages .tabs-advantages .tabs-advantages__right-corner {
        transform: skewX(-30deg)
    }
}

.membership__number {
    margin-left: 67px
}

.membership .i-bracket {
    font-size: 80px;
    background-color: #e9e9e9
}

.concept__col {
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

.concept__col, .concept__col-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column
}

.concept__col-body {
    background-position: 50%;
    background-repeat: no-repeat;
    flex-direction: column;
    border-radius: 10px;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.concept__col-body-fon {
    position: absolute;
    width: 100%;
    height: 100%
}

.concept__col-body-main {
    z-index: 1;
    padding: 70px 45px 100px
}

.concept__col-title {
    line-height: 28.6px;
    font-weight: 700;
    text-align: center;
    font-size: 22px;
    margin-top: 5px;
    margin-bottom: 8px
}

.concept__col-text {
    line-height: 24px;
    text-align: center
}

.concept__col-img {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 70px
}

.concept__bend {
    margin-top: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.concept__bend-main {
    background-color: red;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    border-width: 50px 50px 0 0;
    border-color: purple;
    border-style: solid;
    position: relative;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, .06)
}

.concept__bend-left {
    background-color: #fff;
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    width: 10em;
    height: 10em;
    display: inline-block
}

.concept__bend-right {
    width: calc(50% - 50px);
    background-color: #9acd32
}

.concept__number {
    margin-top: -32px;
    display: -ms-flexbox;
    display: flex
}

.concept__number, .concept__number > div {
    -ms-flex-pack: center;
    justify-content: center
}

.concept__number > div {
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .06);
    width: 84px;
    height: 84px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

.concept__number > div > img {
    height: 36px
}

.position-static {
    position: static
}

.position-relative {
    position: relative
}

.position-absolute {
    position: absolute
}

.position-sticky {
    position: sticky
}

.position-fixed {
    position: fixed
}

.top {
    top: 0
}

.right {
    right: 0
}

.bottom {
    bottom: 0
}

.left {
    left: 0
}

::-webkit-scrollbar-button {
    background-repeat: no-repeat;
    width: 6px;
    height: 0
}

::-webkit-scrollbar-track {
    background-color: #d4d5db
}

::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #535764
}

::-webkit-scrollbar-thumb:hover {
    background-color: #202227
}

::-webkit-resizer {
    background-repeat: no-repeat;
    width: 6px;
    height: 0
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.slider-main__item {
    position: relative
}

.slider-main__item-block {
    position: absolute;
    margin-top: 176px;
    padding: 0 15px
}

.slider-main__item-title {
    color: #fff;
    line-height: 26.4px;
    font-size: 22px;
    font-weight: 900
}

@media (min-width: 576px) {
    .slider-main__item-block {
        margin-top: 360px;
        margin-left: 39px;
        width: 536px
    }

    .slider-main__item-title {
        line-height: 43.2px;
        font-size: 22px
    }
}

@media (min-width: 992px) {
    .slider-main__item-block {
        margin-top: 168px;
        margin-left: 95px
    }
}

.cursor-pointer {
    cursor: pointer
}

footer .accordion-button {
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0;
    background: none;
    cursor: pointer
}

footer .accordion-button:not(.collapsed) {
    background: none
}

footer .accordion-button:after {
    margin-left: 5px
}

.swiper-container.sw-images {
    position: relative
}

.swiper-container.sw-images .sw-next, .swiper-container.sw-images .sw-prev {
    position: absolute;
    width: 26px;
    height: 26px;
    background-color: #fff;
    border-radius: 50%;
    opacity: .7;
    top: calc(50% - 13px);
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.swiper-container.sw-images .sw-next > i, .swiper-container.sw-images .sw-prev > i {
    font-size: 10px;
    background-color: #202227
}

.swiper-container.sw-images .sw-prev {
    left: 16px
}

.swiper-container.sw-images .sw-prev:hover {
    opacity: .9
}

.swiper-container.sw-images .sw-next {
    right: 16px
}

.swiper-container.sw-images .sw-next:hover {
    opacity: .9
}

.swiper-container.sw-images > .sw-pagination {
    position: absolute;
    bottom: 16px;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.swiper-container.sw-images > .sw-pagination > .swiper-pagination-bullet {
    width: 47px;
    height: 2px;
    border-radius: 0;
    background-color: #b8babd;
    margin: 0
}

.swiper-container.sw-images > .sw-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #2c8299
}

.sw-type-2 {
    position: relative
}

.sw-type-2 .sw-next, .sw-type-2 .sw-prev {
    position: absolute;
    width: 48px;
    height: 48px;
    outline: none;
    background-color: #fff;
    border-radius: 50%;
    opacity: .9;
    top: calc(50% - 39px);
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 2px 0 6px rgba(0, 0, 0, .5);
    transition: opacity .3s
}

.sw-type-2 .sw-next > i, .sw-type-2 .sw-prev > i {
    font-size: 16px;
    background: linear-gradient(#2b7198, #2b9198)
}

.sw-type-2 .sw-prev {
    left: -24px
}

.sw-type-2 .sw-prev:hover {
    opacity: 1
}

.sw-type-2 .sw-next {
    right: -24px
}

.sw-type-2 .sw-next:hover {
    opacity: 1
}

.sw-type-2-photo .sw-next, .sw-type-2-photo .sw-prev {
    top: calc(50% - 24px)
}

[slick-next], [slick-prev] {
    border-radius: 50%;
    cursor: pointer
}

.slick-slide {
    outline: none
}

.slick-dotted.slick-slider {
    margin-bottom: 0
}

.partners .slick-track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.partners .slick-track .slick-slide {
    margin: 0 16px
}

.partners .slick-track .slick-slide img {
    width: 100%
}

.slick-btn-style-1 {
    position: absolute;
    right: 22px;
    bottom: 70px;
    z-index: 1
}

.slick-btn-style-1 [slick-next], .slick-btn-style-1 [slick-prev] {
    width: 26px;
    height: 26px;
    border-width: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.slick-btn-style-1 [slick-next].update .progress-ring__circle, .slick-btn-style-1 [slick-prev].update .progress-ring__circle {
    transition: stroke-dashoffset 5s;
    stroke-dashoffset: 0 !important
}

.slick-btn-style-1 [slick-next].update:hover .progress-ring__inner, .slick-btn-style-1 [slick-prev].update:hover .progress-ring__inner {
    transition: stroke .3s, stroke-dashoffset 5s;
    stroke: #fff
}

.slick-btn-style-1 [slick-next].update:hover .progress-ring__circle, .slick-btn-style-1 [slick-prev].update:hover .progress-ring__circle {
    transition: stroke .3s, stroke-dashoffset 5s;
    stroke: #45abc7
}

.slick-btn-style-1 [slick-next]:hover .progress-ring__inner, .slick-btn-style-1 [slick-prev]:hover .progress-ring__inner {
    transition: stroke .3s, stroke-dashoffset 0s;
    stroke: #fff
}

.slick-btn-style-1 [slick-next]:hover .progress-ring__circle, .slick-btn-style-1 [slick-prev]:hover .progress-ring__circle {
    transition: stroke .3s, stroke-dashoffset 0s;
    stroke: #45abc7
}

.slick-btn-style-1 [slick-next]:hover .icon, .slick-btn-style-1 [slick-prev]:hover .icon {
    transition: background-color .3s;
    background-color: #fff
}

.slick-btn-style-1 [slick-prev] {
    margin-top: 10px
}

.slick-btn-style-1 .progress-ring {
    width: 26px;
    height: 26px;
    position: absolute
}

.slick-btn-style-1 .icon {
    background-color: #b8babd;
    font-size: 10px
}

.slick-btn-style-1 .progress-ring > circle {
    fill: transparent;
    transform-origin: center;
    transform: rotate(180deg);
    transition: stroke-dashoffset 0s
}

.slick-btn-style-1 .progress-ring > circle.progress-ring__inner {
    stroke: #b8babd
}

.slick-btn-style-1 .progress-ring > circle.progress-ring__circle {
    stroke: #2c8299
}

.slick-number-slider {
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    bottom: 15px;
    right: 22px;
    z-index: 1;
    font-size: 14px;
    font-weight: 600
}

.slick-number-slider__current {
    color: #2c8299
}

.slick-number-slider__total {
    color: #b8babd
}

.slick-main__dots {
    position: absolute;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    bottom: 30px;
    right: 22px
}

.slick-main__dots li {
    font-size: 0
}

.slick-main__dots li > button {
    width: 28px;
    height: 3px;
    background-color: #b8babd;
    border-width: 0
}

.slick-main__dots li > button:hover {
    transition: background-color .3s;
    background-color: #fff
}

.slick-main__dots li.slick-active > button {
    background-color: #2c8299
}

.snippet {
    clear: both;
    padding-top: 60px;
    -ms-flex-direction: column;
    flex-direction: column
}

.snippet__title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 16px;
    -ms-flex-order: 1;
    order: 1
}

.snippet__float {
    position: relative;
    margin-bottom: 10px;
    -ms-flex-order: 2;
    order: 2
}

.snippet__text {
    -ms-flex-order: 3;
    order: 3
}

.select2 {
    width: 170px !important;
}

.select2-results__option {
    padding: 6px 15px;
}

.tabs-advantages span {
    font-size: 24px !important;
    line-height: 130%;
}

#politics {
    margin-right: 5px;
}

.btn-1:disabled {
    background: linear-gradient(180deg, #225f81, #3b5d5f);
}

.form-switch .form-check-input {
    margin-right: 0px;
}

.link-about-play__text {
    right: 85px;
    margin-right: 0px;
}

.main-menu > ul > li:hover {
    color: #2c8299;
}


.modal-backdrop {
    z-index: 9998;
}

.modal {
    z-index: 9999;
}

.contacts__download {
    color: #202227;
    border: 1px solid #202227;
}

.contacts__download i {
    background-color: #202227;
}

.concept__col-body-fon {
    position: absolute;
    width: 123px;
    height: 56px;
    bottom: -20px;
    background-color: white;
    left: 50%;
    margin-left: -61.5px;
}

.concept__col-body {
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 6%);
    border-radius: 10px;
}

.concept__number {
    margin-top: -12px;
    display: flex;
    z-index: 11;
}

.concept__col:not(last-child) {
    margin-left: 15px;
}

.line-clamp-h3, .line-clamp-h4, .line-clamp-h1, .line-clamp-h2 {
    color: #202227
}

.icons-social__item:not(:first-child) {
    margin-left: 16px;
}

@media screen and (max-width: 400px) {
    .icons-social__item:not(:first-child) {
        margin-left: 5px;
    }
    .icons-social__item {
        margin-left: 5px;
    }
}

.icons-social__item-footer:not(:first-child) {
    margin-left: 8px;
}

.sovety__wrapper {
    display: flex;
    flex-wrap: wrap;
}

.sovety__wrapper__item {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #202227;
    height: 88px;
    border-radius: 4px;
    flex-basis: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    background-size: cover;
}

.sovety__wrapper__item:hover {
    box-shadow: 0 0 20px 4px rgb(0 0 0 / 6%);
    cursor: pointer;
}

.sovety__wrapper__item a {
    color: #202227;
}

.sovety__wrapper__item a:hover {
    color: #2c8299;
}


.sovety__wrapper__item:nth-child(1) {
    background-image: url('/local/templates/auz/dist/img/structure/pravovoj-sovet.png');
}

.sovety__wrapper__item:nth-child(2) {
    background-image: url('/local/templates/auz/dist/img/structure/mezhdunarodnyj-sovet.png');
}

.sovety__wrapper__item:nth-child(3) {
    background-image: url('/local/templates/auz/dist/img/structure/komitet-po-meditsinskomu-obrazovaniyu.png');
}

.sovety__wrapper__item:nth-child(3) {
    background-image: url('/local/templates/auz/dist/img/structure/komitet-po-meditsinskomu-obrazovaniyu.png');
}

.sovety__wrapper__item:nth-child(4) {
    background-image: url('/local/templates/auz/dist/img/structure/komitet-po-meditsinskoy-i-farmatsevticheskoy-industrii.png');
}

.concepts__mobile {
    display: none;
}

.tabs-advantages span {
    font-size: 21px !important;
}

@media (max-width: 768px) {
    .tabs-advantages span {
        font-size: 18px !important;
        text-align: center;
    }
}

@media (max-width: 375px) {
    .tabs-advantages span {
        font-size: 12px !important;
        text-align: center;
    }

    .concept {
        display: none;
    }

    .concepts__desktop {
        display: none;
    }

    .concepts__mobile {
        display: block;
    }

    .concepts__h1 {
        padding-bottom: 1rem !important;
    }

    .concepts-header {
        display: flex;
        align-items: center;
    }

    .concepts-header__text {
        margin-left: 22px;
    }

    .concepts-header__image {

    }
}


.card-container {
    display: flex;
    margin-top: 30px;
}

.info-card {
    display: flex;
    flex-direction: column;
    margin-left: 29px;
}

.info-card__author {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #202227;
}

.info-card__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    color: #202227;
}

.info-card__code {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #C2C2C2;
    margin-top: 8px;
}

.info-card__feature {
    margin-top: 36px;
}

.feature__line {
    display: flex;
    margin-top: 10px;
}

.feature__name {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #6D6E72;
    flex-basis: 40%;
}

.feature__value {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #202227;
    flex-basis: 60%;
}

.price-card {
    display: flex;
    flex-direction: column;
    min-width: 255px;
    align-self: baseline;
    padding: 22px 29px;
    background: #FFFFFF;
    box-shadow: 0px 0px 18px 1px rgba(0, 0, 0, 0.06);
    border-radius: 4px;
}

.price-card__title {
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #202227;
}

.price-card__old {
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    color: #B2B2B2;
    margin-top: 11px;
}

.price-card__base {
    font-weight: 700;
    font-size: 30px;
    line-height: 45px;
    color: #202227;
    margin-top: 2px;
}

.price-card__buy {
    background: linear-gradient(180deg, #2B7198 0%, #2B9198 100%);
    border-radius: 22.5px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 22px;
}

.price-card__buy svg {
    margin-right: 6px;
}

.price-card__favor {
    display: flex;
    align-items: center;
    margin-top: 10px;
    justify-content: center;
}

.price-card__favor svg {
    margin-right: 8px;
}

.image-card__block {
    width: 340px;
    height: 340px;
    background-color: #4548510D;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.image-card__badge {
    position: absolute;
    background: #F69F45;
    border-radius: 2px 2px 0px 2px;
    bottom: 0px;
    right: 0px;
    padding: 4px 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #FFFFFF;
}

.product-slider {
    display: flex;
    margin-top: 10px;
}

.product-slider__item {
    width: 45px;
    height: 45px;
    background: linear-gradient(0deg, rgba(69, 72, 81, 0.05), rgba(69, 72, 81, 0.05)), url(image.png);
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-slider__item:hover {
    border: 1px solid #A5A9B4;
}

.product-slider__image {
    width: 27px;
    height: 42px;
}

.card-descr {
    margin-top: 62px;
}

.card-descr__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    max-width: 825px;
}

.card-descr__spoiler {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #000000;
}


.list-reset {
    margin: 0;
    padding: 0;
    list-style: none;
}

header nav {
    background: #FFFFFF;
    box-shadow: 0px 2px 22px rgba(0, 0, 0, 0.07);
    padding: 10px 0px;
}

.menu {
    display: grid;
    align-items: center;
    grid-auto-flow: column;
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu__add-member{
    border: 2px solid #212B4C;
    border-radius: 5px;
    text-align: center;
}
.menu__add-member:hover{
    border-color: #485a98;
}

.menu__item {
    position: relative;
}

.menu__item:not(:last-child) {
    margin-right: 20px;
}

.menu__btn {
    border: none;
    padding: 5px 10px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #202227;
    cursor: pointer;
    background: transparent;
    transition: background-color 0.3s ease-in-out;
    position: relative;
}

.menu__btn:after {
    content: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23202227' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -14px;
}

.menu__btn--active {
    color: #2C8299;
}

.menu__btn--active:after {
    transform: rotate(180deg);
    margin-top: -10px;
}

.dropdown {
    position: absolute;
    left: 0;
    top: 50px;
    width: max-content;
    max-width: 360px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    background: #FFFFFF;
    box-shadow: 0px 0px 22px 4px rgba(0, 0, 0, 0.07);
    border-radius: 12px;
    padding: 20px 30px;
}

.dropdown--active {
    opacity: 1;
    visibility: visible;
}


.menu__link {
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #202227;
    justify-content: center;
}

.dropdown__link {
    display: block;
    width: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #202227;
}

.dropdown__item:not(:first-child) {
    margin-top: 14px;
}

.menu__link:hover, .menu__btn:hover {
    color: #2c8299;
}

.breadcrumbs {
    display: flex;
    align-items: center;
    padding: 15px 0px;
}

.burger {
    position: relative;
    width: 30px;
    height: 20px;
    display: none;
    border: none;
    padding: 0;
    background-color: transparent;
    cursor: pointer;
    margin-left: 30px;
}

.burger__line {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    background-color: #000;
    transform: translateY(-50%);
    transition: opacity 0.3s ease-in-out;
}

.burger::before,
.burger::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out;
}

.burger::before {
    top: 0;
}

.burger::after {
    bottom: 0;
}

.burger--active .burger__line {
    opacity: 0;
}

.burger--active::before {
    top: 50%;
    transform: rotate(45deg);
}

.burger--active::after {
    bottom: auto;
    top: 50%;
    transform: rotate(-45deg);
}

.stop-scroll {
    overflow: hidden;
}

@media (max-width: 1024px) {
    main {
        padding-top: 76px !important;

    }

    .stop-scroll {
        overflow: hidden;
    }

    .burger {
        display: block;
    }

    .nav {

        position: fixed;
        right: 0;
        top: 73px;
        z-index: 1000;
        overflow-y: auto;
        padding: 30px 0;
        width: 100%;
        height: calc(100vh - 73px);
        background-color: #fff;
        transform: translateX(100%);
        transition: transform 0.6s ease-in-out;
    }

    .nav--visible {
        transform: none;
    }

    .menu__btn {
        padding: 0px 10px 0px 0px;
    }

    .menu {
        grid-auto-flow: row;
    }

    .menu__item:not(:first-child) {
        margin-top: 20px;
    }

    .dropdown {
        position: static;
        width: 100%;
        height: 0px;
        box-shadow: none;
        padding: 0px;
    }

    .dropdown--active {

        padding: 10px 0px 10px 10px;
        height: max-content;
    }
}