@charset 'UTF-8';
/*@font-face {
    font-family: GothamPro;
    font-weight: 900;
    font-style: normal;
    src: url(../fonts/GothamPro/GothamProBlack/GothamProBlack.eot);
    src: url(../fonts/GothamPro/GothamProBlack/GothamProBlack.eot?#iefix) format('embedded-opentype'), url(../fonts/GothamPro/GothamProBlack/GothamProBlack.woff) format('woff'), url(../fonts/GothamPro/GothamProBlack/GothamProBlack.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: GothamPro;
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/GothamPro/GothamProBold/GothamProBold.eot);
    src: url(../fonts/GothamPro/GothamProBold/GothamProBold.eot?#iefix) format('embedded-opentype'), url(../fonts/GothamPro/GothamProBold/GothamProBold.woff) format('woff'), url(../fonts/GothamPro/GothamProBold/GothamProBold.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: GothamPro;
    font-weight: 500;
    font-style: normal;
    src: url(../fonts/GothamPro/GothamProMedium/GothamProMedium.eot);
    src: url(../fonts/GothamPro/GothamProMedium/GothamProMedium.eot?#iefix) format('embedded-opentype'), url(../fonts/GothamPro/GothamProMedium/GothamProMedium.woff) format('woff'), url(../fonts/GothamPro/GothamProMedium/GothamProMedium.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: GothamPro;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/GothamPro/GothamProRegular/GothamProRegular.eot);
    src: url(../fonts/GothamPro/GothamProRegular/GothamProRegular.eot?#iefix) format('embedded-opentype'), url(../fonts/GothamPro/GothamProRegular/GothamProRegular.woff) format('woff'), url(../fonts/GothamPro/GothamProRegular/GothamProRegular.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: GothamPro;
    font-weight: 200;
    font-style: normal;
    src: url(../fonts/GothamPro/GothamProLight/GothamPro-Light.eot);
    src: url(../fonts/GothamPro/GothamProLight/GothamPro-Light.eot?#iefix) format('embedded-opentype'), url(../fonts/GothamPro/GothamProLight/GothamPro-Light.woff) format('woff'), url(../fonts/GothamPro/GothamProLight/GothamPro-Light.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: fontawesome;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/font-awesome-4.7.0/fontawesome.eot);
    src: url(../fonts/font-awesome-4.7.0/fontawesome.eot?#iefix) format('embedded-opentype'), url(../fonts/font-awesome-4.7.0/fontawesome.woff) format('woff'), url(../fonts/font-awesome-4.7.0/fontawesome.ttf) format('truetype');
    font-display: swap
}

@font-face {
    font-family: itr-icons;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/itr-icons/itr-icons.ttf?pn667h) format('truetype'), url(../fonts/itr-icons/itr-icons.woff?pn667h) format('woff'), url(../fonts/itr-icons/itr-icons.svg?pn667h#itr-icons) format('svg');
    font-display: swap
}
*/


.itr {
    font-family: itr-icons !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.itr_home:before {
    content: '\e900'
}

.itr_new-file:before {
    content: '\e901'
}

.itr_next-page:before {
    content: '\e902'
}

.itr_pencil-edit-button:before {
    content: '\e903'
}

.itr_plus:before {
    content: '\e904'
}

.itr_return:before {
    content: '\e905'
}

.itr_reviews:before {
    content: '\e906'
}

.itr_user:before {
    content: '\e907'
}

.itr_add:before {
    content: '\e908'
}

.itr_browser:before {
    content: '\e909'
}

.itr_check-list:before {
    content: '\e90a'
}

.itr_cup:before {
    content: '\e90b'
}

.itr_favorites-button:before {
    content: '\e90c'
}

.itr_folders:before {
    content: '\e90d'
}

.itr_group:before {
    content: '\e90e'
}

.itr_high-volume:before {
    content: '\e90f'
}

.itr.itrIcn::before {
    content: "";
    display: block;
    height: 24px;
    width: 24px;
}

.itrIcn.itr_home:before {
    background-image: url("../img/lk-icons/Akkaunt.svg");
}

.itrIcn.itr_user:before {
    background-image: url("../img/lk-icons/Profile.svg");
}

.itrIcn.itr_portfolio:before {
    background-image: url("../img/lk-icons/Portfolio.svg");
}

.itrIcn.itr_portfolio_smm:before {
    background-image: url("../img/lk-icons/SMM.svg");
}

.itrIcn.itr_portfolio_seo:before {
    background-image: url("../img/lk-icons/SEO.svg");
}

.itrIcn.itr_subscribe:before {
    background-image: url("../img/lk-icons/Podpiska.svg");
}

.itrIcn.itr_favorites-button:before {
    background-image: url("../img/lk-icons/Service.svg");
}

.itrIcn.itr_reviews:before {
    background-image: url("../img/lk-icons/Feedback.svg");
}

.itrIcn.itr_new-file:before {
     background-image: url("../img/lk-icons/Posts.svg");
 }

.itrIcn.itr_folders:before {
    background-image: url("../img/lk-icons/Cases.svg");
}

.itrIcn.itr_check-list:before {
    background-image: url("../img/lk-icons/Vakansii.svg");
}

.itrIcn.itr_cup:before {
    background-image: url("../img/lk-icons/Diploms.svg");
}

.itrIcn.itr_group:before {
    background-image: url("../img/lk-icons/Tenders.svg");
}

.itrIcn.itr_high-volume:before {
    background-image: url("../img/lk-icons/Messages.svg");
}

.lk-menu__link_current .itrIcn.itr {
    filter: invert(33%) sepia(59%) saturate(952%) hue-rotate(173deg) brightness(99%) contrast(99%);
}

.itrIcn.itr_next-page:before {
    background-image: url("../img/lk-icons/Logout.svg");
    background-position: center;
    width: 30px;
    background-size: 100%;
    height: 30px;
    background-repeat: no-repeat;
    margin: auto;
}

.lk-header__logout .itrIcn.itr_next-page {
    width: 30px;
    height: 30px;
}

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

:focus {
    outline: 0
}

::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #191a1e
}

::-moz-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #191a1e
}

:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #191a1e
}

::-ms-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #191a1e
}

::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #191a1e
}

::-moz-selection {
    color: #fff;
    background-color: #0090ff
}

::selection {
    color: #fff;
    background-color: #0090ff
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

::-webkit-scrollbar-track-piece {
    background-color: #F2F2F2;
}

::-webkit-scrollbar-thumb {
    height: 30px;
    background-color: #DADADA;
}

body, html {
    line-height: 1.5
}

html {
    scrollbar-color: #ffd91f #F2F2F2;
    font-size: 16px;
    height: 100%;
    scrollbar-width: thin
}

html.accountPages {
    overflow: hidden;
    margin: 0 !important
}

html.accountPages .mfp-content {
    margin-left: 0 !important
}

html.stop {
    overflow: hidden
}

body {
    font-family: GothamPro, sans-serif;
    position: relative;
    overflow-x: hidden;
    min-width: 320px;
    max-width: 2560px;
    margin: 0 auto;
    color: #050505
}

img {
    font-size: 1.125rem;
    position: relative;
    max-width: 100%;
    height: auto;
    text-align: center;
    border: none
}

img::after {
    font-family: fontawesome, sans-serif;
    font-size: .75rem;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    content: '' ' ' attr(alt);
    color: #0090ff;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .27);
    align-items: center;
    justify-content: center
}

a {
    color: #000;
    transition: color 0.3s;
}

.links:hover,
.cardItem__heading:hover,
.nav__link:hover {
  color: #050505;
  opacity: 0.6;
}

.cases-item-image:hover {
  opacity: 1;
}

a:active {
    text-decoration: none
}

input, textarea {
    font-family: GothamPro, sans-serif;
    border: 1px solid #314853;
    outline: 0
}

input:focus:required:invalid, textarea:focus:required:invalid {
    border-color: red
}

input:required:valid, textarea:required:valid {
    border-color: green
}

.hidden_pp {
    display: none
}

button, input, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.pageWrap {
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.header {
    position: relative;
    flex-shrink: 0
}

.header.zindex {
    z-index: 60
}

.header.zindex .mainMenu {
    z-index: 20
}

.main {
    flex-grow: 1
}

.main__page-wrap {
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
    padding: 17px 15px 30px;
}
@media (min-width: 1920px){
    .main__page-wrap{
        max-width: 1400px;
    }
}

.columns_sitebar_left, .columns_sitebar_left-and-right, .columns_sitebar_right {
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
    flex-wrap: wrap
}

.columns_sitebar_left .content, .columns_sitebar_right .content {
    box-sizing: border-box;
    width: calc(72.5% - 30px);
    margin-right: 15px;
    margin-bottom: 30px;
    margin-left: 15px;
    word-wrap: break-word
}

.columns_sitebar_right .content h1 {
    font-size: 24px;
    font-weight: 500
}

.columns_sitebar_left .aside-left, .columns_sitebar_left .aside-right, .columns_sitebar_right .aside-left, .columns_sitebar_right .aside-right {
    box-sizing: border-box;
    width: calc(27.5% - 30px);
    margin-right: 15px;
    margin-bottom: 30px;
    margin-left: 15px;
    word-wrap: break-word;
    flex-shrink: 0
}

.columns_sitebar_left-and-right .content {
    box-sizing: border-box;
    width: calc(50% - 30px);
    margin-right: 15px;
    margin-bottom: 30px;
    margin-left: 15px;
    word-wrap: break-word
}

.columns_sitebar_left-and-right .aside-left, .columns_sitebar_left-and-right .aside-right {
    box-sizing: border-box;
    width: calc(25% - 30px);
    margin-right: 15px;
    margin-bottom: 30px;
    margin-left: 15px;
    word-wrap: break-word
}

.columns .aside-left {
    order: -1
}

.columns + .bottomBar {
    margin-top: 27px
}

.footer {
    flex-shrink: 0;
    background: #222;
}

.breadcrumb__wrapper, .contactPege__wrapper, .dropdown-menu__wrapper, .firstScreen__wrapper, .footer__wrapper, .header__wrapper, .mainMenu__wrapper, .page404__inner, .section__wrapper {
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px
}
@media (min-width: 1920px){
    .breadcrumb__wrapper, .contactPege__wrapper, .dropdown-menu__wrapper, .firstScreen__wrapper, .footer__wrapper, .header__wrapper, .mainMenu__wrapper, .page404__inner, .section__wrapper{
        max-width: 1400px;
    }
}
.companyPrice__wrapper{
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px
}
.firstScreen, .regBxHome, .section_articles, .section_news, .section_sub, .section_ukStudio {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.heading {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.125;
    max-width: 100%;
    text-transform: uppercase;
    color: #050505
}

h1, h2, h3, h4, h5, h6 {
    max-width: 100%;
    margin-bottom: .5rem;
    color: #050505
}

h1, h2 {
    line-height: 1.25
}

h4, h5, h6 {
    line-height: 1.4
}

h1 {
    font-size: 1.25rem;
    margin-top: .75rem
}
.bank-header>*:not(h1){
    margin-top: .75rem
}
h2 {
    font-size: 1.125rem;
    margin-top: .875rem;
    text-transform: uppercase
}

h3 {
    font-size: 1rem;
    line-height: 1.3;
    margin-top: 1rem;
    text-transform: uppercase
}

h4 {
    font-size: 1rem;
    margin-top: 1rem
}

h5 {
    font-size: .9375rem;
    margin-top: .9375rem
}

h6 {
    font-size: .875rem;
    margin-top: .9375rem
}

p {
    font-size: .75rem;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: .5rem
}

strong {
    font-weight: 500
}

ol, ul {
    margin-bottom: .625rem;
    padding: 0;
    list-style-type: none
}

ol li, ul li {
    font-size: .75rem;
    overflow: hidden;
    padding-left: 1.25rem
}

ol li::before, ul li::before {
    line-height: 1;
    display: inline-block;
    -webkit-transform-origin: 0 70%;
    transform-origin: 0 70%;
    white-space: nowrap;
    color: #050505
}

ol ol, ol ul, ul ol, ul ul {
    margin-top: 5px;
    margin-bottom: .3125rem;
    padding-left: 1.25rem
}

ol ol ol, ol ol ul, ol ul ol, ol ul ul, ul ol ol, ul ol ul, ul ul ol, ul ul ul {
    margin-bottom: 5px
}

ol {
    counter-reset: li-counter
}

ol > li::before {
    width: 1.25rem;
    margin-left: -1.25rem;
    content: '.' counter(li-counter);
    counter-increment: li-counter;
    -webkit-transform: scale(.85);
    transform: scale(.85);
    direction: rtl
}

ul > li::before {
    font-family: 'Font Awesome 5 Free', sans-serif;
    font-weight: 900;
    width: 1.25rem;
    margin-left: -1.25rem;
    content: '\2022';
    -webkit-transform: scale(.95);
    transform: scale(.95);
    text-indent: .07em
}

.red {
    color: red
}

.editor {
    display: flow-root;
    padding-right: 30px;
}

.editor_hide {
    display: none
}

.editor_col_2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px
}

.editor::after {
    display: table;
    clear: both;
    content: ''
}

.editor pre {
    white-space: normal;
    font-family: GothamPro, sans-serif
}

.editor iframe {
    width: 100%;
    height: 415px
}

.editor h1:first-child, .editor h2:first-child, .editor h3:first-child, .editor h4:first-child, .editor h5:first-child, .editor h6:first-child {
    margin-top: 0 !important
}
.editor *{
    /* margin-bottom: 26px; */
}
.editor p {
    line-height: 1.5;
    line-height: 26px;
    margin-bottom: 20px;
}
/* .editor img{
    margin-bottom: 0;
} */
/* .editor img~*{
    margin-top: 26px;
}
.editor *~h1, .editor *~h2, .editor *~h3, .editor *~h4, .editor *~h5, .editor *~h6 {
    margin-top: 50px;
} */

.editor img {
    display: inline-block
}
.articlesBody .editor ul{
    padding-left: 0 !important;
}
.articlesBody .editor li{
    list-style: none;
    padding-left: 36px;
    position: relative;
    margin-bottom: 12px;
    line-height: 26px
}
.editor li:last-child{
    margin-bottom: 0;
}
.articlesBody .editor li::before{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 9px;
    box-sizing: border-box;
    border: 1px solid #2282ED;
    margin-left: 0;
}
.editor blockquote {
    background: #F8FAFD;
    border-left: 4px solid #2282ED;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 160%;
    margin-left: 0;
    margin-right: 0;
    padding: 23px 40px 26px
}
.editor blockquote *{
    margin-bottom: 0;
    font-style: unset;
}

.editor__readMore {
    margin-top: 5px;
    margin-bottom: 15px
}

.editor_table table {
    display: block;
    overflow: hidden;
    overflow-x: auto;
    width: auto !important;
    max-width: 100%;
    margin-top: .75rem;
    margin-bottom: .75rem;
    border-spacing: 0 !important;
    border: .1875rem solid #f7f7f7 !important
}

.editor_table table th {
    border-bottom: 1px solid #f8f8f9 !important
}

.editor_table table tbody, .editor_table table thead {
    line-height: 1.25;
    display: table;
    width: 100%;
    min-width: 41.25rem
}

.editor_table table tr {
    width: 100%
}

.editor_table table tr:last-child td {
    border-bottom: none
}

.editor_table table td {
    font-size: .75rem;
    font-weight: 400;
    min-width: 110px;
    max-width: 500px;
    vertical-align: middle;
    color: #000;
    border: .1875rem solid #f7f7f7;
    border-top: none;
    border-bottom: 1px solid #f8f8f9 !important;
    border-left: none;
    padding: .5rem
}

.editor_table table td:first-child {
    width: 20%
}

.editor_table table td:last-child {
    border-right: none
}

.btns-wrap {
    display: flex;
    margin-top: 25px;
    margin-right: -15px;
    margin-left: -15px;
    flex-wrap: wrap;
    align-items: center
}

.btns-wrap_center {
    justify-content: center
}

.btns-wrap_right {
    justify-content: flex-end
}

.btns-wrap__btn {
    box-sizing: border-box;
    margin-right: 15px;
    margin-left: 15px;
    word-wrap: break-word
}

.btns-wrap__btn_back {
    margin-right: auto;
    order: -1
}

.btnLink {
    font-size: 11px;
    font-weight: 700;
    line-height: 2;
    position: relative;
    transition: color 350ms .2s;
    text-decoration: none;
    text-transform: uppercase;
    color: #0090ff;
    align-self: flex-start
}

.btnLink::after, .btnLink::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #0090ff
}

.btnLink::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.btnLink:hover {
    transition: color 350ms;
    color: #ffd91f
}

.btnLink:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.btnLink:active {
    color: #0090ff
}

.btnLink:active::after {
    background-color: #0090ff
}

.links {
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    position: relative;
    cursor: pointer;
    transition: 350ms;
    text-decoration: none;
    color: #0090ff
}

.links::after, .links::before {
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    transition: transform 550ms 75ms, transform-origin, background-color 250ms, -webkit-transform 550ms 75ms, -webkit-transform-origin
}

.links::before {
  background-color: #0090ff
}

.links::after {
    z-index: 2;
    -webkit-transform: scale(0, 1.5);
    transform: scale(0, 1.5);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    background-color: #050505;
    opacity: 0.6;
}

.links:hover {
    transition: 250ms 75ms;
    color: #0090ff
}

.links:hover::after {
    transition: 550ms, transform-origin, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.links:active::after, .links:active::before {
    transition: .1s, transform-origin, -webkit-transform-origin;
    -webkit-transform: scale(0, 1.5);
    transform: scale(0, 1.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.links_black {
    font-size: 12px;
    line-height: 1.15;
    color: #050505
}

.links_black::before {
    background-color: #bfbfbf
}

.links_white {
    font-size: 14px;
    color: #fff
}

.links_white:hover {
    color: #fff
}

.links_white::before {
    background-color: #fff
}

.links_readMore {
    font-size: 12px;
    line-height: 25px;
    display: inline-flex;
    text-transform: uppercase
}

.links_readMore::before {
    top: auto;
    bottom: 0;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5)
}

.links_readMore:hover::before {
    background-color: #0090ff
}

.links_readMore:hover::after {
    display: none
}

.links_readMore.active::before {
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    background-color: #ffd91f
}

.links_readMore.active:active::before {
    -webkit-transform: scale(0, 1.5);
    transform: scale(0, 1.5)
}

.caseCard__site, .studioReviewsCard__site {
    position: relative;
    transition: color 350ms .2s;
    text-decoration: none;
    align-self: flex-start
}

.caseCard__site::after, .caseCard__site::before, .studioReviewsCard__site::after, .studioReviewsCard__site::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #0090ff
}

.caseCard__site::after, .studioReviewsCard__site::after {
    z-index: 2;
    transition: transform .7s, transform-origin, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.caseCard__site:hover, .studioReviewsCard__site:hover {
    transition: color 350ms;
    color: #0090ff
}

.caseCard__site:hover::after, .studioReviewsCard__site:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #0090ff
}

.caseCard__site:active, .studioReviewsCard__site:active {
    color: #0090ff
}

.caseCard__site:active::after, .caseCard__site:active::before, .studioReviewsCard__site:active::after, .studioReviewsCard__site:active::before {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: #0090ff
}
.studioReviewsCard__brief > .studioReviewsCard__site {
    /* display: none; */
}
.btn {
    font-family: GothamPro, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    position: relative;
    display: inline-flex;
    padding: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: 250ms;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
    text-transform: uppercase;
    color: #868688;
    border: 1px solid #868688;
    outline: 0;
    background-color: transparent;
    align-items: center;
    justify-content: center;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent
}

.btn::after {
    display: none
}

.btn span {
    max-width: 100%
}

.btn > span {
    position: relative;
    /* overflow: hidden;
    text-overflow: ellipsis */
}

.btn > span i + span, .btn > span span + i {
    margin-left: 6px
}

.btn > i, .btn > span {
    line-height: 1.15;
    display: flex;
    margin: 0 5px;
    align-items: center
}

.btn:hover, .btn_selected {
    text-decoration: none;
    color: #fff;
    background-color: #c1c5d0
}

.btn.bold {
    font-weight: 700
}

.btn_size_s {
    height: 34px
}

.btn_size_s > i, .btn_size_s > span {
    margin: 0 8px
}

.btn_size_m {
    height: 40px
}

.btn_size_m > i, .btn_size_m > span {
    margin: 0 13px
}

.btn_size_l {
    height: 40px
}

.btn_size_l > i, .btn_size_l > span {
    margin: 0 25px
}

.btn_size_xl {
    height: 40px
}

.btn_size_xl > i, .btn_size_xl > span {
    margin: 0 45px
}

.btn_color_c1 {
    color: #0090ff;
    border-color: #0090ff
}

.btn_color_c1.btn_selected, .btn_color_c1:hover {
    color: #fff;
    background-color: #0090ff
}

.btn_color_c2 {
    color: #ffd91f;
    border-color: #ffd91f
}

.btn_color_c2.btn_selected, .btn_color_c2:hover {
    color: #fff;
    background-color: #ffd91f
}

.btn_color_c3 {
    color: #868688;
    border-color: #868688
}

.btn_color_c3.btn_selected, .btn_color_c3:hover {
    color: #fff;
    background-color: #868688
}

.btn_color_good {
    color: green;
    border-color: green
}

.btn_color_good:hover {
    color: #fff;
    background-color: green
}

.btn_theme_fill {
    color: #fff;
    border: none;
    background-color: #c1c5d0
}

.btn_theme_fill .btn_selected, .btn_theme_fill:hover {
    background-color: #9097ab
}

.btn_theme_fill.btn_color_c1 {
    /* background-color:#0090ff; */
    background-color: #2282ED;
    text-transform: none;
    font-weight: 400;
}

.btn_theme_fill.btn_color_c1.btn_selected, .btn_theme_fill.btn_color_c1:hover {
    /* background-color: #193173 */
    background-color: rgba(0,144,255, .6);
    color: #fff !important;
}

.btn_theme_fill.btn_color_c2 {
    background-color: #ffd91f
}

.btn_theme_fill.btn_color_c2.btn_selected, .btn_theme_fill.btn_color_c2:hover {
    background-color: rgba(255,217,31,.6)
}

.btn_theme_fill.btn_color_c3 {
    background-color: #868688
}

.btn_theme_fill.btn_color_c3.btn_selected, .btn_theme_fill.btn_color_c3:hover {
    background-color: #a5a5a6
}

.btn_theme_fill.btn_color_good {
    background-color: green
}

.btn_theme_fill.btn_color_good.btn_selected, .btn_theme_fill.btn_color_good:hover {
    background-color: #00bd00
}

input[type=submit].btn_size_s {
    padding: 0 8px
}

input[type=submit].btn_size_m {
    padding: 0 13px
}

input[type=submit].btn_size_l {
    padding: 0 23px
}

input[type=submit].btn_size_xl {
    padding: 0 45px
}

.phoneBtn, .toTopBtn {
    position: fixed;
    z-index: 1000;
    right: 2.5%;
    display: flex;
    visibility: hidden;
    box-sizing: border-box;
    width: 45px;
    height: 45px;
    cursor: pointer;
    transition: .4s cubic-bezier(.6, -.28, .74, .05), right, background-color 350ms, border 350ms;
    text-decoration: none;
    opacity: 0;
    color: #fff;
    border: 2px solid transparent;
    border-radius: 50%;
    background-color: #000;
    justify-content: center;
    align-items: flex-start;
    padding-top: 3px
}

.phoneBtn:hover, .toTopBtn:hover {
    text-decoration: none;
    opacity: 1;
    opacity: 1 !important;
    color: #fff;
    border: 2px solid #0090ff;
    background-color: #0090ff
}

.visible-sm {
    display: none;
}

@media (max-width: 480px) {
    .phoneBtn:hover, .toTopBtn:hover {
        border: 2px solid #000;
        background-color: #000
    }
}

.phoneBtn:focus, .toTopBtn:focus {
    outline: 0
}

.phoneBtn.el-is-visible, .toTopBtn.el-is-visible {
    visibility: visible;
    transition: transform .5s cubic-bezier(.18, .89, .32, 1.28), bottom, right, border-radius .5s .45s, background-color 350ms, border 350ms, -webkit-transform .5s cubic-bezier(.18, .89, .32, 1.28);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    border-radius: 50%
}

.phoneBtn {
    font-size: 16px;
    bottom: 115px;
    -webkit-transform: translate(0, -40px);
    transform: translate(0, -40px)
}

.phoneBtn:active {
    top: auto
}

.toTopBtn {
    font-size: 25px;
    bottom: 60px;
    -webkit-transform: translate(0, 40px);
    transform: translate(0, 40px)
}

.toTopBtn.toTopBtn_up.toTopBtn_visible {
    visibility: visible;
    -webkit-transform: translate(0, 0) rotate(0);
    transform: translate(0, 0) rotate(0);
    opacity: 1
}

.toTopBtn.toTopBtn_up.toTopBtn_visible:active i, .toTopBtn.toTopBtn_up.toTopBtn_visible:active svg {
    margin-top: 3px
}

.toTopBtn.toTopBtn_up.toTopBtn_visible.el-fade-out {
    opacity: 1
}

.toTopBtn.toTopBtn_down.toTopBtn_visible {
    visibility: visible;
    -webkit-transform: translate(0, 40px) rotate(180deg);
    transform: translate(0, 40px) rotate(180deg);
    opacity: 1;
    border-radius: 50%
}

.toTopBtn.toTopBtn_down.toTopBtn_visible i, .toTopBtn.toTopBtn_down.toTopBtn_visible svg {
    padding-bottom: 1px
}

.toTopBtn.toTopBtn_down.toTopBtn_visible:active i, .toTopBtn.toTopBtn_down.toTopBtn_visible:active svg {
    margin-top: -3px
}

.humburger {
    position: relative;
    width: 30px;
    height: 50px;
    cursor: pointer;
    flex-shrink: 0
}

.humburger.js_btnClose {
    width: 50px;
    margin-top: 15px;
    margin-bottom: 15px;
    transition: none;
    opacity: 0
}

.humburger span {
    position: absolute;
    left: 50%;
    display: block;
    width: 30px;
    height: 4px;
    background-color: #0090ff
}

.humburger__top {
    top: calc(50% - 8px);
    transition: transform .35s .15s, top .35s .15s, -webkit-transform .35s .15s;
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0)
}

.humburger__midle {
    top: 50%;
    transition: transform .3s .35s, opacity .15s .3s, -webkit-transform .3s .35s;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.humburger__bot {
    top: calc(50% + 8px);
    transition: transform .35s .15s, top .35s .15s, -webkit-transform .35s .15s;
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0)
}

.containerPage .humburger {
    -webkit-transform: translateX(-3px) scale(.8);
    transform: translateX(-3px) scale(.8)
}

.containerPage.menuOpen .humburger__top, .header.menuOpen .humburger__top {
    top: 50%;
    transition: transform .35s .35s, top .35s .35s, -webkit-transform .35s .35s;
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

.containerPage.menuOpen .humburger__midle, .header.menuOpen .humburger__midle {
    transition: transform .35s, opacity .25s .1s, -webkit-transform .35s;
    -webkit-transform: translate(-50%, -50%) scale(1.35, .01);
    transform: translate(-50%, -50%) scale(1.35, .01);
    opacity: 0
}

.containerPage.menuOpen .humburger__bot, .header.menuOpen .humburger__bot {
    top: 50%;
    transition: transform .35s .35s, top .35s .35s, -webkit-transform .35s .35s;
    -webkit-transform: translate(-50%, -50%) rotate(225deg);
    transform: translate(-50%, -50%) rotate(225deg)
}

.breadcrumb {
    background-color: #fff;
    margin-bottom: 10px;
    /* border-bottom: 1px solid #EFF2F5; */
}

.breadcrumb__row {
    display: flex;
    min-height: 36px;
    padding-top: 12px;
    padding-bottom: 7px;
    flex-wrap: wrap;
    align-items: center;
    align-content: space-around
}

.breadcrumb__link {
    font-size: 12px;
    line-height: 1.25;
    position: relative;
    display: block;
    margin-top: 3px;
    margin-right: 30px;
    margin-bottom: 3px;
    transition: 250ms;
    text-decoration: none;
    color: #7D8487
}

.breadcrumb__link::before {
    position: absolute;
    top: 50%;
    left: calc(100% + 13px);
    width: 4px;
    height: 4px;
    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #7D8487
}

.breadcrumb__link::after {
    position: absolute;
    z-index: 2;
    top: calc(100% + 1px);
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    transition: transform 550ms 75ms, transform-origin, -webkit-transform 550ms 75ms, -webkit-transform-origin;
    -webkit-transform: scale(0, 1.5);
    transform: scale(0, 1.5);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    background-color: #ffd91f
}

.breadcrumb__link:last-child {
    margin-right: 0;
    color: #868688
}

.breadcrumb__link:last-child::after, .breadcrumb__link:last-child::before {
    display: none
}

.breadcrumb__link:last-child:hover {
    text-decoration: none;
    color: #868688
}

.breadcrumb__link:last-child:active {
    top: 0
}

.breadcrumb__link:hover {
    color: #050505
}

.breadcrumb__link:hover::after {
    /* transition: transform 550ms 75ms, transform-origin, -webkit-transform 550ms 75ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0 */
}

.breadcrumb__link:active {
    text-decoration: none
}

.mCSB_scrollTools {
    opacity: 1
}

.mCSB_scrollTools.mCS-dark .mCSB_dragger {
    height: 31px !important
}

.mCSB_scrollTools.mCS-dark .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 0;
    background-color: #000
}

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

.mCSB_inside > .mCSB_container {
    margin-right: 22px;
    padding-right: 5px
}

.selBlock {
    position: relative;
    display: inline-flex
}

.selBlock__name {
    font-size: 14px;
    font-weight: 400;
    color: #868688
}

.selBlock__select {
    font-family: GothamPro, sans-serif;
    color: #050505
}

.selBlock .jq-selectbox {
    position: static
}

.selBlock_col {
    flex-direction: column;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px
}

.selBlock_col .jq-selectbox__dropdown li {
    font-size: 16px
}

.selBlock_col .selBlock__name {
    font-size: 14px;
    color: #868688
}

.selBlock_col .selBlock__select {
    font-size: 16px;
    font-weight: 500;
    color: #050505
}

.selBlock_row {
    flex-direction: row;
    align-items: center
}

.selBlock_row .jq-selectbox__dropdown ul li.sel, .selBlock_row .jq-selectbox__dropdown ul li:hover, .selBlock_row .jq-selectbox__trigger-arrow::before {
    color: #868688
}

.selBlock_row .selBlock__name {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.1;
    /* margin-right: 6px; */
    margin-right: 0;
    color: #050505;
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
}
.selBlock_row .selBlock__name svg {
    margin-right: 10px;
}

.selBlock_row .selBlock__select {
    font-size: 14px;
    font-weight: 400;
    position: relative;
    padding-top: 3px;
    padding-bottom: 3px;
    /* padding-left: 10px; */
    color: #050505
}

.selBlock_row .selBlock__select select {
    position: absolute
}

.jq-selectbox {
    cursor: pointer;
    vertical-align: middle
}

.jq-selectbox select {
    visibility: hidden
}

.jq-selectbox__select {
    position: static;
    display: flex;
    align-items: center
}

.jq-selectbox__select::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ''
}

.jq-selectbox__select-text {
    text-overflow: clip
}

.jq-selectbox__trigger {
    width: 20px;
    /* margin-right: 8px; */
    margin-left: AUTO;
    text-align: center;
    flex-shrink: 0;
    transition: 250ms;
}

.jq-selectbox__trigger-arrow {
    position: relative
}

.jq-selectbox__trigger-arrow::before {
    font-family: fontawesome, sans-serif;
    font-size: 14px;
    content: '\f107';
    color: #1c1c22
}

.jq-selectbox__dropdown {
    top: 100% !important;
    left: 0;
    width: auto !important;
    min-width: 100%;
    padding-top: 15px;
    padding-left: 24px;
    padding-bottom: 15px;
    padding-right: 10px;
    background-color: #fff;
    box-shadow: -1px 0 3px 0 rgba(0, 0, 0, .15), 1px 2px 5px rgba(0, 0, 0, .05);
    transform: translate(0, 20px);
    opacity: 0;
    transition: .3s
}

.jq-selectbox.is-open .jq-selectbox__dropdown {
    transform: translate(0, 0);
    opacity: 1
}

.jq-selectbox.is-open .jq-selectbox__trigger, .jq-selectbox.opened .jq-selectbox__trigger {
    transform: scale(1, -1)
}

.jq-selectbox ul {
    max-height: 350px !important;
    margin: 0;
    overflow: hidden
}

.jq-selectbox ul li {
    font-size: 14px;
    padding-left: 0;
    transition: 150ms;
    color: #050505;
    padding-top: 7px
}

.jq-selectbox ul li::before {
    display: none
}

.jq-selectbox ul li.sel, .jq-selectbox ul li:hover {
    color: #0090ff
}

select {
    border: none;
    background-color: transparent
}

.field {
    line-height: 1;
    position: relative;
    margin-bottom: 22px
}

.field_remove {
    min-width: 0;
    flex-grow: 0
}

.field__remove {
    font-size: 16px;
    display: flex;
    height: 40px;
    cursor: pointer;
    color: red;
    background-color: #f7f7f7;
    justify-content: center;
    align-items: center;
    flex-grow: 1
}

.field__remove i {
    transition: .3s
}

.field__remove:hover i {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3)
}

.field__name {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.1;
    margin-bottom: 6px;
    color: #868688
}

.field__name ~ .field__name, .field__name ~ .field_fieldset {
    margin-top: 22px
}

.field__name ~ .field_fieldset {
    margin-bottom: 0
}

.field .btn-field-add {
    font-size: 14px;
    display: inline-flex;
    margin-top: 22px;
    cursor: pointer;
    transition: .3s;
    color: #2282ED;
    align-items: center;
    min-height: 55px;
    padding: 17px 40px 16px;
    border: 1px solid #2282ED;
}

.field .btn-field-add:hover {
    /* color: #ffd91f */
    background: #2282ED;
    color: #fff
}

.field .btn-field-add i {
    margin-right: 10px
}

.field .btn-field-add span {
    font-weight: 500;
    line-height: 1.2;
    position: relative;
    /* transition: color 350ms .2s; */
    text-decoration: none;
    color: #0090ff;
    align-self: flex-start
}
.field .btn-field-add:hover span{
    color: #fff
}

/* .field .btn-field-add span::after, .field .btn-field-add span::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: transparent
}

.field .btn-field-add span::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.field .btn-field-add span:hover {
    transition: color 350ms;
    color: #ffd91f
}

.field .btn-field-add span:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.field .btn-field-add span:active {
    color: #0090ff
}

.field .btn-field-add span:active::after {
    background-color: #0090ff
} */

.field__thumb {
    position: relative;
    display: flex;
    cursor: pointer;
    transition: 350ms;
    text-align: center;
    background-color: #f7f7f7;
    box-shadow: 0 0 0 1px #f3f3f3;
    align-items: center;
    justify-content: center
}

.field__thumb img {
    display: block;
    width: 100%
}

.field__thumb i {
    font-size: 60px;
    transition: 350ms;
    color: silver
}

.field__thumb:hover {
    box-shadow: 0 0 0 2px rgba(255, 217, 31, .5), 0 0 0 3px #f3f3f3
}

.field__thumb:hover i {
    -webkit-transform: scale(1.05) rotate(180deg);
    transform: scale(1.05) rotate(180deg);
    color: #ffd91f
}

.field__edit-img {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    margin-top: 14px;
    transition: color 350ms .2s;
    text-decoration: none;
    color: #0090ff;
    align-self: center
}

.field__edit-img::after, .field__edit-img::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #bfdaee
}

.field__edit-img::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.field__edit-img:hover {
    transition: color 350ms;
    color: #ffd91f
}

.field__edit-img:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.field__edit-img:active {
    color: #0090ff
}

.field__edit-img:active::after {
    background-color: #0090ff
}

.field__inp {
    position: relative
}

.field__inp:not(.field__inp_textarea) {
    height: 40px
}

.field input:not(.btn), .field textarea {
    border: 1px solid #f3f3f3;
    background-color: #f7f7f7
}

.field input:not([type=submit]):not([type=checkbox]):not([type=radio]) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.field textarea {
    width: 100%;
    min-height: 150px;
    padding-top: 10px;
    padding-bottom: 10px;
    resize: vertical
}

.field__select {
    width: 100%;
    background-color: #f7f7f7
}

.field__req {
    color: #f11543;
    text-shadow: 1px 1px 0 rgba(241, 21, 67, .5);
    margin-right: 5px;
}

.field input::-webkit-input-placeholder, .field textarea::-webkit-input-placeholder {
    font-weight: 500
}

.field input::-moz-placeholder, .field textarea::-moz-placeholder {
    font-weight: 500
}

.field input:-ms-input-placeholder, .field textarea:-ms-input-placeholder {
    font-weight: 500
}

.field input::-ms-input-placeholder, .field textarea::-ms-input-placeholder {
    font-weight: 500
}

.field input::placeholder, .field textarea::placeholder {
    font-weight: 500
}

.field .jq-selectbox__select, .field input, .field textarea {
    font-size: 14px;
    font-weight: 500;
    padding-right: 12px;
    padding-left: 12px;
    color: #050505
}
.field_lk .jq-selectbox__select, .field_lk input, .field_lk textarea {
    font-weight: 400;
}
.field_lk input::placeholder, .field_lk textarea::placeholder{
    font-weight: 400;
}
.bank-header .field_lk .jq-selectbox__select{
    padding-left: 12px;
    padding-right: 12px;
}

.field .jq-selectbox__select {
    height: 40px;
    border: 1px solid #f3f3f3;
    justify-content: space-between
}

.field .jq-selectbox__trigger {
    width: 8px;
    margin-right: 0
}

.field .jq-selectbox__trigger-arrow {
    transition: 150ms
}

.field .jq-selectbox__trigger-arrow::before {
    font-size: 16px;
    content: '\f0d7';
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    box-sizing: border-box;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg)
}

.field .jq-selectbox__dropdown {
    border: 1px solid #f3f3f3;
    border-top: none;
    background-color: #f7f7f7;
    box-shadow: none;
    padding: 12px 12px 20px
}

.field .jq-selectbox ul li {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5
}

.field .jq-selectbox.opened .jq-selectbox__select {
    border-bottom-color: transparent
}

.field .jq-selectbox.opened .jq-selectbox__trigger-arrow {
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1)
}

.field__forgotten {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    transition: color 350ms .2s;
    text-decoration: none;
    color: #0090ff;
    align-self: flex-start
}

.field__forgotten::after, .field__forgotten::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: transparent
}

.field__forgotten::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.field__forgotten:hover {
    transition: color 350ms;
    color:#ffd91f
}

.field__forgotten:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color:#ffd91f
}

.field__forgotten:active {
    color: #0090ff
}

.field__forgotten:active::after {
    background-color: #0090ff
}

.field__enter[type=submit] {
    width: 100%;
    color: #fff
}

.formBlcok {
    display: flex;
    /* margin-right: -15px;
    margin-left: -15px; */
    flex-wrap: wrap
}

.formBlcok__field {
    box-sizing: border-box;
    min-width: 200px;
    margin-right: 15px;
    margin-left: 15px;
    word-wrap: break-word
}

.formBlcok__field_col1 {
    width: calc(8.33333% - 30px)
}

.formBlcok__field_col2 {
    width: calc(16.66667% - 30px)
}

.formBlcok__field_col3 {
    width: calc(25% - 30px)
}

.formBlcok__field_col4 {
    width: calc(33.33333% - 30px)
}

.formBlcok__field_col5 {
    width: calc(41.66667% - 30px)
}

.formBlcok__field_col6 {
    width: calc(50% - 30px)
}

.formBlcok__field_col7 {
    width: calc(58.33333% - 30px)
}

.formBlcok__field_col8 {
    width: calc(66.66667% - 30px)
}

.formBlcok__field_col9 {
    width: calc(75% - 30px)
}

.formBlcok__field_col10 {
    width: calc(83.33333% - 30px)
}

.formBlcok__field_col11 {
    width: calc(91.66667% - 30px)
}

.formBlcok__field_col12 {
    width: calc(100% - 30px)
}

.check_domain__field {
    background: #f7f7f7;
    padding: 5px 12px;
    font-size: 14px;
    font-weight: 400;
    color: #050505;
    display: flex;
    align-items: center;
}
.check_domain__field .main-txt__title{
    margin-top: 0;
}
@media screen and (min-width: 321px){
    .check_domain__field {
        padding-right: calc(12px + 18 * (100vw - 321px) / 965);
        padding-left: calc(12px + 18 * (100vw - 321px) / 965);
        font-size: calc(14px + 2 * (100vw - 321px) / 965)
    }
}
@media screen and (min-width: 1286px){
    .check_domain__field {
        padding-right: 30px;
        padding-left: 30px;
        font-size: 16px;
    }
}

.formBlcok__btns-wrap a {
    font-size: 14px;
    position: relative;
    transition: color 350ms .2s;
    text-decoration: none;
    color: #ffd91f;
    align-self: center
}

.formBlcok__btns-wrap a::after, .formBlcok__btns-wrap a::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #fce7bf
}

.formBlcok__btns-wrap a::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.formBlcok__btns-wrap a:hover {
    transition: color 350ms;
    color: #0090ff
}

.formBlcok__btns-wrap a:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #0090ff
}

.formBlcok__btns-wrap a:active {
    color: #ffd91f
}

.formBlcok__btns-wrap a:active::after {
    background-color: #ffd91f
}

.formBlcok__btns-wrap input[type=submit].btn {
    padding-right: 25px;
    padding-left: 25px
}

.simplecheckout-error-text, .text-error, .text-success {
    font-size: 12px;
    line-height: 1;
    position: absolute;
    top: calc(100% + 2px);
    left: 0
}

.simplecheckout-error-text, .text-error, .text-error-global {
    color: #c02623
}

.text-error-global {
    font-weight: 500;
    margin-top: 17px;
    margin-bottom: -17px
}

.err {
    box-shadow: 0 0 0 1px #c02623
}

.text-success {
    color: green
}

.success-window {
    font-size: 12px;
    position: absolute;
    top: 5px;
    left: 12px;
    color: #ffd91f
}

.success-window_hide {
    transition: .5s linear;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    opacity: 0
}

@-webkit-keyframes shakeIn {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    30%, 50%, 70% {
        -webkit-transform: translate3d(-3px, 0, 0);
        transform: translate3d(-3px, 0, 0)
    }
    40%, 60%, 80% {
        -webkit-transform: translate3d(3px, 0, 0);
        transform: translate3d(3px, 0, 0)
    }
}

@keyframes shakeIn {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    30%, 50%, 70% {
        -webkit-transform: translate3d(-3px, 0, 0);
        transform: translate3d(-3px, 0, 0)
    }
    40%, 60%, 80% {
        -webkit-transform: translate3d(3px, 0, 0);
        transform: translate3d(3px, 0, 0)
    }
}

.checkbox {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.15;
    display: flex;
    align-items: center
}

.checkbox_polit {
    font-size: 11px;
    white-space: nowrap
}

.checkbox__label {
    display: flex;
    cursor: pointer
}

.checkbox__label > :not(.checkbox__box) {
    align-self: baseline
}

.checkbox__label:hover .checkbox__link {
    color: #ffd91f
}
.checkbox__label:hover .checkbox__box{
    background-color: #0090ff;
}

.checkbox__inp {
    display: none
}

/* .checkbox__inp:checked + .checkbox__box::after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
} */
.checkbox__inp:checked + .checkbox__box{
    background-color: #0090ff;
}


.checkbox__inp:checked ~ .checkbox__txtLine::before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.checkbox__inp:checked ~ .checkbox__link_active {
    transition: 150ms ease-in-out;
    color: #ffd91f
}

.checkbox__inp:checked ~ .checkbox__link_active::after {
    transition: 150ms ease-in-out;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    background-color: #0090ff
}

.checkbox__box {
    position: relative;
    display: block;
    width: 1.186em;
    height: 1.186em;
    /* border: .0625em solid #bebebe; */
    border-radius: .18em;
    /* background-image: linear-gradient(2deg, #fff 0, #eef0f1 100%) */
    background-color: #e6e6e6;
    transition-duration: .325s;
}
.checkbox__box:hover {
    background-color: #0090ff;
}

.checkbox__box::after {
    font-family: fontawesome, sans-serif;
    font-size: .9em;
    font-weight: 900;
    font-style: normal;
    display: flex;
    width: 1.186em;
    height: 1.186em;
    content: '\f00c';
    transition: .25s ease-in-out;
    -webkit-transform: scale(2);
    transform: scale(2);
    text-align: center;
    opacity: 0;
    color: #050505;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    align-items: center;
    justify-content: center
}

.checkbox__txt, .checkbox__txtLine {
    margin-left: .75em
}

.checkbox__txtLine {
    position: relative;
    transition: 150ms ease-in-out
}

.checkbox__txtLine::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    transition: 150ms ease-in-out;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #0090ff
}

.checkbox__link {
    position: relative;
    display: inline-block;
    margin-left: .33em;
    transition: color 350ms;
    text-decoration: none;
    color: #0090ff;
    align-self: flex-start
}

.checkbox__link::after, .checkbox__link::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: transparent
}

.checkbox__link::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.checkbox__link:hover {
    transition: color 350ms;
    color: #ffd91f
}

.checkbox__link:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.checkbox__link:active {
    color: #0090ff
}

.checkbox__link:active::after {
    background-color: #0090ff
}

.checkbox__link_active::after {
    left: -5px;
    width: calc(100% + 7px);
    transition: 150ms ease-in-out, transform-origin, background-color 1.5s ease-in-out, -webkit-transform-origin
}

.radiobox {
    font-size: 14px;
    display: block
}

.radiobox_porfolio:first-child {
    margin-top: 15px
}

.radiobox_porfolio:not(:last-child) {
    margin-bottom: 7px
}

.radiobox_porfolio *{
    font-weight: 400;
}

.radiobox input {
    display: none
}

.radiobox input + span {
    font-weight: 400;
    position: relative;
    display: flex;
    min-height: 17px;
    padding-left: 17px;
    cursor: pointer;
    align-items: baseline
}

.radiobox input + span:not(:empty) {
    padding-left: 28px
}

.radiobox input + span:after, .radiobox input + span:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 17px;
    height: 17px;
    content: '';
    border-radius: 50%
}

.radiobox input + span:before {
    transition: background .2s, transform .4s cubic-bezier(.175, .885, .32, 2), -webkit-transform .4s cubic-bezier(.175, .885, .32, 2);
    border: 1px solid #d3d3d4;
    background: #f7f7f7
}

.radiobox input + span:after {
    transition: transform .6s cubic-bezier(.175, .885, .32, 1.4), -webkit-transform .6s cubic-bezier(.175, .885, .32, 1.4);
    -webkit-transform: scale(.78);
    transform: scale(.78);
    background: #fff
}

.radiobox input:checked + span::after, .radiobox input:checked + span::before {
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.radiobox input:checked + span::after {
    -webkit-transform: scale(.55);
    transform: scale(.55);
    background: #0090ff
}

.radiobox:hover input + span {
    z-index: 2
}

.radiobox:hover input + span:before {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    border-color: #0090ff
}

.inp100 {
    width: 100%;
    background-color: #f7f7f7
}

.inp100 .jq-selectbox {
    width: 100%
}

.warning {
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center
}

.warning__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .65)
}

.warning__content {
    font-size: 16px;
    position: relative;
    display: flex;
    width: 100%;
    min-width: 280px;
    max-width: 350px;
    height: 100%;
    max-height: 230px;
    margin: 15px;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .35);
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center
}

.warning__content a {
    display: block
}

.warning__close {
    position: absolute;
    top: 1px;
    right: 3px;
    display: flex;
    width: 25px;
    cursor: pointer;
    color: #000;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
    align-items: center;
    justify-content: center
}

.warning__close::before {
    font-family: fontawesome, sans-serif;
    font-size: 20px;
    content: '\f00d'
}

.warning__close:hover {
    color: #ffd91f
}

.warning__close:active {
    -webkit-transform: translate(0, 1px);
    transform: translate(0, 1px)
}

.mainMenu__row {
    transition: none
}

.mainMenu__row.menuFixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    background-color: #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .1)
}

.header.menuOpen .humburger {
    opacity: 1
}

.header.menuOpen .mobileDropMenu {
    transition: transform 250ms;
    transition: transform 250ms, -webkit-transform 250ms;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.header.menuOpen .mainMenu__row {
    transition: box-shadow 250ms .4s
}

.header.menuOpen .mainMenu__row:before {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: rgba(0, 0, 0, .4)
}

.header.menuOpen .mainMenu__row.menuFixed {
    transition: box-shadow .1s;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .35)
}

.containerPage.menuOpen .humburger {
    -webkit-transform: translateX(-3px) scale(1);
    transform: translateX(-3px) scale(1)
}

.containerPage.menuOpen .containerPage__aside {
    transition: transform 250ms;
    transition: transform 250ms, -webkit-transform 250ms;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.containerPage.menuOpen .containerPage__main {
    transition: transform 250ms;
    transition: transform 250ms, -webkit-transform 250ms;
    -webkit-transform: translateX(268px);
    transform: translateX(268px)
}

.logo {
    display: block
}

.logo:active:not(span) {
    -webkit-transform: translate(0, 1px);
    transform: translate(0, 1px)
}

.logo__img {
    display: block
}

.rowBan {
    display: flex;
    justify-content: center
}

.rowBan__img {
    display: block;
    width: 100%;
    max-width: auto;
}

.stickybl {
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    top: 0;
    display: block;
    height: 100vh;
    min-height: 745px;
    padding-top: 50px;
    text-decoration: none;
    max-width: calc(50vw - 585px);
}
@media (min-width: 1920px){ 
    .stickybl {
        min-height: 100vh;
        max-width: calc(50vw - 700px)
    }
    .stickybl__img{
        /* object-fit: cover; */
    }
}

.stickybl__img {
    display: block;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.stickybl_left {
    float: left
}

.stickybl_right {
    float: right
}

.iconBtnGroup {
    display: flex;
    align-items: center
}

.iconBtnGroup > :not(:last-child) {
    margin-right: 4.5%
}

.iconBtnGroup__item {
    display: flex;
    width: 30px;
    height: 30px;
    cursor: pointer;
    transition: 250ms;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 50%;
    flex-shrink: 0;
    align-items: center;
    justify-content: center
}

.iconBtnGroup__item:hover {
    color: #050505
}

.account, .searchBtn, .settings {
    position: relative;
    transition: 250ms;
    text-decoration: none;
    color: #050505
}

.account:hover, .searchBtn:hover, .settings:hover {
    color: #0090ff;
    background-color: #f3f3f3
}

.account:active, .searchBtn:active, .settings:active {
    transition: 50ms;
    color: #fff;
    background-color: #0090ff
}

.account.drop-open .drop-bl, .searchBtn.drop-open .drop-bl, .settings.drop-open .drop-bl {
    visibility: visible;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    opacity: 1
}

.account i {
    font-weight: 700
}

.account_img {
    border: 1px solid #f3f3f3
}

.account_img:active {
    background-color: transparent
}

.account__img {
    display: block;
    width: 18px;
    height: 18px
}

.drop-bl {
    position: absolute;
    z-index: 2;
    top: calc(100% + 25px);
    right: -15px;
    visibility: hidden;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    transition: .3s;
    -webkit-transform: translate(0, -5px) scale(.01);
    transform: translate(0, -5px) scale(.01);
    -webkit-transform-origin: 80% 0;
    transform-origin: 80% 0;
    opacity: 0;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .05)
}

@supports not ((width:-webkit-max-content) or (width:-moz-max-content) or (width:max-content)) {
    .drop-bl {
        box-shadow: 1px 2px 4px rgba(0, 0, 0, .15)
    }

    .drop-bl .drop-bl__inner {
        padding-top: 7px
    }

    .drop-bl a {
        white-space: nowrap
    }
}

.drop-bl__inner {
    display: flex;
    flex-direction: column;
    padding-top: 25px;
    padding-bottom: 7px;
    background-color: #fff;
    -webkit-clip-path: polygon(0 12%, 63% 12%, 74% 0, 74% 12%, 100% 12%, 100% 100%, 0 100%);
    clip-path: polygon(0 12%, 63% 12%, 74% 0, 74% 12%, 100% 12%, 100% 100%, 0 100%)
}

.drop-bl a {
    font-size: 12px;
    line-height: 26px;
    display: block;
    padding-right: 15px;
    padding-left: 15px;
    transition: 250ms;
    text-decoration: none;
    color: #050505
}

.drop-bl a:not(:last-child) {
    margin-bottom: 3px
}

.drop-bl a:hover {
    color: #fff;
    background-color: #0090ff
}

.sortSearch {
    display: flex;
    padding-right: 40px;
    background-color: #fff;
    box-shadow: -4px 0 17px 1px rgba(0, 0, 0, .05);
    align-items: center
}

.sortSearch__btn {
    margin-left: auto
}

.sortSearch__selectWrap {
    display: flex;
    flex-grow: 1
}

.sortSearch__selBlock {
    position: relative;
    min-width: 150px;
    max-width: 310px;
    height: 90px;
    padding-right: 20px;
    padding-left: 40px;
    justify-content: center
}

.sortSearch__selBlock:not(:last-child)::before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 38px;
    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #f3f3f3
}

.sortSearch__selBlock:first-child, .sortSearch__selBlock:last-child {
    flex-grow: 1
}

.sortSearch .jq-selectbox__select {
    justify-content: space-between
}

.sortSearch .jq-selectbox__trigger {
    margin-right: 0;
    margin-left: 0
}

.sortSearch .jq-selectbox__dropdown {
    z-index: 10;
    padding: 20px 23px 30px 40px
}

.firstScreen {
    position: relative;
    z-index: 3;
    color: #fff
}

.firstScreen.companyPrice__firstScreen {
    z-index: 10;
    background: none;
}

.firstScreen__wrapper {
    display: flex;
    min-height: 530px;
    padding-top: 40px;
    /* padding-bottom: 40px; */
    align-items: center
}

.firstScreen__content {
    width: 100%;
    margin-top: 17px
}

.companyPrice__firstScreen .firstScreen__content {
    margin-top: 0
}

.firstScreen__content h1 {
    font-size: 21px;
    font-weight: 900;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 0;
    margin-bottom: 45px;
    color: #fff;
    flex-shrink: 1
}

.firstScreen h1.firstScreen__heading, .firstScreen__heading {
    font-size: 20px;
    font-weight: 500;
    max-width: none;
    margin-bottom: 24px;
    margin-top: 14px;
    color: #000
}

.firstScreen__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center
}

.firstScreen__btns-wrap {
    margin-top: 10px;
    margin-right: 15px
}

.firstScreen__btns-wrap .btn {
    max-width: 217px;
    margin-top: 5px;
    margin-bottom: 5px;
    flex-grow: 1
}

.firstScreen__c2 {
    white-space: nowrap;
    /* color: #ffd91f */
}

.firstScreen_cen .firstScreen__content h1 {
    max-width: 100%;
    text-align: center
}

.firstScreen_companyPrice .firstScreen__wrapper {
    min-height: auto;
    background-color: #fff;
}

.slideWrap__heading {
    font-size: 20px;
    font-weight: 700;
    line-height: 2.25;
    max-width: 100%;
    cursor: pointer;
    text-transform: uppercase;
    color: #050505
}

.subBx {
    position: relative;
    display: flex;
    margin-right: -15px;
    margin-left: -15px
}

.subBx__btn, .subBx__inp {
    box-sizing: border-box;
    margin-right: 15px;
    margin-left: 15px;
    word-wrap: break-word;
    height: 55px;
}

.subBx__inp {
    position: relative;
    height: 55px;
    flex-grow: 1
}

.subBx__inp input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-right: 22px;
    padding-left: 22px
}

.subBx__btn {
    font-size: 14px;
    font-weight: 700;
    max-width: 195px;
    height: 40px;
    flex-grow: 1
}

.js_section_sub {
    transition: 250ms, opacity 280ms
}

.js_section_sub.is_success {
    opacity: 0;
    transform: scale(.95)
}

.section__wrapper_return {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.05);
    opacity: 0;
    transition: 280ms;
    width: -moz-max-content;
    width: max-content
}

.subBx__return-txt {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    text-align: center
}

.section__wrapper_return.is_show {
    opacity: 1;
    transition: .3s ease, opacity 250ms;
    transform: translate(-50%, -50%) scale(1)
}

.thumbIcon i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.thumbIcon i:first-child {
    font-size: 44px;
    color: #f3f3f3
}

.thumbIcon i:last-child {
    font-size: 27px;
    color: #0090ff
}

.gridBx {
    display: flex;
    width: auto;
    margin-right: -15px;
    margin-left: -15px;
    flex-wrap: wrap
}

.gridBx.owl-carousel {
    margin-bottom: 35px;
    padding-bottom: 0
}

.progressCard {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: calc(33.33333% - 30px);
    margin-right: 15px;
    margin-bottom: 30px;
    margin-left: 15px;
    transition: 250ms;
    text-align: center;
    word-wrap: break-word;
    border: 1px solid transparent;
    background-color: #fff;
    box-shadow: 0 0 65px rgba(0, 0, 0, .06);
    align-items: center;
    padding: 20px 14px
}

.progressCard__thumb {
    position: relative;
    height: 110px;
    margin-bottom: 10px
}
.progressCard_tender .progressCard__thumb {
    height: unset;
}

.progressCard__thumb i:first-child {
    font-size: 78px
}

.progressCard__thumb i:last-child {
    font-size: 50px
}

.progressCard__quantity {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 12px;
    color: #050505
}

.progressCard__heading {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #050505
}

.progressCard__txt {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    max-width: 100%;
    padding-bottom: 10px;
    color: #050505
}

.progressCard__watch {
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    margin-top: auto;
    transition: 250ms;
    -webkit-transform: translate(0, 15px) scale(.9);
    transform: translate(0, 15px) scale(.9);
    text-decoration: none;
    text-transform: uppercase;
    opacity: 0;
    color: #0090ff
}

.progressCard__watch:active {
    position: relative;
    top: 1px
}

.progressCard_tender {
    padding-bottom: 25px
}

.progressCard_tender .progressCard__thumb {
    margin-bottom: 20px
}

.progressCard_tender .progressCard__heading {
    font-weight: 500
}

.progressCard_tender .progressCard__txt {
    padding-bottom: 20px
}

.progressCard_tender .progressCard__watch {
    font-size: 16px;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    opacity: 1
}

.progressCard:hover {
    border: 1px solid #f7f7f7;
    box-shadow: none
}

.progressCard:hover .progressCard__watch {
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    opacity: 1
}

.advantages {
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
    flex-wrap: wrap
}

.advantages__item {
    box-sizing: border-box;
    width: calc(33.33333% - 30px);
    height: 120px;
    margin-right: 15px;
    margin-left: 15px;
    padding: 10px;
    word-wrap: break-word
}

.advantages__item .advantages__thumb {
    margin-bottom: 14px
}

.advantageCard {
    display: flex;
    box-shadow: 0 0 43px rgba(0, 0, 0, .06);
    flex-grow: 1;
    justify-content: center;
    align-items: center
}

.advantageCard__body {
    width: 100%;
    max-width: 126px;
    margin-right: 25px
}

.advantageCard__quantity {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.38462;
    color: #0090ff
}

.advantageCard__txt {
    font-size: 14px;
    line-height: 1;
    color: #868688
}

.advantageCard__thumb {
    position: relative;
    width: 60px;
    height: 60px;
    flex-shrink: 0
}

.regBxHome {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
    align-items: center
}

.regBxHome__logo {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 656px) {
    .regBxHome__logo {
        max-width: 100%
    }
}

.regBxHome__body {
    position: relative;
    z-index: 2;
    max-width: 100%;
    padding: 12px 10px
}

.regBxHome__text {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    max-width: 700px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #000
}

.readMore {
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    display: inline-flex;
    transition: 350ms;
    text-decoration: none;
    text-transform: uppercase;
    color: #0090ff;
    align-items: center
}

.readMore span {
    position: relative
}

.readMore span::after {
    position: absolute;
    z-index: 2;
    top: calc(100% + 1px);
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    transition: transform 450ms, transform-origin, -webkit-transform 450ms, -webkit-transform-origin;
    -webkit-transform: scale(0, 1.5);
    transform: scale(0, 1.5);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    background-color: #0090ff
}

.readMore i {
    font-size: 14px;
    margin-bottom: 1px
}

.readMore i + span, .readMore span + i {
    margin-left: 8px
}

.readMore:hover span::after {
    transition: transform 450ms, transform-origin, -webkit-transform 450ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.readMore:active span::after {
    transition: .1s, transform-origin, -webkit-transform-origin;
    -webkit-transform: scale(0, 1.5);
    transform: scale(0, 1.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.rowInf {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.rowInf__key, .rowInf__links, .rowInf__value {
    line-height: 21px
}

.rowInf__key {
    font-size: 12px;
    font-weight: 700;
    min-width: 110px;
    margin-right: 15px;
    text-transform: uppercase;
    color: #868688
}

.rowInf__value {
    font-size: 12px;
    font-weight: 500;
    color: #000
}

.rating {
    display: flex;
    margin-right: 4px;
    margin-left: -4px;
    align-items: center
}

.rating__star {
    font-size: 14px;
    font-style: normal;
    line-height: 1;
    position: relative;
    box-sizing: border-box;
    margin-right: 4px;
    margin-left: 4px;
    word-wrap: break-word;
    color: #ffd91f
}

.rating__star::before {
    font-family: fontawesome, sans-serif;
    font-size: inherit;
    content: '\f006'
}

.rating__star_fill::before {
    content: '\f005'
}

.studioCard {
    display: flex;
    flex-direction: column;
    height: 300px;
    transition: 250ms;
    text-align: center;
    text-decoration: none;
    border: 1px solid transparent;
    background-color: #fff
}

.studioCard__thumb {
    display: flex;
    padding: 10px;
    align-items: center;
    justify-content: center;
    flex-grow: 1
}

.studioCard__img {
    display: none;
    width: auto !important
}

.studioCard__name {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.15;
    padding: 0 10px 10px;
    text-transform: uppercase;
    color: #050505;
    flex: 0 0 80px
}

.cardItem {
    display: flex;
    flex-direction: column;
    transition: 250ms;
    /* background-color: #fff */
}
.section_poster{
    /* background: #f4f4f4 */
}

.cardItem__thumb {
    overflow: hidden;
    max-height: 255px;
    flex-shrink: 0
}

.cardItem__img {
    display: block;
    height: 100%;
    /* -o-object-fit: cover;
    object-fit: cover */
}
.lk-service-news .cardItem__img {
    width: auto !important;
    max-width: 100% !important;
}
.cardItem__body {
    display: flex;
    flex-direction: column;
    border: 1px solid transparent;
    border-left: none;
    flex-grow: 1;
    padding: 15px 14px
}

.cardItem__quantity {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.15;
    margin-bottom: 19px;
    color: #868688
}

.cardItem__date {
    line-height: 1
}

.cardItem__date_top {
    font-size: 12px;
    margin-bottom: 7px;
    color: #868688
}

.cardItem__date_bot {
    font-size: 12px;
    color: #050505
}

.cardItem__heading {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.625;
    text-decoration: none;
    text-transform: uppercase;
    color: #000
}

.cardItem__heading:hover {
    color: #0090ff;
    text-decoration: underline
}

.cardItem__heading_mb {
    margin-bottom: 15px
}

.cardItem__title {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 5px;
    margin-bottom: 12px;
    color: #383838
}

.cardItem__information {
    margin-top: 10px;
    margin-bottom: 10px
}

.cardItem__rowInf > * {
    margin-top: 5px;
    margin-bottom: 5px
}

.cardItem__txt {
    font-size: 12px;
    margin-bottom: 10px
}

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

.cardItem__row_bot {
    margin-top: auto
}

.cardItem_ukStudio .cardItem__body {
    padding-top: 14px;
    padding-bottom: 15px;
    padding-left: 14px
}

.cardItem_poster .cardItem__date {
    font-size: 12px;
    font-weight: 400;
    color: #050505;
    margin-bottom: 12px;
}

.cardItem_poster .cardItem__service {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #f39e00;
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 12px;
}

.cardItem_poster .cardItem__heading {
    font-size: 18px;
    line-height: 140%;
    min-height: 54px;
    margin-top: 0px;
    margin-bottom: 12px;
    text-transform: inherit;
}

.cardItem_poster .cardItem__thumb {
    /* margin-top: auto */
}

.cardItem_poster .cardItem__img {
    width: 100%
}

.cardItem_poster .cardItem__information {
    margin-top: auto;
    margin-bottom: 0px;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
    justify-content: space-between;
}
.cardItem_poster .cardItem__information>*{
    width: 100%;
    max-width: 50%;
}
.cardItem_poster .cardItem__information>*:nth-child(even){
    text-align: right;
}
.cardItem_poster .cardItem__information>*:nth-child(2){
    display: inline-flex;
    justify-content: flex-end;
    padding-left: 5px;
}
.cardItem_poster .cardItem__information>*:nth-child(3){
    max-width: 100%;
}
.cardItem_poster .cardItem__information>*:nth-child(4){
    max-width: 100%;
    text-align: left;
}

.cardItem_poster .cardItem__rowInf .rowInf__key {
    font-size: 12px;
    margin-right: 15px
}

.cardItem_poster .cardItem__rowInf .rowInf__value {
    font-size: 12px
}
.cardItem_poster .cardItem__rowInf .rowInf__value svg{
    margin-right: 8px;
}
.cardItem_poster .cardItem__rowInf > * {
    margin-top: 2px
}

.cardItem_poster .cardItem__row_bot {
    margin-top: 15px
}

.casesCard {
    display: flex;
    transition: 350ms
}

.casesCard__thumb {
    display: block;
    /* max-width: 490px; */
    max-width: 100%;
    flex-shrink: .3
}

.casesCard__img {
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    transition: 350ms;
}
.casesCard__img:hover {
    opacity: .5;
}

.casesCard__body {
    display: flex;
    flex-direction: column;
    transition: 350ms;
    border: 1px solid transparent;
    flex-basis: 50%;
    flex-grow: 1;
    padding: 15px 14px 15px 63px
}

.casesCard__heading {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.625;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #050505
}

.casesCard__row {
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
    flex-wrap: wrap
}

.casesCard__rowInf {
    box-sizing: border-box;
    width: calc(50% - 30px);
    margin-right: 15px;
    margin-bottom: 10px;
    margin-left: 15px;
    word-wrap: break-word
}

.casesCard__rowInf > * {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px
}

.casesCard__txt {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.625;
    max-width: 100%;
    margin-bottom: 15px;
    color: #050505
}

.casesCard__readMore {
    margin-top: auto
}

.reviewsCard {
    display: flex;
    flex-direction: column;
    transition: 250ms;
    border: 1px solid transparent;
    padding: 20px 14px
}

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

.reviewsCard__row_top {
    margin-bottom: 36px
}

.reviewsCard__row_bot {
    margin-top: auto
}

.reviewsCard__name {
    font-size: 12px;
    font-weight: 700;
    color: #050505
}

.reviewsCard__links {
    margin-bottom: 10px;
    align-self: flex-start
}

.reviewsCard__txt {
    font-size: 12px;
    line-height: 1.625;
    margin-bottom: 15px;
    color: #050505
}

.reviewsCard__date {
    font-size: 12px;
    font-weight: 500;
    color: #050505
}

.companyType {
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
    flex-wrap: wrap
}

.companyType__item {
    box-sizing: border-box;
    width: calc(25% - 30px);
    margin-right: 15px;
    /* margin-bottom: 30px; */
    margin-bottom: 20px;
    margin-left: 15px;
    word-wrap: break-word
}

.companyType_tender {
    margin-right: -10px;
    margin-left: -10px
}

.companyType_tender__item {
    box-sizing: border-box;
    width: calc(33.33333% - 20px);
    margin-right: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    word-wrap: break-word
}

.compTypeCard {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 150px;
    transition: 250ms;
    text-decoration: none;
    border: 1px solid transparent;
    background-color: #fff;
    /* box-shadow: 0 0 43px rgba(0, 0, 0, .06); */
    align-items: center;
}

.compTypeCard:hover {
    /* border-color: #eaeaea */
}

.compTypeCard:hover .compTypeCard__name {
    color: #0090ff
}

.compTypeCard:active {
    transition: 150ms;
    -webkit-transform: translateY(1.5px) scale(.99);
    transform: translateY(1.5px) scale(.99)
}

.compTypeCard__inp {
    display: none
}

.compTypeCard__inp:checked + .compTypeCard__thumb {
    position: static
}

.compTypeCard__inp:checked + .compTypeCard__thumb::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transform: scale(.96);
    transform: scale(.96);
    border: 1px solid #0090ff
}

.compTypeCard__thumb {
    position: relative;
    display: flex;
    padding-bottom: 14px;
    flex-grow: 1;
    align-items: center;
    justify-content: center
}

/* .compTypeCard__thumb::after {
    position: absolute;
    bottom: 16px;
    left: 50%;
    width: 60px;
    height: 2px;
    content: '';
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #ebebeb
} */

.compTypeCard__img {
    display: block;
    height: 60px;
    object-fit: cover;
    width: 60px;
}

.compTypeCard__name {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.15;
    max-width: 100%;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    transition: 250ms;
    /* text-align: center; */
    /* text-transform: uppercase; */
    color: #000;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 45px
}

.list-of-tenders {
    position: relative;
    overflow-x: auto;
    max-width: 100%
}

.tendersCard, .tendersHead {
    display: flex;
    min-width: 924px;
    padding-top: 15px;
    padding-bottom: 15px;
    align-items: center
}

.tendersCard__item, .tendersHead__item {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.15;
    padding-right: 4px;
    padding-left: 4px;
    text-align: center;
    flex-grow: 1
}

.tendersCard__item_num, .tendersHead__item_num {
    max-width: 90px;
    flex-basis: 90px;
    flex-shrink: 0
}

.tendersCard__item_service, .tendersHead__item_service {
    max-width: 290px;
    text-align: left;
    flex-basis: 280px;
    flex-shrink: .5
}

.tendersCard__item_c2, .tendersHead__item_c2 {
    padding: 0
}

.tendersCard__item_status, .tendersHead__item_status {
    max-width: 160px;
    text-align: left;
    flex-shrink: 0;
    flex-basis: 110px
}

.tendersCard__item_sity, .tendersHead__item_sity {
    flex-basis: 210px
}

.tendersCard__item_detail, .tendersHead__item_detail {
    max-width: 160px;
    text-align: center;
    flex-shrink: 0;
    flex-basis: 110px
}

.tendersHead {
    height: 87px;
    color: #fff;
    background-color: #050505;
    box-shadow: 0 0 43px rgba(0, 0, 0, .06)
}

.tendersHead__item {
    font-size: 11px;
    width: 190px;
    text-transform: uppercase;
    flex-grow: 1
}

.tendersHead__item_c2 {
    color: #ffd91f
}

.tendersCard {
    position: relative;
    height: 97px;
    transition: 250ms;
    text-decoration: none
}

.tendersCard::after {
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    transition: 250ms;
    background-color: #f7f7f7
}

.tendersCard:hover {
    box-shadow: inset 0 -4px 4px rgba(25, 49, 115, .12)
}

.tendersCard:hover:after {
    background-color: #0090ff
}

.tendersCard:active {
    background-color: #f1f1f1
}

.tendersCard:active:after {
    z-index: 1;
    background-color: #0090ff
}

.tendersCard__item {
    font-weight: 400;
    width: 190px;
    color: #010101;
    flex-grow: 1
}

.tendersCard__item_num, .tendersCard__item_status {
    color: #878789
}

.tendersCard__item_service {
    font-size: 12px
}

.tendersCard__item_c2 {
    display: block;
    text-align: left;
    color: #ffd91f
}

.tendersCard__item_amount, .tendersCard__item_detail, .tendersCard__item_end, .tendersCard__item_num, .tendersCard__item_sity, .tendersCard__item_start, .tendersCard__item_status {
    font-size: 11px
}

.tendersCard__item_amount {
    max-width: 157px
}

.tendersCard__item_service {
    max-width: 265px
}

.pagination {
    display: flex;
    justify-content: space-between
}

.pagination_mt {
    margin-top: 30px
}

.pagination__links {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.pagination__link {
    font-size: 16px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-right: 14px;
    padding-left: 14px;
    transition: 250ms;
    text-decoration: none;
    color: #868688;
    min-height: 40px;
}

.pagination__link_arrow, .pagination__link_point {
    color: #1c1c22
}

.pagination__link_arrow i {
    font-weight: 700
}

.pagination__link_current {
    font-weight: 500;
    color: #1c1c22;
    min-width: 40px;
    background: #FFD91F;
}

.pagination__link:active:not(.pagination__link_point):not(.pagination__link_current) {
    top: 1px
}

.pagination__txt {
    font-size: 14px;
    font-weight: 400;
    line-height: 36px;
    color: #868688
}

.paginationBig {
    display: inline-flex;
    flex-wrap: wrap
}

.paginationBig_mtb {
    margin-top: 20px;
    margin-bottom: 20px
}

.paginationBig_mb {
    margin-bottom: 50px
}

.paginationBig__link {
    display: flex;
    width: 56px;
    height: 56px;
    margin-top: 3px;
    margin-bottom: 3px;
    text-decoration: none;
    color: #878789;
    border-right: 1px solid #f7f7f7;
    border-left: 1px solid #f7f7f7;
    background-color: #fff;
    align-items: center;
    justify-content: center
}

.paginationBig__link:not(.paginationBig__link_current) {
    position: relative;
    transition: .3s
}

.paginationBig__link:not(.paginationBig__link_current):hover {
    color: #ffd91f;
    background-color: #f7f7f7;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3)
}

.paginationBig__link:not(.paginationBig__link_current):active {
    top: 1px
}

.paginationBig__link:first-child {
    border-left: none
}

.paginationBig__link:last-child {
    border-right: none
}

.paginationBig__link_arrow {
    font-size: 14px;
    color: #16161d
}

.paginationBig__link_current {
    font-weight: 500;
    color: #006abc
}

.sortPanel {
    display: flex;
    margin-bottom: 17px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.sortPanel.contentBody__sortPanel {
    /* background-color: #e4f6ff; */
    align-items: center;
    /* padding: 25px 0 */
}.sortPanel.contentBody__sortPanel>*:last-child{
    margin-right: 0;
}

.sortPanel__search, .sortPanel__selBlock, .sortPanel__sortBy {
    box-sizing: border-box;
    margin-right: 20px;
    margin-left: 0px;
    word-wrap: break-word
}

.sortPanel__search {
    margin-right: 10px;
    margin-left: 10px;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    flex: 0 0 300px;
    align-self: center
}

.sortPanel_date {
    align-items: center;
    margin-right: 0;
    /* margin-bottom: 31px; */
    margin-bottom: 20px;
    margin-left: 0;
    justify-content: flex-start
}

.sortPanel_date .sortPanel__datapicers {
    margin-right: 67px
}

.sortPanel_date .sortPanel__checkbox {
    display: flex;
    flex-direction: column;
    min-height: 52px;
    margin-right: auto;
    justify-content: space-between
}

.sortPanel_date .sortPanel__checkbox .checkbox:first-child {
    margin-bottom: 10px
}

.sortPanel_date .sortPanel__checkbox .checkbox__box {
    margin-right: 1.3em
}

.sortPanel_date .sortPanel__btn {
    align-self: flex-start;
    width: 100%;
    max-width: 238px;
    margin-top: 7px;
    margin-right: 0px;
    border-width: 2px
}

.sortBy {
    font-size: 15px;
    display: flex;
    margin-bottom: 12px;
    align-items: center;
    flex-wrap: wrap
}

.contentBody__sortPanel .sortBy {
    margin-bottom: 0
}

.sortBy__name {
    font-weight: 400;
    line-height: 24px;
    margin-right: 20px
}

.sortBy__link {
    font-weight: 400;
    line-height: 24px;
    color: #868688;
    position: relative;
    text-decoration: none;
}
.sortBy__link::after {
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    transition: transform 550ms 75ms, transform-origin, background-color 250ms, -webkit-transform 550ms 75ms, -webkit-transform-origin
}

.sortBy__link::before {
    background-color: #868688
}

.sortBy__link::after {
    z-index: 2;
    -webkit-transform: scale(0, 1.5);
    transform: scale(0, 1.5);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    background-color: #868688
}


.sortBy__link:hover::after {
    transition: 550ms, transform-origin, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.sortBy__link:active::after, .sortBy__link:active::before {
    transition: .1s, transform-origin, -webkit-transform-origin;
    -webkit-transform: scale(0, 1.5);
    transform: scale(0, 1.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}


.sortBy__link:not(.sortBy__link_current) {
    position: relative
}

.sortBy__link:not(:last-child) {
    margin-right: 20px
}

.sortBy__link_current {
    color: #050505
}
.sortBy__link_current:hover {
    color: #050505
}

.sortBy__link:hover:not(.sortBy__link_current) {
    transition: 250ms 75ms;
    color: #868688
}

.sortBy__link:active:not(.sortBy__link_current) {
    top: 1px;
    text-decoration: none
}

.studioReviewsCard {
    display: flex;
    padding: 26px 30px;
    border: 1px solid #E6E6E6;
    box-sizing: border-box;
}

.studioReviewsCard:not(:last-child) {
    /* border-bottom: 1px solid #f7f7f7 */
    margin-bottom: 20px;
}

.studioReviewsCard__thumb {
    display: flex;
    flex-direction: column;
    margin-right: 10px;
    margin-bottom: 25px;
    flex-shrink: 0;
    align-items: center
}
.studioReviews .studioReviewsCard__thumb {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    width: 314px;
}
.studioReviews .studioReviewsCard__img{
    width: 116px;
    height: 116px;
    margin-right: 30px;
}
.studioReviews .studioReviewsCard__thumb-right{
    flex: 1
}
.studioReviews .studioReviewsCard__rating {
    margin: 0 0 12px;
}
.studioReviews .studioReviewsCard__rating i{
    font-size: 22px;
    margin-left: 0;
    margin-right: 12px;
}
.studioReviews .studioReviewsCard__rating i:last-child{
    margin-right: 0;
}
.studioReviews .studioReviewsCard__brief{
    margin-bottom: 8px;
    margin-top: 0;
    padding-right: 0;
    justify-content: space-between
}
.studioReviews .studioReviewsCard__date{
    margin-bottom: 8px;
}
.studioReviews .studioReviewsCard__txt{
    margin-bottom: 0;
}

.studioReviewsCard__rating {
    margin: -3px -7px 33px
}

.studioReviewsCard__rating i {
    font-size: 20px;
    margin-right: 7px;
    margin-left: 7px
}

.studioReviewsCard__img {
    display: block
}

.studioReviewsCard__body {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.studioReviewsCard__brief {
    display: flex;
    margin-top: -4px;
    margin-bottom: 5px;
    padding-right: 13px;
    flex-wrap: wrap;
    align-items: baseline
}

.studioReviewsCard__name {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.1;
    margin-top: 2px;
    margin-right: 8px;
    margin-bottom: 7px;
    text-transform: uppercase
}

.studioReviewsCard__wrap {
    display: flex;
    margin-top: 2px;
    margin-right: auto;
    margin-bottom: 2px;
    align-items: baseline
}

.studioReviewsCard__about {
    font-size: 12px;
    font-weight: 500;
    margin-right: 4px
}

.studioReviewsCard__company {
    font-size: 12px;
    font-weight: 500;
    margin-right: 5px;
    text-decoration: underline
}

.studioReviewsCard__date {
    font-size: 12px;
    font-weight: 400;
    color: #868688
}

.studioReviewsCard__service {
    font-size: 12px;
    font-weight: 400;
    width: 100%;
    margin-top: 2px;
    margin-bottom: 2px;
    color: #868688
}

.studioReviewsCard__txt {
    font-size: 12px;
    margin-bottom: 8px
}

.studioReviewsCard__site {
    font-size: 12px;
    font-weight: 500;
    margin-top: auto;
    color: #0090ff;
    align-self: flex-start
}

.views {
    display: flex;
    align-items: center
}

.views i {
    font-size: 16px;
    color: #DFDFDF
}

.views i + span {
    margin-left: 6px !important
}

.views span {
    font-size: 14px;
    line-height: 140%;
    display: block;
    color: #7D8487
}

.views span + i {
    margin-left: 20px
}

.cases {
    display: flex;
    margin-right: -10px;
    margin-left: -10px;
    flex-wrap: wrap
}

.cases__caseCard {
    box-sizing: border-box;
    width: calc(50% - 20px);
    margin-right: 10px;
    margin-bottom: 14px;
    margin-left: 10px;
    word-wrap: break-word
}

.caseCard {
    display: flex;
    flex-direction: column;
    transition: 250ms;
    border: 2px solid #efefef;
    background-color: #fff;
    padding: 15px 14px
}

.caseCard:hover {
    /* box-shadow: 0 0 65px rgba(0, 0, 0, .06) */
    background-color: #f7f7f7;
}

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

.caseCard__row_bot {
    margin-top: auto;
    margin-bottom: 10px
}

.caseCard__date {
    font-size: 12px;
    font-weight: 500;
    color: #868688
}

.caseCard__company, .caseCard__service {
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    color: #ffd91f;
}

.caseCard__company {
    display: block;
    margin-top: 10px;
    color: #0090ff
}

.caseCard__company:hover {
    text-decoration: underline
}

.caseCard__company:active {
    position: relative;
    top: 1px;
    text-decoration: none
}

.caseCard__heading {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.27;
    display: block;
    min-height: 46px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-decoration: none;
    text-transform: none;
    color: #050505
}

.caseCard__site {
    font-size: 13px;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 30px;
    color: #000;
    align-self: flex-start
}

.caseCard__wrap {
    display: flex;
    flex-direction: column;
    margin-top: auto;
    flex-grow: 1
}

.caseCard__thumb {
    margin-bottom: 10px
}

.caseCard__img {
    display: block;
    width: 100%
}

.caseCard__txt {
    font-size: 12px;
    margin-bottom: 20px
}

.sortArticles {
    /* background: #e4f6ff; */
    display: flex;
    margin-top: 10px;
    margin-bottom: 60px;
    /* padding-top: 23px;
    padding-bottom: 25px; */
}

.sortArticles__head {
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    margin-right: 10px;
    white-space: nowrap;
    color: #050505
}

.sortArticles__wrap {
    display: flex;
    /* margin-right: -13px;
    margin-left: -13px; */
    flex-wrap: wrap;
    align-items: center
}

.sortArticles__link {
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    position: relative;
    display: block;
    box-sizing: border-box;
    margin-right: 40px;
    margin-bottom: 4px;
    /* margin-left: 13px; */
    transition: color 350ms .2s;
    white-space: nowrap;
    text-decoration: none;
    word-wrap: break-word;
    align-self: flex-start;
    padding-left: 21px;
}
.sortArticles__link::before {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    background: #ffd91f;
    position: absolute;
    left: 0;
    top: calc(50% - 5px);
}

/* .sortArticles__link::after, .sortArticles__link::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #000
}

.sortArticles__link::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
} */

.sortArticles__link:hover {
    transition: color 350ms;
    color: #0090ff;
}

/* .sortArticles__link:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.sortArticles__link:hover::before {
    background-color: #0090ff
}

.sortArticles__link:active {
    color: #0090ff
}

.sortArticles__link:active::after {
    background-color: #0090ff
} */

.sortArticles__link_current {
    color: #ffd91f
}

.articlesCard {
    display: flex;
    margin-bottom: 30px;
    /* background-color: #fff;
    box-shadow: 0 0 65px rgba(0, 0, 0, .06);
    padding: 10px */
}

.articlesCard:last-child {
    margin-bottom: 0
}

.articlesCard__thumb {
    display: flex;
    width: 100%;
    max-width: 328px;
    margin-right: 15px;
    justify-content: center;
    align-items: center;
    flex-shrink: .7;
    max-height: 169px;
    overflow: hidden;
}

.articlesCard__img {
    display: block;
    width: 100%;
}
.articlesBody__main .articlesBody__popularTopic{
    margin-left: 0;
    margin-right: 0;
}
.articlesBody__main .articlesBody__popularTopic .articlesCard__thumb {
    max-width: 208px;
    max-height: 111px;
    margin-right: 24px;
}
.articlesBody__main .articlesBody__popularTopic  .articlesCard__heading{
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
}
.articlesBody__main .articlesBody__popularTopic .articlesCard{
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.articlesBody__main .articlesBody__popularTopic .articlesCard:last-child{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.articlesCard__content {
    display: flex;
    flex-direction: column;
    width: 100%
}

.articlesCard__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /* justify-content: space-between */
}
.articlesCard__row>*:not(:last-child){
    margin-right: 16px;
}

.articlesCard__row_bot {
    /* margin-top: auto */
}

.articlesCard__service {
    font-weight: normal;
    font-size: 12px;
    line-height: 100%;
    color: #7D8487;
    position: relative;
    transition: color 350ms .2s;
    text-decoration: none;
    align-self: flex-start;
    padding: 4px 12px;
    border-radius: 10px;
    background: #F2F2F2;
}

/* .articlesCard__service::after, .articlesCard__service::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: transparent
}

.articlesCard__service::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
} */

.articlesCard__service:hover {
    transition: color 350ms;
    color: #0090ff;
    background: #F0F6FF;
}

/* .articlesCard__service:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.articlesCard__service:active {
    color: #ffd91f
}

.articlesCard__service:active::after {
    background-color: #ffd91f
} */

.articlesCard__date {
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    color: #7D8487
}

.articlesCard__heading {
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    color: #050505;
    /* margin-top: 15px; */
    margin-bottom: 12px;
    text-decoration: none;
    text-transform: none;
}

.articlesCard__heading:hover {
    color: #0090ff
}

.articlesCard__site {
    /* font-size: 14px;
    font-weight: 500;
    line-height: 1.2; */
    position: relative;
    margin-bottom: 12px;
    transition: color 350ms .2s;
    text-decoration: none;
    /* color: #868688; */
    align-self: flex-start;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    /* text-decoration-line: underline; */
    color: #050505;
}

.articlesCard__site::after, .articlesCard__site::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #050505
}

.articlesCard__site::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.articlesCard__site:hover {
    transition: color 350ms;
    color: #050505;
    /* color: #ffd91f */
}

.articlesCard__site:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.articlesCard__site:active {
    color: #868688
}

.articlesCard__site:active::after {
    background-color: #868688
}

.articlesCard__txt {
    font-size: 12px;
    margin-bottom: 10px
}

.articlesCard_main {
    padding-right: 10px
}

.articlesCard_main .articlesCard__thumb {
    max-width: 525px
}

.articlesCard_main .articlesCard__service {
    font-size: 14px
}

.articlesCard_main .articlesCard__row_bot {
    margin-bottom: 10px
}

.articlesCard_main .articlesCard__date {
    font-size: 14px
}

.articlesCard_main .articlesCard__heading {
    font-size: 12px;
    margin-top: 36px;
    margin-bottom: 10px
}

.articlesCard_main .articlesCard__site {
    margin-bottom: 22px
}

.articlesCard_main .articlesCard__txt {
    font-size: 12px
}

.posters {
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
    flex-wrap: wrap
}

.posters__cardItem {
    box-sizing: border-box;
    width: calc(50% - 30px);
    margin-right: 15px;
    margin-bottom: 30px;
    margin-left: 15px;
    transition: 250ms;
    word-wrap: break-word;
    border: 1px solid #E5E5E5;
    /* padding: 10px 14px 5px */
}

@media screen and (min-width: 1024px) {
    .posters__cardItem {
        width: calc(25% - 30px);
    }
}
.cardItem_poster-body{
    padding: 30px 20px 20px;
    flex: 1;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
}

.posters__cardItem:hover {
    box-shadow: 0 0 65px rgba(0, 0, 0, .06)
}

.datapicers__wrap {
    display: flex;
    margin-right: -8px;
    margin-left: -8px;
    flex-wrap: wrap;
    align-items: center
}

.datapicers__name {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
    color: #050505
}

.datapicers__inp {
    position: relative;
    box-sizing: border-box;
    min-width: 125px;
    height: 43px;
    margin-right: 8px;
    margin-left: 8px;
    word-wrap: break-word;
    border: 1px solid #f3f3f3
}

.datapicers__inp:focus-within {
    border-color: silver
}

.datapicers__inp:focus-within .datapicers__icon {
    color: silver
}

.datapicers__inp input {
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-right: 30px;
    padding-left: 7px;
    border: none
}

.datapicers__inp input::-webkit-input-placeholder {
    font-size: 12px;
    font-weight: 500
}

.datapicers__inp input::-moz-placeholder {
    font-size: 12px;
    font-weight: 500
}

.datapicers__inp input:-ms-input-placeholder {
    font-size: 12px;
    font-weight: 500
}

.datapicers__inp input::-ms-input-placeholder {
    font-size: 12px;
    font-weight: 500
}

.datapicers__inp input::placeholder {
    font-size: 12px;
    font-weight: 500
}

.datapicers__icon {
    font-size: 12px;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    color: #868688
}

.weRecommend__heading {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 14px;
    /* text-transform: uppercase */
}

.weRecommendItems {
    display: flex;
    flex-wrap: wrap
}

.weRecommendItems.owl-carousel {
    padding-bottom: 0;
    border-left: 1px solid #E6E6E6;
}

.weRecommendItems.owl-carousel .owl-nav {
    bottom: 0
}

.weRecommendItems.owl-carousel .owl-dots {
    bottom: 12px
}

.weRecommendItems__thumb {
    display: flex;
    width: 16.66%;
    height: 170px;
    transition: .2s, border;
    border: 1px solid #E6E6E6;
    border-left-color: rgba(0,0,0,0);
    background-color: #fff;
    justify-content: center;
    align-items: center;
    position: relative;
}

.weRecommendItems__thumb:hover {
    box-sizing: border-box;
    box-shadow: 0px 20px 30px rgba(32, 58, 82, 0.2);
    border-left-color: #E6E6E6;
    z-index: 1;
}
.weRecommendItems__thumb::after{
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: -1px;
    right: 0;
    background: #2282ED;
    opacity: 0;
    transition: opacity .3s ease-in;
}
.weRecommendItems__thumb:hover::after {
    opacity: 1;
}

.weRecommendItems__thumb:active {
    transition: none;
    background-color: #f2f2f2;
    box-shadow: inset 0 0 10px 1px rgba(0, 0, 0, .03)
}

.weRecommendItems__thumb:active .weRecommendItems__img {
    transition: none;
    -webkit-transform: scale(.97);
    transform: scale(.97)
}

.weRecommendItems__img {
    display: block;
    transition: 250ms
}

.callPopUp__heading {
    font-size: .75rem;
    font-weight: 700
}

.callPopUp__btns-wrap {
    margin-right: -25px;
    margin-bottom: 20px;
    margin-left: -25px
}

.callPopUp__btns-wrap .btns-wrap__btn {
    margin-right: 25px;
    margin-left: 25px
}

.callPopUp .btnLink {
    align-self: center
}

.callPopUp__txt {
    font-size: .75rem
}

.shareInf {
    display: flex;
    flex-wrap: wrap-reverse;
    align-items: center;
    justify-content: space-between
}

.shareInf__link {
    font-size: 12px;
    font-weight: 700;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    transition: color 350ms .2s;
    text-decoration: none;
    text-transform: uppercase;
    color: #0090ff;
    align-self: flex-start
}

.shareInf__link::after, .shareInf__link::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #0090ff
}

.shareInf__link::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.shareInf__link:hover {
    transition: color 350ms;
    color: #ffd91f
}

.shareInf__link:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.shareInf__link:active {
    color: #0090ff
}

.shareInf__link:active::after {
    background-color: #0090ff
}

.shareInf span {
    display: flex;
    align-items: center
}

.shareInf span .shareInf__link {
    margin-right: 5px;
    margin-left: 5px
}

.newShare42__row {
    display: flex;
    margin-right: -4px;
    margin-left: -4px;
    flex-wrap: wrap
}

.newShare42__icon {
    font-size: 20px;
    display: flex;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    margin-left: 4px;
    transition: 250ms;
    text-decoration: none;
    word-wrap: break-word;
    color: #050505;
    background: #fff !important;
    justify-content: center;
    align-items: center
}

.newShare42__icon:hover {
    /* -webkit-transform: translate(0, -1px) scale(1.05);
    transform: translate(0, -1px) scale(1.05); */
    color: #0090ff;
    opacity: .5;
}

.newShare42__icon.fa-facebook {
    background-color: #3b5998
}

.newShare42__icon.fa-google-plus {
    background-color: #dd4b39
}

.newShare42__icon.fa-twitter {
    background-color: #17aae8
}

.newShare42__icon.fa-linkedin {
    background-color: #0077b5
}

.tagsBx {
    display: flex;
    margin-right: -9px;
    margin-left: -9px;
    flex-wrap: wrap
}

.tagsBx__item {
    line-height: 1.2;
    box-sizing: border-box;
    word-wrap: break-word;
    margin: 4px 9px
}

.tagsBx__item_heading {
    font-size: 16px;
    font-weight: 500;
    color: #050505
}

.tagsBx__item_link {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    transition: color 350ms .2s;
    text-decoration: none;
    color: #868688;
    align-self: flex-start
}

.tagsBx__item_link::after, .tagsBx__item_link::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #e1e1e1
}

.tagsBx__item_link::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.tagsBx__item_link:hover {
    transition: color 350ms;
    color: #ffd91f
}

.tagsBx__item_link:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.tagsBx__item_link:active {
    color: #868688
}

.tagsBx__item_link:active::after {
    background-color: #868688
}

.iconFilter {
    display: flex;
    cursor: pointer;
    align-items: center
}

.iconFilter__img {
    position: relative;
    display: flex;
    width: 17px;
    height: 11px;
    margin-right: 20px;
    flex-shrink: 0
}

.iconFilter__bot, .iconFilter__mid, .iconFilter__top {
    position: absolute;
    left: 50%;
    height: 2px;
    transition: .3s;
    background-color: #ffd91f;
}

.iconFilter__top {
    top: 0;
    width: 100%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.iconFilter__mid {
    top: 50%;
    width: 10px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.iconFilter__bot {
    bottom: 0;
    width: 4px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.iconFilter__txt {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    /* text-transform: uppercase;
    color: #ffd91f; */
}

.iconFilter:hover .iconFilter__top {
    width: 4px
}

.iconFilter:hover .iconFilter__bot {
    width: 100%
}

.arrowTopTagle {
    cursor: pointer
}

.arrowTopTagle i {
    font-size: 13px;
    margin-left: 8px;
    color: #0090ff
}

.arrowTopTagle.arrowTop i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dropWrap {
    position: relative
}

.dropWrap a {
    display: block;
    text-decoration: none;
    color: currentColor
}

.dropWrap__firsst {
    display: flex;
    align-items: center
}

.dropWrap__firsst a {
    position: relative;
    transition: color 350ms .2s;
    text-decoration: none;
    color: currentColor;
    align-self: flex-start
}

.dropWrap__firsst a::after, .dropWrap__firsst a::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: transparent
}

.dropWrap__firsst a::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.dropWrap__firsst a:hover {
    transition: color 350ms;
    color: #ffd91f
}

.dropWrap__firsst a:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.dropWrap__firsst a:active {
    color: currentColor
}

.dropWrap__firsst a:active::after {
    background-color: currentColor
}

.dropWrap__firsst i {
    display: flex;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    cursor: pointer;
    transition: .3s;
    text-align: center;
    border: 1px solid transparent;
    justify-content: center;
    align-items: center
}

.dropWrap__firsst:hover i {
    color: #0090ff;
    border-color: #0090ff;
    border-radius: 50%
}

.dropWrap__hideBl {
    position: absolute;
    z-index: 20;
    top: 100%;
    right: -5px;
    display: none;
    flex-direction: column;
    width: calc(100% + 25px);
    padding: 10px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    align-items: center
}

.dropWrap__hideBl a {
    margin-right: 10px;
    margin-bottom: 3px
}

.dropWrap__hideBl a:hover {
    text-decoration: underline
}

.dropWrap_active .dropWrap__firsst i {
    padding-bottom: 2px;
    -webkit-transform: translate(10px, -10px) scale(1, -1);
    transform: translate(10px, -10px) scale(1, -1);
    color: #000;
    border-radius: 50%;
    background-color: #f7f7f7
}

.dropWrap_active .dropWrap__firsst i::before {
    content: '\f00d'
}

.dropWrap_active .dropWrap__hideBl {
    display: flex
}

.icn {
    position: relative;
    display: block;
    color: #050505
}

.icn_bars {
    width: 14px
}

.icn_bars span {
    display: block;
    width: 100%;
    height: 3px;
    background-color: currentColor
}

.icn_bars .icn__mid {
    margin-top: 1px;
    margin-bottom: 1px
}

.icn_th {
    width: 14px
}

.icn_th span {
    background-color: currentColor
}

.icn_th .icn__bot, .icn_th .icn__mid, .icn_th .icn__top {
    position: relative;
    left: 50%;
    display: block;
    width: 3px;
    height: 3px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.icn_th .icn__bot::after, .icn_th .icn__bot::before, .icn_th .icn__mid::after, .icn_th .icn__mid::before, .icn_th .icn__top::after, .icn_th .icn__top::before {
    position: absolute;
    display: block;
    width: 3px;
    height: 3px;
    content: '';
    background-color: currentColor
}

.icn_th .icn__bot::before, .icn_th .icn__mid::before, .icn_th .icn__top::before {
    right: calc(100% + 2px)
}

.icn_th .icn__bot::after, .icn_th .icn__mid::after, .icn_th .icn__top::after {
    left: calc(100% + 2px)
}

.icn_th .icn__mid {
    margin-top: 1.5px;
    margin-bottom: 1.5px
}

.rating-card {
    font-size: 12px;
    display: flex;
    margin-right: 15px;
    margin-left: 15px;
    text-decoration: none;
    align-items: center
}

.rating-card:first-child {
    margin-top: 10px
}

.rating-card:not(:last-child) {
    margin-bottom: 30px
}

.rating-card__thumb {
    margin-right: 15px;
    flex-shrink: 0
}

.rating-card__img {
    display: block
}

.rating-card__txt {
    font-weight: 400;
    display: flex;
    transition: 250ms;
    color: #000;
    flex-grow: 1;
    align-items: baseline;
    justify-content: space-between
}

.rating-card__icon {
    font-size: 16px;
    display: block;
    margin-left: 15px;
    transition: .3s;
    -webkit-transform: translateX(-20px) scale(.7);
    transform: translateX(-20px) scale(.7);
    opacity: 0
}

.rating-card:hover .rating-card__txt {
    color: #0090ff
}

.rating-card:hover .rating-card__icon {
    -webkit-transform: translateX(0) scale(1.3);
    transform: translateX(0) scale(1.3);
    opacity: 1;
    color: #0090ff
}

.modalRating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end
}

.modalRating input {
    display: none
}

.modalRating input:checked ~ label {
    color: #ffd91f
}

.modalRating label {
    cursor: pointer;
    color: #c1c5d0
}

.modalRating label::before {
    font-family: fontawesome, sans-serif;
    font-size: 24px;
    content: '\f005'
}

.modalRating label:hover, .modalRating label:hover ~ label {
    color: #ffd91f
}

.expanded-block {
    position: relative
}

.expanded-block__outer {
    position: relative;
    overflow: hidden;
    height: 200px
}

.expanded-block__outer.expanded::after {
    display: none
}

.modal_notification {
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .65);
    justify-content: center;
    align-items: center
}

.modal_notification__info {
    font-size: 20px;
    position: relative;
    display: flex;
    width: 100%;
    min-width: 280px;
    max-width: 600px;
    height: 100%;
    max-height: 230px;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .35);
    align-items: center;
    justify-content: center
}

.modal_notification__info--custom {
    flex-direction: column;
    padding: 40px 80px;
}

.modal_notification__info span {
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.modal_notification__bottom .btn_theme_fill {
  color: #050505;
  text-transform: unset;
}

.modal_notification__close {
    position: absolute;
    top: 1px;
    right: 3px;
    display: flex;
    width: 25px;
    cursor: pointer;
    color: #000;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
    align-items: center;
    justify-content: center
}

.modal_notification__close::before {
    font-family: fontawesome, sans-serif;
    font-size: 20px;
    content: '\f00d'
}

.modal_notification__close:hover {
    color: #ffd91f
}

.modal_notification__close:active {
    -webkit-transform: translate(0, 1px);
    transform: translate(0, 1px)
}

.modal_notification__bottom {
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    width: 100%;
}

.rating-header {
    background-color: #e4f6ff;
    min-height: 67px;
    margin: 0
}

.rating-header * img {
    display: none
}

.rating-content li {
    padding-left: 0;
    margin: 0
}

.rating-content li ul, .rating-header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.rating-content li ul li, .rating-header li {
    font-size: 15px;
    font-weight: 400;
    display: inline-block;
    margin: 0;
    padding: 10px;
    text-align: center;
    flex-basis: 120px
}

.rating-content li ul li::before, .rating-header li::before {
    display: none
}

.rating-content li ul .position, .rating-header .position {
    text-align: center;
    text-indent: -2px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 78px
}

.rating-content li ul .company, .rating-header .company {
    min-width: 225px;
    padding-left: 15px;
    text-align: left;
    flex: 1 0 auto;
    justify-content: flex-start
}

.rating-content li ul .portfolio-counter, .rating-header .portfolio-counter {
    flex-basis: 215px
}

.rating-content {
    margin: 0;
    padding: 0
}

.rating-content ul {
    display: flex;
    min-height: 80px;
    margin: 0;
    padding: 0;
    justify-content: space-between;
    align-items: center
}

.rating-content li::before {
    display: none
}

.rating-content .company {
    display: flex;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    min-width: 225px;
    flex: 1 1 auto
}

.rating-content .company a {
    text-decoration: none
}

.rating-content .company .image {
    flex-shrink: 0
}

.rating-content .company .image.com-logo {
    width: 56px;
    height: 56px;
    margin-right: 15px
}

.rating-content .company .image.com-logo a {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 3px;
    background-color: #fff;
    justify-content: center;
    align-items: center
}

.rating-content .company .image.com-logo img {
    font-size: 0;
    display: block;
    width: 100%
}

.rating-content .company .image.com-logo img::after {
    content: '';
    box-shadow: none
}

.rating-content .company .name {
    font-weight: 400;
    line-height: 25px;
    position: relative;
    display: inline-block;
    margin-top: auto;
    margin-bottom: auto;
    transition: color 350ms .2s;
    text-decoration: none;
    color: #000;
    align-self: flex-start
}

.rating-content .company .name::after, .rating-content .company .name::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: transparent
}

/* .rating-content .company .name::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
} */

.rating-content .company .name:hover {
    transition: color 350ms;
    color: #0090ff
}

/* .rating-content .company .name:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.rating-content .company .name:active {
    color: #000
}

.rating-content .company .name:active::after {
    background-color: #000
} */

.rating-content .commercial_wr ul {
    border-top: 3px solid #000;
    /* background-color: #f7f7f7 */
}

.rating-content .commercial_wr li:not(.company) {
    display: flex;
    align-items: center;
    justify-content: center
}

.rating-content .commercial_wr .position {
    align-self: flex-end
}

.rating-content .commercial_wr .ico_wr, .rating-content .commercial_wr .icon {
    width: 35px;
    fill: #f7a616
}

.empty-content {
    font-size: 14px;
    padding: 10px 15px
}

.fix_table td {
    padding: 10px 5px
}

.fix_table td p {
    line-height: 1;
    margin: 0
}

.wr_over {
    overflow: auto;
    height: 200px;
    margin: 10px 0
}

.wr_pop_up {
    position: fixed;
    z-index: 997;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%)
}

.rederror {
    color: red
}

.wr_inputs .qq_btn {
    font-weight: 600;
    position: relative;
    cursor: pointer;
    text-align: center;
    vertical-align: top;
    text-decoration: none;
    color: #fff;
    border: none;
    background-color: #0090ff;
    transition: all 0.3s ease;
}

.wr_inputs .qq_btn:hover {
  opacity: 0.6;
}

.agr {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 5px 0 0
}

.agr .pr_button {
    margin: 0;
    padding: 2px 6px
}

.agr .ab_this {
    position: absolute;
    top: -2px;
    right: -20px;
    padding: 5px 6px;
    transition: .5s;
    opacity: 0;
    border: 1px solid #3598db;
    background: #fff
}

.agr:hover .ab_this {
    right: -113%;
    opacity: 1
}

.agr i:hover {
    opacity: .8
}

.wr_help {
    position: absolute;
    display: inline-block;
    margin-top: -5px;
    padding: 12px 5px 7px
}

.wr_help .close {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 10px;
    height: 10px;
    cursor: pointer
}

.wr_help .close:after {
    left: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.wr_help .close:before {
    right: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.wr_help .close:after, .wr_help .close:before {
    position: absolute;
    top: 0;
    display: block;
    width: 1px;
    height: 13.5px;
    content: ' ';
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    background: #fff
}

.wr_help:hover {
    padding-right: 250px
}

.wr_help i {
    font-size: 25px;
    cursor: pointer;
    color: #3ba5ed
}

.wr_help.show .text {
    bottom: 43px;
    visibility: visible;
    opacity: 1
}

.wr_help .text {
    position: absolute;
    bottom: 35px;
    left: -5px;
    visibility: hidden;
    box-sizing: border-box;
    width: 300px;
    padding: 15px;
    transition: .5s;
    opacity: 0;
    color: #fff;
    background: #3ba5ed;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .4)
}

.wr_help .text a {
    color: #fff
}

.wr_help .text:after {
    position: absolute;
    bottom: -10px;
    left: 13px;
    box-sizing: border-box;
    width: 0;
    height: 0;
    content: ' ';
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    border: 5px solid #000;
    border-color: transparent transparent #3ba5ed #3ba5ed;
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, .4)
}

.pop_up {
    position: fixed;
    z-index: 999;
    top: 55%;
    left: 50%;
    visibility: hidden;
    padding: 40px;
    transition: .5s;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 0 10px 0 #ccc
}

.pop_up.show {
    top: 50%;
    visibility: visible;
    opacity: 1
}

.pop_up .close {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    transition: 1s;
}

.pop_up .close:after, .pop_up .close:before {
    position: absolute;
    top: 0;
    width: 1px;
    height: 28px;
    content: ' ';
    transition: 1s;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    background: rgba(5, 5, 5, 1);
}

.pop_up .close:after {
    left: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.pop_up .close:before {
    right: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.graphic--nao {
    transition: transform .7s, stroke .7s, -webkit-transform .7s;
    transition-timing-function: cubic-bezier(0, .25, .5, 1);
    pointer-events: none;
    stroke: #92989e
}

.graphic {
    position: absolute;
    top: 0;
    left: 0;
    transition: .7s;
    fill: none
}

.wr_svg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%
}

#wait {
    position: fixed;
    box-sizing: initial;
    max-width: 600px;
    padding: 40px;
    text-align: center;
    background: rgba(255, 255, 255, 1);
    color: #050505 !important;
}

#wait div {
    text-align: center
}

#wait.success {
    width: 500px;
    margin: 0 !important
}

#wait.success .wr_success {
    top: 117px;
    visibility: visible;
    padding: 0 40px;
    opacity: 1
}

#wait.success > .con {
    visibility: hidden;
    transition: .5s;
    opacity: 0
}

#wait .wr_success {
    position: absolute;
    top: 50px;
    right: 0;
    visibility: hidden;
    width: 100%;
    transition: .5s;
    opacity: 0;
    color: #2a9079
}

#wait .wr_success .text {
    font-size: 25px
}

#wait .all_inp {
    margin: 40px 0
}

#wait .man {
    position: absolute;
    top: -37px;
    left: -32px
}

#wait .left_col, #wait .right_col {
    width: 50%
}

#wait .or {
    font-size: 20px;
    margin: 0 20px;
    color: #fff
}

#wait .text {
    font-size: 22px;
    margin: 0 0 20px;
    text-transform: uppercase;
    color: #2fe7be
}

#wait .stop {
    font-size: 50px;
    color: #fff
}

#wait .stop b {
    font-size: 60px
}

#wait .wr_inp {
    position: relative;
    display: inline-block;
    width: 255px
}

#wait .wr_inp.err input {
    color: red
}

#wait .wr_inp.err svg {
    stroke: red !important
}

#wait .wr_inp .inp_back:after {
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    content: ' ';
    transition: .5s;
    background: #c9c9c9
}

#wait input[type=text] {
    font-size: 20px;
    padding: 5px 15px;
    color: #050505;
    border: none;
    background: 0 0
}

#wait input[type=text]::-webkit-input-placeholder {
  color: #050505;
}

#wait input[type=text]::-moz-placeholder {
  color: #050505;
}

#wait input[type=text]:-ms-input-placeholder {
  color: #050505;
}

#wait input[type=text]::-ms-input-placeholder {
  color: #050505;
}

#wait input[type=text]::placeholder {
  color: #050505;
}

#wait input[type=text]:focus + .inp_back:after {
    height: 100%
}

#wait input[type=text]:focus + .wr_svg .graphic {
    left: -200%;
    stroke: #2fe7be;
    stroke-width: 2px
}

.wr_q_btn {
    position: relative;
    display: inline-block;
    margin: 20px 0 0
}

.wr_q_btn .q_btn {
    font-size: 20px;
    line-height: 35px;
    width: 280px;
    cursor: pointer;
    color: #fff;
    border: none;
    background: rgba(34, 130, 237, 1) !important;
}

.wr_q_btn .q_btn:hover {
  opacity: 0.6;
}

.wr_q_btn .inp_back {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.wr_q_btn .inp_back:after, .wr_q_btn .inp_back:before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    content: ' ';
    transition: .3s linear
}

.wr_q_btn .inp_back:after {
    background: #7bd8c3
}

.wr_q_btn .inp_back:before {
    border: 1px solid #7bd8c3
}

.wr_q_btn .inp_back:hover:after {
    top: 5px;
    left: 5px
}

.wr_q_btn .inp_back:hover:before {
    top: -5px;
    left: -5px
}

.err_text {
    color: red
}

.category-details td {
    font-size: 14px
}

.wr_inputs {
    text-align: center !important
}

.wr_inputs .qq_btn {
    font-size: 16px !important;
    display: inline-block;
    width: 270px;
    margin: 0 10px;
    padding: 10px 30px !important
}

th.topth {
    padding-right: 15px
}

.top_places {
    display: block;
    margin: 15px 0;
    padding: 0 10px
}

.top_places * {
    font-family: Roboto, sans-serif;
    display: block;
    box-sizing: border-box
}

.top_places img {
    font-size: 0
}

.top_places img::after {
    padding-top: 5px;
    content: '\f1c5';
    box-shadow: none
}

.top_places a {
    text-decoration: none
}

.top_places a:hover {
    text-decoration: underline
}

.top_places__title {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    display: block;
    margin-bottom: 5px;
    padding: 9px 10px 7px;
    text-align: center;
    text-transform: uppercase;
    color: #454452;
    background: #e7a301
}

.top_places .participant {
    position: relative;
    display: flex;
    margin: 5px 0 8px
}

.top_places .participant img {
    display: block
}

.top_places .participant__work_photo {
    position: relative;
    overflow: hidden;
    width: 135px;
    height: 96px;
    margin: 0 6px 0 0;
    padding: 3px
}

.top_places .participant__work_photo img {
    position: relative;
    z-index: 2;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    transition: 1s ease-out
}

.top_places .participant__work_photo:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.top_places .participant__work_photo:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: ' '
}

.top_places .participant__work_photo .mob_dev_logo, .top_places .participant__work_photo .mob_site_place, .top_places .participant__work_photo .mob_site_rating {
    display: none
}

.top_places .participant__work_photo .mob_site_place {
    top: 5px;
    left: 5px;
    width: 24px;
    height: 24px;
    padding: 1px;
    border-radius: 50%
}

.top_places .participant__work_photo .mob_site_place .value {
    font-size: 14px;
    font-weight: 700;
    display: flex;
    width: 100%;
    height: 100%;
    color: #333;
    border-radius: 50%;
    background: #fff;
    justify-content: center;
    align-items: center
}

.top_places .participant__work_photo .mob_site_rating {
    bottom: 3px;
    left: 3px;
    display: flex;
    padding: 3px 5px;
    border: 1px solid rgba(255, 255, 255, .35);
    background: rgba(0, 0, 0, .5);
    justify-content: center;
    align-items: center
}

.top_places .participant__work_photo .mob_site_rating .svg_ico {
    overflow: hidden;
    width: 14px;
    height: 14px;
    margin: 0 7px 0 0
}

.top_places .participant__work_photo .mob_site_rating .value {
    font-size: 12px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, .75)
}

.top_places .participant__work_photo .mob_dev_logo {
    top: 5px;
    right: 5px;
    display: flex;
    width: 24px;
    height: 24px;
    border: 1px solid #d8d8d8;
    border-radius: 50%;
    background: #fff;
    justify-content: center;
    align-items: center
}

.top_places .participant__work_photo .mob_dev_logo .img_wrap {
    display: block;
    width: 16px;
    height: 16px
}

.top_places .participant__work_info_wrap {
    width: calc(100% - 141px);
    padding: 3px
}

.top_places .participant__work_info {
    display: flex;
    height: 100%;
    background: #fff;
    justify-content: space-between;
    align-items: center
}

.top_places .participant__place {
    display: flex;
    width: 50%;
    padding: 0 10px 0 20px;
    align-items: center;
    flex-wrap: wrap
}

.top_places .participant__site_place {
    width: 47px;
    height: 47px;
    margin: 0 14px 0 0;
    padding: 2px;
    border-radius: 50%
}

.top_places .participant__site_place .value {
    font-size: 22px;
    font-weight: 700;
    display: flex;
    width: 100%;
    height: 100%;
    color: #333;
    border-radius: 50%;
    background: #fff;
    justify-content: center;
    align-items: center
}

.top_places .participant__site_name .text {
    font-size: 12px;
    line-height: 1.3;
    color: #777
}

.top_places .participant__site_name .value {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    text-transform: uppercase;
    color: #333
}

.top_places .participant__rating_wrap {
    display: flex;
    width: 50%;
    padding: 0 20px 0 10px;
    justify-content: space-between;
    align-items: center
}

.top_places .participant__developer {
    display: flex;
    margin-right: 20px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.top_places .participant__developer .logo {
    display: flex;
    width: 32px;
    height: 32px;
    margin: 0 13px 0 0;
    border: 1px solid #d8d8d8;
    border-radius: 50%;
    justify-content: center;
    align-items: center
}

.top_places .participant__developer .logo .img_wrap {
    display: block;
    width: 21px;
    height: 21px
}

.top_places .participant__developer .name {
    width: calc(100% - 45px)
}

.top_places .participant__developer .name__text {
    font-size: 12px;
    line-height: 1.3;
    color: #777
}

.top_places .participant__developer .name__value {
    font-size: 14px;
    line-height: 1.3;
    color: #333
}

.top_places .participant__rating {
    display: flex;
    justify-content: center;
    align-items: center
}

.top_places .participant__rating .svg_ico {
    overflow: hidden;
    width: 22px;
    height: 22px;
    margin: 0 10px 0 0
}

.top_places .participant__rating .value {
    font-size: 14px;
    color: #333
}

.top_places .participant.golden .participant__work_photo:after {
    -webkit-animation: 2s infinite animation_gradient;
    animation: 2s infinite animation_gradient;
    background: linear-gradient(49deg, #e7dc96, #775227, #e7db95);
    background-size: 120% 120%
}

.top_places .participant.golden .participant__site_place, .top_places .participant.golden .participant__work_info_wrap, .top_places .participant.golden .participant__work_photo .mob_site_place {
    -webkit-animation: 3s infinite animation_gradient;
    animation: 3s infinite animation_gradient;
    background: linear-gradient(49deg, #e7dc96, #775227, #e7db95);
    background-size: 120% 120%
}

.top_places .participant.silver .participant__work_photo:after {
    -webkit-animation: 2s infinite animation_gradient;
    animation: 2s infinite animation_gradient;
    background: linear-gradient(49deg, #aeaeb7, #eae9ee, #a6a5ac);
    background-size: 120% 120%
}

.top_places .participant.silver .participant__site_place, .top_places .participant.silver .participant__work_info_wrap {
    -webkit-animation: 3s infinite animation_gradient;
    animation: 3s infinite animation_gradient;
    background: linear-gradient(49deg, #aeaeb7, #eae9ee, #a6a5ac);
    background-size: 120% 120%
}

.top_places .participant.bronze .participant__work_photo:after {
    -webkit-animation: 2s infinite animation_gradient;
    animation: 2s infinite animation_gradient;
    background: linear-gradient(49deg, #9e5206, #dfa15e, #d5944f);
    background-size: 120% 120%
}

.top_places .participant.bronze .participant__site_place, .top_places .participant.bronze .participant__work_info_wrap {
    -webkit-animation: 3s infinite animation_gradient;
    animation: 3s infinite animation_gradient;
    background: linear-gradient(49deg, #9e5206, #dfa15e, #d5944f);
    background-size: 120% 120%
}

@-webkit-keyframes animation_gradient {
    0%, 100% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
}

@keyframes animation_gradient {
    0%, 100% {
        background-position: 0 50%
    }
    50% {
        background-position: 100% 50%
    }
}

.sponsor-title {
    font-size: 32px;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 24px;
    text-align: center;
    text-transform: uppercase
}

.sponsor-title .orange {
    color: #ffc826
}

.sponsor-wrap {
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
    justify-content: center;
    flex-wrap: wrap
}

.sponsor-wrap .sponsor-item {
    display: flex;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 30px;
    margin-left: 15px;
    background: #f3f3f3;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .2);
    justify-content: center
}

.sponsor-wrap .sponsor-item img {
    display: block
}

.editor.editor_table .fix_table tbody {
    min-width: 0
}

.companyCard__site {
    /* overflow: hidden; */
    max-width: 300px;
    /* white-space: nowrap; */
}

.companyCard__site::-webkit-scrollbar {
    height: 10px
}

.companyCard__site::-webkit-scrollbar-track-piece {
    background-color: transparent
}

.companyCard__site:hover {
    /*overflow-x: scroll;*/
    /*margin-bottom: -10px*/
}

.slideWrap {
    position: relative
}

.slideWrap__links {
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 0;
    white-space: nowrap
}

.slideWrap__links:hover {
    color: #0090ff
}

.slideWrap_onBg .slideWrap__links {
    color: #fff
}

.slideWrap_onBg .slideWrap__links::before {
    background-color: #fff
}

.slideWrap_onBg .slideWrap__links:hover {
    color: #fff
}

.owl-carousel {
    padding-bottom: 30px
}

.owl-carousel.sliderUkStudio {
    padding-bottom: 0
}

.owl-carousel .owl-stage-outer {
    margin-right: -15px;
    margin-left: -15px;
    padding-right: 15px;
    padding-left: 15px
}

.owl-carousel .owl-stage {
    display: flex;
    padding-top: 30px;
    padding-bottom: 30px
}

.owl-carousel .owl-stage .owl-item {
    display: flex;
    flex-direction: column
}

.owl-carousel .owl-stage .owl-item > * {
    flex-grow: 1
}

.owl-carousel.owl-drag .owl-item {
    touch-action: pan-y
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    font-size: 55px;
    line-height: 1;
    position: absolute;
    top: calc(50% - 30px);
    transition: 250ms;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #c0bebe
}

.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover {
    color: #0090ff
}

.owl-carousel .owl-nav button.owl-next:active, .owl-carousel .owl-nav button.owl-prev:active {
    -webkit-transform: translate(0, -50%) scale(.9);
    transform: translate(0, -50%) scale(.9)
}

.owl-carousel .owl-nav .owl-prev {
    right: calc(100% + 40px)
}

.owl-carousel .owl-nav .owl-next {
    left: calc(100% + 40px)
}

@media (min-width: 1716px) {
    .owl-carousel .owl-nav .owl-prev {
        right: calc(100%)
    }

    .owl-carousel .owl-nav .owl-next {
        left: calc(100%)
    }
}

@media (min-width: 1750px) {
    .owl-carousel .owl-nav .owl-prev {
        right: calc(100% + 20px)
    }

    .owl-carousel .owl-nav .owl-next {
        left: calc(100% + 20px)
    }
}

@media (min-width: 1850px) {
    .owl-carousel .owl-nav .owl-prev {
        right: calc(100% + 30px)
    }

    .owl-carousel .owl-nav .owl-next {
        left: calc(100% + 30px)
    }
}

@media (min-width: 1950px) {
    .owl-carousel .owl-nav .owl-prev {
        right: calc(100% + 50px)
    }

    .owl-carousel .owl-nav .owl-next {
        left: calc(100% + 50px)
    }
}

/* .owl-carousel .owl-stage .owl-item_opacity {
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
}
.owl-carousel .owl-stage .owl-item.active{
    opacity: 1;
    transition: opacity .0s ease-in-out;
} */

.owl-carousel .owl-dots {
    position: absolute;
    bottom: 9px;
    left: -4px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center
}

.owl-carousel .owl-dots button.owl-dot {
    width: 9px;
    height: 9px;
    transition: 250ms;
    border: none;
    border-radius: 50%;
    background-color: #c0bebe;
    margin: 3px 8px 0
}

.owl-carousel .owl-dots button.owl-dot:only-child {
    display: none
}

.owl-carousel .owl-dots button.owl-dot.active {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    background-color: #0090ff
}

.owl-carousel .owl-item.active .cardItem, .owl-carousel .owl-item.active .casesCard, .owl-carousel .owl-item.active .reviewsCard, .owl-carousel .owl-item.active .studioCard {
    box-shadow: 0 0 35px rgba(0, 0, 0, .04)
}

.owl-carousel .owl-item.active .cardItem:hover, .owl-carousel .owl-item.active .casesCard:hover, .owl-carousel .owl-item.active .reviewsCard:hover, .owl-carousel .owl-item.active .studioCard:hover {
    box-shadow: 0 0 35px transparent, 0 0 0 1px #f7f7f7
}

.ui-datepicker {
    z-index: 55 !important;
    width: 264px;
    padding: 10px 18px;
    box-shadow: 0 1px 30px 1px rgba(0, 0, 0, .1)
}

.ui-datepicker > * {
    font-family: GothamPro, sans-serif
}

.ui-datepicker.ui-widget-content {
    margin-top: 10px;
    border: none;
    border-radius: 0
}

.ui-datepicker-header {
    padding: 10px 0;
    border: none;
    border-radius: 0;
    background-color: transparent
}

.ui-datepicker-header .ui-icon {
    display: none
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    top: 50%;
    display: flex;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    align-items: center;
    justify-content: center
}

.ui-datepicker .ui-datepicker-next::before, .ui-datepicker .ui-datepicker-prev::before {
    font-family: fontawesome, sans-serif;
    font-size: 16px;
    font-weight: 400;
    content: '';
    color: #050505
}

.ui-datepicker .ui-datepicker-prev::before {
    content: '\f104'
}

.ui-datepicker .ui-datepicker-next::before {
    content: '\f105'
}

.ui-datepicker-title {
    font-size: 16px;
    font-weight: 700;
    color: #050505
}

.ui-datepicker th {
    font-size: 10px;
    font-weight: 700;
    color: #868688
}

.ui-datepicker .ui-button, .ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker html .ui-button.ui-state-disabled:hover, .ui-datepicker ui-widget-header .ui-state-default, .ui-datepicker zhtml .ui-button.ui-state-disabled:active {
    font-size: 14px;
    font-weight: 500;
    display: flex;
    width: 30px;
    height: 28px;
    margin-bottom: -4px;
    padding: 0;
    color: #050505;
    border: none;
    background-color: transparent;
    justify-content: center;
    align-items: center
}

.ui-datepicker .ui-button.ui-state-active:hover, .ui-datepicker .ui-button:active, .ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active, .ui-datepicker .ui-widget-header .ui-state-active, .ui-datepicker a.ui-button:active {
    color: #fff;
    background-color: #0090ff
}

.ui-datepicker .ui-button:focus, .ui-datepicker .ui-button:hover, .ui-datepicker .ui-state-focus, .ui-datepicker .ui-state-hover, .ui-datepicker .ui-widget-content .ui-state-focus, .ui-datepicker .ui-widget-content .ui-state-hover, .ui-datepicker .ui-widget-header .ui-state-focus, .ui-datepicker .ui-widget-header .ui-state-hover {
    background-color: rgba(0, 0, 0, .1)
}

.tabs__heading {
    font-size: 12px;
    font-weight: 700;
    line-height: 2.25;
    display: none;
    cursor: pointer;
    transition: .2s;
    text-transform: uppercase;
    color: #050505
}

.section_studios .tabs__heading {
    color: #fff
}

.section_studios .tabs__navigationWrap .tabs__heading {
    color: #050505
}

.tabs__heading:hover {
    color: #ffd91f
}

.tabs__heading i {
    margin-left: 5px
}

.tabs__navigationBtn {
    cursor: pointer;
    text-decoration: none;
    color: currentColor
}

.tabs_dropNavigation {
    position: relative;
    margin-left: -25px;
    padding-left: 25px
}

.tabs_dropNavigation .tabs__heading {
    display: inline-block
}

.tabs_dropNavigation .tabs__navigationWrap {
    position: absolute;
    z-index: 2;
    top: -25px;
    left: 0;
    display: none;
    padding: 25px;
    background-color: #fff;
    box-shadow: -4px 0 17px 1px rgba(0, 0, 0, .05), 1px 1px 17px rgba(0, 0, 0, .05)
}

.tabs_dropNavigation .tabs__navigationWrap:hover .tabs__heading {
    color: #ffd91f
}

.tabs_dropNavigation .tabs__navigationWrap.tabNavOpen {
    display: block
}

.tabs_dropNavigation .tabs__navigation {
    flex-direction: column;
    align-items: flex-start
}

.tabs_dropNavigation .tabs__navigationBtn {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.75;
    transition: .2s;
    text-transform: none;
    color: #000
}

.tabs_dropNavigation .tabs__navigationBtn:hover {
    color: #ffd91f
}

.tabs_dropNavigation .tabs__navigationBtn.tab-active {
    color: #0090ff
}

.tabs_rowSwitch .tabs__navigation {
    display: flex;
    margin-right: -20px;
    margin-left: -20px;
    align-items: center
}

.tabs_rowSwitch .tabs__navigationBtn {
    position: relative;
    box-sizing: border-box;
    margin-right: 20px;
    margin-left: 20px;
    word-wrap: break-word
}

.tabs_rowSwitch .tabs__navigationBtn::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    transition: .3s;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    background-color: #0090ff
}

.tabs_rowSwitch .tabs__navigationBtn.tab-active, .tabs_rowSwitch .tabs__navigationBtn.tab-active .tabs__icn {
    color: #0090ff
}

.tabs_rowSwitch .tabs__navigationBtn.tab-active::after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.tabs_navLeft {
    display: flex
}

.tabs_navLeft .tabs__tabContent {
    flex-grow: 1
}

.tabs_navRight {
    display: flex
}

.tabs_navRight .tabs__tabContent {
    flex-grow: 1
}

.tabs_navRight .tabs__navigationWrap {
    order: 2
}

.tabs_rowNavigation .tabs__navigation {
    display: flex;
    margin-bottom: 25px;
    border-bottom: 2px solid #f7f7f7;
    align-items: center
}

.tabs_rowNavigation .tabs__navigationBtn {
    font-size: 15px;
    font-weight: 400;
    line-height: 3;
    position: relative;
    padding-right: 20px;
    padding-left: 20px;
    cursor: pointer;
    text-decoration: none;
    text-transform: none;
    color: #050505
}

.tabs_rowNavigation .tabs__navigationBtn::before {
    position: absolute;
    top: 100%;
    left: -1px;
    width: 100%;
    height: 2px;
    content: '';
    transition: transform .3s, opacity .2s, -webkit-transform .3s;
    -webkit-transform: translate(0, -1px) scale(.94, .9);
    transform: translate(0, -1px) scale(.94, .9);
    opacity: 0;
    background-color: #0090ff
}

.tabs_rowNavigation .tabs__navigationBtn:hover {
    color: #0090ff
}

.tabs_rowNavigation .tabs__navigationBtn:hover::before {
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    opacity: 1
}

.tabs_rowNavigation .tabs__navigationBtn.tab-active {
    color: #0090ff
}

.tabs_rowNavigation .tabs__navigationBtn.tab-active::before {
    -webkit-transform: translate(0, 0) scale(1, 1);
    transform: translate(0, 0) scale(1, 1);
    opacity: 1
}

.tabs_inDropNav .tabs__navigationBtn.tab-active {
    color: #000;
    background-color: #f7f7f7;
}

.tabContent__box {
    position: relative;
    min-height: 500px
}

.tabContent__box_visible {
    display: block
}

.tabContent__box_hide {
    display: none
}

.tabContent__box.tab-open {
    display: block !important
}

.tabContent_navigationCenter .tabContent__navigation {
    justify-content: center
}

.tabContent_navigationRight .tabContent__navigation {
    justify-content: flex-end
}

.faq {
    background-color: #fff;
    /* box-shadow: 0 0 40px rgba(0, 0, 0, .12) */
}

.faqCard:not(:last-child) {
    border-bottom: 2px solid #f7f7f7
}

.faqCard__question {
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
    position: relative;
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    text-transform: uppercase;
    color: #050505;
    align-items: baseline;
    justify-content: space-between
}

.faqCard__question span {
    display: block;
    max-width: calc(100% - 12px);
    margin-right: 4px
}

.faqCard__question .ic-arrow, .faqCard__question i {
    font-size: 12px;
    font-weight: 900;
    display: inline-block;
    transition: 250ms;
    color: #000;
    flex-shrink: 0
}

.faqCard__answer {
    display: none
}

.faqCard__answer, .faqCard__question {
    /* padding-right: 23px;
    padding-left: 10px; */
    padding-bottom: 25px
}

.faqCard_tender {
    box-shadow: none
}

.faqCard_tender:not(:last-child) {
    border-bottom: none
}

.faqCard_tender .faqCard__question {
    font-size: 12px;
    color: #0090ff;
    background-color: #fff;
    box-shadow: 0 0 43px rgba(0, 0, 0, .06);
    padding: 20px 23px 20px 15px
}

.faqCard_tender .faqCard__question .ic-arrow, .faqCard_tender .faqCard__question i {
    color: currentColor
}

.faqCard_tender .faqCard__answer {
    margin-bottom: 10px;
    padding-right: 0;
    padding-left: 0
}

.faqCard_connection {
    box-shadow: none
}

.faqCard_connection .faqCard__answer, .faqCard_connection .faqCard__question {
    padding-right: 10px;
    padding-left: 10px
}

.faqCard_connection .faqCard__question {
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px;
    align-items: center;
    justify-content: space-between
}

.faqCard_connection .faqCard__question > span {
    display: block;
    margin: 0;
    padding-right: 5px;
    padding-left: 5px
}

.faqCard_connection .faqCard__question > span:not(:first-child):not(:last-child) {
    text-align: center
}

.faqCard_connection .faqCard__question > span:first-child {
    padding-right: 15px;
    flex: 1 1 325px
}

.faqCard_connection .faqCard__question > span:nth-child(2), .faqCard_connection .faqCard__question > span:nth-child(3) {
    flex: 1 1 150px
}

.faqCard_connection .faqCard__question > span:last-child {
    display: flex;
    flex: 1 1 140px
}

.faqCard_connection .faqCard__question_head {
    font-size: 12px;
    padding-top: 18px;
    padding-bottom: 18px
}

.faqCard_connection .faqCard__question_head > span:last-child {
    display: block;
    text-align: right
}

.faqCard_connection .faqCard__answer {
    padding-right: 15px;
    padding-left: 15px
}

.faqCard_connection .faqCard__answer.editor p {
    font-size: 14px
}

.faqCard_connection .faqCard__btns, .faqCard_connection .faqCard__date, .faqCard_connection .faqCard__name, .faqCard_connection .faqCard__status {
    font-size: 12px;
    font-weight: 500;
    text-transform: none
}

.faqCard_connection .faqCard__name {
    font-size: 13px
}

.faqCard_connection .faqCard__status {
    white-space: nowrap;
    color: #868688
}

.faqCard_connection .faqCard__status_read {
    color: #ffd91f
}

.faqCard_connection .faqCard__date {
    white-space: nowrap;
    color: #868688
}

.faqCard_connection .faqCard__btns {
    display: flex;
    padding-right: 8px;
    align-items: center;
    justify-content: flex-end
}

.faqCard_connection .faqCard__btns .ic-arrow, .faqCard_connection .faqCard__btns i {
    font-weight: 400;
    position: static;
    display: flex;
    width: 24px;
    height: 24px;
    padding-bottom: 2px;
    text-align: center;
    border-radius: 50%;
    align-items: center;
    justify-content: center
}

.faqCard_connection .faqCard__btns .ic-arrow::before, .faqCard_connection .faqCard__btns i::before {
    width: 12px
}

.faqCard_connection .faqCard__chat {
    display: inline-flex;
    height: 24px;
    margin-right: 7px;
    padding-right: 6px;
    padding-left: 6px;
    transition: 250ms;
    white-space: nowrap;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    border: 1px solid #0090ff
}

.faqCard_connection .faqCard__chat:hover {
    color: #fff;
    background-color: #0090ff
}

.faqCard_connection .faqCard__chat:active {
    transition: none;
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.faqCard__question .ic-arrow {
    -webkit-transform: translateX(100%) rotate(90deg);
    transform: translateX(100%) rotate(90deg)
}

.faqCard.open-first .faqCard__question .ic-arrow, .faqCard.open-first .faqCard__question i {
    /* -webkit-transform: translateX(100%) rotate(180deg);
    transform: translateX(100%) rotate(180deg) */
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.faqCard.open-all .faqCard__answer, .faqCard.open-first .faqCard__answer {
    display: block
}

.faqCard.active .faqCard__question .ic-arrow, .faqCard.active .faqCard__question i {
    /* -webkit-transform: translateX(100%) rotate(180deg);
    transform: translateX(100%) rotate(180deg) */
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.faqCard_tender .faqCard__question .ic-arrow, .faqCard_tender .faqCard__question i {
    -webkit-transform: translateX(100%) scale(1, 1) rotate(0);
    transform: translateX(100%) scale(1, 1) rotate(0)
}

.faqCard_tender.active .faqCard__question i, .faqCard_tender.active__question .ic-arrow {
    -webkit-transform: translateX(100%) scale(1, -1) rotate(0);
    transform: translateX(100%) scale(1, -1) rotate(0)
}

.faqCard_connection .faqCard__question .ic-arrow, .faqCard_connection .faqCard__question i {
    -webkit-transform: translate(0, 0) rotate(-180deg);
    transform: translate(0, 0) rotate(-180deg);
    border: 1px solid #050505
}

.faqCard_connection .faqCard__question .ic-arrow:hover, .faqCard_connection .faqCard__question i:hover {
    color: #fff;
    border-color: #0090ff;
    background-color: #0090ff
}

.faqCard_connection.active .faqCard__question .ic-arrow, .faqCard_connection.active .faqCard__question i {
    -webkit-transform: translateX(50%) rotate(0);
    transform: translateX(50%) rotate(0);
    color: #0090ff;
    border-color: #0090ff
}

.faqCard_connection.active .faqCard__question .ic-arrow:hover, .faqCard_connection.active .faqCard__question i:hover {
    color: #fff;
    border-color: #0090ff;
    background-color: #0090ff
}

.topMenu {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.topMenu__link {
    font-size: 11px;
    font-weight: 500;
    line-height: 22px;
    position: relative;
    transition: color 150ms;
    white-space: nowrap;
    text-decoration: none;
    text-transform: uppercase;
    color: #868688
}

.topMenu__link::after {
    position: absolute;
    top: 100%;
    left: 20px;
    width: calc(100% - 40px);
    height: 1px;
    content: '';
    transition: transform 250ms;
    transition: transform 250ms, -webkit-transform 250ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    background-color: #0090ff
}

.topMenu__link:not(:last-child)::before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 25px;
    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #f3f3f3
}

.topMenu__link:hover, .topMenu__link_current {
    color: #0090ff
}

.topMenu__link:hover::after, .topMenu__link_current::after {
    transition: transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    background-color: #0090ff
}

.topMenu__link:active:not(.topMenu__link_current) {
    top: 1px
}

.topMenu__link:active:not(.topMenu__link_current)::after {
    transition: transform 75ms ease-in-out;
    transition: transform 75ms ease-in-out, -webkit-transform 75ms ease-in-out;
    -webkit-transform: scale(0, 2);
    transform: scale(0, 2)
}

.mainMenu {
    position: relative;
    z-index: 10;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3
}

.mainMenu__wrapper {
    padding-top: 7px;
    padding-bottom: 7px;
    background-color: #fff
}

.mainMenu__row {
    display: flex;
    padding-top: 5px;
    padding-bottom: 5px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.mainMenu__top + .mainMenu__top {
    margin-left: 10px
}

.mainMenu__top:hover .mainMenu__link {
    opacity: .7;
    color: #050505;
}

.mainMenu__top:hover .dropdown-menu {
    z-index: 12;
    visibility: visible;
    transition: .2s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.mainMenu__top:hover .dropdown-menu .dropdown-menu__wrapper {
    visibility: visible;
    transition: .3s linear .3s;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.mainMenu__top:hover::before {
    position: absolute;
    z-index: 100;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    content: '';
    cursor: pointer;
    background-color: transparent
}

.mainMenu__top:hover .mainMenu__icon {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.mainMenu__link {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
    z-index: 100;
    display: flex;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    text-transform: uppercase;
    color: #050505;
    align-items: center;
    position: relative
}

.mainMenu__link + .mainMenu__link {
    margin-left: 50px
}

.mainMenu__link_current {
    color: #0090ff;
    position: relative;
}

.mainMenu__icon {
    transition: 250ms 50ms;
    position: absolute;
    right: -15px;
    top: calc(50% - 8px)
}
@media screen and (max-width: 1100px) {
    .mainMenu__icon{
        right: -11px;
    }
}
.mainMenu__iconBtnGroup {
    min-width: 90px;
    margin-left: 5px;
    justify-content: flex-end
}

.mobileDropMenu {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 80vw;
    max-width: 446px;
    height: 100%;
    max-height: 100vh;
    padding-right: 10px;
    transition: transform 350ms ease-in-out;
    transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
    -webkit-transform: translate(-105%, 0);
    transform: translate(-105%, 0);
    -webkit-transform-origin: 40% 50%;
    transform-origin: 40% 50%;
    background-color: #fff;
    box-shadow: 2px 0 10px rgba(0, 0, 0, .5)
}

.menu-category {
    overflow-y: auto;
    max-width: 100%;
    height: calc(100vh - 145px);
    margin: 0
}

.menu-category__item {
    position: relative;
    overflow: visible
}

.menu-category__item::before {
    display: none
}

.menu-category__list {
    position: relative;
    display: none;
    width: 100%;
    margin: 0;
    padding-left: 60px
}

.menu-category__list_active {
    display: block
}

.menu-category__list_active .menu-category__link_current::before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.menu-category__link {
    position: relative;
    transition: 250ms;
    text-decoration: none;
    color: #000
}

.menu-category__link_current {
    color: #0090ff
}

.menu-category__link_current::before {
    position: absolute;
    z-index: 30;
    top: 4px;
    left: -31.5px;
    width: 3px;
    height: calc(100% - 8px);
    content: '';
    transition: transform 450ms cubic-bezier(.18, .89, .32, 1.28) .2s;
    transition: transform 450ms cubic-bezier(.18, .89, .32, 1.28) .2s, -webkit-transform 450ms cubic-bezier(.18, .89, .32, 1.28) .2s;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    background-color: #0090ff
}

.menu-category__arrow {
    font-size: 22px;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    display: inline;
    width: 60px;
    height: 25px;
    padding: 0;
    cursor: pointer;
    transition: 250ms;
    text-align: center;
    color: #000;
    border: none;
    background-color: transparent
}

.menu-category__arrow_up {
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1);
    color: #0090ff
}

.menu-category__arrow_up i {
    display: block
}

.menu-category__arrow:hover {
    color: #0090ff
}

.menu-category__arrow:active {
    top: 1px
}

.menu-category__item_lvl-1 {
    display: flex;
    margin-bottom: 12px;
    padding-left: 0;
    flex-wrap: wrap;
    align-items: center
}

.menu-category__item_lvl-1::after {
    position: absolute;
    bottom: 4px;
    left: 29.5px;
    width: 1px;
    height: calc(100% - 45px);
    content: '';
    background-color: #bebebe
}

.menu-category__item_lvl-1 > .menu-category__link {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    padding-left: 60px
}

.menu-category__item_lvl-1 > .menu-category__link::after {
    /* position: absolute;
    z-index: 9;
    top: 0;
    right: 100%;
    width: 460px;
    height: calc(100% + 14px);
    content: '';
    pointer-events: none;
    background-color: #fff */
}

.menu-category__item_lvl-1.active > .menu-category__link {
    color: #0090ff
}

.menu-category__item_lvl-2 {
    padding-left: 0
}

.menu-category__item_lvl-2:first-child {
    margin-top: 10px
}

.menu-category__item_lvl-2:last-child {
    margin-bottom: 0
}

.menu-category__item_lvl-2 > .menu-category__link {
    font-size: 14px;
    line-height: 1.2;
    display: block;
    padding-top: 6px;
    padding-bottom: 6px
}

.dropdown-menu {
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 0;
    visibility: hidden;
    overflow-y: auto;
    width: 100%;
    max-height: 80vh;
    transition: .2s;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    opacity: 0;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1), inset 0 1px 2px rgba(0, 0, 0, .15)
}

.dropdown-menu .dropdown-menu__wrapper {
    visibility: hidden;
    transition: .1s;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    opacity: 0
}

.subcategory_informaciya, .subcategory_katalog, .subcategory_kontent {
    display: flex
}

.subcategory_informaciya__left, .subcategory_informaciya__right, .subcategory_katalog__left, .subcategory_katalog__right, .subcategory_kontent__left, .subcategory_kontent__right {
    padding-top: 40px;
    padding-bottom: 40px
}

.subcategory_informaciya__left, .subcategory_katalog__left, .subcategory_kontent__left {
    border-right: 1px solid #bebebe
}

.subcategory_katalog__left {
    min-width: 416px;
    flex: 1 0 25.5%
}

.subcategory_katalog__right {
    padding-right: 40px;
    padding-left: 50px;
    flex: 1 1 auto
}

.subcategory_katalog__row {
    display: flex;
    margin-right: -10px;
    margin-left: -10px;
    flex-wrap: wrap
}

.subcategory_katalog__nav {
    box-sizing: border-box;
    width: calc(50% - 20px);
    margin-right: 10px;
    margin-left: 10px;
    word-wrap: break-word
}

.subcategory_katalog__navList {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 35px;
    -moz-column-gap: 35px;
    column-gap: 35px
}

.subcategory_rejting {
    display: flex;
    margin-right: -35px;
    margin-left: -35px
}

.subcategory_rejting__nav {
    flex-grow: 1;
    padding: 40px 10px 30px
}

.subcategory_rejting__nav:not(:last-child) {
    border-right: 1px solid #bebebe
}

.subcategory_informaciya__left {
    padding-right: 60px
}

.subcategory_informaciya__right {
    padding-left: 60px
}

.subcategory_informaciya__right .subcategory_informaciya__navList {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px
}

.subcategory_kontent__left {
    padding-right: 50px
}

.subcategory_kontent__left .subcategory_kontent__exampleCard {
    margin-top: 25px
}

.subcategory_kontent__exampleCard {
    padding: 10px 15px 15px;
    border: 1px solid #dedee0;
    transition: 250ms
}

.subcategory_kontent__exampleCard {
    border-radius: 0
}

.subcategory_kontent__right {
    padding-left: 75px;
    min-width: 45%;
}

.subcategory_kontent__row {
    display: flex;
    margin-right: -50px;
    margin-left: -50px;
    flex-wrap: wrap
}

.subcategory_kontent__item {
    box-sizing: border-box;
    width: calc(50% - 100px);
    margin-right: 50px;
    margin-left: 50px;
    word-wrap: break-word
}

.nav {
    display: flex;
    flex-direction: column
}

.nav__heading {
    font-size: 12px;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 12px;
    color: #050505
}

.nav__link {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    text-decoration: none;
    transition: all .3s;
    color: #868688
}

.nav__link:not(.nav__link_head) {
    margin-bottom: 5px
}

.nav__link:last-child {
    margin-bottom: 0
}

.nav__link_head {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 12px;
    text-transform: uppercase;
    color: #050505
}

.nav__link_current {
    color: #ffd91f
}

.nav__link:only-child {
    margin-bottom: 28px
}

.nav__link:active {
    position: relative;
    top: 1px
}

.nav_row {
    flex-direction: row;
    flex-wrap: wrap
}

.nav_row .nav__link {
    width: 50%
}

.nav_row .nav__link_head {
    width: 100%
}

.navList__link {
    font-size: 14px;
    font-weight: 700;
    display: block;
    text-decoration: none;
    color: #050505
}

.navList__link:not(:last-child) {
    margin-bottom: 15px
}

.navList__link_current {
    color: #0090ff
}

.navList__link:active {
    position: relative;
    top: 1px
}

.navList_light .navList__link {
    font-weight: 400
}

.exampleCard {
    display: block;
    max-width: 285px;
    text-decoration: none
}

.exampleCard__thumb {
    display: flex;
    margin-bottom: 20px;
    background-color: #f3f3f3;
    align-items: center;
    justify-content: center
}

.exampleCard__img {
    display: block;
    width: 100%;
    transition: 350ms
}

.exampleCard__heading {
    font-size: 14px;
    font-weight: 700;
    position: relative;
    display: inline-block;
    transition: 350ms;
    color: #050505
}

.exampleCard:hover .exampleCard__heading {
    transition: 250ms 75ms;
    color: #0090ff
}

.exampleCard:hover .exampleCard__heading::after {
    transition: 550ms, transform-origin, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.header__row {
    display: flex;
    margin-top: 10px;
    align-items: center;
    justify-content: space-between
}

.header__logo {
    width: 166px;
    flex-shrink: .3;
    align-self: flex-start
}

.header__topMenu {
    margin-right: 5px;
    margin-left: 5px
}

.header__mainMenu:hover {
    z-index: 30
}

.header__btn {
    min-width: 196px;
    padding-right: 5px;
    padding-left: 5px
}

.header__btn span {
    margin: 0
}

.topBar h1 {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 500
}

.topBar__rowBan {
    margin-top: 0;
    margin-bottom: 10px
}

.aside-right__search, .box:empty {
    margin-top: .75rem
}

.box ~ .box {
    margin-top: 20px
}

.box__heading {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 14px;
    color: #000
}

.search {
    position: relative
}

.search__inp {
    position: relative;
    height: 36px;
    border: none;
    border-bottom: 1px solid #f3f3f3
}

.search__inp input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-right: 15px;
    padding-left: 38px;
    border: none
}

.search__inp input::-webkit-input-placeholder {
    font-size: 14px;
    color: #868688
}

.search__inp input::-moz-placeholder {
    font-size: 14px;
    color: #868688
}

.search__inp input:-ms-input-placeholder {
    font-size: 14px;
    color: #868688
}

.search__inp input::-ms-input-placeholder {
    font-size: 14px;
    color: #868688
}

.search__inp input::placeholder {
    font-size: 14px;
    color: #868688
}

.search__icon {
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 10px;
    display: flex;
    width: 16px;
    height: 100%;
    padding: 0;
    text-align: center;
    border: none;
    background-color: transparent;
    align-items: center;
    justify-content: center
}

.menuAside {
    display: flex;
    flex-direction: column
}

.menuAside__link {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    position: relative;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    transition: 250ms;
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #f3f3f3
}

.menuAside__link:last-child {
    border-bottom: none
}

.menuAside__link::before {
    position: absolute;
    top: 17px;
    left: 0;
    width: 4px;
    height: 4px;
    content: '';
    border-radius: 50%;
    background-color: #0090ff
}

.menuAside__link_current {
    color: #ffd91f
}

.menuAside_case {
    margin-top: 18px
}

.menuAside_case .menuAside__link {
    font-size: 16px;
    padding-top: 28px;
    padding-bottom: 28px
}

.menuAside_case .menuAside__link::before {
    top: 35px
}

.aside-right_companyRating {
    padding-top: 27px
}

.aside-right_companyRating .box + .box {
    margin-top: 20px
}

.aside-right_companyRating .box__heading {
    font-size: 14px;
    margin-bottom: 14px
}

.bottomBar__row {
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
    flex-wrap: wrap
}

.bottomBar__aside, .bottomBar__main {
    box-sizing: border-box;
    margin-right: 15px;
    margin-left: 15px;
    word-wrap: break-word
}

.bottomBar__main {
    width: calc(72.5% - 30px)
}

.bottomBar__aside {
    width: calc(27.5% - 30px)
}

.footerTopMenu {
    line-height: 1;
    display: flex;
    margin-right: 10px;
    flex-grow: 1;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between
}

.footerTopMenu > :not(:last-child) {
    margin-right: 10px
}

.footerTopMenu__link {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    position: relative;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    transition: color 150ms;
    white-space: nowrap;
    text-decoration: none;
    text-transform: uppercase;
    color: #000
}

.footerTopMenu__link::after {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    transition: transform 250ms;
    transition: transform 250ms, -webkit-transform 250ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    background-color: #0090ff
}

.footerTopMenu__link::before, .newTender::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 46px
}

@media screen and (min-width: 321px) {
    .footerTopMenu__link::before, .newTender::before {
        height: calc(46px + 34 * (100vw - 321px) / 965)
    }
}

@media screen and (min-width: 1286px) {
    .footerTopMenu__link::before, .newTender::before {
        height: 80px
    }
}

.footerTopMenu__link:hover, .footerTopMenu__link_current {
    color: #0090ff
}

.footerTopMenu__link:hover::after, .footerTopMenu__link_current::after {
    transition: transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    background-color: #0090ff
}

.footerTopMenu__link:active:not(.footerTopMenu__link_current) {
    top: 1px
}

.footerTopMenu__link:active:not(.footerTopMenu__link_current)::after {
    transition: transform 75ms ease-in-out;
    transition: transform 75ms ease-in-out, -webkit-transform 75ms ease-in-out;
    -webkit-transform: scale(0, 2);
    transform: scale(0, 2)
}

.newTender {
    font-size: 12px;
    font-weight: 700;
    position: relative;
    white-space: nowrap;
    text-decoration: none;
    text-transform: uppercase;
    color: #206db9
}

.newTender::after {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    transition: transform 250ms;
    transition: transform 250ms, -webkit-transform 250ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    background-color: #0090ff
}

.newTender:hover {
    color: #0090ff
}

.newTender:hover::after {
    transition: transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    background-color: #0090ff
}

.newTender:active {
    top: 1px
}

.newTender:active::after {
    transition: transform 75ms ease-in-out;
    transition: transform 75ms ease-in-out, -webkit-transform 75ms ease-in-out;
    -webkit-transform: scale(0, 2);
    transform: scale(0, 2)
}

.social {
    display: flex
}

.social > :not(:last-child) {
    border-right: 1px solid #f3f3f3
}

.social:not(.lk-footer__social) {
    /* height: 46px */
}

.social__link {
    font-size: 14px;
    display: flex;
    width: 28px;
    height: 28px;
    padding-right: 10px;
    padding-left: 10px;
    transition: 250ms;
    text-decoration: none;
    color: #fff;
    background: #050505;
    border-radius: 50%;
    align-items: center;
    justify-content: center
}

.social__link_facebook:hover {
    color: #3b5998
}

.social__link_instagram i {
    font-weight: 700
}

.social__link_instagram:hover i {
    background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent
}

.social__link:hover {
    background-color: #f3f3f3
}

.social__link:active {
    transition: none;
    background-color: #ebebeb
}

.footerNav__heading {
    font-size: 12px;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 5px;
    /* text-transform: uppercase; */
    color: #fcfcfc;
}

.footerNav__nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.footerNav__link {
    font-size: 12px;
    font-weight: 400;
    line-height: 2.25;
    display: block;
    transition: .3s;
    text-decoration: none;
    color: #999
}

.footerNav__link_current {
    color: #0090ff
}

.footerNav__link:active {
    position: relative;
    top: 1px
}

.copyTx {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.71429;
    color: #999
}

.dev__link {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start
}

.dev__link:not(:last-child) {
    margin-bottom: 7px
}

.dev__txt {
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    display: flex;
    transition: .2s;
    text-decoration: none;
    color: #fcfcfc;
    align-items: center
}

.dev__txt:hover {
  color: #fcfcfc !important;
}

.dev__txt + .dev__txt {
    margin-top: 3px;
    /* margin-left: 10px */
}

.dev__txt:first-child {
    min-width: 130px;
    flex-shrink: 0;
    font-weight: normal;
    font-size: 12px;
    line-height: 140%;
    color: #999
}
a.dev__txt{
    text-transform: uppercase;
}

.dev__txt:active {
    position: relative;
    top: 1px
}

.dev__logo {
    display: block;
    -webkit-filter: invert(100%);
    filter: invert(100%)
}

.footer:not(.lk-main__footer) {
    padding-top: 50px;
    padding-bottom: 30px
}

.footer__topPanel {
    margin-bottom: 10px
}

.footer__newTender {
    line-height: 20px;
    margin-right: auto;
    margin-bottom: 2px;
    margin-left: auto;
    text-align: center;
    flex-grow: 1
}

.footer__row {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.footer__row_top {
    align-items: center
}

.footer__logo {
    width: 155px
}

.footer__footerItem_left {
    margin-top: 15px;
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 233px
}

.footer__footerItem_right {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 20%
}

.footer__copyTx {
    margin-top: 3px
}

.footer__dev {
    margin-top: 20px
}

.footer__innerRow {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    justify-content: space-between;
}

.footer__footerNav {
    box-sizing: border-box;
    width: calc(33.33333% - 30px);
    margin-right: 15px;
    /* margin-left: 15px; */
    word-wrap: break-word;
    margin-left: auto;
}
.footer:not(.lk-main__footer){
    position: relative;
}
.footer:not(.lk-main__footer)::before{
    content: '';
    display: block;
    width: calc(50vw - 352px);
    height: calc(100% - 84px);
    background: #0F0F0F;
    position: absolute;
    left: 0;
    top: 0;
}
@media (min-width: 1920px) {
    .footer:not(.lk-main__footer)::before{
        width: calc(50vw - 452px);
    }
}

@media (max-width: 1285px) {
    .footer__footerNav:nth-child(4) {
        display: none;
    }
}
@media (min-width: 1286px) {
    .footer__footerNav:first-child {
        width: 180px;
        flex-basis: 180px
    }

    .footer__footerNav:nth-child(2) {
        width: 180px;
        flex-basis: 180px
    }

    .footer__footerNav:nth-child(3) {
        width: 180px;
        flex-basis: 180px
    }
    .footer__footerNav:nth-child(4) {
        width: 240px;
        flex-basis: 240px;
        /* margin-left: auto; */
    }

    .footerTopMenu {
        flex-basis: 595px;
        width: 595px;
        flex-grow: 0;
        margin-right: 60px
    }

    .footer__newTender {
        flex-grow: 0;
        flex-basis: 240px
    }
}

.mfp-container {
    position: fixed;
    overflow-y: auto;
    padding: 50px 15px
}

.mfp-content {
    background-color: #fff
}

.mfp.mfp-modal .mfp-content {
    box-shadow: 0 0 43px rgba(0, 0, 0, .06)
}

.mfp.mfp-modal .mfp-content .mfp-close, .mfp-close {
    font-size: 45px;
    line-height: 1;
    top: 15px;
    right: 15px;
    transition: 250ms;
    opacity: 1;
    color: #cdcecf
}

.mfp.mfp-modal .mfp-content .mfp-close:hover, .mfp-close:hover {
    color: #ffd91f;
    text-shadow: 1px 0 0 rgba(0, 0, 0, .9)
}

.modal {
    overflow: hidden;
    padding-bottom: 30px
}

.modal_center {
    text-align: center
}

.modal .jq-selectbox__dropdown {
    text-align: left
}

.modal__head {
    font-size: 16px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #050505
}

.modal__heading {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase
}

.modal ol li::before {
    font-weight: 700;
}

.modal ul li::before {
    color: #0090ff
}

.modal__faqCard-row {
    display: flex;
    margin-top: 20px;
    margin-right: -10px;
    margin-left: -10px;
    flex-wrap: wrap
}

.modal__faqCard {
    box-sizing: border-box;
    width: calc(50% - 20px);
    margin-right: 10px;
    margin-left: 10px;
    word-wrap: break-word
}

.modal__faqCard .faqCard_tender {
    margin-bottom: 20px
}

.modal__faqCard .faqCard_tender.active .faqCard__question {
    color: #0090ff
}

.modal__faqCard .faqCard__question {
    font-size: 11px;
    color: #0d0d0d
}

.modal__faqCard .faqCard__answer {
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px
}

.agreements .lk-main__conteiner, .callback .lk-main__conteiner, .faq-articles .lk-main__conteiner, .faq-cases .lk-main__conteiner, .faq-portfolio .lk-main__conteiner, .faq-tender .lk-main__conteiner, .subscribe-modal-err .lk-main__conteiner {
    overflow: hidden
}

.faq-articles .mfp-content,
.faq-portfolio .mfp-content,
.faq-portfolio-smm .mfp-content,.faq-portfolio-apps .mfp-content,
.faq-tender .mfp-content,
.subscribe-modal-err .mfp-content {
    max-width: 940px
}

.faq-articles .mfp-content .modal__inner,
.faq-portfolio .mfp-content .modal__inner,
.faq-portfolio-smm .mfp-content .modal__inner,.faq-portfolio-apps .mfp-content .modal__inner,
.faq-tender .mfp-content .modal__inner,
.subscribe-modal-err .mfp-content .modal__inner {
    max-width: 750px;
    margin: auto;
    padding-right: 15px;
    padding-left: 15px
}

.subscribe-modal-err .mfp-content {

}

.agreements .mfp-content, .faq-cases .mfp-content {
    max-width: 1200px
}

.agreements .mfp-content .modal__inner, .faq-cases .mfp-content .modal__inner {
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px
}
@media (min-width: 1920px){
    .agreements .mfp-content .modal__inner, .faq-cases .mfp-content .modal__inner{
        max-width: 1400px;
    }
}

.search-main .mfp.mfp-modal .mfp-content {
    box-shadow: none
}

.search-main .mfp.mfp-modal .mfp-content .mfp-close {
    font-size: 34px;
    top: -1px;
    right: 4px;
    color: #fff
}

.search-main .mfp-content {
    max-width: 810px;
    background-color: transparent
}

.search-main .modal {
    padding-bottom: 30vh
}

.search-main .modal__head {
    margin-top: 0;
    color: #fff
}

.search-main .modal__liveSearch {
    margin-top: 20px
}

.liveSearch {
    position: relative
}

.liveSearch__btn {
    font-size: 17px;
    position: absolute;
    top: 50%;
    right: 0;
    display: flex;
    width: 48px;
    height: 100%;
    padding: 0;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    border: none;
    background-color: transparent;
    align-items: center;
    justify-content: center
}

.liveSearch__inp {
    font-size: 14px;
    width: 100%;
    height: 48px;
    padding-right: 48px;
    color: #fff;
    border: none;
    border-bottom: 2px solid #fff;
    background-color: transparent
}

.liveSearch__inp::-webkit-input-placeholder {
    color: #a2a2a2
}

.liveSearch__inp::-moz-placeholder {
    color: #a2a2a2
}

.liveSearch__inp:-ms-input-placeholder {
    color: #a2a2a2
}

.liveSearch__inp::-ms-input-placeholder {
    color: #a2a2a2
}

.liveSearch__inp::placeholder {
    color: #a2a2a2
}

.order-service .modal {
    overflow: visible;
    padding-bottom: 25px
}

.order-service .modal__head {
    font-size: 14px;
    font-weight: 700;
    color: #000
}

.order-service .modal__txt {
    font-size: 13px;
    font-weight: 400;
    color: #000
}

.order-service .modal .field_center {
    max-width: 360px;
    margin: 25px auto 0
}

.order-service .modal .field_center * {
    font-weight: 400
}

.order-service .modal .btn {
    min-width: 220px;
    min-height: 48px;
    margin-top: 30px
}

.order-service .mfp-content {
    max-width: 555px
}

.order-service .mfp.mfp-modal .mfp-content .mfp-close{
    font-size: 30px;
    top: 0;
    right: 0
}

.callback .mfp-content, .post-publicity .mfp-content, .post-sponsor .mfp-content {
    max-width: 600px
}

.callback .mfp-content .modal, .post-publicity .mfp-content .modal, .post-sponsor .mfp-content .modal {
    padding-top: 30px;
    padding-bottom: 30px
}

.callback .mfp-content .modal__inner, .post-publicity .mfp-content .modal__inner, .post-sponsor .mfp-content .modal__inner {
    max-width: 530px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px
}

.callback .mfp-content .modal__heading, .post-publicity .mfp-content .modal__heading, .post-sponsor .mfp-content .modal__heading {
    margin-bottom: 20px
}

.callback .mfp-content .field:last-child, .post-publicity .mfp-content .field:last-child, .post-sponsor .mfp-content .field:last-child {
    margin-top: 5px;
    margin-bottom: 0
}

.callback .mfp.mfp-modal .mfp-content .mfp-close, .post-publicity .mfp.mfp-modal .mfp-content .mfp-close, .post-sponsor .mfp.mfp-modal .mfp-content .mfp-close {
    font-size: 36px;
    top: 7px;
    right: 5px
}

.success_callback {
    font-size: 31px;
    line-height: 1.25;
    position: fixed;
    z-index: 1506;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    transition: .35s cubic-bezier(.25, .1, .25, 1) .4s, opacity .25s .4s;
    opacity: 0;
    background: rgba(0, 0, 0, .6)
}

.success_callback span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    max-width: 480px;
    min-height: 350px;
    padding: 40px;
    transition: .4s cubic-bezier(.25, .1, .25, 1), opacity .25s;
    -webkit-transform: translate(-50%, calc(-50% - 80px)) scale(1.1);
    transform: translate(-50%, calc(-50% - 80px)) scale(1.1);
    text-align: center;
    opacity: 0;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .6);
    align-items: center;
    justify-content: center
}

.success_callback.active {
    visibility: visible;
    transition: .35s, opacity .25s;
    opacity: 1
}

.success_callback.active span {
    transition: .5s cubic-bezier(.18, .89, .32, 1.28) .4s, opacity .25s .4s;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    border-radius: 12px
}

.mfp-fadeIn .mfp-container {
    -webkit-perspective: 600px;
    perspective: 600px
}

.mfp-fadeIn .mfp-content {
    transition: .6s cubic-bezier(.18, .89, .32, 1.28), opacity .2s;
    -webkit-transform: translateY(-20px) scale(1.05);
    transform: translateY(-20px) scale(1.05);
    opacity: 0
}

.mfp-fadeIn.mfp-ready .mfp-content {
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    opacity: 1
}

.mfp-fadeIn.mfp-removing .mfp-content {
    visibility: hidden;
    transition: .5s cubic-bezier(.6, -.28, .74, .05), opacity .3s .2s, visibility .3s .2s, margin-left;
    -webkit-transform: translateY(-20px) scale(1.05);
    transform: translateY(-20px) scale(1.05);
    opacity: 0
}

.pswp .wrapSwipe {
    -webkit-transform: translate(-50%, -50%) translateY(-50px) scale(1);
    transform: translate(-50%, -50%) translateY(-50px) scale(1)
}

.pswp--open .wrapSwipe {
    opacity: 0
}

.pswp--animated-in .wrapSwipe {
    -webkit-transform: translate(-50%, -50%) translateY(0) scale(1);
    transform: translate(-50%, -50%) translateY(0) scale(1);
    opacity: 1
}

.ui-menu {
    z-index: 2000 !important;
    overflow-y: auto;
    max-width: 810px;
    max-height: 25vh;
    background: #fff
}

.ui-menu-item {
    border: 1px solid #f7f7f7;
    padding: 10px 15px
}

.ui-menu-item::before {
    display: none
}

.ui-menu-item .product-list {
    display: flex;
    padding-left: 0;
    cursor: pointer;
    text-decoration: none;
    align-items: center
}

.ui-menu-item .product-list.ui-state-active {
    font-weight: 500;
    color: #050505;
    border: none;
    background: 0 0
}

.ui-menu-item .product-list.ui-state-active .name {
    text-decoration: underline
}

.ui-menu-item .image {
    display: flex;
    width: 60px;
    margin-right: 15px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center
}

.ui-menu-item .image img {
    display: block
}

.ui-menu-item .name {
    font-size: 14px;
    font-weight: 700
}

.ui-menu-item .description {
    display: none !important
}

.ui-menu-item.act .product-list.ui-state-active .name {
    text-decoration: none
}

.ui-menu-item.act .image {
    display: none
}

.ui-menu-item.act .name {
    position: relative;
    transition: color 350ms .2s;
    text-decoration: none;
    text-transform: uppercase;
    color: #0090ff;
    align-self: flex-start
}

.ui-menu-item.act .name::after, .ui-menu-item.act .name::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #0090ff
}

.ui-menu-item.act .name::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.ui-menu-item.act .name:hover {
    transition: color 350ms;
    color: #ffd91f
}

.ui-menu-item.act .name:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.ui-menu-item.act .name:active {
    color: #0090ff
}

.ui-menu-item.act .name:active::after {
    background-color: #0090ff
}

#filterpro .option_box {
    width: 100%
}

#filterpro .option_box .attribute_box {
    margin: 0 0 20px;
    padding: 0;
    border: none
}

#filterpro .option_name {
    font-family: GothamPro, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.15;
    margin-bottom: 16px;
    padding: 0;
    color: #050505;
    background: 0 0
}

#filterpro .collapsible {
    overflow: visible;
    max-height: none
}

#filterpro .attribute_group_name, #filterpro .option_box.fix_mar > .option_name, #filterpro .option_cities > .option_name {
    font-family: GothamPro, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.15;
    position: -webkit-sticky;
    position: sticky;
    z-index: 100;
    top: 0;
    display: flex;
    height: 60px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    text-transform: uppercase;
    color: #050505;
    border: none;
    background: #fff;
    align-items: center;
    justify-content: space-between
}

#filterpro .attribute_group_name.hided, #filterpro .option_box.fix_mar > .option_name.hided, #filterpro .option_cities > .option_name.hided {
    font-family: GothamPro, sans-serif;
    font-weight: 700;
    color: #050505;
    background: 0 0
}

#filterpro input[type=checkbox]:checked + label {
    color: #0090ff
}

#filterpro input[type=checkbox]:checked + label::before {
    border-color: #050505
}

#filterpro input[type=checkbox]:checked + label::after {
    -webkit-transform: translateY(2px) scale(1.2);
    transform: translateY(2px) scale(1.2);
    opacity: 1
}

#filterpro input[type=checkbox] + label {
    font-size: 14px;
    line-height: 1.15;
    position: relative;
    display: flex;
    margin-bottom: 10px;
    cursor: pointer;
    transition: .3s;
    align-items: baseline
}

#filterpro input[type=checkbox] + label::after, #filterpro input[type=checkbox] + label::before {
    width: 16px;
    height: 16px;
    transition: inerhit;
    -webkit-transform: translateY(2px) scale(1.2);
    transform: translateY(2px) scale(1.2);
    border-radius: 3px
}

#filterpro input[type=checkbox] + label::after {
    font-family: FontAwesome;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    display: flex;
    content: '\f00c';
    text-align: center;
    opacity: 0;
    border: 1px solid transparent;
    align-items: center;
    justify-content: center
}

#filterpro input[type=checkbox] + label::before {
    display: inline-block;
    margin-right: 20px;
    content: '';
    border: 1px solid #e1e0e0
}

#filterpro .ui-slider-horizontal > * {
    cursor: pointer
}

#filterpro .ui-slider-horizontal .ui-slider-handle {
    width: 18px;
    height: 18px;
    border-color: #0090ff;
    border-radius: 50%;
    background-color: #0090ff;
    /* box-shadow: 0 0 4px rgba(0, 0, 0, .16); */
    box-shadow: none;
    top: 50%;
    margin-left: -7px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#filterpro .ui-slider-horizontal {
    height: 3px;
    border: none;
    background-color: #f3f3f3
}

#filterpro .ui-widget-header {
    background-color: #ffd91f
}

.filterpro-overlay {
    position: fixed;
    z-index: 99999999998;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    transition: 250ms .5s;
    opacity: 0;
    background-color: #000
}

.filterpro-overlay_show {
    visibility: visible;
    transition: 250ms;
    opacity: .7
}

html.scroll-stop {
    overflow: hidden
}

html.scroll-stop .pageWrap {
    margin-right: 7px
}

.filterpro_box {
    position: fixed;
    z-index: 99999999999;
    top: 50%;
    left: 7px;
    visibility: hidden;
    overflow: hidden;
    width: calc(100% - 14px);
    max-height: 732px;
    transition: 350ms;
    -webkit-transform: translate(0, calc(-50% + 10px));
    transform: translate(0, calc(-50% + 10px));
    opacity: 0;
    background-color: #fff;
    box-shadow: 0 0 43px rgba(0, 0, 0, .06)
}

.filterpro_box > * {
    transition: 150ms;
    opacity: 0
}

.filterpro_box.filterpro_show {
    visibility: visible;
    transition: 350ms linear 225ms, width, left;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: 1;
    background-color: #fff
}

.filterpro_box.filterpro_show > * {
    transition: opacity 350ms .3s, transform 350ms 325ms, -webkit-transform 350ms 325ms;
    opacity: 1
}

.filterpro_box__inner {
    max-width: 1370px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px
}

.filterpro_box__head {
    border-bottom: 1px solid #e1e0e0
}

.filterpro_box__head--row {
    display: flex;
    max-width: 1370px;
    min-height: 73px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    flex-wrap: wrap-reverse;
    justify-content: space-between;
    align-items: center
}

.filterpro_box__head--row > :not(:last-child) {
    padding-right: 6px
}

.filterpro_box__head--txt {
    font-size: 14px;
    font-weight: 700;
    line-height: 36px;
    text-transform: uppercase
}

.filterpro_box__head--btn {
    font-family: GothamPro, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500;
    display: flex;
    min-height: 36px;
    margin-left: auto;
    transition: .2s;
    text-decoration: none !important;
    color: #0090ff !important;
    align-items: center;
    cursor: pointer
}

.filterpro_box__head--btn--txt {
    text-decoration: underline
}

.filterpro_box__head--btn:hover {
    color: #ffd91f !important
}

.filterpro_box__head--btn:active {
    position: relative;
    top: 1px;
    transition: none
}

.filterpro_box__head--btn:active .filterpro_box__head--btn--txt {
    text-decoration: none
}

.filterpro_box__head--close {
    font-style: normal;
    position: relative;
    display: flex;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    margin-left: 50px;
    cursor: pointer;
    transition: .3s;
    flex-shrink: 0;
    justify-content: center;
    align-items: center
}

@media screen and (max-width: 600px) {
    .filterpro_box__head--row {
        padding-top: 30px;
        flex-wrap: wrap
    }

    filterpro_box__head--btn {
        width: 100%;
        order: -1
    }

    .filterpro_box__head--close {
        position: absolute;
        top: 10px;
        right: 10px
    }
}
.filterpro_box__head--close::after {
    /* position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 2px; 12.05.21*/
    content: '×';
    transition: inherit;
    font-size: 45px;
    line-height: 1;
    top: 15px;
    right: 15px;
    transition: 250ms;
    opacity: 1;
    color: #cdcecf;
    /* background-color: #000 */
}

/* .filterpro_box__head--close::before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.filterpro_box__head--close::after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.filterpro_box__head--close:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
} */

.filterpro_box__head--close:hover::after, .filterpro_box__head--close:hover::before {
    color: #ffd91f;
    text-shadow: 1px 0 0 rgb(0 0 0 / 90%);
}

.filterpro_box__head--close:active {
    top: 1px;
    transition: none
}

.filterpro_box__content {
    display: grid;
    max-height: calc(85vh - 74px);
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
    grid-template-rows: minmax(270px, 1fr) minmax(270px, 1fr)
}

.filterpro_box__option {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #e1e0e0
}

.filterpro_box__option:not(.option_cities) {
    padding-left: 40px;
    border-left: 4px solid #f7f7f7
}

.filterpro_box__option.option_cities {
    order: -11;
    grid-row: 1/span 2
}

.filterpro_box__option.option_cities .filterpro_box__option--wrap {
    padding-bottom: 30px
}

.filterpro_box__option.option_cities + * {
    grid-row: 1/span 2
}

.filterpro_box__option.option_cities + * .filterpro_box__option--wrap {
    padding-bottom: 30px
}

.filterpro_box__option.option_cities > .collapsible {
    margin: 0
}

.filterpro_box__option--wrap {
    overflow-y: auto;
    max-height: calc(100% - 60px);
    margin-right: 23px;
    padding-right: 18px
}

.filterpro_box__option--wrap::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.filterpro_box__option--wrap::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #b7b7b7
}

.filterpro_box__option--wrap::-webkit-scrollbar-track-piece {
    background-color: #fff
}

.filterpro_box__option--wrap::-webkit-scrollbar-button:vertical {
    height: 0;
    background-color: #fff
}

.filterpro_box__slider {
    font-family: GothamPro, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.15;
    padding-top: 16px;
    color: #868688
}

.filterpro_box__slider--name {
    color: #1c1c22
}

.section {
    position: relative;
    padding-top: 35px;
    padding-bottom: 35px
}

.section__heading {
    text-align: center
}

.section__title {
    font-size: 14px;
    max-width: 740px;
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    color: #050505
}

.section__regBxHome {
    margin-bottom: 35px;
    padding-top: 35px;
    padding-bottom: 35px;
    margin-top: 35px
}

.section__subBx {
    width: 100%;
    max-width: 810px;
    margin: 15px auto 0
}

.section_subArticles {
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: cover;
    padding: 35px 15px
}

.section_subArticles .section__heading {
    font-size: 20px;
    text-align: left;
    color: #fff
}

.section_subArticles .section__subBx {
    max-width: 810px;
    margin-top: 18px;
    margin-right: -15px;
    margin-left: -15px
}

.section_subArticles .section__subBx .subBx__btn, .section_subArticles .section__subBx .subBx__inp {
    height: 40px
}

.section_subArticles .section__subBx .subBx__btn {
    font-size: 12px;
    max-width: 179px
}

.section_progress .section__gridBx, .section_tender {
    padding-top: 35px;
    padding-bottom: 35px
}

.section_tender .section__advantages, .section_tender .section__slideWrap {
    margin-top: 35px
}

.section_ukStudio {
    padding-top: 60px;
    padding-bottom: 60px
}

.section_work {
    padding-top: 35px;
    padding-bottom: 35px
}

.section_work .section__heading {
    margin-bottom: 30px
}

.section_addTender {
    /* padding-bottom: 35px */
    padding-bottom: 0;
}

.section_addTender .section__companyType {
    margin-top: 30px;
    /* margin-bottom: 10px */
}
.section_addTender .section__companyType + .btns-wrap{
     margin-top: 0;
 }

.section_trendCatalog {
    padding-bottom: 35px
}

.section_trendCatalog .section__heading {
    margin-bottom: 30px
}

.section_tenderReviews .section__slideWrap {
    margin-top: 25px
}

.section_faq {
    padding-bottom: 35px
}

.section_articles, .section_news, .section_studios, .section_ukStudio {
    z-index: 3
}

.section_articles .section__heading, .section_articles .section__title, .section_news .section__heading, .section_news .section__title, .section_ukStudio .section__heading, .section_ukStudio .section__title {
    color: #fff
}

.section_sub {
    z-index: 3;
    padding-top: 60px;
    padding-bottom: 60px;
    background: #FDFDFD;
    border: 1px solid #E6E6E6;
    box-sizing: border-box;
    border-top: 2px solid #2282ED;
}

.section_sub .section__heading, .section_sub .section__title {
    color: #222
}

.section_welcome {
    padding-top: 10px;
    padding-bottom: 10px
}

.section_welcome a {
    border-bottom: 1px solid #ddd;
    color: #000;
    text-decoration: none;
    transition: .3s
}

.section_welcome a:hover {
    border-bottom: 1px solid #0090ff;
    color: #0090ff
}

.content__companyType {
    margin-top: 33px;
    margin-bottom: 19px
}

.content__faq, .content__list-of-tenders {
    margin-top: 15px
}

.content__list-of-tenders {
    margin-bottom: 15px
}

.faq-search-content {
    position: -webkit-sticky;
    position: sticky;
    top: 50px
}

.contentBody {
    position: -webkit-sticky;
    position: sticky;
    top: 50px;
    margin-top: 10px;
    background-color: #fff
}
.content_grid-area .contentBody{
    position: unset;/*12.05.21*/
}

.contentBody__pagination {
    margin-top: 30px;
    margin-bottom: 45px
}

.contentBody__cases {
    margin-top: 0px
}

.contentBody__posters {
    margin-top: 30px
}

.contentBody__editor .faq {
    box-shadow: none
}

.contentBody__callPopUp {
    margin-top: 20px;
    margin-bottom: 20px
}

.contentBody_ratingSort {
    height: calc(100% - 87px)
}

.contentBody__tabs {
    position: relative
}

.contentBody__tabs .tabs__heading {
    font-size: 16px
}

.contentBody__tabs .tabs__navigationWrap {
    background-color: #e4f6ff;
    top: 2px;
    left: calc(0px + 68 * (100vw - 321px) / 965)
}

.contentBody__tabs .tabs__navigationWrap .tabs__heading i {
    margin-left: -1px
}

.contentBody__tabs .tabs__navigationBtn {
    font-size: 13px
}

.ratingSort {
    display: flex;
    flex-direction: column
}

.ratingSort__link {
    font-size: 12px;
    display: inline-flex;
    text-decoration: none;
    color: #000;
    align-items: baseline
}

.ratingSort__link:nth-child(even) span:first-child {
    background-color: #fffde4
}

.ratingSort__link span {
    display: inline-block
}

.ratingSort__link span:first-child {
    font-weight: 500;
    min-width: 80px;
    color: #000;
    padding: 0 10px;
    margin-right: 15px;
    background-color: #e4f6ff;
    border-radius: 5px;
    position: absolute
}

.ratingSort__link span:not(:first-child) {
    font-weight: 400;
    position: relative;
    top: 2px
}

.ratingSort__link span:nth-child(2) {
    margin-left: 125px
}

.ratingSort__link + .ratingSort__link, .vacancies {
    margin-top: 10px
}

.vacancies__sortPanel {
    width: 100%;
    margin-bottom: 0
}

.vacancies__inner_top {
    /* background-color: #e4f6ff; */
    display: flex;
    min-height: 30px;
    margin-bottom: 20px;
    /* padding-top: 25px;
    padding-bottom: 25px; */
    align-items: center
}

.vacancies__weRecommend {
    margin-top: 23px;
    margin-bottom: 30px
}

.vacancyCard {
    position: relative;
    margin-bottom: 20px;
    padding-top: 15px;
    padding-bottom: 25px;
    background-color: #fff
}

.vacancyCard::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    content: '';
    transition: 250ms ease-in-out;
    -webkit-transform: translateY(-150%);
    transform: translateY(-150%);
    background-color: transparent
}

.vacancyCard:hover::before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    background-color: #0090ff
}

.vacancyCard__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between
}

.vacancyCard__heading {
    display: flex;
    text-decoration: none;
    color: #050505;
    align-items: baseline
}

.vacancyCard__heading span {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.vacancyCard__heading span.vip {
    font-size: 14px;
    font-weight: 900;
    margin-right: 8px;
    color: #ffd91f
}

.vacancyCard__site {
    font-size: 13px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    margin-bottom: 3px;
    transition: color 350ms .2s;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    text-decoration: none;
    color: #ffd91f;
    align-self: flex-start
}

.vacancyCard__site::after, .vacancyCard__site::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: transparent
}

.vacancyCard__site::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.vacancyCard__site:hover {
    transition: color 350ms;
    color: #0090ff
}

.vacancyCard__site:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #0090ff
}

.vacancyCard__site:active {
    color: #0090ff
}

.vacancyCard__mobileCompany {
    display: none;
}

.vacancyCard__site:active::after {
    background-color: #0090ff
}

.vacancyCard__rowWrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.vacancyCard__secvise {
    font-size: 14px;
    font-weight: 500;
    margin-top: 4px;
    margin-bottom: 4px;
    color: #ffd91f
}

.vacancyCard__date {
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px;
    margin-bottom: 4px;
    color: #868688
}

.vacancyCard__row {
    display: flex;
    margin-top: -11px;
    align-items: baseline
}

.vacancyCard__price {
    font-size: 15px;
    font-weight: 500;
    margin-right: 25px;
    color: #050505
}

.vacancyCard__location {
    font-size: 14px;
    font-weight: 400;
    display: flex;
    /* text-transform: uppercase; */
    color: #868688;
    align-items: center
}

.vacancyCard__location i {
    display: block;
    margin-right: 15px;
    margin-left: 3px
}

.vacancyCard__body {
    display: flex;
    margin-top: 16px;
    margin-right: -28px;
    margin-left: -28px;
    align-items: center;
    justify-content: space-between
}

.vacancyCard__btn, .vacancyCard__txt {
    box-sizing: border-box;
    margin-right: 28px;
    margin-left: 28px;
    word-wrap: break-word
}

.vacancyCard__txt {
    font-size: 12px;
    line-height: 1.65;
    width: calc(76% - 56px)
}

.vacancyCard__btn {
    font-weight: 700;
    max-width: 195px;
    height: 40px;
    margin-top: 5px;
    flex-grow: 1
}

.vacancyPage {
    margin-top: 10px
}

.vacancyPage__row {
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
    flex-wrap: wrap
}

.vacancyPage__aside {
    width: calc(23.45% - 30px);
    background: #fff;
    border: 1px solid #E6E6E6;
    align-self: flex-start;
    padding-top: 30px;
    padding-bottom: 26px;
}
.vacancyPage__aside>*{
    padding-left: 26px;
    padding-right: 26px;
}
.vacancyPage__main {
    width: calc(68.6% - 30px);
    /* padding-top: 25px; */
    padding-bottom: 25px;
    background-color: #fff;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.vacancyInfoWrap__header{
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 14px;
    margin-bottom: 17px;
    text-align: center;
}
.vacancyInfo__company-title{
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    color: #7D8487;
}
.vacancyInfo__company{
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    color: #050505;
    text-decoration: none;
}
@media screen and (min-width: 966px) {
    .vacancyPage__aside {
        width: calc(23.45% - 15px);
        margin-right: auto !important;
        margin-left: auto !important;
        order: 2
    }
    .vacancyPage__main {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
@media screen and (min-width: 1920px) {
    .vacancyPage__aside {
        padding-bottom: 30px;
    }
}
.vacancyPage__main .shareInf{
    width: 100%;
}

.vacancyPage__aside, .vacancyPage__main {
    box-sizing: border-box;
    margin-right: 15px;
    margin-left: 15px;
    word-wrap: break-word
}

.vacancyPage__fileUpload {
    width: 100%;
    margin-top: 35px
}
.vacancyPage__fileUpload p:first-child{
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 8px;
}
.vacancyPage__fileUpload .fileUpload__inp input{
    border: 1px solid #E6E6E6;
    min-height: 50px;
}
.vacancyPage__fileUpload .btn {
    text-transform: unset;
    height: 50px;
}

.vacancyPage__heading {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 26px;
    text-transform: uppercase;
    color: #050505
}

.vacancyPage__editor {
    margin-bottom: 25px
}

.vacancyInfoWrap {
    display: flex;
    flex-direction: column;
    /* background-color: #fff */
}

.vacancyInfoWrap__thumb {
    display: flex;
    /* border-bottom: 2px solid #f7f7f7; */
    /* flex-basis: 278px; */
    align-items: center;
    justify-content: center;
    height: 110px;
    margin-bottom: 16px;
}

.vacancyInfoWrap__img {
    object-fit: contain;
    max-height: 100%;
    max-width: 100%;
}

.vacancyInfoWrap__item {
    /* border-bottom: 2px solid #f7f7f7; */
    padding: 15px;
    padding-left: 0;
}


.vacancyInfoWrap__item:last-child {
    border-bottom: none
}

.vacancyInfo {
    display: flex
}

.vacancyInfo + .vacancyInfo {
    margin-top: 20px
}

.vacancyInfo__thumb {
    display: flex;
    width: 46px;
    height: 46px;
    margin-right: 17px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center
}

.vacancyInfo__img {
    display: block
}

.vacancyInfo__key {
    font-size: 14px;
    font-weight: 400;
    color: #868688
}

.vacancyInfo__value {
    font-size: 16px;
    font-weight: 500;
    color: #050505
}

.vacancyInfo__value_type {
    color: #f2930c
}

.vacancyInfo__value_company {
    position: relative;
    transition: color 350ms .2s;
    text-decoration: none;
    color: #0090ff;
    align-self: flex-start
}

.vacancyInfo__value_company::after, .vacancyInfo__value_company::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: transparent
}

.vacancyInfo__value_company::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.vacancyInfo__value_company:hover {
    transition: color 350ms;
    color: #ffd91f
}

.vacancyInfo__value_company:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.vacancyInfo__value_company:active {
    color: #0090ff
}

.vacancyInfo__value_company:active::after {
    background-color: #0090ff
}

.fileUpload__btn {
    width: 100%
}

.fileUpload__btn ~ * {
    margin-top: 20px
}

.fileUpload__inp {
    position: relative;
    height: 40px;
    background: red
}

.fileUpload__inp input {
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 5px 15px;
    border-color: #868688
}

.fileUpload__inp input::-webkit-input-placeholder {
    font-size: 14px;
    color: #868688
}

.fileUpload__inp input::-moz-placeholder {
    font-size: 14px;
    color: #868688
}

.fileUpload__inp input:-ms-input-placeholder {
    font-size: 14px;
    color: #868688
}

.fileUpload__inp input::-ms-input-placeholder {
    font-size: 14px;
    color: #868688
}

.fileUpload__inp input::placeholder {
    font-size: 14px;
    color: #868688
}

.fileUpload__inp input:focus {
    border-color: #0090ff
}

.fileUpload__inp input:focus::-webkit-input-placeholder {
    color: #0090ff
}

.fileUpload__inp input:focus::-moz-placeholder {
    color: #0090ff
}

.fileUpload__inp input:focus:-ms-input-placeholder {
    color: #0090ff
}

.fileUpload__inp input:focus::-ms-input-placeholder {
    color: #0090ff
}

.fileUpload__inp input:focus::placeholder {
    color: #0090ff
}

.fileUpload .text-error {
    position: absolute;
    top: calc(100% + 3px);
    left: 0;
    margin: 0;
    text-transform: none;
    color: red
}

.newsBody {
    margin-top: 10px
}

.newsBody__subArticles {
    margin-top: 20px;
    margin-bottom: 20px
}

.newsBody__paginationBig {
    margin-bottom: 49px
}

.newsCardPage {
    display: flex;
    margin-bottom: 21px;
    /* padding-top: 15px;
    padding-bottom: 15px; */
    background-color: #fff
}

.newsCardPage__thumb {
    display: flex;
    width: 100%;
    max-width: 318px;
    max-height: 126px;
    margin-right: 10px;
    align-self: flex-start;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.newsCardPage__img {
    display: block;
    width: 100%;
}

.newsCardPage__body {
    display: flex;
    flex-direction: column
}

.newsCardPage__header{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
}
.newsCardPage__header>*:not(:last-child){
    margin-right: 16px;
}

.newsCardPage__row {
    display: flex;
    justify-content: space-between
}

.newsCardPage__row_top {
    margin-bottom: 10px
}

.newsCardPage__date, .newsCardPage__last {
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    color: #7D8487;
}

.newsCardPage__heading {
    font-size: 14px;
    font-weight: 500;
    max-width: 582px;
    text-decoration: none;
    color: #000;
}

.newsCardPage__heading:hover {
    color: #0090ff;
}

.newsCardPage__txt {
    font-size: 12px;
    margin-bottom: 10px
}

.newsCardPage__btn {
    font-size: 10px;
    font-weight: 700;
    height: 42px;
    margin-top: auto;
    margin-bottom: 10px;
    align-self: flex-start
}

.newsCardPage__btn span {
    margin-right: 20px;
    margin-left: 20px
}

.newsCardPage_last {
    padding-left: 15px
}

.newsCardPage_last .newsCardPage__row_top {
    margin-top: 5px;
    margin-bottom: 10px
}

.newsCardPage_last .newsCardPage__date {
    margin-top: 0
}

.newsCardPage_last .newsCardPage__heading {
    max-width: none;
    margin-bottom: 10px
}

.newsCardPage_last .newsCardPage__txt {
    margin-right: 0
}

.portfolio {
    display: flex;
    margin-top: 10px;
    margin-right: -5px;
    margin-left: -5px;
    flex-wrap: wrap
}

.portfolio__item {
    box-sizing: border-box;
    width: calc(33.33333% - 10px);
    margin-right: 5px;
    margin-bottom: 10px;
    margin-left: 5px;
    word-wrap: break-word
}

.portfolioCard {
    display: flex;
    flex-direction: column;
    transition: 250ms;
    border: 2px solid #f7f7f7;
    background-color: #fff;
    padding: 12px 15px;
}

.portfolioCard:hover {
    /* box-shadow: 0 0 18px rgba(0, 0, 0, .08) */
    background-color: #f7f7f7;
}

.portfolioCard__row {
    display: flex;
    justify-content: space-between;
    align-items: baseline
}

.portfolioCard__row_top {
    position: relative;
    margin-bottom: 16px
}

.portfolioCard__comment, .portfolioCard__date, .portfolioCard__like {
    font-size: 12px;
    font-weight: 500;
    color: #868688
}

.portfolioCard__quantity {
    display: flex;
    margin-right: -8px;
    margin-left: -8px;
    flex-wrap: nowrap;
    align-items: center
}

.portfolioCard__comment, .portfolioCard__like {
    box-sizing: border-box;
    margin-right: 8px;
    margin-left: 8px;
    cursor: pointer;
    text-decoration: none;
    word-wrap: break-word;
    position: relative;
}

.portfolioCard__comment:active:not(div):not(span), .portfolioCard__like:active:not(div):not(span) {
    position: relative;
    top: 1px;
    color: #0090ff
}

.portfolioCard__comment:hover .portfolioCard__commentDrop, .portfolioCard__like:hover .portfolioCard__commentDrop {
    top: calc(100% + 5px);
    transition: top 250ms, transform 250ms .2s, background-color 250ms .2s, opacity, -webkit-transform 250ms .2s;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    background-color: #fff
}

.portfolioCard__comment:hover .portfolioCard__commentDrop span, .portfolioCard__like:hover .portfolioCard__commentDrop span {
    transition: 250ms .2s;
    color: #868688
}

.portfolioCard__like {
    position: relative;
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
}

.portfolioCard__like .portfolioCard__commentDrop {
    -webkit-transform-origin: calc(100% - 10px) 0;
    transform-origin: calc(100% - 10px) 0
}

.portfolioCard__icon {
    width: 20px;
    text-align: center
}

.portfolioCard__icon_comment {
    color: #0090ff
}

.portfolioCard__commentDrop {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 3px;
    padding-bottom: 4px;
    transition: top 250ms .2s, transform 250ms, background-color 250ms, opacity 250ms, -webkit-transform 250ms;
    -webkit-transform: scale(.01, .1);
    transform: scale(.01, .1);
    opacity: 0;
    background-color: #0090ff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.portfolioCard__commentDrop::before {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 10px;
    content: ''
}

.portfolioCard__commentDrop span {
    font-size: 10px;
    font-weight: 500;
    margin-right: 18px;
    margin-left: 18px;
    transition: 250ms;
    white-space: nowrap;
    color: #0090ff
}

.portfolioCard__heading {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.25;
    display: inline-block;
    margin-bottom: 15px;
    text-decoration: none;
    text-transform: none;
    color: #050505;
    align-self: flex-start
}

.product\/allcms\/cmsportfolio  .portfolioCard__bottom .portfolioCard__heading {
    display: none;
}

.portfolioCard__thumb {
    line-height: 1;
    position: relative;
    display: flex;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 26px;
    transition: .6s;
    align-items: center;
    justify-content: center
}

.portfolioCard__thumb::after, .portfolioCard__thumb::before {
    position: absolute;
    z-index: 2;
    width: 0;
    height: 0;
    content: '';
    transition: .6s;
    opacity: 0;
    /* border: 2px solid transparent */
}

.portfolioCard__thumb::before {
    top: 0;
    left: 0;
    border-top-color: #ffd91f;
    border-left-color: #ffd91f
}

.portfolioCard__thumb::after {
    right: 0;
    bottom: 0;
    border-right-color: #ffd91f;
    border-bottom-color: #ffd91f
}

.portfolioCard__thumb:hover {
    transition: 250ms
}

.portfolioCard__thumb:hover::after, .portfolioCard__thumb:hover::before {
    width: 100%;
    height: 100%;
    transition: 250ms;
    opacity: 1
}

.portfolioCard__thumb:hover .portfolioCard__img {
    transition: 250ms;
    /* -webkit-transform: scale(1.15);
    transform: scale(1.15) */
}

.portfolioCard__img {
    display: block;
    width: 100%;
    transition: .6s
}

.portfolioCard__type {
    line-height: 1.15;
    display: flex;
    align-items: baseline
}

.portfolioCard__key {
    font-size: 12px;
    font-weight: 700;
    min-width: 35px;
    margin-right: 7px;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #868688
}

.portfolioCard__value {
    font-size: 12px;
    font-weight: 500;
    color: #050505
}

.portfolioCard__site {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    margin-top: auto;
    transition: color 350ms .2s;
    text-decoration: none;
    color: #000;
    align-self: flex-start
}

.portfolioCard__site::after, .portfolioCard__site::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #c5daed
}

.portfolioCard__bottom .portfolioCard__heading {
    display: none;
}

.portfolioCard__site::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.portfolioCard__site:hover {
    transition: color 350ms;
    color: #0090ff
}

.portfolioCard__site:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #0090ff
}

.portfolioCard__site:active {
    color: #0090ff
}

.portfolioCard__site:active::after {
    background-color: #0090ff
}

.cmsBody {
    margin-top: 10px
}

.fxtablWrp {
    position: relative;
    max-width: 100%
}

.fxtabl {
    min-width: 1024px
}

.fxtabl:last-child:not(.fxtabl_lider) .fxtabl__tr::after {
    display: none
}

.fxtabl:hover:not(.fxtabl_head) .fxtabl__tr {
    background-color: #f7f7f7
}

.fxtabl__tr {
    position: relative;
    display: flex;
    min-height: 80px;
    transition: 250ms;
    align-items: center
}

.fxtabl__tr::after {
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    background-color: #f7f7f7
}

.fxtabl__td:not(.fxtabl__td_name) {
    justify-content: center
}

.fxtabl__td:not(.fxtabl__td_name):last-child {
    border-right: none
}

.fxtabl__td {
    display: flex;
    padding: 10px;
    align-items: center
}

.fxtabl__td span {
    font-size: 14px;
    color: #050505
}

.fxtabl__td .fxtabl__productName {
    font-weight: 400;
    line-height: 1.1;
    position: relative;
    display: inline-block;
    margin-top: auto;
    margin-bottom: auto;
    transition: color 350ms .2s;
    text-decoration: none;
    color: #000;
    align-self: flex-start
}

.fxtabl__td .fxtabl__productName::after, .fxtabl__td .fxtabl__productName::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: transparent
}

.fxtabl__td .fxtabl__productName::after {
    /* z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50% */
}

.fxtabl__td .fxtabl__productName:hover {
    transition: color 350ms;
    /* color: #000; */
    color: #0090ff;
}

.fxtabl__td .fxtabl__productName:hover::after {
    /* transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f */
}

.fxtabl__td .fxtabl__productName:active {
    color: #000
}

.fxtabl__td .fxtabl__productName:active::after {
    background-color: #000
}

.fxtabl__td_number {
    text-align: center;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 78px
}

.fxtabl__td_name, #lider_js {
    display: flex;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    min-width: 225px;
    text-decoration: none;
    flex: 1 1 auto;
    align-self: stretch;
    align-items: center
}

.fxtabl__td_name:hover .fxtabl__productName {
    transition: color 350ms;
    /* color: #000 */
    color: #0090ff;
}

.fxtabl__td_name:hover .fxtabl__productName::after {
    /* transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f */
}

.fxtabl__td_inf {
    text-align: center;
    flex: 0 0 200px
}
.fxtabl_bank .fxtabl__td_inf {
    flex: 0 0 160px
}

.fxtabl__td_checkbox {
    flex-basis: 78px
}

.fxtabl__img {
    display: block
}

.fxtabl__productImg {
    display: block;
    margin-right: 30px
}

.fxtabl_head {
    margin-bottom: 12px;
    background: #e4f6ff
}

.fxtabl_head span {
    font-weight: 400;
    font-size: 15px;
    color: #000
}

.fxtabl_bd .fxtabl__td {
    display: flex;
    border-right: 1px solid #f3f3f3;
    align-self: stretch;
    align-items: center
}

.fxtabl_head .fxtabl__tr {
    min-height: 67px
}

.fxtabl_head .fxtabl__tr::after {
    display: none
}

.fxtabl_head .fxtabl__td:not(.fxtabl__td_checkbox) span {
    font-size: 15px
}

.fxtabl_head .fxtabl__td:nth-child(2) {
    min-width: 225px;
    flex: 1 1 auto;
    justify-content: flex-start
}

.fxtabl_lider {
    /* border-top: 3px solid #000; */
    /* background-color: #f7f7f7 */
}

.fxtabl_lider .fxtabl__td {
    border-right-color: #efefef
}

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

.cmsSelected__tabs {
    display: flex;
    flex-wrap: wrap
}

.cmsSelected__tabs .tabs__navigationWrap {
    margin-left: auto;
    margin-right: auto
}

.cmsSelected__tabs .tabs__sortPanel + .tabs__navigationWrap {
    margin-right: 0
}

.cmsSelected__tabs .tabs__navigationBtn {
    font-weight: 500;
    display: flex;
    align-items: center
}

.cmsSelected__tabs .tabs__icn {
    margin-right: 9px
}

.cmsSelected__tabs .tabs__tabContent {
    width: 100%
}

.cmsSelected__tabs .tabs__tabContent .tabContent__portfolio {
    margin-top: 26px
}

.cmsSelected__tabs .tabs__tabContent .tabContent__fxtablWrp {
    margin-top: 40px
}

.cmsSelected__pagination {
    margin-top: 17px;
    margin-bottom: 20px
}

.companyPrice {
    padding-bottom: 30px
}

.companyPrice_search {
    padding-top: 17px
}

.companyPrice_search .firstScreen {
    padding-top: 0
}

.companyPrice_search .firstScreen .firstScreen__wrapper {
    padding-top: 38px;
    /* padding-bottom: 38px */
}

.companyPrice_search .editor .links_readMore {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.companyPrice h1 {
    max-width: 820px
}

.companyPrice__editor {
    margin-top: 10px;
    margin-bottom: 10px
}

.companyPrice__firstScreen .firstScreen__wrapper {
    padding-top: 38px;
    /* padding-bottom: 38px */
}

.companyPrice__fxtablWrp .fxtabl {
    /* min-width: 100%;
    width: 1100px; */
    max-width: 100%;
}

.companyPrice__fxtablWrp .fxtabl_head {
    margin-top: 15px
}

.companyPrice__fxtablWrp .fxtabl__tr {
    min-height: 90px
}

.companyPrice__fxtablWrp .fxtabl__td_number {
    flex-basis: 100px
}

.companyPrice__fxtablWrp .fxtabl__td_inf {
    flex-basis: 165px
}

.companyPrice__fxtablWrp .fxtabl__td_inf:last-child {
    display: none
}

.companyPrice__pagination {
    margin-top: 18px
}

.companyPrice__tenderBtn span {
    margin: 0 37px
}

.casessPageBody, .newsPageBody {
    display: flex;
    margin-top: 10px;
    margin-right: -10px;
    margin-left: -10px;
    flex-wrap: wrap-reverse
}
.casessPageBody__views{
    display: inline-flex !important;
    flex-flow: row nowrap;
}
.casessPageBody__views, .newsPageBody__views {
    position: absolute;
    top: 1px;
    right: 1px
}

.casessPageBody__editor, .newsPageBody__editor {
    margin-bottom: 25px
}

.casessPageBody__editor img, .newsPageBody__editor img {
    margin-bottom: 20px
}

.casessPageBody__aside, .casessPageBody__main, .newsPageBody__aside, .newsPageBody__main {
    box-sizing: border-box;
    margin-right: 10px;
    margin-left: 10px;
    word-wrap: break-word
}

.casessPageBody__main, .newsPageBody__main {
    position: relative;
    width: calc(76.6% - 20px);
    padding-top: 0;
    padding-bottom: 25px;
    background-color: #fff
}

.casessPageBody__aside .casessPageBody__main {
    display: none;
}

.casessPageBody__aside, .newsPageBody__aside {
    width: calc(23.4% - 20px);
    margin-bottom: 20px
}

.casessPageBody__box, .newsPageBody__box {
    padding-right: 15px;
    padding-left: 15px
}

.newsPageBody__main {
    width: 100%
}

.casessPageCard {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
    padding-top: 27px;
    padding-bottom: 27px;
    background-color: #fff
}

.casessPageCard__thumb {
    display: flex;
    margin-bottom: 55px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.casessPageCard__img {
    display: block;
    width: 100%
}

.casessPageCard__body {
    display: flex;
    flex-direction: column
}

.casessPageCard__inf {
    line-height: 1.35;
    margin-bottom: 19px
}

.casessPageCard__inf_last {
    margin-top: 14px;
    margin-bottom: 34px
}

.casessPageCard__key {
    font-size: 14px;
    font-weight: 700;
    margin-right: 7px;
    text-transform: uppercase;
    color: #868688
}

.casessPageCard__value {
    font-size: 16px;
    font-weight: 500;
    text-decoration: none
}

.casessPageCard__value:hover {
    text-decoration: underline
}

.casessPageCard__value:active {
    position: relative;
    top: 1px;
    text-decoration: none
}

.casessPageCard__value_color_c1 {
    color: #0090ff
}

.casessPageCard__value_color_c2 {
    color: #ffd91f
}

.casessPageCard__value_date {
    color: #000
}

.casessPageCard__btn {
    font-size: 14px;
    font-weight: 700;
    display: flex;
    height: 40px;
    transition: 250ms;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    background-color: #0090ff;
    justify-content: center;
    align-items: center
}

.casessPageCard__btn:hover {
    color: #fff;
    background-color: #193173
}

.page404 {
    background-color: #1f1f1f;
    background-repeat: no-repeat;
    background-position: 71.4%;
    background-size: cover
}

.page404__inner {
    padding-top: 40px;
    padding-bottom: 40px
}

.page404 h1 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    width: 500px;
    text-transform: none;
    color: #fff
}

.page404__pageInformation {
    display: flex;
    flex-direction: column;
    margin-top: 15px
}

.page404__heading, .page404__link {
    font-size: 16px;
    font-weight: 500
}

.page404__heading {
    margin-bottom: 9px;
    color: #b9b9b9
}

.page404__link {
    position: relative;
    display: inline-block;
    margin-bottom: 7px;
    transition: color 350ms .2s;
    text-decoration: none;
    color: #ffd91f;
    align-self: flex-start
}

.page404__link::after, .page404__link::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: transparent
}

.page404__link::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.page404__link:hover {
    transition: color 350ms;
    color: #ffd91f
}

.page404__link:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.page404__link:active {
    color: #ffd91f
}

.page404__link:active::after {
    background-color: #ffd91f
}

.posterPageBody {
    margin-top: 10px
}

.posterPageBody__thumb {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}

.posterPageBody__img {
    display: block
}

.posterPageBody__afishaPageInfo {
    padding: 10px 15px;
    display: flex;
    background: #F4F4F4;
    /* box-shadow: 0 0 65px rgba(0, 0, 0, .06); */
    flex-wrap: wrap
}

.posterPageBody__item {
    width: 33.33333%;
    /* flex-grow: 1 */
}

.posterPageBody__description {
    margin-top: 30px;
    padding-bottom: 30px
}

.posterPageBody__eventMaps {
    margin-top: 30px
}

.posterPageBody__shareInf {
    margin-top: 20px
}

.eventMaps__heading {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #050505
}

.eventMaps__address {
    font-size: 14px;
    font-weight: 500;
    color: #050505
}

.eventMaps__address_hide {
    display: none
}

.eventMaps__mapThumb {
    min-height: 280px;
    margin-top: 30px;
    padding-top: 34.25%
}

.afishaPageInfo {
    display: flex;
    /* border: 1px solid #f7f7f7; */
    align-items: flex-start;
    padding: 10px 15px
}

.afishaPageInfo__thumb {
    display: flex;
    width: 46px;
    height: 46px;
    margin-right: 14px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center
}

.afishaPageInfo__img {
    display: block
}

.afishaPageInfo__key {
    font-size: 12px;
    font-weight: 400;
    padding-left: 26px;
    position: relative;
}
.afishaPageInfo__key svg{
    position: absolute;
    left: 0;
    top: 2px;
    width: 18px !important;
}

.afishaPageInfo__value {
    font-size: 14px;
    font-weight: 500;
    color: #050505;
    padding-left: 26px;
}

.articlesBody {
    display: flex;
    margin-right: -10px;
    margin-left: -10px;
    flex-wrap: wrap
}

.articlesBody__aside, .articlesBody__info, .articlesBody__main, .articlesBody__popularTopic {
    box-sizing: border-box;
    margin-right: 10px;
    margin-left: 10px;
    word-wrap: break-word;
}
.articlesBody__info, .articlesBody__main {
    width: calc(66.55% - 64px)
}

.articlesBody__main {
    display: flex;
    flex-direction: column
}

.articlesBody__aside {
    width: calc(27.9% - 20px);
    align-self: flex-start;
    margin-left: auto;
}
.articlesBody__socials {
    width: 100%;
    align-self: flex-start;
    margin-right: 30px;
    display: flex;
    flex-flow: column nowrap;
}
.articlesBody__main .articleStatic__editor{
    padding-left: 0;
    padding-right: 0;
}
@media screen and (min-width: 959px) {
    .articlesBody__socials {
        width: 44px !important;
    }
}
.articlesBody__socials .newShare42__row{
    display: flex;
    flex-flow: row wrap;
}
.articlesBody__socials .newShare42__icon{
    width: 44px;
    height: 44px;
    border: 1px solid #F0F0F0;
    margin-bottom: 8px;
}

.articlesBody__info {
    display: flex;
    margin-bottom: 15px;
    flex-wrap: wrap-reverse;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
}

.articlesBody__w100 {
    display: none;
    width: 100%
}

.articlesBody__company, .articlesBody__date, .articlesBody__type, .articlesBody__views {
    margin-top: 5px;
    margin-bottom: 5px
}

.articlesBody__company, .articlesBody__date, .articlesBody__type {
    margin-right: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    text-decoration: none
}

.articlesBody__views {
    /* margin-left: auto */
    margin-right: 16px;
}

.articlesBody__type {
    font-size: 12px;
    font-weight: 400;
    position: relative;
    transition: color 350ms .2s;
    text-decoration: none;
    color: #7D8487;
    align-self: flex-start;
    padding: 4px 12px;
    background: #F2F2F2;
    border-radius: 10px;
}

/* .articlesBody__type::after, .articlesBody__type::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: transparent
}

.articlesBody__type::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
} */

.articlesBody__type:hover {
    transition: color 350ms;
    color: #ffd91f
}

/* .articlesBody__type:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.articlesBody__type:active {
    color: #f39e00
}

.articlesBody__type:active::after {
    background-color: #f39e00
} */

.articlesBody__company {
    position: relative;
    transition: color 350ms .2s;
    text-decoration: none;
    color: #292929;
    align-self: flex-start;
    margin-right: 16px;
    line-height: 120%;
        margin-bottom: 7px !important;
}
@media screen and (min-width: 633px) {
    .articlesBody__company {
        margin-bottom: 19px !important;
    }
}
.articlesBody__info svg{
    margin-right: 12px;
}
.articlesBody__company::after, .articlesBody__company::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: transparent
}

.articlesBody__company::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.articlesBody__company:hover {
    transition: color 350ms;
    color: #292929
}

.articlesBody__company:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #292929
}

.articlesBody__company:active {
    color: #292929
}

.articlesBody__company:active::after {
    background-color: #292929
}

.articlesBody__date {
    color: #7D8487;
    font-weight: 400;
    white-space: nowrap;
}

.articlesBody__popularTopic {
    width: 100%;
    margin-top: 20px;
    padding-top: 30px
}

.articlesBody__aside .articlesCard, .c-right .articlesCard{
    flex-direction: column;
    margin-bottom: 0;
    border-bottom: 1px solid #f7f7f7;
    box-shadow: none
}

.articlesBody__aside .articlesCard__thumb, .c-right .articlesCard__thumb{
    margin-right: 0;
    margin-bottom: 27px
}

.articlesBody__aside .articlesCard__site, .c-right .articlesCard__site{
    margin-bottom: 0
}

.articlesBody__aside .articlesCard__heading, .c-right .articlesCard__heading{
    margin-top: 9px
}

.articlesBody__articleStatic {
    background-color: #fff;
    flex-grow: 1
}

.articleStatic__thumb {
    max-width: 100%
}

.articleStatic__img {
    display: block;
    width: 100%
}

.articleStatic__editor {
    padding-top: 25px;
    padding-bottom: 20px
}

.articleStatic__shareInf {
    padding: 22px 30px 23px !important;
    border: 1px solid #E6E6E6;
    margin-top: 25px;
    margin-bottom: 25px
}

.articleStatic__heading {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #050505
}

.boxSide {
    background-color: #fff
}

.boxSide + .boxSide {
    margin-top: 25px
}

.boxSide__heading {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: -4px;
    padding-top: 25px;
    padding-left: 40px;
    /* text-transform: uppercase */
}

.popularTopic {
    /* padding-bottom: 20px */
    margin-bottom: 70px;
}

.popularTopic__heading {
    font-size: 16px;
    line-height: 100%;
    font-weight: 500;
    padding-bottom: 23px;
    margin-bottom: 23px;
    color: #050505;
    border-bottom: 2px solid #2282ED;
}

.popularTopic__row {
    display: flex;
    /* margin-right: -15px;
    margin-left: -15px; */
    flex-flow: column nowrap
}

.popularTopic__item {
    box-sizing: border-box;
    width: calc(33.33333% - 30px);
    margin-right: 15px;
    margin-left: 15px;
    word-wrap: break-word
}

.popularTopicCard {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.popularTopicCard__img {
    display: block;
    width: 100%
}

.popularTopicCard__body {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
    flex-grow: 1
}

.popularTopicCard__row {
    display: flex;
    align-items: baseline;
    justify-content: space-between
}

.popularTopicCard__row_top {
    margin-bottom: 9px
}

.popularTopicCard__row_bot {
    margin-top: auto
}

.popularTopicCard__company, .popularTopicCard__type {
    font-size: 13px;
    font-weight: 500;
    position: relative;
    transition: color 350ms .2s;
    text-decoration: none;
    color: #f39e00;
    align-self: flex-start
}

.popularTopicCard__company::after, .popularTopicCard__company::before, .popularTopicCard__type::after, .popularTopicCard__type::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: transparent
}

.popularTopicCard__company::after, .popularTopicCard__type::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.popularTopicCard__company:hover, .popularTopicCard__type:hover {
    transition: color 350ms;
    color: #ffd91f
}

.popularTopicCard__company:hover::after, .popularTopicCard__type:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.popularTopicCard__company:active, .popularTopicCard__type:active {
    color: #f39e00
}

.popularTopicCard__company:active::after, .popularTopicCard__type:active::after {
    background-color: #f39e00
}

.popularTopicCard__date {
    font-size: 13px;
    font-weight: 500;
    color: #868688
}

.popularTopicCard__heading {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 9px;
    text-decoration: none;
    text-transform: uppercase;
    color: #050505
}

.popularTopicCard__txt {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    margin-top: 22px;
    margin-bottom: 20px;
    color: #050505
}

.categoryPage__rowBan {
    margin-bottom: 10px
}

.categoryPage__sort {
    display: flex;
    flex-wrap: wrap
}

.categoryPage__selBlock {
    margin-right: 36px
}

.categoryPage__selBlock .selBlock__name {
    margin-right: 21px;
    color: #868688
}

.categoryPage__selBlock .selBlock__select {
    font-size: 14px;
    font-weight: 400;
    color: #050505
}

.categoryPage__btn {
    margin-right: 20px
}

@media screen and (max-width: 900px) {
    .categoryPage__btn, .categoryPage__iconFiler, .categoryPage__selBlock {
        margin-bottom: 20px
    }
}

.categoryPage .fxtabl__td_number {
    flex-basis: 78px
}

.categoryPage .fxtabl_head .fxtabl__td:not(.fxtabl__td_checkbox) span {
    font-size: 15px;
    font-weight: 400
}

.categoryPage .fxtabl__td_name {
    padding-left: 20px;
    position: relative;
}

.categoryPage .fxtabl__td_inf {
    flex-basis: 109px
}

.categoryPage .fxtabl__tr {
    min-height: 70px
}

.categoryPage .fxtabl__productImg {
    font-size: 0;
    max-width: 40px;
    max-height: 40px;
    margin-right: 15px;
    flex-basis: 40px;
    -o-object-fit: contain;
    object-fit: contain
}

.categoryPage .fxtabl__productImg::after {
    font-size: 16px;
    content: ''
}

.categoryPage__fxtablWrp .fxtabl_head, .companyRating__fxtablWrp .fxtabl_head {
    margin-bottom: 0;
    margin-top: 15px
}

.categoryPage__fxtablWrp .fxtabl__productImg, .companyRating__fxtablWrp .fxtabl__productImg {
    flex-shrink: 0
}

.categoryPage__pagination, .companyRating__pagination {
    margin-top: 40px;
    margin-bottom: 40px
}

.companyCard__thumb {
    margin-right: 10px;
    padding-right: 10px;
    padding-left: 10px;
    flex: 0 0 250px
}

.companyCard__img {
    display: block
}

.companyCard__body {
    display: flex;
    flex-direction: column;
    width: 100%
}

.product\/product .companyCard__body .companyCard__thumb {
    display: none;
}

.companyCard__row {
    display: flex
}

.companyCard__row_top {
    margin-bottom: 10px
}

.companyCard__row_mid {
    margin-top: 12px;
    margin-bottom: 16px
}

@media screen and (min-width: 933px){
    .companyCard__row_mid .companyCard__content{
        padding-bottom: 50px;
    }
    .bank .companyCard__row_mid .companyCard__content{
        padding-bottom: 0px;
    }
}
@media screen and (min-width: 940px){
    .companyCard__linkCB{
        margin-top: -54px;
    }
}
.companyCard__row_rating {
    margin-top: 3px;
    margin-bottom: 16px;
    align-items: center
}

.companyCard__content {
    margin-right: 40px;
    flex: 1 1 auto;
    position: relative;
}

.companyCard__content .arrayInf__key {
    min-width: 85px;
    margin-right: 15px;
}

.companyCard__content .companyCard__helpInf {
    background: url(../img/icons/verificated.svg) no-repeat center;
    display: none;
    height: 24px;
    transform: translateY(5px);
    width: 25px;
}

.companyCard__content.verified_item .companyCard__helpInf {
    display: inline-block;
}

.companyCard__aside {
    flex: 0 0 228px
}

.companyCard__aside .arrayInf__key {
    min-width: 135px
}

.companyCard__heading {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 7px;
    text-transform: none;
    color: #050505
}

.companyCard__content .companyCard__heading {
    display: inline-block;
}

.companyCard__site {
    font-size: 16px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    transition: color 350ms .2s;
    text-decoration: none;
    color: #000;
    align-self: flex-start
}

.companyCard__site::after, .companyCard__site::before {
    /*position: absolute;*/
    /*top: 100%;*/

    /*left: 0;*/
    /*width: 100%;*/
    /*height: 1px;*/
    /*content: '';*/
    /*background-color: #c5daed*/
}

.companyCard__site::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.companyCard__site:hover {
    transition: color 350ms;
    color: #0090ff;
}

.companyCard__site:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.companyCard__site:active {
    color: #0090ff
}

.companyCard__site:active::after {
    background-color: #0090ff
}

.companyCard__content .companyCard__site {
    display: block;
}
.companyCard__rating {
    margin-right: -6px;
    margin-left: -6px
}

.companyCard__rating i {
    font-size: 18px;
    margin-right: 6px;
    margin-left: 6px
}

.companyCard__quantity {
    font-size: 14px;
    font-weight: 600;
    margin-left: 18px;
    text-transform: uppercase
}

.companyCard__helpInf {
    margin-left: 7px;
    z-index: 3;
}

.companyCard__arrayInf {
    margin-bottom: 11px
}

.arrayInf__socialList {
    display: flex;
}

.arrayInf__socialImg {
    background: #000;
    display: flex;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    margin-left: 4px;
    transition: 250ms;
    text-decoration: none;
    word-wrap: break-word;
    font-size: 18px;
    color: #fff;
    justify-content: center;
    align-items: center;
}

.arrayInf__socialImg:hover {
    /* -webkit-transform: translate(0, -1px) scale(1.05);
    transform: translate(0, -1px) scale(1.05); */
    color: #fff;
    /* box-shadow: 0 2px 6px rgba(0, 0, 0, .4); */
    opacity: .5;
}

.newShare42__icon.fa-twitter {
    background-color: #17aae8;
}

.arrayInf__socialImg:before {
    position: absolute;
}

.arrayInf__socialImg.fa-facebook {
    background-color: #3b5998
}

.arrayInf__socialImg.fa-twitter {
    background-color: #17aae8
}

.arrayInf__socialImg.fa-linkedin {
    background-color: #0077b5
}

.arrayInf__socialImg.fa-dribbble {
    background-color: #ea4c89
}

.arrayInf__socialImg.fa-instagram {
    background: linear-gradient(45deg, #BA00B4, #1D0AC9)
}

.companyCard__linkCB {
    /* font-size: 12px;
    font-weight: 700; */
    line-height: 21px;
    position: relative;
    transition: color 350ms .2s;
    text-decoration: none;
    /* text-transform: uppercase; */
    color: #000;
    align-self: flex-start;
    font-size: 16px;
    font-weight: 500;
    text-transform: none;
}

.companyCard__linkCB::after, .companyCard__linkCB::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #0090ff
}

.companyCard__linkCB::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.companyCard__linkCB:hover {
    transition: color 350ms;
    color: #0090ff;
}

.companyCard__linkCB:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.companyCard__linkCB:active {
    color: #0090ff
}

.companyCard__linkCB:active::after {
    background-color: #0090ff
}

.companyCard__dropWrap {
    color: #050505
}

.arrayInf {
    display: flex;
    align-items: baseline
}

.arrayInf__key {
    font-size: 14px;
    font-weight: 400;
    margin-right: 18px;
    color: #000
}

.arrayInf__value {
    font-size: 14px
}

.arrayInf__value_email {
    font-weight: 400;
    position: relative;
    transition: color 350ms .2s;
    text-decoration: none;
    color: #050505;
    align-self: flex-start
}

.arrayInf__value_email::after, .arrayInf__value_email::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: transparent
}

.arrayInf__value_email::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.arrayInf__value_email:hover {
    transition: color 350ms;
    color: #ffd91f
}

.arrayInf__value_email:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.arrayInf__value_email:active {
    color: #050505
}

.arrayInf__value_email:active::after {
    background-color: #050505
}

.arrayInf__value_phone > a {
    line-height: 1.5;
    position: relative;
    transition: color 350ms .2s;
    text-decoration: none;
    color: currentColor;
    align-self: flex-start
}

.arrayInf__value_phone > a::after, .arrayInf__value_phone > a::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: transparent
}

.arrayInf__value_phone > a::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.arrayInf__value_phone > a:hover {
    transition: color 350ms;
    color: #ffd91f
}

.arrayInf__value_phone > a:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.arrayInf__value_phone > a:active {
    color: currentColor
}

.arrayInf__value_phone > a:active::after {
    background-color: currentColor
}

.helpInf {
    position: relative;
    cursor: pointer
}

.helpInf__icon {
    font-size: 10px;
    font-weight: 500;
    display: flex;
    width: 17px;
    height: 17px;
    transition: .3s;
    text-indent: -1px;
    text-transform: uppercase;
    color: #000;
    /* border: 1px solid #d9d9d9; */
    border-radius: 50%;
    justify-content: center;
    align-items: center
}

.helpInf__drop {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 250px;
    padding: 10px;
    transition: top .3s .3s, opacity 150ms .3s, background-color .3s, transform 250ms, -webkit-transform 250ms;
    -webkit-transform: translate(0, 10px) scale(.01, .01);
    transform: translate(0, 10px) scale(.01, .01);
    -webkit-transform-origin: calc(100% - 8px) 0;
    transform-origin: calc(100% - 8px) 0;
    opacity: 0;
    border-radius: 2px;
    /* background-color: #0090ff; */
    background-color: #0090ff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

.helpInf__drop::before {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 20px;
    content: ''
}

.helpInf:hover .helpInf__icon {
    color: #0090ff;
    border-color: #0090ff
}

.helpInf:hover .helpInf__drop {
    top: 100%;
    transition: top .3s, opacity 150ms, background-color .3s .3s, transform 250ms .3s, -webkit-transform 250ms .3s;
    -webkit-transform: translate(0, 10px) scale(1, 1);
    transform: translate(0, 10px) scale(1, 1);
    opacity: 1;
    background-color: #fff;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .05);
}

.companySelected {
    margin-top: 10px
}

.companySelected__content {
    padding-bottom: 30px
}

.companySelected__tabs {
    position: relative;
    display: flow-root
}

.companySelected__tabs .tabs__navigationWrap {
    top: 3px;
    left: calc(0px + 68 * (100vw - 321px) / 965)
}

.companySelected__tabs .tabs__navigationWrap .tabs__heading i {
    margin-left: -1px
}

.companySelected__tabs .tabs__btnCall {
    font-weight: 400;
    float: right;
    /* text-transform: uppercase; */
    align-self: center;
    flex-grow: 1;
    font-size: 16px;
    background-color: #0090ff;
    color: #fff;
    text-transform: none;
}
.companySelected__tabs .tabs__btnCall:hover {
    background-color: #ffd91f;
    color: #000;
    border-color: #ffd91f;
}

.companySelected__eventMaps {
    margin-top: 21px
}

.companySelected__tagsBx {
    margin-top: 20px
}

.tabContent__tablService {
    margin-bottom: 30px
}

.tablService__tr {
    display: flex;
    max-width: 789px
}

.tablService__tr:not(:first-child) {
    margin-top: 25px
}

.tablService__rowService {
    display: flex
}

.tablService__serviceName {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.15;
    margin-top: 3px;
    margin-right: 20px;
    text-transform: uppercase;
    color: #050505
}

.tablService__tdLeft {
    margin-right: 20px;
    flex: 1 1 300px
}

.tablService__tdRight {
    min-width: 300px;
    flex: 1 1 calc(100% - 320px)
}

.tablService__head {
    display: flex;
    margin-bottom: 35px;
    align-items: center
}

.tablService__head > :not(:last-child) {
    margin-right: 20px
}

.tablService__heading {
    font-size: 12px;
    font-weight: 500;
    line-height: 27px;
    text-transform: uppercase;
    color: #868688
}

.tablService__heading:last-child {
    flex: 0 0 140px
}

.tablService__line {
    position: relative;
    width: 100%;
    min-width: 50px;
    height: 27px;
    flex-grow: 1
}

.tablService__line::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #f3f3f3
}

.tablService__row {
    display: flex;
    margin-bottom: 14px;
    padding-bottom: 15px;
    align-items: baseline;
    justify-content: space-between
}

.tablService__row:not(:last-child) {
    /* border-bottom: 1px solid #f3f3f3 */
}

.tablService__key, .tablService__value {
    font-size: 16px;
    font-weight: 400;
    color: #000
}

.tablService__key {
    line-height: 1.2;
    flex-grow: 1
}

.tablService__value {
    margin-left: 5px;
    flex: 0 0 140px
}

.tabArticles__sortPanel, .tabCases__sortPanel, .tabPortfolio__sortPanel {
    justify-content: flex-start
}

.sortPanel__thumbBtn {
    box-sizing: border-box;
    margin-right: 10px;
    margin-left: 10px;
    word-wrap: break-word
}

.sortPanel__addbtn span {
    margin: 0 48px
}

.tabReviews__sortPanel {
    margin-bottom: 10px;
    justify-content: flex-start;
    flex-wrap: nowrap
}

.tabReviews__sortPanel .sortPanel__thumbBtn {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 180px;
    margin-left: 0;
}

.tabReviews__sortPanel .sortPanel__sortBy {
    flex: 1 1 auto;
    align-items: baseline
}

.tabReviews__formBlcok .formBlcok__heading {
    font-size: 14px;
    font-weight: 500;
    box-sizing: border-box;
    width: 100%;
    margin-right: 10px;
    margin-left: 10px;
    word-wrap: break-word
}

.tabReviews__formBlcok .formBlcok__title {
    font-size: 14px;
    box-sizing: border-box;
    width: 100%;
    margin-right: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    word-wrap: break-word
}

.tabReviews__formBlcok .modalRating label {
    padding-right: 5px;
    padding-left: 5px
}

.studioReviewsCard_tab {
    padding-top: 20px;
    padding-bottom: 20px
}

.studioReviewsCard_tab:last-child {
    /* border-bottom: none */
}

.studioReviewsCard_tab .studioReviewsCard__thumb {
    /* margin-right: 10px;
    align-items: flex-start;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 180px */
}

.studioReviewsCard_tab .studioReviewsCard__rating {
    /* margin-top: -7px */
}

.studioReviewsCard_tab .studioReviewsCard__date {
    /* font-size: 12px;
    font-weight: 400;
    margin-top: auto;
    margin-bottom: 8px */
}

.studioReviewsCard_tab .studioReviewsCard__name {
    /* margin-bottom: 12px */
}

.studioReviewsCard_tab .studioReviewsCard__site {
    /* line-height: 20px */
}

.studioReviewsCard_tab .studioReviewsCard__txt {
    /* line-height: 1.6;
    margin-top: 30px;
    margin-bottom: 6px */
}

.tabArticles__pagination {
    width: 100%;
    margin-top: 21px;
    margin-bottom: 20px
}

.tabArticles__sortPanel {
    margin-right: -30px;
    margin-left: -30px
}

.tabArticles__sortPanel .sortPanel__selBlock {
    margin-right: 30px;
    margin-left: 30px
}

.tabArticles__sortPanel .sortPanel__selBlock:first-child {
    flex: 0 0 360px
}

.articlesCard_inTab {
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: none
}

.articlesCard_inTab:not(:last-child) {
    border-bottom: 2px solid #f7f7f7
}

.articlesCard_inTab .articlesCard__thumb {
    width: auto;
    max-width: none;
    flex: 0 0 390px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 200px
}

.articlesCard_inTab .articlesCard__date, .articlesCard_inTab .articlesCard__service {
    font-size: 14px
}

.articlesCard_inTab .articlesCard__views {
    margin-right: 35px;
    margin-left: auto
}

.articlesCard_inTab .articlesCard__row_top {
    margin-top: 5px;
    margin-bottom: 12px
}

.articlesCard_inTab .articlesCard__row_bot {
    margin-bottom: 7px
}

.articlesCard_inTab .articlesCard__heading {
    font-size: 18px;
    margin-bottom: 17px
}

.articlesCard_inTab .articlesCard__txt {
    font-size: 16px
}

.tabCases__sortPanel {
    margin-bottom: 33px
}

.tabCases__pagination {
    width: 100%;
    margin-top: 21px;
    margin-bottom: 20px
}

.tabDiploms__row:not(:first-child) {
    margin-top: 22px
}

.tabDiploms__heading {
    font-size: 18px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #ffd91f;
}

.tabDiploms__wrap {
    display: flex;
    margin-right: -5px;
    margin-left: -5px;
    flex-wrap: wrap
}

.tabDiploms__item {
    box-sizing: border-box;
    width: calc(33.33333% - 10px);
    margin-right: 5px;
    margin-bottom: 10px;
    margin-left: 5px;
    word-wrap: break-word
}

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

.diplomCard {
    display: flex;
    flex-direction: column;
    transition: .3s;
    text-decoration: none;
    border: 1px solid #f7f7f6;
    background-color: #fff;
    box-shadow: 0 0 0 1px #f7f7f6
}

.diplomCard:hover {
    transition: 250ms;
    border-color: #ffd91f;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15)
}

.diplomCard:active {
    transition: .1s;
    box-shadow: 0 0 0 1px #f7f7f6
}

.diplomCard__head {
    display: flex;
    flex: 1 1 217px;
    align-items: center;
    justify-content: center
}

.diplomCard__thumb {
    max-width: 107px;
    margin-top: 32px
}

.diplomCard__img {
    display: block;
    max-height: 250px
}

.diplomCard__body {
    flex: 0 0 110px;
    padding: 5px 15px
}

.diplomCard__name {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #050505
}

.diplomCard__name span {
    display: block
}

.tabVacancy__pagination {
    margin-top: 20px;
    margin-bottom: 20px
}

.vacancyCard_tab {
    margin-bottom: 12px
}

.vacancyCard_tab:not(:last-child) {
    border-bottom: 1px solid #f3f3f3
}

.vacancyCard_tab::before {
    display: none
}

.vacancyCard_tab .vacancyCard__row {
    margin-top: -5px
}

.contactPege {
    color: #fff
}

.contactPege__wrapper {
    padding-top: 45px;
    padding-bottom: 30px
}

.contactPege__row {
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
    flex-wrap: wrap;
    justify-content: space-between
}

.contactPege__left, .contactPege__right {
    box-sizing: border-box;
    margin-right: 15px;
    margin-bottom: 30px;
    margin-left: 15px;
    word-wrap: break-word
}

.contactPege__left {
    flex-shrink: 0
}

.contactPege__right {
    max-width: 585px
}

.contactForm__heading, .contactInfo__heading {
    font-size: 20px;
    /* font-weight: 700; */
    font-weight: 400;
    line-height: 36px;
    width: 100%;
    margin-top: 0;
    margin-bottom: 10px;
    /* text-transform: uppercase; */
    color: #000
}

.contactSocial {
    display: flex;
    max-width: 361px;
    margin-right: -12px;
    margin-left: -12px;
    color: #0090ff;
    align-items: center
}

.contactSocial::after, .contactSocial::before {
    height: 1px;
    margin-right: 12px;
    margin-left: 12px;
    content: '';
    background-color: currentColor;
    flex-grow: 1
}

.contactSocial__link {
    font-size: 21px;
    line-height: 1;
    margin-right: 12px;
    margin-left: 12px;
    transition: 250ms;
    color: currentColor
}
.contactSocial__link:hover {
    color: #ffd91f;
}

.contactInfo__phones {
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    --fx_offset: 10px;
    margin-left: calc(var(--fx_offset) / -2);
    margin-right: calc(var(--fx_offset) / -2);
    justify-content: space-between;
    max-width: 350px;
}

.contactInfo__phones > * {
    display: block;
    transition: 250ms;
    margin-left: calc(var(--fx_offset) / 2);
    margin-right: calc(var(--fx_offset) / 2)
}

.contactInfo__phones .contact__tg-link {
    display: flex;
    align-items: center
}

.contactInfo__phones > :hover {
    color:#ffd91f;
    fill: #ffd91f
}

.contactInfo__tel {
    font-size: 20px;
    /* font-weight: 500; */
    font-weight: 400;
    line-height: 1;
    display: block;
    text-decoration: none;
    color: #000;
    white-space: nowrap;
}

.contactInfo__tel + .contactInfo__tel {
    margin-top: 5px
}

.contactInfo__lrow {
    display: flex;
    align-items: baseline
}

.contactInfo__lrow + .contactInfo__lrow {
    margin-top: 24px
}

.contactInfo__key, .contactInfo__value {
    font-size: 14px;
    /* font-weight: 500; */
    font-weight: 400;
    line-height: 1.15;
    color: #000
}

.contactInfo__value {
    margin-left: 5px;
    color: #0090ff
}

.contactInfo a.contactInfo__value {
    position: relative;
    transition: color 350ms .2s;
    text-decoration: none;
    color: #0090ff;
    align-self: flex-start
}

.contactInfo a.contactInfo__value::after, .contactInfo a.contactInfo__value::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #0090ff
}

.contactInfo a.contactInfo__value::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.contactInfo a.contactInfo__value:hover {
    transition: color 350ms;
    color: #ffd91f
}

.contactInfo a.contactInfo__value:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.contactInfo a.contactInfo__value:active {
    color: #0090ff
}

.contactInfo a.contactInfo__value:active::after {
    background-color: #0090ff
}

.contactForm {
    display: flex;
    margin-right: -14px;
    margin-left: -14px;
    flex-wrap: wrap
}

.contactForm__capcha, .contactForm__heading, .contactForm__inp, .contactForm__send {
    box-sizing: border-box;
    margin-right: 14px;
    margin-left: 14px;
    word-wrap: break-word
}

.contactForm__capcha, .contactForm__inp {
    margin-bottom: 30px
}

.contactForm__inp {
    position: relative;
    height: 48px;
    flex-grow: 1
}

.contactForm__inp input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 5px;
    padding-bottom: 5px
}

.contactForm__inp_textarea {
    width: 100%;
    height: auto;
    margin-bottom: 23px
}

.contactForm__inp input, .contactForm__inp textarea {
    font-size: 14px;
    padding-right: 22px;
    padding-left: 22px;
    color: #000;
    border-color: lightgray;
    background-color: transparent
}

.contactForm__inp input::-webkit-input-placeholder, .contactForm__inp textarea::-webkit-input-placeholder {
    color: lightgray
}

.contactForm__inp input::-moz-placeholder, .contactForm__inp textarea::-moz-placeholder {
    color: lightgray
}

.contactForm__inp input:-ms-input-placeholder, .contactForm__inp textarea:-ms-input-placeholder {
    color: lightgray
}

.contactForm__inp input::-ms-input-placeholder, .contactForm__inp textarea::-ms-input-placeholder {
    color: lightgray
}

.contactForm__inp input::placeholder, .contactForm__inp textarea::placeholder {
    color: lightgray
}

.contactForm__inp textarea {
    width: 100%;
    min-height: 103px;
    padding-top: 10px;
    padding-bottom: 10px;
    resize: vertical
}

.contactForm__send {
    margin-left: auto
}

.contactForm__send input[type=submit] {
    padding-right: 25px;
    padding-left: 25px;
    font-weight: 400;

}
.contactForm__send input[type=submit]:hover {
    color: #000
}

.companyRating__fxtablWrp {
    margin-top: 0
}

.companyRating__fxtablWrp .fxtabl {
    min-width: 0
}

.companyRating__fxtablWrp .fxtabl__td_number {
    flex-basis: 78px
}

.companyRating__fxtablWrp .fxtabl__td_name {
    padding-left: 15px
}

.companyRating__fxtablWrp .fxtabl__td_inf {
    flex-basis: 136px
}

.companyRating__fxtablWrp .fxtabl__productImg {
    font-size: 0;
    max-width: 56px;
    max-height: 56px;
    margin-right: 15px;
    flex-basis: 56px;
    -o-object-fit: contain;
    object-fit: contain
}

.companyRating__fxtablWrp .fxtabl__productImg::after {
    font-size: 16px;
    content: ''
}

.companyRating__fxtablWrp .fxtabl__productName {
    font-size: 15px
}

.companyRating__fxtablWrp .fxtabl_head .fxtabl__td_number span {
    font-weight: 700;
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px)
}

.companyRating__fxtablWrp .fxtabl_head .fxtabl__td_inf span, .companyRating__fxtablWrp .fxtabl_head .fxtabl__td_name span {
    font-size: 13px;
    font-weight: 700
}

.companyRating__fxtablWrp .fxtabl_lider {
    border-bottom: none
}

.companyRating__fxtablWrp .fxtablOther .fxtabl:nth-child(1) {
    background-color: #0090ff
}

.companyRating__fxtablWrp .fxtablOther .fxtabl:nth-child(2) {
    background-color: #fff600
}

.companyRating__fxtablWrp .fxtablOther .fxtabl:nth-child(3) {
    background-color: #fad723
}

.companyRating__fxtablWrp .fxtablOther .fxtabl:nth-child(1) .fxtabl__productImg, .companyRating__fxtablWrp .fxtablOther .fxtabl:nth-child(2) .fxtabl__productImg, .companyRating__fxtablWrp .fxtablOther .fxtabl:nth-child(3) .fxtabl__productImg {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(219, 119, 12, .2)
}

.companyRating__fxtablWrp .fxtablOther .fxtabl:nth-child(1) .fxtabl__td span {
    color: #fff
}

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

.contentAddEvent__formBlcok textarea {
    min-height: 200px
}

.authorization {
    margin-top: 10px
}

.authorization_login .authorization h1, .authorization_login .authorization__heading {
    max-width: 458px;
    margin-top: 0;
    text-align: center
}

.authorization h1, .authorization__heading {
    font-size: 20px
}

.authorization__row {
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
    justify-content: space-between
}

.authorization__left {
    max-width: 458px
}

.authorization__right {
    max-width: 487px
}

.authorization__left, .authorization__right {
    box-sizing: border-box;
    margin-right: 15px;
    margin-left: 15px;
    word-wrap: break-word;
    flex-grow: 1
}

.authorization__btns-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 5px -10px 20px
}

.authorization__btns-wrap_center {
    justify-content: center
}

.authorization__btns-wrap_right {
    justify-content: flex-end
}

.authorization__link {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    box-sizing: border-box;
    margin-right: 10px;
    margin-left: 10px;
    transition: color 350ms .2s;
    text-decoration: none;
    word-wrap: break-word;
    color: #050505;
    align-self: flex-start
}

.authorization__link::after, .authorization__link::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: transparent
}

.authorization__link::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.authorization__link:hover {
    transition: color 350ms;
    color: #0090ff
}

.authorization__link:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #0090ff
}

.authorization__link:active {
    color: #050505
}

.authorization__link:active::after {
    background-color: #050505
}

.authorization__link_active, .authorization__link_c1 {
    color: #0090ff
}

.authorization__link_active::after {
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    background-color: #0090ff
}

.authorization__info {
    margin-top: 20px
}

.authorization__headingLight {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #050505
}

.authorization__list li, .authorization__txt {
    font-size: 14px
}

.authorization__list li:last-child, .authorization__txt:last-child {
    margin-top: 15px
}

.authorization__list li:not(:last-child) {
    margin-bottom: 12px
}

.authorization__list li::before {
    color: #0090ff
}

.authorization__txt {
    max-width: 100%
}

.authorization__txt a {
    position: relative;
    transition: color 350ms .2s;
    text-decoration: none;
    color: #0090ff;
    align-self: flex-start
}

.authorization__txt a::after, .authorization__txt a::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: transparent
}

.authorization__txt a::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.authorization__txt a:hover {
    transition: color 350ms;
    color: #ffd91f
}

.authorization__txt a:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.authorization__txt a:active {
    color: #0090ff
}

.authorization__txt a:active::after {
    background-color: #0090ff
}

.tenderOrder {
    position: relative;
    display: flex;
    margin-top: 10px;
    margin-right: -20px;
    margin-left: -20px;
    flex-wrap: wrap
}

.tenderOrder__aside, .tenderOrder__heading, .tenderOrder__main {
    box-sizing: border-box;
    margin-right: 20px;
    margin-left: 20px;
    word-wrap: break-word
}

.tenderOrder__heading {
    font-size: 24px;
    font-weight: 500;
    width: 100%;
    margin-bottom: 20px;
    text-transform: none
}

.tenderOrder__main {
    width: calc(60.83333% - 40px)
}

.tenderOrder__aside {
    position: relative;
    width: calc(39.16667% - 40px);
    position: -webkit-sticky;
    position: sticky;
    top: 50px;
    align-self: flex-start
}

.tenderOrder__faqCard {
    margin-bottom: 20px
}

.tenderOrder__txtContent {
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px
}

.tenderOrder__txtContent > * {
    color: #878789
}

.tenderOrder__txtContent p {
    font-weight: 500;
    margin-bottom: .5rem
}

.tenderOrder__txtContent p:last-child {
    margin-bottom: 0
}

.tenderOrder__txtContent a {
    position: relative;
    transition: color 350ms .2s;
    white-space: nowrap;
    text-decoration: none;
    color: currentColor;
    align-self: flex-start
}

.tenderOrder__txtContent a::after, .tenderOrder__txtContent a::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: transparent
}

.tenderOrder__txtContent a::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.tenderOrder__txtContent a:hover {
    transition: color 350ms;
    color: #ffd91f
}

.tenderOrder__txtContent a:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.tenderOrder__txtContent a:active {
    color: currentColor
}

.tenderOrder__txtContent a:active::after {
    background-color: currentColor
}

.tenderOrder__tabl {
    overflow-x: auto;
    max-width: 100%;
    margin-top: 5px
}

.tenderOrder__tr {
    display: flex;
    min-width: 600px;
    min-height: 70px;
    padding: 22px 10px
}

.tenderOrder__tr:not(:last-child) {
    border-bottom: 2px solid #f7f7f7
}

.tenderOrder__td {
    padding-right: 5px
}

.tenderOrder__td:first-child {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    flex-shrink: 0;
    flex-basis: 120px
}

.tenderOrder__td:nth-child(2):not(.tenderOrder__td_value) {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    flex-shrink: 0;
    flex-basis: 130px
}

.tenderOrder__formBox {
    background-color: #f7f7f7;
    padding: 15px
}

.tenderOrder__formBox .field input:not(.field__enter), .tenderOrder__formBox .field textarea:not(.field__enter) {
    background-color: #fff
}

.tenderOrder__formBox .formBlcok__field_textarea {
    margin-top: 0
}

.tenderOrder__formBox .field__enter {
    font-size: 12px
}

.tenderOrder__head {
    margin-bottom: 37px
}

.tenderOrder__politTxt {
    font-size: 12px;
    font-weight: 400;
    margin-top: 20px;
    color: #000;
    border: 1px solid #f7f7f7;
    padding: 15px
}

.tenderOrder__td {
    font-size: 12px;
    font-weight: 500;
    color: #878789
}

.tenderOrder__head, .tenderOrder__td_key, .tenderOrder__tr_th .tenderOrder__td {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #010101
}

.content__body {
    margin-top: 35px
}

#ui-datepicker-div {
    z-index: 999999999 !important
}

.simple-content {
    margin: 0
}

.simplecheckout {
    display: flex;
    overflow: visible;
    width: auto;
    margin-right: -10px;
    margin-left: -10px;
    flex-wrap: wrap;
    align-items: flex-start
}

.simplecheckout .simplecheckout-button-block.buttons {
    margin-right: 10px;
    margin-left: auto;
    padding: 0;
    border: none !important
}

.simplecheckout-left-column, .simplecheckout-right-column {
    box-sizing: border-box;
    width: calc(50% - 20px);
    min-width: 0;
    max-width: none;
    margin-right: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    word-wrap: break-word;
    box-shadow: 0 8px 23px -2px rgba(0, 0, 0, .1)
}

.simplecheckout-left-column {
    border: 1px solid #ddd
}

#simplecheckout_customer .simplecheckout-block-content {
    text-align: left
}

#simplecheckout_customer .you-will-be-registered {
    padding-top: 5px;
    padding-right: 12px;
    padding-left: 12px;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.simplecheckout-block {
    margin-bottom: 0
}

#customer_table {
    display: block;
    width: 100%;
    padding: 10px
}

#customer_table tbody {
    display: block
}

#customer_table tr {
    display: flex;
    margin-right: -2px;
    margin-left: -2px;
    flex-wrap: wrap
}

#customer_table tr:not(:last-child) {
    margin-bottom: 4px
}

#customer_table .simplecheckout-customer-left, #customer_table .simplecheckout-customer-right {
    line-height: 1.15;
    box-sizing: border-box;
    margin: 0 2px;
    word-wrap: break-word
}

#customer_table .simplecheckout-customer-left input, #customer_table .simplecheckout-customer-left select, #customer_table .simplecheckout-customer-left textarea, #customer_table .simplecheckout-customer-right input, #customer_table .simplecheckout-customer-right select, #customer_table .simplecheckout-customer-right textarea {
    font-family: GothamPro, sans-serif !important;
    font-size: 14px !important;
    width: 100%;
    max-width: 100%;
    height: 38px;
    margin: 0;
    padding-right: 10px;
    padding-left: 10px;
    border: 1px solid #f3f3f3
}

#customer_table .simplecheckout-customer-left input::-webkit-input-placeholder, #customer_table .simplecheckout-customer-left select::-webkit-input-placeholder, #customer_table .simplecheckout-customer-left textarea::-webkit-input-placeholder, #customer_table .simplecheckout-customer-right input::-webkit-input-placeholder, #customer_table .simplecheckout-customer-right select::-webkit-input-placeholder, #customer_table .simplecheckout-customer-right textarea::-webkit-input-placeholder {
    font-family: GothamPro, sans-serif !important;
    font-size: 14px !important
}

#customer_table .simplecheckout-customer-left input::-moz-placeholder, #customer_table .simplecheckout-customer-left select::-moz-placeholder, #customer_table .simplecheckout-customer-left textarea::-moz-placeholder, #customer_table .simplecheckout-customer-right input::-moz-placeholder, #customer_table .simplecheckout-customer-right select::-moz-placeholder, #customer_table .simplecheckout-customer-right textarea::-moz-placeholder {
    font-family: GothamPro, sans-serif !important;
    font-size: 14px !important
}

#customer_table .simplecheckout-customer-left input:-ms-input-placeholder, #customer_table .simplecheckout-customer-left select:-ms-input-placeholder, #customer_table .simplecheckout-customer-left textarea:-ms-input-placeholder, #customer_table .simplecheckout-customer-right input:-ms-input-placeholder, #customer_table .simplecheckout-customer-right select:-ms-input-placeholder, #customer_table .simplecheckout-customer-right textarea:-ms-input-placeholder {
    font-family: GothamPro, sans-serif !important;
    font-size: 14px !important
}

#customer_table .simplecheckout-customer-left input::-ms-input-placeholder, #customer_table .simplecheckout-customer-left select::-ms-input-placeholder, #customer_table .simplecheckout-customer-left textarea::-ms-input-placeholder, #customer_table .simplecheckout-customer-right input::-ms-input-placeholder, #customer_table .simplecheckout-customer-right select::-ms-input-placeholder, #customer_table .simplecheckout-customer-right textarea::-ms-input-placeholder {
    font-family: GothamPro, sans-serif !important;
    font-size: 14px !important
}

#customer_table .simplecheckout-customer-left input::placeholder, #customer_table .simplecheckout-customer-left select::placeholder, #customer_table .simplecheckout-customer-left textarea::placeholder, #customer_table .simplecheckout-customer-right input::placeholder, #customer_table .simplecheckout-customer-right select::placeholder, #customer_table .simplecheckout-customer-right textarea::placeholder {
    font-family: GothamPro, sans-serif !important;
    font-size: 14px !important
}

#customer_table .simplecheckout-customer-left input:focus, #customer_table .simplecheckout-customer-left select:focus, #customer_table .simplecheckout-customer-left textarea:focus, #customer_table .simplecheckout-customer-right input:focus, #customer_table .simplecheckout-customer-right select:focus, #customer_table .simplecheckout-customer-right textarea:focus {
    border-color: silver
}

#customer_table .simplecheckout-customer-left select, #customer_table .simplecheckout-customer-right select {
    cursor: pointer;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist
}

#customer_table .simplecheckout-customer-left textarea, #customer_table .simplecheckout-customer-right textarea {
    line-height: 1.1;
    display: block;
    height: 80px;
    padding: 10px
}

#customer_table .simplecheckout-customer-left {
    position: relative;
    display: flex;
    width: 190px;
    padding: 5px 10px;
    background: #f7f7f7;
    align-items: center
}

#customer_table .simplecheckout-customer-left .simplecheckout-required {
    line-height: 1;
    position: absolute;
    top: 2px;
    left: 3px
}

#customer_table .simplecheckout-customer-right {
    position: relative;
    width: calc(100% - 198px);
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding: 0;
    flex-grow: 1
}

#customer_table .subscr-w {
    position: relative;
    display: inline-flex;
    height: 44px;
    margin-left: 0;
    align-items: center
}

#customer_table .subscr-w:first-child {
    margin-right: 10px;
    margin-left: 20px
}

#customer_table .subscr-w .subscr_cust {
    position: static;
    padding-top: 5px;
    padding-right: 5px;
    cursor: pointer;
    order: -1
}

#customer_table .subscr-w .subscr_cust::before {
    position: absolute;
    top: 50%;
    right: -6px;
    width: 16px;
    height: 16px;
    content: '';
    transition: .2s;
    -webkit-transform: translate(-50%, -50%) scale(0, 0);
    transform: translate(-50%, -50%) scale(0, 0);
    opacity: 0;
    border-radius: 50%;
    background-color: #454452
}

#customer_table .subscr-w input[type=radio] {
    width: 20px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    transition: .2s;
    border-radius: 50%;
    background-color: #e4e3e3
}

#customer_table .subscr-w input[type=radio]:checked {
    border-color: #454452
}

#customer_table .subscr-w input[type=radio]:checked + .subscr_cust::before {
    -webkit-transform: translate(-50%, -50%) scale(1, 1);
    transform: translate(-50%, -50%) scale(1, 1);
    opacity: 1
}

#simplecheckout_cart table {
    line-height: 1.15
}

#simplecheckout_cart table thead {
    background-color: #f7f7f7
}

#simplecheckout_cart table thead tr th {
    width: auto;
    padding: 0;
    border: none;
    background: 0 0
}

#simplecheckout_cart table tbody tr td {
    width: auto;
    padding: 0;
    border: none
}

#simplecheckout_cart thead tr {
    font-weight: 600
}

#simplecheckout_cart thead .price {
    justify-self: end
}

#simplecheckout_cart tbody tr {
    transition: .2s
}

#simplecheckout_cart tbody tr:hover {
    background-color: #f6f5f5
}

#simplecheckout_cart tbody .price {
    font-weight: 500;
    color: #434151;
    justify-self: end
}

#simplecheckout_cart tbody .image {
    justify-self: stretch;
    align-self: stretch
}

#simplecheckout_cart tbody tr, #simplecheckout_cart thead tr {
    display: grid;
    border-bottom: 1px solid #ddd;
    grid-template-columns: minmax(70px, 145px) minmax(190px, 3fr) minmax(110px, 1.5fr) minmax(40px, 55px);
    grid-auto-rows: 65px;
    align-items: center;
    justify-items: center;
    grid-column-gap: 10px;
    min-width: max-content;
}

#simplecheckout_cart tbody .image a, #simplecheckout_cart thead .image a {
    display: flex;
    width: 100%;
    height: 100%;
    transition: .2s;
    justify-content: center;
    align-items: center
}

#simplecheckout_cart tbody .image img, #simplecheckout_cart thead .image img {
    display: block
}

#simplecheckout_cart tbody .name, #simplecheckout_cart thead .name {
    text-align: left;
    justify-self: start
}

#simplecheckout_cart tbody .remove, #simplecheckout_cart thead .remove {
    font-size: 18px;
    display: flex;
    transition: .2s;
    color: #454452;
    justify-self: stretch;
    align-self: stretch;
    justify-content: center;
    align-items: center
}

#simplecheckout_cart tbody .remove__icn, #simplecheckout_cart thead .remove__icn {
    color: currentColor
}

#simplecheckout_cart tbody .remove:hover, #simplecheckout_cart thead .remove:hover {
    color: #f33;
    background-color: #f6f5f5
}

#simplecheckout_cart tbody .name-company, #simplecheckout_cart thead .name-company {
    font-weight: 500;
    text-decoration: none;
    color: #050505
}

#simplecheckout_cart tbody .name-company:hover, #simplecheckout_cart thead .name-company:hover {
    text-decoration: underline
}

.containerPage {
    display: flex;
    overflow: hidden;
    height: 100vh
}

.containerPage__aside {
    position: relative;
    z-index: 2;
    min-width: 230px;
    background-color: #fff;
    /* box-shadow: 0 0 43px rgba(0, 0, 0, .06); */
    box-shadow: inset -5px 0px 15px #F3F3F3;
    flex: 1 0 16.86%
}

.containerPage__main {
    position: relative;
    z-index: 1;
    min-width: 230px;
    max-width: 100%;
    flex: 1 1 82.34%
}

.lk-main {
    display: flex;
    flex-direction: column
}

.lk-main__header {
    position: relative;
    z-index: 2;
    min-height: 50px;
    padding-left: 15px;
    flex-shrink: 0
}

.lk-main__conteiner {
    display: flex;
    overflow-x: hidden;
    overflow-y: auto;
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
    scrollbar-width: thin;
    flex-grow: 1
}

.lk-main__conteiner .tablWrap {
    position: relative
}

.lk-main__content {
    padding-top: 20px;
    /* padding-right: 15px; */
    padding-bottom: 40px
}

.lk-main__content h1 {
    font-size: 1.25rem;
    font-weight: 500;
    text-transform: none
}

.lk-main__footer {
    position: relative;
    z-index: 2;
    min-height: 50px;
    margin-top: auto;
    padding-left: 15px;
    padding-right: 15px;
    flex-shrink: 0
}

.aside {
    overflow-y: auto;
    direction: rtl;
    scrollbar-width: thin
}

.aside > * {
    direction: ltr
}

.aside__container {
    min-height: 400px;
    max-height: 100vh
}

.aside__avatar {
    display: flex;
    margin-top: 12px;
    margin-bottom: 27px;
    justify-content: center;
    position: relative;
}
.aside__avatar svg {
    position: absolute;
    right: 26px;
    top: 15px;
    z-index: 1;
}

.aside__menu {
    /* padding-left: 20px */
}

.lk-menu__link {
    font-size: 13px;
    font-weight: 500;
    position: relative;
    display: flex;
    margin-bottom: 5px;
    padding-right: 20px;
    padding-left: 20px;
    transition: 250ms;
    text-decoration: none;
    color: #050505;
    align-items: center
}

.lk-menu__link:not(.lk-menu__link_current)::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 100%;
    content: '';
    transition: .3s;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    background-color: #ffd91f
}

.lk-menu__link:hover:not(.lk-menu__link_current) {
    transition: 150ms
}

.lk-menu__link:hover:not(.lk-menu__link_current)::before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.lk-menu__link:hover:not(.lk-menu__link_current) .itrIcn {
    filter: invert(45%) sepia(86%) saturate(3981%) hue-rotate(188deg) brightness(103%) contrast(105%);
}

.lk-menu__link_current {
    color: #0090ff;
    border-left: 3px solid #0090ff
}

.lk-menu__link:active:not(.lk-menu__link_current) {
    color: #0090ff
}

.lk-menu__link:active:not(.lk-menu__link_current)::before {
    -webkit-transform: scale(2, .5);
    transform: scale(2, .5);
    background-color: #0090ff
}

.lk-menu__link i {
    font-size: 20px;
    font-weight: 700;
    height: 24px;
    width: 24px;
    margin-right: 16px;
    text-align: center;
    line-height: 28px;
}

.lk-menu__txt {
    line-height: 1.9
}

.lk-header {
    display: flex;
    border-bottom: 1px solid #f4f3f3;
    box-shadow: 2px 1px 1px rgba(244, 243, 243, .25)
}

.lk-header__link {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    margin-left: auto;
    transition: color 350ms .2s;
    text-decoration: none;
    color: #868688;
    align-self: center
}

.lk-header__right {
    display: flex;
    height: 100%;
    margin-left: auto;
    justify-content: center;
    align-items: center
}

.lk-header__right .site-menu__link-pro {
    /* color: #f39e00; */
    color: #ffd91f;
}

.lk-header__right .site-menu__link-ver {
    color: #0090ff;
}

.lk-header__right .site-menu__link {
    margin-left: 15px;
    margin-right: 15px;
}

.lk-header__logout {
    display: flex;
    width: 50px;
    height: 100%;
    text-align: center;
    border-left: 1px solid #f4f3f3;
    flex-shrink: 0;
    justify-content: center;
    align-items: center
}

.lk-header__logout i {
    font-weight: 700
}

.lk-header__logout:hover {
    filter: invert(45%) sepia(86%) saturate(3981%) hue-rotate(188deg) brightness(103%) contrast(105%);
}

/*.lk-header__logout:active {*/
/*    color: #0090ff;*/
/*    background-color: #f9f8f8;*/
/*    box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .15)*/
/*}*/

.lk-header__logout:active {
    filter: invert(33%) sepia(59%) saturate(952%) hue-rotate(173deg) brightness(99%) contrast(99%);
}

.lk-header__site-menu {
    margin-right: 30px
}

.site-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center
}

.site-menu > :not(:last-child) {
    margin-right: 14px
}

.site-menu__link {
    font-size: 14px;
    font-weight: 400;
    position: relative;
    display: block;
    margin-top: 3px;
    margin-bottom: 3px;
    transition: color 350ms .2s;
    text-decoration: none;
    color: #868688
}

.site-menu__link::after, .site-menu__link::before {
    content: ''
}

.site-menu__link::after {
    position: absolute;
    z-index: 2;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    background-color: transparent
}

.site-menu__link:hover {
    transition: color 350ms;
    color: #0090ff
}

.site-menu__link:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #0090ff
}

.site-menu__link_point {
    position: relative
}

.site-menu__link_point::before {
    position: absolute;
    bottom: calc(100% - 3px);
    left: calc(100% + 1px);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #0090ff
}

.lk-footer {
    display: flex;
    border-top: 1px solid #f4f3f3;
    box-shadow: 2px -1px 1px rgba(244, 243, 243, .25)
}

.lk-footer__dop-menu {
    margin-right: 30px;
    align-content: space-around
}

.lk-footer__social {
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
}
.lk-footer__social>*{
    margin-left: 12px;
}

.dop-menu {
    display: flex;
    align-items: center
}

.dop-menu > :not(:last-child) {
    margin-right: 14px
}

.dop-menu__link {
    font-size: 12px;
    position: relative;
    display: block;
    transition: color 350ms .2s;
    text-decoration: none;
    color: #0090ff;
    align-self: center
}

.dop-menu__link::after, .dop-menu__link::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: transparent
}

.dop-menu__link::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.dop-menu__link:hover {
    transition: color 350ms;
    color: #ffd91f
}

.dop-menu__link:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.dop-menu__link:active {
    color: #0090ff
}

.dop-menu__link:active::after {
    background-color: #0090ff
}

.logout {
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    color: #050505
}

.avatar__img {
    display: block;
    max-height: 96px;
    -o-object-fit: cover;
    object-fit: cover
}

.main-txt_return {
    display: flex;
    margin-top: 4px;
    align-items: baseline
}

.main-txt a.itr_return {
    font-weight: 700;
    display: flex;
    width: 33px;
    height: 33px;
    margin-right: 10px;
    transition: .3s .1s, color .2s .1s, border-color .2s .1s;
    text-decoration: none;
    color: #050505;
    border: 1px solid #050505;
    border-radius: 50%;
    flex-shrink: 0;
    align-items: center;
    justify-content: center
}

.main-txt a.itr_return:hover {
    transition: .3s, color .2s, border-color .2s;
    color: #fff;
    border-color: #0090ff;
    background-color: #0090ff
}

.main-txt a.itr_return:active {
    transition: none;
    -webkit-transform: scale(.95);
    transform: scale(.95)
}

.main-txt h1 {
    margin-bottom: 0
}

.main-txt__title {
    font-size: 14px;
    line-height: 1.2
}

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

.heading-wrap__btns {
    display: flex;
    margin-top: .75rem;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between
}

.heading-wrap__link {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    position: relative;
    display: inline-block;
    transition: color 350ms .2s;
    text-decoration: none;
    color: #0090ff;
    align-self: center
}

.heading-wrap__link::after, .heading-wrap__link::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #bfdaee
}

.heading-wrap__link::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.heading-wrap__link:hover {
    transition: color 350ms;
    color: #ffd91f
}

.heading-wrap__link:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.heading-wrap__link:active {
    color: #0090ff
}

.heading-wrap__link:active::after {
    background-color: #0090ff
}

.heading-wrap__link:not(:last-child) {
    margin-right: 20px
}

.heading-wrap__btn-add {
    font-size: 12px;
    font-weight: 500;
    display: flex;
    min-width: 190px;
    height: 40px;
    padding-right: 15px;
    padding-left: 15px;
    transition: .3s;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: 1px solid #0090ff;
    background-color: #0090ff;
    align-items: center;
    justify-content: center
}

.heading-wrap__btn-add i {
    font-size: 12px;
    font-weight: 700;
    margin-right: 10px
}

.heading-wrap__btn-add:hover {
    color: #0090ff;
    background-color: #fff
}

.advantageItem {
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    box-shadow: 0 0 43px rgba(0, 0, 0, .06);
    align-items: center;
    justify-content: space-between;
    text-decoration: none
}

.advantageItem__quantity {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    color: #ffd91f
}

.advantageItem__txt {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.1;
    color: #868688
}

.advantageItem__thumb {
    position: relative;
    display: flex;
    margin-left: 7px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0
}

.advantageItem__ic {
    font-size: 28px;
    color: #f3f3f3
}

.advantageItem__ic_center {
    font-size: 16px;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    color: #0090ff
}

.bl-last-news__head, .bl-last-news__heading, .bl-new-article__head, .bl-new-article__heading, .bl-new-cases__head, .bl-new-cases__heading {
    font-weight: 700;
    /* text-transform: uppercase; */
    color: #050505
}

.bl-last-news__head, .bl-new-article__head, .bl-new-cases__head {
    font-size: 20px;
    line-height: 1.1;
    margin-bottom: 15px;
    text-transform: unset;
}

.bl-last-news__heading, .bl-new-article__heading, .bl-new-cases__heading {
    font-size: 13px;
    line-height: 1.45;
    display: block;
    text-decoration: none
}

.bl-last-news__txt, .bl-new-article__txt, .bl-new-cases__txt {
    font-size: 14px
}

.bl-new-article__company, .bl-new-article__service, .bl-new-cases__company, .bl-new-cases__service, .bl-new-cases__site {
    font-size: 12px;
    line-height: 1.1;
    display: inline-block
}

.bl-rating {
    display: flex
}

.bl-rating__main {
    display: flex;
    flex-direction: column;
    width: calc(50% + 10px);
    transition: 250ms;
    text-align: center;
    text-decoration: none;
    border: 1px solid transparent;
    border-right: 1px solid #f7f7f7;
    align-items: center
}

.bl-rating__main:hover {
    border-color: #ffd91f
}

.bl-rating__main .bl-rating__heading {
    margin-top: 40px
}

.bl-rating__rating-company {
    position: relative;
    display: flex;
    width: 220px;
    text-align: center;
    flex-grow: 1;
    align-items: center;
    justify-content: center
}

.bl-rating__counter-shadow {
    position: absolute;
    z-index: 8;
    top: 50%;
    left: 50%;
    width: 189px;
    height: 189px;
    transition: 250ms;
    -webkit-transform: translate(-50%, -50%) scale(.8);
    transform: translate(-50%, -50%) scale(.8);
    border: 9px solid rgba(134, 134, 136, .2);
    border-radius: 50%
}

.bl-rating__counter {
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    transition: 250ms;
    -webkit-transform: translate(-50%, -50%) scale(.8);
    transform: translate(-50%, -50%) scale(.8)
}

.bl-rating__aside {
    display: flex;
    flex-direction: column;
    width: calc(50% - 10px)
}

.bl-rating__heading {
    font-size: 13px;
    font-weight: 700;
    margin-top: 5px;
    text-transform: uppercase;
    color: #868688
}

.bl-rating__bot, .bl-rating__top {
    display: flex;
    flex-direction: column;
    padding: 10px;
    transition: 250ms;
    text-align: center;
    text-decoration: none;
    border: 1px solid transparent;
    flex-grow: 1;
    align-items: center;
    justify-content: center
}

.bl-rating__bot:hover, .bl-rating__top:hover {
    border-color: #ffd91f
}

.bl-rating__bot {
    border-top: 1px solid #f7f7f7
}

.bl-rating__quantity {
    font-size: 19px;
    font-weight: 500;
    color: #ffd91f
}

.home-board__brick-list {
    display: flex;
    flex-wrap: wrap;
}

.home-board__bl-rating {
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
}

.home-board__bl-rating * {
    box-sizing: border-box;
}

.home-board {
    /* margin-top: 30px; */
}

.bl-rating__aside {
    border-top: 1px solid rgb(247, 247, 247);
    flex-direction: row;
    width: 100%;
}

.bl-rating__aside > * {
    border: none;
}

.bl-rating__main {
    height: 280px;
    border: 1px solid rgb(247, 247, 247);
    width: 50%;
}

.bl-last-news__thumb {
    display: block;
    width: 144px;
    height: 142px;
    margin-right: 15px;
    flex-shrink: 0
}

.bl-last-news__img {
    display: block;
    max-height: 100%
}

.bl-last-news__heading {
    margin-bottom: 10px
}

.bl-new-cases__row {
    display: flex;
    align-items: baseline;
    justify-content: space-between
}

.bl-new-cases__row_top {
    margin-bottom: 11px
}

.bl-new-cases__company {
    position: relative;
    transition: color 350ms .2s;
    text-decoration: none;
    color: #f39e00;
    align-self: flex-start
}

.bl-new-cases__company::after, .bl-new-cases__company::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: transparent
}

.bl-new-cases__company::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.bl-new-cases__company:hover {
    transition: color 350ms;
    color: #ffd91f
}

.bl-new-cases__company:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.bl-new-cases__company:active {
    color: #f39e00
}

.bl-new-cases__company:active::after {
    background-color: #f39e00
}

.bl-new-cases__service {
    color: #f39e00
}

.bl-new-cases__heading {
    margin-bottom: 9px
}

.bl-new-cases__site {
    position: relative;
    margin-bottom: 20px;
    transition: color 350ms .2s;
    text-decoration: none;
    align-self: flex-start
}

.bl-new-cases__site::after, .bl-new-cases__site::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #c5daed
}

.bl-new-cases__site::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.bl-new-cases__site:hover {
    transition: color 350ms;
    color: #ffd91f
}

.bl-new-cases__site:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.bl-new-cases__site:active {
    color: #0090ff
}

.bl-new-cases__site:active::after {
    background-color: #0090ff
}

.bl-new-cases__thumb {
    display: block;
    margin-bottom: 26px
}

.bl-new-cases__img {
    display: block
}

.bl-new-article__rows {
    display: flex;
    margin-right: -11px;
    margin-left: -11px;
    flex-wrap: wrap
}

.bl-new-article__card {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: calc(50% - 22px);
    margin-right: 11px;
    margin-left: 11px;
    word-wrap: break-word
}

.bl-new-article__thumb {
    display: block;
    margin-bottom: 20px
}

.bl-new-article__img {
    display: block
}

.bl-new-article__service {
    margin-bottom: 9px;
    color: #f39e00
}

.bl-new-article__heading {
    margin-bottom: 14px
}

.bl-new-article__company {
    position: relative;
    margin-bottom: 10px;
    transition: color 350ms .2s;
    text-decoration: none;
    color: #f39e00;
    align-self: flex-start
}

.bl-new-article__company::after, .bl-new-article__company::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: transparent
}

.bl-new-article__company::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.bl-new-article__company:hover {
    transition: color 350ms;
    color: #ffd91f
}

.bl-new-article__company:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.bl-new-article__company:active {
    color: #f39e00
}

.bl-new-article__company:active::after {
    background-color: #f39e00
}

.bl-new-article__txt {
    margin-bottom: auto
}

.pagination_lk {
    margin-top: 20px
}

.tablWrap {
    overflow-x: auto;
    max-width: 100%;
    background-color: #fff;
    /* box-shadow: 0 0 43px rgba(0, 0, 0, .06) */
}

.lk-tabls {
    width: 100%;
    min-width: 771px;
    border-collapse: collapse
}

.lk-tabls th {
    font-size: 11px;
    font-weight: 700;
    padding-top: 18px;
    padding-bottom: 15px;
    white-space: nowrap;
    text-transform: uppercase
}

.lk-tabls .arrowTopTagle span {
    position: relative
}

.lk-tabls .arrowTopTagle i {
    position: absolute;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.lk-tabls .arrowTopTagle.arrowTop i {
    -webkit-transform: translateY(-50%) scale(1, -1);
    transform: translateY(-50%) scale(1, -1)
}

.lk-tabls tr:not(:last-child) {
    border-bottom: 2px solid #f7f7f7
}

.lk-tabls__left {
    text-align: left
}

.lk-tabls__right {
    text-align: right
}

.lk-tabls__center {
    text-align: center
}

.lk-tabls td, .lk-tabls th {
    padding-right: 5px;
    padding-left: 5px
}

.lk-tabls td:first-child, .lk-tabls th:first-child {
    width: 23.6%;
    padding-left: 25px
}

.lk-tabls td:last-child, .lk-tabls th:last-child {
    width: 18%;
    padding-right: 15px
}

.lk-tabls td {
    font-size: 12px;
    font-weight: 500;
    padding-top: 18px;
    padding-bottom: 18px
}

.lk-tabls__inf {
    color: #868688
}

.lk-tabls__txt {
    color: #050505
}

.lk-tabls__v-date {
    font-size: 12px;
    font-weight: 500;
    display: block;
    color: #868688
}

.lk-tabls__link {
    font-size: 12px;
    position: relative;
    transition: color 350ms .2s;
    text-decoration: none;
    color: #0090ff;
    align-self: center;
    white-space: normal !important;
}

.lk-tabls__link::after, .lk-tabls__link::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #bfdaee
}

.lk-tabls__link::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.lk-tabls__link:hover {
    transition: color 350ms;
    color: #ffd91f
}

.lk-tabls__link:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.lk-tabls__link:active {
    color: #0090ff
}

.lk-tabls__link:active::after {
    background-color: #0090ff
}

.lk-tabls__btn {
    text-decoration: none;
    color: #868688
}

.lk-tabls__btn:not(.lk-tabls__btn_updated) {
    display: inline-flex;
    min-width: 100px;
    height: 38px;
    cursor: pointer;
    transition: .3s;
    text-align: center;
    white-space: nowrap;
    color: #0090ff;
    border: 2px solid #0090ff;
    align-items: center;
    justify-content: center;
    padding: 5px 10px
}

.lk-tabls__btn:not(.lk-tabls__btn_updated):hover {
    color: #fff;
    background-color: #0090ff
}

.lk-tabls__edit {
    font-size: 13px;
    display: flex;
    cursor: pointer;
    transition: color 350ms .2s;
    text-decoration: none;
    color: #0090ff;
    align-items: center;
    justify-content: center
}

.lk-tabls__edit + .lk-tabls__edit {
    margin-top: 8px
}

.lk-tabls__edit i, .lk-tabls__edit span {
    transition: inerhit
}

.lk-tabls__edit i {
    font-size: 15px;
    width: 15px;
    margin-right: 5px;
    color: currentColor
}

.lk-tabls__edit span {
    line-height: 1.1;
    min-width: 90px;
    text-align: left;
    color: currentColor
}

.lk-tabls__edit:hover {
    transition: color 350ms;
    color: #ffd91f
}

.lk-tabls__article, .lk-tabls__diplom {
    font-weight: 500;
    display: flex;
    max-width: 450px;
    text-decoration: none;
    color: #050505;
    align-items: center
}

.lk-tabls__thumb {
    display: flex;
    margin-right: 10px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center
}

.lk-tabls__thumb img {
    display: block;
    font-size: 12px;
    max-width: 100px;
}

.lk-tabls__name {
    margin-bottom: 6px
}

.lk-tabls_articles {
    min-width: 950px
}

.lk-tabls_articles td:first-child, .lk-tabls_articles th:first-child {
    width: 40%;
    padding-left: 15px
}

.lk-tabls_articles td {
    padding-top: 20px;
    padding-bottom: 20px
}

.lk-tabls_diplomas td:first-child, .lk-tabls_diplomas th:first-child {
    width: 43.7%;
    padding-left: 15px
}

.lk-tabls_diplomas td:last-child, .lk-tabls_diplomas th:last-child {
    width: 26%
}

.lk-tabls_diplomas td {
    padding-top: 13px;
    padding-bottom: 12px
}

.lk-tabls_diplomas .lk-tabls__name {
    font-size: 14px;
    margin-bottom: 5px
}

.lk-tabls_diplomas .lk-tabls__thumb {
    margin-right: 10px
}

.lk-tabls_cases td, .lk-tabls_cases th {
    min-width: 117px
}

.lk-tabls_cases td:first-child, .lk-tabls_cases th:first-child {
    width: 11.6%;
    padding-left: 15px
}

.lk-tabls_cases td:last-child, .lk-tabls_cases th:last-child {
    width: 19%
}

.lk-tabls_cases th {
    padding-top: 20px;
    padding-bottom: 20px
}

.lk-tabls_vacancy .lk-tabls__txt {
    font-size: 14px
}

.lk-tabls_vacancy {
    min-width: 950px
}

.lk-tabls_vacancy td:first-child, .lk-tabls_vacancy th:first-child {
    width: 43%;
    padding-left: 15px
}

.lk-tabls_vacancy td:last-child, .lk-tabls_vacancy th:last-child {
    width: 19%
}

.lk-tabls_vacancy th {
    padding-top: 20px;
    padding-bottom: 20px
}

.lk-tabls_vacancy td {
    padding-top: 15px
}

.lk-tabls_tendery {
    min-width: 950px
}

.lk-tabls_tendery th:first-child {
    text-indent: -15px
}

.lk-tabls_tendery td:first-child, .lk-tabls_tendery th:first-child {
    width: 7%;
    padding-left: 15px
}

.lk-tabls_tendery td:nth-child(2), .lk-tabls_tendery th:nth-child(2) {
    width: 21%
}

.lk-tabls_tendery td:last-child, .lk-tabls_tendery th:last-child {
    width: 15%
}

.advantage-list {
    display: flex;
    margin-top: 25px;
    margin-right: -10px;
    margin-left: -10px
}

.advantage-list__item {
    box-sizing: border-box;
    width: calc(20% - 20px);
    height: 80px;
    margin-right: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    padding-right: 14px;
    padding-left: 14px;
    text-decoration: none;
    word-wrap: break-word
}

.advantageItem i {
    transition: .3s
}

.advantageItem i:first-child {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.advantageItem:hover i:first-child {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    color: #0090ff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .25)
}

.advantageItem:hover i:last-child {
    -webkit-transform: translate(-50%, -50%) scale(.1);
    transform: translate(-50%, -50%) scale(.1);
    opacity: 0
}

.home-board {
    display: flex;
    align-items: flex-start;
    margin-right: -15px;
    margin-left: -15px;
    flex-wrap: wrap
}

.home-board__bl-last-news, .home-board__bl-new-article, .home-board__bl-new-cases, .home-board__bl-rating {
    box-sizing: border-box;
    margin-right: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
    word-wrap: break-word;
    box-shadow: 0 0 43px rgba(0, 0, 0, .06)
}

.home-board__bl-last-news, .home-board__bl-new-article, .home-board__bl-new-cases {
    padding: 15px
}

.home-board__bl-new-cases, .home-board__bl-rating {
    width: calc(40% - 20px)
}

.home-board__bl-last-news, .home-board__bl-new-article {
    width: calc(60% - 20px)
}

.tabs_profile {
    /* margin-top: 25px; */
    margin-top: 0;
    margin-bottom: 60px;
    background-color: #fff;
    /* box-shadow: 0 0 43px rgba(0, 0, 0, .06) */
}

.tabs_profile .tabs__navigationWrap {
    padding-top: 29px
}

.tabs_profile .tabs__navigation {
    position: -webkit-sticky;
    position: sticky;
    top: 5px
}

.tabs_profile .tabs__navigationBtn {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    padding-left: 20px;
    align-items: center
}

.tabs_profile .tabs__navigationBtn.tab-active {
    color: #0090ff;
    border-color: #0090ff
}

.tabs_profile .tabs__navigationBtn.tab-active::before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    background-color: #0090ff
}

.tabs_profile .tabs__tabContent {
    padding: 20px 15px
}

.formBlcok_lk {
    /* margin-right: -10px;
    margin-left: -10px */
}

.formBlcok_lk .formBlcok__wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    width: 100%
}

.formBlcok_lk .formBlcok__wrap:not(:last-child) {
    border-bottom: 1px solid #E5E5E5
}

.formBlcok_lk .formBlcok__wrap:not(:first-child) {
    margin-top: 20px
}

.formBlcok_lk .formBlcok__wrap .field {
    min-width: 173px;
    flex-grow: 1
}

.formBlcok_lk .formBlcok__wrap .field:last-child {
    min-width: 0;
    flex-grow: 0
}

.formBlcok_lk .formBlcok__field {
    min-width: 260px;
    margin-right: 10px;
    margin-left: 10px
}

.formBlcok_lk .formBlcok__field_col1 {
    width: calc(8.33333% - 20px)
}

.formBlcok_lk .formBlcok__field_col2 {
    width: calc(16.66667% - 20px)
}

.formBlcok_lk .formBlcok__field_col3 {
    width: calc(25% - 20px)
}

.formBlcok_lk .formBlcok__field_col4 {
    width: calc(33.33333% - 20px)
}

.formBlcok_lk .formBlcok__field_col5 {
    width: calc(41.66667% - 20px)
}

.formBlcok_lk .formBlcok__field_col6 {
    width: calc(50% - 20px)
}

.formBlcok_lk .formBlcok__field_col7 {
    width: calc(58.33333% - 20px)
}

.formBlcok_lk .formBlcok__field_col8 {
    width: calc(66.66667% - 20px)
}

.formBlcok_lk .formBlcok__field_col9 {
    width: calc(75% - 20px)
}

.formBlcok_lk .formBlcok__field_col10 {
    width: calc(83.33333% - 20px)
}

.formBlcok_lk .formBlcok__field_col11 {
    width: calc(91.66667% - 20px)
}

.formBlcok_lk .formBlcok__field_col12 {
    width: calc(100% - 20px)
}

.formBlcok_lk .formBlcok__fieldCustom {
    margin-right: 10px;
    margin-left: 10px
}

.formBlcok_vacancy .formBlcok__field {
    flex-grow: 1
}
.bank-header .formBlcok__field{
    flex-grow: unset
}

.field_lk {
    display: flex;
    flex-direction: column;
    min-width: 80px
}

.field_lk input, .field_lk textarea {
    padding-right: 17px;
    padding-left: 17px;
    color: #050505
}

.field_lk input::-webkit-input-placeholder, .field_lk textarea::-webkit-input-placeholder {
    color: #868688
}

.field_lk input::-moz-placeholder, .field_lk textarea::-moz-placeholder {
    color: #868688
}

.field_lk input:-ms-input-placeholder, .field_lk textarea:-ms-input-placeholder {
    color: #868688
}

.field_lk input::-ms-input-placeholder, .field_lk textarea::-ms-input-placeholder {
    color: #868688
}

.field_lk input::placeholder, .field_lk textarea::placeholder {
    color: #868688
}

.field_lk .jq-selectbox__select, .select2-container--default .select2-selection--multiple{
    padding-right: 17px;
    padding-left: 17px
}

.field_lk .jq-selectbox__select-text {
    color: #868688
}

.field_lk .jq-selectbox__dropdown {
    padding-right: 17px;
    padding-left: 17px;
    border: none;
    background-color: #fff;
    box-shadow: 0 4px 17px 0 rgba(0, 0, 0, .05)
}

.field_lk .jq-selectbox.opened .jq-selectbox__select {
    border-bottom-color: #f7f7f7
}

.field_lk .field__name {
    font-weight: normal;
    font-size: 16px;
    line-height: 100%;
    color: #7D8487;
    display: flex;
    align-items: flex-start;
}
.field_lk .field__name svg{
    margin-right: 8px;
}

.field_lk .field__inp_textarea {
    flex-grow: 1
}
.field_lk .field__inp_textarea iframe {
    min-height: 300px !important;
}
.field_img {
    min-width: 228px !important;
    max-width: 380px
}

.field_img .field__thumb {
    height: 143px;
    padding: 8px;
    flex-grow: 1
}

.field_img .field__thumb img {
    height: 100%;
    object-fit: contain
}

.field_fieldset {
    overflow-x: auto;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    padding: 0 15px
}

.field_fieldset .field__name {
    margin-left: 2px;
    padding-right: 12px;
    padding-left: 12px
}

.field_fieldset .field__body {
    display: flex;
    min-height: 48px;
    padding-top: 5px;
    flex-wrap: wrap;
    align-items: flex-start
}

.field_fieldset .field__body_column {
    flex-direction: column
}

.field_fieldset .field__checkbox {
    font-size: 13px;
    margin-bottom: 7px
}

.field_fieldset .field__checkbox:not(:last-child) {
    margin-right: 25px
}

.field_fieldset .field__radiobox {
    margin-bottom: 10px
}

.field_fieldset .field__radiobox:not(:last-child) {
    margin-right: 25px
}

.field_fieldset_column {
    margin-top: 12px;
    margin-bottom: 22px;
    padding-bottom: 15px;
    padding-left: 20px
}

.field_fieldset_column .field__name {
    margin-bottom: 15px;
    margin-left: -8px
}

.field_fieldset_column .field__body {
    display: block;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4
}

.field_fieldset_column .field__checkbox {
    margin-bottom: 7px
}

.field_btns_right {
    display: flex;
    /* margin-top: 20px; */
    margin-bottom: 0
}

.field__link {
    font-size: 12px;
    font-weight: 700;
    position: relative;
    margin-right: 20px;
    transition: color 350ms .2s;
    text-decoration: none;
    text-transform: uppercase;
    color: #0090ff;
    align-self: center
}

.field__link::after, .field__link::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: transparent
}

.field__link::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.field__link:hover {
    transition: color 350ms;
    color: #ffd91f
}

.field__link:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}

.field__link:active {
    color: #0090ff
}

.field__link:active::after {
    background-color: #0090ff
}

.field__enter {
    max-width: 183px
}

.field input[type=submit] {
    font-size: 14px
}
.checkbox_lk .checkbox__box {
    width: 1.086em;
    height: 1.086em;
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    top: 0;
    border: 1px solid #f3f3f3;
    border-radius: 0px;
    /*background-image: linear-gradient(2deg, #fff 0, #f7f7f7 100%)*/
}

.checkbox_lk .checkbox__box::after {
    color: #0090ff;
    /*background-image: linear-gradient(2deg, #fff 0, #0090ff 100%)*/
}

.checkbox_lk .checkbox__txt, .checkbox_lk .checkbox__txtLine {
    margin-left: .9em;
    margin-left: 0;
}

.lk-services {
    margin-top: 25px;
    background-color: #fff;
    /* box-shadow: 0 0 43px rgba(0, 0, 0, .06); */
    /* padding: 18px 15px */
}

.tenderOrder_lk {
    display: flex;
    margin-top: 25px;
    margin-right: -10px;
    margin-left: -10px;
    flex-wrap: wrap;
    justify-content: space-between
}

.tenderOrder_lk .tenderOrder__tr {
    min-width: 0
}

.tenderOrder_lk .tenderOrder__td:last-child {
    flex-basis: 160px;
    flex-shrink: 0;
    flex-grow: 1
}

.tenderOrder_lk .tenderOrder__aside, .tenderOrder_lk .tenderOrder__main {
    box-sizing: border-box;
    margin-right: 10px;
    margin-left: 10px;
    word-wrap: break-word
}

.tenderOrder_lk .tenderOrder__main {
    width: 440px
}

.tenderOrder_lk .tenderOrder__aside {
    top: 5px;
    width: 300px
}

.tenderOrder_lk .tenderOrder__formBox {
    background-color: #fff;
    box-shadow: 0 0 43px rgba(0, 0, 0, .06)
}

.tenderOrder_lk .tenderOrder__formBox .field input:not(.field__enter), .tenderOrder_lk .tenderOrder__formBox .field textarea:not(.field__enter) {
    border: 1px solid #f3f3f3;
    background-color: #f7f7f7
}

.tenderOrder_connection {
    display: flex;
    margin-top: 25px;
    margin-right: -10px;
    margin-left: -10px;
    flex-wrap: wrap;
    justify-content: space-between
}

.tenderOrder_connection .tenderOrder__all-tender, .tenderOrder_connection .tenderOrder__heading {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-left: 10px
}

.tenderOrder_connection .tenderOrder__main {
    width: 440px
}

.tenderOrder_connection .tenderOrder__aside {
    top: 5px;
    width: 310px
}

.tenderOrder_connection .tenderOrder__aside, .tenderOrder_connection .tenderOrder__main {
    box-sizing: border-box;
    margin-right: 10px;
    margin-left: 10px;
    word-wrap: break-word
}

.tenderOrder_connection .tenderOrder__formBox {
    background-color: #fff;
    box-shadow: 0 0 43px rgba(0, 0, 0, .06)
}

.tenderOrder_connection .tenderOrder__formBox .field input:not(.field__enter), .tenderOrder_connection .tenderOrder__formBox .field textarea:not(.field__enter) {
    border: 1px solid #f3f3f3;
    background-color: #f7f7f7
}

.communication {
    background-color: #fff;
    /* box-shadow: 0 0 43px rgba(0, 0, 0, .06) */
}

.lk-reviews {
    display: flex;
    margin-top: 25px;
    margin-right: -10px;
    margin-left: -10px
}

.lk-reviews__main {
    /* box-shadow: 0 0 43px rgba(0, 0, 0, .06); */
    flex-grow: 1
}

.lk-reviews__aside, .lk-reviews__main, .lk-reviews__pagination {
    box-sizing: border-box;
    margin-right: 10px;
    margin-left: 10px;
    word-wrap: break-word
}

.lk-reviews__aside {
    position: relative;
    width: 180px;
    margin-bottom: 20px
}

.lk-reviews__content {
    padding: 15px 10px
}

.studioReviewsCard_lk {
    padding-right: 14px;
    padding-bottom: 25px;
    padding-left: 14px
}

.studioReviewsCard_lk .studioReviewsCard__brief {
    margin-bottom: 6px
}

.studioReviewsCard_lk .studioReviewsCard__name {
    font-size: 13px;
    margin-right: auto
}

.studioReviewsCard_lk .studioReviewsCard__email {
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    margin-top: 8px;
    color: #868688
}

.studioReviewsCard_lk .studioReviewsCard__service {
    margin-top: 19px;
    color: #ffd91f
}

.studioReviewsCard_lk .studioReviewsCard__txt {
    line-height: 1.6
}

.studioReviewsCard_chat {
    padding-top: 30px;
    padding-right: 15px;
    padding-bottom: 30px
}

.studioReviewsCard_chat .studioReviewsCard__thumb {
    width: 160px;
    margin-right: 10px;
    margin-bottom: 0;
    margin-left: 10px;
    text-decoration: none
}

.studioReviewsCard_chat .studioReviewsCard__thumb img {
    margin-bottom: 5px
}

.studioReviewsCard_chat .studioReviewsCard__company {
    position: relative;
    margin-top: auto;
    margin-right: 0;
}

.studioReviewsCard_chat .studioReviewsCard__company::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background: #0090ff
}

.studioReviewsCard_chat .studioReviewsCard__brief {
    margin-bottom: 20px;
    padding-right: 0;
    justify-content: space-between;
    align-items: baseline
}

.studioReviewsCard_chat .studioReviewsCard__name {
    margin-right: 0;
    text-transform: none
}

.studioReviewsCard_chat .studioReviewsCard__date {
    font-size: 12px
}

.studioReviewsCard_chat .studioReviewsCard__tender {
    font-size: 12px;
    line-height: 1;
    width: 100%;
    margin-top: 8px;
    color: #868688
}

.studioReviewsCard_chat .studioReviewsCard__txt {
    font-size: 14px;
    margin-bottom: 0
}

.studioReviewsCard_chat-right {
    padding-left: 15px
}

.studioReviewsCard_chat-right .studioReviewsCard__thumb {
    margin-right: 10px;
    margin-left: 10px;
    order: 2
}

.studioReviewsCard_chat-right .studioReviewsCard__date {
    order: -1
}

.lk-reviews-statistics {
    position: -webkit-sticky;
    position: sticky;
    top: 5px;
    /* background-color: #fff;
    box-shadow: 0 0 43px rgba(0, 0, 0, .06) */
}

.lk-reviews-statistics__col {
    display: flex;
    flex-direction: column;
    min-height: 90px;
    padding: 5px 10px;
    text-align: center;
    align-items: center;
    justify-content: center
}

.lk-reviews-statistics__col:first-child .lk-reviews-statistics__heading {
    /* font-size: 12px;
    text-transform: uppercase */
}

.lk-reviews-statistics__heading {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px
}

.lk-reviews-statistics__quantity {
    font-size: 26px;
    font-weight: 500;
    color: #ffd91f
}

.tablWrap {
    margin-top: 25px
}

.contentWrap {
    margin-top: 25px;
    background-color: #fff;
    /* box-shadow: 0 0 43px rgba(0, 0, 0, .06);
    padding: 15px 15px 20px */
}

@media (min-width: 20.0625rem) {
    img {
        font-size: calc(1.125rem + .4375 * (100vw - 20.0625rem) / 60.3125)
    }

    img::after {
        font-size: calc(.75rem + .125 * (100vw - 20.0625rem) / 60.3125)
    }

    h1 {
        font-size: calc(1.25rem + .375 * (100vw - 20.0625rem) / 60.3125);
        margin-top: calc(.75rem + .4375 * (100vw - 20.0625rem) / 60.3125)
    }
    .bank-header>*:not(h1){
        margin-top: calc(.75rem + .4375 * (100vw - 20.0625rem) / 60.3125)
    }

    h2 {
        font-size: calc(1.125rem + .25 * (100vw - 20.0625rem) / 60.3125);
        margin-top: calc(.875rem + .25 * (100vw - 20.0625rem) / 60.3125)
    }

    h3, h4 {
        font-size: calc(1rem + .125 * (100vw - 20.0625rem) / 60.3125);
        margin-top: calc(1rem + .125 * (100vw - 20.0625rem) / 60.3125)
    }

    h5 {
        font-size: calc(.9375rem + .0625 * (100vw - 20.0625rem) / 60.3125);
        margin-top: calc(.9375rem + .0625 * (100vw - 20.0625rem) / 60.3125)
    }

    h6 {
        font-size: calc(.875rem + 0 * (100vw - 20.0625rem) / 60.3125)
    }

    p {
        font-size: calc(.75rem + .25 * (100vw - 20.0625rem) / 60.3125);
        margin-bottom: calc(.5rem + .5 * (100vw - 20.0625rem) / 60.3125)
    }

    ol, ul {
        margin-bottom: calc(.625rem + .625 * (100vw - 20.0625rem) / 60.3125)
    }

    ol li, ul li {
        font-size: calc(.75rem + .25 * (100vw - 20.0625rem) / 60.3125);
        padding-left: calc(1.25rem + 0 * (100vw - 20.0625rem) / 60.3125)
    }

    ol ol, ol ul, ul ol, ul ul {
        padding-left: calc(1.25rem + 0 * (100vw - 20.0625rem) / 60.3125);
        margin-bottom: calc(.3125rem + .3125 * (100vw - 20.0625rem) / 60.3125)
    }

    ol > li::before, ul > li::before {
        width: calc(1.25rem + 0 * (100vw - 20.0625rem) / 60.3125);
        margin-left: calc(-1.25rem + 0 * (100vw - 20.0625rem) / 60.3125)
    }
    .methodology-attention ul > li::before {
        margin-left: calc(-1rem + 0 * (100vw - 20.0625rem) / 60.3125)
    }

    .editor_table table {
        margin-top: calc(.75rem + .5 * (100vw - 20.0625rem) / 60.3125);
        margin-bottom: calc(.75rem + .5 * (100vw - 20.0625rem) / 60.3125)
    }

    .editor_table table td {
        font-size: calc(.75rem + .125 * (100vw - 20.0625rem) / 60.3125);
        padding-top: calc(.5rem + .4375 * (100vw - 20.0625rem) / 60.3125);
        padding-right: calc(.5rem + .4375 * (100vw - 20.0625rem) / 60.3125);
        padding-bottom: calc(.5rem + .4375 * (100vw - 20.0625rem) / 60.3125);
        padding-left: calc(.5rem + .4375 * (100vw - 20.0625rem) / 60.3125)
    }

    .callPopUp__heading, .callPopUp__txt {
        font-size: calc(.75rem + .25 * (100vw - 20.0625rem) / 60.3125)
    }

    .aside-right__search, .box:empty {
        margin-top: calc(.75rem + .4375 * (100vw - 20.0625rem) / 60.3125)
    }

    .tenderOrder__txtContent p {
        margin-bottom: calc(.5rem + 1 * (100vw - 20.0625rem) / 60.3125)
    }

    .lk-main__content h1 {
        font-size: calc(1.25rem + .25 * (100vw - 20.0625rem) / 60.3125)
    }

    .heading-wrap__btns {
        margin-top: calc(.75rem + .85 * (100vw - 20.0625rem) / 60.3125)
    }
}

@media (min-width: 80.375rem) {
    img {
        font-size: 1.5625rem
    }

    h6, img::after {
        font-size: .875rem
    }

    h1 {
        font-size: 1.625rem;
        margin-top: 8px
    }
    .bank-header>*:not(h1){
        margin-top: 8px
    }

    h2 {
        font-size: 1.375rem;
        margin-top: 1.125rem
    }

    h3, h4 {
        font-size: 1.125rem;
        margin-top: 1.125rem
    }

    h5 {
        font-size: 1rem;
        margin-top: 1rem
    }

    p {
        font-size: 1rem;
        margin-bottom: 1rem
    }

    ol, ul {
        margin-bottom: 1.25rem
    }

    ol li, ul li {
        font-size: 1rem;
        padding-left: 1.25rem
    }

    ol ol, ol ul, ul ol, ul ul {
        padding-left: 1.25rem;
        margin-bottom: .625rem
    }

    ol > li::before, ul > li::before {
        width: 1.25rem;
        margin-left: -1.25rem
    }

    .editor_table table {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .editor_table table td {
        font-size: .875rem;
        padding: .9375rem
    }

    .callPopUp__heading, .callPopUp__txt {
        font-size: 1rem
    }

    .aside-right__search, .box:empty {
        margin-top: 1.1875rem
    }

    .tenderOrder__txtContent p {
        margin-bottom: 1.5rem
    }

    .lk-main__content h1 {
        font-size: 1.5rem
    }

    .heading-wrap__btns {
        margin-top: 1.6rem
    }
}

@media screen and (min-width: 320px) {
    .mainMenu__row.menuFixed {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width: 321px) {
    ::-webkit-input-placeholder {
        font-size: calc(14px + 2 * (100vw - 321px) / 965)
    }

    ::-moz-placeholder {
        font-size: calc(14px + 2 * (100vw - 321px) / 965)
    }

    :-ms-input-placeholder {
        font-size: calc(14px + 2 * (100vw - 321px) / 965)
    }

    ::-ms-input-placeholder {
        font-size: calc(14px + 2 * (100vw - 321px) / 965)
    }

    ::placeholder {
        font-size: calc(14px + 2 * (100vw - 321px) / 965)
    }

    .main__page-wrap {
        /* padding-bottom: calc(30px + 39 * (100vw - 321px) / 965) */
        padding-bottom: 20px;
    }

    .heading {
        font-size: calc(20px + 12 * (100vw - 321px) / 965)
    }

    .editor__readMore {
        margin-top: calc(5px + 15 * (100vw - 321px) / 965);
        margin-bottom: calc(15px + 5 * (100vw - 321px) / 965)
    }

    .links {
        font-size: calc(14px + 4 * (100vw - 321px) / 965)
    }

    .links_black {
        font-size: calc(12px + 4 * (100vw - 321px) / 965)
    }

    .links_white {
        font-size: calc(14px + 0 * (100vw - 321px) / 965)
    }

    .links_readMore {
        font-size: calc(12px + 0 * (100vw - 321px) / 965)
    }

    .btn_size_l, .btn_size_xl {
        height: calc(40px + 15 * (100vw - 321px) / 965)
    }

    .phoneBtn {
        font-size: calc(16px + 4 * (100vw - 321px) / 965)
    }

    .toTopBtn {
        font-size: calc(25px + 5 * (100vw - 321px) / 965)
    }

    .toTopBtn.toTopBtn_down.toTopBtn_visible i, .toTopBtn.toTopBtn_down.toTopBtn_visible svg {
        padding-bottom: calc(1px + 4 * (100vw - 321px) / 965)
    }

    .breadcrumb__link {
        font-size: calc(12px + 2 * (100vw - 321px) / 965)
    }

    .field {
        margin-bottom: calc(22px + -5 * (100vw - 321px) / 965)
    }

    .field__remove {
        height: calc(40px + 8 * (100vw - 321px) / 965)
    }

    .field__name {
        margin-bottom: calc(6px + 6 * (100vw - 321px) / 965)
    }

    .field__name ~ .field__name, .field__name ~ .field_fieldset {
        margin-top: calc(22px + -5 * (100vw - 321px) / 965)
    }

    .field__inp:not(.field__inp_textarea) {
        height: calc(40px + 8 * (100vw - 321px) / 965)
    }

    .field textarea {
        padding-top: calc(10px + 20 * (100vw - 321px) / 965);
        padding-bottom: calc(10px + 20 * (100vw - 321px) / 965)
    }

    .field .jq-selectbox__select, .field input, .field textarea, .select2-container--default .select2-selection--multiple {
        padding-right: calc(12px + 18 * (100vw - 321px) / 965);
        padding-left: calc(12px + 18 * (100vw - 321px) / 965);
        font-size: calc(14px + 2 * (100vw - 321px) / 965)
    }
    .field .jq-selectbox__select::placeholder, .field input::placeholder, .field textarea::placeholder{
        color: #868688;
    }

    .field .jq-selectbox__select {
        height: calc(40px + 8 * (100vw - 321px) / 965)
    }

    .field .jq-selectbox__dropdown {
        padding-right: calc(12px + 18 * (100vw - 321px) / 965);
        padding-left: calc(12px + 18 * (100vw - 321px) / 965)
    }

    .field .jq-selectbox ul li, .field__forgotten {
        font-size: calc(14px + 2 * (100vw - 321px) / 965)
    }

    .formBlcok__field_textarea {
        margin-top: calc(0px + 22 * (100vw - 321px) / 965)
    }

    .formBlcok__btns-wrap {
        margin-top: calc(0px + 7 * (100vw - 321px) / 965)
    }

    .formBlcok__btns-wrap a {
        font-size: calc(14px + 2 * (100vw - 321px) / 965)
    }

    .formBlcok__btns-wrap input[type=submit].btn {
        padding-right: calc(25px + 35 * (100vw - 321px) / 965);
        padding-left: calc(25px + 35 * (100vw - 321px) / 965)
    }

    .success-window {
        font-size: calc(12px + 2 * (100vw - 321px) / 965)
    }

    .radiobox {
        font-size: calc(14px + 2 * (100vw - 321px) / 965)
    }

    .radiobox_porfolio:first-child {
        margin-top: calc(15px + 9 * (100vw - 321px) / 965)
    }

    .radiobox_porfolio:not(:last-child) {
        margin-bottom: calc(7px + 8 * (100vw - 321px) / 965)
    }

    .drop-bl a {
        font-size: calc(12px + 4 * (100vw - 321px) / 965);
        line-height: calc(26px + 9 * (100vw - 321px) / 965)
    }

    .firstScreen__wrapper {
        padding-top: calc(40px + 80 * (100vw - 321px) / 965);
        /* padding-bottom: calc(40px + 80 * (100vw - 321px) / 965) */
    }

    .firstScreen__content h1 {
        font-size: calc(21px + 21 * (100vw - 321px) / 965)
    }

    .firstScreen h1.firstScreen__heading, .firstScreen__heading {
        font-size: calc(20px + 6 * (100vw - 321px) / 965)
    }

    .firstScreen__title {
        font-size: calc(14px + 2 * (100vw - 321px) / 965)
    }

    .firstScreen__btns-wrap {
        margin-top: calc(10px + 34 * (100vw - 321px) / 965)
    }

    .slideWrap__heading {
        font-size: calc(20px + -4 * (100vw - 321px) / 965)
    }

    .subBx__btn, .subBx__inp {
        /* height: calc(40px + 24 * (100vw - 321px) / 965) */
    }

    .gridBx.owl-carousel {
        margin-bottom: calc(35px + 26 * (100vw - 321px) / 545)
    }

    .progressCard {
        padding-right: calc(14px + 20 * (100vw - 321px) / 965);
        padding-left: calc(14px + 20 * (100vw - 321px) / 965);
        padding-top: calc(20px + 30 * (100vw - 321px) / 965);
        padding-bottom: calc(20px + 30 * (100vw - 321px) / 965)
    }

    .progressCard__thumb {
        margin-bottom: calc(10px + 10 * (100vw - 321px) / 965)
    }

    .progressCard__thumb i:first-child {
        font-size: calc(78px + 32 * (100vw - 321px) / 965)
    }

    .progressCard__thumb i:last-child {
        font-size: calc(50px + 20 * (100vw - 321px) / 965)
    }

    .progressCard__quantity {
        font-size: calc(20px + 12 * (100vw - 321px) / 965)
    }

    .progressCard__heading {
        font-size: calc(12px + 4 * (100vw - 321px) / 965);
        margin-bottom: calc(10px + 14 * (100vw - 321px) / 965)
    }

    .progressCard__txt {
        font-size: calc(12px + 4 * (100vw - 321px) / 965);
        padding-bottom: calc(10px + 12 * (100vw - 321px) / 965)
    }

    .progressCard_tender {
        padding-bottom: calc(25px + 3 * (100vw - 321px) / 965)
    }

    .progressCard_tender .progressCard__thumb {
        margin-top: calc(0px + 20 * (100vw - 321px) / 965);
        margin-bottom: calc(20px + 20 * (100vw - 321px) / 965)
    }

    .progressCard_tender .progressCard__txt {
        padding-bottom: calc(20px + 23 * (100vw - 321px) / 965)
    }

    .advantages__item {
        height: calc(120px + 68 * (100vw - 321px) / 965)
    }

    .advantageCard__txt {
        font-size: calc(14px + 2 * (100vw - 321px) / 965)
    }

    .regBxHome__body {
        padding-right: calc(10px + 10 * (100vw - 321px) / 965);
        padding-left: calc(10px + 10 * (100vw - 321px) / 965);
        padding-top: calc(12px + 28 * (100vw - 321px) / 965);
        padding-bottom: calc(12px + 28 * (100vw - 321px) / 965)
    }

    .regBxHome__text {
        font-size: calc(12px + 4 * (100vw - 321px) / 965);
        margin-top: calc(15px + 20 * (100vw - 321px) / 965);
        margin-bottom: calc(15px + 20 * (100vw - 321px) / 965)
    }

    .rowInf__key {
        font-size: calc(12px + 2 * (100vw - 321px) / 965);
        margin-right: calc(15px + 22 * (100vw - 321px) / 965)
    }

    .rowInf__value {
        font-size: calc(12px + 4 * (100vw - 321px) / 965)
    }

    .rating__star {
        font-size: calc(14px + 4 * (100vw - 321px) / 965)
    }

    .studioCard {
        height: calc(300px + 90 * (100vw - 321px) / 965)
    }

    .studioCard__name {
        font-size: calc(12px + 4 * (100vw - 321px) / 965)
    }

    .cardItem__body {
        padding-right: calc(14px + 11 * (100vw - 321px) / 965);
        padding-left: calc(14px + 11 * (100vw - 321px) / 965);
        padding-top: calc(15px + 15 * (100vw - 321px) / 965);
        padding-bottom: calc(15px + 15 * (100vw - 321px) / 965)
    }

    .cardItem__date_top {
        margin-bottom: calc(7px + 10 * (100vw - 321px) / 965)
    }

    .cardItem__date_bot {
        font-size: calc(12px + 2 * (100vw - 321px) / 965)
    }

    .cardItem__heading, .cardItem__title {
        font-size: calc(12px + 4 * (100vw - 321px) / 965)
    }

    .cardItem__title {
        margin-bottom: calc(12px + 10 * (100vw - 321px) / 965);
        margin-top: calc(5px + 12 * (100vw - 321px) / 965)
    }

    .cardItem__information {
        margin-top: calc(10px + 15 * (100vw - 321px) / 965);
        margin-bottom: calc(10px + 10 * (100vw - 321px) / 965)
    }

    .cardItem__txt {
        font-size: calc(12px + 4 * (100vw - 321px) / 965);
        margin-bottom: calc(10px + 10 * (100vw - 321px) / 965)
    }

    .cardItem_ukStudio .cardItem__body {
        padding-left: calc(14px + 21 * (100vw - 321px) / 965);
        padding-top: calc(14px + 23 * (100vw - 321px) / 965);
        padding-bottom: calc(15px + 23 * (100vw - 321px) / 965)
    }

    .cardItem_poster .cardItem__date {
        font-size: calc(12px + 2 * (100vw - 321px) / 965)
    }

    .cardItem_poster .cardItem__heading {
        /* margin-top: calc(10px + 20 * (100vw - 321px) / 965) */
    }

    .cardItem_poster .cardItem__information {
        /* margin-top: calc(10px + 2 * (100vw - 321px) / 965); */
        /* margin-bottom: calc(10px + 8 * (100vw - 321px) / 965) */
    }

    .cardItem_poster .cardItem__rowInf .rowInf__key {
        font-size: calc(12px + 0 * (100vw - 321px) / 965);
        margin-right: calc(15px + 5 * (100vw - 321px) / 965)
    }

    .cardItem_poster .cardItem__rowInf .rowInf__value {
        font-size: calc(12px + 2 * (100vw - 321px) / 965)
    }

    .casesCard__body {
        padding-top: calc(15px + 29 * (100vw - 321px) / 965);
        padding-bottom: calc(15px + 15 * (100vw - 321px) / 965);
        padding-right: calc(14px + 14 * (100vw - 321px) / 965)
    }

    .casesCard__heading {
        font-size: calc(12px + 4 * (100vw - 321px) / 965)
    }

    .casesCard__row {
        margin-top: calc(0px + 24 * (100vw - 321px) / 965)
    }

    .casesCard__rowInf {
        margin-bottom: calc(10px + 20 * (100vw - 321px) / 965)
    }

    .casesCard__txt {
        font-size: calc(12px + 4 * (100vw - 321px) / 965)
    }

    .reviewsCard {
        padding-top: calc(20px + 25 * (100vw - 321px) / 965);
        padding-bottom: calc(20px + 25 * (100vw - 321px) / 965);
        padding-right: calc(14px + 21 * (100vw - 321px) / 965);
        padding-left: calc(14px + 21 * (100vw - 321px) / 965)
    }

    .reviewsCard__name {
        font-size: calc(12px + 4 * (100vw - 321px) / 965)
    }

    .reviewsCard__links {
        margin-bottom: calc(10px + 13 * (100vw - 321px) / 965)
    }

    .reviewsCard__txt {
        font-size: calc(12px + 4 * (100vw - 321px) / 965);
        margin-bottom: calc(15px + 25 * (100vw - 321px) / 965)
    }

    .reviewsCard__date {
        font-size: calc(12px + 4 * (100vw - 321px) / 965)
    }

    .compTypeCard {
        height: calc(150px + 35 * (100vw - 321px) / 965)
    }

    .compTypeCard__thumb {
        padding-bottom: calc(14px + -14 * (100vw - 321px) / 965)
    }

    .compTypeCard__thumb::after {
        width: calc(60px + 20 * (100vw - 321px) / 965);
        bottom: calc(16px + 4 * (100vw - 321px) / 965)
    }

    .compTypeCard__name {
        flex-basis: calc(45px + 15 * (100vw - 321px) / 965)
    }

    .tendersHead__item {
        font-size: calc(11px + 3 * (100vw - 321px) / 965)
    }

    .tendersCard__item_service {
        font-size: calc(12px + 4 * (100vw - 321px) / 965)
    }

    .tendersCard__item_amount, .tendersCard__item_detail, .tendersCard__item_end, .tendersCard__item_num, .tendersCard__item_sity, .tendersCard__item_start, .tendersCard__item_status {
        font-size: calc(11px + 3 * (100vw - 321px) / 965)
    }

    .paginationBig_mtb {
        margin-top: calc(20px + 32 * (100vw - 321px) / 965);
        margin-bottom: calc(20px + 32 * (100vw - 321px) / 965)
    }

    .studioReviewsCard {
        /* padding-top: calc(30px + 15 * (100vw - 321px) / 965);
        padding-bottom: calc(30px + 15 * (100vw - 321px) / 965) */
    }

    .studioReviewsCard__thumb {
        margin-right: calc(10px + 53 * (100vw - 321px) / 965)
    }

    .studioReviewsCard__rating i {
        font-size: calc(20px + 6 * (100vw - 321px) / 965)
    }

    .studioReviewsCard__brief {
        margin-bottom: calc(5px + 24 * (100vw - 321px) / 965)
    }

    .studioReviewsCard__name {
        margin-bottom: calc(7px + -5 * (100vw - 321px) / 965);
        font-size: calc(13px + 5 * (100vw - 321px) / 965)
    }

    .studioReviewsCard__about {
        font-size: calc(12px + 4 * (100vw - 321px) / 965)
    }

    .studioReviewsCard__company {
        font-size: calc(12px + 2 * (100vw - 321px) / 965)
    }

    .studioReviewsCard__date {
        font-size: calc(12px + 4 * (100vw - 321px) / 965)
    }

    .studioReviewsCard__service {
        font-size: calc(12px + 2 * (100vw - 321px) / 965)
    }

    .studioReviewsCard__txt {
        font-size: calc(12px + 4 * (100vw - 321px) / 965);
        margin-bottom: calc(8px + 19 * (100vw - 321px) / 965)
    }

    .studioReviewsCard__site {
        font-size: calc(12px + 4 * (100vw - 321px) / 965)
    }

    .caseCard {
        /* padding-right: calc(14px + 26 * (100vw - 321px) / 965);
        padding-left: calc(14px + 26 * (100vw - 321px) / 965); */
        padding-right: calc(15px + 10 * (100vw - 321px) / 965);
        padding-left: calc(15px + 10 * (100vw - 321px) / 965);
        padding-top: calc(15px + 10 * (100vw - 321px) / 965);
        padding-bottom: calc(15px + 10 * (100vw - 321px) / 965)
    }

    .caseCard__company, .caseCard__service {
        font-size: calc(12px + 2 * (100vw - 321px) / 965)
    }

    .caseCard__company {
        margin-top: calc(10px + 10 * (100vw - 321px) / 965)
    }

    .caseCard__heading {
        margin-top: calc(10px + 12 * (100vw - 321px) / 965);
        font-size: calc(13px + 5 * (100vw - 321px) / 965)
    }

    .caseCard__site {
        font-size: calc(13px + 1 * (100vw - 321px) / 965)
    }

    .caseCard__txt {
        font-size: calc(12px + 4 * (100vw - 321px) / 965)
    }

    .sortArticles {
        /* padding-left: 15px;
        padding-right: 15px; */
        margin-top: calc(10px + 25 * (100vw - 321px) / 965)
    }

    .sortArticles__head {
        margin-right: calc(10px + 20 * (100vw - 321px) / 965)
    }

    .articlesCard {
        /* padding-top: calc(10px + 23 * (100vw - 321px) / 965);
        padding-left: calc(10px + 23 * (100vw - 321px) / 965);
        padding-bottom: calc(10px + 17 * (100vw - 321px) / 965);
        padding-right: calc(10px + 28 * (100vw - 321px) / 965) */
    }

    .articlesCard__thumb {
        margin-right: calc(15px + 15 * (100vw - 321px) / 965)
    }

    .articlesCard__heading, .articlesCard__txt {
        /* font-size: calc(12px + 2 * (100vw - 321px) / 965) */
    }

    .articlesCard_main {
        padding-right: calc(10px + 57 * (100vw - 321px) / 965)
    }

    .articlesCard_main .articlesCard__heading {
        font-size: calc(12px + 6 * (100vw - 321px) / 965)
    }

    .articlesCard_main .articlesCard__txt {
        font-size: calc(12px + 4 * (100vw - 321px) / 965)
    }

    .posters__cardItem {
        /* padding-right: calc(14px + 19 * (100vw - 321px) / 965);
        padding-left: calc(14px + 19 * (100vw - 321px) / 965);
        padding-top: calc(10px + 25 * (100vw - 321px) / 965);
        padding-bottom: calc(5px + 12 * (100vw - 321px) / 965) */
    }

    .datapicers__inp {
        min-width: calc(125px + 18 * (100vw - 321px) / 965)
    }

    .datapicers__inp input {
        padding-left: calc(7px + 8 * (100vw - 321px) / 965);
        padding-right: calc(30px + 10 * (100vw - 321px) / 965);
        font-size: calc(12px + 2 * (100vw - 321px) / 965)
    }

    .datapicers__inp input::-webkit-input-placeholder {
        font-size: calc(12px + 2 * (100vw - 321px) / 965)
    }

    .datapicers__inp input::-moz-placeholder {
        font-size: calc(12px + 2 * (100vw - 321px) / 965)
    }

    .datapicers__inp input:-ms-input-placeholder {
        font-size: calc(12px + 2 * (100vw - 321px) / 965)
    }

    .datapicers__inp input::-ms-input-placeholder {
        font-size: calc(12px + 2 * (100vw - 321px) / 965)
    }

    .datapicers__inp input::placeholder {
        font-size: calc(12px + 2 * (100vw - 321px) / 965)
    }

    .datapicers__icon {
        right: calc(10px + 9 * (100vw - 321px) / 965);
        font-size: calc(12px + 2 * (100vw - 321px) / 965)
    }

    .callPopUp__btns-wrap {
        margin-bottom: calc(20px + 21 * (100vw - 321px) / 965)
    }

    .rating-content li ul .position, .rating-header .position {
        flex-basis: calc(78px + 22 * (100vw - 321px) / 965)
    }

    .rating-content .company .image.com-logo {
        margin-right: calc(15px + 20 * (100vw - 321px) / 965)
    }

    .empty-content {
        font-size: calc(14px + 2 * (100vw - 321px) / 965)
    }

    .owl-carousel .owl-stage-outer {
        padding-right: calc(15px + 15 * (100vw - 321px) / 965);
        padding-left: calc(15px + 15 * (100vw - 321px) / 965);
        margin-right: calc(-15px + -15 * (100vw - 321px) / 965);
        margin-left: calc(-15px + -15 * (100vw - 321px) / 965)
    }

    .tabs__heading {
        font-size: calc(12px + 4 * (100vw - 321px) / 965)
    }

    .tabs_dropNavigation .tabs__navigationBtn {
        font-size: calc(14px + 2 * (100vw - 321px) / 965)
    }

    .faqCard__question {
        padding-top: calc(10px + 17 * (100vw - 321px) / 965);
        padding-bottom: calc(10px + 17 * (100vw - 321px) / 965);
        font-size: calc(11px + 3 * (100vw - 321px) / 965)
    }

    .faqCard__question .ic-arrow, .faqCard__question i {
        font-size: calc(12px + 7 * (100vw - 321px) / 965)
    }

    .faqCard__answer, .faqCard__question {
        /* padding-left: calc(10px + 57 * (100vw - 321px) / 965);
        padding-right: calc(23px + 44 * (100vw - 321px) / 965) */
    }

    .faqCard_tender .faqCard__question {
        padding-top: calc(20px + 5 * (100vw - 321px) / 965);
        padding-bottom: calc(20px + 5 * (100vw - 321px) / 965);
        font-size: calc(12px + 2 * (100vw - 321px) / 965);
        padding-left: calc(15px + 18 * (100vw - 321px) / 965);
        padding-right: calc(23px + 20 * (100vw - 321px) / 965)
    }

    .faqCard_tender .faqCard__answer {
        margin-bottom: calc(10px + 48 * (100vw - 321px) / 965)
    }

    .topMenu__link {
        padding-right: calc(0px + 10 * (100vw - 321px) / 965);
        padding-left: calc(0px + 10 * (100vw - 321px) / 965)
    }

    .subcategory_rejting__nav {
        padding-right: calc(10px + 25 * (100vw - 321px) / 965);
        padding-left: calc(10px + 25 * (100vw - 321px) / 965)
    }

    .aside-right {
        padding-right: calc(0px + 30 * (100vw - 321px) / 965);
        padding-left: calc(0px + 30 * (100vw - 321px) / 965)
    }

    .box ~ .box {
        margin-top: calc(20px + 40 * (100vw - 321px) / 965)
    }

    .box__heading {
        font-size: calc(14px + 4 * (100vw - 321px) / 965)
    }

    .search__inp input::-webkit-input-placeholder {
        font-size: calc(14px + 0 * (100vw - 321px) / 965)
    }

    .search__inp input::-moz-placeholder {
        font-size: calc(14px + 0 * (100vw - 321px) / 965)
    }

    .search__inp input:-ms-input-placeholder {
        font-size: calc(14px + 0 * (100vw - 321px) / 965)
    }

    .search__inp input::-ms-input-placeholder {
        font-size: calc(14px + 0 * (100vw - 321px) / 965)
    }

    .search__inp input::placeholder {
        font-size: calc(14px + 0 * (100vw - 321px) / 965)
    }

    .menuAside__link {
        padding-top: calc(12px + 9 * (100vw - 321px) / 965);
        padding-bottom: calc(12px + 11 * (100vw - 321px) / 965);
        padding-left: calc(12px + 11 * (100vw - 321px) / 965)
    }

    .menuAside__link::before {
        top: calc(17px + 9 * (100vw - 321px) / 965)
    }

    .aside-right_companyRating {
        padding-left: calc(0px + 43 * (100vw - 321px) / 965);
        padding-right: calc(0px + 20 * (100vw - 321px) / 965)
    }

    .aside-right_companyRating .box + .box {
        margin-top: calc(20px + 27 * (100vw - 321px) / 965)
    }

    .aside-right_companyRating .box__heading {
        font-size: calc(14px + 0 * (100vw - 321px) / 965);
        margin-bottom: calc(14px + 11 * (100vw - 321px) / 965)
    }

    .social:not(.lk-footer__social) {
        /* height: calc(46px + 34 * (100vw - 321px) / 965) */
    }

    .social__link {
        /* font-size: calc(16px + 8 * (100vw - 321px) / 965); */
        /* width: calc(46px + 34 * (100vw - 321px) / 965) */
    }

    .footerNav__heading {
        font-size: calc(12px + 4 * (100vw - 321px) / 965);
        margin-bottom: calc(5px + 10 * (100vw - 321px) / 965)
    }

    .footerNav__link {
        font-size: calc(12px + 2 * (100vw - 321px) / 965)
    }

    .dev__link:not(:last-child) {
        margin-bottom: calc(7px + 7 * (100vw - 321px) / 965)
    }

    .dev__txt + .dev__txt {
        /* margin-left: calc(10px + 10 * (100vw - 321px) / 965) */
    }

    .footer__topPanel {
        margin-bottom: calc(10px + 20 * (100vw - 321px) / 965)
    }

    .footer__dev, .search-main .modal__liveSearch {
        margin-top: calc(20px + 9 * (100vw - 321px) / 965)
    }

    .liveSearch__inp {
        font-size: calc(14px + 2 * (100vw - 321px) / 965)
    }

    .ui-menu-item {
        padding-right: calc(15px + 15 * (100vw - 321px) / 965);
        padding-left: calc(15px + 15 * (100vw - 321px) / 965);
        padding-top: calc(10px + 10 * (100vw - 321px) / 965);
        padding-bottom: calc(10px + 10 * (100vw - 321px) / 965)
    }

    .ui-menu-item .image {
        margin-right: calc(15px + 20 * (100vw - 321px) / 965)
    }

    .section {
        padding-top: calc(35px + 45 * (100vw - 321px) / 965);
        padding-bottom: calc(35px + 45 * (100vw - 321px) / 965)
    }

    .sortPanel__sortBy {
        margin-bottom: 15px;
    }

    .section_articles {
        padding-bottom: 0;
    }

    .section__title {
        font-size: calc(14px + 2 * (100vw - 321px) / 965)
    }

    .section__regBxHome {
        padding-top: calc(35px + 30 * (100vw - 321px) / 965);
        padding-bottom: calc(35px + 25 * (100vw - 321px) / 965);
        margin-top: calc(35px + 58 * (100vw - 321px) / 965);
        margin-bottom: calc(35px + 58 * (100vw - 321px) / 965)
    }

    .section_subArticles {
        padding-top: calc(35px + 20 * (100vw - 321px) / 965);
        padding-bottom: calc(35px + 20 * (100vw - 321px) / 965);
        padding-right: calc(1px + 94 * (100vw - 321px) / 965);
        padding-left: calc(1px + 94 * (100vw - 321px) / 965)
    }

    .section_subArticles .section__heading {
        font-size: calc(20px + 6 * (100vw - 321px) / 965)
    }

    .section_subArticles .section__subBx {
        margin-top: calc(18px + 8 * (100vw - 321px) / 965)
    }

    .section_subArticles .section__subBx .subBx__btn, .section_subArticles .section__subBx .subBx__inp {
        height: calc(40px + 14 * (100vw - 321px) / 965)
    }

    .section_tender {
        padding-top: calc(35px + 67 * (100vw - 321px) / 965);
        padding-bottom: calc(35px + 141 * (100vw - 321px) / 965)
    }

    .section_tender .section__advantages {
        margin-top: calc(35px + 87 * (100vw - 321px) / 965)
    }

    .section_tender .section__slideWrap {
        margin-top: calc(35px + 77 * (100vw - 321px) / 965)
    }

    .section_ukStudio {
        padding-top: calc(60px + 50 * (100vw - 321px) / 965);
        padding-bottom: calc(60px + 50 * (100vw - 321px) / 965)
    }

    .section_ukStudio .section__heading {
        margin-bottom: calc(0px + 30 * (100vw - 321px) / 965)
    }

    .section_work {
        padding-top: calc(35px + 62 * (100vw - 321px) / 965);
        padding-bottom: calc(35px + 25 * (100vw - 321px) / 965)
    }

    .section_work .section__heading {
        margin-bottom: calc(30px + 40 * (100vw - 321px) / 965)
    }

    .section_addTender {
        /* padding-bottom: calc(35px + 0 * (100vw - 321px) / 965) */
    }

    .section_addTender .section__heading {
        margin-bottom: calc(0px + 28 * (100vw - 321px) / 965)
    }

    .section_addTender .section__companyType {
        margin-top: calc(30px + 25 * (100vw - 321px) / 965);
        /* margin-bottom: calc(10px + 20 * (100vw - 321px) / 965) */
    }

    .section_trendCatalog {
        padding-bottom: calc(35px + 15 * (100vw - 321px) / 965)
    }

    .section_trendCatalog .section__heading {
        margin-bottom: calc(30px + 12 * (100vw - 321px) / 965)
    }

    .section_tenderReviews .section__heading {
        margin-bottom: calc(0px + 28 * (100vw - 321px) / 965)
    }

    .section_faq {
        padding-bottom: calc(35px + 135 * (100vw - 321px) / 965)
    }

    .section_articles .section__title, .section_news .section__title, .section_ukStudio .section__title {
        margin-bottom: calc(0px + 20 * (100vw - 321px) / 965)
    }

    .section_sub {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .section_welcome {
        padding-top: calc(10px + 10 * (100vw - 321px) / 965);
        padding-bottom: calc(10px + 10 * (100vw - 321px) / 965)
    }

    .content__faq, .content__list-of-tenders {
        margin-top: calc(15px + 18 * (100vw - 321px) / 965)
    }

    .content__list-of-tenders {
        margin-bottom: calc(15px + 15 * (100vw - 321px) / 965)
    }

    .contentBody {
        /* padding-top: calc(0px + 34 * (100vw - 321px) / 965); */
        padding-bottom: calc(0px + 55 * (100vw - 321px) / 965);
        margin-top: calc(10px + 25 * (100vw - 321px) / 965)
    }

    .contentBody__posters {
        /* margin-top: calc(30px + 22 * (100vw - 321px) / 965) */
    }

    .contentBody__callPopUp {
        margin-bottom: calc(20px + 21 * (100vw - 321px) / 965)
    }

    .contentBody_ratingSort {
        padding-top: calc(0px + 0 * (100vw - 321px) / 965);
        padding-bottom: calc(0px + 60 * (100vw - 321px) / 965)
    }

    .contentBody__tabs .tabs__heading {
        font-size: calc(16px + 0 * (100vw - 321px) / 965)
    }

    .ratingSort__link {
        font-size: calc(12px + 2 * (100vw - 321px) / 965)
    }

    .ratingSort__link + .ratingSort__link {
        margin-top: calc(10px + 21 * (100vw - 321px) / 965)
    }

    .vacancies {
        margin-top: calc(10px + 23 * (100vw - 321px) / 965)
    }

    .vacancyCard {
        padding-top: calc(15px + 15 * (100vw - 321px) / 965);
        padding-bottom: calc(25px + 15 * (100vw - 321px) / 965)
    }

    .vacancyCard__heading span {
        font-size: calc(14px + 4 * (100vw - 321px) / 965)
    }

    .vacancyCard__heading span.vip {
        font-size: calc(14px + 6 * (100vw - 321px) / 965);
        margin-right: calc(8px + 4 * (100vw - 321px) / 965)
    }

    .vacancyCard__site {
        font-size: calc(13px + 3 * (100vw - 321px) / 965)
    }

    .vacancyCard__price {
        font-size: calc(15px + 3 * (100vw - 321px) / 965)
    }

    .vacancyCard__txt {
        font-size: calc(12px + 4 * (100vw - 321px) / 965)
    }

    .vacancyCard__btn {
        height: calc(40px + 19 * (100vw - 321px) / 965)
    }

    .vacancyPage {
        margin-top: calc(10px + 23 * (100vw - 321px) / 965)
    }

    .vacancyPage__main {
        /* padding-top: calc(25px + 20 * (100vw - 321px) / 965); */
        padding-bottom: calc(25px + 20 * (100vw - 321px) / 965)
    }

    .vacancyPage__heading {
        font-size: calc(16px + 2 * (100vw - 321px) / 965)
    }

    .vacancyInfoWrap__item {
        /* padding-left: calc(15px + 41 * (100vw - 321px) / 965); */
        padding-top: calc(15px + 20 * (100vw - 321px) / 965);
        padding-bottom: calc(15px + 20 * (100vw - 321px) / 965)
    }

    .newsBody {
        margin-top: calc(10px + 23 * (100vw - 321px) / 965)
    }

    .newsBody__subArticles {
        margin-top: calc(20px + 12 * (100vw - 321px) / 965);
        margin-bottom: calc(20px + 12 * (100vw - 321px) / 965)
    }

    .newsCardPage {
        /* padding-top: calc(15px + 15 * (100vw - 321px) / 965);
        padding-bottom: calc(15px + 15 * (100vw - 321px) / 965) */
    }

    .newsCardPage__thumb {
        margin-right: calc(10px + 25 * (100vw - 321px) / 965)
    }

    .newsCardPage__row_top {
        margin-top: calc(0px + 12 * (100vw - 321px) / 965);
        margin-bottom: calc(10px + 42 * (100vw - 321px) / 965)
    }

    .newsCardPage__date, .newsCardPage__last {
        font-size: calc(12px + 2 * (100vw - 321px) / 965)
    }

    .newsCardPage__date {
        /* margin-top: calc(0px + -5 * (100vw - 321px) / 965) */
    }

    .newsCardPage__heading {
        font-size: calc(14px + 6 * (100vw - 321px) / 965);
        margin-right: calc(0px + 38 * (100vw - 321px) / 965)
    }

    .newsCardPage__txt {
        font-size: calc(12px + 4 * (100vw - 321px) / 965);
        margin-right: calc(0px + 38 * (100vw - 321px) / 965)
    }

    .newsCardPage__btn {
        height: calc(42px + 17 * (100vw - 321px) / 965);
        font-size: calc(10px + 2 * (100vw - 321px) / 965)
    }

    .newsCardPage__btn span {
        margin-right: calc(20px + 35 * (100vw - 321px) / 965);
        margin-left: calc(20px + 35 * (100vw - 321px) / 965)
    }

    .newsCardPage_last {
        padding-left: calc(15px + 9 * (100vw - 321px) / 965)
    }

    .newsCardPage_last .newsCardPage__row_top {
        margin-bottom: calc(10px + 15 * (100vw - 321px) / 965)
    }

    .newsCardPage_last .newsCardPage__heading {
        /* margin-bottom: calc(10px + 17 * (100vw - 321px) / 965) */
    }

    .portfolio {
        margin-top: calc(10px + 23 * (100vw - 321px) / 965)
    }

    .portfolioCard {
        padding-top: calc(12px + 15 * (100vw - 321px) / 965);
        padding-bottom: calc(12px + 15 * (100vw - 321px) / 965);
        /* padding-right: calc(15px + 16 * (100vw - 321px) / 965);
        padding-left: calc(15px + 16 * (100vw - 321px) / 965) */
        padding-right: calc(12px + 15 * (100vw - 321px) / 965);
        padding-left: calc(12px + 15 * (100vw - 321px) / 965)
    }
    .portfolioCard.portfolio-card{
        padding-bottom: 15px;
    }

    .portfolioCard__heading {
        font-size: calc(12px + 4 * (100vw - 321px) / 965)
    }

    .portfolioCard__value {
        font-size: calc(12px + 2 * (100vw - 321px) / 965)
    }

    .cmsBody {
        margin-top: calc(10px + 23 * (100vw - 321px) / 965)
    }

    .fxtabl__td span {
        font-size: calc(14px + 2 * (100vw - 321px) / 965)
    }

    .fxtabl__td_number {
        flex-basis: calc(78px + 37 * (100vw - 321px) / 965)
    }

    .fxtabl__td_checkbox {
        flex-basis: calc(78px + 2 * (100vw - 321px) / 965)
    }

    .cmsSelected {
        padding-top: calc(20px + 18 * (100vw - 321px) / 965);
        padding-bottom: calc(20px + 50 * (100vw - 321px) / 965);
        margin-top: calc(10px + 23 * (100vw - 321px) / 965)
    }

    .cmsSelected__pagination {
        margin-bottom: calc(20px + 40 * (100vw - 321px) / 965)
    }

    .companyPrice {
        padding-bottom: calc(30px + 39 * (100vw - 321px) / 965)
    }

    .companyPrice_search .firstScreen .firstScreen__wrapper {
        padding-top: calc(38px + 0 * (100vw - 321px) / 965);
        /* padding-bottom: calc(38px + 22 * (100vw - 321px) / 965) */
    }

    .companyPrice__editor {
        margin-top: calc(10px + 23 * (100vw - 321px) / 965)
    }

    .companyPrice__editor .links_readMore {
        margin-top: calc(0px + 0 * (100vw - 321px) / 965)
    }

    .companyPrice__firstScreen .firstScreen__wrapper {
        padding-top: calc(38px + 0 * (100vw - 321px) / 965);
        /* padding-bottom: calc(38px + 57 * (100vw - 321px) / 965) */
    }

    .casessPageBody, .newsPageBody {
        margin-top: calc(10px + 29 * (100vw - 321px) / 965)
    }

    .casessPageBody__views, .newsPageBody__views {
        top: calc(1px + 16 * (100vw - 321px) / 965);
        right: calc(1px + 29 * (100vw - 321px) / 965)
    }

    .casessPageBody__editor, .newsPageBody__editor {
        margin-bottom: calc(25px + 20 * (100vw - 321px) / 965)
    }

    .casessPageBody__main, .newsPageBody__main {
        /* padding-top: calc(27px + 7 * (100vw - 321px) / 965); */
        padding-top: 0;
        /* padding-bottom: calc(25px + 30 * (100vw - 321px) / 965) */
        padding-bottom: 0;
    }

    .casessPageBody__box, .newsPageBody__box {
        padding-right: calc(15px + 15 * (100vw - 321px) / 965);
        padding-left: calc(15px + 15 * (100vw - 321px) / 965)
    }

    .casessPageCard {
        padding-top: calc(27px + 11 * (100vw - 321px) / 965);
        padding-bottom: calc(27px + 11 * (100vw - 321px) / 965);
        margin-bottom: calc(30px + 22 * (100vw - 321px) / 965)
    }

    .casessPageCard__btn {
        height: calc(40px + 28 * (100vw - 321px) / 965)
    }

    .page404 h1 {
        font-size: calc(20px + 16 * (100vw - 321px) / 965)
    }

    .posterPageBody {
        margin-top: calc(10px + 23 * (100vw - 321px) / 965)
    }

    .posterPageBody__description {
        padding-top: calc(0px + 34 * (100vw - 321px) / 965);
        padding-bottom: calc(30px + 30 * (100vw - 321px) / 965)
    }

    .posterPageBody__eventMaps {
        margin-top: calc(30px + 10 * (100vw - 321px) / 965)
    }

    .posterPageBody__shareInf {
        margin-top: calc(20px + 12 * (100vw - 321px) / 965)
    }

    .eventMaps__heading {
        font-size: calc(14px + 4 * (100vw - 321px) / 965)
    }

    .eventMaps__address {
        font-size: calc(14px + 2 * (100vw - 321px) / 965)
    }

    .afishaPageInfo {
        /* padding-top: calc(10px + 20 * (100vw - 321px) / 965);
        padding-bottom: calc(10px + 20 * (100vw - 321px) / 965);
        padding-left: calc(15px + 45 * (100vw - 321px) / 965);
        padding-right: calc(15px + 15 * (100vw - 321px) / 965) */
    }

    .afishaPageInfo__thumb {
        margin-right: calc(14px + 6 * (100vw - 321px) / 965)
    }

    .afishaPageInfo__key {
        font-size: calc(12px + 2 * (100vw - 321px) / 965)
    }

    .afishaPageInfo__value {
        font-size: calc(14px + 2 * (100vw - 321px) / 965)
    }

    .articlesBody__company, .articlesBody__date, .articlesBody__type, .articlesBody__views {
        margin-top: calc(5px + 12 * (100vw - 321px) / 965);
        margin-bottom: calc(5px + 12 * (100vw - 321px) / 965)
    }

    .articlesBody__company, .articlesBody__date, .articlesBody__type {
        font-size: calc(14px + 2 * (100vw - 321px) / 965)
    }

    .articlesBody__aside .articlesCard, .c-right .articlesCard{
        padding-right: calc(0px + 40 * (100vw - 321px) / 965);
        padding-left: calc(0px + 40 * (100vw - 321px) / 965)
    }

    .articleStatic__shareInf {
        margin-top: calc(25px + 18 * (100vw - 321px) / 965);
        margin-bottom: calc(25px + 18 * (100vw - 321px) / 965)
    }

    .articleStatic__heading, .boxSide__heading, .popularTopic__heading {
        font-size: calc(16px + 6 * (100vw - 321px) / 965)
    }

    .categoryPage__selBlock {
        padding-left: calc(0px + 36 * (100vw - 321px) / 965)
    }

    .categoryPage__selBlock .selBlock__select {
        font-size: calc(14px + 2 * (100vw - 321px) / 965)
    }

    .categoryPage .fxtabl__td_number {
        flex-basis: calc(78px + 2 * (100vw - 321px) / 965)
    }

    .categoryPage .fxtabl__productImg {
        margin-right: calc(15px + 5 * (100vw - 321px) / 965)
    }

    .companyCard__heading {
        font-size: calc(18px + 4 * (100vw - 321px) / 965)
    }

    .companyCard__rating i {
        font-size: calc(18px + 2 * (100vw - 321px) / 965)
    }

    .arrayInf__key, .arrayInf__value {
        font-size: calc(14px + 2 * (100vw - 321px) / 965)
    }

    .companySelected {
        margin-top: calc(10px + 23 * (100vw - 321px) / 965)
    }
    .companyCard.companySelected__companyCard{
        padding-bottom: 0;
        padding-top: 15px;
    }
    .companySelected__companyCard {
        /* margin-bottom: calc(0px + 55 * (100vw - 321px) / 965); */
        margin-bottom: 30px;
    }
    .bank .companySelected__companyCard {
        margin-bottom: 0;
    }

    .companySelected__content {
        /* padding-bottom: calc(30px + 35 * (100vw - 321px) / 965) */
    }

    .companySelected__tagsBx {
        margin-top: calc(20px + 15 * (100vw - 321px) / 965)
    }

    .tabContent__tablService {
        margin-bottom: calc(30px + 49 * (100vw - 321px) / 965)
    }

    .tabReviews__sortPanel .sortPanel__thumbBtn {
        flex-basis: calc(180px + 157 * (100vw - 321px) / 965)
    }

    .studioReviewsCard_tab {
        padding-bottom: calc(20px + 10 * (100vw - 321px) / 965);
        padding-top: calc(20px + 22 * (100vw - 321px) / 965)
    }

    .studioReviewsCard_tab .studioReviewsCard__thumb {
        flex-basis: calc(180px + 157 * (100vw - 321px) / 965)
    }

    .studioReviewsCard_tab .studioReviewsCard__body {
        /* padding-right: calc(0px + 68 * (100vw - 321px) / 965) */
    }

    .tabArticles__pagination {
        margin-bottom: calc(20px + 46 * (100vw - 321px) / 965)
    }

    .articlesCard_inTab {
        padding-top: calc(15px + 18 * (100vw - 321px) / 965);
        padding-bottom: calc(15px + 15 * (100vw - 321px) / 965)
    }

    .articlesCard_inTab .articlesCard__thumb {
        flex-basis: calc(200px + 190 * (100vw - 321px) / 965)
    }

    .tabCases__pagination {
        margin-bottom: calc(20px + 46 * (100vw - 321px) / 965)
    }

    .tabDiploms__shareInf {
        margin-top: calc(30px + 22 * (100vw - 321px) / 965);
        margin-bottom: calc(30px + 43 * (100vw - 321px) / 965)
    }

    .tabVacancy__pagination {
        margin-top: calc(20px + 10 * (100vw - 321px) / 965);
        margin-bottom: calc(20px + 35 * (100vw - 321px) / 965)
    }

    .vacancyCard_tab {
        /* padding-right: calc(0px + 68 * (100vw - 321px) / 965);
        padding-left: calc(0px + 68 * (100vw - 321px) / 965) */
    }

    .contactPege__wrapper {
        padding-top: calc(45px + 88 * (100vw - 321px) / 965);
        padding-bottom: calc(30px + 108 * (100vw - 321px) / 965)
    }

    .contactForm__heading, .contactInfo__heading {
        font-size: calc(20px + 12 * (100vw - 321px) / 965);
        margin-bottom: calc(10px + 25 * (100vw - 321px) / 965)
    }

    .contactInfo__phones {
        margin-top: calc(20px + 21 * (100vw - 321px) / 965);
        margin-bottom: calc(20px + 23 * (100vw - 321px) / 965)
    }

    .contactInfo__tel {
        font-size: calc(20px + 16 * (100vw - 321px) / 965)
    }

    .contactInfo__key, .contactInfo__value {
        font-size: calc(14px + 6 * (100vw - 321px) / 965)
    }

    .contactForm__inp input, .contactForm__inp textarea {
        font-size: calc(14px + 2 * (100vw - 321px) / 965)
    }

    .contactForm__send input[type=submit] {
        padding-right: calc(25px + 35 * (100vw - 321px) / 965);
        padding-left: calc(25px + 35 * (100vw - 321px) / 965)
    }

    .companyRating__fxtablWrp .fxtabl__td_number {
        flex-basis: calc(78px + 22 * (100vw - 321px) / 965)
    }

    .companyRating__fxtablWrp .fxtabl__productImg {
        margin-right: calc(15px + 40 * (100vw - 321px) / 965)
    }

    .contentAddEvent {
        padding-top: calc(20px + 19 * (100vw - 321px) / 965);
        padding-bottom: calc(20px + 40 * (100vw - 321px) / 965);
        margin-top: calc(10px + 25 * (100vw - 321px) / 965)
    }

    .contentAddEvent__formBlcok textarea {
        min-height: calc(200px + 138 * (100vw - 321px) / 965)
    }

    .authorization h1, .authorization__heading {
        font-size: calc(20px + 6 * (100vw - 321px) / 965)
    }

    .authorization__btns-wrap {
        margin-top: calc(5px + 11 * (100vw - 321px) / 545);
        margin-bottom: calc(20px + 22 * (100vw - 321px) / 965)
    }

    .authorization__link, .authorization__list li, .authorization__txt {
        font-size: calc(14px + 2 * (100vw - 321px) / 965)
    }

    .tenderOrder__heading {
        margin-bottom: calc(20px + 30 * (100vw - 321px) / 965)
    }

    .tenderOrder__txtContent {
        padding-top: calc(15px + 12 * (100vw - 321px) / 965);
        padding-right: calc(15px + 18 * (100vw - 321px) / 965);
        padding-left: calc(15px + 18 * (100vw - 321px) / 965)
    }

    .tenderOrder__td:first-child {
        flex-basis: calc(120px + 28 * (100vw - 321px) / 965)
    }

    .tenderOrder__td:nth-child(2):not(.tenderOrder__td_value) {
        flex-basis: calc(130px + 30 * (100vw - 321px) / 965)
    }

    .tenderOrder__formBox .field__enter {
        margin-top: calc(0px + 20 * (100vw - 321px) / 965)
    }

    .tenderOrder__td {
        font-size: calc(12px + 4 * (100vw - 321px) / 965)
    }

    .tenderOrder__head, .tenderOrder__td_key, .tenderOrder__tr_th .tenderOrder__td {
        font-size: calc(12px + 2 * (100vw - 321px) / 965)
    }

    .lk-menu__link {
        font-size: calc(13px + 2 * (100vw - 321px) / 1599)
    }

    .lk-header__logout {
        width: calc(50px + 31 * (100vw - 321px) / 965)
    }

    .dop-menu__link {
        font-size: calc(12px + 2 * (100vw - 321px) / 965)
    }

    .logout {
        font-size: calc(20px + 10 * (100vw - 321px) / 965)
    }

    .home-board__bl-last-news, .home-board__bl-new-article, .home-board__bl-new-cases {
        padding-top: calc(15px + 24 * (100vw - 321px) / 965);
        padding-bottom: calc(15px + 24 * (100vw - 321px) / 965);
        padding-right: calc(15px + 15 * (100vw - 321px) / 965);
        padding-left: calc(15px + 15 * (100vw - 321px) / 965)
    }

    .field_fieldset .field__name {
        margin-left: calc(2px + -16 * (100vw - 321px) / 1599)
    }

    .field_fieldset .field__checkbox {
        font-size: calc(13px + 3 * (100vw - 321px) / 965)
    }

    .field_fieldset_column .field__name {
        margin-left: calc(-8px + -13 * (100vw - 321px) / 1599)
    }

    .studioReviewsCard_lk {
        padding-bottom: calc(25px + 13 * (100vw - 321px) / 965)
    }

    .studioReviewsCard_lk .studioReviewsCard__name {
        font-size: calc(13px + 3 * (100vw - 321px) / 965)
    }
}

@media screen and (min-width: 321px) {
    .mainMenu__row.menuFixed {
        padding-right: 20px;
        padding-left: 20px
    }
}
@media screen and (min-width: 966px) and (max-width: 1060px) {
    .topMenu__link {
        padding-right: calc(0px + 4 * (100vw - 321px) / 965);
        padding-left: calc(0px + 4 * (100vw - 321px) / 965)
    }
}

@media (min-width: 360px) {
    .checkbox_polit {
        font-size: calc(11px + 5 * (100vw - 360px) / 926)
    }
}

@media (min-width: 481px) {
    .contentBody__footer, .contentBody__studioReviewsCard {
        /* padding-left: calc(0px + 71 * (100vw - 481px) / 805);
        padding-right: calc(0px + 48 * (100vw - 481px) / 805) */
    }

    .contentBody__tabs .tabs__tabContent {
        padding-right: calc(0px + 70 * (100vw - 481px) / 805);
        padding-left: calc(0px + 70 * (100vw - 481px) / 805)
    }

    /* .vacancies__inner {
        padding-left: calc(0px + 71 * (100vw - 481px) / 805);
        padding-right: calc(0px + 48 * (100vw - 481px) / 805)
    } */

    /* .vacancyCard {
        padding-left: calc(0px + 71 * (100vw - 481px) / 805);
        padding-right: calc(0px + 63 * (100vw - 481px) / 805)
    } */

    .vacancyPage__main {
        /* padding-left: calc(0px + 52 * (100vw - 481px) / 805); */
        padding-right: calc(0px + 75 * (100vw - 481px) / 805)
    }

    .newsCardPage {
        /* padding-left: calc(0px + 30 * (100vw - 481px) / 805);
        padding-right: calc(0px + 68 * (100vw - 481px) / 805) */
    }

    .cmsSelected {
        padding-left: calc(0px + 71 * (100vw - 481px) / 805);
        padding-right: calc(0px + 68 * (100vw - 481px) / 805)
    }

    .casessPageCard {
        padding-right: calc(0px + 30 * (100vw - 481px) / 805);
        padding-left: calc(0px + 30 * (100vw - 481px) / 805)
    }

    .posterPageBody .eventMaps__address, .posterPageBody .eventMaps__heading, .posterPageBody__editor, .posterPageBody__shareInf {
        /* padding-left: calc(0px + 71 * (100vw - 481px) / 805);
        padding-right: calc(0px + 48 * (100vw - 481px) / 805) */
    }

    .articleStatic__editor, .articleStatic__heading, .articleStatic__shareInf, .articleStatic__tagsBx, .popularTopic {
        /* padding-right: calc(0px + 52 * (100vw - 481px) / 805);
        padding-left: calc(0px + 52 * (100vw - 481px) / 805) */
    }

    .companySelected__eventMaps .eventMaps__heading, .companySelected__tagsBx, .tabContent__editor, .tabContent__tabCases, .tabContent__tabDiploms, .tabContent__tabPortfolio, .tabContent__tablService {
        /* padding-right: calc(0px + 68 * (100vw - 481px) / 805);
        padding-left: calc(0px + 68 * (100vw - 481px) / 805) */
    }

    .tabReviews__sortPanel .sortPanel__thumbBtn {
        /* padding-left: calc(0px + 68 * (100vw - 481px) / 805) */
    }

    .tabReviews__formBlcok {
        padding-right: calc(0px + 68 * (100vw - 481px) / 805);
        padding-left: calc(0px + 68 * (100vw - 481px) / 805)
    }

    .studioReviewsCard_tab .studioReviewsCard__thumb {
        /* padding-left: calc(0px + 68 * (100vw - 481px) / 805) */
    }

    .tabArticles__pagination, .tabArticles__sortPanel {
        /* padding-right: calc(0px + 68 * (100vw - 481px) / 805);
        padding-left: calc(0px + 68 * (100vw - 481px) / 805) */
    }

    .articlesCard_inTab {
        /* padding-left: calc(0px + 20 * (100vw - 481px) / 805);
        padding-right: calc(0px + 20 * (100vw - 481px) / 805) */
        padding-left: 10px;
        padding-right: 10px;
    }

    .tabVacancy__pagination {
        padding-right: calc(0px + 68 * (100vw - 481px) / 805);
        padding-left: calc(0px + 68 * (100vw - 481px) / 805)
    }

    .contentAddEvent {
        padding-left: calc(0px + 67 * (100vw - 481px) / 805);
        padding-right: calc(0px + 67 * (100vw - 481px) / 805)
    }
}

@media screen and (min-width: 481px) {
    /* .vacancyCard {
        box-shadow: 0 0 65px rgba(0, 0, 0, .06)
    } */

    /* .vacancyInfoWrap, .vacancyPage__main {
        box-shadow: 0 0 43px rgba(0, 0, 0, .06)
    } */

    .newsCardPage {
        /* box-shadow: 0 0 65px rgba(0, 0, 0, .06) */
    }

    .casessPageCard, .cmsSelected {
        box-shadow: 0 0 43px rgba(0, 0, 0, .06)
    }
    /* .casessPageCard, .cmsSelected, .posterPageBody__description {
        box-shadow: 0 0 43px rgba(0, 0, 0, .06)
    } */

    .boxSide {
        /* box-shadow: 0 0 65px rgba(0, 0, 0, .06) */
    }

    .popularTopic {
        /* box-shadow: 0 0 43px rgba(0, 0, 0, .06) */
    }

    .companyCard {
        padding: 20px 0 30px
    }

    .vacancyCard_tab {
        box-shadow: none
    }

    .contentAddEvent {
        box-shadow: 0 0 43px rgba(0, 0, 0, .06)
    }

    .bl-last-news__card {
        display: flex
    }
}

@media screen and (min-width: 550px) {
    #customer_table .simplecheckout-error-text {
        position: static;
        margin-left: -4px;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 10px;
        background-color: #f7f7f7
    }
}

@media screen and (min-width: 571px) {
    .paginationBig {
        box-shadow: 0 0 43px rgba(0, 0, 0, .06)
    }
}

@media screen and (min-width: 629px) {
    .categoryPage__iconFiler {
        margin-left: auto
    }
}

@media (min-width: 640px) {
    .checkbox {
        font-size: calc(13px + 1 * (100vw - 640px) / 646)
    }

    .studioReviewsCard_lk .studioReviewsCard__thumb {
        margin-right: calc(0px + 32 * (100vw - 640px) / 646)
    }
}

@media screen and (min-width: 640px) {
    .studioReviewsCard_lk .studioReviewsCard__thumb {
        width: calc(180px + 54 * (100vw - 1056px) / 864);
        padding-right: 14px
    }
}

@media screen and (min-width: 741px) {
    .dop-menu__link {
        font-weight: 500
    }

    .sortPanel__sortBy {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 865px) {
    .authorization__formBlcok input[type=submit].btn {
        max-width: none
    }
}

@media screen and (min-width: 866px) {
    .gridBx.owl-carousel {
        margin-bottom: 0
    }

    .weRecommendItems {
        /* box-shadow: 0 0 65px rgba(0, 0, 0, .06) */
    }

    .companyCard {
        display: flex;
        padding: 25px 0 35px
    }

    .authorization__right {
        flex-shrink: 0
    }

    .advantage-list {
        width: calc(60% - 10px);
        flex-wrap: wrap;
        margin-top: 0;
        justify-content: space-between;
        margin-right: 10px;
        margin-left: 0;
    }

    .advantage-list__item {
        width: calc(50% - 20px);
        margin-right: 0;
        margin-left: 0;
    }
}

@media (min-width: 866px) {
    .gridBx.owl-carousel {
        margin-bottom: 0
    }

    .section_progress .section__gridBx {
        padding-top: calc(35px + 15 * (100vw - 866px) / 420);
        padding-bottom: calc(35px + 15 * (100vw - 866px) / 420)
    }

    .authorization__btns-wrap {
        margin-top: 16px
    }
}

@media (min-width: 966px) {
    .field__name {
        font-size: calc(14px + 2 * (100vw - 966px) / 320)
    }

    .rating-card {
        margin-right: calc(15px + 35 * (100vw - 966px) / 954);
        margin-left: calc(15px + 35 * (100vw - 966px) / 954);
        font-size: calc(12px + 2 * (100vw - 966px) / 954)
    }

    .rating-card:not(:last-child) {
        margin-bottom: calc(30px + 22 * (100vw - 966px) / 954)
    }

    .rating-card__thumb {
        margin-right: calc(15px + 15 * (100vw - 966px) / 954)
    }

    .mfp.mfp-modal .mfp-content .mfp-close, .mfp-close {
        top: calc(15px + 14 * (100vw - 966px) / 954);
        right: calc(15px + 15 * (100vw - 966px) / 954)
    }

    .modal__head {
        font-size: calc(16px + 8 * (100vw - 966px) / 954);
        margin-top: calc(15px + 18 * (100vw - 966px) / 954);
        margin-bottom: calc(15px + 8 * (100vw - 966px) / 954)
    }

    .modal__heading {
        font-size: calc(12px + 4 * (100vw - 966px) / 954)
    }

    .modal__faqCard .faqCard__question {
        font-size: calc(11px + 2 * (100vw - 966px) / 719)
    }

    .modal__faqCard .faqCard__answer {
        padding-right: calc(10px + 20 * (100vw - 966px) / 954);
        padding-left: calc(10px + 20 * (100vw - 966px) / 954);
        padding-top: calc(10px + 15 * (100vw - 966px) / 954)
    }

    .order-service .modal__head {
        font-size: calc(14px + 4 * (100vw - 966px) / 954)
    }

    .order-service .modal__txt {
        font-size: calc(13px + 3 * (100vw - 966px) / 954)
    }

    .page404__pageInformation {
        margin-top: calc(15px + 35 * (100vw - 966px) / 404)
    }

    .tabReviews__formBlcok .formBlcok__heading {
        font-size: calc(14px + 4 * (100vw - 966px) / 954)
    }

    .tabReviews__formBlcok .formBlcok__title {
        font-size: calc(14px + 2 * (100vw - 966px) / 954)
    }

    .tenderOrder__politTxt {
        font-size: calc(12px + 4 * (100vw - 966px) / 954)
    }

    .lk-main__header {
        min-height: calc(50px + 30 * (100vw - 966px) / 954);
        margin-left: calc(15px + 25 * (100vw - 966px) / 954);
        padding-left: 0;
        margin-right: calc(15px + 25 * (100vw - 966px) / 954);
    }
    .lk-main__footer{
        padding-left: calc(15px + 25 * (100vw - 966px) / 954);
        padding-right: calc(15px + 25 * (100vw - 966px) / 954);
    }

    .lk-main__conteiner {
        padding-left: calc(15px + 25 * (100vw - 966px) / 954);
        padding-right: calc(15px + 25 * (100vw - 966px) / 954)
    }

    .lk-main__content {
        padding-top: calc(20px + 20 * (100vw - 966px) / 954);
        /* padding-right: calc(15px + 135 * (100vw - 966px) / 954) */
    }

    .lk-main__footer {
        min-height: calc(50px + 20 * (100vw - 966px) / 954);
    }

    .aside__avatar {
        /* margin-top: calc(20px + 18 * (100vw - 966px) / 720);
        margin-bottom: calc(15px + 14 * (100vw - 966px) / 720) */
    }

    .aside__menu {
        /* padding-left: calc(20px + 67 * (100vw - 966px) / 954) */
    }

    .lk-menu__link {
        margin-bottom: calc(5px + 7 * (100vw - 966px) / 954);
        padding-left: 26px;
        padding-right: 26px;
    }

    .dop-menu > :not(:last-child), .site-menu > :not(:last-child) {
        margin-right: calc(14px + 16 * (100vw - 966px) / 320)
    }
    .site-menu > :not(:last-child) {
        /* margin-right: 6px */
    }

    .main-txt a.itr_return {
        margin-right: calc(10px + 15 * (100vw - 966px) / 954)
    }

    .heading-wrap__link {
        font-size: calc(14px + 2 * (100vw - 966px) / 720)
    }

    .heading-wrap__link:not(:last-child) {
        margin-right: calc(20px + 34 * (100vw - 966px) / 720)
    }

    .heading-wrap__btn-add {
        min-width: calc(190px + 55 * (100vw - 966px) / 954);
        height: calc(40px + 14 * (100vw - 966px) / 920);
        padding-right: calc(15px + 10 * (100vw - 966px) / 720);
        padding-left: calc(15px + 10 * (100vw - 966px) / 720);
        font-size: calc(12px + 2 * (100vw - 966px) / 720)
    }

    .heading-wrap__btn-add i {
        font-size: calc(12px + 2 * (100vw - 966px) / 720)
    }

    .advantageItem__quantity {
        font-size: calc(18px + 8 * (100vw - 966px) / 954)
    }

    .advantageItem__ic {
        font-size: calc(28px + 10 * (100vw - 966px) / 954)
    }

    .advantageItem__ic_center {
        font-size: calc(16px + 10 * (100vw - 966px) / 954)
    }

    .bl-last-news__heading {
        margin-top: calc(0px + 14 * (100vw - 966px) / 954)
    }

    .advantage-list__item {
        padding-right: calc(14px + 10 * (100vw - 966px) / 944);
        padding-left: calc(14px + 10 * (100vw - 966px) / 944)
    }

    .tabs_profile .tabs__navigationWrap {
        max-width: calc(0px + 339 * (100vw - 966px) / 954)
    }

    .tabs_profile .tabs__navigationBtn {
        font-size: calc(15px + 3 * (100vw - 966px) / 954);
        padding-left: calc(20px + 19 * (100vw - 966px) / 954);
        margin-bottom: calc(0px + 7 * (100vw - 966px) / 954)
    }

    .tabs_profile .tabs__tabContent {
        padding-top: calc(20px + 19 * (100vw - 966px) / 954);
        padding-bottom: calc(20px + 24 * (100vw - 966px) / 954);
        padding-right: calc(15px + 15 * (100vw - 966px) / 954);
        padding-left: calc(15px + 15 * (100vw - 966px) / 954)
    }

    .field_fieldset_column .field__checkbox {
        /* margin-bottom: calc(7px + 12 * (100vw - 966px) / 320) */
    }

    .field__link {
        margin-right: calc(20px + 32 * (100vw - 966px) / 320)
    }

    .lk-services {
        /* padding-top: calc(18px + 22 * (100vw - 966px) / 954);
        padding-bottom: calc(18px + 22 * (100vw - 966px) / 954);
        padding-right: calc(15px + 15 * (100vw - 966px) / 954);
        padding-left: calc(15px + 15 * (100vw - 966px) / 954) */
    }

    .contentWrap {
        /* padding-right: calc(15px + 35 * (100vw - 966px) / 720);
        padding-left: calc(15px + 35 * (100vw - 966px) / 720);
        padding-top: calc(15px + 20 * (100vw - 966px) / 720);
        padding-bottom: calc(20px + 20 * (100vw - 966px) / 720) */
    }
}

@media screen and (min-width: 966px) {
    .header .humburger {
        display: none
    }

    .advantageCard__txt {
        font-weight: 500
    }

    .mobileDropMenu {
        display: none
    }

    .box:empty {
        min-height: 36px
    }

    .contentBody__tabs .tabs__navigation {
        height: 80px;
        margin-bottom: 44px;
        padding-left: 25px;
        align-items: stretch
    }

    .contentBody__tabs .tabs__navigationBtn {
        line-height: 1.2;
        display: flex;
        margin-right: 15px;
        margin-left: 18px;
        padding-right: 13px;
        padding-left: 13px;
        align-items: center
    }

    .companySelected__tabs .tabs__navigation {
        height: 80px;
        margin-bottom: 45px;
        padding-left: 0;
        align-items: stretch
    }

    .companySelected__tabs .tabs__navigationBtn {
        line-height: 1.2;
        display: flex;
        align-items: center
    }

    .companySelected__tabs .tabs__btnCall {
        position: absolute;
        top: 13px;
        /* right: 15px; */
        right: 0;
        left: auto;
        width: 100%;
        max-width: 170px;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .simplecheckout .simplecheckout-button-block.buttons {
        position: -webkit-sticky;
        position: sticky;
        z-index: 20;
        bottom: 20px;
        margin-right: 30px;
        box-shadow: 0 0 20px -2px rgba(0, 0, 0, .33)
    }

    .simplecheckout-left-column {
        position: -webkit-sticky;
        position: sticky;
        top: 55px;
        overflow-y: auto;
        max-height: 89vh
    }

    .main-txt a.itr_return {
        position: relative;
        top: -2px
    }

    .tabs_profile {
        display: flex
    }

    .tabs_profile .tabs__navigationWrap {
        width: 100%;
        min-width: 200px
    }

    .tabs_profile .tabs__navigationBtn {
        position: relative;
        display: flex;
        min-height: 36px;
        padding-right: 15px
    }

    .tabs_profile .tabs__navigationBtn::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 2px;
        height: 100%;
        content: '';
        transition: .3s;
        -webkit-transform: scale(1, 0);
        transform: scale(1, 0);
        background-color: #0090ff
    }

    .tabs_profile .tabs__navigationBtn:not(.tab-active):hover::before {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        background-color: #ffd91f
    }

    .tabs_profile .tabs__tabContent {
        border-left: 1px solid #f7f7f7;
        flex-grow: 1
    }

    .formBlcok_lk .formBlcok__wrap .field {
        min-width: 175px
    }

    .formBlcok_lk .formBlcok__wrap .field:nth-last-child(2) {
        max-width: 246px
    }

    .formBlcok_lk .formBlcok__field {
        justify-content: space-between;
        /* min-width: 270px; */
    }

    .field_btns_right {
        justify-content: flex-end
    }
}

@media screen and (min-width: 1026px) {
    .contentBody__tabs .tabs__navigation {
        height: 94px;
        padding-left: 52px
    }

    .companySelected__tabs .tabs__navigation {
        height: 95px;
        padding-left: 0
    }

    .companySelected__tabs .tabs__btnCall {
        top: 20px;
        /* right: 20px; */
        max-width: 195px
    }
}

@media (min-width: 1056px) {
    .field__forgotten {
        margin-bottom: calc(0px + 22 * (100vw - 1056px) / 230)
    }

    .authorization {
        margin-top: calc(10px + 50 * (100vw - 1056px) / 230)
    }

    .authorization__info {
        margin-top: calc(20px + 26 * (100vw - 1056px) / 230);
        margin-right: calc(0px + 67 * (100vw - 1056px) / 230)
    }

    .authorization__headingLight {
        line-height: calc(20px + 8 * (100vw - 1056px) / 230)
    }

    .authorization__list {
        margin-top: calc(0px + 37 * (100vw - 1056px) / 230);
        margin-bottom: calc(0px + 37 * (100vw - 1056px) / 230)
    }

    .tenderOrder {
        margin-top: calc(10px + 23 * (100vw - 1056px) / 230)
    }

    .tenderOrder__tr {
        padding-right: calc(10px + 23 * (100vw - 1056px) / 864);
        padding-left: calc(10px + 23 * (100vw - 1056px) / 864)
    }

    .tenderOrder__formBox {
        padding-top: calc(15px + 15 * (100vw - 1056px) / 864);
        padding-bottom: calc(15px + 15 * (100vw - 1056px) / 864);
        padding-right: calc(15px + 10 * (100vw - 1056px) / 864);
        padding-left: calc(15px + 10 * (100vw - 1056px) / 864)
    }

    .tenderOrder__politTxt {
        padding-right: calc(15px + 10 * (100vw - 1056px) / 864);
        padding-left: calc(15px + 10 * (100vw - 1056px) / 864);
        padding-top: calc(15px + 20 * (100vw - 1056px) / 864);
        padding-bottom: calc(15px + 20 * (100vw - 1056px) / 864);
        margin-top: calc(20px + 38 * (100vw - 1056px) / 864)
    }

    .bl-last-news__thumb {
        margin-right: calc(15px + 16 * (100vw - 1056px) / 864)
    }

    .tenderOrder_lk .tenderOrder__main {
        width: calc(440px + 220 * (100vw - 1056px) / 864)
    }

    .tenderOrder_lk .tenderOrder__aside {
        width: calc(300px + 200 * (100vw - 1056px) / 864)
    }

    .tenderOrder_connection .tenderOrder__main {
        width: calc(590px + 380 * (100vw - 1056px) / 864)
    }

    .lk-reviews__aside {
        width: calc(180px + 60 * (100vw - 1056px) / 864)
    }

    .lk-reviews-statistics__col:first-child .lk-reviews-statistics__heading {
        /* font-size: calc(12px + 2 * (100vw - 1056px) / 390) */
    }

    .lk-reviews-statistics__heading {
        font-size: calc(14px + 2 * (100vw - 1056px) / 390)
    }
}

@media screen and (min-width: 1056px) {
    .containerPage .humburger, .lk-header__link {
        display: none
    }
}

@media (min-width: 1156px) {
    .containerPage__aside, .containerPage__main {
        min-width: calc(230px + 90 * (100vw - 1156px) / 764)
    }
    #simplecheckout_cart tbody tr,
    #simplecheckout_cart thead tr {
        width: max-content;
        max-width: 560px;
    }
}

@media screen and (min-width: 1156px) {
    .mainMenu__row.menuFixed {
        padding-right: calc(50% - 570px);
        padding-left: calc(50% - 570px)
    }
}

@media screen and (min-width: 1286px) {
    .lk-reviews__aside {
        flex-shrink: 0;
        flex-grow: 0
    }

    .lk-reviews-statistics__col:not(:last-child) {
        /* border-bottom: 1px solid #f7f7f7 */
    }
}

@media (min-width: 1286px) {
    ::-webkit-input-placeholder {
        font-size: 16px
    }

    ::-moz-placeholder {
        font-size: 16px
    }

    :-ms-input-placeholder {
        font-size: 16px
    }

    ::-ms-input-placeholder {
        font-size: 16px
    }

    ::placeholder {
        font-size: 16px
    }

    .main__page-wrap {
        /* padding-bottom: 69px */
        padding-bottom: 20px;
    }

    .heading {
        font-size: 32px
    }

    .editor__readMore {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .links {
        font-size: 18px
    }

    .links_black {
        font-size: 16px
    }

    .links_white {
        font-size: 14px
    }

    .links_readMore {
        font-size: 12px
    }

    .btn_size_l, .btn_size_xl {
        height: 55px
    }

    .phoneBtn {
        font-size: 20px
    }

    .toTopBtn {
        font-size: 30px
    }

    .toTopBtn.toTopBtn_down.toTopBtn_visible i, .toTopBtn.toTopBtn_down.toTopBtn_visible svg {
        padding-bottom: 5px
    }

    .breadcrumb__link {
        font-size: 13px
    }

    .field {
        margin-bottom: 17px
    }

    .field__remove {
        font-size: calc(16px + 8 * (100vw - 1286px) / 634);
        height: 48px
    }

    .field__name {
        font-size: 16px;
        margin-bottom: 12px
    }

    .field__name ~ .field__name, .field__name ~ .field_fieldset {
        margin-top: 17px
    }

    .field__thumb i {
        font-size: calc(60px + 24 * (100vw - 1286px) / 400)
    }

    .field__edit-img {
        font-size: calc(14px + 2 * (100vw - 1286px) / 400)
    }

    .field__inp:not(.field__inp_textarea) {
        height: 48px
    }

    .field textarea {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .field .jq-selectbox__select, .field input, .field textarea, .select2-container--default .select2-selection--multiple {
        padding-right: 30px;
        padding-left: 30px;
        font-size: 16px
    }

    .field .jq-selectbox__select {
        height: 48px
    }

    .field .jq-selectbox__dropdown {
        padding-right: 30px;
        padding-left: 30px
    }

    .field .jq-selectbox ul li {
        font-size: 16px
    }

    .field__forgotten {
        margin-bottom: 22px;
        font-size: 16px
    }

    .formBlcok__field_textarea {
        margin-top: 22px
    }

    .formBlcok__btns-wrap {
        margin-top: 7px
    }

    .formBlcok__btns-wrap a {
        font-size: 16px
    }

    .formBlcok__btns-wrap input[type=submit].btn {
        padding-right: 60px;
        padding-left: 60px
    }

    .checkbox, .success-window {
        font-size: 14px
    }

    .checkbox_polit, .radiobox {
        font-size: 16px
    }

    .radiobox_porfolio:first-child {
        margin-top: 24px
    }

    .radiobox_porfolio:not(:last-child) {
        margin-bottom: 15px
    }

    .warning__content {
        font-size: calc(16px + 4 * (100vw - 1286px) / 634)
    }

    .drop-bl a {
        font-size: 16px;
        line-height: 35px
    }

    .firstScreen__wrapper {
        padding-top: 120px;
        /* padding-bottom: 120px */
    }

    .firstScreen__content h1 {
        font-size: 42px
    }

    .firstScreen h1.firstScreen__heading, .firstScreen__heading {
        font-size: 26px
    }

    .firstScreen__title {
        font-size: 16px
    }

    .firstScreen__btns-wrap {
        margin-top: 44px
    }

    .slideWrap__heading {
        font-size: 16px
    }

    .subBx__btn, .subBx__inp {
        /* height: 64px */
    }

    .progressCard {
        padding: 50px 34px
    }

    .progressCard__thumb {
        margin-bottom: 20px
    }

    .progressCard__thumb i:first-child {
        font-size: 110px
    }

    .progressCard__thumb i:last-child {
        font-size: 70px
    }

    .progressCard__quantity {
        font-size: 32px
    }

    .progressCard__heading {
        font-size: 16px;
        margin-bottom: 24px
    }

    .progressCard__txt {
        font-size: 16px;
        padding-bottom: 22px
    }

    .progressCard_tender {
        padding-bottom: 28px
    }

    .progressCard_tender .progressCard__thumb {
        margin-top: 20px;
        margin-bottom: 40px
    }

    .progressCard_tender .progressCard__txt {
        padding-bottom: 43px
    }

    .advantages__item {
        height: 188px
    }

    .advantageCard__txt {
        font-size: 16px
    }

    .regBxHome__body {
        padding: 40px 20px
    }

    .regBxHome__text {
        font-size: 18px;
        margin-top: 35px;
        margin-bottom: 35px
    }

    .rowInf__key {
        font-size: 14px;
        margin-right: 37px
    }

    .rowInf__value {
        font-size: 16px
    }

    .rating__star {
        font-size: 18px
    }

    .studioCard {
        height: 300px
    }

    .studioCard__name {
        font-size: 16px
    }

    .cardItem__body {
        padding: 30px 25px
    }

    .cardItem__date_top {
        margin-bottom: 17px
    }

    .cardItem__date_bot {
        font-size: 14px
    }

    .cardItem__heading, .cardItem__title {
        font-size: 16px
    }

    .cardItem__title {
        margin-bottom: 22px;
        margin-top: 17px
    }

    .cardItem__information {
        margin-top: 25px;
        margin-bottom: 20px
    }

    .cardItem__txt {
        font-size: 16px;
        margin-bottom: 20px
    }

    .cardItem_ukStudio .cardItem__body {
        padding-left: 35px;
        padding-top: 37px;
        padding-bottom: 0
    }

    .cardItem_poster .cardItem__date {
        font-size: 14px
    }

    /*.cardItem_poster .cardItem__heading {
        margin-top: 30px
        min-height: 155px;
    }*/

    .cardItem_poster .cardItem__information {
        /* margin-top: 12px;
        margin-bottom: 18px */
    }

    .cardItem_poster .cardItem__rowInf .rowInf__key {
        font-size: 12px;
        margin-right: 20px
    }

    .cardItem_poster .cardItem__rowInf .rowInf__value {
        font-size: 14px
    }

    .casesCard__body {
        padding-top: 44px;
        padding-bottom: 30px;
        padding-right: 28px
    }

    .casesCard__heading {
        font-size: 16px
    }

    .casesCard__row {
        margin-top: 24px
    }

    .casesCard__rowInf {
        margin-bottom: 30px
    }

    .casesCard__txt {
        font-size: 16px
    }

    .reviewsCard {
        padding: 45px 35px
    }

    .reviewsCard__name {
        font-size: 16px
    }

    .reviewsCard__links {
        margin-bottom: 23px
    }

    .reviewsCard__txt {
        font-size: 16px;
        margin-bottom: 40px
    }

    .reviewsCard__date {
        font-size: 16px
    }

    .compTypeCard {
        height: 150px
    }

    .compTypeCard__thumb {
        padding-bottom: 0
    }

    .compTypeCard__thumb::after {
        width: 80px;
        bottom: 20px
    }

    .compTypeCard__name {
        flex-basis: 60px
    }

    .tendersHead__item {
        font-size: 14px
    }

    .tendersCard__item_service {
        font-size: 16px
    }

    .tendersCard__item_amount, .tendersCard__item_detail, .tendersCard__item_end, .tendersCard__item_num, .tendersCard__item_sity, .tendersCard__item_start, .tendersCard__item_status {
        font-size: 14px
    }

    .pagination__txt {
        font-size: calc(14px + 2 * (100vw - 1286px) / 634)
    }

    .paginationBig_mtb {
        margin-top: 52px;
        margin-bottom: 52px
    }

    .studioReviewsCard {
        /* padding-top: 45px;
        padding-bottom: 45px */
    }

    .studioReviewsCard__thumb {
        margin-right: 63px
    }

    .studioReviewsCard__rating i {
        font-size: 26px
    }

    .studioReviewsCard__brief {
        margin-bottom: 29px
    }

    .studioReviewsCard__name {
        margin-bottom: 2px;
        font-size: 18px
    }

    .studioReviewsCard__about {
        font-size: 14px
    }

    .studioReviewsCard__company {
        font-size: 14px
    }

    .studioReviewsCard__date {
        font-size: 12px
    }

    .studioReviewsCard__service {
        font-size: 14px
    }

    .studioReviewsCard__txt {
        font-size: 16px;
        margin-bottom: 27px
    }

    .studioReviewsCard__site {
        font-size: 16px
    }

    .caseCard {
        /* padding: 25px 40px */
        padding: 20px;
    }

    .caseCard__company, .caseCard__service {
        font-size: 14px
    }

    .caseCard__company {
        margin-top: 20px
    }

    .caseCard__heading {
        margin-top: 22px;
        font-size: 18px
    }

    .caseCard__site {
        font-size: 14px
    }

    .caseCard__txt {
        font-size: 16px
    }

    .sortArticles {
        margin-top: 25px
    }

    .sortArticles__head {
        margin-right: 30px
    }

    .articlesCard {
        /* padding: 33px 38px 27px 33px */
    }

    .articlesCard__thumb {
        margin-right: 30px
    }

    .articlesCard__heading, .articlesCard__txt {
        /* font-size: 14px */
    }

    .articlesCard_main {
        padding-right: 67px
    }

    .articlesCard_main .articlesCard__heading {
        font-size: 18px
    }

    .articlesCard_main .articlesCard__txt {
        font-size: 16px
    }

    .posters__cardItem {
        /* padding: 35px 33px 17px */
    }

    .datapicers__inp {
        min-width: 143px
    }

    .datapicers__inp input {
        padding-left: 15px;
        padding-right: 40px;
        font-size: 14px
    }

    .datapicers__inp input::-webkit-input-placeholder {
        font-size: 14px
    }

    .datapicers__inp input::-moz-placeholder {
        font-size: 14px
    }

    .datapicers__inp input:-ms-input-placeholder {
        font-size: 14px
    }

    .datapicers__inp input::-ms-input-placeholder {
        font-size: 14px
    }

    .datapicers__inp input::placeholder {
        font-size: 14px
    }

    .datapicers__icon {
        right: 19px;
        font-size: 14px
    }

    .callPopUp__btns-wrap {
        margin-bottom: 41px
    }

    .modal_notification__info {
        font-size: calc(20px + 6 * (100vw - 1286px) / 634)
    }

    .rating-content li ul .position, .rating-header .position {
        flex-basis: 100px
    }

    .rating-content .company .image.com-logo {
        margin-right: 35px
    }

    .empty-content {
        font-size: 16px
    }

    .owl-carousel .owl-stage-outer {
        padding-right: 30px;
        padding-left: 30px;
        margin-right: -29px;
        margin-left: -29px
    }

    .tabs__heading, .tabs_dropNavigation .tabs__navigationBtn {
        font-size: 16px
    }

    .section_studios .tabs__heading, .section_studios .tabs_dropNavigation .tabs__navigationBtn {
        font-size: 22px
    }

    .faqCard__question {
        padding-top: 27px;
        padding-bottom: 27px;
        font-size: 14px
    }

    .faqCard__question .ic-arrow, .faqCard__question i {
        font-size: 19px
    }

    .faqCard__answer, .faqCard__question {
        /* padding-left: 67px;
        padding-right: 67px */
    }

    .faqCard_tender .faqCard__question {
        font-size: 14px;
        padding: 25px 43px 25px 33px
    }

    .faqCard_tender .faqCard__answer {
        margin-bottom: 58px
    }

    .topMenu__link {
        padding-right: 14px;
        padding-left: 14px
    }

    .subcategory_rejting__nav {
        padding-right: 35px;
        padding-left: 35px
    }

    .aside-right {
        padding-right: 30px;
        padding-left: 30px
    }

    .box ~ .box {
        margin-top: 60px
    }

    .box__heading {
        font-size: 14px
    }

    .search__inp input::-webkit-input-placeholder {
        font-size: 14px
    }

    .search__inp input::-moz-placeholder {
        font-size: 14px
    }

    .search__inp input:-ms-input-placeholder {
        font-size: 14px
    }

    .search__inp input::-ms-input-placeholder {
        font-size: 14px
    }

    .search__inp input::placeholder {
        font-size: 14px
    }

    .menuAside__link {
        padding-top: 21px;
        padding-bottom: 23px;
        padding-left: 23px
    }

    .menuAside__link::before {
        top: 26px
    }

    .aside-right_companyRating {
        padding-left: 43px;
        padding-right: 20px
    }

    .aside-right_companyRating .box + .box {
        margin-top: 47px
    }

    .aside-right_companyRating .box__heading {
        font-size: 14px;
        margin-bottom: 25px
    }

    .social:not(.lk-footer__social) {
        /* height: 80px */
    }

    .social__link {
        /* font-size: 24px; */
        /* width: 80px */
    }

    .footerNav__heading {
        font-size: 16px;
        margin-bottom: 15px
    }

    .footerNav__link {
        font-size: 16px
    }

    .dev__link:not(:last-child) {
        margin-bottom: 14px
    }

    .dev__txt + .dev__txt {
        /* margin-left: 20px */
    }

    .footer__topPanel {
        margin-bottom: 30px
    }

    .footer__dev, .search-main .modal__liveSearch {
        margin-top: 29px
    }

    .liveSearch__inp {
        font-size: 16px
    }

    .ui-menu-item {
        padding: 20px 30px
    }

    .ui-menu-item .image {
        margin-right: 35px
    }

    .section {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .section__title {
        font-size: 16px
    }

    .section__regBxHome {
        padding-top: 65px;
        padding-bottom: 60px;
        margin-bottom: 70px;
        margin-top: 70px
    }

    .section_subArticles {
        padding: 55px 95px
    }

    .section_subArticles .section__heading {
        font-size: 26px
    }

    .section_subArticles .section__subBx {
        margin-top: 26px
    }

    .section_subArticles .section__subBx .subBx__btn, .section_subArticles .section__subBx .subBx__inp {
        height: 54px
    }

    .section_progress .section__gridBx {
        padding-top: 50px;
        padding-bottom: 0
    }

    .section_tender {
        padding-top: 102px;
        padding-bottom: 176px
    }

    .section_tender .section__advantages {
        margin-top: 40px
    }

    .section_tender .section__slideWrap {
        margin-top: 40px
    }

    .section_ukStudio {
        padding-top: 110px;
        padding-bottom: 110px
    }

    .section_ukStudio .section__heading {
        margin-bottom: 30px
    }

    .section_work {
        padding-top: 97px;
        padding-bottom: 60px
    }

    .section_work .section__heading {
        margin-bottom: 70px
    }

    .section_addTender {
        /* padding-bottom: 35px */
    }

    .section_addTender .section__heading {
        margin-bottom: 28px
    }

    .section_addTender .section__companyType {
        margin-top: 40px;
        /* margin-bottom: 30px */
    }

    .section_trendCatalog {
        padding-bottom: 50px
    }

    .section_trendCatalog .section__heading {
        margin-bottom: 42px
    }

    .section_tenderReviews .section__heading {
        margin-bottom: 28px
    }

    .section_faq {
        padding-bottom: 170px
    }

    .section_articles .section__title, .section_news .section__title, .section_ukStudio .section__title {
        margin-bottom: 20px
    }

    .section_sub {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .section_welcome {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .content__faq, .content__list-of-tenders {
        margin-top: 25px
    }

    .content__list-of-tenders {
        margin-bottom: 30px
    }

    .contentBody {
        padding-top: 0;
        padding-bottom: 55px;
        margin-top: 25px
    }

    .contentBody__footer {
        padding-left: 0;
        padding-right: 0
    }

    .contentBody__footer .section_welcome {
        padding-top: 0;
        padding-bottom: 0
    }

    .contentBody__posters {
        /* margin-top: 52px */
    }

    .contentBody__callPopUp {
        margin-bottom: 41px
    }

    .contentBody_ratingSort {
        padding-top: 0;
        padding-bottom: 60px
    }

    .contentBody__tabs .tabs__heading {
        font-size: 16px
    }

    .contentBody__tabs .tabs__tabContent {
        padding-right: 70px;
        padding-left: 70px
    }

    .contentBody_ratingSort .contentBody__tabs .tabs__tabContent {
        padding-left: 0
    }

    .ratingSort__link {
        font-size: 18px
    }

    .ratingSort__link + .ratingSort__link {
        margin-top: 31px
    }

    .vacancies {
        margin-top: 25px
    }

    /* .vacancies__inner {
        padding-left: 71px;
        padding-right: 48px
    } */

    .vacancyCard {
        padding: 30px 0 40px 0
    }

    .vacancyCard__heading span {
        font-size: 18px
    }

    .vacancyCard__heading span.vip {
        font-size: 20px;
        margin-right: 12px
    }

    .vacancyCard__site {
        font-size: 16px
    }

    .vacancyCard__price {
        font-size: 18px
    }

    .vacancyCard__txt {
        font-size: 16px
    }

    .vacancyCard__btn {
        height: 59px
    }

    .vacancyPage {
        margin-top: 25px
    }

    .vacancyPage__main {
        padding: 0 75px 45px 52px
    }

    .vacancyPage__heading {
        font-size: 18px
    }

    .vacancyInfoWrap__item {
        /* padding-left: 56px; */
        padding-top: 15px;
        padding-bottom: 15px
    }

    .newsBody {
        margin-top: 25px
    }

    .newsBody__subArticles {
        margin-top: 32px;
        margin-bottom: 12px
    }

    .newsBody__subArticles .section__heading, .newsBody__subArticles .section__title {
        text-align: center
    }

    .newsBody__subArticles .section__title {
        margin: 5px auto;
        font-size: 14px;
        line-height: 100%
    }

    .newsCardPage {
        /* padding: 30px 68px 30px 30px */
    }

    .newsCardPage__thumb {
        margin-right: 35px
    }

    .newsCardPage__row_top {
        margin-top: 12px;
        margin-bottom: 52px
    }

    .newsCardPage__date, .newsCardPage__last {
        font-size: 14px
    }

    .newsCardPage__date {
        /* margin-top: -5px */
    }

    .newsCardPage__heading {
        font-size: 20px;
        /* margin-right: 38px */
    }

    .newsCardPage__txt {
        font-size: 16px;
        margin-right: 38px
    }

    .newsCardPage__btn {
        height: 59px;
        font-size: 12px
    }

    .newsCardPage__btn span {
        margin-right: 55px;
        margin-left: 55px
    }

    .newsCardPage_last {
        padding-left: 24px
    }

    .newsCardPage_last .newsCardPage__row_top {
        margin-bottom: 25px
    }

    .newsCardPage_last .newsCardPage__heading {
        /* margin-bottom: 27px */
    }

    .portfolio {
        margin-top: 25px
    }

    .portfolioCard {
        /* padding: 27px 31px */
        padding: 30px 30px 15px;
    }

    .portfolioCard__heading {
        font-size: 18px
    }

    .portfolioCard__value {
        font-size: 14px
    }

    .cmsBody {
        margin-top: 25px
    }

    .fxtabl__td span {
        font-size: 15px
    }

    .fxtabl__td_number {
        flex-basis: 115px
    }

    .fxtabl__td_checkbox {
        flex-basis: 80px
    }

    .cmsSelected {
        padding: 38px 68px 70px 71px;
        margin-top: 25px
    }

    .cmsSelected__pagination {
        margin-bottom: 60px
    }

    .companyPrice {
        padding-bottom: 49px
    }

    .companyPrice_search .firstScreen .firstScreen__wrapper {
        padding-top: 38px;
        /* padding-bottom: 60px */
    }

    .companyPrice__editor {
        margin-top: 25px
    }

    .companyPrice__editor .links_readMore {
        margin-top: 0
    }

    .companyPrice__firstScreen .firstScreen__wrapper {
        padding-top: 10px;
        /* padding-bottom: 10px */
    }

    .casessPageBody, .newsPageBody {
        margin-top: 25px
    }

    .casessPageBody__views, .newsPageBody__views {
        top: 17px;
        right: 30px
    }

    .casessPageBody__editor, .newsPageBody__editor {
        margin-bottom: 45px
    }

    .casessPageBody__box, .casessPageCard, .newsPageBody__box {
        padding-right: 30px;
        padding-left: 30px
    }

    .casessPageCard {
        padding-top: 38px;
        padding-bottom: 38px;
        margin-bottom: 52px
    }

    .casessPageCard__btn {
        height: 68px
    }

    .page404 h1 {
        font-size: 36px
    }

    .posterPageBody {
        margin-top: 25px
    }

    .posterPageBody__description {
        padding-top: 25px;
        padding-bottom: 60px
    }

    .posterPageBody .eventMaps__address, .posterPageBody .eventMaps__heading, .posterPageBody__editor, .posterPageBody__shareInf {
        /* padding-left: 71px;
        padding-right: 48px */
    }

    .posterPageBody__eventMaps {
        margin-top: 40px
    }

    .posterPageBody__shareInf {
        margin-top: 32px
    }

    .eventMaps__heading {
        font-size: 18px
    }

    .eventMaps__address {
        font-size: 16px
    }

    .afishaPageInfo {
        /* padding: 30px 30px 30px 60px */
    }

    .afishaPageInfo__thumb {
        margin-right: 20px
    }

    .afishaPageInfo__key {
        font-size: 14px
    }

    .afishaPageInfo__value {
        font-size: 16px
    }

    .articlesBody__company, .articlesBody__date, .articlesBody__type, .articlesBody__views {
        margin-top: 17px;
        margin-bottom: 17px
    }


    .articlesBody__company, .articlesBody__date, .articlesBody__type {
        font-size: 16px
    }

    .articlesBody__aside .articlesCard, .c-right .articlesCard {
        padding-right: 40px;
        padding-left: 40px
    }

    .articleStatic__editor, .articleStatic__heading, .articleStatic__shareInf, .articleStatic__tagsBx {
        padding-right: 52px;
        padding-left: 52px
    }

    .articleStatic__shareInf {
        margin-top: 43px;
        margin-bottom: 43px
    }

    .articleStatic__heading, .boxSide__heading {
        font-size: 20px
    }

    .popularTopic {
        /* padding-right: 52px;
        padding-left: 52px */
    }

    .popularTopic__heading {
        font-size: 22px
    }

    .categoryPage__selBlock {
        padding-left: 36px;
        flex-basis: 310px
    }

    .categoryPage__selBlock .selBlock__select {
        font-size: 16px
    }

    .categoryPage .fxtabl__td_number {
        flex-basis: 80px
    }

    .categoryPage .fxtabl__productImg {
        margin-right: 20px
    }

    .companyCard__heading {
        font-size: 28px
    }

    .companyCard__rating i {
        font-size: 20px
    }

    .arrayInf__key, .arrayInf__value {
        font-size: 14px;
    }

    .companySelected {
        margin-top: 0
    }

    .companySelected__companyCard {
        margin-bottom: 15px;
        padding-bottom: 0;
    }

    .companySelected__content {
        /* padding-bottom: 65px */
        padding-bottom: 30px;
    }

    .companySelected__eventMaps .eventMaps__heading, .companySelected__tagsBx {
        /* padding-right: 68px;
        padding-left: 68px */
    }

    .companySelected__tagsBx {
        margin-top: 35px
    }

    .tabContent__editor, .tabContent__tabCases, .tabContent__tabDiploms, .tabContent__tabPortfolio, .tabContent__tablService {
        /* padding-right: 68px;
        padding-left: 68px */
    }

    .tabContent__tablService {
        margin-bottom: 79px
    }

    .tabReviews__sortPanel .sortPanel__thumbBtn {
        flex-basis: 337px;
        /* padding-left: 68px */
    }

    .tabReviews__formBlcok {
        padding-right: 68px;
        padding-left: 68px
    }

    .studioReviewsCard_tab {
        padding-bottom: 30px;
        padding-top: 42px
    }

    .studioReviewsCard_tab .studioReviewsCard__thumb {
        flex-basis: 337px;
        /* padding-left: 68px */
    }

    .studioReviewsCard_tab .studioReviewsCard__body {
        /* padding-right: 68px */
    }

    .tabArticles__pagination, .tabArticles__sortPanel {
        /* padding-right: 68px;
        padding-left: 68px */
    }

    .tabArticles__pagination {
        margin-bottom: 66px
    }

    .articlesCard_inTab {
        padding: 25px 0px 30px
    }

    .articlesCard_inTab .articlesCard__thumb {
        flex-basis: 390px
    }

    .tabCases__pagination {
        margin-bottom: 66px
    }

    .tabDiploms__shareInf {
        margin-top: 52px;
        margin-bottom: 73px
    }

    .tabVacancy__pagination {
        padding-right: 68px;
        padding-left: 68px;
        margin-top: 30px;
        margin-bottom: 55px
    }

    .vacancyCard_tab {
        /* padding-right: 68px;
        padding-left: 68px */
    }

    .contactPege__wrapper {
        padding-top: 133px;
        padding-bottom: 138px
    }

    .contactForm__heading, .contactInfo__heading {
        font-size: 32px;
        margin-bottom: 35px
    }

    .contactInfo__phones {
        margin-top: 41px;
        margin-bottom: 43px
    }

    .contactInfo__tel {
        font-size: 36px
    }

    .contactInfo__key, .contactInfo__value {
        font-size: 20px
    }

    .contactForm__inp input, .contactForm__inp textarea {
        font-size: 16px
    }

    .contactForm__send input[type=submit] {
        padding-right: 60px;
        padding-left: 60px
    }

    .companyRating__fxtablWrp .fxtabl__td_number {
        flex-basis: 100px
    }

    .companyRating__fxtablWrp .fxtabl__productImg {
        margin-right: 55px
    }

    .contentAddEvent {
        padding: 39px 67px 60px;
        margin-top: 35px
    }

    .contentAddEvent__formBlcok textarea {
        min-height: 338px
    }

    .authorization {
        margin-top: 30px
    }

    .authorization h1, .authorization__heading {
        font-size: 26px
    }

    .authorization__btns-wrap {
        margin-bottom: 42px
    }

    .authorization__link {
        font-size: 16px
    }

    .authorization__info {
        margin-top: 46px;
        margin-right: 67px
    }

    .authorization__headingLight {
        line-height: 28px
    }

    .authorization__list li, .authorization__txt {
        font-size: 16px
    }

    .authorization__list {
        margin-top: 37px;
        margin-bottom: 37px
    }

    .tenderOrder {
        margin-top: 25px
    }

    .tenderOrder__heading {
        margin-bottom: 50px
    }

    .tenderOrder__txtContent {
        padding-top: 27px;
        padding-right: 33px;
        padding-left: 33px
    }

    .tenderOrder__td:first-child {
        flex-basis: 148px
    }

    .tenderOrder__td:nth-child(2):not(.tenderOrder__td_value) {
        flex-basis: 160px
    }

    .tenderOrder__formBox .field__enter {
        margin-top: 20px
    }

    .tenderOrder__td {
        font-size: 16px
    }

    .tenderOrder__head, .tenderOrder__td_key, .tenderOrder__tr_th .tenderOrder__td {
        font-size: 14px
    }

    .lk-header__logout {
        width: 81px
    }

    .dop-menu > :not(:last-child), .site-menu > :not(:last-child) {
        margin-right: 30px
    }
    .site-menu > :not(:last-child) {
        margin-right: 20px;
    }

    .dop-menu__link {
        font-size: 14px
    }

    .logout {
        font-size: 30px
    }

    .lk-tabls th {
        padding-top: calc(18px + 12 * (100vw - 1286px) / 400);
        padding-bottom: calc(15px + 21 * (100vw - 1286px) / 400);
        font-size: calc(11px + 3 * (100vw - 1286px) / 400)
    }

    .lk-tabls td:first-child, .lk-tabls th:first-child {
        padding-left: calc(25px + 25 * (100vw - 1286px) / 400)
    }

    .lk-tabls td:last-child, .lk-tabls th:last-child {
        padding-right: calc(15px + -10 * (100vw - 1286px) / 400)
    }

    .lk-tabls td {
        padding-top: calc(18px + 7 * (100vw - 1286px) / 400);
        padding-bottom: calc(18px + 7 * (100vw - 1286px) / 400);
        font-size: calc(12px + 2 * (100vw - 1286px) / 400)
    }

    .lk-tabls__v-date {
        font-size: calc(12px + 2 * (100vw - 1286px) / 400)
    }

    .lk-tabls__link {
        font-size: calc(12px + 4 * (100vw - 1286px) / 400)
    }

    .lk-tabls__btn:not(.lk-tabls__btn_updated) {
        padding-right: calc(10px + 5 * (100vw - 1286px) / 400);
        padding-left: calc(10px + 5 * (100vw - 1286px) / 400);
        height: calc(38px + 4 * (100vw - 1286px) / 400)
    }

    .lk-tabls__edit {
        font-size: calc(13px + 3 * (100vw - 1286px) / 634)
    }

    .lk-tabls__edit i {
        width: calc(15px + 3 * (100vw - 1286px) / 634);
        margin-right: calc(5px + 5 * (100vw - 1286px) / 634);
        font-size: calc(15px + 3 * (100vw - 1286px) / 634)
    }

    .lk-tabls__thumb {
        margin-right: calc(10px + 25 * (100vw - 1286px) / 400)
    }

    .lk-tabls__name {
        margin-bottom: calc(6px + 6 * (100vw - 1286px) / 400)
    }

    .lk-tabls_articles td:first-child, .lk-tabls_articles th:first-child {
        padding-left: calc(15px + 12 * (100vw - 1286px) / 400)
    }

    .lk-tabls_articles td {
        padding-top: calc(20px + 15 * (100vw - 1286px) / 400);
        padding-bottom: calc(20px + 12 * (100vw - 1286px) / 400)
    }

    .lk-tabls_diplomas td:first-child, .lk-tabls_diplomas th:first-child {
        padding-left: calc(15px + 56 * (100vw - 1286px) / 400)
    }

    .lk-tabls_diplomas .lk-tabls__name {
        font-size: calc(14px + 2 * (100vw - 1286px) / 400)
    }

    .lk-tabls_diplomas .lk-tabls__thumb {
        margin-right: calc(10px + 33 * (100vw - 1286px) / 400)
    }

    .lk-tabls_cases th {
        padding-top: calc(20px + 15 * (100vw - 1286px) / 400);
        padding-bottom: calc(20px + 12 * (100vw - 1286px) / 400)
    }

    .lk-tabls_vacancy .lk-tabls__txt {
        font-size: calc(14px + 2 * (100vw - 1286px) / 400)
    }

    .lk-tabls_vacancy td:first-child, .lk-tabls_vacancy th:first-child {
        padding-left: calc(15px + 54 * (100vw - 1286px) / 400)
    }

    .lk-tabls_vacancy th {
        padding-top: calc(20px + 15 * (100vw - 1286px) / 400);
        padding-bottom: calc(20px + 12 * (100vw - 1286px) / 400)
    }

    .lk-tabls_vacancy td {
        padding-top: calc(15px + 7 * (100vw - 1286px) / 400)
    }

    .lk-tabls_tendery td:first-child, .lk-tabls_tendery th:first-child {
        padding-left: calc(15px + 12 * (100vw - 1286px) / 400)
    }

    .home-board__bl-last-news, .home-board__bl-new-article, .home-board__bl-new-cases {
        padding: 39px 30px
    }

    .field_fieldset .field__checkbox {
        font-size: 16px
    }

    .field_fieldset_column .field__checkbox {
        margin-bottom: 12px
    }

    .field__link {
        margin-right: 52px
    }

    .studioReviewsCard_lk {
        padding-bottom: 38px
    }

    .studioReviewsCard_lk .studioReviewsCard__thumb {
        margin-right: 32px
    }

    .studioReviewsCard_lk .studioReviewsCard__name {
        font-size: 16px
    }

    .lk-reviews-statistics__col {
        min-height: calc(90px + 42 * (100vw - 1286px) / 85)
    }
}

@media (min-width: 1321px) {
    .lk-reviews__content {
        padding-right: calc(10px + 10 * (100vw - 1321px) / 599);
        padding-left: calc(10px + 10 * (100vw - 1321px) / 599)
    }
}

@media (min-width: 1370px) {
    .modal {
        padding-bottom: calc(30px + 20 * (100vw - 1370px) / 550)
    }

    .search-main .modal {
        padding-bottom: calc(30vh + 20 * (100vw - 1370px) / 550)
    }

    .order-service .modal {
        padding-bottom: calc(25px + 20 * (100vw - 1370px) / 550)
    }

    .callback .mfp-content .modal, .post-publicity .mfp-content .modal, .post-sponsor .mfp-content .modal {
        padding-top: calc(30px + 0 * (100vw - 1370px) / 550);
        padding-bottom: calc(30px + -10 * (100vw - 1370px) / 550)
    }

    .ui-menu {
        max-height: calc(25vh + 20 * (100vw - 1370px) / 550)
    }

    .page404__inner {
        padding-top: calc(40px + 142 * (100vw - 1370px) / 550);
        padding-bottom: calc(40px + 142 * (100vw - 1370px) / 550)
    }

    .page404__pageInformation {
        margin-top: 50px
    }

    .field_fieldset {
        padding-right: calc(15px + 10 * (100vw - 1370px) / 550);
        padding-left: calc(15px + 10 * (100vw - 1370px) / 550)
    }

    .field_fieldset_column {
        padding-left: calc(20px + 32 * (100vw - 1370px) / 550);
        padding-bottom: calc(15px + 23 * (100vw - 1370px) / 550);
        margin-bottom: calc(22px + 3 * (100vw - 1370px) / 550)
    }

    .field_fieldset_column .field__name {
        margin-bottom: calc(15px + 15 * (100vw - 1370px) / 550)
    }

    .tenderOrder_connection .tenderOrder__all-tender, .tenderOrder_connection .tenderOrder__heading {
        font-size: calc(16px + 4 * (100vw - 1370px) / 550)
    }

    .tenderOrder_connection .tenderOrder__aside {
        width: calc(310px + 140 * (100vw - 1370px) / 550)
    }
}

@media (min-width: 1371px) {
    .faqCard_connection .faqCard__answer, .faqCard_connection .faqCard__question {
        padding-left: calc(10px + 14 * (100vw - 1371px) / 549);
        padding-right: calc(10px + 15 * (100vw - 1371px) / 549)
    }

    .faqCard_connection .faqCard__question {
        padding-top: calc(15px + 15 * (100vw - 1371px) / 549);
        padding-bottom: calc(15px + 17 * (100vw - 1371px) / 549)
    }

    .faqCard_connection .faqCard__question > span:first-child {
        padding-right: calc(15px + 13 * (100vw - 1371px) / 549)
    }

    .faqCard_connection .faqCard__question_head {
        padding-top: calc(18px + 17 * (100vw - 1371px) / 549);
        padding-bottom: calc(18px + 14 * (100vw - 1371px) / 549);
        font-size: calc(12px + 4 * (100vw - 1371px) / 549)
    }

    .faqCard_connection .faqCard__question_head > span:last-child {
        padding-right: calc(0px + 26 * (100vw - 1371px) / 549)
    }

    .faqCard_connection .faqCard__answer {
        padding-right: calc(15px + 14 * (100vw - 1371px) / 549);
        padding-left: calc(15px + 14 * (100vw - 1371px) / 549)
    }

    .faqCard_connection .faqCard__answer.editor p {
        font-size: calc(14px + 2 * (100vw - 1371px) / 549)
    }

    .faqCard_connection .faqCard__btns, .faqCard_connection .faqCard__date, .faqCard_connection .faqCard__name, .faqCard_connection .faqCard__status {
        font-size: calc(12px + 2 * (100vw - 1371px) / 549)
    }

    .faqCard_connection .faqCard__name {
        font-size: calc(13px + 3 * (100vw - 1371px) / 549)
    }

    .faqCard_connection .faqCard__btns .ic-arrow, .faqCard_connection .faqCard__btns i {
        width: calc(24px + 6 * (100vw - 1371px) / 549);
        height: calc(24px + 6 * (100vw - 1371px) / 549)
    }

    .faqCard_connection .faqCard__chat {
        padding-right: calc(6px + 8 * (100vw - 1371px) / 549);
        padding-left: calc(6px + 8 * (100vw - 1371px) / 549);
        height: calc(24px + 6 * (100vw - 1371px) / 549);
        border-width: calc(1px + 1 * (100vw - 1371px) / 549);
        margin-right: calc(7px + 8 * (100vw - 1371px) / 549)
    }

    .lk-main__header {
        padding-left: 0
    }

    .bl-last-news__head, .bl-new-article__head, .bl-new-cases__head {
        font-size: calc(20px + 4 * (100vw - 1371px) / 549);
        margin-bottom: calc(15px + 14 * (100vw - 1371px) / 549)
    }

    .bl-last-news__heading, .bl-new-article__heading, .bl-new-cases__heading {
        font-size: calc(13px + 3 * (100vw - 1371px) / 549)
    }

    .bl-last-news__txt, .bl-new-article__txt, .bl-new-cases__txt {
        font-size: calc(14px + 2 * (100vw - 1371px) / 549)
    }

    .bl-new-article__company, .bl-new-article__service, .bl-new-cases__company, .bl-new-cases__service, .bl-new-cases__site {
        font-size: calc(12px + 2 * (100vw - 1371px) / 549)
    }

    .bl-rating__rating-company {
        margin-bottom: calc(0px + 24 * (100vw - 1371px) / 549)
    }

    .bl-rating__heading {
        font-size: calc(13px + 1 * (100vw - 1371px) / 549)
    }

    .bl-rating__quantity {
        font-size: calc(19px + 7 * (100vw - 1371px) / 549)
    }

    .bl-last-news__heading {
        margin-bottom: calc(10px + 10 * (100vw - 1371px) / 549)
    }

    .bl-new-article__company {
        margin-bottom: calc(10px + 13 * (100vw - 1371px) / 549)
    }

    .studioReviewsCard_chat {
        padding-right: calc(15px + 15 * (100vw - 1371px) / 549);
        padding-top: calc(30px + 5 * (100vw - 1371px) / 549);
        padding-bottom: calc(30px + 5 * (100vw - 1371px) / 549)
    }

    .studioReviewsCard_chat .studioReviewsCard__thumb {
        margin-right: calc(10px + 20 * (100vw - 1371px) / 549);
        margin-left: calc(10px + -10 * (100vw - 1371px) / 549);
        width: calc(160px + 40 * (100vw - 1371px) / 549)
    }

    .studioReviewsCard_chat .studioReviewsCard__date, .studioReviewsCard_chat .studioReviewsCard__tender {
        font-size: calc(12px + 2 * (100vw - 1371px) / 549)
    }

    .studioReviewsCard_chat .studioReviewsCard__txt {
        font-size: calc(14px + 2 * (100vw - 1371px) / 549)
    }

    .studioReviewsCard_chat-right .studioReviewsCard__thumb {
        margin-left: calc(10px + 20 * (100vw - 1371px) / 549);
        margin-right: calc(10px + -10 * (100vw - 1371px) / 549)
    }

    .lk-reviews-statistics__col {
        min-height: 132px
    }
}

@media screen and (min-width: 1446px) {
    .bl-new-article__company, .bl-new-article__service, .bl-new-cases__company, .bl-new-cases__service, .bl-new-cases__site {
        font-weight: 500
    }
}

@media (min-width: 1446px) {
    .main-txt__title {
        margin-top: calc(0px + 10 * (100vw - 1446px) / 474)
    }

    .advantage-list {
        margin-top: calc(25px + 18 * (100vw - 1446px) / 474)
    }

    .tabs_profile {
        /* margin-top: calc(25px + 18 * (100vw - 1446px) / 240) */
    }

    .lk-services {
        margin-top: calc(25px + 18 * (100vw - 1446px) / 474)
    }

    .tenderOrder_lk {
        margin-top: calc(25px + 25 * (100vw - 1446px) / 474)
    }

    .tenderOrder_connection {
        margin-top: calc(25px + 21 * (100vw - 1446px) / 474)
    }

    .lk-reviews {
        margin-top: calc(25px + 18 * (100vw - 1446px) / 474)
    }

    .lk-reviews-statistics__col:first-child .lk-reviews-statistics__heading {
        /* font-size: 14px */
    }

    .lk-reviews-statistics__heading {
        font-size: 16px
    }

    .contentWrap, .tablWrap {
        margin-top: calc(25px + 18 * (100vw - 1446px) / 474)
    }
}

@media (min-width: 1685px) {
    .modal__faqCard .faqCard__question {
        font-size: 13px
    }
}

@media screen and (min-width: 1686px) {
    .advantageItem__body {
        flex: 0 1 120px
    }
}

@media (min-width: 1686px) {
    .field__thumb i {
        font-size: 84px
    }

    .field__edit-img {
        font-size: 16px
    }

    .aside__avatar {
        margin-top: 12px;
        margin-bottom: 27px
    }

    .heading-wrap__link {
        font-size: 16px
    }

    .heading-wrap__link:not(:last-child) {
        margin-right: 54px
    }

    .heading-wrap__btn-add {
        padding-right: 25px;
        padding-left: 25px;
        font-size: 14px
    }

    .heading-wrap__btn-add i {
        font-size: 14px
    }

    .advantageItem__quantity {
        line-height: calc(25px + 10 * (100vw - 1686px) / 234)
    }

    .advantageItem__txt {
        font-size: calc(14px + 2 * (100vw - 1686px) / 234)
    }

    .lk-tabls th {
        padding-top: 30px;
        padding-bottom: 36px;
        font-size: 14px
    }

    .lk-tabls td:first-child, .lk-tabls th:first-child {
        padding-left: 50px
    }

    .lk-tabls td:last-child, .lk-tabls th:last-child {
        padding-right: 5px
    }

    .lk-tabls td {
        padding-top: 25px;
        padding-bottom: 25px;
        font-size: 14px
    }

    .lk-tabls__v-date {
        font-size: 14px
    }

    .lk-tabls__link {
        font-size: 16px
    }

    .lk-tabls__btn:not(.lk-tabls__btn_updated) {
        padding-right: 20px;
        padding-left: 20px;
        height: 42px
    }

    .lk-tabls__thumb {
        margin-right: 35px
    }

    .lk-tabls__name {
        margin-bottom: 12px
    }

    .lk-tabls_articles td:first-child, .lk-tabls_articles th:first-child {
        padding-left: 27px
    }

    .lk-tabls_articles td {
        padding-top: 35px;
        padding-bottom: 32px
    }

    .lk-tabls_diplomas td:first-child, .lk-tabls_diplomas th:first-child {
        padding-left: 71px
    }

    .lk-tabls_diplomas .lk-tabls__name {
        font-size: 16px
    }

    .lk-tabls_diplomas .lk-tabls__thumb {
        margin-right: 43px
    }

    .lk-tabls_cases th {
        padding-top: 35px;
        padding-bottom: 32px
    }

    .lk-tabls_vacancy .lk-tabls__txt {
        font-size: 16px
    }

    .lk-tabls_vacancy td:first-child, .lk-tabls_vacancy th:first-child {
        padding-left: 69px
    }

    .lk-tabls_vacancy th {
        padding-top: 35px;
        padding-bottom: 32px
    }

    .lk-tabls_vacancy td {
        padding-top: 22px
    }

    .lk-tabls_tendery td:first-child, .lk-tabls_tendery th:first-child {
        padding-left: 27px
    }

    .advantage-list__item {
        height: calc(80px + 37 * (100vw - 1686px) / 234)
    }

    .tabs_profile {
        /* margin-top: 43px */
    }

    .contentWrap {
        /* padding: 35px 50px 40px */
    }
}

@media (min-width: 1886px) {
    .heading-wrap__btn-add {
        height: 54px
    }
}

@media (min-width: 1910px) {
    .advantage-list__item {
        padding-right: 24px;
        padding-left: 24px
    }
}

@media (min-width: 1920px) {
    .field__remove {
        font-size: 24px
    }

    .warning__content {
        font-size: 20px
    }

    .pagination__txt {
        font-size: 16px
    }

    .rating-card {
        margin-right: 50px;
        margin-left: 50px;
        font-size: 18px
    }

    .rating-card:not(:last-child) {
        margin-bottom: 52px
    }

    .rating-card__thumb {
        margin-right: 30px
    }

    .modal_notification__info {
        font-size: 26px
    }

    .modal_notification__info--custom {
        font-size: 20px;
    }

    .faqCard_connection .faqCard__answer, .faqCard_connection .faqCard__question {
        padding-left: 24px;
        padding-right: 25px
    }

    .faqCard_connection .faqCard__question {
        padding-top: 30px;
        padding-bottom: 32px
    }

    .faqCard_connection .faqCard__question > span:first-child {
        padding-right: 28px
    }

    .faqCard_connection .faqCard__question_head {
        padding-top: 35px;
        padding-bottom: 32px;
        font-size: 16px
    }

    .faqCard_connection .faqCard__question_head > span:last-child {
        padding-right: 26px
    }

    .faqCard_connection .faqCard__answer {
        padding-right: 29px;
        padding-left: 29px
    }

    .faqCard_connection .faqCard__answer.editor p {
        font-size: 16px
    }

    .faqCard_connection .faqCard__btns, .faqCard_connection .faqCard__date, .faqCard_connection .faqCard__name, .faqCard_connection .faqCard__status {
        font-size: 14px
    }

    .faqCard_connection .faqCard__name {
        font-size: 16px
    }

    .faqCard_connection .faqCard__btns .ic-arrow, .faqCard_connection .faqCard__btns i {
        width: 30px;
        height: 30px
    }

    .faqCard_connection .faqCard__chat {
        padding-right: 14px;
        padding-left: 14px;
        height: 30px;
        border-width: 2px;
        margin-right: 15px
    }

    .mfp.mfp-modal .mfp-content .mfp-close, .mfp-close {
        top: 29px;
        right: 30px
    }

    .modal {
        padding-bottom: 50px
    }

    .modal__head {
        font-size: 24px;
        margin-top: 33px;
        margin-bottom: 23px
    }

    .modal__heading {
        font-size: 16px
    }

    .modal__faqCard .faqCard__answer {
        padding-right: 30px;
        padding-left: 30px;
        padding-top: 25px
    }

    .search-main .modal {
        padding-bottom: 50vh
    }

    .order-service .modal {
        padding-bottom: 45px
    }

    .order-service .modal__head {
        font-size: 18px
    }

    .order-service .modal__txt {
        font-size: 16px
    }

    .callback .mfp-content .modal, .post-publicity .mfp-content .modal, .post-sponsor .mfp-content .modal {
        padding-top: 30px;
        padding-bottom: 20px
    }

    .ui-menu {
        max-height: 45vh
    }

    .page404__inner {
        padding-top: 182px;
        padding-bottom: 182px
    }

    .tabReviews__formBlcok .formBlcok__heading {
        font-size: 18px
    }

    .tabReviews__formBlcok .formBlcok__title {
        font-size: 16px
    }

    .tenderOrder__tr {
        padding-right: 33px;
        padding-left: 33px
    }

    .tenderOrder__formBox {
        padding: 30px 25px
    }

    .tenderOrder__politTxt {
        padding: 35px 25px;
        margin-top: 58px;
        font-size: 16px
    }

    .containerPage__aside, .containerPage__main {
        min-width: 320px
    }

    .lk-main__header {
        min-height: 80px;
        margin-left: 40px;
        margin-right: 40px;
    }
    .lk-main__footer{
        padding-left: 40px;
        padding-right: 40px;
    }

    .lk-main__conteiner {
        padding-left: 40px;
        padding-right: 40px;
    }

    .lk-main__content {
        padding-top: 40px;
        padding-right: 0px
    }

    .lk-main__footer {
        min-height: 70px;
        /* margin-right: 40px; */
    }

    .aside__menu {
        /* padding-left: 87px */
    }

    .lk-menu__link {
        font-size: 16px;
        margin-bottom: 10px
    }

    .main-txt a.itr_return {
        margin-right: 25px
    }

    .main-txt__title {
        margin-top: 10px
    }

    .heading-wrap__btn-add {
        min-width: 245px
    }

    .advantageItem__quantity {
        font-size: 26px;
        line-height: 35px
    }

    .advantageItem__txt {
        font-size: 16px
    }

    .advantageItem__ic {
        font-size: 38px
    }

    .advantageItem__ic_center {
        font-size: 26px
    }

    .bl-last-news__head, .bl-new-article__head, .bl-new-cases__head {
        font-size: 24px;
        margin-bottom: 20px
    }

    .bl-last-news__heading, .bl-last-news__txt, .bl-new-article__heading, .bl-new-article__txt, .bl-new-cases__heading, .bl-new-cases__txt {
        font-size: 16px
    }

    .bl-new-article__company, .bl-new-article__service, .bl-new-cases__company, .bl-new-cases__service, .bl-new-cases__site {
        font-size: 14px
    }

    .bl-rating__rating-company {
        margin-bottom: 24px
    }

    .bl-rating__heading {
        font-size: 14px
    }

    .bl-rating__quantity {
        font-size: 26px
    }

    .bl-last-news__thumb {
        margin-right: 31px
    }

    .bl-last-news__heading {
        margin-top: 14px;
        margin-bottom: 20px
    }

    .bl-new-article__company {
        margin-bottom: 23px
    }

    .lk-tabls__edit {
        font-size: 16px
    }

    .lk-tabls__edit i {
        width: 18px;
        margin-right: 10px;
        font-size: 18px
    }

    .advantage-list {
        margin-top: 0
    }

    .advantage-list__item {
        height: 117px
    }

    .advantage-list {
        width: calc(60% - 30px);
        flex-wrap: wrap;
        margin-left: 10px;
        margin-right: 10px;
    }

    .advantage-list__item {
        width: calc((100% - 40px) / 3);
    }

    .advantage-list__item:first-child,
    .advantage-list__item:nth-child(3n+4) {
        margin-left: 0;
    }

    .advantage-list__item:nth-child(3n+3) {
        margin-right: 0;
    }

    .home-board__brick-list {
        display: flex;
        flex-wrap: wrap;
    }

    .home-board__bl-rating {
        width: calc(40% - 10px);
        flex-wrap: wrap;
        flex-direction: row;
    }

    .home-board__bl-rating * {
        box-sizing: border-box;
    }

    .home-board {
        /* margin-top: 30px; */
    }

    .bl-rating__aside {
        border-top: 1px solid rgb(247, 247, 247);
        flex-direction: row;
        width: 100%;
    }

    .bl-rating__aside > * {
        border: none;
    }

    .bl-rating__main {
        height: 280px;
        border: 1px solid rgb(247, 247, 247);
        width: 50%;
    }

    .tabs_profile .tabs__navigationWrap {
        max-width: 339px
    }

    .tabs_profile .tabs__navigationBtn {
        font-size: 18px;
        padding-left: 39px;
        margin-bottom: 7px
    }

    .tabs_profile .tabs__tabContent {
        padding: 39px 30px 44px
    }

    .field_fieldset {
        padding-right: 25px;
        padding-left: 25px
    }

    .field_fieldset .field__name {
        margin-left: -14px
    }

    .field_fieldset_column {
        padding-left: 52px;
        padding-bottom: 38px;
        margin-bottom: 25px
    }

    .field_fieldset_column .field__name {
        margin-left: -21px;
        margin-bottom: 30px
    }

    .lk-services {
        margin-top: 43px;
        /* padding: 40px 30px */
    }

    .tenderOrder_lk {
        margin-top: 50px
    }

    .tenderOrder_lk .tenderOrder__main {
        width: 660px
    }

    .tenderOrder_lk .tenderOrder__aside {
        width: 500px
    }

    .tenderOrder_connection {
        margin-top: 46px
    }

    .tenderOrder_connection .tenderOrder__all-tender, .tenderOrder_connection .tenderOrder__heading {
        font-size: 20px
    }

    .tenderOrder_connection .tenderOrder__main {
        width: 100%;
        flex: 1;
    }

    .tenderOrder_connection .tenderOrder__aside {
        width: 450px
    }

    .lk-reviews {
        margin-top: 43px
    }

    .lk-reviews__aside {
        width: 240px
    }

    .lk-reviews__content {
        padding-right: 20px;
        padding-left: 20px
    }

    .studioReviewsCard_chat {
        padding-right: 30px;
        padding-top: 35px;
        padding-bottom: 35px
    }

    .studioReviewsCard_chat .studioReviewsCard__thumb {
        margin-right: 30px;
        margin-left: 0;
        width: 200px
    }

    .studioReviewsCard_chat .studioReviewsCard__date, .studioReviewsCard_chat .studioReviewsCard__tender {
        font-size: 14px
    }

    .studioReviewsCard_chat .studioReviewsCard__txt {
        font-size: 16px
    }

    .studioReviewsCard_chat-right {
        padding-left: 30px
    }

    .studioReviewsCard_chat-right .studioReviewsCard__thumb {
        margin-left: 30px;
        padding-left: 85px;
        margin-right: 0
    }

    .contentWrap, .tablWrap {
        margin-top: 43px
    }
}

@media screen and (min-width: 1920px) {
    .aside__menu {
        /* padding-left: 28% */
    }
}

@media (min-width: 13711px) {
    .studioReviewsCard_chat-right {
        padding-left: calc(15px + 15 * (100vw - 13711px) / -11791)
    }
}

@media screen and (max-width: 1800px) {
    .field_img {
        align-self: flex-start
    }
}

@media screen and (max-width: 1770px) {
    .field_fieldset_column .field__body {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3
    }
}

@media screen and (max-width: 1715px) {
    .stickybl {
        display: none
    }
}

@media screen and (max-width: 1685px) {
    .formBlcok_lk .formBlcok__field {
        flex-grow: 1
    }
}

@media screen and (max-width: 1445px) {
    .faqCard_connection.active .faqCard__question .ic-arrow, .faqCard_connection.active .faqCard__question i {
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }

    .vacancies__inner_top {
        min-height: auto
    }
}

@media screen and (max-width: 1370px) {
    .faqCard_connection .faqCard__question_head > span {
        font-weight: 500
    }

    .faqCard_connection .faqCard__chat {
        font-weight: 400
    }

    .tenderOrder_connection .tenderOrder__main {
        flex-grow: 1
    }
}

@media screen and (max-width: 1285px) {
    .slideWrap__links {
        bottom: -30px
    }

    .slideWrap_onBg .owl-carousel .owl-nav button.owl-next, .slideWrap_onBg .owl-carousel .owl-nav button.owl-prev {
        color: #fff
    }

    .owl-carousel .owl-nav {
        position: absolute;
        bottom: 0;
        left: -5px;
        display: flex;
        align-items: center
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
        font-size: 30px;
        position: static;
        display: block;
        width: 40px;
        height: 40px;
        margin: 0 5px;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        text-align: center
    }

    @media screen and (max-width: 1285px) {
        .owl-carousel .owl-nav button.owl-next svg, .owl-carousel .owl-nav button.owl-prev svg {
            width: 30px
        }
    }.owl-carousel .owl-nav button.owl-next:active, .owl-carousel .owl-nav button.owl-prev:active {
         -webkit-transform: translate(0, 0) scale(.9);
         transform: translate(0, 0) scale(.9)
     }

    .owl-carousel .owl-dots {
        bottom: 12px;
        left: 111px
    }

    .tabs_rowNavigation .tabs__navigationBtn {
        padding-right: 15px;
        padding-left: 15px
    }

    .mainMenu__iconBtnGroup {
        /* min-width: 120px */
    }

    .footer__innerRow {
        margin-right: -10px;
        margin-left: -10px
    }

    .footer__footerNav {
        margin-right: 10px;
        margin-left: 10px;
        width: calc(25% - 20px)
    }

    .companyCard__content {
        /* margin-right: 20px */
        margin-right: 0;
    }

    .tenderOrder_connection .tenderOrder__aside {
        margin-top: 20px
    }

    .tenderOrder_connection .tenderOrder__aside, .tenderOrder_connection .tenderOrder__main {
        width: 100%;
        flex-grow: 1
    }

    .lk-reviews {
        flex-direction: column-reverse
    }

    .lk-reviews__aside {
        width: auto
    }

    .lk-reviews-statistics {
        display: flex;
        flex-wrap: wrap
    }

    .lk-reviews-statistics__col:not(:last-child) {
        /* border-right: 1px solid #f7f7f7 */
    }

    .lk-reviews-statistics__col {
        flex-grow: 1
    }
}

@media screen and (max-width: 1155px) {
    .jq-selectbox ul li {
        padding-top: 3px;
        padding-bottom: 3px
    }

    .sortSearch {
        display: inline-flex;
        padding-right: 20px;
        flex-shrink: 0
    }

    .sortSearch__selBlock {
        min-width: 150px;
        height: 74px;
        padding-right: 10px;
        padding-left: 20px
    }

    .sortSearch__selBlock:first-child, .sortSearch__selBlock:last-child {
        flex-grow: 0
    }

    .sortSearch .jq-selectbox__trigger {
        margin-left: 10px
    }

    .sortSearch .jq-selectbox__dropdown {
        padding: 10px 20px
    }

    .firstScreen__wrapper {
        min-height: 0
    }

    .firstScreen__content {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .firstScreen h1.firstScreen__heading, .firstScreen__content h1, .firstScreen__heading {
        max-width: 100%;
        margin-bottom: 20px;
        text-align: center
    }

    .firstScreen__btns-wrap {
        margin-right: 0
    }

    .firstScreen_cen .firstScreen__content {
        display: block
    }

    .casesCard__body {
        padding-left: 40px
    }

    .casesCard__rowInf > * {
        margin-top: 2px;
        margin-bottom: 2px
    }

    .sortPanel {
        justify-content: flex-start
    }

    .sortPanel_date {
        align-items: flex-end
    }

    .sortPanel_date .sortPanel__datapicers {
        margin-right: 3%;
        margin-bottom: 15px
    }

    .sortPanel_date .sortPanel__checkbox {
        display: block;
        min-height: 30px;
        margin-bottom: 15px
    }

    .sortPanel_date .sortPanel__btn {
        margin-top: 0;
        margin-right: 0;
        margin-top: 11px;
        margin-bottom: 11px
    }

    .tabs__heading {
        margin-left: 25px
    }

    .tabs_dropNavigation .tabs__navigationWrap {
        left: 25px
    }

    .tabs_dropNavigation .tabs__navigationWrap .tabs__heading {
        margin-left: 0
    }

    .tabs_rowNavigation .tabs__navigationBtn {
        padding-right: 10px;
        padding-left: 10px
    }

    .tabs_inDropNav .tabs__navigationWrap {
        left: 25px
    }

    .tabs_inDropNav .tabs__navigationWrap .tabs__heading {
        margin-left: 0
    }

    .mainMenu__iconBtnGroup {
        min-width: 80px
    }

    .subcategory_katalog__left {
        min-width: 340px
    }

    .subcategory_katalog__navList {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }

    .header__btn {
        font-size: 10px;
        min-width: 160px
    }

    .footerTopMenu__link {
        padding-right: 5px;
        padding-left: 5px
    }

    .footer__footerItem_left {
        margin-right: 30px
    }

    .modal__faqCard {
        width: calc(100% - 20px)
    }

    .filterpro_box__content {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr))
    }

    .filterpro_box__option:not(.option_cities) {
        padding-left: 20px
    }

    .filterpro_box__option--wrap {
        margin-right: 10px
    }

    .newsCardPage__row {
        align-items: center
    }

    .companyCard__thumb {
        flex: 0 0 220px
    }

    .companyCard__aside {
        flex: 0 0 225px
    }

    .bl-rating__rating-company {
        min-height: 160px
    }

    .bl-rating__counter, .bl-rating__counter-shadow {
        -webkit-transform: translate(-50%, -50%) scale(.7);
        transform: translate(-50%, -50%) scale(.7)
    }

    .field_fieldset_column .field__body {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2
    }
}

@media screen and (max-width: 1129px) {
    .companyPrice__firstScreen {
        margin-bottom: 30px
    }

    /* .companyPrice__fxtablWrp {
        box-shadow: inset -2px -2px 2px rgba(0, 0, 0, .25), inset 2px 2px 2px rgba(0, 0, 0, .25)
    } */
}

@media screen and (max-width: 1055px) {
    .breadcrumb__wrapper, .contactPege__wrapper, .dropdown-menu__wrapper, .firstScreen__wrapper, .footer__wrapper, .header__wrapper, .mainMenu__row.menuFixed, .mainMenu__wrapper, .main__page-wrap, .page404__inner, .regBxHome, .section__wrapper {
        padding-right: 20px;
        padding-left: 20px
    }
    .companyPrice__wrapper{
        padding-left: 0;
        padding-right: 0;
    }

    .articlesCard__thumb {
        flex-shrink: .8
    }

    .aside-right_companyRating {
        padding-left: 0
    }

    .agreements .mfp-content .modal__inner, .callback .mfp-content .modal__inner, .faq-cases .mfp-content .modal__inner, .post-publicity .mfp-content .modal__inner, .post-sponsor .mfp-content .modal__inner {
        padding-right: 20px;
        padding-left: 20px
    }

    .filterpro_box {
        max-height: none
    }

    .filterpro_box__head--row, .filterpro_box__inner {
        padding-right: 20px;
        padding-left: 20px
    }

    .filterpro_box__content {
        overflow-y: auto
    }

    .filterpro_box__option.option_cities, .filterpro_box__option.option_cities + * {
        grid-row: 1/2
    }

    .cmsSelected__tabs .tabs__navigationWrap {
        margin-left: 0
    }

    .posterPageBody__item {
        width: 50%
    }

    .tenderOrder__main {
        flex-grow: 1
    }

    .tenderOrder__aside {
        flex-grow: .25
    }

    .content__body {
        margin-top: 20px
    }

    #simplecheckout_customer .you-will-be-registered {
        font-size: 14px;
        font-weight: 500
    }

    #customer_table .simplecheckout-customer-left input, #customer_table .simplecheckout-customer-left select, #customer_table .simplecheckout-customer-left textarea, #customer_table .simplecheckout-customer-right input, #customer_table .simplecheckout-customer-right select, #customer_table .simplecheckout-customer-right textarea {
        font-size: 13px
    }

    #customer_table .simplecheckout-customer-left input::-webkit-input-placeholder, #customer_table .simplecheckout-customer-left select::-webkit-input-placeholder, #customer_table .simplecheckout-customer-left textarea::-webkit-input-placeholder, #customer_table .simplecheckout-customer-right input::-webkit-input-placeholder, #customer_table .simplecheckout-customer-right select::-webkit-input-placeholder, #customer_table .simplecheckout-customer-right textarea::-webkit-input-placeholder {
        font-size: 13px !important
    }

    #customer_table .simplecheckout-customer-left input::-moz-placeholder, #customer_table .simplecheckout-customer-left select::-moz-placeholder, #customer_table .simplecheckout-customer-left textarea::-moz-placeholder, #customer_table .simplecheckout-customer-right input::-moz-placeholder, #customer_table .simplecheckout-customer-right select::-moz-placeholder, #customer_table .simplecheckout-customer-right textarea::-moz-placeholder {
        font-size: 13px !important
    }

    #customer_table .simplecheckout-customer-left input:-ms-input-placeholder, #customer_table .simplecheckout-customer-left select:-ms-input-placeholder, #customer_table .simplecheckout-customer-left textarea:-ms-input-placeholder, #customer_table .simplecheckout-customer-right input:-ms-input-placeholder, #customer_table .simplecheckout-customer-right select:-ms-input-placeholder, #customer_table .simplecheckout-customer-right textarea:-ms-input-placeholder {
        font-size: 13px !important
    }

    #customer_table .simplecheckout-customer-left input::-ms-input-placeholder, #customer_table .simplecheckout-customer-left select::-ms-input-placeholder, #customer_table .simplecheckout-customer-left textarea::-ms-input-placeholder, #customer_table .simplecheckout-customer-right input::-ms-input-placeholder, #customer_table .simplecheckout-customer-right select::-ms-input-placeholder, #customer_table .simplecheckout-customer-right textarea::-ms-input-placeholder {
        font-size: 13px !important
    }

    #customer_table .simplecheckout-customer-left input::placeholder, #customer_table .simplecheckout-customer-left select::placeholder, #customer_table .simplecheckout-customer-left textarea::placeholder, #customer_table .simplecheckout-customer-right input::placeholder, #customer_table .simplecheckout-customer-right select::placeholder, #customer_table .simplecheckout-customer-right textarea::placeholder {
        font-size: 13px !important
    }

    #customer_table .simplecheckout-customer-left {
        font-size: 13px;
        font-weight: 500;
        width: 165px
    }

    #simplecheckout_cart table thead tr th {
        font-size: 14px
    }

    #simplecheckout_cart tbody tr, #simplecheckout_cart thead tr {
        font-size: 13px;
        grid-column-gap: 5px;
        grid-auto-rows: 55px;
    }

    #simplecheckout_cart tbody .image img, #simplecheckout_cart thead .image img {
        width: 38px
    }

    .containerPage__aside {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 268px;
        transition: transform 350ms ease-in-out;
        transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out;
        -webkit-transform: translateX(-105%);
        transform: translateX(-105%);
        box-shadow: inset -5px 0px 15px #F3F3F3
    }

    .containerPage__main {
        transition: transform 350ms ease-in-out;
        transition: transform 350ms ease-in-out, -webkit-transform 350ms ease-in-out
    }

    .aside__menu {
        /* padding-left: 42px */
    }

    .site-menu {
        display: none
    }

    .lk-header__right .site-menu__link {
        display: none;
    }

    .tenderOrder_lk .tenderOrder__aside, .tenderOrder_lk .tenderOrder__main {
        width: 100%;
        flex-grow: 1
    }
}

@media screen and (max-width: 1180px) {
    .fxtabl_bank{
        overflow-x: auto
    }
}
@media screen and (max-width: 1155px) {
    #simplecheckout_cart tbody tr, #simplecheckout_cart thead tr {
        min-width: 100%;
        width: calc(50vw - 50px);
    }
}

@media screen and (max-width: 1024px) {
    .expanded-block {
        /* padding: 0 70px */
        padding: 0;
    }

    .fxtablWrp {
        overflow-x: auto
    }

    .categoryPage__tableWrapper .fxtablWrp {
        overflow-x: initial;
    }

    .categoryPage__tableWrapper {
        overflow-x: auto;
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 965px) {
    .product-slider-tabs .owl-nav button.owl-prev, .product-slider-tabs .owl-nav button.owl-next{
        font-size: 30px !important;
        margin-top: -2px;
    }
    .tabs_rowNavigation .tabs__navigationBtn {
        min-height: 40px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        font-size: 16px !important;
    }
    .columns_sitebar_left .aside-left, .columns_sitebar_left .aside-right, .columns_sitebar_left .content, .columns_sitebar_right .aside-left, .columns_sitebar_right .aside-right, .columns_sitebar_right .content {
        width: calc(100% - 30px)
    }

    .selBlock_row .selBlock__select {
        position: static
    }

    .jq-selectbox select {
        visibility: visible
    }

    .jq-selectbox__select::before {
        display: none
    }

    .jq-selectbox__dropdown {
        display: none !important
    }

    .simplecheckout-error-text, .text-error, .text-success {
        font-size: 10px;
        right: 0;
        left: 0;
        text-align: left
    }

    .rowBan__img {
        width: 100%;
        height: 65px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .sortSearch {
        flex-direction: column;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px
    }

    .sortSearch__btn {
        width: 100%
    }

    .sortSearch__selectWrap {
        flex-direction: column
    }

    .sortSearch__selBlock {
        margin-bottom: 10px;
        border: 1px solid #bebebe
    }

    .sortSearch__selBlock:not(:last-child)::before {
        display: none
    }

    .firstScreen__content {
        flex-direction: row-reverse;
        margin-top: 0
    }

    .firstScreen h1.firstScreen__heading, .firstScreen__content h1, .firstScreen__heading {
        padding-right: 10px;
        padding-left: 10px;
        flex-basis: auto
    }

    .firstScreen__btns-wrap, .firstScreen__title {
        padding-right: 10px;
        padding-left: 10px
    }

    .progressCard__watch {
        -webkit-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1);
        opacity: 1
    }

    .casesCard__body {
        padding-left: 24px
    }

    .companyType__item {
        width: calc(33.33333% - 30px)
    }

    .list-of-tenders {
        box-shadow: inset -2px -2px 2px rgba(0, 0, 0, .25), inset 2px 2px 2px rgba(0, 0, 0, .25)
    }

    .tendersCard__item_service, .tendersHead__item_service {
        max-width: 200px
    }

    .articlesCard__thumb {
        width: 50%;
        max-width: 390px;
        flex-shrink: 1
    }

    .articlesCard__content {
        width: 50%
    }

    .articlesCard_main {
        border-bottom: 2px solid #0090ff
    }

    .articlesCard_main .articlesCard__thumb {
        max-width: 390px
    }

    .rating-content, .rating-header {
        min-width: 800px
    }

    .owl-carousel.sliderUkStudio {
        padding-bottom: 30px
    }

    .ui-datepicker .ui-button, .ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker html .ui-button.ui-state-disabled:hover, .ui-datepicker ui-widget-header .ui-state-default, .ui-datepicker zhtml .ui-button.ui-state-disabled:active {
        margin-top: 0
    }

    .tabs_navLeft {
        flex-direction: column
    }

    .tabs_inDropNav {
        position: relative;
        margin-left: -25px;
        padding-left: 25px
    }

    .tabs_inDropNav .tabs__heading {
        display: inline-block
    }

    .tabs_inDropNav .tabs__navigationWrap {
        position: absolute;
        z-index: 20;
        top: -25px;
        left: 0;
        display: none;
        padding: 25px;
        background-color: #fff;
        box-shadow: -4px 0 17px 1px rgba(0, 0, 0, .05), 1px 1px 17px rgba(0, 0, 0, .05)
    }

    .tabs_inDropNav .tabs__navigationWrap.tabNavOpen {
        display: block
    }

    .tabs_inDropNav .tabs__navigation {
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
        border: none;
        align-items: flex-start
    }

    .tabs_inDropNav .tabs__navigationBtn {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.75;
        padding: 0;
        cursor: pointer;
        text-align: left;
        text-transform: none;
        color: #000
    }

    .tabs_inDropNav .tabs__navigationBtn::before {
        display: none
    }

    .mainMenu__wrapper {
        padding-top: 5px;
        padding-bottom: 5px
    }

    .mainMenu__row {
        padding-top: 0;
        padding-bottom: 0
    }

    .mainMenu__top {
        display: none
    }

    .mainMenu__iconBtnGroup {
        margin-left: auto;
        padding-right: 5px;
        justify-content: flex-end
    }

    .header__topMenu {
        display: none
    }

    .header__mainMenu {
        z-index: 30
    }

    .header__btn {
        min-width: 174px
    }

    .aside-right_companyRating {
        display: block;
        display: flex;
        margin-right: -15px;
        margin-left: -15px;
        padding-left: calc(0px + 43 * (100vw - 321px) / 965);
        flex-wrap: wrap
    }

    .aside-right_companyRating .box {
        box-sizing: border-box;
        min-width: 100px;
        margin-right: 15px;
        margin-bottom: 30px;
        margin-left: 15px;
        word-wrap: break-word
    }

    .aside-right_companyRating .box + .box {
        margin-top: 0
    }

    .bottomBar__aside, .bottomBar__main {
        width: calc(100% - 30px)
    }

    .footerTopMenu {
        display: none
    }

    .footer__footerItem_left {
        margin-right: 90px
    }

    .footer__footerNav {
        width: calc(33.33% - 20px)
    }

    .footer__footerNav:last-child {
        display: none
    }

    .footer__footerItem_left {
        flex-basis: auto
    }

    .contentBody__tabs {
        padding-top: 20px
    }

    .contentBody__tabs > .tabs__heading {
        line-height: 30px;
        display: inline-flex;
        height: calc(40px + 15 * (100vw - 321px) / 965);
        margin-bottom: 30px;
        margin-left: calc(0px + 68 * (100vw - 321px) / 965);
        align-items: center
    }

    .contentBody__tabs .tabs__navigationWrap {
        top: 1px
    }

    .contentBody__tabs .tabs__navigationBtn {
        font-size: 16px;
        font-weight: 500
    }

    .ratingSort__link span:first-child {
        font-weight: 700;
        min-width: 80px
    }

    .ratingSort__link span:not(:first-child) {
        position: static
    }

    .vacancyCard__heading span.vip {
        font-weight: 700
    }

    .vacancyCard__secvise {
        margin-top: 0
    }

    .vacancyCard__btn {
        margin-top: 0;
        align-self: flex-start
    }

    .vacancyPage__aside, .vacancyPage__main {
        width: calc(100% - 30px)
    }

    .vacancyInfoWrap__thumb {
        flex-basis: 230px
    }

    .vacancyInfoWrap__body {
        /* display: grid;
        max-width: 100%;
        grid-template-columns: 300px minmax(245px, 1fr) minmax(245px, 1fr);
        grid-template-areas: 'item1 item2 item3' 'item1 item4 item4' */
    }

    .vacancyInfoWrap__item:nth-child(1) {
        display: flex;
        flex-direction: column;
        border-right: 2px solid #f7f7f7;
        grid-area: item1;
        justify-content: center
    }

    .vacancyInfoWrap__item:nth-child(2) {
        border-right: 2px solid #f7f7f7;
        grid-area: item2
    }

    .vacancyInfoWrap__item:nth-child(3) {
        grid-area: item3
    }

    .vacancyInfoWrap__item:nth-child(4) {
        grid-area: item4
    }

    .newsCardPage__row_top {
        flex-direction: column-reverse;
        align-items: flex-start
    }

    .newsCardPage__row_txt {
        display: block
    }

    .newsCardPage__date {
        /* margin-bottom: 10px */
    }

    .newsCardPage__txt {
        margin-bottom: 20px
    }

    .newsCardPage_last .newsCardPage__row_top {
        flex-direction: row
    }

    .articlesBody__aside {
        margin-top: 20px
    }

    .articlesBody__aside, .articlesBody__info, .articlesBody__main {
        width: calc(100% - 20px)
    }

    .articlesBody__aside .articlesCard, .c-right .articlesCard {
        flex-direction: row
    }

    .articlesBody__aside .articlesCard__thumb, .c-right .articlesCard__thumb {
        margin-right: 20px;
        margin-bottom: 0
    }

    .boxSide__heading {
        padding-bottom: 15px;
        padding-left: 20px;
        border-bottom: 1px solid #f7f7f7
    }

    .companyCard__thumb {
        display: flex;
        flex: 1 0 300px;
        align-items: center;
        justify-content: center
    }
    .companyCard__row {
        flex-wrap: wrap
    }

    .companyCard__content .arrayInf__key {
        min-width: 135px
    }

    .companyCard__site {
        margin-bottom: 15px
    }

    .companySelected__tabs {
        padding-top: 20px
    }
    .bank .companySelected__tabs {
        padding-top: 0px
    }

    .companySelected__tabs > .tabs__heading {
        display: inline-flex;
        height: calc(40px + 15 * (100vw - 321px) / 965);
        margin-bottom: 30px;
        margin-left: calc(0px + 68 * (100vw - 321px) / 965);
        align-items: center
    }

    .companySelected__tabs .tabs__btnCall {
        /* margin-right: calc(0px + 68 * (100vw - 321px) / 965) */
    }

    .tabReviews__sortPanel {
        align-items: flex-end
    }

    .tabReviews__sortPanel .sortPanel__sortBy {
        margin-bottom: 0
    }

    .companyRating__fxtablWrp .fxtabl {
        min-width: 800px
    }

    .tenderOrder__aside {
        margin-top: 20px
    }

    .tenderOrder .tenderOrder__main, .tenderOrder__aside {
        width: calc(100% - 40px)
    }

    .simplecheckout-left-column, .simplecheckout-right-column {
        width: calc(100% - 20px)
    }

    .simplecheckout-right-column {
        order: -1
    }

    .heading-wrap {
        display: block
    }

    .heading-wrap__btns {
        width: 100%
    }

    .tabs_profile .tabs__navigation {
        margin-right: 15px;
        margin-left: 15px
    }

    .tabs_profile .tabs__navigationBtn {
        display: inline-block;
        width: 100%;
        max-width: 210px;
        text-align: center;
        border: 1px solid #050505;
        padding: 10px
    }

    .tabs_profile .tabs__navigationBtn:not(:last-child) {
        margin-bottom: 10px
    }

    .hidden-sm {
        display: none;
    }

    .visible-sm {
        display: block;
    }

    .vacancyPage__fileUpload {
        margin-bottom: 50px;
    }

    .sortPanel__search {
        margin-top: 20px;
    }

    .sortPanel.contentBody__sortPanel {
        /* padding: 15px; */
    }
}

@media screen and (max-width: 866px) {
    .advantage-list__item {
        height: auto
    }
}

@media screen and (max-width: 865px) {
    .editor_col_2 {
        -webkit-column-gap: 24px;
        -moz-column-gap: 24px;
        column-gap: 24px
    }

    .formBlcok__field {
        flex-grow: 1
    }

    .firstScreen__title {
        display: block;
        text-align: left
    }

    .firstScreen__btns-wrap {
        display: inline-flex
    }

    .firstScreen__btns-wrap .btn {
        max-width: none
    }

    .firstScreen_cen .firstScreen__content h1 {
        text-align: left
    }

    .formBlcok__fieldCustom.formBlcok__field_col3 {
        width: calc(50% - 20px)
    }

    .formBlcok__fieldCustom.formBlcok__field_col6 {
        width: calc(100% - 20px)
    }

    .check_domain__field {
        /* padding: 13px 20px; */
    }

    .subBx {
        margin-right: -12px;
        margin-left: -12px
    }

    .subBx__btn, .subBx__inp {
        margin-right: 12px;
        margin-left: 12px
    }

    .subBx__btn {
        flex-grow: 0
    }

    .gridBx {
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }

    .gridBx.owl-carousel {
        padding-bottom: 30px
    }

    .progressCard {
        width: calc(100% - 0px);
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0
    }

    .advantages {
        margin-right: -12px;
        margin-left: -12px
    }

    .advantages__item {
        width: calc(50% - 24px);
        margin-right: 12px;
        margin-bottom: 24px;
        margin-left: 12px
    }

    .casesCard__thumb {
        flex-shrink: .5
    }

    .casesCard__rowInf {
        width: calc(100% - 30px)
    }

    .casesCard__rowInf > * {
        margin-top: 0;
        margin-bottom: 0
    }

    .companyType {
        margin-right: -12px;
        margin-left: -12px
    }

    .companyType__item {
        width: calc(33.33333% - 24px);
        margin-right: 12px;
        /* margin-bottom: 24px; */
        margin-bottom: 15px;
        margin-left: 12px
    }

    .weRecommendItems.owl-carousel .weRecommendItems__img {
        width: 120px
    }
    .weRecommendItems.owl-carousel{
        border-left: none;
    }
    .weRecommendItems__thumb {
        width: 100%;
        margin: 0 0 30px;
        padding: 18px;
        border: 1px solid #E6E6E6;
        border-left-color: #E6E6E6;
        /* box-shadow: 0 0 65px rgba(0, 0, 0, .06) */
    }

    .footer__innerRow {
        margin-right: -7px;
        margin-left: -7px
    }

    .footer__footerNav {
        margin-right: 7px;
        margin-left: 7px;
        width: calc(33.33% - 14px)
    }

    .section__subBx {
        max-width: 615px;
        margin-right: auto;
        margin-left: auto
    }

    .section_subArticles .section__subBx {
        margin-right: -12px;
        margin-left: -12px
    }

    .section_progress .section__gridBx {
        padding-top: 0;
        padding-bottom: 0
    }

    .contentBody__tabs .tabs__navigationWrap {
        top: 0
    }

    .vacancyCard__head {
        flex-direction: column;
        margin-bottom: 3px;
        align-items: stretch
    }

    .vacancyCard__site {
        margin-bottom: 6px;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .vacancyCard__rowWrap {
        flex-direction: row;
        margin-bottom: 5px;
        align-items: baseline;
        justify-content: space-between;
        order: -1
    }

    .vacancyCard__row {
        margin-top: 0
    }

    .vacancyInfoWrap__body {
        /* grid-template-columns: minmax(245px, 300px) minmax(245px, 1fr);
        grid-template-areas: 'item1 item2' 'item1 item3' 'item1 item4' */
    }

    .vacancyInfoWrap__item:nth-child(2) {
        border-right: none
    }

    .portfolio__item {
        width: calc(50% - 10px)
    }

    .casessPageBody__aside, .casessPageBody__main, .newsPageBody__aside, .newsPageBody__main {
        width: calc(100% - 20px)
    }

    .casessPageCard {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .casessPageCard__thumb {
        margin-right: 10px;
        margin-bottom: 0;
        align-items: flex-start
    }

    .casessPageCard__inf {
        display: flex;
        align-items: baseline;
        justify-content: space-between
    }

    .casessPageCard__inf_last {
        margin-top: 0;
        margin-bottom: 19px
    }

    .casessPageCard__btn {
        margin-top: auto
    }

    .page404 {
        background-position: 45%
    }

    .page404 h1 {
        width: 380px
    }

    .popularTopic__item {
        width: calc(50% - 30px)
    }

    .companyCard__thumb {
        margin-right: 0;
        margin-bottom: 25px
    }

    .tablService__tr {
        flex-wrap: wrap
    }

    .tablService__tdLeft {
        margin-right: 0;
        margin-bottom: 20px;
        flex: 1 1 100%
    }

    .tabArticles__sortPanel .sortPanel__selBlock:first-child {
        flex: 0 0 auto
    }

    .articlesCardWrap {
        display: flex;
        margin-right: 0;
        margin-left: 0;
        flex-wrap: wrap
    }

    .articlesCard_inTab {
        flex-direction: column;
        box-sizing: border-box;
        width: calc(50% - 0px);
        margin-right: 0;
        margin-left: 0;
        word-wrap: break-word
    }

    .articlesCard_inTab .articlesCard__thumb {
        margin-right: 0;
        margin-bottom: 20px;
        flex: 0 0 auto
    }

    .articlesCard_inTab .articlesCard__content {
        width: 100%;
        flex-grow: 1
    }

    .articlesCard_inTab .articlesCard__row_top {
        min-height: 40px;
        align-items: baseline
    }

    .articlesCard_inTab .articlesCard__row_bot {
        margin-top: auto
    }

    .authorization_login .authorization h1, .authorization_login .authorization__heading {
        max-width: none;
        text-align: left
    }

    .authorization__row {
        flex-wrap: wrap
    }

    .authorization__left, .authorization__right {
        max-width: none
    }

    .authorization__btns-wrap_center {
        justify-content: flex-start
    }

    .authorization__info {
        margin-top: 10px
    }

    .authorization__headingLight br {
        display: none
    }

    .bl-rating__main .bl-rating__heading {
        margin-top: 20px
    }

    .home-board__bl-last-news, .home-board__bl-new-article, .home-board__bl-new-cases, .home-board__bl-rating {
        width: calc(100% - 20px)
    }

    .advantage-list {
        margin-top: 0
    }

    .advantage-list__item {
        height: 117px
    }

    .advantage-list {
        width: calc(100% - 20px);
        flex-wrap: wrap;
        margin-left: 10px;
        margin-right: 10px;
    }

    .advantage-list__item {
        width: calc((100% - 40px) / 3);
    }

    .advantage-list__item:first-child,
    .advantage-list__item:nth-child(3n+4) {
        margin-left: 0;
    }

    .advantage-list__item:nth-child(3n+3) {
        margin-right: 0;
    }
}

@media screen and (max-width: 812px) {
    .helpInf:hover .helpInf__drop {
        -webkit-transform: translate(30%, 10px) scale(1, 1);
        transform: translate(30%, 10px) scale(1, 1)
    }
}

@media (max-width: 768px) {
    .top_places .participant__work_info {
        flex-direction: column;
        padding: 7px 0;
        align-items: flex-start
    }

    .top_places .participant__place {
        width: 100%;
        padding: 0 15px
    }

    .top_places .participant__site_place {
        width: 32px;
        height: 32px;
        padding: 1px
    }

    .top_places .participant__site_place .value {
        font-size: 18px
    }

    .top_places .participant__rating_wrap {
        width: 100%;
        padding: 0 15px
    }

    .top_places .participant__developer {
        margin-right: 0
    }

    .vacancyCard__head {
        justify-content: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .vacancyCard > .vacancyCard__site {
        display: none;
    }

    .vacancyCard__rowWrap {
        width: 100%;
    }

    .vacancyCard__heading {
        display: inline;
    }

    .vacancyCard__mobileCompany {
        display: inline;
    }

    .vacancyCard__body {
        max-width: 100vw;
    }
    .companyCard__heading{
        min-width: calc(100% - 35px);
        max-width: 100%;
        display: inline-flex;
    }
    .selBlock_row .selBlock__select{
        padding-left: 5px;
    }
    .companyCard .companyCard__thumb {
        display: inline-flex;
        margin-right: 10px;
        max-width: 100px;
        padding-left: 0;
        padding-right: 0;
    }
    .companyCard_verif{
        display: inline-flex;
        width: 25px;
        height: 24px;
        margin-left: 10px;
        background: url(../img/icons/verificated.svg) no-repeat center;
    }
    .companyCard.companySelected__companyCard{
        padding-top: 0;
    }
    .companySelected {
        margin-top: calc(5px + 23 * (100vw - 321px) / 965);
    }
    .companyCard {
        display: flex;
        flex-flow: row wrap;
        align-items: flex-start;
    }
    .product\/product .companyCard__body .companyCard__row_top .companyCard__aside, .bank .companyCard__body .companyCard__row_top .companyCard__aside{
        display: none
    }
    .companyCard__row_mid{
        margin-top: 0;
        flex-direction: column;
    }
    .companyCard__aside{
        flex: unset;
        width: 100%;
    }
    .companyCard__aside .arrayInf__socialList{
        margin-left: auto;
        margin-right: auto;
    }
    .companyCard__arrayInf{
        margin-bottom: 10px;
    }
    .companyCard__site{
        margin-bottom: 10px;
    }
    .companyCard__linkCB{
        max-width: fit-content;
        margin: auto;
    }
    .product\/product .companyCard__body, .bank .companyCard__body {
        flex-direction: row;
        flex-wrap: wrap;
        display: inline-flex;
        max-width: 100%
    }

    .product\/product .companyCard__body > *, .bank .companyCard__body > * {
        flex-basis: 100%;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .product\/product .companyCard__body .companyCard__thumb, .bank .companyCard__body .companyCard__thumb  {
        display: flex;
        flex-basis: 35%;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0px;
    }
    .product\/product .companyCard__body .companyCard__thumb img, .bank .companyCard__body .companyCard__thumb img{
        font-size: 12px;
    }
    .product\/product .companyCard__body .companyCard__row_top, .bank .companyCard__body .companyCard__row_top {
        /*flex-basis: 65%;*/
        max-width: calc(100% - 115px);
        margin-bottom: 0;
        flex-flow: column nowrap;
    }

    .portfolioCard portfolio__item {
        flex-direction: revert;
        flex-wrap: wrap;
    }

    .portfolioCard portfolio__item  > *{
        flex-basis: 100%;
    }

    .portfolioCard__typeList {
        flex-basis: calc(100% + 30px);
    }
.companyCard__content{
    flex: unset;
}
    .portfolioCard > .portfolioCard__heading {
        display: none;
    }

    .portfolioCard__bottom {
         display: flex;
        align-items: center;
        justify-content: space-between;
     }

    .portfolioCard__bottom .portfolioCard__heading {
        display: flex;
        line-height: 21px;
    }

    .portfolioCard__bottom > * {
        margin-top: 0;
        margin-bottom: 0;
    }

    .product\/casescompany .casessPageBody > .casessPageBody__main .casessPageBody__views,
    .product\/casescompany .casessPageBody > .casessPageBody__main .casessPageBody__editor {
        display: none;
    }

    .product\/casescompany .casessPageBody__aside .casessPageBody__main {
        display: block;
        margin: 0;
        padding-top: 0;
    }

    .product\/casescompany .casessPageBody__aside .casessPageBody__views {
        margin-left: 0;
        margin-bottom: 10px;
    }
    .product\/reviews .studioReviewsCard__rating {
        margin-top: 0;
    }

    .product\/reviews .studioReviewsCard__brief {
        position: relative;
    }

    .product\/reviews .studioReviewsCard__date {
        /* position: absolute;
        right: 0;
        top: -40px; */
    }

    .product\/reviews .studioReviewsCard__body > .studioReviewsCard__site {
        display: none;
    }

    .product\/reviews .studioReviewsCard__brief > .studioReviewsCard__site {
        display: block;
        margin-top: 0;
        margin-right: 10px;
        margin-bottom: calc(7px + -5 * (100vw - 321px) / 965);
    }
    .product\/reviews .studioReviewsCard__service {
        display: none;
    }
    .product\/reviews .studioReviewsCard__txt {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 639px) {
    .product\/reviews .studioReviewsCard__img {
        display: none;
    }
}
@media screen and (max-width: 740px) {
    .phoneBtn, .toTopBtn {
        width: 37px;
        height: 37px
    }

    .phoneBtn {
        bottom: 75px;
        -webkit-transform: translate(0, -20px);
        transform: translate(0, -20px)
    }

    .toTopBtn {
        bottom: 30px;
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px)
    }

    .toTopBtn.toTopBtn_down.toTopBtn_visible {
        -webkit-transform: translate(0, 20px) rotate(180deg);
        transform: translate(0, 20px) rotate(180deg)
    }

    .firstScreen__content {
        flex-direction: column
    }

    .regBxHome {
        margin-right: -20px;
        margin-left: -20px
    }

    .cardItem_poster .cardItem__heading {
        min-height: 0
    }

    .casesCard {
        display: block
    }

    .casesCard__thumb {
        overflow-y: auto;
        max-width: none;
        max-height: 290px
    }

    .casesCard__rowInf {
        width: calc(50% - 30px)
    }

    .sortPanel__selBlock {
        margin-bottom: 5px
    }

    .sortBy {
        margin-top: 3px
    }

    .cases__caseCard {
        width: calc(100% - 14px)
    }

    .posters__cardItem {
        width: calc(100% - 10px)
    }

    .tabs_dropNavigation .tabs__navigationBtn, .tabs_inDropNav .tabs__navigationBtn {
        padding-top: 3px;
        padding-bottom: 3px
    }

    .footer__footerItem_left {
        margin-right: 60px
    }

    .footer__footerItem_right {
        flex-grow: 0;
        flex-basis: 60%
    }

    .footer__footerNav {
        width: calc(50% - 14px)
    }

    .footer__footerNav:nth-child(2) {
        display: none
    }

    .newsCardPage {
        display: block
    }

    .newsCardPage__thumb {
        /* max-width: none; */
        margin-bottom: 5px
    }

    .page404 {
        background-position: 54%
    }

    .afishaPageInfo__thumb {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    .tabReviews__sortPanel {
        display: block
    }

    .tabReviews__sortPanel .sortPanel__sortBy {
        margin-top: 20px;
        padding-left: calc(0px + 68 * (100vw - 321px) / 965)
    }

    .studioReviewsCard_tab {
        display: block
    }

    .studioReviewsCard_tab .studioReviewsCard__thumb {
        display: block;
        margin-right: 0;
        margin-bottom: 10px
    }

    .studioReviewsCard_tab .studioReviewsCard__rating {
        margin-top: 0;
        margin-bottom: 5px
    }

    .studioReviewsCard_tab .studioReviewsCard__date {
        margin-bottom: 0
    }

    .studioReviewsCard_tab .studioReviewsCard__body {
        padding-left: calc(0px + 68 * (100vw - 321px) / 965)
    }

    .studioReviewsCard_tab .studioReviewsCard__txt {
        margin-top: 15px
    }

    .tabDiploms__item {
        width: calc(50% - 10px);
        margin-bottom: 10px
    }

    .advantage-list {
        flex-wrap: wrap
    }

    .companyPrice__fxtablWrp {
        box-shadow: none;
    }
}

@media screen and (max-width: 640px) {
    .simplecheckout-cart col.image, .simplecheckout-cart td.image, .simplecheckout-cart th.image {
        display: block
    }

    .simplecheckout-cart td.name div.image {
        display: none
    }

    .simplecheckout-cart td.name div.options {
        display: block
    }
}

@media screen and (min-width: 640px) {
    .categoryPage .categoryPage__rowBan-mob{
        display: none
    }
}
@media screen and (max-width: 639px) {
    .rowBan {
        display: none
    }
    .categoryPage .categoryPage__rowBan-mob{
        display: flex
    }
    .categoryPage .categoryPage__rowBan-mob .rowBan__img{
        height: auto;
    }

    .casesCard__thumb {
        max-height: 258px
    }

    .companyType__item {
        width: calc(50% - 24px)
    }

    .companyType_tender__item {
        width: calc(50% - 20px)
    }

    .studioReviewsCard {
        flex-direction: column
    }

    .studioReviewsCard__thumb {
        flex-direction: row-reverse;
        width: 100%;
        margin-right: 0;
        padding-right: 10px;
        justify-content: flex-end
    }

    .studioReviewsCard__rating {
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto
    }

    .studioReviewsCard__rating i {
        margin-right: 3px;
        margin-left: 3px
    }

    .studioReviewsCard__img {
        margin-right: 10px
    }

    .studioReviewsCard__wrap {
        flex-wrap: wrap
    }

    .articlesCard {
        display: block
    }

    .articlesCard__thumb {
        width: 100%;
        max-width: none;
        margin-right: 0;
        margin-bottom: 15px
    }

    .articlesCard__content {
        width: 100%
    }

    .articlesCard_main .articlesCard__thumb {
        max-width: none
    }

    .aside-right_companyRating .box {
        width: calc(50% - 30px)
    }

    .footer__footerItem_left {
        margin-right: 20px
    }

    .section__subBx {
        margin-right: -12px;
        margin-left: -12px
    }

    .vacancyCard__body {
        flex-wrap: wrap
    }

    .vacancyCard__txt {
        width: calc(100% - 56px)
    }

    .vacancyCard__btn {
        margin-top: 18px
    }

    .newsCardPage__btn {
        width: 100%;
        margin-bottom: 0
    }

    .casessPageCard {
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .casessPageCard__thumb {
        margin-right: 0;
        margin-bottom: 30px
    }

    .page404 {
        background-position-x: calc(10% + 27 * (100vw - 321px) / 318);
        background-position-y: calc(70% + 30 * (100vw - 321px) / 318);
        background-size: calc(120% + 15 * (100vw - 321px) / 318)
    }

    .posterPageBody__item {
        width: 100%
    }

    .articlesBody__w100 {
        display: block
    }

    .articlesBody__views {
        margin-left: 0
    }

    .articlesBody__aside .articlesCard__thumb, .c-right .articlesCard__thumb {
        margin-bottom: 15px
    }

    .articlesCard_inTab {
        width: calc(100% - 0px)
    }

    .tabDiploms__item {
        width: calc(100% - 10px)
    }

    .advantage-list__item {
        width: calc(33.33333% - 20px);
        flex-grow: 1
    }

    .studioReviewsCard_chat {
        padding-left: 15px
    }

    .studioReviewsCard_chat .studioReviewsCard__thumb {
        flex-direction: column-reverse;
        margin-left: 0
    }

    .studioReviewsCard_chat .studioReviewsCard__thumb img {
        display: none
    }

    .studioReviewsCard_chat .studioReviewsCard__company {
        margin-bottom: 15px;
        align-self: flex-start
    }

    .studioReviewsCard_chat-right .studioReviewsCard__thumb {
        margin-right: 0;
        margin-left: auto;
        padding-right: 0;
        order: -1
    }

    .studioReviewsCard_chat-right .studioReviewsCard__company {
        align-self: flex-end
    }
}

@media screen and (max-width: 600px) {
    .sortPanel_date .sortPanel__datapicers {
        width: 100%;
        margin-right: 0
    }

    .sortPanel_date .sortPanel__datapicers .datapicers__inp {
        flex-grow: 1
    }

    .sortPanel_date .sortPanel__checkbox {
        margin-right: 15px
    }

    .sortPanel_date .sortPanel__checkbox .checkbox:first-child {
        margin-bottom: 5px
    }

    .sortPanel_date .sortPanel__btn {
        width: auto;
        max-width: none;
        flex-grow: 1
    }

    .expanded-block {
        padding: 0
    }
}

@media (max-width: 580px) {
    .top_places .participant__work_photo .mob_dev_logo, .top_places .participant__work_photo .mob_site_place, .top_places .participant__work_photo .mob_site_rating {
        position: absolute;
        z-index: 5;
        display: block
    }

    .top_places .participant__site_place {
        display: none
    }

    .top_places .participant__developer {
        width: 100%
    }

    .top_places .participant__developer .logo {
        display: none
    }

    .top_places .participant__developer .name {
        width: 100%
    }

    .top_places .participant__rating {
        display: none
    }

    /* .vacancies__inner_top {
        padding-left: 10px;
        padding-right: 10px;
    } */
}

@media screen and (max-width: 570px) {
    .editor_col_2 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }

    .formBlcok__btns-wrap {
        flex-direction: column;
        justify-content: center;
        align-items: stretch
    }

    .formBlcok__btns-wrap input[type=submit].btn {
        margin-top: 14px;
        flex-grow: 1
    }

    .sortSearch, .sortSearch__selectWrap {
        width: 100%
    }

    .sortSearch__selBlock {
        width: 100%;
        max-width: none;
        height: 56px
    }

    .subBx {
        flex-wrap: wrap
    }

    .subBx__btn, .subBx__inp {
        width: calc(100% - 24px)
    }

    .subBx__btn {
        max-width: none;
        margin-top: 20px
    }

    .gridBx.owl-carousel {
        padding-bottom: 20px
    }

    .gridBx.owl-carousel .owl-nav {
        bottom: 0
    }

    .gridBx.owl-carousel .owl-dots {
        bottom: 12px
    }

    .advantages__item {
        width: calc(100% - 24px)
    }

    .casesCard__thumb {
        max-height: 215px
    }

    .paginationBig {
        display: flex;
        justify-content: flex-end
    }

    .paginationBig__link {
        margin-right: 3px;
        margin-left: 3px;
        border-top: 1px solid #f7f7f7;
        border-bottom: 1px solid #f7f7f7;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
    }

    .paginationBig__link:first-child {
        border-left: 1px solid #f7f7f7
    }

    .paginationBig__link:last-child {
        border-right: 1px solid #f7f7f7
    }

    .paginationBig__link_arrow {
        order: -2;
        flex-grow: 1
    }

    .slideWrap__links {
        right: auto;
        /* bottom: 0; */
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .owl-carousel, .owl-carousel.sliderUkStudio {
        padding-bottom: 60px
    }

    .owl-carousel .owl-nav {
        bottom: 40px
    }

    .owl-carousel .owl-dots {
        bottom: 52px;
        width: calc(100% - 111px)
    }

    .faqCard_connection {
        min-width: 525px
    }

    .footer__footerItem_left {
        margin-right: auto;
        margin-left: 0
    }

    .filterpro_box__content {
        grid-template-columns: 1fr
    }

    .filterpro_box__option {
        padding-left: 10px !important;
        border: 1px solid #e1e0e0 !important
    }

    .filterpro_box__option:not(.option_cities) {
        border: none
    }

    .filterpro_box__option.option_cities, .filterpro_box__option.option_cities + * {
        grid-row: auto
    }

    .vacancyInfoWrap__body {
        /* grid-template-columns: 100%;
        grid-template-areas: 'item1' 'item2' 'item3' 'item4' */
    }

    .vacancyInfoWrap__item:nth-child(1) {
        border-right: none
    }

    .portfolio__item {
        width: calc(100% - 10px)
    }

    .popularTopic__item {
        width: calc(100% - 30px)
    }

    .companyCard__aside .arrayInf__key, .companyCard__content .arrayInf__key {
        min-width: 120px
    }

    .arrayInf__key {
        margin-right: 15px
    }

    .contactForm__inp, .contactForm__send input[type=submit] {
        width: 100%
    }

    .contactForm__capcha, .contactForm__send {
        width: calc(100% - 28px)
    }

    .advantageItem {
        text-align: center;
        justify-content: center
    }

    .advantageItem:not(:last-child) {
        flex-direction: column-reverse
    }

    .advantageItem__body {
        min-width: 96px
    }

    .advantageItem__thumb {
        display: none;
        margin-left: 0
    }

    .bl-new-article__card {
        width: calc(100% - 22px)
    }

    .advantage-list__item {
        width: calc(50% - 20px)
    }

    .field_fieldset .field__body {
        display: block
    }

    .field_fieldset_column .field__body {
        -webkit-column-count: auto;
        -moz-column-count: auto;
        column-count: auto
    }

    .communication {
        overflow-y: auto
    }

    .lk-reviews-statistics__col {
        width: 50%;
        min-height: 80px;
        border-bottom: 1px solid #f7f7f7
    }

    .portfolioCard__typeList {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-left: -15px;
        margin-right: -15px;
    }

    .portfolioCard__type {
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media screen and (max-width: 563px) {
    .footer__footerNav{
        width: calc(100% - 14px);
    }
    .footer__footerItem_right{
        flex-basis: 30%;
    }
    .footer__footerNav:not(:first-child){
        display: none;
    }
}
@media screen and (max-width: 319px) {
    .footer__footerItem_right, .footer__footerNav:first-child {
        display: none;
    }
}
@media screen and (max-width: 550px) {
    #customer_table tr:not(:last-child) {
        margin-bottom: 16px
    }

    #customer_table .simplecheckout-customer-left input, #customer_table .simplecheckout-customer-left select, #customer_table .simplecheckout-customer-left textarea, #customer_table .simplecheckout-customer-right input, #customer_table .simplecheckout-customer-right select, #customer_table .simplecheckout-customer-right textarea {
        height: 42px
    }

    #customer_table .simplecheckout-customer-left {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

@media screen and (max-width: 480px) {
    .casesCard__thumb {
        max-height: none
    }

    .drop-bl a:hover {
        color: #000;
        background-color: transparent
    }

    .casesCard__body {
        padding-left: 14px
    }

    .casesCard__rowInf {
        width: calc(100% - 30px)
    }

    /* .compTypeCard {
        border-color: #eaeaea
    } */

    .pagination {
        flex-direction: column;
        align-items: center
    }

    .sortPanel__selBlock:first-child {
        margin-bottom: 10px
    }

    .sortPanel__search, .sortPanel__selBlock, .sortPanel__sortBy {
        margin-right: 0;
        margin-left: 0;
    }

    .sortPanel.tabPortfolio__sortPanel {
        justify-content: space-between;
    }

    .studioReviewsCard__thumb {
        flex-direction: column-reverse;
        align-items: flex-start
    }

    .studioReviewsCard__rating {
        margin-top: 20px;
        margin-left: -6px
    }

    .sortArticles {
        flex-wrap: wrap
    }

    .weRecommendItems.owl-carousel .weRecommendItems__img {
        width: auto
    }

    .weRecommendItems__thumb {
        height: 133px
    }

    .rating-card:first-child {
        margin-top: 0
    }

    .rating-card {
        margin-right: 0;
        margin-left: 0
    }

    .owl-carousel .owl-dots {
        justify-content: flex-end
    }

    .header__logo {
        width: 150px
    }

    .header__btn {
        font-size: 10px;
        min-width: 130px;
        margin-left: 10px;
        white-space: normal
    }

    .aside-right_companyRating .box {
        width: calc(100% - 30px)
    }

    .social:not(.lk-footer__social) .social__link {
        margin-right: 4px;
        margin-left: 4px;
        border: 1px solid #f3f3f3
    }

    .social:not(.lk-footer__social) {
        margin-top: 20px;
        /* margin-bottom: 12px */
    }

    .footer__newTender {
        margin-top: 6px
    }

    .footer__row_top {
        flex-wrap: wrap-reverse;
        justify-content: center
    }

    .footer__logo {
        width: 155px
    }

    .contentBody__tabs > .tabs__heading {
        margin-bottom: 10px;
        margin-left: 0
    }

    .contentBody__tabs .tabs__navigationWrap {
        top: 12px;
        left: 15px;
        padding: 10px
    }

    .contentBody__tabs .tabs__navigationWrap .tabs__heading i {
        position: relative;
        margin-left: 0
    }

    .vacancyCard {
        border-bottom: 1px solid #f7f7f7
    }

    .vacancyCard__head, .vacancyCard__site {
        margin-bottom: 8px
    }

    .vacancyCard__btn {
        max-width: none;
        margin-top: 20px
    }

    .vacancyInfoWrap {
        /* border: 2px solid #f7f7f7 */
    }

    .boxSide__heading {
        padding-left: 9px
    }

    .companyCard__content .arrayInf__key {
        min-width: 75px;
        margin-right: 5px
    }

    .arrayInf {
        flex-wrap: wrap
    }

    .companySelected__tabs > .tabs__heading {
        margin-left: 0
    }

    .companySelected__tabs .tabs__navigationWrap {
        top: 16.5px;
        left: 15px;
        margin-left: 0;
        padding: 10px 0
    }

    .companySelected__tabs .tabs__navigationWrap .tabs__heading i {
        position: relative;
        margin-left: 0
    }

    .companySelected__tabs .tabs__btnCall {
        max-width: -webkit-min-content;
        max-width: -moz-min-content;
        max-width: min-content;
        margin-right: 0
    }

    .tablService__heading:last-child {
        flex: 0 0 120px
    }

    .tablService__line {
        min-width: 0
    }

    .tablService__value {
        flex: 0 0 120px
    }

    .tabReviews__sortPanel .sortPanel__thumbBtn {
        padding-left: 0;
        margin-left: 0;
    }

    .tabReviews__sortPanel .sortPanel__thumbBtn .btn {
        width: 100%
    }

    .studioReviewsCard_tab .studioReviewsCard__thumb {
        padding-left: 0
    }

    .articlesCard_inTab, .studioReviewsCard_tab .studioReviewsCard__body {
        padding-right: 0;
        padding-left: 0
    }

    .articlesCard_inTab .articlesCard__thumb {
        padding-left: 0
    }

    .tenderOrder {
        margin-right: -25px;
        margin-left: -25px
    }

    .heading-wrap__btns {
        display: block
    }

    .heading-wrap__link {
        margin-top: 12px
    }

    .heading-wrap__btn-add {
        margin-top: 20px
    }

    .bl-last-news__thumb {
        margin-bottom: 10px
    }

    .tenderOrder_connection {
        margin-right: -10px;
        margin-left: -10px
    }

    .editor p {
        font-size: 15px;
    }
}
@media (max-width: 768px){
    .bank .tabs_inDropNav .product-slider-tabs{
        max-width: 400px
    }
}
@media (max-width: 480px) {
    .bank .tabs_inDropNav .product-slider-tabs{
        max-width: calc(100% - 30px)
    }
    .top_places .participant {
        flex-direction: column;
        padding: 10px 10px 5px;
        align-items: center
    }

    .top_places .participant:after {
        position: absolute;
        top: 2px;
        left: 2px;
        display: block;
        width: calc(100% - 4px);
        height: calc(100% - 4px);
        content: ' ';
        background: #fff
    }

    .top_places .participant__work_photo {
        margin: 0
    }

    .top_places .participant__work_info_wrap {
        position: relative;
        z-index: 5;
        width: 100%;
        padding: 0
    }

    .top_places .participant__site_name {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
        text-align: center
    }

    .top_places .participant__site_name:after {
        position: absolute;
        bottom: -5px;
        left: 10%;
        display: block;
        width: 80%;
        height: 1px;
        content: ' ';
        background: #eee
    }

    .top_places .participant__developer {
        text-align: center
    }

    .top_places .participant.golden {
        -webkit-animation: 2s infinite animation_gradient;
        animation: 2s infinite animation_gradient;
        background: linear-gradient(49deg, #e7dc96, #775227, #e7db95);
        background-size: 120% 120%
    }

    .top_places .participant.silver {
        -webkit-animation: 2s infinite animation_gradient;
        animation: 2s infinite animation_gradient;
        background: linear-gradient(49deg, #aeaeb7, #eae9ee, #a6a5ac);
        background-size: 120% 120%
    }

    .top_places .participant.bronze {
        -webkit-animation: 2s infinite animation_gradient;
        animation: 2s infinite animation_gradient;
        background: linear-gradient(49deg, #9e5206, #dfa15e, #d5944f);
        background-size: 120% 120%
    }
    
        
        .companySelected__tabs{
            display: flex;
            flex-flow: column nowrap;
            justify-content: space-between;
        }
        .companySelected__tabs>.btn{
            order: -1;
        }
        .companySelected__content .tabs_inDropNav .product-slider-tabs{
            margin-top: 30px;
            max-width: calc(100% - 70px) !important;
            margin-right: auto !important;
            margin-left: auto !important;
        }
        .bank .companySelected__content .tabs_inDropNav .product-slider-tabs{
            margin-top: 0px;
        }
        .arrayInf__socialList{
            flex-flow: row wrap;
        }
        .arrayInf__socialImg{
            margin-bottom: 5px;
        }
        .companyCard__aside{
            /* flex: 1 */
        }
}

@media screen and (max-width: 465px) {
    #simplecheckout_cart tbody tr, #simplecheckout_cart thead tr {
        grid-template-columns: minmax(190px, 3fr) minmax(110px, 1.5fr) minmax(40px, 55px);
        grid-auto-rows: 75px
    }

    #simplecheckout_cart tbody .name, #simplecheckout_cart thead .name {
        padding-left: 15px
    }

    .simplecheckout-cart col.image, .simplecheckout-cart td.image, .simplecheckout-cart th.image {
        display: none
    }

    .simplecheckout-cart td.name div.image {
        display: block
    }
}

@media screen and (max-width: 460px) {
    #simplecheckout_cart tbody .name {
        display: grid;
        grid-template-columns: 40px 1fr;
        grid-auto-rows: auto 1;
        align-items: center;
        grid-column-gap: 8px
    }

    #simplecheckout_cart tbody .name .image {
        display: block;
        width: 40px;
        height: 40px;
        padding: 2px;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .15);
        grid-row: 1/span 2
    }

    #simplecheckout_cart tbody .name .name-company {
        margin-bottom: 2px;
        grid-column: 2/3;
        align-self: end
    }

    #simplecheckout_cart tbody .name .options {
        margin-bottom: 0;
        grid-column: 2/3;
        align-self: start
    }
}

@media screen and (max-width: 430px) {
    #simplecheckout_cart thead tr {
        min-height: 40px
    }

    #simplecheckout_cart thead .name {
        grid-row: 1/span 3 !important
    }

    #simplecheckout_cart thead .price {
        display: none
    }

    #simplecheckout_cart tbody tr {
        padding-top: 10px;
        padding-bottom: 8px
    }

    #simplecheckout_cart tbody .image {
        margin-bottom: 3px
    }

    #simplecheckout_cart tbody tr, #simplecheckout_cart thead tr {
        grid-template-columns: minmax(170px, -webkit-max-content) minmax(40px, 55px);
        grid-template-columns: minmax(170px, max-content) minmax(40px, 55px);
        grid-auto-rows: auto;
        justify-content: space-between
    }

    #simplecheckout_cart tbody .name, #simplecheckout_cart thead .name {
        grid-row: 1/span 2
    }

    #simplecheckout_cart tbody .price, #simplecheckout_cart thead .price {
        grid-column: 1/2;
        order: 1
    }

    #simplecheckout_cart tbody .remove, #simplecheckout_cart thead .remove {
        grid-column: 2/3;
        grid-row: 1/4
    }
}

@media screen and (max-width: 359px) {
    .breadcrumb__wrapper, .companyPrice__wrapper, .contactPege__wrapper, .dropdown-menu__wrapper, .firstScreen__wrapper, .footer__wrapper, .header__wrapper, .mainMenu__wrapper, .main__page-wrap, .page404__inner, .section__wrapper {
        padding-right: 15px;
        padding-left: 15px
    }

    .selBlock_row {
        flex-direction: column;
        align-items: stretch
    }

    .selBlock_row .selBlock__select {
        flex-grow: 1;
        padding-left: 0
    }

    .jq-selectbox__select {
        justify-content: space-between
    }

    .mainMenu__row.menuFixed {
        padding-right: 15px;
        padding-left: 15px
    }

    .sortSearch {
        padding: 10px
    }

    .regBxHome {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: -15px;
        margin-left: -15px
    }

    .sortBy__name {
        width: 100%;
        margin-bottom: 0
    }

    .header__logo {
        position: relative;
        left: -7.5px
    }

    .agreements .mfp-content .modal__inner, .callback .mfp-content .modal__inner, .faq-cases .mfp-content .modal__inner, .filterpro_box__head--row, .filterpro_box__inner, .post-publicity .mfp-content .modal__inner, .post-sponsor .mfp-content .modal__inner {
        padding-right: 15px;
        padding-left: 15px
    }

    .bl-rating__counter, .bl-rating__counter-shadow {
        -webkit-transform: translate(-50%, -50%) scale(.65);
        transform: translate(-50%, -50%) scale(.65)
    }

    .casesAndRatings__cases .casesAndRatings__column-top,
    .casesAndRatings__rating .casesAndRatings__column-top {
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 20px;
    }

}
.casesAndRatings__column .categoryPage__rowBan{
    margin-top: 30px;
}
@media screen and (min-width: 992px) {
    .casesAndRatings__column .categoryPage__rowBan-mob{
        display: none
    }  
}
@media screen and (max-width: 991px) {
    .casesAndRatings__column .categoryPage__rowBan:not(.categoryPage__rowBan-mob){
        display: none
    }
    
    .casesAndRatings__column .categoryPage__rowBan-mob img{
        max-width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 345px) {
    .companyType__item, .companyType_tender__item {
        width: calc(100% - 14px)
    }
}

@media screen and (max-width: 965px) and (min-width: 321px) {
    .tabs_inDropNav .tabs__navigationBtn {
        font-size: calc(14px + 2 * (100vw - 321px) / 965)
    }
    #simplecheckout_cart tbody tr, #simplecheckout_cart thead tr {
        min-width: max-content;
        width: calc(100vw - 48px);
    }
}

@media screen and (max-width: 965px) and (min-width: 1286px) {
    .tabs_inDropNav .tabs__navigationBtn {
        font-size: 16px
    }
}

@media screen and (min-width: 481px) and (max-width: 865px) {
    .companyCard {
        /* box-shadow: 0 0 43px rgba(0, 0, 0, .06) */
    }
}

@media screen and (min-width: 1055px) and (max-width: 1286px) {
    .advantageItem {
        flex-direction: column-reverse;
        text-align: center;
        justify-content: center
    }

    .advantageItem__thumb {
        margin-left: 0
    }
}

@media screen and (min-width: 640px) and (max-width: 866px) {
    .advantageItem {
        text-align: center;
        justify-content: center
    }

    .advantageItem__thumb {
        display: none
    }
}

input[type=date]::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none;
    height: 100%
}

input[type=date]::-webkit-clear-button {
    position: relative;
    z-index: 2
}

input[type=date]::-webkit-calendar-picker-indicator {
    -webkit-appearance: none;
    position: absolute;
    background-color: red;
    width: 100%;
    height: 100%;
    opacity: 0
}

.b-alert {
    --b-alert_bgc: #f7f7f7;
    --b-alert_c: #050505;
    --b-alert__close_bgc: #ffd91f;
    --b-alert__close_bgc-h: #ff9c1c;
    --b-alert__close_c: #fff;
    position: fixed;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 200%);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
    background-color: var(--b-alert_bgc);
    color: var(--b-alert_c);
    font-size: 16px;
    line-height: 1;
    max-width: 700px;
    width: max-content;
    min-height: 50px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 15px;
    z-index: 200
}

.b-alert_good {
    --b-alert__icn: '\f14a';
    --b-alert_bgc: #3fa43f;
    --b-alert_c: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4)
}

.b-alert_error {
    --b-alert__icn: '\f06a';
    --b-alert_bgc: #c16666;
    --b-alert_c: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4)
}

.b-alert__close {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--b-alert__close_bgc);
    z-index: 2;
    transform: translate(50%, -50%);
    transition: 350ms
}

.b-alert__close:hover {
    background-color: var(--b-alert__close_bgc-h);
    transform: translate(50%, -50%) translate(0, -3px) rotate(270deg)
}

.b-alert__close:active {
    transition: .1s;
    transform: translate(50%, -50%) translate(0, -1px) rotate(270deg) scale(.975)
}

.b-alert__close::after, .b-alert__close::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 2px;
    background-color: var(--b-alert__close_c)
}

.b-alert__close::before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.b-alert__close::after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.b-alert__icn {
    display: inline-block;
    font-family: FontAwesome;
    margin-right: 5px;
    font-size: 17px;
    font-style: normal
}

.b-alert__icn::before {
    content: var(--b-alert__icn)
}

.b-alert_show {
    animation: b-alert_show .4s cubic-bezier(.24, 1.01, .52, 1.22) forwards
}

.b-alert_hide {
    animation: b-alert_hide .3s cubic-bezier(.6, -.28, .74, .05) forwards
}

@keyframes b-alert_show {
    0% {
        bottom: 0;
        transform: translate(-50%, 150%)
    }
    100% {
        bottom: 3%;
        transform: translate(-50%, 0)
    }
}

@keyframes b-alert_hide {
    0% {
        bottom: 3%;
        transform: translate(-50%, 0)
    }
    100% {
        bottom: 0;
        transform: translate(-50%, 150%)
    }
}

@media screen and (max-width: 635px) {
    .b-alert {
        right: 75px;
        left: 15px;
        max-width: none;
        padding-left: 25px;
        width: auto
    }

    .b-alert__icn {
        position: absolute;
        left: 5px;
        top: 3px;
        margin-right: 0
    }

    @keyframes b-alert_show {
        0% {
            bottom: 0;
            transform: translate(0, 150%)
        }
        100% {
            bottom: 3%;
            transform: translate(0, 0)
        }
    }@keyframes b-alert_hide {
         0% {
             bottom: 3%;
             transform: translate(0, 0)
         }
         100% {
             bottom: 0;
             transform: translate(0, 150%)
         }
     }
}

@media (min-width: 321px) {
    .casessPageBody__views {
        margin-left: auto !important;
        right: unset;
    }
}
@media (max-width: 767px) {
    .views i + span {
        display: inherit;
    }

    .formBlcok__fieldCustom.formBlcok__field_col3 {
        width: calc(100% - 20px)
    }

    .casessPageBody__views, .vacancyPage__heading {
        display: inline-block;
    }
    .casessPageBody__views {
        margin-left: 50%;
        position: relative !important;
        top: 0;
    }
}

.portfolioCard__site {
    max-width: 100%;
}

.lk-tabls__head .filter__link {
    cursor: pointer;
}

#bugBtn{
    position: fixed;
    z-index: 10;
    right: 0;
    top: 70%;
    background: #0090ff;
    text-transform: uppercase;
    border: none;
    color: #fff; 
    font-size: 12px;
    line-height: 12px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    transition: .325s;
    text-decoration: none;
}

#bugBtn:hover{
    color: #000;
    background: #ffd91f;
}

#bugReport {
    width: 100%;
}

.bugReport .mfp-inline-holder .mfp-content{
    width: 500px;
    max-width: 100%;
}
.bugReport .mfp.mfp-modal .mfp-content .mfp-close{
    right: 0;
    top: 0;
}
.bugReport .modal__head{
    padding: 0 45px 0 15px
}
#bugReportMessage{
    width: calc(100% - 30px);
    margin: 0 15px;
}
#bugReportMessage .field__name{
    margin-top: 15px
}
#bugReportMessage .field_img{
    max-width: 100%;
    width: 100%;
}
#bugReportMessage .field{
    margin-bottom: 10px;
}
#bugReportMessage .field .text-error{
    display: none;
}
#bugReportMessage .field textarea{
    padding: 15px
}
#bugReportMessage .field input[type=url]{
    padding: 15px
}
#bugReportMessage .formBlcok__field{
    margin-left: 0;
    margin-right: 0;
}
#bugReportMessage .field_img .field__thumb{
    height: 120px;
}
#bugReportMessage *{
    font-size: 14px;
    font-weight: 400;
    width: 100%;
}
#bugReportMessage .itr{
    font-size: 30px;
}

#bugReportMessage .btn{
    width: 100%; 
    text-transform: none;
    margin-top: 15px;
}

.pro-statistic-info{
    display: flex;
    flex-flow: column nowrap; 
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}
.pro-statistic-info>div{
    width: 100%
}
.pro-statistic-info .main-txt{
    display: flex; 
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}
.pro-statistic-info .main-txt>*{
    margin-top: 5px;
}
.pro-statistic-screen {
    margin: 20px 0 30px;
}
.pro-statistic-screen img{
    max-width: 100%;
}
.pro-statistic-info .btn{
    padding-left: 15px;
    padding-right: 15px;
    min-width: 290px;
}



/*account popups*/
.pop-ups{
    position: fixed;
    z-index: 10;
    bottom: 15px;
    right: 15px;
    display: none;
    flex-direction: column;
    max-width: calc(100% - 30px);
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    height: 0;
}
.pop-ups.opened{
    display: inline-flex;
}
.pop-up{
    margin-top: 10px;
    display: none;
    flex-flow: column-reverse nowrap;
    padding: 25px 15px 15px 15px;
    background: #FFFFFF;
    box-shadow: 0px 2px 8px rgba(117, 131, 142, 0.08), 0px 20px 32px rgba(52, 60, 68, 0.16);
    position: relative;
    max-width: 100%;
}
.pop-up.opened{
    display: inline-flex;
}
/* btns styles */
.close-pop-up-btn{
    height: 24px;
    width: 24px;
    background: transparent;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    z-index: 1;
}
.close-pop-up-btn:hover::after, .close-pop-up-btn:hover::before{
    background: #0090ff;
}
.close-pop-up-btn::after, .close-pop-up-btn::before{
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background: #010002;
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 15px);
    transition: background .3s;
}
.close-pop-up-btn::after{
    transform: rotate(45deg);
}
.close-pop-up-btn::before{
    transform: rotate(-45deg);
}
.pop-up .btn{
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}
.btn_shining{
    height: 50px;
    text-transform: none;
    padding: 15px; 
    border: none;
    background: #FFD91F;
    color: #2B0701;
    box-shadow: 0px 0px 15px #FFE048;
    font-weight: 400;
    width: 210px;
    font-size: 14px;
}
.btn_shining:hover{
    box-shadow: none;
}
/* text styles */
.pop-up__text{
    max-width: 282px;
    color: #050505;
    display: flex;
    flex-direction: column;
}
.pop-up__heading{
    font-size: 24px;
    font-weight: 700;
}
.pop-up__heading span{
    color: #FFD91F;
}
.pop-up p{
    font-size: 18px;
    line-height: 140%;
    margin: 6px 0 0;
}
.pop-up ul{
    margin: 8px 0 0;
}
.pop-up li{
    padding-left: 38px;
    position: relative;
    font-size: 14px;
    line-height: 25px;
}
.pop-up li:not(:last-child){
    margin-bottom: 6px;
}
.pop-up li:before{
    content: '';
    width: 26px;
    height: 26px;
    background: url(../img/icons/li.svg) center center no-repeat;
    background-size: contain;
    box-sizing: border-box;
    border-radius: 5px;
    left: 22px;
    top: 0px;
    position: absolute;
}
/* text width for big pop-up */
.pop-up_big .pop-up__heading{
    font-size: 26px;
    font-weight: 400;
}
.pop-up_big .pop-up__text{
    max-width: 382px;
}
/* image styles */
.pop-up__img{
    width: auto;
    max-width: 100%;
    height: 120px;
    margin: 0;
}
.pop-up__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/* media queries */
@media (min-width: 600px){
    .pop-up {
        flex-flow: row nowrap;
    }
    .pop-up__text{
        margin-right: 11px;
    }
    .pop-up_big .pop-up__text{
        margin-right: 22px;
    }
    .pop-up__img{
        width: 214px;
        height: 235px;
    }
    .pop-up .btn{
        margin-left: 0;
        margin-right: 0;
    }
}
@media (min-width: 966px){
    .pop-ups{
        bottom: 35px;
        right: 35px;
        max-width: calc(100% - 70px);
    }
    .pop-up {
        padding: 40px 30px 30px 40px;
    }
    .pop-up__text{
        margin-right: 23px;
    }
    .pop-up_big .pop-up__text{
        margin-right: 44px;
    }
}

.casessPage__heading{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
}
.casessPage__heading .casessPageBody__views{
    position: relative;
    left: unset;
    right: unset;
    top: unset;
    bottom: unset;
    margin-left: 20px;
    margin-top: calc(1.25rem + .4375 * (100vw - 20.0625rem) / 60.3125);
    display: inline-flex;
}

.articlesBody__main b{
    font-weight: 400 !important;
}
.articlesBody__main p:not(.fa) , .articlesBody__main li:not(.fa) , .articlesBody__main *:not(.fa) {
    font-family: GothamPro, sans-serif !important;
    /* text-align: left !important; */
}

:root {
    --duration: 1.5s;
    --container-size: 250px;
    --box-size: 33px;
    --box-border-radius: 15%;
  }
#tabPreloader>div {
    width: var(--container-size);
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
    position: relative;
    margin: auto;
    /* opacity: 0;
    height: 0;
    overflow: hidden;
    transition: opacity .3s ease-in; */
  }
  @media screen and (min-width: 768px){
    #tabPreloader{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        background: #fff;
    }
    #tabPreloader>div {
        margin: 22vh auto 0;
    }
    .sortPanel + #tabPreloader{
        top: 60px;
    }
  }
  #tabPreloader{
      display: none;
  }
  .tabPreloader__box {
    width: var(--box-size);
    height: var(--box-size);
    position: relative;
    display: block;
    -webkit-transform-origin: -50% center;
            transform-origin: -50% center;
    border-radius: var(--box-border-radius);
  }
  .tabPreloader__box:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #0090ff;
    border-radius: var(--box-border-radius);
    box-shadow: 0px 0px 10px 0px rgba(0,144,255, 0.4);
  }
  .tabPreloader__box:nth-child(1) {
    -webkit-animation: slide var(--duration) ease-in-out infinite alternate;
            animation: slide var(--duration) ease-in-out infinite alternate;
  }
  .tabPreloader__box:nth-child(1):after {
    -webkit-animation: color-change var(--duration) ease-in-out infinite alternate;
            animation: color-change var(--duration) ease-in-out infinite alternate;
  }
  .tabPreloader__box:nth-child(2) {
    -webkit-animation: flip-1 var(--duration) ease-in-out infinite alternate;
            animation: flip-1 var(--duration) ease-in-out infinite alternate;
  }
  .tabPreloader__box:nth-child(2):after {
    -webkit-animation: squidge-1 var(--duration) ease-in-out infinite alternate;
            animation: squidge-1 var(--duration) ease-in-out infinite alternate;
  }
  .tabPreloader__box:nth-child(3) {
    -webkit-animation: flip-2 var(--duration) ease-in-out infinite alternate;
            animation: flip-2 var(--duration) ease-in-out infinite alternate;
  }
  .tabPreloader__box:nth-child(3):after {
    -webkit-animation: squidge-2 var(--duration) ease-in-out infinite alternate;
            animation: squidge-2 var(--duration) ease-in-out infinite alternate;
  }
  .tabPreloader__box:nth-child(4) {
    -webkit-animation: flip-3 var(--duration) ease-in-out infinite alternate;
            animation: flip-3 var(--duration) ease-in-out infinite alternate;
  }
  .tabPreloader__box:nth-child(4):after {
    -webkit-animation: squidge-3 var(--duration) ease-in-out infinite alternate;
            animation: squidge-3 var(--duration) ease-in-out infinite alternate;
  }
  .tabPreloader__box:nth-child(5) {
    -webkit-animation: flip-4 var(--duration) ease-in-out infinite alternate;
            animation: flip-4 var(--duration) ease-in-out infinite alternate;
  }
  .tabPreloader__box:nth-child(5):after {
    -webkit-animation: squidge-4 var(--duration) ease-in-out infinite alternate;
            animation: squidge-4 var(--duration) ease-in-out infinite alternate;
  }
  .tabPreloader__box:nth-child(2):after {
    background-color:  #ffd91f;
    box-shadow: 0px 0px 10px 0px rgba(255,217,31, 0.4);
  }
  .tabPreloader__box:nth-child(3):after {
    background-color:  #ffd91f;
    box-shadow: 0px 0px 10px 0px rgba(255,217,31, 0.4);
  }
  .tabPreloader__box:nth-child(4):after {
    background-color:  #ffd91f;
    box-shadow: 0px 0px 10px 0px rgba(255,217,31, 0.4);
  }
  .tabPreloader__box:nth-child(5):after {
    background-color:  #ffd91f;
    box-shadow: 0px 0px 10px 0px rgba(255,217,31, 0.4);
  }
  
  @-webkit-keyframes slide {
    0% {
      background-color: #0090ff;
      -webkit-transform: translatex(0vw);
              transform: translatex(0vw);
    }
    100% {
      background-color: #0090ff;
      -webkit-transform: translatex(calc(var(--container-size) - (var(--box-size) * 1.25)));
              transform: translatex(calc(var(--container-size) - (var(--box-size) * 1.25)));
    }
  }
  
  @keyframes slide {
    0% {
      background-color: #0090ff;
      -webkit-transform: translatex(0vw);
              transform: translatex(0vw);
    }
    100% {
      background-color: #0090ff;
      -webkit-transform: translatex(calc(var(--container-size) - (var(--box-size) * 1.25)));
              transform: translatex(calc(var(--container-size) - (var(--box-size) * 1.25)));
    }
  }
  @-webkit-keyframes color-change {
    0% {
      background-color: #0090ff;
    }
    100% {
      background-color: #0090ff;
    }
  }
  @keyframes color-change {
    0% {
      background-color: #0090ff;
    }
    100% {
      background-color: #0090ff;
    }
  }
  @-webkit-keyframes flip-1 {
    0%,
          15% {
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    35%,
          100% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
    }
  }
  @keyframes flip-1 {
    0%,
          15% {
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    35%,
          100% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
    }
  }
  @-webkit-keyframes squidge-1 {
    5% {
      -webkit-transform-origin: center bottom;
              transform-origin: center bottom;
      -webkit-transform: scalex(1) scaley(1);
              transform: scalex(1) scaley(1);
    }
    15% {
      -webkit-transform-origin: center bottom;
              transform-origin: center bottom;
      -webkit-transform: scalex(1.3) scaley(0.7);
              transform: scalex(1.3) scaley(0.7);
    }
    25%,
          20% {
      -webkit-transform-origin: center bottom;
              transform-origin: center bottom;
      -webkit-transform: scalex(0.8) scaley(1.4);
              transform: scalex(0.8) scaley(1.4);
    }
    55%,
          100% {
      -webkit-transform-origin: center top;
              transform-origin: center top;
      -webkit-transform: scalex(1) scaley(1);
              transform: scalex(1) scaley(1);
    }
    40% {
      -webkit-transform-origin: center top;
              transform-origin: center top;
      -webkit-transform: scalex(1.3) scaley(0.7);
              transform: scalex(1.3) scaley(0.7);
    }
  }
  @keyframes squidge-1 {
    5% {
      -webkit-transform-origin: center bottom;
              transform-origin: center bottom;
      -webkit-transform: scalex(1) scaley(1);
              transform: scalex(1) scaley(1);
    }
    15% {
      -webkit-transform-origin: center bottom;
              transform-origin: center bottom;
      -webkit-transform: scalex(1.3) scaley(0.7);
              transform: scalex(1.3) scaley(0.7);
    }
    25%,
          20% {
      -webkit-transform-origin: center bottom;
              transform-origin: center bottom;
      -webkit-transform: scalex(0.8) scaley(1.4);
              transform: scalex(0.8) scaley(1.4);
    }
    55%,
          100% {
      -webkit-transform-origin: center top;
              transform-origin: center top;
      -webkit-transform: scalex(1) scaley(1);
              transform: scalex(1) scaley(1);
    }
    40% {
      -webkit-transform-origin: center top;
              transform-origin: center top;
      -webkit-transform: scalex(1.3) scaley(0.7);
              transform: scalex(1.3) scaley(0.7);
    }
  }
  @-webkit-keyframes flip-2 {
    0%,
          30% {
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    50%,
          100% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
    }
  }
  @keyframes flip-2 {
    0%,
          30% {
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    50%,
          100% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
    }
  }
  @-webkit-keyframes squidge-2 {
    20% {
      -webkit-transform-origin: center bottom;
              transform-origin: center bottom;
      -webkit-transform: scalex(1) scaley(1);
              transform: scalex(1) scaley(1);
    }
    30% {
      -webkit-transform-origin: center bottom;
              transform-origin: center bottom;
      -webkit-transform: scalex(1.3) scaley(0.7);
              transform: scalex(1.3) scaley(0.7);
    }
    40%,
          35% {
      -webkit-transform-origin: center bottom;
              transform-origin: center bottom;
      -webkit-transform: scalex(0.8) scaley(1.4);
              transform: scalex(0.8) scaley(1.4);
    }
    70%,
          100% {
      -webkit-transform-origin: center top;
              transform-origin: center top;
      -webkit-transform: scalex(1) scaley(1);
              transform: scalex(1) scaley(1);
    }
    55% {
      -webkit-transform-origin: center top;
              transform-origin: center top;
      -webkit-transform: scalex(1.3) scaley(0.7);
              transform: scalex(1.3) scaley(0.7);
    }
  }
  @keyframes squidge-2 {
    20% {
      -webkit-transform-origin: center bottom;
              transform-origin: center bottom;
      -webkit-transform: scalex(1) scaley(1);
              transform: scalex(1) scaley(1);
    }
    30% {
      -webkit-transform-origin: center bottom;
              transform-origin: center bottom;
      -webkit-transform: scalex(1.3) scaley(0.7);
              transform: scalex(1.3) scaley(0.7);
    }
    40%,
          35% {
      -webkit-transform-origin: center bottom;
              transform-origin: center bottom;
      -webkit-transform: scalex(0.8) scaley(1.4);
              transform: scalex(0.8) scaley(1.4);
    }
    70%,
          100% {
      -webkit-transform-origin: center top;
              transform-origin: center top;
      -webkit-transform: scalex(1) scaley(1);
              transform: scalex(1) scaley(1);
    }
    55% {
      -webkit-transform-origin: center top;
              transform-origin: center top;
      -webkit-transform: scalex(1.3) scaley(0.7);
              transform: scalex(1.3) scaley(0.7);
    }
  }
  @-webkit-keyframes flip-3 {
    0%,
          45% {
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    65%,
          100% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
    }
  }
  @keyframes flip-3 {
    0%,
          45% {
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    65%,
          100% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
    }
  }
  @-webkit-keyframes squidge-3 {
    35% {
      -webkit-transform-origin: center bottom;
              transform-origin: center bottom;
      -webkit-transform: scalex(1) scaley(1);
              transform: scalex(1) scaley(1);
    }
    45% {
      -webkit-transform-origin: center bottom;
              transform-origin: center bottom;
      -webkit-transform: scalex(1.3) scaley(0.7);
              transform: scalex(1.3) scaley(0.7);
    }
    55%,
          50% {
      -webkit-transform-origin: center bottom;
              transform-origin: center bottom;
      -webkit-transform: scalex(0.8) scaley(1.4);
              transform: scalex(0.8) scaley(1.4);
    }
    85%,
          100% {
      -webkit-transform-origin: center top;
              transform-origin: center top;
      -webkit-transform: scalex(1) scaley(1);
              transform: scalex(1) scaley(1);
    }
    70% {
      -webkit-transform-origin: center top;
              transform-origin: center top;
      -webkit-transform: scalex(1.3) scaley(0.7);
              transform: scalex(1.3) scaley(0.7);
    }
  }
  @keyframes squidge-3 {
    35% {
      -webkit-transform-origin: center bottom;
              transform-origin: center bottom;
      -webkit-transform: scalex(1) scaley(1);
              transform: scalex(1) scaley(1);
    }
    45% {
      -webkit-transform-origin: center bottom;
              transform-origin: center bottom;
      -webkit-transform: scalex(1.3) scaley(0.7);
              transform: scalex(1.3) scaley(0.7);
    }
    55%,
          50% {
      -webkit-transform-origin: center bottom;
              transform-origin: center bottom;
      -webkit-transform: scalex(0.8) scaley(1.4);
              transform: scalex(0.8) scaley(1.4);
    }
    85%,
          100% {
      -webkit-transform-origin: center top;
              transform-origin: center top;
      -webkit-transform: scalex(1) scaley(1);
              transform: scalex(1) scaley(1);
    }
    70% {
      -webkit-transform-origin: center top;
              transform-origin: center top;
      -webkit-transform: scalex(1.3) scaley(0.7);
              transform: scalex(1.3) scaley(0.7);
    }
  }
  @-webkit-keyframes flip-4 {
    0%,
          60% {
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    80%,
          100% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
    }
  }
  @keyframes flip-4 {
    0%,
          60% {
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    80%,
          100% {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
    }
  }
  @-webkit-keyframes squidge-4 {
    50% {
      -webkit-transform-origin: center bottom;
              transform-origin: center bottom;
      -webkit-transform: scalex(1) scaley(1);
              transform: scalex(1) scaley(1);
    }
    60% {
      -webkit-transform-origin: center bottom;
              transform-origin: center bottom;
      -webkit-transform: scalex(1.3) scaley(0.7);
              transform: scalex(1.3) scaley(0.7);
    }
    70%,
          65% {
      -webkit-transform-origin: center bottom;
              transform-origin: center bottom;
      -webkit-transform: scalex(0.8) scaley(1.4);
              transform: scalex(0.8) scaley(1.4);
    }
    100%,
          100% {
      -webkit-transform-origin: center top;
              transform-origin: center top;
      -webkit-transform: scalex(1) scaley(1);
              transform: scalex(1) scaley(1);
    }
    85% {
      -webkit-transform-origin: center top;
              transform-origin: center top;
      -webkit-transform: scalex(1.3) scaley(0.7);
              transform: scalex(1.3) scaley(0.7);
    }
  }
  @keyframes squidge-4 {
    50% {
      -webkit-transform-origin: center bottom;
              transform-origin: center bottom;
      -webkit-transform: scalex(1) scaley(1);
              transform: scalex(1) scaley(1);
    }
    60% {
      -webkit-transform-origin: center bottom;
              transform-origin: center bottom;
      -webkit-transform: scalex(1.3) scaley(0.7);
              transform: scalex(1.3) scaley(0.7);
    }
    70%,
          65% {
      -webkit-transform-origin: center bottom;
              transform-origin: center bottom;
      -webkit-transform: scalex(0.8) scaley(1.4);
              transform: scalex(0.8) scaley(1.4);
    }
    100%,
          100% {
      -webkit-transform-origin: center top;
              transform-origin: center top;
      -webkit-transform: scalex(1) scaley(1);
              transform: scalex(1) scaley(1);
    }
    85% {
      -webkit-transform-origin: center top;
              transform-origin: center top;
      -webkit-transform: scalex(1.3) scaley(0.7);
              transform: scalex(1.3) scaley(0.7);
    }
  }
  

.record\/record .content-inner-ratings.r_record_tpl.flag_record.blog_id_68.record_id_292{
    display: none;
}
.newsPageBody, .newsPageBody__editor{
    margin-top: 0 !important;
}

@media screen and (min-width: 992px){
    .main__home-wrap .casesAndRatings__column-content .casesCard__thumb{
        /* min-height: 490px; */
        max-height: 490px;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }
    .main__home-wrap .casesAndRatings__column-content .casesCard__thumb img{
        min-height: 100%;
        max-height: 100%;
        max-width: 100%;
        min-width: 100%;
    }
}

@media screen and (max-width: 991px){
    .main__home-wrap .casesAndRatings__column-content .casesCard__thumb{
        max-height: 490px;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden ;
    }
    .main__home-wrap .casesAndRatings__column-content .casesCard__thumb img{
        min-height: 100%;
        max-height: 100%;
        max-width: 100%;
        min-width: 100%;
    }
    .main__home-wrap .casesAndRatings__carousel .casesCard__thumb{
        overflow-y: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.mobBanner{
    display: none;
}
@media screen and (max-width: 639px){ 
    .mobBanner{
        display: block;
    }
    .descBanner{
        display: none;
    }
}



@font-face{font-family:'fira500';font-style:normal;font-weight:700;src:url(../fonts/fira-mono-v9-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff2) format('woff2') , url(../fonts/fira-mono-v9-latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff) format('woff')}

.webawards{
    position: relative;
    overflow: hidden;
    text-decoration: none;
    transition: all .3s ease-in;
    padding: 50px 60px;
    background: url(../image/background/Frame1148.svg) center center no-repeat;
    background-size: cover;
}
.webawards>svg{
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;  
    left: 50%; 
    transform: translate(-50%, -50%)

}
.webawards__body{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1;
    background: rgba(255, 255, 255, 0.25);
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    backdrop-filter: blur(10px);
    border-radius: 10px;
    padding: 50px 110px 50px 50px;
}
.webawards__body>div{
    width: 100%;
    position: relative;
    z-index: 1;
}
.webawards__body>svg:not(.awards-logo){
    position: absolute;
    z-index: 0;
    max-width: 83px;
    bottom: -65px;
    right: 90px;
}
.awards-logo{
    margin: 0;
    max-width: 30%;
    width: 100%;
    position: relative;
    z-index: 1;
}
.webawards__text{
    max-width: 62%;
    font-family: 'fira500';
    text-align: left;
}
.webawards__title{
    font-family: 'fira500';
    font-size: calc(27px + (27 + 27 * 0.7) * ((100vh - 767px) / 1920));
    letter-spacing: -0.02em;
    line-height: 65px;
    transition: all .3s ease-in;
    margin-bottom: 13px;
}
.webawards:hover, .webawards:hover .webawards__title{
    color: #84329D
}

@media screen and (max-width: 767px){
    .webawards{
        padding: 40px 30px;
    }
    .webawards__body{
        flex-flow: column nowrap;
        justify-content: center;
        padding: 20px 10px;
    }
    .webawards__body>svg:not(.awards-logo){
        position: absolute;
        z-index: 0;
        max-width: 83px;
        bottom: -30px;
        right: 10px;
    }
    .webawards__text{
        text-align: center;
    }
    .webawards__title{
        font-size: 22px;
        line-height: 32px;
        text-align: center;
    }
    .awards-logo{
        max-width: 150px;
        margin-bottom: 16px;
    }
}


@media screen and (max-width: 965px){
    .header.zindex .header__logo{
        position: fixed;
        top: 5px;
        left: calc(50vw - 60px);
        height: 40px;
        z-index: 25;
        width: 120px;
    }
    .header.zindex.menuOpen .header__logo{
        z-index: 2;
    }
    .header.zindex .header__logo img{
        max-height: 100%
    }
    .header.zindex .drop-bl a:last-child{
        display: none;
    }
    .header.zindex .drop-bl a:not(:last-child){
           margin-right: 0 !important;
    }
    .mainMenu__iconBtnGroup{
        padding-right: 0;  
    }
    .contentBody__editor .wr_inputs{
        display: flex;
        flex-flow: column nowrap;
        align-items: center;
    }
}
@media screen and (max-width: 600px){
    .header.zindex .header__logo{
        left: calc(50vw - 80px);
    }
}

@media screen and (max-width: 900px){
    .categoryPage__sort.product-filter .categoryPage__iconFiler{
        margin-bottom: 0;
        margin-left: auto;margin-right: auto;
    }
}




.expanded-block__outer{
    overflow: auto;
}
.expanded-block__outer.expanded .expanded-block__content{
    margin-top: 0;
}
.expanded-block__content{
    padding-bottom: 50px;
    margin-top: -65px;
}
.expanded-block__outer:before{
    position: sticky !important;
}
.city-table{
    display: flex;
    flex-flow: row wrap;
    padding-left: 0 !important;
}
.city-table li{
    list-style: none;
    padding-left: 0;
    padding: 4px 10px;
    border: 1px solid #eeee;
    border-radius: 8px;
    margin-left: 5px;
    margin-right: 5px;
    width: 100%;
    max-width: calc(50% - 10px);
    margin-bottom: 10px;
}
.city-table>li:before{
    display: none;
}
@media screen and (min-width: 768px){
    .city-table li{
        max-width: calc(33.33% - 10px);
    }
}
@media screen and (min-width: 1024px){
    .city-table li{
        max-width: calc(20% - 10px);
    }
}
.topMenu__link, .navList__link, .menu-category__link{
    position: relative;
}
.topMenu__link sup, .navList__link sup, .menu-category__link sup{
    color: #0090ff;
    position: absolute;
    right: 0px;
    font-size: 12px;
    line-height: 12px;
    top: -5px;
    text-transform: lowercase;
}
.field_multiple .select2-container--default .select2-selection--multiple{
    border: 1px solid #f3f3f3 !important;
    width: 100% !important;
    background-color: #f7f7f7;
    padding-right: 36px;
}
.field_multiple .select2-container--default .select2-selection--multiple::before{
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    box-sizing: border-box;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
    position: absolute;
    right: 23px;
    top: 20px
}
.select2-container .select2-selection--multiple .select2-selection__rendered{
    width: 100% !important;
}
.field_multiple .select2-container{
    width: 100% !important;
}

.bank-header{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
}
.bank-header>*:not(h1){
    margin-left: auto;
    margin-right: 0;
    margin-bottom: .5rem;
}

.bank-header h1{
    margin-right: 15px;
}
.text-unset{
    text-transform: unset !important;
}
.text-unset>*{
    text-transform: lowercase !important;
}

.section__footer{
    display: flex;
    width: 100%;
    /* position: relative;
    z-index: 2 */
}
.section__btn{
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;   
    margin-top: 20px;
    position: relative;
    z-index: 2
}
@media screen and (min-width: 1920px) {
    .categoryPage .fxtabl__td_inf{
        flex-basis: 159px;
    }
    .companyPrice__fxtablWrp .fxtabl__td_inf{
        flex-basis: 220px;
    }
    .fxtabl__td_inf {
        flex: 0 0 240px
    }
    .fxtabl_bank .fxtabl__td_inf{
        flex: 0 0 190px
    }
    .rating-content li ul li, .rating-header li{
        flex-basis: 110px;
    }
    .rating-content li ul .portfolio-counter, .rating-header .portfolio-counter{
        flex-basis: 190px;
    }
}


/* NEW LK ----------------------------------------------------------------------- */
/* menu */
.lk-menu_new .lk-menu__link svg{
    width: 28px;
    height: 28px;
    padding: 5px;
    background: #F5F5F5;
    border-radius: 8px;
    margin-left: auto;
    margin-right: 0;
}
.lk-menu_new .lk-menu__link svg *{
    fill: #050505
}
.lk-menu_new .lk-menu__link_current svg{
    background: #DCF3FF
}
.lk-menu_new .lk-menu__link_current svg *{
    fill: #2282ED
}
/* account */
.home-board_new>*{
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
}
.home-board_new>*:last-of-type{
    margin-bottom: 0;
}
/* rating */
.lk-rating{
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
}
.lk-rating-body{
    display: flex;
    flex-flow: column nowrap;
}
.lk-rating-graph{
    position: relative;
    background: #F7F7F7;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 84px;
    margin-bottom: 15px;
    text-decoration: none;
    color: #050505;
    padding: 15px
}
.lk-rating-graph:not(.lk-rating-graph_main){
    justify-content: flex-start;
    padding-left: 80px;
}
.lk-rating-graph:not(.lk-rating-graph_main) .lk-rating-graph__circle{
    left: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.lk-rating-graph_main{
    width: 100%;
    height: 158px;
}
.lk-rating__aside{
    width: 100%;
    display: inline-flex;
    flex-flow: row wrap;
    margin-left: auto;
    margin-right: 0;
}
.lk-rating__aside>*{
    max-width: calc(50% - 7px);
    width: 100%;
}
.lk-rating__aside>*:nth-child(even){
    margin-left: auto;
    margin-right: 0;
}
.lk-rating-graph__circle{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.lk-rating-graph__circle svg{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.lk-rating-graph_main .lk-rating-graph__counter{
    -webkit-transform: translate(-50%, -50%) scale(.8);
    transform: translate(-50%, -50%) scale(.8)
}
.lk-rating-graph__counter {
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    transition: 250ms;
    -webkit-transform: translate(-50%, -50%) scale(.27);
    transform: translate(-50%, -50%) scale(.27)
}
.lk-rating-graph_main .lk-rating-graph__circle::before {
    width: 190px;
    height: 190px;
    border: 9px solid rgba(134, 134, 136, .2);
}
.lk-rating-graph__circle::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 8;
    top: 50%;
    left: 50%;
    width: 66px;
    height: 66px;
    box-sizing: border-box;
    transition: 250ms;
    -webkit-transform: translate(-50%, -50%) scale(.8);
    transform: translate(-50%, -50%) scale(.8);
    border: 5px solid rgba(134, 134, 136, .2);
    border-radius: 50%
}
.lk-rating-graph__num{
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 100%;
}
.lk-rating-graph__name{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 120%;
}
.lk-rating-graph__body{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    text-align: center;
}
.lk-rating-graph__text{
    display: flex;
    flex-flow: column nowrap;
}
.lk-rating-footer{
    display: flex;
    flex-flow: column nowrap;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    padding: 15px;
    margin-top: auto;
    margin-bottom: 0;
}
.lk-rating-footer>*:not(:last-child){
    margin-bottom: 20px;
}
.lk-rating-item{
    text-align: center;
    text-decoration: none;
    width: 100%;
}
.lk-rating-item__num{
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    margin-bottom: 2px;
}
.lk-rating-item__name{
    font-weight: normal;
    font-size: 16px;
    line-height: 120%;
}
/* views */
.lk-views{
    display: flex;
    flex-flow: column nowrap;
    background: #F7F7F7;
    padding: 15px;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-left: auto;
    margin-right: 0;
}
.lk-views>*:last-child{
    margin-bottom: 0;
}
.lk-views__title{
    margin-bottom: 14px;
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
}
.lk-views-item{
    margin-bottom: 15px;
}
.lk-views-item p{
    font-size: 16px;
    line-height: 120%;
    margin-bottom: 0;
}
.lk-views-item p:first-child{
    font-weight: 500;
    font-size: 32px;
    line-height: 100%;
    color: #2282ED;
    margin-bottom: 6px;
}
/* tenders */
.lk-tenders{
    width: 100%;
}
.lk-tenders__wrapper{
    margin-bottom: -15px;
}
.lk-tenders__wrapper>*{
    width: 100%;
    margin-bottom: 15px;
}
.lk-tenders__header{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 20px;
}
.lk-tenders__header>*{
    margin-bottom: 0;
}
.lk-tenders__header>*:not(:first-child) {
    margin-left: auto;
    margin-right: 0;
}
.lk-tender{
    text-decoration: none;
    color: #050505;
    font-size: 14px;
    line-height: 140%;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    display: flex;
    flex-flow: column nowrap;
    padding: 20px 30px 12px;
    transition: all .3s ease-in;
    position: relative;
}
.lk-tender:hover{
    color: #050505;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1)
}
.lk-tender p{
    margin-bottom: 0;
}
.lk-tender__header{
    margin-bottom: 12px;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.lk-tender__row {
    max-width: calc(100% - 135px);
}
.lk-tender__row span{
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    color: #7D8487
}
.lk-tender__row p{
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
}
.lk-tender__body{
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 12px;
    padding-bottom: 4px;
    border-bottom: 1px solid #E5E5E5;
    width: 100%;
}
.lk-tender__body>*{
    width: 100%;
    max-width: calc(50% - 5px);
    margin-bottom: 12px;
}
.lk-tender__body>*:nth-child(even){
    margin-left: auto;
    margin-right: 0;
}
.lk-tender__col span{
    font-weight: normal;
    font-size: 12px;
    line-height: 140%;
    color: #7D8487
}
.lk-tender__col p{
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
}
.lk-tender__footer{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    width: 100%;
}
.lk-tender__footer>svg:first-child{
    margin-right: 12px;
}
.lk-tender__footer>svg:last-child{
    margin: auto 0 auto auto;
}
.lk-tender__closed{
    padding: 4px 20px;
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    color: green;
    background: rgba(0, 128, 0, .2);
    border-radius: 20px;
    display: inline-block;
    margin-left: auto;
    margin-right: 0;
    position: absolute;
    right: 20px;
    top: 15px
}
.lk-tender__closed-yellow{
    color: #050505;
    background: rgba(255, 217, 31, .2);
}
/* news */
.lk-service-news{
    width: 100%;
    max-width: calc(100% - 30px);
}
.js_lk-news.owl-carousel .owl-stage{
    padding-top: 0;
    padding-bottom: 0;
}
.js_lk-news .cardItem__body{
    margin-top: 20px;
}
.js_lk-news.owl-carousel .owl-nav{
    position: absolute;
    bottom: unset !important;
    top: -34px !important;
    right: 0 !important;
    left: unset !important;
}
.js_lk-news.owl-carousel .owl-nav button{
    margin: 0 !important;
    width: 24px;
    height: 24px;
    position: relative;
    top: unset !important;
    left: unset !important;
    right: unset !important;
    bottom: unset !important;
    font-size: 22px;
}
.js_lk-news.owl-carousel .owl-nav button:not(:last-child){
    margin-right: 18px !important;
}
.js_lk-news.owl-carousel .owl-nav svg{
    width: 20px !important;
}
/* lk cases */
.lk-cases{
    width: 100%;
    max-width: calc(100% - 30px);
}
.lk-cases-list{
    display: flex;
    flex-flow: column nowrap;
}
.lk-cases-list>*:not(:last-child){
    padding-bottom: 19px;
    margin-bottom: 13px;
    border-bottom: 1px solid #E8E8E8;
}
.lk-case{
    display: flex;
    flex-flow: row nowrap;
}
.lk-case__img{
    width: 231px;
    height: 123px;
}
.lk-case__body{
    width: 100%;
    max-width: calc(100% - 247px);
    margin-left: auto;
    margin-right: 0;
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
}
.lk-case__body>*:not(:last-child){
    margin-bottom: 8px;
}
.lk-case__web{
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    text-decoration: underline;
    color: #2282ED;
}
.lk-case__web:hover{
    text-decoration: none
}
.lk-case__row{
    display: flex;
    width: 100%;
    flex-flow: row wrap;
}
.lk-case__link{
    font-weight: normal;
    font-size: 14px;
    line-height: 100%;
    text-decoration: underline;
    color: #050505;
    margin-right: 10px;
}
.lk-case__link:hover{
    text-decoration: none
}
.lk-case__date{
    font-weight: normal;
    font-size: 14px;
    line-height: 100%;
    color: #7D8487;
    display: inline-block;
    margin-left: auto;
    margin-right: 0;
}
.lk-case__title{
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: #050505;
    text-decoration: none;
}
@media screen and (max-width: 965px) {
    
    /* banner */
    .lk-banner{
        display: none;
    }   
    .lk-rating{
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 599px){
    .lk-rating-graph:not(.lk-rating-graph_main){
        height: 150px;
        padding-top: 75px;
        text-align: center;
        padding-left: 15px;
        justify-content: center;
    }
    .lk-rating-graph:not(.lk-rating-graph_main) .lk-rating-graph__circle{
        left: 50%;
        top: 40px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}
@media screen and (max-width: 455px){
    .lk-case{
        flex-flow: column nowrap;
    }
    .lk-case>*{
        width: 100%;
        height: auto;
        max-width: 100%;
    }
}

@media screen and (min-width: 360px) and (max-width: 599px){
    .lk-rating-footer{
        padding-bottom: 0;
        flex-flow: row wrap;
    }
    .lk-rating-footer>*{
        max-width: calc(50% - 7px);
        margin-bottom: 14px;
    }
    .lk-rating-footer>*:nth-child(even){
        margin-left: auto;
        margin-right: 0;
    }
}
@media screen and (min-width: 600px) {
    .lk-rating-footer{
        flex-flow: row nowrap;
        align-items: center;
    }
    .lk-rating-footer>*{
        max-width: calc(25% - 11px);
    }
    .lk-rating-footer>*:not(:last-child){
        margin-right: 14px;
        margin-bottom: 0;
    }
}
@media screen and (min-width: 966px) {
    .lk-rating{
        max-width: calc(75% - 30px)
    }
    .lk-rating-graph{
        margin-bottom: 30px;
    }
    .lk-rating__aside>*{
        max-width: calc(50% - 15px);
    }
    /* lk-footer */
    .lk-rating-footer{
        padding: 26px 15px 25px
    }
    /* views */
    .lk-views{
        max-width: calc(25% - 30px);
        padding: 36px 30px 48px;
        padding-left: calc(10px + 20 * (100vw - 966px) / 954);
        padding-right: calc(10px + 20 * (100vw - 966px) / 954);
    }
    .lk-views__title{
        font-size: calc( 18px + 4px * (100vw - 966px) / 954);
        margin-bottom: 24px;
    }
    .lk-views-item{
        margin-bottom: 30px;
    }
    /* banner */
    .lk-banner{
        max-height: 110px;
    }
    .lk-banner img{
        max-width: 100%;
        max-height: 100%;
    }   
    .home-board_new>*{
        margin-bottom: 50px;
    }
    .home-board_new>*:last-of-type{
        margin-bottom: 0;
    }
    /* lk tenders */
    .lk-tenders__wrapper{
        width: calc(100% + 30px);
        margin-left: -15px;
        margin-right: -15px;
        display: flex;
        flex-flow: row wrap;
    }
    .lk-tenders__wrapper>*{
        max-width: calc(50% - 30px);
        margin-left: 15px;
        margin-right: 15px;
        display: flex;
        flex-flow: row wrap;
        margin-bottom: 30px;
    }
    /* lk news */
    .lk-service-news{
        max-width: calc(50% - 30px);
    }
    /* lk cases */
    .lk-cases{
        max-width: calc(50% - 30px);
    }
}
@media screen and (min-width: 1200px) {
    .lk-rating-body{
        flex-flow: row nowrap;
    }
    .lk-rating-graph{
        height: 164px;
    }
    .lk-rating-graph_main{
        max-width: calc(33.33% - 15px);
    }
    .lk-rating-body>*{
        height: 358px;
    }
    .lk-rating__aside{
        max-width: calc(66.66% - 15px)
    }
    
    .lk-rating-graph_main .lk-rating-graph__counter{
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
    .lk-rating-graph_main .lk-rating-graph__circle::before {
        width: 234px;
        height: 234px;
        border: 9px solid rgba(134, 134, 136, .2);
    }
}
@media screen and (min-width: 1500px) {
    .lk-rating-graph:not(.lk-rating-graph_main){
        padding-left: 140px;
    }
    .lk-rating-graph:not(.lk-rating-graph_main) .lk-rating-graph__circle{
        left: 75px;
    }
    .lk-rating-graph__counter {
        -webkit-transform: translate(-50%, -50%) scale(.47);
        transform: translate(-50%, -50%) scale(.47)
    }
    .lk-rating-graph__circle::before {
        width: 114px;
        height: 114px;
        border: 7px solid rgba(134, 134, 136, .2);
    }
    .lk-tenders__wrapper>*{
        max-width: calc(33.33% - 30px);
    }
}
@media screen and (min-width: 1920px) {
    .lk-views{
        padding: 36px 30px 48px;
    }
    .lk-views__title{
        font-size: 22px;
    }
}
/* lk header */
.lk-header{
    box-shadow: none;
}
.lk-header__logout{
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    color: #050505;
    width: auto;
    padding-left: 10px;
    border: none;
    border-left: 1px solid #E8E8E8;
    height: auto;
    transition: all .0s ease-in;
}
.lk-header__logout *{
    transition: all .0s ease-in;
}
.lk-header__logout svg{
    margin-left: 10px;
}
.lk-pro-btn{
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 500;
    min-width: auto;
    text-transform: none;
}
.lk-header__right_new>*:not(:first-child){
    margin-left: 10px;
}
.lk-ver-btn{
    background: #E7F6FE;
    border-radius: 18px;
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    padding: 5px 20px;
}
.lk-ver-btn>svg{
    margin-right: 8px;
}
.lk-verify-block{
    background-color: #FFF7DC;
    background-image: url(../img/account/lk-verif.svg);
    background-position: right bottom;
    background-size: 100px;
    background-repeat: no-repeat;
    border-radius: 20px;
    min-height: 160px;
    width: 100%;
    margin-left: 26px;
    margin-right: 26px;
    max-width: calc(100% - 52px);
    display: flex;
    flex-flow: column nowrap;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    line-height: 140%;
    color: #050505;
    padding: 20px 70px 20px 20px;
    margin-top: 30px;
}
.lk-verify-block svg{
    margin-top: auto;
    margin-bottom: 0;
}
@media screen and (max-width: 1055px){
    .lk-header__logout{
        padding-left: 7px;
        padding-right: 15px;
    }
    .lk-header__logout span{
        display: none
    }
    .lk-pro-btn, .lk-ver-btn{
        display: none;
    }
}
@media screen and (min-width: 1560px){
    .site-menu > :not(:last-child) {
        margin-right: 25px;
    }
    .lk-header__logout{
        padding-left: 30px;
    }
    .lk-header__logout svg{
        margin-left: 12px;
    }
    .lk-pro-btn{
        padding-left: 30px;
        padding-right: 30px;
    }
    .lk-header__right_new>*:not(:first-child){
        margin-left: 30px;
    }
    .lk-verify-block{
        background-size: auto;
    }
}
@media screen and (min-width: 1820px){
    .site-menu > :not(:last-child) {
        margin-right: 40px;
    }
}
/* lk new profile */
.tab-btns{
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%;
    width: 100%;
    overflow-y: auto;
    margin-bottom: 30px;
    position: relative;
}
.tab-btns::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #E5E5E5;
    bottom: 0;
    position: absolute;
    left: 0;
}
.tab-btn{
    padding-bottom: 10px;
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    color: #7D8487;
    position: relative;
    z-index: 1;
    border-bottom: 2px solid rgba(255,255,255, 0);
    transition: all .3s  ease-in;
}
.tab-btn:not(.tab-active):hover{
    color: #2282ED;
}
.tab-btn:not(:last-child){
    margin-right: 15px;
}
.tab-btn.tab-active{
    color: #2282ED;
    border-color: #2282ED;
}
.main-txt{
    display: none
}
.lk-rating-wrapper{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
}
.simpleedit{
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    width: calc(100% + 20px);
    margin-left: -10px;
}
.lk-profile-main{
    width: 100%;
    display: flex;
    flex-flow: row wrap
}
.lk-profile-aside{
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
}
.field__help{
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 140%;
    color: #050505;
    width: 100%;
    display: block;
    margin-top: 6px;
}
.lk-profile-aside .field_img{
    align-self: unset;
    min-width: unset;
    max-width: unset;
}
.lk-profile-aside>*{
    margin-right: 10px;
    margin-left: 10px;
}
.lk-portfolio__header{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.lk-portfolio__btns{
    display: inline-flex;
    flex-flow: row wrap;
    align-items: center;
    margin-left: auto;
    margin-right: 0;
}
@media screen and (min-width: 966px){
    .tab-btn:not(:last-child){
        margin-right: 60px;
    }
    .lk-profile-main{
        max-width: calc(66.67% - 15px);
    }
    .lk-profile-aside{
        max-width: calc(33.33% - 15px);
        margin-left: auto;
    }
}
@media screen and (min-width: 1200px){
    .lk-profile-main{
        max-width: calc(66.67% - 25px);
    }
    .lk-profile-aside{
        max-width: calc(33.33% - 25px);
    }
}
.portfolio-type-wrapper{
    display: flex;
    flex-flow: row wrap;
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 40px;
}
.portfolio-type-wrapper>*{
    max-width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px;
}
.portfolio-type-card{
    width: 100%;
    border: 1px solid #E6E6E6;
    box-sizing: border-box;
    display: flex;
    flex-flow: column nowrap;
    padding: 16px 20px;
    text-decoration: none;
    color: #050505;
    min-height: 100px;
}
.portfolio-type-card__name{
    font-weight: 500;
    font-size: 15px;
    line-height: 120%;
}
.portfolio-type-card__footer{
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: auto;
    margin-bottom: 0;
}
.portfolio-type-card__footer span{
    font-weight: normal;
    font-size: 12px;
    line-height: 120%;
    color: #7D8487;
    display: inline-block;
    margin-right: 10px;
}
.portfolio-type-card__footer svg{
    opacity: 0;
    margin-left: auto;
    margin-right: 0;
}
.portfolio-type-card__footer svg *{
    fill: #0090ff;
}

.portfolio-type-card *, .portfolio-type-card{
    transition: all .3s ease-in;
}
.portfolio-type-card:hover .portfolio-type-card__footer svg{
    opacity: 1;
}
.portfolio-type-card:hover{
    border-color: #0090ff;
    background: #F3F5FC
}
.portfolio-type-card:hover *{
    color: #0090ff;
}

@media screen and (min-width: 500px){
    .portfolio-type-wrapper>*{
        max-width: calc(50% - 20px);
    }
}
@media screen and (min-width: 700px){
    .portfolio-type-wrapper>*{
        max-width: calc(33.33% - 20px);
    }
}
@media screen and (min-width: 900px){
    .portfolio-type-wrapper>*{
        max-width: calc(25% - 20px);
    }
}
@media screen and (min-width: 1200px){
    .portfolio-type-wrapper{
        margin-bottom: 66px
    }
    .portfolio-type-wrapper>*{
        max-width: calc(20% - 20px);
    }
}
/* new footer */
.footer{
    background: #090909
}
.footer__wrapper-bot{
    border-top: 1px solid #141414;
    margin-top: 30px;
}
@media screen and (min-width: 1024px){
    .footer__wrapper-bot{
        margin-top: 40px;
    }
}
.soc__link{
    width: 40px;
    height: 40px;
    border-radius: 0;
    background: #202020;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
}
.soc__link:not(:last-child){
    border: none;
    margin-right: 12px;
}
.email-subscribe .subBx button span{
    display: none;
}
.subBx button svg{
    display: none;
}
.email-subscribe .subBx button svg{
    display: unset;
}
.email-subscribe .subBx__btn, .email-subscribe .subBx__inp{
    height: 40px;
    margin-left: 0;
    margin-right: 0;
}
.email-subscribe .section_sub{
    background: rgba(0, 0, 0, .0);
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    border: none !important
}
.email-subscribe .section__subBx{
    width: 100%;
    margin-top: 0;
}
.email-subscribe .subBx__return-txt{
    font-size: 14px;
    line-height: 140%;
}
.email-subscribe .js_section_sub{
 padding: 0;
 display: flex;
 flex-flow: row nowrap;
}
.email-subscribe .heading {
    display: none;
}
.email-subscribe .section__title{
    display: none;
}
.email-subscribe{
    margin-top: 24px;
    margin-bottom: 22px;
    display: flex;
    flex-flow: row nowrap;
    height: 40px;
}

.email-subscribe .section_sub input{
    border: none;
    background: rgba(0,0,0,0);
    flex: 1;
    padding-right: 10px;
    border-bottom: 1px solid #494949;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    padding-left: 0;
}
.email-subscribe .section_sub input::placeholder{
    color: #999;
}
.email-subscribe .btn{
    max-width: 46px;
    min-width: 46px;
    background: #ffd91f;
    border: none
}
.articlesBody__aside .articlesCard__heading, .c-right .articlesCard__heading{
    font-size: 14px;
    line-height: 140%;
    font-weight: 400;
}
.articlesBody__aside .articlesCard, .c-right .articlesCard{
    padding-bottom: 12px;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 16px;
}
.articlesBody__aside .boxSide__heading, .c-right .boxSide__heading{
    padding: 0;
    margin-bottom: 20px;
}
.articleCard__name{
    margin-bottom: 6px;
}

.articlesBody__aside .subBx{
    flex-flow: column nowrap;
}
.articlesBody__aside .subBx>*{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    min-width: 100%;
}
.articlesBody__aside .subBx>*:not(:last-child){
    margin-bottom: 12px;
}
.articlesBody__aside .js_section_sub{
    padding-left: 30px;
    padding-right: 30px;
}
.js_section_sub .section__heading{
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    text-align: center !important;
    text-transform: none !important;
}
.section_sub .js_section_sub>svg{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 18px;
}
.section_sub .js_section_sub{
    display: flex;
    flex-flow: column nowrap;
}
.email-subscribe .section_sub .js_section_sub>svg{
    display: none;
}
.section_sub input{
    border: 1px solid #e6e6e6;
}
.section_sub input::placeholder{
    color: #7D8487
}

.articlesBody__aside .section_sub{
    margin-top: 16px;
    margin-bottom: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* ad page */
.ad-page{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.ad-page__left{
    width: 100%;
}
.ad-page__right{
    width: 100%;
}
.ad-numbers{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}
.ad-number{
    width: 100%;
    max-width: 130px;
    flex: 1;
    margin-left: 15px;
    margin-right: 15px;
}
.ad-number span{
    display: block;
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    line-height: 120%;
    color: #7D8487;
}
.ad-number span:first-child{
    font-weight: bold;
    font-size: 26px;
    line-height: 140%;
    color: #FFD91F;
}
.editor .ad-page__list{
    padding-left: 0;
}
.ad-page__list li{
    list-style: none;
    position: relative;
}
.ad-page__list li::before{
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #2282ED;
    position: absolute;
    left: 0;
    top: 5px;
    opacity: 1;
    transform: scale(1);
    margin: 0;
}
.ad-page__list li::after{
    content: '';
    display: block;
    position: absolute;
    left: 5px;
    top: 7px;
    width: 5px;
    height: 8px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-135deg);
}
.ad-page__left .btn{
    text-transform: uppercase;
    font-weight: 500;
}
.ad-page__write{
    margin-top: 35px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.ad-page__write>div{
    width: 100%;
}
.ad-page__write .img{
    max-width: 120px;
}
.ad-page__write>div:last-child{
    flex: 1;
    margin-left: 27px;
}
.ad-page__write a{
    color: #2282ED
}
.ad-page__write a:hover{
    text-decoration: none;
}
@media screen and (min-width: 768px){
    .ad-page__left{
        max-width: calc(50% - 30px);
    }
    .ad-page__right{
        max-width: calc(41.67% - 30px);
        margin-left: auto;
        margin-right: 0;
    }
}
.smi-o-nas-slider .smi-logo{
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.smi-o-nas-slider .smi-logo img{
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    height: 100%;
    display: inline-block;
    object-fit: contain
}
.smi-o-nas-slider.owl-carousel .owl-nav button.owl-next, .smi-o-nas-slider.owl-carousel .owl-nav button.owl-prev{
    top: calc(50% - 7px);
}
.smi-o-nas-title{
    font-weight: 500;
    font-size: 24px;
    line-height: 140%;
    margin-bottom: 20px;
    margin-top: 58px;
    text-align: center;
}

.c-row{
    display: flex;
    margin-right: -10px;
    margin-left: -10px;
    flex-wrap: wrap;
}
.c-left{
    width: 100%;
    max-width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 30px;
}
.c-right{
    width: 100%;
    max-width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
}
@media screen and (max-width: 965px) {
    .vacancies .c-right{
        order: -1;
    }
}
@media screen and (min-width: 966px){
    .c-left{
        max-width: calc(66.67% - 20px);
        margin-bottom: 0;
    }
    .c-right{
        width: calc(25% - 20px);
        align-self: flex-start;
        margin-left: auto;
        padding-top: 20px;
        position: sticky;
        top: 38px;
    }
    .c-row_one .c-left{
        max-width: calc(58.33% - 20px);
    }
    .c-row_one .c-right{
        max-width: calc(41.67% - 20px);
        width: 495px;
    }
    .c-row_two .c-left{
        max-width: calc(70.64% - 42px);
    }
    .c-row_two .c-right{
        max-width: calc(29.36% - 20px);
        width: 380px;
    }
    .c-row_three .c-left{
        max-width: calc(75.2% - 40px);
    }
    .c-row_three .c-right{
        max-width: calc(24.8% - 20px);
        width: 318px;
        position: relative;
        top: 0;
    }
    .articlesBody__aside, .articlesBody__socials {
        position: sticky;
        top: 54px;
    }
}

.sortPanel>.btn:last-child{
    margin-left: auto;
    margin-right: 0;
}
.sortPanel__checkboxes{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.sortPanel__checkboxes>*{
    margin-right: 20px;
}
.sortPanel__checkboxes .checkbox__txt{
    margin-left: 0;
    padding: 6px 20px;
    background: #EFF2F5;
    color: #7D8487;
    border-radius: 10px;
    font-weight: 400;
    transition: all .3s ease-in;
}
.sortPanel__checkboxes input:checked+.checkbox__txt{
    color: #2282ED;
    background: #F0F6FF;
    font-weight: 500;
}


.aside-afisha-wrapper .boxSide__heading{
    padding-left: 0;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    text-transform: unset;
    padding-top: 0;
}
.aside-afisha-wrapper .aside-afisha-card{
    margin-bottom: 16px;
    display: flex;
    flex-flow: row wrap;
    text-decoration: none;
}
.aside-afisha-card__img{
    width: 100%;
    margin-bottom: 10px;
}
.aside-afisha-card__img img{
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    object-fit: cover;
}
.aside-afisha-card__body{
    display: flex;
    width: 100%;
    flex-flow: column nowrap;
    font-size: 14px;
    line-height: 140%;
}
.aside-afisha-card__date{
    font-weight: normal;
}
.aside-afisha-card__title{
    font-weight: 500;
}
@media screen and (min-width: 450px){
    .aside-afisha-card__img{
        max-width: 200px;
        margin-right: 20px;
        height: 111px;
    }
    .aside-afisha-card__body{
        max-width: calc(100% - 220px);
    }
}
@media screen and (min-width: 1920px){
    .posterPageBody__item{
        width: 25%;
    }
}
@media screen and (max-width: 639px) {
    
    .posterPageBody__item {
        width: 50%
    }
}
@media screen and (max-width: 420px) {
    
    .posterPageBody__item {
        width: 100%
    }
}

.case-card{
    display: flex;
    flex-flow: column nowrap;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 60px;
    width: 100%;
    max-width: calc(100% - 20px);
}
.case-card__img{
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 12px;
}
.case-card__img img{
    object-fit: cover;
    width: 100%;
    height: auto;
}
.case-card__body{
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    flex: 1;
}
.case-card__title{
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    color: #050505;
    text-decoration: none;
    transition: all .3s ease-in;
}
.case-card__title:hover{
    color: #0090ff
}
.case-card__company {
    position: relative;
    margin-bottom: 12px;
    transition: color 350ms .2s;
    text-decoration: none;
    align-self: flex-start;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #050505;
}
.case-card__company::after, .case-card__company::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #050505
}
.case-card__company::after {
    z-index: 2;
    transition: transform .7s, transform-origin 12ms, background-color 1s 250ms, -webkit-transform .7s, -webkit-transform-origin 12ms;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}
.case-card__company:hover {
    transition: color 350ms;
    color: #ffd91f
}
.case-card__company:hover::after {
    transition: transform 550ms, transform-origin, background-color 250ms, -webkit-transform 550ms, -webkit-transform-origin;
    -webkit-transform: scale(1, 1.5);
    transform: scale(1, 1.5);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    background-color: #ffd91f
}
.case-card__company:active {
    color: #868688
}
.case-card__company:active::after {
    background-color: #868688
}
.case-card__footer{
    margin-top: auto;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.case-card__footer>*{
    margin-top: 12px;
    margin-right: 16px;
}
.case-card__footer>*:last-child{
    margin-right: 0;
}
.case-card__date{
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    color: #7D8487;
}
.case-card__service{
    display: inline-flex;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
    line-height: 100%;
    color: #7D8487;
    padding: 2px 10px;
    background: #F2F2F2;
    border-radius: 9px;
    transition: all .3s ease-in;
}
.case-card__service:hover{
    color: #ffd91f
}
.case-card__views{
    display: inline-flex;
    align-items: center;
    flex-flow: row nowrap;
    font-size: 14px;
    line-height: 140%;
    color: #7D8487
}
.case-card__views i{
    margin-right: 6px;
    color: #DFDFDF;
    display: inline-block;
}
@media screen and (min-width: 500px) {
    .case-card{
        max-width: calc(50% - 20px);
    }
}
@media screen and (min-width: 966px) {
    .case-card__img{
        height: 240px;
    }
    .cases {
        margin-right: -20px;
        margin-left: -20px;
    }
    .cases__caseCard {
        margin-left: 20px;
        margin-right: 20px;
        max-width: calc(50% - 40px);
    }
    .case-card{
        margin-left: 20px;
        margin-right: 20px;
        max-width: calc(50% - 40px);
    }
}
.vacancy-grid{
    display: flex;
    flex-flow: row wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.vacancy-card{
    width: 100%;
    max-width: calc(100% - 30px);
    margin-left: 15px;
    margin-right: 15px;
    padding: 26px 30px 0;
    border: 1px solid #E6E6E6;
    box-sizing: border-box;
    margin-bottom: 30px;
    display: inline-flex;
    flex-flow: column nowrap;
    transition: all .3s ease-in;
}
.vacancy-card:hover{
    border-color: #FFD91F;
}
.vacancy-card__header{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.vacancy-card__header>*{
    margin-bottom: 5px;
}
.vacancy-card__secvise, .vacancy-card__date{
    margin-right: 6px;
}
.vacancy-card__secvise{
    color: #7D8487;
    font-weight: normal;
    font-size: 12px;
    line-height: 100%;
    padding: 4px 12px;
    background: #F2F2F2;
    border-radius: 10px;
}
.vacancy-card__date{
    font-weight: normal;
    font-size: 12px;
    line-height: 140%;
    color: #7D8487;
}
.vacancy-card__vip{
    background: #FFD91F;
    border-radius: 15px;
    padding: 4px 15px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 10px;
    margin-left: auto;
}
.vacancy-card__title{
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    text-decoration: none;
}
.vacancy-card__city{
    margin-right: 20px;
}
.vacancy-card__city, .vacancy-card__time{
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    margin-top: 12px;
}
.vacancy-card__city svg, .vacancy-card__time svg{
    margin-right: 4px;
}
.vacancy-card__row{
    margin-bottom: 26px;
}
.vacancy-card__comapny{
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    text-decoration: none;
    margin-right: 10px;
}
.vacancy-card__comapny-img{
    margin-right: 12px;
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.vacancy-card__comapny-name{
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
}
.vacancy-card__price{
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    margin-left: auto;
}
.vacancy-card__footer{
    padding-top: 6px;
    padding-bottom: 6px;
    border-top: 1px solid #E5E5E5;
    margin-top: auto;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
}
@media screen and (min-width: 768px) {
    .vacancy-card{
        max-width: calc(50% - 30px);
    }
    .vacancy-card__vip{
        font-size: 14px;
    }
    .vacancy-card__header>*{
        margin-bottom: 14px;
    }
    .vacancy-card__secvise, .vacancy-card__date{
        margin-right: 16px;
    }
    .vacancy-card__row{
        margin-bottom: 46px;
    }
    .vacancy-card__footer{
        padding-top: 16px;
        padding-bottom: 16px;
    }
}

.vacancy-banner{
    padding: 60px 15px 30px;
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 50px;
}
.vacancy-banner__title{
    position: relative;
    padding-right: 66px;
}
.vacancy-banner__title span{
    display: inline-block;
    width: 55px;
    height: 55px;
    position: absolute;
    top: -30px;
    right: 0;
}
.vacancy-banner__body{
    display: inline-flex;
    flex-flow: column nowrap;
    align-items: flex-start;
}
.vacancy-banner__img{
    display: none;
}
@media screen and (min-width: 768px) {
    .vacancy-banner{
        padding: 0px 15px;
    }
    .vacancy-banner__img{
        display: inline-flex;
        width: 50%;
        align-items: flex-end;
        justify-content: center;
    }
    .vacancy-banner__img img{max-width: 100%; max-height: 100%;}
    .vacancy-banner__body{
        padding-top: 50px;
        padding-bottom: 30px;
        width: 50%;
    }
}
@media screen and (min-width: 966px){
    .vacancy-banner{
        padding: 0 90px;
    }
}
@media screen and (min-width: 1920px){
    .vacancy-banner__body{
        padding-top: 123px;
        padding-bottom: 123px;
    }
}

.btn_yellow{
    padding: 16px 30px;
    background: #FFD91F;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #050505;
    border: none;
    text-transform: none;
}
.btn_yellow:hover{
    background: rgba(255,217,31, .6);
    color: #050505;
}
.btn_black{
    padding: 16px 30px;
    background: #050505;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #fff;
    border: none;
    text-transform: none;
}
.btn_black:hover{
    background: rgba(0,0,0, .6);
    color: #fff;
}
.vacancy-banner__title{
    font-weight: bold;
    font-size: 38px;
    line-height: 120%;
    margin-bottom: 8px;
}
.vacancy-banner__text{
    font-weight: 500;
    font-size: 17px;
    line-height: 140%;
}
.vacancy-banner__btns{
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
}
.vacancy-banner__btns span{
    display: inline-flex;
    margin-left: 20px;
    margin-right: 20px;
}
.vacancy-banner__btns>*{
    margin-top: 5px;
}
@media screen and (min-width: 600px) {
    .vacancy-banner__btns{
        flex-flow: row wrap;
    }
    .vacancy-banner__btns>*{
        margin-top: 20px;
    }
}

.indev{
    position: relative;
}
.indev__sub{
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 3px;
    padding-bottom: 4px;
    transition: top 250ms .2s, transform 250ms, background-color 250ms, opacity 250ms, -webkit-transform 250ms;
    -webkit-transform: scale(.01, .1);
    transform: scale(.01, .1);
    opacity: 0;
    background-color: #2659F3;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    font-size: 12px;
    line-height: 100%;
}
.indev:hover .indev__sub{
    top: calc(100% + 5px);
    transition: top 250ms, transform 250ms .2s, background-color 250ms .2s, opacity, -webkit-transform 250ms .2s;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    background-color: #fff
}

.vacancy-aside{
    margin-bottom: 30px;
}
.vacancy-aside-title{
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 12px;
}
.vacancy-search-form{
    display: flex;
    flex-flow: row nowrap;
}
.vacancy-search-form{
    border: 1px solid #D3D3D4;
    box-sizing: border-box;
    border-radius: 25px;
    height: 50px;
    overflow: hidden;
}
.vacancy-search-form input{
    flex: 1;
    width: 100%;
    border: none;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 140%;
    text-overflow: ellipsis;
}
.vacancy-search-form input::placeholder{
    color: #7D8487
}
.vacancy-search-form .btn{
    padding: 20px;
    border: none;
    border-left: 1px solid #D3D3D4;
}

.vacancy-aside .jq-selectbox{
    width: 100% !important;
    border: 1px solid #D3D3D4 !important;
    box-sizing: border-box;
}
.vacancy-aside .jq-selectbox__select{
    width: 100% !important;
    justify-content: space-between;
    height: 50px;
    padding: 14px 0px 16px 20px;
}
.vacancy-aside .jq-selectbox__trigger-arrow::before{
    content: '';
    border: 5px solid transparent; 
    border-top: 5px solid #050505;
    display: inline-block;
    margin: 0 auto -3px;
}

.vacancy-aside-checkboxes{
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
}
.chk{
    margin-bottom: 12px;
    cursor: pointer;
}
.chk input{
    display: none;
}
.chk>span{
    position: relative;
    display: inline-flex;
    padding-left: 30px;
}
.chk>span::before{
    content: '';
    display: block;
    background: #FFFFFF;
    border: 1px solid #D3D3D4;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    transition: all .3s ease-in;
    position: absolute;
    left: 0;
    top: 3px;
}
.chk>span::after{
    content: '';
    display: block;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    transform: rotate(-45deg);
    box-sizing: border-box;
    width: 12px;
    height: 6px;
    transition: all .3s ease-in;
    position: absolute;
    left: 3px;
    top: 7px;
}
/* .chk input:checked~span::before{
    border-color: #2282ED;
    background: #2282ED;
} */
.chk.active input~span::before{
    border-color: #2282ED;
    background: #2282ED;
}

.vacancy-types{
    display: flex;
    flex-flow: row wrap;
}

.chk-2{
    margin-bottom: 12px;
    cursor: pointer;
    display: inline-block;
    margin-right: 15px;
}
.chk-2 span{
    display: inline-flex;
    position: relative;
    padding: 6px 10px;
    background: #F0F6FF;
    border-radius: 15px;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    color: #2282ED;
}
/* .chk-2 input:checked~span{
    padding-left: 28px;
    background: #2282ED;
    color: #fff
}
.chk-2 input:checked~span::before{
    content: '';
    display: block;
    width: 2px;
    height: 12px;
    background: #fff;
    position: absolute;
    top: calc(50% - 6px);
    left: 15px;
    transform: rotate(45deg);
}
.chk-2 input:checked~span::after{
    content: '';
    display: block;
    width: 2px;
    height: 12px;
    background: #fff;
    position: absolute;
    top: calc(50% - 6px);
    left: 15px;
    transform: rotate(-45deg);
}
.chk-2 input:checked~span::before, .chk-2 input:checked~span::after{
    display: block;
} */
.chk-2.active input~span{
    padding-left: 28px;
    background: #2282ED;
    color: #fff
}
.chk-2.active input~span::before{
    content: '';
    display: block;
    width: 2px;
    height: 12px;
    background: #fff;
    position: absolute;
    top: calc(50% - 6px);
    left: 15px;
    transform: rotate(45deg);
}
.chk-2.active input~span::after{
    content: '';
    display: block;
    width: 2px;
    height: 12px;
    background: #fff;
    position: absolute;
    top: calc(50% - 6px);
    left: 15px;
    transform: rotate(-45deg);
}
.chk-2.active input~span::before, .chk-2.active input~span::after{
    display: block;
}

.vacancy-header{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}
.vacancy-header h1{
    width: 100%;
}
.vacancy-btns{
    background: #F3F3F3;
    border-radius: 20px;
    display: flex;
    flex-flow: row nowrap;
}
.vacancy-btns .btn{
    padding: 11px 29px;
    border: none;
    border-radius: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    color: #050505;
    text-transform: unset;
}
.vacancy-btns .btn:not(.active):hover{
    color: #FFD91F;
    background: #F3F3F3
}
.vacancy-btns .btn.active{
    background: #FFD91F;
}
.vacancy-btns .btn svg{
    margin-right: 6px;
}
@media screen and (min-width: 966px){
    .vacancy-header h1{
        width: 50%;
        margin-right: 15px;
    }
}

.portfolio-cat-header{
    display: flex;
    flex-flow: row wrap;
    margin-top: 15px;
}
.portfolio-cat-header>*{
    margin-top: 0;
    margin-bottom: 15px;
}
.portfolio-cat-header h1{
    margin-right: 15px;
}
.portfolio-cat-header .search{
    margin-left: auto;
    margin-right: 0;
    margin-top: 3px;
}
.portfolio-cat-header .search__inp{
    width: 100%;
    border: none
}
.portfolio-cat-header .search__inp input{
    background: #F4F4F4;
    border-radius: 25px;
}
.portfolio-cat-header+div{
    margin-top: 0;
}

.portfolio-cat-sortline{
    display: flex;
    flex-flow: row wrap;
    margin-top: -5px;
}
.portfolio-cat-sortline>*{
    margin-top: 15px;
    margin-bottom: 0;
}
.portfolio-cat-sortline>*:first-child{
    margin-bottom: 0;
}
.portfolio-cat-sortline>*:last-child{
    margin-right: 0;
    margin-left: auto;
}
.sortBy__link_current{
    border-bottom: 1px solid #2282ED;
}
@media screen and (max-width: 1023px) {
    .portfolio-cat-sortline{
        margin-top: -15px;
    }
}

.portfolio-cat-sortline .selBlock_row .selBlock__name{
    margin-right: 0;
}

.portfolio-card .portfolioCard__bottom{
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 18px;
    border-bottom: 1px solid #E6E6E6;
}
.portfolio-card .portfolioCard__typeList{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.portfolio-card .portfolioCard__type{
    width: 100%;
    max-width: calc(50% - 5px);
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    margin-top: 12px;
}
.portfolio-card .portfolioCard__key{
    margin-bottom: 2px;
    margin-right: 0;
    font-weight: normal;
    font-size: 12px;
    line-height: 140%;
    color: #7D8487;
    text-transform: unset;
}
.portfolioCard__site-name{
    display: inline-flex;
    align-items: center;
    max-width: 70%;
    flex: 1;
}
.portfolio-card .portfolioCard__site{
    margin-top: 0;
    margin-left: 6px;
    color: #2282ED;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    max-width: 100%;
    word-break: unset;
}
.portfolio-card .portfolioCard__thumb{
    max-height: 262px;
    margin-bottom: 18px;
}
.portfolio-card .portfolioCard__typeList{
    flex-basis: unset;
}
.portfolioCard.portfolio-card  > .portfolioCard__heading{
    display: block;
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    width: 100%;
}
.portfolio-card  .portfolioCard__like{
    color: #050505;
}
@media screen and (max-width: 563px) {
    .portfolio-card .portfolioCard__type{
        max-width: calc(50% - 30px);
    }
}
.product\/reviews .jq-selectbox.is-open .jq-selectbox__dropdown{
    right: 0;
    left: unset;
}

.plus-btn-ico{
    display: block;
    width: 12px;
    height: 12px;
    position: relative;
    margin-right: 10px;
}
.plus-btn-ico::after, .plus-btn-ico::before{
    content: '';
    display: block;
    background: #fff;
    position: absolute;
    width: 100%;
    height: 2px;
    top: calc(50% - 1px);
    left: 0;
}
.plus-btn-ico::before{
    transform: rotate(90deg);
}


@media screen and (max-width: 965px) {
    .mainMenu__iconBtnGroup .account{
        display: none;
    }
    .header__row{
        flex-flow: column nowrap;
        justify-content: center;
        margin-top: 8px;
        padding-bottom: 9px;
        border-bottom: 1px solid #EDEDED;
        position: relative;
        margin-bottom: 54px;
        width: 100vw;
        margin-left: -20px;
        margin-right: -20px;
    }
    .header__logo{
        align-self: unset;
        width: 120px;
        height: 46px;
    }
    .header__btn{
        position: absolute;
        width: 100%;
        max-width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
        top: calc(100% + 7px);
        height: 42px;
    }
    .header__btn span{
        line-height: 111%
    }
    .mainMenu{
        border: none
    }
    .mainMenu__row {
        height: 0;
    }
    .mainMenu__wrapper{
        height: 0;
        background: rgba(0,0,0,0);
        padding-top: 0;
        padding-bottom: 0;
    }
    .header__mainMenu{
        top: -112px
    }
    .iconBtnGroup > :not(:last-child){
        margin-right: 0;
    }
    .breadcrumb{
        border-top: 1px solid #EFF2F5;
    }
    .iconBtnGroup__item .fa{
        font-size: 24px;
    }
    .header.zindex::before{
        content: '';
        display: block;
        width: 100vw;
        height: 50px;
        background: #fff;
        position: fixed;
        top: 0;
        left: 0;
        box-shadow: 0 2px 3px rgba(0,0,0,.1)
    }
    /* dropdown menu */
    .humburger span{
        background-color: #050505;
        transition: all .3s ease-in;
    }
    .humburger:hover span{
        background-color: #0090ff;
    }
    .mobileDropMenu{
        /* background: #E4F6FF; */
        padding: 0;
    }
    .menu-category{
        width: calc(100% + 60px);
        margin-left: -30px;
        margin-right: -30px;
        max-width: unset;
        height: auto;
        /* max-height: 100%; */
        background: #fff;
        display: flex;
        flex-flow: column nowrap;
        overflow-y: unset;

    }
    .menu-category__item_lvl-1{
        width: 100%;
        background: #fff;
        margin-bottom: 0;
    }
    .menu-category__item_lvl-1:not(:last-child){
        border-bottom: 1px solid #EDEDED
    }
    .menu-category__item_lvl-1:first-child{
        border-top: 1px solid #EDEDED
    }
    .menu-category__item_lvl-1::after{
        display: none;
    }
    .menu-category__item_lvl-1 > div.menu-category__link{
        width: 100%;
    }
    .menu-category__item_lvl-1 > .menu-category__link{
        padding-top: 15px;
        padding-bottom: 16px;
        padding-left: 30px;
        padding-right: 50px;
        font-size: 14px;
        line-height: 140%;
        font-weight: 500;
    }
    .menu-category__item_lvl-1.active{
        box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.05)
    }
    .menu-category__link sup{
        top: 12px;
        right: 20px;
    }
    .menu-category__arrow{
        left: unset;
        right: 30px;
        width: 20px;
        top: 13px
    }
    .humburger.js_btnClose{
        margin-left: auto;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    .menu-category__item_lvl-2:first-child{
        margin-top: 0;
    }
    .menu-category__item_lvl-2 > .menu-category__link{
        font-size: 14px;
        line-height: 120%;
    }
    .menu-category__list{
        padding: 0 48px 20px 40px;
    }
    .menu-category__arrow .fa-angle-down:before, .menu-category__arrow .fa-angle-down:after{
        content: '';
        display: block;
        width: 12px;
        height: 2px;
        background: #2282ED;
        position: absolute;
        left: calc(50% - 6px);
        top: calc(50% - 1px);
    }
    .menu-category__arrow .fa-angle-down:after{
        transform: rotate(90deg);
    }
    .menu-category__arrow_up .fa-angle-down:after{
        transform: rotate(0)
    }
    .menu-category__arrow:active{
        top: 13px
    }
    .menuMobile{
        padding: 30px 30px 32px;
        height: 100vh;
        display: flex;
        flex-flow: column nowrap;
        overflow-y: auto;
    }
    .account-mob{
        display: inline-flex;
        flex-flow: row nowrap;
        align-items: center;
        text-decoration: none;
        color: #050505;
        font-weight: 500;
        font-size: 14px;
        line-height: 140%;
    }
    .account-mob svg{
        width: 34px;
        height: 34px;
        background: #050505;
        border-radius: 50%;
        color: #fff;
        fill: #fff;
        padding: 8px;
    }
    .account-mob span{
        margin-left: 10px;
    }
    .menuMobile__header{
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 18px;
    }
    .menuMobile__header .humburger{
        height: 30px;
        width: 30px;
    }
    .menuMobile__header .humburger span{
        height: 2px;
    }
    .menuMobile__footer{
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        list-style: none;
        /* max-height: 240px;
        overflow-y: auto; */
        padding-right: 30px;
        width: calc(100% + 60px);
        padding-top: 23px;
        margin-right: -30px;
        margin-left: -30px;
        padding-left: 30px;
        margin-bottom: -32px;
        padding-bottom: 32px;
        flex: 1;
        margin-top: 0;
        background: #F1F8FF;
        align-items: flex-start;
    }
    .menuMobile__footer ul{
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
    }
    .menuMobile__footer li{
        list-style: none;
        font-weight: 500;
        font-size: 14px;
        line-height: 140%;
        width: calc(50% - 5px);
        padding-left: 0;
        margin-bottom: 16px;
        overflow: unset
    }
    .menuMobile__footer li::before{
        display: none
    }
    .menuMobile__footer .menu-category__link sup{
        top: -12px;
        right: -15px;
    }
}
@media screen and (max-width: 380px) {
    .menuMobile__footer li{
        width: 100%;
    }
}
@media screen and (min-width: 1024px) {
    .tabCases__cases .case-card{
        max-width: calc(33.33% - 40px);
    }
    .tabVacancy__vacancyWrap .vacancy-card{
        max-width: calc(33.33% - 40px);
    }
}


.vacancyPage__main-header{
    padding-bottom: 8px;
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 20px;
}
.vacancyPage__main-header h1{
    margin-bottom: 11px;
    font-weight: 500;
    font-size: 32px;
    line-height: 140%;
    margin-top: 0;
}
.vacancyPage__main-row{
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
}
.vacancyPage__main-row>*{
    margin-bottom: 12px;
    margin-right: 16px;
}
.vacancyPage__main-row>*:last-child{
    margin-right: 0;
}
.vacancyPage__main-item{
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
}
.vacancyPage__main-item svg{
    margin-right: 6px;
}
.vacancyPage__main-price{
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    margin-bottom: 16px;
}
.vacancyPage__main-price svg{
    margin-right: 12px;
}
.vacancyPage__main-date{
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    color: #7D8487;
}
.vacancyPage__main-type{
    background: #F2F2F2;
    border-radius: 10px;
    padding: 4px 12px;
    font-weight: normal;
    font-size: 12px;
    line-height: 100%;
    color: #7D8487
}
.vacancyPage__shareInf{
    border: 1px solid #E6E6E6;
    padding: 22px 30px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 60px;
}
.shareInf__text{
    font-weight: normal;
    font-size: 16px;
    line-height: 100%;
}
.same-vacancies{
    width: 100%;
}
.same-vacancies__title{
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 120%;
    padding-bottom: 20px;
    border-bottom: 2px solid #2282ED;
    margin-bottom: 20px;
    margin-top: 0;
}
.same-vacancies>*{
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.same-vacancies>.vacancy-card{
    margin-bottom: 12px;
}
.same-vacancies>.btn{
    margin-top: 18px;
}
.same-vacancies .vacancy-card__row{
    margin-bottom: 16px;
}
@media screen and (max-width: 965px){
    .vacancyPage__main-header h1{
        font-size: 28px;
    }
    .vacancyPage__aside{
        padding-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 25px;
    }
    .vacancyInfoWrap__header{
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
    }
    .vacancyInfoWrap__thumb{
        flex-basis: 120px;
    }
    .vacancyPage__shareInf{
        padding: 11px 15px;
    }
}

.vacancyInfoWrap__body{
    width: calc(100% + 52px);
    margin-left: -26px;
    padding-left: 26px;
    padding-right: 26px;
    border-bottom: 1px solid #E6E6E6;
    color: #7D8487;
    font-size: 14px;
    line-height: 140%;
}
.vacancyInfoWrap__body .expanded-block{
    width: 100%;
}
.vacancyInfoWrap__body .editor *{
    color: #7D8487;
    font-size: 14px;
    line-height: 140%;
}
.vacancyInfoWrap__body .editor *:last-child{
    margin-bottom: 0;
}
.vacancyInfoWrap__body .expanded-block__outer{
    overflow: hidden;
    max-height: 200px;
    height: auto;
}
.vacancyInfoWrap__body .expanded-block__outer.expanded .expanded-block__content{
    padding-bottom: 0;
}
.vacancyInfoWrap__body .expanded-block__outer.expanded{
    max-height: unset;
}
.vacancyInfoWrap__body .editor::after{
    display: none;
}
.vacancyInfoWrap__body .expanded-block__outer.expanded~.links_readMore{
    margin-top: 0;
}
@media screen and (max-width: 965px){
    .vacancyInfoWrap__body{
        border-bottom: none;
    }
    .vacancyInfoWrap__body .expanded-block__outer.expanded, .vacancyInfoWrap__body .expanded-block__outer{
        height: auto !important;
        max-height: unset !important;
        overflow: unset;
    }
    .vacancyInfoWrap__body .expanded-block__outer:before{
        display: none;
    }
    .vacancyInfoWrap__body .links_readMore{
        display: none !important;
    }
    .vacancyInfoWrap__body .expanded-block__content{
        margin-top: 0;
        padding-bottom: 0;
    }
}
.vacancyPage__aside .fileUpload .text-error{
    left: 26px;
}

#questions{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-top: 30px;
    box-shadow: 0 6px 12px rgba(0,0,0,.15);
    text-align: center;
    background: #f7f7f7;
}
#questions .mfp-close{
    right: 0;
    top: 0;
}
#questions .modal__head{
    padding: 0 0 0 0;
    /* color: #0090ff; */
}
#questions>*:not(.mfp-close){
    width: calc(100% - 30px);
    margin: 0 15px;
    margin-top: 0;
    margin-bottom: 15px;
}
#questions>h3{
    margin-bottom: 0;
    color: #050505;
}
#questions .btn{
    width: auto;
    padding: 10px 40px;
}
#serviceQuality .field__name{
    margin-top: 15px
}
#serviceQuality .field_img{
    max-width: 100%;
    width: 100%;
}
#serviceQuality .field{
    margin-bottom: 10px;
}
#serviceQuality .field .text-error{
    display: none;
}
#serviceQuality .field textarea{
    padding: 15px
}
#serviceQuality .field input[type=url]{
    padding: 15px
}
#serviceQuality .formBlcok__field{
    margin-left: 0;
    margin-right: 0;
}
#serviceQuality .field_img .field__thumb{
    height: 120px;
}
#serviceQuality *{
    font-size: 14px;
    font-weight: 400;
    width: 100%;
}
#serviceQuality .itr{
    font-size: 30px;
}

#serviceQuality .btn{
    width: 100%; 
    text-transform: none;
    margin-top: 15px;
}
.lk-main__conteiner{
    position: relative;
}
.service-quality{
    position: absolute !important;
    background: #fff;
}
.service-quality .mfp-container{
    position: absolute !important
}


.formBlcok__wrap .field{
    margin-bottom: 20px;
}
.field__remove{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 1px solid #F3F3F3
}
.field__remove .fa-times::after, .field__remove .fa-times::before{
    content: '';
    display: block;
    width: 16px;
    height: 2px;
    position: absolute;
    left: calc(50% - 8px);
    top: calc(50% - 1px);
    background: #F12949;
    transition: all .3s ease-in;
}
.field__remove .fa-times::after{
    transform: rotate(45deg)
}
.field__remove .fa-times::before{
    transform: rotate(-45deg)
}
.field__remove:hover .fa-times::after{
    transform: rotate(-135deg)
}
.field__remove:hover .fa-times::before{
    transform: rotate(135deg)
}
@media screen and (max-width: 767px){
    .lk-footer-btns .btn, .field .btn-field-add{
        min-height: 40px;
        padding: 10px 30px;
        height: auto;
    }
}
@media screen and (min-width: 768px){
    .lk-footer-btns{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px;
        margin-top: 10px;
    }
    
    .lk-footer-btns>*{
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    .lk-footer-btns .field .btn-field-add{
        margin-top: 0;
    }
    .lk-footer-btns .btn{
        min-height: 55px;
        height: auto;
    }
    .lk-footer-btns .field_btns_right{
        justify-content: flex-end
    }
}
@media screen and (min-width: 1056px){
    .formBlcok__wrap .field:first-child{
        margin-left: 0;
    }
    .formBlcok__wrap .field:last-child{
        margin-right: 0;
    }
    .lk-services__formBlcok .formBlcok__wrap .field.formBlcok__field_col4{
        flex-grow: unset;
    }
    .lk-services__formBlcok .formBlcok__wrap .field:nth-last-child(2){
        max-width: unset
    }
}

.categoryPage__btn{
    font-weight: 400;
    text-transform: unset;
}
.tabContent__box {
    position: relative;
    min-height: 300px;
}
.checkbox_lk .checkbox__label{
    position: relative;
    padding-left: 28px;
}
.checkbox_lk .checkbox__box{
    position: absolute;
    left: 0;
    top: 1px;
}
.checkbox_lk .checkbox__box::after{
    content: '';
    display: block;
    width: 10px;
    height: 5px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
    position: absolute;
    left: calc(50% - 5px);
    top: calc(50% - 3px);
    opacity: 0;
}
.checkbox_lk .checkbox__inp:checked ~ .checkbox__box::after{
    opacity: 1;
}
.selection, .select2-container{
    height: 100%;
}
.select2-container .select2-search--inline .select2-search__field{
    margin-left: 0 !important;
}
@media screen and (max-width: 700px){
    .advantages__item{
        
        width: calc(50% - 30px) !important;
    }
}

.login-with-google-btn {
    transition: background-color 0.3s, box-shadow 0.3s;
    padding: 12px 16px 12px 42px;
    border: none;
    border-radius: 3px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25);
    color: #757575;
    font-size: 14px;
    font-weight: 500;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
    background-color: white;
    background-repeat: no-repeat;
    background-position: 12px 11px;
  }
  .login-with-google-btn:hover {
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.25);
  }
  .login-with-google-btn:active {
    background-color: #eeeeee;
  }
  .login-with-google-btn:focus {
    outline: none;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.25), 0 0 0 3px #c8dafc;
  }
  .login-with-google-btn:disabled {
    filter: grayscale(100%);
    background-color: #ebebeb;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25);
    cursor: not-allowed;
  }
  .img-load:before{
    content: url(../image/image123.svg);
  }
  .lk-aside-banner{
      width: 100%;
      display: flex;
      justify-content: center;
  }

  .rating-content_1 .nomination, .rating-header_1 .nomination{
      flex-basis: 280px;
  }
  .rating-content_1 li ul .company, .rating-header_1 .company{
    min-width: 195px;
  }
  
  .editor ol{
      margin-left: 20px;
  }
  .editor ol>li{
    padding-left: 15px !important;
    list-style: auto !important;
    overflow: unset;
  }
  .editor ol>li::before{
      display: none !important
  }


  
.itr_pencil-edit-button, .fa-trash{
    width: 14px;
    height: 14px;
    display: block;
    position: relative;
}
.itr_pencil-edit-button:before, .itr_pencil-edit-button:after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/catalog/view/theme/default/image/pencil.svg) center center no-repeat;
    background-size: contain;
    transition: all .3s ease-in;
}
.itr_pencil-edit-button:after{
    background: url(/catalog/view/theme/default/image/pencil-primary.svg) center center no-repeat;
    background-size: contain;
    opacity: 0;
}
.fa-trash:before, .fa-trash:after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url(/catalog/view/theme/default/image/del.svg) center center no-repeat;
    background-size: contain;
    transition: all .3s ease-in;
}
.fa-trash:after{
    background: url(/catalog/view/theme/default/image/del-primary.svg) center center no-repeat;
    background-size: contain;
    opacity: 0;
}
.lk-tabls__edit:hover .itr_pencil-edit-button:before, .lk-tabls__edit:hover .fa-trash:before{
    opacity: 0;
}
.lk-tabls__edit:hover .itr_pencil-edit-button:after, .lk-tabls__edit:hover .fa-trash:after{
    opacity: 1;
}

/* sitemap */
.sitemap-info>ul:first-child{
    border-top: none;
    margin-top: 30px;
}
.sitemap-info ul li{
    list-style: none;
    padding: 15px 0;
    margin: 0;
}
.sitemap-info ul li:not(:first-child){
    border-top: 1px solid #f3f3f3;
}
.sitemap-info ul li>a~ul{
    margin-top: 15px;
    margin-bottom: -15px;
    margin-left: 30px;
    width: calc(100% - 30px);
}
@media screen and (max-width: 992px){
    .sitemap-info ul li>a~ul{
        margin-left: 15px;
        width: calc(100% - 15px);
    }
}
.sitemap-info ul{
    border-top: 1px solid #f3f3f3;
    margin: 0;
    padding: 0
}
.sitemap-info a{
    text-decoration: none;
    display: block;
    width: 100%;
}
.sitemap-info ul li::before{
    display: none;
}
.nav__link_light{
    font-weight: 400;
}

.nav__link:hover,
.links:hover,
.cardItem__heading:hover,
.category-seo__content a:hover {
  color: #050505;
}

.serviceStatistic__item:hover {
  opacity: 1;
}

.links_black:hover,
.cases-info__title a:hover,
.cardItem__heading:hover {
  color: #000;
}

.dev__txt:hover {
  color: #fcfcfc;
}

.footerNav__link:hover {
  color: #999;
}

.soc__link:hover {
  color: #fff;
}